@charset "utf-8";
body {
  padding-top: 76px;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 85px; /* 250614 */
  background: #fff;
  z-index: 11111;
}
header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px; /* 250615 수정 */
  height: 100%;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
header .main-logo img {
  width: 360px;
}
header .btn-menu {
  display: none;
}
header .btn-menu img {
  width: 36px;
  height: 36px;
}
nav ul {
  display: flex;
  gap: 67px; /* 250614 */
}
nav li {
  display: flex;
  position: relative;
  align-items: center;
}
nav a {
  font-size: 22px; /* 250614 */
  font-weight: 700;
}
/* 250605 active 클래스 위치 수정 */
nav li a.active {
  color: #5d489a;
}
nav button.language {
  height: 24px;
}
nav button.language img {
  width: 24px;
  height: 24px;
}
/* 250605 추가 [S] */
nav .main-menu {
  display: flex;
  align-items: center;
  height: 76px;
}
nav .nav-dropdown-list {
  display: none;
  flex-flow: column;
  position: absolute;
  top: 102px;
  gap: 20px;
  z-index: 100;
}
nav .nav-dropdown-list a {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.1875;
  white-space: nowrap;
}
nav .nav-dropdown-list a.active {
  color: #ffea4a;
}
nav .nav-dropdown-wrap {
  display: none;
  position: absolute;
  justify-content: center;
  top: 76px;
  left: 0;
  width: 100%;
  background: rgba(84, 72, 120, 0.95);
}
nav .nav-dropdown-wrap .nav-dropdown-inner {
  display: flex;
  width: 1600px;
  height: 272px;
  background: url(/resources/itaewon/images/img_pattern_306.png) no-repeat center 100%;
  background-size: 306px;
  background-position: 60px 38px;
}
/* // 250605 추가 [E] */
header .aside-menu-wrap {
  display: none;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 22222;
}
header .aside-menu-wrap .dimm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
header .aside-menu {
  position: relative;
  width: 256px;
  height: 100%;
  padding: 40px 24px;
  background: #fff;
  overflow-y: scroll;
}
header .aside-menu button.language img {
  width: 24px;
  height: 24px;
}
header .aside-menu .menu-wrap {
  display: flex;
  flex-flow: column;
  margin-top: 26px;
}
header .aside-menu .menu-wrap button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 20px;
  color: #2d2d2d;
  font-weight: 700;
  font-family: 'gmarketSans', 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; /* 250611 추가 */
}
header .aside-menu .menu-wrap button::after {
  display: inline-block;
  content: '';
  width: 24px;
  height: 24px;
  background: url(/resources/itaewon/images/ic_arrow_24.png) no-repeat center 100%;
  background-size: 100%;
  transform: rotate(180deg);
  transition: 0.2s;
}
header .aside-menu .menu-wrap button.expanded::after {
  transform: rotate(0);
}
header .aside-menu .menu-wrap button.expanded + .sub-menu-wrap {
  display: block;
}
header .aside-menu .menu-wrap > li + li {
  margin-top: 26px;
}
header .aside-menu .menu-wrap .sub-menu-wrap {
  display: none;
  margin-top: 26px;
  margin-left: 20px;
}
header .aside-menu .menu-wrap .sub-menu-wrap > li + li {
  margin-top: 22px;
}
header .aside-menu .menu-wrap .sub-menu-wrap > li a {
  font-size: 16px;
}
header .aside-menu .menu-wrap .sub-menu-wrap > li a.active {
  color: #5d489a;
  font-weight: 700;
}
header .aside-menu .btn-close {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 24px;
  height: 24px;
  background: url(/resources/itaewon/images/ic_close_24.png) no-repeat center 100%;
  background-size: 100%;
}
header .aside-menu .link-wrap {
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding-top: 28px;
  margin-top: 30px;
  border-top: 1px solid #d5d5d5;
}
header .aside-menu .link-wrap a {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #303030;
}
header .aside-menu .link-wrap a::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 24px;
  margin-right: 6px;
  background: url(/resources/itaewon/images/ic_star.png) no-repeat center 100%;
  background-size: 100%;
}
footer .footer-top {
  width: 100%;
  border-top: 1px solid #d5d5d5;
}
footer .footer-top .footer-top-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px; /* 250615 수정 */
  height: 67px;
  padding: 0 20px;
  margin: 0 auto;
}
footer .footer-top .title {
  font-size: 22px;
  color: #5d489a;
  font-family: 'gmarketSans', 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; /* 250614 */
  font-weight: 500; /* 250614 */
}
footer .footer-top .link-wrap {
  display: flex;
  align-items: center;
  gap: 50px;
}
footer .footer-top .link-wrap a {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #303030;
}
footer .footer-top .link-wrap a::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 36px;
  margin-right: 9px;
  background: url(/resources/itaewon/images/ic_star.png) no-repeat center 100%;
  background-size: 100%;
}
footer .footer {
  display: flex;
  align-items: center;
  width: 100%;
  height: 170px;
  background: #565656;
}
footer .footer .footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: center; /* 250616 */
  gap: 40px;
  max-width: 1400px; /* 250615 수정 */
  padding: 0 20px;
  margin: 0 auto;
}
footer .footer .footer-inner > img {
  height: 56px;
}
footer .footer .footer-inner .text-wrap {
  font-size: 15px; /* 250615 수정 */
  color: #fff;
}
footer .footer .footer-inner .text-wrap .underline {
  text-decoration: underline;
}
footer .footer .footer-inner .btn-privacy {
  font-size: 18px;
  color: #fff;
}
.quick-menu-wrap {
  position: fixed;
  top: 126px;
  gap: 14px;
  width: 100%;
  z-index: 100;
  pointer-events: none;
}
.quick-menu-wrap .quick-menu-inner {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  gap: 14px;
  width: 1580px; /* 250612 수정 */
  margin: 0 auto;
}
/* 250611 수정 [S] */
.quick-menu-wrap a {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 116px;
  height: 116px;
  padding: 20px 0 22px; /* 250615 */
  background-image: linear-gradient(#fff8c2, #ffed63);
  border-radius: 73px;
  pointer-events: all;
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.25); /* 250613 수정 */
}
.quick-menu-wrap a img.write {
  width: 32px; /* 250615 */
  height: 32px; /* 250615 */
}
.quick-menu-wrap a img.eye {
  width: 40px; /* 250615 */
  height: 40px; /* 250615 */
}
.quick-menu-wrap a p {
  font-size: 14px; /* 250615 */
  color: #31187b;
  line-height: 1;
  font-weight: 700;
  font-family: 'gmarketSans', 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; /* 250611 추가 */
  line-height: 1.2; /* 250615 */
}
/* // 250611 수정 [E] */
.font-nanum {
  font-family: 'NanumMyeongjo', 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
}
.container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* 250613 수정 [S] */
.container.main {
  width: 100%;
  height: 958px;
  background: url(/resources/itaewon/images/img_main.jpg) no-repeat center 100%;
  background-size: cover;
}
.container-header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  background: url(/resources/itaewon/images/img_main_horizontal.png) no-repeat center 100%;
  background-size: auto 150%;
  font-size: 40px;
  color: #fff;
