@import url('/00_common/css/basic_KRDS.css');

/* 공통 */
html {scroll-behavior: auto;}
::-webkit-scrollbar {width: 8px; height: 5px;}
::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 0px;}
::-webkit-scrollbar-track {background-color: #ddd; border-radius: 0px;}
.scroll-no {overflow: hidden;}
.m_only {display:none;}
.sortTypeBtn {display:flex; align-items:center; gap:1rem; justify-content:center; width:100%; color:#00a089;}
.sortTypeBtn i {color:#00a089; font-size:1.2rem;}
.nttInfoBtn {display:flex; align-items:center; gap:0.5rem;}
.nttInfoBtn img {position:relative;}
.pc_green {color:#00a089;}
a.bu_link {background:none!important; padding-left:0!important;}
.work-time {max-width:20rem; margin:2rem auto; gap:1.5rem!important;}
.work-time .form-list {gap:0.5rem;}


.user-info {position:relative; padding-right:1rem; margin-right:1rem; height:100%;}
.user-info:after {content:''; border-right:1px dotted #ddd; right:-1rem; top:50%; height:calc(100% - 0.5rem); position:absolute; transform:translate(0, -50%);}
.user-info .btn-navi {background:#f4f4f4; flex-direction:row!important; padding:1.5rem 3rem!important;}
.user-info .btn-navi:hover {background:#f4f4f4!important;}
.user-info .btn-navi span {color:#888; font-weight:500;}

/* slick slide common */
.slick-slider {transition: all ease-in-out 0.3s; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-slide {display: none; height: 100%; min-height: 1px; vertical-align: middle;}
.slick-list {overflow: hidden;}
.slick-list.dragging {cursor: pointer;}
.slick-initialized .slick-slide {display: inline-block;}
.slick-arrow.slick-hidden {display: none;}
.slick-current {opacity: 1; display: block;}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.arwShow .slick-arrow.slick-hidden {display: inline-block;}

/* KRDS 커스텀 */
#krds-header .header-container .btn-navi {height:calc(var(--krds-header--navi-min-height) - 0);}
#wrap[class*=scroll] #krds-header:not(.sample) .header-in {border-bottom:0px;}
#krds-header .header-container .logo {width:100%; height:5.2rem; align-items:center; gap:1rem;}
#krds-header .header-container .logo a {max-width:fit-content; display:flex; align-items:center; background:url(../../00_common/krds/img/mohw-logo.svg) no-repeat; background-size:contain; padding-left:20rem;}
#krds-header .header-container .logo p {display:flex; gap:4rem;}
#krds-header .header-container .logo span {font-size:2.2rem; font-weight:700; position:relative; line-height:2.4rem;}
#krds-header .header-container .logo p span:before {content:''; position:absolute; left:-1.25rem; width:1px; height:calc(100% - 1.25rem); background:#d4d4d4; top:50%; transform:translate(0%, -50%);}
#krds-header .header-container .header-actions {width: 100%; justify-content: flex-end;}
#krds-header .header-container .header-actions > .krds-drop-wrap {flex-shrink: 0; gap:1rem;}
#krds-header .header-utility .utility-list {align-items:center;}
#krds-header .header-utility .utility-list li a {display:flex; font-size:1.5rem;}
#krds-header .header-utility .utility-list li a span {font-size:1.5rem;}
#krds-masthead {background:var(--krds-color-symbol-5);}
#krds-footer .foot-quick .inner {justify-content:flex-end;}
#krds-footer .foot-quick .inner .link {max-width:25%;}
#krds-footer .f-logo:nth-child(1) {width:100%; max-width:22rem; background:url(../../00_common/krds/img/mohw-foot-logo.svg) no-repeat; background-size:contain;}
#krds-footer .f-logo:nth-child(2) {width:100%; max-width:22rem; background:url(../../00_common/krds/img/foot_logo.svg) no-repeat; background-size:contain;}
#krds-footer .f-cnt .f-link .link-go .krds-btn.text {font-weight:700;}
#krds-footer > .inner {padding-bottom:5rem; gap: var(--krds-gap-7);}
#krds-footer .f-btm {margin-top:2rem;}
#krds-footer .f-btm .f-btm-text .f-menu {gap:2rem;}
#krds-footer .f-btm .f-btm-text .f-menu .point {color:#003675; font-weight:700;}
#krds-footer .f-cnt .f-info {flex-direction: row; align-items:center;}

.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger {gap:0; transition:none;}
.krds-main-menu .gnb-menu {gap: 3.2rem;}
.krds-main-menu .gnb-menu .gnb-main-trigger {color:#555;}
.krds-main-menu .gnb-menu .gnb-main-trigger::before {background:#00A089;}
.krds-main-menu .gnb-menu .gnb-main-trigger:hover,
.krds-main-menu .gnb-menu .gnb-main-trigger:focus {background-color:var(--krds-color-symbol-5);}
.krds-main-menu .gnb-menu .right-menu {margin-left:auto; font-size: var(--krds-main-menu--main-trigger-font-size); font-weight: var(--krds-font-weight-bold); color: #555; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: var(--krds-gap-3); position: relative; height: var(--krds-main-menu--main-trigger-size-height); padding: 0 var(--krds-main-menu--main-trigger-padding-x); transition: var(--krds-transition-base);}
.krds-main-menu .gnb-menu .right-menu a {display:flex; align-items:center; gap:0.75rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list {max-width:var(--khis-contents-wrap-size); display:flex;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-title {min-width:30rem; padding: var(--krds-main-menu--sub-menu-padding-y) 0 var(--krds-main-menu--sub-menu-padding-y) var(--krds-contents-padding-x);}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-title h2 {color:#1E2124; font-size:2.4rem; margin-top:1rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list > ul > li {margin:0.5rem 0;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content {min-height:19rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-content > ul {grid-template-columns: repeat(3, 1fr); max-height: fit-content;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul > li,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-content > ul > li {max-height:4.5rem;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title a.link {color: var(--krds-light-color-text-basic);}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title {font-size:1.9rem;} 
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:hover, 
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:hover {background:var(--krds-color-symbol-5);}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover, 
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:focus,
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active {background-color:var(--krds-color-symbol-5); border-radius:8px;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before {display:none;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true] ul {position:relative; flex-grow:1; z-index:0;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true] ul::before {position: absolute; top: 0; left: 0; display: block; width: var(--krds-main-menu--main-menu-width); height: 100%; content: ""; background:#fff; z-index:-1;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true] > ul::after {content:''; position:absolute; top:50%; transform:translate(0, -50%); left:calc(var(--krds-main-menu--main-menu-width) + 2rem); width:1px; height:calc(100% - 4.2rem); background:#cdd1d5;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover,
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:focus, 
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active {color:#004239;}

.krds-side-navigation .lnb-list > li > .lnb-btn::before {background-color:#00A089;}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn:hover,
.krds-side-navigation .lnb-list .lnb-item .lnb-btn:focus {background-color:#EDF1F5;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:active, 
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a:focus,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:active,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button:focus {background-color: #EDF1F5;}

.krds-side-navigation .lnb-list .lnb-item [class*=lnb-toggle][aria-expanded=true]::after {background-color:#00a089;} 

.krds-btn.khis {background-color: #035abb; color: var(--krds-button--color-primary-text); border-color:#035abb;}
.krds-btn.khis:hover, .krds-btn.khis:active, .krds-btn.khis:focus {background-color:#013b7c;}
.krds-btn.tel {background-color: #DE3232; color: var(--krds-button--color-primary-text); border-color:#DE3232;}
.krds-btn.tel:hover, .krds-btn.tel:active, .krds-btn.tel:focus {background-color:#C62121;}
.krds-btn.move {background-color: #DF8C06; color: var(--krds-button--color-primary-text); border-color:#DF8C06;}
.krds-btn.move:hover, .krds-btn.move:active, .krds-btn.move:focus {background-color:#b87509;}
.krds-btn.medium {height: var(--krds-button--size-height-small); font-size:1.5rem;}
.krds-btn.gray .svg-icon {background-color:var(--krds-color-high-contrast-gray-50);}

.krds-table-wrap .tbl_unit:before {top:-0.35rem;}
.krds-table-wrap .tbl.data thead th {padding:1.5rem; background:#F4FDFC; font-size:1.7rem; font-weight:700; color:#000; text-align:center; word-break:keep-all;}
.krds-table-wrap .tbl.data tfoot th {padding:1.5rem; background:#e5f1f0; font-size:1.7rem; font-weight:700; color:#000; text-align:center;}
.krds-table-wrap .tbl.data tbody th {padding:1.5rem; font-weight:700; background:#F4FDFC; font-size:1.7rem; font-weight:700; color:#000; text-align:center;}
.krds-table-wrap .tbl.data tbody td {font-size:1.7rem; font-weight:400; color:#000; padding:1rem 0.5rem; word-break:keep-all; background: transparent;}
.krds-table-wrap .tbl.data tbody td.btns button {word-break:keep-all; white-space: normal; line-height:1.8rem; padding:0 1.5rem;}
.krds-table-wrap .tbl.data tbody td.bbs_tit a img {align-items:center; display:flex; position:relative; top:0rem;}
.krds-table-wrap .tbl.data th.vt, 
.krds-table-wrap .tbl.data td.vt {vertical-align: top;}
.krds-drop-wrap .drop-menu {z-index:60;}

.krds-tab-area {gap:0rem;}
.krds-tab-area .tab-conts-wrap {font-size:1.5rem;}
.krds-identifier .logo {background-image: url('../../00_common/krds/img/mohw-logo.svg');}
.tab.full > ul {overflow-x:auto; flex-wrap:nowrap; -ms-overflow-style:none; scrollbar-width: none;}
.tab.full > ul::-webkit-scrollbar {display:none;}
.tab.full > ul > li {min-width:10rem;}

#popFootLink .modal-dialog .modal-header, #popFootLink .modal-dialog .modal-conts {max-width: 128rem;}
#popFootLink .modal-dialog .modal-header {padding: 16rem 0 var(--krds-padding-10); line-height: 1;}
#popFootLink .pop-foot-links {--pop-foot-link-color-background-hover: var(--krds-light-color-element-secondary-light); --pop-foot-link-color-background-active: var(--krds-light-secondary-20); padding: 0.4rem; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: var(--krds-gap-3) var(--krds-gap-5);}
#popFootLink .pop-foot-links li a {display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; gap: var(--krds-gap-2); padding: var(--krds-padding-5) var(--krds-padding-3); border-radius: var(--krds-radius-medium3); word-break: break-all;}
#popFootLink .pop-foot-links li a::before {content: "･"; margin-top: 0.1rem;}

/* 폼 */
input:focus {border-color:#00a089;}
input:-webkit-autofill {background-clip: text; -webkit-text-fill-color: #000 !important;}
.login-form-area input.krds-input {border-color: #d7d7d7;}
.krds-form-select.small {border-color:#d7d7d7; color:#000; font-size:1.7rem;}
.krds-form-chip input[type=radio]:checked ~ label,
.krds-form-chip input[type=checkbox]:checked ~ label {background:#00a089; border-color:#00a089; color:#fff;}
.krds-form-chip input[type=radio]:checked ~ label:before,
.krds-form-chip input[type=checkbox]:checked ~ label:before {background:#fff;}

/* 바로가기 */
#skipArea {position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; text-align: center; border:0!important; color: var(--krds-color-light-gray-0); background-color: var(--krds-color-light-gray-100);}
#skipArea a:not(:focus) {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
#skipArea a:focus {display: flex; align-items: center; justify-content: center; flex-direction: row; outline-offset: -0.4rem; outline: 2px solid rgba(255, 255, 255, 0.9); font-size: 1.5rem; color: var(--krds-white); width: 100%; height: 3.2rem; margin: 0 auto; border: 0!important; text-align: center;}
#skipArea.type1 {background-color: var(--krds-white);}
#skipArea.type1 a:focus {color: var(--krds-gray-90);}

/* 레이아웃 */
#wrap {position: relative; overflow: hidden;}
#wrap.login {overflow:auto;}
#container {position:relative;}
#container > .inner {height:75rem;}
#container:has(#subContent) > .inner {height:auto;}
#container .in-between {display: flex; align-items: normal; justify-content: flex-start; flex-direction: row; gap:5rem; padding:5rem 0;}
#container .in-between .krds-side-navigation {flex-shrink: 0; width: 24.8rem; padding: var(--krds-padding-8) 0 0; border: none;}
#container .in-between .contents {flex:1; min-width:0;}
#container .in-between .contents .breadcrumb-wrap {padding: var(--krds-spacer-3) 0 var(--krds-spacer-6);}
#subContent {padding: 0 0 2.5rem;}
#subContent p:has(.svg-icon) {display:flex; font-size:1.5rem;}
.container {position: relative; margin: 0 auto; width: 100%; max-width: 140rem;}
.container:after {clear: both; display: block; content: "";}
.inner {max-width: var(--khis-contents-wrap-size);}
.inner:has(#subContent) {min-height:fit-content;}
.inner.narrow {max-width: calc(79.4rem + var(--krds-contents-padding-x)* 2 - 22rem);}
.cont_wrap {position:relative; width:100%;}
.search-box {flex:1; max-width:88rem; height:100%;}
.board-box {flex-shrink:0; max-width:64rem; display:flex; padding:3rem 0; /*justify-content: space-between;*/ flex-direction:column;}
.MC_box1 {height:100%;}
.MC_box2 {display:flex; align-items:center; gap:2rem; justify-content: space-between;}
.MC_box3 {margin-top:6.5rem;}
.MC_box4 {margin-top:auto;}

/* 로그인 페이지 */
.login,
.login #container,
.login .inner {height:100%;}
.login #container > .inner {min-height:110rem;}
.login .login-section {display:flex; align-items:center; flex-direction:column; justify-content:center; gap:2.4rem; margin: 0 auto;}
.login .login-section .page-title-wrap {flex-direction:column;}
.login-form {width:100%;}
.login-form > .login-form-area {width:100%; padding:4rem 5rem; border-radius:0.8rem; background:#f4f5f6; border:1px solid #cdd1d5; --login-form-color-border: var(--krds-light-color-divider-gray);}
.link-group {display: flex; align-items: center; justify-content: center; flex-direction: row;}
.link-group > li + li::before {display: inline-block; vertical-align: middle; margin: 0 var(--krds-gap-3); content: ""; width: var(--krds-number-1); height: var(--krds-size-height-2); background-color: var(--login-form-color-border);}
.login-footer {display:flex; justify-content:space-between; align-items: flex-start;}
.login-footer p.logo {max-width:16rem;}
.login-footer p.logo img {width:100%;}
.login-footer p.copy {font-size:1.5rem; color:#555; font-weight:400;}
.login-notice-area {position:relative;}
.login-notice-area ul {display:flex; flex-direction:column; gap:1rem; margin-top:0.5rem; margin-bottom:2rem;}
.login-notice-area ul > li {display:flex; justify-content:space-between; position:relative; padding-left:1.5rem;}
.login-notice-area ul > li:before {content:''; position:absolute; width:0.5rem; height:0.5rem; border-radius:50%; background:var(--krds-color-light-primary-50); top:50%; left:0; transform:translate(0, -50%);}
.login-notice-area ul > li > a {position:relative; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:var(--krds-pc-font-size-body-medium); transition:all 0.2s;display:block;}
.login-notice-area ul > li > .date {flex-shrink:0; font-size:var(--krds-number-8); color:#707070;}
.login-notice-area ul > li:nth-child(n+3) {display:none;}
.login-notice-area ul > li:hover > a,
.login-notice-area ul > li:focus > a {font-weight:700; color:var(--krds-color-light-primary-60);}

/* 서브 left 메뉴 */
#container .in-between .left-menu {position: relative; width: 30rem; padding:0; border-right:none;}
#container .in-between .left-menu::before {content: ''; position: absolute; right: 0; bottom: 0; width: 1px; height: calc(100% - 10rem); background: #ccc;}
#container .left-menu .lnb-tit {position: relative; display: flex; align-items: center; justify-content: center; height: 12.2rem; border-radius: 2.5rem 2.5rem 0; background: #db2e59; padding:0 2.5rem; text-align: center; border-bottom: none; font-size: 2.8rem; color: #fff; font-weight: 600; line-height: 1.3; overflow: hidden; z-index: 1;}
#container .left-menu .lnb-tit::before {content: ""; position: absolute; right:-1.2rem; top:-2.6rem; width: 43.4rem; height: 43.4rem; border-radius: 50%; background: #d0214c; z-index: -1;}
#container .left-menu .lnb-list {position: relative; border-radius: 3rem; padding:1rem 3rem 0 0; border-bottom: none;}
#container .left-menu .lnb-list .acco-head {padding:0px var(--krds-spacer-3); height: 6rem;}
#container .left-menu .lnb-list .acco-head:hover {background-color: transparent;}
#container .left-menu .lnb-list .acco-head .tit {font-size: 1.8rem; color:#111; font-weight: 500; margin-bottom: 0;}
#container .left-menu .lnb-list .acco-head:hover .tit {color:#a81035; font-weight: 500;}
#container .left-menu .acco-list .acco-head .acco-btn::after {right:0.5rem;}
#container .left-menu .acco-list .acco-head .acco-btn.nobody::after {display: none;}
#container .left-menu .acco-list .acco-head .acco-btn.btn-go::after {content:'\e980'; font-family: 'xeicon'; color:#666; font-size: 1.6rem; right:0.5rem; background: #fff; font-size: 1.8rem; border:1px solid transparent;}
#container .left-menu .lnb-list .li {border-bottom:1px solid #ddd; border-top: none;}
#container .left-menu .lnb-list .li.active .acco-head .tit {color:#a81035;}
#container .left-menu .lnb-list .li.active + li {border-top:none;}
#container .left-menu .lnb-list .sub-ul {border-top: 0.2rem solid #d0214c; padding: var(--krds-spacer-3) var(--krds-spacer-2);}
#container .left-menu .lnb-list .sub-ul .subm {font-size: 1.7rem; height: 3.5rem; color:#101010; padding:var(--krds-spacer-3) 0 var(--krds-spacer-3) var(--krds-spacer-5);}
#container .left-menu .lnb-list .sub-ul .subm::before {left:0.7rem; font-size: 1.5rem; color:#101010;}
#container .left-menu .lnb-list .sub-ul .subm:hover {background-color: transparent; color: #a81035;}
#container .left-menu .lnb-list .sub-ul .subm:hover::before {color:#a81035;}
#container .left-menu .lnb-list .sub-ul .subm.is-depth4::after {content:'\e914'; font-family: 'xeicon'; color: #555; font-size: 1.6rem; background: none;}
#container .left-menu .depth4-wrap {width: 99%; border-radius: 3rem; left: 0; padding:var(--krds-spacer-10) 3rem var(--krds-spacer-10) 0;}
#container .left-menu .depth4-wrap .depth4-tit {color:#a81035; font-size: 1.6rem;}
#container .left-menu .depth4-wrap .depth4-ul {border-top: 1px dashed #ccc; border-bottom: none; padding: 1rem 0.5rem; background: #fcfbf7;}
#container .left-menu .depth4-wrap .depth4-ul a {height:2.5rem; font-size: 1.5rem; padding:var(--krds-spacer-1) var(--krds-spacer-4) var(--krds-spacer-1) var(--krds-spacer-8);}
#container .left-menu .depth4-wrap .depth4-ul a::before {content:'-'; color:#555;}
#container .left-menu .depth4-wrap .depth4-ul a:hover {background-color: transparent; font-weight: 600;}

/* loading */
#loadingOverlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; font-size: 18px;}
#loadingOverlay > p {color:#fff; font-size:1.5rem; display:flex; align-items:center; justify-content:center; margin:1.5rem 0; text-align:center; line-height:2rem;}
.loading-spinner span {display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; margin:0 2px; background: #007DB6; border-radius: 50%; animation: loading 1s infinite alternate;}
.loading-spinner span:nth-of-type(2) {background: #008FB2; animation-delay: 0.2s;}
.loading-spinner span:nth-of-type(3) {background: #009B9E; animation-delay: 0.4s;}
.loading-spinner span:nth-of-type(4) {background: #00A77D; animation-delay: 0.6s;}
.loading-spinner span:nth-of-type(5) {background: #00B247; animation-delay: 0.8s;}
.loading-spinner span:nth-of-type(6) {background: #5AB027; animation-delay: 1.0s;}
.loading-spinner span:nth-of-type(7) {background: #A0B61E; animation-delay: 1.2s;}

/* 모바일 하단 메뉴 */
.mobile-foot-menu {position:fixed; z-index:51; left:0; bottom:0; width:100%; height:7rem; border-radius:1.2rem 1.2rem 0 0; background:#fff; box-shadow: 0 0 0.9rem rgba(16,54,48,0.2); padding:0 3rem; display:none; align-items:center; justify-content:space-between;}
.mobile-foot-menu p > a {width:5rem; height:5rem; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0.5rem;}
.mobile-foot-menu p > a span {font-size:1.3rem;}
.mobile-foot-menu p:hover > a,
.mobile-foot-menu p:focus > a {font-weight:700; color:#103630;}

/* 구글 번역 */
.goog-te-gadget-simple {position: relative; display: block !important; padding: 0.5rem !important; font-size: 1.4rem !important; background-color: #fff !important; border: none !important; border-radius: 1.5rem; cursor: pointer; zoom: 1;}
.goog-te-gadget-icon {margin-left: 5px; margin-right: 5px;}
.goog-te-gadget img {border-radius: 50%;}
.goog-te-gadget-simple .goog-te-menu-value span {font-family: 'NotoSans';}
.goog-te-gadget-simple .goog-te-menu-value img + span {position: absolute; top: 1.3rem; right: 2.5rem; font-size: 1rem !important; color: #000 !important; border: none !important;}
.goog-te-gadget-simple span {border: none !important;}

/* login 헬퍼박스 */
.helper-box {--helper-color-background: var(--khis-join-color-0); --helper-color-border: var(--khis-join-color-2); --helper-color-text: var(--khis-join-color-1); --helper-width-border: var(--krds-light-border-width-variable-regular); --helper-icon-size: var(--krds-size-height-3); --helper-gap-tit-icon: var(--krds-gap-3); --helper-desc-wrap-margin-top: var(--krds-gap-4); --helper-desc-wrap-margin-left: calc(var(--krds-size-height-3) + var(--krds-gap-3)); width: 100%; padding: var(--krds-pc-padding-card-xsmall); border-radius: var(--krds-radius-xlarge2); background-color: var(--helper-color-background); border: var(--helper-width-border) solid var(--helper-color-border); margin:3.2rem 0 4.2rem;}
.helper-box.type02 {margin-bottom:1rem;}
.helper-box .helper-tit {display: flex; align-items: center; position: relative; color: var(--helper-color-text); font-weight: var(--krds-font-weight-bold);}
.helper-box .helper-tit::before {margin-right: var(--helper-gap-tit-icon); content: ""; display: inline-flex; width: calc(var(--helper-icon-size) - 0.2rem); height: var(--helper-icon-size); background-color: var(--krds-light-color-text-basic); background-color: transparent !important; forced-color-adjust: none; background-image: url(../../00_common/krds/img/component/icon/ico_helper_info_blue.svg); background-size: contain;}
.helper-box .helper-desc-wrap {margin-top: var(--helper-desc-wrap-margin-top); margin-left: calc(var(--helper-desc-wrap-margin-left) - 0.3rem);}
.krds-info-list { --krds-info-list--depth1-list-margin-top: 0; --krds-info-list--depth2-list-margin-top: var(--krds-gap-5); --krds-info-list--depth3-list-margin-top: var(--krds-gap-4); --krds-info-list--depth1-padding-left: var(--krds-number-12); --krds-info-list--depth2-padding-left: var(--krds-number-10); --krds-info-list--depth3-padding-left: var(--krds-number-9); --krds-info-list--gap-layout-depth1-li-li: var(--krds-gap-4); --krds-info-list--gap-layout-depth2-li-li: var(--krds-gap-3); --krds-info-list--gap-layout-depth3-li-li: var(--krds-gap-3); --krds-info-list--pc-text-depth1: var(--krds-pc-font-size-body-medium); --krds-info-list--mobile-text-depth1: var(--krds-mobile-font-size-body-medium); --krds-info-list--pc-text-depth2: var(--krds-pc-font-size-body-medium); --krds-info-list--mobile-text-depth2: var(--krds-mobile-font-size-body-medium); --krds-info-list--pc-text-depth3: var(--krds-pc-font-size-body-small); --krds-info-list--mobile-text-depth3: var(--krds-mobile-font-size-body-small); --krds-info-list--info-txt-margin-top: var(--krds-number-7); --krds-info-list--depth1-color-text: var(--krds-light-color-text-subtle); --krds-info-list--depth2-color-text: var(--krds-light-color-text-subtle); --krds-info-list--depth3-color-text: var(--krds-light-color-text-subtle); display: flex; flex-direction: column; margin-top: var(--krds-info-list--depth1-list-margin-top); gap: var(--krds-info-list--gap-layout-depth1-li-li);}
.krds-info-list > li {position: relative; padding-left: var(--krds-info-list--depth1-padding-left); color: var(--krds-info-list--depth1-color-text); font-size: var(--krds-info-list--pc-text-depth1);}
.krds-info-list.decimal > li::before {content: ""; width: 0.6rem; height: 0.6rem; content: ""; background-color: var(--krds-info-list--depth1-color-text); border-radius: var(--krds-radius-max); top: 1rem; left: 0.8rem;}
.krds-info-list > li::before {position: absolute; top: 0; left: 0;}
.helper-box .krds-btn.link:visited {color:#0471E8;}

/* 주의 박스 */
.warning-box {--warning-color-background: var(--khis-warn-color-0); --warning-color-border: var(--khis-warn-color-2); --warning-color-text: var(--khis-warn-color-1); --warning-width-border: var(--krds-light-border-width-variable-regular); --warning-icon-size: var(--krds-size-height-3); --warning-gap-tit-icon: var(--krds-gap-3); --warning-desc-wrap-margin-top: var(--krds-gap-4); --warning-desc-wrap-margin-left: calc(var(--krds-size-height-3) + var(--krds-gap-3)); width: 100%; padding: var(--krds-pc-padding-card-xsmall); border-radius: var(--krds-radius-xlarge2); background-color: var(--warning-color-background); border: var(--warning-width-border) solid var(--warning-color-border); margin:2rem 0 4.2rem;}
.warning-box .warning-tit {display: flex; align-items: center; position: relative; color: var(--warning-color-text); font-weight: var(--krds-font-weight-bold);}
.warning-box .warning-tit::before {margin-right: var(--warning-gap-tit-icon); content: ""; display: inline-flex; width: calc(var(--warning-icon-size) - 0.2rem); height: var(--warning-icon-size); background-color: var(--krds-light-color-text-basic); background-color: transparent !important; forced-color-adjust: none; background-image: url(../../00_common/krds/img/component/icon/ico_warning_fill.svg); background-size: contain;}
.warning-box .warning-desc-wrap {margin-top: var(--warning-desc-wrap-margin-top); margin-left: calc(var(--warning-desc-wrap-margin-left) - 0.3rem);}
.warning-box .warning-desc-wrap .list_st1 > li:before {background:var(--khis-warn-color-1);}

/* footer 기관 바로가기 drop box 추가 */
.foot-quick .inner {position:relative;}
.dropdown-menu {position:absolute; bottom: 5.4rem; right:0; max-width: 25%; width:100%; display:none; background:#fff; border:0.1rem solid #ccc;}
.dropdown-menu ul {margin:0; padding:0;}
.dropdown-menu ul li {border-bottom:0.1rem solid #eee;}
.dropdown-menu ul li a {display:block; padding:1rem; color:#333;}

/* etc : sns */ 
.snsBox {position: absolute; bottom: 2rem; right: 0; z-index:2;} 
.snsBox button {padding: 0;}
.snsBox > button {position: relative; display: inline-flex; align-items: center; justify-content: center; width:4rem; height: 4rem; font-size: 1.5rem; background: #e3e6ed; color: #444; border-radius: 50%; z-index: 1;}
.snsBox > button ~ button {margin-left:0.5rem;}
.snsBox > button i {font-size: 2.2rem; color:#111;}
.snsBox > button:hover,
.snsBox > button:focus {background: #db2e59;}
.snsBox > button:hover i,
.snsBox > button:focus i {color:#fff;}
.sns_more {position: absolute; top: 0; right: 5rem; display: none; height: 4rem; z-index: 2;}
.sns_more.active {display: flex; align-items: center; gap:0.5rem;}
.sns_more button {position: relative; display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.8rem; overflow: hidden; z-index: 1;}
.sns_more > button {color: #666; border-radius: 50%;}
.sns_more .btnBlog {background: #31bb0e;}
.sns_more .btnFbook {background: #3d65bc; color:#fff; font-size: 2.4rem;}
.sns_more .btnTwt {border: 1px solid #ccc; font-size: 2rem;}
.sns_more .btnClose {background: #000; color: #fff; font-size: 2.8rem;}

/* breadcrumb */
.krds-breadcrumb-wrap {margin-bottom: calc(var(--krds-breadcrumb--margin-bottom) - 1.4rem);}
.breadcrumb-wrap .breadcrumb li {font-size: 1.6rem;}
.breadcrumb-wrap .breadcrumb .home {color: #333;}
.breadcrumb-wrap .breadcrumb .home::before {display: none;}
.breadcrumb-wrap .breadcrumb .home i {margin-right: 0.3rem;}
.breadcrumb-wrap .breadcrumb li .txt {border-bottom: none;}
.breadcrumb-wrap .breadcrumb li span.txt {border-bottom: none; color: #333;}

/* page title */
.page-title-wrap {position: relative; width:100%; display:flex;}
.page-title-wrap .m-tit {font-weight:700; font-size:3.8rem; color:#1d1d1d; padding-bottom: 1.8rem; border-bottom: 1px solid #ccc;}
.page-title-wrap p.sub-tit {font-size:1.5rem; color:#555; font-weight:700;}
.page-title-wrap .h-tit {color:#101010; font-size: 3.8rem; text-align: left; padding-top: 1.8rem; padding-bottom: 1.8rem;/*  border-bottom: 1px solid #ccc; */}
.page-title-wrap .h-tit .badge-text {display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; font-size: var(--krds-pc-font-size-heading-medium);}
.page-title-wrap.between {flex-direction:column;}

/* total list */
.total-search-list {--total-txt: #00806D; --total-border-bottom: #E6E8EA; --total-border-width: 0.1rem; --total-search-info-color: #777; height:100%; overflow:auto;}
.total-search-list .total-search-item {display: flex; flex-direction: column; border-bottom: var(--total-border-width) solid var(--total-border-bottom);}
.total-search-list .total-search-item > a {cursor:default;}
.total-search-list .total-search-item a:focus {outline:none; box-shadow: inset 0 0 0rem 0.2rem rgba(1, 160, 138, 1);}
.total-search-list .total-search-item.active a:focus {box-shadow:none;}
.total-search-list .total-search-item:last-child {border-bottom:0;}
.total-search-list .info-top .i-date {color: var(--total-search-info-color);}
.total-search-list .info-body .tit P {font-size: var(--krds-pc-font-size-heading-small); font-weight: var(--krds-font-weight-bold);}
.total-search-list .total-search-item .keyword {font-weight: var(--krds-font-weight-bold); color: var(--total-search-keyword-color); background-color: var(--total-search-keyword-background);}
.total-search-list .info-body .in {/* display: none; */ gap: var(--krds-gap-7);}
.total-search-list .info-body .txt {color: var(--total-search-info-color); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

/* 서브페이지 검색 top box */
.top_box {position:relative;}
.top_box .bbs_srch {border-color:#cdd1d5; background:#f4f5f6; border-radius:0.8rem; padding:2.4rem;}
.top_box .bbs_srch .srchForm {display:flex; max-width:fit-content; margin:0 auto; gap:0.5rem;}
.top_box .bbs_srch .srchForm .krds-input {border-color: #d7d7d7; height: 4rem; font-size: 1.5rem; font-weight:500; margin:0; border-radius:0.4rem;}
.top_box .bbs_srch .srchForm .krds-form-select {border-color: #d7d7d7; max-width:fit-content; height: 4rem!important;  border-radius:0.4rem; font-size: 1.5rem!important; font-weight:500!important; margin:0!important; background-size:1.7rem!important;}
.top_box .bbs_srch .calendar-input .krds-btn.icon.medium {width:1.8rem; height:1.8rem; right:1.5rem; top: calc(50% - 0.15rem);}
.top_box .bbs_srch .srchForm .wave {margin:0 0.5rem;}
.top_box .bbs_srch button.btnSearch {margin:0; background:#00a089; height:4rem; font-size:1.5rem; display:flex; align-items:center; justify-content:center; border-radius:0.4rem; font-weight:700; min-width:10rem; padding: 0;}
.top_box .bbs_srch button.btnSearch:hover,
.top_box .bbs_srch button.btnSearch:focus {background:#038a77!important;}
.top_box .year-area {display:flex; align-items:center; gap:0.75rem;}
.top_box .year-area .year-list {display:flex; height:100%; align-items:center; gap:1rem;}
.top_box .year-area .year-list p {font-size:1.5rem; font-weight:700;}

/* 서브페이지 콘텐츠 박스 영역 */
.sub-box {display:flex; justify-content:space-between; align-items:center; margin-top:3rem;}
.sub-box.flex-end {align-items: flex-end!important;}
.sub-box .sub-button {display:flex; gap:0.5rem;}
.sub-box .srchBtn a,
.sub-box .srchBtn button {font-size:1.5rem; font-weight:700;}
.sub-box .pageinfo {display:flex; align-items:center; font-size:1.5rem; font-weight:400; text-transform:uppercase; letter-spacing:-0.075rem; gap:2rem; margin-right:auto; margin-top:0.65rem;}
.sub-box .pageinfo > p {position:relative; color:#777;}
.sub-box .pageinfo > p:after {content:''; position:absolute; right:-1rem; top:50%; width:0.1rem; height:calc(100% - 1rem); background:#d7d7d7; transform:translate(0, -50%);}
.sub-box .pageinfo .pge_num {display:flex;}
.sub-box .pageinfo .pge_num span {position:relative; padding-left:2rem; background:none; text-indent:0; width:auto; height:auto;}
.sub-box .pageinfo .pge_num span:after {content:''; position:absolute; width:0.1rem; height:calc(100% - 1.25rem); background:#d7d7d7; left:0.65rem; top:calc(50% - 0.1rem); transform:translate(0, -50%) rotate(20deg);}
.sub-box .pageinfo strong {font-weight:700; display:inline-flex; margin:0 0.5rem; color:#00a089;}
.sub-box .pageinfo .pge_num strong.no-next-number:after {display:none;}
.sub-box:has(#calendar-title) {gap:3rem;}
.sub-box #calendar-title {display:flex; width:100%; /* justify-content:space-between; */ align-items:center; font-size:2.5rem; font-weight:700; gap:1rem;}
.sub-box #calendar-title button {flex-shrink:0; position:relative; width:3rem; height:3rem; border-radius:50%; border:0.1rem solid #d7d7d7; display:flex; align-items:center; justify-content:center; transition:all 0.2s;}
.sub-box #calendar-title button:before {content:''; position:absolute; top:calc(50% + 0.1rem); left:50%; transform:translate(-50%, -50%); font-size:1.7rem; color:#1d1d1d; font-weight:400;}
.sub-box #calendar-title button:hover,
.sub-box #calendar-title button:focus {background:#00a089; border-color:#00a089;}
.sub-box #calendar-title button:hover:before,
.sub-box #calendar-title button:focus:before {color:#fff;}
.sub-box #calendar-title button.prev-year:before {content:'\ea64'; font-family:'remixicon';}
.sub-box #calendar-title button.next-year:before {content:'\ea6e'; font-family:'remixicon';}
/* .sub-box #calendar-title button.prev-month {margin-left:auto;} */
.sub-box #calendar-title button.prev-month:before {content:'\ea4c'; font-family:'remixicon'; transform:translate(-50%, -50%) rotate(90deg);}
.sub-box #calendar-title button.next-month:before {content:'\ea4c'; font-family:'remixicon'; transform:translate(-50%, -50%) rotate(-90deg);}

/* calendar modal */
#subContent .modalCnt .scheduleContent dl dd .krds-form-select {border-color: #d7d7d7; height: 4rem; max-width:100%!important; font-size: 1.5rem; font-weight:500;}
#subContent .modalCnt .scheduleContent dl dd .krds-input {border-color: #d7d7d7; height: 4rem; font-size: 1.5rem; font-weight:500; margin:0; border-radius:0.4rem;}
.modal {display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center;}
.modalCnt {background-color:#fff; border-radius:0.8rem; max-width:40rem; width:100%; box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.25); overflow:hidden;}
.modalCnt .scheduleHeader {position:relative; height:7.2rem; background:#00806D; padding:2.4rem; display:flex; justify-content:space-between; align-items: center;}
.modalCnt .scheduleHeader h3 {font-size:2.2rem; font-weight:700; color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.modalCnt .scheduleHeader .close {font-size: 3.4rem; color:#fff; font-weight:400; cursor:pointer; transition:all 0.2s;}
.modalCnt .scheduleContent {position:relative; padding:2.4rem; max-height: 70vh; overflow: auto;}
.modalCnt .scheduleContent dl {display:flex; flex-direction:column;} 
.modalCnt .scheduleContent dl dt {font-size:1.7rem; font-weight:700; color:#333333; margin-bottom:0.5rem;}
.modalCnt .scheduleContent dl dd {margin-bottom:1.5rem;}
.modalCnt .scheduleContent .search {display:flex; gap:0.5rem;}
.modalCnt .scheduleContent .btn-wrap {padding:2rem 0 0;}
.modalCnt .scheduleContent .btn-wrap button, .modalCnt .scheduleContent .btn-wrap .krds-btn {flex:1;}

/* 계정신청 modal */
.modalCnt.type02 {max-width:55rem;}
.modalCnt.type02 .scheduleContent dl dt {font-size:2rem;}
.modalCnt.type02 .scheduleContent dl dt + dt {margin-top:1.5rem;}
.modalCnt.type02 .scheduleContent dl ul {margin-left:0.5rem;}

/* 공지사항 modal - table */
.modalCnt .scheduleContent .bbs_ViewA {margin:0;}
.modalCnt .scheduleContent .bbs_ViewA .bbsV_cont {margin:1rem 0 3rem;}
.modalCnt .scheduleContent .bbs_ViewA .bbsV_atchmnfl dl {flex-direction:row;}
.modalCnt .scheduleContent .bbs_ViewA .bbsV_atchmnfl dl dt {width:13rem;margin-bottom:0;}
.modalCnt .scheduleContent .bbs_ViewA .bbsV_atchmnfl dl dd {margin-bottom:0;}

/* 댓글 커스텀 */
.bbsV_answer {margin:2rem 0 1rem;}
.bbsV_answer .bbsV_answWrite {margin-top:1rem; border-radius:0.4rem;}
.bbsV_answer .bbsV_answInfo {border-radius:0.4rem!important;}
.bbsV_answer .bbsV_answInfo p strong {color:#00897b!important;}
.bbsV_answer .bbsV_answWrite .answer_txt {border-bottom:0!important; border-radius:0.4rem 0 0 0.4rem;}
.bbsV_answer .bbsV_answWrite .answer_txt textarea {font-size:1.5rem!important; padding:0!important;}
.bbsV_answer .bbsV_answInfo span {font-size:1.5rem!important;}
.bbsV_answer .bbsV_answWrite .btnRegist {font-size: 1.4rem!important; color: #fff; font-weight: 700;}
.bbsV_answer .bbsV_answList,
.bbsV_answer .bbsV_answList > li.no_answer { border-radius:0.4rem;}
.bbsV_answer .bbsV_answList > li.no_answer {font-family:inherit!important; font-size:1.5rem!important; padding:2rem 1rem!important;}
.bbsV_answer .bbsV_answList > li {padding:0!important;}
.bbsV_answer .bbsV_answList > li dl dt {padding:1rem 1.5rem!important; font-size:1.5rem; margin-bottom:0!important;}
.bbsV_answer .bbsV_answList > li dl dt:before {font-size:1.75rem!important; margin-right:0.5rem;}
.bbsV_answer .bbsV_answList > li dl dd {padding:1.5rem 1rem!important; font-size:1.5rem!important;}
.bbsV_answer .bbsV_answList li .answ_etc a {margin-left:0!important;}
.bbsV_answer .bbsV_answList li .answ_etc {right:1rem!important;}
.bbsV_answWrite textarea {width:100%; min-height: 80px!important; color: #666!important; border-color:#ddd; padding:1rem!important;}
.bbsV_answer .bbsV_answInfo p {font-size:1.7rem!important;}
.bbsV_answer .bbsV_answList li .answ_etc span.date {font-size: 1.5rem; color: #777;}
.bbsV_answer .bbsV_answList > li ul.ans-etc {margin:0; padding:0;}
.bbsV_answer .bbsV_answList > li dl {display:flex; flex-direction:column;}
.bbsV_answer .bbsV_answList > li ul.ans-etc li.th {background:#f8f9fc; display:flex; padding:1.5rem; font-size:1.5rem;}
.bbsV_answer .bbsV_answList > li ul.ans-etc li.th p {position:relative; padding-left:2.5rem; padding-right:1rem; font-weight:500; margin-right:1rem;}
.bbsV_answer .bbsV_answList > li ul.ans-etc li.th p:before {position: absolute; font-family: "xeicon"; font-size:2rem; top:-0.25rem; left:0; content: "\e9f2";}
.bbsV_answer .bbsV_answList > li ul.ans-etc li.th p:after {content:''; position:absolute; width:0.1rem; height:calc(100% - 0.8rem); background:#ddd; right:0; top:50%; transform:translate(0, -50%);}
.bbsV_answer .bbsV_answList > li ul.ans-etc li.th .info {display:flex; gap:0.25rem;}
.bbsV_answer .bbsV_answList > li ul.ans-etc li.th .info span {display:flex; align-items:center; font-size: 1.5rem; color: #777; margin-right:1rem;}
.bbsV_answer .bbsV_answList li .ans-etc a {display: flex; width: 24px; height: 24px; text-indent: -10000em; border: 1px solid #c3c3c3;}
.bbsV_answer .bbsV_answList li .ans-etc a:hover, .bbsV_answer .bbsV_answList li .ans-etc a:focus {border: 1px solid #111;}
.bbsV_answer .bbsV_answList li .ans-etc a.btn_answer_mn {background: url('/00_common/images/board/btn_answer_mn.png') no-repeat;}
.bbsV_answer .bbsV_answList li .ans-etc a.btn_updt_mn {background: url('/00_common/images/board/btn_updt_mn.png') no-repeat;}
.bbsV_answer .bbsV_answList li .ans-etc a.btn_del_mn {background: url('/00_common/images/board/btn_del_mn.png') no-repeat;}
.bbsV_answer .bbsV_answList > li ul li {padding:1.5rem!important; font-size:1.5rem;}

/* 팝업 레이아웃 */
.no-data {margin-right:0!important;}
.popup-wrap {width:100%; height:100%; padding:4rem;}
.popup-wrap .pop-search {display:flex; align-items:center; justify-content:space-between; gap:1rem;}
.popup-wrap .pop-search .form-conts {width:100%; flex:1;}
.popup-wrap .pop-search .form-conts .krds-input {border-color:#d4d5d6; height:5rem; border-radius:1rem; font-size:1.6rem;}
.popup-wrap .pop-search a {height:5rem; width:5rem; border-radius:1rem; display:flex; align-items:center; justify-content:center; padding:0;}

/* 캘린더 스타일 */
form#scheduleForm > h6 {margin-bottom:1rem;} 
.cal-wrap {margin:2rem 0; border-top:0.2rem solid #00A089;}
.cal-wrap .calendar {margin:1rem 0; display: grid; grid-template-columns	:repeat(7, 1fr); margin: auto;}
.cal-wrap .day-header {text-align: center; font-weight: 700; background: #F4FDFC; padding: 1.2rem 0; font-size: 1.7rem; color:#000;}
.cal-wrap .calendar-day {position: relative; min-height: 12rem; border-right: 0.1rem solid #D2ECE8;border-bottom:0.1rem solid #D2ECE8; background-color: #fff; padding:5px 1rem 1rem;}
.cal-wrap .calendar-day.saturday {border-right:0;}
.cal-wrap .calendar-day .krds-form-check {display:inline-block; margin:0 0 0.5rem 0.5rem;}
.cal-wrap .dutyList {list-style: none; margin: auto; font-size: 12px; flex-direction: column; justify-content: flex-end; min-height: 50px;}
.cal-wrap .dutyList li {padding: 1rem; border-radius: 5px; margin-bottom: 3px; text-align: left; font-weight:600; transition: background-color 0.3s ease-in-out; cursor:pointer; font-size:1.25rem;}
.cal-wrap .dutyList li[data-shift="0"] {background-color: #FBE9E9; color: #111;}
.cal-wrap .dutyList li[data-shift="0"]:hover {background-color: #F6E2E2;}
.cal-wrap .dutyList li[data-shift="1"] {background-color: #FEF7EB; color: #111;}
.cal-wrap .dutyList li[data-shift="1"]:hover {background-color: #F8EEDD;}
.cal-wrap .dutyList li[data-shift="2"] {background-color: #EDF7EE; color: #111;}
.cal-wrap .dutyList li[data-shift="2"]:hover {background-color: #DEF1E0;}
.cal-wrap .dutyList li[data-workNm="0"] {background-color: #FBE9E9; color: #111;}
.cal-wrap .dutyList li[data-workNm="0"]:hover {background-color: #F6E2E2;}
.cal-wrap .dutyList li[data-workNm="1"] {background-color: #FEF7EB; color: #111;}
.cal-wrap .dutyList li[data-workNm="1"]:hover {background-color: #F8EEDD;}
.cal-wrap .dutyList li[data-workNm="2"] {background-color: #E0DBEF; color: #111;}
.cal-wrap .dutyList li[data-workNm="2"]:hover {background-color: #E0DBEF;}

.cal-wrap .noSchdul {color: #aaa; background-color: #f5f5f5; padding: 6px; border-radius: 5px; text-align: center; min-height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.noSchdul:hover {background-color: #e0e0e0;}

/* jquery datepicker 커스텀 */
.calendar-conts {display:flex; align-items:center;}
.calendar-conts .krds-input {min-width:15.5rem;}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {background-image: none;}


@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


/** 반응형 *********************************************************************************/

@media screen and (max-width: 1640px) {
	/* 레이아웃 */
	#container .in-between {gap:3rem; padding:4rem 2rem;}
	#krds-footer > .inner {padding: var(--krds-padding-10) var(--krds-contents-padding-x) var(--krds-padding-8);}	
	#krds-header .header-container .inner {padding-left:1.5rem; padding-right:1.5rem;}
	#krds-masthead .toggle-head .inner {padding:0 1.5rem;}
	.search-box {max-width:calc(100% - 55rem);}
	.board-box {max-width:55rem;}
}


@media screen and (max-width: 1420px) {	
	/* 레이아웃 */
	.container {padding: 0 1rem;}	
	.MC_box2 {flex-direction:column;}
	.krds-table-wrap .tbl.data tbody td.btns button {width:100%;}
	.krds-table-wrap .tbl.data tbody td.btns button + button {margin:0.5rem 0 0;}
}


@media screen and (max-width: 1280px){ 
	/* 레이아웃 */
	#container > .inner {height:auto;}
	#container .in-between .contents {padding-left: var(--krds-spacer-4); padding-right: var(--krds-spacer-4); width:100%;}
	#container .in-between .left-menu {display: none;}
	.search-box {max-width:calc(100% - 40rem - 3rem);}
	.board-box {max-width:40rem; justify-content:flex-start;}	
	
	/* 공통 */
	.snsBox > .btnPrint {display: none;}
	.sns_more {right: 0;}
	
	/* 페이지 타이틀 */
	.page-title-wrap {gap: var(--krds-spacer-8);}
	.page-title-wrap .h-txt .br {display: none;}
	.page-title-wrap .h-tit {border-bottom: none;}
	.page-title-wrap[data-type=responsive] .h-tit {display: none;}	
	
	/* 공지사항 modal */
	.modalCnt .scheduleContent .bbs_ViewA .bbsV_atchmnfl dl {flex-direction:column;}
	.modalCnt .scheduleContent .bbs_ViewA .bbsV_atchmnfl dl dt {width:auto;display: block;padding: 5px 10px;}
	.modalCnt .scheduleContent .bbs_ViewA .bbsV_atchmnfl dd {padding:1rem;}
	.modalCnt .scheduleContent .bbs_ViewA .bbsV_atchmnfl dd ul.bbsV_file > li {justify-content:space-between;}
}


@media screen and (max-width: 1024px) {
	.MC_box4 {display:none;}
	
	/* 레이아웃 */
	#container .in-between {margin-top:0; padding-top:2.8rem; flex-direction:column;}
	#container .in-between .krds-side-navigation,
	#krds-header .header-container .btn-navi.login {display:none;}
	#krds-header .header-container .logo span {font-size:2rem;}

	.page-title-wrap[data-type=responsive] .h-tit-drop {display: inline-flex !important;}
	.page-title-wrap .h-tit-drop .drop-btn {display: flex; align-items: center; justify-content: flex-start; flex-direction: row; width: 100%; gap: var(--krds-spacer-2);}
	.page-title-wrap .h-tit-drop .drop-btn::after {display: inline-flex; content: ""; width: 3.2rem; height: 3.2rem; background-image: url(../../00_common/krds/img/component/icon/ico_h_tit_drop_arr.svg); background-repeat: no-repeat; background-size: contain; transition: 0.4s ease-in-out;}
	.page-title-wrap .h-tit-drop .drop-btn.active::after {transform: rotate(-180deg);}
	.page-title-wrap .h-tit-drop .drop-menu {left: 0; transform: 0; width: 100%; max-width: 80rem; transform: translateX(0);}
	.page-title-wrap .h-tit-drop .drop-menu::before {display: none;}
	.page-title-wrap .h-tit-drop .drop-menu .item-link {display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position: relative; align-items: center; font-size: var(--krds-fz-body-md); height: auto; min-height: 4.8rem; padding: var(--krds-spacer-2) var(--krds-spacer-4) var(--krds-spacer-2) var(--krds-spacer-7);}
	/* .page-title-wrap .h-tit-drop .drop-menu .item-link::before {display: inline-flex; flex-shrink: 0; position: absolute; top: 0; left: 1.6rem; content: "•"; line-height: 4.7rem; margin-top: 0.1rem;} */
	.page-title-wrap .h-tit-drop .drop-menu .item-link:hover, 
	.page-title-wrap .h-tit-drop .drop-menu .item-link:active {font-weight: 700; color: var(--krds-secondary);}
	.page-title-wrap .h-tit-drop .drop-menu .item-link:hover::before, 
	.page-title-wrap .h-tit-drop .drop-menu .item-link:active::before {font-weight: 400;}
	
	.search-box {max-width:100%; order:1;}
	.board-box {max-width:100%; order:0; padding:0.5rem 0 1rem 0;}
	.MC_box2 {flex-direction:row;}
	.MC_box3 {display:none;}
	
	/* 서브페이지 검색 top box */
	.top_box .bbs_srch .srchForm {width:100%;}
	.top_box .bbs_srch button.btnSearch {width:100%;}
	.top_box .year-area .year-list {min-width:12rem; height:auto; flex:1;}
	.top_box .bbs_srch .srchForm .krds-form-select {max-width:100%!important;}
}


@media screen and (max-width: 768px) {
	/* 레이아웃 */
	#container .in-between .contents .breadcrumb-wrap {padding: var(--krds-spacer-3) 0;}
	#krds-masthead .toggle-head .nuri-txt {font-size:1.25rem;}
	#krds-header .header-container .btn-navi {padding:0.4rem 0.8rem;}
	#krds-footer .foot-quick .inner .link-dropdown {display: flex; max-width: 100%; padding: 0 4rem;}
	#krds-footer .dropdown-menu {bottom:4.8rem; max-width:100%;}
	#subContent select.krds-form-select {max-width:none!important;}
	
	/* 페이지 타이틀 */
	.page-title-wrap {margin-bottom:var(--krds-spacer-7); gap:0;}
	
	/* 서브 타이틀 */
	.sub-box {flex-wrap:wrap;}
	.sub-box .srchBtn {display:flex; gap:0.5rem;}
	.sub-box .srchBtn button,
	.sub-box .srchBtn a {flex:1; max-width:10rem;}
	.sub-box:has(#calendar-title) {gap:0.5rem;}
	.sub-box:has(#calendar-title) .sub-button {margin-left:auto;}
		
	/* 공통 */ 
	.sns_more {right: 0; width: 4rem; height: auto;}
	.sns_more.active {flex-direction: column;}
	.sns_more .btnTwt {order:4;}
	.sns_more .btnBlog {order:2;}
	.sns_more .btnFbook {order:3;}
	.sns_more .btnClose {order:1;}
	
	/* 로그인 페이지 */
	.login .login-section {justify-content:flex-start;}
	.login .inner {padding:7.5% var(--krds-contents-padding-x) var(--krds-contents-padding-x);}
	
	/* 서브페이지 검색 top box */
	.top_box .bbs_srch .srchForm {flex-wrap:wrap; max-width:100%!important; justify-content: center;}
    .top_box .bbs_srch .krds-input {border-radius:0.8rem!important; border-right:1px solid #d7d7d7; min-width:100%;}
    .top_box .bbs_srch button.btnSearch {margin:0; height:4rem;}
}


@media screen and (max-width: 620px) {		
	/* 레이아웃 */
	#container .in-between {padding-bottom:5rem;}
	#krds-header .header-container .logo a {background:none; padding-left:0;}
	#krds-header .header-container .logo p span:before {display:none;}
	#container .in-between {gap:2rem;}
	/* #krds-footer {padding-bottom:8rem;} */
	.search-box {height:auto; max-height:fit-content;}
	.board-box {gap:2rem;}
	
	/* 공통 */
	.helper-box, .warning-box {margin:1.5rem 0 3rem;}
	.helper-box .helper-desc-wrap > .decimal li,
	.helper-box .helper-desc-wrap > .decimal li span {font-size:1.4rem;}
	.warning-box .warning-desc-wrap ul li {padding-left:12px;font-size:1.4rem;}
	.warning-box .warning-desc-wrap .list_st1 > li:before {width:4px;height:4px;}
	.snsBox {position: relative; bottom:auto; right:auto; text-align: right; margin-bottom: 1rem;}
	.m_only {display:block;}
	
	/* 페이지 타이틀 */
	.page-title-wrap .h-tit {padding-bottom: 0.5rem;}
	
	/* 로그인 페이지 */
	.login #container > .inner {min-height:auto;}
	.login, .login #container, .login .inner {height:auto;}
	.login-form > .login-form-area {padding:2rem 3rem;}
	
	/* 메인 리스트 */	
	.total-search-list .total-search-item:hover .krds-badge, 
	.total-search-list .total-search-item:focus .krds-badge, 
	.total-search-list .total-search-item.active .krds-badge {background:none!important; color:#58616A; font-size:1.4rem; margin-bottom:0;}
	
	/* 캘린더 */ 
	.sub-box #calendar-title {font-size:2rem;}
	.sub-box #calendar-title button {width:2rem; height:2rem;}
	
	/* 하단메뉴 생성 */
	.mobile-foot-menu {display:flex;}
	
	/* 모달 커스텀 */
	.modalCnt.type02 {width:90%;}
}


@media screen and (max-width: 480px) {
	/* 레이아웃 */
	#container .in-between {padding:1.6rem; margin-top:0;}
	#krds-header .header-container .logo span {line-height:2.4rem;}
	#krds-header .header-container .btn-navi {font-size:1.2rem;}
	.board-box {gap:1rem;}	
	
	/* 로그인 */
	.login-notice-area ul {gap:0.5rem;}
	.login-notice-area ul > li > a, 
	.login-notice-area ul > li > .date {font-size: 1.4rem;} 
	.login-form > .login-form-area {padding:1rem 1.5rem;}
	.login-form-area .form-tit label,
	.login-form-area .form-group .krds-form-check label {font-size:1.4rem; align-items:center;} 
	.login-form-area input {height:4rem; font-size:1.6rem;}
	.login-form-area .fieldset {gap:1.6rem;}
	.login-form-area .form-group .form-hint-invalid::before {flex-shrink:0; top: 0.15rem; position: relative;}
	.login-form-area .form-group [class^=form-hint] {align-items:flex-start;}
	.login-form-area .link-group li a,
	.login-form-area .krds-btn {font-size:1.4rem;}
	.login-footer {flex-direction:column; gap:0.5rem; margin-bottom:3rem; align-items: center;}
	.login-footer p.copy {font-size:1.2rem;}
	
	/* 페이지 타이틀 */
	.page-title-wrap .m-tit {font-size:3rem;}
	.page-title-wrap .h-tit {font-size:2.5rem;}
	.page-title-wrap p.sub-tit {font-size:1.2rem;}
	
	/* 캘린더 */
	.sub-box #calendar-title {flex-wrap:wrap; width:30rem; gap:0.5rem; justify-content: center; margin:0 auto;}
	
	/* 서브페이지 검색 top box */
	.top_box .bbs_srch {padding:1.5rem;}
	.top_box .bbs_srch .srchForm .year-area {flex-wrap:wrap;}
	
	/* 모달 커스텀 */
	.modalCnt {width:90%;}
} 


@media screen and (max-width: 360px) {
	/* 레이아웃 */
	#krds-masthead .toggle-head .nuri-txt {font-size:1.1rem; line-height:1.1rem; gap:0.5rem; letter-spacing:-0.05rem;}
	.helper-box .helper-tit, .warning-box .warning-tit {align-items:flex-start; font-size:1.5rem;}
	.helper-box .helper-tit::before {height: calc(var(--helper-icon-size) - 0.2rem);}
	.warning-box .warning-tit::before {height: calc(var(--warning-icon-size) - 0.2rem);}
			 	
	/* 서브 콘텐츠 */
	.sub-box {flex-wrap:wrap;}
	.sub-box .srchBtn {width:100%; display:flex; flex-direction:column; gap:0.5rem;}
	.sub-box .srchBtn > a,
	.sub-box .srchBtn > button {flex:1; width:100%; flex:none;}	
	.sub-box .sub-button {margin:1rem auto 0;}
	
	/* 캘린더 */
	.sub-box #calendar-title {gap:0.25rem;}
	#calendar-title {text-align:center; width:100%;}
	
	/* 하단메뉴 생성 */
	.mobile-foot-menu {padding:0 1.5rem;}	
	
	.sub-box .srchBtn button,
	.sub-box .srchBtn a {max-width:100%;}
	
	.board-box {padding: 0.5rem 0 0rem 0;}
}