/* =====================
    header
===================== */
#header *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
#header .bg-blue {
  background-color: #003f71 !important; }

#header .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px 10px;
  border-bottom: 1px solid #365375;
  background-color: #133761; }

#header .header a {
  display: inline-block; }

#header .logo p {
  color: #fff;
  font-size: 18px;
  font-weight: 500; 
  font-family: 'Noto Sans KR' !important; /* 23.02.23 폰트 통일 */
}

#header .logo img {
  width: 70px; }

#header .btn-search {
  margin-right: 10px; }

#header .btn-search img {
  width: 25px; }

#header .btn-menu img {
  width: 22px; }

#header .btn-close  {
  /* 23.03.06 메뉴 ui 수정 */
	/* float: right;
	top: 30px;
	position: absolute;
	right: 30px; */
  display: block;
  width: 15px;
  height: 15px;
  background-repeat: repeat;
  background-position: center;
  background-size: cover;

	}
#header .btn-close img {
  width: 18px; }

#header .nav {
  overflow-y: scroll;
  z-index: 1200;
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background-color: #fff; }

#header .nav > div:first-child > div {
  /* 23.03.06 메뉴 ui 수정 */
  /* padding: 20px 30px 10px 15px;  */
  padding: 15px 15px 10px;
  border-bottom: 1px solid #D5D5D5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#header .gnb {
  width: 100%;
  /* 23.03.06 메뉴 ui 수정 */
  padding:15px;
  /* padding: 0 30px;
  padding-bottom: 65px; 
  border-bottom: 1px solid #98abba; */
}

#header .gnb a {
  color: #000;
  font-weight: 700; }

#header .gnb > li > a {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
  border-bottom: 0.5px solid #D5D5D5;
  font-size: 14px; }

#header .gnb > li > a svg {
   transform: rotate(0deg);  } /*2023-02-22 변경*/

#header .gnb > li > a span.on {
  position: relative;
  padding-right: 10px; }

#header .gnb > li > a span.on::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #2277F2; }

#header .sub-gnb {
  display: flex;
  flex-flow: row wrap;
 }

#header .sub-gnb li {
  width: 50%;
  background-color: #FAFAFA; border-right:1px dotted #d5d5d5; border-bottom:1px dotted #d5d5d5; }
  
  
#header .sub-gnb li:nth-child(even) { border-right:0px;}
#header .sub-gnb li:nth-last-child(1) { border-bottom:1px solid #d5d5d5; }
#header .sub-gnb li:nth-last-child(2) { border-bottom:1px solid #d5d5d5;}

#header .sub-gnb li a {
  display: block;
  padding: 10px 15px; text-align:center;
  font-size: 12px; font-weight:normal; }

#header .search {
  width: calc(100% - 34px);
  margin: 0 auto;
  margin-top: -40px;
  margin-bottom: 37px;
  padding: 18px;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0px 5px 10px 5px rgba(179, 179, 179, 0.48); }

#header .search > * {
  display: flex; }

#header .search__list {
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 0 10%; }

#header .search__list a {
  display: block;
  padding: 7px 0;
  color: #363636;
  font-size: 15px; }

#header .search__form {
  position: relative; }

#header .search .form-input {
  height: 40px;
  border-radius: 10px;
  border: 1px solid #e4e2ee;
  background-color: #f5f5f5; }

#header .search .search__btn {
  background: none;
  position: absolute;
  top: 10px;
  right: 10px; }
#header .search .form-input{
	height: 40px;
	border-radius: 10px;
	border: 1px solid #e4e2ee;
	background-color: #f5f5f5;
	width: 100%;
	padding: 10px;
	font-size: 13px;
}
#header .search .search__btn img {
  width: 20px; }

#header .info {
  margin-top: 20px;
  text-align: center; }

#header .info a {
  display: block;
  margin-bottom: 5px;
  color: #363636;
  font-size: 14px; }

#header .info p {
  /* 23.03.06 메뉴 ui 수정 */
  /* color: #999999;
  font-size: 10px;  */
  color: #C8C8C8;
  font-size: 12px;
  font-weight: bold;
}

#header .navi {
  background-color: #d6e4fa; }

#header .navi > div > * {
  border-right: 1px solid #b6c8e4; }

#header .navi a {
  display: block; }

#header .navi select {
  width: 175px;
  border: none;
  background: transparent; }

#header .navi select:focus, .navi select:hover, .navi select :active {
  border: none;
  outline: none; }

#header .navi .home {
  padding: 12px 13px; }

#header .navi .home img {
  width: 15px; }

#header .navi .path > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 10px;
  color: #363636;
  font-size: 14px; }

#header .navi .path > a img {
  width: 14px;
  vertical-align: middle; }

#header .map__above.fixed {
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; }


.bg-white { background-color:#fff !important; }