font-weight: 500; /* 250614 */
}
/* 250614 */
.container-header .font-nanum {
  font-family: 'gmarketSans', 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif !important;
}
.container-inner {
  max-width: 1400px; /* 250615 수정 */
  height: 100%;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
.layout-space-between {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 60px 0 200px;
}
.layout-space-between .side-wrap {
  flex: none;
  width: 170px;
}
.layout-space-between .side-wrap .title {
  font-size: 22px;
  font-weight: 700;
  font-family: 'gmarketSans', 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; /* 250611 추가 */
}
.layout-space-between .side-wrap ul {
  display: flex;
  flex-flow: column;
  gap: 30px;
  margin-top: 40px;
}

.layout-space-between .side-wrap li a.active {
  color: #5d489a;
  font-weight: 700;
}
.layout-space-between .main-wrap {
  width: 100%;
  max-width: 1140px;
}
.search-combo-wrap {
  display: flex;
  position: relative;
  align-items: center;
  width: 579px;
  height: 48px;
  background: #f8f8f8;
  border: 1px solid #bfbfbf;
  border-radius: 24px;
}
.search-combo-wrap .select-wrap {
  width: 160px;
  height: 100%;
  margin: 0 0 -1px -1px;
}
.search-combo-wrap .select-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  user-select: none;
}
.search-combo-wrap .select-wrapper .ic-arrow {
  position: absolute;
  top: 14px;
  right: 18px;
  width: 20px;
  height: 20px;
  transition: 0.1s;
}
.search-combo-wrap .select-wrapper .ic-arrow.expanded {
  transform: rotate(180deg);
}
.search-combo-wrap .select {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 120px;
  height: 48px;
  padding: 0 20px;
  margin-top: -2px;
  border: 1px solid transparent;
  border-radius: 24px 24px 0 0;
  cursor: pointer;
}
.search-combo-wrap .select.expanded {
  border-color: #bfbfbf;
  background: #f8f8f8;
}
.search-combo-wrap .select-options {
  display: none;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  border: 1px solid #bfbfbf;
  border-top: 0;
  border-radius: 0 0 24px 24px;
  background: #f8f8f8;
  overflow: hidden;
  z-index: 100;
}
.search-combo-wrap .select-options li {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 20px;
  cursor: pointer;
}
.search-combo-wrap .select-options li:hover {
  background-color: #f0f0f0;
}
.search-combo-wrap input {
  flex: 1;
  height: 100%;
  padding: 0;
  margin-right: 48px;
  background: transparent;
  border: 0;
}
.search-combo-wrap input:focus {
  outline: none;
}
.search-combo-wrap .btn-search {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 24px;
  height: 24px;
}
.search-combo-wrap .btn-search img {
  width: 24px;
  height: 24px;
}
.board-wrap {
  width: 100%;
  margin-top: 30px;
}
.board-wrap .board-header {
  display: flex;
}
.board-wrap .board-header .count {
  color: #5e5e5e;
}
.board-wrap .board-list {
  margin-top: 20px;
  border-top: 3px solid #404040;
  box-sizing: border-box;
}
.board-wrap .board-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board-wrap .board-list li.head {
  height: 56px;
  border-bottom: 1px solid #404040;
}
.board-wrap .board-list li {
  height: 54px;
  border-bottom: 1px solid #ccc;
}
.board-wrap .board-list li > p,
.board-wrap .board-list li > a,
.board-wrap .board-list li > div {
  color: #5e5e5e;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* 250608 수정 [S] */
.pagination-wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 40px;
}
/* 250611 추가 */
.pagination-wrap.mobile {
  display: none;
  margin-bottom: 20px;
}
.pagination-wrap a {
  color: #5e5e5e;
  cursor: pointer;
}
.pagination-wrap li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.pagination-wrap li.active {
  background: #ffea4a;
  border-radius: 20px;
}
/* // 250608 수정 [E] */
.btn-more-wrap {
  display: none;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
}
.btn-more-wrap .btn-more {
  width: 100%;
  height: 50px;
  border: 1px solid #d2d2d2;
  font-size: 16px;
  color: #5e5e5e;
}
.board-detail-wrap {
  width: 100%;
}
.board-detail-wrap .title {
  width: 100%;
  font-size: 28px;
  font-weight: 600;
}
.board-detail-wrap .content-wrap {
  margin-top: 20px;
  border-top: 1px solid #333;
}
.board-detail-wrap .content-wrap .header-wrap {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
}
.board-detail-wrap .content-wrap .header-wrap .writer {
  font-size: 20px;
  font-weight: 500;
}
.board-detail-wrap .content-wrap .header-wrap .info-wrap {
  display: flex;
  gap: 20px;
  font-size: 18px;
  color: #a6a6a6;
}
.board-detail-wrap .content-wrap .content {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}
.board-detail-wrap .content-wrap .content .text-wrap {
  color: #5e5e5e;
  line-height: 1.6;
}
/* 250611 추가 - 게시판 내부 이미지 width */
.board-detail-wrap .content-wrap .content .text-wrap img {
  max-width: 100%;
  /* height: auto; */
}
.board-detail-wrap .content-wrap .content .attachment-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-top: 30px;
}
.board-detail-wrap .content-wrap .content .attachment-wrap li {
  display: flex;
  align-items: center;
  height: 24px;
  color: #5e5e5e;
}
.board-detail-wrap .content-wrap .content .attachment-wrap li::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url(/resources/itaewon/images/ic_attachment_24.png) no-repeat center 100%;
  background-size: 100%;
}
.board-detail-wrap .btns-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.board-detail-wrap .btns-wrap > div {
  display: flex;
  gap: 10px;
}
.board-detail-wrap .btns-wrap button {
  min-width: 82px;
  height: 47px;
  background: #5d489a;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.board-detail-wrap .btns-wrap button.black {
  background: #333;
}
.board-detail-wrap .btns-wrap button.primary {
  background: #5d489a;
}
.board-detail-wrap .page-nav-wrap {
  margin-top: 30px;
  border-top: 1px solid #333;
}
.board-detail-wrap .page-nav-wrap button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  height: 84px;
  padding-left: 10px;
  border-bottom: 1px solid #ccc;
}
.board-detail-wrap .page-nav-wrap button.btn-prev::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url(/resources/itaewon/images/ic_arrow_13.png) no-repeat center 100%;
  background-size: 100%;
  transform: rotate(180deg);
}
.board-detail-wrap .page-nav-wrap button.btn-next::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url(/resources/itaewon/images/ic_arrow_13.png) no-repeat center 100%;
  background-size: 100%;
}
.board-detail-wrap .page-nav-wrap button:disabled {
  opacity: 0.4;
  cursor: unset;
}
.board-detail-wrap .page-nav-wrap button .role {
  font-size: 20px;
}
.board-detail-wrap .page-nav-wrap button .title {
  flex: 1;
  font-size: 18px;
  color: #5e5e5e;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.board-detail-wrap .page-nav-wrap button .date {
  color: #a6a6a6;
}
.gallery-wrap {
  width: 100%;
  margin-top: 30px;
}
.gallery-wrap .gallery-header {
  display: flex;
}
.gallery-wrap .gallery-header .count {
  color: #5e5e5e;
}
.gallery-wrap .gallery-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 50px;
  margin-top: 20px;
}
.gallery-wrap .gallery-list li {
  display: flex;
  flex-flow: column;
  justify-self: center;
  width: 364px; /* 250613 수정 */
}
.gallery-wrap .gallery-list li .thumbnail-wrap {
  width: 364px; /* 250613 수정 */
  height: 236px; /* 250613 수정 */
  border-radius: 0; /* 250611 수정 */
  overflow: hidden;
}
.gallery-wrap .gallery-list li .thumbnail-wrap .thumbnail {
  width: 100%;
  height: auto;
}
.gallery-wrap .gallery-list li .title {
  width: 100%;
  margin-top: 30px;
  font-size: 22px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
  text-align: left;
}
.gallery-wrap .gallery-list li button {
  text-align: left;
}
.gallery-wrap .gallery-list li .date {
  display: inline-block;
  margin-top: 16px;
  font-size: 18px;
  color: #a6a6a6;
}
.gallery-detail-wrap {
  width: 100%;
}
.gallery-detail-wrap .title {
  width: 100%;
  font-size: 28px;
  font-weight: 600;
}
.gallery-detail-wrap .content-wrap {
  margin-top: 20px;
  border-top: 1px solid #333;
}
.gallery-detail-wrap .content-wrap .header-wrap {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
}
.gallery-detail-wrap .content-wrap .header-wrap .writer {
  font-size: 20px;
  font-weight: 500;
}
.gallery-detail-wrap .content-wrap .header-wrap .info-wrap {
  display: flex;
  gap: 20px;
  font-size: 18px;
  color: #a6a6a6;
}
.gallery-detail-wrap .content-wrap .content {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  color: #5e5e5e;
  line-height: 1.6;
}
.gallery-detail-wrap .content-wrap .content img {
  max-width: 100%;
  height: auto;
}
.gallery-detail-wrap .content-wrap .content .attachment-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-top: 30px;
}
.gallery-detail-wrap .content-wrap .content .attachment-wrap li {
  display: flex;
  align-items: center;
  height: 24px;
  color: #5e5e5e;
}
.gallery-detail-wrap .content-wrap .content .attachment-wrap li::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url(/resources/itaewon/images/ic_attachment_24.png) no-repeat center 100%;
  background-size: 100%;
}
.gallery-detail-wrap .btns-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.gallery-detail-wrap .btns-wrap > div {
  display: flex;
  gap: 10px;
}
.gallery-detail-wrap .btns-wrap button {
  min-width: 82px;
  height: 47px;
  background: #5d489a;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.gallery-detail-wrap .btns-wrap button.black {
  background: #333;
}
.gallery-detail-wrap .btns-wrap button.primary {
  background: #5d489a;
}
.gallery-detail-wrap .page-nav-wrap {
  margin-top: 30px;
  border-top: 1px solid #333;
}
.gallery-detail-wrap .page-nav-wrap button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  height: 84px;
  padding-left: 10px;
  border-bottom: 1px solid #ccc;
}
.gallery-detail-wrap .page-nav-wrap button.btn-prev::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url(/resources/itaewon/images/ic_arrow_13.png) no-repeat center 100%;
  background-size: 100%;
  transform: rotate(180deg);
}
.gallery-detail-wrap .page-nav-wrap button.btn-next::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url(/resources/itaewon/images/ic_arrow_13.png) no-repeat center 100%;
  background-size: 100%;
}
.gallery-detail-wrap .page-nav-wrap button:disabled {
  opacity: 0.4;
  cursor: unset;
}
.gallery-detail-wrap .page-nav-wrap button .role {
  font-size: 20px;
}
.gallery-detail-wrap .page-nav-wrap button .title {
  flex: 1;
  font-size: 18px;
  color: #5e5e5e;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.board-detail-wrap .page-nav-wrap button .date {
  color: #a6a6a6;
}
.btns-wrap {
  display: flex;
  width: 100%;
}
.btns-wrap.between {
  justify-content: space-between;
}
.btns-wrap.center {
  justify-content: center;
}
.btns-wrap.end {
  justify-content: flex-end;
}
.btns-wrap > div {
  display: flex;
  gap: 10px;
}
.btns-wrap button {
  min-width: 82px;
  height: 47px;
  background: #5d489a;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.btns-wrap button.black {
  background: #333;
}
.btns-wrap button.primary {
  background: #5d489a;
}
/* 250616 S */
footer .privacy {
  font-weight: 700;
}
footer .sns-wrap {
  display: flex;
  gap: 20px;
}
footer .sns-wrap img {
  width: 47.72px;
  height: auto;
}
.login-section {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  padding-bottom: 85px;
  margin: 0 auto;
}
.login-section .logo {
  width: 434px;
  height: auto;
}
.login-section h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'gmarketSans', 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  margin-top: 48px;
}
.login-section .txt-slogan {
  display: flex;
  align-items: flex-end;
  height: 54px;
  font-size: 35px;
  color: #3a3a3a;
  font-weight: 500;
}
.login-section .txt-slogan strong {
  margin-left: 10px;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.1;
}
.login-section .login-wrap {
  display: flex;
  margin-top: 64px;
}
.login-section .login-wrap .login-group {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 500px;
  height: 500px;
  border: 0.5px solid #ccc;
}
.login-section .login-wrap .login-group h2 {
  margin-top: 47px;
}
.login-section .login-wrap .login-group .login-form {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  padding: 0;
  margin-top: 47px;
  border: 0;
}
.login-section .login-wrap .login-group .txt-guide {
  margin-top: 17px;
  color: #939393;
  text-align: center;
}
.login-section .login-wrap .login-group .login-form .btn-login {
  margin-top: 47px;
}
.login-section .login-wrap .login-group .login-form .form-remember .custom-checkbox {
  gap: 10px;
}
.login-section .login-wrap .notice-group {
  display: flex;
  position: relative;
  flex-flow: column;
  align-items: center;
  width: 500px;
  height: 500px;
  background: #eee;
  border: 0.5px solid #ccc;
  border-left: 0;
}
.login-section .login-wrap .notice-group h2 {
  margin-top: 47px;
}
.login-section .login-wrap .notice-group .notice-wrap {
  display: flex;
  flex-flow: column;
  gap: 25px;
  margin-top: 47px;
}
.login-section .login-wrap .notice-group .notice-wrap li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 23px;
}
.login-section .login-wrap .notice-group .notice-wrap li .title {
  width: 306px;
  font-size: 16px;
  font-weight: 500;
}
.login-section .login-wrap .notice-group .notice-wrap li .date {
  font-size: 16px;
  font-weight: 500;
}
.login-section .login-wrap .notice-group .banner-wrap {
  position: absolute;
  bottom: 22px;
  left: 36px;
  width: 428px;
  height: 111px;
}
.login-form {
  display: flex;
  flex-flow: column;
  width: 434px;
  padding: 86px 76px 111px;
  margin-top: 36px;
  border: 0.5px solid #ccc;
}
.login-form > .validate {
  display: flex;
  flex-flow: column;
}
.login-form > .validate > input {
  width: 281px;
  height: 37px;
  margin-top: 11px;
  border: 0.5px solid #ccc;
  font-size: 16px;
  box-sizing: border-box;
}
.login-form > .validate > label {
  font-size: 16px;
  font-weight: 500;
}
.login-form > .validate > input + label {
  margin-top: 26px;
}
.login-form > .validate + .validate {
  margin-top: 26px;
}
.login-form .btn-login {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 34px;
  width: 281px;
  height: 47px;
  background: #5d489a;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.login-form .form-remember {
  display: flex;
  gap: 10px;
  margin-top: 18px;
  font-size: 14px;
}
.custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  gap: 10px;
}
.custom-checkbox input[type='checkbox'] {
  display: none;
}
.checkbox-box {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  background-size: 100%;
}
.custom-checkbox input:disabled + .checkbox-box {
  background-color: #9e9e9e;
}
.custom-checkbox input:checked + .checkbox-box {
  position: relative;
  background-color: #5d489a;
}
.custom-checkbox input:disabled + .checkbox-box::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 9px;
  background: url(/resources/itaewon/images/ic_check_13_9.png) no-repeat center 100%;
  background-size: 100%;
}
.custom-checkbox input:checked + .checkbox-box::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 9px;
  background: url(/resources/itaewon/images/ic_check_13_9.png) no-repeat center 100%;
  background-size: 100%;
}
.checkbox-label {
  font-size: 14px;
  color: #555;
  line-height: 1;
}
.sns-wrap.link-wrap {
  display: flex;
  flex-flow: unset !important;
  gap: 20px;
}
.sns-wrap.link-wrap img {
  width: 47.72px;
  height: auto;
}
.sns-wrap.link-wrap a::before {
  display: none !important;
}
/* 250616 E */

/* 250621 로그아웃 스타일 추가  S */
.logout {
  font-size: 20px;
  font-weight: 700;
  color : blue;
}