@charset "UTF-8";
/* NO CSS*/
#krds-header .header {
  -webkit-box-shadow: initial;
          box-shadow: initial;
  border-bottom-color: transparent;
}

main#container {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#F5F8FF));
  background: linear-gradient(to bottom, transparent, #F5F8FF);
  background-attachment: fixed;
}

.page-title-wrap .h-tit {
  display: block !important;
  font-size: 4.8rem;
  color: #222;
  text-align: center;
}

.krds-breadcrumb-wrap .breadcrumb, .page-step::before, .page-step h3.sec-tit + br, .complete::before, .page-step + br {
  display: none;
}

#container > .inner:first-child {
  display: block;
  width: calc(100% - 4rem);
  max-width: 130rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.login-type-tab, .page-step, .complete {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  padding: 16rem 3rem 7.2rem;
  -webkit-box-shadow: 0.4rem 0.4rem 1.6rem rgba(21, 63, 140, 0.05);
          box-shadow: 0.4rem 0.4rem 1.6rem rgba(21, 63, 140, 0.05);
  border-radius: 2rem;
  background: url("/resources/mps/public/images/contents/sns.png") no-repeat center 7.2rem #fff;
  background-size: auto 6.4rem;
  font-size: 1.6rem;
  color: #616161;
  text-align: center;
}
.login-type-tab::before, .page-step::before, .complete::before {
  margin: 2.4rem 0 0.4rem;
  font-size: 3.2rem;
  font-weight: 700;
  color: #222;
  content: "SNS 간편인증";
}
.login-type-tab h2, .login-type-tab h3.sec-tit, .login-type-tab h3.sec-tit + br + p, .login-type-tab .comp-info-box, .page-step h2, .page-step h3.sec-tit, .page-step h3.sec-tit + br + p, .page-step .comp-info-box, .complete h2, .complete h3.sec-tit, .complete h3.sec-tit + br + p, .complete .comp-info-box {
  width: 33rem;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
}
.login-type-tab p, .page-step p, .complete p {
  font-size: inherit;
  font-weight: inherit;
  color: #616161;
}
.login-type-tab .sns-oauth-error, .page-step .sns-oauth-error, .complete .sns-oauth-error {
  width: 33rem;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 1rem;
  color: #c0392b;
}
.login-type-tab .sns-oauth-error p, .page-step .sns-oauth-error p, .complete .sns-oauth-error p {
  color: #c0392b;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  white-space: pre-line;
}
.login-type-tab .login-form-area, .page-step .login-form-area, .complete .login-form-area {
  padding: 0;
  border: 0 none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: start;
  gap: 0.8rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.login-type-tab .login-form-area::after, .page-step .login-form-area::after, .complete .login-form-area::after {
  display: none;
}
.login-type-tab .login-form-area .login-wrap, .page-step .login-form-area .login-wrap, .complete .login-form-area .login-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0;
          flex: 0 0;
}
.login-type-tab .login-form-area .login-wrap .krds-btn, .page-step .login-form-area .login-wrap .krds-btn, .complete .login-form-area .login-wrap .krds-btn {
  height: 4.8rem;
  padding: 0 2.95rem;
  border-radius: 0.8rem;
  border-color: #e0e0e0;
  font-size: 1.6rem;
  font-weight: 500;
  color: #391F1F;
  gap: 0.6rem;
}
.login-type-tab .login-form-area .login-wrap .krds-btn[href*=google]::before, .page-step .login-form-area .login-wrap .krds-btn[href*=google]::before, .complete .login-form-area .login-wrap .krds-btn[href*=google]::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/resources/mps/public/images/contents/google.svg") no-repeat center center;
  background-size: 100% auto;
  content: "";
}
.login-type-tab .login-form-area .login-wrap .krds-btn[href*=kakao], .page-step .login-form-area .login-wrap .krds-btn[href*=kakao], .complete .login-form-area .login-wrap .krds-btn[href*=kakao] {
  border-color: #FFE100;
  background-color: #FFE100;
}
.login-type-tab .login-form-area .login-wrap .krds-btn[href*=kakao]::before, .page-step .login-form-area .login-wrap .krds-btn[href*=kakao]::before, .complete .login-form-area .login-wrap .krds-btn[href*=kakao]::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/resources/mps/public/images/contents/kakao.png") no-repeat center center;
  background-size: 100% auto;
  content: "";
}
.login-type-tab .login-form-area .login-wrap .krds-btn[data-provider=naver], .login-type-tab .login-form-area .login-wrap .krds-btn[href*=naver], .page-step .login-form-area .login-wrap .krds-btn[data-provider=naver], .page-step .login-form-area .login-wrap .krds-btn[href*=naver], .complete .login-form-area .login-wrap .krds-btn[data-provider=naver], .complete .login-form-area .login-wrap .krds-btn[href*=naver] {
  border-color: #34A734;
  background-color: #34A734;
  color: #fff;
}
.login-type-tab .login-form-area .login-wrap .krds-btn[data-provider=naver]::before, .login-type-tab .login-form-area .login-wrap .krds-btn[href*=naver]::before, .page-step .login-form-area .login-wrap .krds-btn[data-provider=naver]::before, .page-step .login-form-area .login-wrap .krds-btn[href*=naver]::before, .complete .login-form-area .login-wrap .krds-btn[data-provider=naver]::before, .complete .login-form-area .login-wrap .krds-btn[href*=naver]::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 2rem;
  height: 2rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/resources/mps/public/images/contents/naver.png") no-repeat center center;
  background-size: 100% auto;
  content: "";
}
.login-type-tab .form-group:last-child, .page-step .form-group:last-child, .complete .form-group:last-child {
  display: block;
  width: 100%;
  margin-top: 3.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.login-type-tab .form-group:last-child li::before, .page-step .form-group:last-child li::before, .complete .form-group:last-child li::before {
  content: "아직 계정이 없으신가요? ";
}
.login-type-tab .form-group:last-child a, .page-step .form-group:last-child a, .complete .form-group:last-child a {
  background: none !important;
  color: #17479D;
  text-decoration: underline;
}
.login-type-tab .form-group:last-child a::after, .page-step .form-group:last-child a::after, .complete .form-group:last-child a::after {
  content: " 바로가기";
}

.sns-join-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--krds-gap-9);
}

