@charset "UTF-8";
@import "w_common.css";
/************** COMPONENT ************/
.wrap .container.medium {
  padding: 50px 0 120px;
  min-height: 767px;
}

.gnb {
  padding-left: 70px;
  flex-grow: 1;
  column-gap: 75px;
  justify-content: flex-start;
}
.gnb > li {
  min-width: unset;
}
.gnb .depth1 {
  width: max-content;
}

/* popup */
.pop-wrap .pop-cont + .btn-area {
  margin-top: 30px;
}

.pop-wrap {
  /*display: none;*/
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}
.pop-wrap.no-bg {
  background: none;
  backdrop-filter: unset;
}
.pop-wrap.login {
  background: none;
  backdrop-filter: unset;
  position: unset;
}
.pop-wrap.post .pop-box {
  max-height: calc(100vh - 132px);
}
.pop-wrap.post .pop-box .pop-cont {
  overflow-y: auto;
  height: calc(100vh - 326px);
}
.pop-wrap .btn-close {
  width: 24px;
  height: 24px;
}
.pop-wrap .btn-close i {
  font-size: 16px;
}
.pop-wrap .pop-box {
  max-height: calc(100vh - 132px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
}
.pop-wrap .pop-box .pop-tit {
  font-size: 20px;
  font-weight: bold;
  flex-grow: 1;
}
.pop-wrap .pop-box .pop-header {
  height: 76px;
  border-bottom: 1px solid #e1e4eb;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 201;
  margin: 0 30px;
  padding-top: 10px;
}
.pop-wrap .pop-box .pop-cont {
  padding: 30px 30px 0px;
  overflow-y: auto;
  height: calc(100% - 76px);
  max-height: calc(100vh - 248px);
  flex-grow: 1;
}
.pop-wrap .pop-box .pop-cont::-webkit-scrollbar {
  width: 14px;
}
.pop-wrap .pop-box .pop-cont::-webkit-scrollbar-thumb {
  background: #e1e4eb;
  background-clip: padding-box;
  border-radius: 10px;
  border: 4px solid transparent;
  height: 30%;
}
.pop-wrap .pop-box .pop-cont-tit {
  display: flex;
  align-items: center;
}
.pop-wrap .pop-box .pop-cont-tit p {
  font-size: 16px;
  font-weight: 500;
}
.pop-wrap .pop-box-type02 {
  max-height: calc(100vh - 132px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 900px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #363a3c;
  background-color: var(--white);
}
.pop-wrap .pop-box-type02 .pop-header {
  display: flex;
  padding: 30px 30px 29px 40px;
  border-bottom: 1px solid #e1e4eb;
}
.pop-wrap .pop-box-type02 .pop-header .pop-tit {
  font-size: 20px;
  font-weight: bold;
  flex-grow: 1;
}
.pop-wrap .pop-box-type02 .pop-header span {
  display: block;
  padding-top: 5px;
}
.pop-wrap .pop-box-type02 .pop-cont {
  padding: 30px 40px;
  overflow-y: auto;
  height: calc(100% - 202px);
}
.pop-wrap .pop-box-type02 .btn-area {
  gap: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #e1e4eb;
}

.pop-cont > p {
  font-size: 16px;
  font-weight: 500;
}

/* breadcrumb */
.container .breadcrumb {
  margin-top: 30px;
}

/* tag */
.tag-day {
  color: #fd2830;
}

/* btn */
.btn-login {
  width: 100%;
  height: 60px;
  border-radius: 6px;
  background-color: #0180d4;
  color: var(--white);
  font-size: 16px;
  font-weight: bold;
}
.btn-login:hover, .btn-login:active, .btn-login:focus {
  background-color: #38a4eb;
}

.btn-member {
  height: 36px;
  padding: 6px 13px;
  border-radius: 4px;
  border: solid 1px #e1e4eb;
  background-color: var(--white);
  font-weight: 500;
  color: #878d91;
}
.btn-member:hover, .btn-member:active, .btn-member:focus {
  background-color: #f9f9f9;
  color: #363a3c;
}

.btn-go {
  width: 120px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 4px;
  border: solid 1px #e1e4eb;
  background-color: var(--white);
  font-weight: 500;
}
.btn-go::after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/icon/ico_arrow01_r.png) no-repeat center;
  background-size: contain;
}
.btn-go:hover, .btn-go:active, .btn-go:focus {
  border: solid 1px #0180d4;
  color: #0180d4;
}
.btn-go:hover::after, .btn-go:active::after, .btn-go:focus::after {
  background: url(../images/icon/ico_arrow01_r_bl.png) no-repeat center;
  background-size: contain;
}

.btn-link {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn-link::after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/icon/ico_arrow01_r.png) no-repeat center;
  background-size: contain;
}
.btn-link:hover, .btn-link:active, .btn-link:focus {
  color: #0180d4;
}
.btn-link:hover::after, .btn-link:active::after, .btn-link:focus::after {
  background: url(../images/icon/ico_arrow01_r_bl.png) no-repeat center;
  background-size: contain;
}

.btn-select {
  width: 50px;
  height: 36px;
  border-radius: 4px;
  border: solid 1px #e1e4eb;
  background-color: var(--white);
}
.btn-select:hover {
  background-color: #f8f8f8;
}

.btn-more {
  color: #0180d4;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
}
.btn-more img {
  width: 18px;
  height: 18px;
}
.btn-more:hover, .btn-more:active, .btn-more:focus {
  background-color: #e4f4ff;
}

.btn-main-login {
  width: 100%;
  height: 60px;
  border-radius: 6px;
  background-color: var(--white);
  color: #0180d4;
  font-size: 16px;
  font-weight: bold;
}
.btn-main-login:hover, .btn-main-login:active, .btn-main-login:focus {
  background-color: #38a4eb;
  color: #fff;
}

.btn-main {
  background-color: #0180d4;
  color: var(--white);
}
.btn-main:focus, .btn-main:hover, .btn-main:active {
  background-color: #38a4eb;
}

.btn-outlined {
  background-color: #fff;
  color: #0180d4;
  border: solid 1px #0180d4;
}
.btn-outlined:focus, .btn-outlined:hover, .btn-outlined:active {
  background-color: #e4f4ff;
}
.btn-outlined:disabled, .btn-outlined.disabled {
  border: solid 1px #a9afb3;
  color: #a9afb3;
}
.btn-outlined:disabled:focus, .btn-outlined:disabled:hover, .btn-outlined:disabled:active, .btn-outlined.disabled:focus, .btn-outlined.disabled:hover, .btn-outlined.disabled:active {
  background-color: #fff;
}

.btn-outlined-g {
  background-color: #fff;
  border: solid 1px #e1e4eb;
}
.btn-outlined-g:focus, .btn-outlined-g:hover, .btn-outlined-g:active {
  border-color: #0180d4;
  color: #0180d4;
}
.btn-outlined-g:disabled, .btn-outlined-g.disabled {
  border: solid 1px #a9afb3;
  color: #a9afb3;
}
.btn-outlined-g:disabled:focus, .btn-outlined-g:disabled:hover, .btn-outlined-g:disabled:active, .btn-outlined-g.disabled:focus, .btn-outlined-g.disabled:hover, .btn-outlined-g.disabled:active {
  background-color: #fff;
}

.btn-cancel {
  background-color: #e1e4eb;
}
.btn-cancel:focus, .btn-cancel:hover, .btn-cancel:active {
  background-color: #d9d9d9;
}

.btn-close {
  width: 24px;
  height: 24px;
}

