@charset "UTF-8";
/*반응형 화면 크기*/
/* 최대 화면 크기 설정 */
/*-------------------------------------------------------------------
파일 : default.css
파일정의 : Settings
CSS 적용 순서 : 아이디> 태그와 클래스> 클래스> 태그
CSS 선택자 선언 순서 : Type Selector, Layout Selector, Class Selector 등
CSS 속성 선언 순서 :
display,
position
z-index,
float / clear,
overflow,
width / height,
padding / margin,
border,
background,
font: color/font-weight/font-size/line-height/font-family text-align letter-spacing
font: bold 1.6rem/2.8rem family
align,
etc
네이밍규칙
ID 이름는 카멜케이스
Class 이름은 하이픈(-)
형태-의미-순서-상태
숫자는 0부터
line-height 설명페이지는 1.5로 변경★★★★★★★★★★★★★★★★★★★★★★★★★★★★
tablet 이미지 min-height는 데스크탑의 0.7
tablet 여백조정시 데스크탑의 0.65

font-size: min(2vw, 2.3rem);
@media all and (max-width: 75rem)
-------------------------------------------------------------------*/
/* PAGE */
body {
  overflow-x: hidden;
  font-weight: 400;
  font-size: 1.6rem;
  font-family: "Pretendard";
}

