@charset "utf-8";

:root {
  --sub-menu-link-wd: 250px;
}

/* initialize */
*,
:before,
:after {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

button,
input[type=submit],
input[type=button] {
  overflow: visible;
  margin: 0;
  background-color: transparent;
  border: none;
  -webkit-appearance: button;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.blind,
hr,
.sr-only,
legend,
caption {
  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;
}

/* basic */
body {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Pretendard GOV", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  font-size: 1em;
}

body.modal {
  overflow-y: hidden;
}

a:focus,
button:focus {
  outline: 2px dashed #99b0cb;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 60;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .5);
  display: none;
}

.modal.active {
  display: block;
}

html,
body {
  position: relative;
  scroll-behavior: smooth;
}

.inner {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.scroll-no {
  overflow: hidden;
}

/* font-size */
.t_xsm {
  font-size: 14px;
}

.t_sm {
  font-size: 15px;
}

/* icon */
*[class*=ico-] {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
}

*[class*=ico-]::after {
  content: "";
  display: inline-flex;
  width: 16px;
  height: 16px;
  background-size: contain;
}

.ico-go::after {
  background-image: url(../img//new/layout/ico_go_20.svg);
}

.ico-down::after {
  background-image: url(../img//new/layout/ico_arr_16_down.svg);
}

.ico-reset::after {
  background-image: url(../img//new/layout/ico_refresh_16.svg);
}

/* header */
#header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 70;
  background-color: #FFFFFF;
  font-size: 17px;
}

#header-top {
  position: relative;
  z-index: 70;
  background-color: #EDF1F5;
}

#header-top .toggle-head {
  padding: 0 16px;
}

#header-top .toggle-head .inner {
  position: relative;
  display: flex;
  gap: 4px 16px;
  padding: 8px 10px 8px 32px;
}

#header-top .toggle-head .nuri-txt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: 15px;
  line-height: 1;
  word-break: break-all;
}

#header-top .toggle-head .nuri-txt::before {
  display: inline-flex;
  position: absolute;
  left: 0;
  content: "";
  width: 24px;
  height: 16px;
  margin-right: 8px;
  background: url(../img/new/layout/top_ban_ico_flag.svg) no-repeat center;
  background-size: contain;
}

#header-top .toggle-head .toggle-btn {
  font-size: 14px;
  color: #003675;
  display: flex;
  align-items: center;
  gap: 5px;
}

#header-top .toggle-head .toggle-btn::after {
  content: '';
  background-image: url(../img/new/layout/ico_arr_20_down_blue.svg);
  transition: 0.4s ease-in-out;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  transition: 0.4s ease-in-out;
}

#header-top .toggle-head.active .toggle-btn::after {
  transform: rotate(-180deg);
}

#header-top .toggle-body {
  height: 0;
  transition: 0.4s ease-in-out;
  overflow: hidden;
}

#header-top .toggle-body::before {
  display: flex;
  content: "";
  border-top: 1px solid #CDD7E4;
}

#header-top .toggle-body .inner {
  padding: 24px 10px;
}

#header-top .toggle-body .dl {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

#header-top .toggle-body .dl .dt {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 700;
}

#header-top .toggle-body .dl .dt::before {
  display: inline-flex;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../img/new/layout/head_ico_nuri.svg);
}

#header-top .toggle-body .dl dd {
  padding-left: 28px;
}

#header-top .toggle-body .dl .dd {
  font-size: 15px;
  color: #555555;
}

/* .head-etc */
#header .head-etc {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
}

#header .head-etc .etc-ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}

#header .head-etc .etc-ul a {
  display: inline-flex;
  align-items: center;
}

#header .head-etc .etc-ul .li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  height: 32px;
}

#header .head-etc .etc-ul .li:not(:first-child) {
  gap: 8px;
  margin-left: 8px;
}

#header .head-etc .etc-ul .li:not(:first-child)::before {
  display: inline-flex;
  content: "";
  width: 1px;
  height: 16px;
  background-color: #D8D8D8;
}

/* util dropdown */
.krds-drop-wrap {
  display: inline-flex;
  position: relative;
}

.krds-drop-wrap .drop-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 6;
  min-width: 130px;
  padding: 8px;
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid #D8D8D8;
  background-color: #FFFFFF;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
  transform: translateX(-50%);
}

