@charset "UTF-8";
/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-style: normal;
  src: url(../../../common/assets/fonts/Pretendard-Thin.woff2) format("woff2"), url(../../../common/assets/fonts/Pretendard-Thin.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-style: normal;
  src: url(../../../common/assets/fonts/Pretendard-ExtraLight.woff2) format("woff2"), url(../../../common/assets/fonts/Pretendard-ExtraLight.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  src: url(../../../common/assets/fonts/Pretendard-Light.woff2) format("woff2"), url(../../../common/assets/fonts/Pretendard-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  src: url(../../../common/assets/fonts/Pretendard-Regular.woff2) format("woff2"), url(../../../common/assets/fonts/Pretendard-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  src: url(../../../common/assets/fonts/Pretendard-Medium.woff2) format("woff2"), url(../../../common/assets/fonts/Pretendard-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  src: url(../../../common/assets/fonts/Pretendard-SemiBold.woff2) format("woff2"), url(../../../common/assets/fonts/Pretendard-SemiBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  src: url(../../../common/assets/fonts/Pretendard-Bold.woff2) format("woff2"), url(../../../common/assets/fonts/Pretendard-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-style: normal;
  src: url(../../../common/assets/fonts/Pretendard-ExtraBold.woff2) format("woff2"), url(../../../common/assets/fonts/Pretendard-ExtraBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  src: url(../../../common/assets/fonts/Pretendard-Black.woff2) format("woff2"), url(../../../common/assets/fonts/Pretendard-Black.woff) format("woff");
  font-display: swap;
}
html {
  /* Prevent font scaling in landscape */
  -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none; /*Firefox*/
  -ms-text-size-adjust: none; /*Ie*/
  -o-text-size-adjust: none; /*old versions of Opera*/
  -webkit-text-size-adjust: none;
  /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none;
  /*Firefox*/
  -ms-text-size-adjust: none;
  /*Ie*/
  -o-text-size-adjust: none;
  /*old versions of Opera*/
  line-height: 1.2;
}

body {
  position: relative;
  color: #303031;
  /*a,&,dd,div,dl,dt,h1,h2,h3,h4,h5,input,li,ol,p,html,ul,button,textarea*/
  /*select:disabled { background-image:url('../img/common/select_arrow_off.png'); background-color: #f8f8f8; } */
}
body,
body *,
body *::before,
body *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: keep-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  letter-spacing: -0.02em;
  transition: all 0.3s ease;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body,
  body *,
  body *::before,
  body *::after {
    word-break: break-all;
  }
}
body, body a, body button, body input, body textarea, body h1, body h2, body h3, body h4, body h5, body pre, body select {
  font-family: "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕", Roboto, Arial;
  font-size: 16px;
  font-weight: normal;
}
body li,
body ol,
body ul {
  list-style: none;
}
body a,
body img {
  border: none;
}
body img {
  max-width: 100%;
}
body a {
  text-decoration: none;
  display: inline-block;
  color: #303031;
}
body a:hover {
  text-decoration: none;
}
body input[type=number],
body input[type=password],
body input[type=tel],
body input[type=email],
body input[type=text],
body input[type=date],
body select,
body textarea {
  padding: 0 20px;
  box-sizing: border-box;
  color: #303031;
  font-size: 18px;
  background: #fff;
  vertical-align: middle;
  height: 60px;
  border: solid 1px #C8C8C8;
  width: 100%;
  border-radius: 10px;
}
body input[type=number]:disabled,
body input[type=password]:disabled,
body input[type=tel]:disabled,
body input[type=email]:disabled,
body input[type=text]:disabled,
body input[type=date]:disabled,
body select:disabled,
body textarea:disabled {
  background: #F0F0F0;
}
body input {
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
body textarea {
  line-height: 1.5;
  outline: none;
}
body select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/icon_arrow_down.png") no-repeat #fff;
  background-position: calc(100% - 10px) center;
  background-size: 10px auto;
  outline: none;
  padding-inline: 15px 30px;
  border-radius: 5px;
  cursor: pointer;
}
body input[type=number]::-webkit-inner-spin-button,
body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body input[type=search] {
  padding-inline: 12px 10px;
  border: 1px solid #DBDBDB;
  height: 40px;
}
body input::-webkit-search-decoration,
body input::-webkit-search-cancel-button,
body input::-webkit-search-results-button,
body input::-webkit-search-results-decoration,
body input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: url(../img/icon_del.png) center center no-repeat;
  background-size: 16px auto;
  cursor: pointer;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 400;
}
body table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}
body th {
  text-align: center;
}
body td {
  text-align: left;
}
body table > caption {
  position: absolute;
  text-indent: -9999px;
}
body button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
body button:disabled {
  cursor: not-allowed;
}
body button,
body input,
body textarea {
  -webkit-appearance: none;
}
body select,
body textarea,
body input[type=text] {
  width: 100%;
}
body textarea {
  min-height: 150px;
  text-align: left;
  padding: 12px 15px;
}
body input[type=number] {
  -moz-appearance: textfield;
}
body input::-webkit-input-placeholder,
body textarea::-webkit-input-placeholder {
  color: #303031;
  opacity: 1;
  font-size: 18px;
}
body input:-ms-input-placeholder,
body textarea:-ms-input-placeholder {
  color: #303031;
  opacity: 1;
  font-size: 18px;
}
body input::-ms-input-placeholder,
body textarea::-ms-input-placeholder {
  color: #303031;
  opacity: 1;
  font-size: 18px;
}
body input::placeholder,
body textarea::placeholder {
  color: #303031;
  opacity: 1;
  font-size: 18px;
}
body input:-ms-input-placeholder,
body textarea:-ms-input-placeholder {
  color: #303031;
  opacity: 1;
  font-size: 18px;
}
body input:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
body select:disabled {
  background: url("../img/icon_arrow_down.png") no-repeat #EFF2F5;
  background-position: calc(100% - 10px) center;
  background-size: 10px auto;
}
body input[readonly],
body textarea[readonly] {
  border: 1px solid #e7e8ef;
  opacity: 1;
  background: transparent;
}
body input[readonly]:focus,
body textarea[readonly]:focus {
  outline: none;
}
body input:focus {
  outline: none;
}
body input:disabled::-webkit-input-placeholder,
body input[readonly]::-webkit-input-placeholder,
body textarea:disabled::-webkit-input-placeholder,
body textarea[readonly]::-webkit-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled:-ms-input-placeholder,
body input[readonly]:-ms-input-placeholder,
body textarea:disabled:-ms-input-placeholder,
body textarea[readonly]:-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled::-ms-input-placeholder,
body input[readonly]::-ms-input-placeholder,
body textarea:disabled::-ms-input-placeholder,
body textarea[readonly]::-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled::placeholder,
body input[readonly]::placeholder,
body textarea:disabled::placeholder,
body textarea[readonly]::placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled:-ms-input-placeholder,
body input[readonly]:-ms-input-placeholder,
body textarea:disabled:-ms-input-placeholder,
body textarea[readonly]:-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input::-ms-clear,
body input::-ms-reveal,
body textarea::-ms-clear,
body textarea::-ms-reveal {
  display: none;
}
body input::-webkit-inner-spin-button,
body input::-webkit-outer-spin-button,
body textarea::-webkit-inner-spin-button,
body textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
body textarea {
  resize: none;
  line-height: 1.5;
}
body textarea:disabled {
  background-color: #EFF2F5;
}
body img {
  border: 0;
  vertical-align: middle;
}
body hr {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
}
body main,
body section,
body article {
  display: block;
}
body fieldset,
body form {
  border: none;
  outline: none;
}
body address {
  font-style: normal;
}

.wrapper {
  padding-top: 70px;
  min-height: calc(var(--vh, 1vh) * 100);
  max-width: 1024px;
  background: linear-gradient(89deg, #24C19B 10.21%, #15705a 121.24%);
  margin: 0 auto;
}
.has_banner .wrapper {
  padding-top: 0;
}

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-inline: 20px;
  background: linear-gradient(89deg, #24C19B 10.21%, #15705a 121.24%);
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  max-width: 1024px;
  height: 70px;
}
.header .logo {
  width: calc(100% - 80px);
}
.header .com_pg_tit {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  align-items: flex-start;
  gap: 9px;
  line-height: initial;
  width: calc(100% - 80px - 20px);
  word-break: break-all;
}
.header .ribbon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 24px;
  width: 72px;
}
.header .ribbon .btn {
  position: relative;
}
.header .ribbon .btn .new {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #E50110;
  top: 1px;
  right: -3px;
}
.has_banner .header {
  background: none;
}
.has_banner .header.bg {
  background: linear-gradient(89deg, #24C19B 10.21%, #15705a 121.24%);
}

.com_top_banner {
  position: relative;
  z-index: 1;
  min-height: 98px;
}
.com_top_banner .top_banner_swiper .swiper-slide {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  font-size: 24px;
  font-weight: 700;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  min-width: 100%;
  aspect-ratio: auto;
}
.com_top_banner .top_banner_swiper .swiper-slide > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.com_top_banner .top_banner_swiper .swiper-pagination {
  bottom: 40px;
}
.com_top_banner .top_banner_swiper .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  opacity: 1;
  border: 1px solid #fff;
  background-color: transparent;
}
.com_top_banner .top_banner_swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}

.main_container {
  position: relative;
  z-index: 1;
  padding: 0 20px 30px;
  min-height: calc(var(--vh, 1vh) * 100 - 70px);
  background: #fff;
  border-radius: 30px 30px 0 0;
}
.header + .main_container {
  max-height: calc(var(--vh, 1vh) * 100 - 70px);
  overflow-y: auto;
}
.header + .main_container:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #fff;
  color: #fff;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
.com_top_banner + .main_container {
  margin-top: -28px;
  padding-top: 30px;
  min-height: calc(var(--vh, 1vh) * 100 - 70px - 70px + 28px);
}
.has_bottom_menu .main_container {
  padding-bottom: 100px;
}

.bottom_menu {
  border-radius: 20px 20px 0 0;
  background: #24C19B;
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
  z-index: 10;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 1024px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  overflow: hidden;
}
.bottom_menu .menu {
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
  font-size: 12px;
  color: #fff;
  flex: 1;
}
.bottom_menu .menu.active {
  background-color: #0e4d3e;
}

.com_btn {
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 6px;
  box-sizing: border-box;
  line-height: initial;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  font-size: 18px;
}
.com_btn__wrap {
  position: relative;
}
.com_btn__wrap.bottom {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px 20px;
}
.view_contents + .com_btn__wrap.bottom {
  margin-block: 30px 40px;
}
.com_btn__wrap.bottom .com_btn.l {
  font-size: 20px;
  font-weight: 700;
}
.com_btn__wrap.bottom .com_btn.right {
  margin-left: auto;
}
.com_btn.point {
  background: #24C19B;
}
.com_btn.point_light {
  background: #D1F0E9;
  color: #115B49;
}
.com_btn.red {
  background-color: #E50110;
}
.com_btn.gray {
  background-color: #9CABA7;
}
.com_btn.line {
  background: #fff;
  border: 1px solid #D0D0D0;
  color: #303031;
  font-weight: 400;
}
.com_btn.line.point {
  border-color: #24C19B;
  color: #24C19B;
}
.com_btn.oval {
  border-radius: 50px;
}
.com_btn.l {
  height: 60px;
  padding-inline: 15px;
  font-weight: 600;
}
.com_btn.full {
  width: 100%;
}
.com_btn.txt {
  padding: 0;
  background: none;
  border: none;
  height: initial !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 18px;
  color: #303031;
  font-weight: 600;
}
.com_btn.icon {
  aspect-ratio: 1/1;
  padding: 0;
  text-align: center;
}

/*!페이징 << < > >> */
.com_paging {
  margin: 26px -20px 16px;
  text-align: center;
}
.com_paging .btn_first, .com_paging .btn_prev, .com_paging .btn_page, .com_paging .btn_next, .com_paging .btn_last {
  min-width: 40px;
  height: 40px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 0;
}
.com_paging .btn_first img, .com_paging .btn_prev img, .com_paging .btn_page img, .com_paging .btn_next img, .com_paging .btn_last img {
  height: 17px;
}
.com_paging .btn_first, .com_paging .btn_prev {
  transform: rotate(180deg);
}
.com_paging .btn_prev {
  margin-right: 2px;
}
.com_paging .btn_next {
  margin-left: 2px;
}
.com_paging .btn_page {
  line-height: inherit;
  padding-inline: 3px;
  margin-inline: 3px;
  height: 40px;
  min-width: 40px;
  font-size: 18px;
  color: #303031;
  border-radius: 50%;
}
.com_paging .btn_page.active {
  background: #fff;
  border: 2px solid #24C19B;
}
.com_paging .btn_page.disabled {
  cursor: auto;
  opacity: 0.4;
}

.sec-paging {
  margin: 26px -20px 16px;
  text-align: center;
}
.sec-paging .pg-btn {
  min-width: 25px;
  height: 30px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 0;
}
.sec-paging .pg-btn img {
  height: 17px;
}
.sec-paging .pg-btn.prev, .sec-paging .pg-btn.group-prev {
  transform: rotate(180deg);
}
.sec-paging .pg-btn.prev {
  margin-right: 5px;
}
.sec-paging .pg-btn.next {
  margin-left: 5px;
}
.sec-paging .btn-page {
  line-height: inherit;
  padding-inline: 3px;
  margin-inline: 3px;
  height: 40px;
  min-width: 40px;
  font-size: 18px;
  color: #303031;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.sec-paging .btn-page b {
  font-weight: normal;
}
.sec-paging .btn-page.active {
  background: #fff;
  border: 2px solid #24C19B;
}
.sec-paging .btn-page.disabled {
  cursor: auto;
  opacity: 0.4;
}

.com_tab {
  margin-block: -10px 5px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  background: #fff;
  position: sticky;
  top: 30px;
  left: 0;
  z-index: 3;
}
.com_tab .tab {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  min-height: 50px;
  background: #24C19B;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  letter-spacing: -0.2px;
  white-space: nowrap;
  border-radius: 5px;
  flex: 1;
}
.com_tab .tab.active {
  background: #004D45;
}
.com_tab + .com_input_sec, .com_tab + .com_tab_contents__wrap .com_input_sec {
  margin-top: 30px;
}
.com_tab_contents {
  display: none;
}
.com_tab_contents.active {
  display: block;
}
.com_tab_contents + .com_btn_wrap {
  margin-top: 30px;
}

.com_chk {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 8px;
  font-size: 18px;
  color: #303031;
  transition: none;
}
.com_chk input {
  height: 22px;
}
.com_chk input:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("../img/chk.png") no-repeat center 40%;
  background-size: 22px auto;
  transition: none;
}
.com_chk input:checked:before {
  background-image: url("../img/chk_on.png");
}
.com_chk.circle input:before {
  border-radius: 100%;
  background-image: url("../img/radio_off.png");
}
.com_chk.circle input:checked:before {
  background: #fff url("../img/radio_on.png") no-repeat center;
  background-size: contain;
}
.com_chk input:disabled {
  cursor: default;
}
.com_chk input:disabled:before {
  opacity: 0.5;
}
.com_chk input:checked:disabled:before {
  opacity: 1;
}
.com_chk__wrap {
  gap: 10px 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.toggleSwitch {
  width: 40px;
  height: 20px;
  display: block;
  position: relative;
  border-radius: 30px;
  background-color: #24C19B;
  box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.toggleSwitch .toggleButton {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #fff;
}

#toggle:checked ~ .toggleSwitch {
  background: #9b8787;
}

#toggle:checked ~ .toggleSwitch .toggleButton {
  left: calc(100% - 44px);
  background: #fff;
}

.toggleSwitch, .toggleButton {
  transition: all 0.2s ease-in;
}

.toggle-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.toggle-container .txt {
  margin-right: 10px;
  padding-left: 15px;
  font-weight: bold;
}

.svg_icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg_icon.menu_home {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22' fill='none'%3E%3Cpath fill='%23fff' d='M1.199 9.797c-.394 0-.78-.191-1.01-.542a1.165 1.165 0 0 1 .362-1.626L12.354.188a1.213 1.213 0 0 1 1.654.355 1.166 1.166 0 0 1-.362 1.626L1.844 9.61c-.2.126-.424.187-.645.187Z'/%3E%3Cpath fill='%23fff' d='M24.801 9.797c-.221 0-.445-.06-.645-.187L12.354 2.167a1.166 1.166 0 0 1-.362-1.626 1.212 1.212 0 0 1 1.654-.356L25.45 7.63c.556.35.718 1.079.362 1.626-.23.35-.616.542-1.01.542Z'/%3E%3Cpath fill='%23fff' d='M19.57 22H6.43c-1.95 0-3.535-1.558-3.535-3.475V7.142c0-.648.537-1.176 1.197-1.176s1.196.528 1.196 1.176v11.383c0 .61.522 1.123 1.142 1.123h13.14c.618 0 1.142-.513 1.142-1.123V7.142c0-.648.537-1.176 1.196-1.176.66 0 1.197.528 1.197 1.176v11.383c0 1.917-1.585 3.475-3.535 3.475Z'/%3E%3Cpath fill='%23fff' d='M15.727 22c-.66 0-1.197-.527-1.197-1.176v-6.376h-3.063v6.376c0 .648-.536 1.176-1.196 1.176-.66 0-1.197-.527-1.197-1.176v-7.552c0-.649.537-1.176 1.197-1.176h5.456c.66 0 1.196.527 1.196 1.176v7.552c0 .648-.537 1.176-1.196 1.176Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_championship {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 18V1m0 5.963s1.027-1.478 3.283-.432c2.09.972 3.717.13 3.717.13V1.507s-1.627.842-3.717-.13C13.027.326 12 1.808 12 1.808M18 18c0 1.657-2.686 3-6 3s-6-1.343-6-3 2.686-3 6-3 6 1.343 6 3Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_list {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22'  fill='none'%3E%3Cpath fill='%23fff' d='M19.838 21.998H6.162C4.42 21.998 3 20.695 3 19.094V2.904C3 1.303 4.419 0 6.162 0h9.049c.293 0 .573.106.78.294l6.684 6.092c.21.19.325.45.325.72v11.99C23 20.697 21.581 22 19.838 22v-.002ZM6.162 2.029c-.516 0-.95.4-.95.873v16.192c0 .474.437.873.95.873h13.676c.525 0 .952-.393.952-.873V7.527L14.756 2.03H6.162Z'/%3E%3Cpath fill='%23fff' d='M21.895 8.166H17.32c-1.742 0-3.213-1.35-3.213-2.95V1.016C14.106.453 14.6 0 15.211 0s1.105.453 1.105 1.015v4.202c0 .473.486.92 1.003.92h4.576c.612 0 1.105.453 1.105 1.015 0 .561-.493 1.014-1.105 1.014ZM17.741 16.942H8.26c-.612 0-1.105-.453-1.105-1.014 0-.562.493-1.015 1.105-1.015h9.48c.612 0 1.105.453 1.105 1.014 0 .562-.493 1.015-1.105 1.015h.002ZM17.741 13.393H8.26c-.612 0-1.105-.453-1.105-1.014 0-.562.493-1.015 1.105-1.015h9.48c.612 0 1.105.453 1.105 1.015 0 .561-.493 1.014-1.105 1.014h.002ZM12.74 9.636H8.26c-.61 0-1.104-.453-1.104-1.015 0-.561.493-1.014 1.105-1.014h4.479c.611 0 1.105.453 1.105 1.014 0 .562-.494 1.015-1.105 1.015Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_mypage {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2.3' d='M4 20c.454-4.331 4.31-7.714 9-7.714s8.546 3.383 9 7.714M16.876 5.857c0 2.13-1.735 3.857-3.876 3.857-2.14 0-3.876-1.727-3.876-3.857S10.859 2 13 2c2.14 0 3.876 1.727 3.876 3.857Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_push {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='26' viewBox='0 0 22 26'   fill='none'%3E%3Cpath fill='%23fff' d='M10 1a1 1 0 1 1 2 0h-2ZM1 21.444v1a1 1 0 0 1-1-1h1Zm0-1.777H0a1 1 0 0 1 .418-.814l.582.814Zm20 0 .582-.814a1 1 0 0 1 .418.814h-1Zm0 1.777h1a1 1 0 0 1-1 1v-1ZM7.273 23.222a1 1 0 1 1 2 0h-2Zm5.454 0a1 1 0 1 1 2 0h-2ZM12 1v1.778h-2V1h2ZM0 21.444v-1.777h2v1.777H0Zm.418-2.59c.947-.678 1.503-1.418 1.836-2.254.341-.859.473-1.88.473-3.156h2c0 1.392-.14 2.7-.615 3.896-.485 1.217-1.293 2.255-2.53 3.14L.418 18.853Zm2.31-5.41V9.89h2v3.555h-2Zm0-3.555c0-4.501 3.724-8.111 8.272-8.111v2c-3.486 0-6.273 2.756-6.273 6.11h-2ZM11 1.778c4.548 0 8.273 3.61 8.273 8.11h-2c0-3.354-2.787-6.11-6.273-6.11v-2Zm8.273 8.11v2.668h-2V9.889h2Zm0 2.668c0 2.617.55 5.04 2.309 6.297l-1.164 1.627c-2.61-1.867-3.145-5.209-3.145-7.924h2ZM22 19.666v1.778h-2v-1.777h2Zm-1 2.778H1v-2h20v2Zm-11.727.778c0 .042.027.212.345.42.309.2.794.358 1.382.358v2c-.918 0-1.796-.24-2.474-.683-.67-.436-1.253-1.155-1.253-2.095h2ZM11 24c.587 0 1.073-.157 1.382-.358.318-.208.345-.378.345-.42h2c0 .94-.584 1.66-1.253 2.095-.678.442-1.556.683-2.474.683v-2Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_mypage {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'   fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M5.8 20.2c.363-3.465 3.448-6.171 7.2-6.171 3.752 0 6.837 2.706 7.2 6.171M16.101 8.886A3.093 3.093 0 0 1 13 11.97a3.093 3.093 0 0 1-3.101-3.085A3.093 3.093 0 0 1 13 5.8a3.093 3.093 0 0 1 3.101 3.086ZM25 13c0 6.627-5.373 12-12 12S1 19.627 1 13 6.373 1 13 1s12 5.373 12 12Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_prev {
  display: inline-block;
  width: 23px;
  min-width: 23px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M11.032 1 2 11l9.032 10M22 11H2.645'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_arrow {
  display: inline-block;
  width: 9px;
  min-width: 9px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' viewBox='0 0 9 15' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m1 1.5 6 6-6 6'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_chk {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M5 10.5 9.5 15 17 7'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_notice {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18'  fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='M10.814 18a.91.91 0 0 1-.556-.191l-5.396-4.154a.93.93 0 0 1-.364-.739V5.085a.93.93 0 0 1 .364-.739L10.256.192A.9.9 0 0 1 11.222.1c.314.156.511.48.511.832v16.14a.925.925 0 0 1-.92.929h.001ZM6.34 12.455l3.555 2.736V2.81L6.339 5.546v6.91Z'/%3E%3Cpath d='M5.419 13.846H.92a.924.924 0 0 1-.92-.93V5.085c0-.515.411-.93.92-.93H5.42c.509 0 .92.415.92.93v7.83c0 .514-.411.93-.92.93v.001Zm-3.578-1.86h2.655v-5.97H1.841v5.97ZM17.11 14.71a.913.913 0 0 1-.652-.273.935.935 0 0 1 0-1.314A5.808 5.808 0 0 0 18.16 9.02a5.911 5.911 0 0 0-1.7-4.147.935.935 0 0 1 0-1.314.913.913 0 0 1 1.3 0A7.711 7.711 0 0 1 20 9.02c0 2.063-.796 3.957-2.24 5.417a.913.913 0 0 1-.652.274h.002Z'/%3E%3Cpath d='M14.926 12.505a.922.922 0 0 1-.651-.272.938.938 0 0 1 0-1.316 2.727 2.727 0 0 0 .803-1.896c0-.728-.284-1.416-.803-1.94a.941.941 0 0 1 0-1.317.918.918 0 0 1 1.303 0 4.597 4.597 0 0 1 1.339 3.255c0 1.224-.489 2.347-1.34 3.21a.916.916 0 0 1-.65.274v.002Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_championship {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21' viewBox='0 0 14 21' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='M.922 20.385a.921.921 0 0 1-.922-.92V1.345a.921.921 0 0 1 1.845 0v18.118c0 .51-.414.92-.923.92Z'/%3E%3Cpath d='M12.854 12.419H.922a.921.921 0 1 1 0-1.841h10.325L9.526 7.636a.92.92 0 0 1 .001-.932l1.712-2.896H.922a.921.921 0 1 1 0-1.84h11.932a.918.918 0 0 1 .794 1.388L11.39 7.174l2.259 3.858a.92.92 0 0 1-.795 1.386Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_write {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='M16.096 19.96H3.202C1.466 19.96 0 18.496 0 16.761V3.938A3.204 3.204 0 0 1 3.202.741H9.69a.886.886 0 1 1 0 1.773H3.2c-.772 0-1.425.65-1.425 1.422v12.826c0 .772.653 1.425 1.426 1.425h12.894c.786 0 1.425-.64 1.425-1.425v-6.434c0-.49.397-.886.889-.886.491 0 .888.396.888.886v6.434a3.203 3.203 0 0 1-3.202 3.197Z'/%3E%3Cpath d='M9.154 15.382H5.517a.886.886 0 0 1-.888-.886v-3.67c0-.235.093-.46.261-.627l9.958-9.94A.89.89 0 0 1 16.1.257l3.679 3.63a.883.883 0 0 1 .002 1.256L9.78 15.122a.889.889 0 0 1-.628.262l.002-.002Zm-2.749-1.773h2.38l9.11-9.09-2.415-2.38-9.075 9.056v2.416-.002Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_camera {
  display: inline-block;
  width: 62px;
  min-width: 62px;
  height: 62px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='M47.343 44.5H14.657A1.66 1.66 0 0 1 13 42.836V21.538c0-.918.74-1.665 1.657-1.665h8.262l1.06-2.801A1.653 1.653 0 0 1 25.528 16h10.946c.688 0 1.305.428 1.547 1.075l1.06 2.798h8.263A1.66 1.66 0 0 1 49 21.538v21.298a1.66 1.66 0 0 1-1.657 1.664Zm-31.03-3.329h29.37V23.202h-7.748a1.653 1.653 0 0 1-1.547-1.075l-1.06-2.798h-8.659l-1.06 2.801a1.653 1.653 0 0 1-1.548 1.072h-7.748v17.97Z'/%3E%3Cpath d='M30.998 39.312c-4.312 0-7.823-3.562-7.823-7.939 0-4.376 3.511-7.86 7.823-7.86s7.823 3.528 7.823 7.86c0 4.332-3.51 7.939-7.823 7.939Zm0-12.47c-2.485 0-4.51 2.035-4.51 4.531 0 2.497 2.025 4.607 4.51 4.607s4.51-2.069 4.51-4.607a4.501 4.501 0 0 0-4.51-4.53Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_user {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23161616' stroke-linecap='round' stroke-width='2.3' d='M2 20c.454-4.331 4.31-7.714 9-7.714s8.546 3.383 9 7.714M14.876 5.857c0 2.13-1.735 3.857-3.876 3.857-2.14 0-3.876-1.727-3.876-3.857S8.859 2 11 2c2.14 0 3.876 1.727 3.876 3.857Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_bell {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='26' viewBox='0 0 22 26' fill='none'%3E%3Cpath fill='%23fff' d='M10 1a1 1 0 1 1 2 0h-2ZM1 21.444v1a1 1 0 0 1-1-1h1Zm0-1.777H0a1 1 0 0 1 .418-.814l.582.814Zm20 0 .582-.814a1 1 0 0 1 .418.814h-1Zm0 1.777h1a1 1 0 0 1-1 1v-1ZM7.273 23.222a1 1 0 1 1 2 0h-2Zm5.454 0a1 1 0 1 1 2 0h-2ZM12 1v1.778h-2V1h2ZM0 21.444v-1.777h2v1.777H0Zm.418-2.59c.947-.678 1.503-1.418 1.836-2.254.341-.859.473-1.88.473-3.156h2c0 1.392-.14 2.7-.615 3.896-.485 1.217-1.293 2.255-2.53 3.14L.418 18.853Zm2.31-5.41V9.89h2v3.555h-2Zm0-3.555c0-4.501 3.724-8.111 8.272-8.111v2c-3.486 0-6.273 2.756-6.273 6.11h-2ZM11 1.778c4.548 0 8.273 3.61 8.273 8.11h-2c0-3.354-2.787-6.11-6.273-6.11v-2Zm8.273 8.11v2.668h-2V9.889h2Zm0 2.668c0 2.617.55 5.04 2.309 6.297l-1.164 1.627c-2.61-1.867-3.145-5.209-3.145-7.924h2ZM22 19.666v1.778h-2v-1.777h2Zm-1 2.778H1v-2h20v2Zm-11.727.778c0 .042.027.212.345.42.309.2.794.358 1.382.358v2c-.918 0-1.796-.24-2.474-.683-.67-.436-1.253-1.155-1.253-2.095h2ZM11 24c.587 0 1.073-.157 1.382-.358.318-.208.345-.378.345-.42h2c0 .94-.584 1.66-1.253 2.095-.678.442-1.556.683-2.474.683v-2Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_qna {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg stroke='%23161616' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M10 19.116A9.116 9.116 0 0 0 19.116 10 9.116 9.116 0 0 0 10 .884 9.116 9.116 0 0 0 .884 10c0 2.2.78 4.218 2.076 5.793L.884 19.116H10Z'/%3E%3Cpath d='M7.209 8.228V7.72c0-2.105 2.279-3.421 4.102-2.369a2.735 2.735 0 0 1 1.367 2.369v.507l-2.735 2.43v1.621M9.944 14.102v1.368'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_arrow.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' viewBox='0 0 9 15' fill='none'%3E%3Cpath stroke='%23646464' stroke-linecap='round' stroke-width='2' d='m1 1.5 6 6-6 6'/%3E%3C/svg%3E");
}
.svg_icon.icon_write.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg fill='%23161616'%3E%3Cpath d='M16.096 19.96H3.202C1.466 19.96 0 18.496 0 16.761V3.938A3.204 3.204 0 0 1 3.202.741H9.69a.886.886 0 1 1 0 1.773H3.2c-.772 0-1.425.65-1.425 1.422v12.826c0 .772.653 1.425 1.426 1.425h12.894c.786 0 1.425-.64 1.425-1.425v-6.434c0-.49.397-.886.889-.886.491 0 .888.396.888.886v6.434a3.203 3.203 0 0 1-3.202 3.197Z'/%3E%3Cpath d='M9.154 15.382H5.517a.886.886 0 0 1-.888-.886v-3.67c0-.235.093-.46.261-.627l9.958-9.94A.89.89 0 0 1 16.1.257l3.679 3.63a.883.883 0 0 1 .002 1.256L9.78 15.122a.889.889 0 0 1-.628.262l.002-.002Zm-2.749-1.773h2.38l9.11-9.09-2.415-2.38-9.075 9.056v2.416-.002Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_championship.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='21' viewBox='0 0 14 21' fill='none'%3E%3Cg fill='%23161616'%3E%3Cpath d='M.922 20.385a.921.921 0 0 1-.922-.92V1.345a.921.921 0 0 1 1.845 0v18.118c0 .51-.414.92-.923.92Z'/%3E%3Cpath d='M12.854 12.419H.922a.921.921 0 1 1 0-1.841h10.325L9.526 7.636a.92.92 0 0 1 .001-.932l1.712-2.896H.922a.921.921 0 1 1 0-1.84h11.932a.918.918 0 0 1 .794 1.388L11.39 7.174l2.259 3.858a.92.92 0 0 1-.795 1.386Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_notice.navy {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18'  fill='none'%3E%3Cg fill='%23374163'%3E%3Cpath d='M10.814 18a.91.91 0 0 1-.556-.191l-5.396-4.154a.93.93 0 0 1-.364-.739V5.085a.93.93 0 0 1 .364-.739L10.256.192A.9.9 0 0 1 11.222.1c.314.156.511.48.511.832v16.14a.925.925 0 0 1-.92.929h.001ZM6.34 12.455l3.555 2.736V2.81L6.339 5.546v6.91Z'/%3E%3Cpath d='M5.419 13.846H.92a.924.924 0 0 1-.92-.93V5.085c0-.515.411-.93.92-.93H5.42c.509 0 .92.415.92.93v7.83c0 .514-.411.93-.92.93v.001Zm-3.578-1.86h2.655v-5.97H1.841v5.97ZM17.11 14.71a.913.913 0 0 1-.652-.273.935.935 0 0 1 0-1.314A5.808 5.808 0 0 0 18.16 9.02a5.911 5.911 0 0 0-1.7-4.147.935.935 0 0 1 0-1.314.913.913 0 0 1 1.3 0A7.711 7.711 0 0 1 20 9.02c0 2.063-.796 3.957-2.24 5.417a.913.913 0 0 1-.652.274h.002Z'/%3E%3Cpath d='M14.926 12.505a.922.922 0 0 1-.651-.272.938.938 0 0 1 0-1.316 2.727 2.727 0 0 0 .803-1.896c0-.728-.284-1.416-.803-1.94a.941.941 0 0 1 0-1.317.918.918 0 0 1 1.303 0 4.597 4.597 0 0 1 1.339 3.255c0 1.224-.489 2.347-1.34 3.21a.916.916 0 0 1-.65.274v.002Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_notice.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18'  fill='none'%3E%3Cg fill='%23161616'%3E%3Cpath d='M10.814 18a.91.91 0 0 1-.556-.191l-5.396-4.154a.93.93 0 0 1-.364-.739V5.085a.93.93 0 0 1 .364-.739L10.256.192A.9.9 0 0 1 11.222.1c.314.156.511.48.511.832v16.14a.925.925 0 0 1-.92.929h.001ZM6.34 12.455l3.555 2.736V2.81L6.339 5.546v6.91Z'/%3E%3Cpath d='M5.419 13.846H.92a.924.924 0 0 1-.92-.93V5.085c0-.515.411-.93.92-.93H5.42c.509 0 .92.415.92.93v7.83c0 .514-.411.93-.92.93v.001Zm-3.578-1.86h2.655v-5.97H1.841v5.97ZM17.11 14.71a.913.913 0 0 1-.652-.273.935.935 0 0 1 0-1.314A5.808 5.808 0 0 0 18.16 9.02a5.911 5.911 0 0 0-1.7-4.147.935.935 0 0 1 0-1.314.913.913 0 0 1 1.3 0A7.711 7.711 0 0 1 20 9.02c0 2.063-.796 3.957-2.24 5.417a.913.913 0 0 1-.652.274h.002Z'/%3E%3Cpath d='M14.926 12.505a.922.922 0 0 1-.651-.272.938.938 0 0 1 0-1.316 2.727 2.727 0 0 0 .803-1.896c0-.728-.284-1.416-.803-1.94a.941.941 0 0 1 0-1.317.918.918 0 0 1 1.303 0 4.597 4.597 0 0 1 1.339 3.255c0 1.224-.489 2.347-1.34 3.21a.916.916 0 0 1-.65.274v.002Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_camera.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cg fill='%2324c19b'%3E%3Cpath d='M47.343 44.5H14.657A1.66 1.66 0 0 1 13 42.836V21.538c0-.918.74-1.665 1.657-1.665h8.262l1.06-2.801A1.653 1.653 0 0 1 25.528 16h10.946c.688 0 1.305.428 1.547 1.075l1.06 2.798h8.263A1.66 1.66 0 0 1 49 21.538v21.298a1.66 1.66 0 0 1-1.657 1.664Zm-31.03-3.329h29.37V23.202h-7.748a1.653 1.653 0 0 1-1.547-1.075l-1.06-2.798h-8.659l-1.06 2.801a1.653 1.653 0 0 1-1.548 1.072h-7.748v17.97Z'/%3E%3Cpath d='M30.998 39.312c-4.312 0-7.823-3.562-7.823-7.939 0-4.376 3.511-7.86 7.823-7.86s7.823 3.528 7.823 7.86c0 4.332-3.51 7.939-7.823 7.939Zm0-12.47c-2.485 0-4.51 2.035-4.51 4.531 0 2.497 2.025 4.607 4.51 4.607s4.51-2.069 4.51-4.607a4.501 4.501 0 0 0-4.51-4.53Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_user.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23161616' stroke-linecap='round' stroke-width='2.3' d='M2 20c.454-4.331 4.31-7.714 9-7.714s8.546 3.383 9 7.714M14.876 5.857c0 2.13-1.735 3.857-3.876 3.857-2.14 0-3.876-1.727-3.876-3.857S8.859 2 11 2c2.14 0 3.876 1.727 3.876 3.857Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_bell.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='26' viewBox='0 0 22 26' fill='none'%3E%3Cpath fill='%23161616' d='M10 1a1 1 0 1 1 2 0h-2ZM1 21.444v1a1 1 0 0 1-1-1h1Zm0-1.777H0a1 1 0 0 1 .418-.814l.582.814Zm20 0 .582-.814a1 1 0 0 1 .418.814h-1Zm0 1.777h1a1 1 0 0 1-1 1v-1ZM7.273 23.222a1 1 0 1 1 2 0h-2Zm5.454 0a1 1 0 1 1 2 0h-2ZM12 1v1.778h-2V1h2ZM0 21.444v-1.777h2v1.777H0Zm.418-2.59c.947-.678 1.503-1.418 1.836-2.254.341-.859.473-1.88.473-3.156h2c0 1.392-.14 2.7-.615 3.896-.485 1.217-1.293 2.255-2.53 3.14L.418 18.853Zm2.31-5.41V9.89h2v3.555h-2Zm0-3.555c0-4.501 3.724-8.111 8.272-8.111v2c-3.486 0-6.273 2.756-6.273 6.11h-2ZM11 1.778c4.548 0 8.273 3.61 8.273 8.11h-2c0-3.354-2.787-6.11-6.273-6.11v-2Zm8.273 8.11v2.668h-2V9.889h2Zm0 2.668c0 2.617.55 5.04 2.309 6.297l-1.164 1.627c-2.61-1.867-3.145-5.209-3.145-7.924h2ZM22 19.666v1.778h-2v-1.777h2Zm-1 2.778H1v-2h20v2Zm-11.727.778c0 .042.027.212.345.42.309.2.794.358 1.382.358v2c-.918 0-1.796-.24-2.474-.683-.67-.436-1.253-1.155-1.253-2.095h2ZM11 24c.587 0 1.073-.157 1.382-.358.318-.208.345-.378.345-.42h2c0 .94-.584 1.66-1.253 2.095-.678.442-1.556.683-2.474.683v-2Z'/%3E%3C/svg%3E");
}

.com_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: calc(var(--vh, 1vh) * 100);
  z-index: 101;
  display: none;
  justify-content: center;
  align-items: center;
}
.com_popup.active {
  display: flex;
  align-items: center;
}
.com_popup .bg_close {
  position: fixed;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}
.com_popup .pop_container {
  position: relative;
  background: #fff;
  margin-inline: auto;
  z-index: 101;
  overflow: hidden;
  border-radius: 20px;
  width: calc(100vw - 40px);
}
.com_popup .pop_tit {
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  padding-inline: 20px;
  text-align: center;
}
.com_popup .content_container {
  padding: 23px 20px 24px;
  text-align: center;
  max-height: calc(95vh - 180px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #909090; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_popup .content_container::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_popup .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.com_popup .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #909090;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_popup .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.com_popup .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
.com_popup .content_container .com_input_sec {
  text-align: left;
}
.com_popup .content_container .com_input_sec .error {
  padding-left: 0;
}
.com_popup .content_container .com_input_sec .btn_code {
  margin-top: 10px;
}
.com_popup .btn_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_popup .btn_container .com_btn {
  width: 100%;
  border-radius: 0;
}
.com_popup .btn_container .com_chk {
  height: 60px;
  border-top: 1px solid #DBDBDB;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_popup .btn_close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  position: absolute;
  right: 14px;
  top: 14px;
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_del.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.pop_agree .content_container {
  text-align: left;
}

.pop_login .content_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}

.pop_nonmember_info .com_input_sec .col2 {
  margin-bottom: 0;
}
.pop_nonmember_info .com_input_sec .col2.input_field {
  float: right;
}

.pop_login_error {
  z-index: 999;
}

.com_point_txt {
  color: #099E88 !important;
}

.com_red_txt {
  color: #E50110 !important;
}

.com_contents_tit {
  padding-block: 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
  border-bottom: 1px solid #000;
}
.com_tab + .com_contents_tit {
  padding-top: 15px;
}
.com_contents_tit .icon {
  width: 22px;
  height: 26px;
}
.com_contents_tit .txt {
  font-weight: 700;
  font-size: 20px;
  color: #161616;
  letter-spacing: -0.4px;
  margin-right: auto;
}
.com_contents_tit__wrap {
  border-bottom: 1px solid #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  padding-block: 0 15px;
}
.com_contents_tit__wrap .com_contents_tit {
  padding-block: 0;
  border: none;
}

/*로딩중*/
.com_loading::before {
  content: "";
  display: inline-block;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  width: 40px;
  height: 40px;
  background-image: url("../img/loadingCircle.gif");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 9999;
  border-radius: 100%;
}
.com_loading::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background: rgba(0, 0, 0, 0.7);
  z-index: 9998;
}

.com_list.notice {
  padding-inline: 10px;
  margin-bottom: 25px;
}
.com_list.notice .link_area {
  padding: 0;
}
.com_list.notice .title {
  padding-block: 15px 0;
  padding-inline: 5px;
  min-height: 42px;
  line-height: 22px;
  color: #303031;
  margin-bottom: 0;
}
.com_list li {
  border-bottom: 1px solid #d8d8d8;
}
.com_list li.new .title::after {
  content: "N";
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  background: #E50110;
  letter-spacing: -0.24px;
  border-radius: 50%;
  margin: 1px 0 0 5px;
}
.com_list .link_area {
  position: relative;
  padding-block: 15px;
  display: block;
  width: 100%;
  text-align: left;
}
.com_list .title {
  font-weight: 500;
  font-size: 18px;
  color: #2E3037;
  letter-spacing: -0.36px;
  margin-bottom: 10px;
}
.com_list .date {
  padding-block: 5px 15px;
  padding-inline: 5px;
  line-height: 17px;
  font-weight: 500;
  color: #51637A;
  letter-spacing: -0.28px;
}
.com_list .deadline {
  position: absolute;
  right: 0;
  bottom: 20px;
  font-weight: 600;
  color: #099E88;
  letter-spacing: -0.28px;
}
.com_list .item {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.32px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_list .item .tit {
  color: #79889C;
  white-space: nowrap;
  margin-right: 3px;
}
.com_list .item .val {
  color: #2E3037;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.com_contents_tit + .com_list .no_data {
  margin-top: 10px;
}

.com_box_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  margin-top: 10px;
  gap: 10px;
}
.com_box_list .link_area {
  border-radius: 15px;
  background: #F4F4F8;
  padding: 17px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  color: #51637A;
  font-size: 14px;
  font-weight: 500;
}
.com_box_list .link_area .title {
  width: 100%;
  text-align: left;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: #303031;
  font-size: 18px;
  min-height: 43px;
}
.com_box_list .link_area .item {
  width: auto;
}
.com_box_list .link_area .item.date {
  margin-left: auto;
}

.com_view {
  text-align: left;
  letter-spacing: -0.32px;
}
.com_view .top {
  margin-bottom: 14px;
}
.com_view .top .tit {
  line-height: 27px;
  font-weight: 700;
  font-size: 20px;
  color: #000;
}
.com_view .top .tit:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 27px;
}
.com_view .top .finish {
  line-height: 27px;
  font-weight: 500;
  font-size: 16px;
  color: #E50110;
}
.com_view .view_contents {
  padding-block: 14px;
  border-block: 1px solid #000;
}
.com_view .view_contents .writer {
  margin-top: -4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.com_view .view_contents .writer .item .tit {
  width: auto;
  margin-right: 5px;
}
.com_view .view_contents .writer .item .info {
  width: auto;
}
.com_view .view_contents .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  line-height: 30px;
  font-weight: 500;
  font-size: 16px;
}
.com_view .view_contents .item .tit {
  width: 70px;
  color: #79889C;
}
.com_view .view_contents .item .info {
  width: calc(100% - 70px);
  color: #2E3037;
}
.com_view .view_contents .bullet li {
  position: relative;
  padding-block: 4px;
  line-height: 22px;
  position: relative;
  padding-left: 14px;
}
.com_view .view_contents .bullet li::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  background: #303031;
  border-radius: 4px;
  vertical-align: middle;
  cursor: default;
  margin-left: -14px;
}
.com_view .view_contents .bullet li::before {
  vertical-align: 4px;
}
.com_view .view_contents .main_text {
  padding-block: 12px 8px;
  line-height: 1.5;
  font-weight: 500;
  font-size: 16px;
  color: #2E3037;
}

.com_no_data {
  text-align: center;
  padding-block: 15px;
}

.com_input_sec {
  overflow: hidden;
}
.com_input_sec .tit_field {
  font-size: 18px;
  font-weight: 600;
}
.com_input_sec .tit_field + .input_field {
  margin-top: 10px;
}
.com_input_sec .input_field > .input + .input {
  margin-top: 10px;
}
.com_input_sec .input_field .com_btn {
  min-width: 90px;
}
.com_input_sec .input_field .error {
  color: #E50110;
  margin-top: 8px;
  padding-left: 14px;
}
.com_input_sec .input_field + .tit_field {
  margin-top: 30px;
}
.com_input_sec .input_field.input_field {
  margin-top: 10px;
}
.com_input_sec .input_field .input_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_input_sec .input_field .input_wrap + .input, .com_input_sec .input_field .input_wrap + .com_btn {
  margin-top: 10px;
}
.com_input_sec .input_field .profile_img {
  position: relative;
  display: block;
  width: 140px;
  height: 140px;
  background: url("../img/icon_profile.png") no-repeat 50% 50%/cover;
  border-radius: 50%;
  margin: 30px auto 0;
}
.com_input_sec .input_field .profile_img .camera_btn {
  position: absolute;
  right: -8px;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.com_input_sec .input_field .profile_img .camera_btn input {
  position: absolute;
  top: -2px;
  width: 1px;
  height: 1px;
  color: transparent;
  background: none;
  border: 0;
  overflow: hidden;
}
.com_input_sec .input_field.name {
  margin-top: -10px;
  padding-block: 20px;
  text-align: center;
  line-height: 26px;
  font-weight: 700;
  font-size: 22px;
  color: #0E4D3E;
  letter-spacing: -0.44px;
  border-bottom: 1px solid #DBDBDB;
}
.com_input_sec .col2 {
  float: left;
  margin-bottom: 30px;
}
.com_input_sec .col2:nth-child(2n) + li {
  clear: both;
}
.com_input_sec .col2.tit_field {
  margin-right: 24px;
}
.com_input_sec .col2.input_field {
  margin-top: 30px;
  padding-top: 1.6px;
}
.com_contents_tit + .com_input_sec {
  padding-bottom: 40px;
}

.com_table {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  border: 1px solid #2E3037;
  border-collapse: separate;
}
.com_table th {
  background: #2E3037;
  color: #94979B;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  overflow: hidden;
}
.com_table th .point {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.com_table td {
  padding: 10px;
  border: solid #DBDBDB;
  border-width: 0px 1px 1px 0;
  text-align: center;
}
.com_table td:first-child {
  border-left: none;
}
.com_table td:last-child {
  border-right: none;
}
.com_table td .num_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 5px;
  font-size: 18px;
}
.com_table td.tit_field {
  font-size: 18px;
}
.com_table td.aliginL {
  text-align: left;
}
.com_table td .state.end {
  opacity: 0.2;
}
.com_table tr:last-child td {
  border-bottom: none;
}
.com_table + .com_table {
  margin-top: 14px;
}