.btn-half {
  width: 50%;
  height: 60px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
}

.btn-area {
  display: flex;
  column-gap: 20px;
  justify-content: center;
}
.btn-area button {
  max-width: 230px;
}

.btn-xs {
  min-width: 100px;
  padding: 11px 17px;
  height: 42px;
  font-weight: 500;
  border-radius: 4px;
}

.btn-s {
  width: 120px;
  height: 52px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
}

.btn-s-p {
  padding: 11px 17px;
  font-weight: 500;
  border-radius: 4px;
}

.btn-m {
  width: 230px;
  height: 60px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
}

.btn-m-p {
  font-weight: 500;
  border-radius: 4px;
  padding: 9.5px 28px 10.5px;
}

.btn-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 197px;
  height: 42px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
}
.btn-empty img {
  width: 18px;
}

.btn-bg-round {
  height: 33px;
  padding: 0 15px;
  border-radius: 50px;
  background-color: var(--very-light-pink);
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.btn-bg-round:focus, .btn-bg-round:hover, .btn-bg-round:active {
  background-color: #e2e2e2;
}
.btn-bg-round img {
  width: 9px;
}

/* input */
.txtinput input:focus {
  border: solid 1px #363a3c;
}

.input-item .input-tit {
  width: 145px;
  font-size: 16px;
  font-weight: 500;
  line-height: 52px;
}
.input-item .input-tit span {
  font-size: 16px;
  font-weight: 500;
}

.search-input {
  max-width: 600px;
  border: solid 1px #363a3c;
}

.checkbox:not(.checkbox.org).fav input {
  display: none;
}
.checkbox:not(.checkbox.org).fav input:checked + label::before {
  background: url(../images/icon/ico_star_on.png) no-repeat center;
  background-size: contain;
}
.checkbox:not(.checkbox.org).fav label {
  justify-content: center;
}
.checkbox:not(.checkbox.org).fav label span {
  font-size: 16px;
  font-weight: 500;
}
.checkbox:not(.checkbox.org).fav label::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../images/icon/ico_star_off.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.checkbox:not(.checkbox.org).after input {
  display: none;
}
.checkbox:not(.checkbox.org).after input + label {
  display: flex;
  align-items: center;
  column-gap: 9px;
  cursor: pointer;
}
.checkbox:not(.checkbox.org).after input + label::before {
  content: none;
}
.checkbox:not(.checkbox.org).after input + label::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../images/icon/ico_checkbox.png) no-repeat center;
  background-size: contain;
}
.checkbox:not(.checkbox.org).after input:checked + label span, .checkbox:not(.checkbox.org).after input.checked + label span {
  font-weight: 500;
}
.checkbox:not(.checkbox.org).after input:checked + label::after, .checkbox:not(.checkbox.org).after input.checked + label::after {
  background: url(../images/icon/ico_checkbox_checked.png) no-repeat center;
  background-size: contain;
}
.checkbox:not(.checkbox.org).after input:checked:disabled + label span, .checkbox:not(.checkbox.org).after input:checked.disabled + label span, .checkbox:not(.checkbox.org).after input.checked:disabled + label span, .checkbox:not(.checkbox.org).after input.checked.disabled + label span {
  font-weight: normal;
}
.checkbox:not(.checkbox.org).after input:checked:disabled + label::after, .checkbox:not(.checkbox.org).after input:checked.disabled + label::after, .checkbox:not(.checkbox.org).after input.checked:disabled + label::after, .checkbox:not(.checkbox.org).after input.checked.disabled + label::after {
  background: url(../images/icon/ico_checkbox_checked_off.png) no-repeat center;
  background-size: contain;
}
.checkbox:not(.checkbox.org).after input:disabled + label::after, .checkbox:not(.checkbox.org).after input.disabled + label::after {
  background: url(../images/icon/ico_checkbox_off.png) no-repeat center;
  background-size: contain;
}
.checkbox:not(.checkbox.org) input {
  display: none;
}
.checkbox:not(.checkbox.org) input + label {
  display: flex;
  align-items: center;
  column-gap: 9px;
  cursor: pointer;
}
.checkbox:not(.checkbox.org) input + label::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../images/icon/ico_checkbox.png) no-repeat center;
  background-size: contain;
}
.checkbox:not(.checkbox.org) input:checked + label span, .checkbox:not(.checkbox.org) input.checked + label span {
  font-weight: 500;
}
.checkbox:not(.checkbox.org) input:checked + label::before, .checkbox:not(.checkbox.org) input.checked + label::before {
  background: url(../images/icon/ico_checkbox_checked.png) no-repeat center;
  background-size: contain;
}
.checkbox:not(.checkbox.org) input:checked:disabled + label span, .checkbox:not(.checkbox.org) input:checked.disabled + label span, .checkbox:not(.checkbox.org) input.checked:disabled + label span, .checkbox:not(.checkbox.org) input.checked.disabled + label span {
  font-weight: normal;
}
.checkbox:not(.checkbox.org) input:checked:disabled + label::before, .checkbox:not(.checkbox.org) input:checked.disabled + label::before, .checkbox:not(.checkbox.org) input.checked:disabled + label::before, .checkbox:not(.checkbox.org) input.checked.disabled + label::before {
  background: url(../images/icon/ico_checkbox_checked_off.png) no-repeat center;
  background-size: contain;
}
.checkbox:not(.checkbox.org) input:disabled + label::before, .checkbox:not(.checkbox.org) input.disabled + label::before {
  background: url(../images/icon/ico_checkbox_off.png) no-repeat center;
  background-size: contain;
}

.detail-search-box .nice-select,
.detail-search-box .dateinput input,
.detail-search-box .txtinput input {
  border-radius: 4px;
}

/* datatables */
table.dataTable * {
  font-size: 14px;
  font-weight: 500;
}
table.dataTable thead * {
  font-weight: 600;
}
table.dataTable td.link {
  width: inherit;
}
table.dataTable td.link a {
  color: var(--link-blue);
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-break: break-all;
}
table.dataTable td.link-2row {
  width: inherit;
}
table.dataTable td.link-2row a {
  color: var(--link-blue);
  text-decoration: underline;
  cursor: pointer;
  width: 100%;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 줄 수 지정 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0 34px;
  border-bottom: 1px solid #0180d4;
}
.table-empty h4 {
  font-size: 16px;
  font-weight: bold;
}
.table-empty h4 + p {
  margin-top: 10px;
}
.table-empty p {
  width: 220px;
  text-align: center;
}
.table-empty p + button {
  margin-top: 36px;
}

/* tab */
.tab-area .tabs:not(.wrap.nonmember .tabs) > li {
  width: 50%;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  color: #a9afb3;
  border: solid 1px #a9afb3;
  background-color: var(--white);
}
.tab-area .tabs:not(.wrap.nonmember .tabs) > li.active {
  border: solid 1px #0180d4;
  background-color: #e4f4ff;
  color: #0180d4;
  font-weight: 700;
}
.tab-area .tabs:not(.wrap.nonmember .tabs) > li:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.tab-area .tabs:not(.wrap.nonmember .tabs) > li:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.tab-area .tabs:not(.wrap.nonmember .tabs).type01 {
  border: 1px solid #a9afb3;
  border-bottom: 1px solid #0180d4;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 52px;
  position: relative;
  z-index: 1;
}
.tab-area .tabs:not(.wrap.nonmember .tabs).type01 > li {
  height: 50px;
  border: transparent;
  position: relative;
  z-index: 2;
}
.tab-area .tabs:not(.wrap.nonmember .tabs).type01 > li:first-child {
  border-bottom-left-radius: 0;
}
.tab-area .tabs:not(.wrap.nonmember .tabs).type01 > li:first-child.active {
  left: -1px;
}
.tab-area .tabs:not(.wrap.nonmember .tabs).type01 > li:last-child {
  border-bottom-right-radius: 0;
}
.tab-area .tabs:not(.wrap.nonmember .tabs).type01 > li:last-child.active {
  right: -1px;
}
.tab-area .tabs:not(.wrap.nonmember .tabs).type01 > li.active {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #0180d4;
  height: 52px;
  border-color: #0180d4;
  border-bottom: 1px solid #fff;
  top: -1px;
}
.tab-area .tab-cont {
  padding-top: 30px;
}

