@charset "UTF-8";
/* 공통 */
/* **** area mixin ****/
/* **** text attr ****/
/* **** scroll ****/
/* **** form mixin ****/
/* **** Layout  **** */
#wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  min-height: 100%;
}
#wrap[class^=scroll] #header {
  position: relative;
  border-bottom: 0.1rem solid var(--krds-gray-30);
}
#wrap[class^=scroll] #header .header-in {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  border-bottom: 0.1rem solid var(--krds-gray-30);
  background-color: var(--krds-white);
  transition: transform ease 0.4s 0.01s;
}
#wrap.scroll-down #header .header-in {
  transform: translateY(-100%);
}
#wrap.scroll-up #header .header-in {
  transform: translateY(0);
}

.inner {
  width: 100%;
  max-width: 130rem;
}
.inner.page-step {
  position: relative;
}

#skip-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  text-align: center;
  background-color: var(--krds-gray-90);
}
#skip-nav 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;
}
#skip-nav 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;
  text-align: center;
}
#skip-nav.type1 {
  background-color: var(--krds-white);
}
#skip-nav.type1 a:focus {
  color: var(--krds-gray-90);
}

/* header */
#header-top {
  position: relative;
  z-index: 10;
  background-color: var(--krds-secondary-5);
}
#header-top .toggle-head {
  padding: 0 var(--krds-spacer-4);
}
#header-top .toggle-head .inner {
  position: relative;
  gap: var(--krds-spacer-1) var(--krds-spacer-4);
  min-height: 3.2rem;
  padding-top: var(--krds-spacer-2);
  padding-left: 3.2rem;
  padding-bottom: var(--krds-spacer-2);
}
#header-top .toggle-head .nuri-txt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: var(--krds-fz-body-sm);
  line-height: 1;
  word-break: break-all;
}
#header-top .toggle-head .nuri-txt::before {
  display: inline-flex;
  position: absolute;
  left: 0;
  content: "";
  width: 2.4rem;
  height: 1.6rem;
  margin-right: var(--krds-spacer-2);
  background: url(../img/common/top_ban_ico_flag.svg) no-repeat center;
  background-size: contain;
}
#header-top .toggle-head .toggle-btn {
  font-size: 1.4rem;
  color: var(--krds-secondary);
  height: auto;
}
#header-top .toggle-head .toggle-btn::after {
  background-image: url(../img/common/ico_arr_20_down_blue.svg);
  transition: 0.4s ease-in-out;
}
#header-top .toggle-head.active .toggle-btn::after {
  transform: rotate(-180deg);
}
#header-top .toggle-head.active ~ .toggle-body {
  display: block;
}
#header-top .toggle-body {
  height: 0;
  transition: 0.4s ease-in-out;
  overflow: hidden;
}
#header-top .toggle-body::before {
  display: flex;
  content: "";
  border-top: 0.1rem solid var(--krds-secondary-10);
}
#header-top .toggle-body .inner {
  padding-top: var(--krds-spacer-6);
  padding-bottom: var(--krds-spacer-6);
}
#header-top .toggle-body .dl {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-4);
  flex: 1;
}
#header-top .toggle-body .dl .dt {
  display: flex;
  gap: var(--krds-spacer-2);
  align-items: center;
  font-weight: 700;
}
#header-top .toggle-body .dl .dt::before {
  display: inline-flex;
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url(../img/common/head_ico_nuri.svg);
}
#header-top .toggle-body .dl dd {
  padding-left: var(--krds-spacer-7);
}
#header-top .toggle-body .dl .dd {
  font-size: var(--krds-fz-body-sm);
  color: var(--krds-gray-70);
}
#header-top .inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

#header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 70;
  border-bottom: 0.1rem solid var(--krds-gray-30);
  background-color: var(--krds-white);
}
#header .header-in {
  position: relative;
  transform: translateY(0);
}
#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: flex-start;
  justify-content: flex-end;
  flex-direction: row;
}
#header .head-etc .etc-ul .li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
#header .head-etc .etc-ul .li:not(:first-child) {
  gap: var(--krds-spacer-2);
  margin-left: var(--krds-spacer-2);
}
#header .head-etc .etc-ul .li:not(:first-child)::before {
  display: inline-flex;
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  background-color: var(--krds-gray-30);
}
#header .head-etc .etc-ul .btn-txt {
  padding: 0 var(--krds-spacer-2);
}
#header .head-body .inner {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
#header .head-body .head-in {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}

#header .head-body .logo {
    width: 410px;
    height: 46px;
    background: url(../img/common/logo.jpg) no-repeat center;
    background-size: contain;
	font-size:0;
}
@media (max-width: 768px) {
	#header .head-body .logo {
		width: 225px;
		height: 46px;
		background: url(../img/common/logo_tb.jpg) no-repeat center;
		background-size: contain;
		font-size:0;
	}
}
@media (max-width: 599px) {
	#header .head-body .logo {
		width: 225px;
		height: 46px;
		background: url(../img/common/logo_m.jpg) no-repeat center;
		background-size: contain;
		font-size:0;
	}
}


