@charset "UTF-8";
/* ==============================================================
*  base
* ============================================================ */
/*   ==============================================================
*  contents
*  ============================================================ */
/* common.scss
============================== */
html {
  font-size: 62.5%;
}

html,
body {
  height: 100%;
}

body {
  background: #ffffff;
  color: #111111;
  font-family: "futura-pt", "Noto Sans KR", sans-serif;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 961px) {
  body {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body {
    font-size: 1.4rem;
  }
}
body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-feature-settings: "palt";
  font-family: "Noto Sans KR", sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
  line-height: 1;
}

img {
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  line-height: 0;
}

body,
footer,
.bg::before,
body:not(.page--home) .wrap,
.page--blog .block--comment .list--comment li form input,
.page--movie .block--comment .list--comment li form input {
  background: #fff;
}

.page--home .block--content-wrap {
  background: rgba(255, 255, 255, 0.7);
}

.page--blog .block--comment .list--comment li.comment--member .comment--bg .btn-delete input,
.page--blog .block--comment .list--comment li .comment-replies .replies li.comment--member .btn-delete input,
.page--movie .block--comment .list--comment li.comment--member .comment--bg .btn-delete input,
.page--movie .block--comment .list--comment li .comment-replies .replies li.comment--member .btn-delete input {
  background: #354A54;
  color: #E2E2E2;
}

/* background color */
.page--home .section--hero-img .block--login .g-nav--item__login::before,
.page--home .header .g-nav .g-nav--item.limited a::before,
.page--home .header .g-nav .nav li a::after,
.page--feature .page--introduction .block--login__member li .btn .btn--main {
  background: #fff;
}

.detail__btn a::after,
.page--home .section--video .slick-dots li button:before,
.page--home.window-scroll .header .g-nav .g-nav--item.limited a::before,
.page--home.window-scroll .header .g-nav .nav li a::after,
.header .g-nav .g-nav--item.limited a::before,
.header .g-nav .nav li a::after,
.page--schedule .section--list .block--month ul li a::after {
  background: #354a54;
}

input[readonly=readonly],
.block--category li a::after,
.btn .btn--main,
.block__answer,
.tit .limited::after,
.list--schedule .block--date > [class^=block--date] .block--date__month::after,
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.block--pager li::before {
  background: #6c6c6c;
}

.page--schedule .section--list .block--refine label p {
  background: rgb(137, 175, 183);
}

.page--schedule .section--list .block--refine li input[type=checkbox]:not(:checked) + p,
.page--blog .block--comment,
.page--movie .block--comment,
.block__question,
.page--faq .searchBox input[type=text],
.page--movie #form__search .searchBox input[type=text] {
  background: rgba(200, 200, 200, 0.2);
}

.tit .limited::after,
.btn .btn--main,
.block--login .nav__list--login li a,
.limited .section-tit::after,
.page--feature .page--introduction .block--service .block--service__contents li .inner span,
.page--faq .block--faq-detail span.icon--a,
.block__answer,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .wrap--action .reply-form .btn .btn--main {
  background: #89afb7;
}

.page--blog .block--comment .list--comment li.comment--member .comment--bg,
.page--blog .block--comment .list--comment li .replies li.comment--member,
.page--movie .block--comment .list--comment li.comment--member .comment--bg,
.page--movie .block--comment .list--comment li .replies li.comment--member {
  background: #e2e2e2;
}

.date {
  opacity: 0.7;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}

/* text color */
body, a,
.page--home .block--content-wrap,
.page--home .block--contents a,
.copyright,
.page--movie .section--detail .btn .btn--sub,
.page--faq .block--faq-detail span.icon--q,
.page--faq .section--detail .block--contact a,
.page--home .section--hero-img .block--login nav a,
.page--home footer .list-tit,
.list--support .list__item a,
.btn-delete input,
#form__search .searchBox input[type=submit] {
  color: #111111;
}

input[readonly=readonly],
.block__answer,
.tit .limited::after,
.btn .btn--main,
.block--login .nav__list--login li a,
.limited .section-tit::after,
.page--faq .block--faq-detail span.icon--a,
.page--feature .page--introduction .block--service .block--service__contents li .inner span,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .wrap--action .reply-form .btn .btn--main {
  color: #fff;
}

footer,
footer small,
footer small a,
.btn .btn--sub,
.page--home .section--hero-img .block--login nav li a,
.page--feature .page--introduction .block--service .block--service__contents li,
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter {
  color: #111111;
}