/* 공통 style */
:root {
  --default: #363a3c;
  --main-blue: #38a4eb;
  --main-blue-active: #0180d4;
  --point: #fd2830;
  --bg-blue: #f2f7ff;
  --bg-secondary: #fff3f3;
  --warning: #fe721a;
  --line-blue: #0180d4;
  --link-blue: #0180d4;
  --white: #fff;
  --dark: #444444;
  --very-light-pink: #f1f1f1;
}

.post-top img {
  width: 18px;
  height: 18px;
}
.post-top .fav label::before {
  width: 18px;
  height: 18px;
}

.post-card {
  cursor: pointer;
}
.post-card:hover, .post-card:active, .post-card:focus {
  border: solid 2px #0180d4;
  padding: 34px 34px 32px;
}

.post-tag {
  padding: 4px 11.5px;
  height: 28px;
  border-radius: 4px;
  border: solid 1px #0180d4;
  background-color: var(--white);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  color: #0180d4;
}
.post-tag.bg-active {
  background-color: #e4f4ff;
  border-color: #e4f4ff;
}
.post-tag.bg-disabled {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #363a3c;
}
.post-tag.c-green {
  border-color: #00a13e;
  color: #00a13e;
}

.main-tit {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.sub-txt {
  display: block;
  font-size: 16px;
  font-weight: 500;
}

.cont-tit {
  font-size: 24px;
  font-weight: 600;
}

article.post-container {
  border-top: 2px solid #363a3c;
  border-bottom: 1px solid #363a3c;
}
article.post-container .summary-area {
  border-bottom: 1px solid #363a3c;
}
article.post-container .contents-area {
  padding: 40px 30px;
}
article.post-container .contents-area h4 {
  font-size: 18px;
  font-weight: 800;
}
article.post-container .contents-area h4 + p,
article.post-container .contents-area h4 + pre,
article.post-container .contents-area h4 + table,
article.post-container .contents-area h4 + .file-link {
  margin-top: 15px;
}
article.post-container .contents-area .file-link *:not(h5) {
  font-size: 16px;
  line-height: 1.63;
  color: #0180d4;
  text-decoration: underline;
}
article.post-container .contents-area .file-link h5 {
  display: inline-block;
  font-size: 16px;
  line-height: 1.63;
}
article.post-container .contents-area .file-link + h4 {
  margin-top: 40px;
}
article.post-container .contents-area table + h4 {
  margin-top: 40px;
}
article.post-container .contents-area p,
article.post-container .contents-area pre {
  font-size: 16px;
  line-height: 1.63;
}
article.post-container .contents-area p + h4,
article.post-container .contents-area pre + h4 {
  margin-top: 40px;
}
article.post-container .contents-area p + span,
article.post-container .contents-area pre + span {
  margin-top: 2px;
  display: block;
}
article.post-container .contents-area span {
  color: #878d91;
  font-weight: 500;
}
article.post-container .contents-area span + h4 {
  margin-top: 40px;
}

.pop-wrap.pw .btn-cancel {
  width: 219px;
}
.pop-wrap.pw .btn-main {
  width: 149px;
}
.pop-wrap.pw .input-list > li + li {
  margin-top: 10px;
}
.pop-wrap.pw .input-list .input-item .input-tit {
  width: 155px;
}
.pop-wrap.pw .input-list .input-item > div:not(.input-tit),
.pop-wrap.pw .input-list .input-item > ul:not(.input-tit) {
  width: calc(100% - 155px);
}
.pop-wrap.pw .input-list .warning-txt {
  display: block;
  padding: 10px 0 0 20px;
}
.pop-wrap.pw .input-list .pw-info {
  margin-top: 10px;
}

/* 홈 - M_SP01, M_SP07 */
.wrap.home .cont-tit {
  font-size: 30px;
  font-weight: bold;
}
.wrap.home .cont-tit span {
  font-size: 30px;
  font-weight: bold;
  color: #0180d4;
}
.wrap.home h2 {
  font-size: 36px;
  font-weight: bold;
}
.wrap.home h2 span {
  font-size: 36px;
  font-weight: bold;
  color: #0180d4;
}
.wrap.home h2 + .banner-area {
  margin-top: 30px;
}
.wrap.home .banner-area {
  display: flex;
  justify-content: space-between;
}
.wrap.home .swiper.banner {
  width: 720px;
  height: 100%;
  margin: 0;
  border-radius: 8px;
}
.wrap.home .swiper.banner a {
  width: 100%;
  height: 100%;
}
.wrap.home .swiper.banner a img{
  object-fit: fill;
}
.wrap.home .swiper.banner .swiper-pagination {
  width: auto !important;
  top: unset;
  left: 52px;
  bottom: 45px;
}
.wrap.home .swiper.banner .swiper-pagination-bullet {
  background: #c7c7cc;
  opacity: 1;
}
.wrap.home .swiper.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--white);
  width: 30px;
  height: 8px;
  border-radius: 8px;
}
.wrap.home .swiper.banner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.wrap.home .swiper.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2.5px;
}
.wrap.home .swiper.post .swiper-slide {
  height: auto;
}
.wrap.home .post-area {
  position: relative;
}
.wrap.home .post-area .swiper-button-next:after,
.wrap.home .post-area .swiper-button-prev:after {
  content: "";
}
.wrap.home .post-area .swiper-button-next,
.wrap.home .post-area .swiper-button-prev {
  width: 48px;
  height: 48px;
}
.wrap.home .post-area .swiper-button-prev {
  left: -78px;
}
.wrap.home .post-area .swiper-button-next {
  right: -78px;
}
.wrap.home .post-area .swiper-button-prev:hover:after {
  width: 100%;
  height: 100%;
  background: url(../images/icon/ico_chevron_l_bl.png) no-repeat center;
  background-size: contain;
}
.wrap.home .post-area .swiper-button-next:hover:after {
  width: 100%;
  height: 100%;
  background: url(../images/icon/ico_chevron_r_bl.png) no-repeat center;
  background-size: contain;
}
.wrap.home .post-area .swiper-button-prev:after {
  width: 100%;
  height: 100%;
  background: url(../images/icon/ico_chevron_l.png) no-repeat center;
  background-size: contain;
}
.wrap.home .post-area .swiper-button-next:after {
  width: 100%;
  height: 100%;
  background: url(../images/icon/ico_chevron_r.png) no-repeat center;
  background-size: contain;
}
.wrap.home .post-area + .schedule-box {
  margin-top: 25px;
}
.wrap.home .section01 {
  padding: 50px 0 60px;
}
.wrap.home .section01 .banner-area {
  height: 350px;
}
.wrap.home .section01 .member-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 440px;
  padding: 50px 56px;
  border-radius: 8px;
  border: solid 1px #d9d9d9;
  background-color: var(--white);
}
.wrap.home .section01 .member-card h3 {
  font-size: 24px;
  font-weight: bold;
}
.wrap.home .section01 .member-card h3 + p {
  margin-top: 10px;
}
.wrap.home .section01 .member-card p {
  font-size: 18px;
  font-weight: 500;
  word-break: keep-all;
}
.wrap.home .section01 .member-card p span {
  font-size: 18px;
  font-weight: 500;
}
.wrap.home .section01 .member-card p + .btn-login {
  margin-top: 20px;
}
.wrap.home .section01 .quick-menu {
  margin-top: 10px;
}
.wrap.home .section01 .quick-menu li {
  height: 46px;
  padding: 10px 20px 10px 25px;
  border-radius: 6px;
  background-color: #f8f8f8;
}
.wrap.home .section01 .quick-menu li + li {
  margin-top: 10px;
}
.wrap.home .section01 .quick-menu li:hover span {
  text-decoration: underline;
}
.wrap.home .section01 .quick-menu li a {
  display: flex;
  align-items: center;
}
.wrap.home .section01 .quick-menu p {
  flex-grow: 1;
  padding-left: 6px;
  font-size: 16px;
  font-weight: 500;
}
.wrap.home .section01 .quick-menu span {
  font-size: 18px;
  font-weight: bold;
  color: #0180d4;
}
.wrap.home .section01 .quick-menu img {
  width: 18px;
  height: 18px;
}
.wrap.home .section01 .btn-login + .link-to {
  margin-top: 13px;
}
.wrap.home .section01 .link-to li {
  color: #878d91;
}
.wrap.home .section01 .link-to li:hover a {
  color: #363a3c;
}
.wrap.home .section01 .link-to li a {
  color: #878d91;
}
.wrap.home .section01 .link-to li:not(.join) + li::before {
  background-color: #878d91;
}
.wrap.home .section01 .tit-area {
  display: flex;
  align-items: flex-end;
}
.wrap.home .section01 .tit-area h2 {
  flex-grow: 1;
}
.wrap.home .section01 .schedule-box {
  width: 100%;
  padding: 45px 59px 45px 60px;
  border-radius: 8px;
  border: solid 1px #e1e4eb;
  background-color: #fff;
}
.wrap.home .section01 .schedule-box .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.wrap.home .section01 .schedule-box .top h3 {
  font-size: 16px;
  font-weight: 500;
}
.wrap.home .section01 .schedule-box .top h3 span {
  font-size: 24px;
  font-weight: bold;
}
.wrap.home .section01 .schedule-box .top + .week-area {
  margin-top: 30px;
}
.wrap.home .section01 .schedule-box .empty {
  width: 100%;
  padding: 72px 0 27px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wrap.home .section01 .schedule-box .empty span {
  font-size: 16px;
  font-weight: 500;
}
.wrap.home .section01 .week-area {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
}
.wrap.home .section01 .week-area input {
  display: none;
}
.wrap.home .section01 .week-area .radio label {
  height: 75px;
  padding: 16px 0;
  border-radius: 6px;
  background-color: #f8fafb;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.wrap.home .section01 .week-area .radio label::before {
  content: none;
}
.wrap.home .section01 .week-area .radio label .num {
  font-size: 30px;
  font-weight: bold;
}
.wrap.home .section01 .week-area .radio label .day {
  font-weight: 500;
  color: #878d91;
}
.wrap.home .section01 .week-area .radio input:checked + label {
  background-color: #0180d4;
}
.wrap.home .section01 .week-area .radio input:checked + label span {
  color: #fff;
}
.wrap.home .section01 .week-area + .schedule-area {
  margin-top: 30px;
}
.wrap.home .section01 .schedule-area {
  max-height: 152px;
  overflow: auto;
  padding-right: 40px;
}
.wrap.home .section01 .schedule-area li {
  display: flex;
  align-items: center;
  min-height: 28px;
}
.wrap.home .section01 .schedule-area li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 22px;
  margin-right: 10px;
  background-color: #0180d4;
}
.wrap.home .section01 .schedule-area li + li {
  margin-top: 12px;
}
.wrap.home .section01 .schedule-area .tit {
  flex-grow: 1;
  font-size: 16px;
  font-weight: 500;
}
.wrap.home .section01 .schedule-area .tag-day + .date {
  margin-left: 40px;
}
.wrap.home .section01 .schedule-area .date {
  font-size: 16px;
  font-weight: 500;
  color: #a9afb3;
}
.wrap.home .section02 {
  background-color: #f2f7ff;
}
.wrap.home .section02 h2 + .cont-tit {
  margin-top: 23px;
}
.wrap.home .section02 .cont-tit + .cont-tit {
  margin-top: 4px;
}
.wrap.home .section02 .inner {
  padding: 60px 0;
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.wrap.home .section02 .card-area {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 20px;
  display: grid;
  grid-template-columns: 260px 260px 260px;
  grid-template-rows: 150px 150px;
}
.wrap.home .section02 .card-area > li {
  padding: 39px 30px;
  border-radius: 8px;
  box-shadow: 0 0 13px 0 rgba(0, 92, 238, 0.2);
  background-color: var(--white);
  display: flex;
  align-items: center;
  gap: 22px;
  border: 2px solid transparent;
  cursor: pointer;
}
.wrap.home .section02 .card-area > li:hover, .wrap.home .section02 .card-area > li:focus, .wrap.home .section02 .card-area > li:active {
  border: solid 2px #0180d4;
}
.wrap.home .section02 .card-area .card-txt p {
  font-size: 16px;
  font-weight: bold;
}
.wrap.home .section02 .card-area .card-txt span {
  font-size: 30px;
  font-weight: bold;
  color: #0180d4;
}
.wrap.home .section02 .card-area img {
  width: 85px;
  height: 72px;
}
.wrap.home .section03 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  padding: 58px 0 140px;
}
.wrap.home .section03 .board-area > li {
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.wrap.home .section03 .board-area > li:not(.top) {
  min-height: 62px;
  padding: 20px 0 19px;
  align-items: center;
}
.wrap.home .section03 .board-area > li:not(.top).empty {
  min-height: 188px;
  justify-content: center;
}
.wrap.home .section03 .board-area > li:not(.top) a {
  font-size: 16px;
  font-weight: 500;
}
.wrap.home .section03 .board-area > li:not(.top) a span {
  font-size: 16px;
  font-weight: 500;
  max-width: 450px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.wrap.home .section03 .board-area > li:not(.top) a:hover {
  text-decoration: underline;
}
.wrap.home .section03 .board-area .top {
  padding-bottom: 29px;
}
.wrap.home .section03 .board-area .date {
  color: #a9afb3;
}
.wrap.home .empty {
  width: 100%;
  padding: 72px 0 27px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wrap.home .empty span {
  font-size: 16px;
  font-weight: 500;
}

.link-to {
  display: flex;
  align-items: center;
}
.link-to li {
  font-weight: 500;
}
.link-to li:hover a {
  text-decoration: underline;
}
.link-to li a {
  font-weight: 500;
}
.link-to li.join {
  flex-grow: 1;
}
.link-to li:not(.join) + li::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 9px 0 10px;
}

/* 회원가입 - M_MR01, 회원정보수정 - M_MI01, 회원탈퇴 - M_MI02, 마이페이지 - M_MI03 */
.wrap.join .container .btn-area {
  margin-top: 60px;
}
.wrap.join article + article {
  border-top: 1px solid #e1e4eb;
  margin-top: 40px;
  padding-top: 40px;
}
.wrap.join .main-tit {
  text-align: center;
}
.wrap.join .main-tit + .progress {
  margin-top: 40px;
}
.wrap.join .agree-list {
  margin-top: 20px;
}
.wrap.join .agree-list .checkbox label {
  flex-grow: 1;
}
.wrap.join .agree-list .checkbox label span {
  font-size: 16px;
}
.wrap.join .agree-list > li {
  padding-left: 30px;
  display: flex;
  align-items: center;
}
.wrap.join .agree-list > li + li {
  margin-top: 20px;
}
.wrap.join .agree-list .all-check {
  height: 52px;
  border-radius: 6px;
  background-color: #f0f0f0;
}
.wrap.join .progress {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.wrap.join .progress > li {
  width: 54px;
  height: 54px;
  flex-grow: 0;
  border-radius: 50%;
  background-color: #e4f4ff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.wrap.join .progress > li span,
.wrap.join .progress > li img.off {
  display: none;
}
.wrap.join .progress > li img {
  width: 24px;
  height: 24px;
}
.wrap.join .progress > li.on {
  width: auto;
  padding: 0 26px;
  border-radius: 500px;
}
.wrap.join .progress > li.on span {
  display: inline-block;
  color: #0180d4;
  font-size: 18px;
  font-weight: bold;
}
.wrap.join .progress > li.off {
  background-color: #e1e4eb;
}
.wrap.join .progress > li.off img.on {
  display: none;
}
.wrap.join .progress > li.off img.off {
  display: block;
}
.wrap.join .progress + .guide-box {
  margin-top: 40px;
}
.wrap.join .input-list + .sub-txt {
  margin-top: 30px;
}
.wrap.join .pw-info {
  margin-top: 10px;
}
.wrap.join .check-area {
  display: flex;
  gap: 55px;
}
.wrap.join .check-area label span {
  font-size: 16px;
  font-weight: 500;
}
.wrap.join .guide-box {
  width: 100%;
  height: 52px;
  border-radius: 6px;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.wrap.join .guide-box img {
  width: 21px;
  height: 24px;
}
.wrap.join .guide-box p {
  font-size: 18px;
  font-weight: 500;
}
.wrap.join .guide-box + .tab-area {
  margin-top: 60px;
}
.wrap.join .guide-box + .sub-txt {
  margin: 60px 0 20px;
}
.wrap.join .business-type {
  display: flex;
  gap: 20px;
}
.wrap.join .business-type > li {
  width: 50%;
}
.wrap.join .business-type img {
  width: 141px;
  height: 141px;
}
.wrap.join .business-type label {
  width: 100%;
  height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 31px;
  border-radius: 8px;
  border: solid 1px #a9afb3;
  background-color: var(--white);
  cursor: pointer;
}
.wrap.join .business-type label span {
  font-size: 20px;
  font-weight: bold;
  color: #a9afb3;
}
.wrap.join .business-type input:checked + label, .wrap.join .business-type input.checked + label {
  border: solid 1px #0180d4;
  background-color: #e4f4ff;
}
.wrap.join .business-type input:checked + label span, .wrap.join .business-type input.checked + label span {
  color: #0180d4;
}
.wrap.join .ico-join-done {
  width: 150px;
  height: 141.6px;
}
.wrap.join .done-txt {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 25px;
}
.wrap.join .done-info {
  margin-top: 15px;
}
.wrap.join .done-info p {
  text-align: center;
  justify-content: center;
}

.guide-box {
  width: 100%;
  height: 52px;
  border-radius: 6px;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.guide-box img {
  width: 21px;
  height: 24px;
}
.guide-box p {
  font-size: 18px;
  font-weight: 500;
}
.guide-box + .tab-area {
  margin-top: 60px;
}

.done-info p {
  font-weight: 500;
  display: flex;
  align-items: end;
  column-gap: 5px;
}
.done-info p + p {
  padding-top: 10px;
}
.done-info img {
  width: 18px;
  height: 18px;
}

.withdraw-area {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #e1e4eb;
}
.withdraw-area > ul {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 0;
}
.withdraw-area label span {
  font-size: 16px;
  font-weight: 500;
}

.link-withdraw {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.link-withdraw:hover span {
  text-decoration: underline;
}
.link-withdraw span {
  font-size: 16px;
  font-weight: bold;
}
.link-withdraw img {
  width: 20px;
  height: 20px;
}

.alarm-check {
  display: flex;
  column-gap: 55px;
}
.alarm-check label span {
  font-size: 16px;
  font-weight: 500;
}

article.biz-info {
  padding-top: 30px;
  margin-bottom: -10px;
  border-top: 1px solid #e1e4eb;
}
article.biz-info .cont-tit {
  display: flex;
  align-items: end;
}
article.biz-info .tag-biz {
  margin-left: 20px;
  margin-bottom: 2px;
}

/* 지원사업 카드 리스트 - M_SP03, M_SP04, M_SP06, M_SP08, M_IS01, 자료실 - M_CS06 */
.wrap.post .main-tit + .post-area {
  margin-top: 40px;
}
.wrap.post .search-area + .post-area {
  margin-top: 40px;
}
.wrap.post .search-input {
  margin: 40px auto 0;
}
.wrap.post .search-input + .detail-search-box {
  margin-top: 40px;
}
.wrap.post .btn-setting-group {
  border-bottom: 1px solid #363a3c;
}
.wrap.post .btn-setting-group::after {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(../images/icon/ico_down.png) no-repeat center;
  background-size: contain;
}
.wrap.post .post-area + .btn-area {
  margin-top: 60px;
}
.wrap.post .post-area .top {
  display: flex;
  align-items: center;
  column-gap: 40px;
}
.wrap.post .post-area .top .total {
  flex-grow: 1;
  font-weight: 600;
  padding-top: 21px;
  font-size: 20px;
}
.wrap.post .post-area .top .total span {
  font-weight: 600;
  color: #0180d4;
  font-size: 20px;
}
.wrap.post .post-area .top + .post-list {
  margin-top: 20px;
}
.wrap.post .post-area .top .nice-select {
  min-width: 121px;
}
.wrap.post .post-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.wrap.post .tab-radio {
  width: 100%;
  display: flex;
  column-gap: 30px;
}
.wrap.post .tab-radio + .top {
  border-top: 1px solid #e1e4eb;
  padding-top: 40px;
}
.wrap.post .tab-radio input[type=radio] {
  display: none;
}
.wrap.post .tab-radio input[type=radio]:checked + label, .wrap.post .tab-radio input[type=radio].checked + label {
  border-bottom: 3px solid #0180d4;
  color: #0180d4;
}
.wrap.post .tab-radio label {
  font-size: 20px;
  font-weight: bold;
  height: 100%;
  padding-bottom: 22px;
  cursor: pointer;
}
.wrap.post .tab-radio > li {
  min-width: 37px;
  width: fit-content;
  height: 100%;
}
.wrap.post .search-setting {
  grid-template-columns: repeat(4, 1fr);
}
.wrap.post .search-setting > li.active .btn-setting-group, .wrap.post .search-setting > li.on .btn-setting-group {
  border-bottom: 1px solid #0180d4;
}
.wrap.post .search-setting > li.active .btn-setting-group span, .wrap.post .search-setting > li.on .btn-setting-group span {
  color: #0180d4;
}
.wrap.post .search-setting > li.active .btn-setting-group::after, .wrap.post .search-setting > li.on .btn-setting-group::after {
  background: url(../images/icon/ico_up.png) no-repeat center;
  background-size: contain;
}
.wrap.post .detail-search-box {
  flex-wrap: wrap;
  column-gap: 70px;
}

.search-empty {
  width: 100%;
  padding: 63px 0;
  border-radius: 8px;
  border: solid 1px #d9d9d9;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search-empty img {
  width: 177px;
  height: 133px;
}
.search-empty p {
  font-size: 22px;
  font-weight: bold;
  padding-top: 10px;
}

/* 고객지원 - M_CS01, M_CS02, M_CS03, M_CS04, M_CS05, M_CS07 */
.wrap.cs .main-tit + .detail-search-box {
  margin-top: 40px;
}
.wrap.cs .main-tit + .cs-detail-area {
  margin-top: 40px;
}
.wrap.cs .detail-search-box {
  column-gap: 38px;
}
.wrap.cs .detail-search-box .txtinput {
  width: 300px;
}
.wrap.cs .detail-search-box .txtinput input {
  height: 42px;
  font-size: 14px;
}
.wrap.cs .detail-search-box .from-to {
  font-weight: 600;
}
.wrap.cs .detail-search-box .nice-select {
  height: 42px;
  line-height: 42px;
  width: 175px;
}
.wrap.cs .detail-search-box .dateinput input {
  height: 42px;
  width: 142px;
  font-size: 14px;
  font-weight: 500;
}
.wrap.cs .detail-search-box .dateinput input + label {
  right: 17px;
  top: 12.5px;
}
.wrap.cs .detail-search-box .input-tit {
  font-weight: 600;
}
.wrap.cs .search-setting {
  width: calc(100% - 128px);
  display: flex;
  column-gap: 30px;
}
.wrap.cs .search-setting > li {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.wrap.cs table.dataTable > tbody > tr > th,
.wrap.cs table.dataTable > tbody > tr > td {
  padding: 17px 10px;
}
.wrap.cs table.dataTable thead * {
  font-weight: bold;
}
.wrap.cs .data-table-area {
  border-top: 1px solid #e1e4eb;
}
.wrap.cs .cont-wrap .btn-area {
  margin-top: 60px;
}

.table-top {
  display: flex;
  align-items: end;
}
.table-top .total {
  font-weight: 600;
  flex-grow: 1;
}
.table-top .total span {
  font-weight: 600;
  color: #0180d4;
}
.table-top + .data-table-area {
  margin-top: 19px;
}

.qna-area textarea {
  border-radius: 4px;
  padding: 12px 13px;
}
.qna-area > li {
  padding: 10px 38px 10px 50px;
  min-height: 60px;
  align-items: center;
}
.qna-area > li .tit {
  font-weight: 600;
  width: 129px;
}
.qna-area > li .tit + ul,
.qna-area > li .tit + div {
  width: calc(100% - 129px);
  font-weight: 500;
}
.qna-area .txtinput input {
  border-radius: 4px;
  height: 42px;
  line-height: 42px;
}
.qna-area input,
.qna-area label span {
  font-size: 14px;
  font-weight: 500;
}
.qna-area .file {
  gap: 10px 40px;
}
.qna-area .file-list {
  gap: 10px;
}
.qna-area .file-list > li {
  display: flex;
  align-items: center;
  height: 42px;
  gap: 20px;
  padding: 11px 15px 11px 17px;
  border-radius: 4px;
  background-color: #f8f8f8;
}

.file-box {
  /*height: 54px;*/
  border-radius: 6px;
  background-color: #f8f8f8;
  padding: 14px 30px;
  display: flex;
  align-items: center;
  column-gap: 30px;
}
.file-box .tit, .file-box .each-title {
  font-weight: 600;
}
.file-box .file-name, .file-box .dragAndDropDiv .filebox {
  font-weight: 500;
  color: #0180d4;
  text-decoration: underline;
  cursor: pointer;
}

.file-box .dragAndDropDiv .filebox:not(:first-child) {
  margin-top: 4px;
}

.file-box .dragAndDropDiv {
  height: auto;
}

/* 로그인 - M_LI01, M_LI02, M_LI03, M_LI04 */
.wrap.login .container {
  position: relative;
}
.wrap.login .container .btn-area {
  margin-top: 80px;
}
.wrap.login .container .pop-wrap.login .btn-area {
  margin-top: 40px;
}
.wrap.login .main-tit {
  text-align: center;
}
.wrap.login .main-tit + .sub-txt {
  margin-top: 60px;
}
.wrap.login .sub-txt + .tab-area,
.wrap.login .sub-txt + .id-box {
  margin-top: 20px;
}
.wrap.login .id-box {
  min-height: 130px;
  padding: 48px 30px 47px;
  border-radius: 10px;
  background-color: #e4f4ff;
}
.wrap.login .id-box p {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.login-bg {
  background: url(../images/org/bg_login.png) center center no-repeat;
  background-size: cover;
}

.login-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 0 110px;
}

.login-box {
  width: 500px;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(101, 142, 200, 0.2);
  background-color: var(--white);
  display: flex;
  flex-direction: column;
}
.login-box img.logo {
  width: 210px;
  height: 50px;
}
.login-box .box-cont {
  padding: 60px 50px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-box .box-footer {
  width: 100%;
  padding: 30px 0;
  background-color: #f5f9fc;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
}
.login-box .tab-area {
  width: 100%;
}
.login-box .btn-full {
  height: 60px;
  font-weight: bold;
}
.login-box .link-to {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-box .link-to > li {
  font-weight: 500;
}
.login-box .link-to > li a {
  font-weight: inherit;
}
.login-box .link-to > li:hover a {
  text-decoration: underline;
}
.login-box .link-to > li + li::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #1e1e1e;
  margin: 0 10px;
}
.login-box .link-SI {
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: #2766c5;
  font-size: 16px;
  font-weight: bold;
}

.wrap.nonmember {
  --default: #1e1e1e;
  --point: #ff0085;
  --secondary: #ff70bf;
  --bg-secondary: #ffe8f5;
  --main-blue: #89ade1;
  --main-blue-active: #2766c5;
  --bg-blue: #f5f9fc;
  --warning: #ff9dd0;
}
.wrap.nonmember .container {
  padding: 88px 0 120px;
}
.wrap.nonmember .btn-main {
  background-color: var(--main-blue);
  color: var(--white);
}
.wrap.nonmember .btn-main:hover {
  background-color: var(--main-blue-active);
}
.wrap.nonmember .btn-main:focus, .wrap.nonmember .btn-main:active {
  background-color: #0047b2;
}
.wrap.nonmember .btn-main:disabled {
  background-color: #eee;
  color: #878d91;
}
.wrap.nonmember .btn-main-g {
  background-color: #eee;
}
.wrap.nonmember .btn-main-g:focus, .wrap.nonmember .btn-main-g:hover, .wrap.nonmember .btn-main-g:active {
  background-color: #e1e4eb;
}
.wrap.nonmember .btn-outlined {
  background-color: #fff;
  color: var(--main-blue);
  border: solid 1px var(--main-blue);
}
.wrap.nonmember .btn-outlined:focus, .wrap.nonmember .btn-outlined:hover, .wrap.nonmember .btn-outlined:active {
  background-color: #f5f9fc;
  border-color: var(--main-blue-active);
  color: var(--main-blue-active);
}
.wrap.nonmember .btn-outlined:disabled, .wrap.nonmember .btn-outlined.disabled {
  border: solid 1px #a9afb3;
  color: #a9afb3;
}
.wrap.nonmember .btn-outlined:disabled:focus, .wrap.nonmember .btn-outlined:disabled:hover, .wrap.nonmember .btn-outlined:disabled:active, .wrap.nonmember .btn-outlined.disabled:focus, .wrap.nonmember .btn-outlined.disabled:hover, .wrap.nonmember .btn-outlined.disabled:active {
  background-color: #fff;
}
.wrap.nonmember .btn-txt {
  font-weight: 500;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.wrap.nonmember .btn-txt:focus, .wrap.nonmember .btn-txt:hover, .wrap.nonmember .btn-txt:active {
  color: #2766c5;
}
.wrap.nonmember .btn-lg {
  min-width: 230px;
  height: 60px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
}
.wrap.nonmember .tabs.type02 {
  border-radius: 6px;
  border: solid 1px #a9afb3;
}
.wrap.nonmember .tabs.type02 > li {
  width: 50%;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  color: #a9afb3;
}
.wrap.nonmember .tabs.type02 > li.active {
  outline: solid 1px var(--main-blue-active);
  background-color: var(--bg-blue);
  color: var(--main-blue-active);
  font-weight: bold;
}
.wrap.nonmember .tabs.type02 > li:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.wrap.nonmember .tabs.type02 > li:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.wrap.nonmember img.ico-done {
  width: 200px;
  height: 200px;
}
.wrap.nonmember .box-find-id {
  width: 100%;
  height: 130px;
  border-radius: 10px;
  background-color: #f5f9fc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-item .terms-check-list .check-all {
  padding-bottom: 13px;
  border-bottom: 2px solid #89ade1;
}
.input-item .terms-check-list .check-all .checkbox label span {
  font-size: 16px;
  font-weight: 500;
}
.input-item .terms-check-list > li {
  display: flex;
}
.input-item .terms-check-list .checkbox {
  flex-grow: 1;
}
.input-item .terms-check-list .checkbox .fwbold {
  font-weight: bold !important;
}
.input-item .terms-check-list .checkbox div {
  font-weight: 500;
  font-size: 13px;
}
.input-item .terms-check-list .checkbox div span {
  font-size: 13px;
}
.input-item .terms-check-list .btn-txt {
  font-size: 13px;
}

.pop-wrap.terms .pop-box {
  height: 583px;
}

/************ 사업계획서 ************/
.wrap.biz-plan section.banner {
  width: 100%;
  height: 360px;
  background-color: #f2f7ff;
}
.wrap.biz-plan section.banner .summary-box {
  width: 700px;
  height: 240px;
  padding: 30px 0 30px 36px;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(1, 128, 212, 0.1);
  background-color: #fff;
  display: flex;
}
.wrap.biz-plan section.banner .summary-box > img {
  width: 280px;
  height: 276px;
  margin-right: -28px;
  margin-top: 10px;
}
.wrap.biz-plan section.banner .summary-box .summary-area {
  flex-grow: 1;
}
.wrap.biz-plan section.banner .summary-box .top {
  display: flex;
  align-items: flex-end;
}
.wrap.biz-plan section.banner .summary-box .list {
  display: flex;
  margin-top: 19px;
  column-gap: 17px;
}
.wrap.biz-plan section.banner .summary-box .list > li {
  min-width: 130px;
  min-height: 129px;
  padding: 20px;
  border-radius: 6px;
  background-color: #f8fafb;
  display: flex;
  flex-direction: column;
}
.wrap.biz-plan section.banner .summary-box .list img {
  width: 18px;
  height: 18px;
}
.wrap.biz-plan section.banner .summary-box .list .txt {
  padding-top: 5px;
  font-size: 16px;
  font-weight: 600;
}
.wrap.biz-plan section.banner .summary-box .list .num {
  padding-top: 3px;
  font-size: 26px;
  font-weight: bold;
  color: #0180d4;
}
.wrap.biz-plan section.banner .summary-box h4 {
  font-size: 22px;
  font-weight: bold;
  flex-grow: 1;
}
.wrap.biz-plan section.banner .summary-box h4 span {
  font-size: 22px;
  font-weight: bold;
  color: #0180d4;
}
.wrap.biz-plan section.banner .inner {
  display: flex;
  justify-content: space-between;
  padding-top: 60px;
  padding-bottom: 60px;
}
.wrap.biz-plan section.banner .tit-area h3 {
  font-size: 36px;
  font-weight: bold;
}
.wrap.biz-plan section.banner .tit-area p {
  font-size: 22px;
  font-weight: 600;
}
.wrap.biz-plan section.banner .tit-area p span {
  font-size: 22px;
  font-weight: 600;
  color: #4c80f1;
}
.wrap.biz-plan .btn-banner {
  width: 213px;
  height: 60px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 24px;
  margin-top: 43px;
  border-radius: 36px;
  background-image: linear-gradient(to bottom, #0180d4 0%, #005f9d 100%);
}
.wrap.biz-plan .btn-banner img {
  width: 18px;
  height: 18px;
}
.wrap.biz-plan .btn-banner span {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.wrap.biz-plan .btn-banner:hover, .wrap.biz-plan .btn-banner.active, .wrap.biz-plan .btn-banner:active, .wrap.biz-plan .btn-banner:focus {
  background-image: none;
  background-color: #0180d4;
}
.wrap.biz-plan .section02 {
  padding-bottom: 110px;
}

.pop-wrap .table-top + .data-table-area {
  border-top: 1px solid #e1e4eb;
}

.pop-wrap .detail-search-box {
  display: grid;
  grid-template-columns: 1fr auto auto;
  column-gap: 10px;
  padding: 30px;
  background-color: #f8f8f8;
  align-items: start;
}
.pop-wrap .detail-search-box > li {
  display: flex;
  column-gap: 10px;
}
.pop-wrap .detail-search-box > li.span3 {
  grid-column: 1/span 3;
}
.pop-wrap .detail-search-box .warning-txt {
  padding-left: 0;
}
.pop-wrap .detail-search-box .nice-select .current {
  font-weight: 500;
}
.pop-wrap .detail-search-box .txtinput input {
  height: 42px;
  font-size: 14px;
  border-radius: 4px;
  font-weight: 500;
}
.pop-wrap .detail-search-box .nice-select {
  min-width: 240px;
}
.pop-wrap .detail-search-box .tit {
  font-weight: 600;
  min-width: 70px;
  padding-top: 10px;
}
.pop-wrap .detail-search-box .tit + div {
  width: 100%;
  max-width: calc(100% - 100px);
}
.pop-wrap .detail-search-box .btn {
  justify-content: flex-end;
}
.pop-wrap .detail-search-box .multi-date {
  display: flex;
  align-items: center;
  column-gap: 14px;
}
.pop-wrap .detail-search-box .multi-date .dateinput.m {
  width: 138px;
}
.pop-wrap .detail-search-box ul.btn-period {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.pop-wrap .detail-search-box ul.btn-period button {
  min-width: unset;
}

.wrap.biz-plan .btn-w-icon {
  height: 36px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
}
.wrap.biz-plan .btn-w-icon img {
  width: 18px;
  height: 18px;
}
.wrap.biz-plan .btn-w-icon.active, .wrap.biz-plan .btn-w-icon:active, .wrap.biz-plan .btn-w-icon:focus, .wrap.biz-plan .btn-w-icon:hover {
  background-color: #f8f8f8;
}
.wrap.biz-plan .box-top {
  display: flex;
  align-items: center;
}
.wrap.biz-plan .input-item textarea {
  height: 100%;
}
.wrap.biz-plan .input-item .txtarea {
  position: relative;
  min-height: 104px;
}
.wrap.biz-plan .input-item .txtarea .txt-limit {
  color: #a9afb3;
  position: absolute;
  left: 20px;
  bottom: 12px;
}
.wrap.biz-plan .bp-file-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 30px;
}
.wrap.biz-plan .bp-file-list .item {
  display: grid;
  grid-template-columns: 15px auto;
  align-items: center;
  column-gap: 7px;
  font-size: 16px;
  color: #a9afb3;
}
.wrap.biz-plan .bp-file-list .item::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 18px;
  background: url(../images/icon/ico_pdf.png) no-repeat center;
  background-size: contain;
}

.biz-plan-toggle-box {
  border-top: 2px solid #0180d4;
  border-bottom: 1px solid #0180d4;
}
.biz-plan-toggle-box .btn-toggle {
  width: 30px;
  height: 30px;
  display: inline-block;
  transition: transform 0.3s ease;
}
.biz-plan-toggle-box .toggle-header.open .btn-toggle {
  transform: rotate(180deg);
}
.biz-plan-toggle-box .toggle-header {
  display: flex;
  align-items: center;
  column-gap: 30px;
  padding: 30px;
  cursor: pointer;
}
.biz-plan-toggle-box .toggle-header .tit {
  flex-grow: 1;
  font-size: 22px;
  font-weight: bold;
}
.biz-plan-toggle-box .toggle-header .date {
  font-weight: 600;
}
.biz-plan-toggle-box .toggle-content {
  display: none;
  background-color: #f8f8f8;
  border-top: 1px solid #e1e4eb;
  padding: 40px;
}
.biz-plan-toggle-box .toggle-content > li + li {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e1e4eb;
}
.biz-plan-toggle-box .toggle-content .tit {
  font-size: 18px;
  font-weight: bold;
}
.biz-plan-toggle-box .toggle-content .tit + .desc,
.biz-plan-toggle-box .toggle-content .tit + .bp-file-list {
  margin-top: 15px;
}
.biz-plan-toggle-box .toggle-content .desc {
  font-size: 16px;
}

.biz-plan-content-box {
  width: 100%;
  border-radius: 6px;
  border: solid 1px #d9d9d9;
  background-color: var(--white);
  padding: 0 40px;
}
.biz-plan-content-box .box-header {
  font-size: 18px;
  font-weight: bold;
  color: #0180d4;
  padding: 40px 0 30px;
  border-bottom: 1px solid #e1e4eb;
}
.biz-plan-content-box .box-body {
  padding: 30px 0 40px;
}
.biz-plan-content-box h4 {
  font-size: 18px;
  font-weight: bold;
}
.biz-plan-content-box h4 + p,
.biz-plan-content-box h4 + ul {
  margin-top: 15px;
}
.biz-plan-content-box ul + h4 {
  margin-top: 30px;
}
.biz-plan-content-box ul + ul {
  margin-top: 15px;
}
.biz-plan-content-box li {
  list-style: disc;
  list-style-position: inside;
  font-size: 16px;
}
.biz-plan-content-box li p {
  padding-left: 25px;
  padding-top: 5px;
  font-size: 16px;
}

.bp-file-upload .upload-box {
  width: 100%;
  border-radius: 6px;
  border: solid 1px #d9d9d9;
  background-color: var(--white);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.bp-file-upload .upload-box .upload-input {
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0 17px;
  cursor: pointer;
}
.bp-file-upload .upload-box .upload-input input {
  display: none;
}
.bp-file-upload .upload-box .upload-input img {
  width: 18px;
  height: 18px;
}
.bp-file-upload .upload-box .upload-input .txt {
  color: #a9afb3;
  padding-top: 5px;
}
.bp-file-upload .upload-box .bottom {
  width: 100%;
}
.bp-file-upload .upload-box .upload-detail {
  width: 100%;
  padding: 15px 25px;
  background-color: #f8f8f8;
}
.bp-file-upload .upload-box .upload-info-text li {
  list-style: disc;
  list-style-position: inside;
  font-size: 13px;
  line-height: 1.54;
  text-align: center;
  color: #a9afb3;
}
.bp-file-upload .upload-box .upload-info-text + .file-list {
  margin-top: 15px;
}
.bp-file-upload .upload-box .btn-file-add {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.bp-file-upload .upload-box .btn-file-add span {
  font-size: 16px;
  font-weight: 500;
  color: #a9afb3;
  text-decoration: underline;
}
.bp-file-upload .upload-box .file-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.bp-file-upload .upload-box .file-list li {
  height: 42px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 20px;
  padding: 11px 15px;
  border-radius: 4px;
  background-color: var(--white);
}
.bp-file-upload .upload-box .file-list li span {
  font-weight: 500;
}
.bp-file-upload .upload-box .btn-file-remove img {
  width: 18px;
  height: 18px;
}
.bp-file-upload .warning-txt {
  display: block;
}

.bp-status-box {
  width: 100%;
  height: 200px;
  padding: 15px 30px 37px 38px;
  border-radius: 6px;
  background-color: #f8f8f8;
  display: flex;
  column-gap: 36px;
}
.bp-status-box img {
  width: 219px;
  height: 234px;
}
.bp-status-box .txt {
  padding-top: 22px;
}
.bp-status-box .emph {
  font-size: 24px;
  font-weight: bold;
}
.bp-status-box .desc {
  font-size: 16px;
  font-weight: 500;
  word-break: keep-all;
  width: 300px;
}
.bp-status-box + .bp-selection-box {
  margin-top: 57px;
}

.bp-selection-box {
  width: 100%;
  padding: 35px 40px;
  border-radius: 6px;
  border: solid 1px #d9d9d9;
  background-color: var(--white);
}
.bp-selection-box > li {
  display: grid;
  grid-template-columns: 140px 1fr;
}
.bp-selection-box > li + li {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #e1e4eb;
}
.bp-selection-box .label {
  font-size: 16px;
  font-weight: bold;
}
.bp-selection-box .value {
  font-size: 16px;
}

.pop-wrap.alert .pop-box {
  padding: 49px;
  max-width: 500px;
}
.pop-wrap.alert .pop-cont {
  padding: 0;
}
.pop-wrap.alert .pop-cont p {
  font-size: 17px;
  font-weight: bold;
}
.pop-wrap.alert .btn-area {
  margin-top: 40px;
}

/* M_SP02,PO02 인쇄용 */
@page {
  size: A4; /* 페이지의 크기 설정 */
  margin: 1.5cm; /* 페이지의 여백 설정 */
}
@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .inner {
    width: 100%;
  }
  header,
  footer,
  .breadcrumb,
  .tag-day,
  .post-top,
  h2,
  button {
    display: none !important;
  }
  .post-container {
    margin-top: 0;
  }
  .cont-wrap {
    padding-top: 0 !important;
  }
  .container.inner {
    padding-bottom: 0;
  }
  .post-container h4 {
    break-after: avoid;
  }
  .post-container table {
    break-inside: avoid;
  }
  .contents-area {
    width: 100%;
  }
  .pop-wrap {
    position: unset;
    background-color: unset !important;
  }
  .pop-box {
    position: unset !important;
    box-shadow: none !important;
    width: 100% !important;
    transform: unset !important;
    max-height: unset;
    height: 100%;
    overflow: visible;
    padding: 0;
  }
  .pop-wrap.post .pop-box {
    max-height: unset !important;
    overflow: visible !important;
  }
  .pop-wrap .pop-box .pop-header {
    display: none !important;
  }
  .pop-wrap.post .pop-box .pop-cont {
    overflow: visible !important;
    overflow-y: visible !important;
    height: auto !important;
    padding: 0;
  }
  table {
    width: 100%;
  }
  .post-container {
    width: 100%;
  }
}