:root {
  --main-grad1: linear-gradient(105deg, #550ff5, #bb17aa);
  --split-grad1: linear-gradient(105deg, #6a20aa, #550ff5);
  --split-grad2: linear-gradient(135deg, #550ff5 35%, #bb17aa 60%);
  --dark-grad1: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
  --dark-grad2: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  --text-grad0: linear-gradient(#e3e3f0, #f7f7f9);
  --text-grad1: linear-gradient(#e3e3f0 90%, #eeeef4 20%);
  --text-grad2: linear-gradient(#f0f0f5 90%, #f7f7f9 20%);
  --text-grad3: linear-gradient(#ececf5 90%, #f9f9fb 20%);
  --full-height: 100svh;
  --body-width: 128rem;
  --body-maxwidth: 192rem;
  --width-full: 100%;
  --header-height: 12.9rem;
  --custom-transiton1: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);
  --font-family1: "GmarketSans", "Pretendard", "Noto Sans KR", "Dotum", "돋움",
    "Apple SD Gothic Neo", sans-serif !important;
  --font-family2: "JiugaeR", "Pretendard", "Noto Sans KR", "Dotum", "돋움",
    "Apple SD Gothic Neo", sans-serif !important;
  --df-color1: #1d1d1f;
  --point-color1: #550ff5;
  --point-color2: #5c38f8;
  --point-color3: #3a00c0;
  --waring-color1: #e41b12;
  --txtwaring-color1: #ea001e;
  --gray1: #666;
  --graybg1: #f7f7f9;
  --spacing-10: 1rem;
  --btnbg: #45405b;
  --ic-color1: invert(24%) sepia(22%) saturate(694%) hue-rotate(211deg)
    brightness(91%) contrast(89%);
  --ic-color-w: invert(93%) sepia(93%) saturate(0%) hue-rotate(308deg)
    brightness(106%) contrast(108%);
  --ic-color-p1: invert(16%) sepia(100%) saturate(4288%) hue-rotate(252deg)
    brightness(102%) contrast(94%);
  --ic-color-g1: invert(0%) sepia(98%) saturate(6%) hue-rotate(315deg)
    brightness(100%) contrast(74%);
  --ic-color-g2: invert(88%) sepia(2%) saturate(4%) hue-rotate(201deg)
    brightness(83%) contrast(93%);
  --pdv1: 14rem;
}

.wrap {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff;
  color: #000;
  text-align: center;
  letter-spacing: -0.02em;
}

.scrollDisable {
  overflow: hidden !important;
  max-height: 100vh;
  max-height: 100svh;
  -ms-touch-action: none;
      touch-action: none;
}

.swiper-slide-active {
  opacity: 1 !important;
}

.inner {
  width: var(--body-width);
  margin-right: auto;
  margin-left: auto;
}

.outer {
  width: var(--width-full);
  margin-right: auto;
  margin-left: auto;
}

.tablet-only {
  display: none;
}

.tablet {
  display: none !important;
}

.mo-only {
  display: none;
}

.act-toggle {
  display: none;
}
.act-toggle.on {
  display: block;
  -webkit-animation: 0.15s slde-down ease-in-out;
  animation: 0.15s slde-down ease-in-out;
}

#loading-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#loading-bar img {
  position: relative;
  z-index: 1;
  width: 9rem;
  height: 9rem;
}

@media (max-width: 1280px) {
  :root {
    --body-maxwidth: var(--width-full);
    --header-height: calc(12.9rem * 0.8);
  }
  .gutter {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .gutter.board {
    padding-left: 0;
    padding-right: 0;
  }
  .w-gutter {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
  .gutterl {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
  .inner,
  .outer {
    width: var(--width-full);
  }
}
@media (max-width: 1024px) {
  :root {
    --body-width: var(--width-full);
    --pdv1: 9.1rem;
  }
  .gutter {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .w-gutter {
    width: calc(100% + 5rem);
    margin-left: -2.5rem;
  }
  .gutterl {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .web-only {
    display: none;
  }
  .web-onlybr {
    clear: both;
    content: "";
  }
  .tablet-only {
    display: block;
  }
  br.tablet {
    display: block !important;
    clear: both;
    content: "";
  }
  .tablet {
    display: block;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 68%;
  }
  :root {
    --header-height: 5.85rem;
    --pdv1: 7rem;
  }
  .gutter {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .w-gutter {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }
  .gutterl {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .pc-only {
    display: none;
  }
  .tablet-only {
    display: none;
  }
  .mo-only {
    display: block;
  }
  .mo-onlybr {
    clear: both;
    content: "";
  }
  #loading-bar img {
    width: 7rem;
    height: 7rem;
  }
}
@media (max-width: 320px) {
  html {
    font-size: 50%;
  }
  .gutter {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .w-gutter {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }
}
/*LAYOUT ===================*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: var(--header-height);
  border-bottom: 0.1rem solid #eee;
  background: rgba(255, 255, 255, 0.95);
  -webkit-transition: top 0.35s ease-in;
  transition: top 0.35s ease-in;
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem);
}
.header.fix {
  --header-height: auto;
}
.header.fix .header-wrap {
  padding: 1.5rem 0 1.7rem;
}
.header .gnb {
  width: auto;
  height: auto;
  margin: 0 auto;
}
.header .gnb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.header .gnb .gnb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 70rem;
  margin: auto 0;
  letter-spacing: -0.03em;
  -webkit-transition: top 0.2s ease-in;
  transition: top 0.2s ease-in;
}
.header .gnb .gnb-item {
  position: relative;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.header .gnb .gnb-item > .gnb-link {
  position: relative;
  padding: 2rem;
  font-weight: 600;
  font-size: 2rem;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .gnb .gnb-item > .gnb-link:before {
  display: block;
  position: absolute;
  bottom: 1.1rem;
  left: 50%;
  width: 0;
  height: 0.2rem;
  background: var(--point-color2);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  content: "";
}
.header .gnb .gnb-item > .gnb-link:hover {
  color: var(--point-color1);
  font-weight: 700;
}
.header .gnb .gnb-item > .gnb-link:hover:before {
  width: calc(100% - 4rem);
}
.header .gnb .gnb-item.current > .gnb-link {
  position: relative;
  padding: 2rem;
  color: var(--point-color1);
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .gnb .gnb-item.current > .gnb-link:before {
  display: block;
  position: absolute;
  bottom: 1.1rem;
  left: 50%;
  width: calc(100% - 4rem);
  height: 0.2rem;
  background: var(--point-color2);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  content: "";
}
.header .gnb .gnb-item.on:after {
  display: block;
  position: absolute;
  top: 1.3rem;
  right: 0.8rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--point-color2);
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: "";
}
.header .gnb .gnb-item.on .depth2-list {
  height: 100%;
}
.header .gnb .gnb-item.gnb-btnty {
  z-index: 21;
  margin-left: 2.5rem;
}
.header .gnb .gnb-item.gnb-btnty .has-sub.-active i.below {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header .gnb .gnb-item.gnb-btnty i.below {
  width: 1rem;
  height: 0.6rem;
  margin-left: 1rem;
  background: url(../../images/commu/ic-arrow-down-solid.svg) no-repeat 50%/contain;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .gnb .gnb-item.gnb-btnty .gnb-link {
  z-index: 11;
  padding: 1rem 2.4rem;
  background: var(--btnbg);
  border-radius: 2rem;
  color: #fff;
  font-size: 1.6rem;
}
.header .gnb .gnb-item.gnb-btnty .gnb-link:before {
  content: none;
}
.header .gnb .gnb-item.gnb-btnty .gnb-link:hover {
  font-size: 600;
}
.header .gnb .gnb-item.gnb-btnty .sub-menu {
  position: absolute;
  z-index: -1;
  top: 2.1rem;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  background: var(--btnbg);
  border-radius: 0 0 2rem 2rem;
  color: #fff;
  -webkit-transition: height 0.1s;
  transition: height 0.1s;
}
.header .gnb .gnb-item.gnb-btnty .sub-menu .sub-link {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 0.8rem 1rem;
}
.header .gnb .gnb-item.gnb-btnty .sub-menu.on {
  height: auto;
  padding: 1.3rem 1.5rem 1.7rem;
}
.header .my-menu {
  position: relative;
  margin-right: 1.2rem;
}
.header .my-menu .my-list {
  position: absolute;
  top: 4rem;
  left: 50%;
  z-index: 1;
  overflow: hidden;
  width: auto;
  height: 0;
  border: 0 solid var(--gray1);
  border-radius: 1.25rem;
  background: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: height 0.1s;
  transition: height 0.1s;
}
.header .my-menu .my-list.on {
  min-width: 11.5rem;
  height: auto;
  padding: 0.7rem;
  border-width: 0.1rem;
}
.header .my-menu .my-list li a {
  display: block;
  width: 100%;
  padding: 0.8rem 1rem;
}
.header .my-menu .my-list li a span {
  display: inline-block;
  vertical-align: middle;
}
.header .my-menu .my-list li:last-child {
  padding-top: 0.8rem;
  border-top: 0.1rem dashed rgba(69, 64, 91, 0.5);
}
.header .my-menu .my-list li:last-child a {
  color: var(--point-color1);
  font-weight: 700;
}
.header .my-menu .my-list li .logout {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.8rem;
  background: url(../../images/commu/ic-logout1.svg) no-repeat 50%/contain;
  vertical-align: middle;
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .my-menu .my-list li .logout:hover {
  opacity: 1;
}
.header .total-menu-open {
  position: relative;
  font-size: 1em;
  width: 4rem;
  height: 4rem;
  padding: 1.2rem 1rem;
  margin-right: 3rem;
  background: url(../../images/commu/ic-menuopen.svg) no-repeat 50%/contain;
  background-size: 2rem 1.6rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header.scrolldown {
  top: -9.9rem;
}

.header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  width: var(--body-width);
  padding: 4.2rem 0 3rem;
  margin: 0 auto;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.header-wrap .toplogo {
  width: 15.5rem;
  height: 5.6rem;
  background: url(../../images/commu/found-logo.svg) 0 50%/contain no-repeat;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header-wrap .toplogo a {
  display: block;
  height: 100%;
}

.hd-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.btn-my {
  width: 4rem;
  height: 4rem;
  background: url(../../images/commu/ic-my1.svg) no-repeat 50%/contain;
  background-size: 2.2rem 2.4rem;
}

#searchExpandBtn,
.searchExpandBtn {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  background: url(../../images/commu/ic-search1.svg) no-repeat 50%/contain;
  background-size: 2.2rem 2.4rem;
}

.total-menu-wrap {
  position: fixed;
  z-index: 50;
  top: 0;
  right: -100vw;
  width: 100%;
  height: auto;
  background: rgb(255, 255, 255);
  text-align: left;
  -webkit-box-shadow: 0 3rem 4rem rgba(69, 64, 91, 0.1);
          box-shadow: 0 3rem 4rem rgba(69, 64, 91, 0.1);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.total-menu-wrap.scroll {
  margin-top: calc(var(--header-height) - 4rem);
}
.total-menu-wrap.open {
  right: 0;
}
.total-menu-wrap .sitemap-header {
  width: 100%;
  height: var(--header-height);
  -webkit-transition: top 0.35s ease-in;
  transition: top 0.35s ease-in;
}
.total-menu-wrap .sitemap-header .header-wrap {
  padding: 4.2rem 0 3rem;
}
.total-menu-wrap .sitemap-header .hd-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.total-menu-wrap .btn-my {
  margin-right: 1.2rem;
}
.total-menu-wrap .logout {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  background: url(../../images/commu/ic-logout1.svg) no-repeat 50%/contain;
  background-size: 2.2rem 2.4rem;
}
.total-menu-wrap .total-menu-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem 0;
  position: relative;
  z-index: 2;
  font-size: 1em;
  width: 4rem;
  height: 4rem;
  padding: 0.5rem 0.5rem;
  margin-right: 3rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.total-menu-wrap .total-menu-close i {
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #000;
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.total-menu-wrap .total-menu-close i:nth-child(2) {
  width: 93.5%;
  margin-top: -0.7rem;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.total-menu-wrap .total-menu-close .logout {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.8rem;
  background: url(../../images/commu/ic-logout1.svg) no-repeat 50%/contain;
  vertical-align: middle;
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.total-menu-wrap .total-menu-close .logout:hover {
  opacity: 1;
}
.total-menu-wrap .total-menu-close.scroll {
  top: calc(var(--header-height) * -1 + 8.4rem);
}
.total-menu-wrap .sitemap-cont {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - var(--header-height));
  max-height: calc(100% - var(--header-height));
  padding-top: 16rem;
  padding-bottom: 22rem;
}
.total-menu-wrap .sitemap-cont::-webkit-scrollbar {
  width: 1rem;
}
.total-menu-wrap .sitemap-cont::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 1rem;
  background-clip: padding-box;
}
.total-menu-wrap .sitemap-cont::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
}
.total-menu-wrap .title-area h2 {
  margin-bottom: 6rem;
}
.total-menu-wrap .title-area h2 .title {
  font: 700 4.8rem var(--font-family1);
  letter-spacing: -0.03em;
}
.total-menu-wrap .total-menu {
  position: relative;
  width: var(--width-full);
}
.total-menu-wrap .total-menu::-webkit-scrollbar {
  width: 0.7rem;
}
.total-menu-wrap .total-menu::-webkit-scrollbar-thumb {
  background-color: #202020;
  border-radius: 1rem;
  background-clip: padding-box;
}
.total-menu-wrap .total-menu::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.total-menu-wrap .total-menu .addinfo {
  display: block;
  margin-top: 1.5rem;
  color: #666;
  font-size: 1.8rem;
  line-height: 1.33;
}
.total-menu-wrap .total-menu .total-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  margin-bottom: 8.3rem;
}
.total-menu-wrap .total-menu .total-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0.8rem;
  padding-left: 4.2rem;
  border-right: 0.1rem solid #f0f0fc;
}
.total-menu-wrap .total-menu .total-list li:first-child {
  padding-left: 0;
}
.total-menu-wrap .total-menu .total-list li:first-child .imgicon img {
  width: 120% !important;
}
.total-menu-wrap .total-menu .total-list li:last-child {
  border-right: 0;
}
.total-menu-wrap .total-menu .total-list .imgicon {
  width: 10rem;
  height: 12rem;
}
.total-menu-wrap .total-menu .total-list .imgicon img {
  width: 95%;
  -o-object-fit: cover;
  object-fit: cover;
}
.total-menu-wrap .total-menu .total-list .menu {
  font-weight: 700;
  font-size: 3.2rem;
  letter-spacing: -0.03em;
}
.total-menu-wrap .total-menu .total-list a {
  text-align: left;
  letter-spacing: -0.06em;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.total-menu-wrap .total-menu .total-list a:hover .golink-btn, .total-menu-wrap .total-menu .total-list a:active .golink-btn {
  min-width: 13.5rem;
  padding-right: 2.3rem;
  padding-left: 2.8rem;
  border: 0.1rem solid #817d92;
  border-radius: 2.3rem;
  background: #fff;
  -webkit-box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.1);
}
.total-menu-wrap .total-menu .total-list a:hover .golink-btn .text, .total-menu-wrap .total-menu .total-list a:active .golink-btn .text {
  margin-right: 1.1rem;
  font-weight: 700;
  font-size: 1.6rem;
  opacity: 1;
}
.total-menu-wrap .total-menu .total-list a:hover .golink, .total-menu-wrap .total-menu .total-list a:active .golink {
  background: url(../../images/commu/ic-arrow-right-solid.svg) no-repeat 50%/contain;
  background-attachment: initial;
}
.total-menu-wrap .total-menu .total-list .golink-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 4.5rem;
  height: 4.5rem;
  margin-top: 3.7rem;
  border-radius: 2.3rem;
  border: 0.1rem solid #c7c7d0;
  background: #c7c7d0;
  line-height: 4.5rem;
  text-align: center;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  cursor: pointer;
}
.total-menu-wrap .total-menu .total-list .golink-btn .text {
  margin-right: 0;
  font-size: 0;
  opacity: 0;
}
.total-menu-wrap .total-menu .total-list .golink {
  width: 1.8rem;
  height: 1.5rem;
  background: url(../../images/commu/ic-arrow-right-solid-w.svg) no-repeat 50%/contain;
  background-attachment: initial;
}
.total-menu-wrap .total-menu .contact-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 7.6rem 10.9rem 7.7rem;
  border-radius: 2.8rem;
  border: 1px solid var(--graybg1);
  background: var(--graybg1);
  letter-spacing: -0.03em;
}
.total-menu-wrap .total-menu .contact-wrap:hover {
  border: 1px solid var(--point-color2);
  background: #fff;
  -webkit-box-shadow: 0 0.8rem 0.8rem rgba(0, 0, 0, 0.07);
          box-shadow: 0 0.8rem 0.8rem rgba(0, 0, 0, 0.07);
}
.total-menu-wrap .total-menu .contact-wrap .title {
  width: 25%;
  font: 700 3.6rem var(--font-family1);
}
.total-menu-wrap .total-menu .contact-wrap .total-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 2.7rem 0;
  width: 75%;
}
.total-menu-wrap .total-menu .contact-wrap .total-contact li {
  width: 50%;
  padding: 0.5rem 3rem;
}
.total-menu-wrap .total-menu .contact-wrap .total-contact a:hover .golink, .total-menu-wrap .total-menu .contact-wrap .total-contact a:active .golink {
  margin-left: 3rem;
  -webkit-filter: var(--ic-color-g1);
  filter: var(--ic-color-g1);
}
.total-menu-wrap .total-menu .contact-wrap .total-contact a:hover .addinfo:after, .total-menu-wrap .total-menu .contact-wrap .total-contact a:active .addinfo:after {
  width: calc(100% + 0.2rem);
}
.total-menu-wrap .total-menu .contact-wrap .menu {
  font-weight: 700;
  font-size: 2.4rem;
}
.total-menu-wrap .total-menu .contact-wrap .golink {
  width: 0.7rem;
  height: 1.3rem;
  margin-left: 2rem;
  background: url(../../images/commu/ic-arrow-right.svg) no-repeat 50%/contain;
  -webkit-filter: var(--ic-color-g2);
  filter: var(--ic-color-g2);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.total-menu-wrap .total-menu .contact-wrap .addinfo {
  display: inline-block;
  position: relative;
}
.total-menu-wrap .total-menu .contact-wrap .addinfo:after {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -0.3rem;
  width: 0;
  height: 0.2rem;
  background: rgba(128, 73, 255, 0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: "";
}

.total-search-wrap {
  display: none;
  position: fixed;
  z-index: 19;
  overflow: hidden;
  top: var(--header-height);
  left: 0;
  width: 100%;
  background: #fff;
  letter-spacing: -0.04em;
  -webkit-box-shadow: 0 3rem 4rem rgba(69, 64, 91, 0.05);
          box-shadow: 0 3rem 4rem rgba(69, 64, 91, 0.05);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.total-search-wrap.scroll {
  top: calc(var(--header-height) - 4rem);
}
.total-search-wrap .inner {
  position: relative;
  padding-top: 9.2rem;
  padding-bottom: 8.5rem;
}
.total-search-wrap.on {
  display: block;
  height: auto;
  -webkit-animation: 0.15s slde-down ease-in-out;
  animation: 0.15s slde-down ease-in-out;
}
.total-search-wrap .close-popup {
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 4rem;
  height: 4rem;
  background: url(../../images/commu/ic-close-b.svg) no-repeat 50%/42.5%;
}
.total-search-wrap .slogan {
  margin-bottom: 4.4rem;
}
.total-search-wrap .slogan .em1 {
  font-weight: 400;
  font-size: 5.3rem;
}
.total-search-wrap .slogan em {
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  color: var(--point-color3);
  font-weight: normal;
  font-size: 5.3rem;
  font-family: var(--font-family2);
}
.total-search-wrap .slogan .text1 {
  font-weight: 800;
  font-size: 4.6rem;
  line-height: 1.326;
}
.total-search-wrap .search-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  width: 61rem;
  margin: 0 auto;
}
.total-search-wrap .search-area form {
  width: 100%;
}
.total-search-wrap .search-area [type=text] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  padding: 2.6rem 3rem 2.6rem 6rem;
  border-top: 0.1rem transparent;
  border-right: 0.1rem transparent;
  border-left: 0.1rem transparent;
  border-bottom: 0.4rem solid #000;
  border-radius: 0;
  background: transparent;
  font-weight: 600;
  font-size: 2.6rem;
  text-align: center;
  letter-spacing: -0.03em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.total-search-wrap .search-area [type=text]::-webkit-input-placeholder {
  color: #000;
  font-size: 2.6rem;
}
.total-search-wrap .search-area [type=text]::-moz-placeholder {
  color: #000;
  font-size: 2.6rem;
}
.total-search-wrap .search-area [type=text]:-ms-input-placeholder {
  color: #000;
  font-size: 2.6rem;
}
.total-search-wrap .search-area [type=text]::-ms-input-placeholder {
  color: #000;
  font-size: 2.6rem;
}
.total-search-wrap .search-area [type=text]::placeholder {
  color: #000;
  font-size: 2.6rem;
}
.total-search-wrap .search-area [type=text]:focus, .total-search-wrap .search-area [type=text]:active {
  border-bottom: 0.4rem solid var(--point-color3);
}
.total-search-wrap .search-area .searchAllBtn {
  position: absolute;
  top: 50%;
  left: 2rem;
  z-index: 2;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../../images/commu/ic-search2.svg) no-repeat 50%/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.total-search-wrap .tag-wrap {
  position: relative;
  z-index: 1;
  margin-top: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.total-search-wrap .tag-wrap .title {
  position: relative;
  top: -0.7rem;
  color: #000;
  font-weight: 800;
  font-size: 3rem;
}
.total-search-wrap .tag-wrap .title em {
  position: relative;
  top: 0.3rem;
  right: 0.5rem;
  color: #7030f2;
  font-size: 5rem;
}
.total-search-wrap .tag-wrap .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  max-width: 72%;
  height: 6rem;
  padding: 0 4.4rem;
  letter-spacing: -0.02em;
}
.total-search-wrap .tag-wrap .tag-list div {
  -webkit-transition: all 0.05s;
  transition: all 0.05s;
}
.total-search-wrap .tag-wrap .tag-list div:first-child a,
.total-search-wrap .tag-wrap .tag-list div a:hover {
  background: #7030f2;
  color: #fff;
}
.total-search-wrap .tag-wrap .tag-list div a {
  height: 5.6rem;
  padding: 0 4rem;
  border: 0.1rem solid #eee;
  border-radius: 2.8rem;
  background: #fff;
  line-height: 5.4rem;
}
.total-search-wrap .tag-wrap .tag-list div span {
  font-size: 1.8rem;
  vertical-align: middle;
}
.total-search-wrap .tag-wrap .tag-list div span:before {
  display: inline-block;
  padding-right: 0.25rem;
  margin-top: -0.1rem;
  vertical-align: middle;
  content: "#";
}
@media (max-width: 1280px) {
  .header.fix .header-wrap {
    padding: 1.5rem 2rem 1.7rem;
  }
  .header .gnb {
    max-width: 100rem;
  }
  .header .gnb:hover .gnblist {
    max-width: 100%;
  }
  .header .gnb .gnblist {
    max-width: 90%;
  }
  .header .gnb .depth1 {
    max-width: 18%;
  }
  .header .total-menu-open {
    margin-right: 1.2rem;
  }
  .header-wrap {
    width: var(--width-full);
    padding: 2.4rem 2rem 2.4rem;
  }
  .total-menu-wrap .sitemap-header .header-wrap {
    padding: 2.4rem 2rem;
  }
  .total-menu-wrap .total-menu-close {
    margin-right: 1.2rem;
  }
  .total-menu-wrap .total-list {
    padding-left: 2rem;
  }
  .total-menu-wrap .total-menu .contact-wrap {
    padding: 7rem 6rem;
  }
  .total-menu-wrap .total-menu .contact-wrap .title {
    width: 25%;
  }
}
@media (max-width: 1024px) {
  .header .gnb {
    display: none;
  }
  .total-menu-wrap {
    position: fixed;
    top: 0;
    margin-top: 0;
  }
  .total-menu-wrap.scroll {
    margin-top: 0;
  }
  .total-menu-wrap .sitemap-header {
    height: var(--header-height);
  }
  .total-menu-wrap .sitemap-header .header-wrap {
    padding: 2.4rem 2rem 2.4rem;
  }
  .total-menu-wrap .sitemap-header .hd-right {
    width: auto;
  }
  .total-menu-wrap .sitemap-header .toplogo {
    display: block;
  }
  .total-menu-wrap .sitemap-header #searchExpandBtn,
  .total-menu-wrap .sitemap-header .searchExpandBtn {
    display: none;
  }
  .total-menu-wrap .sitemap-header .btn-my {
    display: block;
    margin-right: 1.2rem;
  }
  .total-menu-wrap .sitemap-header .logout {
    display: block;
  }
  .total-menu-wrap .sitemap-header .total-menu-close {
    top: 0;
    margin-right: 1.2rem;
  }
  .total-menu-wrap .sitemap-cont {
    height: calc(100% - var(--header-height));
    max-height: calc(100% - var(--header-height));
    padding-top: 7.7rem;
    padding-bottom: var(--header-height);
  }
  .total-menu-wrap .total-menu .total-list {
    padding-left: 0;
    margin-bottom: 3.7rem;
  }
  .total-menu-wrap .total-menu .total-list li {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 50%;
    padding: 1.3rem 4rem 3rem 2rem;
    margin-bottom: 3.6rem;
  }
  .total-menu-wrap .total-menu .total-list li:first-child {
    padding-left: 2rem;
  }
  .total-menu-wrap .total-menu .total-list li:nth-child(2n) {
    border-right: none;
  }
  .total-menu-wrap .total-menu .total-list .imgicon {
    display: none;
  }
  .total-menu-wrap .total-menu .total-list a {
    position: relative;
    padding-bottom: 3.2rem;
  }
  .total-menu-wrap .total-menu .total-list a .desc {
    min-height: 12vw;
  }
  .total-menu-wrap .total-menu .total-list a:hover .golink-btn, .total-menu-wrap .total-menu .total-list a:active .golink-btn {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    border: none;
    border-radius: 50%;
    background: #c7c7d0;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: default;
  }
  .total-menu-wrap .total-menu .total-list a:hover .golink-btn .text, .total-menu-wrap .total-menu .total-list a:active .golink-btn .text {
    display: none;
  }
  .total-menu-wrap .total-menu .total-list a:hover .golink, .total-menu-wrap .total-menu .total-list a:active .golink {
    background: url(../../images/commu/ic-arrow-right-solid.svg) no-repeat 50%/contain;
  }
  .total-menu-wrap .total-menu .total-list a:hover .golink-btn {
    pointer-events: none;
  }
  .total-menu-wrap .total-menu .total-list .golink-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
    border-radius: 50%;
  }
  .total-menu-wrap .total-menu .total-list .golink {
    width: 1.8rem;
    height: 1.5rem;
  }
  .total-menu-wrap .total-menu .contact-wrap {
    width: calc(100% + 6rem);
    padding: 6rem 5rem;
    margin: 0 -3rem;
    border-radius: 0;
  }
  .total-menu-wrap .total-menu .contact-wrap:hover {
    border: 1px solid var(--graybg1);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .total-menu-wrap .total-menu .contact-wrap .title {
    width: 100%;
    margin-bottom: 5.2rem;
  }
  .total-menu-wrap .total-menu .contact-wrap .total-contact {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .header.fix .header-wrap {
    padding: 1.3rem 1.2rem 1.4rem 2rem;
  }
  .header .my-menu {
    margin-right: 0.2rem;
  }
  .header .my-menu .my-list {
    font-size: 1.4rem;
  }
  .header .my-menu .my-list.-active {
    min-width: 10.4rem;
  }
  .header .my-menu .my-list li a {
    padding: 0.8rem 0.7rem;
  }
  .header .total-menu-open {
    width: 3rem;
    height: 3rem;
    padding: 0.8rem 0.8rem;
    margin-right: 0;
    background-size: 1.5rem 1.3rem;
  }
  .header-wrap {
    padding: 1.3rem 1.2rem 1.4rem 2rem;
  }
  .header-wrap .toplogo {
    width: 8.8rem;
    height: 3.15rem;
  }
  #searchExpandBtn,
  .searchExpandBtn {
    width: 3rem;
    height: 3rem;
    margin-right: 0.2rem;
    background-size: 1.5rem 1.5rem;
  }
  .btn-my {
    width: 3rem;
    height: 3rem;
    background-size: 1.5rem 1.5rem;
  }
  .total-menu-wrap {
    height: 100vh;
  }
  .total-menu-wrap .sitemap-header .header-wrap {
    padding: 1.3rem 1.2rem 1.4rem 2rem;
  }
  .total-menu-wrap .sitemap-header .logout {
    width: 3rem;
    height: 3rem;
    background-size: 1.5rem 1.5rem;
  }
  .total-menu-wrap .sitemap-header .btn-my {
    margin-right: 0;
  }
  .total-menu-wrap .sitemap-header .logout {
    display: block;
    margin-right: 0;
  }
  .total-menu-wrap .sitemap-header .total-menu-close {
    width: 3rem;
    height: 3rem;
    background-size: 1.5rem 1.5rem;
    margin-right: 0;
  }
  .total-menu-wrap .sitemap-cont {
    height: calc(100% - 6rem);
    padding-top: 5rem;
    padding-bottom: 0;
  }
  .total-menu-wrap .title-area h2 {
    margin-bottom: 3rem;
  }
  .total-menu-wrap .title-area h2 .title {
    font-size: 3rem;
  }
  .total-menu-wrap .total-menu .addinfo {
    margin-top: 0.9rem;
    font-size: 1.3rem;
    line-height: 1.384;
  }
  .total-menu-wrap .total-menu .total-list {
    padding-left: 0;
    margin-bottom: 2.7rem;
  }
  .total-menu-wrap .total-menu .total-list li {
    padding: 0.65rem 2rem 0 1rem;
    margin-bottom: 3.6rem;
  }
  .total-menu-wrap .total-menu .total-list li:first-child {
    padding-left: 1rem;
  }
  .total-menu-wrap .total-menu .total-list .menu {
    font-size: 2rem;
  }
  .total-menu-wrap .total-menu .total-list .golink-btn {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .total-menu-wrap .total-menu .total-list .golink {
    width: 1rem;
    height: 0.8rem;
  }
  .total-menu-wrap .total-menu .contact-wrap {
    width: calc(100% + 3rem);
    padding: 3rem 2.5rem;
    margin: 0 -1.5rem;
  }
  .total-menu-wrap .total-menu .contact-wrap .title {
    margin-bottom: 2.6rem;
    font-size: 2rem;
  }
  .total-menu-wrap .total-menu .contact-wrap .total-contact li {
    padding: 0.5rem 1.6rem;
  }
  .total-menu-wrap .total-menu .contact-wrap .menu {
    font-size: 1.6rem;
  }
  .total-menu-wrap .total-menu .contact-wrap .golink {
    width: 0.6rem;
    height: 1rem;
    margin-left: 1.35rem;
  }
  .total-search-wrap {
    -webkit-box-shadow: 0 0 2rem 3rem rgba(69, 64, 91, 0.05);
            box-shadow: 0 0 2rem 3rem rgba(69, 64, 91, 0.05);
  }
  .total-search-wrap .inner {
    padding-top: 7.45rem;
    padding-bottom: 7rem;
  }
  .total-search-wrap .close-popup {
    top: 2.2rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    background-size: 43%;
  }
  .total-search-wrap .slogan {
    margin-bottom: 5.8rem;
  }
  .total-search-wrap .slogan .em1 {
    font-size: 2.65rem;
  }
  .total-search-wrap .slogan em {
    padding-right: 1.1rem;
    padding-left: 1.1rem;
    font-size: 2.7rem;
  }
  .total-search-wrap .slogan .text1 {
    font-size: 2.3rem;
    line-height: 1.3;
  }
  .total-search-wrap .search-area {
    width: clamp(68vw, 58vw, 52rem);
  }
  .total-search-wrap .search-area [type=text] {
    padding: 1rem 3rem 1rem 4rem;
    border-width: 0.2rem;
    font-size: 1.5rem;
  }
  .total-search-wrap .search-area [type=text]::-webkit-input-placeholder {
    color: #000;
    font-size: 1.5rem;
  }
  .total-search-wrap .search-area [type=text]::-moz-placeholder {
    color: #000;
    font-size: 1.5rem;
  }
  .total-search-wrap .search-area [type=text]:-ms-input-placeholder {
    color: #000;
    font-size: 1.5rem;
  }
  .total-search-wrap .search-area [type=text]::-ms-input-placeholder {
    color: #000;
    font-size: 1.5rem;
  }
  .total-search-wrap .search-area [type=text]::placeholder {
    color: #000;
    font-size: 1.5rem;
  }
  .total-search-wrap .search-area .searchAllBtn {
    left: 0.6rem;
    width: 3rem;
    height: 3rem;
    background-size: 50%;
  }
  .total-search-wrap .tag-wrap {
    margin-top: 10.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .total-search-wrap .tag-wrap .title {
    top: 0;
    margin-bottom: 3.4rem;
    font-size: 2.1rem;
  }
  .total-search-wrap .tag-wrap .title em {
    font-size: 3.3rem;
  }
  .total-search-wrap .tag-wrap .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.6rem 1rem;
    max-width: 100%;
    height: auto;
    padding: 0;
  }
  .total-search-wrap .tag-wrap .tag-list div a:active {
    background: #7030f2;
    color: #fff;
  }
  .total-search-wrap .tag-wrap .tag-list div a {
    height: 4rem;
    padding: 0 2rem;
    border-radius: 2rem;
    line-height: 3.8rem;
  }
  .total-search-wrap .tag-wrap .tag-list div span {
    font-size: 1.4rem;
  }
}
[data-scroll] {
  overflow: hidden;
}

[data-scroll] span {
  display: block;
}

#footer {
  position: relative;
  z-index: 1;
  background: #403d4e;
  color: #fff;
}
#footer .footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
  padding-top: 9.4rem;
  padding-bottom: 6.4rem;
  text-align: left;
}
#footer .footer-wrap .foot-menu-wrap {
  width: calc(100% - 29rem);
  margin-bottom: 4.1rem;
}
#footer .footer-wrap .foot-menu-wrap .linklist {
  width: 100%;
  margin-bottom: 2.22rem;
  color: #fff;
}
#footer .footer-wrap .foot-menu-wrap .linklist li {
  display: inline-block;
  position: relative;
  font-size: 1.7rem;
  letter-spacing: -0.04em;
  vertical-align: middle;
}
#footer .footer-wrap .foot-menu-wrap .linklist li a {
  display: block;
  padding: 1rem 2.2rem;
}
#footer .footer-wrap .foot-menu-wrap .linklist li strong {
  font-weight: 700;
  font-size: 1.9rem;
}
#footer .footer-wrap .foot-menu-wrap .linklist li button {
  padding: 1rem 2.2rem;
  font-weight: 400;
  font-size: inherit;
}
#footer .footer-wrap .foot-menu-wrap .linklist li:after {
  display: inline-block;
  position: absolute;
  top: 1.2rem;
  right: -0.1rem;
  width: 0.1rem;
  height: 0.86em;
  background: #55535d;
  vertical-align: middle;
  content: "";
}
#footer .footer-wrap .foot-menu-wrap .linklist li + li {
  margin-left: -0.2rem;
}
#footer .footer-wrap .foot-menu-wrap .linklist li:first-child a {
  padding-left: 0;
}
#footer .footer-wrap .foot-menu-wrap .linklist li:last-child {
  padding-right: 0;
}
#footer .footer-wrap .foot-menu-wrap .linklist li:last-child:after {
  content: none;
}
#footer .footer-wrap address {
  width: 100%;
  margin-bottom: 1.5rem;
  color: #fff;
  font-weight: 400;
}
#footer .footer-wrap address p {
  font-size: 1.7rem;
  white-space: nowrap;
  text-decoration: none;
}
#footer .footer-wrap .copyright {
  width: 100%;
  color: #99999c;
  font-weight: 500;
  font-size: 1.5rem;
}
#footer .footer-wrap .ft-logo {
  width: 15.5rem;
  height: 5.6rem;
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#footer .footer-wrap .ft-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#footer .footer-wrap .relate-link {
  display: inline-block;
  position: relative;
  top: -4.3rem;
  width: 29rem;
  vertical-align: middle;
  text-align: left;
}
#footer .footer-wrap .relate-link a {
  display: block;
  position: relative;
  padding-top: 3.2rem;
  padding-bottom: 2rem;
}
#footer .footer-wrap .relate-link li {
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
  font-weight: 700;
  font-size: 1.8rem;
}
#footer .footer-wrap .relate-link li:after {
  display: block;
  position: relative;
  top: 0.1rem;
  width: 0;
  height: 0.1rem;
  background: #fff;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  content: "";
}
#footer .footer-wrap .relate-link li:hover:after {
  width: 100%;
}
#footer .footer-wrap .relate-link li:hover i {
  opacity: 1;
}
#footer .footer-wrap .relate-link i {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  bottom: 2rem;
  right: 0;
  background: url(../../images/commu/ic-outlink1.svg) 50%/contain no-repeat;
  opacity: 0.4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 1024px) {
  #footer .footer-wrap .foot-menu-wrap {
    width: calc(100% - 19rem);
  }
  #footer .footer-wrap .relate-link {
    width: 19rem;
  }
}
@media (max-width: 768px) {
  #footer .footer-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
  #footer .footer-wrap .foot-menu-wrap {
    width: 100%;
    margin-bottom: 0;
  }
  #footer .footer-wrap .foot-menu-wrap .linklist {
    margin-bottom: 2.5rem;
  }
  #footer .footer-wrap .foot-menu-wrap .linklist li {
    font-size: 1.3rem;
    letter-spacing: -0.05em;
  }
  #footer .footer-wrap .foot-menu-wrap .linklist li a {
    display: block;
    padding: 1rem 1.05rem;
  }
  #footer .footer-wrap .foot-menu-wrap .linklist li strong {
    font-size: 1.3rem;
  }
  #footer .footer-wrap .foot-menu-wrap .linklist li:after {
    top: 1.3rem;
  }
  #footer .footer-wrap .foot-menu-wrap .linklist li button {
    padding: 1rem 1.05rem;
  }
  #footer .footer-wrap address {
    margin-bottom: 0.7rem;
  }
  #footer .footer-wrap address p {
    font-size: 1.3rem;
    line-height: 1.7;
  }
  #footer .footer-wrap .copyright {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  #footer .footer-wrap .ft-logo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 11rem;
    height: 4rem;
    margin-top: 3.5rem;
    margin-left: 2.5rem;
  }
  #footer .footer-wrap .relate-link {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    top: 0rem;
    width: 44.7vw;
    max-width: 17rem;
  }
  #footer .footer-wrap .relate-link a {
    padding-top: 2.2rem;
    padding-bottom: 1.4rem;
  }
  #footer .footer-wrap .relate-link li {
    font-size: 1.3rem;
  }
  #footer .footer-wrap .relate-link i {
    width: 1.2rem;
    height: 1.2rem;
    bottom: 1.5rem;
  }
}
/* Top Button */
.btn-top {
  display: block;
  position: fixed;
  z-index: 30;
  right: 2rem;
  bottom: 37.4rem;
  width: 7rem;
  height: 7rem;
  margin-bottom: 1rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5) url(../../images/commu/ic-arrow-up-solid.svg) center/35% no-repeat;
  font-size: 1em;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn-top.on {
  opacity: 1;
}
.btn-top.on:hover {
  margin-bottom: 0.25rem;
  background: url(../../images/commu/ic-arrow-up-solid_on.svg) center/38% no-repeat;
}

@media (max-width: 1024px) {
  .btn-top {
    right: 1rem;
    width: 5rem;
    height: 5rem;
  }
  .btn-top.on:hover {
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .btn-top {
    width: 4rem;
    height: 4rem;
  }
  .btn-top.on:hover {
    margin-bottom: 0;
  }
}
.tabwrap .tabs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 1rem;
  margin-bottom: 2rem;
}
.tabwrap .tabs.swiper-wrapper {
  margin-bottom: 2rem;
}
.tabwrap .tabs .swiper-slide {
  width: auto;
}
.tabwrap .tab-button {
  height: 4.8rem;
  padding: 1rem 3.4rem;
  border: 0.1rem solid #eee;
  border-radius: 2.4rem;
  background: #fff;
  color: var(--gray1);
  font-weight: 500;
  font-size: 1.8rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tabwrap .tab-button.all {
  background: #eee;
}
.tabwrap .tab-button:hover {
  border-color: #000;
  font-weight: 700;
}
.tabwrap .tab-button.active {
  background: #000;
  color: #fff;
  font-weight: 700;
}
.tabwrap .tab-panel,
.tabwrap .tab-content-slider {
  position: relative;
}
.tabwrap .tab-panel.active .mainlist1,
.tabwrap .tab-content-slider.active .mainlist1 {
  -webkit-animation: 0.15s fade-inleft ease-in-out;
  animation: 0.15s fade-inleft ease-in-out;
}

@media (max-width: 768px) {
  .tabwrap .tabs {
    gap: 0 0.5rem;
    margin-bottom: 1.5rem;
  }
  .tabwrap .tabs.swiper-wrapper {
    margin-bottom: 1.5rem;
  }
  .tabwrap .tab-button {
    height: 3.3rem;
    padding: 1rem 2rem;
    border-radius: 1.7rem;
    font-size: 1.2rem;
  }
}
/*END-LAYOUT ===================*/
/*SUB BODY COMMON ===================*/
.container {
  position: relative;
  z-index: 0;
  min-height: 100vh;
  padding-top: var(--header-height);
  letter-spacing: -0.02em;
}
.container .subtop-fix-notice {
  background: var(--graybg1);
}
.container .subtop-fix-notice .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.8rem;
  text-align: left;
}
.container .subtop-fix-notice .title .label {
  font-weight: 500;
  padding-right: 4rem;
  color: #666;
}
.container .subtop-fix-notice .title a {
  max-width: 70%;
  font-weight: 500;
  padding: 2.4rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .subtop-fix-notice .title .date {
  margin-left: auto;
  font-size: 1.6rem;
  text-align: right;
}

.inner {
  max-width: var(--body-width);
}

@media (max-width: 768px) {
  .container {
    min-height: 100%;
  }
  .container .subtop-fix-notice .title {
    font-size: 1.3rem;
    text-align: left;
  }
  .container .subtop-fix-notice .title .label {
    padding-right: 1.6rem;
  }
  .container .subtop-fix-notice .title a {
    max-width: 57vw;
    padding: 2rem 0;
  }
  .container .subtop-fix-notice .title .date {
    font-size: 1.1rem;
  }
}
/* sub-Board===common */
.nodata {
  padding: 15rem 18rem;
  text-align: center;
}
.nodata span {
  display: block;
  width: 11rem;
  height: 11rem;
  margin: 0 auto 4rem;
  border-radius: 50%;
  background: var(--graybg1);
  color: var(--gray1);
  font-weight: 700;
  font-size: 5rem;
  line-height: 11rem;
  font-family: var(--font-family1);
}
.nodata p {
  color: #000;
  font-weight: 600;
  font-size: 2.6rem;
}

.result-text1 {
  margin-bottom: 2rem;
}
.result-text1 strong {
  font-weight: 700;
  color: var(--point-color2);
}

.pagewrap {
  padding-top: 9.6rem;
  padding-bottom: 10rem;
}
.pagewrap .title-area {
  text-align: left;
}
.pagewrap .title-area h2 {
  margin-bottom: 6rem;
}
.pagewrap .title-area h2 .title {
  font-weight: 800;
  font-size: 4.8rem;
}
.pagewrap .title-area h2 .explan {
  padding-left: 3rem;
  font-weight: 500;
  font-size: 1.8rem;
}
.pagewrap .title-area h2 .cate {
  padding-left: 2rem;
  color: var(--point-color2);
  font-weight: 500;
  font-size: 2rem;
}
.pagewrap .title-area h2 .cate:before {
  display: inline-block;
  padding-right: 1rem;
  font-size: 0.8em;
}
.pagewrap .title-area h2 .level {
  padding-left: 2rem;
  color: var(--btnbg);
  font-weight: 300;
  font-size: 4.2rem;
  letter-spacing: -0.04em;
}
.pagewrap.view .title-area h2 {
  margin-bottom: 5rem;
}
.pagewrap .sub-tag-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 75%;
  margin: 0 auto 5rem auto;
}
.pagewrap .sub-tag-wrap .title {
  position: relative;
  top: -0.7rem;
  width: 19%;
  max-width: 18.5rem;
  margin-right: 2.2rem;
  color: #000;
  font-weight: 800;
  font-size: 3rem;
}
.pagewrap .sub-tag-wrap .title em {
  position: relative;
  top: 0.3rem;
  right: 0.45rem;
  color: var(--point-color2);
  font-size: 5rem;
}
.pagewrap .sub-tag-wrap .tag-wrap {
  overflow: hidden;
  min-width: 20%;
  max-width: 81%;
  margin-right: 0;
  margin-left: 0;
}
.pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide {
  width: auto;
  -webkit-transition: all 0.05s;
  transition: all 0.05s;
  margin-right: 1rem;
}
.pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide:first-child a,
.pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide a:hover {
  background: var(--point-color2);
  color: #fff;
  font-weight: 700;
}
.pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide a {
  display: block;
  height: 5.6rem;
  padding: 0 4rem;
  border: 0.1rem solid #eee;
  border-radius: 2.8rem;
  background: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 5.6rem;
}
.pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide span {
  vertical-align: middle;
}
.pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide span:before {
  display: inline-block;
  padding-right: 0.3rem;
  vertical-align: middle;
  content: "#";
}
.pagewrap .talk.tabwrap {
  position: relative;
  padding-top: 4rem;
}
.pagewrap .talk.tabwrap .sliderTab {
  position: relative;
  z-index: 1;
}
.pagewrap .talk.tabwrap .btnwrap.-top {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  padding-bottom: 0;
}
.pagewrap .taglist {
  font-size: 1.6rem;
}
.pagewrap .taglist > div,
.pagewrap .taglist a {
  display: inline-block;
  border-radius: 1.5rem;
  background: #eee;
  padding: 0.8rem 1.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  vertical-align: middle;
}
.pagewrap .taglist span {
  color: #666;
}
.pagewrap .taglist span:before {
  display: inline-block;
  content: "#";
  margin-right: 0.2rem;
}

.list-search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  width: 48rem;
  margin: 0 auto 6rem;
}
.list-search-wrap form {
  width: 100%;
}
.list-search-wrap [type=text] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  padding: 2.4rem 4rem 2.4rem 4rem;
  border: 0.1rem solid var(--graybg1);
  border-radius: 3.8rem;
  background: var(--graybg1);
  font-weight: 500;
  font-size: 2rem;
  text-align: center;
  letter-spacing: -0.03em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.list-search-wrap [type=text]::-webkit-input-placeholder {
  color: #999;
  font-size: 2rem;
}
.list-search-wrap [type=text]::-moz-placeholder {
  color: #999;
  font-size: 2rem;
}
.list-search-wrap [type=text]:-ms-input-placeholder {
  color: #999;
  font-size: 2rem;
}
.list-search-wrap [type=text]::-ms-input-placeholder {
  color: #999;
  font-size: 2rem;
}
.list-search-wrap [type=text]::placeholder {
  color: #999;
  font-size: 2rem;
}
.list-search-wrap [type=text]:focus, .list-search-wrap [type=text]:active {
  background: #fff;
  border: 0.1rem solid var(--point-color2);
  -webkit-box-shadow: 0.8rem 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0.8rem 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.07);
}
.list-search-wrap [type=text]:focus .searchbtn, .list-search-wrap [type=text]:active .searchbtn {
  opacity: 1;
}
.list-search-wrap .searchbtn {
  position: absolute;
  top: 50%;
  right: 4rem;
  z-index: 2;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../../images/commu/ic-search2.svg) no-repeat 50%/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.5;
}

.searchresult-num {
  margin-bottom: 1rem;
  color: #000;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: left;
  letter-spacing: -0.03em;
}
.searchresult-num .word {
  padding-right: 0.5rem;
  font-weight: 700;
  font-size: 2rem;
}
.searchresult-num .num {
  margin-left: 0.6rem;
  color: var(--point-color2);
  font-weight: 700;
  font-size: 1.9rem;
}

.mylist-num {
  margin-bottom: 1rem;
  color: #000;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: left;
  letter-spacing: -0.03em;
}
.mylist-num .word {
  font-weight: 700;
}
.mylist-num .num {
  margin-left: 0.5rem;
  color: var(--point-color2);
  font-weight: 700;
}

@media (max-width: 1280px) {
  .pagewrap .sub-tag-wrap {
    width: calc(100% + 2rem);
    max-width: 100%;
    margin: 0 auto 4rem auto;
  }
  .pagewrap .sub-tag-wrap .title {
    top: -0.2rem;
    width: 20%;
    font-size: 2.4rem;
  }
  .pagewrap .sub-tag-wrap .title em {
    right: 0.3rem;
    font-size: 3rem;
  }
  .pagewrap .sub-tag-wrap .tag-wrap {
    max-width: 80%;
  }
}
@media (max-width: 1024px) {
  .pagewrap .sub-tag-wrap {
    width: calc(100% + 2.5rem);
    margin: 0 0 4rem 2.5rem;
    max-width: 100%;
  }
  .pagewrap .sub-tag-wrap .title {
    top: -0.2rem;
    width: 21%;
    font-size: 2.3rem;
  }
  .pagewrap .sub-tag-wrap .title em {
    right: 0.3rem;
    font-size: 2.8rem;
  }
  .pagewrap .sub-tag-wrap .tag-wrap {
    max-width: 79%;
  }
  .pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide:last-child {
    margin-right: 2.5rem;
  }
  .pagewrap .talk.tabwrap .btnwrap.-top {
    position: relative;
    bottom: auto;
  }
}
@media (max-width: 768px) {
  .nodata {
    padding: 5rem 3rem;
    text-align: center;
  }
  .nodata span {
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 0 auto 1em;
    border-radius: 50%;
    background: #f7f8f9;
    color: #999;
    font-weight: 400;
    font-size: 3rem;
    line-height: 8rem;
    font-family: var(--font-family1);
  }
  .nodata p {
    color: #111;
    font-weight: 600;
    font-size: 15px;
  }
  .pagewrap {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
  }
  .pagewrap .title-area h2 {
    margin-bottom: 3rem;
  }
  .pagewrap .title-area h2 .title {
    font-size: 2.8rem;
  }
  .pagewrap .title-area h2 .explan {
    display: block;
    padding-left: 0;
    margin-top: 1.7rem;
    font-size: 1.2rem;
  }
  .pagewrap .title-area h2 .cate {
    padding-left: 1.5rem;
    font-size: 1.4rem;
  }
  .pagewrap .title-area h2 .level {
    padding-left: 1rem;
    font-size: 2.2rem;
    letter-spacing: -0.03em;
  }
  .pagewrap.view .title-area h2 {
    margin-bottom: 3rem;
  }
  .pagewrap .sub-tag-wrap {
    width: calc(100% + 1.5rem);
    margin: 0 0 5rem 1.5rem;
  }
  .pagewrap .sub-tag-wrap .title {
    top: 0;
    margin-right: 3.1rem;
    font-size: 1.3rem;
  }
  .pagewrap .sub-tag-wrap .title em {
    font-size: 1.5rem;
  }
  .pagewrap .sub-tag-wrap .tag-wrap .tag-list {
    height: 2.3rem;
    font-size: 1.2rem;
  }
  .pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide a {
    height: 2.3rem;
    padding: 0 1.5rem;
    border-radius: 2.8rem;
    font-size: 1.2rem;
    line-height: 2.3rem;
  }
  .pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide span {
    vertical-align: middle;
  }
  .pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide span:before {
    display: inline-block;
    vertical-align: middle;
    content: "#";
  }
  .pagewrap .sub-tag-wrap .tag-wrap .tag-list div.swiper-slide:last-child {
    margin-right: 1.5rem;
  }
  .pagewrap .talk.tabwrap {
    padding-top: 0;
  }
  .pagewrap .taglist {
    font-size: 1.2rem;
  }
  .pagewrap .taglist a {
    padding: 0.6rem 1.3rem;
    margin-right: 0.4rem;
  }
  .list-search-wrap {
    width: 66vw;
    max-width: 28rem;
    margin: 0 auto 2.7rem;
  }
  .list-search-wrap [type=text] {
    padding: 1.5rem 2rem 1.5rem 2rem;
    border-radius: 3.8rem;
    font-size: 1.3rem;
  }
  .list-search-wrap [type=text]::-webkit-input-placeholder {
    font-size: 1.3rem;
  }
  .list-search-wrap [type=text]::-moz-placeholder {
    font-size: 1.3rem;
  }
  .list-search-wrap [type=text]:-ms-input-placeholder {
    font-size: 1.3rem;
  }
  .list-search-wrap [type=text]::-ms-input-placeholder {
    font-size: 1.3rem;
  }
  .list-search-wrap [type=text]::placeholder {
    font-size: 1.3rem;
  }
  .list-search-wrap [type=text]:focus, .list-search-wrap [type=text]:active {
    -webkit-box-shadow: 0.4rem 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0.4rem 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.07);
  }
  .list-search-wrap .searchbtn {
    right: 2rem;
    width: 3rem;
    height: 3rem;
    background-size: 60%;
  }
  .searchresult-num {
    font-size: 1.3rem;
  }
  .searchresult-num .word {
    padding-right: 0.3rem;
    font-size: 1.45rem;
  }
  .searchresult-num .num {
    margin-left: 0.5rem;
    font-size: 1.4rem;
  }
  .mylist-num {
    font-size: 1.3rem;
  }
  .mylist-num .num {
    margin-left: 0.3rem;
  }
}
[class*=list] .category,
[class*=list] .nickname,
[class*=list] .time,
[class*=list] .user-action-info {
  font-size: 1.5rem;
}

[class*=view] .category,
[class*=view] .nickname,
[class*=view] .time {
  font-size: 1.6rem;
}
[class*=view] .nickname {
  font-weight: 600;
}
[class*=view] .nickname + .time:before {
  padding-left: 0.2em;
  padding-right: 0.2em;
}
[class*=view] .user-action-info {
  font-size: 1.5rem;
}

.category {
  color: #6414e9;
  letter-spacing: -0.03em;
}

.nickname {
  display: inline-block;
  vertical-align: middle;
  color: #000;
}
.nickname + .time {
  display: inline-block;
  color: var(--gray1);
  vertical-align: middle;
}
.nickname + .time:before {
  display: inline-block;
  content: "ㆍ";
}

.ic-writer {
  display: inline-block;
  height: 2rem;
  padding: 0 1rem;
  margin-left: 1rem;
  border: 0.1rem solid var(--point-color2);
  border-radius: 1rem;
  background: #fff;
  color: var(--point-color2);
  font-size: 1.4rem;
  vertical-align: middle;
  line-height: 2rem;
}

.user-action-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.user-action-info [class*=ic-] {
  margin-right: 1.5rem;
}
.user-action-info [class*=ic-]:last-child {
  margin-right: 0;
}

.article-list {
  border-top: 2px solid #000;
}
.article-list .list + .pagenation {
  margin-top: 8.8rem;
}

@media (max-width: 768px) {
  [class*=list] .category,
  [class*=list] .user-action-info {
    font-size: 1.13rem;
  }
  [class*=list] .nickname,
  [class*=list] .time {
    font-size: 1.2rem;
  }
  [class*=view] .category,
  [class*=view] .nickname,
  [class*=view] .time {
    font-size: 1.2rem;
  }
  [class*=view] .user-action-info {
    font-size: 1.125rem;
  }
  [class*=view] .user-action-info [class*=ic-] {
    margin-right: 2rem;
  }
  .ic-writer {
    height: 1.6rem;
    padding: 0 0.7rem;
    margin-left: 0.8rem;
    border-radius: 0.8rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  .user-action-info [class*=ic-] {
    margin-right: 1.1rem;
  }
  .article-list .list + .pagenation {
    margin-top: 4.4rem;
  }
  #sub [class*=list] .category,
  #sub [class*=list] .user-action-info {
    font-size: 1.2rem;
  }
}
/* board list */
.list {
  text-align: left;
}
.list [class*=ic-] .num {
  display: inline-block;
  min-width: 2rem;
}
.list .user-action-info [class*=ic-] {
  margin-right: 1rem;
}
.list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-column-gap: 1rem;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
  padding: 3.5rem 4rem 2.5rem;
  border-bottom: 0.1rem solid #f2f2f2;
}
.list li.checked {
  background: var(--graybg1);
}
.list li.fix-noti {
  background: #f6f4fe;
}
.list li.fix-noti .taglist a {
  background: #fff;
}
.list li .flex-cwrap a:hover .title {
  color: var(--point-color2);
}
.list li .flex-cwrap a:hover .contents-prev {
  color: #000;
}
.list li .chk-area {
  width: 3.3rem;
  height: auto;
}
.list li .chk-area.only-chk [type=checkbox] + label::before {
  margin: 0;
}
.list li .qnum-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -moz-column-gap: 1rem;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
  width: 9.5rem;
  height: 9.5rem;
  border: 0.1rem solid #ccc;
  background: var(--graybg1);
  border-radius: 1.4rem;
  -webkit-box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.07);
          box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.07);
}
.list li .qnum-area .num {
  color: #aaa;
  font-weight: 600;
  font-size: 3.3rem;
  letter-spacing: -0.04em;
}
.list li .qnum-area .text {
  color: #aaa;
  font-size: 1.6rem;
  letter-spacing: -0.04em;
}
.list li .qnum-area.answer {
  border: 0.1rem solid #40bac9;
  background: #fff;
}
.list li .qnum-area.answer .num {
  color: #40bac9;
}
.list li .qnum-area.answer .text {
  color: #000;
}
.list li .state-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 9.5rem;
  height: 4rem;
  border: 0.1rem solid #e5e5fe;
  background: var(--graybg1);
  border-radius: 1rem;
  -webkit-box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.07);
          box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.07);
}
.list li .state-area .text {
  color: #999;
  font-size: 1.6rem;
  letter-spacing: -0.04em;
}
.list li .state-area.answer {
  border: 0.1rem solid #8267f9;
  background: #fff;
}
.list li .state-area.answer .text {
  color: var(--point-color2);
}
.list li .writer {
  margin-bottom: 1.5rem;
}
.list li .title-cont {
  width: 100%;
  padding-bottom: 2.5rem;
}
.list li .title-cont .title {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list li .title-cont .category {
  margin-right: 1rem;
  font-size: 1.6rem;
}
.list li .title-cont .category + .title {
  margin-top: 1.5rem;
}
.list li .title-cont .contents-prev {
  width: 100%;
  margin-top: 2rem;
  color: #555;
  font-size: 1.8rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list li .side {
  width: 100%;
}
.list.ty1 li:hover {
  background: var(--graybg1);
}
.list.ty1 .taglist a:hover {
  background: var(--point-color2);
  color: #fff;
}
.list.ty1 .taglist a:hover span {
  color: #fff;
}
.list.ty1-2 li {
  padding: 3.5rem 4rem 3rem;
}
.list.ty1-2 li:hover {
  background: var(--graybg1);
}
.list.ty1-2 li .writer {
  margin-bottom: 0;
}
.list.ty1-2 li .title-cont {
  padding-bottom: 2.7rem;
}
.list.ty1-2 li .title-cont .title .ic-file {
  margin-left: 1.5rem;
}
.list.ty1-3 li {
  padding: 0;
}
.list.ty1-3 li a {
  padding: 3.5rem 4rem 4rem;
}
.list.ty1-3 li a:hover {
  background: var(--graybg1);
}
.list.ty1-4 li {
  padding: 3rem 2.5rem;
}
.list.ty1-4 li .title-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 0;
}
.list.ty1-4 li .title-cont .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list.ty1-4 li .title-cont .title.org {
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: -0.03em;
}
.list.ty1-4 li .title-cont .title.deleted {
  color: #999;
}
.list.ty1-4 li .title-cont:hover .title,
.list.ty1-4 li .title-cont:hover .title.org {
  color: #000;
  -webkit-text-decoration: 0.1rem dashed underline;
  text-decoration: 0.1rem dashed underline;
  text-decoration-color: #999;
  text-underline-position: under;
}
.list.ty1-4 li .title-cont:hover .comment {
  -webkit-text-decoration: 0.1rem dashed underline;
  text-decoration: 0.1rem dashed underline;
  text-decoration-color: #999;
  text-underline-position: under;
}
.list.ty1-4 li .al1 {
  width: 76%;
}
.list.ty1-4 li .user-action-info {
  width: 24%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 1.5rem;
}
.list.ty1-4 li .reply-area {
  width: 100%;
}
.list.ty1-4 li .reply-area .comment {
  margin-top: -0.4rem;
  margin-bottom: 1.4rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.list.ty1-4 li .reply-area .writer {
  margin-bottom: 1.3rem;
}
.list.ty1-5 li {
  display: block;
  padding: 0;
}
.list.ty1-5 li .listnum {
  width: 7rem;
  text-align: center;
}
.list.ty1-5 li .title-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -moz-column-gap: 12rem;
  -webkit-column-gap: 12rem;
          column-gap: 12rem;
  padding: 2.5rem 4rem 2.5rem;
}
.list.ty1-5 li .title-cont .title {
  font-size: 2rem;
}
.list.ty1-5 li .title-cont > .flex-cwrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: calc(100% - 9.5rem - 12rem);
  max-width: 120rem;
}
.list.ty1-5 li .title-cont.toggleBtn {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 3rem 4rem;
}
.list.ty1-5 li .title-cont:hover .title {
  color: var(--point-color2);
}
.list.ty1-5 li .toggleCont {
  display: none;
  padding-bottom: 2rem;
}
.list.ty1-5 li .toggleCont .cont {
  padding: 0 4rem 3.3rem;
  font-size: 1.8rem;
  line-height: 1.6666666667;
  letter-spacing: -0.02em;
}
.list.ty1-5 li .answer-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -moz-column-gap: 2rem;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
  padding: 3.3rem 4rem;
  border-radius: 1.4rem;
  background: var(--graybg1);
  font-size: 1.8rem;
  line-height: 1.6666666667;
  letter-spacing: -0.02em;
}
.list.ty1-5 li .answer-area .comment {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list.ty1-5 li .writer {
  margin-bottom: 1rem;
}
.list.ty1-5 .-indent {
  width: 1.7rem;
}
.list.ty1-5 .-indent .ic-com-reply {
  position: relative;
  top: -0.2rem;
  width: 1.7rem;
  height: 1.3rem;
  background: url(../../images/commu/ic-comm-reply.svg) no-repeat 50%/contain;
}
.list.ty1-5 .taglist {
  margin-top: 2.5rem;
  font-size: 1.6rem;
}
.list.ty1-5 .taglist > div {
  display: inline-block;
  border-radius: 1.5rem;
  background: #eee;
  padding: 0.8rem 1.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  vertical-align: middle;
}
.list.ty1-5 .taglist span:before {
  display: inline-block;
  content: "#";
  margin-right: 0.2rem;
}
.list.ty1-5.minad li .title-cont {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -moz-column-gap: 6rem;
  -webkit-column-gap: 6rem;
          column-gap: 6rem;
  padding: 2rem 4rem;
}
.list.ty1-5.minad li .title-cont > .flex-cwrap {
  width: calc(100% - 9.5rem - 12rem - 7rem);
}
.list.ty2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 4rem;
  padding-top: 2rem;
  border-bottom: 0.1rem solid #f2f2f2;
}
.list.ty2 li {
  --w1: calc(33.3% - 2.7rem);
  width: var(--w1);
  padding: 2rem 0;
  border-bottom: none;
}
.list.ty2 li.wfull {
  width: 100%;
}
.list.ty2 li a {
  width: 100%;
}
.list.ty2 li a:hover .thum:before {
  height: 30%;
  background: var(--dark-grad1);
}
.list.ty2 li a:hover .thum img {
  width: 105%;
  height: 105%;
}
.list.ty2 li .writer {
  margin-top: 3rem;
  margin-bottom: 0.8rem;
}
.list.ty2 li .thum {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 28rem;
  border-radius: 2.8rem;
  background: #000;
}
.list.ty2 li .thum:before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 20%;
  background: var(--dark-grad2);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  content: "";
}
.list.ty2 li .thum img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.list.ty2 li .title-cont {
  width: 100%;
  padding-bottom: 0.75rem;
}
.list.ty2 li .title-cont .title {
  display: -webkit-box;
  height: 5.7rem;
  line-height: 1.27;
  white-space: pre-wrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.list.ty2 li .title-cont .contents-prev {
  margin-top: 1.5rem;
}
.list.ty2 li .flex-rwrap.fr {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.list + .btnwrap {
  margin-top: 2rem;
}
.list + .btnwrap .chk-area-ft {
  padding-left: 2.5rem;
  font-weight: 500;
  font-size: 1.8rem;
}
.list + .btnwrap .chk-area-ft [type=checkbox] + label::before {
  margin-top: 0;
  margin-bottom: 0;
}
.list + .btnwrap .chk-area-ft [type=checkbox]:checked + label {
  font-weight: 700;
  color: #000;
}
.list + .btnwrap + .pagenation {
  margin-top: 2.4rem;
}

@media (max-width: 1280px) {
  .list.ty1-5 li .title-cont {
    -moz-column-gap: 9rem;
    -webkit-column-gap: 9rem;
            column-gap: 9rem;
    padding: 2.5rem 3rem;
  }
  .list.ty1-5 li .title-cont > .flex-cwrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: calc(100% - 9.5rem - 9rem);
    max-width: 90rem;
  }
  .list.ty1-5 li .title-cont.toggleBtn {
    padding: 3rem;
  }
  .list.ty1-5.minad li .title-cont {
    -moz-column-gap: 5rem;
    -webkit-column-gap: 5rem;
            column-gap: 5rem;
    padding: 2rem 3rem;
  }
  .list.ty1-5.minad li .title-cont > .flex-cwrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: calc(100% - 9.5rem - 17rem);
  }
}
@media (max-width: 1024px) {
  .list.ty1-4 li .al1 {
    width: 62%;
  }
  .list.ty1-4 li .user-action-info {
    width: 38%;
    padding-right: 0;
  }
  .list.ty1-5 li .title-cont {
    -moz-column-gap: 7rem;
    -webkit-column-gap: 7rem;
            column-gap: 7rem;
  }
  .list.ty1-5 li .title-cont > .flex-cwrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: calc(100% - 9.5rem - 7rem);
  }
  .list.ty1-5.minad li .title-cont {
    -moz-column-gap: 4rem;
    -webkit-column-gap: 4rem;
            column-gap: 4rem;
  }
  .list.ty1-5.minad li .title-cont > .flex-cwrap {
    width: calc(100% - 9.5rem - 15rem);
  }
  .list.ty2 {
    gap: 0 3rem;
  }
  .list.ty2 li {
    --w1: calc(33.3vw - 4rem);
    padding: 2rem 0;
  }
  .list.ty2 li .writer .nickname {
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .list.ty2 li .thum {
    height: 27vw;
  }
  .list.ty2 li .title-cont {
    padding-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  .list [class*=ic-] .num {
    min-width: 1.5rem;
  }
  .list .user-action-info [class*=ic-] {
    margin-right: 1rem;
  }
  .list li {
    padding: 2.3rem 1.5rem 2.7rem;
  }
  .list li .chk-area {
    width: 1.7rem;
  }
  .list li .qnum-area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 0 0.4rem;
    width: 6rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.07);
            box-shadow: 0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.07);
  }
  .list li .qnum-area .num {
    font-size: 1.3rem;
    letter-spacing: -0.04em;
  }
  .list li .qnum-area .text {
    font-size: 1.2rem;
  }
  .list li .state-area {
    width: 6rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.07);
            box-shadow: 0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.07);
  }
  .list li .state-area .text {
    font-size: 1.2rem;
  }
  .list li .writer {
    margin-bottom: 1rem;
  }
  .list li .writer .nickname {
    max-width: 40%;
  }
  .list li .title-cont {
    padding-bottom: 1.4rem;
  }
  .list li .title-cont .title {
    font-size: 1.3rem;
  }
  .list li .title-cont .category {
    margin-right: 1rem;
    font-size: 1.2rem;
  }
  .list li .title-cont .category + .title {
    margin-top: 1rem;
  }
  .list li .title-cont .contents-prev {
    font-size: 1.3rem;
  }
  .list.ty1 .side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list.ty1 .side .taglist {
    margin-bottom: 1.6rem;
  }
  .list.ty1 .side .user-action-info {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 55vw;
    max-width: 30rem;
    margin: 0 auto;
  }
  .list.ty1 .side .user-action-info [class*=ic-] {
    margin-right: 0;
  }
  .list.ty1-2 li {
    padding: 2.5rem 1.5rem 2.3rem;
  }
  .list.ty1-2 li .title-cont {
    padding-bottom: 2.7rem;
  }
  .list.ty1-2 li .title-cont .title i {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: 1rem;
    vertical-align: middle;
  }
  .list.ty1-2 li .title-cont .contents-prev {
    margin-top: 1.1rem;
  }
  .list.ty1-3 li a {
    padding: 2.3rem 1.5rem 2.5rem;
  }
  .list.ty1-4 li {
    padding: 1.5rem;
  }
  .list.ty1-4 li .writer {
    margin-bottom: 0.8rem;
  }
  .list.ty1-4 li .title-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list.ty1-4 li .title-cont .title.org {
    font-size: 1.2rem;
  }
  .list.ty1-4 li .al1 {
    width: 100%;
  }
  .list.ty1-4 li .user-action-info {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 0;
    margin-top: 1.3rem;
  }
  .list.ty1-4 li .reply-area .comment {
    margin-top: -0.3rem;
    font-size: 1.3rem;
    line-height: 1.3076923077;
  }
  .list.ty1-4 li .reply-area .writer {
    margin-bottom: 1.1rem;
  }
  .list.ty1-5 .writer {
    margin-bottom: 0.7rem;
  }
  .list.ty1-5 li .listnum {
    width: 5rem;
    font-size: 1.2rem;
  }
  .list.ty1-5 li .title-cont {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
    padding: 1.7rem 1.5rem 2rem;
  }
  .list.ty1-5 li .title-cont .title {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    letter-spacing: -0.03em;
  }
  .list.ty1-5 li .title-cont > .flex-cwrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: calc(100% - 6rem - 1rem);
  }
  .list.ty1-5 li .title-cont .contents-prev {
    margin-top: 1.1rem;
  }
  .list.ty1-5 li .title-cont.toggleBtn {
    padding: 1.7rem 1.5rem;
  }
  .list.ty1-5 li .toggleCont .cont {
    padding: 1.2rem 1.5rem 2rem;
    font-size: 1.3rem;
    line-height: 1.6153846154;
  }
  .list.ty1-5 li .answer-area {
    padding: 1.6rem 2rem;
    border-radius: 0.7rem;
    font-size: 1.3rem;
    line-height: 1.4615384615;
  }
  .list.ty1-5 li .answer-area .comment {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .list.ty1-5 li .taglist {
    display: none;
  }
  .list.ty1-5 .-indent {
    display: none;
  }
  .list.ty1-5.minad li .title-cont {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
    padding: 1.7rem 1.5rem 2rem;
  }
  .list.ty1-5.minad li .title-cont > .flex-cwrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: calc(100% - 12rem - 1rem);
  }
  .list.ty2 {
    gap: 0 1rem;
    padding-top: 1rem;
  }
  .list.ty2 li {
    --w1: calc(50% - 0.5rem);
    padding: 1rem 0;
  }
  .list.ty2 li .writer {
    margin-top: 1.5rem;
    margin-bottom: 0.6rem;
  }
  .list.ty2 li .thum {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 1.4rem;
  }
  .list.ty2 li .title-cont {
    padding-bottom: 1.3rem;
  }
  .list.ty2 li .title-cont .title {
    height: 3.5rem;
    line-height: 1.307;
  }
  .list.ty2 li .flex-rwrap.fr {
    margin-left: 0;
    margin-right: auto;
  }
  .list [class*=ic-] .num,
  .list [class*=ic-] .text {
    margin-left: 0.3rem;
  }
  .list + .btnwrap {
    margin-top: 1rem;
  }
  .list + .btnwrap .chk-area-ft {
    padding-left: 1.5rem;
    font-size: 1.3rem;
  }
  .list + .btnwrap .chk-area-ft [type=checkbox] + label::before {
    margin-right: 1rem;
  }
  .list + .btnwrap + .pagenation {
    margin-top: 2.3rem;
  }
  .list-more {
    width: 22.5rem;
    height: 5rem;
    margin: 5rem auto 0;
    border-radius: 2.5rem;
  }
  .list-more span {
    font-size: 1.3rem;
  }
  .list-more:hover i {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
.list-more {
  width: 40rem;
  height: 7.5rem;
  margin: 10rem auto 0;
  border-radius: 3.8rem;
}
.list-more span {
  font-size: 2rem;
}
.list-more:hover i {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.minad-list .th-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 0.1rem solid #f2f2f2;
  color: #000;
  font-weight: 600;
  font-size: 1.6rem;
  text-align: center;
}
.minad-list .th-title li {
  padding: 1.1rem 0.5rem;
}
.minad-list .th-title .chk {
  width: 5rem;
}
.minad-list .th-title .chk [type=checkbox] + label::before {
  margin-right: 0;
}
.minad-list .td-list {
  width: 100%;
  color: #000;
  font-size: 1.8rem;
  text-align: center;
}
.minad-list .td-list li {
  padding: 1.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 0.1rem solid #f2f2f2;
}
.minad-list .td-list li > div {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  letter-spacing: -0.02em;
}
.minad-list .td-list li .chk {
  width: 5rem;
}
.minad-list .td-list .chk [type=checkbox] + label::before {
  margin-right: 0;
}
.minad-list .td-list .standby {
  display: block;
  min-width: 10rem;
  padding: 1.6rem 3.6rem;
  margin: 0 auto;
  border: 0.1rem solid #ccc;
  border-radius: 0.8rem;
  background: var(--graybg1);
  font-weight: 700;
  font-size: 1.6rem;
}
.minad-list .td-list .standby span {
  color: #999;
  font-size: inherit;
  letter-spacing: -0.04em;
}
.minad-list .td-list .standby.open {
  border: 0.1rem solid #6745f8;
  background: #6745f8;
}
.minad-list .td-list .standby.open span {
  color: #fff;
}
.minad-list.list1 {
  /*admin notice*/
}
.minad-list.list1 .th-title .num {
  width: 12rem;
}
.minad-list.list1 .th-title .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.minad-list.list1 .th-title .writer {
  width: 14rem;
}
.minad-list.list1 .th-title .time {
  width: 13rem;
}
.minad-list.list1 .th-title .state1 {
  width: 13rem;
}
.minad-list.list1 .th-title .state2 {
  width: 13rem;
}
.minad-list.list1 .td-list li .num {
  width: 12rem;
  font-size: 1.6rem;
}
.minad-list.list1 .td-list li .title {
  width: calc(100% - 70rem);
  padding-right: 2rem;
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: -0.03em;
  text-align: left;
}
.minad-list.list1 .td-list li .title a:hover {
  color: var(--point-color2);
  -webkit-text-decoration: 0.1rem dashed underline;
  text-decoration: 0.1rem dashed underline;
  text-decoration-color: #999;
  text-underline-position: under;
}
.minad-list.list1 .td-list li .title a p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.minad-list.list1 .td-list li .writer {
  width: 14rem;
  font-weight: 500;
}
.minad-list.list1 .td-list li .time {
  width: 13rem;
}
.minad-list.list1 .td-list li .state1 {
  width: 13rem;
}
.minad-list.list1 .td-list li .state2 {
  width: 13rem;
}
.minad-list.list2 {
  /*admin category*/
}
.minad-list.list2 .th-title .num {
  width: 12rem;
}
.minad-list.list2 .th-title .cate {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.minad-list.list2 .th-title .writingnum {
  width: 20rem;
}
.minad-list.list2 .th-title .date {
  width: 20rem;
}
.minad-list.list2 .td-list li .num {
  width: 12rem;
}
.minad-list.list2 .td-list li .cate {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 2rem;
  letter-spacing: -0.03em;
  text-align: left;
}
.minad-list.list2 .td-list li .writingnum {
  width: 20rem;
  font-weight: 500;
}
.minad-list.list2 .td-list li .date {
  width: 20rem;
}
.minad-list + .btnwrap {
  margin-top: 2rem;
}
.minad-list + .btnwrap + .pagenation {
  margin-top: 2.4rem;
}

@media (max-width: 1024px) {
  .minad-list .th-title .chk {
    width: 4rem;
  }
  .minad-list .td-list {
    font-size: 1.7rem;
  }
  .minad-list .td-list li .chk {
    width: 4rem;
  }
  .minad-list .td-list .standby {
    min-width: auto;
    padding: 1.4rem 3rem;
    font-size: 1.5rem;
  }
  .minad-list.list1 .th-title .title {
    width: calc(100% - 49rem);
  }
  .minad-list.list1 .th-title .writer {
    width: 12rem;
  }
  .minad-list.list1 .th-title .time {
    width: 11rem;
  }
  .minad-list.list1 .th-title .state1 {
    width: 11rem;
  }
  .minad-list.list1 .th-title .state2 {
    width: 11rem;
  }
  .minad-list.list1 .td-list li .num {
    width: 9rem;
    font-size: 1.6rem;
  }
  .minad-list.list1 .td-list li .title {
    width: calc(100% - 58rem);
    font-size: 1.8rem;
  }
  .minad-list.list1 .td-list li .title a p {
    padding-right: 0.5rem;
  }
  .minad-list.list1 .td-list li .writer {
    width: 12rem;
  }
  .minad-list.list1 .td-list li .time {
    width: 11rem;
  }
  .minad-list.list1 .td-list li .state1 {
    width: 11rem;
  }
  .minad-list.list1 .td-list li .state2 {
    width: 11rem;
  }
  .minad-list.list2 {
    /*admin category*/
  }
  .minad-list.list2 .th-title .writingnum {
    width: 8rem;
  }
  .minad-list.list2 .th-title .date {
    width: 14rem;
  }
  .minad-list.list2 .td-list li .num {
    width: 5rem;
  }
  .minad-list.list2 .td-list li .cate {
    padding-right: 2rem;
  }
  .minad-list.list2 .td-list li .writingnum {
    width: 8rem;
  }
  .minad-list.list2 .td-list li .date {
    width: 14rem;
  }
}
@media (max-width: 768px) {
  .minad-list .th-title {
    font-size: 1.2rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .minad-list .th-title li {
    padding: 0.9rem 0;
  }
  .minad-list .th-title .chk {
    width: 3rem;
  }
  .minad-list .td-list {
    font-size: 1.3rem;
  }
  .minad-list .td-list li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
    padding: 1.5rem 1rem;
  }
  .minad-list .td-list li .chk {
    width: 3rem;
  }
  .minad-list .td-list .standby {
    padding: 0.8rem 1.25rem;
    font-size: 1.2rem;
  }
  .minad-list.list1 .th-title .title {
    width: calc(100% - 15rem);
  }
  .minad-list.list1 .th-title .writer,
  .minad-list.list1 .th-title .time {
    display: none;
  }
  .minad-list.list1 .th-title .state1 {
    width: 6rem;
  }
  .minad-list.list1 .th-title .state2 {
    width: 6rem;
  }
  .minad-list.list1 .td-list {
    font-size: 1.3rem;
  }
  .minad-list.list1 .td-list li .num {
    width: calc(100% - 4rem);
    padding-right: 12rem;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    text-align: left;
  }
  .minad-list.list1 .td-list li .title {
    width: calc(100% - 3rem);
    padding-right: 12.5rem;
    margin-top: -0.5rem;
    margin-bottom: 0.7rem;
    margin-left: 3.5rem;
    font-size: 1.4rem;
  }
  .minad-list.list1 .td-list li .writer {
    width: auto;
    margin-left: 3.5rem;
    font-size: 1.2rem;
  }
  .minad-list.list1 .td-list li .writer + .time {
    color: var(--gray1);
  }
  .minad-list.list1 .td-list li .writer + .time:before {
    display: inline-block;
    content: "ㆍ";
  }
  .minad-list.list1 .td-list li .time {
    width: auto;
    text-align: left;
  }
  .minad-list.list1 .td-list li .state1,
  .minad-list.list1 .td-list li .state2 {
    position: absolute;
    top: 50%;
    width: 6rem;
    padding: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .minad-list.list1 .td-list li .state1 {
    right: 6.5rem;
  }
  .minad-list.list1 .td-list li .state2 {
    right: 1rem;
  }
  .minad-list.list1 .td-list .standby {
    padding: 0.8rem 1.25rem;
    font-size: 1.2rem;
  }
  .minad-list.list2 {
    /*admin category*/
  }
  .minad-list.list2 .th-title .writingnum {
    width: 5rem;
  }
  .minad-list.list2 .th-title .date {
    display: none;
  }
  .minad-list.list2 .td-list li .num {
    width: 2rem;
    font-size: 1.1rem;
  }
  .minad-list.list2 .td-list li .cate {
    width: calc(100% - 4rem);
  }
  .minad-list.list2 .td-list li .writingnum {
    width: 5rem;
    font-size: 1.2rem;
  }
  .minad-list.list2 .td-list li .date {
    width: calc(100% - 4rem);
    padding-top: 1rem;
    padding-left: 3rem;
    font-size: 1.1rem;
    text-align: left;
  }
  .minad-list.list2 .td-list .w50 {
    width: 60%;
  }
  .minad-list + .btnwrap {
    margin-top: 2rem;
  }
  .minad-list + .btnwrap + .pagenation {
    margin-top: 2.4rem;
  }
}
/* board view */
.view .article-subject {
  position: relative;
  border-top: 2px solid #000;
  border-bottom: 0.1rem solid #f2f2f2;
  padding-top: 3rem;
  padding-bottom: 3.7rem;
}
.view .article-subject .category {
  display: block;
  margin-bottom: 0.8rem;
}
.view .article-subject .title {
  padding-right: 13rem;
  margin-bottom: 1.4rem;
  font-weight: 600;
  font-size: 2.7rem;
  line-height: 1.3;
}
.view .article-subject .my-modi-btnwrap {
  top: 2.2rem;
  right: -1rem;
}
.view .article-subject .email-area {
  font-size: 1.6rem;
}
.view .article-subject .email-area .labeltitle,
.view .article-subject .email-area .value {
  display: inline-block;
  vertical-align: middle;
}
.view .article-subject .email-area .labeltitle {
  font-weight: 600;
  letter-spacing: -0.04em;
}
.view .article-subject .email-area .labeltitle span {
  display: inline-block;
  vertical-align: middle;
}
.view .article-subject .email-area .value {
  position: relative;
  top: -0.1rem;
  padding-left: 0.75rem;
  padding-right: 0.2rem;
  letter-spacing: -0.03em;
}
.view .article-subject .email-area .value:before {
  display: inline-block;
  padding-right: 1rem;
  color: #ddd;
  vertical-align: middle;
  font-size: 0.9em;
  content: "|";
}
.view .article-subject .email-area i.chk {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.5rem;
  border: 0.1rem solid #ddd;
  border-radius: 3rem;
  background: url(../../images/commu/ic-check-c.svg) no-repeat 50%/60%;
  vertical-align: middle;
}
.view .my-modi-btnwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  width: auto;
  height: auto;
}
.view .my-modi-btnwrap li + li:before {
  display: inline-block;
  color: #999;
  font-size: 0.9em;
  opacity: 0.8;
  content: "|";
}
.view .my-modi-btnwrap .modi-btn {
  padding: 1rem 1.3rem;
  color: var(--gray1);
  font-size: 1.5rem;
  letter-spacing: -0.04em;
}
.view .my-modi-btnwrap .modi-btn:hover {
  color: var(--point-color2);
  font-weight: 500;
}
.view .article-contents {
  padding-top: 3rem;
  padding-bottom: 6rem;
  font-size: 1.8rem;
  line-height: 1.666;
}
.view .article-contents .taglist {
  margin-top: 5.3rem;
}
.view .article-contents .btnwrap {
  margin-top: 2rem;
}
.view .article-contents .blank-area1 {
  height: 4.6rem;
}
.view .article-contents + .btnwrap {
  padding-top: 2.2rem;
  margin-bottom: 2.2rem;
}
.view .article-contents + .btnwrap:before {
  display: block;
  position: relative;
  top: -2.2rem;
  width: 100%;
  height: 0.1rem;
  background: #f2f2f2;
  content: "";
}
.view .comment-wrap .comment-title .title {
  margin-bottom: 1.3rem;
}
.view .comment-wrap .comment-title .text {
  font-weight: 700;
  font-size: 1.8rem;
  margin-right: 0.4rem;
  color: #000;
}
.view .comment-wrap .comment-title .num {
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--point-color2);
}
.view .comment-wrap .comment-title + .article-comments {
  margin-top: 1.2rem;
}
.view .comment-wrap textarea {
  min-height: 8.5rem;
  padding: 1.9rem 11rem 1.3em 2em;
  border: 0.1rem solid #eee;
  border-radius: 1.4rem;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.27;
}
.view .comment-wrap textarea:focus, .view .comment-wrap textarea:active {
  border: 0.1rem solid #5862ac;
}
.view .comment-wrap .textarea-wrap {
  position: relative;
}
.view .comment-wrap .textarea-wrap .btnFunc-act {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.view .comment-wrap .article-comments {
  margin-top: 2.2rem;
}
.view .comment-wrap .article-comments > li {
  border-bottom: 0.1rem solid #eee;
}
.view .comment-wrap .article-comments .writer {
  margin-bottom: 0.8rem;
}
.view .comment-wrap .article-comments .comment {
  margin-bottom: 0.7rem;
  line-height: 1.5;
}
.view .comment-wrap .article-comments .comment-area {
  width: 100%;
  padding: 3.3rem 4rem 1.2rem;
}
.view .comment-wrap .article-comments .comment-area .deleted {
  margin: -0.3rem 0 1.8rem;
}
.view .comment-wrap .article-comments .comment-area .deleted .ic-caution + .text {
  margin-left: 0.7rem;
  color: #999;
  font-size: 1.6rem;
  vertical-align: middle;
}
.view .comment-wrap .article-comments .side {
  position: relative;
}
.view .comment-wrap .article-comments .side .my-modi-btnwrap {
  top: -0.1rem;
  right: -1.3rem;
}
.view .comment-wrap .re-comment-list {
  position: relative;
  background: var(--graybg1);
  padding: 0 4rem;
  margin-top: 0.6rem;
}
.view .comment-wrap .re-comment-list:after {
  display: block;
  position: relative;
  top: 1px;
  width: calc(100% + 8rem);
  height: 1px;
  margin-left: -4rem;
  background: var(--graybg1);
  content: "";
}
.view .comment-wrap .re-comment-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-column-gap: 2.4rem;
  -webkit-column-gap: 2.4rem;
          column-gap: 2.4rem;
  border-bottom: 0.1rem solid #ddd;
}
.view .comment-wrap .re-comment-list > li:last-child {
  border-bottom: none;
}
.view .comment-wrap .re-comment-list .-indent {
  width: 1.7rem;
}
.view .comment-wrap .re-comment-list .-indent .ic-com-reply {
  width: 1.7rem;
  height: 1.3rem;
  margin-top: 2rem;
  background: url(../../images/commu/ic-comm-reply.svg) no-repeat 50%/contain;
}
.view .comment-wrap .re-comment-list .comment-area {
  padding: 2rem 0 1.2rem;
}
.view .comment-wrap .re-comment-list .comment-area .writer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view .comment-wrap .re-comment-list .comment-area .textarea-wrap {
  margin-bottom: 0.8rem;
}
.view .comment-wrap .re-comment-list .comment-area .textarea-wrap .btnFunc-act {
  background: #868492;
}
.view .comment-wrap .re-comment-list .comment-area .textarea-wrap .btnFunc-act.on, .view .comment-wrap .re-comment-list .comment-area .textarea-wrap .btnFunc-act:hover {
  background: var(--point-color2);
}
.view .comment-wrap .re-comment-list .comment-area .deleted {
  margin: -0.2rem 0 0.8rem;
}
.view .comment-wrap .pagenation {
  margin-top: 1.5rem;
}
.view .comment-wrap + .page-move {
  margin-top: 4.5rem;
}
.view .view-file {
  width: 100%;
  padding: 0em 2rem 7rem 2.4rem;
}
.view .view-file li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.view .view-file .ic-file {
  margin-right: 2rem;
  vertical-align: middle;
}
.view .view-file .file-link {
  display: block;
  padding: 0.7rem 0;
  color: #000;
  font-size: 1.6rem;
}
.view .view-file .file-link:hover {
  -webkit-text-decoration: 0.1rem dashed underline;
  text-decoration: 0.1rem dashed underline;
  text-decoration-color: #999;
  text-underline-position: under;
}
.view .view-edit {
  font-size: 1.8rem;
  line-height: 1.6667;
  overflow: hidden;
}
.view .view-edit:after { 
  display: block; 
  clear: both; 
  content: ""; 
}
.view .view-edit .table-bordered {
  width: 100%;
  border: none;
  border-top: 2px solid #a1a2aa;
  border-collapse: collapse;
}
.view .view-edit .table-bordered th {
  padding: 0.6rem 0.3rem;
  border-top: 2px solid #dcdcdc;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  background-color: #f5f7f9;
  font-weight: 500;
}
.view .view-edit .table-bordered td {
  padding: 0.5rem 0.5rem;
  border: 1px solid #eee;
}
.view .page-move .btnwrap {
  margin-top: 2rem;
}
.view .list-nav {
  border-top: 0.1rem solid #000;
  border-bottom: 0.1rem solid #efefef;
  color: #000;
  line-height: 6rem;
}
.view .list-nav li {
  display: inline-block;
  position: relative;
  width: calc(50% - 0.2rem);
  height: 6rem;
  font-weight: 600;
  vertical-align: top;
}
.view .list-nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 0 3rem;
}
.view .list-nav li a i {
  position: relative;
  width: 0.9rem;
  height: 1.3rem;
  background: url(../../images/commu/ic-arrow-right.svg) 50%/contain no-repeat;
  vertical-align: middle;
}
.view .list-nav li a span {
  display: none;
}
.view .list-nav li a .title {
  width: 100%;
  padding: 0 2rem;
  font-size: 1.8rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view .list-nav li a:hover {
  -webkit-text-decoration: 0.15rem dashed underline;
  text-decoration: 0.15rem dashed underline;
  text-decoration-color: var(--point-color2);
  text-underline-position: under;
}
.view .list-nav li.nowriting {
  font-weight: 400;
  color: var(--gray1);
}
.view .list-nav li.nowriting a {
  text-decoration: none;
}
.view .list-nav li.nowriting i {
  opacity: 0.3;
}
.view .list-nav li.prev i {
  -webkit-transform: rotate(179deg);
          transform: rotate(179deg);
}
.view .list-nav li.prev:after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.1rem;
  width: 0.1rem;
  height: 15px;
  margin-left: -0.1rem;
  background: #d2d2d2;
  content: "";
}
.view .list-nav li.next i {
  margin-left: auto;
}
@media (max-width: 1280px) {
  .view .article-subject .title {
    padding-right: 16rem;
  }
  .view .article-subject .my-modi-btnwrap {
    right: 2rem;
  }
  .view .article-contents + .btnwrap:before {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
}
@media (max-width: 1024px) {
  .view .article-contents + .btnwrap:before {
    width: calc(100% + 5rem);
    margin-left: -2.5rem;
  }
}
@media (max-width: 768px) {
  .view .article-subject {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .view .article-subject .category {
    margin-bottom: 0.8rem;
  }
  .view .article-subject .title {
    padding-right: 13rem;
    margin-bottom: 1.4rem;
    font-size: 1.2rem;
  }
  .view .article-subject .side-ac {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
  .view .article-subject .side-ac .writer {
    padding-top: 0.5rem;
  }
  .view .article-subject .side-ac .email-area {
    padding-top: 0.5rem;
    margin-left: -0.2rem;
  }
  .view .article-subject .email-area {
    font-size: 1.2rem;
  }
  .view .article-subject .email-area .value {
    padding-left: 0.5rem;
    font-size: 1.3rem;
    letter-spacing: 0;
  }
  .view .article-subject .email-area .value:before {
    padding-right: 0.75rem;
    font-size: 0.8em;
  }
  .view .article-subject .email-area i.chk {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 0.3rem;
    background: url(../../images/commu/ic-check-c.svg) no-repeat 50%/60%;
  }
  .view .article-subject .my-modi-btnwrap {
    top: 2.2rem;
    right: 0.5rem;
  }
  .view .my-modi-btnwrap li + li:before {
    font-size: 0.7em;
  }
  .view .my-modi-btnwrap .modi-btn {
    padding: 1rem 1rem;
    font-size: 1.2rem;
  }
  .view .article-contents {
    padding-top: 3.3rem;
    padding-bottom: 3.7rem;
    font-size: 1.3rem;
    line-height: 1.615;
  }
  .view .article-contents .taglist {
    margin-top: 2.5rem;
  }
  .view .article-contents .btnwrap {
    margin-top: 3rem;
  }
  .view .article-contents .blank-area1 {
    height: 3.3rem;
  }
  .view .article-contents + .btnwrap {
    margin-bottom: 2.7rem;
  }
  .view .article-contents + .btnwrap:before {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }
  .view .comment-wrap .comment-title .title {
    margin-bottom: 1rem;
  }
  .view .comment-wrap .comment-title .text {
    font-size: 1.3rem;
    margin-right: 0.3rem;
  }
  .view .comment-wrap .comment-title .num {
    font-size: 1.3rem;
  }
  .view .comment-wrap .comment-title + .article-comments {
    margin-top: 1rem;
  }
  .view .comment-wrap textarea {
    min-height: 6rem;
    padding: 1.2rem 6.5rem 0.5rem 1rem;
    border-radius: 0.7rem;
    font-size: 1.3rem;
  }
  .view .comment-wrap .textarea-wrap .btnFunc-act {
    top: 1.5rem;
    right: 1rem;
  }
  .view .comment-wrap .article-comments {
    margin-top: 0.9rem;
  }
  .view .comment-wrap .article-comments .writer {
    margin-bottom: 0.6rem;
  }
  .view .comment-wrap .article-comments .comment {
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
    line-height: 1.46;
  }
  .view .comment-wrap .article-comments .comment-area {
    padding: 2.5rem 1.5rem 1.5rem 2.5rem;
  }
  .view .comment-wrap .article-comments .comment-area .deleted {
    margin: -0.5rem 0 0.3rem;
  }
  .view .comment-wrap .article-comments .comment-area .deleted .ic-caution + .text {
    margin-left: 0.6rem;
    font-size: 1.3rem;
  }
  .view .comment-wrap .article-comments .side .my-modi-btnwrap {
    top: 0;
    right: 0;
  }
  .view .comment-wrap .re-comment-list {
    padding: 0 1.5rem;
    margin-top: 0.6rem;
  }
  .view .comment-wrap .re-comment-list:after {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }
  .view .comment-wrap .re-comment-list > li {
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
  }
  .view .comment-wrap .re-comment-list .-indent {
    width: 1.7rem;
  }
  .view .comment-wrap .re-comment-list .-indent .ic-com-reply {
    width: 1rem;
    height: 0.9rem;
    margin-top: 2.5rem;
  }
  .view .comment-wrap .re-comment-list .comment-area {
    padding: 2rem 0 1.2rem;
  }
  .view .comment-wrap .re-comment-list .comment-area .textarea-wrap {
    margin-bottom: 0.8rem;
  }
  .view .comment-wrap .re-comment-list .comment-area .deleted {
    margin: -0.2rem 0 0.8rem;
  }
  .view .comment-wrap .pagenation {
    margin-top: 0.75rem;
  }
  .view .comment-wrap + .page-move {
    margin-top: 3rem;
  }
  .view .view-file {
    padding: 0 0 4.5rem;
  }
  .view .view-file .ic-file {
    margin-right: 1rem;
  }
  .view .view-file .file-link {
    padding: 0.7rem 0;
    font-size: 1.2rem;
  }
  .view .view-edit {
    font-size: 1.3rem;
    line-height: 1.61538;
  }
  .view .list-nav {
    line-height: 5rem;
  }
  .view .list-nav li {
    width: calc(50% - 0.2rem);
    height: 5rem;
  }
  .view .list-nav li a {
    padding: 0 2.5rem;
  }
  .view .list-nav li a i {
    width: 0.7rem;
    height: 1.1rem;
  }
  .view .list-nav li a .title {
    padding: 0 2rem;
    font-size: 1.3rem;
  }
  .view .list-nav li.prev:after {
    height: 0.9rem;
  }
  .view .list-nav li.next i {
    margin-left: auto;
  }
}
.write-mid-info {
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 28rem;
  margin-top: -1rem;
  margin-bottom: 6.6rem;
  padding: 5.4rem 5rem 5rem 9.6rem;
  border-radius: 2.8rem;
  background: #f4f2ff;
  text-align: left;
}
.write-mid-info:after {
  position: absolute;
  z-index: -1;
  top: -1rem;
  right: 11.8rem;
  width: 60.5rem;
  height: 37.6rem;
  background: url(../../images/commu/mid-img1.png) no-repeat 50%/contain;
  content: "";
}
.write-mid-info .p1 {
  margin-bottom: 1.5rem;
  font: 700 3.7rem var(--font-family1);
  line-height: 1.2162162162;
  letter-spacing: -0.05em;
}
.write-mid-info .p1 em {
  color: #4425ff;
}
.write-mid-info .explan {
  font-size: 1.7rem;
  line-height: 1.4117647059;
  letter-spacing: -0.02em;
}

.write-mid-info2 {
  padding-bottom: 1.5rem;
  text-align: left;
}
.write-mid-info2 .p1 {
  font-weight: 600;
  font-size: 1.8rem;
}
.write-mid-info2 .explan {
  font-weight: 500;
  font-size: 1.6rem;
}

/* board write */
.write {
  position: relative;
  border-top: 0.2rem solid #000;
  text-align: left;
}
.write .info-top1 {
  position: absolute;
  top: -2.8rem;
  right: 0;
  width: auto;
  height: auto;
  text-align: right;
}
.write .info-top1 .required {
  padding-right: 0.5rem;
  color: var(--waring-color1);
}
.write .li {
  position: relative;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.write .li:first-child {
  padding-top: 2.8rem;
}
.write .li.gap1 {
  padding-bottom: 3rem;
}
.write .li.mid {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 0.1rem solid #eee;
}
.write .fixed-value {
  font-weight: 500;
  font-size: 1.8rem;
}
.write .input-area input[type=text]::-webkit-input-placeholder,
.write .input-area input[type=tel]::-webkit-input-placeholder,
.write .input-area input[type=email]::-webkit-input-placeholder,
.write .input-area input[type=password]::-webkit-input-placeholder {
  color: #999;
}
.write .input-area input[type=text]::-moz-placeholder,
.write .input-area input[type=tel]::-moz-placeholder,
.write .input-area input[type=email]::-moz-placeholder,
.write .input-area input[type=password]::-moz-placeholder {
  color: #999;
}
.write .input-area input[type=text]:-ms-input-placeholder,
.write .input-area input[type=tel]:-ms-input-placeholder,
.write .input-area input[type=email]:-ms-input-placeholder,
.write .input-area input[type=password]:-ms-input-placeholder {
  color: #999;
}
.write .input-area input[type=text]::-ms-input-placeholder,
.write .input-area input[type=tel]::-ms-input-placeholder,
.write .input-area input[type=email]::-ms-input-placeholder,
.write .input-area input[type=password]::-ms-input-placeholder {
  color: #999;
}
.write .input-area input[type=text]::-webkit-input-placeholder, .write .input-area input[type=tel]::-webkit-input-placeholder, .write .input-area input[type=email]::-webkit-input-placeholder, .write .input-area input[type=password]::-webkit-input-placeholder {
  color: #999;
}
.write .input-area input[type=text]::-moz-placeholder, .write .input-area input[type=tel]::-moz-placeholder, .write .input-area input[type=email]::-moz-placeholder, .write .input-area input[type=password]::-moz-placeholder {
  color: #999;
}
.write .input-area input[type=text]:-ms-input-placeholder, .write .input-area input[type=tel]:-ms-input-placeholder, .write .input-area input[type=email]:-ms-input-placeholder, .write .input-area input[type=password]:-ms-input-placeholder {
  color: #999;
}
.write .input-area input[type=text]::-ms-input-placeholder, .write .input-area input[type=tel]::-ms-input-placeholder, .write .input-area input[type=email]::-ms-input-placeholder, .write .input-area input[type=password]::-ms-input-placeholder {
  color: #999;
}
.write .input-area input[type=text]::placeholder,
.write .input-area input[type=tel]::placeholder,
.write .input-area input[type=email]::placeholder,
.write .input-area input[type=password]::placeholder {
  color: #999;
}
.write .input-area.invaild input[type=text],
.write .input-area.invaild input[type=tel],
.write .input-area.invaild input[type=email],
.write .input-area.invaild input[type=password] {
  border: 0.1rem solid var(--waring-color1);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.write .input-area.invaild .chk-text[role*=alert] {
  display: block;
}
.write .input-area.vaild input[type=text],
.write .input-area.vaild input[type=tel],
.write .input-area.vaild input[type=email],
.write .input-area.vaild input[type=password] {
  border: 0.1rem solid #5c38f8;
  -webkit-box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
}
.write .input-area.vaild .inbtnD {
  color: #fff;
  background: #4242c7;
}
.write .input-area.standby input[type=text],
.write .input-area.standby input[type=tel],
.write .input-area.standby input[type=email],
.write .input-area.standby input[type=password] {
  background: #f7f7f9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.write .input-area.standby .inbtnD {
  color: #fff;
  background: #222;
}
.write .input-area.standby.end .inbtnD {
  background: #868492;
}
.write .input-area .withbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 0 1rem;
}
.write .input-area.value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.write .input-area.value .title {
  width: 16%;
}
.write .inc-tooltip label.title {
  display: inline-block;
}
.write .tool-tip {
  display: inline-block;
  position: relative;
  margin-left: 0.4rem;
}
.write .tool-tip .tooltip-btn {
  position: relative;
  top: -0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../../images/commu/ic-tooltip1.png) no-repeat 50%/contain;
  vertical-align: middle;
  cursor: pointer;
}
.write .tool-tip .tooltip-box {
  display: none;
  position: absolute;
  z-index: 2;
  top: -0.4rem;
  left: 3rem;
  max-width: 40rem;
  width: 80vw;
  height: auto;
  padding: 1.5rem;
  border: 0.1rem solid rgba(92, 56, 248, 0.4);
  border-radius: 0.25rem;
  background: #fff;
  line-height: 1.4;
  font-weight: 400;
  font-size: 0.9em;
}
.write .tool-tip .tooltip-box .title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.write .tool-tip .tooltip-box .title {
  margin-bottom: 0.7rem;
  font-size: 0.95em;
}
.write .tool-tip .tooltip-box .close-popup {
  width: 3rem;
  height: 3rem;
  margin-left: auto;
  border-radius: 50%;
  background: url(../../images/commu/ic-close-b.svg) no-repeat 50%/40%;
}
.write .tool-tip .tooltip-box.open {
  display: block;
}
.write select {
  font-weight: 700;
}
.write label.title,
.write .input-area .title {
  display: block;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1.8rem;
}
.write label.title .required,
.write .input-area .title .required {
  padding-left: 0.5rem;
  color: var(--waring-color1);
}
.write .chk-text {
  position: relative;
  bottom: 0;
  height: 1.6rem;
  margin-top: 1rem;
  font-size: 1.6rem;
}
.write .chk-text[role*=alert] {
  display: none;
}
.write .chk-text[role*=tooltip] {
  color: #666;
}
.write .chk-text .num {
  color: var(--point-color2);
}
.write .chk-text .total:before {
  margin-right: 0.3rem;
  margin-left: 0.3rem;
  color: #999;
  font-size: 0.9em;
  content: "/";
}
.write .writer {
  font-size: 1.6rem;
}
.write .writer span {
  display: inline-block;
  vertical-align: middle;
}
.write .writer .label + .nickname {
  font-weight: 600;
  margin-left: 1.5rem;
}
.write .writer .label + .nickname:before {
  display: inline-block;
  margin-right: 1.5rem;
  color: #ddd;
  font-weight: 300;
  font-size: 0.8em;
  vertical-align: middle;
  content: "|";
}
.write .editor-area {
  min-height: 30rem;
}
.write .editor-area2 {
  min-height: 30rem;
  padding: 3rem 2rem;
  border: 0.1rem solid #eee;
  border-radius: 1rem;
}
.write .input-box {
  border: 0.1rem solid #eee;
  padding: 2rem 3rem;
  text-align: center;
}
.write .input-box.box1 {
  font-weight: 500;
  font-size: 1.8rem;
}
.write .input-box.box1 [type=checkbox]:checked + label {
  font-weight: 700;
  color: var(--point-color2);
}
.write .input-box.box1 .addinfo1 {
  padding-left: 0.75rem;
  color: var(--gray1);
  font-weight: 300;
  font-size: 0.97em;
}
.write .btnwrap {
  margin-top: 2.2rem;
}
.write .mg1 {
  margin-bottom: 0.4rem;
}
.write .inbtnD {
  width: 9rem;
  height: 4.5rem;
  border-radius: 0.8rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 4.5rem;
  letter-spacing: -0.04em;
}
.write .inbtnD:hover, .write .inbtnD:active, .write .inbtnD.vaild {
  color: #fff;
  background: #222;
}
.write .inbtnD.standby {
  color: #fff;
  background: #4242c7;
}
.write .inbtnD.standby.end {
  background: #868492;
}
.write [class*=innerbtnD] {
  height: 6rem;
  margin: 0 0.3rem;
}
.write .btnD.submit {
  width: 40rem;
  height: 6.5rem;
  font-size: 1.8rem;
  line-height: 6.5rem;
}
.write .btnD.cancel, .write .btnD.submitB {
  width: 21rem;
  height: 6rem;
  font-size: 1.8rem;
  line-height: 6rem;
}
.write .agreebox {
  padding: 7.4rem 7rem 10rem;
  background: var(--graybg1);
}
.write .agreebox.invaild .agree-reauired .item {
  color: var(--waring-color1);
}
.write .agreebox .select-area {
  padding-bottom: 3.5rem;
  border-bottom: 0.1rem solid #ddd;
}
.write .agreebox .select-area .desc1 {
  color: var(--gray1);
  font-size: 1.8rem;
  line-height: 1.4444444444;
}
.write .agreebox .agreeall-area {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.write .agreebox .agreeall-area .agree-reauired {
  font-size: 1.8rem;
}
.write .agreebox .agreeall-area .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.write .agreebox .agreeall-area [class*=item] {
  margin-bottom: 0.2rem;
}
.write .agreebox .agreeall-area button {
  margin-right: 4rem;
  margin-left: auto;
  color: #999;
  font-size: 1.8rem;
  text-decoration: underline;
  text-underline-position: under;
}
.write .agreebox .agreeall-area .desc2 {
  width: 100%;
  margin-top: 1rem;
}
.write .agreebox .agreeall-area .desc2 p {
  padding-bottom: 2rem;
}
.write .agreebox .strong1[type=checkbox] + label {
  font-weight: 700;
  font-size: 2rem;
}
.write .agreebox .indent1 {
  padding-left: 4rem;
}
.write .agreebox .indent1 [type=checkbox]:last-child + label {
  margin-right: 0;
}
.write .agreebox .indent1 [type=checkbox] + label {
  margin-right: 4rem;
}
.write .agreebox .indent1 [type=checkbox] + label ::before {
  margin-left: 1rem;
}
.write.ty2 .input-area input[type=text],
.write.ty2 .input-area input[type=tel],
.write.ty2 .input-area input[type=number],
.write.ty2 .input-area input[type=password],
.write.ty2 .input-area input[type=email] {
  width: 100%;
}
.write.ty2 .input-area .withbtn {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.write.ty2 .input-area .withbtn input[type=text],
.write.ty2 .input-area .withbtn input[type=tel],
.write.ty2 .input-area .withbtn input[type=number],
.write.ty2 .input-area .withbtn input[type=password],
.write.ty2 .input-area .withbtn input[type=email] {
  width: calc(100% - 22rem);
}
.write .inbtnD {
  width: 21rem;
  height: 6rem;
  border-radius: 1rem;
  background: #eee;
  color: #666;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 6rem;
  letter-spacing: -0.04em;
}
.write.my-info [type=checkbox]:checked + label {
  color: #000;
}
.write.my-info [type=checkbox] + label::before {
  margin-right: 1rem;
}
.write.my-info .chk-wrap [type=checkbox] + label {
  margin-right: 5.5rem;
}
.write .mg2 {
  margin-top: 0.5rem;
}
.write .w65-btns {
  width: 65%;
}

@media (max-width: 1280px) {
  .write-mid-info {
    padding: 5.4rem 3rem 5rem 7rem;
    border-radius: 0;
  }
  .write-mid-info:after {
    top: 3.3rem;
    right: 3.8rem;
    width: 50.5rem;
    height: 30.7rem;
  }
}
@media (max-width: 1024px) {
  .write-mid-info {
    padding: 5.4rem 4rem 5rem 4rem;
  }
  .write-mid-info:after {
    top: auto;
    right: -1.5rem;
    bottom: -0.5rem;
    width: 37.5rem;
    height: 18.7rem;
  }
}
@media (max-width: 768px) {
  .write-mid-info {
    margin-top: -0.8rem;
    margin-bottom: 5.5rem;
    padding: 3.1rem 2rem 16rem 5rem;
    text-align: center;
  }
  .write-mid-info:after {
    right: auto;
    left: 50%;
    bottom: -3rem;
    width: 30.3rem;
    height: 20.4rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .write-mid-info .p1 {
    margin-bottom: 1.5rem;
    font-size: 2.3rem;
  }
  .write-mid-info .explan {
    font-size: 1.3rem;
  }
  .write-mid-info2 {
    padding-bottom: 1rem;
  }
  .write-mid-info2 .p1 {
    margin-bottom: 0.75rem;
    font-size: 1.3rem;
  }
  .write-mid-info2 .explan {
    font-size: 1.2rem;
  }
  .write-mid-info2 button {
    margin-left: auto;
  }
  .write .gutter {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .write .info-top1 {
    top: -2rem;
    right: 1.5rem;
    font-size: 1.3rem;
  }
  .write .li {
    padding-top: 1rem;
    padding-bottom: 1.3rem;
  }
  .write .li:first-child {
    padding-top: 2rem;
  }
  .write .tool-tip {
    top: 0.1rem;
    margin-left: 0.4rem;
  }
  .write .tool-tip i {
    width: 2.4rem;
    height: 2.4rem;
    background-size: 1.4rem;
  }
  .write .tool-tip .tooltip-box {
    border-radius: 0.5rem;
    font-size: 0.95em;
  }
  .write .tool-tip .tooltip-box .title {
    margin-bottom: 0.5rem;
    font-size: 1em;
  }
  .write label.title,
  .write .input-area .title {
    font-size: 1.3rem;
  }
  .write label.title .required,
  .write .input-area .title .required {
    padding-left: 0.4rem;
  }
  .write .input-area {
    font-size: 1.3rem;
  }
  .write .chk-text {
    height: 1.3rem;
    margin-top: 0.8rem;
    font-size: 1.2rem;
    line-height: 1.1;
  }
  .write .info-text {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    line-height: 1.25;
  }
  .write .writer {
    font-size: 1.2rem;
  }
  .write .writer .label + .nickname {
    margin-left: 0.7rem;
    font-size: 1.3rem;
  }
  .write .writer .label + .nickname:before {
    margin-right: 0.7rem;
  }
  .write .editor-area {
    font-size: 1.3rem;
    min-height: 25rem;
  }
  .write .editor-area2 {
    padding: 1.5rem 1rem;
    border-radius: 0.8rem;
    font-size: 1.3rem;
    min-height: 25rem;
  }
  .write .input-box {
    border: 0.1rem solid #eee;
    padding: 1.7rem 2rem;
    text-align: center;
  }
  .write .input-box.box1 {
    font-size: 1.5rem;
  }
  .write .input-box.box1 .addinfo1 {
    padding-left: 0.5rem;
  }
  .write .btnwrap {
    margin-top: 2.7rem;
  }
  .write .mg1 {
    margin-bottom: 0.4rem;
  }
  .write .mg2 {
    margin-top: 0.5rem;
  }
  .write .w23 {
    width: 66%;
  }
  .write [class*=innerbtnD] {
    height: 4.4rem;
    margin: 0 0.2rem;
  }
  .write .btnD {
    letter-spacing: -0.03em;
  }
  .write .btnD.submit {
    width: 25rem;
    height: 4.5rem;
    border-radius: 1rem;
    font-size: 1.4rem;
    line-height: 4.5rem;
  }
  .write .btnD.cancel, .write .btnD.submitB {
    width: 40%;
    max-width: 14rem;
    height: 4.5rem;
    font-size: 1.4rem;
    line-height: 4.5rem;
  }
  .write .agreebox {
    padding: 4.35rem 1.5rem 8rem;
  }
  .write .agreebox .select-area {
    padding-right: 1rem;
    padding-bottom: 1.7rem;
    padding-left: 1rem;
  }
  .write .agreebox .select-area .desc1 {
    font-size: 1.4rem;
    line-height: 1.2142857143;
  }
  .write .agreebox .agreeall-area {
    padding-top: 2.3rem;
    padding-right: 1rem;
    padding-bottom: 3.4rem;
    padding-left: 1rem;
  }
  .write .agreebox .agreeall-area .agree-reauired {
    font-size: 1.3rem;
  }
  .write .agreebox .agreeall-area [class*=item] {
    margin-bottom: 0;
  }
  .write .agreebox .agreeall-area button {
    margin-right: 1rem;
    font-size: 1.4rem;
  }
  .write .agreebox .agreeall-area .desc2 {
    margin-top: 0.7rem;
  }
  .write .agreebox .agreeall-area .desc2 p {
    padding-bottom: 0.9rem;
  }
  .write .agreebox .strong1[type=checkbox] + label {
    font-size: 1.4rem;
  }
  .write .agreebox .indent1 {
    padding-left: 3rem;
  }
  .write .agreebox .indent1 [type=checkbox] + label {
    margin-right: 3.2rem;
  }
  .write .agreebox .indent1 [type=checkbox] + label ::before {
    margin-left: 0.8rem;
  }
  .write.ty2 .input-area .withbtn input[type=text],
  .write.ty2 .input-area .withbtn input[type=tel],
  .write.ty2 .input-area .withbtn input[type=number],
  .write.ty2 .input-area .withbtn input[type=password],
  .write.ty2 .input-area .withbtn input[type=email] {
    width: calc(100% - 12rem);
  }
  .write .inbtnD {
    width: 11rem;
    height: 4.5rem;
    border-radius: 0.8rem;
    font-size: 1.2rem;
    line-height: 4.5rem;
    letter-spacing: -0.02em;
  }
  .write .w65-btns {
    width: 50%;
  }
}
.wfull {
  width: 100%;
}

.wfull {
  width: 100%;
}

.w100 {
  width: 100%;
}

.w23 {
  width: 23%;
}

.w50 {
  width: 50%;
}

.w65 {
  width: 65%;
}

.list-more {
  width: 40rem;
  height: 75px;
  margin: 10rem auto 0;
  border-radius: 38px;
}
.list-more span {
  font-size: 2rem;
}
.list-more:hover i {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

@media (max-width: 768px) {
  .nodata {
    padding: 5rem 3rem;
    text-align: center;
  }
  .nodata span {
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 0 auto 1em;
    border-radius: 50%;
    background: var(--graybg1);
    color: #999;
    font-weight: 400;
    font-size: 3rem;
    line-height: 8rem;
    font-family: var(--font-family1);
  }
  .nodata p {
    color: #111;
    font-weight: 600;
    font-size: 15px;
  }
  .noticelist {
    text-align: left;
  }
  .noticelist .row-col1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .noticelist .searcharea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 0;
  }
  .result-text1 {
    margin-bottom: 1rem;
  }
  .list-search {
    width: 100%;
    text-align: center;
  }
  .list-search input {
    width: 100%;
    height: 5rem;
    padding: 0 2.5rem;
    margin-bottom: 3.25rem;
    font-size: 1.3rem;
  }
  .list-search .btn-search {
    top: 1.5rem;
    right: 2.5rem;
    width: 1.7rem;
    height: 1.8rem;
  }
  .list-more {
    width: 22.5rem;
    height: 5rem;
    margin: 5rem auto 0;
    border-radius: 2.5rem;
  }
  .list-more span {
    font-size: 1.3rem;
  }
  .list-more:hover i {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.pagenation a {
  display: block;
  width: 3.2rem;
  padding: 1.6rem 1.6rem;
  color: #999;
  font-size: 1.6rem;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pagenation a:hover {
  color: var(--point-color2);
}
.pagenation a.current {
  color: var(--point-color2);
  font-weight: 900;
  text-decoration: underline;
}
.pagenation a.pagination-left {
  width: 3.2rem;
  margin-left: 0.5rem;
  background: url(../../images/commu/ic-arrow-left-solid.svg) no-repeat 50%/50%;
}
.pagenation a.pagination-right {
  width: 3.2rem;
  margin-right: 0.5rem;
  background: url(../../images/commu/ic-arrow-right-solid.svg) no-repeat 50%/50%;
}
.pagenation + .btnwrap {
  margin-top: 3rem;
}

@media (max-width: 768px) {
  .pagenation a {
    font-size: 1.3rem;
  }
  .pagenation a.current {
    color: var(--point-color2);
    font-weight: 900;
    text-decoration: underline;
  }
  .pagenation a.pagination-left {
    width: 3rem;
    margin-left: 0.3rem;
    background: url(../../images/commu/ic-arrow-left-solid.svg) no-repeat 50%/34%;
  }
  .pagenation a.pagination-right {
    width: 3rem;
    margin-right: 0.3rem;
    background: url(../../images/commu/ic-arrow-right-solid.svg) no-repeat 50%/34%;
  }
  .pagenation + .btnwrap {
    margin-top: 2rem;
  }
}
/* My Page */
.mypage .my-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
}
.mypage .my-summary .nickname-area {
  width: 30rem;
  padding: 3.4rem 0 3.4rem 6.2rem;
  border-radius: 2.8rem 0 0 2.8rem;
  background: #f6f4fe;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.6;
  text-align: left;
}
.mypage .my-summary .nickname-area strong {
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: -0.05em;
}
.mypage .my-summary .nickname-area .btn-bd-sm {
  display: inline-block;
  margin-top: -0.1rem;
  margin-left: 1rem;
  line-height: 1;
  vertical-align: middle;
}
.mypage .my-summary .summary-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 3.4rem 6.2rem 3.4rem 0;
  border-radius: 0 2.8rem 2.8rem 0;
  background: #f6f4fe;
}
.mypage .my-summary .summary-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 1rem 0;
}
.mypage .my-summary .summary-list li.zero {
  color: #999;
}
.mypage .my-summary .summary-list li.zero .num {
  color: #999;
}
.mypage .my-summary .summary-list .num {
  color: var(--point-color2);
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: -0.04em;
}
.mypage .my-summary .summary-list .num span {
  position: relative;
}
.mypage .my-summary .summary-list .num.new span:after {
  display: inline-block;
  position: absolute;
  top: 0rem;
  right: -0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--point-color2);
  content: "";
}
.mypage .my-summary .summary-list .title {
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: -0.04em;
}
.mypage .mymenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 7rem auto 0;
}
.mypage .mymenu li {
  position: relative;
  padding: 0 2rem;
  color: #aaa;
  font-weight: 700;
  font-size: 2.2rem;
}
.mypage .mymenu li a {
  padding: 1rem;
  color: inherit;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.mypage .mymenu li a:hover {
  color: #000;
  -webkit-text-decoration: 0.1rem dashed underline;
  text-decoration: 0.1rem dashed underline;
  text-underline-position: under;
}
.mypage .mymenu li.current {
  color: #000;
}
.mypage .mymenu li.current a {
  -webkit-text-decoration: 0.1rem solid underline;
  text-decoration: 0.1rem solid underline;
  text-underline-position: under;
}
.mypage .mymenu li:after {
  position: absolute;
  top: 56%;
  right: 0;
  color: #ddd;
  font-weight: 100;
  font-size: 0.8em;
  content: "|";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mypage .mymenu li:last-child::after {
  display: none;
}

.my-container {
  max-width: 62rem;
  width: 100%;
  margin: 10rem auto 5rem;
  text-align: left;
}
.my-container .text-area {
  padding-bottom: 2rem;
}
.my-container .text-area .title {
  font-weight: 700;
  font-size: 2.8rem;
}
.my-container .text-area .p1 {
  margin-top: 1.5rem;
  font-size: 1.8rem;
  line-height: 1;
}
.my-container .text-area .p2 {
  margin-top: 1.5rem;
  font-size: 1.8rem;
  line-height: 1.4444444444;
}
.my-container .btnwrap {
  margin-top: 3rem;
  border-top: 0.1rem solid #eee;
  padding-top: 4rem;
}
.my-container .btnwrap .btnD {
  border-radius: 1rem;
}
.my-container .infobox {
  padding: 3.5rem 4rem;
  margin-bottom: 6rem;
  border-radius: 1.4rem;
  background: var(--graybg1);
  font-size: 1.8rem;
  line-height: 1.4444444444;
}
.my-container .infobox .title {
  margin-bottom: 1.3rem;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
}
.my-container .infobox .mgb1 {
  margin-bottom: 2.5rem;
}
.my-container .infobox strong {
  font-weight: 400;
  color: var(--point-color2);
}
.my-container .chk-wrap1 {
  margin-top: 1.7rem;
  margin-bottom: 5rem;
  font-size: 1.8rem;
  text-align: center;
}
.my-container .chk-wrap1 .chk-list li {
  display: inline-block;
  padding-right: 4rem;
}
.my-container .chk-wrap1 .chk-list li:last-child {
  padding-right: 0;
}
.my-container .chk-wrap1 [type=checkbox] + label::before {
  margin-right: 1rem;
}
.my-container .chk-wrap1 [type=checkbox] + label {
  font-weight: 500;
}
.my-container .chk-wrap1 [type=checkbox]:checked + label {
  color: #000;
}

.individual-container {
  padding-top: 5rem;
}
.individual-container .my-writemenu {
  margin-bottom: 4rem;
  text-align: left;
}
.individual-container .my-writemenu li {
  display: inline-block;
  margin-right: 1rem;
  color: var(--gray1);
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: -0.04em;
}
.individual-container .my-writemenu li a {
  display: block;
  padding: 1.5rem 3rem;
  border-radius: 2.4rem;
  border: 0.1rem solid #eee;
  background: #fff;
  text-align: center;
}
.individual-container .my-writemenu li.current a {
  background: #000;
  color: #fff;
}

.expert-container {
  padding-top: 5.7rem;
}
.expert-container .list-search-wrap {
  margin-bottom: 4rem;
}

.minad-container {
  padding-top: 5.7rem;
}
.minad-container .list-search-wrap {
  margin-bottom: 4rem;
}

@media (max-width: 1024px) {
  .mypage .my-summary .nickname-area {
    width: 24rem;
    padding: 3.4rem 0 3.4rem 3rem;
    font-size: 1.6rem;
  }
  .mypage .my-summary .summary-list {
    padding: 3.4rem 2rem 3.4rem 0;
  }
  .mypage .my-summary .summary-list li {
    gap: 1rem 0;
  }
  .mypage .my-summary .summary-list .num {
    font-size: 2.1rem;
  }
  .mypage .my-summary .summary-list .title {
    font-size: 1.67rem;
    letter-spacing: -0.05em;
  }
  .mypage .mymenu li {
    padding: 0 1.2rem;
    font-size: 1.7rem;
  }
}
@media (max-width: 768px) {
  .mypage .my-summary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .mypage .my-summary .nickname-area {
    width: 100%;
    padding: 0 0 1.9rem 0;
    border-radius: 0;
    background: transparent;
    font-size: 1.5rem;
  }
  .mypage .my-summary .nickname-area strong {
    font-size: 1.6rem;
  }
  .mypage .my-summary .nickname-area .btn-bd-sm {
    margin-left: 0.7rem;
    font-size: 1.2rem;
  }
  .mypage .my-summary .summary-list {
    gap: 1.5rem 0;
    width: 100%;
    padding: 2.5rem 2.5rem;
    border-radius: 1.4rem;
  }
  .mypage .my-summary .summary-list li {
    width: 50%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    gap: 0;
  }
  .mypage .my-summary .summary-list .num {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: 1.3rem;
  }
  .mypage .my-summary .summary-list .num.new span:after {
    top: 0rem;
    right: -0.35rem;
    width: 0.35rem;
    height: 0.35rem;
  }
  .mypage .my-summary .summary-list .title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-right: 0.7rem;
    font-size: 1.2rem;
  }
  .mypage .my-summary .summary-list.expert {
    padding: 2.7rem 1.2rem;
  }
  .mypage .my-summary .summary-list.expert li {
    width: 30%;
  }
  .mypage .my-summary .summary-list.expert li:nth-child(2), .mypage .my-summary .summary-list.expert li:nth-child(5) {
    width: 40%;
  }
  .mypage .mymenu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 2rem auto 0;
  }
  .mypage .mymenu li {
    gap: 0 0.5rem;
    width: 33.3%;
    padding: 0;
    font-size: 1.4rem;
  }
  .mypage .mymenu li a {
    padding-right: 0;
    padding-left: 0;
  }
  .mypage .mymenu li:after {
    top: 56%;
    font-size: 0.8em;
  }
  .mypage .mymenu.minad li {
    width: 50%;
  }
  .my-container {
    margin: 3.5rem auto 2rem;
  }
  .my-container .text-area {
    padding-bottom: 1rem;
  }
  .my-container .text-area .title {
    font-size: 1.6rem;
  }
  .my-container .text-area .p1 {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
  .my-container .text-area .p2 {
    margin-top: 0.7rem;
    font-size: 1.3rem;
    line-height: 1.3846153846;
  }
  .my-container .btnwrap {
    margin-top: 1rem;
    padding-top: 2rem;
  }
  .my-container .infobox {
    padding: 2.25rem 3rem;
    margin-bottom: 5rem;
    border-radius: 0.7rem;
    font-size: 1.3rem;
    line-height: 1.3846153846;
  }
  .my-container .infobox .title {
    margin-bottom: 0.7rem;
    font-size: 1.3rem;
  }
  .my-container .infobox .mgb1 {
    margin-bottom: 2.5rem;
  }
  .my-container .infobox strong {
    font-weight: 400;
    color: var(--point-color2);
  }
  .my-container .chk-wrap1 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-bottom: 2.35rem;
    font-size: 1.3rem;
    text-align: left;
  }
  .my-container .chk-wrap1 .chk-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .my-container .chk-wrap1 .chk-list li {
    padding: 0.65rem 0;
    width: 50%;
    padding-right: 0;
  }
  .my-container .chk-wrap1 [type=checkbox] + label::before {
    margin-right: 0.7rem;
  }
  .individual-container {
    padding-top: 3rem;
  }
  .individual-container .my-writemenu {
    margin-bottom: 2rem;
  }
  .individual-container .my-writemenu li {
    margin-right: 0.5rem;
    font-size: 1.2rem;
  }
  .individual-container .my-writemenu li a {
    padding: 1.1rem 2rem;
    border-radius: 1.7rem;
  }
  .individual-container .my-writemenu li.current a {
    background: #000;
    color: #fff;
  }
  .expert-container {
    padding-top: 4rem;
  }
  .expert-container .list-search-wrap {
    margin-bottom: 2rem;
  }
  .minad-container {
    padding-top: 4rem;
  }
  .minad-container .list-search-wrap {
    margin-bottom: 2rem;
  }
}
/* sub-Board===notice */
.noticelist {
  text-align: left;
}
.noticelist .row-col1 {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* sub-body===privacy */
.privacy {
  text-align: left;
  letter-spacing: -0.03em;
}
.privacy .priv-sec {
  margin-bottom: 5.5rem;
}
.privacy .priv-top {
  font-size: 1.8rem;
  line-height: 1.5555555556;
}
.privacy .priv-lable-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 4.8rem 1.3rem 5rem;
  background: var(--graybg1);
}
.privacy .priv-lable-sec > li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
}
.privacy .priv-lable-sec > li:hover .priv-hover-info, .privacy .priv-lable-sec > li.active .priv-hover-info {
  display: block;
}
.privacy .priv-lable-sec > li .priv-hover-info {
  display: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 20rem;
  height: auto;
  padding: 15px;
  background: #fff;
  border: 2px solid #2941ca;
  border-radius: 0.5rem;
  text-align: left;
}
.privacy .priv-lable-sec > li .priv-hover-info em {
  font-weight: 600;
}
.privacy .priv-lable-sec > li .priv-hover-info .detail li {
  line-height: 1.25;
}
.privacy .priv-lable-sec .ic-img {
  width: 9rem;
  height: 8.2rem;
  margin-bottom: 2.3rem;
}
.privacy .priv-lable-sec .ic-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.privacy .priv-lable-sec p {
  font-size: 1.6rem;
}
.privacy .priv-lable-sec + .add-info1 {
  margin-top: 1.5rem;
}
.privacy .add-info1 {
  color: #666;
  font-size: 1.6rem;
  line-height: 1.5;
}
.privacy .ic-label {
  width: 3.5rem;
  height: 3.5rem;
  vertical-align: middle;
}
.privacy .ic-label.-s {
  width: 2.2rem;
  height: 2.2rem;
}
.privacy .ic-label.ic1 {
  background: url(../../images/commu/ic-label1.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic2 {
  background: url(../../images/commu/ic-label2.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic3 {
  background: url(../../images/commu/ic-label3.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic4 {
  background: url(../../images/commu/ic-label4.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic5 {
  background: url(../../images/commu/ic-label5.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic6 {
  background: url(../../images/commu/ic-label6.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic7 {
  background: url(../../images/commu/ic-label7.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic8 {
  background: url(../../images/commu/ic-label8.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic9 {
  background: url(../../images/commu/ic-label9.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic10 {
  background: url(../../images/commu/ic-label10.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic11 {
  background: url(../../images/commu/ic-label11.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic12 {
  background: url(../../images/commu/ic-label12.svg) no-repeat 50%/contain;
}
.privacy .ic-label.ic13 {
  background: url(../../images/commu/ic-label13.svg) no-repeat 50%/contain;
}
.privacy .ic-label.icend {
  background: url(../../images/commu/ic-label-end.svg) no-repeat 50%/contain;
}
.privacy .ic-label + span {
  margin-left: 0.8rem;
}
.privacy .priv-listwrap {
  padding: 3.5rem 0 4.5rem;
  border: 0.1rem solid #e9e9e9;
}
.privacy .priv-listwrap .align {
  width: 70%;
  margin: 0 auto;
}
.privacy .priv-listwrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: auto;
}
.privacy .priv-listwrap ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 50%;
  max-width: 45rem;
  padding: 1.5rem 0;
  font-size: 1.6rem;
}
.privacy .priv-listwrap ul li a {
  display: inline-block;
  margin-left: 0.5rem;
  line-height: 0.9615384615;
  vertical-align: middle;
}
.privacy h3.title {
  font-weight: 700;
  font-size: 2.2rem;
  margin-bottom: 2rem;
}
.privacy h4.title {
  font-weight: 700;
  font-size: 2.2rem;
  margin-bottom: 2rem;
}
.privacy h5.stitle {
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 1.8rem;
}
.privacy p {
  font-size: 1.8rem;
  line-height: 1.7777777778;
}
.privacy p.icnum {
  -webkit-margin-start: 2rem;
  margin-inline-start: 2rem;
}
.privacy p.icnum .cnum {
  margin-right: 0.5rem;
  margin-left: -2rem;
  font-weight: 300;
  font-size: 1.9rem;
  font-style: normal;
  line-height: 1;
}
.privacy p a {
  display: inline;
}
.privacy .list1 {
  font-size: 1.8rem;
  line-height: 1.7777777778;
}
.privacy .list1.indent1 {
  margin-left: 2rem;
}
.privacy .list1 li {
  -webkit-margin-start: 2.3rem;
  margin-inline-start: 2.3rem;
}
.privacy .list1 li::before {
  padding-right: 0.7rem;
  padding-left: 0.2rem;
  margin-left: -2.2rem;
}
.privacy .list1 li a {
  display: inline;
}
.privacy .list1.num {
  counter-reset: number 0;
}
.privacy .list1.num > li {
  position: relative;
}
.privacy .list1.num > li::before {
  counter-increment: number 1;
  content: counter(number) ".";
}
.privacy .list1.num2 {
  margin-left: 2rem;
  counter-reset: number 0;
}
.privacy .list1.num2 > li {
  position: relative;
}
.privacy .list1.num2 > li::before {
  counter-increment: number 1;
  content: counter(number) ")";
}
.privacy .list1.mark1 > li {
  position: relative;
  padding: 0.2rem 0 0.2rem 0.3rem;
  line-height: 1.5;
  list-style-type: "- ";
}
.privacy .list1.mark1 > li .mark2 {
  padding-left: 0.6rem;
  margin-top: 0.6rem;
}
.privacy .list1 .ic-newwin {
  margin: 0 0.7rem 0 1.2rem;
}
.privacy .priv-table {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  border-top: 0.1rem solid #000;
}
.privacy .priv-table th {
  padding: 2.2rem 0.5rem;
  border-bottom: 0.1rem solid #ddd;
  background: var(--graybg1);
  font-weight: 600;
  font-size: 1.6rem;
  text-align: center;
}
.privacy .priv-table td {
  padding: 2.3rem 0.5rem;
  border-bottom: 0.1rem solid #eee;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
  word-break: keep-all;
}
.privacy .priv-table td.-l {
  text-align: left;
}
.privacy .priv-table td p {
  font-size: inherit;
  line-height: inherit;
}
.privacy .priv-table td .add-info2 {
  margin-top: 0.75rem;
  font-size: 0.978em;
}
.privacy .priv-table tr:last-child td {
  border-bottom: 0.1rem solid #ddd;
}
.privacy .priv-table.last {
  margin-bottom: 5.4rem;
}
.privacy .priv-table + .add-info1 {
  margin-top: -0.5rem;
}
.privacy .priv-table + .add-info1 + p {
  margin-top: 1.5rem;
}
.privacy .priv-table.ty1-2 td {
  padding-left: 2.5rem;
  text-align: left;
  vertical-align: top;
}
.privacy .priv-select {
  position: relative;
  width: 32rem;
  padding: 2rem 0 0 2rem;
  font-size: 1.8rem;
}
.privacy .priv-select .selbox {
  width: 100%;
  padding: 1.3rem 5rem 1.3rem 2.5rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.4rem;
  background: url(../../images/commu/ic-arrow-down.svg) no-repeat;
  background-position: top 50% right 2rem;
  background-size: 1.2rem auto;
  font-weight: 600;
  font-size: inherit;
}
.privacy .priv-select .sellist {
  position: absolute;
  top: auto;
  left: 2rem;
  width: 30rem;
  height: auto;
  border: 0.1rem solid #ddd;
  font-size: inherit;
}
.privacy .priv-select .sellist li {
  background: #fff;
  font-size: 1.7rem;
}
.privacy .priv-select .sellist li:first-child {
  padding-top: 1rem;
}
.privacy .priv-select .sellist li:last-child {
  padding-bottom: 1rem;
}
.privacy .priv-select .sellist li:hover {
  background: var(--graybg1);
}
.privacy .priv-select .sellist li:hover a {
  color: var(--point-color2);
}
.privacy .priv-select .sellist li:hover i {
  -webkit-filter: var(--ic-color1);
  filter: var(--ic-color1);
}
.privacy .priv-select .sellist li a {
  padding: 1rem 1.5rem 1rem 2.2rem;
}
.privacy .priv-select .sellist li i {
  margin-left: 1.2rem;
}
.privacy .ic-newwin {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../../images/commu/ic-outlink1.svg) 50%/contain no-repeat;
  vertical-align: middle;
  opacity: 1;
}

@media (max-width: 1280px) {
  .privacy .priv-listwrap .align {
    width: 100%;
    padding-right: 5rem;
    padding-left: 6rem;
  }
  .privacy .priv-listwrap ul li {
    max-width: 50%;
  }
}
@media (max-width: 1024px) {
  .privacy .priv-lable-sec {
    gap: 3rem 0;
    padding: 4.8rem 3rem 5rem;
  }
  .privacy .priv-lable-sec > li {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 33.3%;
  }
  .privacy .priv-listwrap .align {
    padding-right: 2rem;
    padding-left: 3rem;
  }
  .privacy .priv-listwrap ul li {
    gap: 0 0.2rem;
  }
}
@media (max-width: 768px) {
  .popup .privacy p {
    font-size: 1.3rem;
  }
  .privacy .priv-sec {
    margin-bottom: 3.4rem;
  }
  .privacy .priv-top {
    font-size: 1.3rem;
    line-height: 1.6153846154;
  }
  .privacy .priv-lable-sec {
    padding: 4.8rem 1.3rem 5rem;
  }
  .privacy .priv-lable-sec > li {
    font-size: 1.3rem;
  }
  .privacy .priv-lable-sec > li .priv-hover-info {
    top: 44%;
    left: -15%;
    width: 16rem;
    padding: 1rem;
  }
  .privacy .priv-lable-sec > li .priv-hover-info em {
    font-weight: 600;
  }
  .privacy .priv-lable-sec > li .priv-hover-info .detail li {
    line-height: 1.2;
  }
  .privacy .priv-lable-sec .ic-img {
    width: 5.4rem;
    height: 5.8rem;
    margin-bottom: 3rem;
  }
  .privacy .priv-lable-sec p {
    font-size: 1.3rem;
    line-height: 1.3076923077;
  }
  .privacy .priv-lable-sec + .add-info1 {
    margin-top: 1rem;
  }
  .privacy .add-info1 {
    font-size: 1.2rem;
  }
  .privacy .ic-label {
    width: 2.2rem;
    height: 2.2rem;
  }
  .privacy .ic-label.-s {
    width: 1.6rem;
    height: 1.6rem;
  }
  .privacy .ic-label + span {
    margin-left: 1.2rem;
  }
  .privacy .priv-listwrap {
    padding: 2.2rem 0;
  }
  .privacy .priv-listwrap .align {
    padding-right: 3.3rem;
    padding-left: 3.3rem;
  }
  .privacy .priv-listwrap ul li {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
    width: 100%;
    padding: 0.7rem 0;
    font-size: 1.3rem;
  }
  .privacy .priv-listwrap ul li a {
    margin-left: 1.5rem;
    line-height: 1.3461538462;
  }
  .privacy h3.title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 1.53125;
  }
  .privacy h4.title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 1.53125;
  }
  .privacy h5.stitle {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
    line-height: 1.3928571429;
  }
  .privacy p {
    font-size: 1.3rem;
    line-height: 1.6153846154;
  }
  .privacy p.icnum {
    -webkit-margin-start: 1.7rem;
    margin-inline-start: 1.7rem;
  }
  .privacy p.icnum .cnum {
    margin-right: 0.5rem;
    margin-left: -1.7rem;
    font-size: 1.4rem;
  }
  .privacy .list1 {
    font-size: 1.3rem;
    line-height: 1.7777777778;
  }
  .privacy .list1.indent1 {
    margin-left: 1.7rem;
  }
  .privacy .list1 li {
    -webkit-margin-start: 1.7rem;
    margin-inline-start: 1.7rem;
  }
  .privacy .list1 li::before {
    padding-right: 0.3rem;
    padding-left: 0.2rem;
    margin-left: -1.7rem;
  }
  .privacy .list1.num2 {
    margin-left: 1.5rem;
  }
  .privacy .list1.mark1 > li {
    padding: 2rem 0 0.2rem 0.3rem;
  }
  .privacy .list1.mark1 > li .mark2 {
    padding-left: 0.6rem;
    margin-top: 0.6rem;
  }
  .privacy .list1 .ic-newwin {
    margin: 0 0.2rem 0 0.7rem;
  }
  .privacy .priv-table {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  .privacy .priv-table th {
    padding: 1.1rem 0.2rem;
    font-size: 1.3rem;
  }
  .privacy .priv-table td {
    padding: 1rem 0.2rem;
    font-size: 1.3rem;
    line-height: 1.2;
  }
  .privacy .priv-table.last {
    margin-bottom: 3.2rem;
  }
  .privacy .priv-table .add-info2 {
    margin-top: 0.5rem;
  }
  .privacy .priv-table + .add-info1 {
    margin-top: -1rem;
  }
  .privacy .priv-table + .add-info1 + p {
    margin-top: 1.5rem;
  }
  .privacy .priv-table .td2-1 {
    width: 11%;
  }
  .privacy .priv-table .td2-2 {
    width: 12%;
  }
  .privacy .priv-table .td2-3 {
    width: 22%;
  }
  .privacy .priv-table .td2-4 {
    width: 20%;
  }
  .privacy .priv-table .td3-1 {
    width: 16%;
  }
  .privacy .priv-table .td3-2 {
    width: 40%;
  }
  .privacy .priv-table.ty1-2 td {
    padding-left: 0.25rem;
  }
  .privacy .priv-select {
    width: 32rem;
    padding: 2rem 0 0 2rem;
    font-size: 1.8rem;
  }
  .privacy .priv-select .selbox {
    padding: 1.3rem 5rem 1.3rem 2.5rem;
    border-radius: 0.4rem;
    background-position: top 50% right 2rem;
    background-size: 1.2rem auto;
  }
  .privacy .priv-select .sellist {
    left: 2rem;
    width: 30rem;
  }
  .privacy .priv-select .sellist li {
    font-size: 1.7rem;
  }
  .privacy .priv-select .sellist li:first-child {
    padding-top: 1rem;
  }
  .privacy .priv-select .sellist li:last-child {
    padding-bottom: 1rem;
  }
  .privacy .priv-select .sellist li a {
    padding: 1rem 1.5rem 1rem 2.2rem;
  }
  .privacy .priv-select .sellist li i {
    margin-left: 1.2rem;
  }
  .privacy .ic-newwin {
    width: 1.2rem;
    height: 1.2rem;
  }
}
/*COMMON ===================*/
.mgrl {
  margin-right: 1rem;
}

.dividing-line1 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-bottom: 0.1rem solid #f2f2f2;
}

textarea + .btnwrap {
  padding: 1rem 0 0;
}

.btnwrap {
  position: relative;
}
.btnwrap.-c {
  text-align: center;
}
.btnwrap.-r {
  text-align: right;
}
.btnwrap.-r button:last-child {
  margin-right: 0;
}
.btnwrap.-top {
  padding-bottom: 2rem;
  text-align: right;
}
.btnwrap.-top button:last-child {
  margin-right: 0;
}
.btnwrap.-top .btn-write {
  position: relative;
  z-index: 1;
  right: 0;
  bottom: 0;
}
.btnwrap.pd1 {
  padding-top: 1rem;
}
.btnwrap button + button {
  margin-left: 1rem;
}
.btnwrap.second {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 1rem 0;
}
.btnwrap.second button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 1rem;
}
.btnwrap.between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* ic */
.ic-like i, .btn-like i {
  width: 1.5rem;
  height: 1.4rem;
  background: url(../../images/commu/ic-like.svg) no-repeat center/contain;
}

.ic-view i {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../../images/commu/ic-view.svg) no-repeat center/contain;
}

.ic-reply i, .btn-reply i {
  width: 1.7rem;
  height: 1.4rem;
  background: url(../../images/commu/ic-reply.svg) no-repeat center/contain;
}

.ic-file {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../../images/commu/ic-file1.svg) no-repeat 50%/contain;
}

.ic-caution {
  width: 1.8rem;
  height: 1.8rem;
  background: url(../../images/commu/ic-caution.png) no-repeat 50%/contain;
  vertical-align: middle;
}

[class*=ic-] i {
  vertical-align: middle;
}
[class*=ic-] .num,
[class*=ic-] .text {
  margin-left: 0.7rem;
  color: #999;
  vertical-align: middle;
}

/* button */
button.wfull {
  width: 100% !important;
}

[class*=innerbtnD] {
  display: inline-block;
  min-width: 12rem;
  padding: 1.5rem 3rem;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: -0.04em;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[class*=innerbtnD] span {
  vertical-align: middle;
}
[class*=innerbtnD] .ic-text {
  padding-right: 0.7rem;
  margin-left: -0.5rem;
  font-weight: 300;
  font-style: normal;
}

.innerbtnD {
  border: 0.1rem solid #eee;
  border-radius: 0.8rem;
  background: #eee;
  color: #999;
}
.innerbtnD:hover, .innerbtnD.vaild {
  border: 0.1rem solid #999;
  color: #403d4e;
}
.innerbtnD:active {
  background: var(--btnbg);
  color: #fff;
}

.innerbtnD2 {
  border: 0.1rem solid #aaa;
  border-radius: 0.8rem;
  background: #fff;
  color: #403d4e;
}
.innerbtnD2:hover, .innerbtnD2.vaild {
  border: 0.1rem solid rgba(64, 61, 78, 0.8);
}
.innerbtnD2:hover .ic-text, .innerbtnD2.vaild .ic-text {
  color: var(--point-color2);
  font-weight: 400;
}
.innerbtnD2:hover .text, .innerbtnD2.vaild .text {
  color: #2a2836;
}
.innerbtnD2:active {
  background: var(--btnbg);
}
.innerbtnD2:active .ic-text {
  color: #7e61ff;
}
.innerbtnD2:active .text {
  color: #fff;
}

.btnD {
  width: 100%;
  background: #5c38f8;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.04em;
}
.btnD.cancel {
  border: 0.1rem solid #666;
  border-radius: 1rem;
  background: #fff;
  color: #666;
}
.btnD.submitB {
  border: 0.1rem solid #000;
  border-radius: 1rem;
  background: #000;
  color: #fff;
}

[class*=btn] i {
  display: inline-block;
  vertical-align: middle;
}

.btnFunc, .btnFunc-inact, .btnFunc-act {
  position: relative;
  display: inline-block;
  min-width: 7rem;
  padding: 1.5rem 2.2rem;
  border-radius: 0.8rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: -0.04em;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.btnFunc:active, .btnFunc-inact:active, .btnFunc-act:active {
  -webkit-transform: scale3d(0.98, 0.98, 1);
          transform: scale3d(0.98, 0.98, 1);
}
.btnFunc.on, .on.btnFunc-inact, .on.btnFunc-act {
  background: #5c38f8;
}
.btnFunc.on:hover, .on.btnFunc-inact:hover, .on.btnFunc-act:hover {
  background: var(--point-color3);
}
.btnFunc.-l, .-l.btnFunc-inact, .-l.btnFunc-act {
  min-width: 1.2rem;
  padding: 1.5rem 3.4rem;
  border-radius: 1rem;
  font-weight: 700;
}

.btnFunc-act {
  background: #45405b;
  color: #fff;
}
.btnFunc-act:hover {
  background: #000;
}

.btnFunc-inact {
  background: #eee;
  color: var(--gray1);
}
.btnFunc-inact:hover {
  background: #45405b;
  color: #eee;
}

.btn-like-L {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1.5rem 2.5rem;
  margin: 0 auto;
  color: var(--gray1);
  border: 0.1rem solid #aaa;
  border-radius: 0.8rem;
  font-weight: 600;
  font-size: 1.6rem;
}
.btn-like-L i {
  position: relative;
  width: 1.5rem;
  height: 1.4rem;
  margin-right: 0.9rem;
  background: url(../../images/commu/ic-like.svg) no-repeat center/contain;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.btn-like-L .num {
  margin-left: 0.5rem;
  color: inherit;
  font-weight: 600;
  font-size: 1.6rem;
}
.btn-like-L.on, .btn-like-L:hover {
  border: 0.1rem solid var(--point-color2);
  color: var(--point-color2);
  -webkit-box-shadow: 0.8rem 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0.8rem 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.07);
}
.btn-like-L.on i, .btn-like-L:hover i {
  top: -0.3rem;
  background: url(../../images/commu/ic-like_on.svg) no-repeat 50%/contain;
  fill: var(--point-color2);
}
.btn-like-L.on .text, .btn-like-L:hover .text {
  color: #000;
}

.btn-like {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-like i {
  margin: 1rem 0.5rem 1rem 0;
  vertical-align: middle;
}
.btn-like.on i {
  background: url(../../images/commu/ic-like_on.svg) no-repeat 50%/contain;
  -webkit-animation: beating 0.5s 1 alternate;
  animation: beating 0.5s 1 alternate;
}
.btn-like.on + .num {
  color: var(--point-color1);
}
.btn-like + .num {
  margin-right: 1rem;
  color: var(--gray1);
  font-size: 1.5rem;
}

.btn-reply {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-reply i {
  margin: 1rem 0.7rem 1rem 0.5rem;
}
.btn-reply.on i {
  background: url(../../images/commu/ic-reply_on.svg) no-repeat 50%/contain;
  -webkit-animation: beating 0.5s 1 alternate;
  animation: beating 0.5s 1 alternate;
}
.btn-reply.on .text {
  color: var(--point-color2);
}
.btn-reply .text {
  position: relative;
  top: 0.25rem;
  color: var(--gray1);
  font-size: 1.5rem;
}

.btn-nick {
  width: 3rem;
  height: 3rem;
  padding: 0 1rem;
  margin-right: 1rem;
  background: url(../../images/commu/ic-arrow-down.svg) no-repeat 50%/25%;
}
.btn-nick img {
  height: 30%;
}

.btn-more {
  width: 3rem;
  height: 3rem;
  padding: 0 1rem;
  margin-left: 3rem;
  background: url(../../images/commu/ic-more.svg) no-repeat 50%/30%;
  opacity: 0.7;
}

.btn-more:hover,
.btn-more:active {
  width: 3rem;
  height: 3rem;
  background: var(--graybg1) url(../../images/commu/ic-more.svg) no-repeat 50%/30%;
  border-radius: 50%;
}

.btn-bd-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0.5rem 0.8rem;
  margin: 0 auto;
  color: #000;
  border: 0.1rem solid var(--point-color2);
  border-radius: 0.6rem;
  background: #fff;
  font-weight: 400;
  font-size: 1.3rem;
}
.btn-bd-sm i {
  position: relative;
  width: 1.5rem;
  height: 1.4rem;
  margin-right: 0.9rem;
  background: url(../../images/commu/ic-modi.svg) no-repeat center/contain;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.btn-bd-sm.on, .btn-bd-sm:hover {
  background: var(--point-color2);
  color: #fff;
  -webkit-box-shadow: 0.8rem 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0.8rem 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.07);
}
.btn-bd-sm.on i, .btn-bd-sm:hover i {
  -webkit-filter: var(--ic-color1);
  filter: var(--ic-color1);
}

@media (max-width: 1024px) {
  .btnwrap.-top {
    padding-bottom: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .btnwrap.-top .btn-write {
    position: fixed;
    z-index: 30;
    right: 1rem;
    width: 5rem;
    min-width: auto;
    height: 5rem;
    padding: 0;
    border-radius: 50%;
    background: rgba(92, 56, 248, 0.85) url(../../images/commu/ic-write.svg) center/35% no-repeat;
    font-size: 0;
    -webkit-animation: opa1 0.5s 1 alternate;
    animation: opa1 0.5s 1 alternate;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .btnwrap.-top .btn-write:hover {
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .chk-wrap {
    font-size: 1.3rem;
  }
  .btnwrap button + button {
    margin-left: 0.5rem;
  }
  .btnwrap.-top .btn-write {
    width: 4rem;
    height: 4rem;
  }
  .btnwrap.-top .btn-write:hover {
    margin-bottom: 0;
  }
  .ic-like i, .btn-like i {
    width: 1.2rem;
    height: 1.1rem;
  }
  .ic-view i {
    width: 1.2rem;
    height: 0.9rem;
  }
  .ic-reply i, .btn-reply i {
    width: 1.2rem;
    height: 1.1rem;
  }
  .ic-file {
    width: 1.3rem;
    height: 1.3rem;
  }
  .ic-caution {
    width: 1.3rem;
    height: 1.3rem;
  }
  [class*=ic-] i {
    vertical-align: middle;
  }
  [class*=ic-] .num,
  [class*=ic-] .text {
    margin-left: 0.7rem;
    color: #999;
    vertical-align: middle;
  }
  /* button */
  [class*=innerbtnD] {
    min-width: 5rem;
    padding: 1.2rem 1.5rem;
    border-radius: 0.7rem;
    font-size: 1.2rem;
  }
  .btnFunc, .btnFunc-act, .btnFunc-inact {
    min-width: 5rem;
    padding: 1rem 1.5rem;
    border-radius: 0.7rem;
    font-size: 1.2rem;
  }
  .btnFunc.-l, .-l.btnFunc-act, .-l.btnFunc-inact {
    min-width: 9rem;
    padding: 1rem 3.5rem;
    border-radius: 0.5rem;
  }
  .btn-like-L {
    padding: 1.2rem 1.9rem 1.2rem 2rem;
    margin: 0 auto;
    border-radius: 0.8rem;
    font-size: 1.2rem;
  }
  .btn-like-L i {
    width: 1.2rem;
    height: 1.1rem;
    margin-right: 0.7rem;
  }
  .btn-like-L .num {
    margin-left: 0.4rem;
    font-size: 1.2rem;
  }
  .btn-like-L.on, .btn-like-L:hover {
    -webkit-box-shadow: 0.4rem 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0.4rem 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.07);
  }
  .btn-like-L.on i, .btn-like-L:hover i {
    top: -0.1rem;
  }
  .btn-like i {
    margin: 1rem 0.5rem 1rem 0;
  }
  .btn-like + .num {
    margin-right: 2rem;
    font-size: 1.2rem;
  }
  .btn-reply i {
    margin: 1rem 0.5rem 1rem 0.5rem;
  }
  .btn-reply .text {
    top: -0.1rem;
    font-size: 1.2rem;
  }
}
/* sub */
.dot {
  display: inline-block;
  position: relative;
}
.dot:before {
  position: absolute;
  top: -1.3rem;
  left: -1.5rem;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: #85b842;
  content: "";
}

@media (max-width: 768px) {
  .dot:before {
    display: none;
  }
}
.row-col1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.row-col1 > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.row-col1.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-cwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.flex-cwrap .row1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex-cwrap .fr {
  margin-left: auto;
}

.flex-rwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.flex-rwrap .row1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex-rwrap.fr {
  margin-left: auto;
}
.flex-rwrap.ac {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-rwrap.side {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-rwrap.side-ac {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-rwrap.end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.align-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .row-col1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .row-col1 > div {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .row-col1.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
/* modal */
#mail-security {
  width: 40rem;
  height: 40rem;
}

.modal-wrap {
  display: none;
  position: fixed;
  z-index: 1000;
  width: auto;
  height: auto;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.modal-wrap .modal {
  position: relative;
  z-index: 1;
}
.modal-wrap .modal-head .modal-title {
  font-size: 1.6rem;
}
.modal-wrap .btn-close1 {
  position: absolute;
  z-index: 2;
  top: 3.125em;
  right: 1.875em;
}
.modal-wrap.open {
  display: block;
}

/* error */
.error-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 5rem 0 8rem;
}
.error-wrap .pg-wrap {
  width: 90vw;
  max-width: 60rem;
  margin: 0 auto;
}
.error-wrap .pg-wrap .pg-hd {
  padding: 0 0 3rem;
}
.error-wrap .pg-wrap .pg-hd .toplogo {
  position: relative;
  left: 2rem;
  width: 15.5rem;
  height: 5.6rem;
  background: url(../../images/commu/found-logo.svg) 0 50%/contain no-repeat;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.error-wrap .pg-wrap .pg-hd .toplogo a {
  display: block;
  height: 100%;
}
.error-wrap .pg-wrap .box1 {
  overflow: hidden;
  padding: 8rem 7rem;
  margin: 0 auto;
  border: 0.1rem solid #a8a8a8;
  border-radius: 4rem;
}
.error-wrap .pg-wrap .box1 .txt1 {
  margin-bottom: 3rem;
}
.error-wrap .pg-wrap .box1 h2 {
  display: inline-block;
  font-size: 2.2rem;
  line-height: 1.4;
  vertical-align: top;
}
.error-wrap .pg-wrap .box1 .p1 {
  font-size: 1.7rem;
  line-height: 1.6;
}
.error-wrap .pg-wrap .btn-wrap {
  margin-top: 5rem;
}
.error-wrap .pg-wrap .btn-wrap .btnD {
  max-width: 35rem;
  padding: 2rem 0;
  margin: 0 auto;
  border-radius: 1rem;
  font-size: 1.6rem;
  text-align: center;
}

@media (max-width: 1024px) {
  .error-wrap {
    padding: 0 0 2rem;
  }
}
@media (max-width: 768px) {
  .error-wrap {
    padding: 0 0 3rem;
  }
  .error-wrap .pg-wrap {
    width: 90vw;
  }
  .error-wrap .pg-wrap .pg-hd {
    padding: 0 0 2rem;
  }
  .error-wrap .pg-wrap .pg-hd .toplogo {
    left: -1rem;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  .error-wrap .pg-wrap .box1 {
    padding: 5rem 4rem;
  }
  .error-wrap .pg-wrap .box1 h2 {
    font-size: 1.7rem;
  }
  .error-wrap .pg-wrap .box1 .p1 {
    font-size: 1.4rem;
  }
  .error-wrap .pg-wrap .btn-wrap {
    margin-top: 3rem;
  }
  .error-wrap .pg-wrap .btn-wrap .btnD {
    width: 60vw;
    padding: 1.75rem 0;
    border-radius: 0.75rem;
    font-size: 1.45rem;
  }
}
/*COMMON ===================*/
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-button {
  cursor: pointer;
}

.tab-panel,
.tab-content-slider {
  display: none;
}
.tab-panel.active,
.tab-content-slider.active {
  display: block;
}

.popup-overlay {
  position: fixed;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popup-overlay.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-overlay.dimmed {
  -webkit-backdrop-filter: blur(0.4rem);
  backdrop-filter: blur(0.4rem);
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: none;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  -webkit-transition: opacity 350ms, visibility 350ms;
  transition: opacity 350ms, visibility 350ms;
}

.overlay {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}

.popup {
  --gutter1: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 4.5rem 4rem 4.5rem;
  margin: 0 auto;
  border-radius: 3rem;
  background: white;
  color: #000;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup .title {
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: 3rem;
}
.popup p {
  font-size: 1.65rem;
  text-align: left;
}
.popup p strong {
  font-weight: 600;
}
.popup p .em1 {
  font-size: 1.1em;
  color: var(--waring-color1);
}
.popup .close-popup.img {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: url(../../images/commu/ic-close-b.svg) no-repeat 50%/60%;
}
.popup .btnwrap {
  margin: 5rem auto 0;
}
.popup.ftpop1 {
  max-width: 40rem;
  height: auto;
}
.popup.joinpop1 {
  max-width: var(--body-width);
  width: calc(100% - var(--gutter1));
  height: auto;
}
.popup .box-scroll {
  min-height: 30rem;
  max-height: calc(100vh - 50rem);
  text-align: left;
}
.popup.notipop1 {
  display: none;
  position: fixed;
  z-index: 1000;
  max-width: 40rem;
  width: calc(100% - var(--gutter1));
  height: auto;
  padding: 5.5rem 4rem 4rem;
  border: 0.1rem solid #ddd;
  text-align: center;
  -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.popup.notipop1.open {
  display: block;
}
.popup.notipop1 .title {
  margin-bottom: 3rem;
  font-weight: 600;
  font-size: 2rem;
}
.popup.notipop1 p {
  font-size: 1.55rem;
}
.popup.notipop1 p strong {
  font-weight: 600;
}
.popup.notipop1 p .em1 {
  font-size: 1.1em;
  color: var(--point-color2);
}
.popup.notipop1 p.-c {
  text-align: center;
}
.popup.notipop1 .btnwrap {
  margin-top: 3rem;
}
.popup.alertpop {
  z-index: 10000;
  max-width: 33rem;
  width: calc(100% - var(--gutter1));
  height: auto;
  padding: 3.25rem 3rem 3.3rem;
  border: 0.1rem solid var(--point-color2);
  text-align: center;
  -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.15);
          box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.15);
}
.popup.alertpop.open {
  display: block;
}
.popup.alertpop .title {
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 2rem;
}
.popup.alertpop p {
  font-size: 1.55rem;
}
.popup.alertpop p strong {
  font-weight: 600;
}
.popup.alertpop p .em1 {
  font-size: 1.1em;
  color: var(--point-color2);
}
.popup.alertpop p.-c {
  text-align: center;
}
.popup.alertpop .btnwrap {
  margin-top: 3rem;
}
.popup.nickname {
  display: none;
  z-index: 1000;
  max-width: 50rem;
  width: calc(100% - var(--gutter1));
  height: auto;
  padding: 5.5rem 4rem 4rem;
  border: 0.1rem solid #ddd;
  text-align: center;
  -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.popup.nickname.open {
  display: block;
}
.popup.nickname .write.ty2 .input-area .withbtn input[type=text] {
  width: calc(100% - 9.5rem);
}
.popup.nickname .write .gutter {
  padding-right: 0;
  padding-left: 0;
}
.popup.nickname .chk-text {
  line-height: 1.2;
}
.popup.nickname .write .inbtnD {
  width: 8.5rem;
}
.popup.nickname.popup .btnwrap {
  margin-top: 3rem;
  border-top: 0.1rem solid #eee;
  padding-top: 4rem;
}

.box-scroll {
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 1024px) {
  .popup {
    --gutter1: 6rem;
  }
}
@media (max-width: 768px) {
  .popup {
    --gutter1: 4rem;
    padding: 4.5rem 4rem 4.5rem;
    border-radius: 3rem;
  }
  .popup .title {
    margin-bottom: 4rem;
    font-size: 2.2rem;
  }
  .popup p {
    font-size: 1.65rem;
    font-size: 1.4rem;
  }
  .popup .close-popup.img {
    top: 2rem;
    right: 5rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
  }
  .popup .btnwrap {
    margin: 5rem auto 0;
  }
  .popup.ftpop1 {
    width: calc(100% - 2rem);
  }
  .popup.joinpop1 {
    max-width: var(--body-width);
    width: calc(100% - 2rem);
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    height: auto;
  }
  .popup .box-scroll {
    min-height: 30rem;
    max-height: calc(100vh - 30rem);
  }
}
/*MAIN ===================*/
/*======================================================================================*/
/*MAIN SECTION ===================*/
#main section.main-summary .tag-wrap h2.title {
  margin-bottom: 0;
}

.main-summary {
  position: relative;
  height: 60rem;
  padding-top: 7rem;
  margin-bottom: 15rem;
  background: #2b1b61 url(../../images/commu/main-bg.jpg) no-repeat 50%/cover;
  text-align: center;
}
.main-summary .best-wrap {
  position: relative;
  z-index: 1;
}
.main-summary .best-wrap .tabs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 3.4rem;
  width: auto;
  margin: 1rem auto;
  color: #fff;
}
.main-summary .best-wrap .tab-button {
  position: relative;
  height: 4.8rem;
  padding: 1rem 0.4rem;
  font-weight: 700;
  font-size: 2.2rem;
  font-family: var(--font-family1);
  line-height: 4.8rem;
  opacity: 0.3;
}
.main-summary .best-wrap .tab-button:after {
  position: absolute;
  left: 50%;
  bottom: -0.7rem;
  width: 0;
  height: 0.1rem;
  margin: 0 auto;
  background: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  content: "";
}
.main-summary .best-wrap .tab-button:hover {
  opacity: 0.6;
}
.main-summary .best-wrap .tab-button:hover:after {
  width: 100%;
}
.main-summary .best-wrap .tab-button.active {
  font-size: 3.4rem;
  opacity: 1;
}
.main-summary .best-wrap .tab-button.active:after {
  width: 100%;
}
.main-summary .best-wrap .tab-button.active:hover {
  opacity: 1;
}
.main-summary .best-wrap .tab-panel,
.main-summary .best-wrap .tab-content-slider {
  margin: 3.8rem auto auto;
  color: #fff;
  text-align: left;
}
.main-summary .best-wrap .best-slide {
  font-size: 1.5rem;
}
.main-summary .best-wrap .best-slide .swiper-wrapper {
  gap: 0 4rem;
}
.main-summary .best-wrap .best-slide .swiper-slide {
  -ms-flex-negative: initial;
      flex-shrink: initial;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  border-radius: 2.8rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.main-summary .best-wrap .best-slide .swiper-slide a {
  padding: 3.5rem 4rem;
}
.main-summary .best-wrap .best-slide .swiper-slide:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(12, 4, 39, 0.2);
  -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
  content: "";
}
.main-summary .best-wrap .best-slide .swiper-slide:hover {
  border: 0.1rem solid rgba(255, 255, 255, 0.4);
}
.main-summary .best-wrap .best-slide .swiper-slide:hover .category {
  color: #6414e9;
}
.main-summary .best-wrap .best-slide .swiper-slide:hover:after {
  background: white;
  -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.6);
          box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.6);
}
.main-summary .best-wrap .best-slide .swiper-slide:hover .title {
  color: #000;
}
.main-summary .best-wrap .best-slide .swiper-slide:hover .nickname {
  color: #000;
}
.main-summary .best-wrap .best-slide .swiper-slide:hover .time {
  color: var(--gray1);
}
.main-summary .best-wrap .best-slide .category {
  color: #aaadf6;
}
.main-summary .best-wrap .best-slide .title {
  width: 100%;
  height: 6.4rem;
  margin-top: 0.9rem;
  margin-bottom: 2.5rem;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.7;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main-summary .best-wrap .best-slide .writer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.main-summary .best-wrap .best-slide .writer .nickname {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}
.main-summary .tag-wrap {
  position: relative;
  z-index: 1;
  margin-top: 7.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.main-summary .tag-wrap .title {
  position: relative;
  top: -0.7rem;
  color: #fff;
  font-weight: 800;
  font-size: 3rem;
}
.main-summary .tag-wrap .title em {
  position: relative;
  top: 0.3rem;
  right: 0.5rem;
  color: #ac99ff;
  font-size: 5rem;
}
.main-summary .tag-wrap .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  max-width: 72%;
  height: 6rem;
  padding: 0 4.4rem;
}
.main-summary .tag-wrap .tag-list div {
  -webkit-transition: all 0.05s;
  transition: all 0.05s;
}
.main-summary .tag-wrap .tag-list div:first-child a,
.main-summary .tag-wrap .tag-list div a:hover {
  background: var(--point-color2);
  color: #fff;
}
.main-summary .tag-wrap .tag-list div a {
  height: 6rem;
  padding: 0 4rem;
  border-radius: 2.8rem;
  background: #fff;
  line-height: 6rem;
}
.main-summary .tag-wrap .tag-list div span {
  font-size: 1.8rem;
  vertical-align: middle;
}
.main-summary .tag-wrap .tag-list div span:before {
  display: inline-block;
  vertical-align: middle;
  content: "#";
}
.main-summary .lfloat1 {
  position: absolute;
  top: 8rem;
  left: -8rem;
  width: 31rem;
  height: auto;
  z-index: 0;
  -webkit-animation: 5s floatingL2 1s infinite alternate ease-in-out;
  animation: 5s floatingL2 1s infinite alternate ease-in-out;
}
.main-summary .lfloat2 {
  position: absolute;
  bottom: 16.2rem;
  left: calc(50% - 88.4rem);
  width: 14rem;
  height: auto;
  z-index: 0;
  -webkit-animation: 2s shake 1s infinite alternate ease-in-out;
  animation: 2s shake 1s infinite alternate ease-in-out;
}
.main-summary .rfloat1 {
  position: absolute;
  top: 23.6rem;
  right: calc(50% - 80.7rem);
  width: 6.7rem;
  height: auto;
  z-index: 0;
  -webkit-animation: 1.3s beating 1s infinite alternate ease-in-out;
  animation: 1.3s beating 1s infinite alternate ease-in-out;
}
.main-summary .rfloat2 {
  position: absolute;
  bottom: 15.2rem;
  right: calc(50% - 94.9rem);
  width: 12.2rem;
  height: auto;
  z-index: 0;
  -webkit-animation: 0.8s floating1 0.5s infinite alternate ease-in-out;
  animation: 0.8s floating1 0.5s infinite alternate ease-in-out;
}

@media (max-width: 1280px) {
  .main-summary {
    background-size: cover;
  }
  .main-summary .best-wrap .best-slide .swiper-wrapper {
    gap: 0 1.5rem;
  }
  .main-summary .best-wrap .best-slide .swiper-slide a {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .main-summary .best-wrap .best-slide .user-action-info {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
  .main-summary .best-wrap .best-slide .writer {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 3rem;
    text-align: left;
  }
  .main-summary .lfloat1 {
    top: 0.5rem;
    left: -15rem;
    width: 27rem;
  }
  .main-summary .lfloat2 {
    bottom: 5.2rem;
    left: -40rem;
  }
  .main-summary .rfloat1 {
    top: 13rem;
    right: 1.5rem;
    width: 5rem;
  }
  .main-summary .rfloat2 {
    bottom: 9.2rem;
    right: 8rem;
    width: 9.5rem;
  }
}
@media (max-width: 768px) {
  #main section.main-summary .tag-wrap h2.title {
    margin-bottom: 3rem;
  }
  .main-summary {
    height: 61.7rem;
    padding-top: 4.5rem;
    margin-bottom: 7rem;
    background: #2b1b61 url(../../images/commu/main-bg-m.jpg) no-repeat 50%/cover;
  }
  .main-summary .gutter {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .main-summary .best-wrap .tabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 1rem;
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
  .main-summary .best-wrap .tab-button {
    height: 3rem;
    padding: 1rem 0.4rem;
    font-size: clamp(1.2rem, 1.578vw, 1.3rem);
    line-height: 3rem;
  }
  .main-summary .best-wrap .tab-button:after {
    bottom: -0.4rem;
  }
  .main-summary .best-wrap .tab-button.active {
    font-size: clamp(1.7rem, 2.368vw, 2.1rem);
  }
  .main-summary .best-wrap .tab-panel,
  .main-summary .best-wrap .tab-content-slider {
    margin: 3.8rem auto auto;
    color: #fff;
    text-align: left;
  }
  .main-summary .best-wrap .best-slide {
    font-size: 1.2rem;
  }
  .main-summary .best-wrap .best-slide .swiper-wrapper {
    gap: 0 1rem;
  }
  .main-summary .best-wrap .best-slide .swiper-slide {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 1.4rem;
  }
  .main-summary .best-wrap .best-slide .swiper-slide a {
    padding: 2.5rem 2.5rem 2.2rem;
  }
  .main-summary .best-wrap .best-slide .swiper-slide:after {
    -webkit-box-shadow: 0.5rem 0.5rem 0.5rem 0.7rem rgba(0, 0, 0, 0.1);
            box-shadow: 0.5rem 0.5rem 0.5rem 0.7rem rgba(0, 0, 0, 0.1);
    content: "";
  }
  .main-summary .best-wrap .best-slide .swiper-slide:first-child .category {
    color: #aaadf6;
  }
  .main-summary .best-wrap .best-slide .swiper-slide:first-child:after {
    background: rgba(12, 4, 39, 0.2);
    -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
  }
  .main-summary .best-wrap .best-slide .swiper-slide:first-child .title {
    color: #fff;
  }
  .main-summary .best-wrap .best-slide .swiper-slide:first-child .nickname {
    color: #fff;
  }
  .main-summary .best-wrap .best-slide .swiper-slide:first-child:hover {
    border: 0.1rem solid rgba(255, 255, 255, 0.2);
  }
  .main-summary .best-wrap .best-slide .swiper-slide:first-child:hover:after {
    background: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
  }
  .main-summary .best-wrap .best-slide .swiper-slide:first-child:after {
    background: rgba(12, 4, 39, 0.2);
  }
  .main-summary .best-wrap .best-slide .swiper-slide.swiper-slide-active .category {
    color: #6414e9;
  }
  .main-summary .best-wrap .best-slide .swiper-slide.swiper-slide-active:after {
    background: white;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .main-summary .best-wrap .best-slide .swiper-slide.swiper-slide-active .title {
    color: #000;
  }
  .main-summary .best-wrap .best-slide .swiper-slide.swiper-slide-active .nickname {
    color: #000;
  }
  .main-summary .best-wrap .best-slide .swiper-slide.swiper-slide-active .time {
    color: var(--gray1);
  }
  .main-summary .best-wrap .best-slide .swiper-slide.swiper-slide-active:hover {
    border: 0.1rem solid rgba(255, 255, 255, 0.4);
  }
  .main-summary .best-wrap .best-slide .swiper-slide.swiper-slide-active:hover:after {
    background: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.5);
            box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.5);
  }
  .main-summary .best-wrap .best-slide .title {
    height: 4.2rem;
    margin-top: 0.8rem;
    margin-bottom: 1.6rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .main-summary .best-wrap .best-slide .writer {
    margin-bottom: 1.5rem;
  }
  .main-summary .tag-wrap {
    margin-top: 10.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-summary .tag-wrap .title {
    top: 0;
    margin-bottom: 3.4rem;
    font-size: 2.1rem;
  }
  .main-summary .tag-wrap .title em {
    font-size: 3.3rem;
  }
  .main-summary .tag-wrap .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.6rem 1rem;
    max-width: 100%;
    height: auto;
    padding: 0;
  }
  .main-summary .tag-wrap .tag-list div a:active {
    background: #7030f2;
    color: #fff;
  }
  .main-summary .tag-wrap .tag-list div a {
    height: 4rem;
    padding: 0 2rem;
    border-radius: 2rem;
    line-height: 3.8rem;
  }
  .main-summary .tag-wrap .tag-list div span {
    font-size: 1.4rem;
  }
  .main-summary .lfloat1 {
    top: -20rem;
    left: -100rem;
    width: 13rem;
  }
  .main-summary .lfloat2 {
    bottom: 28.5rem;
    left: 3.8rem;
    width: 6.35rem;
  }
  .main-summary .rfloat1 {
    top: 30rem;
    right: 7.5rem;
    width: 3rem;
  }
  .main-summary .rfloat2 {
    top: 23.8rem;
    right: 2.5rem;
    width: 4.6rem;
  }
}
#main section .title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#main section.main-mid-link h2 {
  display: block;
  margin-bottom: 0;
}
#main section h2 {
  display: inline-block;
  margin-bottom: 4.6rem;
}
#main section h2 .title {
  font-weight: 700;
  font-size: 4.8rem;
  font-family: var(--font-family1);
}
#main section h2 .explan {
  padding-left: 2.5rem;
  font-weight: 500;
  font-size: 1.8rem;
}
#main section .main-more-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 5.6rem;
  height: 5.6rem;
  margin-left: auto;
  border-radius: 2.8rem;
  background: var(--btnbg) url(../../images/commu/ic-arrow-right-solid-w.svg) no-repeat 50%/1.8rem 1.6rem;
  -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
}
#main section .main-more-btn .text {
  display: none;
  font-size: 1.8rem;
}
#main section .main-more-btn.on, #main section .main-more-btn:hover {
  width: 16rem;
  padding: 2rem 6.6rem 2rem 5rem;
  border: 0.1rem solid #817d92;
  border-radius: 2.8rem;
  background: #fff url(../../images/commu/ic-arrow-right-solid.svg) no-repeat top 50% right 3.3rem/1.8rem 1.6rem;
  color: #45405b;
  font-weight: 700;
}
#main section .main-more-btn.on .text, #main section .main-more-btn:hover .text {
  display: block;
  font-size: 1.8rem;
  line-height: 1;
}
#main section .main-more-btn.on:hover {
  padding: 2rem 6.6rem 2rem 4rem;
  border-color: 0.1rem solid var(--btnbg);
  background-position: top 50% right 2.5rem;
  color: #000;
  font-weight: 700;
}
#main section .main-more-btn.mo-only {
  display: none;
}
#main .ic-like i, #main .btn-like i {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../../images/commu/ic-like.svg) no-repeat center/contain;
}
#main .ic-view i {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../../images/commu/ic-view.svg) no-repeat center/contain;
}
#main .ic-reply i, #main .btn-reply i {
  width: 1.7rem;
  height: 1.2rem;
  background: url(../../images/commu/ic-reply.svg) no-repeat center/contain;
}

@media (max-width: 768px) {
  #main section .title-area .main-more-btn {
    display: none;
  }
  #main section h2 {
    margin-bottom: 3rem;
  }
  #main section h2 .title {
    font-size: 2.8rem;
  }
  #main section h2 .explan {
    display: block;
    padding-left: 0;
    margin-top: 1rem;
    font-size: 1.2rem;
  }
  #main section .main-more-btn.mo-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 13rem;
    padding: 1.5rem 5.2rem 1.5rem 3.2rem;
    margin: 2.5rem auto 0;
    border: 0.1rem solid #817d92;
    border-radius: 2.8rem;
    background: #fff url(../../images/commu/ic-arrow-right-solid.svg) no-repeat top 50% right 2.8rem/1.4rem 1.2rem;
    color: #45405b;
    font-weight: 700;
    -webkit-box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  }
  #main section .main-more-btn.mo-only .text {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
  }
  #main section .main-more-btn.on:hover {
    border-color: 0.1rem solid var(--point-color2);
    color: #000;
    font-weight: 700;
  }
}
.main-community {
  padding: 0 0 12rem 0;
}
.main-community .community-wrap .mainlist1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem;
}
.main-community .community-wrap .mainlist1 li {
  width: calc(50% - 2rem);
  border: 0.2rem solid var(--graybg1);
  border-radius: 2.8rem;
  background: var(--graybg1);
}
.main-community .community-wrap .mainlist1 li a {
  padding: 4.7rem 4rem 4rem;
}
.main-community .community-wrap .mainlist1 li:hover {
  border: 0.2rem solid #5631df;
  background: #fff;
  -webkit-box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1rem 1rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.main-community .community-wrap .mainlist1 li .category {
  color: #6414e9;
}
.main-community .community-wrap .mainlist1 li .title {
  margin-top: 1.3rem;
  font-weight: 700;
  font-size: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-community .community-wrap .mainlist1 li .contents-prev {
  height: 5.3rem;
  margin: 1.2rem 0 2.3rem;
  color: #555;
  font-size: 1.7rem;
  line-height: 1.477;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main-community .community-wrap .mainlist1 li .nickname {
  color: #000;
}

@media (max-width: 1280px) {
  .main-community .community-wrap .mainlist1 {
    gap: 3rem;
  }
  .main-community .community-wrap .mainlist1 li {
    width: calc(50% - 2rem);
  }
}
@media (max-width: 1024px) {
  .main-community .community-wrap .mainlist1 {
    gap: 3rem;
  }
  .main-community .community-wrap .mainlist1 li {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 768px) {
  .main-community {
    padding: 0 0 8rem 0;
  }
  .main-community .community-wrap .mainlist1 {
    gap: 1rem 0;
  }
  .main-community .community-wrap .mainlist1 li {
    width: 100%;
    border-width: 0.1rem;
    border-radius: 1.4rem;
  }
  .main-community .community-wrap .mainlist1 li a {
    padding: 2.5rem 2.2rem 2.6rem;
  }
  .main-community .community-wrap .mainlist1 li:hover, .main-community .community-wrap .mainlist1 li:active {
    border: 0.1rem solid #5631df;
    background: #fff;
    -webkit-box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  }
  .main-community .community-wrap .mainlist1 li .title {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
  .main-community .community-wrap .mainlist1 li .contents-prev {
    height: 3.6rem;
    margin: 0.8rem 0 2.2rem;
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .main-community .community-wrap .mainlist1 li .nickname {
    color: #000;
  }
}
.main-gallery {
  position: relative;
  overflow: hidden;
  padding-bottom: 24.2rem;
}
.main-gallery .main-gallerlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem;
}
.main-gallery .main-gallerlist li {
  --w1: calc(25% - 3rem);
  width: var(--w1);
  letter-spacing: -0.03em;
}
.main-gallery .main-gallerlist li .thum {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 26rem;
  border-radius: 2.8rem;
  background: #000;
}
.main-gallery .main-gallerlist li .thum:before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 30%;
  background: var(--dark-grad2);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  content: "";
}
.main-gallery .main-gallerlist li .thum img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.main-gallery .main-gallerlist li:hover .thum:before {
  height: 50%;
  background: var(--dark-grad1);
}
.main-gallery .main-gallerlist li:hover .thum img {
  width: 105%;
  height: 105%;
}
.main-gallery .main-gallerlist li:first-child {
  --w1: calc(50% - 2rem);
}
.main-gallery .main-gallerlist li:first-child .thum {
  height: 40rem;
}
.main-gallery .main-gallerlist li:first-child .thum:before {
  height: 45%;
  background: var(--dark-grad1);
}
.main-gallery .main-gallerlist li:first-child .title {
  position: relative;
  z-index: 2;
  top: -2rem;
  margin-top: -8rem;
  padding: 0 5rem 2rem;
  color: #fff;
  font-weight: 600;
  font-size: 2.4rem;
}
.main-gallery .main-gallerlist li:first-child:hover .thum:before {
  height: 60%;
}
.main-gallery .main-gallerlist li:first-child:hover .thum:before img {
  width: 107%;
  height: 107%;
}
.main-gallery .main-gallerlist li:first-child.wfull {
  width: 100%;
}
.main-gallery .main-gallerlist li .title {
  padding-top: 2.1rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main-typo {
  --typo1: 26rem;
  --typo2: 26rem;
  --typo2h: 49.5rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: -1;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0.7;
}
.main-typo.typo1 {
  height: calc(var(--typo1) - 5rem);
}
.main-typo.typo1.on {
  -webkit-animation: 0.4s typo1 ease-in-out;
  animation: 0.4s typo1 ease-in-out;
}
.main-typo.typo2 {
  height: var(--typo2h);
}
.main-typo .outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.main-typo [class*=grad] {
  line-height: 1;
  text-align: center;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.main-typo .grad1 {
  font: 700 var(--typo2) var(--font-family1);
  background: var(--text-grad1);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.main-typo .grad2 {
  font: 700 var(--typo2) var(--font-family1);
  margin-top: -3.5rem;
  background: var(--text-grad2);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.main-typo .grad3 {
  font: 700 var(--typo1) var(--font-family1);
  background: var(--text-grad3);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

@media (max-width: 1280px) {
  .main-gallery {
    padding-bottom: 13rem;
  }
  .main-gallery .main-gallerlist {
    gap: 3rem;
  }
  .main-gallery .main-gallerlist li {
    --w1: calc(25% - 3rem);
  }
  .main-gallery .main-gallerlist li .thum {
    height: 23rem;
  }
  .main-gallery .main-gallerlist li:first-child {
    --w1: calc(50% - 3rem);
  }
  .main-gallery .main-gallerlist li:first-child .thum {
    height: 40rem;
  }
  .main-gallery .main-gallerlist li:first-child .title {
    padding: 0 5rem 0.4rem;
    font-size: 2.4rem;
  }
  .main-gallery .main-gallerlist li .title {
    padding-top: 2.1rem;
    font-size: 2rem;
    line-height: 1.4;
  }
  .main-typo {
    --typo1: 20rem;
    --typo2: 13.5rem;
    --typo2h: 26.5rem;
  }
  .main-typo.typo1 {
    height: calc(var(--typo1) - 4rem);
  }
  .main-typo .grad2 {
    margin-top: -1rem;
  }
}
@media (max-width: 1024px) {
  .main-gallery {
    padding-bottom: 10rem;
  }
  .main-gallery .main-gallerlist {
    gap: 3rem;
  }
  .main-gallery .main-gallerlist li {
    --w1: calc(33.3vw - 4.05rem);
  }
  .main-gallery .main-gallerlist li .thum {
    height: calc(33.3vw - 6rem);
  }
  .main-gallery .main-gallerlist li:first-child {
    --w1: calc(66vw - 4.5rem);
  }
  .main-gallery .main-gallerlist li:first-child .thum {
    height: calc(44vw - 2rem);
  }
  .main-gallery .main-gallerlist li:first-child .title {
    padding: 0 5rem 2rem;
    font-size: 2.4rem;
  }
  .main-gallery .main-gallerlist li .title {
    padding-top: 2.1rem;
    font-size: 2rem;
    line-height: 1.4;
  }
  .main-typo {
    --typo1: 15rem;
    --typo2: 11.5rem;
    --typo2h: 22.5rem;
  }
  .main-typo.typo1 {
    height: calc(var(--typo1) - 3rem);
  }
  .main-typo .grad2 {
    margin-top: -1rem;
  }
}
@media (max-width: 768px) {
  .main-gallery {
    padding-bottom: 10rem;
  }
  .main-gallery .main-gallerlist {
    gap: 2.3rem 1rem;
  }
  .main-gallery .main-gallerlist li {
    --w1: calc(50% - 0.5rem);
    height: auto;
    margin-bottom: 2.3rem;
  }
  .main-gallery .main-gallerlist li .thum {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 1.4rem;
  }
  .main-gallery .main-gallerlist li:first-child {
    --w1: calc(50% - 0.5rem);
  }
  .main-gallery .main-gallerlist li:first-child .thum {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
  .main-gallery .main-gallerlist li:first-child:before {
    height: 30%;
  }
  .main-gallery .main-gallerlist li:first-child .title {
    top: 0;
    margin-top: 0;
    padding: 1rem 0 0 0;
    color: #000;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.33;
  }
  .main-gallery .main-gallerlist li .title {
    padding-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.33;
  }
  .main-typo {
    --typo1: 5.5rem;
    --typo2: 4.25rem;
    --typo2h: 8.1rem;
  }
  .main-typo.typo1 {
    height: calc(var(--typo1) - 0.5rem);
  }
  .main-typo .grad2 {
    margin-top: -0.5rem;
  }
}
.main-mid-link {
  overflow: hidden;
  height: 48rem;
  background: url(../../images/commu/main-mid-bg1.jpg) no-repeat 50%/cover;
}
.main-mid-link .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: visible;
  height: 100%;
}
.main-mid-link .inner .img-area {
  position: relative;
}
.main-mid-link .inner .img-area .ef2 {
  position: absolute;
  z-index: 2;
  top: 5.6rem;
  left: 40rem;
  width: auto;
  height: auto;
}
.main-mid-link .inner .img-area .ef1 {
  position: absolute;
  z-index: 0;
  top: 7.3rem;
  left: -67rem;
  width: auto;
  height: auto;
}
.main-mid-link .inner .img-area .obj1 {
  position: relative;
  top: 5.8rem;
  left: -2rem;
  z-index: 1;
}
.main-mid-link .inner .text-area {
  position: relative;
}
.main-mid-link .inner .text-area .text1 {
  font-size: 4.2rem;
  line-height: 1.285;
}
.main-mid-link .inner .text-area .text1 em {
  font-weight: 800;
}
.main-mid-link .inner .text-area .btn-outlink1 {
  display: inline-block;
  padding: 2rem 4.2rem;
  margin-top: 3.6rem;
  border-radius: 2.8rem;
  background: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
}
.main-mid-link .inner .text-area .btn-outlink1:hover {
  -webkit-box-shadow: 0.5rem 0.5rem 0.5rem 0.1rem rgba(0, 0, 0, 0.07);
          box-shadow: 0.5rem 0.5rem 0.5rem 0.1rem rgba(0, 0, 0, 0.07);
}
.main-mid-link .inner .text-area .circleani-wrap {
  position: absolute;
  top: -7.3rem;
  left: -6.5rem;
  width: auto;
  height: auto;
}
.main-mid-link .inner .text-area .circleani-wrap .circle-img {
  position: relative;
  width: 11.2rem;
  height: 11.2rem;
  border-radius: 50%;
  background: url(../../images/commu/main-text1.png) no-repeat 50%/contain;
  -webkit-animation: rotate-image 10s linear infinite;
  animation: rotate-image 10s linear infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.main-mid-link .inner .text-area .circleani-wrap .circle-ani {
  position: relative;
  width: 11.2rem;
  height: 11.2rem;
  border-radius: 50%;
  background: transparent;
  color: #545284;
  font: 700 1.7rem var(--font-family1);
  opacity: 0.2;
  -webkit-animation: 10s ani1 infinite ease-in-out;
  animation: 10s ani1 infinite ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

@media (max-width: 1280px) {
  .main-mid-link .inner .img-area .obj1 {
    top: 7.8rem;
    left: -2rem;
    width: 48rem;
  }
}
@media (max-width: 1024px) {
  .main-mid-link .inner .img-area .ef2 {
    top: 5.6rem;
    left: 30rem;
    width: 8rem;
  }
  .main-mid-link .inner .img-area .ef1 {
    top: 20rem;
    left: -15rem;
    width: auto;
  }
  .main-mid-link .inner .img-area .obj1 {
    top: 7.8rem;
    left: -3rem;
    width: 44rem;
  }
  .main-mid-link .inner .text-area {
    position: relative;
  }
  .main-mid-link .inner .text-area .text1 {
    font-size: 3.9rem;
  }
}
@media (max-width: 768px) {
  .main-mid-link {
    height: 23rem;
  }
  .main-mid-link .inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 4rem;
  }
  .main-mid-link .inner .img-area {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: right;
  }
  .main-mid-link .inner .img-area .ef2 {
    top: 4rem;
    left: auto;
    right: 1rem;
    width: 5.46875vw;
  }
  .main-mid-link .inner .img-area .ef1 {
    top: -2rem;
    left: auto;
    right: 18.1640625vw;
    width: 37.79296875vw;
  }
  .main-mid-link .inner .img-area .obj1 {
    top: 5rem;
    left: auto;
    width: 30.46875vw;
    margin-right: -1rem;
  }
  .main-mid-link .inner .text-area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0rem;
  }
  .main-mid-link .inner .text-area .text1 {
    font-size: 1.8rem;
    line-height: 1.44;
  }
  .main-mid-link .inner .text-area .btn-outlink1 {
    padding: 1.4rem 2.5rem;
    margin-top: 2rem;
    border-radius: 2.8rem;
    font-size: 1.2rem;
  }
  .main-mid-link .inner .text-area .btn-outlink1:hover {
    -webkit-box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem rgba(0, 0, 0, 0.07);
            box-shadow: 0.3rem 0.3rem 0.3rem 0.1rem rgba(0, 0, 0, 0.07);
  }
  .main-mid-link .inner .text-area .circleani-wrap {
    position: absolute;
    top: -2.1rem;
    left: -2.2rem;
  }
  .main-mid-link .inner .text-area .circleani-wrap .circle-img {
    width: 6rem;
    height: 6rem;
  }
}
#main section.main-notice .title-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 34%;
}
#main section.main-notice h2 {
  display: inline-block;
  margin-bottom: 0;
}
#main section.main-notice h2 .title {
  display: block;
  margin-bottom: 3rem;
}
#main section.main-notice h2 .explan {
  display: block;
  padding-left: 0;
  margin-bottom: 5.4rem;
  font-weight: 500;
  font-size: 1.8rem;
}
#main section.main-notice h2 .explan .web-only {
  display: block;
  width: auto;
  height: 1.2rem;
}
#main .main-more-btn.on {
  margin-left: 0;
}

.main-notice {
  padding: 10rem 0 9.3rem;
}
.main-notice .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main-notice .inner .notice-wrap {
  width: 66%;
}
.main-notice .inner .notice-wrap li {
  position: relative;
  z-index: 1;
  width: 100%;
  border-bottom: 0.1rem solid #ddd;
}
.main-notice .inner .notice-wrap li.fix-noti {
  background: var(--graybg1);
}
.main-notice .inner .notice-wrap li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  width: 100%;
  padding: 3.6rem 4rem;
}
.main-notice .inner .notice-wrap li .title {
  width: calc(100% - 11rem);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.main-notice .inner .notice-wrap li .time {
  width: 10rem;
  font-size: 1.5rem;
  text-align: right;
  line-height: 1;
}
.main-notice .inner .notice-wrap li:first-child {
  border-top: 0.2rem solid #000;
}
.main-notice .inner .notice-wrap li:first-child a {
  padding: 3.8rem 3.5rem;
}
.main-notice .inner .notice-wrap li:last-child {
  border-bottom: 0;
}
.main-notice .inner .notice-wrap li:after {
  display: block;
  position: relative;
  z-index: 2;
  width: 0;
  border-bottom: 0.1rem solid var(--point-color2);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  content: "";
}
.main-notice .inner .notice-wrap li:hover {
  background: var(--graybg1);
}
.main-notice .inner .notice-wrap li:hover:after {
  width: 100%;
}
.main-notice .inner .notice-wrap li:hover .title {
  color: var(--point-color3);
}

@media (max-width: 1024px) {
  #main section .main-more-btn.tablet {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 4rem auto 0;
  }
  #main section.main-notice .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #main section.main-notice .title-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #main section.main-notice h2 {
    display: block;
    margin-bottom: 4.6rem;
  }
  #main section.main-notice h2 .title {
    display: inline-block;
    margin-bottom: 0;
  }
  #main section.main-notice h2 .explan {
    display: inline-block;
    padding-left: 2.5rem;
    margin-bottom: 0;
  }
  #main section.main-notice h2 .explan .web-only {
    display: none;
  }
  #main .main-more-btn.on {
    display: none;
  }
  .main-notice {
    padding: 10rem 0 9.3rem;
  }
  .main-notice .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-notice .inner .notice-wrap {
    width: 100%;
  }
  .main-notice .inner .notice-wrap li {
    border-bottom: 0.1rem solid #ddd;
  }
  .main-notice .inner .notice-wrap li.fix-noti {
    background: var(--graybg1);
  }
  .main-notice .inner .notice-wrap li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 3.6rem 3.5rem;
  }
  .main-notice .inner .notice-wrap li .title {
    width: 100%;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1;
  }
  .main-notice .inner .notice-wrap li .time {
    width: 100%;
    margin-top: 1.5rem;
    font-size: 1.5rem;
    text-align: left;
    line-height: 1;
  }
  .main-notice .inner .notice-wrap li:first-child {
    border-top: 0.2rem solid #000;
  }
  .main-notice .inner .notice-wrap li:first-child a {
    padding: 3.8 3.5rem;
  }
  .main-notice .inner .notice-wrap li:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 768px) {
  #main section .main-more-btn.tablet {
    width: 13rem;
    padding: 1.5rem 5.2rem 1.5rem 3.2rem;
    margin: 4rem auto 0;
  }
  #main section .main-more-btn.tablet .text {
    font-size: 1.2rem;
  }
  #main section.main-notice .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #main section.main-notice .title-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #main section.main-notice h2 {
    margin-bottom: 3rem;
  }
  #main section.main-notice h2 .title {
    font-size: 2.8rem;
  }
  #main section.main-notice h2 .explan {
    display: block;
    padding-left: 0;
    margin-top: 1rem;
    font-size: 1.2rem;
  }
  .main-notice {
    padding: 5.6rem 0 8rem;
  }
  .main-notice .inner .notice-wrap li a {
    padding: 2.4rem 2rem;
  }
  .main-notice .inner .notice-wrap li .title {
    font-size: 1.5rem;
  }
  .main-notice .inner .notice-wrap li .time {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
  .main-notice .inner .notice-wrap li:first-child a {
    padding: 2.4rem 2rem;
  }
  .main-notice .inner .notice-wrap li:last-child {
    border-bottom: 0;
  }
}
.main-popup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
}
.main-popup.on {
  display: block;
}
.main-popup a {
  display: block;
}
.main-popup .pop-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.main-popup .pop1 {
  width: 40rem;
}
.main-popup .pop-cont .imgfull {
  width: 100%;
}
.main-popup .pop-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  font-size: 1.5rem;
  text-align: center;
}
.main-popup .pop-footer button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.5rem 0;
  cursor: pointer;
  color: #333;
}
.main-popup .pop-footer button:first-child() {
  border-right: 0.1rem solid var(--gray1);
}

