@charset "UTF-8";
@keyframes ani-spinner {
  0% {
    rotate: 0turn;
  }
  100% {
    rotate: 1turn;
  }
}
.sub_mypage > section {
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  gap: 5rem;
}
.sub_mypage > section > .bt-lnb {
  display: none;
}
.sub_mypage > section .lnbClose {
  display: none;
}
.sub_mypage > section > aside {
  width: 100%;
  max-width: 34rem;
  flex-shrink: 0;
  border-right: 0.1rem solid #e0dfe8;
}
.sub_mypage > section > aside > nav {
  padding-right: 3rem;
  padding-top: 5rem;
  padding-bottom: 10rem;
}
.sub_mypage > section > aside > nav h1 {
  font-size: clamp(3rem, 3.5156vw, 3.6rem);
  font-family: "Paperlogy", sans-serif;
  font-weight: 700;
  color: #3b3844;
  letter-spacing: -0.05rem;
}
.sub_mypage > section > aside > nav .my_lnb {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
}
.sub_mypage > section > aside > nav .my_lnb .lnb_group + .lnb_group {
  margin-top: 3rem;
  padding-top: 3.4rem;
  border-top: 0.1rem solid #e0dfe8;
}
.sub_mypage > section > aside > nav .my_lnb .lnb_tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 2rem;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  font-weight: 600;
  color: #3b3844;
}
.sub_mypage > section > aside > nav .my_lnb .lnb_tit::after {
  content: "";
  width: 1.1rem;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M0.334739 1.92036C-0.11158 1.48101 -0.11158 0.768859 0.334739 0.329511C0.781057 -0.109837 1.50451 -0.109837 1.95083 0.329511L8 6.28421L14.0492 0.329511C14.4955 -0.109837 15.2189 -0.109837 15.6653 0.329511C16.1116 0.768859 16.1116 1.48101 15.6653 1.92036L8.80804 8.67049C8.36173 9.10984 7.63827 9.10984 7.19196 8.67049L0.334739 1.92036Z' fill='%23aea9ba'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.sub_mypage > section > aside > nav .my_lnb .lnb_depth {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sub_mypage > section > aside > nav .my_lnb .lnb_depth a {
  display: block;
  padding: 1.1rem 2rem 1.1rem 4rem;
  border-radius: 0.8rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #9590a2;
  font-weight: 400;
  transition: all 300ms ease-in-out;
}
.sub_mypage > section > aside > nav .my_lnb .lnb_depth a:hover {
  background: #f7f7fc;
  color: #3b3844;
}
.sub_mypage > section > aside > nav .my_lnb .lnb_depth li.on > a, .sub_mypage > section > aside > nav .my_lnb .lnb_depth a[aria-current=page] {
  background: #f5f7ff;
  color: #3060ff;
  font-weight: 600;
}
.sub_mypage > section > .sec_cont {
  flex-grow: 1;
  padding: 5rem 0 14rem;
}

#wrap:has(header.scrolled) #curriculumWrap .cur_side {
  top: 11rem;
}

