@charset "UTF-8";
/*포인트 컬러 적용*/
.ani_var {
  transition: all 0.5s ease-out 0s;
}

.ani_var2, .disease .disease_list > ul > li::before, .publication .pub_step li p, .user_info_step .uis_step li p, .use_info ul li::before, #content .BI .BI_03 .BI_clear li, #content .BI .BI_02 .BI_box li, #content .history_tab3 ul li::after {
  transition: all 0.4s ease-out 0s;
}

.ani_var3 {
  transition: all 0.3s ease-out 0s;
}

.t_point {
  color: #d80358;
}

.text_ac {
  text-align: center;
}

.text_al {
  text-align: left;
}

.text_ar {
  text-align: right;
}

/*컨텐츠 기본*/
#content .content_area .h4 + div {
  margin-bottom: 80px;
}
#content .content_area .h4 + .depth4-tab {
  margin-bottom: 30px;
}
#content .content_area .h4 {
  font-size: 22px;
  color: #333;
  font-weight: 800;
  padding-bottom: 15px;
}
#content .content_area .h4 span {
  font-size: 18px;
  font-weight: 400;
}
#content .content_area .h4::before {
  content: "";
  width: 12px;
  height: 18px;
  display: inline-block;
  background: url("/static/nmc22762276/img/ic_h4_bullte.svg") no-repeat;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}
#content .content_area .h5 {
  font-size: 18px;
  color: #333;
  font-weight: 800;
  padding-bottom: 8px;
}
#content .content_area .h5 + p, #content .content_area .h5 + ul, #content .content_area .h5 + div {
  margin-bottom: 40px;
}
#content .content_area .info_text {
  display: grid;
    gap: 5px;
    grid-template-columns: 20px 1fr;
}
#content .content_area .info_text::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/static/nmc22762276/img/ic_info_blue.svg") no-repeat;
  background-size: contain;
  margin-top: 1px;
}
#content .content_area .info_text + .info_text {
  margin-top: 8px;
}
#content .content_area img {
  max-width: 100%;
}
@media (max-width: 1280px) {
  #content .content_area .h4 + div {
    margin-bottom: 60px;
  }
  #content .content_area .h4 {
    font-size: 20px;
  }
  #content .content_area .h4 span {
    font-size: 16px;
  }
}

.bx-viewport img.pc {
  display: block;
}
.bx-viewport img.mobile {
  display: none;
}
@media (max-width: 1199px) {
  .bx-viewport img.pc {
    display: none;
  }
  .bx-viewport img.mobile {
    display: block;
  }
}

/* 로그인 */
.login-set p {
  color: #019AA0;
  font-size: 20px;
}
.login-set form button {
  background-color: #d3274f;
}