#header .head-body .logo {
  display: inline-flex;
}
#header .head-body .logo a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-8);
}
#header .head-body .right {
  display: inline-flex;
  gap: var(--krds-spacer-2);
  margin-left: auto;
}
#header .head-body .btn-navi {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: var(--krds-spacer-3) var(--krds-spacer-2);
  padding: var(--krds-spacer-1) var(--krds-spacer-3);
  font-size: var(--krds-fz-body-md);
  font-weight: 700;
  color: var(--krds-gray-90);
  line-height: 1;
}
#header .head-body .btn-navi::before {
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-size: contain;
}
#header .head-body .btn-navi:hover {
  border-radius: var(--krds-rd-6);
  background-color: var(--krds-secondary-5);
  transition: 0.4s ease-in-out;
}
#header .head-body .btn-navi:active {
  background-color: var(--krds-secondary-10);
  transition: 0.4s ease-in-out;
}
#header .head-body .btn-navi.navi-row {
  flex-direction: row;
}
#header .head-body .btn-navi.sch::before {
  background-image: url(../img/common/head_ico_navi_sch.svg);
}
#header .head-body .btn-navi.login::before {
  background-image: url(../img/common/head_ico_navi_login.svg);
}
#header .head-body .btn-navi.join::before {
  background-image: url(../img/common/head_ico_navi_join.svg);
}
#header .head-body .btn-navi.my::before {
  background-image: url(../img/common/head_ico_navi_my.svg);
}
#header .head-body .btn-navi.all::before {
  background-image: url(../img/common/head_ico_navi_all.svg);
}
#header .head-gnb {
  border-top: 0.1rem solid var(--krds-gray-30);
  background-color: var(--krds-white);
}
#header .head-gnb .gnb {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-4);
}
#header .head-gnb .gnb .li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-2);
}
#header .head-gnb .gnb .li .mn {
  height: 6.2rem;
  font-size: var(--krds-fz-body-lg);
  font-weight: 700;
  color: var(--krds-gray-70);
  padding: var(--krds-spacer-1) var(--krds-spacer-4) 0;
  border-bottom: var(--krds-spacer-1) solid transparent;
}
#header .head-gnb .gnb .li .mn::after {
  display: inline-flex;
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../img/common/head_gnb_ico_arr.svg) no-repeat center;
  background-size: contain;
}
#header .head-gnb .gnb .li .mn.active {
  color: var(--krds-gray-90);
  /*background-color: var(--krds-secondary-10);  */
  border-color: var(--krds-primary-60);
}
#header .head-gnb .gnb .li .mn.active::after {
  transform: rotate(-180deg);
}
#header .head-gnb .gnb .li .mn:not(.active):hover {
  color: var(--krds-secondary);
  border-color: var(--krds-primary-60); /* 대메뉴 hover시 밑줄 */
  background-color: var(--krds-white);
}
#header .head-gnb .gnb .li .mn:not(.active):hover::after {
  background-image: url(../img/common/head_gnb_ico_arr_on.svg);
}
#header .head-gnb .gnb .li .mn-link::after {
  display: none;
}
#header .w-gnb-wrap {
  display: none;
  position: absolute;
  top: calc(100% + 0.1rem);
  left: 0;
  width: 100%;
  background-color: var(--krds-white);
}
#header .w-gnb-wrap .ico-close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(../img/common/ico_close_24.svg);
}
#header .w-gnb-wrap .w-gnb-menu {
  display: flex;
  position: relative;
  background-color: var(--krds-secondary-5);
}
#header .w-gnb-wrap .w-gnb-menu .menu-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  top: 0;
  left: 0;
  gap: var(--krds-spacer-4);
  width: 26rem;
  padding: var(--krds-spacer-4) 0;
}
#header .w-gnb-wrap .w-gnb-menu .menu-wrap .ul .sm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-2);
  font-weight: 700;
  width: 100%;
  height: 5.6rem;
  padding: 0 var(--krds-spacer-6);
}
#header .w-gnb-wrap .w-gnb-menu .menu-wrap .ul .sm:hover {
  background-color: var(--krds-white);
  transition: 0.4s ease-in-out;
}
#header .w-gnb-wrap .w-gnb-menu .menu-wrap .ul .sm:active {
  background: var(--krds-secondary-10);
  transition: 0.4s ease-in-out;
}
#header .w-gnb-wrap .w-gnb-menu .menu-wrap .ul .sm.active {
  color: var(--krds-secondary);
  background-color: var(--krds-white);
}
#header .w-gnb-wrap .w-gnb-menu .menu-wrap .ul .sm.ico-go::after {
  display: inline-flex;
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url(../img/common/ico_go_20.svg);
}
#header .w-gnb-wrap .w-gnb-menu .menu-wrap .sub-ban {
  padding: 0 var(--krds-spacer-4);
}
#header .w-gnb-wrap .w-gnb-menu .menu-wrap .sub-ban .ban-in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-2);
  padding: var(--krds-spacer-4);
  border-radius: 0.8rem;
  background-color: var(--krds-white);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap {
  flex: 1;
  background-color: var(--krds-white);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .submenu-in {
  display: none;
  padding: var(--krds-spacer-6) var(--krds-spacer-10);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .submenu-in.active {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-6);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .submenu-in.active.between {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: row;
  height: 100%;
  padding-right: 0;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .submenu-in.active.between .sub-ban {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-2);
  width: 26.2rem;
  padding: var(--krds-spacer-6);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .submenu-in.active.between .sub-ul {
  grid-template-columns: 1fr 1fr 1fr;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .submenu-in.active.between .sub-ul.type1 {
  grid-template-columns: 1fr 1fr;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-tit {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  font-size: var(--krds-fz-title-xlg);
  font-weight: 700;
  line-height: 5.6rem;
  height: 5.6rem;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-tit .btn-txt {
  display: inline-flex;
  font-size: var(--krds-fz-title-xlg);
  font-weight: 700;
  padding: 0 var(--krds-spacer-2) !important;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-tit p.btn-txt:hover, 
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-tit p.btn-txt:focus {
  cursor: default;
  background-color: transparent;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: var(--krds-spacer-6);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--krds-spacer-2) var(--krds-spacer-4);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-1);
  padding: var(--krds-spacer-2);
  border-radius: 0.8rem;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul a::before {
  content: "･";
  margin-top: 0.4rem;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul a:hover {
  background-color: var(--krds-secondary-5);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul a:active {
  background-color: var(--krds-secondary-10);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul a:focus {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul a[disabled] {
  background-color: var(--krds-gray-30);
  border-color: var(--krds-gray-40);
  color: var(--krds-gray-60);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul.type1 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--krds-spacer-10) var(--krds-spacer-14);
  padding-bottom: var(--krds-spacer-4);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul.type1 li {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  padding: 0;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul.type1 li::before {
  display: none;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul.type1 li .tit {
  font-size: var(--krds-fz-body-lg);
  font-weight: 700;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul.type1 li .tit a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  height: 4rem;
  padding: 0 var(--krds-spacer-1);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul.type1 li .tit a::before {
  display: none;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ul.type1 li .txt {
  color: var(--krds-gray-70);
  padding: var(--krds-spacer-4) var(--krds-spacer-1) 0;
  margin-top: var(--krds-spacer-1);
  border-top: 0.1rem solid var(--krds-gray-30);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap .sub-ban {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-4);
  padding: var(--krds-spacer-3) var(--krds-spacer-4);
  border-radius: var(--krds-rd-8);
  background: var(--krds-gray-5);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap.type1 {
  padding: var(--krds-spacer-4) 0 var(--krds-spacer-10);
  border: 0;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap.type1 .submenu-in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-4);
  padding: 0;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap.type1 .submenu-in:not(.between) .sub-ul {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap.type1 .submenu-in.between {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-10);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap.type1 .submenu-in.between .sub-in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: var(--krds-spacer-4);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap.type1 .submenu-in.between .sub-ban {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-2);
  width: 26.2rem;
  padding: var(--krds-spacer-6);
}
#header .w-gnb-wrap .w-gnb-menu .submenu-wrap.type1 .sub-tit {
  padding-bottom: var(--krds-spacer-4);
  border-bottom: 0.1rem solid var(--krds-gray-30);
}
#header .w-gnb-wrap.is-open {
  display: block;
}
#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: var(--krds-white);
}
#header .m-gnb-wrap .ico-close {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/common/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: var(--krds-spacer-4);
  padding: var(--krds-spacer-5) var(--krds-spacer-6) var(--krds-spacer-4);
}
#header .m-gnb-wrap .m-gnb-head .m-gnb-login {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-2);
}
#header .m-gnb-wrap .m-gnb-head .m-gnb-login .name {
  font-weight: 700;
}
#header .m-gnb-wrap .m-gnb-head .btn-navi {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-2);
  font-size: var(--krds-fz-body-md);
  height: 4rem;
  padding: 0;
}
#header .m-gnb-wrap .m-gnb-head .btn-navi::before {
  display: inline-flex;
  content: "";
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: contain;
}
#header .m-gnb-wrap .m-gnb-head .btn-navi:active {
  border-radius: var(--krds-rd-6);
  background-color: var(--krds-secondary-10);
  transition: 0.4s ease-in-out;
}
#header .m-gnb-wrap .m-gnb-head .btn-navi.login {
  font-weight: 700;
}
#header .m-gnb-wrap .m-gnb-head .btn-navi.login::before {
  background-image: url(../img/common/head_ico_navi_login.svg);
}
#header .m-gnb-wrap .m-gnb-head .etc-menu {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-spacer-2);
}
#header .m-gnb-wrap .m-gnb-head .etc-menu .link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-3);
  font-size: var(--krds-fz-body-md);
  font-weight: 700;
  width: 8rem;
  height: 5.6rem;
}
#header .m-gnb-wrap .m-gnb-head .etc-menu .link::before {
  display: inline-flex;
  content: "";
  width: 2rem;
  height: 2rem;
  background-color: var(--krds-gray-20);
}
#header .m-gnb-wrap .m-gnb-head .etc-menu .link:active {
  border-radius: var(--krds-rd-6);
  background-color: var(--krds-secondary-10);
  transition: 0.4s ease-in-out;
}
#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: 0.1rem solid var(--krds-gray-20);
}
#header .m-gnb-wrap .m-gnb-body.type1 {
  border: 0;
}
#header .m-gnb-wrap .m-gnb-body-btm {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-2);
  padding: var(--krds-spacer-4) var(--krds-spacer-6);
  border-top: 0.1rem solid var(--krds-gray-20);
}
#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;
}
#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-top-etc .etc-ul li:not(:first-child) {
  margin-left: var(--krds-spacer-4);
}
#header .m-gnb-wrap .m-gnb-top-etc .etc-ul li:not(:first-child)::before {
  display: inline-flex;
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  margin-right: var(--krds-spacer-4);
  background-color: var(--krds-gray-30);
}
#header .m-gnb-wrap .m-gnb-menu {
  display: flex;
  position: relative;
  background-color: var(--krds-secondary-5);
}
#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: 18rem;
}
#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: 6.4rem;
  padding: 0 var(--krds-spacer-4);
  word-break: normal;
}
#header .m-gnb-wrap .m-gnb-menu .menu-wrap .mn.active {
  color: var(--krds-secondary);
  background-color: var(--krds-white);
}
#header .m-gnb-wrap .m-gnb-menu .menu-wrap .mn.active::after {
  position: absolute;
  top: 0;
  right: -1px;
  content: "";
  width: 0.1rem;
  height: 100%;
  background-color: var(--krds-white);
}
#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: 0.1rem solid var(--krds-gray-20);
  background-color: var(--krds-white);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl {
  padding: var(--krds-spacer-4) var(--krds-spacer-6);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl:not(:first-child) {
  border-top: 0.1rem solid var(--krds-gray-20);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  font-weight: 700;
  height: 6.4rem;
  margin-bottom: var(--krds-spacer-2);
  border-bottom: 0.1rem solid var(--krds-gray-20);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  height: 5.6rem;
  padding: 0 var(--krds-spacer-2);
  border-radius: 0.8rem;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sm:hover {
  background-color: var(--krds-secondary-5);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sm:active {
  border-radius: var(--krds-rd-6);
  background-color: var(--krds-secondary-10);
  transition: 0.4s ease-in-out;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-2);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul .subm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-1);
  height: 4.8rem;
  padding: var(--krds-spacer-3) var(--krds-spacer-4);
  border-radius: 0.8rem;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul .subm::before {
  content: "•";
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul .subm:hover {
  background-color: var(--krds-secondary-5);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul .subm:active {
  border-radius: var(--krds-rd-6);
  background-color: var(--krds-secondary-10);
  transition: 0.4s ease-in-out;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap {
  display: none;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: var(--krds-white);
  transition: 0.4s ease-in-out;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap .depth4-head {
  display: flex;
  align-items: normal;
  justify-content: space-between;
  flex-direction: row;
  font-weight: 700;
  width: 100%;
  height: 6.4rem;
  padding: var(--krds-spacer-5) var(--krds-spacer-6);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap .depth4-head .ico-prev {
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/common/lnb_ico_prev.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap .depth4-body dt {
  height: 6.4rem;
  padding: 0 var(--krds-spacer-6);
  margin: 0;
  border: 0;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-2);
  padding: 0 var(--krds-spacer-6);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-1);
  height: 4.8rem;
  padding: var(--krds-spacer-3) var(--krds-spacer-4);
  border-radius: 0.8rem;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a::before {
  content: "•";
  font-weight: 400;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:hover {
  font-weight: 700;
  color: var(--krds-secondary);
  background-color: var(--krds-secondary-5);
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:active {
  border-radius: var(--krds-rd-6);
  background-color: var(--krds-secondary-10);
  transition: 0.4s ease-in-out;
}
#header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap.is-open {
  display: block;
  right: 0;
}
#header .m-gnb-wrap .m-gnb-menu.type1 {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  background-color: var(--krds-white);
}
#header .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl {
  padding: var(--krds-spacer-4) 0;
}
#header .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl:not(:last-child) {
  border-bottom: 0.4rem solid var(--krds-gray-20);
}
#header .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .dt {
  font-size: var(--krds-fz-body-lg);
  height: 5.6rem;
  padding: 0 var(--krds-spacer-6);
}
#header .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .sm {
  padding: 0 var(--krds-spacer-6);
}
#header .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .subm {
  padding: var(--krds-spacer-3) var(--krds-spacer-10);
}
#header .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .depth4-wrap a {
  padding: var(--krds-spacer-3) var(--krds-spacer-4);
}
#header .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .sub-ban {
  padding: var(--krds-spacer-4) var(--krds-spacer-6) 0;
}
#header .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .sub-ban .ban-in {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-2);
  padding: 0 var(--krds-spacer-4);
  border-radius: 0.8rem;
  background-color: var(--krds-gray-5);
}
#header .m-gnb-wrap .m-gnb-in.type1.is-active .m-gnb-head {
  padding-bottom: 0;
}
#header .m-gnb-wrap .m-gnb-in.type1.is-active .m-gnb-top-scroll {
  display: block;
}
#header .m-gnb-wrap .m-gnb-in.type1 .m-gnb-head {
  border-bottom: 0.4rem solid var(--krds-gray-20);
}
#header .m-gnb-wrap .m-gnb-top-scroll {
  display: none;
  height: 0;
  overflow: hidden;
}
#header .m-gnb-wrap .sch-input + .menu-hori {
  margin-top: var(--krds-spacer-6);
}
#header .m-gnb-wrap .menu-hori {
  padding: 0 var(--krds-spacer-6);
  margin: 0 -2.4rem;
  overflow: hidden;
}
#header .m-gnb-wrap .menu-hori .ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-2);
  position: relative;
  padding-bottom: var(--krds-spacer-4);
  overflow-x: auto;
  scroll-behavior: smooth;
}
#header .m-gnb-wrap .menu-hori .ul .mn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-weight: 400;
  height: 3.6rem;
  padding: 0 var(--krds-spacer-3);
  border-radius: 0.6rem;
  background-color: var(--krds-gray-10);
}
#header .m-gnb-wrap .menu-hori .ul .mn.active {
  background-color: var(--krds-secondary-10);
}
#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;
}

.w-gnb-dim {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* 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: 13rem;
  padding: var(--krds-spacer-2);
  margin-top: var(--krds-spacer-4);
  border-radius: var(--krds-rd-8);
  border: 0.1rem solid var(--krds-gray-30);
  background-color: var(--krds-white);
  box-shadow: 0 0.4rem 1.2rem 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: 2rem;
  height: 1.2rem;
  background-image: url(../img/common/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: var(--krds-spacer-2);
}
.krds-drop-wrap .drop-menu .drop-top-info {
  width: 100%;
  padding: var(--krds-spacer-4) var(--krds-spacer-4) 0.6rem;
  border-bottom: 0.1rem solid var(--krds-gray-30);
}
.krds-drop-wrap .drop-menu .drop-btm-btn {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: var(--krds-spacer-2) var(--krds-spacer-4) 0;
  border-top: 0.1rem solid var(--krds-gray-30);
}
.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: var(--krds-spacer-2);
  font-size: var(--krds-fz-label-md);
	font-weight:500;
  height: 4.8rem;
  padding: 0 var(--krds-spacer-2);
  border-radius: var(--krds-rd-6);
}
.krds-drop-wrap .drop-menu .drop-list .item-link.ico-go::after {
  display: inline-flex;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/common/ico_go_20.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.krds-drop-wrap .drop-menu .drop-list .item-link:hover {
  background-color: var(--krds-secondary-5);
}
.krds-drop-wrap .drop-menu .drop-list .item-link:active {
  background-color: var(--krds-secondary-10);
}
.krds-drop-wrap.zoom-drop .drop-menu {
  width: 15rem;
}
.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: var(--krds-fz-body-md);
  line-height: 1;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0 var(--krds-spacer-1);
  border-radius: var(--krds-rd-4);
  border: 0.1rem solid var(--krds-gray-30);
  background-color: var(--krds-white);
}
.krds-drop-wrap.zoom-drop .item-link.active {
  font-weight: 700;
  color: var(--krds-secondary);
  background-color: var(--krds-secondary-5);
}
.krds-drop-wrap.zoom-drop .item-link.active::before {
  color: var(--krds-white);
  background-color: var(--krds-secondary);
}
.krds-drop-wrap.zoom-drop .item-link.xsm::before {
  font-size: var(--krds-fz-body-sm);
  width: 2.1rem;
  height: 2.1rem;
}
.krds-drop-wrap.zoom-drop .item-link.sm::before {
  font-size: var(--krds-fz-body-md);
  width: 2.4rem;
  height: 2.4rem;
}
.krds-drop-wrap.zoom-drop .item-link.md::before {
  font-size: var(--krds-fz-body-lg);
  width: 2.5rem;
  height: 2.5rem;
}
.krds-drop-wrap.zoom-drop .item-link.lg::before {
  font-size: 2.1rem;
  width: 2.7rem;
  height: 2.7rem;
}
.krds-drop-wrap.zoom-drop .item-link.xlg::before {
  font-size: 2.5rem;
  width: 3rem;
  height: 3rem;
}
.krds-drop-wrap.my-drop .drop-menu {
  width: 21rem;
}
.krds-drop-wrap.my-drop .my-name {
  font-size: var(--krds-fz-body-lg);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: var(--krds-spacer-4);
}
.krds-drop-wrap.my-drop .my-time dt {
  font-size: var(--krds-fz-body-sm);
  color: var(--krds-gray-70);
}
.krds-drop-wrap.my-drop .my-time dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-spacer-2);
}
.krds-drop-wrap.my-drop .my-time .time {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-default2);
  font-size: var(--krds-fz-body-sm);
  color: var(--krds-primary-60);
}
.krds-drop-wrap.my-drop .my-time .time::before {
  display: inline-flex;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/common/ico_time_16.svg) center;
  background-size: contain;
}