.krds-drop-wrap .drop-menu::before {
  display: inline-flex;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 20px;
  height: 12px;
  background-image: url(../img/new/layout/ico_drop_arr.svg);
  transform: translateX(-50%);
}

.krds-drop-wrap .drop-menu .drop-in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 8px;
}

.krds-drop-wrap .drop-menu .drop-top-info {
  width: 100%;
  padding: 16px 16px 6px;
  border-bottom: 1px solid #D8D8D8;
}

.krds-drop-wrap .drop-menu .drop-btm-btn {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: 8px 16px 0;
  border-top: 1px solid #D8D8D8;
}

.krds-drop-wrap .drop-menu .drop-btm-btn .btn {
  flex: 1;
}

.krds-drop-wrap .drop-menu .drop-list {
  width: 100%;
}

.krds-drop-wrap .drop-menu .drop-list .item-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 8px;
  font-size: 17px;
  height: 48px;
  padding: 0 8px;
  border-radius: 6px;
}

.krds-drop-wrap .drop-menu .drop-list .item-link.ico-go::after {
  display: inline-flex;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../img/new/layout/ico_go_20.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.krds-drop-wrap .drop-menu .drop-list .item-link:hover {
  background-color: #EDF1F5;
}

.krds-drop-wrap .drop-menu .drop-list .item-link:active {
  background-color: #CDD7E4;
}

.krds-drop-wrap.zoom-drop .drop-menu {
  width: 150px;
}

.krds-drop-wrap.zoom-drop .drop-menu .ico-reset {
  display: inline-flex;
  flex-direction: row-reverse;
}

.krds-drop-wrap.zoom-drop .item-link::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-shrink: 0;
  content: "가";
  font-size: 17px;
  line-height: 1;
  width: 25px;
  height: 25px;
  padding: 0 4px;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  background-color: #FFFFFF;
}

.krds-drop-wrap.zoom-drop .item-link.active {
  font-weight: 700;
  color: #003675;
  background-color: #EDF1F5;
}

.krds-drop-wrap.zoom-drop .item-link.active::before {
  color: #FFFFFF;
  background-color: #003675;
}

.krds-drop-wrap.zoom-drop .item-link.xsm::before {
  font-size: 15px;
  width: 21px;
  height: 21px;
}

.krds-drop-wrap.zoom-drop .item-link.sm::before {
  font-size: 17px;
  width: 24px;
  height: 24px;
}

.krds-drop-wrap.zoom-drop .item-link.md::before {
  font-size: 19px;
  width: 25px;
  height: 25px;
}

.krds-drop-wrap.zoom-drop .item-link.lg::before {
  font-size: 21px;
  width: 27px;
  height: 27px;
}

.krds-drop-wrap.zoom-drop .item-link.xlg::before {
  font-size: 25px;
  width: 30px;
  height: 30px;
}

/* 로고/통합검색 */
#header .head-body .head-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

#header .logo a{
  display: block;
}

#header .head-body>.inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 10px 16px;
}

#header .head-body .right {
  display: flex;
  gap: 8px;
}

#header .head-body .right>button {
  display: inline-flex;
  gap: 8px;
  font-weight: 700;
}

#header .head-body .right>button::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}

#header .head-body .right .search-btn::before {
  background-image: url(../img/new/layout/head_ico_navi_sch.svg);
}

#header .head-body .right .all::before {
  background-image: url(../img/new/layout/head_ico_navi_all.svg);
}

/* 웹 전체메뉴 */
#header .head-gnb {
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  background-color: #FFFFFF;
  position: relative;

}

#header .head-gnb>.inner .gnb {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: 2px;
}

#header .head-gnb .gnb>li>a {
  display: flex;
  gap: 2px;
  align-items: center;
  height: 62px;
  font-size: 1.11em;
  font-weight: 700;
  color: #555555;
  padding: 4px 14px 0;
  border-bottom: 4px solid transparent;
}

#header .head-gnb .gnb>li>a::after {
  content: "";
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url(../img/new/layout/head_gnb_ico_arr.svg) no-repeat center;
  background-size: contain;
  transition: all .3s ease 0s;
}

#header .head-gnb .gnb>li.active>a::after {
  transform: rotate(-180deg);
}