/* 레이어 팝업 */
.layer_popup {
  display: none;
  position: fixed;
  width: 100vW;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
}
.layer_popup.on {
  display: block;
}
.layer_popup > div {
  width: 96%;
  height: auto;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
  max-height: 96vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.layer_popup > div .layer_slide {
  overflow: hidden;
}
.layer_popup > div .layer_slide a {
  display: block;
}
.layer_popup > div .layer_slide a img {
  width: 100%;
}
.layer_popup > div .btn {
  display: flex;
}
.layer_popup > div .btn button {
  width: calc((100% - 10px) / 2);
  font-weight: 500;
  padding: 10px 0;
  border-radius: 4px;
  background: #d3274f;
  color: #fff;
}
.layer_popup > div .btn button + button {
  margin-left: 10px;
  background-color: #256ef7;
}
.layer_popup .bx-wrapper {
  position: relative;
}
.layer_popup .bx-controls {
  position: absolute;
  width: 100%;
  top: 46%;
}
.layer_popup .bx-controls .bx-controls-direction {
  width: 100%;
}
.layer_popup .bx-controls .bx-controls-direction > a {
  width: 24px;
  height: 45px;
  display: block;
  position: absolute;
  top: 0;
}
.layer_popup .bx-controls .bx-controls-direction > a::after {
  content: "";
  display: block;
  width: 24px;
  height: 45px;
  mask: url(/static/nmc22762276/img/icon_arrow.svg) center no-repeat;
  mask-size: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.layer_popup .bx-controls .bx-controls-direction .bx-prev {
  transform: rotateZ(180deg);
  left: 10px;
}
.layer_popup .bx-controls .bx-controls-direction .bx-next {
  right: 10px;
}
.layer_popup .bx-controls .bx-controls-auto .bx-controls-auto-item > a {
  width: 30px;
  height: 16px;
  display: block;
}
.layer_popup .bx-controls .bx-controls-auto .bx-controls-auto-item > a::after {
  content: "";
  display: block;
  width: 9px;
  height: 13px;
  mask: url(/static/nmc22762276/img/icon_stop.svg) no-repeat;
  mask-size: 100%;
  background: #666;
  position: relative;
  left: calc(50% - 4px);
  top: calc(50% - 7px);
}
.layer_popup .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start::after {
  width: 20px;
  height: 20px;
  mask-image: url(/static/nmc22762276/img/icon_play.svg);
  left: 7px;
  top: -2px;
}

/* 자가 진단 */
.self_test { margin-bottom: 40px; border-top: 2px solid #E1315F; border-bottom: 1px solid #aaa; }

.self_test dt { padding-left: 33px; font-size: 18px; padding-top: 25px; color: #333; font-weight: 500; position: relative; }

.self_test dt span { position: absolute; left: 0; top: 25px; width: 26px; display: inline-block; text-align: right; }

.self_test dt.bg { background: #f7f7f7; padding: 20px 30px; color: #333; }

.self_test dt.bg + dd { padding-top: 25px; }

.self_test dd { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (minmax(calc((100% - 30px)/4), auto))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(calc((100% - 30px)/4), auto)); row-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; padding-top: 15px; padding-bottom: 30px; }

.self_test dd + dt { border-top: 2px dotted #ddd; }

.self_test dd label { display: block; position:relative;}

.self_test dd label input {position:absolute; left:10px; top:13px;}

.self_test dd label input + span { display: block; text-align: left; background: #fff; border:1px solid #ddd; border-radius: 5px; padding: 10px 10px 10px 32px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; word-break: keep-all; }

.self_test dd label input + span:hover{border:1px solid #018489;}
.self_test dd label input:checked + span, .self_test dd label input:focus + span { background-color: #018489;border:1px solid #018489; color: #fff; font-weight:800; }

@media (max-width: 768px) { .self_test dt { padding-top: 15px; font-size: 16px; }
  .self_test dt span { top: 15px; }
  .self_test dt.bg { padding: 15px 20px; }
  .self_test dt.bg + dd { padding-top: 15px; }
  .self_test dt.bg br { display: none; }
  .self_test dd { display: block; }
  .self_test dd label + label { margin-top: 10px; } }

.self_box { background: #f7f7f7; text-align: center; border: 1px solid #ddd; padding: 10px 20px; font-size: 15px; }

/*자가 진단 결과*/
.con_box_result {
  text-align: center;
  font-size: 18px;
}
.con_box_result dl dt {
  display: inline-block;
  color: #222;
  font-weight: 500;
}
.con_box_result dl dt:nth-of-type(n+2) {
  margin-left: 20px;
}
.con_box_result dl dt::after {
  content: ":";
  display: inline-block;
}
.con_box_result dl dd {
  display: inline-block;
}
@media (max-width: 767px) {
  .con_box_result {
    font-size: 16px;
  }
  .con_box_result dl dt:nth-of-type(n+2) {
    margin-left: 10px;
  }
}
.con_box_result{
	margin-bottom:20px!important;
}
.result_end {
  border-radius: 6px;
  margin: 20px 0;
  text-align: center;
  color:#222;
}
.result_end ul {
  font-size: 20px;
   background: #f2f2f2;
   padding: 30px 10px;
    border-radius: 6px;
}
.result_end > div {
  border:1px dashed #ddd;
  padding: 20px;
  text-align: center;
  border-radius: 6px;
  color: #333;
  margin: 20px auto 0;
}
.result_end > div p {
  margin-bottom: 15px;
}
@media (min-width: 767px) {
  .result_end > div p strong::after {
    content: " : ";
    display: inline-block;
    margin: 0 2px 0 3px;
  }
}
.result_end > div a {
  display: block;
  max-width: 200px;
  border-radius: 6px;
  background-color: #d3274f;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0px;
  margin: 0 auto;
}
.result_end > div a span {
  font-size: 14px;
  display: block;
  font-weight: 400;
}
.result_end [id^=st_result_] {
  display: none;
}
.result_end [id^=st_result_].on {
  display: inline-block;
}
@media (max-width: 1199px) {
  .result_end {
    display: block;
    padding: 20px 0;
  }
  .result_end ul {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
  }
}

.result_bot {
  border-top: 2px solid #d3274f;
  display: grid;
  gap: 0;
}
.result_bot dt, .result_bot dd {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  text-align: center;
  border-left: 1px solid #ddd;
}
.result_bot .no3, .result_bot .no5, .result_bot .no7, .result_bot .no9, .result_bot .no11 {
  color: #000;
  font-weight: 500;
}
.result_bot dt {
  background: #f7f7f7;
  color: #333;
}
.result_bot.type1 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.result_bot.type1 dt.no11, .result_bot.type1 dt.no12, .result_bot.type1 dd.no11, .result_bot.type1 dd.no12 {
  border-right: 1px solid #ddd;
}
@media (max-width: 767px) {
  .result_bot.type1 {
    grid-template-columns: 1fr 1fr;
  }
  .result_bot.type1 dt.no11, .result_bot.type1 dd.no11 {
    border-right: 0;
  }
  .result_bot.type1 .no2, .result_bot.type1 .no4, .result_bot.type1 .no6, .result_bot.type1 .no8, .result_bot.type1 .no10 {
    border-right: 1px solid #ddd;
  }
  .result_bot.type1 .no1 {
    order: 1;
  }
  .result_bot.type1 .no2 {
    order: 2;
  }
  .result_bot.type1 .no3 {
    order: 3;
  }
  .result_bot.type1 .no4 {
    order: 4;
  }
  .result_bot.type1 .no5 {
    order: 5;
  }
  .result_bot.type1 .no6 {
    order: 6;
  }
  .result_bot.type1 .no7 {
    order: 7;
  }
  .result_bot.type1 .no8 {
    order: 8;
  }
  .result_bot.type1 .no9 {
    order: 9;
  }
  .result_bot.type1 .no10 {
    order: 10;
  }
  .result_bot.type1 .no11 {
    order: 11;
  }
  .result_bot.type1 .no12 {
    order: 12;
  }
}
.result_bot.type2 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.result_bot.type2 dt.no9, .result_bot.type2 dt.no10, .result_bot.type2 dd.no9, .result_bot.type2 dd.no10 {
  border-right: 1px solid #ddd;
}
@media (max-width: 767px) {
  .result_bot.type2 {
    grid-template-columns: 1fr 1fr;
  }
  .result_bot.type2 dt.no9, .result_bot.type2 dd.no9 {
    border-right: 0;
  }
  .result_bot.type2 .no2, .result_bot.type2 .no4, .result_bot.type2 .no6, .result_bot.type2 .no8, .result_bot.type2 .no10 {
    border-right: 1px solid #ddd;
  }
  .result_bot.type2 .no1 {
    order: 1;
  }
  .result_bot.type2 .no2 {
    order: 2;
  }
  .result_bot.type2 .no3 {
    order: 3;
  }
  .result_bot.type2 .no4 {
    order: 4;
  }
  .result_bot.type2 .no5 {
    order: 5;
  }
  .result_bot.type2 .no6 {
    order: 6;
  }
  .result_bot.type2 .no7 {
    order: 7;
  }
  .result_bot.type2 .no8 {
    order: 8;
  }
  .result_bot.type2 .no9 {
    order: 9;
  }
  .result_bot.type2 .no10 {
    order: 10;
  }
}

/* 신청 폼 */
.label-list3 > label, .label-list3 > div {
  display: block;
}
.label-list3 > label + label, .label-list3 > label + div, .label-list3 > div + label, .label-list3 > div + div {
  margin-top: 10px;
}
.label-list3 > label span, .label-list3 > div span {
  display: inline-block;
  width: 120px;
}
.label-list3 > label input[type=text], .label-list3 > div input[type=text] {
  width: calc(100% - 200px);
  height: 40px;
}
@media (max-width: 768px) {
  .label-list3 > label input[type=text] {
    display: block;
    width: 100%;
  }
}

#openCal {
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-size: 1rem;
}

.calendar {
  text-align: center;
  max-width: 800px !important;
  padding: 20px;
}
.calendar .bg_gray {
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.calendar .bg_gray span {
  color: #333;
  font-weight: 700;
  font-size: 1.5rem;
  display: block;
  padding-top: 7px;
}
.calendar .bg_gray button {
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
.calendar .bg_gray button::before {
  content: "";
  display: block;
  width: 7.5px;
  height: 11.7px;
  background: url(/static/nmc22762276/img/icon_arrow.svg) no-repeat;
  background-size: 100%;
  margin: 0 auto;
}
.calendar .bg_gray button.prev::before {
  transform: rotateZ(180deg);
}
.calendar .cal_wrap {
  display: flex;
  justify-content: space-between;
}
.calendar .cal {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin-bottom: 20px;
  width: 340px;
}
.calendar .cal table {
  table-layout: fixed;
  width: 100%;
}
.calendar .cal table thead {
  border-bottom: 1px solid #E2E2E2;
}
.calendar .cal table thead th {
  font-weight: 500;
  line-height: 40px;
}
.calendar .cal table thead th:nth-child(1) {
  color: red;
}
.calendar .cal table thead th:nth-child(7) {
  color: blue;
}
.calendar .cal table tbody td {
  padding: 4px 0;
  line-height: 33px;
}
.calendar .cal table tbody td .today {
  display: inline-block;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font-size: 0.9rem;
  padding: 0 5px;
}
.calendar .cal table tbody td button {
  font-weight: 500;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background: #E8F0F9;
}
.calendar .cal table tbody td button.on {
  background: #d3274f;
  color: #fff;
  border-radius: 5px;
}
.calendar .cal .ui-datepicker-header {
  display: none;
}
.calendar .cal [data-handler=selectDay] a {
  font-weight: 500;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background: #E8F0F9;
}
.calendar .cal a {
  display: block;
  margin: 0 auto;
}
.calendar .cal td.ui-datepicker-today::after {
  content: "오늘";
  display: inline-block;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font-size: 0.9rem;
  padding: 0 5px;
}
.calendar .cal td.ui-datepicker-today span {
  display: none;
}
.calendar .cal a.ui-state-active {
  background: #00A5AC;
  color: #fff;
  border-radius: 5px;
}
.calendar .time {
  text-align: left;
  width: calc(100% - 360px);
}
.calendar .time ul {
  margin-bottom: 20px;
}
.calendar .time ul li {
  font-size: 0.875rem;
  padding-left: 15px;
  position: relative;
}
.calendar .time ul li + li {
  margin-top: 5px;
}
.calendar .time ul li::before {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.calendar .time > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, auto));
  row-gap: 5px;
  column-gap: 5px;
}
.calendar .time > div button {
  border: 1px solid #ddd;
  background: #f7f7f7;
  border-radius: 5px;
  color: #555;
}
.calendar .time > div button.on {
  background-color: #d80358;
  color: #fff;
  border-color: #d80358;
}
.calendar .btn-set {
  margin: 10px 0;
}
.calendar .btn-set button {
  height: 40px;
  padding: 0;
  line-height: 40px;
}
@media (max-width: 767px) {
  .calendar .cal_wrap {
    display: block;
  }
  .calendar .cal_wrap .cal, .calendar .cal_wrap .time {
    width: 100%;
  }
  .calendar .btn-set {
    margin-top: 30px;
  }
}

/* 교육신청 */
.edu_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, auto));
  row-gap: 20px;
  column-gap: 20px;
}
.edu_list > div {
  border: 1px solid #ddd;
  padding: 25px;
  border-radius: 10px;
}
.edu_list > div > p {
  background-color: #eee;
  color: #333;
  border-radius: 4px;
  display: inline-block;
  padding: 0 20px;
}
.edu_list > div dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.edu_list > div dl dt {
  width: 100px;
  color: #000;
  font-size: 700;
  margin-top: 10px;
  padding-top: 10px;
}
.edu_list > div dl dd {
  width: calc(100% - 120px);
  margin-top: 10px;
  padding-top: 10px;
}
.edu_list > div dl dt:nth-of-type(n+2),
.edu_list > div dl dd:nth-of-type(n+2) {
  border-top: 1px dotted #ddd;
}
.edu_list > div button, .edu_list > div span {
  display: block;
  width: 100px;
  margin: 0 auto;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
}
.edu_list > div button {
  background: #d80358;
}
.edu_list > div span {
  background-color: #666;
}

/* 공통 컨텐츠 */
[class^=ilist_] + [class^=ilist_] {
  margin-top: 30px;
}
[class^=ilist_] li {
  padding-left: 10px;
  position: relative;
  line-height: 1.4;
  text-align: left;
}
[class^=ilist_] li + li {
  margin-top: 8px;
}
[class^=ilist_] li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #555;
  position: absolute;
  left: 0;
  top: 8px;
}
[class^=ilist_].ilist_type2 li {
  padding-left: 14px;
}
[class^=ilist_].ilist_type2 li::before {
  content: "-";
  width: auto;
  height: auto;
  background: transparent;
  border-radius: 0;
  top: 0px;
}
[class^=ilist_].ilist_type3 li {
  padding-left: 20px;
  color: #555;
  font-weight: 500;
}
[class^=ilist_].ilist_type3 li::before {
  content: "";
  display: block;
  left: 0;
  top: 0px;
  width: 15px;
  height: 15px;
  background: url("/static/nmc22762276/img/ic_bullet1.svg") no-repeat;
}
[class^=ilist_].ilist_type4 li {
  padding-left: 20px;
  color: #555;
  font-weight: 500;
}
[class^=ilist_].ilist_type4 li::before {
  content: "";
  display: block;
  left: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  background: url("/static/nmc22762276/img/ic_bullet2.svg") no-repeat;
  background-size: contain;
}
[class^=ilist_].ilist_num li {
  padding-left: 17px;
}
[class^=ilist_].ilist_num li::before {
  content: "1.";
  background: none;
  top: 0;
}
[class^=ilist_].ilist_num li:nth-child(2):before {
  content: "2.";
}
[class^=ilist_].ilist_num li:nth-child(3):before {
  content: "3.";
}
[class^=ilist_].ilist_num li:nth-child(4):before {
  content: "4.";
}
[class^=ilist_].ilist_num li:nth-child(5):before {
  content: "5.";
}
[class^=ilist_].ilist_num li:nth-child(6):before {
  content: "6.";
}
[class^=ilist_].ilist_num li:nth-child(7):before {
  content: "7.";
}
[class^=ilist_].ilist_num li:nth-child(8):before {
  content: "8.";
}
[class^=ilist_].ilist_num li:nth-child(9):before {
  content: "9.";
}

[class^=table_] {
  border-top: 1px solid var(--main1);
  width: 100%;
}
[class^=table_] table{
	width:100%;
}
[class^=table_] tr {
  border-bottom: 1px solid #D4D4D4;
}
[class^=table_] tr th {
  background: #F2F2F2;
  vertical-align: middle;
  color: #222;
  padding: 15px 20px;
  border-left: 1px solid #D4D4D4;
}
[class^=table_] tr th:first-child {
  border-left: 0px;
}
[class^=table_] tr td {
  min-height: 50px;
  vertical-align: middle;
  font-weight: 400;
  padding: 20px 30px;
  border-left: 1px solid #D4D4D4;
}
[class^=table_] tr td:first-child {
  border-left: 0px;
}
[class^=table_] tr p + ul {
  margin-top: 20px;
}
@media (max-width: 600px) {
  [class^=table_] {
    font-size: 14px;
  }
  [class^=table_].table_type01 {
    display: block;
    border-bottom: 1px solid #D4D4D4;
    width: 100%;
  }
  [class^=table_].table_type01 tbody {
    display: block;
  }
  [class^=table_].table_type01 tr {
    display: block;
    border-bottom: 0;
  }
  [class^=table_].table_type01 tr th {
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }
  [class^=table_].table_type01 tr td {
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
  [class^=table_].table_type02 tr th {
    padding: 8px 5px;
  }
  [class^=table_].table_type02 tr td {
    padding: 8px 5px;
  }
}

.offscreen {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}

.block {
  display: block;
  margin: 30px auto;
}
.block.mobile {
  display: none;
}
@media (max-width: 767px) {
  .block {
    margin: 10px auto;
  }
  .block.mobile {
    display: block;
  }
  .block.pc {
    display: none;
  }
}

.sources {
  font-size: 13px;
  text-align: right;
  color: #747474;
}
.sources.type2 {
  float: right;
}

.text_big {
  font-size: 20px;
  line-height: 32px;
  color: #222;
}
.text_big strong {
  font-weight: 500;
  color: #444;
  margin-top: 10px;
  display: inline-block;
}
.text_big strong span {
  font-weight: 700;
}
@media (max-width: 767px) {
  .text_big {
    font-size: 18px;
  }
}

.text + .list-bu {
  margin-top: 10px;
}

.point {
  color: #d80358;
}

i[class^=icon] {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  display: inline-block;
}
i[class^=icon].icon1 {
  background-image: url(/static/nmc22762276/img/icon_no1.svg);
}
i[class^=icon].icon2 {
  background-image: url(/static/nmc22762276/img/icon_no2.svg);
}
i[class^=icon].icon3 {
  background-image: url(/static/nmc22762276/img/icon_no3.svg);
}
i[class^=icon].icon4 {
  background-image: url(/static/nmc22762276/img/icon_no4.svg);
}

[class^=tit_icon_] {
  text-align: center;
  color: #333333;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
[class^=tit_icon_]::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  margin: 0 auto 20px;
  background-size: 100%;
}
[class^=tit_icon_].tit_icon_1::before {
  background-image: url(/static/nmc22762276/img/tit_icon_1.svg);
}
[class^=tit_icon_].tit_icon_2::before {
  background-image: url(/static/nmc22762276/img/tit_icon_2.svg);
}
[class^=tit_icon_].tit_icon_3::before {
  background-image: url(/static/nmc22762276/img/tit_icon_3.svg);
}
[class^=tit_icon_].tit_icon_4::before {
  background-image: url(/static/nmc22762276/img/tit_icon_4.svg);
}
[class^=tit_icon_].tit_icon_5::before {
  background-image: url(/static/nmc22762276/img/tit_icon_5.svg);
}
[class^=tit_icon_].tit_icon_6::before {
  background-image: url(/static/nmc22762276/img/tit_icon_6.svg);
}
[class^=tit_icon_].tit_icon_7::before {
  background-image: url(/static/nmc22762276/img/tit_icon_7.svg);
}
[class^=tit_icon_].tit_icon_8::before {
  background-image: url(/static/nmc22762276/img/tit_icon_8.svg);
}
[class^=tit_icon_].tit_icon_9::before {
  background-image: url(/static/nmc22762276/img/tit_icon_9.svg);
}
[class^=tit_icon_].tit_icon_10::before {
  background-image: url(/static/nmc22762276/img/tit_icon_10.svg);
}
[class^=tit_icon_].tit_icon_11::before {
  background-image: url(/static/nmc22762276/img/tit_icon_11.svg);
}
[class^=tit_icon_].tit_icon_12::before {
  background-image: url(/static/nmc22762276/img/tit_icon_12.svg);
}
[class^=tit_icon_].tit_icon_13::before {
  background-image: url(/static/nmc22762276/img/tit_icon_13.svg);
}
[class^=tit_icon_].tit_icon_14::before {
  background-image: url(/static/nmc22762276/img/tit_icon_14.svg);
}
[class^=tit_icon_].tit_icon_15::before {
  background-image: url(/static/nmc22762276/img/tit_icon_15.svg);
}
[class^=tit_icon_].tit_icon_16::before {
  background-image: url(/static/nmc22762276/img/tit_icon_16.svg);
}
[class^=tit_icon_].tit_icon_17::before {
  background-image: url(/static/nmc22762276/img/tit_icon_17.svg);
}
[class^=tit_icon_].tit_icon_18::before {
  background-image: url(/static/nmc22762276/img/tit_icon_18.svg);
}
[class^=tit_icon_].tit_icon_19::before {
  background-image: url(/static/nmc22762276/img/tit_icon_19.svg);
}
[class^=tit_icon_] + span, [class^=tit_icon_] + ul {
  text-align: center;
  display: block;
  border-top: 1px solid #DDDDDD;
  padding-top: 20px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  [class^=tit_icon_]::before {
    width: 30px;
    height: 30px;
    background-size: 100%;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -3px;
  }
}

[class^=con_box] {
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  padding: 20px;
}
[class^=con_box] + .con_box {
  margin-top: 10px;
}
[class^=con_box] + p, [class^=con_box] + [class^=dl_style], [class^=con_box] + [class^=list_box_] {
  margin-top: 20px;
}
[class^=con_box] .int {
  display: inline-block;
  margin-left: 30px;
}
@media (max-width: 1199px) {
  [class^=con_box] .int {
    margin-left: 0;
  }
}

[class^=list_box] {
  display: grid;
  row-gap: 20px;
  column-gap: 20px;
}
[class^=list_box] > li {
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  padding: 20px;
}
[class^=list_box] > li img {
  width: 100%;
}
[class^=list_box] > li .list-bu li {
  word-break: keep-all;
}
[class^=list_box] > li .list-bu li + li {
  margin-top: 7px;
}
[class^=list_box] [class^=tit] {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
  text-align: center;
}
[class^=list_box] [class^=tit].tit_s {
  font-size: 18px;
}
[class^=list_box] [class^=tit].tit_s + img {
  height: 230px;
  width: auto;
  display: block;
  margin: 10px auto;
  border: 1px solid #eee;
}
[class^=list_box].list_box_2 {
  grid-template-columns: repeat(auto-fit, minmax(520px, auto));
}
[class^=list_box].list_box_3 {
  grid-template-columns: repeat(auto-fit, minmax(360px, auto));
}
[class^=list_box].list_box_4 {
  grid-template-columns: repeat(auto-fit, minmax(280px, auto));
}
[class^=list_box].list_box_4_in {
  grid-template-columns: repeat(auto-fit, minmax(210px, auto));
  text-align: center;
}
[class^=list_box].list_box_4_in li {
  border: 3px solid #FFA768;
  border-radius: 6px;
  line-height: 26px;
  font-weight: 700;
  color: #333333;
  border-radius: 300px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}
[class^=list_box].list_box_4_in li span {
  color: #C95808;
  display: block;
  margin-bottom: 3px;
  font-size: 18px;
}
[class^=list_box].list_box_4_in li:nth-of-type(2) {
  border-color: #B7D200;
}
[class^=list_box].list_box_4_in li:nth-of-type(2) span {
  color: #839027;
}
[class^=list_box].list_box_4_in li:nth-of-type(3) {
  border-color: #29AE37;
}
[class^=list_box].list_box_4_in li:nth-of-type(3) span {
  color: #29AE37;
}
[class^=list_box].list_box_4_in li:nth-of-type(4) {
  border-color: #079DA9;
}
[class^=list_box].list_box_4_in li:nth-of-type(4) span {
  color: #079DA9;
}
[class^=list_box].list_box_4_in li:nth-of-type(5) {
  border-color: #0748A9;
}
[class^=list_box].list_box_4_in li:nth-of-type(5) span {
  color: #0748A9;
}
[class^=list_box].list_box_4_in.type2 li {
  font-size: 20px;
  height: 224px;
  padding-top: 50px;
}
[class^=list_box].list_box_4_in.type2 li span {
  margin-bottom: 10px;
}
[class^=list_box].list_box_4_in.type2 li::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  margin: 0 auto 10px;
}
[class^=list_box].list_box_4_in.type2 li:nth-child(1):before {
  background-image: url(/static/nmc22762276/img/step_icon1.svg);
}
[class^=list_box].list_box_4_in.type2 li:nth-child(2):before {
  background-image: url(/static/nmc22762276/img/step_icon2.svg);
}
[class^=list_box].list_box_4_in.type2 li:nth-child(3):before {
  background-image: url(/static/nmc22762276/img/step_icon3.svg);
}
[class^=list_box].list_box_4_in.type2 li:nth-child(4):before {
  background-image: url(/static/nmc22762276/img/step_icon4.svg);
}
[class^=list_box].list_box_4_in.type2 li:nth-child(5):before {
  background-image: url(/static/nmc22762276/img/step_icon5.svg);
}
[class^=list_box].list_box_5 {
  grid-template-columns: repeat(auto-fit, minmax(240px, auto));
  text-align: center;
}
@media (max-width: 767px) {
  [class^=list_box] {
    row-gap: 10px;
    column-gap: 10px;
  }
  [class^=list_box].list_box_4_in li {
    text-align: left;
    padding: 10px;
    padding-left: 50px;
    position: relative;
  }
  [class^=list_box].list_box_4_in li span {
    position: absolute;
    left: 20px;
    top: 10px;
  }
  [class^=list_box].list_box_4_in.type2 li {
    padding-left: 10px;
    height: auto;
    padding-top: 20px;
    text-align: center;
  }
  [class^=list_box].list_box_4_in.type2 li::before {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    margin: 0;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -5px;
  }
  [class^=list_box].list_box_4_in.type2 li span {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin-right: 10px;
  }
}
@media (max-width: 560px) {
  [class^=list_box].list_box_2 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 400px) {
  [class^=list_box].list_box_3 {
    grid-template-columns: 1fr;
  }
}

[class^=dl_style] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
[class^=dl_style] dt {
  width: 200px;
  background: #F5F5F5;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
}
[class^=dl_style] dt:nth-of-type(n+2) {
  margin-top: 20px;
}
[class^=dl_style] dd {
  width: calc(100% - 220px);
  border-radius: 10px;
  padding: 20px;
  font-weight: 400;
  line-height: 28px;
}
[class^=dl_style] dd:nth-of-type(n+2) {
  margin-top: 20px;
}
[class^=dl_style].dl_style1 dt {
  color: #fff;
  background-color: #d3274f;
  font-size: 22px;
  border-radius: 10px;
}
[class^=dl_style].dl_style1 dt:nth-of-type(2) {
  background-color: #03A67F;
}
[class^=dl_style].dl_style1 dd {
  border: 2px solid #DDDDDD;
}
[class^=dl_style].dl_style2 {
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  overflow: hidden;
}
[class^=dl_style].dl_style2 + .dl_style2, [class^=dl_style].dl_style2 + .con_box {
  margin-top: 20px;
}
[class^=dl_style].dl_style2 dt i[class^=icon] {
  margin-right: 10px;
}
[class^=dl_style].dl_style2 dd .acc {
  padding-left: 85px;
  position: relative;
}
[class^=dl_style].dl_style2 dd .acc + .acc {
  margin-top: 15px;
}
[class^=dl_style].dl_style2 dd .acc strong {
  color: #d3274f;
  font-weight: 700;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
}
[class^=dl_style].dl_style2 dd h3 {
  color: #00A5AC;
  font-size: 18px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  [class^=dl_style] {
    display: block;
  }
  [class^=dl_style] dt {
    width: 100%;
    padding: 10px;
  }
  [class^=dl_style] dd {
    width: 100%;
    padding: 10px;
  }
  [class^=dl_style].dl_style1 dd {
    margin-top: 10px;
  }
}

.ol_style1 > li {
  position: relative;
  padding-left: 27px;
}
.ol_style1 > li + li {
  margin-top: 20px;
}
.ol_style1 > li span {
  display: block;
  width: 22px;
  height: 22px;
  background: #555;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 2px;
}
.ol_style1 > li ol {
  margin-top: 10px;
}

[class^=big_wrap_] {
  width: calc(100vW - 9px);
  position: relative;
  left: calc(50% - 50vW);
  background-position: center center;
  background-color: #DDF0F9;
  background-size: cover;
  margin: 60px 0;
}
[class^=big_wrap_] + .sources {
  margin-top: -50px;
  margin-bottom: -40px;
}
[class^=big_wrap_] .con {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}
[class^=big_wrap_] .tit {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #105A7D;
  margin-bottom: 20px;
}
[class^=big_wrap_] .tit span {
  font-weight: 400;
  font-size: 18px;
  display: block;
}
[class^=big_wrap_].big_wrap_1 {
  background-image: url(/static/nmc22762276/img/big_wrap_1.jpg);
}
[class^=big_wrap_].big_wrap_2 {
  background-image: url(/static/nmc22762276/img/big_wrap_2.jpg);
}
[class^=big_wrap_].big_wrap_3 {
  background-image: url(/static/nmc22762276/img/big_wrap_3.jpg);
}
[class^=big_wrap_].big_wrap_4 {
  background-image: url(/static/nmc22762276/img/big_wrap_4.jpg);
}
[class^=big_wrap_].big_wrap_5 {
  background-image: url(/static/nmc22762276/img/big_wrap_5.jpg);
}
@media (max-width: 1199px) {
  [class^=big_wrap_] {
    padding: 0 20px;
    width: 100vW;
  }
}
@media (max-width: 767px) {
  [class^=big_wrap_] .tit {
    font-size: 22px;
    line-height: 32px;
  }
  [class^=big_wrap_] + .sources {
    margin-top: -50px;
    margin-bottom: -10px;
  }
}

/* 컨텐츠 탭 */
.sub_tab {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60px, auto));
  row-gap: 20px;
  column-gap: 20px;
  line-height: 26px;
}
.sub_tab li {
  border: 2px solid #DDDDDD;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 2px solid #01B3BB;
}
.sub_tab li a {
  display: block;
  padding: 10px 0;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
}
.sub_tab li.on {
  background: #01B3BB;
  border-color: #01B3BB;
}
.sub_tab li.on a {
  color: #fff;
}
.sub_tab li.on a::before {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}
@media (max-width: 767px) {
  .sub_tab {
    row-gap: 10px;
    column-gap: 10px;
  }
}

.sub_tab_con {
  position: relative;
  border: 1px solid #DDDDDD;
  border-radius: 0px 0px 10px 10px;
  border-top: 2px solid #01B3BB;
  padding: 20px;
  margin-top: -2px;
}
.sub_tab_con + .infer_ban {
  margin-top: 24px;
}
.sub_tab_con h3 {
  margin-top: 0;
  color: #00A5AC;
}
.sub_tab_con.infer_img {
  padding-left: 300px;
  min-height: 300px;
}
.sub_tab_con.infer_img img {
  width: 280px;
  position: absolute;
  left: 0px;
  top: 20px;
}
.sub_tab_con .small {
  text-align: 14px;
}
.sub_tab_con .small.text {
  margin-top: 10px;
}
.sub_tab_con.infer_img2 {
  padding-left: 380px;
}
.sub_tab_con.infer_img2 img {
  width: 363px;
  position: absolute;
  left: 0px;
  top: 20px;
}
.sub_tab_con .table-col, .sub_tab_con .table-row {
  margin-top: 10px;
}
.sub_tab_con .table-col table, .sub_tab_con .table-row table {
  border-top: 2px solid #666;
}
.sub_tab_con .table-col th, .sub_tab_con .table-col td, .sub_tab_con .table-row th, .sub_tab_con .table-row td {
  padding: 10px 5px;
}
@media (max-width: 767px) {
  .sub_tab_con.infer_img, .sub_tab_con.infer_img2 {
    padding-left: 20px;
  }
  .sub_tab_con.infer_img img, .sub_tab_con.infer_img2 img {
    display: block;
    position: relative;
    top: 0px;
    margin: 0 auto 20px;
  }
}

.depth4-tab {
  margin-bottom: 30px;
}
.depth4-tab nav {
  border: 1px solid #ddd;
  border-radius: 3px;
}
.depth4-tab nav .js-tab {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60px, auto));
  justify-items: center;
  align-items: center;
}
.depth4-tab nav .js-tab li {
  border-left: 1px solid #ddd;
  width: 100%;
  height: 100%;
}
.depth4-tab nav .js-tab li:first-child {
  border: 0;
}
.depth4-tab nav .js-tab li a, .depth4-tab nav .js-tab li button {
  display: flex;
  text-align: center;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  min-height: 50px;
  font-size: 17px;
  width: 100%;
}
.depth4-tab nav .js-tab li:hover {
  background: #f2f2f2;
}
.depth4-tab nav .js-tab li.on {
  position: relative;
}
.depth4-tab nav .js-tab li.on a, .depth4-tab nav .js-tab li.on button {
  color: var(--sub1);
  font-weight: 800;
}
.depth4-tab nav .js-tab li.on::after {
  content: "";
  width: calc(100% + 2px);
  height: 3px;
  background: var(--main1);
  display: block;
  position: absolute;
  left: -1px;
  bottom: -1px;
}
@media (max-width: 600px) {
  .depth4-tab nav .js-tab li a {
    font-size: 15px;
    min-height: 40px;
    padding: 6px 3px;
  }
}

.tab_con > div {
  display: none;
}
.tab_con > div.on {
  display: block;
}

.agg-set2 h3 {
  margin-bottom: 0 !important;
  border-radius: 10px 10px 0 0;
}
.agg-set2 .ovy {
  border-radius: 0 0 10px 10px;
}

.bu-dot::before, .list-bu > li::before, .box-arr.info > li dl dd ul.list-bu li::before, .dl-listbox dl dd ul.list-bu li::before {
  background-color: #999;
}

.box-dot, .box-dot2, .box-dot3, .box-dot4 {
  border: 1px solid #dddddd;
  border-radius: 10px;
  font-size: 18px;
  padding: 20px;
  font-weight: 400;
}

.box-dot .lg, .box-dot2 .lg, .box-dot3 .lg, .box-200313 .lg, .box-200425 .lg, .box-dot4 .lg {
  color: #d3274f;
}