/* Index===Join */
.join-container {
  max-width: 62rem;
  width: 100%;
  margin: 10rem auto 5rem;
  text-align: left;
}
.join-container .text-area .title {
  margin-bottom: 3rem;
  font-weight: 800;
  font-size: 5.6rem;
}
.join-container .text-area .p1 {
  margin-bottom: 7rem;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .join-container {
    margin: 5rem auto 2.5rem;
  }
  .join-container .text-area .title {
    margin-bottom: 1.5rem;
    font-size: 2.8rem;
  }
  .join-container .text-area .p1 {
    margin-bottom: 3.5rem;
    font-size: 1.2rem;
  }
  .join-container .form-joinin br.mo-only + span {
    padding-left: 3.2rem;
  }
  .join-container .form-joinin br.mo-only + span:after {
    display: block;
    height: 0.75rem;
    content: "";
  }
}
/* effect */
.blur {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="3");
  -webkit-filter: url(#blur-filter);
  filter: url(#blur-filter);
  -webkit-filter: blur(0.3rem);
  filter: blur(0.3rem);
}

@-webkit-keyframes beating {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  70% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes beating {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  70% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes text1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes text1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes floatingL2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 4rem);
            transform: translate(0, 4rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes floatingL2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 4rem);
            transform: translate(0, 4rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes floatingL1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 1.5rem);
            transform: translate(0, 1.5rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes floatingL1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 1.5rem);
            transform: translate(0, 1.5rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  20% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  30% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  40% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  20% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  30% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  40% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes floating1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 1.5rem);
            transform: translate(0, 1.5rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes floating1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 1.5rem);
            transform: translate(0, 1.5rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes grad1 {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes grad1 {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.1;
  }
}
@-webkit-keyframes typo1 {
  0% {
    bottom: -18rem;
  }
  100% {
    bottom: 0;
  }
}
@keyframes typo1 {
  0% {
    bottom: -18rem;
  }
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes opa1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  4% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
}
@keyframes opa1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  4% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
}
@-webkit-keyframes scroll-down {
  0% {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
    opacity: 1;
  }
}
@keyframes scroll-down {
  0% {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
    opacity: 1;
  }
}
@media (max-width: 768px) {
  html:not(.no-js) .wrap [data-aos=fade-left],
  html:not(.no-js) .wrap [data-aos=fade-right] {
    -webkit-transform: translate3d(0, 10rem, 0);
            transform: translate3d(0, 10rem, 0);
  }
}
/*Animations*/
@-webkit-keyframes fade-inleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(6rem);
            transform: translateX(6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fade-inleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(6rem);
            transform: translateX(6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slde-down {
  0% {
    opacity: 0;
    -webkit-transform: translateXY(0, -3rem);
            transform: translateXY(0, -3rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateXY(0, 0);
            transform: translateXY(0, 0);
  }
}
@keyframes slde-down {
  0% {
    opacity: 0;
    -webkit-transform: translateXY(0, -3rem);
            transform: translateXY(0, -3rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateXY(0, 0);
            transform: translateXY(0, 0);
  }
}
@-webkit-keyframes slide-inright1 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-inright1 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes text1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes floatingL2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 4rem);
            transform: translate(0, 4rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes floatingL1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 1.5rem);
            transform: translate(0, 1.5rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  20% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  30% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  40% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes floating1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 1.5rem);
            transform: translate(0, 1.5rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes rotate-image {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-image {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}