#header .head-gnb .gnb>li>a:hover,
#header .head-gnb .gnb>li.active>a {
  color: #003675;
  border-color: #003675;
  background-color: #FFFFFF;
}

#header .head-gnb .sub-menu {
  position: absolute;
  left: 0;
  top: 63px;
  width: 100%;
  display: none;
}

#header .head-gnb .sub-menu .menu-tit {
  color: #333;
  height: 100%;
  width: calc((100% - 1280px) / 2);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 40px 30px 20px;
  color: #1D1D1D;
  flex-shrink: 0;
}

#header .head-gnb .sub-menu .menu-tit .tit {
  width: 180px;
  font-size: 1.5em;
  font-weight: 700;
  position: relative;
}

#header .head-gnb .sub-menu .menu-tit .tit::before {
  content: '';
  position: absolute;
  left: 0px;
  top: -5px;
  width: 15px;
  height: 3px;
  background-color: #246BEB;
}

#header .head-gnb .sub-menu .menu-tit .tit::after {
  content: '건강한 동행, \A 국민과 함께하는 질병관리청';
  white-space: pre;
  display: none;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
}
#header .head-gnb .sub-menu .menu-tit .tit em{
  white-space: pre;
  display: block;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
}

#header .head-gnb .active .sub-menu {
  display: flex;
  max-block-size: calc(100vh - 250px);
  overflow-y: auto;
  scroll-behavior: smooth;
  background: #F8F8F8 url(../img/new/menuBg.png) no-repeat calc((100% - 1500px) / 2) 100%;
}

/* scroll  */
#header .head-gnb .active .sub-menu::-webkit-scrollbar {
  width: 10px;
}

#header .head-gnb .active .sub-menu::-webkit-scrollbar-thumb {
  background-color: #333;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}

#header .head-gnb .active .sub-menu::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 0px;
  box-shadow: inset 0px 0px 5px rgba(100, 100, 100, .3);
}

#header .head-gnb .sub-menu>ul {
  flex-grow: 1;
  height: 100%;
  min-height: 200px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
  padding-left: 20px;
  border-left: solid 1px #e4e4e4;
  border-right: solid 1px #e4e4e4;
}

#header .head-gnb .sub-menu>ul>* {
  flex-basis: calc(20% - 20px);
}

#header .head-gnb .sub-menu>ul .sub-in>strong>a,
#header .head-gnb .sub-menu>ul>*>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: .7em 1em;
  border: solid 1px #e4e4e4;
  border-radius: 4px;
  font-weight: 700;
  transition: all .3s ease 0s;
}

#header .head-gnb .sub-menu>ul .sub-in>strong>a:hover,
#header .head-gnb .sub-menu>ul>*>a:hover {
  color: #246BEB;
  border-color: #246BEB;
}

#header .head-gnb .sub-menu>ul .sub-in>strong>a::after {
  content: "\e93f";
  display: inline-flex;
  font-family: 'xeicon';
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
}

#header .head-gnb .sub-menu .sub-in .linkWindow::after {
  content: "\e980";
  display: inline-flex;
  font-family: 'xeicon';
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
}

#header .head-gnb .sub-in .sub-ul {
  padding: 20px 10px 0;
  display: flex;
  flex-direction: column;
}

#header .head-gnb .sub-in .sub-ul a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  transition: all .3s ease 0s;
  padding: 6px;
  border-radius: 4px;
}

#header .head-gnb .sub-in .sub-ul a.linkWindow::after {
  font-size: 14px !important;
}

#header .head-gnb .sub-in .sub-ul a:hover {
  background-color: #EDF1F5;
}

#header .head-gnb .sub-in .sub-ul a::before {
  content: '·';
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .sub-menu a.linkWindow::after {
  content: "";
  display: inline-flex;
  width: 1em;
  height: 1em;
  background: url(../img/new/layout/ico_go_20.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 1700px) {
  #header .head-gnb .sub-menu .menu-tit {
    display: none;
  }
}

/*  모바일 전체메뉴 */
#header .m-gnb-wrap {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 100;
  width: 100%;
  height: 100%;
  transition: right ease 0.5s 0.1s;
}

#header .m-gnb-wrap::after {
  display: none;
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.5s 0.1s;
}