.bu1 {
  font-family: "Noto Sans KR", sans-serif;
}

[class^=b-] {
  border-radius: 6px;
}

.b-write, .b-blue, .b-submit {
  background-color: #d3274f !important;
}

.reqInfor, .req::before, .req {
  color: #d3274f !important;
}

.reqInfor {
  text-align: right;
  margin-top: -10px;
  font-size: 14px;
}

.reqInfor + .reg {
  margin-top: 0 !important;
}

#Main #footer address a {
  color: #555;
}

.join-step2 h2::before {
  display: none !important;
}

.notice-list ul li a .secret {
  display: inline-block;
  margin-left: 3px;
  width: 14px;
  height: 14px;
  background: url(/static/nmc22762276/img/icon_secret.png) no-repeat;
  background-size: 100%;
}

.bd-view .bd-write .files + dl dd {
  min-width: 200px;
}

.photo-list + .paginationSet { margin-top: 20px; }

.photo-list ul{display:grid; gap:30px; grid-template-columns:1fr;}

@media (min-width: 768px) { .photo-list ul{grid-template-columns:1fr 1fr; } }

@media (min-width: 1280px) { .photo-list ul{grid-template-columns:1fr 1fr 1fr; } }

.photo-list ul li a { position: relative; display: block; border: 1px solid #ddd; height:100%;}

.photo-list ul li a:hover, .photo-list ul li a:focus { border-color: var(--main1); background-color: #f7f7f7; color:var(--sub1); }
.photo-list ul li a:hover .txt, .photo-list ul li a:focus .txt{color:var(--sub1); font-weight:700;}

.photo-list ul li a .new { position: absolute; right: -1px; top: -1px; background-color: var(--sub2); border-radius: 2px; color: #ffffff; width: 20px; height: 19px; font-size: 0.875rem; text-align: center; line-height: 19px; z-index: 1; }

.photo-list ul li a .new::before { content: 'N'; display: inline; }

.photo-list ul li a .img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; border-bottom: 1px solid #e8e8e8; background-color: #f5f5f5; background-size: cover; background-position: center center; }

.photo-list ul li a .img::before { content: ''; padding-top: 57.89474%; }

.photo-list ul li a .img img { max-width: 100%; width: 100%; vertical-align: top; }

.photo-list ul li a .img.no-img { background: #f5f5f5 url(/static/nmc/img/common/noimg-pic.png) center center no-repeat; background-size: 170px; }

.photo-list ul li a .txt { display: block;  color: #333; font-size: 1.125rem; font-weight: 500; line-height: 1.56; letter-spacing: -0.017rem;  margin: 20px 30px 15px; }

.photo-list ul li a .date { color: #666; display: block; line-height: 1; margin-top: 13px; margin: 0 30px 24px; }

.photo-list ul li a .img {
  background-position: center top;
}

.bd-list table tbody a.file, .bd-list3 table tbody a.file {
  background-image: url(/static/nmc22762276/img/ico-file3.png);
  width: 22px;
  height: 22px;
}

.photo-list ul li a .txt span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  display: block;
  color: #666;
  margin-top: 5px;
  font-size: 1rem;
}

.bd-list table tbody .tit a, .bd-list3 table tbody .tit a, .bd-list table tbody .title a, .bd-list3 table tbody .title a {
  width: 650px;
}

.photo-list ul li a .txt {
  font-size: 1rem;
  margin: 15px;
}

.photo-list ul li a .date {
  margin: 0 5px 15px 15px; font-size:14px;
}
.photo-list ul li a .date2 {
  margin: 0 5px 5px 15px; font-size:15px; display:inline-block; color:var(--sub3); font-weight:700;
}
.photo-list ul li a .date2.end{ color:#666;font-weight:500;}

.photo-list .nodata{ text-align:center;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8; padding:50px 0;}

@media (min-width: 1024px) and (max-width: 1199px) {
  #gnb {
    height: 0px;
  }
  #gnb > .set, #gnb::before {
    display: none;
  }
}
@media (max-width: 1200px) {
  .bd-list table tbody .tit a, .bd-list3 table tbody .tit a, .bd-list table tbody .title a, .bd-list3 table tbody .title a {
    width: 500px;
  }
}
@media (max-width: 767px) {
  .box-dot, .box-dot2, .box-dot3, .box-dot4 {
    font-size: 16px;
  }
  .depth4-tab {
    display: block;
  }
  .mscroll_info {
    font-size: 14px;
    color: #666;
    text-align: right;
    margin-top: -30px;
    height: 30px;
  }
  .mscroll_info::before {
    content: "좌우 스크롤 이동";
    display: inline-block;
    vertical-align: middle;
  }
  .mscroll_info::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    background: url(/static/nmc22762276/img/mscroll.svg) right top no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
  .sources + .mscroll_info {
    text-align: left;
    margin-top: -25px;
  }
  .bd-list table tbody .tit a, .bd-list3 table tbody .tit a, .bd-list table tbody .title a, .bd-list3 table tbody .title a {
    width: calc(100% - 90px) !important;
  }
}
#content {
  /* 인사말 */
  /* 연혁 */
  /* 미션/비젼*/
  /* BI */
}
#content .greeting_n .greeting_box {
  border: 5px solid #eee;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 225px;
}
#content .greeting_n .greeting_box p:nth-child(1) {
  font-size: 20px;
  color: var(--main1);
  position: relative;
  z-index: 9;
}
#content .greeting_n .greeting_box p:nth-child(2) {
  font-size: 36px;
  font-weight: 800;
  color: #333;
  font-family: "NanumSquareRoundEB";
  z-index: 9;
}
#content .greeting_n .greeting_box::before, #content .greeting_n .greeting_box::after {
  content: "";
  width: 330px;
  height: 225px;
  background: url("/static/nmc22762276/img/greeting_bg01.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#content .greeting_n .greeting_box::after {
  background-image: url("/static/nmc22762276/img/greeting_bg02.png");
  background-position: top right;
  left: auto;
  right: 0;
}
#content .greeting_n .greeting_text {
  margin-top: 30px; font-size:17px;
}
#content .greeting_n .greeting_text .gre_tt1 {
  font-size: 23px;
  color: #444;
  font-weight: 700;
  padding-bottom: 15px;
}
#content .greeting_n .greeting_director {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position:relative;
}
#content .greeting_n .greeting_director p {
  color: #555;
  font-weight: 700;
  margin-bottom:10px;
  font-size:18px;
}
#content .greeting_n .greeting_director p span{
	font-size:15px; font-weight:500; margin-right:15px;
}
#content .greeting_n .greeting_director p img{vertical-align: bottom;}

#content .greeting_n .greeting_director .sns_link {
  padding-top: 15px;
  display: flex;
  gap: 10px;
  position:absolute;
  left:0;
  top:20px;
}
#content .greeting_n .greeting_director .sns_link a {
  background: #dadada;
  display: inline-block;
  line-height: 0;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
#content .greeting_n .greeting_director .sns_link a::before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url("/static/nmc22762276/img/greeting_ic_youtube.svg");
}
#content .greeting_n .greeting_director .sns_link .youtube:hover {
  background-color: #FF0000;
}
#content .greeting_n .greeting_director .sns_link .youtube:hover::before {
  background-image: url("/static/nmc22762276/img/greeting_ic_youtube_over.svg");
}
#content .greeting_n .greeting_director .sns_link .kakao::before {
  background-image: url("/static/nmc22762276/img/greeting_ic_kakatalk.svg");
}
#content .greeting_n .greeting_director .sns_link .kakao:hover {
  background-color: #333333;
}
#content .greeting_n .greeting_director .sns_link .kakao:hover::before {
  background-image: url("/static/nmc22762276/img/greeting_ic_kakatalk_over.svg");
}
@media (max-width: 999px) {
  #content .greeting_n .greeting_box::before, #content .greeting_n .greeting_box::after {
    width: 100px;
    background-position: -25px 83px;
    background-size: 200%;
  }
  #content .greeting_n .greeting_box::after {
    background-position: -68px 0;
  }
}
@media (max-width: 600px) {
  #content .greeting_n .greeting_box {
    height: 200px;
  }
  #content .greeting_n .greeting_box p:nth-child(1) {
    font-size: 15px;
  }
  #content .greeting_n .greeting_box p:nth-child(2) {
    font-size: 26px;
  }
  #content .greeting_n .greeting_box::before {
    background-position: -25px 58px;
  }
  #content .greeting_n .greeting_director .sns_link {
  top:5px;}
}
#content .history {
  position: relative;
  padding-bottom: 80px;
  padding-left: 50px;
  padding-right: 50px;
}
#content .history::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 160px);
  background: #ccc;
  position: absolute;
  left: 50%;
  top: 100px;
}
#content .history div {
  display: flex;
  justify-content: center;
  z-index: 9;
  position: relative;
}
#content .history div .h_tit {
  width: 140px;
  height: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 26px;
  background: linear-gradient(to right, #00838A 20%, #00BABE 100%);
  color: #fff;
  border-radius: 50%;
}
#content .history div .h_tit::before {
  content: "";
  height: 30px;
  width: 40px;
  display: block;
  background: url("/static/nmc22762276/img/center_ic_logo_w.svg") no-repeat;
  background-size: contain;
}
#content .history dl {
  display: grid;
  grid-template-columns: 1fr;
  padding-right: 55%;
  position: relative;
}
#content .history dl::before {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 45px;
}
#content .history dl::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: var(--sub3);
  position: absolute;
  left: calc(50% - 5px);
  top: 40px;
  border-radius: 50%;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
#content .history dl:nth-of-type(n+2) {
  margin-top: -80px;
}
#content .history dl:nth-of-type(2n) {
  padding-right: 0;
  padding-left: 60%;
}
#content .history dl:nth-of-type(2n)::before {
  left: auto;
  right: 0;
}
#content .history dl dt {
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 30px;
  color: var(--sub3);
}
#content .history dl dd {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#content .history dl dd p {
  padding-left: 15px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 3px 10px;
}
#content .history dl dd p::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #aaa;
  border-radius: 10px;
  position: absolute;
  left: 2px;
  top: 10px;
}
#content .history dl .h-link {
  color: #fff;
  font-size: 12px;
  padding: 3px 7px;
  display: inline-block;
  position: relative;
}
#content .history dl .h-link::before {
  content: "";
  background: var(--over2);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
}
#content .history dl .h-link span {
  position: relative;
  z-index: 9;
}
#content .history dl .h-link span::after {
  content: "";
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 5px;
  display: inline-block;
  background: url("/static/nmc22762276/img/ic_new_open.svg") no-repeat;
  background-size: contain;
}
#content .history dl .h-link:hover::before {
  filter: brightness(0.85);
}
#content .history.y_2021 dl:nth-of-type(n+2) {
  margin-top: -50px;
}
@media (max-width: 1500px) {
  #content .history {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1280px) {
  #content .history {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 999px) {
  #content .history {
    padding-left: 0px;
    padding-right: 0px;
  }
  #content .history::before {
    left: 61px;
  }
  #content .history div {
    justify-content: flex-start;
  }
  #content .history div .h_tit {
    font-size: 20px;
    width: 120px;
    height: 120px;
  }
  #content .history dl {
    padding-right: 0;
    padding-left: 100px;
  }
  #content .history dl::before {
    width: calc(100% - 60px);
    left: 61px;
    background: #eee;
  }
  #content .history dl::after {
    left: 55px;
  }
  #content .history dl:nth-of-type(n+2) {
    margin-top: 30px !important;
  }
  #content .history dl:nth-of-type(2n) {
    padding-left: 100px;
  }
}
@media (max-width: 600px) {
  #content .history::before {
    left: 20px;
    top: 50px;
    height: calc(100% - 110px);
  }
  #content .history div {
    margin-bottom: 20px;
  }
  #content .history div .h_tit {
    width: 100%;
    height: 50px;
    flex-direction: row;
    gap: 10px;
    border-radius: 30px;
    padding-left: 20px;
  }
  #content .history dl {
    padding-left: 40px !important;
  }
  #content .history dl dt {
    font-size: 22px;
    padding-bottom: 10px;
  }
  #content .history dl::before {
    width: calc(100% - 30px);
    left: 21px !important;
    top: auto;
    bottom: -20px;
  }
  #content .history dl::after {
    left: 15px;
    top: 12px;
  }
  #content .history dl:nth-of-type(n+2) {
    margin-top: 40px;
  }
}
#content .history_tab3 .ask_tel {
  padding-bottom: 15px;
}
#content .history_tab3 .ask_tel::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/static/nmc22762276/img/ic_s_tell.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 2px 2px;
}
#content .history_tab3 ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
#content .history_tab3 ul li {
  padding: 30px 10px;
  border: 1px dotted #ccc;
  border-radius: 3px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#content .history_tab3 ul li p:nth-child(1) {
  font-size: 18px;
  font-weight: 600;
  color: #444;
  padding-bottom: 5px;
}
#content .history_tab3 ul li p:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
}
#content .history_tab3 ul li::after {
  content: "";
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #DA345B 0%, #D54030 100%);
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  opacity: 0;
  z-index: -1;
}
#content .history_tab3 ul li:hover p, #content .history_tab3 ul li:focus-within p {
  color: #fff !important;
}
#content .history_tab3 ul li:hover::after, #content .history_tab3 ul li:focus-within::after {
  opacity: 1;
  width: 100%;
}
@media (max-width: 1500px) {
  #content .history_tab3 ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1280px) {
  #content .history_tab3 ul {
    grid-template-columns: 1fr 1fr;
  }
  #content .history_tab3 ul li {
    padding: 30px 10px;
  }
}
@media (max-width: 600px) {
  #content .history_tab3 ul {
    gap: 10px;
  }
  #content .history_tab3 ul li {
    padding: 20px 5px;
  }
  #content .history_tab3 ul li p:nth-child(1) {
    font-size: 15px;
  }
  #content .history_tab3 ul li p:nth-child(2) {
    font-size: 12px;
  }
}
#content .mission div {
  text-align: center;
  padding-top: 30px;
  position: relative;
  margin-bottom: 40px;
}
#content .mission div::before {
  content: "";
  border-top: 2px dotted #ddd;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 50px;
}
#content .mission div h4 {
  font-size: 20px;
  background: #d24141;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  padding: 5px 20px;
  margin-bottom: 30px;
  min-width: 180px;
  border-radius: 30px;
  position: relative;
}
#content .mission div h4 span {
  font-weight: 400;
  font-size: 15px;
  vertical-align: middle;
}
#content .mission div .tt1 {
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -1px;
  background: linear-gradient(90deg, #c93333 30%, #5d124a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 10px;
}
#content .mission div .tt2 {
  font-size: 15px;
  font-weight: 400;
  display: block;
  color: #747474;
}
#content .mission .mission_2 h4 {
  background: #c93b9c;
}
#content .mission .mission_2 .tt1 {
  background: linear-gradient(90deg, #ee3093 30%, #b236d0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#content .mission .mission_3 h4 {
  background: #e83178;
}
#content .mission ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin: 20px 40px;
}
#content .mission ul img {
  max-width: 100%;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 600px) {
  #content .mission div {
    margin-bottom: 30px;
  }
  #content .mission div h4 {
    font-size: 18px;
    min-width: 160px;
  }
  #content .mission div .tt1 {
    font-size: 28px;
    line-height: 1.3;
  }
  #content .mission div ul {
    margin: 20px 0;
    gap: 20px;
  }
}
#content .BI .BI_file {
  background: #f2f2f2;
  border-radius: 3px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
#content .BI .BI_file a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  padding: 5px 15px;
  display: inline-block;
  position: relative;
  background: var(--sub3);
  border-radius: 5px;
}
#content .BI .BI_file a::before {
  content: "";
  background: var(--sub3);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
}
#content .BI .BI_file a span {
  position: relative;
  z-index: 9;
}
#content .BI .BI_file a span::before {
  content: "";
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 5px;
  display: inline-block;
  background: url("/static/nmc22762276/img/ic_s_download.svg") no-repeat;
  background-size: contain;
}
#content .BI .BI_file a:hover::before {
  filter: brightness(0.7);
}
#content .BI .BI_file .download {
  display: flex;
  gap: 10px;
}
@media (max-width: 999px) {
  #content .BI .BI_file {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  #content .BI .BI_file {
    text-align: center;
  }
  #content .BI .BI_file a {
  font-size:14px;}
}
#content .BI .BI_01 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}
#content .BI .BI_01 .img_box {
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
}
#content .BI .BI_01 p:nth-child(1) {
  font-weight: 300;
}
#content .BI .BI_01 p:nth-child(2) {
  font-family: "NanumSquareRoundEB";
  font-size: 28px;
  padding: 5px 0 25px;
  color: #444;
}
#content .BI .BI_01 div {
  padding-top: 0px;
}
@media (max-width: 600px) {
	#content .BI .BI_01 {
	grid-template-columns: 1fr;
	gap:30px;
	}
	#content .BI .BI_01 .img_box{padding:0 20px;  min-height: 150px;}
	#content .BI .BI_01 p{text-align:center;}
	#content .BI .BI_01 p:nth-child(1) {font-size:14px;}
	#content .BI .BI_01 p:nth-child(2) {
	padding-bottom:10px;}
}
#content .BI .BI_02 .BI_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}
#content .BI .BI_02 .BI_box li {
  border: 1px solid #ddd;
  border-radius: 3px;
}
#content .BI .BI_02 .BI_box li:hover {
  border-color: #bbb;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