.complete {
  background: url("/resources/mps/public/images/contents/complete.png") no-repeat center 7.2rem #fff;
}
.complete .page-step {
  padding: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.complete .comp-info-box {
  padding: 0;
  border-radius: 0;
  background: none;
}
.complete .comp-btn-wrap {
  margin-top: 4rem;
}
.complete .krds-btn.xlarge {
  height: 4.8rem;
  padding: 0 2.2rem;
  font-size: 1.6rem;
}
.complete .krds-btn.xlarge::after {
  display: block;
  font-family: "remixicon";
  content: "\ea6e";
}
.complete .krds-btn.xlarge.primary {
  border-color: #17479D;
  background-color: #17479D;
}

.contents_body {
  position: relative;
}
.contents_body .mypage-left-menu {
  position: fixed;
  left: auto;
  top: auto;
  width: 20rem;
  font-size: 1.8rem;
  color: #9e9e9e;
}
.contents_body .mypage-left-menu h2 {
  display: none;
}
.contents_body .mypage-left-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.1rem;
  margin-bottom: 1.6rem;
  padding-left: 1.6rem;
  border-left: 0.5rem solid transparent;
  color: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contents_body .mypage-left-menu .active a {
  border-left-color: #17479D;
  font-weight: 600;
  color: #000;
}
.contents_body .mypage-left-menu + script + section[class*=mypage-] h2 {
  font-size: 2.6rem;
  font-weight: 600;
  color: #222;
}
.contents_body .mypage-left-menu + script + section[class*=mypage-] .search-list-top {
  margin: 3.2rem 0 1.6rem;
}
.contents_body .mypage-left-menu + script + section[class*=mypage-] .search-list-top .sch-info li {
  font-size: 1.6rem;
  font-weight: 400;
  color: #616161;
}
.contents_body .mypage-left-menu + script + section[class*=mypage-] .search-list-top .sch-info li .point {
  margin-left: 0.5rem;
  color: #222;
}
@media (max-width: 1023px) {
  .contents_body .mypage-left-menu {
    display: none;
  }
}

section[class*=mypage-] {
  position: relative;
  width: calc(100% - 20rem);
  max-width: 102.4rem;
  margin-left: auto;
  padding: 4rem;
  -webkit-box-shadow: 0.4rem 0.4rem 1.6rem rgba(21, 63, 140, 0.05);
          box-shadow: 0.4rem 0.4rem 1.6rem rgba(21, 63, 140, 0.05);
  border-radius: 2rem;
  background-color: #fff;
}
section[class*=mypage-] h2 {
  margin-bottom: 1.6rem;
  font-size: 2rem;
  font-weight: 500;
  color: #2D4063;
}
section[class*=mypage-].mypage-bookmark-preview .board_list td[colspan="3"] a {
  border: 1px solid #424242;
  background-color: #fff;
  color: #424242;
  line-height: 4.6rem;
}
@media (max-width: 1023px) {
  section[class*=mypage-] {
    width: 100%;
  }
}
section[class*=mypage-] .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 4rem;
  top: 4.5rem;
  font-size: 1.6rem;
  color: #2D4063;
  gap: 0.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section[class*=mypage-] .more::after {
  display: block;
  font-family: "remixicon";
  font-size: 1.8rem;
  font-weight: 500;
  content: "\ea13";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-] .more:hover::after, section[class*=mypage-] .more:focus::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section[class*=mypage-] .board_list {
  overflow: hidden;
}
section[class*=mypage-] .board_list table {
  position: relative;
  left: -1px;
}
section[class*=mypage-] .board_list table:not(#bookmarkListTable) th {
  border-left: 1px solid #e0e0e0;
  color: #2D4063;
}
section[class*=mypage-] .board_list table:not(#bookmarkListTable) td {
  border-left: 1px solid #e0e0e0;
}
section[class*=mypage-] .board_list td[aria-label=분류], section[class*=mypage-] .board_list td[aria-label*=북마크], section[class*=mypage-] .board_list td[aria-label=상태] {
  width: 16rem;
}
section[class*=mypage-] .board_list td[colspan="3"] {
  display: table-cell;
  padding: 5.9rem 0;
  font-size: 1.6rem;
  color: #616161;
}
section[class*=mypage-] .board_list td[colspan="3"]::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 6.4rem;
  height: 6.4rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 1.6rem;
  background: url("/resources/mps/public/images/contents/icon4_1.png") no-repeat center center;
  background-size: 100% auto;
  content: "";
}
section[class*=mypage-] .board_list td[colspan="3"] a {
  display: inline-block;
  margin-top: 3.2rem;
  height: 4.8rem;
  padding: 0 2.2rem;
  border-radius: 1rem;
  background-color: #17479D;
  color: #fff;
  vertical-align: middle;
  line-height: 4.8rem;
}
section[class*=mypage-] .board_list td[colspan="3"] a::after {
  display: block;
  font-family: "remixicon";
  display: inline;
  margin-left: 0.6rem;
  content: "\ea6e";
}
section[class*=mypage-] .board_list #bookmarkListTable td[aria-label=북마크] .krds-form-check label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 3.2rem;
  height: 3.2rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  border: 0 none;
  border-radius: 0.6rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-] .board_list #bookmarkListTable td[aria-label=북마크] .krds-form-check label::before {
  display: block;
  font-family: "remixicon";
  width: 100%;
  height: 100%;
  border: 0 none;
  background: none;
  font-size: 2rem;
  color: #ABB2BF;
  content: "\eae5";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-] .board_list #bookmarkListTable td[aria-label=북마크] .krds-form-check label::after {
  display: none;
}
section[class*=mypage-] .board_list #bookmarkListTable td[aria-label=북마크] .krds-form-check label:hover, section[class*=mypage-] .board_list #bookmarkListTable td[aria-label=북마크] .krds-form-check label:focus {
  background-color: #EBEFF6;
}
section[class*=mypage-] .board_list #bookmarkListTable td[aria-label=북마크] .krds-form-check input:checked + label::before {
  color: #00B6CD;
  content: "\eae4";
}
section[class*=mypage-].mypage-member-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section[class*=mypage-].mypage-member-info > div + div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section[class*=mypage-].mypage-member-info > div + div b {
  margin-right: 1.6rem;
  font-weight: 500;
  color: #2D4063;
}
section[class*=mypage-].mypage-member-info > div + div .google::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/resources/mps/public/images/contents/google.svg") no-repeat center center;
  background-size: 100% auto;
  content: "";
}
section[class*=mypage-].mypage-member-info > div + div .kakao::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/resources/mps/public/images/contents/kakao.png") no-repeat center center;
  background-size: 100% auto;
  content: "";
}
section[class*=mypage-].mypage-member-info > div + div .naver::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-mask: url("/resources/mps/public/images/contents/naver.png") no-repeat center center;
          mask: url("/resources/mps/public/images/contents/naver.png") no-repeat center center;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  background-color: #34A734;
  content: "";
}
section[class*=mypage-].mypage-member-info > div + div span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  font-size: 1.6rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-].mypage-member-info > div + div span:hover, section[class*=mypage-].mypage-member-info > div + div span:focus {
  background-color: #F5F7FA;
}
section[class*=mypage-].mypage-member-info > div + div span:hover .close, section[class*=mypage-].mypage-member-info > div + div span:focus .close {
  color: #8B95A6;
}
section[class*=mypage-].mypage-member-info > div + div .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
  color: #D0D6E0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-].mypage-member-info > div + div .close::before {
  display: block;
  font-family: "remixicon";
  content: "\eb96";
  line-height: 0.8;
}
section[class*=mypage-].mypage-member-info > div + div .close:hover, section[class*=mypage-].mypage-member-info > div + div .close:focus {
  color: #8B95A6;
}
section[class*=mypage-].mypage-member-info > div:first-child {
  position: relative;
  padding-left: 6.8rem;
  font-size: 2rem;
  font-weight: 600;
  color: #2D4063;
}
section[class*=mypage-].mypage-member-info > div:first-child::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 4.8rem;
  height: 4.8rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
  font-family: "remixicon";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  background-color: #D9DDE5;
  font-size: 3rem;
  color: #fff;
  content: "\f25f";
}
section[class*=mypage-].mypage-member-info > div:first-child span {
  color: #17479D;
}
section[class*=mypage-].mypage-member-info > div:first-child button {
  font-size: 1.4rem;
  font-weight: 400;
  color: #9e9e9e;
  text-decoration: underline;
}
section[class*=mypage-].mypage-write em {
  margin-right: 0.6rem;
  color: #d43333;
}
section[class*=mypage-].mypage-write input[type=text], section[class*=mypage-].mypage-write select, section[class*=mypage-].mypage-write textarea {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.6rem;
  border-radius: 0.3rem;
  border: 1px solid #e0e0e0;
  font-size: 1.6rem;
  color: #616161;
}
section[class*=mypage-].mypage-write fieldset > legend + p {
  margin-bottom: 1.2rem;
  text-align: right;
}
section[class*=mypage-].mypage-write .agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.2rem;
  border-radius: 2rem;
  background-color: #fafafa;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section[class*=mypage-].mypage-write .agree strong {
  margin-right: auto;
}
section[class*=mypage-].mypage-write .agree p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
section[class*=mypage-].mypage-write .agree + p {
  margin: 2.4rem 0 1.2rem;
  color: #616161;
  text-align: right;
}
section[class*=mypage-].mypage-write .agree input[type=radio] + label::before {
  border-radius: 1.8rem;
  content: "";
  background-color: #fff !important;
}
section[class*=mypage-].mypage-write .agree input[type=radio]:checked + label::before {
  border: 0.5rem solid #17479D;
}
section[class*=mypage-].mypage-write input[type=checkbox], section[class*=mypage-].mypage-write input[type=radio] {
  position: absolute;
  opacity: 0;
}
section[class*=mypage-].mypage-write input[type=checkbox]:checked + label::before, section[class*=mypage-].mypage-write input[type=radio]:checked + label::before {
  border-color: #17479D;
  background-color: #17479D;
  color: #fff;
}
section[class*=mypage-].mypage-write input[type=checkbox] + label, section[class*=mypage-].mypage-write input[type=radio] + label {
  position: relative;
  padding-left: 2.6rem;
}
section[class*=mypage-].mypage-write input[type=checkbox] + label::before, section[class*=mypage-].mypage-write input[type=radio] + label::before {
  display: block;
  font-family: "remixicon";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 1.8rem;
  height: 1.8rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0.5rem;
  border-radius: 0.3rem;
  border: 1px solid #e0e0e0;
  font-size: 1.6rem;
  color: #fff;
  content: "\eb7b";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-].mypage-write input[type=checkbox] + label + p, section[class*=mypage-].mypage-write input[type=radio] + label + p {
  margin-top: 0.6rem;
  color: #d43333;
}
section[class*=mypage-].mypage-write select {
  width: 16rem;
  max-width: calc(50% - 0.5rem);
  background: url("/resources/krds/img/icon/ico_angle.svg") no-repeat calc(100% - 1.5rem) center;
  background-size: 1.8rem auto;
}
section[class*=mypage-].mypage-write select + input[type=text] {
  width: calc(100% - 17rem);
}
section[class*=mypage-].mypage-write textarea {
  height: 12.3rem;
  padding: 1.1rem 1.6rem;
}
section[class*=mypage-].mypage-write textarea + span {
  display: block;
  margin-top: 0.6rem;
  font-size: 1.6rem;
  color: #757575;
  text-align: right;
}
section[class*=mypage-].mypage-write table {
  border: 0 none;
  border-top: 0.2rem solid #616161;
  table-layout: initial;
}
section[class*=mypage-].mypage-write table th {
  width: 22rem;
  padding: 2.35rem;
  border: 0 none;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background-color: #F5F7FA;
  font-weight: 600;
  color: #2D4063;
  text-align: center;
}
section[class*=mypage-].mypage-write table td {
  padding: 1.2rem 2.4rem;
  border: 0 none;
  border-bottom: 1px solid #e0e0e0;
}
section[class*=mypage-].mypage-write .view-pre {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: pre-line;
  word-break: break-word;
}
section[class*=mypage-].mypage-write .label {
  display: inline-block;
  width: 10rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #616161;
  vertical-align: middle;
}
section[class*=mypage-].mypage-write .label ~ * {
  display: inline-block;
  max-width: calc(100% - 11.6rem);
  vertical-align: middle;
}
section[class*=mypage-].mypage-write #insertForm + p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 6.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
}
section[class*=mypage-].mypage-write #insertForm + p button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2.2rem;
  border-radius: 0.8rem;
  height: 4.8rem;
  background-color: #424242;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}