#header .m-gnb-wrap .m-gnb-in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  height: 100%;
  background-color: #FFFFFF;
  width: 100%;
  max-width: 500px;
}

#header .m-gnb-wrap .ico-close {
  width: 24px;
  height: 24px;
  background-image: url(../img/new/layout/ico_close_24.svg);
}

#header .m-gnb-wrap .m-gnb-head {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  position: sticky;
  top: 0;
  left: 0;
  gap: 16px;
  padding: 20px 24px 16px;
  z-index: 2;
}

#header .m-gnb-head .zoom-drop .drop-menu {
  left: 0;
  transform: none;
}

#header .m-gnb-wrap .m-gnb-head .sch-input {
  position: relative;
}

#header .m-gnb-wrap .m-gnb-head .sch-input .form-control {
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 1px solid #717171;
  border-radius: 8px;
}

#header .m-gnb-wrap .m-gnb-head .sch-input .searchButton {
  position: absolute;
  right: 5px;
  top: 10px;
}

#header .m-gnb-wrap .m-gnb-head .sch-input .searchButton::before {
  content: '';
  display: flex;
  width: 30px;
  height: 30px;
  background: url(../img/new/layout/ico_sch_40.svg) no-repeat 50% 50%;
  background-size: contain;
}

#header .m-gnb-wrap .m-gnb-body {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
  border-top: 1px solid #E4E4E4;
  position: relative;
}

#header .m-gnb-wrap.search-on .m-gnb-body {
  overflow: hidden;
}

#header .m-gnb-wrap .m-gnb-top-etc {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}

#header .m-gnb-wrap .m-gnb-top-etc .etc-ul {
  display: flex;
  gap: 16px;
}

#header .m-gnb-wrap .m-gnb-top-etc .etc-ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}

#header .m-gnb-wrap .m-gnb-menu {
  display: flex;
  position: relative;
  background-color: #EDF1F5;
  font-size: .95em;
}

#header .m-gnb-wrap .m-gnb-menu .menu-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  top: 0;
  left: 0;
  width: 140px;
}

#header .m-gnb-wrap .m-gnb-menu .menu-wrap .ul {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}

#header .m-gnb-wrap .m-gnb-menu .menu-wrap .mn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  z-index: 1;
  font-weight: 700;
  width: 100%;
  height: 64px;
  padding: 0 24px;
}

#header .m-gnb-wrap .m-gnb-menu .menu-wrap .mn.active {
  color: #003675;
  background-color: #FFFFFF;
}

#header .m-gnb-wrap .m-gnb-menu .menu-wrap .mn.active::after {
  position: absolute;
  top: 0;
  right: -1px;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #FFFFFF;
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  border-left: 1px solid #E4E4E4;
  background-color: #FFFFFF;
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .sub-menu {
  padding: 16px 24px;
  border-bottom: solid 1px #DEE2E8;
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .sub-menu:not(:first-child) {
  border-top: 1px solid #E4E4E4;
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .sub-menu .subTit {
  /* 숨기기 */
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .sub-menu a {
  display: inline-flex;
  align-items: center;
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .sub-menu>ul>li>* {
  display: block;
  padding: 10px 0;
  font-weight: 700;
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .sub-ul {
  padding-left: 10px;
  margin-bottom: 10px;
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .sub-ul a {
  display: flex;
  align-items: center;
  padding: 8px 0;
  gap: 4px;
  font-weight: 400;
}

#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .sub-ul a::before {
  content: "·";
}

#header .m-gnb-wrap .m-gnb-top-scroll {
  display: none;
  height: 0;
  overflow: hidden;
}

#header .m-gnb-wrap.is-open {
  right: 0;
}

#header .m-gnb-wrap.is-open::after {
  display: block;
  opacity: 1;
}

#header .m-gnb-wrap.is-close::after {
  display: block;
  opacity: 0;
}

/* 모바일 메뉴검색 패널*/
#header .m-gnb-wrap .menu-search-panel {
  position: absolute;
  left: 0;
  top: 127px;
  width: 100%;
  height: calc(100vh - 127px);
  background-color: #EDF1F5;
  z-index: 2;
  padding: 2rem 4rem;
  overflow-y: auto;
  display: none;
}

#header .m-gnb-wrap.search-on .menu-search-panel {
  display: block;
}