#content .BI .BI_02 .BI_box li [class^=color] {
  aspect-ratio: 1/0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  border-radius: 2px;
  text-align: center;
  letter-spacing: 0;
}
#content .BI .BI_02 .BI_box li .color_01 {
  background: #dee32f;
}
#content .BI .BI_02 .BI_box li .color_02 {
  background: #01babd;
}
#content .BI .BI_02 .BI_box li .color_03 {
  background: #a8a9ad;
}
#content .BI .BI_02 .BI_box li .color_04 {
  background: #cadb2a;
}
#content .BI .BI_02 .BI_box li .color_05 {
  background: #e53f67;
}
#content .BI .BI_02 .BI_box li .color_06 {
  background: #e85a4c;
}
#content .BI .BI_02 .BI_box li .color_07 {
  background: #646462;
}
#content .BI .BI_02 .BI_box li .color_08 {
  background: #c9c7ba;
}
#content .BI .BI_02 .BI_box li .color_09 {
  background: #e8e5d2;
}
#content .BI .BI_02 .BI_box li .color_10 {
  background: #a8a9ad;
}
#content .BI .BI_02 .BI_box li .color_11 {
  background: #b19158;
}
#content .BI .BI_02 .BI_box li .color_12 {
  background: #231f20;
}
#content .BI .BI_02 .BI_box li p:nth-child(2) {
  font-size: 15px;
  font-weight: 600;
  color: #444;
  line-height: 1.4;
  border-bottom: 1px solid #ddd;
  padding: 20px 10px;
}
#content .BI .BI_02 .BI_box li p:nth-child(n+3) {
  font-size: 12px;
  font-weight: 400;
  padding: 15px 10px 0 10px;
}
#content .BI .BI_02 .BI_box li p:nth-child(n+4) {
  font-size: 12px;
  font-weight: 400;
  padding: 5px 0px 15px 10px;
}
#content .BI .BI_02 .BI_box li span {
  color: #222;
  font-weight: 500;
}
@media (max-width: 1500px) {
  #content .BI .BI_02 .BI_box {
    gap: 10px;
  }
  #content .BI .BI_02 .BI_box li [class^=color] {
    font-size: 15px;
  }
  #content .BI .BI_02 .BI_box li p:nth-child(n+3) {
    font-size: 13px;
  }
}
@media (max-width: 1280px) {
  #content .BI .BI_02 .BI_box {
    gap: 30px 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #content .BI .BI_02 .BI_box li [class^=color] {
    font-size: 14px;
  }
  #content .BI .BI_02 .BI_box li p:nth-child(n+3) {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  #content .BI .BI_02 .BI_box {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #content .BI .BI_02 .BI_box li p:nth-child(n+3) {
    font-size: 12px;
  }
}
#content .BI .BI_03 .BI_clear {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
}
#content .BI .BI_03 .BI_clear li {
  border: 1px solid #ddd;
  padding: 30px 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  text-align: center;
}
#content .BI .BI_03 .BI_clear li img {
  max-width: 40%;
  min-width: 60px;
}
#content .BI .BI_03 .BI_clear li:hover {
  border-color: #bbb;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  color: #333;
}
#content .BI .BI_03 .BI_donot {
  margin-bottom: 30px;
}
@media (max-width: 1280px) {
  #content .BI .BI_03 .BI_clear {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
  }
}
@media (max-width: 600px) {
  #content .BI .BI_03 .BI_clear {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
  }
}

/*조직도*/
.organize_new{margin:60px 20px}
.organize_new .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.organize_new .org-container{
  display: grid; grid-template-columns: 1fr 1fr; gap: 50px;justify-items: center; position: relative;
}
.organize_new .org-container [class^=org-arrow]{width: 22%; height: 31px; display: block; position: absolute; left: calc(39%);}
.organize_new .org-container .org-arrow1{background: url('/static/nmc22762276/img/organize_arrow_next2.png') no-repeat; background-position: right top; top: 20px;}
.organize_new .org-container .org-arrow2{background: url('/static/nmc22762276/img/organize_arrow_next.png') no-repeat; background-position: left top; top: 40px;}
.organize_new .org-container .org-arrow3{background: url('/static/nmc22762276/img/organize_arrow_next2.png') no-repeat; background-position: right top; top:40px;}
.organize_new .org-container .org-arrow4{background: url('/static/nmc22762276/img/organize_arrow_next.png') no-repeat; background-position: left top; bottom:20px; }
.organize_new .org-container .org-arrow5{background: url('/static/nmc22762276/img/organize_arrow_next2.png') no-repeat; background-position: right top; bottom:20px; }