/* 서브헤더 */
.subHeader {
  position: relative;
  background: #f3f3f8;
  isolation: isolate;
  margin-bottom: 4rem;
  /* isolate 로 z-index 를 가둬 두면 안쪽 z-index:99(snb 드롭다운)가 밖으로 못 나간다.
     뒤따르는 section(position:relative)이 DOM 순서상 위에 그려져 드롭다운을 덮으므로
     subHeader 자체를 header(z-index:9) 바로 아래 층으로 올려 둔다. */
  z-index: 8;
}
.subHeader::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #3b3844;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.subHeader .subTit {
  padding: min(8rem, 15vw) 0;
  overflow: hidden;
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: height 300ms cubic-bezier(0.075, 0.82, 0.165, 1), opacity 500ms ease-in-out;
  opacity: 1;
}
.subHeader .subTit h1 {
  font-size: clamp(3.6rem, 4.6875vw, 4.8rem);
  font-family: "Paperlogy", sans-serif;
  color: #3b3844;
  display: flex;
  align-items: self-end;
  line-height: 1;
  gap: 0.6rem;
  transition: all 800ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.subHeader .sitePath {
  display: flex;
  align-items: center;
}
.subHeader .sitePath .home a {
  text-indent: -9999px;
  display: block;
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 17.9668V10.1503C21 8.93937 20.4604 7.7925 19.5301 7.02652L14.5301 2.90935C13.0577 1.69688 10.9423 1.69689 9.46986 2.90935L4.46986 7.02652C3.53964 7.7925 3 8.93937 3 10.1503V17.9668C3 20.1943 4.79086 22 7 22H17C19.2091 22 21 20.1943 21 17.9668Z' stroke='%23aea9ba' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M10 18H14' stroke='%23aea9ba' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0/contain;
}
.subHeader .sitePath li {
  display: flex;
  align-items: center;
  color: #7a7588;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
}
.subHeader .sitePath li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 1rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'%3E%3Cpath d='M1.92036 0.334739C1.48101 -0.11158 0.768859 -0.11158 0.329511 0.334739C-0.109837 0.781057 -0.109837 1.50451 0.329511 1.95083L6.28421 8L0.329511 14.0492C-0.109837 14.4955 -0.109837 15.2189 0.329511 15.6653C0.768859 16.1116 1.48101 16.1116 1.92036 15.6653L8.67049 8.80804C9.10984 8.36173 9.10984 7.63827 8.67049 7.19196L1.92036 0.334739Z' fill='%23ccc9d5'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.subHeader .sitePath li:last-child {
  font-weight: 600;
  color: #3b3844;
}
.subHeader .subMenu {
  border: 1px solid #e0dfe8;
  border-left: none;
  border-right: none;
  background: #ffffff;
}
.subHeader .subMenu .sm_inner {
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  height: 5rem;
  display: flex;
  align-items: center;
}
.subHeader .subMenu a.home {
  width: 5rem;
  aspect-ratio: 1/1;
  display: block;
  background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 17.9668V10.1503C21 8.93937 20.4604 7.7925 19.5301 7.02652L14.5301 2.90935C13.0577 1.69688 10.9423 1.69689 9.46986 2.90935L4.46986 7.02652C3.53964 7.7925 3 8.93937 3 10.1503V17.9668C3 20.1943 4.79086 22 7 22H17C19.2091 22 21 20.1943 21 17.9668Z' stroke='%239590a2' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M10 18H14' stroke='%239590a2' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center/40%;
}
.subHeader .subMenu a.home:hover {
  background-color: #f7f7fc;
}
.subHeader .subMenu a.home {
  border-left: 1px solid #e0dfe8;
  border-right: 1px solid #e0dfe8;
}
.subHeader .subMenu [class^=snb_] {
  width: 100%;
  max-width: 24rem;
  height: 100%;
  position: relative;
  visibility: visible;
  border-right: 1px solid #e0dfe8;
}
.subHeader .subMenu [class^=snb_]:hover p::after {
  rotate: 90deg;
}
.subHeader .subMenu [class^=snb_]:hover ul {
  display: block;
  opacity: 1;
  pointer-events: all;
}
.subHeader .subMenu [class^=snb_] p {
  padding: 1rem 2rem;
  color: #7a7588;
  height: 100%;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subHeader .subMenu [class^=snb_] p::after {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 1/1;
  scale: -1;
  rotate: -90deg;
  flex-shrink: 0;
  transition: all 300ms ease-in-out;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath d='M7.19196 0.334739C7.63827 -0.11158 8.36173 -0.11158 8.80804 0.334739C9.25436 0.781057 9.25436 1.50451 8.80804 1.95083L2.75887 8L8.80804 14.0492C9.25436 14.4955 9.25436 15.2189 8.80804 15.6653C8.36173 16.1116 7.63827 16.1116 7.19196 15.6653L0.334739 8.80804C-0.11158 8.36173 -0.11158 7.63827 0.334739 7.19196L7.19196 0.334739Z' fill='%23aea9ba'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.subHeader .subMenu [class^=snb_] ul {
  position: absolute;
  transition: all 200ms ease-in;
  opacity: 0;
  bottom: 0;
  pointer-events: none;
  transform: translateY(100%);
  background: #ffffff;
  padding: 2rem;
  z-index: 99;
  width: 100%;
  box-shadow: 0 1px 0 1px #e0dfe8;
}
.subHeader .subMenu [class^=snb_] ul li, .subHeader .subMenu [class^=snb_] ul li a {
  color: #7a7588;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
}
.subHeader .StepArea .StepGuide {
  width: 100%;
  background: #f7f7fc;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.3rem 2rem 3.4rem;
}
.subHeader .StepArea .StepGuide dl {
  display: flex;
  align-items: center;
  color: #9590a2;
  rotate: 0.4deg;
}
.subHeader .StepArea .StepGuide dl.active {
  color: #3060ff;
}
.subHeader .StepArea .StepGuide dl.active dt, .subHeader .StepArea .StepGuide dl.active dd {
  font-weight: 600;
}
.subHeader .StepArea .StepGuide dl:not(:last-child)::after {
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'%3E%3Cpath d='M1.92036 0.334739C1.48101 -0.11158 0.768859 -0.11158 0.329511 0.334739C-0.109837 0.781057 -0.109837 1.50451 0.329511 1.95083L6.28421 8L0.329511 14.0492C-0.109837 14.4955 -0.109837 15.2189 0.329511 15.6653C0.768859 16.1116 1.48101 16.1116 1.92036 15.6653L8.67049 8.80804C9.10984 8.36173 9.10984 7.63827 8.67049 7.19196L1.92036 0.334739Z' fill='%23ccc9d5'/%3E%3C/svg%3E") no-repeat center center/contain;
  display: block;
  width: 0.9rem;
  height: 1.4rem;
  margin: 0 min(2vw, 2rem);
}
.subHeader .StepArea .StepGuide dl dt {
  font-size: min(3vw, 1.6rem);
  font-weight: 600;
  display: inline-block;
  margin-right: 0.6rem;
}
.subHeader .StepArea .StepGuide dl dd {
  font-size: min(4vw, 2.2rem);
  font-weight: 500;
}
.subHeader .StepArea .StepTit {
  background: #D5F3FE;
  text-align: center;
  height: min(44vw, 45rem);
  position: relative;
  padding: 0 2rem;
  padding-top: 5vw;
  overflow: hidden;
}
.subHeader .StepArea .StepTit h1 {
  font-size: max(2.138vw, clamp(2.6rem, 2.9297vw, 3rem));
  color: #3b3844;
  word-break: keep-all;
}
.subHeader .StepArea .StepTit h1 span {
  font-weight: 600;
}
.subHeader .StepArea .StepTit h1 strong {
  display: block;
  font-weight: 600;
  color: #3060ff;
}
.subHeader .StepArea .StepTit {
  isolation: isolate;
}
.subHeader .StepArea .StepTit > img {
  position: absolute;
  z-index: -1;
}
.subHeader .StepArea .StepTit > img.obj-f {
  width: min(35vw, 36rem);
  left: 2%;
  bottom: -1rem;
  rotate: 0deg; /* TODO 대응 믹스인 없음: shake-left-point */
}
.subHeader .StepArea .StepTit > img.obj-m {
  width: min(31vw, 32.2rem);
  right: 2%;
  bottom: -1rem; /* TODO 대응 믹스인 없음: shake-right-point */
}
.subHeader .StepArea .StepTit > img.obj-city {
  z-index: -2;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.subHeader .StepArea .StepTit > img.obj-cloud {
  z-index: -2;
  left: 2%;
  top: 2rem; /* TODO 대응 믹스인 없음: swing-left */
}

/* 서브비주얼 */
.subVisual {
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  color: #ffffff;
  text-align: center;
  aspect-ratio: 1400/250;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.subVisual p {
  font-size: min(5rem, 10vw);
  font-family: "Paperlogy", sans-serif;
  line-height: 1.2;
}
.subVisual p b {
  color: #f18a00;
}
.subVisual span {
  font-size: clamp(2.6rem, 2.9297vw, 3rem);
}

/* 서브콘텐츠 */
#wrap:has(.flt_banner) .contents > section:last-child {
  padding-bottom: min(30rem, 40vw);
}

.contents {
  padding-bottom: clamp(4rem, 3vw, 8rem);
  box-sizing: border-box;
  width: 100%;
}
.contents > section {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: min(18rem, 20vw);
}
.contents > section:first-of-type .step_inner {
  margin-top: -10vw;
  border-radius: 5rem 5rem 0 0;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(4px);
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .contents > section:first-of-type .step_inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 560px) {
  .contents > section:first-of-type .step_inner {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.contents > section .step_inner {
  padding: 0 8rem;
  position: relative;
  z-index: 2;
  width: calc(100% - 6rem);
  margin: 0 auto;
  max-width: 156rem;
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (max-width: 1024px) {
  .contents > section .step_inner {
    width: 100%;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 560px) {
  .contents > section .step_inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.contents > section .sec_inner {
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 6rem;
  height: 100%;
}
.contents > section .sec_caution {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 4vw;
  flex-wrap: wrap;
  padding-bottom: min(2rem, 4vw);
}
.contents > section .sec_caution p span {
  font-weight: 400;
  color: #3060ff;
}
.contents > section .sec_caution p {
  font-size: 1.8rem;
  color: #3b3844;
  line-height: 1.3;
  font-weight: 500;
  word-break: keep-all;
  text-wrap: balance;
}
.contents > section .sec_caution .moreBtn {
  flex-shrink: 0;
}

.sec_half {
  display: flex;
  justify-content: space-between;
  gap: max(2rem, 3vw);
  align-items: flex-start;
  height: 100%;
}

.sec_bread {
  margin-bottom: 2rem;
}
.sec_bread ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.sec_bread li {
  display: flex;
  align-items: center;
  color: #8d869b;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 200;
}
.sec_bread li a {
  color: inherit;
}
.sec_bread li a:hover {
  color: #3b3844;
  text-decoration: underline;
}
.sec_bread li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 0.9rem;
  aspect-ratio: 1/1;
  margin: 0 0.8rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'%3E%3Cpath d='M1.92036 0.334739C1.48101 -0.11158 0.768859 -0.11158 0.329511 0.334739C-0.109837 0.781057 -0.109837 1.50451 0.329511 1.95083L6.28421 8L0.329511 14.0492C-0.109837 14.4955 -0.109837 15.2189 0.329511 15.6653C0.768859 16.1116 1.48101 16.1116 1.92036 15.6653L8.67049 8.80804C9.10984 8.36173 9.10984 7.63827 8.67049 7.19196L1.92036 0.334739Z' fill='%23ccc9d5'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.sec_bread li:last-child {
  font-weight: 600;
  color: #3060ff;
}

.sec_tit {
  position: relative;
  margin-bottom: 2rem;
}
.sec_tit h2 {
  display: flex;
  align-items: center;
  font-size: clamp(3rem, 3.5156vw, 3.6rem);
  color: #3b3844;
  line-height: 1.2;
  font-weight: 600;
}

.sec_tabmenu {
  margin: 2rem 0 4rem;
  min-height: 3.4rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.sec_tabmenu::-webkit-scrollbar {
  display: none;
}
.sec_tabmenu > [class^=tab-] {
  flex-wrap: nowrap;
  width: max-content;
  min-width: 100%;
}
.sec_tabmenu > [class^=tab-] li {
  flex-shrink: 0;
  white-space: nowrap;
}

.bd_tit {
  padding-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.bd_tit h3 {
  color: #3b3844;
  font-size: min(2.6rem, 9vw);
  font-family: "Paperlogy", sans-serif;
  line-height: 1.2;
  letter-spacing: -0.06rem;
  text-wrap-style: balance;
  word-break: keep-all;
  font-weight: 600;
  flex-grow: 1;
}
.bd_tit h3 b {
  color: #3060ff;
  font-weight: 500;
}
.bd_tit p {
  color: #7a7588;
  margin-top: 0.6rem;
  font-size: min(1.6rem, 6vw);
  font-style: normal;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -0.0165rem;
  text-wrap-style: pretty;
  word-break: keep-all;
}
.bd_tit p:has(.moreBtn) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}
.bd_tit .moreBtn {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #9590a2;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  transition: all 300ms ease-in-out;
}
.bd_tit .moreBtn::after {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55_9671)'%3E%3Cpath d='M8.70703 0.292955C8.31651 -0.0975703 7.68349 -0.0975703 7.29297 0.292955C6.90248 0.683483 6.90246 1.31651 7.29297 1.70702L12.5859 7H1C0.447715 7 0 7.44772 0 8C4.07147e-05 8.55226 0.44774 9.00001 1 9.00001H12.5859L7.29297 14.293C6.90248 14.6835 6.90246 15.3165 7.29297 15.7071C7.68348 16.0975 8.31652 16.0975 8.70703 15.7071L15.707 8.70704C15.7382 8.6759 15.7658 8.64238 15.792 8.60841C15.8058 8.5905 15.8195 8.57256 15.832 8.55372C15.858 8.51473 15.8804 8.47413 15.9004 8.43262C15.9223 8.38705 15.9421 8.34012 15.957 8.29102C15.9621 8.2743 15.9655 8.25716 15.9697 8.24024C15.9888 8.1632 16 8.08292 16 8C16 7.92033 15.9903 7.84285 15.9727 7.76856C15.9678 7.74801 15.9632 7.72731 15.957 7.70704C15.9421 7.65828 15.9222 7.61168 15.9004 7.56641C15.8812 7.52662 15.8597 7.48769 15.835 7.4502C15.7976 7.39354 15.7548 7.34078 15.707 7.29297L8.70703 0.292955Z' fill='%23ccc9d5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_9671'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
  transition: all 300ms ease-in-out;
}
.bd_tit .moreBtn:hover {
  color: #3060ff;
}
.bd_tit .moreBtn:hover::after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55_9671)'%3E%3Cpath d='M8.70703 0.292955C8.31651 -0.0975703 7.68349 -0.0975703 7.29297 0.292955C6.90248 0.683483 6.90246 1.31651 7.29297 1.70702L12.5859 7H1C0.447715 7 0 7.44772 0 8C4.07147e-05 8.55226 0.44774 9.00001 1 9.00001H12.5859L7.29297 14.293C6.90248 14.6835 6.90246 15.3165 7.29297 15.7071C7.68348 16.0975 8.31652 16.0975 8.70703 15.7071L15.707 8.70704C15.7382 8.6759 15.7658 8.64238 15.792 8.60841C15.8058 8.5905 15.8195 8.57256 15.832 8.55372C15.858 8.51473 15.8804 8.47413 15.9004 8.43262C15.9223 8.38705 15.9421 8.34012 15.957 8.29102C15.9621 8.2743 15.9655 8.25716 15.9697 8.24024C15.9888 8.1632 16 8.08292 16 8C16 7.92033 15.9903 7.84285 15.9727 7.76856C15.9678 7.74801 15.9632 7.72731 15.957 7.70704C15.9421 7.65828 15.9222 7.61168 15.9004 7.56641C15.8812 7.52662 15.8597 7.48769 15.835 7.4502C15.7976 7.39354 15.7548 7.34078 15.707 7.29297L8.70703 0.292955Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_9671'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
}

.sec_left {
  width: 100%;
  max-width: 40rem;
}
.sec_left.sec_sticky {
  position: sticky;
  top: 11rem;
}
.sec_left .sec_progress ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: max(2rem, 3vw);
}
.sec_left .sec_progress li {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.sec_left .sec_progress p {
  font-size: max(clamp(1.6rem, 1.7578vw, 1.8rem), 1.176vw);
  line-height: 1.2;
  font-weight: 600;
  color: #3b3844;
  transition: font-size 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sec_left .sec_progress i {
  width: 100%;
  height: clamp(1.4rem, 1.5625vw, 1.6rem);
  box-shadow: 0 0 0 0.1rem rgba(238, 238, 238, 0.9333333333);
  border-radius: 100px;
  padding: 4px;
  box-sizing: border-box;
  display: block;
}
.sec_left .sec_progress i span {
  width: 0%;
  height: 100%;
  background: #3060ff;
  display: block;
  border-radius: 100px;
  max-width: 100%;
}

.sec_right {
  width: 100%;
  padding-top: 1rem;
  height: 100%;
  overflow: hidden;
}
.sec_right .chartArea {
  width: 100%;
  height: 100%;
  min-height: 36rem;
}
.sec_right .chartArea.chartRadar {
  max-height: 58rem;
}
.sec_right canvas {
  height: 100%;
  width: 100%;
  display: block;
}
.sec_right .board_list {
  background: #fff;
  box-shadow: 0 20px 53px -31px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  border-radius: 2rem;
}
.sec_right .info-editor {
  border-radius: 2rem;
  border: 2px solid rgba(199, 226, 235, 0.56);
  background: #FFF;
  box-sizing: border-box;
  padding: min(3vw, 4rem);
}
.sec_right .info-editor dt {
  border-radius: 10rem;
  background: #3b3844;
  font-size: clamp(2.2rem, 2.5391vw, 2.6rem);
  font-weight: 600;
  line-height: 1.9;
  letter-spacing: -0.072rem;
  width: fit-content;
  color: #ffffff;
  padding: 0.2rem 4rem;
  margin-bottom: 2rem;
}
.sec_right .info-editor dd {
  color: #9590a2;
  font-family: Pretendard;
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: -0.06rem;
}

.sec_tabMenu {
  width: 100%;
  border-bottom: 1px solid #e0dfe8;
}
.sec_tabMenu ul {
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.sec_tabMenu ul li {
  line-height: 1;
  letter-spacing: -0.032rem;
  color: #9590a2;
  padding: 2.1rem 4rem;
  position: relative;
}
.sec_tabMenu ul li::after {
  content: "";
  width: 0%;
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  bottom: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  height: 0.3rem;
  background: transparent;
  position: absolute;
}
.sec_tabMenu ul li.active {
  color: #3060ff;
  font-weight: 600;
}
.sec_tabMenu ul li.active::after {
  background: #3060ff;
  width: 100%;
}

/* 커리큘럼 메인 */
main {
  transition: all 500ms ease-in-out;
  background: #3060ff;
  width: 100%;
  min-height: 46rem;
  display: block;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(5vw, 5rem) 0;
}
main .m_inner {
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  transition: all 500ms;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
main .m_inner .cur_wish {
  width: 5rem;
  aspect-ratio: 1/1;
  border-radius: 100rem;
  background: rgba(255, 255, 255, 0.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'%3E%3Cpath d='M10.2135 18C9.70786 18 9.10112 17.7978 8.69663 17.3933C2.12359 11.6292 2.02247 11.5281 2.02247 11.427L1.92135 11.3258C0.707863 10.1124 0 8.39326 0 6.67416V6.47191C0.101124 2.83146 3.03371 0 6.67416 0C7.78652 0 9.30337 0.606741 10.2135 1.82022C11.1236 0.606741 12.7416 0 13.8539 0C17.4944 0 20.3258 2.83146 20.5281 6.47191V6.67416C20.5281 8.49438 19.8202 10.1124 18.6067 11.427L18.5056 11.5281C18.4045 11.6292 17.5955 12.3371 11.8315 17.4944C11.3258 17.7978 10.8202 18 10.2135 18ZM3.53933 11.1236C3.94382 11.5281 5.96629 12.9438 9.70786 16.1798C10.0112 16.4831 10.4157 16.4831 10.7191 16.1798C14.5618 12.7416 16.7865 10.8202 17.2921 10.4157L17.3933 10.3146C18.4045 9.30337 18.9101 7.98876 18.9101 6.67416V6.47191C18.809 3.64045 16.5843 1.51685 13.7528 1.51685C13.0449 1.51685 11.6292 2.02247 11.1236 3.13483C10.9213 3.53933 10.5169 3.74157 10.1124 3.74157C9.70787 3.74157 9.30337 3.53933 9.10112 3.13483C8.59551 2.1236 7.2809 1.51685 6.47191 1.51685C3.74157 1.51685 1.41573 3.74157 1.31461 6.47191V6.77528C1.31461 8.08989 1.92135 9.40449 2.83146 10.3146L3.53933 11.1236Z' fill='%233B3844'/%3E%3C/svg%3E") no-repeat center center/40%;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  z-index: 10;
}
main .m_inner .cur_wish:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'%3E%3Cpath d='M10.2135 18C9.70786 18 9.10112 17.7978 8.69663 17.3933C2.12359 11.6292 2.02247 11.5281 2.02247 11.427L1.92135 11.3258C0.707863 10.1124 0 8.39326 0 6.67416V6.47191C0.101124 2.83146 3.03371 0 6.67416 0C7.78652 0 9.30337 0.606741 10.2135 1.82022C11.1236 0.606741 12.7416 0 13.8539 0C17.4944 0 20.3258 2.83146 20.5281 6.47191V6.67416C20.5281 8.49438 19.8202 10.1124 18.6067 11.427L18.5056 11.5281C18.4045 11.6292 17.5955 12.3371 11.8315 17.4944C11.3258 17.7978 10.8202 18 10.2135 18ZM3.53933 11.1236C3.94382 11.5281 5.96629 12.9438 9.70786 16.1798C10.0112 16.4831 10.4157 16.4831 10.7191 16.1798C14.5618 12.7416 16.7865 10.8202 17.2921 10.4157L17.3933 10.3146C18.4045 9.30337 18.9101 7.98876 18.9101 6.67416V6.47191C18.809 3.64045 16.5843 1.51685 13.7528 1.51685C13.0449 1.51685 11.6292 2.02247 11.1236 3.13483C10.9213 3.53933 10.5169 3.74157 10.1124 3.74157C9.70787 3.74157 9.30337 3.53933 9.10112 3.13483C8.59551 2.1236 7.2809 1.51685 6.47191 1.51685C3.74157 1.51685 1.41573 3.74157 1.31461 6.47191V6.77528C1.31461 8.08989 1.92135 9.40449 2.83146 10.3146L3.53933 11.1236Z' fill='%235838E6'/%3E%3C/svg%3E");
}
main .m_inner .cur_wish.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18' fill='none'%3E%3Cpath d='M20 6.28326C19.9005 2.78112 17.2139 0 13.8308 0C12.7363 0 11.0448 0.824035 10.3483 2.16309C10.2488 2.4721 9.85075 2.4721 9.75124 2.16309C8.95522 0.927039 7.36318 0.103004 6.16915 0.103004C2.88557 0.103004 0.0995025 2.88412 0 6.28326V6.48927C0 8.24034 0.696517 9.88841 1.89055 11.1245C1.89055 11.1245 1.89055 11.1245 1.89055 11.2275C1.99005 11.3305 6.76617 15.6567 8.95522 17.6137C9.55224 18.1288 10.4478 18.1288 11.0448 17.6137C13.2338 15.6567 17.9104 11.3305 18.1095 11.2275C18.1095 11.2275 18.1095 11.2275 18.1095 11.1245C19.3035 9.99141 20 8.34335 20 6.48927V6.28326Z' fill='%235838E6'/%3E%3C/svg%3E");
}
main .m_inner .m_head {
  display: flex;
  align-items: center;
  color: #ffffff;
  gap: 1.4rem;
}
main .m_inner .m_head em {
  padding: 0.8rem 1.2rem;
  border: 1px solid #ffffff;
  border-radius: 0.4rem;
  line-height: 1;
}
main .m_inner .m_head ul {
  display: flex;
  align-items: center;
}
main .m_inner .m_head ul li {
  display: flex;
  align-items: center;
  font-weight: 500;
}
main .m_inner .m_head ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 1.2rem;
  background: #ffffff;
  display: block;
  margin: 0 1rem;
}
main .m_inner .m_thumb {
  width: 100%;
  max-width: 60rem;
  overflow: hidden;
  border-radius: 0.4rem;
  transition: all 500ms;
  position: relative;
  aspect-ratio: 600/336;
  outline: 2px solid #3060ff;
  outline-offset: -2px;
}
main .m_inner .m_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main .m_inner .m_thumb .m_btn {
  height: 4.2rem;
  max-width: 16rem;
  width: 100%;
  flex-shrink: 0;
  gap: 2rem;
  color: #ffffff;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #254dd3;
  transition: background 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}
main .m_inner .m_thumb .m_btn:hover {
  background: #1f44bd;
}
main .m_inner .m_copy {
  box-sizing: border-box;
  padding-top: clamp(1.8rem, 1.9531vw, 2rem);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  max-width: 71rem;
  gap: 1rem;
}
main .m_inner .m_copy h1 {
  font-size: min(3.8rem, 11vw);
  font-family: "Paperlogy", sans-serif;
  color: #f18a00;
  display: inline-flex;
  align-items: flex-end;
  line-height: 1.2;
  word-break: keep-all;
  text-wrap: balance;
}
main .m_inner .m_copy p {
  color: #ffffff;
  font-size: max(1.7rem, 0.9vw);
  font-weight: 300;
  word-break: keep-all;
  margin-top: 0.4rem;
}
main .m_inner .m_copy .hashTag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1.6rem 0;
}
main .m_inner .m_copy .hashTag span {
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  padding: 0.4rem 0.9rem 0.5rem;
  border-radius: 100px;
  border: 0.1rem solid #e0dfe8;
  color: #3060ff;
  display: block;
  width: fit-content;
  line-height: 1;
  background: #fff;
  font-weight: 300;
}
main .m_inner .m_copy .m_data {
  margin-top: 2rem;
  color: #ffffff;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
main .m_inner .m_copy .m_data dl {
  display: flex;
  align-items: baseline;
  gap: 1.4rem;
}
main .m_inner .m_copy .m_data dl dt {
  font-weight: 600;
  flex-shrink: 0;
  word-break: keep-all;
  text-wrap-style: pretty;
}
main .m_inner .m_copy .m_data dl dd {
  font-weight: 300;
  text-wrap-style: pretty;
  word-break: keep-all;
}

.sec_tabMenu.active {
  font-weight: 600;
  color: #3060ff;
}

.sec_tabWrap section {
  display: none;
  padding-bottom: min(28rem, 30vw);
}
.sec_tabWrap section.active {
  display: block;
}

/* 유저관련 */
.userCenter {
  background: #f7f7fc;
  padding: 5vw 0;
}
.userCenter .cauArea {
  margin-top: min(2rem, 2vw);
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.userCenter .noti-cau {
  display: block;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #9590a2;
  margin-left: 2rem;
  position: relative;
  font-weight: 300;
}
.userCenter .noti-cau strong {
  font-weight: 500;
  color: #7a7588;
}
.userCenter .noti-cau::before {
  content: "※";
  font-family: "Pretendard", sans-serif;
  display: inline-block;
  margin-right: 0.2rem;
  position: absolute;
  left: -2rem;
  top: -0.02rem;
}
.userCenter .ip-cau {
  position: relative;
  color: #9590a2;
  font-weight: 300;
  margin-top: 1rem;
  margin-left: 2.6rem;
  display: none;
}
.userCenter .ip-cau::before {
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55_9679)'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 12C7.52 12 7.2 11.68 7.2 11.2C7.2 10.72 7.52 10.4 8 10.4C8.48 10.4 8.8 10.72 8.8 11.2C8.8 11.68 8.48 12 8 12ZM8.8 8C8.8 8.48 8.48 8.8 8 8.8C7.52 8.8 7.2 8.48 7.2 8V4.8C7.2 4.32 7.52 4 8 4C8.48 4 8.8 4.32 8.8 4.8V8Z' fill='%233b3844'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_9679'%3E%3Crect width='16' height='16' fill='%233b3844'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: -2.6rem;
  top: 0.1rem;
}
.userCenter .ip-cau.warring {
  color: #3060ff;
  font-weight: 400;
}
.userCenter .ip-cau.warring::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55_9679)'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 12C7.52 12 7.2 11.68 7.2 11.2C7.2 10.72 7.52 10.4 8 10.4C8.48 10.4 8.8 10.72 8.8 11.2C8.8 11.68 8.48 12 8 12ZM8.8 8C8.8 8.48 8.48 8.8 8 8.8C7.52 8.8 7.2 8.48 7.2 8V4.8C7.2 4.32 7.52 4 8 4C8.48 4 8.8 4.32 8.8 4.8V8Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_9679'%3E%3Crect width='16' height='16' fill='%233060ff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.userCenter .form-user {
  display: flex;
  flex-direction: column;
  gap: min(2rem, 4vw);
}
.userCenter .form-user dl {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.userCenter .form-user dl dt {
  color: #3b3844;
  font-size: 1.8rem;
  font-weight: 500;
}
.userCenter .form-user dl dt i.imp {
  color: #cf0d11;
  display: inline-block;
  margin-left: 0.1rem;
}
.userCenter .form-user dl dd.ip-tooltip .ip-cau {
  display: block;
}
.userCenter .form-user dl dd.ip-faild input[type=text], .userCenter .form-user dl dd.ip-faild input[type=password] {
  border: 1px solid #cf0d11;
  background-color: rgba(207, 13, 17, 0.08);
}
.userCenter .form-user dl dd.ip-faild input[type=text]::placeholder, .userCenter .form-user dl dd.ip-faild input[type=password]::placeholder {
  color: #cf0d11;
}
.userCenter .form-user dl dd.ip-faild .ip-cau {
  color: #cf0d11;
  display: block;
}
.userCenter .form-user dl dd.ip-faild .ip-cau::before {
  background-color: #cf0d11;
}
.userCenter .form-user dl dd .cut-flex {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.userCenter .form-user dl dd .cut-flex.half {
  width: calc(50% - 0.5rem);
}
.userCenter .form-user dl dd .cut-flex.call {
  width: calc(50% - 0.5rem);
}
.userCenter .form-user dl dd .cut-flex.call input {
  text-align: center;
}
.userCenter .form-user dl dd .cut-flex:not(:last-of-type) {
  margin-bottom: 1rem;
}
.userCenter .form-user dl dd .cut-flex span {
  color: #7a7588;
  font-weight: 200;
}
.userCenter .form-user dl dd .cut-flex span.dash {
  min-width: 1.4rem;
  text-align: center;
}
.userCenter > section .sec_tit {
  margin-bottom: min(2rem, 4vw);
}
.userCenter > section .sec_tit i {
  width: min(12rem, 16vw);
  height: min(12rem, 16vw);
  display: block;
  margin: 0 auto 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.4733 8.47338C11.1269 7.95915 11.604 7.25399 11.8382 6.456C12.0723 5.65802 12.0519 4.80689 11.7799 4.02102C11.5078 3.23516 10.9975 2.55364 10.32 2.07128C9.64259 1.58892 8.83163 1.32971 8 1.32971C7.16836 1.32971 6.35741 1.58892 5.67995 2.07128C5.00249 2.55364 4.49223 3.23516 4.22014 4.02102C3.94805 4.80689 3.92767 5.65802 4.16184 6.456C4.396 7.25399 4.87307 7.95915 5.52666 8.47338C4.40672 8.92207 3.42952 9.66628 2.69926 10.6267C1.969 11.587 1.51304 12.7276 1.38 13.9267C1.37037 14.0143 1.37808 14.1028 1.40268 14.1874C1.42729 14.272 1.46831 14.3509 1.52341 14.4196C1.63468 14.5584 1.79652 14.6473 1.97333 14.6667C2.15014 14.6862 2.32744 14.6346 2.46621 14.5233C2.60499 14.412 2.69388 14.2502 2.71333 14.0734C2.85972 12.7702 3.48112 11.5666 4.45881 10.6926C5.4365 9.81856 6.70193 9.3354 8.01333 9.3354C9.32473 9.3354 10.5902 9.81856 11.5679 10.6926C12.5455 11.5666 13.1669 12.7702 13.3133 14.0734C13.3315 14.2372 13.4096 14.3885 13.5327 14.4981C13.6559 14.6076 13.8152 14.6677 13.98 14.6667H14.0533C14.2281 14.6466 14.3878 14.5582 14.4977 14.4209C14.6076 14.2835 14.6587 14.1083 14.64 13.9334C14.5063 12.7308 14.0479 11.5874 13.3139 10.6255C12.5799 9.66366 11.5979 8.9197 10.4733 8.47338V8.47338ZM8 8.00004C7.47258 8.00004 6.95701 7.84365 6.51848 7.55063C6.07995 7.25761 5.73815 6.84114 5.53632 6.35387C5.33449 5.8666 5.28168 5.33042 5.38457 4.81314C5.48746 4.29585 5.74144 3.8207 6.11438 3.44776C6.48732 3.07482 6.96247 2.82084 7.47976 2.71795C7.99704 2.61505 8.53322 2.66786 9.02049 2.8697C9.50776 3.07153 9.92423 3.41332 10.2173 3.85186C10.5103 4.29039 10.6667 4.80596 10.6667 5.33338C10.6667 6.04062 10.3857 6.7189 9.88562 7.21899C9.38552 7.71909 8.70724 8.00004 8 8.00004Z' fill='%23aea9ba'/%3E%3C/svg%3E") no-repeat center/contain;
}
.userCenter > section .sec_tit p strong {
  font-weight: 600;
  color: #3060ff;
}
.userCenter > section .sec_tit:has(+ .user-pwCheck, + .user-modify) {
  width: calc(100% - min(6rem, 6vw));
  max-width: 100rem;
  margin: 0 auto 4rem;
  box-sizing: border-box;
}
.userCenter > section .user-pwCheck, .userCenter > section .user-modify {
  background: #ffffff;
  width: calc(100% - min(6rem, 6vw));
  max-width: 100rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: min(6rem, 6vw);
}
.userCenter > section .user-pwCheck .pwForm {
  padding: 3rem;
  background: #f7f7fc;
  border-radius: 0.4rem;
}
.userCenter > section .user-pwCheck .pwForm > div {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.userCenter > section .user-pwCheck input.loginID, .userCenter > section .user-pwCheck input.loginPW {
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  height: 6rem;
  padding: 2rem;
  padding-left: 5.4rem;
  background: #ffffff no-repeat 2rem center/2.4rem;
}
.userCenter > section .user-pwCheck input.loginID::placeholder, .userCenter > section .user-pwCheck input.loginPW::placeholder {
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.userCenter > section .user-pwCheck input.loginID:focus-within, .userCenter > section .user-pwCheck input.loginID:hover, .userCenter > section .user-pwCheck input.loginPW:focus-within, .userCenter > section .user-pwCheck input.loginPW:hover {
  box-shadow: 0 0 0 2px #3060ff inset;
}
.userCenter > section .user-pwCheck input.loginID:focus-within::placeholder, .userCenter > section .user-pwCheck input.loginID:hover::placeholder, .userCenter > section .user-pwCheck input.loginPW:focus-within::placeholder, .userCenter > section .user-pwCheck input.loginPW:hover::placeholder {
  color: #3060ff;
}
.userCenter > section .user-pwCheck input.loginPW {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55_9687)'%3E%3Cpath d='M10.5625 5.6V4C10.5625 1.76 8.775 0 6.5 0C4.225 0 2.4375 1.76 2.4375 4V5.6C1.05625 5.6 0 6.64 0 8V13.6C0 14.96 1.05625 16 2.4375 16H10.5625C11.9438 16 13 14.96 13 13.6V8C13 6.64 11.9438 5.6 10.5625 5.6ZM4.0625 4C4.0625 2.64 5.11875 1.6 6.5 1.6C7.88125 1.6 8.9375 2.64 8.9375 4V5.6H4.0625V4Z' fill='%23e0dfe8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_9687'%3E%3Crect width='13' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.userCenter > section .user-pwCheck input.loginPW:focus-within, .userCenter > section .user-pwCheck input.loginPW:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55_9687)'%3E%3Cpath d='M10.5625 5.6V4C10.5625 1.76 8.775 0 6.5 0C4.225 0 2.4375 1.76 2.4375 4V5.6C1.05625 5.6 0 6.64 0 8V13.6C0 14.96 1.05625 16 2.4375 16H10.5625C11.9438 16 13 14.96 13 13.6V8C13 6.64 11.9438 5.6 10.5625 5.6ZM4.0625 4C4.0625 2.64 5.11875 1.6 6.5 1.6C7.88125 1.6 8.9375 2.64 8.9375 4V5.6H4.0625V4Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_9687'%3E%3Crect width='13' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.userCenter > section .user-message {
  width: calc(100% - min(6rem, 6vw));
  max-width: 140rem;
  margin: 0 auto;
  display: flex;
  gap: 1rem;
}
.userCenter > section .user-message > div {
  width: 100%;
}
.userCenter > section .user-message .msg-list {
  max-width: 48rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.userCenter > section .user-message .msg-list > div {
  padding: min(3rem, 4vw);
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 0.4rem;
}
.userCenter > section .user-message .msg-list .msg_util {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.userCenter > section .user-message .msg-list .msg_box {
  height: 100%;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2rem 0;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item:first-child {
  padding-top: 0;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item:last-child {
  padding-bottom: 0;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item:not(:last-child) {
  border-bottom: 1px solid #f3f3f8;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item .thumb {
  width: 6rem;
  height: 6rem;
  display: block;
  flex-shrink: 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.4733 8.47338C11.1269 7.95915 11.604 7.25399 11.8382 6.456C12.0723 5.65802 12.0519 4.80689 11.7799 4.02102C11.5078 3.23516 10.9975 2.55364 10.32 2.07128C9.64259 1.58892 8.83163 1.32971 8 1.32971C7.16836 1.32971 6.35741 1.58892 5.67995 2.07128C5.00249 2.55364 4.49223 3.23516 4.22014 4.02102C3.94805 4.80689 3.92767 5.65802 4.16184 6.456C4.396 7.25399 4.87307 7.95915 5.52666 8.47338C4.40672 8.92207 3.42952 9.66628 2.69926 10.6267C1.969 11.587 1.51304 12.7276 1.38 13.9267C1.37037 14.0143 1.37808 14.1028 1.40268 14.1874C1.42729 14.272 1.46831 14.3509 1.52341 14.4196C1.63468 14.5584 1.79652 14.6473 1.97333 14.6667C2.15014 14.6862 2.32744 14.6346 2.46621 14.5233C2.60499 14.412 2.69388 14.2502 2.71333 14.0734C2.85972 12.7702 3.48112 11.5666 4.45881 10.6926C5.4365 9.81856 6.70193 9.3354 8.01333 9.3354C9.32473 9.3354 10.5902 9.81856 11.5679 10.6926C12.5455 11.5666 13.1669 12.7702 13.3133 14.0734C13.3315 14.2372 13.4096 14.3885 13.5327 14.4981C13.6559 14.6076 13.8152 14.6677 13.98 14.6667H14.0533C14.2281 14.6466 14.3878 14.5582 14.4977 14.4209C14.6076 14.2835 14.6587 14.1083 14.64 13.9334C14.5063 12.7308 14.0479 11.5874 13.3139 10.6255C12.5799 9.66366 11.5979 8.9197 10.4733 8.47338V8.47338ZM8 8.00004C7.47258 8.00004 6.95701 7.84365 6.51848 7.55063C6.07995 7.25761 5.73815 6.84114 5.53632 6.35387C5.33449 5.8666 5.28168 5.33042 5.38457 4.81314C5.48746 4.29585 5.74144 3.8207 6.11438 3.44776C6.48732 3.07482 6.96247 2.82084 7.47976 2.71795C7.99704 2.61505 8.53322 2.66786 9.02049 2.8697C9.50776 3.07153 9.92423 3.41332 10.2173 3.85186C10.5103 4.29039 10.6667 4.80596 10.6667 5.33338C10.6667 6.04062 10.3857 6.7189 9.88562 7.21899C9.38552 7.71909 8.70724 8.00004 8 8.00004Z' fill='%23aea9ba'/%3E%3C/svg%3E") no-repeat center/100%;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item .info dt a {
  display: flex;
  align-items: center;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item .info dt a .name {
  color: #3b3844;
  font-weight: 600;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item .info dt a .data {
  color: #9590a2;
  font-weight: 300;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item .info dt a .state {
  color: #3060ff;
  font-weight: 400;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item .info dt a span {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
}
.userCenter > section .user-message .msg-list .msg_box .msg_item .info dt a span:not(:last-child)::after {
  content: "";
  margin: 0 1rem;
  width: 1px;
  height: 10px;
  display: inline-block;
  background: #e0dfe8;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item .info dd {
  font-size: 1.9rem;
  color: #7a7588;
  font-weight: 400;
}
.userCenter > section .user-message .msg-list .msg_box .msg_item .info dd a {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.userCenter > section .user-message .msg-view {
  padding: min(3rem, 4vw);
  padding-top: min(3.5rem, 4vw);
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
}
.userCenter > section .user-message .msg-view .msg_tit {
  display: flex;
  align-items: center;
  padding-bottom: min(3.2rem, 5vw);
  margin-bottom: min(3rem, 5vw);
  border-bottom: 1px solid #f3f3f8;
}
.userCenter > section .user-message .msg-view .msg_tit h1 {
  font-size: min(2.8rem, 5vw);
  font-weight: 600;
  color: #3b3844;
}
.userCenter > section .user-message .msg-view .msg_tit p {
  color: #9590a2;
  font-size: min(1.8rem, 4vw);
  font-weight: 300;
}
.userCenter > section .user-message .msg-view .msg_tit p::before {
  content: "";
  margin: 0 1rem;
  width: 1px;
  height: 10px;
  display: inline-block;
  background: #e0dfe8;
}
.userCenter > section .user-message .msg-view .msg_cont {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.userCenter > section .user-message .msg-view .msg_cont p {
  font-size: min(2.2rem, 4.8vw);
  font-weight: 600;
}
.userCenter > section .user-message .msg-view .msg_cont .msg_info {
  display: flex;
  margin: min(1.4rem, 3vw) 0;
}
.userCenter > section .user-message .msg-view .msg_cont .msg_info > *:not(:last-child)::after {
  content: "";
  content: "";
  margin: 0 1rem;
  width: 1px;
  height: 12px;
  display: inline-block;
  background: #e0dfe8;
}
.userCenter > section .user-message .msg-view .msg_cont .msg_info strong {
  font-weight: 600;
}
.userCenter > section .user-message .msg-view .msg_cont .msg_info dl {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.userCenter > section .user-message .msg-view .msg_cont .msg_info dl dt {
  font-weight: 300;
  color: #7a7588;
}
.userCenter > section .user-message .msg-view .msg_cont .msg_info dl dd {
  font-weight: 500;
  color: #3b3844;
}
.userCenter > section .user-message .msg-view .msg_cont .msg_rec {
  width: 100%;
}
.userCenter > section .user-message .msg-view .msg_cont .msg_rec .textArea {
  width: 100%;
  height: 100%;
  max-height: 36rem;
  border: 1px solid #f3f3f8;
  box-sizing: border-box;
  padding: min(2rem, 5vw);
  color: #3b3844;
  font-size: 1.6rem;
  font-weight: 400;
}

/* 업적관련 */
.meritCenter {
  width: 100%;
}
.meritCenter > section {
  padding: min(4rem, 4vw);
}
.meritCenter > section:not(:first-child) {
  border-top: 1px solid #f3f3f8;
}
.meritCenter .mer_tit {
  position: relative;
  line-height: 1.21;
  display: flex;
  align-items: center;
  margin-bottom: min(2rem, 5vw);
}
.meritCenter .mer_tit h1 {
  font-size: min(3.2rem, 8vw);
  font-weight: 600;
  color: #3b3844;
  word-break: keep-all;
  text-wrap: pretty;
  color: #3b3844;
}
.meritCenter .mer_tit h1 strong {
  color: #3b3844;
  font-weight: 700;
}
.meritCenter .mer_tit h1 b {
  color: #3060ff;
  font-weight: 700;
}
.meritCenter .mer_tit p {
  color: #9590a2;
  font-size: min(1.8rem, 4vw);
  font-weight: 300;
  word-break: keep-all;
  text-wrap: pretty;
}
.meritCenter .mer_tit p::before {
  content: "";
  margin: 0 1.4rem;
  width: 1px;
  height: 10px;
  display: inline-block;
  background: #e0dfe8;
}
.meritCenter .mer_tit p strong {
  font-weight: 600;
  color: #3060ff;
}
.meritCenter .mer_tit > img {
  margin-top: 3vw;
  max-width: 27vw;
  margin-left: -8vw;
}
.meritCenter .ach_error {
  background: #fafafa;
  padding: min(6rem, 8vw);
  border-radius: 2rem;
  text-align: center;
}
.meritCenter .ach_error p {
  font-size: min(2.4rem, 8vw);
  font-weight: 500;
  color: #ffffff;
  padding: 0.6rem 2rem;
  line-height: 1.3;
  background: #3060ff;
  width: fit-content;
  margin: 2rem auto 1rem;
  border-radius: 100rem;
}
.meritCenter .ach_error span {
  font-size: min(2rem, 5vw);
  display: block;
  color: #3b3844;
  line-height: 1.2;
}
.meritCenter .ach_grid {
  display: grid;
  gap: min(1rem, 4vw);
  grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr));
}
.meritCenter .ach_grid .ach_item {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 1rem;
  box-sizing: border-box;
  padding: 3rem 2rem;
}
.meritCenter .ach_grid .ach_item .ch_label {
  display: block;
  border-radius: 100rem;
  color: #777;
  border: 1px solid #f3f3f8;
  width: fit-content;
  margin: 0 auto;
  padding: 0.4rem 1rem;
}
.meritCenter .ach_grid .ach_item .ch_label input[type=radio] {
  display: none;
}
.meritCenter .ach_grid .ach_item .ch_label input[type=radio] + label {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
.meritCenter .ach_grid .ach_item .ch_label input[type=radio] + label span {
  display: none;
}
.meritCenter .ach_grid .ach_item .ch_label input[type=radio] + label span.set {
  display: block;
}
.meritCenter .ach_grid .ach_item .ch_label input[type=radio] + label::before {
  content: "";
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  background: url("../img/common/ach-set.svg") no-repeat center/100%;
}
.meritCenter .ach_grid .ach_item .ch_label input[type=radio]:checked + label span {
  display: none;
}
.meritCenter .ach_grid .ach_item .ch_label input[type=radio]:checked + label span.pick {
  display: block;
}
.meritCenter .ach_grid .ach_item .ch_label input[type=radio]:checked + label::before {
  background: url("../img/common/ach-pick.svg") no-repeat center/100%;
}
.meritCenter .ach_grid .ach_item .ch_label.ing {
  background: #3060ff;
  color: #ffffff;
  border: 1px solid #3060ff;
}
.meritCenter .ach_grid .ach_item .ch_label.ing input[type=radio] + label span, .meritCenter .ach_grid .ach_item .ch_label.ing input[type=radio]:checked + label span {
  display: none;
  color: #ffffff;
}
.meritCenter .ach_grid .ach_item .ch_label.ing input[type=radio] + label span.ing, .meritCenter .ach_grid .ach_item .ch_label.ing input[type=radio]:checked + label span.ing {
  display: block;
}
.meritCenter .ach_grid .ach_item .ch_label.ing input[type=radio] + label::before, .meritCenter .ach_grid .ach_item .ch_label.ing input[type=radio]:checked + label::before {
  background: url("../img/common/ach-ing.svg") no-repeat center/100%;
}
.meritCenter .ach_grid .ach_item .thumb {
  padding: 1rem;
  border-radius: 100rem;
  border: 1px solid #e0dfe8;
  width: 10rem;
  height: 10rem;
  margin: 1rem auto 2rem;
  outline: 1px solid #f3f3f8;
  outline-offset: -1rem;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: min(2.4rem, 20vw);
}
.meritCenter .ach_grid .ach_item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.meritCenter .ach_grid .ach_item .info {
  text-align: center;
}
.meritCenter .ach_grid .ach_item .info > p {
  font-family: "Paperlogy", sans-serif;
  font-size: min(2.4rem, 10vw);
  color: #3060ff;
  rotate: -0.04deg;
  word-break: keep-all;
  text-wrap: balance;
}
.meritCenter .ach_grid .ach_item .info span {
  font-size: min(2rem, 5vw);
  color: #7a7588;
  font-weight: 300;
}
.meritCenter .ach_grid .ach_item .info dl {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9590a2;
  font-weight: 300;
  margin-top: 1rem;
}
.meritCenter .ach_grid .ach_item .info dl dd {
  display: flex;
  align-items: center;
}
.meritCenter .ach_grid .ach_item .info dl dd::before {
  content: "";
  width: 1px;
  height: 10px;
  margin: 0 0.8rem;
  background: #e0dfe8;
}
.meritCenter .ach_list {
  display: grid;
  gap: min(1rem, 4vw);
  grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));
}
.meritCenter .ach_list .ach_item {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 1rem;
  box-sizing: border-box;
  padding: min(3rem, 8vw);
  display: flex;
  gap: 3rem;
  align-items: center;
}
.meritCenter .ach_list .ach_item .thumb {
  padding: 1rem;
  border-radius: 100rem;
  border: 1px solid #e0dfe8;
  width: 10rem;
  height: 10rem;
  margin: 1rem 0 2rem;
  flex-shrink: 0;
  outline: 1px solid #f3f3f8;
  outline-offset: -1rem;
  box-sizing: border-box;
  padding: min(2.4rem, 20vw);
}
.meritCenter .ach_list .ach_item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.meritCenter .ach_list .ach_item .info > p {
  font-family: "Paperlogy", sans-serif;
  font-size: min(2.4rem, 10vw);
  color: #3060ff;
  rotate: -0.04deg;
  word-break: keep-all;
  text-wrap: balance;
}
.meritCenter .ach_list .ach_item .info span {
  font-size: min(2rem, 5vw);
  color: #7a7588;
  font-weight: 300;
  word-break: keep-all;
  text-wrap: balance;
}
.meritCenter .ach_list .ach_item .info dl {
  display: flex;
  align-items: center;
  color: #9590a2;
  font-weight: 300;
  margin-top: 1rem;
}
.meritCenter .ach_list .ach_item .info dl dd {
  display: flex;
  align-items: center;
}
.meritCenter .ach_list .ach_item .info dl dd::before {
  content: "";
  width: 1px;
  height: 10px;
  margin: 0 0.8rem;
  background: #e0dfe8;
}
.meritCenter .ach_list .ach_item .info .pg_rate {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.meritCenter .ach_list .ach_item .info .pg_rate > p {
  color: #3b3844;
  font-weight: 400;
  font-size: 1.6rem;
}
.meritCenter .ach_list .ach_item .info .pg_rate .progress_bar {
  width: 100%;
  height: clamp(1.4rem, 1.5625vw, 1.6rem);
  box-shadow: 0 0 0 0.1rem rgba(238, 238, 238, 0.9333333333);
  border-radius: 100px;
  padding: 4px;
  box-sizing: border-box;
}
.meritCenter .ach_list .ach_item .info .pg_rate .progress_bar span {
  width: 0%;
  height: 100%;
  background: #3060ff;
  display: block;
  border-radius: 100px;
}

/* 박스 스타일 bd 1px */
.boxArea {
  box-shadow: 0 0 0 1px #ccc9d5 inset;
  padding: 4rem;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  color: #7a7588;
  font-weight: 300;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.4rem;
  line-height: 1.4;
  transition: all 300ms ease-in;
}
.boxArea:has(dl) {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.boxArea dl {
  position: relative;
  padding-left: 4rem;
}
.boxArea dl::before {
  content: "";
  width: 3.1rem;
  height: 3.1rem;
  position: absolute;
  left: 0;
  top: 0rem;
  background: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='30' height='30' rx='15' fill='%235838E6'/%3E%3Cpath d='M20.3337 11.5L13.0003 18.8333L9.66699 15.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;
}
.boxArea dl dt {
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-weight: 600;
  color: #3b3844;
}
.boxArea dl dd {
  margin-top: 0.6rem;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  font-weight: 300;
  color: #7a7588;
  line-height: 1.4;
  text-wrap: balance;
  word-break: keep-all;
}

/* 디테일 스타일 */
.dtiArea {
  width: 100%;
  border-radius: 0.4rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.dtiArea details {
  border: 1px solid #e0dfe8;
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  letter-spacing: -0.04rem;
  transition: all 500ms ease-in;
}
.dtiArea details:hover summary {
  color: #25242d;
  font-weight: 700;
}
.dtiArea details:open summary::before {
  transform: rotate(-90deg);
}
.dtiArea summary {
  padding: 2rem;
  padding-left: 10rem;
  font-weight: 600;
  color: #3b3844;
  background: #f7f7fc;
  list-style-type: none;
  position: relative;
}
.dtiArea summary::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  top: calc(50% - 0.8rem);
  left: 4rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath d='M7.19196 0.334739C7.63827 -0.11158 8.36173 -0.11158 8.80804 0.334739C9.25436 0.781057 9.25436 1.50451 8.80804 1.95083L2.75887 8L8.80804 14.0492C9.25436 14.4955 9.25436 15.2189 8.80804 15.6653C8.36173 16.1116 7.63827 16.1116 7.19196 15.6653L0.334739 8.80804C-0.11158 8.36173 -0.11158 7.63827 0.334739 7.19196L7.19196 0.334739Z' fill='%23aea9ba'/%3E%3C/svg%3E") no-repeat center center/contain;
  transform: rotate(90deg);
  transform-origin: 50% 50%;
  border-radius: 100rem;
  transition: transform 500ms;
}
.dtiArea summary::-webkit-details-marker {
  display: none;
}
.dtiArea ul li {
  padding: 2rem;
  padding-left: 10rem;
  border-top: 1px solid #e0dfe8;
  color: #7a7588;
  font-weight: 300;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dtiArea ul li dl {
  position: relative;
  padding-left: 4rem;
}
.dtiArea ul li dl::before {
  content: "";
  width: 3.1rem;
  height: 3.1rem;
  position: absolute;
  left: 0;
  top: 0rem;
  background: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='30' height='30' rx='15' fill='%235838E6'/%3E%3Cpath d='M20.3337 11.5L13.0003 18.8333L9.66699 15.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;
}
.dtiArea ul li dl dt {
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-weight: 600;
  color: #3b3844;
}
.dtiArea ul li dl dd {
  margin-top: 0.6rem;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  font-weight: 300;
  color: #7a7588;
  line-height: 1.6;
  text-wrap: balance;
  word-break: keep-all;
}
.dtiArea ul li:hover {
  color: #3b3844;
  font-weight: 500;
}

/* 프로필 스타일 */
.profileArea {
  box-shadow: 0 0 0 1px #ccc9d5 inset;
  padding: 3rem 4rem;
  border-left: 1.3rem solid #3060ff;
  border-radius: 0.4rem 0 0 0.4rem;
}
.profileArea .pf_name {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0dfe8;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}
.profileArea .pf_name dt {
  display: flex;
  align-items: center;
  color: #3b3844;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
}
.profileArea .pf_name dt strong {
  font-size: clamp(2.6rem, 2.9297vw, 3rem);
  color: #3060ff;
  font-family: "Paperlogy", sans-serif;
  margin-right: 0.3rem;
}
.profileArea .pf_name dd {
  color: #9590a2;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 300;
  display: flex;
  align-items: center;
}
.profileArea .pf_name dd:empty::before {
  display: none;
}
.profileArea .pf_name dd::before {
  content: "";
  flex-shrink: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 1rem;
  background: #d9d9d9;
  display: block;
  margin: 0 0.7rem;
}
.profileArea .pf_info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.profileArea .pf_info .if_item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 3rem;
  margin-top: 2rem;
}
.profileArea .pf_info .if_item:not(:last-child) {
  border-bottom: 1px solid #e0dfe8;
}
.profileArea .pf_info .if_item .thumb {
  max-width: 20rem;
  object-fit: cover;
  object-position: center;
  border-radius: 0.4rem;
  overflow: hidden;
}
.profileArea .pf_info .if_item p {
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.04rem;
  color: #3b3844;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.profileArea .pf_info .if_item p::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 10rem;
  background: #3060ff;
  display: block;
}
.profileArea .pf_info .if_item dl {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
}
.profileArea .pf_info .if_item dl dt {
  color: #3b3844;
  margin-bottom: 0.4rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.032rem;
}
.profileArea .pf_info .if_item dl dd {
  color: #7a7588;
  line-height: 1.7;
  font-weight: 300;
  letter-spacing: -0.032rem;
}

.contents .lec_grid .grid_item .lec_thumb .lec_set.age_grade {
  left: auto;
  right: 1rem;
  top: 1rem;
  background: #BDF03E;
  color: #333333;
}

/* 연령 구분 배지(상세 등 썸네일 밖 텍스트 영역용). 목록/메인의 .lec_set 배지와 동일한 pill 스타일로 통일 */
.age-grade-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.4rem;
  letter-spacing: -0.04rem;
  padding: 0.4rem 1.4rem;
  position: relative;
  vertical-align: middle;
  cursor: default;
}

/* .m_head em(라벨 태그) 등 상위 규칙에 덮이지 않도록 상세 히어로 영역에서 값 고정(테두리 제거) */
main .m_inner .m_head .age-grade-badge,
.m_head .age-grade-badge {
  border: none;
  padding: 0.4rem 1.4rem;
  line-height: 1.5;
}

/* 배지 hover 시 '수강 가능 연령' 툴팁 */
.age-grade-badge .age-tip {
  display: none;
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 0;
  white-space: nowrap;
  background: #333333;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  padding: 0.6rem 1rem;
  border-radius: 0.4rem;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.25);
  z-index: 30;
}

.age-grade-badge .age-tip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 1.4rem;
  border: 0.5rem solid transparent;
  border-bottom-color: #333333;
}

.age-grade-badge:hover .age-tip {
  display: block;
}

/* 서브페이지 */
.contents .lec_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(29rem, 1fr));
  gap: clamp(2rem, 2vw, 4rem);
}
.contents .lec_grid .grid_item .lec_info:has(button) {
  min-height: 21rem;
  justify-content: space-between;
}
.contents .lec_grid .grid_item .lec_info:has(button) button {
  margin-top: auto;
  position: relative;
  z-index: 1;
}
.contents .lec_grid .grid_item .lec_info .info_prg p {
  color: #25242d;
  font-weight: 500;
  display: flex;
  gap: 0.4rem;
}
.contents .lec_grid .grid_item .lec_info .info_prg > span {
  display: block;
  width: 100%;
  height: 6px;
  background: #f7f7fc;
  margin-top: 0.4rem;
  border-radius: 10rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.contents .lec_grid .grid_item .lec_info .info_prg > span span {
  display: block;
  height: 100%;
  background: #3060ff;
}
.contents .event_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(39rem, 1fr));
  gap: clamp(2rem, 2vw, 4rem);
}
/* 서브페이지 - 게시판 목록 표(공지사항·1:1문의·자료실) — .hold_table */
.tb-line-m.hold_table table {
  min-width: 74rem;
}

/* 서브페이지 - 교육과정 안내 */
#wrap:has(.subEduGuide) .contents {
  padding-bottom: 0 !important;
}

.subEduGuide {
  padding-bottom: 0 !important;
}
.subEduGuide .eg_head {
  background: url("../img/sub/edu_guide_bg.png") no-repeat center center/cover;
}
.subEduGuide .eg_head .eg_inner {
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 8rem 0;
}
@media screen and (max-width: 1024px) {
  .subEduGuide .eg_head .eg_inner {
    padding: 6rem 0;
  }
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_inner {
    padding: 4rem 0;
  }
}
.subEduGuide .eg_head .eg_inner .copy {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  word-break: keep-all;
}
.subEduGuide .eg_head .eg_inner .copy em {
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-weight: 500;
  color: #3060ff;
  display: block;
  margin-bottom: 1rem;
}
.subEduGuide .eg_head .eg_inner .copy h2 {
  font-size: clamp(4.6rem, 6.25vw, 6.4rem);
  font-weight: 700;
  font-family: "Paperlogy", sans-serif;
  color: #3b3844;
  line-height: 1;
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_inner .copy h2 {
    line-height: 1.25;
    font-size: clamp(3.6rem, 4.6875vw, 4.8rem);
  }
}
.subEduGuide .eg_head .eg_inner .copy h2 strong {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #3060ff;
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_inner .copy h2 strong {
    display: block;
  }
}
.subEduGuide .eg_head .eg_inner .copy p {
  font-size: clamp(2.2rem, 2.5391vw, 2.6rem);
  font-weight: 600;
  color: #3b3844;
}
.subEduGuide .eg_head .eg_inner .copy span {
  display: block;
  color: #7a7588;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_inner .copy span br {
    display: none;
  }
}
.subEduGuide .eg_head .eg_inner ul {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 1500px) {
  .subEduGuide .eg_head .eg_inner ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_inner ul {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 2.4rem;
  }
}
.subEduGuide .eg_head .eg_inner ul li {
  padding: 3rem 5rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  border-radius: 1rem;
  background: #ffffff;
  border: 0.1rem solid #dbe4ff;
  flex-basis: 100%;
  word-break: keep-all;
}
@media screen and (max-width: 1500px) {
  .subEduGuide .eg_head .eg_inner ul li {
    padding: 3rem;
    height: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_inner ul li {
    padding: 2rem;
    gap: 1.6rem;
  }
}
.subEduGuide .eg_head .eg_inner ul li img {
  flex-shrink: 0;
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_inner ul li img {
    width: 3.2rem;
  }
}
.subEduGuide .eg_head .eg_inner ul li dt {
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-weight: 600;
  color: #3060ff;
}
.subEduGuide .eg_head .eg_inner ul li dd {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 400;
  color: #9590a2;
}
.subEduGuide .eg_head .eg_caption {
  background: #3b3844;
  padding: 2rem;
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_caption {
    padding: 1.6rem calc(min(6rem, 6vw) / 2);
  }
}
.subEduGuide .eg_head .eg_caption p {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_caption p {
    align-items: flex-start;
    line-height: 1.4;
    word-break: keep-all;
  }
}
.subEduGuide .eg_head .eg_caption p i {
  width: 2rem;
  aspect-ratio: 1/1;
  display: block;
  flex-shrink: 0;
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_head .eg_caption p i {
    margin-top: 0.2rem;
  }
}
.subEduGuide .eg_head .eg_caption p i {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.62424 0C3.42023 0 0 3.42023 0 7.62424C0 11.8282 3.42023 15.2485 7.62424 15.2485C11.8282 15.2485 15.2485 11.8282 15.2485 7.62424C15.2485 3.42023 11.8282 0 7.62424 0ZM7.62424 3.12594C7.82027 3.12594 8.0119 3.18407 8.17489 3.29298C8.33788 3.40188 8.46492 3.55668 8.53994 3.73779C8.61496 3.9189 8.63459 4.11819 8.59634 4.31045C8.5581 4.50272 8.4637 4.67932 8.32508 4.81794C8.18647 4.95655 8.00986 5.05095 7.8176 5.08919C7.62534 5.12744 7.42605 5.10781 7.24494 5.03279C7.06383 4.95777 6.90903 4.83073 6.80012 4.66774C6.69122 4.50475 6.63309 4.31312 6.63309 4.11709C6.63309 3.85422 6.73751 3.60211 6.92339 3.41624C7.10926 3.23036 7.36137 3.12594 7.62424 3.12594ZM10.064 11.7413H5.48945V10.5214H7.16678V7.16678H5.9469V5.9469H8.38666V10.5214H10.064V11.7413Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.subEduGuide .eg_body {
  background: #f5f7ff;
}
.subEduGuide .eg_body .eb_inner {
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 8rem 0;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 1024px) {
  .subEduGuide .eg_body .eb_inner {
    padding: 6rem 0;
    gap: 3rem;
  }
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_body .eb_inner {
    padding: 4rem 0;
    gap: 2rem;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step {
  padding: 5rem;
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 2rem;
  border: 0.1rem solid #dbe4ff;
  position: relative;
  word-break: keep-all;
}
@media screen and (max-width: 1200px) {
  .subEduGuide .eg_body .eb_inner .edu_step {
    flex-direction: column;
    align-items: stretch;
    gap: 3rem;
  }
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_body .eb_inner .edu_step {
    padding: 3rem 2.4rem;
    gap: 2.4rem;
    border-radius: 1.6rem;
  }
}
@media screen and (max-width: 535px) {
  .subEduGuide .eg_body .eb_inner .edu_step {
    padding: 2.4rem 1.6rem;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step .es_tit {
  min-width: 38rem;
}
@media screen and (max-width: 1200px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_tit {
    min-width: 0;
    position: relative;
    z-index: 1;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step .es_tit em {
  line-height: 1;
  padding: 0.5rem 1rem;
  border-radius: 10rem;
  color: #ffffff;
  background: #3060ff;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  font-weight: 500;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_tit p {
  font-size: clamp(2.6rem, 2.9297vw, 3rem);
  font-weight: 600;
  color: #3b3844;
  font-family: "Paperlogy", sans-serif;
  margin: 1.6rem 0 2rem;
  line-height: 1;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_tit span {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #9590a2;
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_tit span br {
    display: none;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step .es_tit dl {
  margin-top: auto;
  margin-top: 3rem;
  padding: 3rem;
  border-radius: 2rem;
}
@media screen and (max-width: 1200px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_tit dl {
    max-width: 38rem;
  }
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_tit dl {
    max-width: none;
    margin-top: 2rem;
    padding: 2rem;
    border-radius: 1.6rem;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step .es_tit dl {
  border: 0.1rem solid #dbe4ff;
  background: #f5f7ff;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_tit dl dt {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 700;
  color: #3b3844;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_tit dl dt::before {
  content: "";
  display: block;
  width: 1.8rem;
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.4444 7.2H2.55556V13.6C2.55556 14.0418 2.90378 14.4 3.33333 14.4H12.6667C13.0962 14.4 13.4444 14.0418 13.4444 13.6V7.2ZM10.3333 4V3.2H5.66667V4C5.66667 4.44183 5.31844 4.8 4.88889 4.8C4.45933 4.8 4.11111 4.44183 4.11111 4V3.2H3.33333C2.90378 3.2 2.55556 3.55817 2.55556 4V5.6H13.4444V4C13.4444 3.55817 13.0962 3.2 12.6667 3.2H11.8889V4C11.8889 4.44183 11.5407 4.8 11.1111 4.8C10.6816 4.8 10.3333 4.44183 10.3333 4ZM15 13.6C15 14.9255 13.9553 16 12.6667 16H3.33333C2.04467 16 1 14.9255 1 13.6V4C1 2.67452 2.04467 1.6 3.33333 1.6H4.11111V0.8C4.11111 0.358172 4.45933 0 4.88889 0C5.31844 0 5.66667 0.358172 5.66667 0.8V1.6H10.3333V0.8C10.3333 0.358172 10.6816 0 11.1111 0C11.5407 0 11.8889 0.358172 11.8889 0.8V1.6H12.6667C13.9553 1.6 15 2.67452 15 4V13.6Z' fill='%233060ff'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_tit dl dd {
  padding-left: 2.6rem;
  font-size: clamp(2.6rem, 2.9297vw, 3rem);
  font-weight: 600;
  font-family: "Paperlogy", sans-serif;
  color: #3060ff;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ {
  border-left: 0.1rem solid #dbe4ff;
  padding-left: 5rem;
  margin-left: 5rem;
  flex-grow: 1;
}
@media screen and (max-width: 1200px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_organ {
    border-left: 0;
    border-top: 0.1rem solid #dbe4ff;
    padding: 3rem 0 0;
    margin: 0;
  }
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_organ {
    padding-top: 2.4rem;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ p:not(.cau-s, .cau-m) {
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-family: "Paperlogy", sans-serif;
  font-weight: 600;
  margin-bottom: 1rem;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ p:not(.cau-s, .cau-m) span::after {
  content: "·";
  display: inline-block;
  margin: 0 0.6rem;
  color: #ccc9d5;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ p:not(.cau-s, .cau-m) span, .subEduGuide .eg_body .eb_inner .edu_step .es_organ p:not(.cau-s, .cau-m) b {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ p:not(.cau-s, .cau-m) span {
  color: #3b3844;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ p:not(.cau-s, .cau-m) b {
  color: #3060ff;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ ul, .subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 56rem;
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_organ ul, .subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl {
    max-width: none;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ ul li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 1.2rem;
  border-radius: 10rem;
  border: 0.1rem solid #dbe4ff;
  background: #f5f7ff;
  color: #3060ff;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 600;
}
@media screen and (max-width: 535px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_organ ul li {
    align-items: flex-start;
    line-height: 1.4;
    border-radius: 2rem;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ ul li::before {
  content: "";
  width: 1.6rem;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
@media screen and (max-width: 535px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_organ ul li::before {
    margin-top: 0.2rem;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ ul li::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M15.849 7.00256C16.1915 8.68353 15.9474 10.4311 15.1574 11.9539C14.3674 13.4767 13.0792 14.6826 11.5076 15.3705C9.93609 16.0585 8.17621 16.1869 6.52147 15.7343C4.86672 15.2818 3.41714 14.2756 2.41445 12.8836C1.41176 11.4916 0.916585 9.79798 1.01149 8.0851C1.1064 6.37221 1.78565 4.74362 2.93598 3.47093C4.08631 2.19824 5.63818 1.35838 7.33279 1.0914C9.02741 0.824413 10.7623 1.14645 12.2482 2.00381M6.24854 7.7522L8.49854 10.0022L15.9985 2.5022' stroke='%233060FF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center/contain;
  display: block;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl i {
  width: 1.8rem;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl i.ico-cal {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.4444 7.2H2.55556V13.6C2.55556 14.0418 2.90378 14.4 3.33333 14.4H12.6667C13.0962 14.4 13.4444 14.0418 13.4444 13.6V7.2ZM10.3333 4V3.2H5.66667V4C5.66667 4.44183 5.31844 4.8 4.88889 4.8C4.45933 4.8 4.11111 4.44183 4.11111 4V3.2H3.33333C2.90378 3.2 2.55556 3.55817 2.55556 4V5.6H13.4444V4C13.4444 3.55817 13.0962 3.2 12.6667 3.2H11.8889V4C11.8889 4.44183 11.5407 4.8 11.1111 4.8C10.6816 4.8 10.3333 4.44183 10.3333 4ZM15 13.6C15 14.9255 13.9553 16 12.6667 16H3.33333C2.04467 16 1 14.9255 1 13.6V4C1 2.67452 2.04467 1.6 3.33333 1.6H4.11111V0.8C4.11111 0.358172 4.45933 0 4.88889 0C5.31844 0 5.66667 0.358172 5.66667 0.8V1.6H10.3333V0.8C10.3333 0.358172 10.6816 0 11.1111 0C11.5407 0 11.8889 0.358172 11.8889 0.8V1.6H12.6667C13.9553 1.6 15 2.67452 15 4V13.6Z' fill='%233060ff'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl i.ico-way {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.2929 0.292893C13.6834 -0.0976311 14.3166 -0.0976311 14.7071 0.292893L17.7071 3.29289C18.0976 3.68342 18.0976 4.31658 17.7071 4.70711L8.70711 13.7071C8.51957 13.8946 8.26522 14 8 14H5C4.44772 14 4 13.5523 4 13V10C4 9.73478 4.10536 9.48043 4.29289 9.29289L13.2929 0.292893ZM6 10.4142V12H7.58579L15.5858 4L14 2.41421L6 10.4142ZM0 4C0 2.89543 0.895431 2 2 2H7C7.55228 2 8 2.44772 8 3C8 3.55228 7.55228 4 7 4H2V16H14V11C14 10.4477 14.4477 10 15 10C15.5523 10 16 10.4477 16 11V16C16 17.1046 15.1046 18 14 18H2C0.895431 18 0 17.1046 0 16V4Z' fill='%233060ff'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl i.ico-how {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.5019 2.13509C17.8102 2.31401 18 2.64353 18 3V7C19.1848 7 20.2502 7.51635 20.9812 8.33309C21.614 9.0401 22 9.97617 22 11C22 12.0238 21.614 12.9599 20.9812 13.6669C20.2502 14.4836 19.1848 15 18 15V19C18 19.3565 17.8102 19.686 17.5019 19.8649C17.1936 20.0438 16.8134 20.0451 16.5039 19.8682L10 16.1518V21C10 21.5523 9.55228 22 9 22H5C4.44772 22 4 21.5523 4 21V16C2.89543 16 2 15.1046 2 14V8C2 6.89543 2.89543 6 4 6H9.73444L16.5039 2.13176C16.8134 1.9549 17.1936 1.95617 17.5019 2.13509ZM10 14C10.174 14 10.345 14.0454 10.4961 14.1318L16 17.2768V4.72318L10.4961 7.86824C10.345 7.95458 10.174 8 10 8H4V14H10ZM6 16V20H8V16H6ZM18 13C18.5922 13 19.1233 12.7438 19.491 12.3331C19.8083 11.9786 20 11.5129 20 11C20 10.4871 19.8083 10.0214 19.491 9.66691C19.1233 9.25615 18.5922 9 18 9V13Z' fill='%233060ff'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl i.ico-clock {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1449_3132)'%3E%3Cpath d='M14.4 8C14.4 4.46538 11.5346 1.6 8 1.6C4.46538 1.6 1.6 4.46538 1.6 8C1.6 11.5346 4.46538 14.4 8 14.4C11.5346 14.4 14.4 11.5346 14.4 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8Z' fill='%233060ff'/%3E%3Cpath d='M7.2 3.6C7.2 3.15817 7.55817 2.8 8 2.8C8.44183 2.8 8.8 3.15817 8.8 3.6V7.50547L11.5578 8.88438C11.953 9.08197 12.1132 9.56263 11.9156 9.95781C11.718 10.353 11.2374 10.5132 10.8422 10.3156L7.64219 8.71563C7.37116 8.58011 7.2 8.30302 7.2 8V3.6Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1449_3132'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl dl {
  min-height: 6rem;
  border-radius: 100rem;
  display: flex;
  align-items: center;
  gap: 3rem;
  background: #f5f7ff;
  border: 0.1rem solid #dbe4ff;
  padding: 1rem 3rem;
}
@media screen and (max-width: 535px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl dl {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    border-radius: 1.6rem;
    padding: 1.4rem 2rem;
  }
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl dl dt {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 600;
  color: #3b3844;
  min-width: 10rem;
  flex-shrink: 0;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl dl dd {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 600;
  color: #3b3844;
  line-height: 1.4;
}
.subEduGuide .eg_body .eb_inner .edu_step .es_organ .es_dl dl dd strong {
  font-weight: 600;
  color: #3060ff;
  font-family: "Paperlogy", sans-serif;
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
}
.subEduGuide .eg_body .eb_inner .edu_step .es_obj {
  position: absolute;
  right: 5rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1500px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_obj {
    width: min(30%, 36rem);
  }
}
@media screen and (max-width: 1200px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_obj {
    width: min(30%, 26rem);
    top: 5rem;
    transform: none;
  }
}
@media screen and (max-width: 720px) {
  .subEduGuide .eg_body .eb_inner .edu_step .es_obj {
    display: none;
  }
}

/* 서브페이지 - 원격지원 */
.subRemote i.ico-how {
  background: url("../img/sub/ico-how.svg") no-repeat center center/100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8rem;
  height: 8rem;
  top: -4rem;
}
.subRemote i.ico-pro {
  background: url("../img/sub/ico-pro.svg") no-repeat center center/100%;
  display: block;
  margin: 0 auto 3.9rem;
  width: 8rem;
  height: 8rem;
}
.subRemote .obj-rmt01,
.subRemote .obj-rmt02 {
  position: absolute;
  bottom: -15rem;
  z-index: 1;
}
.subRemote .obj-rmt01 {
  left: 5%;
}
.subRemote .obj-rmt02 {
  right: 5%;
}
.subRemote .remote_tit {
  text-align: center;
}
.subRemote .remote_tit em, .subRemote .remote_tit h2 {
  font-family: "TTHakgyoansimTtwimteulR", sans-serif;
}
.subRemote .remote_tit em {
  font-size: 2.4rem;
  display: block;
  width: fit-content;
  position: relative;
  margin: 0 auto;
  min-height: 5rem;
  color: #3b3844;
  text-shadow: -3px -3px 0 #fff, 0 -3px 0 #fff, 3px -3px 0 #fff, 3px 0 0 #fff, 3px 3px 0 #fff, 0 3px 0 #fff, -3px 3px 0 #fff, -3px 0 0 #fff;
  margin-bottom: 2rem;
}
.subRemote .remote_tit em span {
  color: #3060ff;
}
.subRemote .remote_tit em::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: -0.3rem;
  background: url("../img/sub/remote_bubble.svg") no-repeat center/contain;
}
.subRemote .remote_tit h2 {
  font-size: min(11vw, 6rem);
  line-height: 1.1;
}
.subRemote .remote_tit h2 strong {
  font-size: min(12vw, 7rem);
  display: block;
  color: #3060ff;
  line-height: 1.2;
}
.subRemote .remote_tit p {
  font-size: min(3vw, 2.2rem);
  line-height: 1.63;
  color: #7a7588;
  font-weight: 400;
  letter-spacing: -0.088rem;
  margin-top: 2.9rem;
}
.subRemote .remote_how {
  background: #f5f7ff;
  margin-top: 10rem;
}
.subRemote .remote_how .ar_checkList {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
  padding: 5.4rem;
  border-radius: 2rem;
  border: 0.5rem solid #eebd49;
  background: #ffffff;
}
.subRemote .remote_how .ar_checkList ul {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: fit-content;
  margin: 0 auto;
}
.subRemote .remote_how .ar_checkList li {
  color: #3b3844;
  font-size: min(2.8rem, 5.4vw);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.112rem;
  padding-left: 7rem;
  position: relative;
  word-break: keep-all;
  text-wrap: pretty;
}
.subRemote .remote_how .ar_checkList li::before {
  content: "";
  width: 6rem;
  height: 6rem;
  left: 0;
  border-radius: 100rem;
  flex-shrink: 0;
  background: #f7f7fc url("../img/sub/ico-check.svg") no-repeat calc(50% + 0.2rem) 50%/50%;
  position: absolute;
  top: -1rem;
}
.subRemote .remote_pro {
  background: #f7f7fc;
}
.subRemote .remote_pro .remote_step {
  counter-reset: remoteStep 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 6rem 2rem;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 0 23px -13px rgba(0, 0, 0, 0.1490196078);
}
.subRemote .remote_pro .remote_step dl {
  counter-increment: remoteStep;
  position: relative;
  text-align: center;
  width: 100%;
}
.subRemote .remote_pro .remote_step dl:not(:last-child) {
  border-right: 1px solid #f3f3f8;
}
.subRemote .remote_pro .remote_step dl dt {
  font-size: 2.2rem;
  font-weight: 600;
  color: #3b3844;
  letter-spacing: -0.104rem;
  line-height: 1.4;
  margin-bottom: 0.6rem;
}
.subRemote .remote_pro .remote_step dl dt::before {
  content: "STEP" " " "0" counter(remoteStep);
  display: block;
  font-weight: 600;
  color: #3060ff;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  letter-spacing: -0.05rem;
  margin-bottom: 0.4rem;
}
.subRemote .remote_pro .remote_step dl dd {
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  line-height: 1.18;
  letter-spacing: -0.088rem;
  color: #7a7588;
}
.subRemote .remote_pro .remote_step dl:nth-of-type(1)::before {
  content: "";
  display: block;
  width: 15rem;
  height: min(15vw, 11rem);
  margin: 0 auto 2rem;
  background: url("../img/sub/remote_step01.svg") no-repeat center/contain;
}
.subRemote .remote_pro .remote_step dl:nth-of-type(2)::before {
  content: "";
  display: block;
  width: 15rem;
  height: min(15vw, 11rem);
  margin: 0 auto 2rem;
  background: url("../img/sub/remote_step02.svg") no-repeat center/contain;
}
.subRemote .remote_pro .remote_step dl:nth-of-type(3)::before {
  content: "";
  display: block;
  width: 15rem;
  height: min(15vw, 11rem);
  margin: 0 auto 2rem;
  background: url("../img/sub/remote_step03.svg") no-repeat center/contain;
}
.subRemote .remote_pro .remote_step dl:nth-of-type(4)::before {
  content: "";
  display: block;
  width: 15rem;
  height: min(15vw, 11rem);
  margin: 0 auto 2rem;
  background: url("../img/sub/remote_step04.svg") no-repeat center/contain;
}
.subRemote .remote_pro .remote_step dl:nth-of-type(5)::before {
  content: "";
  display: block;
  width: 15rem;
  height: min(15vw, 11rem);
  margin: 0 auto 2rem;
  background: url("../img/sub/remote_step05.svg") no-repeat center/contain;
}

/* 서브페이지 - 교육원소개 */
.sub_intro::before {
  content: "";
  width: 100%;
  height: min(26rem, 10vw);
  background: #f5f7ff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.sec_appeal {
  background: #f5f7ff;
}

.ap_el {
  display: flex;
  text-align: center;
  background: #ffffff;
  padding: min(6rem, 5vw);
}
.ap_el .ap_item {
  width: 100%;
  line-height: 1.4;
}
.ap_el .ap_item:not(:last-child) {
  border-right: 1px solid #f3f3f8;
}
.ap_el .ap_item em {
  color: #3060ff;
  font-size: min(5vw, clamp(1.6rem, 1.7578vw, 1.8rem));
  font-weight: 700;
  display: block;
  margin-bottom: 0.6rem;
}
.ap_el .ap_item p {
  color: #3b3844;
  font-size: min(5.4vw, clamp(2.2rem, 2.5391vw, 2.6rem));
  font-weight: 600;
}
.ap_el .ap_item span {
  color: #7a7588;
  font-size: min(4.5vw, clamp(1.8rem, 1.9531vw, 2rem));
  font-weight: 300;
  rotate: -0.04deg;
}

.ap_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));
  gap: min(4rem, 4vw);
  counter-reset: gridNum 0;
}
.ap_grid:has(.card_item) {
  grid-template-columns: repeat(3, 1fr);
}
.ap_grid .ap_item {
  text-align: center;
  padding: min(5rem, 5vw);
  box-shadow: 0 0 0 1px #f3f3f8 inset;
  border-radius: 1rem;
  opacity: 0;
}
.ap_grid .ap_item i {
  width: min(16rem, 25vw);
  height: min(16rem, 25vw);
  border-radius: 100rem;
  display: block;
  margin: 0 auto 2rem;
}
.ap_grid .ap_item p {
  font-size: clamp(2.2rem, 2.5391vw, 2.6rem);
  color: #7a7588;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 0.6rem;
}
.ap_grid .ap_item p strong {
  font-size: min(7vw, clamp(3.2rem, 3.9063vw, 4rem));
  font-weight: 700;
  display: block;
}
.ap_grid .ap_item span {
  color: clamp(1.8rem, 1.9531vw, 2rem);
  color: #9590a2;
  line-height: 1.3;
  text-wrap: pretty;
  word-break: keep-all;
}
.ap_grid .ap_item:nth-child(1) {
  transition-delay: 100ms;
}
.ap_grid .ap_item:nth-child(1) i {
  background: rgba(28, 119, 195, 0.15) url("../img/sub/ap_icon01.svg") no-repeat 50% 50%/60%;
}
.ap_grid .ap_item:nth-child(1) p strong {
  color: #1C77C3;
}
.ap_grid .ap_item:nth-child(2) {
  transition-delay: 200ms;
}
.ap_grid .ap_item:nth-child(2) i {
  background: rgba(122, 92, 162, 0.15) url("../img/sub/ap_icon02.svg") no-repeat 50% 50%/60%;
}
.ap_grid .ap_item:nth-child(2) p strong {
  color: #7A5CA2;
}
.ap_grid .ap_item:nth-child(3) {
  transition-delay: 300ms;
}
.ap_grid .ap_item:nth-child(3) i {
  background: rgba(226, 178, 75, 0.15) url("../img/sub/ap_icon03.svg") no-repeat 50% 50%/60%;
}
.ap_grid .ap_item:nth-child(3) p strong {
  color: #E2B24B;
}
.ap_grid .ap_item:nth-child(4) {
  transition-delay: 400ms;
}
.ap_grid .ap_item:nth-child(4) i {
  background: rgba(217, 72, 72, 0.15) url("../img/sub/ap_icon04.svg") no-repeat 50% 50%/60%;
}
.ap_grid .ap_item:nth-child(4) p strong {
  color: #D94848;
}
.ap_grid .ap_item:nth-child(5) {
  transition-delay: 500ms;
}
.ap_grid .ap_item:nth-child(5) i {
  background: rgba(37, 142, 120, 0.15) url("../img/sub/ap_icon05.svg") no-repeat 50% 50%/60%;
}
.ap_grid .ap_item:nth-child(5) p strong {
  color: #258E78;
}
.ap_grid .ap_item:nth-child(6) {
  transition-delay: 600ms;
}
.ap_grid .ap_item:nth-child(6) i {
  background: rgba(226, 123, 39, 0.15) url("../img/sub/ap_icon06.svg") no-repeat 50% 50%/60%;
}
.ap_grid .ap_item:nth-child(6) p strong {
  color: #E27B27;
}
.ap_grid .card_item {
  opacity: 0;
  position: relative;
  perspective-origin: center;
  height: 46rem;
  counter-increment: gridNum;
}
.ap_grid .card_item:hover .front {
  transform: rotateY(180deg);
}
.ap_grid .card_item:hover .back {
  transform: rotateY(0deg);
}
.ap_grid .card_item .flip {
  width: 100%;
  height: 100%;
  perspective: 140rem;
}
.ap_grid .card_item .front, .ap_grid .card_item .back {
  padding: min(5rem, 5vw);
  text-align: center;
  box-shadow: 0 0 0 1px #f3f3f8 inset;
  border-radius: 1rem;
  position: absolute;
  backface-visibility: hidden;
  transition: all 800ms;
  transform-style: preserve-3d;
}
.ap_grid .card_item .front {
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #fff;
}
.ap_grid .card_item .front span {
  color: #9590a2;
}
.ap_grid .card_item .back {
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  transform: rotateY(-180deg);
  color: #ffffff;
  background-image: url("../img/sub/ap_card_bg.png");
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ap_grid .card_item .back::before {
  content: "0" counter(gridNum);
  font-size: min(6rem, 30vw);
  font-family: "Paperlogy", sans-serif;
}
.ap_grid .card_item .back p::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.3rem;
  margin: 2rem 0 3rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='3' viewBox='0 0 108 3' fill='none'%3E%3Cpath d='M1.28571 2.59155C1.99579 2.59155 2.57143 2.01141 2.57143 1.29577C2.57143 0.580138 1.99579 0 1.28571 0C0.575634 0 0 0.580138 0 1.29577C0 2.01141 0.575634 2.59155 1.28571 2.59155Z' fill='white'/%3E%3Cpath d='M7.07171 0H5.14314C4.4331 0 3.85742 0.580183 3.85742 1.29577C3.85742 2.01137 4.4331 2.59155 5.14314 2.59155H7.07171C7.78174 2.59155 8.35742 2.01137 8.35742 1.29577C8.35742 0.580183 7.78174 0 7.07171 0Z' fill='white'/%3E%3Cpath d='M102.857 0H100.928C100.218 0 99.6426 0.580183 99.6426 1.29577C99.6426 2.01137 100.218 2.59155 100.928 2.59155H102.857C103.567 2.59155 104.143 2.01137 104.143 1.29577C104.143 0.580183 103.567 0 102.857 0Z' fill='white'/%3E%3Cpath d='M106.713 2.59155C107.424 2.59155 107.999 2.01141 107.999 1.29577C107.999 0.580138 107.424 0 106.713 0C106.003 0 105.428 0.580138 105.428 1.29577C105.428 2.01141 106.003 2.59155 106.713 2.59155Z' fill='white'/%3E%3Cpath d='M96.8921 0H11.1073C10.2983 0 9.64258 0.580183 9.64258 1.29577C9.64258 2.01137 10.2986 2.59155 11.1073 2.59155H96.8918C97.7008 2.59155 98.3565 2.01137 98.3565 1.29577C98.3565 0.580183 97.7005 0 96.8918 0H96.8921Z' fill='white'/%3E%3C/svg%3E") no-repeat center/contain;
}
.ap_grid .card_item .back span {
  line-height: 1.4;
  font-size: clamp(2.2rem, 2.5391vw, 2.6rem);
  word-break: keep-all;
  text-wrap: pretty;
}
.ap_grid .card_item i {
  width: min(16rem, 25vw);
  height: min(16rem, 25vw);
  border-radius: 100rem;
  display: block;
  margin: 0 auto 2rem;
}
.ap_grid .card_item p {
  font-size: min(7vw, clamp(3.2rem, 3.9063vw, 4rem));
  font-weight: 700;
  display: block;
}
.ap_grid .card_item span {
  line-height: 1.3;
  text-wrap: pretty;
  word-break: keep-all;
  font-size: 2rem;
}
.ap_grid .card_item:nth-child(1) .front p {
  color: #1C77C3;
}
.ap_grid .card_item:nth-child(1) .back {
  background-color: #1c77c3;
}
.ap_grid .card_item:nth-child(1) {
  transition-delay: 100ms;
}
.ap_grid .card_item:nth-child(1) i {
  background: rgba(28, 119, 195, 0.15) url("../img/sub/card_icon01.svg") no-repeat 50% 50%/60%;
}
.ap_grid .card_item:nth-child(2) .front p {
  color: #28A991;
}
.ap_grid .card_item:nth-child(2) .back {
  background-color: #28a991;
}
.ap_grid .card_item:nth-child(2) {
  transition-delay: 200ms;
}
.ap_grid .card_item:nth-child(2) i {
  background: rgba(40, 169, 145, 0.15) url("../img/sub/card_icon02.svg") no-repeat 50% 50%/60%;
}
.ap_grid .card_item:nth-child(3) .front p {
  color: #8762D7;
}
.ap_grid .card_item:nth-child(3) .back {
  background-color: #8762d7;
}
.ap_grid .card_item:nth-child(3) {
  transition-delay: 300ms;
}
.ap_grid .card_item:nth-child(3) i {
  background: rgba(135, 98, 215, 0.15) url("../img/sub/card_icon03.svg") no-repeat 50% 50%/60%;
}

.sec_banner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* 웨이브 배너 */
.wave_banner .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* 에스넷 아카이브란? */
.hrd_qus_wrap {
  width: 100%;
  background: #f7f7fc;
  padding: 5rem;
  border-radius: 7rem;
}

.hrd_qus {
  margin: 0 auto;
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}
.hrd_qus .qus_item {
  display: flex;
  align-items: center;
}
.hrd_qus .qus_item p {
  font-size: 2rem;
  font-family: "Paperlogy", sans-serif;
  font-weight: 400;
  padding: 2rem 4rem;
  background: #ffffff;
  color: #3b3844;
  border-radius: 100rem;
  border-width: 0.4rem;
  border-style: solid;
  border-color: #3b3844;
  position: relative;
  rotate: -0.04deg;
  margin-left: 3rem;
}
.hrd_qus .qus_item p::before, .hrd_qus .qus_item p::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 1rem 1.4rem 1rem 0;
  margin-left: -1.6rem;
}
.hrd_qus .qus_item p::before {
  border-color: transparent #3b3844 transparent transparent;
}
.hrd_qus .qus_item p::after {
  left: 0.6rem;
  border-color: transparent #fff transparent transparent;
}
.hrd_qus .qus_item:nth-of-type(1) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/hrd_face01.svg") no-repeat 50% 50%/65%;
}
.hrd_qus .qus_item:nth-of-type(2) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/hrd_face02.svg") no-repeat 50% 50%/65%;
}
.hrd_qus .qus_item:nth-of-type(3) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/hrd_face03.svg") no-repeat 50% 50%/65%;
}
.hrd_qus .qus_item:nth-of-type(4) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/hrd_face04.svg") no-repeat 50% 50%/65%;
}
.hrd_qus .qus_item:nth-child(odd) p {
  color: #3060ff;
  border-color: #3060ff;
}
.hrd_qus .qus_item:nth-child(odd) p::before {
  border-color: transparent #3060ff transparent transparent;
}
.hrd_qus .qus_item i {
  flex-shrink: 0;
}

.hrd_pro {
  border-top: 1px solid #f3f3f8;
}
.hrd_pro .sec_body {
  position: relative;
}
.hrd_pro .hrd_pro_slide {
  overflow: hidden;
  text-align: center;
  position: relative;
}
.hrd_pro .hrd_pro_slide::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #eee;
  position: absolute;
  left: 0;
  top: 50%;
}
.hrd_pro .hrd_pro_slide .swiper-slide dl {
  position: relative;
  margin-top: 4rem;
}
.hrd_pro .hrd_pro_slide .swiper-slide dl dt {
  font-size: 2.8rem;
  font-weight: 600;
  color: #3b3844;
}
.hrd_pro .hrd_pro_slide .swiper-slide dl dd {
  font-size: 2rem;
  font-weight: 400;
  color: #7a7588;
  line-height: 1.3;
}
.hrd_pro .hrd_pro_slide .swiper-slide dl dd {
  word-break: keep-all;
  text-wrap: balance;
}
.hrd_pro .hrd_pro_slide .swiper-slide dl dd li {
  position: relative;
}
.hrd_pro .hrd_pro_slide .swiper-slide dl dd li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #7a7588;
  border-radius: 5rem;
  position: absolute;
  top: 1.1rem;
  left: auto;
  margin-left: -0.8rem;
  word-break: keep-all;
  text-wrap: balance;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(1) dl::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  background: #F5A221;
  left: 50%;
  transform: translateX(-50%);
  top: -2.2rem;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(1) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/pro_icon01.svg") no-repeat 50% 50%/44%;
  border: 0.6rem solid #F5A221;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(2) dl::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  background: #F05786;
  left: 50%;
  transform: translateX(-50%);
  top: -2.2rem;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(2) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/pro_icon02.svg") no-repeat 50% 50%/44%;
  border: 0.6rem solid #F05786;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(3) dl::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  background: #27A687;
  left: 50%;
  transform: translateX(-50%);
  top: -2.2rem;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(3) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/pro_icon03.svg") no-repeat 50% 50%/44%;
  border: 0.6rem solid #27A687;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(4) dl::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  background: #46B4BE;
  left: 50%;
  transform: translateX(-50%);
  top: -2.2rem;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(4) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/pro_icon04.svg") no-repeat 50% 50%/44%;
  border: 0.6rem solid #46B4BE;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(5) dl::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  background: #2A74BB;
  left: 50%;
  transform: translateX(-50%);
  top: -2.2rem;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(5) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/pro_icon05.svg") no-repeat 50% 50%/44%;
  border: 0.6rem solid #2A74BB;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(6) dl::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  background: #865BA6;
  left: 50%;
  transform: translateX(-50%);
  top: -2.2rem;
}
.hrd_pro .hrd_pro_slide .swiper-slide:nth-of-type(6) i::before {
  content: "";
  display: block;
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7) url("../img/sub/pro_icon06.svg") no-repeat 50% 50%/44%;
  border: 0.6rem solid #865BA6;
}
.hrd_pro .hrd_pro_arrow {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.hrd_pro .hrd_pro_arrow .swiper-button-next, .hrd_pro .hrd_pro_arrow .swiper-button-prev {
  position: absolute;
  top: 62.5%;
}
.hrd_pro .hrd_pro_arrow .swiper-button-next::after, .hrd_pro .hrd_pro_arrow .swiper-button-prev::after {
  content: none;
}
.hrd_pro .hrd_pro_arrow .swiper-button-prev {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath d='M7.19196 0.334739C7.63827 -0.11158 8.36173 -0.11158 8.80804 0.334739C9.25436 0.781057 9.25436 1.50451 8.80804 1.95083L2.75887 8L8.80804 14.0492C9.25436 14.4955 9.25436 15.2189 8.80804 15.6653C8.36173 16.1116 7.63827 16.1116 7.19196 15.6653L0.334739 8.80804C-0.11158 8.36173 -0.11158 7.63827 0.334739 7.19196L7.19196 0.334739Z' fill='%237a7588'/%3E%3C/svg%3E") no-repeat center center/contain;
  /* 구 arrow--prev → getIcon 대체(테두리·hover 없음) */
  left: 0;
}
.hrd_pro .hrd_pro_arrow .swiper-button-next {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'%3E%3Cpath d='M1.92036 0.334739C1.48101 -0.11158 0.768859 -0.11158 0.329511 0.334739C-0.109837 0.781057 -0.109837 1.50451 0.329511 1.95083L6.28421 8L0.329511 14.0492C-0.109837 14.4955 -0.109837 15.2189 0.329511 15.6653C0.768859 16.1116 1.48101 16.1116 1.92036 15.6653L8.67049 8.80804C9.10984 8.36173 9.10984 7.63827 8.67049 7.19196L1.92036 0.334739Z' fill='%237a7588'/%3E%3C/svg%3E") no-repeat center center/contain;
  /* 구 arrow--next → getIcon 대체(테두리·hover 없음) */
  right: 0;
}

.hrd_policy {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50rem, 1fr));
  gap: 4rem;
}
.hrd_policy .policy_item {
  padding: min(6rem, 5vw);
  border-radius: 0.4rem;
}
.hrd_policy .policy_item dl dt {
  font-size: min(3rem, 6vw);
  font-weight: 700;
  color: #3b3844;
  line-height: 1.2;
}
.hrd_policy .policy_item dl dd {
  font-size: min(1.8rem, 3vw);
  font-weight: 300;
  color: #7a7588;
  margin-top: min(1.2rem, 2vw);
}
.hrd_policy .policy_item dl dd b {
  color: #3b3844;
  font-weight: 600;
}
.hrd_policy .policy_item:nth-of-type(1) {
  background: #ffffff url("../img/sub/plc_icon01.png") no-repeat right 5% center/24%;
}
.hrd_policy .policy_item:nth-of-type(2) {
  background: #ffffff url("../img/sub/plc_icon02.png") no-repeat right 5% center/24%;
}
.hrd_policy .policy_item:nth-of-type(3) {
  background: #ffffff url("../img/sub/plc_icon03.png") no-repeat right 5% center/24%;
}
.hrd_policy .policy_item:nth-of-type(4) {
  background: #ffffff url("../img/sub/plc_icon04.png") no-repeat right 5% center/24%;
}

.hrd_caution {
  font-size: 2rem;
  color: #9590a2;
  padding-top: 2rem;
}
.hrd_caution b {
  color: #3b3844;
  font-weight: 600;
}

/* 개인정보처리방침 · 이용약관 (views/sample/policy.html, terms.html)
   구 모바일 사이트(sub-policy / sub-use)를 옮겨 온 화면. 옛 css 는 vw 단위·전용 폰트 크기로 짜여 있어
   PC 에서 글자가 튀므로 여기서는 공통 폰트 토큰($ft-bd-m 기반)과 board.css 의 표(.tb-grid-m)만 쓴다.
   두 화면이 한 규격을 공유한다 — 왼쪽 목차(.policy_nav) + 본문(.policy_body), 본문 안은 조·장 단위 .policy_sec.
   목차의 .on 은 policy.js 가 스크롤 위치로 옮기고, 헤더 높이(--header-h)도 같은 스크립트가 잰다. */
.sub_policy {
  --header-h: 20rem;
  --policy-gap: clamp(3rem, 5vw, 8rem);
}
.sub_policy .policy_layout {
  display: grid;
  grid-template-columns: 24rem minmax(0, 1fr);
  gap: var(--policy-gap);
  align-items: start;
}
.sub_policy .policy_body {
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 5vw, 7rem);
}
.sub_policy .policy_nav {
  position: sticky;
  top: calc(var(--header-h) + 2rem);
  transition: top 300ms ease-in-out;
}
.sub_policy .policy_nav .nav_tit {
  display: block;
  margin-bottom: 1.2rem;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  font-weight: 600;
  color: #9590a2;
  letter-spacing: 0.04em;
}
.sub_policy .policy_nav ul {
  display: flex;
  flex-direction: column;
}
.sub_policy .policy_nav li a {
  display: block;
  padding: 1rem 1.4rem;
  border-left: 0.2rem solid #e0dfe8;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  line-height: 1.4;
  color: #7a7588;
  word-break: keep-all;
  transition: all 300ms ease-in-out;
}
.sub_policy .policy_nav li a:hover {
  color: #3b3844;
  border-color: #aea9ba;
}
.sub_policy .policy_nav li.on a {
  color: #3060ff;
  border-color: #3060ff;
  font-weight: 600;
}
.sub_policy .policy_intro {
  padding: clamp(2rem, 3vw, 3.2rem) clamp(2rem, 3vw, 4rem);
  background: #f7f7fc;
  border-left: 0.4rem solid #3060ff;
  border-radius: 0 0.8rem 0.8rem 0;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  line-height: 1.7;
  color: #3b3844;
  word-break: keep-all;
  text-wrap: pretty;
}
.sub_policy .policy_labels > strong {
  display: block;
  margin-bottom: 1.2rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 600;
  color: #3b3844;
}
.sub_policy .policy_labels .label_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  gap: 1.2rem;
}
.sub_policy .policy_labels .label_grid > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem 1rem;
  border: 0.1rem solid #e0dfe8;
  border-radius: 0.8rem;
  text-align: center;
  transition: all 300ms ease-in-out;
}
.sub_policy .policy_labels .label_grid > a span {
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  font-weight: 600;
  color: #3b3844;
  line-height: 1.3;
  word-break: keep-all;
  text-wrap: balance;
}
.sub_policy .policy_labels .label_grid > a:hover {
  border-color: #3060ff;
  background: #f5f7ff;
}
.sub_policy .policy_ico {
  display: block;
  flex-shrink: 0;
  width: 5.2rem;
  aspect-ratio: 1/1;
  background: url() no-repeat center center/contain;
}
.sub_policy .policy_ico.ico-1 {
  background-image: url("../img/sub/policy_ico_01.svg");
}
.sub_policy .policy_ico.ico-2 {
  background-image: url("../img/sub/policy_ico_02.svg");
}
.sub_policy .policy_ico.ico-3 {
  background-image: url("../img/sub/policy_ico_03.svg");
}
.sub_policy .policy_ico.ico-4 {
  background-image: url("../img/sub/policy_ico_04.svg");
}
.sub_policy .policy_ico.ico-5 {
  background-image: url("../img/sub/policy_ico_05.svg");
}
.sub_policy .policy_ico.ico-6 {
  background-image: url("../img/sub/policy_ico_06.svg");
}
.sub_policy .policy_ico.ico-7 {
  background-image: url("../img/sub/policy_ico_07.svg");
}
.sub_policy .policy_sec {
  scroll-margin-top: calc(var(--header-h) + 2rem);
}
.sub_policy .policy_sec + .sub_policy .policy_sec {
  padding-top: clamp(3rem, 4vw, 5rem);
  border-top: 0.1rem solid #e0dfe8;
}
.sub_policy .policy_sec > h3 {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 2rem;
  font-size: clamp(2.2rem, 2.5391vw, 2.6rem);
  font-family: "Paperlogy", sans-serif;
  font-weight: 600;
  color: #3b3844;
  line-height: 1.3;
  word-break: keep-all;
  text-wrap: balance;
}
.sub_policy .policy_sec > h3 em {
  flex-shrink: 0;
  padding: 0.4rem 1rem;
  border-radius: 100rem;
  background: #ebf0ff;
  color: #3060ff;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  font-family: "Pretendard", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1;
}
.sub_policy .policy_sec > h3 .policy_ico {
  width: 3.6rem;
  margin-left: auto;
}
.sub_policy .policy_text {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  line-height: 1.7;
  color: #656171;
  word-break: keep-all;
  text-wrap: pretty;
}
.sub_policy .policy_text h4 {
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  font-weight: 600;
  color: #3b3844;
  line-height: 1.4;
}
.sub_policy .policy_text h4 + p {
  margin-top: -1rem;
}
.sub_policy .policy_text b, .sub_policy .policy_text strong {
  font-weight: 600;
  color: #3b3844;
}
.sub_policy .policy_text .policy_note {
  display: flex;
  gap: 0.4rem;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #8d869b;
  line-height: 1.6;
}
.sub_policy .policy_text .policy_note::before {
  content: "※";
  flex-shrink: 0;
}
.sub_policy .policy_text [class^=tb-grid-] table {
  width: 100%;
  min-width: 56rem;
}
.sub_policy .policy_text [class^=tb-grid-] tbody td {
  padding: 1.2rem 1.6rem;
  height: auto;
  line-height: 1.6;
  word-break: keep-all;
  text-wrap: pretty;
}
.sub_policy .policy_text [class^=tb-grid-] tbody td:first-child {
  font-weight: 600;
  color: #3b3844;
}
.sub_policy .policy_list {
  counter-reset: policy-l1;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.sub_policy .policy_list > li {
  counter-increment: policy-l1;
  position: relative;
  padding-left: 2.8rem;
}
.sub_policy .policy_list > li::before {
  content: counter(policy-l1);
  position: absolute;
  left: 0;
  top: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  aspect-ratio: 1/1;
  border-radius: 100rem;
  border: 0.1rem solid #aea9ba;
  color: #7a7588;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
}
.sub_policy .policy_list ol {
  counter-reset: policy-l2;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 0.8rem;
}
.sub_policy .policy_list ol > li {
  counter-increment: policy-l2;
  position: relative;
  padding-left: 2rem;
}
.sub_policy .policy_list ol > li::before {
  content: counter(policy-l2) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #7a7588;
  font-weight: 600;
}
.sub_policy .policy_list ul {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.6rem;
}
.sub_policy .policy_list ul > li {
  position: relative;
  padding-left: 1.4rem;
  color: #7a7588;
}
.sub_policy .policy_list ul > li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
.sub_policy .policy_list dl {
  margin-top: 0.8rem;
}
.sub_policy .policy_list dl dt {
  font-weight: 600;
  color: #3b3844;
}
.sub_policy .policy_list dl dd + dt {
  margin-top: 0.8rem;
}
.sub_policy .policy_list .policy_note {
  margin-top: 0.4rem;
}
.sub_policy .policy_terms {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.sub_policy .policy_terms > dl dt {
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  font-weight: 600;
  color: #3b3844;
  line-height: 1.4;
  margin-bottom: 0.6rem;
}
.sub_policy .policy_terms > dl dd {
  color: #656171;
}
.sub_policy .policy_foot {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #7a7588;
  line-height: 1.6;
}
.sub_policy .policy_foot b {
  color: #3b3844;
  font-weight: 600;
}

/* 찾아오시는길 */
.mapArea {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}
.mapArea .company {
  padding: min(3rem, 6vw);
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #e0dfe8 inset;
  border-radius: 1rem;
}
.mapArea .company .cp-map {
  border-radius: 0.4rem;
  overflow: hidden;
  border: 1px solid #f3f3f8;
}
.mapArea .company .cp-tit {
  font-size: max(1.25vw, 2.4rem);
  font-weight: 600;
  rotate: -0.04deg;
  color: #3b3844;
  margin-bottom: min(1.4rem, 3vw);
}
.mapArea .company .cp-info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 3rem 0 4rem;
}
.mapArea .company .cp-info dl {
  padding-left: 6.4rem;
  position: relative;
}
.mapArea .company .cp-info dl::before {
  content: "";
  width: 5rem;
  height: 5rem;
  background: url() no-repeat 0 0/100%;
  position: absolute;
  left: 0;
  top: -0.4rem;
}
.mapArea .company .cp-info dl.if-add::before {
  background-image: url("../img/sub/if-add.svg");
}
.mapArea .company .cp-info dl.if-tel::before {
  background-image: url("../img/sub/if-tel.svg");
}
.mapArea .company .cp-info dl.if-fax::before {
  background-image: url("../img/sub/if-fax.svg");
}
.mapArea .company .cp-info dl dt {
  color: #3b3844;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 0.4rem;
}
.mapArea .company .cp-info dl dd {
  color: #7a7588;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  rotate: 0.04deg;
  word-break: keep-all;
  text-wrap: pretty;
}
.mapArea .company .cp-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.mapArea .company .cp-btn a {
  display: block;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  height: 5rem;
  padding: 0 3rem;
  justify-content: center;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}
.mapArea .company .cp-btn a i {
  display: block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.6rem;
  background: url() no-repeat center;
}
.mapArea .company .cp-btn a.bt-kakao {
  background: #FAE100;
  color: #3b3844;
}
.mapArea .company .cp-btn a.bt-kakao i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M13.8608 3.05318L11.4098 4.27934L11.4091 4.27999C11.1302 4.41933 10.8226 4.49198 10.5108 4.49198C10.199 4.49198 9.89136 4.41933 9.61244 4.27999L6.79045 2.86867C6.72079 2.83387 6.6456 2.8116 6.56865 2.80259L6.49078 2.79801C6.38687 2.79801 6.28408 2.82159 6.19111 2.86802L6.19177 2.86867L3.14079 4.39384L3.14079 12.9468L5.59244 11.7206L5.69843 11.6716C5.94843 11.5643 6.21794 11.5086 6.49078 11.5086C6.80262 11.5086 7.11017 11.5813 7.38912 11.7206L10.2111 13.132L10.2824 13.1621C10.3555 13.1885 10.4327 13.2027 10.5108 13.2027C10.6146 13.2027 10.7169 13.1783 10.8098 13.132L13.8608 11.6061L13.8608 3.05318ZM15.2008 11.6068C15.2006 11.8555 15.1314 12.0993 15.0006 12.3108C14.8697 12.5224 14.682 12.6929 14.4595 12.8042L14.4601 12.8048L11.4091 14.33C11.1302 14.4694 10.8226 14.5427 10.5108 14.5427C10.199 14.5426 9.89136 14.47 9.61244 14.3306L6.79045 12.9193C6.69745 12.8728 6.59474 12.8486 6.49078 12.8486C6.38687 12.8486 6.28408 12.8722 6.19111 12.9187L6.19177 12.9193L3.74012 14.1455C3.53564 14.2476 3.30761 14.296 3.07928 14.2855C2.85098 14.275 2.62906 14.2063 2.43479 14.0859C2.24044 13.9655 2.07991 13.7971 1.96894 13.5972C1.85798 13.3972 1.80023 13.1722 1.80079 12.9435L1.80079 4.39384L1.80405 4.30028C1.81925 4.08413 1.88653 3.87422 2.00099 3.68916C2.1318 3.47772 2.31908 3.30703 2.54144 3.19582L5.59244 1.67L5.69843 1.62093C5.94843 1.51368 6.21794 1.45801 6.49078 1.45801L6.60724 1.46128C6.87892 1.47705 7.14497 1.54801 7.38912 1.67L10.2111 3.08132L10.2824 3.11142C10.3555 3.13791 10.4327 3.15198 10.5108 3.15198C10.6146 3.15198 10.7169 3.12763 10.8098 3.08132L13.2615 1.85517H13.2621L13.3393 1.81918C13.5229 1.74163 13.7218 1.70607 13.9216 1.71515C14.1499 1.72555 14.3719 1.79381 14.5661 1.91406C14.7604 2.03434 14.9209 2.20249 15.032 2.40216C15.1429 2.6016 15.2009 2.82631 15.2008 3.0545L15.2008 11.6068Z' fill='%23333'/%3E%3Cpath d='M9.83203 13.8675L9.83203 3.81746C9.83203 3.44743 10.132 3.14746 10.502 3.14746C10.8721 3.14746 11.172 3.44743 11.172 3.81746L11.172 13.8675C11.172 14.2375 10.8721 14.5375 10.502 14.5375C10.132 14.5375 9.83203 14.2375 9.83203 13.8675Z' fill='%23333'/%3E%3Cpath d='M5.83203 12.1819L5.83203 2.13191C5.83203 1.76189 6.132 1.46191 6.50203 1.46191C6.87206 1.46191 7.17203 1.76189 7.17203 2.13191L7.17203 12.1819C7.17203 12.552 6.87206 12.8519 6.50203 12.8519C6.132 12.8519 5.83203 12.552 5.83203 12.1819Z' fill='%23333'/%3E%3C/svg%3E");
}
.mapArea .company .cp-btn a.bt-kakao:hover {
  background: rgb(234.7, 211.23, 0);
}
.mapArea .company .cp-btn a.bt-naver {
  background: #00C73C;
  color: #ffffff;
}
.mapArea .company .cp-btn a.bt-naver i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M13.8608 3.05318L11.4098 4.27934L11.4091 4.27999C11.1302 4.41933 10.8226 4.49198 10.5108 4.49198C10.199 4.49198 9.89136 4.41933 9.61244 4.27999L6.79045 2.86867C6.72079 2.83387 6.6456 2.8116 6.56865 2.80259L6.49078 2.79801C6.38687 2.79801 6.28408 2.82159 6.19111 2.86802L6.19177 2.86867L3.14079 4.39384L3.14079 12.9468L5.59244 11.7206L5.69843 11.6716C5.94843 11.5643 6.21794 11.5086 6.49078 11.5086C6.80262 11.5086 7.11017 11.5813 7.38912 11.7206L10.2111 13.132L10.2824 13.1621C10.3555 13.1885 10.4327 13.2027 10.5108 13.2027C10.6146 13.2027 10.7169 13.1783 10.8098 13.132L13.8608 11.6061L13.8608 3.05318ZM15.2008 11.6068C15.2006 11.8555 15.1314 12.0993 15.0006 12.3108C14.8697 12.5224 14.682 12.6929 14.4595 12.8042L14.4601 12.8048L11.4091 14.33C11.1302 14.4694 10.8226 14.5427 10.5108 14.5427C10.199 14.5426 9.89136 14.47 9.61244 14.3306L6.79045 12.9193C6.69745 12.8728 6.59474 12.8486 6.49078 12.8486C6.38687 12.8486 6.28408 12.8722 6.19111 12.9187L6.19177 12.9193L3.74012 14.1455C3.53564 14.2476 3.30761 14.296 3.07928 14.2855C2.85098 14.275 2.62906 14.2063 2.43479 14.0859C2.24044 13.9655 2.07991 13.7971 1.96894 13.5972C1.85798 13.3972 1.80023 13.1722 1.80079 12.9435L1.80079 4.39384L1.80405 4.30028C1.81925 4.08413 1.88653 3.87422 2.00099 3.68916C2.1318 3.47772 2.31908 3.30703 2.54144 3.19582L5.59244 1.67L5.69843 1.62093C5.94843 1.51368 6.21794 1.45801 6.49078 1.45801L6.60724 1.46128C6.87892 1.47705 7.14497 1.54801 7.38912 1.67L10.2111 3.08132L10.2824 3.11142C10.3555 3.13791 10.4327 3.15198 10.5108 3.15198C10.6146 3.15198 10.7169 3.12763 10.8098 3.08132L13.2615 1.85517H13.2621L13.3393 1.81918C13.5229 1.74163 13.7218 1.70607 13.9216 1.71515C14.1499 1.72555 14.3719 1.79381 14.5661 1.91406C14.7604 2.03434 14.9209 2.20249 15.032 2.40216C15.1429 2.6016 15.2009 2.82631 15.2008 3.0545L15.2008 11.6068Z' fill='white'/%3E%3Cpath d='M9.83203 13.8675L9.83203 3.81746C9.83203 3.44743 10.132 3.14746 10.502 3.14746C10.8721 3.14746 11.172 3.44743 11.172 3.81746L11.172 13.8675C11.172 14.2375 10.8721 14.5375 10.502 14.5375C10.132 14.5375 9.83203 14.2375 9.83203 13.8675Z' fill='white'/%3E%3Cpath d='M5.83203 12.1819L5.83203 2.13191C5.83203 1.76189 6.132 1.46191 6.50203 1.46191C6.87206 1.46191 7.17203 1.76189 7.17203 2.13191L7.17203 12.1819C7.17203 12.552 6.87206 12.8519 6.50203 12.8519C6.132 12.8519 5.83203 12.552 5.83203 12.1819Z' fill='white'/%3E%3C/svg%3E");
}
.mapArea .company .cp-btn a.bt-naver:hover {
  background: rgb(0, 183.7, 55.3869346734);
}

/* 서브페이지 - 마이페이지 */
/* 서브페이지 - 마이페이지 목록형(표) */
.sub_mypage > section > .sec_cont .tb-line-m td [class^=lb-], .sub_mypage > section > .sec_cont .tb-line-m td [class^=bt-] {
  display: inline-flex;
}
.sub_mypage > section > .sec_cont .tb-line-m .tb_name {
  text-align: left;
}
.sub_mypage > section > .sec_cont .tb-line-m .tb_name a {
  color: #3b3844;
  font-weight: 600;
}
.sub_mypage > section > .sec_cont .tb-line-m .tb_name a:hover {
  color: #3060ff;
  text-decoration: underline;
}
.sub_mypage > section > .sec_cont .tb-line-m .tb_rate {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sub_mypage > section > .sec_cont .tb-line-m .tb_rate [class^=pg-] {
  flex-grow: 1;
  min-width: 6rem;
}
.sub_mypage > section > .sec_cont .tb-line-m .tb_rate span {
  flex-shrink: 0;
  width: 4.4rem;
  text-align: right;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #7a7588;
  font-weight: 400;
}
.sub_mypage > section > .sec_cont > [class^=cau-] {
  margin-bottom: 2rem;
}
.sub_mypage > section > .sec_cont .mod_form input[readonly] {
  background: #f7f7fc;
  border-color: #e0dfe8;
  color: #9590a2;
}
.sub_mypage > section > .sec_cont .mod_form input[readonly]:hover {
  background: #f7f7fc;
  border-color: #e0dfe8;
}
.sub_mypage > section > .sec_cont .mod_form .mod_sec {
  padding: 3rem;
  border: 0.1rem solid #e0dfe8;
  border-radius: 0.8rem;
  background: #ffffff;
}
.sub_mypage > section > .sec_cont .mod_form .mod_sec + .mod_sec {
  margin-top: 2rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_sec > h3 {
  padding-bottom: 1.6rem;
  margin-bottom: 2.4rem;
  border-bottom: 0.1rem solid #e0dfe8;
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-weight: 600;
  color: #3b3844;
}
.sub_mypage > section > .sec_cont .mod_form .mod_basic {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_photo {
  flex-shrink: 0;
  width: 18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub_mypage > section > .sec_cont .mod_form .mod_photo .ph_tit {
  align-self: stretch;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 600;
  color: #3b3844;
}
.sub_mypage > section > .sec_cont .mod_form .mod_photo .ph_view {
  margin-top: 2rem;
  width: 12rem;
  aspect-ratio: 1/1;
  border-radius: 100rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f8;
}
.sub_mypage > section > .sec_cont .mod_form .mod_photo .ph_view i {
  width: 5rem;
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.4733 8.47338C11.1269 7.95915 11.604 7.25399 11.8382 6.456C12.0723 5.65802 12.0519 4.80689 11.7799 4.02102C11.5078 3.23516 10.9975 2.55364 10.32 2.07128C9.64259 1.58892 8.83163 1.32971 8 1.32971C7.16836 1.32971 6.35741 1.58892 5.67995 2.07128C5.00249 2.55364 4.49223 3.23516 4.22014 4.02102C3.94805 4.80689 3.92767 5.65802 4.16184 6.456C4.396 7.25399 4.87307 7.95915 5.52666 8.47338C4.40672 8.92207 3.42952 9.66628 2.69926 10.6267C1.969 11.587 1.51304 12.7276 1.38 13.9267C1.37037 14.0143 1.37808 14.1028 1.40268 14.1874C1.42729 14.272 1.46831 14.3509 1.52341 14.4196C1.63468 14.5584 1.79652 14.6473 1.97333 14.6667C2.15014 14.6862 2.32744 14.6346 2.46621 14.5233C2.60499 14.412 2.69388 14.2502 2.71333 14.0734C2.85972 12.7702 3.48112 11.5666 4.45881 10.6926C5.4365 9.81856 6.70193 9.3354 8.01333 9.3354C9.32473 9.3354 10.5902 9.81856 11.5679 10.6926C12.5455 11.5666 13.1669 12.7702 13.3133 14.0734C13.3315 14.2372 13.4096 14.3885 13.5327 14.4981C13.6559 14.6076 13.8152 14.6677 13.98 14.6667H14.0533C14.2281 14.6466 14.3878 14.5582 14.4977 14.4209C14.6076 14.2835 14.6587 14.1083 14.64 13.9334C14.5063 12.7308 14.0479 11.5874 13.3139 10.6255C12.5799 9.66366 11.5979 8.9197 10.4733 8.47338V8.47338ZM8 8.00004C7.47258 8.00004 6.95701 7.84365 6.51848 7.55063C6.07995 7.25761 5.73815 6.84114 5.53632 6.35387C5.33449 5.8666 5.28168 5.33042 5.38457 4.81314C5.48746 4.29585 5.74144 3.8207 6.11438 3.44776C6.48732 3.07482 6.96247 2.82084 7.47976 2.71795C7.99704 2.61505 8.53322 2.66786 9.02049 2.8697C9.50776 3.07153 9.92423 3.41332 10.2173 3.85186C10.5103 4.29039 10.6667 4.80596 10.6667 5.33338C10.6667 6.04062 10.3857 6.7189 9.88562 7.21899C9.38552 7.71909 8.70724 8.00004 8 8.00004Z' fill='%23ccc9d5'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.sub_mypage > section > .sec_cont .mod_form .mod_photo .ph_view img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub_mypage > section > .sec_cont .mod_form .mod_photo > label {
  margin-top: 2rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_photo .ph_cau {
  margin-top: 1rem;
  text-align: center;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
  font-weight: 400;
}
.sub_mypage > section > .sec_cont .mod_form + .mod_form {
  margin-top: 2rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list {
  flex-grow: 1;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .cut-flex {
  display: flex;
  gap: 1rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .modCheckBox {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .modCheckBox > span {
  min-height: 4rem;
  display: flex;
  align-items: center;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .modCheckBox .modCheckOther {
  flex-grow: 1;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .modCheckBox .modCheckOther label {
  flex-shrink: 0;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .modAddress {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dl {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  min-height: 4rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dl > dt {
  flex-shrink: 0;
  width: 12rem;
  padding-top: 0.8rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 600;
  color: #3b3844;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dl > dt.imp::after {
  content: "*";
  margin-left: 0.4rem;
  color: #e61e21;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dl > dd {
  flex-grow: 1;
  min-width: 0;
  align-self: center;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd:not(.ip_phone) > select {
  width: 100%;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.checkBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.2rem 2.4rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.ip_phone {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.ip_phone > select {
  flex: 0 0 11rem;
  min-width: 0;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.ip_phone > input {
  flex: 1 1 0;
  min-width: 0;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.ip_phone > span {
  flex-shrink: 0;
  color: #aea9ba;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.ip_pw {
  position: relative;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.ip_pw > input {
  padding-right: 4.4rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.ip_pw .bt_pw {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  translate: 0 -50%;
  width: 2rem;
  aspect-ratio: 1/1;
  cursor: pointer;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_203_26320)'%3E%3Cpath d='M23.2709 9.41886C21.7199 6.89286 18.1919 2.65486 11.9999 2.65486C5.80787 2.65486 2.27987 6.89286 0.728868 9.41886C0.249396 10.1944 -0.00457764 11.0881 -0.00457764 11.9999C-0.00457764 12.9116 0.249396 13.8054 0.728868 14.5809C2.27987 17.1069 5.80787 21.3449 11.9999 21.3449C18.1919 21.3449 21.7199 17.1069 23.2709 14.5809C23.7503 13.8054 24.0043 12.9116 24.0043 11.9999C24.0043 11.0881 23.7503 10.1944 23.2709 9.41886ZM21.5659 13.5339C20.2339 15.6999 17.2189 19.3449 11.9999 19.3449C6.78087 19.3449 3.76587 15.6999 2.43387 13.5339C2.149 13.0729 1.99812 12.5417 1.99812 11.9999C1.99812 11.458 2.149 10.9268 2.43387 10.4659C3.76587 8.29986 6.78087 4.65486 11.9999 4.65486C17.2189 4.65486 20.2339 8.29586 21.5659 10.4659C21.8507 10.9268 22.0016 11.458 22.0016 11.9999C22.0016 12.5417 21.8507 13.0729 21.5659 13.5339Z' fill='%23aea9ba'/%3E%3Cpath d='M11.9998 6.99985C11.0109 6.99985 10.0442 7.29309 9.22194 7.8425C8.39969 8.39191 7.75883 9.1728 7.38039 10.0864C7.00195 11.0001 6.90294 12.0054 7.09586 12.9753C7.28879 13.9452 7.76499 14.8361 8.46425 15.5354C9.16352 16.2346 10.0544 16.7108 11.0243 16.9038C11.9942 17.0967 12.9996 16.9977 13.9132 16.6192C14.8268 16.2408 15.6077 15.5999 16.1571 14.7777C16.7065 13.9555 16.9998 12.9888 16.9998 11.9998C16.9982 10.6743 16.4709 9.40341 15.5336 8.46607C14.5962 7.52873 13.3254 7.00144 11.9998 6.99985ZM11.9998 14.9998C11.4064 14.9998 10.8264 14.8239 10.3331 14.4943C9.83973 14.1646 9.45521 13.6961 9.22815 13.1479C9.00109 12.5997 8.94168 11.9965 9.05743 11.4146C9.17319 10.8326 9.45891 10.2981 9.87847 9.87853C10.298 9.45897 10.8326 9.17325 11.4145 9.05749C11.9965 8.94174 12.5997 9.00115 13.1478 9.22821C13.696 9.45527 14.1646 9.83979 14.4942 10.3331C14.8238 10.8265 14.9998 11.4065 14.9998 11.9998C14.9998 12.7955 14.6837 13.5586 14.1211 14.1212C13.5585 14.6838 12.7954 14.9998 11.9998 14.9998Z' fill='%23aea9ba'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_26320'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.ip_pw .bt_pw[aria-pressed=true] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_203_26320)'%3E%3Cpath d='M23.2709 9.41886C21.7199 6.89286 18.1919 2.65486 11.9999 2.65486C5.80787 2.65486 2.27987 6.89286 0.728868 9.41886C0.249396 10.1944 -0.00457764 11.0881 -0.00457764 11.9999C-0.00457764 12.9116 0.249396 13.8054 0.728868 14.5809C2.27987 17.1069 5.80787 21.3449 11.9999 21.3449C18.1919 21.3449 21.7199 17.1069 23.2709 14.5809C23.7503 13.8054 24.0043 12.9116 24.0043 11.9999C24.0043 11.0881 23.7503 10.1944 23.2709 9.41886ZM21.5659 13.5339C20.2339 15.6999 17.2189 19.3449 11.9999 19.3449C6.78087 19.3449 3.76587 15.6999 2.43387 13.5339C2.149 13.0729 1.99812 12.5417 1.99812 11.9999C1.99812 11.458 2.149 10.9268 2.43387 10.4659C3.76587 8.29986 6.78087 4.65486 11.9999 4.65486C17.2189 4.65486 20.2339 8.29586 21.5659 10.4659C21.8507 10.9268 22.0016 11.458 22.0016 11.9999C22.0016 12.5417 21.8507 13.0729 21.5659 13.5339Z' fill='%233060ff'/%3E%3Cpath d='M11.9998 6.99985C11.0109 6.99985 10.0442 7.29309 9.22194 7.8425C8.39969 8.39191 7.75883 9.1728 7.38039 10.0864C7.00195 11.0001 6.90294 12.0054 7.09586 12.9753C7.28879 13.9452 7.76499 14.8361 8.46425 15.5354C9.16352 16.2346 10.0544 16.7108 11.0243 16.9038C11.9942 17.0967 12.9996 16.9977 13.9132 16.6192C14.8268 16.2408 15.6077 15.5999 16.1571 14.7777C16.7065 13.9555 16.9998 12.9888 16.9998 11.9998C16.9982 10.6743 16.4709 9.40341 15.5336 8.46607C14.5962 7.52873 13.3254 7.00144 11.9998 6.99985ZM11.9998 14.9998C11.4064 14.9998 10.8264 14.8239 10.3331 14.4943C9.83973 14.1646 9.45521 13.6961 9.22815 13.1479C9.00109 12.5997 8.94168 11.9965 9.05743 11.4146C9.17319 10.8326 9.45891 10.2981 9.87847 9.87853C10.298 9.45897 10.8326 9.17325 11.4145 9.05749C11.9965 8.94174 12.5997 9.00115 13.1478 9.22821C13.696 9.45527 14.1646 9.83979 14.4942 10.3331C14.8238 10.8265 14.9998 11.4065 14.9998 11.9998C14.9998 12.7955 14.6837 13.5586 14.1211 14.1212C13.5585 14.6838 12.7954 14.9998 11.9998 14.9998Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_26320'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  width: auto;
  padding: 1.6rem;
  background: #f5f7ff;
  border: 0.1rem solid #cbd7ff;
  border-radius: 0.8rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo [hidden] {
  display: none;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_preview {
  flex-shrink: 0;
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  border: 0.1rem solid #dbe4ff;
  border-radius: 0.6rem;
  background: #ffffff;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_preview > i {
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.4733 8.47338C11.1269 7.95915 11.604 7.25399 11.8382 6.456C12.0723 5.65802 12.0519 4.80689 11.7799 4.02102C11.5078 3.23516 10.9975 2.55364 10.32 2.07128C9.64259 1.58892 8.83163 1.32971 8 1.32971C7.16836 1.32971 6.35741 1.58892 5.67995 2.07128C5.00249 2.55364 4.49223 3.23516 4.22014 4.02102C3.94805 4.80689 3.92767 5.65802 4.16184 6.456C4.396 7.25399 4.87307 7.95915 5.52666 8.47338C4.40672 8.92207 3.42952 9.66628 2.69926 10.6267C1.969 11.587 1.51304 12.7276 1.38 13.9267C1.37037 14.0143 1.37808 14.1028 1.40268 14.1874C1.42729 14.272 1.46831 14.3509 1.52341 14.4196C1.63468 14.5584 1.79652 14.6473 1.97333 14.6667C2.15014 14.6862 2.32744 14.6346 2.46621 14.5233C2.60499 14.412 2.69388 14.2502 2.71333 14.0734C2.85972 12.7702 3.48112 11.5666 4.45881 10.6926C5.4365 9.81856 6.70193 9.3354 8.01333 9.3354C9.32473 9.3354 10.5902 9.81856 11.5679 10.6926C12.5455 11.5666 13.1669 12.7702 13.3133 14.0734C13.3315 14.2372 13.4096 14.3885 13.5327 14.4981C13.6559 14.6076 13.8152 14.6677 13.98 14.6667H14.0533C14.2281 14.6466 14.3878 14.5582 14.4977 14.4209C14.6076 14.2835 14.6587 14.1083 14.64 13.9334C14.5063 12.7308 14.0479 11.5874 13.3139 10.6255C12.5799 9.66366 11.5979 8.9197 10.4733 8.47338V8.47338ZM8 8.00004C7.47258 8.00004 6.95701 7.84365 6.51848 7.55063C6.07995 7.25761 5.73815 6.84114 5.53632 6.35387C5.33449 5.8666 5.28168 5.33042 5.38457 4.81314C5.48746 4.29585 5.74144 3.8207 6.11438 3.44776C6.48732 3.07482 6.96247 2.82084 7.47976 2.71795C7.99704 2.61505 8.53322 2.66786 9.02049 2.8697C9.50776 3.07153 9.92423 3.41332 10.2173 3.85186C10.5103 4.29039 10.6667 4.80596 10.6667 5.33338C10.6667 6.04062 10.3857 6.7189 9.88562 7.21899C9.38552 7.71909 8.70724 8.00004 8 8.00004Z' fill='%23aea9ba'/%3E%3C/svg%3E") no-repeat center/50%;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_preview > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_preview > [hidden] {
  display: none;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_controls {
  min-width: 0;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_buttons button {
  min-width: 9rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .mod_photo_help, .sub_mypage > section > .sec_cont .mod_form .mod_list .mod_photo_status {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #8d869b;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .mod_photo_status.is-error {
  color: #e61e21;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .mod_photo_status:empty {
  display: none;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .file-list dl {
  align-items: center;
  gap: 0.2rem;
  min-height: 0;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .file-list dl > dt {
  width: auto;
  padding-top: 0;
  font-size: 1.4rem;
}
.sub_mypage > section > .sec_cont .mod_form .mod_list .file-list dl > dd {
  flex-grow: 0;
}
.sub_mypage > section > .sec_cont .mod_form .btnArea.f_center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 4rem;
}
.sub_mypage > section > .sec_cont .mod_form .btnArea.f_center a, .sub_mypage > section > .sec_cont .mod_form .btnArea.f_center button {
  min-width: 14rem;
}
@media screen and (max-width: 960px) {
  .sub_mypage > section > .sec_cont .mod_form .mod_sec {
    padding: 2rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_basic {
    flex-direction: column;
    align-items: stretch;
    gap: 2.4rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_photo {
    width: 100%;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list dl {
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list dl > dt {
    width: auto;
    padding-top: 0;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list dl > dd {
    align-self: stretch;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list .cut-flex {
    flex-wrap: wrap;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list .cut-flex > select {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 0;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list .flexBox {
    flex-wrap: nowrap;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list .flexBox > input {
    flex: 1 1 0;
    min-width: 0;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list .flexBox > button, .sub_mypage > section > .sec_cont .mod_form .mod_list .flexBox > a {
    flex-shrink: 0;
  }
  .sub_mypage > section > .sec_cont .mod_form .btnArea.f_center a, .sub_mypage > section > .sec_cont .mod_form .btnArea.f_center button {
    min-width: 12rem;
  }
}
@media screen and (max-width: 720px) {
  .sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_preview {
    width: 9.6rem;
    height: 9.6rem;
  }
}
@media screen and (max-width: 535px) {
  .sub_mypage > section > .sec_cont .mod_form .mod_sec {
    padding: 1.6rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_sec > h3 {
    padding-bottom: 1.2rem;
    margin-bottom: 1.6rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list {
    gap: 1.2rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list .cut-flex > select {
    flex-basis: 100%;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo {
    padding: 1.2rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_controls {
    align-self: stretch;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list dd.mod_photo .mod_photo_buttons button {
    flex: 1 1 0;
    min-width: 0;
  }
  .sub_mypage > section > .sec_cont .mod_form .mod_list dd.checkBox {
    gap: 1rem 1.6rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .btnArea.f_center {
    margin-top: 3rem;
  }
  .sub_mypage > section > .sec_cont .mod_form .btnArea.f_center a, .sub_mypage > section > .sec_cont .mod_form .btnArea.f_center button {
    flex: 1 1 0;
    min-width: 0;
  }
}
.sub_mypage > section > .sec_cont .pw_confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6rem 3rem;
  border: 0.1rem solid #e0dfe8;
  border-radius: 1.2rem;
  background: #ffffff;
  text-align: center;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_ico {
  width: 9rem;
  aspect-ratio: 1/1;
  border-radius: 100rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ebf0ff;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_ico::before {
  content: "";
  width: 3rem;
  height: 3.7rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55_9687)'%3E%3Cpath d='M10.5625 5.6V4C10.5625 1.76 8.775 0 6.5 0C4.225 0 2.4375 1.76 2.4375 4V5.6C1.05625 5.6 0 6.64 0 8V13.6C0 14.96 1.05625 16 2.4375 16H10.5625C11.9438 16 13 14.96 13 13.6V8C13 6.64 11.9438 5.6 10.5625 5.6ZM4.0625 4C4.0625 2.64 5.11875 1.6 6.5 1.6C7.88125 1.6 8.9375 2.64 8.9375 4V5.6H4.0625V4Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_9687'%3E%3Crect width='13' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
}
.sub_mypage > section > .sec_cont .pw_confirm > h3 {
  margin-top: 3rem;
  font-size: clamp(2.2rem, 2.5391vw, 2.6rem);
  font-weight: 600;
  color: #3b3844;
  word-break: keep-all;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_desc {
  margin-top: 1.6rem;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  line-height: 1.6;
  color: #7a7588;
  font-weight: 400;
  word-break: keep-all;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_form {
  width: 100%;
  max-width: 58rem;
  margin-top: 4rem;
  text-align: left;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_form dt {
  margin-bottom: 1rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 600;
  color: #3b3844;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_form dt.imp::after {
  content: "*";
  margin-left: 0.4rem;
  color: #e61e21;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_form dd.ip_pw {
  position: relative;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_form dd.ip_pw > input {
  width: 100%;
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  border-radius: 1rem;
  background: #f7f7fc url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55_9685)'%3E%3Cpath d='M10.5625 5.6H4.0625V4C4.0625 3.36 4.30625 2.8 4.79375 2.32C5.76875 1.36 7.3125 1.36 8.20625 2.32C8.53125 2.64 8.69375 3.04 8.85625 3.44C8.9375 3.84 9.425 4.08 9.83125 4C10.2375 3.92 10.5625 3.44 10.4 3.04C10.2375 2.32 9.83125 1.68 9.34375 1.2C8.6125 0.4 7.55625 0 6.5 0C4.225 0 2.4375 1.76 2.4375 4V5.6C1.05625 5.6 0 6.64 0 8V13.6C0 14.96 1.05625 16 2.4375 16H10.5625C11.9438 16 13 14.96 13 13.6V8C13 6.64 11.9438 5.6 10.5625 5.6ZM7.39375 10.8L7.3125 10.88V12C7.3125 12.48 6.9875 12.8 6.5 12.8C6.0125 12.8 5.6875 12.48 5.6875 12V10.88C5.2 10.4 5.11875 9.68 5.60625 9.2C6.09375 8.72 6.825 8.64 7.3125 9.12C7.8 9.52 7.88125 10.32 7.39375 10.8Z' fill='%23aea9ba'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_9685'%3E%3Crect width='13' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 1.8rem center/1.6rem;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_form dd.ip_pw > input:focus-within, .sub_mypage > section > .sec_cont .pw_confirm .pw_form dd.ip_pw > input:hover {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55_9685)'%3E%3Cpath d='M10.5625 5.6H4.0625V4C4.0625 3.36 4.30625 2.8 4.79375 2.32C5.76875 1.36 7.3125 1.36 8.20625 2.32C8.53125 2.64 8.69375 3.04 8.85625 3.44C8.9375 3.84 9.425 4.08 9.83125 4C10.2375 3.92 10.5625 3.44 10.4 3.04C10.2375 2.32 9.83125 1.68 9.34375 1.2C8.6125 0.4 7.55625 0 6.5 0C4.225 0 2.4375 1.76 2.4375 4V5.6C1.05625 5.6 0 6.64 0 8V13.6C0 14.96 1.05625 16 2.4375 16H10.5625C11.9438 16 13 14.96 13 13.6V8C13 6.64 11.9438 5.6 10.5625 5.6ZM7.39375 10.8L7.3125 10.88V12C7.3125 12.48 6.9875 12.8 6.5 12.8C6.0125 12.8 5.6875 12.48 5.6875 12V10.88C5.2 10.4 5.11875 9.68 5.60625 9.2C6.09375 8.72 6.825 8.64 7.3125 9.12C7.8 9.52 7.88125 10.32 7.39375 10.8Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_9685'%3E%3Crect width='13' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_form dd.ip_pw .bt_pw {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  translate: 0 -50%;
  width: 2rem;
  aspect-ratio: 1/1;
  cursor: pointer;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_203_26320)'%3E%3Cpath d='M23.2709 9.41886C21.7199 6.89286 18.1919 2.65486 11.9999 2.65486C5.80787 2.65486 2.27987 6.89286 0.728868 9.41886C0.249396 10.1944 -0.00457764 11.0881 -0.00457764 11.9999C-0.00457764 12.9116 0.249396 13.8054 0.728868 14.5809C2.27987 17.1069 5.80787 21.3449 11.9999 21.3449C18.1919 21.3449 21.7199 17.1069 23.2709 14.5809C23.7503 13.8054 24.0043 12.9116 24.0043 11.9999C24.0043 11.0881 23.7503 10.1944 23.2709 9.41886ZM21.5659 13.5339C20.2339 15.6999 17.2189 19.3449 11.9999 19.3449C6.78087 19.3449 3.76587 15.6999 2.43387 13.5339C2.149 13.0729 1.99812 12.5417 1.99812 11.9999C1.99812 11.458 2.149 10.9268 2.43387 10.4659C3.76587 8.29986 6.78087 4.65486 11.9999 4.65486C17.2189 4.65486 20.2339 8.29586 21.5659 10.4659C21.8507 10.9268 22.0016 11.458 22.0016 11.9999C22.0016 12.5417 21.8507 13.0729 21.5659 13.5339Z' fill='%23aea9ba'/%3E%3Cpath d='M11.9998 6.99985C11.0109 6.99985 10.0442 7.29309 9.22194 7.8425C8.39969 8.39191 7.75883 9.1728 7.38039 10.0864C7.00195 11.0001 6.90294 12.0054 7.09586 12.9753C7.28879 13.9452 7.76499 14.8361 8.46425 15.5354C9.16352 16.2346 10.0544 16.7108 11.0243 16.9038C11.9942 17.0967 12.9996 16.9977 13.9132 16.6192C14.8268 16.2408 15.6077 15.5999 16.1571 14.7777C16.7065 13.9555 16.9998 12.9888 16.9998 11.9998C16.9982 10.6743 16.4709 9.40341 15.5336 8.46607C14.5962 7.52873 13.3254 7.00144 11.9998 6.99985ZM11.9998 14.9998C11.4064 14.9998 10.8264 14.8239 10.3331 14.4943C9.83973 14.1646 9.45521 13.6961 9.22815 13.1479C9.00109 12.5997 8.94168 11.9965 9.05743 11.4146C9.17319 10.8326 9.45891 10.2981 9.87847 9.87853C10.298 9.45897 10.8326 9.17325 11.4145 9.05749C11.9965 8.94174 12.5997 9.00115 13.1478 9.22821C13.696 9.45527 14.1646 9.83979 14.4942 10.3331C14.8238 10.8265 14.9998 11.4065 14.9998 11.9998C14.9998 12.7955 14.6837 13.5586 14.1211 14.1212C13.5585 14.6838 12.7954 14.9998 11.9998 14.9998Z' fill='%23aea9ba'/%3E%3Cpath d='M2.7 2.7L21.3 21.3' stroke='%23aea9ba' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_26320'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_form dd.ip_pw .bt_pw[aria-pressed=true] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_203_26320)'%3E%3Cpath d='M23.2709 9.41886C21.7199 6.89286 18.1919 2.65486 11.9999 2.65486C5.80787 2.65486 2.27987 6.89286 0.728868 9.41886C0.249396 10.1944 -0.00457764 11.0881 -0.00457764 11.9999C-0.00457764 12.9116 0.249396 13.8054 0.728868 14.5809C2.27987 17.1069 5.80787 21.3449 11.9999 21.3449C18.1919 21.3449 21.7199 17.1069 23.2709 14.5809C23.7503 13.8054 24.0043 12.9116 24.0043 11.9999C24.0043 11.0881 23.7503 10.1944 23.2709 9.41886ZM21.5659 13.5339C20.2339 15.6999 17.2189 19.3449 11.9999 19.3449C6.78087 19.3449 3.76587 15.6999 2.43387 13.5339C2.149 13.0729 1.99812 12.5417 1.99812 11.9999C1.99812 11.458 2.149 10.9268 2.43387 10.4659C3.76587 8.29986 6.78087 4.65486 11.9999 4.65486C17.2189 4.65486 20.2339 8.29586 21.5659 10.4659C21.8507 10.9268 22.0016 11.458 22.0016 11.9999C22.0016 12.5417 21.8507 13.0729 21.5659 13.5339Z' fill='%233060ff'/%3E%3Cpath d='M11.9998 6.99985C11.0109 6.99985 10.0442 7.29309 9.22194 7.8425C8.39969 8.39191 7.75883 9.1728 7.38039 10.0864C7.00195 11.0001 6.90294 12.0054 7.09586 12.9753C7.28879 13.9452 7.76499 14.8361 8.46425 15.5354C9.16352 16.2346 10.0544 16.7108 11.0243 16.9038C11.9942 17.0967 12.9996 16.9977 13.9132 16.6192C14.8268 16.2408 15.6077 15.5999 16.1571 14.7777C16.7065 13.9555 16.9998 12.9888 16.9998 11.9998C16.9982 10.6743 16.4709 9.40341 15.5336 8.46607C14.5962 7.52873 13.3254 7.00144 11.9998 6.99985ZM11.9998 14.9998C11.4064 14.9998 10.8264 14.8239 10.3331 14.4943C9.83973 14.1646 9.45521 13.6961 9.22815 13.1479C9.00109 12.5997 8.94168 11.9965 9.05743 11.4146C9.17319 10.8326 9.45891 10.2981 9.87847 9.87853C10.298 9.45897 10.8326 9.17325 11.4145 9.05749C11.9965 8.94174 12.5997 9.00115 13.1478 9.22821C13.696 9.45527 14.1646 9.83979 14.4942 10.3331C14.8238 10.8265 14.9998 11.4065 14.9998 11.9998C14.9998 12.7955 14.6837 13.5586 14.1211 14.1212C13.5585 14.6838 12.7954 14.9998 11.9998 14.9998Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_26320'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.sub_mypage > section > .sec_cont .pw_confirm .pw_form > button {
  width: 100%;
  margin-top: 3rem;
  border-radius: 1rem;
}
@media screen and (max-width: 960px) {
  .sub_mypage > section > .sec_cont .pw_confirm {
    padding: 4rem 2rem;
  }
  .sub_mypage > section > .sec_cont .pw_confirm .pw_ico {
    width: 7.2rem;
  }
  .sub_mypage > section > .sec_cont .pw_confirm .pw_ico::before {
    width: 2.4rem;
    height: 3rem;
  }
  .sub_mypage > section > .sec_cont .pw_confirm > h3 {
    margin-top: 2.4rem;
  }
  .sub_mypage > section > .sec_cont .pw_confirm .pw_form {
    margin-top: 3rem;
  }
  .sub_mypage > section > .sec_cont .pw_confirm .pw_form dd.ip_pw > input {
    padding-left: 4.2rem;
    padding-right: 4.2rem;
    background-position: 1.4rem center;
  }
  .sub_mypage > section > .sec_cont .pw_confirm .pw_form > button {
    margin-top: 2rem;
  }
}
.sub_mypage > section > .sec_cont .noti_list {
  border: 0.1rem solid #e0dfe8;
  border-radius: 1.2rem;
  background: #ffffff;
  overflow: hidden;
}
.sub_mypage > section > .sec_cont .noti_list > li + li {
  border-top: 0.1rem solid #f3f3f8;
}
.sub_mypage > section > .sec_cont .noti_list a {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 2rem 2.4rem;
  transition: background 300ms ease-in-out;
}
.sub_mypage > section > .sec_cont .noti_list a:hover {
  background: #f7f7fc;
}
.sub_mypage > section > .sec_cont .noti_list [class^=lb-] {
  flex-shrink: 0;
  min-width: 4.4rem;
}
.sub_mypage > section > .sec_cont .noti_list .txt {
  flex-grow: 1;
  min-width: 0;
}
.sub_mypage > section > .sec_cont .noti_list .tit {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  color: #7a7588;
  font-weight: 400;
}
.sub_mypage > section > .sec_cont .noti_list .desc {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 0.4rem;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
  font-weight: 400;
}
.sub_mypage > section > .sec_cont .noti_list .date {
  flex-shrink: 0;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
  font-weight: 400;
}
.sub_mypage > section > .sec_cont .noti_list li.new .tit {
  color: #3b3844;
  font-weight: 600;
}
.sub_mypage > section > .sec_cont .box_tit [class^=dot-list-] {
  margin-top: 1.2rem;
}
.sub_mypage > section > .sec_cont .box_tit [class^=dot-list-] > li {
  color: #7a7588;
}
.sub_mypage > section > .sec_cont .box_tit [class^=dot-list-] > li + li {
  margin-top: 0.6rem;
}
.sub_mypage > section > .sec_cont .box_tit [class^=dot-list-] > li > p {
  word-break: keep-all;
}
.sub_mypage > section > .sec_cont .box_tit [class^=dot-list-] > li > p::before {
  width: 0.4rem;
  margin-right: 0.8rem;
  background: #aea9ba;
  margin-top: calc((1lh - 0.4rem) / 2);
}
.sub_mypage > section > .sec_cont .leave_form .leave_check {
  border: 0.1rem solid #e0dfe8;
  border-radius: 0.8rem;
  background: #ffffff;
  overflow: hidden;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check > li + li {
  border-top: 0.1rem solid #f3f3f8;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check a {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 2rem;
  transition: background 300ms ease-in-out;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check a:hover {
  background: #f7f7fc;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check a::after {
  content: "";
  flex-shrink: 0;
  width: 0.7rem;
  height: 1.2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='29' viewBox='0 0 16 29' fill='none'%3E%3Cpath d='M13.6678 28.492L0.482101 15.6332C-0.1607 15.0063 -0.1607 13.9856 0.482101 13.3588L13.6678 0.5L16 2.7744L3.97631 14.5L16 26.2256L13.6678 28.5V28.492Z' fill='%23aea9ba'/%3E%3C/svg%3E") no-repeat center center/contain;
  rotate: 180deg;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check .ico {
  flex-shrink: 0;
  width: 4.4rem;
  aspect-ratio: 1/1;
  border-radius: 0.8rem;
  background-color: #f5f7ff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.2rem;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check .txt {
  flex-grow: 1;
  min-width: 0;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check .tit {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 600;
  color: #3b3844;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check .desc {
  margin-top: 0.4rem;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
  font-weight: 400;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check .val {
  flex-shrink: 0;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  font-weight: 600;
  color: #3060ff;
}
.sub_mypage > section > .sec_cont .leave_form .leave_check .ico--study .ico {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1449_3132)'%3E%3Cpath d='M14.4 8C14.4 4.46538 11.5346 1.6 8 1.6C4.46538 1.6 1.6 4.46538 1.6 8C1.6 11.5346 4.46538 14.4 8 14.4C11.5346 14.4 14.4 11.5346 14.4 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8Z' fill='%233060ff'/%3E%3Cpath d='M7.2 3.6C7.2 3.15817 7.55817 2.8 8 2.8C8.44183 2.8 8.8 3.15817 8.8 3.6V7.50547L11.5578 8.88438C11.953 9.08197 12.1132 9.56263 11.9156 9.95781C11.718 10.353 11.2374 10.5132 10.8422 10.3156L7.64219 8.71563C7.37116 8.58011 7.2 8.30302 7.2 8V3.6Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1449_3132'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.sub_mypage > section > .sec_cont .leave_form .leave_check .ico--cert .ico {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20 0C9 0 0 9 0 20C0 31 9 40 20 40C31 40 40 31 40 20C40 9 31 0 20 0ZM28.4 16.6L18.8 26.2C18 27 16.8 27 16 26.2L11.6 21.8C10.8 21 10.8 19.8 11.6 19C12.4 18.2 13.6 18.2 14.4 19L17.4 22L25.6 13.8C26.4 13 27.6 13 28.4 13.8C29.2 14.6 29.2 15.8 28.4 16.6Z' fill='%233060ff'/%3E%3C/svg%3E");
}
.sub_mypage > section > .sec_cont .leave_form .leave_check .ico--point .ico {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 0L10.12 5.17L15.7 5.64L11.47 9.28L12.73 14.76L8 11.8L3.27 14.76L4.53 9.28L0.3 5.64L5.88 5.17L8 0Z' fill='%233060ff'/%3E%3C/svg%3E");
}
.sub_mypage > section > .sec_cont .leave_form .leave_reason {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.sub_mypage > section > .sec_cont .leave_form .leave_reason > select, .sub_mypage > section > .sec_cont .leave_form .leave_reason > textarea {
  width: 100%;
}
.sub_mypage > section > .sec_cont .leave_form .leave_reason > textarea {
  height: auto;
  min-height: 12rem;
  resize: vertical;
}
.sub_mypage > section > .sec_cont .leave_form .leave_agree {
  margin-top: 2rem;
  padding: 0 0.4rem;
}
.sub_mypage > section > .sec_cont .leave_form .leave_agree em {
  color: #e61e21;
  font-weight: 400;
}
.sub_mypage > section > .sec_cont .card-review {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.sub_mypage > section > .sec_cont .card-review .head > strong {
  min-width: 0;
}
.sub_mypage > section > .sec_cont .card-review .head > strong a {
  color: #3b3844;
}
.sub_mypage > section > .sec_cont .card-review .head > strong a:hover {
  color: #3060ff;
  text-decoration: underline;
}
.sub_mypage > section > .sec_cont .card-review .rv_none {
  color: #aea9ba;
}
.sub_mypage > section > .sec_cont .card-review .btArea {
  align-self: stretch;
  justify-content: flex-end;
}
.sub_mypage > section > .sec_cont .card-review .btArea button, .sub_mypage > section > .sec_cont .card-review .btArea a {
  flex: 0 0 auto;
  min-width: 14rem;
}
@media screen and (max-width: 535px) {
  .sub_mypage > section > .sec_cont .card-review .head {
    flex-wrap: wrap;
  }
  .sub_mypage > section > .sec_cont .card-review .head > strong {
    flex-grow: 1;
  }
  .sub_mypage > section > .sec_cont .card-review .head .rv_info {
    order: 1;
    flex-basis: 100%;
  }
}
.sub_mypage > section > .sec_cont .bt-total.imp p {
  color: #3060ff;
  font-weight: 600;
}
.sub_mypage > section > .sec_cont .bt-total.imp p strong {
  font-weight: inherit;
}
.sub_mypage > section > .sec_cont .paginArea {
  margin-top: 3rem;
}

/* 서브페이지 - 커리큘럼 뷰 */
#curriculumWrap .cur_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36rem;
  gap: 4rem;
  align-items: start;
}
#curriculumWrap .cur_head {
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 4rem;
  border-radius: 1.2rem;
  background: #f5f7ff;
}
#curriculumWrap .cur_head .info {
  flex-grow: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
#curriculumWrap .cur_head .data--value {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 1.2rem;
}
#curriculumWrap .cur_head .data--value em {
  border-radius: 0.2rem;
  flex-shrink: 0;
  white-space: nowrap;
}
#curriculumWrap .cur_head .data--value ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 0.4rem;
  min-width: 0;
}
#curriculumWrap .cur_head .data--value ul li {
  flex-shrink: 0;
  white-space: nowrap;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #7a7588;
  font-weight: 400;
}
#curriculumWrap .cur_head .data--value ul li:not(:last-child) {
  display: flex;
  align-items: center;
}
#curriculumWrap .cur_head .data--value ul li:not(:last-child)::after {
  content: "";
  width: 0.1rem;
  height: 1.1rem;
  margin: 0 1rem;
  background: #e0dfe8;
}
#curriculumWrap .cur_head h3 {
  font-size: clamp(2.6rem, 2.9297vw, 3rem);
  font-family: "Paperlogy", sans-serif;
  font-weight: 700;
  color: #3b3844;
  line-height: 1.35;
}
#curriculumWrap .cur_head h3 strong {
  display: block;
  font-weight: inherit;
  color: #3060ff;
}
#curriculumWrap .cur_head .data--hash {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
#curriculumWrap .cur_head .data--hash em {
  border-radius: 100rem;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  font-weight: 500;
  color: #3060ff;
  border: 0.1rem solid #3060ff;
  background: #ffffff;
  padding: 0.3rem 1rem;
}
#curriculumWrap .cur_head .data--hash em::before {
  content: "#";
  display: inline-block;
  margin-right: 0.2rem;
}
#curriculumWrap .cur_head .thumb {
  width: 100%;
  max-width: 50%;
  flex-shrink: 0;
  aspect-ratio: 16/10;
  border-radius: 0.8rem;
  overflow: hidden;
}
#curriculumWrap .cur_head .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#curriculumWrap .cur_tab {
  margin: 4rem 0 3rem;
}
#curriculumWrap .cur_panel {
  padding: 4rem;
  border: 0.1rem solid #e0dfe8;
  border-radius: 1.2rem;
  background: #ffffff;
}
#curriculumWrap .cur_progress {
  margin-bottom: 3rem;
}
#curriculumWrap .cur_progress p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
#curriculumWrap .cur_progress p b {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #7a7588;
  font-weight: 600;
}
#curriculumWrap .cur_progress p strong {
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  color: #3060ff;
  font-weight: 700;
}
#curriculumWrap .cur_progress .bar {
  height: 0.8rem;
  border-radius: 100rem;
  background: #f3f3f8;
  overflow: hidden;
}
#curriculumWrap .cur_progress .bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3060ff;
}
#curriculumWrap .cur_chapter + .cur_chapter {
  margin-top: 2.4rem;
}
#curriculumWrap .cur_chapter .ch_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #e0dfe8;
}
#curriculumWrap .cur_chapter .ch_head h3 {
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  font-weight: 600;
  color: #3b3844;
}
#curriculumWrap .cur_chapter .ch_head span {
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
  flex-shrink: 0;
}
#curriculumWrap .cur_chapter .cur_lesson li + li {
  border-top: 0.1rem solid #f3f3f8;
}
#curriculumWrap .cur_chapter .cur_lesson a {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 1.6rem 1.2rem;
  border-radius: 0.6rem;
  transition: background 300ms ease-in-out;
}
#curriculumWrap .cur_chapter .cur_lesson a:hover {
  background: #f7f7fc;
}
#curriculumWrap .cur_chapter .cur_lesson em {
  width: 6rem;
  flex-shrink: 0;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
  font-weight: 400;
}
#curriculumWrap .cur_chapter .cur_lesson p {
  flex-grow: 1;
  min-width: 0;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #3b3844;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
#curriculumWrap .cur_chapter .cur_lesson span {
  flex-shrink: 0;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
}
#curriculumWrap .cur_chapter .cur_lesson li.done p {
  color: #9590a2;
}
#curriculumWrap .cur_chapter .cur_lesson li.on a {
  background: #f5f7ff;
}
#curriculumWrap .cur_chapter .cur_lesson li.on p {
  color: #3060ff;
  font-weight: 600;
}
#curriculumWrap .cur_chapter .cur_lesson li.on em {
  color: #3060ff;
}
#curriculumWrap .inst_head {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #e0dfe8;
}
#curriculumWrap .inst_head h3 {
  font-size: clamp(2.2rem, 2.5391vw, 2.6rem);
  font-family: "Paperlogy", sans-serif;
  color: #3b3844;
  font-weight: 600;
}
#curriculumWrap .inst_head h3 strong {
  color: #3060ff;
  font-weight: inherit;
}
#curriculumWrap .inst_head span {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #9590a2;
}
#curriculumWrap .inst_head span::before {
  content: "· ";
}
#curriculumWrap .inst_photo {
  width: 100%;
  max-width: 34rem;
  margin: 3rem 0 2rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
#curriculumWrap .inst_photo img {
  width: 100%;
  display: block;
}
#curriculumWrap .inst_sec + .inst_sec {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 0.1rem solid #e0dfe8;
}
#curriculumWrap .inst_sec h4 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  font-weight: 600;
  color: #3b3844;
}
#curriculumWrap .inst_sec h4::before {
  content: "";
  width: 0.5rem;
  aspect-ratio: 1/1;
  border-radius: 100rem;
  background: #3060ff;
}
#curriculumWrap .inst_sec p {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #9590a2;
  font-weight: 400;
  line-height: 1.8;
  word-break: keep-all;
  white-space: pre-wrap;
}
#curriculumWrap .inst_sec p.lead {
  color: #3b3844;
  font-weight: 600;
  margin-bottom: 1.2rem;
  line-height: 1.6;
}
#curriculumWrap .inst_career {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
#curriculumWrap .inst_career dt {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #3b3844;
  font-weight: 600;
  margin-bottom: 0.6rem;
}
#curriculumWrap .inst_career dd {
  display: flex;
  gap: 0.8rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #9590a2;
  font-weight: 400;
  line-height: 1.7;
}
#curriculumWrap .inst_career dd::before {
  content: "-";
  flex-shrink: 0;
}
#curriculumWrap .inst_career dd + dd {
  margin-top: 0.4rem;
}
#curriculumWrap .cur_util {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
}
#curriculumWrap .cur_side {
  position: sticky;
  top: 25rem;
}
#curriculumWrap .cur_side .side_inner {
  padding: 2.4rem;
  border: 0.1rem solid #e0dfe8;
  border-radius: 1.2rem;
  background: #ffffff;
}
#curriculumWrap .cur_side .side_sel {
  margin-bottom: 1.6rem;
}
#curriculumWrap .cur_side .side_btn {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#curriculumWrap .cur_side .side_btn button {
  width: 100%;
}
#curriculumWrap .cur_side .side_btn i.ico-heart-line {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M10.2135 19.001C9.70786 19.001 9.10112 18.7987 8.69663 18.3942C2.12359 12.6302 2.02247 12.5291 2.02247 12.4279L1.92135 12.3268C0.707863 11.1133 0 9.39424 0 7.67513V7.47289C0.101124 3.83244 3.03371 1.00098 6.67416 1.00098C7.78652 1.00098 9.30337 1.60772 10.2135 2.8212C11.1236 1.60772 12.7416 1.00098 13.8539 1.00098C17.4944 1.00098 20.3258 3.83244 20.5281 7.47289V7.67513C20.5281 9.49536 19.8202 11.1133 18.6067 12.4279L18.5056 12.5291C18.4045 12.6302 17.5955 13.3381 11.8315 18.4954C11.3258 18.7987 10.8202 19.001 10.2135 19.001ZM3.53933 12.1246C3.94382 12.5291 5.96629 13.9448 9.70786 17.1808C10.0112 17.4841 10.4157 17.4841 10.7191 17.1808C14.5618 13.7425 16.7865 11.8212 17.2921 11.4167L17.3933 11.3156C18.4045 10.3043 18.9101 8.98974 18.9101 7.67513V7.47289C18.809 4.64143 16.5843 2.51783 13.7528 2.51783C13.0449 2.51783 11.6292 3.02345 11.1236 4.13581C10.9213 4.5403 10.5169 4.74255 10.1124 4.74255C9.70787 4.74255 9.30337 4.5403 9.10112 4.13581C8.59551 3.12457 7.2809 2.51783 6.47191 2.51783C3.74157 2.51783 1.41573 4.74255 1.31461 7.47289V7.77626C1.31461 9.09086 1.92135 10.4055 2.83146 11.3156L3.53933 12.1246Z' fill='%233060ff'/%3E%3C/svg%3E") no-repeat center center/contain;
}
#curriculumWrap .cur_side .side_state {
  margin-top: 2rem;
  padding: 1.6rem;
  border-radius: 0.8rem;
  background: #f7f7fc;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
#curriculumWrap .cur_side .side_state em {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  font-weight: 600;
  color: #3060ff;
}
#curriculumWrap .cur_side .side_state em::before {
  content: "";
  width: 0.6rem;
  aspect-ratio: 1/1;
  border-radius: 100rem;
  background: currentColor;
}
#curriculumWrap .cur_side .side_state em.state-off {
  color: #9590a2;
}
#curriculumWrap .cur_side .side_state p {
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #7a7588;
  font-weight: 400;
}
#curriculumWrap .cur_side .side_state p span {
  color: #e0dfe8;
  margin: 0 0.4rem;
}
#curriculumWrap .cur_side .side_box {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 0.1rem solid #e0dfe8;
}
#curriculumWrap .cur_side .side_box h4 {
  margin-bottom: 1.6rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 600;
  color: #3b3844;
}
#curriculumWrap .cur_side .side_box > p {
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
  font-weight: 400;
  line-height: 1.7;
  word-break: keep-all;
}
#curriculumWrap .cur_side .side_box .data--hash {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.2rem;
}
#curriculumWrap .cur_side .side_box .data--hash em {
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #3060ff;
  font-weight: 400;
}
#curriculumWrap .cur_side .side_info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem 1.2rem;
}
#curriculumWrap .cur_side .side_info > div {
  min-width: 0;
}
#curriculumWrap .cur_side .side_info dt {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.4rem;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #3b3844;
  font-weight: 600;
}
#curriculumWrap .cur_side .side_info dt::before {
  content: "";
  width: 1.6rem;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
#curriculumWrap .cur_side .side_info dd {
  padding-left: 2.2rem;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
}
#curriculumWrap .cur_side .side_info .ico--target dt::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.4733 8.47338C11.1269 7.95915 11.604 7.25399 11.8382 6.456C12.0723 5.65802 12.0519 4.80689 11.7799 4.02102C11.5078 3.23516 10.9975 2.55364 10.32 2.07128C9.64259 1.58892 8.83163 1.32971 8 1.32971C7.16836 1.32971 6.35741 1.58892 5.67995 2.07128C5.00249 2.55364 4.49223 3.23516 4.22014 4.02102C3.94805 4.80689 3.92767 5.65802 4.16184 6.456C4.396 7.25399 4.87307 7.95915 5.52666 8.47338C4.40672 8.92207 3.42952 9.66628 2.69926 10.6267C1.969 11.587 1.51304 12.7276 1.38 13.9267C1.37037 14.0143 1.37808 14.1028 1.40268 14.1874C1.42729 14.272 1.46831 14.3509 1.52341 14.4196C1.63468 14.5584 1.79652 14.6473 1.97333 14.6667C2.15014 14.6862 2.32744 14.6346 2.46621 14.5233C2.60499 14.412 2.69388 14.2502 2.71333 14.0734C2.85972 12.7702 3.48112 11.5666 4.45881 10.6926C5.4365 9.81856 6.70193 9.3354 8.01333 9.3354C9.32473 9.3354 10.5902 9.81856 11.5679 10.6926C12.5455 11.5666 13.1669 12.7702 13.3133 14.0734C13.3315 14.2372 13.4096 14.3885 13.5327 14.4981C13.6559 14.6076 13.8152 14.6677 13.98 14.6667H14.0533C14.2281 14.6466 14.3878 14.5582 14.4977 14.4209C14.6076 14.2835 14.6587 14.1083 14.64 13.9334C14.5063 12.7308 14.0479 11.5874 13.3139 10.6255C12.5799 9.66366 11.5979 8.9197 10.4733 8.47338V8.47338ZM8 8.00004C7.47258 8.00004 6.95701 7.84365 6.51848 7.55063C6.07995 7.25761 5.73815 6.84114 5.53632 6.35387C5.33449 5.8666 5.28168 5.33042 5.38457 4.81314C5.48746 4.29585 5.74144 3.8207 6.11438 3.44776C6.48732 3.07482 6.96247 2.82084 7.47976 2.71795C7.99704 2.61505 8.53322 2.66786 9.02049 2.8697C9.50776 3.07153 9.92423 3.41332 10.2173 3.85186C10.5103 4.29039 10.6667 4.80596 10.6667 5.33338C10.6667 6.04062 10.3857 6.7189 9.88562 7.21899C9.38552 7.71909 8.70724 8.00004 8 8.00004Z' fill='%239590a2'/%3E%3C/svg%3E") no-repeat center center/contain;
}
#curriculumWrap .cur_side .side_info .ico--way dt::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_211_88270)'%3E%3Cpath d='M4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V6Z' stroke='%239590a2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 4V20' stroke='%239590a2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 10L13 12L15 14' stroke='%239590a2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_211_88270'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
}
#curriculumWrap .cur_side .side_info .ico--time dt::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1449_3132)'%3E%3Cpath d='M14.4 8C14.4 4.46538 11.5346 1.6 8 1.6C4.46538 1.6 1.6 4.46538 1.6 8C1.6 11.5346 4.46538 14.4 8 14.4C11.5346 14.4 14.4 11.5346 14.4 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8Z' fill='%239590a2'/%3E%3Cpath d='M7.2 3.6C7.2 3.15817 7.55817 2.8 8 2.8C8.44183 2.8 8.8 3.15817 8.8 3.6V7.50547L11.5578 8.88438C11.953 9.08197 12.1132 9.56263 11.9156 9.95781C11.718 10.353 11.2374 10.5132 10.8422 10.3156L7.64219 8.71563C7.37116 8.58011 7.2 8.30302 7.2 8V3.6Z' fill='%239590a2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1449_3132'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
}
#curriculumWrap .cur_side .side_info .ico--place dt::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cpath d='M6.5 0C8.22378 9.41449e-05 9.87786 0.690171 11.0968 1.91757C12.3155 3.14487 12.9998 4.80973 13 6.54531C13 8.60577 11.8791 10.6202 10.6852 12.2C9.47459 13.8017 8.09665 15.0773 7.40666 15.6772C7.39448 15.6878 7.38142 15.6984 7.36857 15.7081C7.11839 15.8975 6.813 15.9999 6.5 16C6.18712 15.9999 5.88262 15.8974 5.63249 15.7081C5.61956 15.6983 5.60665 15.6878 5.5944 15.6772C4.90455 15.0774 3.52672 13.8021 2.31584 12.2C1.12177 10.6201 0 8.606 0 6.54531C0.000186818 4.80964 0.685477 3.14489 1.9043 1.91757C3.12317 0.690393 4.77639 9.40684e-05 6.5 0ZM6.5 1.45522C5.15948 1.45532 3.8732 1.9912 2.92521 2.9456C1.97728 3.90014 1.44534 5.1954 1.44515 6.54531C1.44515 8.11566 2.32397 9.80827 3.46582 11.319C4.56878 12.7783 5.83495 13.9593 6.5 14.5405C7.16505 13.9593 8.43226 12.7783 9.53524 11.319C10.6769 9.80839 11.5559 8.11548 11.5559 6.54531C11.5557 5.1954 11.0227 3.90014 10.0748 2.9456C9.12681 1.9912 7.84052 1.45532 6.5 1.45522ZM6.5 3.63699C8.09549 3.63699 9.38924 4.93976 9.38924 6.54637C9.38905 8.15282 8.09537 9.45576 6.5 9.45576C4.90463 9.45576 3.61095 8.15282 3.61076 6.54637C3.61076 4.93976 4.90451 3.63699 6.5 3.63699ZM6.5 5.09222C5.70226 5.09222 5.05591 5.74307 5.05591 6.54637C5.0561 7.34952 5.70237 8.00053 6.5 8.00053C7.29763 8.00053 7.9439 7.34952 7.94409 6.54637C7.94409 5.74307 7.29775 5.09222 6.5 5.09222Z' fill='%239590a2'/%3E%3C/svg%3E") no-repeat center center/contain;
}
#curriculumWrap .cur_side .side_info .ico--inst dt::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.4733 8.47338C11.1269 7.95915 11.604 7.25399 11.8382 6.456C12.0723 5.65802 12.0519 4.80689 11.7799 4.02102C11.5078 3.23516 10.9975 2.55364 10.32 2.07128C9.64259 1.58892 8.83163 1.32971 8 1.32971C7.16836 1.32971 6.35741 1.58892 5.67995 2.07128C5.00249 2.55364 4.49223 3.23516 4.22014 4.02102C3.94805 4.80689 3.92767 5.65802 4.16184 6.456C4.396 7.25399 4.87307 7.95915 5.52666 8.47338C4.40672 8.92207 3.42952 9.66628 2.69926 10.6267C1.969 11.587 1.51304 12.7276 1.38 13.9267C1.37037 14.0143 1.37808 14.1028 1.40268 14.1874C1.42729 14.272 1.46831 14.3509 1.52341 14.4196C1.63468 14.5584 1.79652 14.6473 1.97333 14.6667C2.15014 14.6862 2.32744 14.6346 2.46621 14.5233C2.60499 14.412 2.69388 14.2502 2.71333 14.0734C2.85972 12.7702 3.48112 11.5666 4.45881 10.6926C5.4365 9.81856 6.70193 9.3354 8.01333 9.3354C9.32473 9.3354 10.5902 9.81856 11.5679 10.6926C12.5455 11.5666 13.1669 12.7702 13.3133 14.0734C13.3315 14.2372 13.4096 14.3885 13.5327 14.4981C13.6559 14.6076 13.8152 14.6677 13.98 14.6667H14.0533C14.2281 14.6466 14.3878 14.5582 14.4977 14.4209C14.6076 14.2835 14.6587 14.1083 14.64 13.9334C14.5063 12.7308 14.0479 11.5874 13.3139 10.6255C12.5799 9.66366 11.5979 8.9197 10.4733 8.47338V8.47338ZM8 8.00004C7.47258 8.00004 6.95701 7.84365 6.51848 7.55063C6.07995 7.25761 5.73815 6.84114 5.53632 6.35387C5.33449 5.8666 5.28168 5.33042 5.38457 4.81314C5.48746 4.29585 5.74144 3.8207 6.11438 3.44776C6.48732 3.07482 6.96247 2.82084 7.47976 2.71795C7.99704 2.61505 8.53322 2.66786 9.02049 2.8697C9.50776 3.07153 9.92423 3.41332 10.2173 3.85186C10.5103 4.29039 10.6667 4.80596 10.6667 5.33338C10.6667 6.04062 10.3857 6.7189 9.88562 7.21899C9.38552 7.71909 8.70724 8.00004 8 8.00004Z' fill='%239590a2'/%3E%3C/svg%3E") no-repeat center center/contain;
}
#curriculumWrap .cur_side .side_share ul {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
#curriculumWrap .cur_side .side_share button {
  width: 4rem;
  aspect-ratio: 1/1;
  border-radius: 100rem;
  border: 0.1rem solid #e0dfe8;
  background: #ffffff none no-repeat center center/1.8rem;
  font-size: 0;
  transition: all 300ms ease-in-out;
}
#curriculumWrap .cur_side .side_share button:hover {
  border-color: #3060ff;
}
#curriculumWrap .cur_side .side_share .sh--link {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'%3E%3Cpath d='M17.5128 2.57573C16.8256 1.82597 15.5845 1.77977 14.7571 2.60711L6.65711 10.7071C6.44763 10.9166 6.44763 11.1834 6.65711 11.3929C6.86658 11.6024 7.13342 11.6024 7.34289 11.3929L14.0429 4.6929C14.4334 4.30238 15.0666 4.30238 15.4571 4.6929C15.8476 5.08342 15.8476 5.71659 15.4571 6.10711L8.75711 12.8071C7.76658 13.7976 6.23342 13.7976 5.24289 12.8071C4.25237 11.8166 4.25237 10.2834 5.24289 9.2929L13.3429 1.1929C14.9104 -0.374632 17.4578 -0.425638 18.9723 1.20821C20.5246 2.77662 20.5703 5.31157 18.9429 6.82133L9.45711 16.3071C7.26658 18.4976 3.83342 18.4976 1.64289 16.3071C-0.547631 14.1166 -0.547631 10.6834 1.64289 8.4929L9.74289 0.3929C10.1334 0.00237539 10.7666 0.00237539 11.1571 0.3929C11.5476 0.783424 11.5476 1.41659 11.1571 1.80711L3.05711 9.90711C1.64763 11.3166 1.64763 13.4834 3.05711 14.8929C4.46658 16.3024 6.63342 16.3024 8.04289 14.8929L17.5429 5.3929C17.5531 5.38266 17.5636 5.37264 17.5743 5.36285C18.324 4.67557 18.3702 3.43446 17.5429 2.60711C17.5327 2.59687 17.5226 2.58641 17.5128 2.57573Z' fill='%237a7588'/%3E%3C/svg%3E");
}
#curriculumWrap .cur_side .side_share .sh--more {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 0C8.63118 2.75899e-08 9.14286 0.511675 9.14286 1.14286V6.85714H14.8571C15.4883 6.85714 16 7.36882 16 8C16 8.63118 15.4883 9.14286 14.8571 9.14286H9.14286V14.8571C9.14286 15.4883 8.63118 16 8 16C7.36882 16 6.85714 15.4883 6.85714 14.8571V9.14286H1.14286C0.511675 9.14286 7.00769e-07 8.63118 0 8C5.51797e-08 7.36882 0.511675 6.85714 1.14286 6.85714H6.85714V1.14286C6.85714 0.511675 7.36882 -2.75899e-08 8 0Z' fill='%237a7588'/%3E%3C/svg%3E");
}
#curriculumWrap .cur_side .side_share .sh--kakao {
  background-color: #fee500;
  border-color: #fee500;
}
#curriculumWrap .cur_side .side_share .sh--naver {
  background-color: #03c75a;
  border-color: #03c75a;
}
#curriculumWrap .cur_side .side_share .sh--facebook {
  background-color: #1877f2;
  border-color: #1877f2;
}