#header .m-gnb-wrap.search-on .m-gnb-head .sch-input .searchButton::before {
  content: "\e925";
  font-family: 'xeicon';
  background: none;
  font-size: 30px;
  line-height: 1;
  color: #8d8d8d;
}

#header .m-gnb-wrap .menu-search-panel .result-box {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #ccc;
  text-align: center;
  font-weight: 500;
  color: #000;
  font-size: 1.1em;
}

#header .m-gnb-wrap .menu-search-panel .search-key {
  color: #246BEB;
  font-weight: 700;
}

#header .m-gnb-wrap .menu-search-panel .search-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#header .m-gnb-wrap .menu-search-panel .search-list>li:last-child {
  border-bottom: none;
}

#header .m-gnb-wrap .menu-search-panel a:hover {
  text-decoration: underline;
}

#header .m-gnb-wrap .menu-search-panel a::before {
  content: '·';
  margin-right: 4px;
}

/* footer */
#footer {
  position: relative;
  z-index: 50;
  background-color: #FFFFFF;
}

#footer .foot-quick {
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  background-color: #FFFFFF;
}

#footer .foot-quick .inner {
  display: flex;
  width: 100%;
}

#footer .foot-quick .inner .link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  height: 54px;
  padding: 0 24px;
  border-right: 1px solid #D8D8D8;
}

#footer .foot-quick .inner .link:first-child {
  border-left: 1px solid #D8D8D8;
}

#footer .foot-quick .inner .link::after {
  display: inline-flex;
  flex-shrink: 0;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/new/layout/foot_ico_plus.svg) no-repeat center;
  background-size: contain;
}

#footer .foot-quick .inner .link:hover {
  background-color: #EDF1F5;
  transition: 0.4s ease-in-out;
}

#footer .foot-quick .inner .link:active {
  background-color: #CDD7E4;
  transition: 0.4s ease-in-out;
}

#footer>.inner {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}

#footer .f-logo {
  height: 48px;
}

#footer .f-logo img {
  height: 100%;
}

#footer .f-cnt {
  display: flex;
  gap: 24px;
}

#footer .f-cnt .f-link {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 24px;
  width: 302px;
}

#footer .f-cnt .f-info {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

#footer .f-cnt .f-link .link-go {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  gap: 8px;
}

#footer .f-cnt .f-link .link-go a {
  font-weight: 700;
  height: 40px;
  padding: 0 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all .4s ease 0s;
}

#footer .f-cnt .f-link .link-go a:hover {
  background-color: #EDF1F5;
}

#footer .f-cnt .f-link .link-go a::after {
  content: "";
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url(../img/new/layout/ico_arr_20_right.svg) no-repeat;
  background-size: contain;
}

#footer .f-cnt .f-link .link-sns {
  display: flex;
  gap: 8px;
}

#footer .f-cnt .f-link .link-sns a {
  display: inline-flex;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

#footer .f-cnt .f-link .link-sns a.instagram {
  background-image: url(../img/new/layout/foot_ico_sns_Instagram.svg);
}

#footer .f-cnt .f-link .link-sns a.youtube {
  background-image: url(../img/new/layout/foot_ico_sns_youtube.svg);
}

#footer .f-cnt .f-link .link-sns a.twitter {
  background-image: url(../img/new/layout/foot_ico_sns_twitter.svg);
}

#footer .f-cnt .f-link .link-sns a.facebook {
  background-image: url(../img/new/layout/foot_ico_sns_facebook.svg);
}

#footer .f-cnt .f-link .link-sns a.blog {
  background-image: url(../img/new/layout/foot_ico_sns_blog.svg);
}

#footer .f-btm {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
  gap: 24px;
  border-top: 1px solid #D8D8D8;
}

#footer .f-btm .f-btm-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

#footer .f-btm .f-btm-text .f-menu {
  display: inline-flex;
  flex-wrap: wrap;
}

#footer .f-btm .f-btm-text .f-menu a {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 10px;
}

#footer .f-btm .f-btm-text .f-menu a.point {
  font-weight: 700;
  color: #003675;
}

#footer .f-btm .f-btm-text .f-menu a:hover {
  border-radius: 6px;
  background-color: #EDF1F5;
  transition: 0.4s ease-in-out;
}

