@charset "UTF-8";
/*-----------------------------------------------------------------
   base
------------------------------------------------------------------*/
/* font */
@import url("https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo.css");

@font-face {
  font-family: 'NanumSquareRound';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumSquareRound';
  src: url('/fonts/NanumSquareRound.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gmarket';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: "GangwonEduPowerExtraBoldA";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'KCC-Ahnchangho';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/KCC-Ahnchangho.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

:root {
  --font: "Noto Sans KR";
  --font2: "GangwonEduPowerExtraBoldA";
  --font3: "gmarket";
  --font4: "KCC-Ahnchangho";
  --fNsr : "NanumSquareRound";
  --gray: #edf2f9;
}

html {
  font-size: 62.5%; /* 10px */
  height: 100%;
}

body {
  font-family: var(--fNsr);
  margin: 0;
  height: 100%;
  overflow-wrap: break-word;
  color: #222;
}

/* Do not break Korean words */
:lang() ko {
  word-break: keep-all;
}

/* Reset img */
img {
  max-width: 100%;
  height: auto;
}

a, button {
  font-family: var(--fNsr);
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

/* CSS Reset [class] */
[class] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none; /* ol, ul */
  border: 0; /* button, table, fieldset, input, textarea, select, iframe */
  background-color: transparent; /* button. dialog, input, mark, meter, progress */
  border-collapse: collapse; /* table */
  border-spacing: 0;
  -webkit-appearance: none;
  appearance: none; /* button, input, textarea, select, meter, progress */
}

[class]::before,
[class]::after {
  box-sizing: border-box;
}

caption, legend {
  position: absolute;
  overflow: hidden;
  left: -9999px;
  top: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
}

/* flex */
/* grid */
/* 박스 정렬 */
/* border-radius */
/* 버튼 */
.btn-bs, .btn-bg, .btn-line, .btn-fill {
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
  padding: 0 1.6rem;
  transition: all 0.4s ease;
  border-radius: 0.6rem;
  color: inherit;
}
.btn-bs > i, .btn-bg > i, .btn-line > i, .btn-fill > i {
  font-size: 0.8em;
}

.btn-fill {
  background-color: #222;
  color: #fff;
}
.btn-fill:hover {
  background-color: #000000;
}

.btn-line {
  background-color: transparent;
  border: 1px solid #222;
}
.btn-line:hover {
  border-color: #000000;
}

.btn-bg {
  background-color: #E6E6E6;
  font-weight: 800;
}
.btn-bg:hover {
  background-color: #DDDDDD;
}

.btn-lg {
  min-width: 14rem;
  height: 5.6rem;
  line-height: 5.6rem;
  font-size: 1.8rem;
  font-weight: 800;
}
@media (max-width: 768px) {
  .btn-lg {
    min-width: 12rem;
    height: 4.6rem;
    line-height: 4.6rem;
    font-size: 1.6rem;
  }
}

.btn-md {
  min-width: 10rem;
  height: 4.6rem;
  line-height: 4.6rem;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .btn-md {
    min-width: 9rem;
    height: 3.8rem;
    line-height: 3.8rem;
    font-size: 1.4rem;
  }
}

/* 블릿 */
.card {
  position: relative;
}
.card--line {
  padding: 2.4rem;
  border: 1px solid #DDDDDD;
  border-radius: 1.6rem;
}
.card--line .card__info {
  margin-top: 0;
}
.card--line .card__btn {
  position: absolute;
  right: 2.4rem;
  bottom: 2.4rem;
}
.card--line.fix {
  height: 21rem;
}
.card__head {
  position: relative;
  font-size: 1.8rem;
  font-weight: 800;
  padding-bottom: 0.6em;
  line-height: 1.4;
}
.card__info {
  margin-top: 2.4rem;
}
.card__fig {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 24rem;
  border-radius: 1.6rem;
  /* 상태값 */
}
.card__fig--hvImg {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  background-color: #F6F6F6;
  min-height: 26rem;
  padding: 3.6rem;
  text-align: center;
}
.card__fig.can .status {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  background-color: #FFC736;
  font-weight: 800;
  font-size: 1.5rem;
  height: 4.6rem;
  line-height: 4.6rem;
  border-radius: 3rem;
  padding: 0 1.8rem;
  position: absolute;
  left: 2.4rem;
  top: 2.4rem;
}
@media (max-width: 768px) {
  .card__fig.can .status {
    height: 3.8rem;
    line-height: 3.8rem;
    left: 1.6rem;
    top: 1.6rem;
  }
}
.card__fig.end:after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card__fig.end .status {
  z-index: 99;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 800;
  font-size: 1.5rem;
  color: #fff;
}
.card__fig.end .status:before {
  content: "";
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("../img/ico_cal.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 0.6rem;
}
.card__fig.scheduled .status {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  background-color: #fff;
  font-weight: 800;
  font-size: 1.5rem;
  height: 4.6rem;
  line-height: 4.6rem;
  border-radius: 3rem;
  padding: 0 1.8rem;
  position: absolute;
  left: 2.4rem;
  top: 2.4rem;
}
@media (max-width: 768px) {
  .card__fig.scheduled .status {
    height: 3.8rem;
    line-height: 3.8rem;
    left: 1.6rem;
    top: 1.6rem;
  }
}
.card__img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.card__desc {
  font-size: 1.4rem;
  line-height: 1.6;
  color: color(grey600);
  font-weight: 400;
}
.card__desc + .card__desc {
  margin-top: 1.2rem;
  color: #666666;
}
.card__btn {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .card__head {
    font-size: 1.6rem;
    font-weight: 600;
  }
  .card__info {
    margin-top: 2.4rem;
  }
  .card__desc {
    font-size: 1.3rem;
  }
  .card__fig .card__info {
    padding: 0;
  }
  .card__btn {
    margin-top: 1.6rem;
  }
}

/* dotList */
.dotList__item {
  position: relative;
  padding: 0.5rem 0 0.5rem 1.4rem;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}
.dotList__item:before {
  content: "";
  position: absolute;
  top: 1.4rem;
  display: inline-block;
  left: 0;
  vertical-align: middle;
  background-color: #000000;
  width: 4px;
  height: 4px;
  border-radius: 100%;
}
.dotList__item .cirList {
  margin-top: 1.6rem;
}
.dotList + .tblWp {
  margin-top: 1.6rem;
}
@media (max-width: 768px) {
  .dotList__item {
    font-size: 1.4rem;
  }
  .dotList__item:before {
    top: 1.2rem;
  }
}

/* 숫자 변형 리스트  */
.numeraList__item {
  position: relative;
  font-size: 1.6rem;
  padding-left: 3.2rem;
  line-height: 1.6;
  padding-top: 3.4rem;
  padding-bottom: 6rem;
  margin-bottom: 6rem;
  border-bottom: 1px solid #1B1E26;
}
.numeraList__item:last-child {
  border: none;
  margin-bottom: 0;
}
.numeraList__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 2.6rem;
  font-size: 1.8rem;
  text-align: left;
  color: var(--primary);
  vertical-align: middle;
  font-weight: 800;
}
.numeraList__item:nth-child(1):before {
  content: "01";
}
.numeraList__item:nth-child(2):before {
  content: "02";
}
.numeraList__item:nth-child(3):before {
  content: "03";
}
.numeraList__item:nth-child(4):before {
  content: "04";
}
.numeraList__item:nth-child(5):before {
  content: "05";
}
.numeraList__item:nth-child(6):before {
  content: "06";
}
.numeraList__item:nth-child(7):before {
  content: "07";
}
.numeraList__item:nth-child(8):before {
  content: "08";
}
.numeraList__item:nth-child(9):before {
  content: "09";
}
.numeraList__item:nth-child(10):before {
  content: "010";
}

/* 원형 리스트 */
.cirList {
  counter-reset: circle 0;
}
.cirList__item {
  position: relative;
  list-style: none;
  font-size: 1.6rem;
  padding-left: 2.4rem;
  padding-bottom: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  font-size: 1.8rem;
}
.cirList__item > p {
  margin-top: 1rem;
}
.cirList__item:before {
  position: absolute;
  top: 0.6rem;
  left: 0;
  counter-increment: circle 1;
  content: counter(circle);
  text-align: center;
  border: 1px solid #424242;
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.5rem;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .cirList__item {
    font-size: 1.4rem;
  }
}

/* 숫자 리스트 */
.stepList > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 3rem 0;
}
.stepList__lt {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  flex-direction: row;
}
@media (max-width: 768px) {
  .stepList__lt {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
.stepList__lt .step {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border-radius: 3rem;
  width: 9.2rem;
  height: 4rem;
  text-align: center;
  color: color(white);
  font-size: 1.4rem;
  background-color: #000000;
  margin-right: 4rem;
}
@media (max-width: 768px) {
  .stepList__lt .step {
    width: 8rem;
  }
}
@media (max-width: 768px) {
  .stepList__lt .text {
    margin-left: 1.8rem;
  }
}
.stepList__lt .text .fst {
  color: #fff;
  font-size: 3.4rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  .stepList__lt .text .fst {
    margin-top: 1.6rem;
    font-size: 2.4rem;
  }
}
.stepList__lt .text .snd {
  margin-top: 2rem;
  color: #fff;
  opacity: 0.6;
  font-size: 2rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .stepList__lt .text .snd {
    font-size: 1.6rem;
  }
}
.stepList__rt {
  color: #FFC736;
  opacity: 0.6;
  font-size: 7rem;
  font-weight: 700;
}

.modal {
  display: none;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 720px;
  background-color: #fff;
  border-radius: 2.4rem;
  padding: 2.4rem;
}
@media (max-width: 768px) {
  .modal-dialog {
    width: 95%;
  }
}
.modal-dialog.sml {
  width: 480px;
}
@media (max-width: 768px) {
  .modal-dialog.sml {
    width: 95%;
  }
}
.modal-dialog.sml .modal-body {
  font-size: 1.8rem;
  text-align: center;
  height: auto;
  padding: 3.6rem 0 1.6rem 0;
}
.modal-dialog.sml .modal-body .pnt {
  font-weight: 800;
  font-weight: 1.2em;
  margin-bottom: 0.8rem;
}
.modal-header {
  padding: 1.2rem 0 2.4rem 0;
  border-bottom: 1px solid #DDDDDD;
}
.modal-header .title {
  font-size: 1.8rem;
  font-weight: 800;
}
@media (max-width: 768px) {
  .modal-header .title {
    font-size: 1.6rem;
  }
}
.modal-header .date {
  font-size: 1.4rem;
  padding-top: 1.2rem;
}
.modal-body {
  padding: 4.2rem 0;
  position: relative;
  overflow-y: auto;
  height: 40vh; /* 임시 */
  font-size: 1.6rem;
  line-height: 1.6;
}
.modal-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}
.modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.26);
}
.modal-body::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
@media (max-width: 768px) {
  .modal-body {
    font-size: 1.4rem;
  }
}
.modal-btn {
  padding: 2.4rem 0;
  text-align: center;
}
.modal-btn > button {
  margin: 0 0.4rem;
}

/* form 요소 */
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url] {
  font-family: "NanumSquareNeo", sans-serif;
  position: relative;
  display: inline-block;
  width: auto;
  text-align: left;
  line-height: 1;
  color: #222;
  letter-spacing: -0.06em;
  background-color: transparent;
  border-radius: 0.5rem;
  box-sizing: border-box;
}

input[type=file] {
  color: #888;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 4rem #efefef inset;
  -webkit-text-fill-color: #222;
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out 0s;
}

select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  color: #222;
  border-radius: 0.5rem;
  background-color: transparent;
  background-image: url("");
  background-position: right 6px center;
  background-repeat: no-repeat;
  z-index: 0;
  white-space: normal;
  word-wrap: normal;
  word-break: normal;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  transition: background 0.4s, border 0.4s ease;
  z-index: 0;
  letter-spacing: -0.05em;
}

select:focus {
  outline: none;
}

select option {
  font-family: "roboto", "noto sans";
  color: #222;
}

select::-ms-expand {
  display: none;
}

textarea {
  display: inline-block;
  width: 100%;
  height: 16rem;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #222;
  padding: 1.5rem;
  background-color: transparent;
  box-sizing: border-box;
  resize: none;
  border: 1px solid #e0e0e0;
  letter-spacing: -0.05em;
}

input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
  outline: none;
  z-index: 1;
}

input:read-only, input[readonly] {
  background-color: #f0f0f0;
  color: #888;
}

input[type=submit] {
  display: inline-block;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
}

label {
  cursor: pointer;
}


input::placeholder {
  color: #999 !important;
  vertical-align: middle;
}

input::-webkit-input-placeholder {
  color: #999 !important;
  padding-top: 0.4rem;
}

input::-moz-placeholder {
  color: #999 !important;
  padding-top: 0.4rem;
}

input:-ms-input-placeholder {
  color: #999 !important;
  padding-top: 0.4rem;
}

input:-moz-placeholder {
  color: #999 !important;
  padding-top: 0.4rem;
}

button {
  display: inline-block;
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent;
}

button span {
  position: relative;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #efefef inset;
}