/* container */
#container {
  flex: 1;
}
#container > .inner {
  min-height: 60rem;
}
#container .in-between {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: row;
  padding: 0 !important;
  gap: var(--krds-spacer-2);
}
#container .in-between .left-menu {
  width: 29.6rem;
  padding: var(--krds-spacer-10) var(--krds-spacer-10) 0 0;
  /*border-right: 0.1rem solid var(--krds-gray-40);*/
  border-right: 0;
}

#container .in-between .left-menu .left-in {
    border: 1px solid #ddd;
    border-radius: 50px 10px 50px 10px;
		box-shadow:-2px 0px 16px 0px rgba(91, 91, 91, 0.10), 0px 8px 16px 0px rgba(91, 91, 91, 0.10);
}

#container .in-between .contents {
  flex: 1;
  padding-bottom: var(--krds-spacer-20);
}
#container .in-between .contents .breadcrumb-wrap {
  padding: var(--krds-spacer-10) 0 var(--krds-spacer-10);
}
#container .in-between .contents .breadcrumb-wrap .breadcrumb {
  padding: 0;
}
#container .left-menu {
  position: relative;
  overflow: hidden;
}
#container .left-menu .lnb-tit {
  font-size: var(--krds-fz-title-xxlg);
  font-weight: 700;
  text-align:center;
  padding:40px 5px;
  background: url(../img/common/left-title-bg.png) no-repeat center;
  border-radius:50px 10px 0 0;
  background-size: auto;
}
#container .left-menu .lnb-list {
	padding:20px;
	border-bottom: 0;
}


#container .left-menu .lnb-list .li {
  padding: 0;
}
#container .left-menu .lnb-list .li.active {
    border-bottom: .3rem solid var(--krds-primary-60);
}

#container .left-menu .lnb-list .li.active .acco-head .tit {
  color: var(--krds-gray-90);
	font-weight:bold;
}
#container .left-menu .lnb-list .li.active .acco-head .acco-btn::after {
  background: url(../img/common/head_gnb_ico_arr.svg) no-repeat center;
}
#container .left-menu .lnb-list .acco-head {
  height: 5.2rem;
  padding: 0px var(--krds-spacer-2);
}
#container .left-menu .lnb-list .acco-head:hover {
  background-color: var(--krds-secondary-5);
}
#container .left-menu .lnb-list .acco-head:active {
/*  background-color: var(--krds-secondary-30); */
}
#container .left-menu .lnb-list .acco-head .tit {
  font-size: var(--krds-fz-body-lg);
	color:#353535;
	font-weight:normal;
	padding:13px 0 ;
}
#container .left-menu .lnb-list .acco-head .acco-btn:focus {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
#container .left-menu .lnb-list .acco-head .acco-btn:hover {
  background-color: transparent;
}
#container .left-menu .lnb-list .acco-body .acco-in {
  padding: 0;
}
#container .left-menu .lnb-list .sub-ul {
  padding: var(--krds-spacer-4) 0;
  margin: 0;
  border-top: 0.3rem solid var(--krds-secondary-40);
}
#container .left-menu .lnb-list .sub-ul .subm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  width: 100%;
  height: 4.8rem;
  padding: var(--krds-spacer-3) var(--krds-spacer-4) var(--krds-spacer-3) var(--krds-spacer-8);
  border-radius: 0.8rem;
}
#container .left-menu .lnb-list .sub-ul .subm::before {
  position: absolute;
  left: 1.6rem;
  content: "•";
}
#container .left-menu .lnb-list .sub-ul .subm:hover {
  background-color: var(--krds-secondary-5);
}
#container .left-menu .lnb-list .sub-ul .subm:active {
  background-color: var(--krds-secondary-30);
}
#container .left-menu .lnb-list .sub-ul .subm.is-depth4 {
  gap: var(--krds-spacer-1);
}
#container .left-menu .lnb-list .sub-ul .subm.is-depth4::after {
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
  background: url(../img/common/ico_arr_16_down.svg) no-repeat center;
  background-size: contain;
}
#container .left-menu .depth4-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding-top: var(--krds-spacer-10);
  background-color: var(--krds-white);
  transition: 0.4s ease-in-out;
}
#container .left-menu .depth4-wrap .depth4-tit {
  display: flex;
  align-items: normal;
  justify-content: space-between;
  flex-direction: column;
  font-weight: 700;
  width: 100%;
  height: 7.6rem;
  padding: var(--krds-spacer-2) var(--krds-spacer-4) !important;
  margin-bottom: var(--krds-spacer-2);
  text-align: left;
  border-radius: 0.8rem;
}
#container .left-menu .depth4-wrap .depth4-tit::before {
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/common/lnb_ico_prev.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
#container .left-menu .depth4-wrap .depth4-tit:hover {
  background-color: var(--krds-secondary-5);
}
#container .left-menu .depth4-wrap .depth4-ul {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  padding: var(--krds-spacer-4) 0;
  border-top: 0.1rem solid var(--krds-gray-30);
  border-bottom: 0.1rem solid var(--krds-gray-30);
}
#container .left-menu .depth4-wrap .depth4-ul a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  width: 100%;
  height: 4.8rem;
  padding: var(--krds-spacer-3) var(--krds-spacer-4) var(--krds-spacer-3) var(--krds-spacer-8);
  border-radius: 0.8rem;
}
#container .left-menu .depth4-wrap .depth4-ul a::before {
  position: absolute;
  left: 1.6rem;
  content: "•";
}
#container .left-menu .depth4-wrap .depth4-ul a:hover {
  background-color: var(--krds-secondary-5);
}
#container .left-menu .depth4-wrap .depth4-ul a:active {
  background-color: var(--krds-secondary-30);
}
#container .left-menu .depth4-wrap .depth4-ul a.is-depth4 {
  gap: var(--krds-spacer-1);
}
#container .left-menu .depth4-wrap .depth4-ul a.is-depth4::after {
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
  background: url(../img/common/ico_arr_16_down.svg) no-repeat center;
  background-size: contain;
}
#container .left-menu .depth4-wrap.is-open {
  display: block;
  left: 0;
}

/* footer */
#footer {
  position: relative;
  z-index: 50;
  background-color: var(--krds-gray-5);
	margin-top:30px;
}
#footer .foot-quick {
  border-top: 0.1rem solid var(--krds-gray-30);
  border-bottom: 0.1rem solid var(--krds-gray-30);
  background-color: var(--krds-white);
}
#footer .foot-quick .inner {
  display: flex;
}
#footer .foot-quick .inner .link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex: 1;
  gap: var(--krds-spacer-2);
  height: 5.4rem;
  padding: 0 var(--krds-spacer-6);
  border-right: 0.1rem solid var(--krds-gray-30);
}
#footer .foot-quick .inner .link:first-child {
  border-left: 0.1rem solid var(--krds-gray-30);
}
#footer .foot-quick .inner .link::after {
  display: inline-flex;
  flex-shrink: 0;
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../img/common/foot_ico_plus.svg) no-repeat center;
  background-size: contain;
}
#footer .foot-quick .inner .link:hover {
  background-color: var(--krds-secondary-5);
  transition: 0.4s ease-in-out;
}
#footer .foot-quick .inner .link:active {
  background-color: var(--krds-secondary-10);
  transition: 0.4s ease-in-out;
}
#footer > .inner {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
#footer .f-logo {
  height: 4.8rem;
}
#footer .f-logo img {
  height: 100%;
}
#footer .f-cnt {
  display: flex;
  flex-direction: column;
  gap: var(--krds-spacer-6);
}
#footer .f-cnt .f-info {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  gap: var(--krds-spacer-4);
}
#footer .f-cnt .f-info .info-cs {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-4);
}
#footer .f-cnt .f-info .info-cs li {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-2);
}
#footer .f-cnt .f-cs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-10);
  flex-shrink: 0;
  width: 30.2rem;
}
#footer .f-cnt .f-cs dl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-spacer-4);
}
#footer .f-cnt .f-cs dt {
  font-size: var(--krds-fz-body-sm);
  font-weight: 700;
}
#footer .f-cnt .f-cs dd {
  display: flex;
  align-items: center;
  gap: var(--krds-spacer-2);
}
#footer .f-cnt .f-cs dd .key {
  font-weight: 400;
  line-height: 1;
}
#footer .f-cnt .f-cs dd .value {
  font-weight: 700;
  line-height: 1;
}
#footer .f-cnt .f-link {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--krds-spacer-6);
  width: 30.2rem;
}
#footer .f-cnt .f-link .link-go {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  gap: var(--krds-spacer-2);
}
#footer .f-cnt .f-link .link-go .btn-txt {
  font-weight: 700;
}
#footer .f-cnt .f-link .link-sns {
  display: flex;
  gap: var(--krds-spacer-2);
}
#footer .f-cnt .f-link .link-sns a {
  display: inline-flex;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
#footer .f-cnt .f-link .link-sns a.instagram {
  background-image: url(../img/common/foot_ico_sns_Instagram.svg);
}
#footer .f-cnt .f-link .link-sns a.youtube {
  background-image: url(../img/common/foot_ico_sns_youtube.svg);
}
#footer .f-cnt .f-link .link-sns a.twitter {
  background-image: url(../img/common/foot_ico_sns_twitter.svg);
}
#footer .f-cnt .f-link .link-sns a.facebook {
  background-image: url(../img/common/foot_ico_sns_facebook.svg);
}
#footer .f-cnt .f-link .link-sns a.blog {
  background-image: url(../img/common/foot_ico_sns_blog.svg);
}
#footer .f-btm {
  display: flex;
  flex-direction: column;
  padding-top: var(--krds-spacer-2);
  gap: var(--krds-spacer-6);
  border-top: 0.1rem solid var(--krds-gray-30);
}
#footer .f-btm .f-btm-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--krds-spacer-4);
}
#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: 4rem;
  padding: 0 1rem;
}
#footer .f-btm .f-btm-text .f-menu a.point {
  font-weight: 700;
  color: var(--krds-secondary);
}
#footer .f-btm .f-btm-text .f-menu a:hover {
  border-radius: var(--krds-rd-6);
  background-color: var(--krds-secondary-5);
  transition: 0.4s ease-in-out;
}
#footer .f-btm .f-btm-text .f-menu a:active {
  background-color: var(--krds-secondary-10);
  transition: 0.4s ease-in-out;
}
#footer .f-btm .f-btm-text .f-copy {
  font-size: var(--krds-fz-body-sm);
  color: var(--krds-gray-70);
}

#footer .f-btm-ban {
  display: flex;
  align-items: center;
  min-height: 4rem;
  padding: var(--krds-spacer-2) var(--krds-spacer-4);
  border-radius: var(--krds-rd-6);
  background-color: var(--krds-white);
}
#footer .f-btm-ban::before {
  display: inline-flex;
  flex-shrink: 0;
  content: "";
  width: 107px;
  height: 30px;
  margin-right: var(--krds-spacer-2);
  background: url(../img/common/healthWelfare.png) no-repeat center;
  background-size: contain;
}
#footer .f-btm-ban-txt {
  display: flex;
  align-items: center;
  font-size: var(--krds-fz-body-sm);
  line-height: 1;
  white-space: nowrap;
}
#footer .f-btm-ban-txt .f-btm-text {
  display: flex;
}