#footer .f-btm .f-btm-text .f-menu a:active {
  background-color: #CDD7E4;
  transition: 0.4s ease-in-out;
}

#footer .f-btm .f-btm-text .f-copy {
  font-size: 15px;
  color: #555555;
}

#footer .f-btm .f-btm-ban {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 6px;
  background-color: #FFFFFF;
}

#footer .f-btm .f-btm-ban::before {
  display: inline-flex;
  flex-shrink: 0;
  content: "";
  width: 72px;
  height: 24px;
  margin-right: 8px;
  background: url(../img/new/head_logo.svg) no-repeat center;
  background-size: contain;
}

#footer .f-btm .f-btm-ban-txt {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}

/* 1160px */
@media (min-width:1160px) {

  /* 모바일 gnb 관련*/
  #header .head-body .btn-navi.all {
    display: none;
  }

  #header .m-gnb-wrap {
    display: none;
  }
}

/* 1160px */
@media (max-width:1160px) {
  .is-m-gnb {
    overflow: hidden;
  }

  /* header */
  #header .head-gnb {
    display: none !important;
  }

  #header .inner {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  #header .logo .logo-im {
    height: 32px;
  }

  #header .logo .logo-slogan {
    display: none;
  }

  #header .head-body>.inner {
    padding: 12px;
  }

  #header .head-body .head-etc {
    display: none;
  }

  #header .head-body .right>button {
    flex-direction: column;
    align-items: center;
    font-size: .9em;
    font-weight: 400;
  }

  #header .head-body .btn-navi.navi-row {
    flex-direction: column;
  }

  #header .head-body .btn-navi.join,
  #header .head-body .btn-navi.my {
    display: none;
  }

  .modal {
    display: none !important;
  }
}

@media (min-width: 1024px) {

  /* footer */
  #footer>.inner {
    gap: 40px;
    padding: 40px 0;
  }

  #footer .f-cnt {
    justify-content: space-between;
    flex: 1;
  }

  #footer .f-cnt .f-link {
    flex-shrink: 0;
    width: 300px;
  }
}

@media (max-width: 1023px) {

  /* footer */
  #footer>.inner {
    gap: 32px;
    padding: 32px 16px;
  }

  #footer .f-logo {
    height: 32px;
  }

  #footer .f-cnt {
    gap: 32px;
  }

  #footer .f-btm {
    padding: 32px 16px 0;
    margin: 0 -16px;
  }
}

@media (max-width: 599px) {

  /* header-top */
  #header-top .toggle-head .toggle-btn {
    display: none;
  }

  /* footer */
  #footer .foot-quick>.inner {
    flex-direction: column;
    padding: 0 !important;
  }

  #footer .foot-quick>.inner .link {
    font-size: 15px;
    min-height: 48px;
    padding: 0 16px;
    border-top: 1px solid #D8D8D8;
  }

  #footer .foot-quick>.inner .link:first-child {
    border-top: 0;
  }

  #footer .foot-quick>.inner .link:not(:first-child) {
    border-top: 1px solid #D8D8D8;
  }

  #footer .f-cnt {
    flex-direction: column;
  }

  #footer .f-cnt .f-info {
    flex-direction: column;
    gap: 16px;
    font-size: 15px;
  }

  #footer .f-cnt .f-info .info-addr .br {
    display: none;
  }

  #footer .f-cnt .f-info .info-cs {
    gap: 16px;
  }

  #footer .f-cnt .f-info .info-cs li {
    display: block;
    word-break: break-all;
  }

  #footer .f-cnt .f-info .info-cs li .strong {
    margin-right: 4px;
  }

  #footer .f-cnt .f-cs {
    gap: 32px;
  }

  #footer .f-cnt .f-cs dd {
    font-size: 15px;
  }

  #footer .f-cnt .f-link {
    gap: 32px;
  }

  #footer .f-cnt .f-link .link-go {
    gap: 16px;
  }

  #footer .f-cnt .f-link .link-go a {
    font-size: 15px;
    height: auto;
    padding: 0 !important;
  }

  #footer .f-cnt .f-link .link-go a::after {
    width: 16px;
    height: 16px;
  }

  #footer .f-btm {
    flex-direction: column;
    font-size: 15px;
  }

  #footer .f-btm .f-btm-text {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  #footer .f-btm .f-btm-text .f-menu {
    gap: 16px 24px;
  }

  #footer .f-btm .f-btm-text .f-menu a {
    font-size: 15px;
    height: auto;
    padding: 0;
  }

  #footer .f-btm .f-btm-ban .ban-txt {
    line-height: 1.1;
    word-break: break-all;
  }
}