/* 그리드 칼럼 */
.grid-1 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 768px) {
  .grid-1 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-1 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-2 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .grid-2 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-2 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-3 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  .grid-3 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-3 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-4 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .grid-4 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-4 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-5 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 768px) {
  .grid-5 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-5 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-6 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 768px) {
  .grid-6 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-6 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-7 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 768px) {
  .grid-7 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-7 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-8 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 768px) {
  .grid-8 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-8 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-9 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(9, 1fr);
}
@media (max-width: 768px) {
  .grid-9 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-9 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-10 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(10, 1fr);
}
@media (max-width: 768px) {
  .grid-10 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-10 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-11 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(11, 1fr);
}
@media (max-width: 768px) {
  .grid-11 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-11 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

.grid-12 {
  display: grid;
  row-gap: 6.2rem;
  column-gap: 4.2rem;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 768px) {
  .grid-12 {
    display: grid;
    gap: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-12 > li:nth-child(2n) .card__info {
    order: 2;
  }
}

/* inner */
.inner {
  position: relative;
  margin: 0 auto;
  width: 120rem;
  height: 100%;
}
@media (max-width: 768px) {
  .inner {
    width: 100%;
    padding: 0 1.6rem;
  }
}

/* header */
.header {
  z-index: 99;
  width: 100%;
  height: 9rem;
  background-color: #fff;
}
@media (max-width: 768px) {
  .header {
    height: auto;
    padding: 1.2rem 0;
  }
}
.header .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
@media (max-width: 768px) {
  .header .inner .logo {
    margin-bottom: 2.4rem;
  }
}
.header .inner .logo {
  width: 14.3rem;
  height: 3.4rem;
  background-image: url("../img/logo.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.header .inner .logo > a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .header .inner .logo {
    width: 11rem;
    height: 2.6rem;
    margin-top: 2rem;
  }
}
.header .inner .logo .blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
}
.header__other {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

/* content */
.content .sec:not(:first-child) {
  margin-top: 7.2rem;
}
@media (max-width: 768px) {
  .content .sec:not(:first-child) {
    margin-top: 4.8rem;
  }
}
.content .sec__title {
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: -1.2px;
  padding-bottom: 2.4rem;
}
@media (max-width: 768px) {
  .content .sec__title {
    font-size: 2rem;
  }
}
.content .sec--fst {
  padding: 0 4vw;
}
.content .sec--fst .mVis {
  overflow: hidden;
  position: relative;
  background-color: #FFC736;
  height: auto;
  padding: 4.2rem 0;
  border-radius: 1.6rem;
  text-align: center;
}
@media (max-width: 768px) {
  .content .sec--fst .mVis {
    padding: 1.6rem;
  }
}

.notice0 {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  background-color: #F6F6F6;
  height: 5.4rem;
  padding: 0 2.4rem;
  border-radius: 3rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.notice-inner {
  position: relative;
  margin: 4.2rem auto 0 auto;
  width: 120rem;
  height: 100%;
}
@media (max-width: 768px) {
  .notice-inner {
    width: 100%;
    padding: 0 1.6rem;
    margin: 2.4rem auto 0 auto;
  }
}
.notice__txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.8rem;
}
.notice__txt i {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/ico_notice.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
}
.notice__date {
  margin-left: 3.2rem;
  font-size: 0.9em;
}
@media (max-width: 768px) {
  .notice {
    width: 100%;
  }
  .notice__txt {
    font-size: 1.4rem;
    width: 100%;
  }
  .notice__txt i {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 0.6rem;
  }
  .notice__date {
    display: none;
  }
}

/* footer */
/* .footer {
  padding: 8rem 0 6rem 0;
  text-align: center;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .footer {
    padding: 3.2rem 0 2.4rem 0;
    font-size: 1.3rem;
  }
} */

.go-top {
  z-index: 99;
  position: fixed;
  right: 1.6rem;
  bottom: 1.6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid #DDDDDD;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.03), 0px 6px 12px rgba(68, 96, 153, 0.15);
}
.go-top > i {
  display: inline-block;
  background-image: url("../img/ico_top.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 2.4rem;
  height: 2.4rem;
}
@media (max-width: 768px) {
  .go-top {
    width: 3.2rem;
    height: 3.2rem;
  }
  .go-top > i {
    width: 1.8rem;
    height: 1.8rem;
  }
}
#loginContainer { user-select: none;}
.login__head {
  text-align: center;
  padding: 6.2rem 0;
}
.login__head .tit {
  font-size: 3.8rem;
  font-weight: 900;
  letter-spacing: -0.8px;
  line-height: 1.4;
}
.login__head .tit > span {
  color: #FFB800;
}
@media (max-width: 768px) {
  .login__head .tit {
    line-height: 0.8;
  }
}
.login__head .desc {
  padding-top: 3.2rem;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.6;
}
.login__head .desc > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 3.6rem;
  border-radius: 4rem;
  font-size: 1.6rem;
  min-width: 6.6rem;
  padding: 0 1rem;
  background-color: #DDDDDD;
}
.login__head .desc > br {
  display: none;
}
@media (max-width: 768px) {
  .login__head {
    padding: 4rem 0 2.4rem 0;
  }
  .login__head .tit {
    font-size: 2.6rem;
  }
  .login__head .tit > span {
    display: block;
  }
  .login__head .desc {
    font-size: 1.3rem;
  }
  .login__head .desc > br {
    display: block;
  }
  .login__head .desc > span {
    height: 2.8rem;
    min-width: auto;
    font-size: 1.4rem;
  }
}
.login__body {
  position: relative;
  width: 100%;
  background-color: #FFC736;
  min-height: 40rem;
  border-radius: 2.4rem;
}
.login__body .inpGr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40rem;
}
.login__body .inpGr__sec {
  margin-bottom: 2.4rem;
}
.login__body .inpGr__dt {
  padding-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
}
.login__body .inpGr__dd .inp {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 5.6rem;
  background-color: #fff;
  border-radius: 0.6rem;
  box-shadow: inset 0 0 0 1px transparent;
  border-radius: 0.4rem;
  padding: 0 1.6rem;
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0px;
  transition: all 0.2s ease;
}
.login__body .inpGr__dd .inp:focus {
  box-shadow: inset 0 0 0 1px #000000;
}
.login__body .inpGr__btn {
  padding-top: 1.2rem;
}
.login__body .inpGr__btn .btn-fill {
  width: 100%;
}
@media (max-width: 768px) {
  .login__body {
    min-height: auto;
    padding: 4.2rem 2.4rem;
  }
  .login__body .inpGr {
    position: relative;
    transform: none;
    top: auto;
    lefT: auto;
    width: 100%;
  }
  .login__body .inpGr__dd .inp {
    height: 4.6rem;
    font-size: 1.6rem;
  }
  .login__body .inpGr__sec {
    margin-bottom: 1.6rem;
  }
  .login__body .inpGr__btn {
    padding-top: 0.6rem;
  }
}

/* common */
* {user-select : none;}
.tl {text-align: left !important;}
.tx-c { text-align: center;}
.fp-warning, .fp-watermark {display: none;}
.f-gma {font-family : var(--font3);}
.f-nan {font-family : var(--fNsr);}
.f-gw {font-family: var(--font2);}
.f-ach {font-family: var(--font4);}
.mo-row { display : contents;}
.border-r { border-right : 1px solid #dddddd; }
.border-b { border-bottom : 1px solid #dddddd; }
.none {display : none !important;}

button.btn-wrapper {
  border-radius: 1rem;
  width: fit-content;
  margin : auto;
  overflow: hidden;
}
a.btn {
  font-size: 50px;
  display: block;
  background: #dddddd;
  padding: 20px 100px;
}
button.user {
  width: 100px;
}
button a.btn {
  /* font-size: 18px;
  padding: 10px 0;
  background : #55aff2; */
}

pre {
  position: fixed;
  background: gray;
  color: white;
  padding: 1rem;
  margin: 0;
  z-index : 2;
  font-size : 15px;
  top : 0;
  left : 0;
}
.pop-back {
  display : none;
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(1, 1, 1, 0.5);
  z-index: 2;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

ul.pagination {display:flex; justify-content: center;}
ul.pagination li { margin : 0 1rem; width : 30px;  height : 30px; box-shadow: 0 0px 7px lightgray; text-align: center; border-radius: 5px; font-size: 17px; align-items: center; display: flex; justify-content: center;}
ul.pagination li:first-child,
ul.pagination li:last-child { padding-bottom: 7px; font-size: 25px; font-weight: 100; }
ul.pagination li.active {font-weight: 700;}
/* top_menu.blade.php */
.top-menu {
  z-index : 1;
  height : 80px;
  background-color: rgba(0,0,0, 0.5);
  display: flex;
  justify-content: center;
  position : fixed;
  top : 0;
  width : 100%;
}
.top-wrapper {
  width : 1200px;
  display: flex;
  font-family: var(--fNsr);
  justify-content: space-between;
}
.top-wrapper .logo {
  display: flex;
  align-items: center;
}
.top-wrapper .logo a {
  width: inherit;
  display: block;
}
.top-wrapper .logo img {
  width : auto;
}
.top-wrapper .menu-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.top-wrapper .menu-wrapper .menu {
  font-size : 18px;
  color : #ffffff;
  font-weight : 700;
}
.sub .top-wrapper .menu-wrapper .menu a,
.top-wrapper .menu-wrapper .menu a {
  padding : 0 32px;
  height: 80px;
  display: flex;
  align-items: center;
}
.top-wrapper .menu-camp {
  background: #ed7d31;
    color: white;
    font-weight: 900;
    font-size: 17px;
    text-align: center;
    border-radius: 4rem;
    height: 60px;
    width: 180px;
    margin-top: 10px;
    line-height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;


}
/* sub의 topmenu */
.sub .top-menu { background : white; }
.sub .top-wrapper .menu-wrapper .menu { color : #141414; }
.logout img,
.sub .top-wrapper .menu-wrapper .menu.logout img {
  width: 18px;
  padding-left: 10px;
}
.section.no2,
.section.no3,
.section.no4,
.section.no5 {display : flex; justify-content: center;}
/* main.blade.php */
.main-wrapper {}
.main-wrapper .sec{
    /* height : 900px; */
    height :100vh;
    background : url(/img/yv_main1.png) no-repeat 50% 50%;
    background-size : cover;
    text-align : center;
    transition: background-image 1s ease-in-out;
    animation : zoomOut 5s forwards;

    /* 이미지테스트 아래 */
    /* position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) ;
    left: 50%;
    width: 100%;
    text-align: center; */
}
.main-wrapper.section img {
  /* transform : scale(1.1); */
}
.sub .main-wrapper .sec{
  height :440px;
  background : url(/img/detail_bg.png) no-repeat center;
  background-size : cover;
  background-position-y: 80px;
  animation : unset;
  transition: unset;
}
.main-wrapper .sec {
  display : flex;
  justify-content: center;
    align-items: center;
    flex-direction: column;
}
.main-wrapper.section .sec .logo-wrapper {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-wrapper.section .sec .logo-wrapper img:last-child{
  padding-top: 24px;
  width: 190px;
  margin-left: 20px;
}
.main-wrapper.section .sec .logo-wrapper img:first-child{
  width: 250px;
}
.main-wrapper .sec .text {
    font-size : 24px;
    font-family: var(--fNsr);
    color: #ffffff;
    font-weight: 400;
    line-height : 1.4;
}
.main-wrapper .sec .text:last-child {
  font-size : 40px;
  margin-top : 50px;
  margin-bottom : 100px;
}
.sub .main-wrapper .sec .text {font-weight : 700; font-size : 30px; margin-top : 50px; margin-bottom : 0;}
.main-wrapper .sec .text:nth-child(2) {
    font-size: 25px;
    font-weight: 700;
    margin-top : 40px;
}
.main-wrapper .sec .go-detail {
  position: absolute;
  bottom: -5px;
}
.no2 {overflow : hidden;}
.no2 .content-wrapper .sub  {
	filter: blur(12px); opacity : 0.5;
}
.no2 .section-wrapper {
  width: 1500px;
  /* margin: auto; */
  margin : 150px auto 100px;
  height : auto;
}
.no2 .section-wrapper > .title {
   text-align : center; font-size:20px;
   font-size: 30px;
   font-family: var(--font2);
   font-weight: 700;
   color: #1581a4;
}
.no2 .section-wrapper .subtitle {
  text-align: center;
  margin: 30px auto 0;
}
.no2 .section-wrapper .content-wrapper {
  display : flex;
  justify-content: space-between;
  margin : 50px 0;
  height : 320px;
  width : 800px;
  margin : 50px auto;
}

.no2 .section-wrapper .content-wrapper .right,
.no2 .section-wrapper .content-wrapper .left{
  display: flex;
  width : 750px;
  align-items: center;
}
.no2 .section-wrapper .content-wrapper .left{
  justify-content: space-between;
}
.no2 .section-wrapper .content-wrapper .right { justify-content: flex-end; }
.no2 .section-wrapper .content-wrapper .sub .img-wrapper {
  /* height : 160px; */
}
.no2 .section-wrapper .content-wrapper .left .sub {
	padding-left: 50px;
}
.no2 .section-wrapper .content-wrapper .right .sub {
	text-align: right;
	padding-right : 50px;
}
.no2 .section-wrapper .content-wrapper .sub {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width : 450px;
  transition : all 1s;
}
.no2 .section-wrapper .content-wrapper .sub .title {
  font-size:30px;
  font-weight: 600;
  margin: 0 0 30px 0;
  height: 50px;
  text-align: left;
}
.no2 .section-wrapper .content-wrapper .right .sub .title {
  text-align: right;
}
.no2 .section-wrapper .content-wrapper .right > .img-wrapper,
.no2 .section-wrapper .content-wrapper .left > .img-wrapper {
  /* width : 300px; */
  height : auto;
	transition : all 1s;
  transform : translateY(-700px);
  /* opacity : 0; */
	/* opacity: 1 !important; */
}
@keyframes blurHide {
  0% { opacity : 0.5; filter : blur(12px); }
  100% {
    opacity : 1;
    filter: blur(0);
  }
}
@keyframes slideUp {
  0% { opacity : 0; transform : translateY(100px);}
  100% { opacity : 1; transform : translateY(0);}
}
@keyframes slideUp2 {
  0% { opacity : 0; transform : translateY(160px);}
  100% { opacity : 1; transform : translateY(0);}
}
 .text-focus-in {
	animation: text-focus-in 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.bounce-in-top {
	animation: bounce-in-top 1s both;
}
@keyframes text-focus-in {
	0% {
	filter: blur(12px);
		opacity: 0;
	}
	100% {
	filter: blur(0px);
		opacity: 1;
	}
}
@keyframes bounce-in-top {
	0% {
	  -webkit-transform: translateY(-500px);
			  transform: translateY(-500px);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	  opacity: 0;
	}
	38% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	  opacity: 1;
	}
	55% {
	  -webkit-transform: translateY(-65px);
			  transform: translateY(-65px);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	72% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	81% {
	  -webkit-transform: translateY(-28px);
			  transform: translateY(-28px);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	90% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	95% {
	  -webkit-transform: translateY(-8px);
			  transform: translateY(-8px);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	100% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
}

.no2 .section-wrapper .content-wrapper .right > .img-wrapper img,
.no2 .section-wrapper .content-wrapper .left > .img-wrapper img {
  width :100%;
  height : auto;
}
.no2 .section-wrapper .content-wrapper .sub img {
  width : 280px;
  padding-top: 20px;
}
/* .no2 .section-wrapper .content-wrapper .left .sub .title { border-right : 3px solid black; } */

.no2 .section-wrapper .low-wrapper {
  text-align: center;
  margin-top: 40px;
  font-family: var(--fNsr);
  font-size: 25px;
  color : #7f7d7a;
}
.no2 .section-wrapper .low-wrapper span {
  color: #7b7671;
  font-size: 33px;
}
.no2 .section-wrapper .low-wrapper .low-title:nth-child(2) {
  margin-top : 10px;
}
.no2 .section-wrapper .low-wrapper .low-title:last-child {
  margin-top : 20px;
  font-weight: 700;
  color : black;
  font-family: var(--font);
}
.no2 .section-wrapper .low-wrapper .low-title:last-child span {
  color : #ffe407;
}

.no3 {
  background : url(/img/s3-bg.png);
}
.no3 .section-wrapper {
  width: 1400px;
  margin: auto;
  height: 100vh;
  display: flex;
  color : white;
  font-family: var(--font2);
  padding : 120px 0;
}
.no3 .section-wrapper .left,
.no3 .section-wrapper .right {flex-basis : 50%;}
.no3 .section-wrapper .left .subtitle {
  font-size : 30px;
}
.no3 .section-wrapper .left .title {
  font-size: 83px;
  border-bottom: 5px solid white;
  display: inline;
}
.no3 .section-wrapper .right {
  display: flex;
  justify-content: space-between;
}
.no3 .section-wrapper .right .card {
  width : 300px;
  border: 5px solid white;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 70px 30px;
  opacity: 0;
  transform: translateY(100px);
}
.no3 .section-wrapper .right .card .arrow {cursor: pointer;}
.no3 .section-wrapper .right .card .upper .img {text-align: center;}
.no3 .section-wrapper .right .card .upper .title{
  margin-top: 30px;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}

.no4 {
  justify-content: flex-end;
  align-items: center;
  margin-left : 300px;
}
.no4 .section-wrapper {
  width: 100%;
  height: 520px;
  font-family: var(--fNsr);
  overflow : scroll;
}
.no4 .first-card {
  width : 500px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-bottom : 15px;
}
.no4 .first-card .title-wrapper .title { }
.no4 .first-card .title-wrapper .subtitle { color : gray;}
.no4 .section-wrapper .card-list {
  display : flex;
  width: 4700px;
    /* overflow-x: auto;
    overflow-y: hidden; */
    position: relative;
    padding-bottom: 20px;
}
.no4 .section-wrapper .card-list .test { display : flex;}
/* 스크롤 바 숨기기 (선택 사항) */
.no4 .section-wrapper .card-list::-webkit-scrollbar {
  height: 12px; /* 스크롤 높이 조절 */
  background: transparent; /* 배경 제거 */
}

.no4 .section-wrapper .card-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5); /* 스크롤 바 색상 */
  border-radius: 4px; /* 스크롤 바 모서리 */
}
.no4 .section-wrapper .card-list .card {
  width: 500px;
  height: 380px;
  background : url('/img/s4-img1.jpg')  no-repeat;
  background-size : cover;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin-right : 10px;
  border-radius: 2%;
}
.no4 .section-wrapper .card-list .card:nth-child(2) {background:url('/img/s4-img2.jpg') center no-repeat; background-size : cover;}
.no4 .section-wrapper .card-list .card:nth-child(3) {background:url('/img/s4-img3.jpg') center no-repeat; background-size : cover;}
.no4 .section-wrapper .card-list .card:nth-child(4) {background:url('/img/s4-img4.jpg') center no-repeat; background-size : cover;}
.no4 .section-wrapper .card-list .card:nth-child(5) {background:url('/img/s4-img5.jpg') center no-repeat; background-size : cover;}
.no4 .section-wrapper .card-list .card:nth-child(6) {background:url('/img/s4-img6.jpg') center no-repeat; background-size : cover;}
.no4 .section-wrapper .card-list .card:nth-child(7) {background:url('/img/s4-img7.jpg') center no-repeat; background-size : cover;}
.no4 .section-wrapper .card-list .card:nth-child(8) {background:url('/img/s4-img8.jpg') center no-repeat; background-size : cover;}
.no4 .section-wrapper .card-list .card .title {
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  color: white;
  font-size: 20px;
  padding: 10px;
  width : inherit;
}
.no5 {background : #f8edd9;}
.no5 .section-wrapper {
  width : 1400px;
  margin : auto;
}
.no4 .section-wrapper .title,
.no5 .section-wrapper .title { font-size : 35px; font-weight: 700;}
.no4 .section-wrapper .subtitle,
.no5 .section-wrapper .subtitle { font-size : 20px; margin-top : 5px;}
.no5 .content-wrapper {
  display: flex;
  margin : 30px auto 0;
  font-family: var(--fNsr);
  width : 100%;
}
.no5 .content-wrapper .left {
  border-radius : 30px;
  overflow : hidden;
  height : 100%;
}
.no5 .content-wrapper .left img{
  width : 100%;
}
.no5 .content-wrapper .right {
  padding-left : 60px;
  display: flex  ;
  flex-direction: column;
  justify-content: space-around;
  width : 850px;
}
.no5 .content-wrapper .right .title {
  display: flex;
  flex-direction: row;
  width: auto;
  align-items: center;
  border-bottom: 2px solid #c8c6c1;
  padding-bottom: 10px;
  margin : 0;
}
.no5 .content-wrapper .right .title .date {
  background: black;
  color: white;
  border-radius: 50px;
  font-size: 20px;
  padding: 4px 15px 7px;
  align-self: flex-start;
}
.no5 .content-wrapper .right .title .day {
  margin-left : 20px;
  font-weight: 700;
  line-height: 1.3;
}
.no5 .content-wrapper .right .title .day span{
  display: block;
  font-size: 18px;
}
.no5 .content-wrapper .right .text {
  margin : 20px 0;
  font-size: 24px;
}
.no5 .content-wrapper .right button {
  color: white;
  margin : 0;
}
.no5 .content-wrapper .right button a{
  background: black;
  font-size: 25px;
  padding: 20px 50px;
}

/* footer.blade.php */
.footer {
  margin: auto;
  padding: 50px 0;
  border-top : 1px solid #dddddd;
}
.footer-wrapper {
  display : flex;
  justify-content: center;
  width : 1280px;
  font-size: 14px;
  font-family: var(--fNsr);
  color: #666666;
  line-height: 1.6;
  margin : auto;
}
.footer-wrapper img {
  width : auto;
}
.footer-wrapper .footer-detail {
  margin-left : 40px;
}
.footer-wrapper .footer-detail .btn-wrapper {
  overflow: unset;
  margin-left : 10px;
}
.footer-wrapper .footer-detail .btn-wrapper .btn {
  font-size: 15px;
  padding: 6px 10px;
  border-radius: 5px;
  background : #dddddd;
}

/* detail.blade.php */
.main-wrapper {position : relative;}
.sub-menu-wrapper {
  height: 68px;
  background: white;
  width: 100%;
  position: sticky;
  top : 0;
  z-index: 2;
}
.sub-menu-wrapper .sub-menu {
  display: flex;
  height: inherit;
  justify-content: center;
  align-items: center;
}
.sub-menu-wrapper .sub-menu .menu{
  font-size: 18px;
  font-family: var(--fNsr);
  font-weight: 700;
  height: 66px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 2px solid white;
  justify-content: center;
  text-align : center;
  padding : 0 20px;
}
.sub-menu-wrapper .sub-menu .menu:hover {
  border-bottom : 2px solid;
  transition :all 0.3s;
}
.sub-menu-wrapper .sub-menu .menu.active {
  border-bottom: 2px solid;
}
.sub-menu-wrapper .sub-menu .menu a{
  height: inherit;
  align-items: center;
  display: flex;
}
.detail-wrapper {
  font-family: var(--fNsr);
  display: none;
  margin : auto;
  width: 1200px;
}
.info-wrapper .img-wrapper { text-align: center;}
.detail-wrapper.active {display:block;}
.detail-wrapper img { max-width: unset;}

@keyframes zoomOut {
  0% { background-size: 115%;}
  20% {background-size: 115%;}
  80% { background-size: 105%;}
  100% {background-size: 105%;}
}
.detail-wrapper .container .title {
  font-size : 40px;
  color: #141414;
  font-weight: 800;
  line-height: 1;
}
.detail-wrapper .container:nth-child(2) .title {
    line-height: 0.8;
    display: flex;
    align-items: end;
}
.detail-wrapper .container .title .eng{
  font-size: 80px;
  color: #141414;
  font-weight: 300;
  margin-right : 8px;
}
.detail-wrapper .container .title .green {
  color : #236130;
}
.detail-wrapper .container .title .age {
  font-size : 21px;
  color : #555555;
  font-weight : 400;
}

.detail-wrapper.whatisyv .img-wrapper {
	margin : 20px 0 30px;
}
.detail-wrapper.whatisyv .img-wrapper img { width : 100%;}
.detail-wrapper .container .text {
  font-size : 21px;
  color: #141414;
  font-weight: 400;
  line-height: 1.5;
}
.memberInfo .memberInfo-wrapper .title,
.content-wrapper .title,
.process-wrapper .title,
.onlyMember .sub-wrapper .title,
.detail-wrapper > .title {
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color : #141414;
  margin : 0 auto 20px;
  font-size: 40px;
}
.detail-wrapper.whatisyv > .title {
  margin-top : 70px;
}
.detail-wrapper .title span {
  color: #236130;
}
.detail-wrapper .btn-list {
  display : flex;
  justify-content: center;
  margin : 100px auto;
  width : 1000px;
}
.detail-wrapper button {
  width: 440px;
}
.review-wrapper button.btn-wrapper a,
.detail-wrapper button a {
    background: #236130;
    font-size: 35px;
    padding: 20px;
    color: white;
    font-weight: 700;
}

.onlyMember .sub-wrapper,
.process-wrapper,
.detail-wrapper .container,
.detail-wrapper.engtrip .content-wrapper,
.detail-wrapper.ngday .content-wrapper {
  padding-top: 100.9px;
  width : 1200px;
  margin : auto;
}
.detail-wrapper.engtrip .content-wrapper:last-child {
  margin-bottom :100px;
}
.detail-wrapper.engtrip .content-wrapper .title,
.detail-wrapper.ngday .content-wrapper .title {
    font-size : 48px;
    font-size: 40px;
    font-family: var(--fNsr);
    color: #141414;
    font-weight: 700;
    text-align: center;
}
.detail-wrapper.engtrip .content-wrapper .content,
.detail-wrapper.ngday .content-wrapper .content{
  display: flex;
  margin-top: 50px;
}
.detail-wrapper.engtrip .content-wrapper .content .left .title,
.detail-wrapper.ngday .content-wrapper .content .left .title {
  font-size: 40px;
  color: rgb(20,20,20);
  font-family: var(--font1);
}

.detail-wrapper.engtrip .content-wrapper .content .left .subtitle,
.detail-wrapper.ngday .content-wrapper .content .left .subtitle {
  font-size: 18px;
  color: #777777;
  margin-top: 5px;
}
.detail-wrapper.engtrip .content-wrapper .content .left .text,
.detail-wrapper.ngday .content-wrapper .content .left .text {
  font-size: 21px;
  color: black;
  line-height: 1.7;
  margin-top: 30px;
}
.detail-wrapper.engtrip .content-wrapper .img-wrapper,
.detail-wrapper.ngday .content-wrapper .img-wrapper {
  margin:50px 0 0 50px;
  width :500px;
}
.detail-wrapper.engtrip .content-wrapper .img-wrapper img,
.detail-wrapper.ngday .content-wrapper .img-wrapper img{
  width :500px;
}
.detail-wrapper.engtrip .content-wrapper .content .left span ,
.detail-wrapper.ngday .content-wrapper .content .left span  {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  background: #39954c;
  width: 102px;
  display: block;
  height: 36px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 4px;
  margin-bottom: 10px;
}
.detail-wrapper.ngday .info-wrapper {
  padding: 80px 0 60px;
  margin: 60px auto 0;
  border-top : 1px solid #dddddd;
  padding-top : 80px;
}
.detail-wrapper.engtrip .info-wrapper .title,
.detail-wrapper.engtrip .offer-wrapper .title,
.detail-wrapper.ngday .info-wrapper .title {
  font-size: 40px;
  color: #141414;
  font-weight: 700;
  margin-bottom: 60px;
  text-align: center;
}
.detail-wrapper.ngday .info-wrapper .info {
  display: flex;
  margin: auto;
  justify-content: space-around;
}
.detail-wrapper.ngday .info-wrapper .info .img-wrapper {
  text-align: center;
}
.detail-wrapper.ngday .info-wrapper .info .img-wrapper .text {
  margin-top : 20px;
  font-size : 21px;
}
.detail-wrapper.ngday .info-wrapper > .text{
  margin-top: 50px;
  text-align: center;
  font-size: 23px;
  font-weight: 700;
}

.detail-wrapper.engtrip .list-wrapper {
  margin-top: 50px;
  padding : 40px 20px;
  background:#f2f2f2;
  font-size: 20px;
  color: rgb(20,20,20);
  line-height: 1.5;
  border-radius: 10px;
}

.detail-wrapper.engtrip .list-wrapper li{
  list-style: none;
}
.content-wrapper,
.memberInfo .memberInfo-wrapper,
.review-write .review-wrapper,
.activityApply .activityApply-wrapper,
.onlyMember .sub-wrapper,
.detail-wrapper.faq,
.detail-wrapper.noticeView,
.detail-wrapper.notice {
  width : 1200px;
  margin : 100.9px auto;
}
.detail-wrapper.noticeView .notice-wrapper,
.detail-wrapper.notice .notice-wrapper { width :100%; font-size: 20px; border-top: 2px solid #a1a1a1;}
.detail-wrapper.noticeView .notice-wrapper tr,
.detail-wrapper.notice .notice-wrapper tr { height : 50px; border-top : 1px solid #e1e1e1; border-bottom : 1px solid #e1e1e1;}

.detail-wrapper.noticeView .notice-wrapper tr:first-child { height : 75px;}
.detail-wrapper.noticeView .notice-wrapper tr:last-child td { padding : 4rem 0; }
.detail-wrapper.notice .notice-wrapper tr:first-child { background-color: #f7f7f7; border-top: 2px solid #a1a1a1;}

.detail-wrapper.noticeView .notice-wrapper tr > td:first-child,
.detail-wrapper.notice .notice-wrapper tr > td:first-child { padding-left: 4rem;}
.detail-wrapper.noticeView .notice-wrapper tr > td:nth-child(2) {
    color: #9f9f9f;
    font-weight: 500;
    font-size: 16px;
    width: 100px;
}
.detail-wrapper.notice .notice-wrapper tr > td:nth-child(2) {color : black;}
.detail-wrapper.noticeView .notice-wrapper tr > td:nth-child(3) ,
.detail-wrapper.notice .notice-wrapper tr > td:nth-child(3) { text-align: center;}

.detail-wrapper.faq .content-wrapper {
  border-top : 2px solid;
  border-bottom: 2px solid;
}
.detail-wrapper.faq .content-wrapper .title {
  margin :0;
  cursor : pointer;
  font-size: 20px;
  text-align: unset;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  display: flex;
  align-items: center;
  padding: 20px 0 20px 30px;
  position: relative;
}
.mouseOn:hover {
  background: #ffca00;
  transition : all 0.5s;
}
.detail-wrapper.faq .content-wrapper .title::before{
  background: url(/img/arrow_down.svg) center/cover no-repeat;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  transform: translateY(-50%);
  right: 0;
  top: 50%;
}
.detail-wrapper.faq .content-wrapper .title.active::before {
  background: url(/img/arrow_up.svg) center/cover no-repeat;
}
.detail-wrapper.faq .content-wrapper .subTitle {
  display : none;
  line-height: 1.3;
  color: #636363;
  font-weight: 500;
  background: #efefef;
  font-size: 18px;
  padding: 20px 0 20px 30px;
}
.ngday .green-check { margin-top :25px; }
.ngday .green-check div {
  font-size: 20px;
  color: #39954c;
  font-weight: 700;
  display: flex;
  align-items: center;
  height: 40px;
}
.ngday .green-check img {
  padding-top: 4px;
  margin-right: 10px;
}
.ngday .activity-wrapper {
  margin : 90px auto 80px;
}
.ngday .activity-wrapper .lower,
.ngday .activity-wrapper .upper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.engtrip .offer-wrapper { margin-top :120px; }
.engtrip .offer-wrapper .div-wrapper .row  { display :flex;}
.engtrip .offer-wrapper .div-wrapper .row div {
  font-size: 24px;
    color: #236130;
    font-weight: 700;
    line-height: 1.5;
    width: 360px;
    height: 180px;
    background: #eff8f1;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 10px;
    text-align: center;
}
.engtrip .info-wrapper {margin-top : 80px;}
.engtrip .info-wrapper .title {
  margin-top : 80px;
  border-top: 1px solid #dddddd;
  padding-top: 80px;
}
.detail-wrapper.noticeView button {
  width: unset;
  display: flex;
  margin-top: 30px;
}
.detail-wrapper.noticeView button a{
	font-size: 20px;
    padding: 15px;
}

/* apply */
.apply {
  /* background-color: #f7f4f1; */
}
.apply-wrapper {
  margin : 100.9px auto 0;
  text-align: center;
  font-size : 25px;
}
.apply-wrapper img { width : auto; }
.apply-wrapper .sec-ngday,
.apply-wrapper .sec-activity,
.apply-wrapper .sec-basicBenefit,
.apply-wrapper .sec-main {
  width : 1200px;
  margin : auto;
}
.apply-wrapper .sec-main .logo {
  width : 350px;
  margin : auto;
}
.apply-wrapper .sec-main .title {
  font-size : 90px;
  color : #00224b;
  line-height: 1;
  margin-top: 30px;
  font-weight: 900;
  letter-spacing: -3.6px;
}
.apply-wrapper .sec-main .title p {
  font-size : 40px;
  margin : 0;
  font-weight: 500;
  letter-spacing: 0;
  font-weight: 500;
  padding-bottom : 20px;
}
.apply-wrapper .sec-main .title span {
  color : #519c90;
}
.apply-wrapper .sec-main .subtitle {
  font-size: 35px;
  margin-top: 50px;
}
.apply-wrapper .sec-main .subtitle span {
  color: #4181a1;
  font-weight: 900;
}
.apply-wrapper .sec-main .period {
  display: flex;
  background: #f1ebeb;
  width: 580px;
  margin: auto;
  padding: 10px 20px;
  border-radius: 30px;
  margin-top: 50px;
  align-items: center;
}
.apply-wrapper .sec-main .period div:first-child {
  font-weight: 700;
  background: #ecbcbc;
  border-radius: 14px;
  padding: 5px 10px 2px;
  margin-right: 30px;
}
.apply-wrapper .sec-main .period.mt-10 {
  margin-top : 10px;
}
.apply-wrapper .sec-main .caution {
  font-size: 17px;
  color: #777777;
  font-weight: 500;
  margin-top: 15px;
}
.apply-wrapper .sec-main .text {
  margin-top: 80px;
  font-size: 50px;
  color: #519c90;
  font-weight: 900;
}
.apply-wrapper button.btn-wrapper {
  margin-top: 30px;
  font-weight: 700;
}
.apply-wrapper .sec-last button a,
.apply-wrapper .sec-main button a {
  background-color: #519c90;
  color : white;
  padding : 25px 100px 20px;
  cursor : auto;
}
.apply-wrapper .sec-last button a {
  background-color: #fff27a;
  color: #dd5e17;
}
.apply-wrapper .sec-basicBenefit {
  background: #ffcf58;
  padding: 80px 0 150px;
	width : 100%;
}

.apply-wrapper .sec-review .title,
.apply-wrapper .sec-schedule .title,
.apply-wrapper .sec-rFarm .title,
.apply-wrapper .sec-purple .title,
.apply-wrapper .sec-ngday .title,
.apply-wrapper .sec-activity .title,
.apply-wrapper .sec-basicBenefit .title {
  font-size : 50px;
}
.apply-wrapper .sec-basicBenefit .title {
    width: fit-content;
    margin: auto;
    padding: 0 60px 3px;
    border: 0;
    color: #994900;
    font-weight: 700;
}
.apply-wrapper .sec-basicBenefit .title:nth-child(2) {
  border : unset;
  margin-top : 30px;
  font-size : 30px;
}
.apply-wrapper .sec-basicBenefit .box-wrapper {
  width: 800px;
  margin: 50px auto 0;
  padding: 0 100px;
}
.apply-wrapper .sec-basicBenefit .box-wrapper:last-child {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: unset;
  padding: 0 0 40px;
  margin: 20px auto 0;
}
.apply-wrapper .sec-basicBenefit .box-wrapper .title {
  margin-top: 10px;
  font-weight: 700;
}
.apply-wrapper .sec-basicBenefit .box {
  flex-basis: 49%;
  padding: 20px;
}
.apply-wrapper .sec-basicBenefit .box img { height :300px;}
.apply-wrapper .sec-rFarm ,
.apply-wrapper .sec-activity {
  width : 100%;
  background : url('/img/sec3-bg.png') no-repeat 100%;
  background-size: cover;
  padding : 150px 0 100px;
  color : white;
  margin-top : 70px;
}

.apply-wrapper .sec-rFarm {
  background : url('/img/sec-bft-bg.png') no-repeat;
  /* background-size : contain; */
  background-size : cover;
  margin-top : -200px;
}
.apply-wrapper .sec-rFarm .title ,
.apply-wrapper .sec-activity .title {
  color : #6bc0c1;
  font-size :50px;
}
.apply-wrapper .sec-rFarm .title { color : #ffdd7a; }
.apply-wrapper .sec-rFarm .title2 { color : #2daac3; font-size: 50px;}
.apply-wrapper .sec-rFarm p,
.apply-wrapper .sec-ngday p,
.apply-wrapper .sec-activity p {
  font-family: var(--font3);
  display: block;
  line-height: 3;
  margin: 0;
}
.apply-wrapper .sec-rFarm p span ,
.apply-wrapper .sec-ngday p span ,
.apply-wrapper .sec-activity p span {
  border-top : 3px solid #6bc0c1;
  height: auto;
  display: inline-block;
  color: #6abec0;
  font-size :40px;
}
.apply-wrapper .sec-rFarm p span { color : #fff578;}
.apply-wrapper .sec-rFarm p span { border-top : none;}

.apply-wrapper .sec-rFarm .page,
.apply-wrapper .sec-ngday .page,
.apply-wrapper .sec-activity .page {
  width : 1200px;
  background : white;
  border-radius: 10px;
  color : black;
  margin : 20px auto 0;
  overflow : hidden;
  position: relative;
  padding : 100px;
}
.apply-wrapper .sec-rFarm .page { margin: 20px auto 90px;}
.apply-wrapper .sec-rFarm .page .half-circle,
.apply-wrapper .sec-ngday .page .half-circle,
.apply-wrapper .sec-activity .page .half-circle {
  background: #2b89b8;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 0;
  left: 50%;
  width: 150px;
  height: 150px;
  border-radius: 80px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 55px;
  padding-bottom: 7px;
}
.apply-wrapper .sec-rFarm .page .half-circle {
    font-size: 40px;
    padding-bottom: 17px;
}
.apply-wrapper .sec-rFarm .page .title-wrapper,
.apply-wrapper .sec-ngday .page .title-wrapper,
.apply-wrapper .sec-activity .page .title-wrapper {
  color : #2b89b8;
  margin-top : 30px;
}
.apply-wrapper .sec-review .subtitle,
.apply-wrapper .sec-rFarm .page .title-wrapper .title,
.apply-wrapper .sec-ngday .page .title-wrapper .title,
.apply-wrapper .sec-activity .page .title-wrapper .title{
  font-size : 50px;
}
.apply-wrapper .sec-activity .page .title-wrapper .title{
  color : #2b89b8;
}
.apply-wrapper .sec-rFarm .page .title-wrapper .subTitle ,
.apply-wrapper .sec-ngday .page .title-wrapper .subTitle ,
.apply-wrapper .sec-activity .page .title-wrapper .subTitle {
  margin-top : 30px;
  font-size : 23px;
  color : black;
}
.apply-wrapper .sec-activity .page .title-wrapper span img {
  width: auto;
  position: absolute;
  top : 60px;
  left : 250px;
}
.apply-wrapper .sec-activity .page .title-wrapper .subTitle .redBox{
  border: 2px solid red;
  padding: 0 5px 6px;
  width: fit-content;
  margin: 10px auto 0;
}
.apply-wrapper .sec-rFarm .page .title-wrapper .subTitle span {
  color : red;
}
.apply-wrapper .sec-rFarm .page .rfarm {margin-top : 150px;}
.apply-wrapper .sec-rFarm .page .img-wrapper { margin-top : 80px; }
.apply-wrapper .sec-rFarm .page .rfarm .title {
  font-size: 35px;
  color: #4181a1;
  font-family: var(--font3);
  text-decoration : underline;
  text-underline-offset: 17px;
}
.apply-wrapper .sec-rFarm .page .rfarm .title.lower {
  margin-top : 100px;
}
.apply-wrapper .sec-rFarm .page .rfarm .subtitle {
  margin : 50px auto;
  font-size: 23px;
  color: black;
  font-family: var(--fNsr);
}
.apply-wrapper .sec-rFarm .page .rfarm .row img {padding : 40px 0}
.apply-wrapper .sec-rFarm .page .rfarm {}
.apply-wrapper .sec-activity .page .img-wrapper { margin-top : 80px; }
.apply-wrapper .sec-rFarm .page .rfarm .row,
.apply-wrapper .sec-activity .page .img-wrapper .row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom : 20px;
}
.apply-wrapper .sec-activity .page .img-wrapper .row .noImage{
  visibility: hidden;
}
.apply-wrapper .sec-rFarm .page .rfarm .row {margin-bottom : 0;}
.apply-wrapper .sec-rFarm .page .rfarm .row.upper {margin-top : 90px;}
.apply-wrapper .sec-rFarm .img-wrapper .row {
  display : flex;
  justify-content: center;
  margin-top : 50px;
}
.apply-wrapper .sec-rFarm .img-wrapper .row img{
  width : 700px;
}
.apply-wrapper .sec-rFarm .img-wrapper .row.sub img{
  width : 100%;
  padding : 5px;
}
.apply-wrapper .sec-activity .page .img-wrapper .row img {
  border: 1px solid #4181a1;
  width: 24%;
  display: block;
}
.apply-wrapper .sec-activity .page .info-wrapper {
  text-align: left;
  font-size: 18px;
  margin-top: 40px;
}
.apply-wrapper .sec-ngday {
  width: 100%;
  background: #36bbc4;
  color: white;
  padding: 100px 0 250px;
}
.apply-wrapper .sec-ngday .title{
  font-size :50px;
}
.apply-wrapper .sec-ngday p .title{
  font-size :50px;
}
.apply-wrapper .sec-ngday p span {
  border-top : 3px solid #3c7caf;
  color : #3c7caf;
}
.apply-wrapper .sec-ngday .page .title-wrapper {color : #364f6b; }
.apply-wrapper .sec-ngday .page .img-wrapper {
  width: 800px;
  margin: 50px auto 0;
}
.apply-wrapper .sec-ngday .page .img-wrapper .row {
  display: flex;
  justify-content: space-between;
  margin: auto;
}
.apply-wrapper .sec-ngday .page .img-wrapper .row img {
  width : 380px;
  object-fit: cover;;
}
.apply-wrapper .sec-last {
  background-color: #298977;
  padding : 50px 0;
}
.apply-wrapper .sec-last .title {
  font-family: var(--font2);
    color: white;
    font-size: 50px;
    margin-bottom: 10px;
}
.apply-footer .footer { background-color: black;}
.apply-footer .footer .footer-wrapper {color : white;}

.apply-wrapper .sec-schedule,
.apply-wrapper .sec-purple {
  width : 100%;
  background-color: #4d509d;
  padding : 50px 0;
  color : white;
}
.apply-wrapper .sec-purple p {margin-top : 20px; }
.apply-wrapper .sec-purple .page  {margin-top : 20px;}
.apply-wrapper .sec-purple .page .title-wrapper .title{margin-top : 30px;}
.apply-wrapper .sec-purple .page .text {margin : 40px 0; }
.apply-wrapper .sec-purple .img-wrapper img { width : 80%; }

.apply-wrapper .sec-review > *,
.apply-wrapper .sec-schedule > *,
.apply-wrapper .sec-purple > * { width : 1200px; margin : auto;}
.apply-wrapper .sec-purple .page .title-wrapper span,
.apply-wrapper .sec-purple p span { color : #d5c5f2; }
.apply-wrapper .sec-purple .page .title-wrapper .title {
  color : #f9ee7b;
}
.apply-wrapper .sec-schedule {
  background: #f4f4f4;
}
.apply-wrapper .sec-schedule .title{
  color : #31637c;
}
.apply-wrapper .sec-schedule .subtitle{
  color : #4181a1;
  margin-top: 30px;
  font-size: 50px;
  font-weight: 900;
}
.apply-wrapper .sec-schedule .img-wrapper {
  margin-top : 50px;
}
.apply-wrapper .sec-review { background-color: #298977; color : white;
  padding : 50px 0;
  font-family: var(--fNsr);
}
.apply-wrapper .sec-review .text,
.apply-wrapper .sec-review .subtitle {margin-top :50px;}
.apply-wrapper .sec-review .subtitle span { color : #fff27a; }
.apply-wrapper .sec-review .text { font-size : 30px;}
.apply-wrapper .sec-review .img-wrapper {
    display: flex ;
    flex-wrap: wrap;
    justify-content: center;
}
.apply-wrapper .sec-review .img-wrapper {
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top : 30px;
}
.apply-wrapper .sec-review .img-wrapper img {
  width: 45%;
  padding: 10px;
}

/* .onlyMember */
.onlyMember .sub-wrapper {
    text-align : center;
    background: #f2f2f2;
    padding: 100.9px 0 100px;
    width: 100%;
    margin: 0;
}
.onlyMember .sub-wrapper .call,
.onlyMember .sub-wrapper .text-wrapper .text,
.onlyMember .sub-wrapper .subTitle {
  font-size : 18px;
  color: #141414;
}
.onlyMember .sub-wrapper .text-wrapper {
  background : white;
  margin: 50px auto 0;
  padding: 30px 40px;
  border-radius: 20px;
  font-size: 20px;
  width: 650px;
}
.onlyMember .sub-wrapper .text-wrapper .text {
  line-height: 1.5;
  margin: 20px 0 10px;
  font-weight : 70;
}
.onlyMember .sub-wrapper .text-wrapper .text:nth-of-type(2){
  margin: 30px 0 40px;
}
.onlyMember .sub-wrapper .text-wrapper input {
  display: block;
  background: #f3f3f3;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  font-weight: 500;
  margin : 10px auto;
}
.onlyMember .sub-wrapper .btn-wrapper {
  width: 100%;
    background: black;
    color: white;
    height: 50px;
    border-radius: 5px;
    margin-top : 10px;
}
.onlyMember .sub-wrapper .btn-wrapper .btn {
  font-size: 18px;
  background: black;
  padding: unset;
}
.onlyMember .sub-wrapper .call {
	display: flex;
	justify-content: center;
	align-items: center;
  font-size: 15px;
  border-top: 1px solid #dddddd;
  padding-top: 20px;
  margin-top: 30px;
}
.onlyMember .sub-wrapper .call a {
  	display: flex  ;
    align-items: center;
    margin: 10px 10px 5px 10px;
}

/* process */
.process-wrapper {
  width : 1120px;
  margin : 0 auto 100px;
}

.process-wrapper .sub-wrapper {}
.process-wrapper .sub-wrapper .row {
	height : 64px;
	border-bottom: 1px solid #bbbbbb;
	display: flex;
    align-items: center;
	padding-left :50px;
	font-weight: 700;
	font-size : 16px;
	font-family: var(--fNsr);
	color: #141414;
}
.process-wrapper .sub-wrapper .row span {
	width : 40px;
	height : 40px;
	display : flex;
	justify-content: center;
	align-items: center;
	color : white;
	background : #141414;
	border-radius: 20px;
	margin-right : 20px;
}
.process-wrapper .sub-wrapper .row a {
	width: 118px;
    height: 30px;
    background: #ffd266;
    border-radius: 15px;
    color: #666666;
    font-weight: 700;
    font-family: var(--fNsr);
    padding-bottom: 2px;
    margin-left: 20px;
	display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.process-wrapper .sub-wrapper .row.login {
	display : block;
	height : auto;
	padding-bottom: 30px;
}
.process-wrapper .sub-wrapper .row.login > div:first-child {
	display: flex;
    align-items: center;
    height: 64px;
}
.process-wrapper .sub-wrapper .row.login > div:last-child {
	background: #f6f6f6;
    padding: 30px 30px;
    margin-left: 50px;
    font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
}
.mo {display : none !important; }
/* .mo {display : block;} */

/* /member 폴더 */
.activityApply-wrapper .info-wrapper {
  width: 800px;
    height: 152px;
    padding: 20px;
    background: #f2f2f2;
    font-size: 22px;
    color: #141414;
    font-weight: 700;
    font-family: var(--fNsr);
    margin: 30px auto 60px;
    display: flex;
    align-items: center;
    border-radius: 20px;
}
.activityApply-wrapper .info-wrapper .left {
  width : 300px;
  text-align: center;
}
.activityApply-wrapper .info-wrapper .right {
  border-left:1px solid #ddd;
  width : 500px;
  padding-left : 70px;
  font-size : 16px;
  font-weight: 500;
  line-height: 1.8;
}
.activityApply-wrapper .act-wrapper {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.activityApply-wrapper .act-wrapper .act {
  margin-bottom : 60px;
  margin-right: 20px;
  position : relative;
  cursor:pointer;
}
.activityApply-wrapper .act-wrapper .act .deadLine {
  background: rgba(0,0,0, 0.8);
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 240px;
  border-radius: 20px;
  user-select: none;
}
.activityApply-wrapper .act-wrapper .act .deadLine img {
  width: 58px;
  height: 75px;
  border-radius: 0;
  user-select: none;
}
.activityApply-wrapper .act-wrapper .act-status {
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
  font-weight: 700;
}
.activityApply-wrapper .act-wrapper .act img {
  width : 360px;
  height : 240px;
  border-radius: 20px;
}
.activityApply-wrapper .act-wrapper .act .title {
  font-size : 20px;
  margin: 18px 0 12px;
  text-align: unset;
}
.activityApply-wrapper .act-wrapper .act .subtitle {
  font-size: 16px;
  line-height : 16px;
  color: #666666;
}



.activityApply .pop-apply-complete,
.activityApply .pop-act-detail {
  display : none;
  width: 600px;
  height: auto;
  position: fixed;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index : 2;
  background: #eee;
  top: 50%;
  border-radius: 30px;
  padding: 46px 30px 30px;
  font-size: 16px;
}

.activityApply .pop-apply-complete .title,
.activityApply .pop-act-detail .title {
  font-size: 24px;
    text-align: unset;
    padding-bottom: 10px;
    margin: 0;
    border-bottom: 2px solid #cccccc;
}

.activityApply .pop-act-title {
  display : flex;
  justify-content: space-between;
  padding : 24px 0;
}
.activityApply .pop-act-title .left {
  color : #666666;
}
.activityApply .pop-act-title .left .title {
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 0;
  border: none;
  color : #666666;
}
.activityApply .pop-act-title .left .date {
  font-size : 16px;
  margin-top : 14px;
  line-height: 16px;
}
.activityApply .pop-act-title .right img {
  width : 200px;
  height : 134px;
  border-radius : 5px;
}
.activityApply .pop-contents .pop-schedule table {
  width: 100%;
  border-top: 1px solid #5eb670;
  border-bottom: 1px solid #5eb670;
  font-size: 15px;
  border-collapse: collapse;
}
.activityApply .pop-act-detail .pop-contents .pop-schedule table tr { height : 44px; border-bottom : 1px solid #5eb670;}
.activityApply .pop-act-detail .pop-contents .pop-schedule table tr td:first-child {
  background : #eff8f1;
  text-align: center;
  color:#236130;
  font-weight: 700;
  width : 140px;
}
.activityApply .pop-act-detail .pop-contents .pop-schedule table tr td:last-child {
  color : #666666;
  padding : 10px 0 10px 20px;
}
.activityApply .pop-act-detail .pop-contents .pop-schedule table tr td.location {
  display: flex;
  align-items: center;
  height: inherit;
}
.activityApply .pop-act-detail .pop-contents .pop-schedule table tr td.location img {
  margin-left: 7px;
}
.activityApply .pop-act-detail .pop-contents .pop-time-select {
  margin-top : 40px;
}
.activityApply .pop-act-detail .pop-contents .pop-time-select .title{
  font-size: 18px;
  font-weight: 700;
  border: none;
  padding-bottom: 0;
}
.activityApply .pop-act-detail .pop-contents .pop-time-select .select-wrapper {
  margin-top : 15px;
  display : flex;
  flex-wrap: wrap;
}
.pop-act-detail .select-wrapper input[type=radio] { display: none;}
.pop-act-detail .select-wrapper label,
.activityApply .pop-act-detail .pop-contents .pop-time-select .select-wrapper div {
  width: 100px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 16px;
  font-weight: 700;
  color: #666666;
  background: white;
  margin-right : 10px;
  margin-bottom: 7px;
  box-sizing : border-box;
}

.pop-act-detail .select-wrapper input[type=radio]:checked + label,
.activityApply .pop-act-detail .pop-contents .pop-time-select .select-wrapper div:hover{
  background : #ffd595;
  transition : all 0.5s;
}
.pop-act-detail .select-wrapper label.no,
.activityApply .pop-act-detail .pop-contents .pop-time-select .select-wrapper div.no,
.activityApply .pop-act-detail .pop-contents .pop-time-select .select-wrapper div.no.active {
  background : gray;
  color : lightgray;
  cursor : not-allowed;
}
.activityApply .pop-act-detail .pop-contents .pop-time-select .select-wrapper div.active {
  background: #f4a224;
  color: white;
}
.activityApply .pop-act-detail .pop-contents .pop-info {
  margin-top: 15px;
  background: #fef6e9;
  padding: 20px;
  border-radius: 5px;
  color: #ef7b07;
}
.activityApply .pop-act-detail .pop-contents .pop-info span {
  font-weight : 700;
  display : block;
  margin-bottom : 7px;
}
.activityApply .pop-act-detail .btn-wrapper {
  display: flex;
  margin: 20px auto 0;
}
.activityApply .pop-act-detail .btn-wrapper .btn{
  font-size: 18px;
    display: block;
    color: white;
    width: 200px;
    height: 56px;
    background: #236130;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.activityApply .pop-apply-complete {
  height : 784px;
  background : white;
}
.activityApply .pop-apply-complete .subtitle {
  font-size: 20px;
  color: #ff455b;
  font-weight: 700;
  border: none;
  margin-top: 60px;
  text-align: center;
}
.activityApply .pop-apply-complete .content {
  text-align: center;
  background: #eff8f1;
  border-radius: 20px;
  width: 400px;
  margin: 60px auto;
  color : #141414;
  padding : 40px;
}
.activityApply .pop-apply-complete .content .al_location,
.activityApply .pop-apply-complete .content .al_title{
  font-size: 28px;
  padding-bottom: 10px;
  font-weight: 700;
}
.activityApply .pop-apply-complete .content .al_location {
  font-size : 20px;
  padding-bottom: 20px;
}
.activityApply .pop-apply-complete .content .row {
  display: flex;
  justify-content: space-evenly;
}
.activityApply .pop-apply-complete .content .row .date-wrapper .al_time,
.activityApply .pop-apply-complete .content .row .date-wrapper .al_date {
  margin-top: 16px;
  font-weight: 700;
}
.activityApply .pop-apply-complete .btn-wrapper {
  width: 200px;
    height: 56px;
    background: #236130;
    border-radius: 10px;
    font-size: 18px;
    color: white;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.activityApply .close-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor : pointer;
}

/* myPage */
.activityApply .myPage-wrapper {}

.content-wrapper .list {
  font-size: 18px;
  margin: 0 auto 20px;
}
.content-wrapper .list span {
  color : red;
}
.activityApply .myPage-wrapper .detail-wrapper {
  display:flex;
  flex-wrap : wrap;
  justify-content: space-between;
}
.activityApply .myPage-edit-wrapper,
.activityApply .myPage-wrapper .detail-wrapper .detail{
  border: 1px solid;
  border-radius: 20px;
  font-size: 16px;
  margin-bottom: 20px;
  width: 570px;
  height: auto;
  padding: 30px;
}
.activityApply .myPage-wrapper .detail-wrapper .detail:hover {
  background-color: #cdddf3;
  transition: all 0.5s;
}
.activityApply .myPage-edit-wrapper .title,
.activityApply .myPage-wrapper .detail-wrapper .detail .title{
  font-size: 28px;
  text-align: unset;
  border-bottom: 1px solid #CCC;
  padding-bottom: 20px;
  margin-bottom: 0;
}
.activityApply .myPage-wrapper .detail-wrapper table {
  margin-top: 20px;
}
.activityApply .myPage-edit-wrapper .date-time,
.activityApply .myPage-wrapper .detail-wrapper table tr td:first-child{
  font-size: 16px;
  font-weight: 700;
  width : 90px;
  padding : 10px 0;
  display: flex;
}
.activityApply .myPage-edit-wrapper .date-time,
.activityApply .myPage-wrapper .detail-wrapper table tr td:last-child{
  color : #666666;
}
.empty-wrapper {
  background: #eee;
  height: 400px;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: gray;
  text-align : center;
}
.activityApply .btn-row {
  display: flex;
  justify-content: flex-end;
}
.activityApply .myPage-edit-wrapper .btn-row{
  justify-content: center;
  margin-top: 20px;
}
.activityApply .btn.close,
.activityApply .btn.actEdit,
.activityApply .btn.cancel,
.activityApply .btn.edit {
  width: 140px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #236130;
  border-radius: 10px;
  color: white;
  font-weight: 700;
  margin-left: 10px;
}
.activityApply .btn.actEdit:hover,
.activityApply .btn.edit:hover { background-color: #078f24; transition: all 0.5s;}
.activityApply .btn.close:hover,
.activityApply .btn.cancel:hover { background-color: #f1f1f1; transition: all 0.5s;}
.activityApply .btn.close,
.activityApply .btn.cancel {
  color: #666666;
  background-color : #dddddd;
}
.activityApply .myPage-edit-wrapper {
  display: none;
  position: fixed;
  background: white;
  z-index: 4;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border : none;
}
.activityApply .myPage-edit-wrapper .time-wrapper{
  background: #cdddf3;
  display: flex;
  justify-content: space-evenly;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  font-size: 20px;
}
.activityApply .myPage-edit-wrapper .date-time {
  width : auto;
}

/* review */
.review-wrapper .row {
  display : flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.review .review-wrapper button.btn-wrapper {
  display: block;
}
.review-wrapper table td {
  height: 50px;
}
.review-wrapper table td input {
  width: 100%;
  height: inherit;
  display: block;
  padding-left : 15px;
}
.review-wrapper table tr td:first-child {
  font-weight: 700;
  background: #eee;
}
.review-wrapper table tr td label {
  background: lightblue;
  padding: 10px 20px;
  border-radius: 1rem;
  font-size: 18px;
}
.review-write .review-wrapper button.btn-wrapper {
  margin : auto;
}
.review-write .review-wrapper .row {
  margin-top : 20px;
}
/* review 멤버 활동후기 */


/* feedback */

.feedback-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.feedback-wrapper .feedback {
  width: 280px;
  height: 300px;
  background-color: beige;
  border: 3px solid;
  margin-right: 10px;
  position : relative;
}
.feedback-wrapper .feedback img {
  width: 100%;
  height: 170px;
}
.feedback-wrapper .feedback .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height : 130px;
}
.feedback-wrapper .feedback .subTitle,
.feedback-wrapper .feedback .title{
  font-size: 20px;
  font-weight: unset;
  margin: 0;
}
.feedback-wrapper .feedback .fb-pop{
  position : absolute;
  cursor: pointer;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.pop-feedback {
  display: none;
  width: 900px;
  /* height : 85vh; */
  /* overflow-y : scroll; */
  background-color: white;
  position: fixed;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 2;
  top: 50%;
  border-radius: 30px;
}
.pop-feedback .img-wrapper {
  display: flex;
  justify-content: space-between;
  padding : 0 40px;
  height: 100px;
  align-items: center;
}
.pop-feedback .img-wrapper:last-child { width : 361px; height : 41px;}
.pop-feedback .info {
  position: relative;
  background: #f0f0f0;
  display: flex;
  justify-content: center;
  padding-bottom : 30px;
  overflow-y : scroll;
  height : 80vh;
}
.pop-feedback .blue {
  height: 200px;
    background: #2b89b8;
    position: absolute;
    width: 100%;
}
.pop-feedback .info .table-wrapper { width : 820px; border-radius: 20px; padding : 20px 30px 40px; background : white; position: absolute; z-index: 1;  transform: translateY(40px);}
.pop-feedback .info .table-wrapper table { border-collapse: collapse; font-size: 20px;}
.pop-feedback .info .table-wrapper table tr {height : 50px;  border-top : 1px solid #666666; border-bottom : 1px solid #666666;}
/* .pop-feedback .info .table-wrapper table tr:first-child {border-top : none;}
.pop-feedback .info .table-wrapper table tr:last-child {border-bottom : none;} */
.pop-feedback .info .table-wrapper table th { width : 250px; padding-left: 20px; text-align: left; font-size: 18px; color : #141414; font-weight: 700;}
.pop-feedback .info .table-wrapper table td { width : 510px; padding-left: 20px; font-size: 18px; color : #777777;}
.pop-feedback .content-wrapper {
  width: 820px;
  height: auto;
  margin-top : 380px;
}
.pop-feedback .content-wrapper .content {
  background: white;
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.pop-feedback .content-wrapper .content .title {
  font-size: 24px;
  color : #2b89b8;
  font-weight: 800;
  line-height: 1;
  margin :0;
  text-align: left;
}
.pop-feedback .content-wrapper .content .fb {
  border : 1px solid #cccccc;
  border-radius: 10px;
  margin-top: 20px;
  font-size: 18px;
  padding: 12px 20px 20px;
  line-height: 1;
}
.pop-feedback .content-wrapper .content table { width :100%; border-collapse: collapse; font-weight: 700; font-size: 16px; margin-top: 30px;}
.pop-feedback .content-wrapper .content table td { width : 110px; height : 50px; border : 1px solid #666666;}
.pop-feedback .content-wrapper .content table tr td:first-child { width : 210px; padding-left: 10px; border-left : none;}
.pop-feedback .content-wrapper .content table tr:first-child td { color : #9c36b5; text-align: center; border-top : none;}
.pop-feedback .content-wrapper .content table tr td:last-child { border-right : none;}
.pop-feedback .content-wrapper .content .lp tr td:first-child { background : #ebfbee; }
.pop-feedback .content-wrapper .content .pt tr td:first-child { background : #fff8db; }
.pop-feedback .content-wrapper .content table tr:first-child td:first-child { background : none; }
.pop-feedback .content-wrapper .content table tr:not(:first-child) td:not(:first-child){ padding-top : 6px; text-align: center; }
.pop-feedback .guide-wrapper { border-radius: 30px; background-color: white;}
.pop-feedback .guide-wrapper .content {background : #d1e6f9; color : #9c36b5; margin-bottom: 0; display:flex; justify-content: space-between; align-items: center;}
.pop-feedback .guide-wrapper .content img.up {display: none;}
.pop-feedback .guide-wrapper .content .title { color : unset;}
.pop-feedback .guide-wrapper .guide { padding : 20px 30px 30px; }
.pop-feedback .guide-wrapper .guide .row {margin-bottom : 30px;}
.pop-feedback .guide-wrapper .guide .row .title { font-size :22px; font-weight: 700; color : #141414; text-align: left; margin:0 0 5px;}
.pop-feedback .guide-wrapper .guide .row .text { font-size: 16px; color : #141414; line-height: 1.5; margin-top : 10x;}
.pop-feedback .close { right:10px; position: absolute; top:10px; cursor: pointer; }


/* feedback 끝 */
.notyet { text-align: center; transform: translateY(-10px); animation: floating 3s infinite; transition : all 1s;}
@keyframes floating {
  0% {transform: translateY(10px);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(10px);}
}
.review .review-wrapper table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: 20px auto;
  font-size: 20px;
}
.review .review-wrapper table tr:first-child {
  text-align: center;
  background-color: #eee;
  font-weight: 700;
}
.review .review-wrapper table tr td:first-child {
  font-weight: unset;
  background : unset;
}
.review .review-wrapper table tr td {
  font-size: 16px;
  padding : 0 20px;
  border : 1px solid #d9d9d9;
}
.review-wrapper button.btn-wrapper a {
  font-size: 20px;
  padding : 10px;
}

/* 리딩팜 */
.rfarm .content-wrapper { width :1000px;}
.rfarm .content-wrapper .info-wrapper {
   background-color: #eff8f1;
    border-radius: 20px;
    font-size: 20px;
    color: #236130;
    line-height: 1.5;
    text-align: center;
    padding : 30px 0;
}
.rfarm .content-wrapper .info-wrapper span { font-weight: 700;}
.rfarm .img-wrapper { margin-top : 50px;}
.rfarm .content-wrapper .content { margin-top : 70px;}
.rfarm .content-wrapper .content .title { font-size: 40px; color : #015daa; margin-bottom : 10px;}
.rfarm .content-wrapper .content .subtitle { font-size:21px; color : #141414; text-align: center; font-weight: 700;}
.rfarm .content-wrapper .content button.btn-wrapper { background: #236130; width: 440px; color: white; font-weight: bold; font-size: 35px; margin: 60px auto 0; display:block;}
.rfarm .content-wrapper .content button.btn-wrapper a { padding : 15px 0 20px; display : block;}

/* 리딩팜 끝 */
/* memrberInfo 회원정보 */
.memberInfo-wrapper table {
  width: 800px;
  margin: auto;
  border-top: 3px solid #5f5f5f;
  font-size: 17px;
  text-align: center;
  border-collapse: collapse;
}
.memberInfo-wrapper table tr th {
  background-color: #f2f2f2;
  font-weight: 700;
}
.memberInfo-wrapper table tr th:nth-child(2) {background : orange;}
.memberInfo-wrapper table tr th:nth-child(3) {background : yellow;}
.memberInfo-wrapper table tr td:nth-child(2n-1){
  background-color: #f2f2f2;
}
.memberInfo-wrapper table tr td:nth-child(2n){
  text-align: left;
  padding: 10px;
}
.memberInfo-wrapper table tr th,
.memberInfo-wrapper table tr td {
  border : 1px solid lightgray;
  padding : 5px 0 8px;
}
.memberInfo-wrapper table tr td input {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  font-size: 18px;
  padding-left: 10px;
}
.memberInfo-wrapper table tr td span {
  margin: 5px;
  color: red;
  font-weight: 700;
}
.memberInfo-wrapper table tr td label {
  display: inline-flex;
  align-items: center;
}
.memberInfo-wrapper table tr td label span{
  margin: 0;
  color: unset;
  font-weight: unset;
}
.memberInfo-wrapper table tr td label input {
  width: 20px;
}
.memberInfo-wrapper table tr td .cellphone {
  display: flex;
  align-items: center;
}
.memberInfo-wrapper table tr td .cellphone input {
  text-align: center;
}
.memberInfo form { text-align: center;}
.memberInfo .btn-wrapper {
  width: 80px;
    height: 40px;
    background: #246af5;
    color: white;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.memberInfo .btn-wrapper:hover {
  background-color: #1a4db1;
  transition : all 0.5s;
}
.memberInfo-wrapper table tr td span.pw_caution { font-size : 12px; }
.memberInfo-wrapper table tr .ml_id,
.memberInfo-wrapper table tr .ml_pw { cursor : not-allowed;}
.ybmcamp .pop {
  display: none;
  text-align: center;
  background: #fff9ed;
  width: fit-content;
  padding: 10rem 3rem;
  border-radius: 4rem;
  border: 2px solid #ed7d31;
  font-size: 25px;
  box-shadow: 0rem 0rem 3rem gray;
  position: fixed;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 3;
}
.ybmcamp .close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.br-pc { display : block;}
.br-mo { display : none;}
/* 모바일 모드 */
@media (max-width: 768px) {
	.pc { display : none !important;}
	.mo {display : block !important;}
	.top-menu { background-color: rgba(0,0,0,0.8);}
	.top-wrapper {
		width: 100%;
		height :inherit;
		padding-left :20px;
	}
	.top-wrapper .burger-menu {
		height: 40px;
		width: 40px;
		font-size: 30px;
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		height: 100%;
		margin-right: 20px;
	}
	.top-wrapper .menu-wrapper {
		position: fixed;
		width: 70%;
		height: 100vh;
		background: white;
		right: 0;
		box-shadow: -5px 0 1rem #3f3f3f;
    border-radius: 3rem 0 0 3rem;
		flex-direction: column;
		transition : all 0.5s ease;
		transform: translateX(105%);
		border-left: 2px solid #8b8b8b;
    justify-content: space-between;
    overflow: hidden;
	}
	.top-wrapper .menu-wrapper .close-btn {
		position: absolute;
		font-size: 40px;
		right: 0px;
		width: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.top-wrapper .menu-wrapper .menu {
    	border-bottom: 1px solid #dfdddd;
		width: 100%;
		padding: 0;
		color: black;
		font-family: var(--fNsr);
		font-weight: 400;
        font-size: 19px;
	}
	.top-wrapper .menu-wrapper .menu > * {
		width: 100%;
		height: inherit;
		display: block;
		padding: 20px 20px;
    font-family : var(--fNsr);
	}
	.top-wrapper .menu-wrapper .menu img {
		width: unset;
    	display: unset;
	}
  .top-wrapper .menu-wrapper .menu-camp {
    position: relative;
    overflow: hidden;
    width: 80%;
    margin-top: 2rem;
    border-radius: 3rem;
    max-height: 60px;
    height: 100%;
  }
  .top-wrapper .menu-wrapper .menu-camp::before {
    content: '';
    position: absolute;
    top: 0;
    left: -80%;
    width: 100%;
    height: 20%;
    background: linear-gradient(
      135deg,
      rgba(255,255,255,0)   0%,
      rgba(255,255,255,0.4) 25%,
      rgba(255,255,255,0.8) 50%,
      rgba(255,255,255,0.4) 75%,
      rgba(255,255,255,0)   100%
    );
    filter: blur(4px);
    transform: translate(0, 0) rotate(45deg);
    animation: shine 3s cubic-bezier(0.4,0,0.2,1) infinite;
  }
  .top-wrapper .menu-wrapper .menu.space { height : 100%;}
  .top-wrapper .menu-wrapper .help-wrapper {
    width : 100%;
    background : #f1f1f1;
    font-size: 18px;
    padding : 1rem 0 1rem 5rem;
    max-height: 150px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
  }
 .top-wrapper .menu-wrapper .help-wrapper span {
    margin-top: 10px;
    font-size: 14px;
 }
  .top-wrapper .menu-wrapper .help-wrapper .call img,
  .top-wrapper .menu-wrapper .help-wrapper .time img {
    width : 25px;
    margin-right: 10px;
  }
  .top-wrapper .menu-wrapper .help-wrapper .time,
  .top-wrapper .menu-wrapper .help-wrapper .call a{
    align-items: center;
    display:flex;
  }
  .top-wrapper .menu-wrapper .help-wrapper .time { margin-top : 10px;}
  .sub .top-wrapper .menu-wrapper .menu a, .top-wrapper .menu-wrapper .menu a { height : 65px;}

  @keyframes shine {
    0%   { transform: translate(-100%, -100%) rotate(135deg); }
    100% { transform: translate(200%, 100%)   rotate(135deg); }
  }

	.mo-black {
		display : none;
		width: 100%;
		height :100vh;
		background : rgba(0, 0, 0, 0.5);
		position : fixed;
	}
	/* main */
	.main-wrapper .sec {
        height: 700px;
        background-position: center;
		animation : unset;

	}
	.main-wrapper .sec .text {
		/* padding-top : 150px; */
		color : white;
	}
  .main-wrapper .sec .text:last-child { font-size:20px; }
  .main-wrapper .sec .text:last-child { margin-top : 0; }
	.main .section-wrapper {width :100%;}
	.main-wrapper .sec .text:nth-child(2) {
		font-size :20px;
	}
  .no1 .sec .text img { width : 70%; margin-top : 30px; }
  .main-wrapper.section .sec .logo-wrapper img:first-child {
    width : 180px;
  }
  .main-wrapper.section .sec .logo-wrapper img:last-child {
    padding-top: 15px;
    width: 116px;
    margin-left: 13px;
    margin-right: 15px;
  }
	.no2 .section-wrapper { margin : 100px auto 70px;}
	.no2 .section-wrapper .subtitle {
		width : 80%;
		margin : 15px auto 0;
	}
	.section.no2 {
		padding : 0 30px;
	}
	.section.no2 .content-wrapper {
		width : 100%;
		display : block;
		height: auto;
    padding : 0;
	}
	.no2 .section-wrapper .content-wrapper .right .sub .title,
	.no2 .section-wrapper .content-wrapper .left .sub .title {
		height: auto;
		font-size: 16px;
		border-right: unset;
		font-weight: 700;
		margin: 0;
	}
	.no2 .section-wrapper .content-wrapper .sub .img-wrapper {
		height : auto;
		margin-top : 20px;
	}
	.no2 .section-wrapper .content-wrapper .sub img {
		width :130px;
		padding :0;
	}
	.no2 .section-wrapper .content-wrapper .right .sub {
		margin : 0 10px 0 0;
		text-align: left;
		padding-right : 0px;

	}
	.no2 .section-wrapper .content-wrapper .right {
		margin-top : 40px;
	}
	.no2 .section-wrapper .content-wrapper .right > .img-wrapper, .no2 .section-wrapper .content-wrapper .left > .img-wrapper { width : auto; transform : unset;}
	.no2 .section-wrapper .content-wrapper .left .sub { margin-left : 10px; padding-left : 0;}
	.no2 .section-wrapper .low-wrapper {
		font-size : 15px;
	}
	.no2 .section-wrapper .low-wrapper span {
		font-size : 17px;
		font-weight : 700;
	}
	.no2 .section-wrapper .low-wrapper .low-title:last-child {
		font-size : 14px;
	}
	.no3 {
		background: url(/img/s3-bg.png) no-repeat;
		background-size : cover;
		padding : 80px 30px;
	}
	.no3 .section-wrapper {
		display : block;
		height : auto;
	}
	.no3 .section-wrapper .left .subtitle { font-size : 15px;}
	.no3 .section-wrapper .left .title { font-size : 35px; }
	.no3 .section-wrapper .right {
		margin-top : 40px;
	}
	.no3 .section-wrapper .right .card {
		width : 46%;
		border : 3px solid white;
		padding : 50px 10px;
		border-radius : 10px;
    transform : unset;
    opacity: 1;
	}
	.no3 .section-wrapper .right .card .upper { margin-bottom : 40px; }
	.no3 .section-wrapper .right .card .upper .img {
		width : 40%;
		margin : auto;
	}

	.no3 .section-wrapper .right .card .upper .title {
		font-size : 20px;
		margin-top : 20px;
	}
	.no3 .section-wrapper .right .card .arrow {
		width : 60%;
	}
	.no4 { padding : 0;
  margin-left : 10px;}
	.no4 .section-wrapper {
		display : unset;
		height : auto;
		padding : 50px 20px;
	}
	.no4 .first-card { width : 100%; }
	.no4 .first-card .youtube {
		width : 100%;
		margin-top : 40px;
	}
	.no5 .section-wrapper .title,
	.no4 .first-card .title-wrapper .title {
		font-family: var(--fNsr);
		font-weight: 900;
		font-size :30px;
	}
	.no5 .section-wrapper .subtitle,
	.no4 .first-card .title-wrapper .subtitle {
		font-size: 17px;
		font-weight: 900;
	}
	.no4 .section-wrapper .card-list .card {
		background : unset;
		background-size: unset;
		width : 300px;
		height : auto;
	}
	.no4 .section-wrapper .card-list {
		margin: 0;
		padding-bottom: 5px;
		margin: 50px 0 20px;
	}
	.no5 .section-wrapper {
		padding : 40px 20px;
	}
	.no5 .content-wrapper { display :unset;}
	.no5 .section-wrapper .subtitle { margin : 0 0 30px;
		font-family : var(--fNsr);
		color:gray;
	}
	.no5 .content-wrapper .left {
		width: 100%;
		margin: auto;
		border-radius: 10px;
		display: flex;
	}
	.no5 .content-wrapper .right {
		padding :0;
		margin-top : 35px;
    width : auto;
	}
	.no5 .content-wrapper .right .title .day {
		font-size: 16px;
    	margin-left: 10px;
		margin-top :5px;
	}
	.no5 .content-wrapper .right .title .date {
		font-size: 15px;
		padding: 5px 10px 6px 10px;
		width: 85px;
		text-align: center;
	}
	.no5 .content-wrapper .right .title .day span {
		font-size: 13px;
		margin-top : 5px;
	}
	.no5 .content-wrapper .right .text { font-size : 15px;}
  .no5 .content-wrapper .right button { margin : auto; }
	.no5 .content-wrapper .right button a {
		font-size : 18px;
    padding : 20px;
	}
	.footer {
		padding : 30px 20px;
		/* margin : 0 auto 40px; */
	}
	.footer-wrapper { width : 100%; display:unset;}
	.footer-wrapper .footer-logo { text-align : center;}
	.footer-wrapper .footer-detail {
		margin : 20px 0 0;
		font-size: 12px;
	}
	/* detail */
	.br-mo { display : block;}
	.sub .main-wrapper .sec .text {
		font-size : 20px;
	}
	.sub .main-wrapper .sec {
		height : 350px;
		background : url(/img/detail_bg.png) no-repeat 50%;
	}
  .sub-menu-wrapper {
    overflow-x : scroll;
    overflow-y : hidden;
    z-index :0;
  }
	.sub-menu-wrapper .sub-menu .menu {
		margin : 0;
		padding : 0;
		font-size: 15px;
    width : 100px;
    justify-content: center;
	}
  .sub-menu-wrapper .sub-menu div::-webkit-scrollbar {
    display: none; /* Chrome, Safari에서 스크롤바 숨김 */
}
	.sub-menu-wrapper .sub-menu {
		justify-content: space-around;
		padding : 0 10px;
    width: 600px;
	}
	.detail-wrapper {
		width: 100%;
		padding: 0 20px;
		margin: 0;
	}
	.detail-wrapper img {
		width : 100%;
	}
	.test,
	.detail-wrapper .container .title {font-size : 20px;}
	.detail-wrapper .container .title .eng {
		font-size: 45px;
		margin-right : 3px;
	}
	.detail-wrapper .container:nth-child(2) .title { font-size : 13px; display : block;}
	.detail-wrapper .container .title .age {
		font-size :16px;
		display: inline-block;
        margin-top: 10px;
	}
	.detail-wrapper.whatisyv {
		width : 100%;
	}
  .detail-wrapper.noticeView .notice-wrapper, .detail-wrapper.notice .notice-wrapper {
    font-size : 15px;
  }
  .detail-wrapper.noticeView .notice-wrapper tr { border-bottom : none; }
  .detail-wrapper.noticeView button a { font-size : 17px;}
  .detail-wrapper.noticeView button { margin : 30px auto;}
  .onlyMember .sub-wrapper {
    margin : 0;
    width : 100%;
		font-family: var(--fNsr);
    padding :40px 0 50px;
  }
	.onlyMember .sub-wrapper .title { font-size : 18px;}
  .onlyMember .sub-wrapper .text-wrapper {
      width: 90%;
      margin: 30px auto 0;
      padding: 15px 20px;
  }
  .onlyMember .sub-wrapper .text-wrapper .text {
    font-size: 15px;
  }
  .onlyMember .sub-wrapper .call {
    display : block;
  }
  .onlyMember .sub-wrapper .call a {
    justify-content: center;
    margin : 10px;
  }
  .onlyMember .sub-wrapper .text-wrapper .text:nth-of-type(2) {
    margin : 20px 0 20px;
  }
  .detail-wrapper > .title {
		font-size : 18px;
		margin : 50px auto 30px;
	}
  .detail-wrapper .btn-list { margin: 20px 0; width:auto;}
	  .detail-wrapper.whatisyv button.btn-wrapper {
    width: 180px;
    margin: auto;
    height: auto;
  }
  .detail-wrapper.whatisyv button.btn-wrapper a{
    font-size : 20px;
    letter-spacing: -0.7px;
    padding: 20px 0;
  }
	.detail-wrapper.ngday {
		padding : 0;
	}
	.detail-wrapper.ngday img {
    width: 20px;
    margin-right: 5px;
  }
	.detail-wrapper.ngday .info-wrapper .info .img-wrapper .text { font-size : 15px; margin-top : 15px;}
	.detail-wrapper.engtrip .content-wrapper, .detail-wrapper.ngday .content-wrapper {
		width : 100%;
	}
	.detail-wrapper.ngday .info-wrapper .info .img-wrapper {
		width : 100%; margin-top : 30px;
	}
	.detail-wrapper.engtrip .content-wrapper .title, .detail-wrapper.ngday .content-wrapper .title {
		font-size : 25px !important;
	}
	.detail-wrapper.engtrip .content-wrapper .content, .detail-wrapper.ngday .content-wrapper .content {
		margin-top: 30px;
		display: flex;
		flex-direction: column-reverse;
		padding : 0 20px;
	}
	.detail-wrapper.engtrip .content-wrapper .img-wrapper img, .detail-wrapper.ngday .content-wrapper .img-wrapper img {
		width : 100%;
	}
	.detail-wrapper.engtrip .content-wrapper .img-wrapper, .detail-wrapper.ngday .content-wrapper .img-wrapper {
		margin : 0;
	}
	.detail-wrapper .content-wrapper .content .left { margin-top : 30px;}
	.detail-wrapper.engtrip .content-wrapper .img-wrapper,
	.detail-wrapper.ngday .content-wrapper .img-wrapper {
		font-size : 25px;
		width : 100%;
	}
	.detail-wrapper.engtrip .content-wrapper .content .left .subtitle, .detail-wrapper.ngday .content-wrapper .content .left .subtitle {
		margin-top : 0;
	}
	.detail-wrapper.engtrip .content-wrapper .content .left .text, .detail-wrapper.ngday .content-wrapper .content .left .text {
		font-size: 15px;
    	margin-top: 20px;
	}
	.detail-wrapper.ngday .info-wrapper .info { display : unset;}
	.detail-wrapper.ngday .info-wrapper {padding : 20px 30px; width :100%; margin-bottom : 70px;}
	.detail-wrapper.ngday .info-wrapper > .text {
		font-size: 17px;
    	margin-bottom: 40px;
	}
	.detail-wrapper.engtrip .list-wrapper {
		font-size: 15px;
		line-height: 1.7;
	}
	.detail-wrapper.faq .content-wrapper .subTitle,
	.detail-wrapper.faq .content-wrapper .title { padding : 20px 30px;}

  .detail-wrapper .container, .detail-wrapper.engtrip .content-wrapper, .detail-wrapper.ngday .content-wrapper, .process-wrapper, .detail-wrapper.engtrip .content-wrapper, .detail-wrapper.ngday .content-wrapper,
  .detail-wrapper.faq,
	.detail-wrapper.noticeView,
	.detail-wrapper.notice {
		width : 100%;
		font-family: var(--fNsr);
		margin: 90px auto 0;
    padding-top : 0;
	}
  /* engtrip */
  .detail-wrapper.engtrip { width :100%; padding : 0;}
  .engtrip .offer-wrapper { margin-top : 80px;}
  .detail-wrapper.engtrip .info-wrapper .title,
  .detail-wrapper.engtrip .offer-wrapper .title {
    font-size : 23px;
  }
  .engtrip .offer-wrapper .div-wrapper .row div {
    padding: 20px 0;
    font-size: 15px;
    height : auto;
  }
  .engtrip .info-wrapper { padding : 0 20px;}

  /* .process-wrapper */
  .process-wrapper {
    width : 100%;
  }
  /* .process-wrapper, .detail-wrapper.engtrip .content-wrapper, .detail-wrapper.ngday .content-wrapper {
    padding-top :70px;
  } */
  .detail-wrapper > .title,
	.process-wrapper .title {
		margin: 50px auto 30px;
    	font-size: 25px;
	}
	.process-wrapper .sub-wrapper .row {
		padding-left: 20px;
		font-size : 15px;
	}
	.process-wrapper .sub-wrapper .row.login { padding : 0 20px 30px;}

	/* apply */
	.apply-wrapper .sec-ngday, .apply-wrapper .sec-activity, .apply-wrapper .sec-basicBenefit, .apply-wrapper .sec-main {
		width :100%;
	}
	.apply-wrapper .sec-main .title { font-size : 33px; }
	.apply-wrapper .sec-main .title p {
		font-size: 25px;
    	padding-bottom: 10px;
	}
	.apply-wrapper .sec-main .subtitle {
		font-size: 19px;
		margin-top :30px;
	}
	.apply-wrapper .sec-main .period {
		width: 90%;
		font-size: 15px;
		margin-top: 30px;
	}
	.apply-wrapper .sec-main .caution { font-size : 13px;}
	.apply-wrapper .sec-main .period div:first-child { margin-right :10px;}
	.apply-wrapper .sec-main .text { font-size : 20px; }

	.apply-wrapper button a {
    font-size: 25px;
    padding: 20px 30px;
	}
	.apply-wrapper .sec-basicBenefit .title {
    padding : 0;
	}
	.apply-wrapper .sec-basicBenefit .title:nth-child(2) {
		margin-top: 20px;
    font-size : 20px;
	}
  .apply-wrapper .sec-basicBenefit .box { padding : 5px; }
	.apply-wrapper .sec-basicBenefit .box-wrapper {
		width: 100%;
		padding: 40px 20px;
		margin: 0;
	}
	.apply-wrapper .sec-basicBenefit .box-wrapper .title {
		font-size: 20px;
		padding: 0;
	}
  .apply-wrapper .sec-basicBenefit img { width : 100%; }
	.apply-wrapper .sec-basicBenefit .box-wrapper .info,
	.apply-wrapper .sec-basicBenefit .box-wrapper .subTitle {
		font-size : 16px;
	}
	.apply-wrapper .sec-basicBenefit .box-wrapper:last-child { width : 100%; padding : 0 20px; margin : 0;}
	.apply-wrapper .sec-basicBenefit .box img {
		width : 100%;
		height : auto;
	}
	.apply-wrapper .sec-basicBenefit .box-wrapper .title { padding :0;}

  .apply-wrapper .sec-rFarm {
    padding : 90px 20px 10px;
    background: url(/img/sec-bft-bg.png) no-repeat;
    background-size: 100% 100%;
    margin-top : -70px;
  }
  .apply-wrapper .sec-rFarm .page {
    width :100%;
    padding : 70px 20px 0;
  }
  .apply-wrapper .sec-rFarm .page .row .sub.mo > div{
    display : flex;
    justify-content: center;
  }
  .apply-wrapper .sec-rFarm .img-wrapper .row.sub img {
    width : 23%; padding : 0;
  }
  .apply-wrapper .sec-rFarm p span {
    font-size : 30px;
  }
  .apply-wrapper .sec-rFarm .page .rfarm { margin-top : 100px; }
  .apply-wrapper .sec-rFarm .page .rfarm .row.upper { margin-top : 50px;}
  .apply-wrapper .sec-rFarm .rfarm .row img {
    width : 45%;
  }
  .apply-wrapper .sec-rFarm .rfarm > img {
    width : 100%;
  }
  .apply-wrapper .sec-rFarm .title2 { font-size : 40px;}
  .apply-wrapper .sec-rFarm .page .title-wrapper .subTitle { font-size : 18px;}
  .apply-wrapper .sec-rFarm .page .img-wrapper { margin-top : 0;}
  .apply-wrapper .sec-rFarm .page .rfarm .title P {font-size : 17px;}
	.apply-wrapper .sec-ngday .page, .apply-wrapper .sec-activity .page { width : 100%; padding : 35px 20px 50px;
		border-radius: 0;
	}
	.apply-wrapper .sec-ngday .page .title-wrapper .subTitle,
  .apply-wrapper .sec-activity .page .title-wrapper .subTitle {
		font-size : 16px;
	}
	.apply-wrapper .sec-activity {
    padding : 150px 0 0;
		background: url(/img/sec3-bg.png) no-repeat;
		background-size: contain;
	}
  .apply-wrapper .sec-activity .page .title-wrapper img {
    width : auto; margin : auto;
  }
	.apply-wrapper .sec-activity .page .img-wrapper .row { display : unset; }
	.apply-wrapper .sec-activity .page .img-wrapper .row .mo-row { display : inline-flex; width :100%; justify-content: space-between;}
  .apply-wrapper .sec-activity .page .img-wrapper .row .noImage{
    display : none;
  }
	.apply-wrapper .sec-activity .page .img-wrapper .row img { width : 48%;}
	.apply-wrapper .sec-activity .page .info-wrapper { font-size : 16px;}
	.apply-wrapper .sec-ngday .page .half-circle, .apply-wrapper .sec-activity .page .half-circle {
		height: 90px;
		width: 90px;
		font-size: 28px;
	}
	.apply-wrapper .sec-ngday { padding : 40px 0 0;}

  .apply-wrapper .sec-purple .title,
  .apply-wrapper .sec-schedule .title,
  .apply-wrapper .sec-review .title,
  .apply-wrapper .sec-basicBenefit .title,
	.apply-wrapper .sec-ngday .title,
	.apply-wrapper .sec-activity .title { font-size :30px;}
	.apply-wrapper .sec-ngday p span, .apply-wrapper .sec-activity p span { font-size: 40px;}
	.apply-wrapper .sec-ngday .page .title-wrapper span { font-size : 20px; }
	.apply-wrapper .sec-ngday .page .title-wrapper .title {font-size : 30px; }
	.apply-wrapper .sec-ngday .page .img-wrapper { width :100%;}
	.apply-wrapper .sec-ngday .page .img-wrapper .row {
		display : unset;
	}
  .apply-wrapper .sec-rFarm .page .rfarm .title {
    font-size: 25px;
    height: 95px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
	.apply-wrapper .sec-ngday .page .img-wrapper .row img { width : 80%; margin-bottom : 50px;}

  .apply-wrapper .sec-schedule .img-wrapper,
  .apply-wrapper .sec-purple .img-wrapper {
    text-align: center;
  }
  .apply-wrapper .sec-review,
  .apply-wrapper .sec-schedule,
  .apply-wrapper .sec-purple {
    padding : 50px 20px;
  }
  .apply-wrapper .sec-review img,
  .apply-wrapper .sec-schedule img,
  .apply-wrapper .sec-purple .img-wrapper img{
    width : 100%;
  }
  .apply-wrapper .sec-review .subtitle,
  .apply-wrapper .sec-schedule .subtitle { font-size : 24px;}
  .apply-wrapper .sec-review .text {
    font-size : 20px;
    margin-top : 20px;
  }
  .apply-wrapper .sec-review .img-wrapper img {
    width : 100%;
  }
  .apply-wrapper .sec-last .title { font-size : 35px; }


	.detail-wrapper .container .text { font-size : 16px;}
	.br-pc { display : none !important ;}
	.process-wrapper .sub-wrapper .row.login > div:last-child {
		font-size: 14px;
    line-height: 1.8;
	padding : 20px;
	}
	.apply-wrapper { margin : 120px auto 0;}
	.apply-wrapper img {
		width: 70%;
	}
  .apply-wrapper .sec-purple .page .text { font-size : 20px;}
  .apply-wrapper .sec-review > *, .apply-wrapper .sec-schedule > *, .apply-wrapper .sec-purple > * {
    width : 100%;
  }
  .apply-wrapper.ybmcamp {
    margin :0;
  }
  .apply-wrapper.ybmcamp img { width : 100%;}
	.no2 .section-wrapper .content-wrapper .right, .no2 .section-wrapper .content-wrapper .left {
		width :100%;
	}
	.no2 .content-wrapper .sub { filter : blur(0px); opacity:1;}
  .ngday .green-check { margin-top : 10px;}
  .ngday .green-check div { font-size :15px; }
  .ngday .activity-wrapper {
    margin : 40px auto;
    width: 100%;
    padding: 0 20px;
  }
  .ngday .activity-wrapper img { width : 100%;}
  .ngday .activity-wrapper .row {display : flex; margin :8px 0;}
  .ngday .activity-wrapper .row img { width :50%;}
  .detail-wrapper.ngday .info-wrapper .title {
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .ngday .info-wrapper .img-wrapper img { width :100%;}

  /* pop */
  .activityApply .pop-apply-complete {
    width : 90%;
    height: auto;
    padding : 30px 18px;
  }
  .activityApply .pop-apply-complete .subtitle {
    margin-top : 30px;
  }
  .activityApply .pop-apply-complete .content {
    width: 100%;
    margin: 30px auto;
    padding : 40px 20px;
  }
  .activityApply .pop-apply-complete .content .al_location {
    font-size : 24px;
    padding :40px 0 30px;
  }
  .activityApply .pop-apply-complete .content .row .date-wrapper img {
    width : 70%;
  }

  /* /member  */
  .sub-menu-wrapper .sub-menu .menu a{ padding :0; margin : 0;}
  section .content-wrapper {
    width : auto !important;
    margin : 50px auto !important;
    padding : 0 15px;
  }
  section .content-wrapper .title{
    font-size: 35px;
  }
  .activityApply-wrapper .info-wrapper {
    width: auto;
    height: auto;
    font-size: 17px;
    padding: 10px 0;
    margin : 40px 15px;
  }
  .activityApply-wrapper .info-wrapper .left{
    width: 40%;
  }
  .activityApply-wrapper .info-wrapper .right {
    width: 60%;
    padding: 20px;
    font-size: 15px;
    line-height: 1.7;
  }
  .activityApply-wrapper .act-wrapper .act { margin : 0 auto 60px; }
  .activityApply .pop-apply-complete, .activityApply .pop-act-detail { width : 90%; height: 85%; overflow-y: scroll; }
  .activityApply .pop-act-title { display : block;}
  .activityApply .pop-act-title .left .date { margin : 10px 0 20px; }
  .activityApply .pop-act-detail .pop-contents .pop-schedule table tr td:first-child { width : 100px;}
  .content-wrapper .list,
  .review .review-wrapper .list,
  .activityApply .myPage-wrapper .list { padding : 0 20px; font-size : 15px;}
  .content-wrapper .list span { color : red;}
  .activityApply .myPage-edit-wrapper { width : 90%; }
  .activityApply .myPage-edit-wrapper .time-wrapper { flex-wrap : wrap;}
  .activityApply .btn-row { margin-top :20px;}
  .memberInfo-wrapper table { width :90%; }
  .memberInfo-wrapper table tr td:nth-child(2n-1) { font-size : 15px; }
  .notyet {
    width : auto !important;
    padding :50px !important;
  }
  .pop-feedback { width : 90%;}
  .pop-feedback .img-wrapper {padding :0 10px; height: 80px;}
  .pop-feedback .img-wrapper img.logo { width : 35%;}
  .pop-feedback .img-wrapper img.purple { width : 60%;}
  .pop-feedback .info .table-wrapper { width : 90%; padding:  40px 20px;}
  .pop-feedback .content-wrapper { width: 90% !important; margin: 400px 0 0 !important; padding:0;}
  .pop-feedback .content-wrapper .content {padding : 20px; overflow-x : scroll;}
  .pop-feedback .content-wrapper .content .title { font-size: 18px; text-align: left; margin :0;}
  .pop-feedback .content-wrapper .content .fb {padding: 12px;}
  .pop-feedback .content-wrapper .content table {margin-top: 20px; font-size: 13px;}
  .pop-feedback .content-wrapper .content table tr:first-child td { min-width: 85px; height:30px;}
  .pop-feedback .content-wrapper .content table img {width : 30px;}
  .pop-feedback .guide-wrapper .guide .row .title { text-align: left;}
  .feedback-wrapper .feedback {width:44%; margin: 0 10px; height: auto;}
  .feedback-wrapper .feedback .title { font-size: 16px; }
  .feedback-wrapper .feedback .fb-pop { width :60px; }
  .feedback-wrapper .feedback img { height : auto; }
  .feedback-wrapper .feedback .content { padding : 15px 0; height : auto;}
  .content-wrapper .title {
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #141414;
    margin: 0 auto 20px;
  }

  .review .review-wrapper table col:nth-child(1) {
      width: 75% !important;
  }
  .review .review-wrapper table col:nth-child(2) {
      width: 25% !important;
  }
  .review .review-wrapper table.list tr td:last-child,
  .review .review-wrapper table tr:first-child td:last-child {
    padding : 0;
    font-size : 12px;
  }
  .review .review-wrapper table.list tr:first-child td:last-child {
    font-size: unset;
  }
  .ybmcamp .pop {
      width: 85%;
      font-size: 13px;
      border-radius: 1rem;
      padding: 4rem 0;
  }
  .ybmcamp .pop img { width : 15px;}
  .ybmcamp .close{top:10px; right:10px;}
}

@media(max-height: 650px){
  .sub .top-wrapper .menu-wrapper .menu a, .top-wrapper .menu-wrapper .menu a { height : 55px;}
}