@media (min-width: 1024px) {
  .is-w-gnb {
    overflow: hidden;
  }
  .is-w-gnb #wrap.scroll-down #header .header-in {
    transform: translateY(0);
  }
  .is-w-gnb.hasScrollY #header-top,
  .is-w-gnb.hasScrollY #header .head-body,
  .is-w-gnb.hasScrollY #header .head-gnb,
  .is-w-gnb.hasScrollY #header .w-gnb-wrap,
  .is-w-gnb.hasScrollY #container,
  .is-w-gnb.hasScrollY #footer {
    padding-right: 1.7rem;
  }
  .is-w-gnb.hasScrollY #footer .foot-quick {
    padding-right: 1.7rem;
    margin-right: -1.7rem;
  }
  .inner {
		padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 auto;
  }
  .inner.narrow {
    padding-left: var(--krds-spacer-30);
    padding-right: var(--krds-spacer-30);
  }
  #header .head-body > .inner {
    gap: var(--krds-spacer-2);
    padding: var(--krds-spacer-1) 1rem var(--krds-spacer-4);
  }
  #header .head-body .btn-navi.all {
    display: none;
  }
  #header .m-gnb-wrap {
    display: none;
  }
  #container > .inner {
    padding-top: var(--krds-spacer-20);
    padding-bottom: var(--krds-spacer-20);
  }
  /* footer */
  #footer > .inner {
    gap: var(--krds-spacer-10);
    padding: var(--krds-spacer-10) 0;
  }
  #footer .f-cnt {
    flex-direction: column;
  }
  #footer .f-cnt .f-link {
    flex-shrink: 0;
    width: 30.2rem;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  /* header*/
  #header .m-gnb-wrap .m-gnb-in {
    width: 80%;
  }
  #header .m-gnb-wrap .m-gnb-menu .submenu-wrap .depth4-wrap {
    width: 40%;
  }
  /* footer */
  #footer .foot-quick .inner .link {
    font-size: 1.6rem;
    line-height: 1.2;
    word-break: break-all;
    padding: 0 var(--krds-spacer-2) 0 var(--krds-spacer-4);
    text-align: left;
  }
  #footer .f-cnt .f-info {
    flex: 3;
    gap: var(--krds-spacer-7);
  }
  #footer .f-cnt .f-info .info-cs {
    gap: var(--krds-spacer-6);
  }
  #footer .f-cnt .f-info .info-cs li {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 1023px) {
  .is-m-gnb {
    overflow: hidden;
  }
  .inner {
    padding-left: var(--krds-spacer-4);
    padding-right: var(--krds-spacer-4);
  }
  /* header */
  #header .inner {
    padding-top: var(--krds-spacer-3);
    padding-bottom: var(--krds-spacer-3);
  }

  #header .head-body .head-etc {
    display: none;
  }
  #header .head-body .btn-navi.navi-row {
    flex-direction: column;
  }
  #header .head-body .btn-navi.join, #header .head-body .btn-navi.my {
    display: none;
  }
  #header .head-gnb {
    display: none;
  }
  #header .w-gnb-wrap {
    display: none !important;
  }
  .w-gnb-dim {
    display: none !important;
  }
  /* container */
  #container > .inner {
    padding-top: var(--krds-spacer-16);
    padding-bottom: var(--krds-spacer-16);
  }
  #container .in-between .left-menu {
    display: none;
  }
  #container .in-between .contents {
    padding-left: var(--krds-spacer-4);
    padding-right: var(--krds-spacer-4);
  }
  /* footer */
  #footer > .inner {
    gap: var(--krds-spacer-8);
    padding: var(--krds-spacer-8) var(--krds-spacer-4);
  }
  #footer .f-logo {
    height: 3.2rem;
  }
  #footer .f-cnt {
    gap: var(--krds-spacer-8);
  }
  #footer .f-btm {
    padding: var(--krds-spacer-8) var(--krds-spacer-4) 0;
    margin: 0 -1.6rem;
  }
}
@media (max-width: 599px) {
  /* header */
  #header .head-body .btn-navi {
    gap: var(--krds-spacer-2);
    font-size: var(--krds-fz-label-xsm);
    padding: var(--krds-spacer-1);
  }
  #header .head-body .btn-navi::before {
    width: 2rem;
    height: 2rem;
  }
  #header .w-gnb-wrap {
    display: none !important;
  }
  #header .m-gnb-wrap .m-gnb-in {
    width: 100%;
  }
  /* container */
  #container > .inner {
    min-height: 50rem;
  }
  #container .in-between .contents {
    padding: 0 var(--krds-spacer-4) var(--krds-spacer-10);
  }
  #container .in-between .contents .breadcrumb-wrap {
    padding: var(--krds-spacer-6) 0 var(--krds-spacer-10);
  }
  /* footer */
  #footer .foot-quick > .inner {
    flex-direction: column;
    padding: 0;
  }
  #footer .foot-quick > .inner .link {
    font-size: var(--krds-fz-body-sm);
    min-height: 4.8rem;
    padding: 0 var(--krds-spacer-4);
    border: 0;
  }
  #footer .foot-quick > .inner .link:first-child {
    border: 0;
  }
  #footer .foot-quick > .inner .link:not(:first-child) {
    border-top: 0.1rem solid var(--krds-gray-30);
  }
  #footer .f-cnt {
    flex-direction: column;
  }
  #footer .f-cnt .f-info {
    flex-direction: column;
    gap: var(--krds-spacer-4);
    font-size: var(--krds-fz-body-sm);
  }
  #footer .f-cnt .f-info .info-addr .br {
    display: none;
  }
  #footer .f-cnt .f-info .info-cs {
    gap: var(--krds-spacer-4);
  }
  #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: var(--krds-spacer-1);
  }
  #footer .f-cnt .f-cs {
    gap: var(--krds-spacer-8);
  }
  #footer .f-cnt .f-cs dd {
    font-size: var(--krds-fz-body-sm);
  }
  #footer .f-cnt .f-link {
    gap: var(--krds-spacer-8);
  }
  #footer .f-cnt .f-link .link-go {
    gap: var(--krds-spacer-4);
  }
  #footer .f-cnt .f-link .link-go .btn-txt {
    font-size: var(--krds-fz-body-sm);
    height: auto;
    padding: 0;
  }
  #footer .f-cnt .f-link .link-go .btn-txt::after {
    width: 1.6rem;
    height: 1.6rem;
  }
  #footer .f-btm {
    flex-direction: column;
    font-size: var(--krds-fz-body-sm);
  }
  #footer .f-btm .f-btm-text {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  #footer .f-btm .f-btm-text .f-menu {
    gap: var(--krds-spacer-4) var(--krds-spacer-6);
  }
  #footer .f-btm .f-btm-text .f-menu a {
    font-size: var(--krds-fz-body-sm);
    height: auto;
    padding: 0;
  }
  #footer .f-btm-ban .ban-txt {
    line-height: 1.1;
    word-break: break-all;
  }
}
/* 도움패널 레이아웃 2 */
@media (min-width: 1024px) and (max-width: 1900px) {
  #container .breadcrumb-wrap {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  #container.help-open {
    padding-right: 43.5rem;
  }
  #container.help-open .breadcrumb-wrap {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }
  #container.help-open .breadcrumb-wrap .breadcrumb {
    padding: 0;
  }
  #container.help-open .inner.flexible {
    padding-left: 0;
    padding-right: 0;
  }
  #container.help-close {
    padding-right: 0rem;
  }
  #container.help-close .breadcrumb-wrap .breadcrumb {
    padding: 0;
  }
  #container.help-close .inner.flexible {
    margin: 0 auto;
  }
  #container .inner.flexible {
    width: 100%;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    transition: 0.4s ease-in-out;
  }
  #container .inner.flexible.folded {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  #container .inner.folded {
    padding-right: 12rem;
  }
}



/* 레프트 레이아웃 ******************************************************************************/

.krds-side-navigation {
	margin-top:20px;
	border:1px solid #ddd;
	border-radius:50px 10px 50px 10px;
}
.krds-side-navigation > ul { padding:20px;}