/* **** POPUP **** */
.popup-wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 12px;
}

.popup-wrap .popup-in {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 auto;
  height: 100%;
}

.popup-wrap .popup {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}

.popup-wrap .popup .popup-head .pop-tit {
  font-size: 25px;
}

.popup-wrap .popup .popup-body {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.popup-wrap .popup .popup-body::-webkit-scrollbar {
  width: 8px;
}

.popup-wrap .popup .popup-body::-webkit-scrollbar-thumb {
  background-color: #C6C6C6;
  border-radius: 8px;
}

.popup-wrap .popup .popup-body::-webkit-scrollbar-track {
  background-color: #D8D8D8;
}

.popup-wrap .popup-close {
  background: url(../img/new/layout/ico_close_48.svg) no-repeat;
  background-size: 24px;
  background-position: center;
}

.popup-wrap[data-type=full] {
  gap: 40px;
  max-height: 100%;
  background-color: #DEE2E8;
}

.popup-wrap[data-type=full] .popup-in {
  padding: 80px 0;
}

.popup-wrap[data-type=full] .popup {
  gap: 40px;
  width: 100%;
  max-width: 1280px;
  height: 100%;
}

.popup-wrap[data-type=full] .popup-close {
  position: absolute;
  top: 80px;
  right: 80px;
  z-index: 3;
  width: 48px;
  height: 48px;
  background: url(../img/new/layout/ico_close_48.svg) no-repeat;
  background-size: contain;
}

.popup-wrap[data-type=full] .popup-close:hover {
  transition: all .3s ease 0s;
  transform: rotate(180deg);
}

.popup-wrap[data-type=full].is-open {
  display: block;
}

/* 통합검색 */
.pop-total-serch-wrap {
  max-width: 846px;
  padding: 20px 10px;
  margin: 0 auto;
}

.pop-total-serch-wrap .search-tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 24px;
}

.pop-total-serch-wrap .serchbox {
  position: relative;
}

.pop-total-serch-wrap input.searchInput {
  padding: 20px 70px 20px 20px;
  font-size: 24px;
  flex-grow: 1;
  border: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 8px;
  border: solid 1px #717171;
  width: 100%;
  height: 80px;
}

.pop-total-serch-wrap .searchButton {
  position: absolute;
  right: 0;
  top: 0;
}

.pop-total-serch-wrap .searchButton::before {
  content: '';
  display: flex;
  width: 80px;
  height: 80px;
  background: url(../img/new/layout/ico_sch_40.svg) no-repeat 50% 50%;
}

.pop-total-serch-wrap .sch-keyword-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 1px #c6c6c6;
}

.search-list-group {
  display: flex;
  gap: 50px;
  padding-top: 5rem;
  margin-top: 5rem;
  border-top: solid 1px #aaa;
  font-size: 1.1em;
  position: relative;
}

.search-list-group::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 5rem;
  border-left: dashed 1px #aaa;
  width: 1px;
  height: calc(100% - 5rem);
}

.search-list-group>* {
  flex-grow: 1;
  flex-basis: 100%;
}

.search-list-group .tit {
  margin-bottom: 20px;
  font-size: 1.2em;
  font-weight: 700;
}

.search-list-group a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-list-group ol,
.search-list-group ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.search-list-group li {
  display: flex;
}

.search-list-group .latest-list li {
  justify-content: space-between;
}