section[class*=mypage-].mypage-write #insertForm + p #btnSave {
  margin-left: auto;
  background-color: #17479D;
}
section[class*=mypage-].mypage-write #insertForm + p #btnSave::before {
  display: block;
  font-family: "remixicon";
  content: "\eb7b";
}
section[class*=mypage-].mypage-comment {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}
section[class*=mypage-].mypage-comment > p {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 500;
  color: #000;
}
section[class*=mypage-].mypage-comment .no {
  padding: 6.9rem 0;
  font-size: 1.6rem;
  color: #616161;
  text-align: center;
}
section[class*=mypage-].mypage-comment #counselCmntCnt {
  color: #17479D;
}
section[class*=mypage-].mypage-comment .write {
  position: relative;
  padding: 2rem;
  border-radius: 1rem;
  border: 1px solid #e0e0e0;
  text-align: right;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-].mypage-comment .write button {
  height: 4rem;
  margin-left: auto;
  margin-top: 1.6rem;
  padding: 0 1.2rem;
  border-radius: 1rem;
  background-color: #f5f5f5;
  font-size: 1.6rem;
  color: #757575;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-].mypage-comment .write > textarea {
  display: block;
  width: 100%;
  height: 8.7rem;
  padding: 0 !important;
  outline: 0 none;
  border: 0 none !important;
  text-align: left;
}
section[class*=mypage-].mypage-comment .write:hover, section[class*=mypage-].mypage-comment .write:focus, section[class*=mypage-].mypage-comment .write:active, section[class*=mypage-].mypage-comment .write.active {
  border-color: #808080;
}
section[class*=mypage-].mypage-comment .write:hover > button, section[class*=mypage-].mypage-comment .write:focus > button, section[class*=mypage-].mypage-comment .write:active > button, section[class*=mypage-].mypage-comment .write.active > button {
  background-color: #17479D;
  color: #fff;
}
section[class*=mypage-].mypage-comment .write .file ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
}
section[class*=mypage-].mypage-comment .write .file ul:not(:empty) {
  margin-bottom: 4.5rem;
}
section[class*=mypage-].mypage-comment .write .file img {
  height: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
section[class*=mypage-].mypage-comment .write .file li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 30rem;
  height: 4rem;
  padding: 0 1.2rem;
  border-radius: 1.2rem;
  border: 1px solid #EDEDED;
  gap: 0.8rem;
  font-size: 1.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section[class*=mypage-].mypage-comment .write .file li span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
section[class*=mypage-].mypage-comment .write .file .del {
  overflow: hidden;
  width: 1.3rem;
  height: 1.3rem;
  margin: 0;
  padding: 0;
  border-radius: 100%;
  background-color: #757575;
  font-size: 1rem;
  color: #fff;
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
section[class*=mypage-].mypage-comment .write .file .del::before {
  display: block;
  font-family: "remixicon";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "\eb99";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-].mypage-comment .write .file .del:hover::before, section[class*=mypage-].mypage-comment .write .file .del:focus::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section[class*=mypage-].mypage-comment .write .file p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  width: calc(100% - 13rem);
  gap: 1.6rem;
  font-size: 1.6rem;
  color: #808080;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: keep-all;
}
section[class*=mypage-].mypage-comment .write .file p span {
  text-align: left;
}
section[class*=mypage-].mypage-comment .write .file p button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0 2rem;
  border-radius: 0.3rem;
  border: 1px solid #424242;
  background-color: #fff;
  color: #424242;
  gap: 0.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
section[class*=mypage-].mypage-comment .write .file p button::before {
  display: block;
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #222;
  content: "\f0d1";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-].mypage-comment .write .file p button:hover, section[class*=mypage-].mypage-comment .write .file p button:focus {
  background-color: #222;
  color: #fff;
}
section[class*=mypage-].mypage-comment .write .file p button:hover::before, section[class*=mypage-].mypage-comment .write .file p button:focus::before {
  color: #fff;
}
@media (max-width: 450px) {
  section[class*=mypage-].mypage-comment .write .file li {
    max-width: 100%;
  }
  section[class*=mypage-].mypage-comment .write .file p span {
    display: none;
  }
}
section[class*=mypage-].mypage-comment #counselCmntList {
  margin-bottom: 2.4rem;
}
section[class*=mypage-].mypage-comment #counselCmntList > li {
  padding: 3.2rem 2.4rem;
  border-bottom: 1px solid #e0e0e0;
  color: #616161;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-body {
  margin-top: 1.6rem;
}
section[class*=mypage-].mypage-comment #counselCmntList > li.type1 {
  background-color: #F8F9FB;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #757575;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta strong {
  font-weight: 600;
  color: #2D4063;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta span {
  margin-right: auto;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta button {
  font-weight: 300;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta button:hover, section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta button:focus {
  color: #17479D;
  text-decoration: underline;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-edit-wrap {
  position: relative;
  margin-top: 1.6rem;
  padding: 2rem;
  border-radius: 1rem;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  text-align: right;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-edit-wrap textarea {
  display: block;
  width: 100%;
  height: 8.7rem;
  padding: 0 !important;
  outline: 0 none;
  border: 0 none !important;
  text-align: left;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-edit-wrap .cmnt-edit-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
  font-size: 1.6rem;
  color: #808080;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-edit-wrap .cmnt-edit-btns .btn-cmnt-save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  margin-left: auto;
  margin-top: 0;
  padding: 0 1.2rem;
  border-radius: 1rem;
  border: 0 none;
  background-color: #f5f5f5;
  font-size: 1.6rem;
  color: #757575;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-edit-wrap .cmnt-edit-btns .btn-cmnt-cancel {
  height: auto;
  margin: 0;
  padding: 0;
  border: 0 none;
  background: none;
  font-size: 1.6rem;
  color: #808080;
  text-decoration: underline;
}
section[class*=mypage-].mypage-comment #counselCmntList > li > ul.file {
  margin-top: 1.6rem;
  padding: 1.6rem;
  border-radius: 0.3rem;
  background-color: #FAFAFA;
  font-size: 1.6rem;
}
section[class*=mypage-].mypage-comment #counselCmntList > li > ul.file li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section[class*=mypage-].mypage-comment #counselCmntList > li > ul.file img {
  height: 2rem;
}
section[class*=mypage-].mypage-comment #counselCmntList > li > ul.file small {
  font-size: 1.4rem;
  color: #9e9e9e;
}
section[class*=mypage-].mypage-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  border-radius: 0;
  background: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
}
section[class*=mypage-].mypage-btns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.8rem;
  padding: 0 2.2rem;
  border-radius: 0.8rem;
  border: 1px solid #424242;
  background-color: #fff;
  font-size: 1.6rem;
  color: #424242;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}