.organize_new .org-container .org-branch ul ul{padding-top: 50px;}
.organize_new .org-container .org-branch ul li{position: relative;}
.organize_new .org-container .org-branch ul li::before{content: ''; width: 12px; height: 30px; background: url('/static/nmc22762276/img/organize_arrow_up.png') no-repeat; display: block; position: absolute; top: 90px; left: calc(50% - 12px);}
.organize_new .org-container .org-branch ul li::after{content: '';width: 12px; height: 30px;  background: url('/static/nmc22762276/img/organize_arrow_down.png') no-repeat; display: block;position: absolute; top:90px; right: calc(50% - 12px);}
.organize_new .org-container .org-branch ul li div{border: 1px solid #ddd; padding: 20px; text-align: center; height: 80px; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 400px;}
.organize_new .org-container .org-branch ul li ul li ul li::before{display: none;}
.organize_new .org-container .org-branch ul li ul li ul li::after{display: none;}
.organize_new .org-container .org-branch img{max-height: 40px; max-width: 200px!important;}

.organize_new .org-container .org-branch [class^=org-]{ box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);border: 1px inset rgba(0, 0, 0, 0.15);    border-radius: 3px; color: #fff;}
.organize_new .org-container .org-branch .org-box1{background: #03a2a5;}
.organize_new .org-container .org-branch .org-box2{background: #919603;}
.organize_new .org-container .org-branch .org-box3{background: #D54030;}
.organize_new .org-container .org-branch .org-box3 a::after {
    content: "";
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-left: 5px;
    display: inline-block;
    background: url(/static/nmc22762276/img/ic_new_open.svg) no-repeat;
    background-size: contain;
}
.organize_new .org-container .org-branch .org-box3 a:hover{color: #fff;}
.organize_new .org-container .org-branch .org-box3:hover{background:#c92714;}

@media (max-width: 1280px) {
.organize_new .org-container [class^=org-arrow]{ width: 15%;left: calc(42%);}
}
@media (max-width: 999px) {
.organize_new{margin:50px 0px}  
.organize_new .org-container [class^=org-arrow]{ width: 10%;left: calc(45%);}
}
@media (max-width: 600px) {
.organize_new .org-container{gap:10%;}
.organize_new .org-container [class^=org-arrow]{ width: 8%; left: calc(46%);}
.organize_new{margin:40px 0px}  
.organize_new .org-container .org-branch img{max-width: auto!important; width: 100%;}  
.organize_new .org-container .org-branch ul ul{padding-top: 30px;}
.organize_new .org-container .org-branch ul li div{padding: 20px 10px;}
.organize_new .org-container .org-branch ul li::before{height: 15px;}
.organize_new .org-container .org-branch ul li::after{ height: 15px; background-position: left bottom;}
}

.oz-link {
  color: #fff;
  font-size: 13px;
  padding: 3px 7px;
  display: inline-block;
  position: relative;
}
.oz-link::before {
  content: "";
  background: #707402;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
}
.oz-link span {
 color: #fff;
  position: relative;
  z-index: 9;
}
.oz-link span::after {
  content: "";
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 5px;
  display: inline-block;
  background: url("/static/nmc22762276/img/ic_new_open.svg") no-repeat;
  background-size: contain;
}
.oz-link:hover::before {
  filter: brightness(0.85);
}

/*오시는 길*/
.map .map_01 {
  border: 2px dotted #ddd;
  padding: 30px 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  margin-bottom: 30px;
  align-items: center;
}
.map .map_01 .map_btn {
  padding-top: 10px;
  display: flex;
  gap: 10px;
}
.map .map_01 .map_btn a {
  background: #0765c7;
  color: #fff;
  padding: 10px 25px 10px 20px;
  border-radius: 20px;
}
.map .map_01 .map_btn a::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url("/static/nmc22762276/img/map_icon_naver.jpg");
  vertical-align: middle;
  margin-right: 5px;
}
.map .map_01 .map_btn a.kakao {
  background: #f9e200;
  color: #333;
}
.map .map_01 .map_btn a.kakao::before {
  background: url("/static/nmc22762276/img/map_icon_kakao.jpg");
}
.map .map_01 .map_btn a:hover {
  filter: brightness(1.1);
}
.map .map_02 {
  margin-bottom: 60px;
}
.map .map_02 .hide {
  display: none;
}
.map .map_02 .roughmap_lebel_text{
	font-size:0px; position: absolute;width:1px; height:1px;overflow: hidden;background:none;display:block;
}
.map .map_02 .roughmap_maker_label a:before{
	content:'중앙난임·임산부심리상담센터'; display:inline-block; padding:5px 10px; background:#fff; font-size:16px; font-weight:600;
	position:relative; z-index:1;
}
.map .map-link {
  color: #fff;
  font-size: 16px;
  padding: 3px 7px;
  display: inline-block;
  position: relative;
  margin-top: 10px;
}
.map .map-link::before {
  content: "";
  background: #707402;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
}
.map .map-link span {
  position: relative;
  z-index: 9;
}
.map .map-link span::after {
  content: "";
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 5px;
  display: inline-block;
  background: url("/static/nmc22762276/img/ic_new_open.svg") no-repeat;
  background-size: contain;
}
.map .map-link:hover::before {
  filter: brightness(0.85);
}
.map [class^=bus_] {
  display: inline-block;
  background: #068529;
  color: #fff;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 5px;
}
.map [class^=bus_]::before {
  content: "";
  height: 24px;
  width: 24px;
  display: inline-block;
  background: url("/static/nmc22762276/img/map_icon_bus.svg");
  vertical-align: middle;
  margin-right: 8px;
}
.map .bus_1 {
  margin-bottom: 8px;
}
.map .bus_2 {
  display: inline-block;
  background: #0E509D;
  color: #fff;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 5px;
}
@media (max-width: 600px) {
  .map .map_01 .map_btn a {
    padding: 10px 15px 10px 10px;
    text-align: center;
  }
  .map .map_01 .map_btn a::before {
    display: block;
    margin: 0 auto 8px;
  }
}

/*이용안내*/
.use_info ul {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
  /*서비스유형*/
}
.use_info ul li {
  border: 1px solid #ddd;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
}
.use_info ul li .tit {
  font-size: 20px;
  font-weight: 800;
  color: #333;
  padding-top: 10px;
  line-height: 1.4;
}
.use_info ul li::before {
  content: "";
  width: 120px;
  height: 120px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  display: block;
  border-radius: 50%;
  border: 20px solid rgba(255, 255, 255, 0.3);
  filter: brightness(0.96);
}
.use_info ul li:hover {
  background: #f2f2f2;
}
.use_info ul li:hover .tit {
  color: var(--sub3);
}
.use_info ul li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/user_info_icon01.gif");
}
.use_info ul li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/user_info_icon01_ani.gif");
  filter: brightness(1);
}
.use_info ul li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/user_info_icon02.gif");
}
.use_info ul li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/user_info_icon02_ani.gif");
  filter: brightness(1);
}
.use_info ul li:nth-child(3)::before {
  background-image: url("/static/nmc22762276/img/user_info_icon03.gif");
}
.use_info ul li:nth-child(3):hover::before {
  background-image: url("/static/nmc22762276/img/user_info_icon03_ani.gif");
  filter: brightness(1);
}
.use_info ul li:nth-child(4)::before {
  background-image: url("/static/nmc22762276/img/user_info_icon04.gif");
}
.use_info ul li:nth-child(4):hover::before {
  background-image: url("/static/nmc22762276/img/user_info_icon04_ani.gif");
  filter: brightness(1);
}
.use_info ul li:nth-child(5)::before {
  background-image: url("/static/nmc22762276/img/user_info_icon05.gif");
}
.use_info ul li:nth-child(5):hover::before {
  background-image: url("/static/nmc22762276/img/user_info_icon05_ani.gif");
  filter: brightness(1);
}
.use_info ul li:nth-child(6)::before {
  background-image: url("/static/nmc22762276/img/user_info_icon06.gif");
}
.use_info ul li:nth-child(6):hover::before {
  background-image: url("/static/nmc22762276/img/user_info_icon06_ani.gif");
  filter: brightness(1);
}
.use_info ul.user_info2 li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/user_info2_icon01.gif");
}
.use_info ul.user_info2 li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/user_info2_icon01_ani.gif");
  filter: brightness(1);
}
.use_info ul.user_info2 li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/user_info2_icon02.gif");
}
.use_info ul.user_info2 li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/user_info2_icon02_ani.gif");
  filter: brightness(1);
}
.use_info ul.user_info2 li:nth-child(3)::before {
  background-image: url("/static/nmc22762276/img/user_info2_icon03.gif");
}
.use_info ul.user_info2 li:nth-child(3):hover::before {
  background-image: url("/static/nmc22762276/img/user_info2_icon03_ani.gif");
  filter: brightness(1);
}
.use_info ul.user_info3 {
  grid-template-columns: 1fr 1fr;
}
.use_info ul.user_info3 li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/user_info3_icon01.gif");
}
.use_info ul.user_info3 li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/user_info3_icon01_ani.gif");
  filter: brightness(1);
}
.use_info ul.user_info3 li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/user_info3_icon02.gif");
}
.use_info ul.user_info3 li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/user_info3_icon02_ani.gif");
  filter: brightness(1);
}
@media (max-width: 1280px) {
  .use_info ul {
    gap: 20px;
  }
}
@media (max-width: 999px) {
  .use_info ul {
    grid-template-columns: 1fr 1fr;
  }
  .use_info ul li .tit {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .use_info ul {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }
  .use_info ul li {
    padding: 30px 10px;
    gap: 5px;
  }
  .use_info ul li::before {
    width: 100px;
    height: 100px;
  }
  .use_info ul li .tit {
    font-size: 16px;
  }
}

.user_info_step .uis_box {
  border: 2px dotted #ddd;
  padding: 30px 20px;
  text-align: center;
  font-size: 18px;
}
.user_info_step .uis_step {
  margin: 40px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.user_info_step .uis_step li {
  position: relative;
}
.user_info_step .uis_step li::after {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: calc(50% - 20px);
  right: -30px;
  display: block;
  background: #fff url("/static/nmc22762276/img/ic_step_arrow.svg") no-repeat center center;
  border-radius: 50%;
  z-index: 1;
}
.user_info_step .uis_step li:last-child::after {
  display: none;
}
.user_info_step .uis_step li p {
  aspect-ratio: 1/0.7;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  background: #03a2a5;
  gap: 15px;
  border: 1px #03a2a5 solid;
}
.user_info_step .uis_step li p::before {
  content: "";
  width: 36px;
  height: 36px;
  display: block;
  background: url("/static/nmc22762276/img/user_step_icon01.svg");
  background-size: contain;
  margin-top: 5px;
}
.user_info_step .uis_step li:hover p {
  background: #fff;
  border-color: #03a2a5;
  color: var(--sub3);
  font-weight: 800;
  position: relative;
  z-index: 2;
}
.user_info_step .uis_step li:hover p::before {
  filter: brightness(0) saturate(100%) invert(44%) sepia(66%) saturate(2831%) hue-rotate(151deg) brightness(94%) contrast(98%);
}
.user_info_step .uis_step li:nth-child(2n) p {
  background: #919603;
  border: 1px #919603 solid;
}
.user_info_step .uis_step li:nth-child(2n):hover p {
  background: #fff;
  border-color: #919603;
  color: var(--over2);
}
.user_info_step .uis_step li:nth-child(2n):hover p::before {
  filter: brightness(0) saturate(100%) invert(81%) sepia(43%) saturate(7264%) hue-rotate(28deg) brightness(86%) contrast(98%);
}
.user_info_step .uis_step li:nth-child(1) p::before {
  background: url("/static/nmc22762276/img/user_step_icon01.svg") no-repeat;
  background-size: contain;
}
.user_info_step .uis_step li:nth-child(2) p::before {
  background: url("/static/nmc22762276/img/user_step_icon02.svg") no-repeat;
  background-size: contain;
}
.user_info_step .uis_step li:nth-child(3) p::before {
  background: url("/static/nmc22762276/img/user_step_icon03.svg") no-repeat;
  background-size: contain;
}
.user_info_step .uis_step li:nth-child(4) p::before {
  background: url("/static/nmc22762276/img/user_step_icon04.svg") no-repeat;
  background-size: contain;
}
.user_info_step .uis_step li:nth-child(5) p::before {
  background: url("/static/nmc22762276/img/user_step_icon05.svg") no-repeat;
  background-size: contain;
}
.user_info_step .uis_step_text dl {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.user_info_step .uis_step_text dl dt {
  padding: 20px;
  background: #f2f2f2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-weight: 700;
}
.user_info_step .uis_step_text dl dd {
  padding: 20px;
}
.user_info_step .uis_step_text dl + dl {
  margin-top: 10px;
}
@media (max-width: 1280px) {
  .user_info_step .uis_step li p {
    aspect-ratio: 1/1;
  }
}
@media (max-width: 999px) {
  .user_info_step .uis_box {
    font-size: 16px;
  }
  .user_info_step .uis_step {
    gap: 10px;
  }
  .user_info_step .uis_step li::after {
    width: 30px;
    height: 30px;
    right: -20px;
  }
  .user_info_step .uis_step li p {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .user_info_step .uis_step {
    gap: 10px;
  }
  .user_info_step .uis_step li::after {
    width: 24px;
    height: 24px;
    right: -15px;
    top: calc(50% - 10px);
  }
  .user_info_step .uis_step li p {
    font-size: 14px;
    aspect-ratio: auto;
    min-height: 90px;
    height: 100%;
    padding: 20px 0;
    text-align: center;
  }
  .user_info_step .uis_step li p::before {
    width: 26px;
    height: 26px;
  }
  .user_info_step .uis_step_text dl {
  grid-template-columns:70px 1fr;
  gap:0;}
  .user_info_step .uis_step_text dl dt{
  padding:10px;
  font-size:14px;
  }
  .user_info_step .uis_step_text dl dd{
  font-size:14px;
  padding:15px;
  }
}

/*간행물*/
.publication .pub_box {
  border: 2px dotted #ddd;
  padding: 30px 20px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}
.publication .pub_step {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1fr;
  gap: 20px;
}
.publication .pub_step li {
  position: relative;
}
.publication .pub_step li::after {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: calc(50% - 20px);
  right: -30px;
  display: block;
  background: #fff url("/static/nmc22762276/img/ic_step_arrow.svg") no-repeat center center;
  border-radius: 50%;
  z-index: 1;
}
.publication .pub_step li:last-child::after {
  display: none;
}
.publication .pub_step li p {
  height: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  font-size: 18px;
  padding: 20px;
  background: #03a2a5;
  gap: 15px;
  text-align: center;
  border: 1px #03a2a5 solid;
}
.publication .pub_step li p::before {
  content: "";
  width: 36px;
  height: 36px;
  display: block;
  background: url("/static/nmc22762276/img/pub_step_icon01.svg");
  background-size: contain;
}
.publication .pub_step li:hover p {
  background: #fff;
  color: var(--sub3);
  font-weight: 800;
  position: relative;
  z-index: 2;
}
.publication .pub_step li:hover p::before {
  filter: brightness(0) saturate(100%) invert(44%) sepia(66%) saturate(2831%) hue-rotate(151deg) brightness(94%) contrast(98%);
}
.publication .pub_step li:nth-child(2n) p {
  background: #919603;
  border: 1px #919603 solid;
}
.publication .pub_step li:nth-child(2n):hover p {
  background: #fff;
  color: var(--over2);
}
.publication .pub_step li:nth-child(2n):hover p::before {
  filter: brightness(0) saturate(100%) invert(81%) sepia(43%) saturate(7264%) hue-rotate(28deg) brightness(86%) contrast(98%);
}
.publication .pub_step li:nth-child(5) p {
  font-size: 16px;
}
.publication .pub_step li:nth-child(1) p::before {
  background: url("/static/nmc22762276/img/pub_step_icon01.svg") no-repeat;
  background-size: contain;
}
.publication .pub_step li:nth-child(2) p::before {
  background: url("/static/nmc22762276/img/pub_step_icon02.svg") no-repeat;
  background-size: contain;
}
.publication .pub_step li:nth-child(3) p::before {
  background: url("/static/nmc22762276/img/pub_step_icon03.svg") no-repeat;
  background-size: contain;
}
.publication .pub_step li:nth-child(4) p::before {
  background: url("/static/nmc22762276/img/pub_step_icon04.svg") no-repeat;
  background-size: contain;
}
.publication .pub_step li:nth-child(5) p::before {
  background: url("/static/nmc22762276/img/pub_step_icon05.svg") no-repeat;
  background-size: contain;
}
.publication .pub_step li:nth-child(6) p::before {
  background: url("/static/nmc22762276/img/pub_step_icon06.svg") no-repeat;
  background-size: contain;
}
@media (max-width: 999px) {
  .publication .pub_box {
    font-size: 16px;
  }
  .publication .pub_step {
    gap: 10px;
  }
  .publication .pub_step li::after {
    width: 30px;
    height: 30px;
    right: -20px;
  }
  .publication .pub_step li p {
    font-size: 16px;
    padding: 15px 5px;
  }
  .publication .pub_step li p::before {
    width: 30px;
    height: 30px;
    display: inline-block;
  }
}
@media (max-width: 600px) {
  .publication .pub_step {
    gap: 10px;
    grid-template-columns: 1fr;
  }
  .publication .pub_step li::after {
    width: 25px;
    height: 25px;
    right: 50%;
    top: auto;
    bottom: -15px;
    transform: rotate(90deg);
  }
  .publication .pub_step li p {
    text-align: left;
    flex-direction: row;
    padding: 15px 20px 15px 30px;
    gap: 20px;
    justify-content: flex-start;
  }
  .publication .pub_step li p::before {
    width: 26px;
    height: 26px;
    display: inline-block;
  }
}

/*간행물 리스트*/
.pub-list ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px;
  margin-bottom: 20px;
  border-top: 1px solid #606060;
}
.pub-list .nodata{text-align:center;border-bottom: 1px solid #e8e8e8; padding:50px 0; margin-bottom:20px}
.pub-list li {
  padding: 30px 20px;
  border-bottom: 1px solid #ddd;
}
.pub-list li:last-child{
 border-bottom-color:#606060;
}
.pub-list li > a {
  display: grid;
  grid-template-columns: 200px 5fr;
  gap: 40px;
}
.pub-list li a .photo_img {
  position: relative;
  aspect-ratio: 1/0.7;
  overflow: hidden;
  border: 1px solid #ddd;
}
.pub-list li a .photo_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-out 0s;
}
.pub-list li a .pub_text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pub-list li a .pub_text span {
  display: block;
}
.pub-list li a .pub_text span .new{
	font-style:normal;font-size:13px;  background:var(--sub2);padding:2px 3px;border-radius:3px;line-height:1;  vertical-align: middle;
}
.pub-list li a .pub_text span .new:before {
  content:'N'; color:#fff;
}
.pub-list li a .pub_text .ptit {
  color: #333;
  font-size: 18px;
  font-weight: 800;
}
.pub-list li a .pub_text .ptext {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  color: #747474;
  font-weight: 400;
}
.pub-list li a .pub_text .ptext  *{
display: inline!important;  
font-size: 16px!important;
position: static!important;
font-weight: normal!important;
color: #666!important;}
.pub-list li a .pub_text .pdate {
  font-weight: 300;
  font-size: 15px;
  color: #747474;
}
.pub-list li:hover {
  background: #f5f5f5;
}
.pub-list li:hover a .photo_img img {
  width: 110%;
  height: 110%;
  max-width: 110% !important;
}
.pub-list li:hover a .pub_text .ptit {
  color: var(--sub1);
}
.pub-list li:hover a .pub_text .ptext  {
  color: #555;
}
@media (max-width: 600px) {
  .pub-list li {
    padding: 20px 0;
  }
  .pub-list li a {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .pub-list li a .pub_text .ptit{
  font-size:16px;}
  .pub-list li a .pub_text .pdate {
    font-size: 14px;
  }
}
.down-box{
border:1px solid #ddd;
margin-top:30px; 
padding:10px 15px;
display: flex;
flex-direction: column;
gap: 10px;
}
.down-box .down-link {
  color: #fff;
  font-size: 14px;
  padding: 3px 7px;
  display: inline-block;
  position: relative;
  margin-left:5px;
}
.down-box .down-link::before {
  content: "";
  background: var(--over3);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
}
.down-box .down-link span {
  position: relative;
  z-index: 9;
}
.down-box .down-link span::before {
  content: "";
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 5px;
  display: inline-block;
  background: url("/static/nmc22762276/img/ic_s_download.svg") no-repeat;
  background-size: contain;
}
.down-box .down-link:hover::before {
  filter: brightness(0.85);
}

@media (max-width: 600px) {
 .down-box{gap:25px;}
 .down-box p{ 
 display:grid;
 grid-template-columns: 1fr 90px;
 align-items: center;
    }
 .down-box .down-link {margin-left:0px!important;}
}

/*권역센터*/
.regional .regi_box {
  border: 2px dotted #ddd;
  padding: 30px 20px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}
.regional .regi_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.regional .regi_list dl {
  border: 1px solid #ddd;
  border-radius: 3px;
  display: grid;
  grid-template-columns: 330px 1fr;
  align-items: center;
}
.regional .regi_list dl dt {
  font-size: 18px;
  font-weight: 700;
  color: #444;
  text-align: center;
  background: #f7f7f7;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 30px;
  border-right: 1px solid #ddd;
}
.regional .regi_list dl dt::before {
  content: "";
  width: 30px;
  height: 17px;
  background: url(/static/nmc22762276/img/center_ic_logo.svg) no-repeat;
  background-size: contain;
  display:none;
  margin-right: 5px;
}
.regional .regi_list dl dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
}
.regional .regi_list dl dd ul {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
}
.regional .regi_list dl dd ul li {
  display: flex;
  gap: 5px;
  align-items: flex-start;
}
.regional .regi_list dl dd ul li > span {
  font-size: 16px;
  min-width: 50px;
}
.regional .regi_list dl dd ul li > span::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #aaa;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  margin-bottom: 2px;
}
.regional .regi_list dl dd ul li:nth-child(3) {
  font-size: 16px;
}
.regional .regi_list dl dd ul:nth-child(2) {
  border-left: 1px solid #ddd;
  justify-content: center;
  flex-direction: row;
  padding: 0;
}
.regional .regi_list dl dd ul:nth-child(2) li {
  padding: 20px;
  align-items: center;
}
.regional .regi_list dl dd ul:nth-child(2) .home {
  border-right: 1px solid #ddd;
}
.regional .regi_list dl dd ul:nth-child(2) .home::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/static/nmc22762276/img/regi_ic_home_.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}
.regional .regi_list dl dd ul:nth-child(2) .home:hover{font-weight:700;}
.regional .regi_list dl dd ul:nth-child(2) .home:hover::before {
  filter: brightness(0) saturate(100%) invert(14%) sepia(97%) saturate(7031%) hue-rotate(331deg) brightness(85%) contrast(98%);
}
.regional .regi_list dl dd ul:nth-child(2) .tel {
  width: 250px;
}
.regional .regi_list dl dd ul:nth-child(2) .tel > span::before {
  content: "☎";
  background: none;
  width: auto;
  height: auto;
  margin-bottom: 0;
  line-height: 1;
}
.regional .regi_list dl:hover {
  border-color: var(--main1);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.regional .regi_list dl:hover dt {
  color: #222;
}
@media (max-width: 1500px) {
  .regional .regi_list dl dd ul:nth-child(2){flex-direction: column;}
  .regional .regi_list dl dd ul:nth-child(2) .home{border-bottom: 1px solid #ddd;border-right:0px; }
}
@media (max-width: 1280px) {
  .regional .regi_list dl {
    grid-template-columns: 260px 1fr;
  }
  .regional .regi_list dl dd {
    flex-direction: column;
  }
  .regional .regi_list dl dd ul {
    padding: 20px 20px 10px;
  }
  .regional .regi_list dl dd ul:nth-child(2) {
    border-left: 0;
    border-top: 1px solid #ddd;
    justify-content: flex-start;
    flex-direction: row;
  }
  .regional .regi_list dl dd ul:nth-child(2) li {
    padding: 10px 20px 10px;
  }
  .regional .regi_list dl dd ul:nth-child(2) .home{
  border-bottom: 0px;
  border-right: 1px solid #ddd;
  }
}
@media (max-width: 600px) {
  .regional .regi_box {
    font-size: 16px;
  }
  .regional .regi_list dl {
    grid-template-columns: 1fr;
  }
  .regional .regi_list dl dt {
    padding: 20px;
    justify-content: center;
    border-right: 0;
    font-size: 16px;
  }
  .regional .regi_list dl dt img{max-width:240px!important;
  }
  
  .regional .regi_list dl dd ul li > span{
  font-size:14px;
  }
  .regional .regi_list dl dd ul {
  gap:0;font-size:14px;padding: 10px 15px 10px;
  }
  .regional .regi_list dl dd ul:nth-child(2) li{
  padding:10px 15px 10px}
  .regional .regi_list dl dd ul:nth-child(2) .tel {
  width:auto;}
}

/*건강 정보*/
.disease .dis_point {
  text-decoration: none;
  display: inline;
  box-shadow: inset 0 -10px 0 #FFD7E1;
  color: #333;
  font-weight: 700;
}
.disease .disease_box {
  margin-bottom: 50px;
  padding: 130px 0 30px;
  position: relative;
  border-bottom: 1px dashed #ddd;
}
.disease .disease_box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 250px;
  background-image: url("/static/nmc22762276/img/top_photo_01.jpg");
  background-size: cover;
  background-position: center;
}
.disease .disease_box h4 {
  width: 370px;
  height: 120px;
  background: #fff;
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding-top: 24px;
}
.disease .disease_box h4 .tit_s {
  font-size: 18px;
  color: var(--main1);
  font-weight: 400;
}
.disease .disease_box h4 .tit {
  font-size: 36px;
  color: #333;
  font-family: "NanumSquareRoundEB";
}
.disease .disease_box .box_text {
  padding-top: 30px;
  text-align: center;
  font-size: 18px;
}
.disease .disease_box .box_stext {
  font-size: 14px;
  padding-top: 15px;
  text-align: center;
  color: #747474;
}
.disease .disease_box.bg1::before {
  background-image: url("/static/nmc22762276/img/top_photo_01.jpg");
}
.disease .disease_box.bg2::before {
  background-image: url("/static/nmc22762276/img/top_photo_02.jpg");
}
.disease .disease_box.bg3::before {
  background-image: url("/static/nmc22762276/img/top_photo_03.jpg");
}
.disease .disease_box.bg4::before {
  background-image: url("/static/nmc22762276/img/top_photo_04.jpg");
}
.disease .disease_box.bg5::before {
  background-image: url("/static/nmc22762276/img/top_photo_05.jpg");
}
.disease .disease_box.bg6::before {
  background-image: url("/static/nmc22762276/img/top_photo_06.jpg");
}
@media (max-width: 600px) {
  .disease .disease_box {
    text-align: center;
    padding-top: 100px;
  }
  .disease .disease_box::before {
    height: 190px;
  }
  .disease .disease_box h4 {
    width: auto;
    display: inline-block;
    padding: 24px 30px 0;
    height: 90px;
  }
  .disease .disease_box h4 .tit_s {
    font-size: 13px;
  }
  .disease .disease_box h4 .tit {
    font-size: 24px;
  }
  .disease .disease_box .box_text {
    font-size: 16px;
  }
}
.disease .disease_list > ul {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 20px;
}
.disease .disease_list > ul > li {
  border: 1px solid #ddd;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
}
.disease .disease_list > ul > li .tit {
  font-size: 20px;
  font-weight: 800;
  color: #333;
  padding-top: 10px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.disease .disease_list > ul > li::before {
  content: "";
  width: 120px;
  height: 120px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  display: block;
  border-radius: 50%;
  border: 20px solid rgba(255, 255, 255, 0.3);
  filter: brightness(0.96);
}
.disease .disease_list > ul > li:hover {
  background: #f2f2f2;
}
.disease .disease_list > ul > li:hover .tit {
  color: var(--sub3);
}
.disease .disease_list > ul > li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_01_01.gif");
}
.disease .disease_list > ul > li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_01_01_ani.gif");
  filter: brightness(1);
}
.disease .disease_list > ul > li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_01_02.gif");
}
.disease .disease_list > ul > li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_01_02_ani.gif");
  filter: brightness(1);
}
.disease .disease_list > ul > li:nth-child(3)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_01_03.gif");
}
.disease .disease_list > ul > li:nth-child(3):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_01_03_ani.gif");
  filter: brightness(1);
}
.disease .disease_list > ul > li:nth-child(4)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_01_04.gif");
}
.disease .disease_list > ul > li:nth-child(4):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_01_04_ani.gif");
  filter: brightness(1);
}
@media (max-width: 1280px) {
  .disease .disease_list > ul {
    gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 999px) {
  .disease .disease_list > ul > li .tit {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .disease .disease_list > ul {
    gap: 10px;
    grid-template-columns: 1fr;
  }
  .disease .disease_list > ul > li {
    padding: 10px 10px 10px 20px;
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 0px 20px;
  }
  .disease .disease_list > ul > li::before {
    width: 90px;
    height: 90px;
    grid-row: span 2;
  }
  .disease .disease_list > ul > li ul {
    margin-bottom: 10px;
  }
  .disease .disease_list > ul > li .tit {
    font-size: 17px;
    text-align: left;
  }
}
.disease .disease_list .dis_01_02 {
  grid-template-columns: 1fr 1fr;
}
.disease .disease_list .dis_01_02 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 0px;
  max-width: 270px;
}
.disease .disease_list .dis_01_02 ul li {
  width: 50%;
  margin-top: 0;
}
.disease .disease_list .dis_01_02 > li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_02_01.gif");
}
.disease .disease_list .dis_01_02 > li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_02_01_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_01_02 > li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_02_02.gif");
}
.disease .disease_list .dis_01_02 > li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_02_02_ani.gif");
  filter: brightness(1);
}
@media (max-width: 600px) {
  .disease .disease_list .dis_01_02 {
    grid-template-columns: 1fr;
  }
  .disease .disease_list .dis_01_02 ul {
    flex-direction: column;
  }
  .disease .disease_list .dis_01_02 ul li {
    width: 100%;
  }
}
.dis_01_03 {
  display: grid;
  grid-template-columns: 297px 1fr;
  gap: 60px;
  margin-bottom: 40px;
}
@media (max-width: 600px) {
  .dis_01_03 {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

.dis_01_04 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dis_01_04 dl {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 10px;
}
.dis_01_04 dl dt {
  padding: 20px;
  border: 1px dashed var(--main1);
  font-size: 18px;
  border-radius: 3px;
}
.dis_01_04 dl dt span {
  display: block;
  font-weight: 800;
  color: var(--main1);
}
.dis_01_04 dl dd {
  background: #f2f2f2;
  height: 100%;
  padding: 20px 20px 20px 30px;
  display: flex;
  align-items: center;
  border-radius: 3px;
}
@media (max-width: 600px) {
  .dis_01_04 dl {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .dis_01_04 dl dt {
    padding: 10px 20px;
    text-align: center;
  }
  .dis_01_04 dl dt span {
    display: inline-block;
    border-left: 1px solid #ccc;
    padding-left: 15px;
    margin-left: 10px;
  }
}

.dis_01_05 {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 60px;
  margin-bottom: 40px;
}
@media (max-width: 600px) {
  .dis_01_05 {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

.disease .disease_list .dis_02_01 {
  grid-template-columns: 1fr 1fr;
  align-items: start;
}
.disease .disease_list .dis_02_01 > li {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 0px 30px;
  text-align: left;
  padding: 20px;
  height: 100%;
}
.disease .disease_list .dis_02_01 > li .tit {
  padding-top: 0;
}
.disease .disease_list .dis_02_01 > li::before {
  grid-row: span 2;
}
.disease .disease_list .dis_02_01 > li ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}
.disease .disease_list .dis_02_01 > li ul li {
  min-width: calc(50% - 10px);
  margin-top: 0;
}
.disease .disease_list .dis_02_01 > li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_03_01.gif");
}
.disease .disease_list .dis_02_01 > li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_03_01_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_02_01 > li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_03_02.gif");
}
.disease .disease_list .dis_02_01 > li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_03_02_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_02_01 > li:nth-child(3)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_03_03.gif");
}
.disease .disease_list .dis_02_01 > li:nth-child(3):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_03_03_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_02_01 > li:nth-child(4)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_03_04.gif");
}
.disease .disease_list .dis_02_01 > li:nth-child(4):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_03_04_ani.gif");
  filter: brightness(1);
}
@media (max-width: 1280px) {
  .disease .disease_list .dis_02_01 {
    grid-template-columns: 1fr;
  }
  .disease .disease_list .dis_02_01 > li ul li {
    min-width: calc(25% - 15px);
  }
}
@media (max-width: 600px) {
  .disease .disease_list .dis_02_01 > li {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .disease .disease_list .dis_02_01 > li .tit {
    padding-top: 10px;
  }
  .disease .disease_list .dis_02_01 > li ul li {
    min-width: calc(33.3% - 15px);
  }
}
.disease .disease_list .dis_02_02 > li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_04_01.gif");
}
.disease .disease_list .dis_02_02 > li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_04_01_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_02_02 > li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_04_02.gif");
}
.disease .disease_list .dis_02_02 > li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_04_02_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_02_02 > li:nth-child(3)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_04_03.gif");
}
.disease .disease_list .dis_02_02 > li:nth-child(3):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_04_03_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_02_02 > li:nth-child(4)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_04_04.gif");
}
.disease .disease_list .dis_02_02 > li:nth-child(4):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_04_04_ani.gif");
  filter: brightness(1);
}
@media (max-width: 600px) {
  .disease .disease_list .dis_02_02 > li p {
    text-align: left;
    min-height: 90px;
    display: flex;
    align-items: center;
  }
}
.disease .disease_list .dis_03_01 > li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_05_01.gif");
}
.disease .disease_list .dis_03_01 > li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_05_01_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_01 > li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_05_02.gif");
}
.disease .disease_list .dis_03_01 > li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_05_02_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_01 > li:nth-child(3)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_05_03.gif");
}
.disease .disease_list .dis_03_01 > li:nth-child(3):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_05_03_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_01 > li:nth-child(4)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_05_04.gif");
}
.disease .disease_list .dis_03_01 > li:nth-child(4):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_05_04_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_02 > li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_06_01.gif");
}
.disease .disease_list .dis_03_02 > li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_06_01_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_02 > li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_06_02.gif");
}
.disease .disease_list .dis_03_02 > li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_06_02_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_02 > li:nth-child(3)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_06_03.gif");
}
.disease .disease_list .dis_03_02 > li:nth-child(3):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_06_03_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_02 > li:nth-child(4)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_06_04.gif");
}
.disease .disease_list .dis_03_02 > li:nth-child(4):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_06_04_ani.gif");
  filter: brightness(1);
}
@media (max-width: 600px) {
  .disease .disease_list .dis_03_02 > li p {
    text-align: left;
    min-height: 90px;
    display: flex;
    align-items: center;
  }
}
.disease .disease_list .dis_03_03 > li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_07_01.gif");
}
.disease .disease_list .dis_03_03 > li:nth-child(1):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_07_01_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_03 > li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_07_02.gif");
}
.disease .disease_list .dis_03_03 > li:nth-child(2):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_07_02_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_03 > li:nth-child(3)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_07_03.gif");
}
.disease .disease_list .dis_03_03 > li:nth-child(3):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_07_03_ani.gif");
  filter: brightness(1);
}
.disease .disease_list .dis_03_03 > li:nth-child(4)::before {
  background-image: url("/static/nmc22762276/img/dis_icon_07_04.gif");
}
.disease .disease_list .dis_03_03 > li:nth-child(4):hover::before {
  background-image: url("/static/nmc22762276/img/dis_icon_07_04_ani.gif");
  filter: brightness(1);
}
@media (max-width: 600px) {
  .disease .disease_list .dis_03_03 > li p {
    text-align: left;
    min-height: 90px;
    display: flex;
    align-items: center;
  }
}
.disease .disease_check ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.disease .disease_check ul li {
  padding: 15px 20px;
  border: 1px dashed #aaa;
  border-radius: 3px;
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: center;
  font-size: 17px;
}
.disease .disease_check ul li::before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url("/static/nmc22762276/img/ic_list_check.svg");
  background-size: cover;
}
.disease .disease_check ul li:hover {
  border-color: var(--main1);
  background: #f5f5f5;
}
@media (min-width: 1280px) {
  .disease .disease_check ul.harf {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .disease .disease_check ul li {
    padding: 15px 10px;
    font-size: 16px;
  }
}
.disease .dis_checkup {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.disease .dis_checkup li {
  background: #f7f7f7;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 20px 10px;
  font-weight: 700;
  color: #333;
}
.disease .dis_checkup li::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("/static/nmc22762276/img/ic_chekup_01.svg");
}
.disease .dis_checkup > li:nth-child(1)::before {
  background-image: url("/static/nmc22762276/img/ic_chekup_01.svg");
}
.disease .dis_checkup > li:nth-child(2)::before {
  background-image: url("/static/nmc22762276/img/ic_chekup_02.svg");
}
.disease .dis_checkup > li:nth-child(3)::before {
  background-image: url("/static/nmc22762276/img/ic_chekup_03.svg");
}
.disease .dis_checkup > li:nth-child(4)::before {
  background-image: url("/static/nmc22762276/img/ic_chekup_04.svg");
}
.disease .dis_checkup > li:nth-child(5)::before {
  background-image: url("/static/nmc22762276/img/ic_chekup_05.svg");
}
.disease .dis_checkup > li:nth-child(6)::before {
  background-image: url("/static/nmc22762276/img/ic_chekup_06.svg");
}
.disease .dis_cycle {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 10px;
}
.disease .dis_cycle dt {
  background: #ffeff3;
  color: #db1443;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  font-weight: 700;
  padding: 20px;
  word-break: break-all;
  text-align: center;
}
.disease .dis_cycle dt:nth-of-type(2) {
  background: #f4f4dd;
  color: #4c4f03;
}
.disease .dis_cycle dt:nth-of-type(3) {
  background: #e2f2f3;
  color: #007980;
}
.disease .dis_cycle dd {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 10px;
}
.disease .dis_cycle dd p {
  border: 1px dashed #ff5c86;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sub1);
  font-weight: 700;
}
.disease .dis_cycle dd ul {
  background: #ffeff3;
  padding: 20px;
  border-radius: 3px;
}
.disease .dis_cycle dd:nth-of-type(2) p {
  border-color: var(--over2);
  color: #4c4f03;
}
.disease .dis_cycle dd:nth-of-type(2) ul {
  background: #f4f4dd;
}
.disease .dis_cycle dd:nth-of-type(3) p {
  border-color: #03a2a5;
  color: var(--sub3);
}
.disease .dis_cycle dd:nth-of-type(3) ul {
  background: #e2f2f3;
}
.disease .dis_list_text dl {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.disease .dis_list_text dl dt {
  padding: 20px;
  background: #f2f2f2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-weight: 700;
  font-size: 18px;
  text-align:center;
}
.disease .dis_list_text dl dd {
  padding: 20px;
}
.disease .dis_list_text dl + dl {
  margin-top: 10px;
}
@media (max-width: 1280px) {
	.disease .dis_list_text dl{gap:0;}
}
@media (max-width: 600px) {
 .disease .dis_list_text dl{    grid-template-columns: 1fr; gap:0;}	
 .disease .dis_list_text dl dt{font-size:16px; padding:10px;}  
  .disease .dis_list_text dl dd{padding:15px;}
 .disease .dis_cycle{grid-template-columns: 40px 1fr;}
 .disease .dis_cycle dd {
  grid-template-columns: 1fr 2fr;
  gap: 5px;
}
}

/*자가검진*/
.selfTest_box {
  border: 2px dotted #ddd;
  padding: 20px 20px;
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 999px) {
  .selfTest_box {
    font-size: 16px;
  }
}
#spouse {
  border: 1px solid #ddd;
  padding: 10px 20px;
}

#spouse p {
  margin-bottom: 5px;
  font-weight: 600;
  color: #444;
}