.search-list-group .top-list a {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.search-list-group .top-list a:hover .txt {
  text-decoration: underline;
}

.search-list-group .top-list .rank {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 3px;
}

.search-list-group .top-list .rank.up {
  color: #2768FF;
}

.search-list-group .top-list .rank.down {
  color: #EB003B;
}

.search-list-group .top-list .rank.up::before,
.search-list-group .top-list .rank.down::before {
  content: "";
  display: inline-block;
  margin-right: .2rem;
  border-width: 0 5px 6px;
  border-style: solid;
  border-color: transparent transparent #2768FF;
}

.search-list-group .top-list .rank.down::before {
  border-width: 6px 5px 0;
  border-color: #EB003B transparent transparent;
}

.search-list-group .top-list .rank.keep::before {
  content: "-";
  font-size: 18px;
}

.search-list-group ol li::before {
  content: "";
  display: inline-block;
  width: 1.7em;
  font-weight: 700;
}

.search-list-group ol li:nth-child(1)::before {
  content: "1";
}

.search-list-group ol li:nth-child(2)::before {
  content: "2";
}

.search-list-group ol li:nth-child(3)::before {
  content: "3";
}

.search-list-group ol li:nth-child(4)::before {
  content: "4";
}

.search-list-group ol li:nth-child(5)::before {
  content: "5";
}

.search-list-group ol li:nth-child(6)::before {
  content: "6";
}

.search-list-group ol li:nth-child(7)::before {
  content: "7";
}

.search-list-group ol li:nth-child(8)::before {
  content: "8";
}

.search-list-group ol li:nth-child(9)::before {
  content: "9";
}

.search-list-group ol li:nth-child(10)::before {
  content: "10";
}

.search-list-group .latest-list {
  position: relative;
}

.search-list-group .latest-list a:hover {
  text-decoration: underline;
}

.search-list-group .allDelBtn {
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  transition: all .3s ease 0s;
}

.search-list-group .allDelBtn:hover {
  background-color: #000;
}

.search-list-group .delBtn:hover i {
  transition: all .3s ease 0s;
  transform: rotate(180deg);
  transform-origin: center center;
}

@media (max-width:700px) {
  .search-list-group {
    flex-direction: column;
    gap: 0px;
    padding-top: 20px;
    margin-top: 20px;
  }

  .search-list-group::before {
    display: none;
  }

  .search-list-group .latest-list {
    border-top: dashed 1px #aaa;
    margin-top: 20px;
    padding-top: 20px;
  }

  .popup-wrap[data-type=full] .popup-close {
    top: 20px;
    right: 20px;
  }

  .search-list-group .allDelBtn {
    top: 20px;
  }
}

/* 통합검색 자동완성 팝업 */
.serchbox {
  position: relative;
}

.auto-keyword-group {
  background-color: #fff;
  position: absolute;
  left: 0px;
  width: 100%;
  padding: 20px;
  z-index: 2;
  border: solid 1px #717171;
  border-radius: 0 0 8px 8px;
  margin-top: -5px;
  display: none;
}

.auto-keyword-group.active {
  display: block;
}

.auto-keyword-group .keyword {
  font-weight: 700;
}

.auto-keyword-group ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.auto-keyword-group a {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 0;
}

.auto-keyword-group a:hover {
  background-color: #efefef;
}

.auto-keyword-group ul li a::before {
  content: "\e97a";
  font-family: 'xeicon';
  margin-right: 5px;
  background-color: #efefef;
  display: inline-flex;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
}

.auto-keyword-group .foot {
  text-align: right;
}

.auto-keyword-group .closeBtn {
  border-radius: 8px;
  border: solid 1px #dcdcdc;
  padding: 5px 10px;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  gap: 5px;
}

.auto-keyword-group .closeBtn:hover {
  transition: all .3s ease 0s;
  background-color: #efefef;
}

/* 관련기관 팝업 */
.pop-foot-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.pop-foot-links>* {
  flex-basis: calc(25% - 20px);
}

.pop-foot-links a {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  padding: 12px 8px;
  transition: all .5s ease 0s;
}

.pop-foot-links a::before {
  content: "･";
}

.pop-foot-links a:hover {
  background-color: #CDD7E4;
}

.pop-foot-links a:focus {
  outline-offset: -2px;
}

@media (max-width:1100px) {
  .pop-foot-links>* {
    flex-basis: calc(33% - 20px);
  }
}

@media (max-width:780px) {
  .pop-foot-links>* {
    flex-basis: calc(50% - 20px);
  }
}

@media (max-width:450px) {
  .pop-foot-links>* {
    flex-basis: 100%;
  }
}

/* 본문 높이가 뷰포트 높이보다 짧을 경우  푸터가 하단에 고정 */
@media (min-width:1200px) {
  #wrap {
    min-height: 100vh;
    position: relative;
    padding-bottom: 530px;
  }

  #footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }

}