section[class*=mypage-].mypage-btns button#btnList {
  background-color: #424242;
  color: #fff;
}
section[class*=mypage-].mypage-member h2 {
  position: relative;
  padding-left: 4rem;
}
section[class*=mypage-].mypage-member h2::before {
  display: block;
  font-family: "remixicon";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 3rem;
  font-weight: 400;
  color: #D80027;
  content: "\ea20";
  line-height: 1.5;
}
section[class*=mypage-].mypage-member ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
section[class*=mypage-].mypage-member li {
  position: relative;
  padding-left: 1.2rem;
}
section[class*=mypage-].mypage-member li::before {
  position: absolute;
  left: 0;
  top: 1rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background-color: #9e9e9e;
  content: "";
}
section[class*=mypage-].mypage-member form p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 1px dashed #bdbdbd;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 0.8rem;
}
section[class*=mypage-].mypage-member form p a, section[class*=mypage-].mypage-member form p button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.8rem;
  padding: 0 2.2rem;
  border-radius: 0.8rem;
  border: 1px solid #3C3F46;
  font-size: 1.6rem;
  color: #424242;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}
section[class*=mypage-].mypage-member form p button {
  background-color: #3C3F46;
  color: #fff;
}
section[class*=mypage-].mypage-member form p button::after {
  display: block;
  font-family: "remixicon";
  content: "\ea6e";
}
@media (max-width: 767px) {
  section[class*=mypage-] {
    padding: 2.4rem;
  }
  section[class*=mypage-] .mypage-bookmark-more {
    right: 2rem;
    top: 2.8rem;
  }
  section[class*=mypage-] .board_list td {
    border: 0 none !important;
    font-size: 1.5rem;
    gap: 1rem;
  }
  section[class*=mypage-] .board_list td[aria-label=상태] {
    margin-top: 0.5rem;
    padding-left: 0;
  }
  section[class*=mypage-] .board_list td[aria-label=상태]::before, section[class*=mypage-] .board_list td[aria-label=상태]::after {
    display: none;
  }
  section[class*=mypage-] .board_list td[aria-label=제목] {
    padding: 0 0 1rem !important;
  }
  section[class*=mypage-] .board_list td[aria-label=제목] a {
    font-size: 2rem;
    font-weight: 600;
    color: #222;
  }
  section[class*=mypage-] .board_list td[colspan="3"] {
    min-width: 100%;
    text-align: center;
  }
  section[class*=mypage-] .board_list td[colspan="3"]::before, section[class*=mypage-] .board_list td[colspan="3"]::after {
    display: none;
  }
  section[class*=mypage-] .board_list td[aria-label=번호] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 3rem;
    height: 3rem;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 3rem;
  }
  section[class*=mypage-] .board_list td[aria-label=번호] ~ td {
    margin-left: 4.5rem;
  }
  section[class*=mypage-].mypage-member-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section[class*=mypage-].mypage-member-info > div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 4.8rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section[class*=mypage-].mypage-member-info > div:first-child div {
    margin-left: auto;
  }
  section[class*=mypage-].mypage-member-info > div:last-child {
    width: 100%;
    margin-left: 0;
    padding-left: 6.8rem;
  }
  section[class*=mypage-].mypage-member-info > div:last-child b {
    margin-right: auto;
  }
  section[class*=mypage-].mypage-write .agree {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.6rem;
  }
  section[class*=mypage-].mypage-write .agree strong {
    margin-left: auto;
  }
  section[class*=mypage-].mypage-write table th {
    display: block;
    width: 100%;
  }
  section[class*=mypage-].mypage-write table td {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta {
    gap: 1rem;
  }
  section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta span, section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta button {
    font-size: 1.6rem;
  }
}
@media (max-width: 450px) {
  section[class*=mypage-].mypage-member-info > div:first-child {
    display: block;
    height: auto;
    padding: 0;
    text-align: center;
  }
  section[class*=mypage-].mypage-member-info > div:first-child::before {
    display: block;
    position: static;
    margin: 0 auto 1rem;
  }
  section[class*=mypage-].mypage-member-info > div:last-child {
    margin-top: 1.2rem;
    padding: 1.2rem;
    border-radius: 0.8rem;
    background-color: #fafafa;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  section[class*=mypage-].mypage-member-info > div:last-child b {
    width: 100%;
    margin-bottom: 0.6rem;
  }
  section[class*=mypage-].mypage-write .agree {
    padding: 2.4rem;
  }
  section[class*=mypage-].mypage-write .agree strong {
    margin-left: 0;
  }
  section[class*=mypage-].mypage-write .agree p {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0;
  }
  section[class*=mypage-].mypage-write select {
    min-width: 100%;
  }
  section[class*=mypage-].mypage-write select + input[type=text] {
    width: 100%;
  }
  section[class*=mypage-].mypage-write select + * {
    margin-top: 0.6rem;
  }
  section[class*=mypage-].mypage-write .label {
    display: block;
    width: 100%;
    margin-bottom: 0.6rem;
  }
  section[class*=mypage-].mypage-write .label ~ * {
    display: block;
    max-width: initial;
    width: 100%;
  }
  section[class*=mypage-].mypage-comment #counselCmntList > li {
    position: relative;
    padding: 2rem 2rem 6rem;
  }
  section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta button {
    position: absolute;
    right: 2rem;
    bottom: 1.5rem;
  }
  section[class*=mypage-].mypage-comment #counselCmntList > li .cmnt-meta button.btn-cmnt-modify {
    right: 6rem;
  }
  section[class*=mypage-] .board_list td[colspan="3"] {
    display: block;
    width: 100%;
    white-space: normal;
  }
  section[class*=mypage-] .board_list td[colspan="3"] a {
    display: block;
    width: 15rem;
    margin-left: auto;
    margin-right: auto;
  }
  section[class*=mypage-] .board_list td[colspan="3"] a + a {
    margin-top: 0.6rem;
  }
}