.spouse_info {
  margin-top: 20px;
  background: #f6f6f6;
  padding: 10px 20px;
}

.spouse_info h5 {
  font-size: 17px;
  color: #444;
  margin-bottom: 10px;
}

.spouse_info ul {
  margin-bottom: 0 !important; margin-left:5px;
}

/*저작권 정책*/
.copyright_box {
  border: 2px dotted #ddd;
  padding: 30px 20px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}

.copyright_list {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
.copyright_list > li {
  display: grid;
  grid-template-columns: 40px 1fr;
}
.copyright_list > li ul {
  margin-top: 10px;
}
.copyright_list > li span {
  color: #888;
  font-size: 18px;
  font-weight: 700;
  color: var(--sub3);
  padding-left:5px;
}
@media (max-width: 600px) {
	.copyright_box {font-size:16px;}
}

/*기존 소스*/
input[type=radio] {
  margin-right: 9px;
}

input[type=radio].d {
  vertical-align: text-bottom;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 2px solid #ccc;
  opacity: 0;
  margin-right: 0;
}

input[type=radio].d + i {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 2px solid #aaabab;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: -24px;
  background-color: #ffffff;
  margin-right: 6px;
}

input[type=radio].d:focus + i {
  outline: 1px dotted;
}

input[type=radio].d:checked + i {
  background-color: #3679C1;
  background: url(/static/nmc/img/common/radio.png) center center no-repeat;
  background-size: 100%;
  border-width: 0 !important;
}

input[type=radio].d.sm {
  width: 16px;
  height: 16px;
}

input[type=radio].d.sm + i {
  width: 16px;
  height: 16px;
  border-width: 1px;
  margin-left: -16px;
}

button.chk {
  padding: 0;
  background-color: #fff;
  line-height: 1;
  text-align: left;
}

button.chk::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 2px solid #aaabab;
  display: inline-block;
  vertical-align: text-bottom;
  background-color: #ffffff;
  margin-right: 6px;
}

button.chk.on::before {
  background-color: #3679C1;
  background: url(/static/nmc/img/common/radio.png) center center no-repeat;
  background-size: 100%;
  border-width: 0 !important;
}

.inp-blue {
  display: inline-block;
  border: 1px solid #72ccd2;
  background-color: #ffffff;
  padding-left: 10px;
  line-height: 20px;
  height: 39px;
  line-height: 36px;
  vertical-align: middle;
  min-width: 150px;
}

input[type=number], input[type=date], input[type=text], input[type=password], input[type=file], select, textarea {
  border: 1px solid #ccc;
  background-color: #ffffff;
  padding: 4px 10px;
  line-height: 20px;
  height: 38px;
  vertical-align: middle;
}

.sh input[type=number], input[type=number].c, .sh input[type=date], input[type=date].c, .sh input[type=text], input[type=text].c, .sh input[type=password], input[type=password].c, .sh input[type=file], input[type=file].c, .sh select, select.c, .sh textarea, textarea.c {
  border: 1px solid #ccc;
}

input[type=password] {
  font-family: serif;
}

input[type=date] {
  background: url(/static/app/img/ico-cal.png) right center no-repeat;
  background-size: auto 14px;
}

input[type=text]:disabled {
  background-color: #f5f5f5;
}

textarea {
  height: auto;
}

input {
  cursor: auto;
}

.sh input#sdate, .sh input#edate, .sh input.sdate, .sh input.edate, .sh input.date, .sh input.month {
  width: 154px;
}

.popup .sh input#sdate, .popup .sh input#edate, .popup .sh input.sdate, .popup .sh input.edate, .popup .sh input.date, .popup .sh input.month {
  width: calc(50% - 55px);
  max-width: 185px;
}

input#sdate + img, input#edate + img, input.sdate + img, input.edate + img, input.date + img, input.month + img {
  margin-left: -33px;
}

input[type=file] {
  border: inherit;
  height: auto;
  padding: 7px;
}

input[type=button] {
  margin: 0 1px;
}

.form-inline input[type=file] {
  display: block;
  width: 100%;
}

.shDate {
  display: block;
  display: block;
  line-height: 38px;
  text-align: center;
}

.shDate:before, .shDate:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.shDate i {
  display: inline-block;
  width: 24px;
  text-align: center;
}

.shDate input {
  width: calc(50% - 12px) !important;
  float: left;
}

.shDate input:last-child {
  float: right;
}

.id-card {
  display: block;
  display: block;
  line-height: 50px;
  text-align: center;
  max-width: 327px;
}

.id-card:before, .id-card:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.id-card > * {
  float: left;
}

.id-card i {
  text-align: center !important;
  line-height: 50px;
}

@media (max-width: 1023px) {
  .id-card i {
    width: 20px;
  }
}
@media (min-width: 1024px) {
  .id-card i {
    width: 26px;
  }
}
.id-card input {
  width: calc(50% - 13px);
  max-width: initial;
  float: left;
}

@media (max-width: 1023px) {
  .id-card input {
    width: calc(50% - 10px) !important;
  }
}
.id-card input:last-child {
  float: right;
}

[class^=b2] {
  border: 1px solid #464646;
  height: 40px;
  width: 80px;
  line-height: 38px;
  display: inline-block;
  text-align: center;
  color: #333333;
  letter-spacing: -0.24px;
  font-weight: 400;
}

[class^=b-] {
  border: 0;
  height: 42px;
  line-height: 42px;
  background-color: #747474;
  color: #ffffff;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  transition: all 0.4s ease-out 0s;
  cursor:pointer;
}
[class^=b-]:hover{  filter: brightness(1.2);}