.subSearch .search_head {
  width: 100%;
  background: url("../img/sub/search_bg.png") no-repeat 0 0/cover;
}
.subSearch .search_head .inner {
  width: calc(100% - min(6rem, 6vw));
  max-width: 160rem;
  margin: 0 auto;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}
.subSearch .search_head .inner .copy {
  flex-grow: 1;
}
.subSearch .search_head .inner .copy em {
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-weight: 600;
  color: #3060ff;
}
.subSearch .search_head .inner .copy h2 {
  font-size: clamp(4.6rem, 6.25vw, 6.4rem);
  font-weight: 600;
  color: #3b3844;
  line-height: 1;
  font-family: "Paperlogy", sans-serif;
  margin: 1rem 0 2rem;
}
.subSearch .search_head .inner .copy p {
  font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  font-weight: 400;
  color: #9590a2;
  word-break: keep-all;
  text-wrap: balance;
}
.subSearch .search_head .inner .util {
  flex-grow: 1;
  max-width: 70rem;
}
.subSearch .search_head .inner .util .search-area {
  position: relative;
  border-radius: 100rem;
  border: 0.3rem solid #3060ff;
  background: #ffffff;
  height: 8rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.subSearch .search_head .inner .util .search-area input, .subSearch .search_head .inner .util .search-area select {
  outline: none;
  border: none;
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  background: none;
  padding: 1rem;
  color: #9590a2;
  height: 8rem;
}
.subSearch .search_head .inner .util .search-area select {
  width: 16rem;
  flex-shrink: 0;
  padding-left: 3rem;
  appearance: base-select;
  display: flex;
  align-items: center;
}
.subSearch .search_head .inner .util .search-area select::picker-icon {
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M0.334739 1.92036C-0.11158 1.48101 -0.11158 0.768859 0.334739 0.329511C0.781057 -0.109837 1.50451 -0.109837 1.95083 0.329511L8 6.28421L14.0492 0.329511C14.4955 -0.109837 15.2189 -0.109837 15.6653 0.329511C16.1116 0.768859 16.1116 1.48101 15.6653 1.92036L8.80804 8.67049C8.36173 9.10984 7.63827 9.10984 7.19196 8.67049L0.334739 1.92036Z' fill='%23ccc9d5'/%3E%3C/svg%3E") no-repeat center center/contain;
  width: 1.2rem;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  align-self: center;
  transform-origin: 50% 50%;
  rotate: 0deg;
  transition: rotate 300ms ease-in-out;
  pointer-events: none;
}
.subSearch .search_head .inner .util .search-area select:not(:open):hover, .subSearch .search_head .inner .util .search-area select:not(:open).hover {
  border-color: #3060ff;
  color: #3060ff;
}
.subSearch .search_head .inner .util .search-area select:not(:open):hover::picker-icon, .subSearch .search_head .inner .util .search-area select:not(:open).hover::picker-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M0.334739 1.92036C-0.11158 1.48101 -0.11158 0.768859 0.334739 0.329511C0.781057 -0.109837 1.50451 -0.109837 1.95083 0.329511L8 6.28421L14.0492 0.329511C14.4955 -0.109837 15.2189 -0.109837 15.6653 0.329511C16.1116 0.768859 16.1116 1.48101 15.6653 1.92036L8.80804 8.67049C8.36173 9.10984 7.63827 9.10984 7.19196 8.67049L0.334739 1.92036Z' fill='%233060ff'/%3E%3C/svg%3E") no-repeat center center/contain !important;
}
.subSearch .search_head .inner .util .search-area select:not(:open):focus, .subSearch .search_head .inner .util .search-area select:not(:open).focus {
  border-color: #3060ff;
  color: #3060ff;
}
.subSearch .search_head .inner .util .search-area select:not(:open):focus::picker-icon, .subSearch .search_head .inner .util .search-area select:not(:open).focus::picker-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M0.334739 1.92036C-0.11158 1.48101 -0.11158 0.768859 0.334739 0.329511C0.781057 -0.109837 1.50451 -0.109837 1.95083 0.329511L8 6.28421L14.0492 0.329511C14.4955 -0.109837 15.2189 -0.109837 15.6653 0.329511C16.1116 0.768859 16.1116 1.48101 15.6653 1.92036L8.80804 8.67049C8.36173 9.10984 7.63827 9.10984 7.19196 8.67049L0.334739 1.92036Z' fill='%233060ff'/%3E%3C/svg%3E") no-repeat center center/contain !important;
}
.subSearch .search_head .inner .util .search-area select:open {
  border-radius: 0.2rem 0.2rem 0 0;
  color: #3060ff;
  font-weight: 600;
  border-color: #3060ff;
}
.subSearch .search_head .inner .util .search-area select:open::picker-icon {
  rotate: -180deg;
}
.subSearch .search_head .inner .util .search-area select:open option {
  appearance: base-select;
}
.subSearch .search_head .inner .util .search-area select:open::picker-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M0.334739 1.92036C-0.11158 1.48101 -0.11158 0.768859 0.334739 0.329511C0.781057 -0.109837 1.50451 -0.109837 1.95083 0.329511L8 6.28421L14.0492 0.329511C14.4955 -0.109837 15.2189 -0.109837 15.6653 0.329511C16.1116 0.768859 16.1116 1.48101 15.6653 1.92036L8.80804 8.67049C8.36173 9.10984 7.63827 9.10984 7.19196 8.67049L0.334739 1.92036Z' fill='%233060ff'/%3E%3C/svg%3E") no-repeat center center/contain !important;
}
.subSearch .search_head .inner .util .search-area select::picker(select) {
  scrollbar-width: thin;
  scrollbar-color: #3060ff #f7f7fc;
  appearance: base-select;
  color: #3b3844;
  overflow-y: auto;
  margin-block: 1.2rem;
  margin-inline-start: 0.5rem;
  padding: 0.8rem;
  border: 0.1rem solid #dbe4ff;
  border-radius: 2rem;
  background: #ffffff;
  box-shadow: 0 1rem 3rem rgba(48, 96, 255, 0.16);
  max-height: 30rem;
  height: auto;
}
.subSearch .search_head .inner .util .search-area select option {
  padding: 1rem 1.6rem;
  border-radius: 1.2rem;
  background: none;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 400;
  line-height: 1.4;
  color: #9590a2;
  cursor: pointer;
  transition: background 300ms ease-in-out, color 300ms ease-in-out;
}
.subSearch .search_head .inner .util .search-area select option + option {
  margin-top: 0.2rem;
}
.subSearch .search_head .inner .util .search-area select option:hover, .subSearch .search_head .inner .util .search-area select option:focus, .subSearch .search_head .inner .util .search-area select option:focus-visible {
  background: #f5f7ff;
  color: #3060ff;
  outline: none;
}
.subSearch .search_head .inner .util .search-area select option:checked {
  background: #f5f7ff;
  color: #3060ff;
  font-weight: 600;
}
.subSearch .search_head .inner .util .search-area select option::checkmark {
  content: none;
}
.subSearch .search_head .inner .util .search-area input {
  flex-grow: 1;
  min-width: 0;
}
.subSearch .search_head .inner .util .search-area input::placeholder {
  color: #9590a2;
}
.subSearch .search_head .inner .util .search-area button {
  width: 4rem;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cg clip-path='url(%23clip0_79_1009)'%3E%3Cpath d='M17.7043 16.2848L14.3054 12.8958C15.402 11.4988 15.9971 9.77351 15.9948 7.99743C15.9948 6.41569 15.5258 4.86947 14.647 3.5543C13.7683 2.23913 12.5192 1.21408 11.0579 0.608771C9.59657 0.00346513 7.98855 -0.15491 6.43721 0.153672C4.88586 0.462254 3.46085 1.22393 2.34239 2.34239C1.22393 3.46085 0.462254 4.88586 0.153672 6.43721C-0.15491 7.98855 0.00346513 9.59657 0.608771 11.0579C1.21408 12.5192 2.23913 13.7683 3.5543 14.647C4.86947 15.5258 6.41569 15.9948 7.99743 15.9948C9.77351 15.9971 11.4988 15.402 12.8958 14.3054L16.2848 17.7043C16.3777 17.798 16.4883 17.8724 16.6101 17.9231C16.7319 17.9739 16.8626 18 16.9945 18C17.1265 18 17.2572 17.9739 17.379 17.9231C17.5008 17.8724 17.6114 17.798 17.7043 17.7043C17.798 17.6114 17.8724 17.5008 17.9231 17.379C17.9739 17.2572 18 17.1265 18 16.9945C18 16.8626 17.9739 16.7319 17.9231 16.6101C17.8724 16.4883 17.798 16.3777 17.7043 16.2848ZM1.99936 7.99743C1.99936 6.81112 2.35114 5.65146 3.01022 4.66508C3.66929 3.6787 4.60606 2.90991 5.70207 2.45593C6.79807 2.00196 8.00408 1.88317 9.16759 2.11461C10.3311 2.34605 11.3999 2.91731 12.2387 3.75615C13.0775 4.595 13.6488 5.66375 13.8802 6.82726C14.1117 7.99077 13.9929 9.19678 13.5389 10.2928C13.0849 11.3888 12.3162 12.3256 11.3298 12.9846C10.3434 13.6437 9.18373 13.9955 7.99743 13.9955C6.40664 13.9955 4.88101 13.3636 3.75615 12.2387C2.6313 11.1138 1.99936 9.58821 1.99936 7.99743Z' fill='%233060ff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_79_1009'%3E%3Crect width='19' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/2.6rem;
  margin-right: 2.6rem;
}
.subSearch .search_head .inner .util .search-keyword {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.6rem;
}
.subSearch .search_head .inner .util .search-keyword p {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #3b3844;
  font-weight: 400;
  flex-shrink: 0;
}
.subSearch .search_head .inner .util .search-keyword .items {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.subSearch .search_head .inner .util .search-keyword .items em {
  border-radius: 100rem;
  background: #ffffff;
  border: 0.1rem solid #dbe4ff;
  color: #3060ff;
}
.subSearch .search_result {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 0.1rem solid #e0dfe8;
}
.subSearch .search_result p {
  font-size: clamp(2.2rem, 2.5391vw, 2.6rem);
  font-weight: 600;
  line-height: 1.4;
  word-break: keep-all;
}
.subSearch .search_result p strong {
  font-weight: inherit;
  color: #3060ff;
}
.subSearch #search_all .search_items:not(:last-child) {
  padding-bottom: 6rem;
  margin-bottom: 5rem;
  border-bottom: 0.1rem solid #e0dfe8;
}
.subSearch .search_items .search_lists {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.subSearch .search_items .search_lists dl {
  padding: 3rem;
  border: 0.1rem solid #e0dfe8;
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.subSearch .search_items .search_lists dl:hover dt a {
  display: block;
  color: #3060ff;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
}
.subSearch .search_items .search_lists dl dt a {
  font-size: clamp(1.8rem, 1.9531vw, 2rem);
  font-weight: 600;
  color: #3b3844;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.subSearch .search_items .search_lists dl dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0.6rem;
}
.subSearch .search_items .search_lists dl dd .get_bc {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.subSearch .search_items .search_lists dl dd .get_bc span {
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  color: #9590a2;
  font-weight: 400;
}
.subSearch .search_items .search_lists dl dd .get_bc span:last-child {
  color: #3060ff;
  font-weight: 600;
}
.subSearch .search_items .search_lists dl dd .get_bc span:not(:last-child) {
  display: flex;
  align-items: center;
}
.subSearch .search_items .search_lists dl dd .get_bc span:not(:last-child)::after {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 1/1;
  margin: 0 0.4rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'%3E%3Cpath d='M1.92036 0.334739C1.48101 -0.11158 0.768859 -0.11158 0.329511 0.334739C-0.109837 0.781057 -0.109837 1.50451 0.329511 1.95083L6.28421 8L0.329511 14.0492C-0.109837 14.4955 -0.109837 15.2189 0.329511 15.6653C0.768859 16.1116 1.48101 16.1116 1.92036 15.6653L8.67049 8.80804C9.10984 8.36173 9.10984 7.63827 8.67049 7.19196L1.92036 0.334739Z' fill='%23ccc9d5'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.subSearch .search_items .search_lists dl dd .get_data {
  display: flex;
  align-items: center;
}
.subSearch .search_items .search_lists dl dd .get_data::before {
  content: "";
  width: 0.1rem;
  height: 1.1rem;
  background: #e0dfe8;
  display: block;
  margin: 0 1rem;
}
.subSearch .search_items .search_lists dl dd .get_data strong {
  display: block;
  margin-right: 1rem;
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  font-weight: 600;
  color: #3b3844;
}
.subSearch .search_items .search_lists dl dd .get_data span {
  font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  font-weight: 400;
  color: #9590a2;
}

/* 반응형 */
/* 1500px */
@media screen and (max-width: 1500px) {
  .subRemote > section:has(.obj-rmt01) {
    text-align: center;
  }
  .subRemote .obj-rmt01, .subRemote .obj-rmt02 {
    position: unset;
    margin: 5vw auto;
  }
  .subRemote .obj-rmt01 {
    width: 30%;
    max-width: 22rem;
  }
  .subRemote .obj-rmt02 {
    width: 43%;
    max-width: 31rem;
  }
  .subRemote .remote_how {
    margin-top: 4vw;
  }
  .contents > section .sec_head_img {
    width: calc(100% - 4vw - 0.4rem);
  }
}
/* 1200px */
@media screen and (max-width: 1200px) {
  .subRemote .remote_how .ar_checkList {
    padding: 5vw;
  }
  .subRemote .remote_pro .remote_step {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 4vw;
  }
  .subRemote .remote_pro .remote_step dl {
    padding: 6vw 2vw;
  }
  .subRemote .remote_pro .remote_step dl:nth-child(even) {
    border-right: none;
  }
  .subRemote .remote_pro .remote_step dl:nth-child(-n+2) {
    border-bottom: 1px solid #f3f3f8;
  }
  /* 어필 요소형 */
  .ap_el {
    flex-direction: column;
  }
  .ap_el .ap_item {
    padding: 3vw 0;
  }
  .ap_el .ap_item:first-child {
    padding-top: 0;
  }
  .ap_el .ap_item:last-child {
    padding-bottom: 0;
  }
  .ap_el .ap_item:not(:last-child) {
    border: none;
    border-bottom: 1px solid #f3f3f8;
  }
  /* 그리드형 - 카드 */
  .ap_grid:has(.card_item) {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* 1024px */
@media screen and (max-width: 1024px) {
  /* 개인정보처리방침·이용약관 — 목차를 본문 위 가로 칩 줄로 바꾸고 헤더 아래에 붙인다.
     --header-h 는 policy.js 가 실제 헤더 높이로 채우므로 PC/모바일 헤더 차이는 여기서 신경 쓰지 않는다. */
  .sub_policy .policy_layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.4rem;
  }
  .sub_policy .policy_body {
    max-width: none;
  }
  .sub_policy .policy_nav {
    top: var(--header-h);
    z-index: 2;
    margin: 0 calc(-1 * min(3rem, 3vw));
    padding: 1rem min(3rem, 3vw);
    background: #ffffff;
    border-bottom: 0.1rem solid #e0dfe8;
  }
  .sub_policy .policy_nav .nav_tit {
    display: none;
  }
  .sub_policy .policy_nav ul {
    flex-direction: row;
    gap: 0.6rem;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .sub_policy .policy_nav ul::-webkit-scrollbar {
    display: none;
  }
  .sub_policy .policy_nav li {
    flex-shrink: 0;
  }
  .sub_policy .policy_nav li a {
    padding: 0.6rem 1.2rem;
    border: 0.1rem solid #ccc9d5;
    border-radius: 100rem;
    font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
    white-space: nowrap;
  }
  .sub_policy .policy_nav li a:hover {
    border-color: #aea9ba;
  }
  .sub_policy .policy_nav li.on a {
    background: #3060ff;
    border-color: #3060ff;
    color: #ffffff;
  }
  .sub_policy .policy_sec {
    scroll-margin-top: calc(var(--header-h) + 6rem);
  }
  /* 커리큘럼 뷰 — 2단을 한 단으로 접는다.
     신청 사이드는 sticky 를 풀고 탭 위(과정 개요 바로 아래)로 올려, 좁은 화면에서도
     신청 버튼이 먼저 보이게 한다.
     사이드가 .cur_main 의 형제라 그대로는 개요와 탭 사이에 끼울 수 없어, .cur_main 을 display:contents 로
     풀어 개요·사이드·탭·패널이 한 세로 플렉스의 형제가 되게 한 뒤 order 로 줄을 세운다.
     (전에는 column-reverse 와 order:-1 이 서로 상쇄돼 사이드가 맨 아래로 내려가 있었다.) */
  #curriculumWrap .cur_grid {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  #curriculumWrap .cur_main {
    display: contents;
  }
  #curriculumWrap .cur_head {
    order: -2;
  }
  #curriculumWrap .cur_side {
    position: static;
    order: -1;
    width: 100%;
    min-width: 0;
  }
  #curriculumWrap .cur_tab {
    margin: 0;
  }
  #curriculumWrap .cur_util {
    margin-top: 0;
  }
  #curriculumWrap .cur_head {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 2.4rem;
    padding: 2.4rem;
    width: 100%;
  }
  #curriculumWrap .cur_head .thumb {
    max-width: 100%;
    aspect-ratio: 16/9;
  }
  #curriculumWrap .cur_panel {
    padding: 2.4rem;
    width: 100%;
  }
  #curriculumWrap .inst_photo {
    max-width: 100%;
  }
  /* 마이페이지 — 좌측 LNB 를 오프캔버스 패널로 전환.
     좁은 폭에서 34rem 짜리 사이드바를 옆에 두면 본문이 남지 않는다.
     버튼(.bt-lnb)을 누르면 화면 왼쪽에서 패널이 밀려 들어오고, 딤/Esc/닫기로 닫는다.
     열고 닫는 동작은 sub.js 가 .active 클래스로 처리한다(헤더 gnbArea 와 같은 방식). */
  .sub_mypage > section {
    position: relative;
    flex-direction: column;
    gap: 0;
  }
  .sub_mypage > section > .bt-lnb {
    position: absolute;
    right: 0;
    top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 0.8rem;
    background: #3060ff;
    transition: all 300ms ease-in-out;
  }
  .sub_mypage > section > .bt-lnb .ico {
    width: 2.4rem;
    aspect-ratio: 1/1;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_211_88270)'%3E%3Cpath d='M4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V6Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 4V20' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 10L13 12L15 14' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_211_88270'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
  }
  .sub_mypage > section > .bt-lnb:hover, .sub_mypage > section > .bt-lnb:focus-visible {
    background: #10297c;
  }
  .sub_mypage > section > aside {
    position: fixed;
    inset: 0;
    z-index: 999;
    width: 100%;
    max-width: none;
    border-right: none;
    isolation: isolate;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in-out;
  }
  .sub_mypage > section > aside::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(0.2rem);
  }
  .sub_mypage > section > aside > nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 32rem;
    height: 100%;
    box-sizing: border-box;
    padding: 2.4rem 2.4rem 10rem;
    background: #ffffff;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #ccc9d5 #f7f7fc;
    translate: -100% 0;
    transition: translate 300ms ease-in-out;
  }
  .sub_mypage > section > aside > nav h1 {
    font-size: clamp(2.6rem, 2.9297vw, 3rem);
    padding-right: 4rem;
  }
  .sub_mypage > section > aside > nav .my_lnb {
    margin-top: 2rem;
  }
  .sub_mypage > section > aside.active {
    visibility: visible;
    opacity: 1;
  }
  .sub_mypage > section > aside.active > nav {
    translate: 0 0;
  }
  .sub_mypage > section .lnbClose {
    display: block;
    height: 100%;
    aspect-ratio: 1/1;
    position: relative;
    border-radius: 100rem;
  }
  .sub_mypage > section .lnbClose::before, .sub_mypage > section .lnbClose::after {
    content: "";
    width: calc(100% - 0.6rem);
    height: 0.1rem;
    background: #3b3844;
    position: absolute;
    transform-origin: 0 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .sub_mypage > section .lnbClose::before {
    rotate: -45deg;
  }
  .sub_mypage > section .lnbClose::after {
    rotate: 45deg;
  }
  .sub_mypage > section .lnbClose {
    position: absolute;
    right: 2rem;
    top: 2.4rem;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 0;
  }
  .sub_mypage > section .lnbClose:hover::before, .sub_mypage > section .lnbClose:hover::after {
    background: #3060ff;
  }
  .sub_mypage > section > .sec_cont {
    padding: 3rem 0 8rem;
  }
  .sub_mypage > section > .sec_cont .sec_bread {
    display: flex;
    align-items: center;
    min-height: 4rem;
    padding-right: 5rem;
  }
  .contents .lec_grid .grid_item .lec_info .lec_edus .lec_btns {
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  main {
    height: auto;
    padding: 4vw 0;
  }
  main .m_inner {
    flex-direction: column-reverse;
  }
  main .m_inner .m_thumb {
    max-width: unset;
  }
  main .m_inner .m_copy {
    width: 100%;
    padding-top: 0;
  }
  .subHeader .StepArea .StepTit {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .subHeader .StepArea .StepTit h1 {
    background: rgba(255, 255, 255, 0.8509803922);
    padding: 2rem 1rem;
    line-height: 1.3;
    font-size: min(4.4vw, 3.6rem);
    backdrop-filter: blur(3px);
  }
  .subVisual {
    padding: 5vw;
  }
  .subVisual p {
    font-size: max(3rem, 4vw);
    text-wrap-style: balance;
    word-break: keep-all;
  }
  .subVisual span {
    font-size: max(1.6rem, 2.5vw);
    text-wrap-style: balance;
    word-break: keep-all;
    line-height: 1.2;
  }
  /* 서브콘텐츠 */
  .contents > section .sec_tit > img {
    display: none;
  }
  .contents > section:first-of-type .step_inner {
    margin-top: 0;
    border-radius: 0;
  }
  .contents > section .sec_left {
    max-width: unset;
  }
  .contents > section .sec_left.sec_sticky {
    position: unset;
  }
  .contents > section .sec_right .board_list {
    border-radius: 0;
  }
  .contents > section .sec_half {
    flex-direction: column;
    align-items: baseline;
  }
  /* 유저관련 */
  .userCenter > section .user-message .msg-list {
    max-width: 100%;
  }
  .userCenter > section .user-message {
    flex-direction: column;
  }
  .userCenter > section .user-message .msg-view .msg_cont .msg_rec .textArea {
    height: 20vw;
  }
  /* 업적관련 */
  .meritCenter .mer_tit {
    flex-direction: column;
    text-align: center;
  }
  .meritCenter .mer_tit p {
    margin-top: 2vw;
  }
  .meritCenter .mer_tit p::before {
    content: none;
  }
  .meritCenter .ach_list {
    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  }
  .meritCenter .ach_list .ach_item {
    flex-direction: column;
    text-align: center;
    gap: 0;
  }
  /* 찾아오시는길 */
  .mapArea {
    grid-template-columns: repeat(1, 1fr);
  }
  /* 통합검색 — 문구와 검색줄을 세로로 쌓고 가운데로 모은다.
     높이를 내용에 맡기고(고정 36rem 을 풀고) 위아래 여백으로 잡는다. */
  .subSearch .search_head {
    height: auto;
  }
  .subSearch .search_head .inner {
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
    height: auto;
    padding: 5rem 0;
  }
  .subSearch .search_head .inner .copy {
    flex-grow: 0;
    text-align: center;
  }
  .subSearch .search_head .inner .util {
    flex-grow: 0;
    width: 100%;
  }
  .subSearch .search_head .inner .util .search-area input, .subSearch .search_head .inner .util .search-area select {
    height: 7rem;
  }
  .subSearch .search_head .inner .util .search-keyword {
    justify-content: center;
  }
}
/* 720px */
@media screen and (max-width: 720px) {
  /* 개인정보처리방침·이용약관 */
  .sub_policy .policy_labels .label_grid {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.8rem;
  }
  .sub_policy .policy_ico {
    width: 4.4rem;
  }
  .sub_policy .policy_sec > h3 {
    flex-wrap: wrap;
  }
  .sub_policy .policy_sec > h3 .policy_ico {
    width: 3.2rem;
  }
  .sub_policy .policy_text [class^=tb-grid-] table {
    min-width: 48rem;
  }
  /* 커리큘럼 뷰 — 사이드 기본정보를 한 열로 편다(2열은 값이 잘린다) */
  #curriculumWrap .cur_side .side_info {
    grid-template-columns: minmax(0, 1fr);
  }
  .boxArea {
    padding: 2rem;
  }
  .subHeader .stepTit .StepGuide {
    padding: 4vw 3vw;
  }
  .subHeader .stepTit .StepGuide dl dt {
    display: none;
  }
  .subHeader .stepTit .StepGuide dl.active::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 10rem;
    background: #3060ff;
    margin-right: 1.6vw;
  }
  .subHeader .stepTit .StepGuide dl:not(:last-child)::after {
    width: 8px;
    height: 12px;
  }
  /* 원격훈련 */
  .subRemote i.ico-how, .subRemote i.ico-pro {
    width: 12vw;
    height: 12vw;
  }
  .subRemote i.ico-how {
    top: -6vw;
  }
  .subRemote i.ico-pro {
    margin-bottom: 4vw;
  }
  .subRemote .remote_how .ar_checkList ul {
    gap: 4vw;
  }
  .subRemote .remote_how .ar_checkList li {
    padding-left: 6.4rem;
  }
  .subRemote .remote_how .ar_checkList li::before {
    top: -0.5rem;
    width: 5rem;
    height: 5rem;
  }
  .hrd_policy {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .hrd_qus_wrap {
    padding: 4vw;
    border-radius: 1rem;
  }
  .hrd_qus .qus_item {
    flex-direction: column;
    gap: 2vw;
  }
  .hrd_qus .qus_item p {
    margin-left: 0;
    border-radius: 1rem;
  }
  .hrd_qus .qus_item p::before {
    border-color: transparent transparent #3b3844 transparent;
    top: -1.6rem;
  }
  .hrd_qus .qus_item p::after {
    border-color: transparent transparent #fff transparent;
    top: -1.1rem;
  }
  .hrd_qus .qus_item p::before, .hrd_qus .qus_item p::after {
    margin-left: 0;
    border-width: 0 1rem 1.4rem 1rem;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
  }
  .hrd_qus .qus_item:nth-child(odd) p::before {
    border-color: transparent transparent #3060ff transparent;
  }
  .hrd_pro .hrd_pro_slide::before {
    display: none;
  }
  .ap_grid .card_item .front {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-wrap: pretty;
    word-break: keep-all;
  }
  .mapArea .company .cp-btn {
    flex-direction: column;
  }
  .dtiArea summary::before {
    left: 2.9rem;
  }
  .dtiArea summary {
    padding-left: 6rem;
  }
  .dtiArea ul li {
    padding-left: 2rem;
  }
  /* 통합검색 — 검색줄을 한 단계 줄인다(높이 6rem · 테두리 .2rem).
     펼친 목록은 왼쪽 시작점(margin + border + padding + option 여백 = 2rem)을 줄어든 select 여백에 다시 맞춘다. */
  .subSearch .search_head .inner {
    gap: 2.4rem;
    padding: 4rem 0;
  }
  .subSearch .search_head .inner .util .search-area {
    gap: 1rem;
    border-width: 0.2rem;
  }
  .subSearch .search_head .inner .util .search-area input, .subSearch .search_head .inner .util .search-area select {
    height: 6rem;
    padding: 0 0.6rem;
    font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  }
  .subSearch .search_head .inner .util .search-area select {
    width: 13rem;
    padding-left: 2rem;
  }
  .subSearch .search_head .inner .util .search-area select::picker(select) {
    margin-block: 0.8rem;
    margin-inline-start: 0.1rem;
    padding: 0.6rem;
    border-radius: 1.4rem;
  }
  .subSearch .search_head .inner .util .search-area select option {
    padding: 0.7rem 1.2rem;
    border-radius: 0.8rem;
  }
  .subSearch .search_head .inner .util .search-area button {
    width: 3.2rem;
    margin-right: 1.6rem;
    background-size: 2.2rem;
  }
  .subSearch .search_head .inner .util .search-keyword {
    margin-top: 1.2rem;
  }
  .subSearch .search_result {
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .subSearch #search_all .search_items:not(:last-child) {
    padding-bottom: 4rem;
    margin-bottom: 4rem;
  }
  .subSearch .search_items .search_lists dl {
    padding: 2rem;
    gap: 1rem;
  }
}
/* 535px */
@media screen and (max-width: 535px) {
  /* 개인정보처리방침·이용약관 — 라벨 3열 고정, 표는 옆으로 흘려 보낸다(.tb-grid 의 overflow-x) */
  .sub_policy .policy_labels .label_grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .sub_policy .policy_intro {
    border-left-width: 0.3rem;
  }
  #curriculumWrap .cur_head {
    padding: 2rem 1.6rem;
  }
  #curriculumWrap .cur_panel {
    padding: 2rem 1.6rem;
  }
  .sub_mypage > section > .bt-lnb {
    width: 3.6rem;
    height: 3.6rem;
  }
  .sub_mypage > section > .sec_cont .sec_bread {
    min-height: 3.6rem;
    padding-right: 4.4rem;
  }
  .sub_mypage > section > aside > nav {
    max-width: 80%;
    padding: 2rem 2rem 10rem;
  }
  .sub_mypage > section > aside > nav .my_lnb a {
    padding: 1rem 1.2rem 1rem 4rem;
  }
  .subHeader .subTit {
    height: 10rem;
    flex-direction: column;
    gap: 2rem;
    height: auto;
  }
  .subHeader .subTit h1 {
    font-size: 3rem;
  }
  .myCont .tabBtn {
    gap: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .myCont .tabBtn li {
    font-size: 1.8rem;
  }
  .contents .lec_grid {
    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
    gap: 1rem;
  }
  .contents > section .sec_inner {
    gap: 2rem;
  }
  .subRemote .remote_pro .remote_step {
    grid-template-columns: repeat(1, 1fr);
    padding: 3vw 3vw 3vw 8vw;
  }
  .subRemote .remote_pro .remote_step dl:nth-child(odd), .subRemote .remote_pro .remote_step dl:nth-child(even) {
    border: none;
    padding-left: 20vw;
    text-align: left;
  }
  .subRemote .remote_pro .remote_step dl:nth-child(odd)::before, .subRemote .remote_pro .remote_step dl:nth-child(even)::before {
    position: absolute;
    left: 0;
    width: 15vw;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }
  .subRemote .remote_pro .remote_step dl dt, .subRemote .remote_pro .remote_step dl dd {
    word-break: keep-all;
    text-wrap: pretty;
  }
  /* 어필 그리드형 */
  .ap_grid {
    grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
  }
  /* 통합검색 — 320px 까지 검색줄(select + input + 버튼)이 한 줄에 들어가도록 줄인다(높이 5rem).
     펼친 목록 시작점은 select 여백 1.6rem 에 맞춘다(border .1 + padding .6 + option .9). */
  .subSearch .search_head .inner {
    gap: 2rem;
    padding: 3rem 0;
  }
  .subSearch .search_head .inner .copy em {
    font-size: clamp(1.6rem, 1.7578vw, 1.8rem);
  }
  .subSearch .search_head .inner .copy h2 {
    font-size: clamp(3.6rem, 4.6875vw, 4.8rem);
    margin: 0.6rem 0 1.2rem;
  }
  .subSearch .search_head .inner .copy p {
    font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
    line-height: 1.5;
  }
  .subSearch .search_head .inner .util .search-area {
    gap: 0.4rem;
  }
  .subSearch .search_head .inner .util .search-area input, .subSearch .search_head .inner .util .search-area select {
    height: 5rem;
    font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  }
  .subSearch .search_head .inner .util .search-area select {
    width: 10rem;
    padding-left: 1.6rem;
  }
  .subSearch .search_head .inner .util .search-area select::picker(select) {
    margin-inline-start: 0;
  }
  .subSearch .search_head .inner .util .search-area select option {
    padding: 0.7rem 0.9rem;
  }
  .subSearch .search_head .inner .util .search-area button {
    margin-right: 1.2rem;
    background-size: 2rem;
  }
  .subSearch .search_head .inner .util .search-keyword {
    align-items: flex-start;
  }
  .subSearch .search_head .inner .util .search-keyword p {
    display: flex;
    align-items: center;
    height: 2.6rem;
    font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  }
  .subSearch .search_head .inner .util .search-keyword .items em {
    height: 2.6rem;
    padding: 0.4rem 1rem;
    font-size: clamp(1.2rem, 1.3672vw, 1.4rem);
  }
  .subSearch .sec_tabmenu {
    margin-bottom: 2.4rem;
  }
  .subSearch .sec_tabmenu .tab-l.nar li {
    height: 4.2rem;
    font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  }
  .subSearch .sec_tabmenu .tab-l.nar li a, .subSearch .sec_tabmenu .tab-l.nar li button {
    padding: 0 1.2rem;
  }
  .subSearch .search_result {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .subSearch .search_result p {
    font-size: clamp(1.8rem, 1.9531vw, 2rem);
  }
  .subSearch #search_all .search_items:not(:last-child) {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
  .subSearch .search_items .search_lists dl {
    padding: 1.6rem;
  }
  .subSearch .search_items .search_lists dl dd {
    flex-direction: column;
    align-items: flex-start;
  }
  .subSearch .search_items .search_lists dl dd .get_data::before {
    display: none;
  }
}
/* 335px */
@media screen and (max-width: 335px) {
  .contents .lec_grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .infoBox .info_progress .info_user menu {
    width: 100%;
    flex-wrap: wrap;
  }
  .infoBox .info_progress .info_user menu a.bt-rd-m {
    width: 100%;
  }
  /* 업적관련 */
  .meritCenter .ach_grid,
  .meritCenter .ach_list {
    grid-template-columns: repeat(1, 1fr);
  }
  .meritCenter .ach_grid .ach_item .thumb,
  .meritCenter .ach_list .ach_item .thumb {
    width: 8rem;
    height: 8rem;
  }
}