.page-step.tel {
  padding-top: 7.2rem;
  background: none #fff;
}
.page-step.tel .page-btn-wrap.both.m-column {
  margin-top: 4rem;
  gap: 0.8rem;
}
.page-step.tel .page-btn-wrap.both.m-column .btn-wrap .krds-btn.xlarge::after {
  display: block;
  font-family: "remixicon";
  content: "\ea6e";
}
.page-step.tel .conts-wrap.conts-area.step-type .sec-tit {
  margin-bottom: 0.4rem;
}
.page-step.tel .conts-wrap.conts-area.step-type .sec-tit + br + p {
  width: 40rem;
}
.page-step.tel #snsJoinPhoneForm .login-form-area {
  width: 54rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 4rem 0;
  border-bottom: 1px dashed #bdbdbd;
  gap: 1.6rem;
}
.page-step.tel #snsJoinPhoneForm .login-form-area .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-step.tel #snsJoinPhoneForm .login-form-area .form-group .form-tit {
  width: 10.5rem;
  font-weight: 600;
  color: #2D4063;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-step.tel #snsJoinPhoneForm .login-form-area .form-group .form-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 450px) {
  .page-step.tel #snsJoinPhoneForm .login-form-area .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-step.tel #snsJoinPhoneForm .login-form-area .form-group .form-tit {
    width: 100%;
  }
  .page-step.tel #snsJoinPhoneForm .login-form-area .form-group .form-input {
    width: 100%;
  }
}