@media (min-width: 768px) {
  [class^=b-] {
    min-width: 120px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  [class^=b-] {
    min-width: 140px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
  }
}

.bd-view {
  border-top: 1px solid #606060;
  border-bottom: 1px solid #606060;
}

.bd-view > div {
  border-top: 1px solid #dddddd;
}

.bd-view .bd-title {
  border: 0;
  text-align: center;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 10px;
  background-color: #f7f7f7;
  letter-spacing: -0.017rem;
}

@media (min-width: 1024px) {
  .bd-view .bd-write.f dd {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .bd-view .bd-title {
    font-size: 18px;
  }
}
.bd-view .bd-write.f dd a {
  min-height: 30px;
}

.bd-view .bd-write.f dd a + a {
  margin-top: 5px;
}

@media (max-width: 1023px) {
  .bd-view .bd-write dl {
    display: table;
    table-layout: fixed;
  }
  .bd-view .bd-write dl > * {
    display: table-cell;
  }
}
@media (min-width: 1024px) {
  .bd-view .bd-write {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bd-view .bd-write > dl {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: table;
  }
  .bd-view .bd-write > dl dt, .bd-view .bd-write > dl dd {
    display: table-cell;
  }
  .bd-view .bd-write.size-fixed3 dl:first-child, .bd-view .bd-write.size-fixed3 dl {
    width: 33.33%;
  }
  .bd-view .bd-write.size-fixed2 dl:first-child, .bd-view .bd-write.size-fixed2 dl {
    width: 50%;
  }
  .bd-view .bd-write.size-fixed4 dl:first-child, .bd-view .bd-write.size-fixed4 dl {
    width: 25%;
  }
}
.bd-view .bd-write dl {
  width: 20%;
}

.bd-view .bd-write dl > * {
  height: 56px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.24px;
}

.bd-view .bd-write dl:first-child {
  width: 60%;
}

.bd-view .bd-write dl.harf {
  width: 50%;
}

@media (min-width: 1024px) {
  .bd-view .bd-write dl.date-range {
    width: 290px;
  }
}
@media (min-width: 1024px) {
  .bd-view .bd-write dl.cnt {
    width: 120px;
  }
}
.bd-view .bd-write dl dt {
  color: #222222;
  padding: 0 15px;
  font-weight: 500;
  width: 100px;
}

@media (max-width: 1023px) {
  .bd-view .bd-write dl dt {
    width: 55px;
    font-size: 0.875rem;
    padding: 0;
  }
}
.bd-view .bd-write dl dd {
  color: #444444;
  padding: 0 10px;
}

@media (min-width: 1024px) {
  .bd-view .bd-write dl dd {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .bd-view .bd-write dl {
    width: 100%;
    border-top: 1px solid #dddddd;
  }
  .bd-view .bd-write dl:first-child {
    width: 100%;
    border-top: none;
  }
}
.bd-view .bd-write.type-2 dl:first-child {
  width: 41.6667%;
}

@media (max-width: 1023px) {
  .bd-view .bd-write2 dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #dddddd;
  }
  .bd-view .bd-write2 dl > * {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
  }
  .bd-view .bd-write2 dl dt {
    color: #222;
    width: 55px;
    font-size: 0.875rem;
    padding: 0;
    font-weight: 500;
  }
  .bd-view .bd-write2 dl dd {
    padding: 0 10px;
  }
}
@media (min-width: 1024px) {
  .bd-view .bd-write2 {
    overflow: hidden;
    padding-right: 36px;
  }
  .bd-view .bd-write2 dl {
    display: table;
  }
  .bd-view .bd-write2 dl > * {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
  }
  .bd-view .bd-write2 dl dt {
    padding: 0 16px;
    color: #222;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.015rem;
  }
  .bd-view .bd-write2 dl dd {
    color: #747474;
    letter-spacing: -0.015rem;
  }
  .bd-view .bd-write2 > dl {
    float: left;
  }
  .bd-view .bd-write2 .r {
    float: right;
  }
  .bd-view .bd-write2 .r > dl {
    float: left;
  }
}
.bd-view .dbdata, .bd-view .bd-reply {
  padding: 30px 20px;
}

@media (max-width: 767px) {
  .bd-view .dbdata, .bd-view .bd-reply {
    padding: 20px 0;
  }
}
.bd-view .dbdata {
  min-height: 200px;
}

.bd-view .bd-reply span {
  color: #444444;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.24px;
}

.bd-view .bd-nav {
  display: block;
}

.bd-view .bd-nav:before, .bd-view .bd-nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bd-view .bd-nav dl {
  width: 50%;
  padding: 13px 0;
  float: left;
  height: 56px;
  display: table;
  table-layout: fixed;
}

.bd-view .bd-nav dl > * {
  display: table-cell;
}

.bd-view .bd-nav dl dt {
  position: relative;
  width: 120px;
  color: #222222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.24px;
  padding-left: 42px;
  padding-right: 28px;
  vertical-align: middle;
}

.bd-view .bd-nav dl dt:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3.5px;
  left: 15px;
  width: 17px;
  height: 7px;
  background: url(/static/nmc/img/common/ico-nav.png) 0 0 no-repeat;
}

.bd-view .bd-nav dl dd {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.24px;
  vertical-align: middle;
}

.bd-view .bd-nav dl dd span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.bd-view .bd-nav dl dd a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  color: #666666;
}

.bd-view .bd-nav dl.next dt:before {
  left: 13px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .bd-view .bd-nav dl.next {
    border-top: 1px solid #dddddd;
  }
}
@media (max-width: 767px) {
  .bd-view .bd-nav dl {
    width: 100%;
    padding: 10px 0;
    height:50px;
  }
  .bd-view .bd-nav dl dt,.bd-view .bd-nav dl dd{
    font-size:14px;
    }
}
span.label {
  min-width: 80px;
  height: 30px;
  display: inline-block;
  border-radius: 2px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -1.5px;
  text-align: center;
  color: #ffffff;
}

span.label.ing {
  background-color: #d0319b;
}

span.label.finish {
  background-color: #3679C1;
}

.file-list {
  padding: 10px 0; display:grid; gap:10px;
}

@media (max-width: 767px) {
  .file-list {
    padding: 14px 0;
  }
}
.file-list a {
  display: inline-block;
  position: relative;
  
}
.file-list a:first-child {
  background:#747474; color:#fff; border-radius:3px; font-size:14px; margin-right:5px;vertical-align: middle; padding:2px 7px;
}

.file-list a + a {
  padding-left: 25px;
}

.file-list a i.file {
  position: absolute;
  left: 0;
  top:3px;
  background: url(/static/nmc22762276/img/ic_board_disk.svg) 0 0 no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.file-list a:first-child:hover{ background:#444;}

table [class^=b-] {
  height: auto;
  line-height: 1;
  min-width: 80px;
  padding: 6px 10px;
  background-color: #d0319b;
}

[class^=b-].easternblue {
  background-color: #2893b1;
}

[class^=b-].easternblue2 {
  background-color: #1e9894;
}


@media (min-width: 1024px) {
  [class^=b-].b-file {
    min-width: 150px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
[class^=b-].b-down {
  background-color: #2276d2;
}

[class^=b-].b-down .ico-doc {
  margin-top: -2px;
}

@media (min-width: 768px) {
  [class^=b-].b-down {
    padding-left: 20px;
    padding-right: 20px;
  }
}
[class^=b-].xl {
  height: auto;
  padding: 18px 24px 18px 26px;
  line-height: 22px;
}

[class^=b-].sm {
  height: 40px;
  padding: 0 34px;
  vertical-align: top;
  font-size: 1rem;
  line-height: 40px;
  min-width: 0;
}

[class^=b-].sm2 {
  height: 30px;
  padding: 0 20px;
  vertical-align: top;
  font-size: 1rem;
  line-height: 30px;
  min-width: 0;
}

[class^=b-].w-2 {
  width: 210px;
  padding-left: 0;
  padding-right: 0;
}

.b-write, .b-blue, .b-submit {
  background-color: var(--sub1) !important;
}

[class^=b-].b-file {
  background-color: #00838a!important; color:#fff!important;
}

.btn2 {
  border: 0.063rem solid #a0a0a0;
  background-color: #f7f7f7;
  height: 30px;
  color: #555;
  border-radius: 2px;
  line-height: 1;
}

.btn2.w80 {
  width: 80px;
}

.btn2.del {
  color: #d70c25;
}

.btn-set {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}

.btn-set a, .btn-set button {
  color: #fff;
  background: #747474;
  font-weight: 600;
}

.bd-list, .bd-list3 {
  margin-top: 10px;
  font-weight: 400;
}

.bd-list + .nodata, .bd-list3 + .nodata {
  margin-top: -1px;
}

.bd-list table, .bd-list3 table {
  width: 100%;
  border-top: 1px solid #606060;
  border-bottom: 1px solid #606060;
  text-align: center;
  table-layout: fixed;
}

@media (max-width: 767px) {
  .bd-list table, .bd-list3 table {
    text-align: left;
    display: block;
  }
}
@media (max-width: 767px) {
  .bd-list table thead, .bd-list3 table thead {
    display: none;
  }
}
.bd-list table thead tr, .bd-list3 table thead tr {
  height: 56px;
  color: #222222;
  font-size: 17px;
  font-weight: 400;
  /*background-color: #f7f7f7;*/
}

.bd-list table th.title, .bd-list3 table th.title {
  width: 50%;
}

.bd-list table th.no, .bd-list3 table th.no {
  width: 7%;
}

.bd-list table th.class, .bd-list3 table th.class {
  width: 10%; 
}

.bd-list table th.name, .bd-list3 table th.name {
  width: 10.41667%;
}

.bd-list table th.date, .bd-list3 table th.date {
  width: 10.41667%;
}

.bd-list table th.file, .bd-list3 table th.file {
  width: 8.33333%;
}

.bd-list table th.cnt, .bd-list3 table th.cnt {
  width: 7.5%;
}

@media (max-width: 767px) {
  .bd-list table tbody, .bd-list3 table tbody {
    display: block;
  }
}
.bd-list table tbody tr, .bd-list3 table tbody tr {
  height: 60px;
  color: #666666;
  font-size: 16px;
}

.bd-list table tbody tr:hover, .bd-list3 table tbody tr:hover{
	background:#f8f8f8;
}

@media (max-width: 767px) {
  .bd-list table tbody tr, .bd-list3 table tbody tr {
    height: auto;
    display: block;
    border-top: 1px solid #606060;
    display: grid;
    grid-template-columns: 50px 1fr;
     font-size: 14px;
  }
  .bd-list table tbody tr:first-child, .bd-list3 table tbody tr:first-child {
    border-top: none;
  }
   .bd-list table tbody tr td:first-child, .bd-list3 table tbody tr td:first-child {
    grid-row:7/1; text-align:center; font-size:13px;display: flex; align-items: center;justify-content: center;
  }
  .bd-list table tbody tr td:first-child .mobile, .bd-list3 table tbody tr td:first-child .mobile
  ,.bd-list table tbody tr td.tit .mobile,.bd-list3 table tbody tr td.tit .mobile {
    display:none;
  }
  .bd-list table tbody tr td.tit,.bd-list3 table tbody tr td.tit{font-size:16px;}
}

.bd-list table tbody tr.notice td:first-child, .bd-list3 table tbody tr.notice td:first-child {
  color:var(--main1);
  font-weight: 700; text-align:center;
}


.bd-list table tbody tr.notice td a, .bd-list3 table tbody tr.notice td a {
  color: #333;
}

.bd-list table tbody td, .bd-list3 table tbody td {
  border-top: 1px solid #dddddd;
}

.bd-list table tbody tr:first-child td, .bd-list3 table tbody tr:first-child td {
  border-top: 1px solid #999;
}

.bd-list table tbody td.tal, .bd-list3 table tbody td.tal {
  text-align: left;
}

@media (min-width: 1024px) {
  .bd-list table tbody td.tal, .bd-list3 table tbody td.tal {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .bd-list table tbody td, .bd-list3 table tbody td {
    display: block;
    padding: 5px 0;
    overflow: hidden;
  }
  .bd-list table tbody td.tit, .bd-list3 table tbody td.tit {
  padding:15px 5px; order:-1;
  }
  .bd-list table tbody tr.notice td a, .bd-list3 table tbody tr.notice td a {
  
  }
}
.bd-list table tbody tr:first-child td{
	    border-top: 1px solid #dddddd;
}
  .bd-list table tbody td span.mobile, .bd-list3 table tbody td span.mobile {
    padding-right: 10px;
    padding-left: 5px;
    width: 70px;
    font-weight: 500;
    float: left;
    font-size:14px;
  }
  .bd-list table tbody td .cell, .bd-list3 table tbody td .cell {
    float: right;
    width: calc(100% - 85px);
  }
  .bd-list table tbody td .cell a, .bd-list3 table tbody td .cell a {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .bd-list table tbody td, .bd-list3 table tbody td {
    padding: 5px;
  }
}

.bd-list table tbody a.file, .bd-list3 table tbody a.file {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 auto;
  background: url(/static/nmc22762276/img/ic_board_disk.svg) 0 0 no-repeat;
  background-size:cover;
}

.bd-list table tbody a + a.file, .bd-list3 table tbody a + a.file {margin-top:5px;}

.bd-list table tbody .tit, .bd-list3 table tbody .tit, .bd-list table tbody .title, .bd-list3 table tbody .title {
  text-align: left;
  font-weight:500;
}
@media (max-width: 767px) {
	.bd-list table tbody .tit, .bd-list3 table tbody .tit, .bd-list table tbody .title, .bd-list3 table tbody .title {
	
	}
}

@media (min-width: 767px) {
.bd-list table tbody .tit a, .bd-list3 table tbody .tit a, .bd-list table tbody .title a, .bd-list3 table tbody .title a {
  position: relative;
  width:100%;
  vertical-align: middle;
  padding-right: 20px;
  color: #444444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
 }
}
.bd-list table tbody a:hover{color:var(--sub1);}

@media (max-width: 767px) {
  .bd-list table tbody .tit a, .bd-list3 table tbody .tit a, .bd-list table tbody .title a, .bd-list3 table tbody .title a {
    width: calc(100% - 90px);
  }
}
.bd-list table tbody .tit a .new, .bd-list3 table tbody .tit a .new, .bd-list table tbody .title a .new, .bd-list3 table tbody .title a .new {

  font-style:normal;font-size:13px;  background:var(--sub2);padding:2px 3px;border-radius:3px;line-height:1;  vertical-align: middle; margin-left:5px;
}

.bd-list table tbody .tit a .new::before, .bd-list3 table tbody .tit a .new::before, .bd-list table tbody .title a .new::before, .bd-list3 table tbody .title a .new::before {
  content: "N";
  display: inline;
  color:#fff;
  font-weight:700;
}

@media (min-width: 768px) {
  .bd-list table tbody .tit a.nomal, .bd-list3 table tbody .tit a.nomal, .bd-list table tbody .title a.nomal, .bd-list3 table tbody .title a.nomal {
    overflow: visible;
    width: auto;
    white-space: normal;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .bd-list table tbody .tit a.nomal .new, .bd-list3 table tbody .tit a.nomal .new, .bd-list table tbody .title a.nomal .new, .bd-list3 table tbody .title a.nomal .new {
    position: static;
    margin: 0;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
  }
}
.bd-list .bd-list--address, .bd-list3 .bd-list--address {
  text-align: left;
}

@media (min-width: 1024px) {
  .bd-list .bd-list--address, .bd-list3 .bd-list--address {
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .bd-list .bd-list--address, .bd-list3 .bd-list--address {
    padding-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .bd-list .bd-list--address .btns, .bd-list3 .bd-list--address .btns {
    float: right;
    padding-right: 27px;
  }
}
@media (max-width: 767px) {
  .bd-list .bd-list--address .btns, .bd-list3 .bd-list--address .btns {
    display: block;
    clear: both;
    text-align: center;
  }
  .bd-list .bd-list--address .btns::before, .bd-list3 .bd-list--address .btns::before {
    content: "";
    display: block;
    height: 14px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
  }
}
.bd-list .ico-new, .bd-list3 .ico-new {
  display: inline-block;
  background-color: #cf61aa;
  border-radius: 2px;
  color: #ffffff;
  width: 20px;
  height: 19px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 19px;
}

.bd-list .ico-new::before, .bd-list3 .ico-new::before {
  content: "N";
  display: inline;
}

.bd-list3 table thead th {
  color: #222222;
  font-weight: 400;
  padding: 5px 0;
  line-height: 1.13;
  border-bottom-width: 0;
  font-size: 1rem;
  background-color: #ffffff;
}

.bd-list3 table button + button {
  margin-left: 1px;
}

.bd-list3 .ovy {
  margin-top: -1px;
  height: 600px;
  overflow-y: scroll;
  border-bottom: 1px solid #606060;
}

.bd-list3 .ovy table {
  border-width: 0 0 0;
}

.bd-list3 .ovy table td {
  border-bottom: 1px solid #ccc;
}

@media (min-width: 1024px) {
  .bordered table th, .bordered table td {
    border-right: 1px solid #ccc;
  }
  .bordered table th:last-child, .bordered table td:last-child {
    border-right-width: 0;
  }
}
.scroll-x {
  overflow-x: auto;
}

.scroll-x table {
  min-width: 791px;
}

.bd-list2 {
  position: relative;
}

@media (max-width: 1023px) {
  .bd-list2 .total-count {
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .bd-list2 .cate {
    text-align: left;
  }
  .bd-list2 th.cate {
    padding-left: 13px;
  }
}
.bd-list2 table {
  width: calc(100% - 1px);
  border-top: 1px solid #606060;
  border-bottom: 2px solid #606060;
  text-align: center;
  table-layout: fixed;
  border-collapse: collapse;
}

@media (max-width: 1023px) {
  .bd-list2 table col {
    width: auto !important;
  }
}
.bd-list2 table th, .bd-list2 table td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.bd-list2 table th:last-child, .bd-list2 table td:last-child {
  border-right-width: 0;
}

.bd-list2 table th + th {
  border-left: 1px solid #ccc;
}

.bd-list2 table thead tr {
  color: #222222;
  font-weight: 400;
  background-color: #f7f7f7;
  font-size: 17px;
}

@media (max-width: 1023px) {
  .bd-list2 table thead tr {
    font-size: 15px;
  }
}
.bd-list2 table thead tr th {
  padding: 10px 0;
  height: 58px;
  line-height: 1.53;
}

.bd-list2 table tbody tr {
  height: 56px;
  color: #666666;
}

@media (max-width: 1023px) {
  .bd-list2 table tbody tr {
    font-size: 14px;
  }
}
.bd-list2 table tbody td {
  padding: 5px;
}

.bd-list2 a.file {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  background: url(/static/nmc/img/common/ico-file.png) 0 0 no-repeat;
}

.bd-list2 .tit, .bd-list2 .title {
  text-align: left;
}

.bd-list2 .tit a, .bd-list2 .title a {
  position: relative;
  width: 500px;
  vertical-align: middle;
  padding-right: 20px;
  color: #444444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.bd-list2 .tit a .new, .bd-list2 .title a .new {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -10px;
  background-color: #cf61aa;
  border-radius: 2px;
  color: #ffffff;
  width: 20px;
  height: 19px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 19px;
}

.bd-list2 .tit a .new::before, .bd-list2 .title a .new::before {
  content: "N";
  display: inline;
}

.bd-list2 .tit a.nomal, .bd-list2 .title a.nomal {
  overflow: visible;
  width: auto;
  white-space: normal;
  padding-right: 0;
}

.bd-list2 .tit a.nomal .new, .bd-list2 .title a.nomal .new {
  position: static;
  margin: 0;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}

.table {
  width: 100%;
  border-top: 2px solid #606060;
  border-bottom: 1px solid #606060;
  text-align: center;
}

.table th {
  background-color: #f7f7f7;
  color: #222222;
  line-height: 1;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.table th + th {
  border-left: 1px solid #ccc;
}

.table td {
  padding: 17px 0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.table tr td:last-child {
  border-right-width: 0;
  border-left: 1px solid #ccc;
}

.table-head {
  width: 100%;
  border-top: 2px solid #606060;
  text-align: center;
}

.table-head td {
  background-color: #f7f7f7;
  color: #222222;
  line-height: 1;
  padding: 20px 0;
  font-weight: 500;
}

.table-head td + td {
  border-left: 1px solid #ccc;
}

.table2 {
  margin-top: 10px;
  border-top: 2px solid #5a94c7;
  text-align: center;
}

.table2 tr:first-child th {
  border-top-width: 0;
}

.table2 .bg {
  background-color: #f7f7f7;
}

.table2 th, .table2 td {
  border: 1px solid #ccc;
  padding: 18px 16px;
}

.table2 th.tal, .table2 td.tal {
  text-align: left;
}

.table-row {
  border-top: 2px solid #5a94c7;
  border-bottom: 1px solid #616161;
}

.list-bu + .table-row {
  margin-top: 20px;
}

.table-row table {
  width: 100%;
}

.table-row table tr:first-child > * {
  border-top-width: 0;
}

.table-row th, .table-row td {
  border: 1px solid #ccc;
  border-bottom-width: 0;
}

.table-row table thead th {
  border-bottom: 1px solid #ccc;
}

.table-row th {
  width: 16.67%;
  vertical-align: middle;
  background-color: #f5f5f5;
  color: #222222;
  height: 58px;
}

.table-row td {
  padding: 20px 30px;
}

@media (max-width: 767px) {
  .table-row td {
    padding: 5px;
  }
}
.table-row strong {
  color: #333333;
}

.table-row.type-complex th {
  width: auto;
}

.table-col {
  border-top: 2px solid #5a94c7;
  border-bottom: 1px solid #616161;
  border-bottom: 1px solid #ccc;
  margin-bottom: 4px;
  border-top: 3px solid #5a94c7;
}

h2 + .table-col {
  margin-top: 15px;
}

h3 + .table-col {
  margin-top: 15px;
}

p + .table-col {
  margin-top: 10px;
}

.table-col table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}

.table-col table tr:first-child > * {
  border-top-width: 0;
}

.table-col.tbody-color-gray tbody th {
  color: #666;
  font-weight: 400;
}

.table-col.tla table {
  table-layout: auto;
}

.table-col.w thead th {
  font-size: 0.938rem;
}

.table-col.w th, .table-col.w td {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .table-col.w th, .table-col.w td {
    padding: 5px;
  }
}
.table-col th, .table-col td {
  border: 1px solid #ccc;
  border-bottom-width: 0;
  padding: 15px 20px;
}

@media (max-width: 1023px) {
  .table-col th, .table-col td {
    padding: 5px;
  }
}
.table-col thead .th, .table-col thead th {
  background-color: #f5f5f5;
  font-size: 1.063rem;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
}

.table-col th {
  vertical-align: middle;
  color: #000;
}

.table-col td.th {
  color: #000;
}

.table-col strong {
  color: #333333;
}

.table-col.type-200440 {
  color: #333333;
}

.table-col.type-200440 td:nth-child(3) {
  text-align-last: left;
  color: #666;
}

.table-col.type-200440 td.tal {
  color: #666666;
}

.table-col.tal td {
  text-align: left;
}

@media (max-width: 767px) {
  .table-col.type-mobile-sm table {
    table-layout: auto;
  }
  .table-col.type-mobile-sm th {
    font-size: 0.938rem;
  }
  .table-col.type-mobile-sm td {
    font-size: 0.875rem;
  }
}
.table-col .cell-color-1 {
  color: #2276d2;
  background-color: #f0f8ff;
}

.table-col .cell-color-2 {
  color: #fff;
  background-color: #605ca8;
}

.table-col .cell-color-3 {
  color: #666;
  background-color: #f0f8ff;
}

.table-col .cell-color-4 {
  color: #d0319b;
  background-color: #f0f8ff;
}

@media (max-width: 767px) {
  .table-col.sm table th, .table-col.sm table thead th {
    font-size: 15px;
  }
  .table-col.sm table tbody td {
    font-size: 14px;
  }
}
.type-min-padding th {
  padding: 15px 17px;
}

.type-min-padding td {
  padding: 12px 17px;
}

.dbdata ul {
  list-style-type: initial;
  padding-left: 40px;
}

.dbdata ol {
  list-style-type: decimal;
  margin-left: initial;
  padding-left: 40px;
}

.dbdata em {
  font-style: italic;
}

@media (max-width: 767px) {
  .full-width {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.td-tal table tbody td {
  text-align: left;
}

.td-tac table tbody td {
  text-align: center;
}

td.bdl-none {
  border-left: 0 #fff !important;
}

td.bdr-none {
  border-right: 0 #fff !important;
}

.bd-reg {
  clear: both;
  margin-top: 10px;
  width: 100%;
  border-top: 2px solid #606060;
  border-bottom: 1px solid #606060;
  text-align: center;
  table-layout: fixed;
}

.bd-reg table {
  width: 100%;
}

.bd-reg table thead {
  height: 56px;
  color: #222222;
}

.bd-reg table th, .bd-reg table td {
  padding: 10px 0;
}

.bd-reg table tbody th, .bd-reg table td {
  font-weight: 400;
  border-top: 1px solid #ccc;
}

.bd-reg table td {
  text-align: left;
  padding-left: 22px;
  padding-right: 22px;
  vertical-align: middle;
}

.bd-reg input[type=text], .bd-reg input[type=number] {
  width: 100%;
}

.bd-reg textarea {
  width: 100%;
  height: 86px;
}

.bd-reg.type-helpcell td:nth-child(3) {
  font-size: 0.875rem;
}

.table-rt-deco {
  text-align: right;
  margin-bottom: 11px;
}

@media (min-width: 1024px) {
  .type-ogg td.tal {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.reg {
  border-top: 2px solid #E1315F;;
  border-bottom: 1px solid #E1315F;
}

.reg > dl {
  border-top: 1px solid #ccc;
  display: table;
  width: 100%;
}

@media (min-width: 768px) {
  .reg > dl > * {
    display: table-cell;
    vertical-align: middle;
  }
}
.reg > dl > dt {
  text-align: left;
  padding: 15px 0;
  color: #222222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .reg > dl > dt {
    width: 150px;
    padding: 15px 0 15px 20px;
    background: #f2f2f2;
  }
}
.reg > dl > dt label {
  font-weight: inherit;
}

@media (max-width: 767px) {
  .reg > dl > dt {
    width: auto;
  }
}
.reg > dl:first-child {
  border-top: 0;
}

.reg > dl > dd {
  padding-bottom: 10px;
  position: relative;
}

@media (min-width: 768px) {
  .reg > dl > dd {
    width: calc(100% - 150px);
    padding: 7px 0 7px 10px;
  }
}
.reg select, .reg input[type=text], .reg input[type=password] {
  font-size: 16px;
}

.reg input[type=text], .reg input[type=password] {
  padding: 10px;
}

.reg .inp-txt1 {
  width: 100%;
  max-width: 400px;
}

.reg .inp-txt2 {
  width: 100%;
  max-width: 200px;
}

.reg .inp-txt3 {
  width: 100%;
  max-width: 100px;
}

.reg .inp-txt4 {
  width: 100%;
  max-width: 80px;
}

.reg .text-area {
  width: 100%;
  height: 150px;
}

.reg .deco {
  padding: 4px 0;
}

.reg-join .ok, .reg-join .no {
  color: #0a7bbb;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.24px;
}

.reg-join .no {
  color: #e81e09;
}

.post-set {
  max-width: 900px;
  display: block;
}

.post-set:before, .post-set:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.post-set span {
  display: block;
}

.post-set span:nth-child(1) {
  margin-bottom: 10px;
  display: block;
}

.post-set span:nth-child(1):before, .post-set span:nth-child(1):after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.post-set span:nth-child(1) input {
  float: left;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .post-set span:nth-child(1) input {
    width: calc(100% - 170px);
  }
}
.post-set span:nth-child(2) {
  float: left;
  width: 44.44444%;
}

@media (max-width: 767px) {
  .post-set span:nth-child(2) {
    width: 100%;
  }
}
.post-set span:nth-child(3) {
  float: left;
  width: 55.55556%;
  padding-left: 10px;
}

@media (max-width: 767px) {
  .post-set span:nth-child(3) {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
}
.post-set .post {
  width: 200px;
}

.post-set .post-search {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #464646;
  background-color: #ffffff;
  width: 160px;
  background-color: #ffffff;
}

.post-set .post-search .ico-post {
  width: 17px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
  background: url(/static/nmc/img/common/ico-post.png) center center no-repeat;
}

.post-set .post-default {
  width: 100%;
}

.post-set .post-detail {
  width: 100%;
}

.join-input-id, .join-input-pw {
  max-width: 400px;
  width: 100%;
}

@media (max-width: 767px) {
  .join-input-id, .join-input-pw {
    max-width: initial;
  }
}
.tel {
  width: 150px;
}

.email-id {
  width: 300px;
}

.email-addr {
  width: 200px;
}

@media (max-width: 767px) {
  .email-addr {
    width: 100%;
    margin-top: 10px;
  }
}
.js-email-domain {
  width: 200px;
  margin-top: 10px;
}

@media (min-width: 1024px) {
  .js-email-domain {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .js-email-domain {
    width: 100%;
  }
}
.req { /* Style for "＊필수입력 항목" */
  color: #d0319b;
  font-size: 15px;
  font-weight: 500;
}

.req::before {
  content: "＊ ";
  font-size: 8px;
  font-weight: 700;
  vertical-align: middle;
  margin-right: 3px;
}

.req span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.label-list label, .label-list2 label {
  display: block;
  width: 100%;
}

.label-list2 label {
  display: inline-block;
  width: auto;
  margin-right: 10px;
}

@media (min-width: 1024px) {
  .label-list2 label {
    margin-right: 70px;
  }
  .label-list2 label:last-child {
    margin-right: 0;
  }
}
.sns-app-set {
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .sns-app-set li {
    padding-top: 15px;
  }
}
@media (min-width: 1024px) {
  .sns-app-set {
    margin: 27px -15px 0;
  }
  .sns-app-set ul {
    display: table;
    width: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .sns-app-set ul {
    max-width: 550px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .sns-app-set ul li {
    display: table-cell;
    padding: 0 15px;
  }
}
.sns-app-set .s {
  border: 1px solid #ccc;
}

.sns-app-set .s.on {
  border: 1px solid #555555;
}

.sns-app-set .s .icons {
  display: block;
  height: 120px;
  background-position: center center;
  background-repeat: no-repeat;
}

.sns-app-set .s .icons.ico-naver-lg {
  background-image: url(/static/nmc/img/common/sns-naver-lg.png);
}

.sns-app-set .s .icons.ico-facebook-lg {
  background-image: url(/static/nmc/img/common/sns-facebook-lg.png);
}

.sns-app-set .s .icons.ico-kakaotalk-lg {
  background-image: url(/static/nmc/img/common/sns-talk-lg.png);
}

.sns-app-set .s .m {
  padding: 15px 0;
  background-color: #f4f4f4;
}

.sns-app-set .s .m button { /* Style for "Rectangle" */
  border: 1px solid #464646;
  background-color: #ffffff;
  width: 160px;
  margin: 0 auto;
  display: block;
  padding: 15px 0;
  color: #333333;
  line-height: 1;
}

.sns-app-set .s .m button i {
  margin-right: 8px;
}

.sns-app-set .s .m button[disabled] {
  background-color: #555555;
  color: #ffffff;
  border-color: #555555;
}

.sns-app-set .s label {
  text-align: center;
  display: block;
  width: 100%;
  padding: 40px 0;
}

.ico-lock {
  width: 14px;
  height: 18px;
  vertical-align: middle;
  display: inline-block;
  background: url(/static/nmc/img/common/ico-lock.png) 0 0 no-repeat;
}

.ico-check {
  width: 13px;
  height: 11px;
  vertical-align: middle;
  display: inline-block;
  background: url(/static/nmc/img/common/ico-check.png) 0 0 no-repeat;
}

.join-edit-end {
  border: 1px solid #ccc;
  padding: 25px;
  text-align: center;
}

@media (min-width: 1024px) {
  .join-edit-end {
    padding: 80px;
  }
}
.join-edit-end p {
  padding-top: 30px;
}

.join-edit-end .lg {
  color: #2276d2;
  font-family: "Nanum Square OTFB";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.022rem;
}

.point-lg {
  color: #d0319b;
  font-family: "Nanum Square OTFB";
  font-size: 24px;
  font-weight: 400;
  line-height: 36px; /* Text style for "비, 밀번호는 회원" */
  letter-spacing: -0.36px;
}

.pw-change {
  border: 1px solid #ccc;
}

.pw-change .top {
  text-align: center;
  padding: 25px 0;
}

@media (min-width: 1024px) {
  .pw-change .top {
    padding: 50px 0 30px;
  }
}
@media (max-width: 767px) {
  .pw-change .top {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.pw-change .mid {
  background-color: #f4f4f4;
  padding-bottom: 26px;
}

.pw-change .mid .s {
  max-width: 582px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .pw-change .mid .s {
    padding: 0 20px;
  }
}
.pw-change .mid .s dl {
  width: 100%;
}

@media (min-width: 1024px) {
  .pw-change .mid .s dl {
    display: table;
  }
}
@media (min-width: 1024px) {
  .pw-change .mid .s dl dt, .pw-change .mid .s dl dd {
    min-height: 50px;
    padding-top: 19px;
    display: table-cell;
  }
}
@media (max-width: 1023px) {
  .pw-change .mid .s dl dt, .pw-change .mid .s dl dd {
    display: block;
  }
}
.pw-change .mid .s dl dt {
  line-height: 50px;
  vertical-align: top;
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.24px;
}

@media (min-width: 1024px) {
  .pw-change .mid .s dl dt {
    width: 110px;
  }
}
@media (max-width: 767px) {
  .pw-change .mid .s dl dt label {
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .pw-change .mid .s dl dt {
    padding: 20px 0 10px;
    display: block;
    line-height: 1;
  }
}
.pw-change .mid .s dl dd {
  position: relative;
}

@media (min-width: 1024px) {
  .pw-change .mid .s dl dd {
    line-height: 50px;
  }
}
.pw-change .mid .s dl dd input {
  width: 100%;
  max-width: 400px;
  height: 50px;
}

.pw-deco {
  padding-top: 12px;
}

@media (max-width: 767px) {
  .input-status {
    position: absolute;
    right: 0;
    top: -2rem;
  }
}
.input-status.ok, .input-status.no {
  color: #0a7bbb;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.24px;
}

.input-status.no {
  color: #e81e09;
}

.tel-set {
  max-width: 450px;
  display: block;
}

.tel-set > * {
  float: left;
  vertical-align: top;
}

.tel-set:before, .tel-set:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.tel-set select {
  width: calc(40% - 40px);
}

@media (min-width: 1024px) {
  .tel-set select {
    width: calc(40% - 52px);
  }
}
.tel-set input.tel {
  width: 30%;
}

.tel-set i {
  text-align: center;
  line-height: 36px;
}

@media (max-width: 1023px) {
  .tel-set i {
    width: 20px;
  }
}
@media (min-width: 1024px) {
  .tel-set i {
    width: 26px;
  }
}
.sh {
  margin: 5px 0 13px;
}

.sh .left-deco {
  line-height: 1;
  color: #333;
}

.sh .set.w {
  width: 100%;
}

.sh select {
  width: 100px;
  height: 40px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  vertical-align: top;
}

.inp-sh-set {
  display: inline-block;
  position: relative;
}

@media (max-width: 1024px) {
  .sh{display: flex;justify-content: center;}
  .sh .left-deco {
    float: left;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
.sh{display:block;}
 .sh select { width:100%}
  .sh .left-deco {
    margin-bottom: 10px;
    text-align: left;
  }
}


@media (max-width: 767px) {
  .inp-sh-set {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.inp-sh-set input[type=text] {
  width: 182px;
  height: 40px;
  float: left;
  border-right-width: 0;
}

@media (max-width: 767px) {
  .inp-sh-set input[type=text] {
    width: calc(100% - 68px) !important;
  }
}
.inp-sh-set .b-sh {
  width: 68px;
  height: 40px;
  color: #fff;
  background-color: #747474;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.24px;
  padding: 0;
  min-width: 0;
  border-radius: 0;
}

.inp-sh-set + * {
  margin-left: 6px;
}

.type-inline {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: transparent;
  padding: 0;
  margin-bottom: 20px;
}

.type-inline > label, .type-inline .set-title {
  display: inline-block;
  width: 72px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.35px;
}

.type-inline .keyword {
  width: 185px;
}

.type-inline select, .type-inline input {
  margin-right: 7px;
}

/*paging*/
.pagination-set {
  text-align: center;
}

.pagination-set, .paginationSet {
  text-align: center;
  margin-top: 20px;
}

@media (min-width: 1024px) {
  .pagination-set, .paginationSet {
    margin-top: 50px;
  }
}
.paging {
  text-align: center;
  margin-top: 30px;
}

.pagination {
  display: inline-block;
  vertical-align: top;
  padding-left: 0;
  text-align: center;
}

.pagination em {
  font-style: normal;
}

.pagination > li {
  display: inline;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 0;
  text-decoration: none;
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0 0;
  color: #666;
  margin-left: -1px;
}

@media (max-width: 767px) {
  .pagination > li > a, .pagination > li > span {
    min-width: 23px;
    height: 28px;
    line-height: 26px;
  }
}
.pagination > li.first > *, .pagination > li.prev > *, .pagination > li.next > *, .pagination > li.end > * {
  min-width: 34px;
  padding-left: 5px;
  padding-right: 5px;
  background: url(/static/nmc/img/common/paging.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  .pagination > li.first > *, .pagination > li.prev > *, .pagination > li.next > *, .pagination > li.end > * {
    min-width: 23px;
    height: 28px;
    line-height: 26px;
    background: url(/static/nmc/img/common/paging-m@2x.png) -1px 0 no-repeat;
    background-size: auto 28px;
  }
}
.pagination > li.first > *:before, .pagination > li.prev > *:before, .pagination > li.next > *:before, .pagination > li.end > *:before {
  content: "";
  display: inline-block;
}

.pagination > li .s span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.pagination > li.prev > * {
  background-position: -34px 0;
  margin-right: 21px;
}

@media (max-width: 767px) {
  .pagination > li.prev > * {
    background-position: -24px 0;
    margin-right: 5px;
  }
}
.pagination > li.next > * {
  background-position: -437px 0;
  margin-left: 21px;
}

@media (max-width: 767px) {
  .pagination > li.next > * {
    background-position: -276px 0;
    margin-left: 5px;
  }
}
.pagination > li.end > * {
  background-position: right 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  z-index: 2;
  text-decoration: underline;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 3;
  cursor: default;
  border: none;
  background-color: var(--sub1);
  color: #ffffff;
  border-radius:3px;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  cursor: not-allowed;
  opacity: 0.7;
  display: none;
}

@media (max-width: 480px) {
  .pagination > li.prev > * {
    margin-right: 0;
  }
  .pagination > li.next > * {
    margin-left: 0;
  }
}
.login-set {
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}

.login-set p {
  color: #444;
  font-family: "NanumSquareRoundEB";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.33px;
  margin-bottom: 30px;
  text-align: center;
}

.login-set::before {
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: block;
  background: #fff url("/static/nmc22762276/img/login_ticon.gif") no-repeat center center;
  background-size: 70%;
  margin: 20px auto 20px;
  border: 5px solid #ddd;
  position: relative;
  z-index: 1;
}

.login-set::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #ddd;
  display: block;
  position: absolute;
  left: 0;
  top: 50px;
}

@media (max-width: 767px) {

  .login-set p span {
    display: block;
    font-size: 17px;
  }  
  .login-set::before {
  width: 80px;
  height: 80px;
  }
  .login-set::after {top:40px;}
}
.login-set .deco {
  margin-top: 20px;
  text-align: left;
  color: #666;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.63;
  letter-spacing: -0.015rem;
}

.login-set form span {
  display: block;
  overflow: hidden;
}

.login-set form span label {
  float: left;
  line-height: 58px;
  border: 1px solid #ccc;
  border-right-width: 0;
  text-align: center;
  font-weight: 500;
}

@media (min-width: 768px) {
  .login-set form span label {
    width: 100px;
  }
}
@media (max-width: 767px) {
  .login-set form span label {
    width: 86px;
  }
}
.login-set form span input {
  float: left; /* Style for "Rectangle" */
  height: 60px;
  border: 1px solid #ccc;
  border-left-width: 0;
  background-color: #f5f5f5;
  padding-left: 20px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .login-set form span input {
    width: calc(100% - 100px);
  }
}
@media (max-width: 767px) {
  .login-set form span input {
    width: calc(100% - 86px);
  }
}

.login-set form span:first-of-type label{
	border-top-left-radius:3px;
	
}
.login-set form span:first-of-type input{
    border-top-right-radius:3px;
}
.login-set form span:last-of-type label{
	border-top:0;
	border-bottom-left-radius:3px;
}
.login-set form span:last-of-type input{
	border-top:0;
	border-bottom-right-radius:3px;
}

.login-set form button {
  display: block;
  width: 100%;
  border: 0;
  height: 50px;
  margin-top: 15px; /* Style for "Rounded Re" */
  background-color: var(--sub1); /* Style for "로그인" */
  color: #ffffff;
  font-size: 19px;
  font-weight: 800; /* Text style for "로, 그인" */
  letter-spacing: -0.28px;
  border-radius:3px;
}

.login-set form button:hover {
  filter: brightness(1.1);
}

.login-set .more-link {
  margin-top: 20px;
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px;
}

.login-set .more-link a {
 border:1px solid #ddd;
  display: inline-block;
  position: relative;
  padding: 15px 10px;
  line-height: 1.125;
  border-radius:3px;
  text-align:center;
}
.login-set .more-link a:hover{
	background:#f2f2f2;
	font-weight:700;
}

@media (max-width: 767px) {
.login-set .more-link{gap:10px;}
  .login-set .more-link a {
    font-size:14px;
  }
}
.login-set .more-link a.point {
  color: var(--sub3);
  font-weight: 700;
}



.login-set .line {
  margin: 30px 0;
  border-top: 2px solid #ddd;
  height: 0;
  overflow: hidden;
}

.login-set .snsWrap {
  margin: 0 -10px;
}

@media (min-width: 768px) {
  .login-set .snsWrap {
    display: table;
    width: calc(100% + 40px);
    margin: 0;
    margin-left: -20px;
    border-collapse: separate;
    border-spacing: 20px 0;
  }
}
.login-set .snsWrap a {
  color: #666666;
  font-size: 15px;
  line-height: 48px;
  display: block;
  border-radius: 3px;
  border: 1px solid #ccc;
  text-align: center;
}

@media (min-width: 768px) {
  .login-set .snsWrap a {
    display: table-cell;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .login-set .snsWrap a + a {
    margin-top: 10px;
  }
}
.login-set .snsWrap a i {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: center center no-repeat;
  margin-right: 10px;
}

.login-set .snsWrap a i.sns-band {
  background-image: url(/static/nmc/img/common/sns-band.png);
}

.login-set .snsWrap a i.sns-facebook {
  background-image: url(/static/nmc/img/common/sns-facebook.png);
}

.login-set .snsWrap a i.sns-kakaotalk {
  background-image: url(/static/nmc/img/common/sns-kakaotalk.png);
}

.agg-set2 { margin: 30px 0; }

.agg-set2 .ovy { border: 1px solid #ccc; height: 160px; overflow-y: auto; padding: 20px;  font-weight:400; margin-bottom:20px!important;}

.agg-set2 .label-set { margin: 14px 0; text-align: center; }

.agg-set2 .label-set label { display: inline-block; margin-right: 20px; }

.ui-datepicker-trigger{vertical-align: middle; margin-left: 10px; cursor: pointer; }
.ui-datepicker-trigger:hover{filter: invert(30%) sepia(45%) saturate(6269%) hue-rotate(329deg) brightness(94%) contrast(87%);}

.job-ing{background:var(--sub3); text-align:center; color:#fff; font-size:15px; font-weight:600; padding:5px; border-radius:3px; min-width:62px; display:inline-block;}
.job-end{border:1px solid #888;text-align:center; color:#666666; font-size:15px; font-weight:600; padding:5px; border-radius:3px; min-width:62px;display:inline-block;}

.event-end{background:#747474;text-align:center; color:#fff; font-size:13px; font-weight:600; padding:2px 6px; border-radius:3px;
margin-right:5px;display:inline-block;font-style: normal;}

@media (max-width: 767px) {
	.job-ing{padding:3px 5px; font-size:13px;min-width:auto;}
	.job-end{padding:3px 5px; font-size:13px;min-width:auto;}
	.event-end{padding:3px 5px; font-size:13px;min-width:auto;}
}

#pwdConfirmForm .infor{    border: 2px dotted #ddd;padding: 30px 20px;text-align: center;font-size: 18px;margin-bottom: 30px;color: #d80358;}
#pwdConfirmForm .ptbox{ display:flex;justify-content: center; padding:20px 5px;border: 1px solid #ccc; }
#pwdConfirmForm .ptbox .title{margin-right:10px}
#pwdConfirmForm .ptbox input[type=password]{height:42px;}
@media (max-width: 767px) {
	#pwdConfirmForm .infor{margin-bottom:10px;}
	#pwdConfirmForm .ptbox label{display:flex;justify-content: center;align-items: center; flex-wrap:wrap; gap:10px}
	#pwdConfirmForm .ptbox .b-lg{ width:100%; max-width:340px;}	
}
	
/*페이지 준비 중*/
.coming{border:1px solid #ddd; text-align:center; padding:100px; border-radius:3px;}
.coming .title{font-size:30px; color:var(--sub1); font-weight:700;    font-family: "NanumSquareRoundEB"; padding-bottom:10px;}

.color-blue{color: #3679C1 }
.fc_green{color: #3A7525; }
.color-orange{color: #e73100;}
.color-red{color: #c10101; }