.krds-side-navigation .lnb-list li.lnb-item .lnb-btn {
	position: relative; 
	width: 100%; 
	background-color: transparent; 
	padding: 17px 8px; 
	font-size: 16px; 
	color:#777;
	font-family: "PretendardGOV";
	font-weight: 700; 
	text-align: left; 
	display: block; 
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	border-bottom: 1px solid #cdd1d5;
}
.krds-side-navigation .lnb-list li.lnb-item .lnb-btn:hover {color: #000;}
.krds-side-navigation .lnb-list li.lnb-item.active .lnb-btn {color: #000;}
.krds-side-navigation .lnb-list li.lnb-item.active .lnb-btn{border-bottom-color: #b1b8be;}
.krds-side-navigation .lnb-list li.lnb-item:last-child .lnb-btn{border-bottom: 0px;}
.krds-side-navigation .lnb-list li.lnb-item.active > .lnb-btn {
	color: #333; 
	border-bottom: 2px solid #207BF0;
}


.krds-side-navigation .lnb-list li.lnb-item .lnb-btn .svg-icon.ico-go {
	position: absolute; 
	top: 29px; 
	right: 11px;
}
.krds-side-navigation .lnb-list li.lnb-item [class*=lnb-toggle]::after {
	content: ""; 
	position: absolute; 
	width: 20px; 
	height: 20px; 
	background-image: url(../img/common/arrw_down_menu.png); 
	top: 50%; 
	right: 10px; 
	transform: translateY(-50%) rotate(0deg); 
	transition: 0.4s ease-in-out;
}
.krds-side-navigation .lnb-list .lnb-item.active > .lnb-toggle::after {
	transform: translateY(-50%) rotate(180deg); 
	transition: 0.4s ease-in-out;}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu {
	max-height: 0; 
	overflow: hidden; 
	opacity: 0; 
	visibility: hidden; 
	transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu > ul {
	padding: 0; 
	margin: 0;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn {
	padding: 10px 26px 10px 10px; 
	border-radius: 6px; 
	font-weight: 700; 
	display: block; 
	font-size: 14px; 
	font-family: "PretendardGOV"; 
	color: #1D1D1D; 
	position: relative;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn::before {
	content: "•"; 
	position: relative; 
	left: -6px;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn .svg-icon.ico-go {
	position: absolute; 
	top: 17px; 
	right: 14px;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn:hover {
	color: #000; 
}
.krds-side-navigation .lnb-list .lnb-item.active .lnb-submenu {
	max-height: 100%; 
	opacity: 1; 
	visibility: visible; 
	padding: 10px 0;
}



li.lnb-item > .lnb-btn::before {  
	display: inline-flex;  
	content: '';  
	position: absolute;  
	top: 59px;  
	left: 0;  
	width: 0;  
	height: 2px;  
	background-color: #207BF0; /* 레프트 메뉴 hover 시 밑줄색상  */
	transition: width 0.3s ease, left 0.3s ease; 
}
li.lnb-item > .lnb-btn:hover::before {  
	left: 0;  
	width: 100%;
}
li.lnb-item > .lnb-btn.active:not(.lnb-toggle)::before {  
	left: 0;  
	width: 100%;
}

#container .left-menu .lnb-list .li {padding: 0;}
#container .left-menu .lnb-list .acco-head {
	width: 100%; 
	height: 64px; 
	padding: 0 8px;
}
#container .left-menu .lnb-list .acco-head:hover {
	background-color: #EDF1F5;
}
#container .left-menu .lnb-list .acco-head .acco-btn:hover {
	background-color: transparent;
}
#container .left-menu .lnb-list .li.active .acco-head .acco-btn::after {
	background: url(../img/common/arrw_up_b.png) no-repeat center;
}
#container .left-menu .lnb-list .acco-body .acco-in {padding: 0;}
#container .left-menu .lnb-list .sub-ul {
	padding: 16px 0; 
	margin: 0; 
	border-top: 4.8px solid #003675;
}
#container .left-menu .lnb-list .sub-ul .subm {
	display: block; 
	position: relative; 
	width: 100%; 
	padding: 14px 16px 14px 28px; 
	border-radius: 12px; 
	font-size: 17px; 
	font-family: "PretendardGOV"; 
	font-weight: 700; 
	line-height: 25px;
}
#container .left-menu .lnb-list .sub-ul .subm::before {
	position: absolute; 
	left: 16px; 
	top: 12px; 
	content: "•";
}

/*lnb-submenu-lv2*/
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 {
	position: absolute; 
	visibility: hidden; 
	opacity: 0; 
	top: 0; 
	left: -100%; 
	z-index: 10; 
	width: 100%; 
	height: 100%; 
	background-color: #ffffff; 
	transition: 0.4s ease-in-out;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2.active {
	opacity: 1; 
	visibility: visible; 
	left: 0;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit {
	width: 100%; 
	padding: 10px 19px 8px 13px !important; 
	margin-bottom: 8px; 
	font-size: 1.9rem; 
	font-family: "PretendardGOV"; 
	font-weight: 700; 
	text-align: left; 
	border-radius: 8px; 
	display: block; 
	line-height: 28px;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit::before {
	content: ""; 
	display: block; 
	width: 24px; 
	height: 24px; 
	background-image: url(../img/common/arrw_left_xlg.png); 
	transform: rotate(180deg); 
	margin-bottom: 4px;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 > ul {
	padding: 16px 0; 
	margin: 0; 
	border-top: 1px solid #b1b8be; 
	border-bottom: 1px solid #b1b8be;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 > ul .lnb-btn {
	padding-left: 21px;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn-4depth {
	width: 100%; 
	padding: 8px 26px 4px 21px; 
	border-radius: 6px; 
	font-weight: 700; 
	display: block; 
	color: #1D1D1D; 
	position: relative; 
	font-size: 1.4rem; 
	font-family: "PretendardGOV"; 
	text-align: left;
	min-height:38px;
}

.krds-side-navigation .lnb-list .lnb-item .lnb-btn-4depth:hover {
	color: #003675; 
	background-color: #EDF1F5;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn-4depth::before {
	content: "•"; 
	position: relative; 
	left: -6px;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn-4depth::after {
	content: ""; 
	position: absolute; 
	width: 20px; 
	height: 20px; 
	background-image: url(../img/common/arrw_down_menu.png); 
	top: 50%; 
	right: 21px; 
	transform: translateY(-50%) rotate(0deg); 
	transition: 0.4s ease-in-out;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn-4depth.active::after {
	transform: translateY(-50%) rotate(180deg);
}
.lnb-subitem-4depth {
	max-height: 0; 
	overflow: hidden; 
	opacity: 0; 
	visibility: hidden; 
	transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.lnb-subitem-4depth.active {
	max-height: 100%; 
	opacity: 1; 
	visibility: visible; 
	padding: 4px 0 8px 16px;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 > ul .lnb-subitem-4depth .lnb-btn {
	padding: 4px 16px; 
	border-radius: 6px;
	font-size:1.3rem; 
	font-family: "PretendardGOV"; 
	font-weight: 400; 
	display: block; 
	color: #1E2124; 
	position: relative; 
	line-height: 24px;
}


.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 > ul .lnb-subitem-4depth .lnb-btn::before {
	content: '-';
}

ul > li > ul.lnb-subitem-4depth.active {margin-top: 0px;}
#container .left-menu .lnb-list .sub-ul .subm.is-depth4 {gap: 4px;}
#container .left-menu .depth4-wrap {
	display: none; 
	position: absolute; 
	top: 0; 
	left: -100%; 
	z-index: 10; 
	width: 100%; 
	height: 100%; 
	padding-top: 40px; 
	background-color: #fff; 
	transition: 0.4s ease-in-out;
}
#container .left-menu .depth4-wrap .depth4-tit {
	display: flex; 
	align-items: normal; 
	justify-content: space-between; 
	flex-direction: column; 
	font-weight: 700; 
	width: 100%; 
	height: 7.6rem; 
	padding: 8px 16px !important; 
	margin-bottom: 8px; 
	text-align: left; 
	border-radius: 0.8rem;
}
#container .left-menu .depth4-wrap .depth4-ul {
	display: flex; 
	align-items: normal; 
	justify-content: flex-start; 
	flex-direction: column; 
	padding: 16px 0; 
	border-top: 1px solid #D8D8D8; 
	border-bottom: 1px solid #D8D8D8;
}
#container .left-menu .depth4-wrap .depth4-ul a {
	display: flex; 
	align-items: center; 
	justify-content: flex-start; 
	flex-direction: row; 
	position: relative; 
	width: 100%; 
	height: 48px; 
	padding: 12px 16px 12px 32px; 
	border-radius: 8px;
}



/* sub  */
.sub_wrap {max-width: 1280px; margin: 0 auto; 	font-family: "PretendardGOV";}
#container.container_sub {padding-top: 0; padding-bottom: 30px; 	font-family: "PretendardGOV";}

.page-tit.sm {font-size: 15px!important; font-weight:bold; color: #000000;}
.page-tit.md {font-size: 17px!important; font-weight:bold; color: #000000;}
.page-tit.lg, .page-tit {font-size: 20px!important; font-weight:bold; color: #000000;}
.page-tit.xlg {font-size: 24px!important; font-weight:bold; color: #000000;}
.page-tit.xxlg {font-size: 32px!important; font-weight:bold; color: #000000;}



/* 페이지 타이틀 및 색상*/
.page_group .tit-group {display: flex; flex-direction: row; align-items: center;}
.page_group .tit-group .tit-left {display: flex; flex-direction: column; row-gap: 12px;}
.page_group .tit-group .tit-right {margin-left: auto;}

@media (max-width: 767px) {
    .page_group .tit-group {display: flex; flex-direction: column; align-items: flex-start; row-gap:8px;}
}
.sub-content .page-wrap {
	display:flex; 
	flex-direction: column; 
	row-gap: 32px; 
}

.page-group {font-family: "PretendardGOV";}

.page-group .page-tit {
	font-size: 19px; 
	font-weight: 700; 
	color: #000000;
	display:block;
	font-family: "PretendardGOV";
}
.page-group .page-tit.color {
	color: #1D56BC;
}
.page-group .page-tit.list {
	color:#1d1d1d;
	font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 0 12px;
    position: relative; 
	font-family: "PretendardGOV";
}
.page-group .page-tit.list::before {
    position: relative;
    content: '';
    width: 4px;
    height: 4px;
    background: #1D1D1D;
    border-radius: 100%;
    top: -6px;
    left: -8px;
    display: inline-block;
}
.page-group .list-box {border:0;}
.page-group > .group {
	display:flex; 
	flex-direction: column; 
	row-gap: 16px; 
}
.page-wrap .page-group > .form-cont-wrap {
	display:flex; 
	flex-direction: column; 
	row-gap: 24px; 
}
.page-group .stit-group-wrap .tit-group {
	width:100%;
	display:flex; 
	flex-direction: row; 
    flex-wrap: wrap;
    justify-content: space-between;
}
@media only screen and (max-width: 599px) {
    .page-group .stit-group-wrap .tit-group {
		width:100%;
		display:flex; 
		flex-direction: column; 
		flex-wrap: wrap;
		row-gap:24px;
	}
}

.appform-wholewrap, .page-cont-wrap {display:flex; flex-direction: column; row-gap: 64px;}
.appform-wholewrap .page-wrap, .page-cont-wrap .page-wrap {display: flex; width: 100%; flex-direction: column; row-gap:48px;}
.appform-wholewrap .page-wrap .page-Groups, .page-cont-wrap .page-wrap .page-Groups {display:flex; flex-direction: column; row-gap: 40px;}
.appform-wholewrap .page-wrap .page-Groups .page-group, .page-cont-wrap .page-wrap .page-Groups .page-group {display:flex; flex-direction: column; row-gap: 30px;}



.wholetit-group {width:100%; display:block;}
.wholetit-group .wholetit {color:#1d1d1d; font-size: 32px; font-weight: 700;	font-family: "PretendardGOV";}
.wholetit-group.step .wholetit-step {display: block; font-size: 17px; font-weight: 400; color: #555555;	font-family: "PretendardGOV";}
.wholetit-group.step .wholetit-step + .wholetit {margin-top: 20px;}
.wholetit-group.step .wholetit-step span.step-ed {color: #1D56BC; font-weight: 700;}

                  
.tit-group-wrap {display:block; width:100%;}	
.tit-group-wrap .tit-group {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.tit-group-wrap .tit-group .right.btn-group {padding:4px;}	
.tit-group-wrap .tit-group .right.btn-group button + button {margin:4px;}
.tit-group-wrap .tit-group .left .page-tit:before {top: 5px;}
.tit-group-wrap .page-tit {font-size: 21px; color: #000000; font-weight: 700; 	font-family: "PretendardGOV";display: inline-block; position: relative; padding-left: 10px; padding-top:10px;}
.tit-group-wrap .page-tit:before {content: ''; position: absolute; display: inline-block; width: 4px; height: 30px; background: #1D56BC; left: 0; top: 0;}
.page-group > .tit-group-wrap .page-tit {padding-left: 0px;}
.page-group > .tit-group-wrap .page-tit:before {display:none}


@media only screen and (max-width: 599px) {
	.tit-group-wrap .tit-group {
		display: flex;
		flex-direction: column;
		row-gap: 12px;
	}	
	.tit-group-wrap .tit-group::before, .tit-group-wrap .tit-group::after {
		 content: initial;
	}
}
.page-Groups .page-tit {
	color: #1d1d1d; 
	font-weight: 700; 
	font-family: "PretendardGOV";
	display: inline-block; 
	position: relative; 
}
.page-Groups .page-group .page-tit {padding-left: 0px;}
.page-Groups .page-group .page-tit:before {display:none}

em.require {color: #0085CD;  font-weight: 700;	font-family: "PretendardGOV";}
.txt-require {position: absolute; right: 0; top: -35px; font-size: 13px; letter-spacing: 0.5px;}
.txt-require span {color: #0085CD; font-weight: 700;	font-family: "PretendardGOV";}

.page-Groups section.section {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
}




/* card 박스 ************************************************/
.page-group .section .inr.card > .section.flex-col {column-gap: 16px;}
.page-group .section .inr.card > .section.flex-col > li {flex: 1;}
.page-group .section .inr.card > .section.flex-col > li.li > div.in {display: flex; flex-direction: column; row-gap: 24px;}
.page-group .section .inr.card > .section.flex-col > li.li > div.in .section {width:100%;}
.section .inr.card .section li {border:1px solid #ddd; padding:24px; border-radius:12px;}
.ico.circle-custom {background: url('../img/common/ico-circle-custom.png') no-repeat center;}
.ico.circle-support {background: url('../img/common/ico-circle-support.png') no-repeat center;}
.ico.circle-bulb {background: url('../img/common/ico-circle-bulb.png') no-repeat center;}
.page-group .section .inr.card .card-body {min-height:160px;}
.page-group .section .inr.card .card-body .card-stit {color: #1D1D1D; text-overflow: ellipsis; font-family: "PretendardGOV"; font-size: 17px; font-weight: 700; line-height: 130%;}
.page-group .section .inr.card .card-body .card-tit {color: #0085CD; font-family: "PretendardGOV"; font-size: 22px; font-weight: 700; line-height: 150%; margin-top:25px; letter-spacing:-1px; word-break: normal;}
.page-group .section .inr.card .card-body .card-txt {color: #555; font-family: "PretendardGOV"; font-size: 14px; font-weight: 400; line-height: 120%; margin-top:15px; letter-spacing:-1px; word-break: normal;}
@media only screen and (max-width:980px) {
	.page-group .section .inr.card > .section.flex-col   {display: flex; flex-direction: column; row-gap: 24px;}
	.page-group .section .inr.card > .section.flex-col > li.li > div.in {display: flex; flex-direction: row; column-gap: 24px;}
	.page-group .section .inr.card .card-body {min-height:auto;}		
	.page-group .section .inr.card .c-btn {margin-top:24px;}
}
@media only screen and (max-width:599px) {
	.page-group .section .inr.card .c-btn {text-align:right;}	
}
@media only screen and (max-width:420px) {
    .page-group .section .inr.card > .section.flex-col > li.li > div.in {display: flex; flex-direction: column; row-gap: 24px;}
}





/* 신청서 작성 5단계 e-러닝 및 정보입력(e-러닝) 수정 */
.link-box .search-list.type01 li.li {padding:0;}
.link-box .search-list.type01 li .e-learning {padding:40px;}

@media only screen and (max-width:768px) {
	.link-box .search-list.type01 li .e-learning {	padding:20px;}
}
.search-list li .in.e-learning .card-body {display: flex; flex-direction: row; align-items: center; column-gap:8px;}
.search-list li .in.e-learning .card-body .c-btn {margin-left:auto;}	
.search-list li .in.e-learning .card-body .c-tit {position: relative; font-size: 21px; font-weight: 700;	font-family: "PretendardGOV";}
.search-list li .in.e-learning .card-body .tit-group {display: flex; flex-direction: row; align-items: flex-start; column-gap:8px; align-items: center;}
.search-list li .in.e-learning .card-body .c-tit::after {display: inline-block; content: ""; width: 20px; height: 20px; background: url(../img/common/arrw_left_lg.png) no-repeat center right; background-size: contain; top: 3px; position: relative;}
.search-list li.end {border:1px solid #C6C6C6; background:#EBEBEB;}

@media (max-width: 599px) {
	.search-list li .in.e-learning .card-body {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		column-gap:24px;
	}	
    .search-list li .in.e-learning .card-body .tit-group {
		display: flex;
		flex-direction: column;
		align-items: flex-start; 
		row-gap:16px;
	}
	.search-list li .in.e-learning .card-body .c-btn {
		margin-left:0;
	}
}




/* 가이드 작성 ******************************************************/
.ico.circle-moniter-lock {background: url('../img/common/ico-circle-moniter-lock.png') no-repeat center;}
.ico.circle-moniter-report {background: url('../img/common/ico-circle-moniter-report.png') no-repeat center;}
.ico.circle-moniter-search {background: url('../img/common/ico-circle-moniter-search.png') no-repeat center;}
.ico.circle-certificate {background: url('../img/common/ico-circle-certificate.png') no-repeat center;}
.box-group.guide-step {display: flex; flex-direction: column; row-gap: 24px;}
.box-group.guide-step .box {display: flex; flex-direction: row; column-gap: 40px;}	
.box-group.guide-step .box > .cont {display: flex; flex-direction: column; row-gap: 24px;}

.box-group.guide-step .box > .cont  p {word-break: normal; color: #1D1D1D; white-space: normal; font-family: "PretendardGOV"; font-size: 17px; font-weight: 400; line-height: 160%;} 
.box-group.guide-step .box > .cont  span.info {word-break: normal; color: #555; white-space: normal; font-family: "PretendardGOV"; font-size: 15px; font-weight: 400; line-height: 150%;} 
.box-group.guide-step .step-cont .step-tit {display: inline-block;}

@media (max-width: 768px) {
	.box-group.guide-step .box {
		display: flex;
		flex-direction: column;
		row-gap: 24px;
	}	
	.box-group.guide-step .box > .cont {
		width: 100%;
	} 
	.box-group.guide-step .box > .icon {
		float:none; 
		width: 100%;
		display:block;
	} 

}

.img-tit-group-wrap {
	display:flex;
    flex-direction: row;
    column-gap: 24px;
}
.img-tit-group-cont .tit  {
	font-family: "PretendardGOV";
	font-size: 28px;
	font-weight: 700;
	color:#1d1d1d;
}	
.img-tit-group-cont .stit  {
	font-family: "PretendardGOV";
	font-size: 20px;
	font-weight: 700;
}
.img-tit-group-cont {
	display:flex;
    flex-direction: column;
    row-gap: 12px;
}
.img-tit-group-cont .txt{
	line-height:160%;
}
@media (max-width: 768px) {
    .img-tit-group-wrap {
		display:flex;
		flex-direction: column;
		row-gap: 24px;
	}
}

.box-group.guide-step .box .cont.flex-col .cont-body {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}
.box-group.guide-step .box .cont.flex-col { 
	display:flex; 
	flex-direction: row; 
	column-gap: 24px; 
	width:100%;
	justify-content: space-between;
}
@media (max-width: 768px) {
	.box-group.guide-step .box .cont.flex-col { 
		flex-direction: column; 
		row-gap: 12px; 
		width:100%;justify-content: flex-start;
	}
}


/* step **********************************************/
.step-wrap {
    font-size: 0;
}
.step-wrap > li {
	vertical-align: top;
    display: inline-block;
    position: relative;
    font-size: 15px;
    width: calc(100% / 7);
	font-family: "PretendardGOV";
}

.step-wrap > li::after {
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #C6C6C6;
}
.step-wrap > li.done::after {
    background-color: #003675;
}
.step-wrap > li:last-child::after {
    display: none;
}
.step-wrap > li:last-child > span {
    padding-right: 0px;
}
.step-wrap > li > span {
    display: inline-block;
    position: relative;
    padding-top: 32px;
    padding-right: 32px;
}
.step-wrap > li > span::before, .step-wrap > li > span::after {
    content: "";
    border-radius: 100%;
}
.step-wrap > li > span::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 18px;
    height: 18px;
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
}
.step-wrap > li.done > span::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 20px;
    height: 20px;
    margin-top: 0.5px;
    border: 0;
    background-color: #6D7882;
}
.step-wrap > li.active > span::before {
    background-color: #fff;
    border: 3px solid #0085CD;
    width: 14px;
    height: 14px;
}
.step-wrap > li.done > span::after {
    position: absolute;
    top: 4px;
    left: 3px;
    z-index: 3;
    width: 14px;
    height: 14px;
    background: url(../img/common/img_step_end.png) no-repeat;
    background-position: center;
    background-size: contain;
}
.step-wrap > li.active > span::after {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 3;
    width: 10px;
    height: 10px;
	background: #0085CD;
  /*  background: #0085CD url(../img/common/img_step_on.png) no-repeat center;*/
    background-size: contain;
}
.step-wrap > li .step {
    font-size: 15px;
    color: #555555;
    font-style: normal;
    display: block;
	font-family: "PretendardGOV";
}
.step-wrap > li .step-tit {
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    color: #1D1D1D;
    margin-top: 12px;
    letter-spacing: -1px;
	font-family: "PretendardGOV";
}
@media (max-width: 1280px) {
	.step-wrap > li .step-tit {
		white-space: normal;
	}
}								
@media (max-width: 768px) {
   .step-wrap > li {
        vertical-align: top;
    }
    .step-wrap > li .step-tit {
        white-space: normal;
    }
	.step-wrap > li .step-tit {
		display:none;
	}
}	
@media (max-width: 599px) {
   .step-wrap {
        margin-bottom: 40px;
    }
   .step-wrap > li > span > .step, .step-wrap > li > span > .step-tit {
        display: none;
    }
}	


.form-group .form-conts .multi-group {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap:16px;
}

.form-group .form-conts.flex-group .input-group.form-callnum {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	column-gap:4px;
	align-items: center;
}
.form-group .form-conts.flex-group .input-group.form-search {
	display: flex;
	flex-direction: row;
	column-gap:4px;
	align-items: center;
}
@media (max-width: 599px) {
	.form-group .form-conts.flex-group.mobile .input-group.form-search {
		display: flex;
		flex-direction: column;
		row-gap:6px;
	}	
	.form-group .form-conts.flex-group.mobile .input-group.form-search button {
        margin-top: 0px;
    }
}




/* search-between-conts  *********************************/

.search-between-conts .aside .filter-dl dt {
    padding: 16px 10px;
}
.search-between-conts .aside .acco-list .li {
    padding: 28px 12px;
}
.acco-list.filter-list .chk-area.chk-column {
	display: flex;
	flex-direction: column;
	row-gap:24px; 
	padding-bottom:24px;
}

.search-between-conts .aside .filter-btn {
    margin: 0 ;
	padding:24px 12px;
	border-bottom: 1px solid #c6c6c6;
}
.search-between-conts .aside .filter-reset {
    position: absolute;
    top: 16px;
    right: 40px;
}
.search-between-conts .aside .filter-reset .btn {
    height: auto;
}
.resch-word button.btn ,
.filter-btn button.btn {
    display: inline-block;
    width: auto;
    height: 56px;
    padding: 0 20px;
    background-color: #0085CD;
    border: 1px solid #0085CD;
    border-radius: 8px;
    font-size: 19px;
    color: #fff;
    font-weight: 400;
    letter-spacing: -1px;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.4s ease-in-out;
}
.resch-word button.btn.secondary {
    background-color: #EFF5FF;
    border: 1px solid #0085CD;
    color: #1D56BC;
}
.chk-area.chk-column.mobile.chk-resch {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 2px;
}


.filter-btn button.btn {
    display: inline-block;
    width: auto;
    height: 56px;
    padding: 0 20px;
    background-color: #0085CD;
    border: 1px solid #0085CD;
    border-radius: 8px;
    font-size: 19px;
    color: #fff;
    font-weight: 400;
    letter-spacing: -1px;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.4s ease-in-out;
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .search-between-conts .aside + .contents {
        max-width: 860px;
        margin-left: 40px;
    }

}





.form-data.col.mobile > ul  {
	display:flex; 
	flex-direction: row; 
    justify-content: flex-start;
	column-gap:24px;
	align-items:center; 
}
.form-data.col.mobile > ul > li {
    font-size: 17px;
    color: #555;
	font-family: "PretendardGOV";
}
@media (max-width: 599px) {
   .form-data.col.mobile > ul  {
		display:flex; 
		flex-direction: column; 
		justify-content: flex-start;
		row-gap:24px;
		align-items:flex-start; 
	}
}


@media only screen and (max-width: 599px) {
	.chk-group-area .chk-group-wrap.card-list > li::before, .chk-group-area .chk-group-wrap.card-list > li::after {
	  content: initial;
	  display: block;
	}  
	.chk-group-area .chk-group-wrap.card-list > li .chk-area.chk-column {
		float: none;
		display: inline-block;
		width: 100%;
		margin-right: 0px;
	}
	.chk-group-area .chk-group-wrap.card-list {
		display:flex; 
		flex-direction: column; 
		row-gap: 24px; 
	}
	.chk-group-area .chk-group-wrap.card-list > li {
		display:flex; 
		flex-direction: column; 
		row-gap: 24px; 
	}	
    .chk-group-wrap .form-check input[type=checkbox] ~ label {
        padding-left: 0;
        padding-top: 44px;
    }
	.chk-group-wrap .form-check label .badge.complete, .chk-group-wrap .form-check label .badge.unable {
        position: relative;
        left: 0px;
				margin-bottom:10px;
    }
    .chk-group-area .chk-group-wrap.card-list > li .chk-area.chk-column .conts-desc {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }	
	.chk-group-wrap .form-check label .badge {max-width:60px;}
	.chk-group-area .chk-group-wrap > li ~ li {margin-top:0}
}



/* 엔딩 페이지 */
.section.ending-Message {display:block;}
.section.ending-Message .img  {text-align:center;}
.section.ending-Message .text-group  {text-align:center; }
.section.ending-Message .text-group .tit {text-align:center; font-size: 32px; color:#1d1d1d; margin:50px 0 20px 0;	font-family: "PretendardGOV";}
.section.ending-Message .text-group .txt {text-align:center; font-size: 17px; color:#1d1d1d; margin:30px;	font-family: "PretendardGOV";}

@media only screen and (max-width: 599px) {
	.section.ending-Message .text-group  {text-align:left;}
	.section.ending-Message .text-group .tit {text-align:left; margin:30px 0 10px 0;}
	.section.ending-Message .text-group .txt {text-align:left; margin:20px;}								
}



/* 하단 버튼 */
.page-btn-wrap {width:100%; z-index: 10; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; background-color: #fff;}
.page-btn-wrap.both > .left {margin-right: auto;}
.page-btn-wrap.both > .right {margin-left: auto;}

@media only screen and (max-width: 599px) {
    .page-btn-wrap.fixation {position: sticky; left: 0; bottom: 0; width: 100%; z-index: 11; margin: 0 ; padding: 0px; border-top: 0px solid #ddd; background:#fff;}
    .page-btn-wrap.both > .left, .page-btn-wrap.both > .left > button {width: 100%;}	
}





#container .sub_wrap .lnb_toggle {position: absolute; top: 12px; left: -55px; width: 30px; height: 40px; border: 1px solid #C6C6C6; border-radius: 0 6px 6px 0; border-left:1px solid #fff; background:#fff;}
#container .sub_wrap .lnb_toggle .ico-lnb {width: 16px; height: 17px; background: url(../img/common/panel_open.png) no-repeat center 1px; transition: 0.4s ease-in-out;}

.contents {width: calc(94% - 326px);  margin-left: 10px; display: inline-block; transition: margin-left 0.3s ease, width 0.3s ease; position: relative;}
.contents.fullwidth {width: 100%; margin-left: 0; display: block;}
.left-menu.collapsed + .contents {width: 90%;}

#container .sub_wrap .lnb_toggle.open {background:#363636; width: 30px; height: 40px; border: 1px solid #363636; border-radius: 0 6px 6px 0;border-left:0;}
#container .sub_wrap .lnb_toggle.open .ico-lnb {
    transform: rotate(0deg);
    width: 16px;
    height: 17px;
    background:#363636 url(../img/common/panel_close.png) no-repeat center 1px;
    transition: 0.4s ease-in-out;
}

#container .sub_wrap .left-menu.collapsed .krds-side-navigation { display:none;}


@media screen and (max-width: 1280px){
	.contents {padding:0 10px;}
}

.contents.expanded {width: 100%; margin-left: 0;}


@media (max-width: 1199px) {
    .container_sub {
        padding: 60px 0;
        margin-top: -4px;
        box-sizing: border-box;
    }
    .sub_wrap {
        width: 100%;
    }
    #container .sub_wrap .left-menu {
        display: none;
    }
    #container .sub_wrap .contents {
        width: 100%;
        margin-left: 0;
        padding-left: 16px;
        padding-right: 16px;
    }
}	



.msub-menu {display: none;}
.msub-item {margin-bottom: 10px;}
.msub-menu-tit {
    background: #F0F9FF;
    border: 1px solid #0085CD;
    width: 100%;
    height: 60px;
    display: block;
    border-radius: 10px;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #2D2D2D;
    padding: 14px 12px;
    text-align: left;
	font-family: "PretendardGOV";
}
.msub-menu-tit span {position: absolute; top: 50%; transform: translateY(-50%);}
.msub-menu-tit::after {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    background: url(../img/common/arrw_left_xlg.png) no-repeat;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    transition: 0.4s ease-in-out;
}
.msub-menu-tit.active::after {transform: translateY(-50%) rotate(-90deg);}
.msub-menu-tit:hover, .msub-menu-tit:focus {background: #1D56BC; border: 1px solid #0085CD; color: #ffffff; border-radius: 10px;}
.msub-menu-tit:hover::after, .msub-menu-tit:focus::after {background: url(../img/common/arrw_left_xlg_w.png);}
.msub-item .submenu {margin: 12px 0; display: none;}
.msub-item .submenu li {border-bottom: 1px solid #D8D8D8;}
.msub-item .submenu li ~ li {margin-top: 8px;}
.msub-menu-btn {display: block; width: 100%; padding: 10px 12px; font-size: 16px; font-family: "PretendardGOV"; font-weight: 700; color: #1d1d1d;}





/* quick menu   */
#main_left_quick {position: fixed; top: 133px; left: 0; z-index: 500; width: 90px; text-align: center; box-shadow: 4px 6px 6px 0 rgba(0, 0, 0, 0.15); border-radius: 0 16px 16px 0;}
#main_left_quick li {color: #ffffff; position: relative;}
#main_left_quick li a {color: #ffffff; font-size: 12px; font-family: "PretendardGOV"; font-weight: 700; line-height: 15px; letter-spacing: -0.5px;}
.quick_menu {background: #505562; border-radius: 0 16px 0 0;}
.quick_menu .quick_title {font-size: 15px; font-family: "PretendardGOV"; font-weight: 600; line-height: 18px;}
.quick_menu li {padding: 21px 0;}
.quick_menu li a {display: block; padding-top: 13px;}
.quick_menu .quick_student {background: url(../images/main/img_quick01.png) top center no-repeat; background-size: 33px;}
.quick_menu .quick_finish {background: url(../images/main/img_quick02.png) top center no-repeat; background-size: 33px;}
.quick_menu .quick_parent {background: url(../images/main/img_quick03.png) top center no-repeat; background-size: 33px;}
.quick_menu .quick_society {background: url(../images/main/img_quick04.png) top center no-repeat; background-size: 33px;}
.quick_login_wrap {background-color: #656565; padding: 0 15px; border-radius: 0 0 16px 0; border-top: 1px solid #D9D9D91A;}
.quick_login_wrap li {padding: 20px 0;}
.quick_login_wrap li ~ li {border-top: 1px solid #D9D9D91A;}
.quick_2dept {display: none; width: 175px; position: absolute; background-color: #505562; left: 90px; top: -1px;}
.quick_2dept.on {display: block;}
.quick_2dept li {padding: 10px 0; text-align: left;}
.quick_2dept li a {padding: 0 10px;}

#main_left_quick.right {right: 0; left: unset; z-index: 100;}
#main_left_quick.right .quick_menu {border-radius: 16px 0 0 0;}
#main_left_quick.right .quick_login_wrap {border-radius: 0 0 0 16px;}
#main_left_quick.right .quick_2dept {right: 90px; left: unset;}



	/* **** PAGE LAYOUT ELEMENT **** */


/* **** breadcrumb **** */
.breadcrumb-wrap {
    display: flex;
    justify-content: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    padding: var(--krds-spacer-10) 0 var(--krds-spacer-20);
}

.breadcrumb-wrap .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-spacer-1);
    width: 100%;
    max-width: 130rem;
    padding-left: var(--krds-spacer-1);
    padding-right: var(--krds-spacer-1);
}

.breadcrumb-wrap .breadcrumb li {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-size: 1.5rem;
}

.breadcrumb-wrap .breadcrumb li .txt {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    line-height: 1.2;
    border-bottom: 0;
}

.breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    margin-left: var(--krds-spacer-1);
    background: url(../img/common/ico_bread_arr.svg) no-repeat;
    background-size: contain;
}
.breadcrumb-wrap .breadcrumb .home::before {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../img/common/ico_bread_home.svg) no-repeat;
    background-size: contain;
}

.breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    margin-left: var(--krds-spacer-1);
    background: url(../img/common/ico_bread_arr.svg) no-repeat;
    background-size: contain;
}

.breadcrumb-wrap .breadcrumb li:last-child .txt {
	font-weight:bold;
	border-bottom: 0.1rem solid var(--krds-gray-50);	
}

@media (max-width: 599px) {
.breadcrumb-wrap .breadcrumb li {
		display: none;
	}
	.breadcrumb-wrap .breadcrumb li.home, .breadcrumb-wrap .breadcrumb li:last-child {
		display: inline-flex;
	}
	.breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child {
		gap: var(--krds-spacer-1);
	}
	.breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::before {
		order: 1;
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
		content: "";
		width: 1.6rem;
		height: 1.6rem;
		background: url(../img/common/ico_bread_dot.svg) no-repeat;
		background-size: contain;
	}
	.breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::after {
		order: 2;
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
		content: "";
		width: 1.6rem;
		height: 1.6rem;
		background: url(../img/common/ico_bread_arr.svg) no-repeat;
		background-size: contain;
	}
	.breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child .txt {
		order: 3;
	}
}

/* ** 페이지 타이틀 ** */
.page-title-wrap {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	margin-bottom: var(--krds-spacer-10);
}
.page-title-wrap .h-tit {
	font-size: var(--krds-fz-title-xxlg);
	font-weight: 700;
	display: flex;
	align-items:center;
	column-gap:8px;
}
.page-title-wrap .h-tit::before {
    display: inline-flex;
    content: "";
    width: 17px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/common/ico-blt.png);
}


.page-title-wrap .h-tit .small-txt {
	display: flex;
	font-size: var(--krds-fz-body-lg);
}
.page-title-wrap .h-tit .sub-txt {
	display: flex;
	font-size: var(--krds-fz-body-sm);
	font-weight: 400;
	color: var(--krds-gray-70);
}
.page-title-wrap .h-tit .krds-badge-wrap {
	font-weight: 400;
	margin-top: var(--krds-spacer-8);
}
.page-title-wrap .h-txt {
	font-size: var(--krds-fz-body-lg);
	color: var(--krds-gray-70);
}
.page-title-wrap.between {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
}
.page-title-wrap.between .step-wrap {
	margin-left: auto;
	margin-bottom: 0;
}



/* ** 페이지 하단 버튼 ** */
.page-btn-wrap {
	z-index: 10;
	display: flex;
	justify-content: flex-end;
	gap: var(--krds-spacer-4);
	margin-top: var(--krds-spacer-4);
	background-color: var(--krds-white);
}
.page-btn-wrap.guide {flex-direction: column;}
.page-btn-wrap.guide .btn {flex: initial;}
.page-btn-wrap.guide .guide-txt {
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	text-align: center;
}
.page-btn-wrap.both {justify-content: space-between;}
.page-btn-wrap.both .btn-wrap {
	display: flex;
	gap: var(--krds-spacer-4);
	width: auto;
}
.page-btn-wrap.coach-highligt {
	position: relative;
	z-index: 5;
}
.page-btn-wrap.coach-highligt > .coach-balloon {
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--krds-white);
}

/* 하단 버튼 */
.page-btn-wrap {width:100%; z-index: 10; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; background-color: #fff;}
.page-btn-wrap.both > .left {margin-right: auto;}
.page-btn-wrap.both > .right {margin-left: auto;}

@media only screen and (max-width: 599px) {
    .page-btn-wrap.fixation {position: sticky; left: 0; bottom: 0; width: 100%; z-index: 11; margin: 0 ; padding: 0px; border-top: 0px solid #ddd; background:#fff;}
    .page-btn-wrap.both > .left, .page-btn-wrap.both > .left > button {width: 100%;}	
}


/* ** 페이지 상세 영역 ** */
.conts-area {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--krds-spacer-10);
	width: 100%;
}













@media (max-width: 599px) {
	/* **** COMMON **** */
	/* ** area control ** */
	.w-hide {
		display: block !important;
	}
	.m-hide {
		display: none !important;
	}
	/* **** PAGE LAYOUT ELEMENT **** */


	/* ** 페이지 타이틀 ** */
	.page-title-wrap .h-tit {
		font-size: var(--krds-fz-heading-md);
	}
	.page-title-wrap.between {
		flex-direction: column;
	}
	/* ** 페이지 하단 버튼 ** */
	.page-btn-wrap {
		position: sticky;
		left: 0;
		bottom: 0;
		z-index: 1;
		padding: var(--krds-spacer-6) var(--krds-spacer-4);
		margin: 2rem -1.6rem -6.4rem;
		border-top: 0.1rem solid var(--krds-gray-40);
	}
	.page-btn-wrap .btn {
		flex: 1;
	}
	.page-btn-wrap.both .btn {
		padding: 0 var(--krds-btn-px-xsm);
	}
	.page-btn-wrap.both .btn + .btn-wrap {
		justify-content: flex-end;
		flex: 2.4;
	}
	.page-btn-wrap.both .btn-wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		position: relative;
		width: 100%;
	}
	.page-btn-wrap.both .btn-wrap .btn {
		flex: 1 1 0px;
		min-width: 0;
	}
	.page-btn-wrap.coach-highligt > .coach-balloon {
		top: 2.4rem;
		right: 1.6rem;
		width: 100%;
		max-width: calc(100% - 3.2rem);
		background-color: var(--krds-white);
	}
	/* **** ELEMENT **** */
	/* ** swiper ** */
	.swiper-indicator.w-hide {
		display: flex !important;
	}
	.swiper-indicator .swiper-navigation.w-hide {
		display: flex !important;
	}
	/* ** step ** */
	.step-wrap {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: row;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		position: relative;
		width: 100%;
		position: static;
		margin-bottom: var(--krds-spacer-16);
	}
	.step-wrap > li {
		flex: 1 1 0px;
		min-width: 0;
	}
	.step-wrap > li > span {
		padding-top: var(--krds-spacer-5);
		padding-right: 0;
	}
	.step-wrap > li > span .step,
	.step-wrap > li > span .step-tit {
		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;
	}
	.step-wrap > li:last-child {
		flex: none;
		flex-basis: 2rem;
	}
	.page-step .conts-wrap .conts-wrap .conts-wrap {
		gap: var(--krds-spacer-6);
	}
	/* ** guide txt ** */
	.guide-txt {
		padding: var(--krds-spacer-4);
	}
	/* **** POPUP **** */
	.popup-wrap[data-type=full] {
		padding: 0 var(--krds-spacer-2);
	}
	.popup-wrap[data-type=full] .popup-in {
		padding: var(--krds-spacer-6) 0;
	}
	.popup-wrap[data-type=full] .popup {
		gap: var(--krds-spacer-8);
	}
	.popup-wrap[data-type=full] .popup-head {
		padding: 0 var(--krds-spacer-2);
	}
	.popup-wrap[data-type=full] .popup-head .pop-tit {
		font-size: var(--krds-fz-title-md);
	}
	.popup-wrap[data-type=full] .popup-body {
		padding: 0 var(--krds-spacer-2);
	}
	.popup-wrap[data-type=full] .popup-close {
		width: 2.4rem;
		height: 2.4rem;
	}
}












/*  추가 작업  */
.list-content {padding-left:10px}


/* 정보만족도 및 컨텐츠 담당자 */
.page-subcont-wrap {
	border: 3px solid #E1E5ED; 
	width: 100%; 
	position: relative; 
	display: block; 
	border-radius: 10px; 
	padding: 25px 30px; 
	margin: 70px 0 60px;
}


.form-chip input[type=radio], .form-chip input[type=checkbox] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


.search-list.type01 .li {padding: 39px; border-radius: 12px; border: 1px solid #c6c6c6;}
.search-list.type01 .li ~ li {margin-top: 15px;}
.search-list .card-body .c-text {padding: 16px 0; word-break: break-all;}
.search-list .card-body .c-text .c-tit {position: relative; font-size: 21px; font-weight: 700; font-family: "PretendardGOV";}
.search-list .card-body .c-text .c-tit::after {display: inline-block; content: ""; width: 20px; height: 20px; background: url(../img/common/arrw_left_lg.png) no-repeat center right; background-size: contain; top: 3px; position: relative;}
.search-list .card-body .c-text.d-ib {width: calc(100% - 103px); padding: 0; vertical-align: middle;}
.search-list .card-body .c-text.d-ib .badge.secondary {top: 4px; position: relative;}
.search-list .card-body .c-btn {display: inline-block;}
.search-list .card-body .card-item {display: inline-block; width: calc(100% - 103px); position: relative; padding-left: 104px; letter-spacing: -1px;}
.search-list .card-body .card-item::before {position: absolute; content: ''; width: 80px; height: 80px; border-radius: 50%; top: 0; left: 0; background-color: #F2F2F2; display: inline-block;}
.search-list .card-body .card-item.move-custom::before {background-image: url(../img/common/img_custom.png); background-repeat: no-repeat; background-position: center;}
.search-list .card-body .card-item.move-support::before {background-image: url(../img/common/img_support.png); background-repeat: no-repeat; background-position: center;}
.search-list .card-body .card-item .card-tit {font-size: 21px; font-weight: 700; font-family: "PretendardGOV"; color: #0085CD;}
.search-list .card-body .card-item .card-txt {font-size: 17px; font-weight: 400; font-family: "PretendardGOV"; color: #555555; margin-top: 24px;}
.search-list .card-body .card-item .card-txt p ~ p {margin-top: 15px;}
.search-list .card-body .card-item + .c-btn {vertical-align: top;}

.confirm-guide {padding: 50px 0 15px 10px;}
.confirm-guide ul li {font-size: 17px; font-weight: 700;font-family: "PretendardGOV"; }
.confirm-guide ul li ~ li {margin-top: 15px;}

.menu-info {text-align: center;}
.menu-info .menu-info-m {display: none;}
.satis-box {background: #F8F8F8; border-radius: 12px; padding: 40px; margin-top: 40px;}
.satis-box .chip-wrap {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: row;gap: 8px;}
.satis-box .chip-wrap  > .form-chip {flex: none;}

.satis-tit {font-size: 19px; font-weight: 700; font-family: "PretendardGOV"; color: #1D1D1D; display: inline-block; width: 572px; line-height: 48px;}
.satis-tit + .chk-area {vertical-align: top;}
.satis-txt {border-top: 1px solid #D9D9D9; padding-top: 24px; margin-top: 10px;}





@media screen and (max-width: 1500px) {
    #main_left_quick {
        display: none;
    }
    .container_sub {
        padding: 40px 0 0;
    }
}

@media (max-width: 1199px) {
    .container_sub {
        padding: 60px 0;
        margin-top: -4px;
        box-sizing: border-box;
    }
    .sub_wrap {
        width: 100%;
    }
    #container .sub_wrap .left-menu {
        display: none;
    }
    #container .sub_wrap .contents {
        width: 100%;
        margin-left: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .menu-info .menu-info-pc {   display: none; }
    .menu-info .menu-info-m {   display: block;  margin: 0 auto; }
    .form-control.xlg {   height: 56px;  padding: 0 16px;  border-radius: 8px;  font-size: 19px; }
    .satis-tit {   width: 55%; } 
    .chip-wrap {   display: flex;  align-items: flex-start;  justify-content: space-between;  flex-direction: row;  gap: 8px; }
    .chip-wrap .form-chip {   flex: 1; }
    .radio ~ .form-chip-outline, .checkbox ~ .form-chip-outline {   display: inline-flex;  align-items: center;  border-width: 1px;  border-style: solid;  border-color: #C6C6C6; }
    .pop-filter-top .filter-dl dd {   display: inline-flex;  width: 100%;  gap: 8px;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between; }
    .pop-filter-top .filter-dl dd .chip-wrap {   width: 90%;  justify-content: flex-start;  flex-direction: row;  flex-wrap: wrap;  align-items: flex-start; }
    .pop-filter-top .filter-dl dd .chip-wrap .btn-chip-outline.md {   margin-right: 0; }
}



@media (max-width: 768px) {
    /* 서브페이지_모바일용 하단 4depth 메뉴 */
  .msub-menu {   display: block;  margin-top: 70px; }
	.call-select-wrap {width:100%;}
	.call-input-wrap {width:100%;}
	.form-group .input-group.form-callnum {display: flex;row-gap:8px; flex-direction: column;}
	.form-group .input-group.form-callnum .call-select-wrap {display: flex;column-gap:4px; flex-direction: row;align-items: center;}
	.form-group  .input-group.form-callnum .inp-call {width: 100%;} 
	.form-group .input-group.form-callnum > div.call-btn {width: 100%;}
	.form-group .input-group.form-callnum > div.call-btn button {width: 100%;} 
	.form-group .input-group.form-callnum select.form-select {width: 100%;}
	.form-group .input-group.form-callnum .call-input-wrap {display: flex;column-gap:4px; flex-direction: row;align-items: center;}
	.email-select-wrap {width:100%;}
	.email-btn {width:100%;}
	.form-group .input-group.form-email  {display: flex;row-gap:8px; flex-direction: column;}
	.form-group .input-group.form-email .email-input-wrap input.inp-email {width: 100%;max-width: 100%;}
	.form-group .input-group.form-email .email-input-wrap {display: flex;column-gap:4px; flex-direction: row;align-items: center;}
	.form-group .input-group.form-email > .email-input-wrap + .email-input-wrap input.inp-email {width: 100%;max-width: 100%;}
	.form-group .input-group.form-email .email-select-wrap .form-select.sel-email {width: 100%;}
	 .form-group .input-group.form-email > div.email-btn > button {width: 100%; }
	.form-conts .section.mobile input.w-50, 
	.form-conts .section.mobile input.w-60, 
	.form-conts .section.mobile input.w-70, 
	.form-conts .section.mobile input.w-80, 
	.form-conts .section.mobile input.w-90,
	.form-conts .section.mobile input.w-200,
	.form-conts .section.mobile input.w-250,
	.form-conts .section.mobile input.w-300,
	.form-conts .section.mobile input.w-350,
	.form-conts .section.mobile input.w-400{width:100% !important;}
	.form-conts .section.mobile select.w-50, 
	.form-conts .section.mobile select.w-60, 
	.form-conts .section.mobile select.w-70, 
	.form-conts .section.mobile select.w-80, 
	.form-conts .section.mobile select.w-90, 
	.form-conts .section.mobile select.w-200,
	.form-conts .section.mobile select.w-250,
	.form-conts .section.mobile select.w-300,
	.form-conts .section.mobile select.w-350,
	.form-conts .section.mobile select.w-400 {width:100% !important;}
	input.w-200, input.w-250, input.w-300, input.w-350, input.w-400, input.w-500 {width: 100% !important;}
	select.w-200,select.w-250, select.w-300,select.w-350,select.w-400,select.w-500 {width:100% !important;}
}

@media only screen and (max-width: 599px) {
  .page-title-wrap .h-tit {   font-size: 32px; }
	.appform-wholetit .form-wholetit {   font-size: 25px; }
	.appform-tit-txt .form-tit-txt {   display: block; }
	.precautino-txt .list-type01 .btn-wrap {   flex-direction: column;  align-items: flex-start; }
	.precautino-txt .list-type01 .btn-wrap button {   width: auto; }
	.txt-box.type-gray .list-type04 li > span {   display: block;  width: 100%;  padding-right: 0;  word-break: break-all; }
	.txt-box.type-gray .list-type04 li .chk-area {   display: block;  width: 100%;  text-align: right; }
	.chk-group-area .chk-area.chk-column {   width: 100%; }
	.badge.complete + strong, .badge.unable + strong {   display: block !important;  top: unset; }
	.search-list.type01 .li {   padding: 32px 24px; }
	.search-list.type01 .li .card-body {   display: inline-flex;  flex-direction: column;  gap: 32px; }
	.search-list .card-body .c-text.d-ib {   width: 100%; }
	.search-list .card-body .c-text.d-ib .badge.secondary {   top: 0;  margin-bottom: 15px; }
	.search-list .card-body .c-text .c-tit {   display: block; }
	.search-list .card-body .card-item {   width: 100%;  padding-left: 0;  padding-top: 104px; }
  .menu-info .menu-info-m {   width: 100%; }
}

.filter-btn button.btn {
    display: inline-block;
    width: auto;
    height: 56px;
    padding: 0 20px;
    background-color: #0085CD;
    border: 1px solid #0085CD;
    border-radius: 8px;
    font-size: 19px;
    color: #fff;
    font-weight: 400;
    letter-spacing: -1px;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.4s ease-in-out;
}