.page--feature .page--introduction .block--login__member li .btn .btn--main,
.list__item.new .tit::after,
.page--schedule .list--schedule li .block--txt.new .tit::after,
.page--blog .block--comment .list--comment li.comment--member .user:after,
.page--movie .block--comment .list--comment li.comment--member .user:after {
  color: #0065B2;
}

/**  font-family
//------------------------------ */
.category,
.section-tit,
.block--share .share,
.list--schedule .block--date,
.list--faq .icon--q,
.list--qa .list__item a::before,
.list--thumbnail .list__item .thumb .limited-thumb span,
.detail__btn a,
.header .g-nav .g-nav--item a,
.list__more a,
.tit .limited::after,
.limited .section-tit::after,
.tit .free::after,
.free .section-tit::after,
.block--pager li,
.block--category li,
.block--month,
.page--qa .tit--q span,
.page--qa .tit--a,
.page--qa .name span,
.page--faq .block--faq-detail span.icon--q,
.page--faq .block--faq-detail span.icon--a,
.g-nav--item__mypage,
.page--home .section--goods .list--goods .list__item.new::before,
.page--chat-community .switching {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.section-tit,
.list__more a,
.list__item.new .tit::after,
.header .g-nav .g-nav--item a {
  font-family: "futura-pt", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}

.section-tit {
  font-size: 45px;
}

.date {
  font-size: 13px;
  margin-bottom: 8px;
}

.list__item.new .tit {
  font-family: "Noto Sans", "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.list--information .date {
  font-family: "Noto Sans", "Noto Sans KR", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.list--information li {
  border-bottom: 1px solid #E2E2E2;
}

.copyright {
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.list .list__item a {
  padding: 30px 0;
}

.view__area {
  width: 100%;
  position: fixed;
  top: 0;
}

.page--home .section--hero-img {
  background: linear-gradient(180deg, #ffffff 0%, #F2F2F2 100%);
}

.page--home .block--content-wrap {
  position: relative;
  z-index: 1;
  margin-top: 100vh;
  background: #ffffff;
  border-radius: 24px 24px 0 0;
}

.page--home .wrap {
  padding-bottom: 400px;
}

.page--home .header {
  transform: translateY(-100%);
  transition: transform 0.6s 1.8s;
}

.page--home.loaded .header {
  transform: none;
}

.hero-graphic svg {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 6s cubic-bezier(0.19, 1, 0.22, 1);
}

body.loaded .hero-graphic svg {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.hero-graphic svg path.line_01 {
  fill: #063691;
}

.hero-graphic svg path.line_02 {
  fill: #ABCD03;
}

.hero-graphic svg path.line_03 {
  fill: #0064B2;
}

.hero-graphic svg path.line_04 {
  fill: #28BABC;
}

.scroll-down {
  opacity: 0;
  transition: opacity 0.6s ease 1.8s;
  letter-spacing: 0.06em;
}

.page--home.loaded .scroll-down {
  opacity: 1;
}

.page--home footer {
  margin-top: -1px;
}

.page--home .section--hero-img .block--hero-img img {
  display: none;
}

.bg {
  display: none;
}

.list--information .no-data {
  border-bottom: none;
}

.page--information .block--txt,
.page--information .block--editor,
.block--title .date {
  font-family: "Noto Sans", "Noto Sans KR", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.section--detail .detail__btn a,
.section--detail .block--share .share {
  font-family: "futura-pt", "Noto Sans KR", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.section--detail .block--title .tit {
  margin-bottom: 10px;
}

/* svg color */
.lineIco a svg {
  fill: #111111;
}

.ico--play {
  stroke: #111111;
}

.page--feature .block--service__contents li .inner span svg {
  fill: #fff;
}

.wrap {
  padding-bottom: 200px;
}

p.contact-text {
  width: 816px;
  max-width: 100%;
  margin-inline: auto;
  margin: 0 auto 24px;
}

.section-contact a::after {
  content: "";
  background-image: url(/static/fcopen/fanplakit/artist/fanplus_korea_43WC12of/img/arrow.png);
  display: inline-block;
  width: 12px;
  height: 12px;
  position: static;
  transform: none;
  background-size: contain;
  margin-left: 8px;
}

.section-contact .btn {
  width: 816px;
  max-width: 100%;
  margin-inline: auto;
}

.section-contact a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  background: #0065B2;
  font-weight: 600;
}

.section-contact .btn a::after {
  -webkit-mask: url(/static/fcopen/fanplakit/artist/fanplus_korea_43WC12of/img/arrow.png) no-repeat center/contain;
          mask: url(/static/fcopen/fanplakit/artist/fanplus_korea_43WC12of/img/arrow.png) no-repeat center/contain;
  background: #fff;
  background-image: none;
}

section.section-contact.section--list {
  text-align: center;
}

.tit .limited::after, .btn .btn--main, .block--login .nav__list--login li a, .limited .section-tit::after, .page--feature .page--introduction .block--service .block--service__contents li .inner span, .page--faq .block--faq-detail span.icon--a, .block__answer, .page--blog .wrap--action .reply-form .btn .btn--main, .page--movie .wrap--action .reply-form .btn .btn--main {
  background: #0065B2;
}

h1.logo a img {
  -webkit-user-drag: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

.footer__service li a img {
  -webkit-user-drag: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

h1.logo a img {
  filter: none !important;
}

@media screen and (min-width: 961px) {
  .sp {
    display: none !important;
  }
  .page--home footer .nav__list--sns li a,
  .page--home .list--support .list__item a {
    color: #111111;
  }
  .page--home .header {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 20%, rgba(46, 46, 46, 0.4784313725) 100%);
  }
  .header .drawer .block--login .nav li a,
  .page--home.window-scroll .header .drawer .block--login .nav li a,
  .page--home .header .drawer .nav li a {
    color: #fff;
  }
  .page--home.window-scroll .header .drawer .nav li a {
    color: #111111;
  }
  footer .nav__list--sns li a,
  .header .drawer .nav li a {
    color: #111111;
  }
  .header {
    mix-blend-mode: unset;
  }
  .bg::before {
    opacity: 0.6;
  }
  /* border background color */
  .page--home.window-scroll .header,
  .window-scroll .header {
    background: #fff;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1294117647);
  }
  .page--home .block--contents {
    width: 100%;
  }
  .list__more a::after {
    content: "";
    background-image: url("/static/fcopen/fanplakit/artist/fanplus_korea_43WC12of/img/arrow.png");
    display: inline-block;
    width: 12px;
    height: 12px;
    position: static;
    transform: none;
    background-size: contain;
    margin-left: 8px;
  }
  .page--home .header,
  .wrap.pattern-Official .header,
  .window-scroll #header-nav:not(:has(> .inner .block--login.pc)),
  .page--home.window-scroll .header, .window-scroll .header {
    background: none;
    box-shadow: none;
    padding: 10px 30px 10px 20px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
  }
  h1.logo a img,
  .pc a img {
    margin-top: 4px;
    width: 150px;
    height: 40px;
  }
  h1.logo {
    position: relative;
  }
  h1.logo a {
    padding: 0;
  }
  .page--home .header .drawer .nav li a {
    color: #111111;
  }
  .page--home .block--contents {
    padding-bottom: 72px;
    background-color: #ffffff;
  }
  .footer {
    height: 210px;
    padding: 30px 150px;
  }
  .page--home .wrap {
    padding-bottom: 0;
  }
  .nav li {
    margin-left: 21px;
    margin-right: 0;
  }
  .footer {
    height: 216px;
    padding: 30px 150px;
  }
  .footer__service {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 30px;
  }
  .footer__service a {
    width: 360px;
    height: 90px;
    background-size: contain;
    display: flex;
    border: 2px solid #E2E2E2;
    border-radius: 8.13px;
    align-items: center;
  }
  footer .footer__inner {
    height: 90px;
  }
  .hero-graphic svg {
    width: 160vw;
    height: auto;
    position: absolute;
    top: 73%;
    left: 57%;
    transform: translate(-50%, -50%);
  }
  .hero-copy {
    font-size: max(83px, 6vw);
    font-family: "futura-pt", "Noto Sans KR", sans-serif;
    font-weight: 600;
    font-style: normal;
    position: absolute;
    top: 20%;
    left: 10%;
    z-index: 2;
    line-height: 1.3;
  }
  .hero-copy span {
    display: block;
    overflow: hidden;
    opacity: 0;
    transform: translateY(12px);
    animation: copyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  }
  .hero-copy span:nth-child(1) {
    animation-delay: 1.5s;
  }
  .hero-copy span:nth-child(2) {
    animation-delay: 1.7s;
  }
  .hero-copy span:nth-child(3) {
    animation-delay: 1.9s;
  }
  @keyframes copyReveal {
    0% {
      opacity: 0;
      transform: translateY(12px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .scroll-down {
    font-size: 13px;
    font-family: "futura-pt", "Noto Sans KR", sans-serif;
    font-weight: 600;
    font-style: normal;
    position: absolute;
    top: calc(100vh - 44px);
    right: 30px;
    display: flex;
    align-items: center;
  }
  .scroll-down::after {
    content: "";
    background-image: url(/static/fcopen/fanplakit/artist/fanplus_korea_43WC12of/img/arrow.png);
    display: inline-block;
    width: 12px;
    height: 12px;
    position: static;
    transform: none;
    background-size: contain;
    margin-left: 8px;
    top: 50%;
    transform: rotate(90deg);
  }
  .page--home .block--content-wrap {
    padding: 96px 120px 72px;
  }
  .list__more a {
    font-size: 18px;
    transition: all 0.3s ease;
  }
  .list__more a:hover {
    transform: translateX(10px);
    opacity: 0.5;
  }
  .flex--container dt {
    width: 250px;
    flex-shrink: 0;
    font-family: "Noto Sans", "Noto Sans KR", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .flex--container dd {
    font-family: "Noto Sans", "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .flex--container {
    display: flex;
    padding: 25px 0;
    border-bottom: #E2E2E2 1px solid;
  }
  .flex--container a {
    text-decoration: underline;
  }
  .company {
    width: 816px;
    max-width: 100%;
    margin: 0 auto;
  }
  .section-company .section-tit {
    font-size: 45px;
    width: 816px;
    max-width: 100%;
    margin-inline: auto;
  }
  .section-contact .btn a:hover {
    opacity: 0.5 !important;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .pc {
    display: none !important;
  }
  /* sp */
}
@media screen and (min-width: 1px) and (max-width: 960px) and (max-width: 960px) and (min-width: 1px) {
  .header .drawer {
    background: #ffffff;
  }
  .header .drawer__btn span {
    background: #354a54;
  }
  .drawer-visible .header .drawer__btn span {
    background: #354a54;
  }
  .list--support .list__item a,
  .header .drawer .nav li a {
    color: #111111;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap h1.logo {
    left: 20px;
    top: 15px;
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: fixed;
  }
  .page--home .wrap.pattern-Official h1.logo {
    top: 15px;
  }
  .page--home .drawer__btn,
  .page--home .logo {
    transform: translateY(-150%);
    transition: transform 0.6s 1.8s;
  }
  .page--home.loaded .drawer__btn,
  .page--home.loaded .logo {
    transform: translateY(0);
  }
  .list__more a {
    font-size: 15px;
  }
  .list__more a::after {
    content: "";
    background-image: url("/static/fcopen/fanplakit/artist/fanplus_korea_43WC12of/img/arrow.png");
    display: inline-block;
    width: 11px;
    height: 11px;
    position: static;
    transform: none;
    background-size: contain;
    margin-left: 5px;
  }
  .section-tit {
    font-size: 40px;
  }
  .date {
    margin-bottom: 18px;
    font-size: 14px;
  }
  body:not(.page--home) .drawer__btn {
    right: 15px;
    top: 16px;
  }
  .drawer__btn {
    right: 20px;
    top: 15px;
    mix-blend-mode: normal;
  }
  .drawer-visible .drawer__btn span,
  .drawer-visible .drawer__btn::after {
    background: #ffffff;
  }
  .drawer__btn::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 70%;
    left: 15%;
    top: 50%;
  }
  .drawer__btn span,
  .drawer__btn::after {
    background: #111111;
  }
  .drawer__btn span {
    width: 70%;
    left: 15%;
  }
  .drawer__btn span:first-child {
    top: 25%;
  }
  .drawer__btn span:last-child {
    top: 75%;
  }
  .drawer-visible .drawer__btn span:first-child {
    top: 50%;
  }
  .drawer-visible .drawer__btn span:last-child {
    top: 50%;
  }
  .drawer-visible .drawer__btn::after {
    opacity: 0;
  }
  .drawer-visible .drawer {
    left: 16%;
  }
  .header .drawer {
    position: fixed;
    top: 8px;
    right: 8px;
    left: auto;
    width: 240px;
    height: 100vh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100vh;
    border-radius: 16px;
    opacity: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    padding: 60px 0px;
  }
  body.drawer-visible .header .drawer {
    opacity: 1;
    transform: translateX(0);
  }
  .page--home .section--hero-img {
    height: 100vh;
  }
  .footer__inner::after,
  .footer__inner::before {
    width: 149px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .footer__service {
    display: flex;
    justify-content: center;
    gap: 8px;
    height: 56px;
    margin-bottom: 24px;
  }
  .footer__service a {
    width: 143px;
    height: 56px;
    background-size: contain;
    display: flex;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    align-items: center;
  }
  .page--home footer {
    padding: 24px 28px;
  }
  .hero-graphic svg {
    width: 100vw;
    height: auto;
    position: absolute;
    top: max(55%, 58vh);
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .hero-copy {
    font-size: min(48px, 12vw);
    font-family: "futura-pt", "Noto Sans KR", sans-serif;
    font-weight: 500;
    font-style: normal;
    position: absolute;
    top: 18%;
    left: 10%;
    z-index: 2;
    line-height: 1.3;
    transform: none;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
  }
  .hero-copy span {
    display: block;
    overflow: hidden;
    opacity: 0;
    transform: translateY(12px);
    animation: copyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  }
  .hero-copy span:nth-child(1) {
    animation-delay: 1.5s;
  }
  .hero-copy span:nth-child(2) {
    animation-delay: 1.7s;
  }
  .hero-copy span:nth-child(3) {
    animation-delay: 1.9s;
  }
  @keyframes copyReveal {
    0% {
      opacity: 0;
      transform: translateY(12px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .scroll-down {
    font-size: 13px;
    font-family: "futura-pt", "Noto Sans KR", sans-serif;
    font-weight: 600;
    font-style: normal;
    position: absolute;
    bottom: 100px;
    bottom: calc(100vh - 100svh + 100px);
    display: flex;
    align-items: center;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .scroll-down::after {
    content: "";
    background-image: url(/static/fcopen/fanplakit/artist/fanplus_korea_43WC12of/img/arrow.png);
    display: inline-block;
    width: 12px;
    height: 12px;
    position: static;
    transform: none;
    background-size: contain;
    margin-left: 8px;
    top: 50%;
    transform: rotate(90deg);
  }
  .page--home h1.logo a img {
    max-height: 32px;
  }
  h1.logo {
    width: 122px;
    height: 32px;
    position: absolute;
    top: 20px;
    left: 22px;
    z-index: 2;
  }
  .page--home .wrap {
    padding-bottom: 0;
  }
  .hero-graphic svg {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    transition: -webkit-clip-path 2.5s 0.5s cubic-bezier(0.1, 0.5, 0.33, 1.5);
    transition: clip-path 2.5s 0.5s cubic-bezier(0.1, 0.5, 0.33, 1.5);
    transition: clip-path 2.5s 0.5s cubic-bezier(0.1, 0.5, 0.33, 1.5), -webkit-clip-path 2.5s 0.5s cubic-bezier(0.1, 0.5, 0.33, 1.5);
  }
  body.loaded .hero-graphic svg {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .hero-graphic svg path.line_01 {
    fill: #063691;
  }
  .hero-graphic svg path.line_02 {
    fill: #ABCD03;
  }
  .hero-graphic svg path.line_03 {
    fill: #0064B2;
  }
  .hero-graphic svg path.line_04 {
    fill: #28BABC;
  }
  .header .drawer {
    background: #0065B2;
  }
  .header .drawer .nav li a {
    color: #ffffff;
    font-size: 18px;
  }
  .header .drawer .nav,
  .header .drawer .g-nav {
    width: 100%;
    flex-direction: column;
    display: flex;
  }
  ul.nav.nav__list--sns.sp {
    display: none;
  }
  .header .drawer .nav li {
    width: 100%;
  }
  .header .drawer .g-nav {
    padding: 0 16%;
  }
  .nav.nav__list--contents .g-nav--item:last-child {
    margin-bottom: 0;
  }
  .flex--container dt {
    width: 280px;
    flex-shrink: 0;
    font-family: "Noto Sans", "Noto Sans KR", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 10px;
  }
  .flex--container dd {
    font-family: "Noto Sans", "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .flex--container {
    display: block;
    padding: 25px 0;
    border-bottom: #E2E2E2 1px solid;
  }
  .flex--container a {
    text-decoration: underline;
  }
  .company {
    width: 816px;
    max-width: 100%;
    margin: 0 auto;
  }
  .comnpany-section-tit {
    font-size: 45px;
    width: 816px;
    max-width: 100%;
    margin-inline: auto;
  }
  .section--detail .block--title {
    margin-bottom: 20px;
  }
  .section--detail .block--title .tit {
    font-size: 18px;
  }
  .date {
    margin-bottom: 18px;
  }
  p.contact-text {
    margin: 0 auto 24px;
  }
  .btn--main {
    width: auto;
  }
}