@charset "utf-8";

/* ===== header ===== */
#skip-to-container a {
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#skip-to-container a:focus,
#skip-to-container a:active {
  width: 100%;
  height: 75px;
  background: #21272e;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}



#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
  background-color: #fff;
  z-index: 999;
  border-bottom: solid 1px #fff;
}
#header .hd-top {
  display: flex;
  background-color: #EEF0FC;
  height: 40px;
  position: relative;
  z-index: 1;
}
#header .hd-top .maxinner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#header .hd-top ul {
  display: flex;
  align-items: center;
  margin: 0 -6px;
}
#header .hd-top li {
  position: relative;
  font-size: 1.4rem;
  color: #555;
  padding: 0 6px;
  display: flex;
  align-items: center;
}
#header .hd-top li + li::before {
  content: '';
  width: 1px;
  height: 13px;
  background-color: #B3B3B3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
#header .hd-top li button {
  margin-left: 4px;
  font-weight: 400;
  color: #555;
}
#header .hd-top li a {
  min-width: 6rem;
  display: block;
  text-align: center;
  color: #555;
}
#header .hd-top li a.icon {
  background: url('../img/ico/ico-alarm.svg') no-repeat center / 24px;
  width: 32px;
  height: 32px;
  display: block;
  min-width: auto;
  position: relative;
}
#header .hd-top li a.icon span {
  position: absolute;
  min-width: 6px;
  min-height: 6px;
  background-color: #EB003B;
  border-radius: 50%;
  z-index: 1;
  top: 3px;
  right: 5px;
}

#header .hd-nav {
  height: 9rem;
  z-index: 1;
  position: relative;
  background-color: #fff;
}
#header .hd-nav .maxinner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
#header .hd-nav .gnb ul {
  display: flex;
  margin-right: -6rem;
}
#header .hd-nav .gnb li a {
  font-size: 16px;
  color: #555;
  font-weight: 700;
  padding: 0 2rem;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem;
  transition: 0.3s;
}
#header .hd-nav .gnb li a:hover,
#header .hd-nav .gnb li.active a {
  color: #2941C7;
}

#header .hamburger-btn {
  position: relative;
  width: 25px;
  height: 20px;
  cursor: pointer;
  display: none;
}
#header .hamburger-btn span {
  opacity: 1;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  color: #111;
  background-color: #111;
  position: absolute;
  transform: rotate(0deg);
  transition: .4s ease-in-out;
}
#header .hamburger-btn span:nth-child(1) {
  top: 0;
}
#header .hamburger-btn span:nth-child(2) {
  top: 9px;
}
#header .hamburger-btn span:nth-child(3) {
  top: 18px;
}
#header .hamburger-btn.open span:nth-child(1) {
  transform: translateY(9px) rotate(135deg);
}
#header .hamburger-btn.open span:nth-child(2) {
  opacity: 0;
  transform: translateX(-60px);
}
#header .hamburger-btn.open span:nth-child(3) {
  transform: translateY(-9px) rotate(-135deg);
}
.full-menu {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  transition: 0.5s;
}
.full-menu .maxinner {
  width: 100%;
}
.full-menu li {
  border-bottom: solid 1px #eaeaea;
  padding: 3rem 0;
}
.full-menu li a {
  font-size: 2.4rem;
  font-weight: 500;
  transition: 0.3s;
  display: block;
  width: 90%;
  margin: 0 auto;
}
.full-menu li.active a {
  color: #2941C7;
  font-weight: 700;
}
.full-menu.active {
  top: 0;
  padding-top: 13rem;
}


.full-menu-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
  opacity: 0;
  transition: 0.5s;
  visibility: hidden;
}
.full-menu-bg.active {
  opacity: 1;
  visibility: inherit;
}


#header.scroll {
  border-color: #EAEAEA;
}

/* ===== header ===== */






/* ===== footer ===== */
#footer {
  background-color: #555555;
  padding: 3.2rem 0 5.8rem;
}
#footer .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#footer .top ul {
  display: flex;
}
#footer .top li + li {
  margin-left: 3.2rem;
}
#footer .top li a {
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
}
#footer .desc {
  padding-top: 3.2rem;
  margin-top: 3.2rem;
  border-top: solid 1px #b3b3b3;
}
#footer .desc p {
  color: #F8F8FA;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
#footer .desc .copyright {
  font-size: 1.4rem;
  margin-top: 2.8rem;
}
/* ===== footer ===== */







/* ===== common ===== */
.blind {
  overflow: hidden;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}


.content-wrap {
  padding: 17rem 0 16rem;
}
.content-wrap.pt0 {
  padding-top: 0;
}


.maxinner {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
}
.m-maxinner {
  max-width: 1196px;
  width: 90%;
  margin: 0 auto;
}
.s-maxinner {
  max-width: 520px;
  width: 90%;
  margin: 0 auto;
}
.join-maxinner {
  max-width: 950px;
}

.join-maxinner .tab-wrap {
  margin-top: 4rem;
  padding: 0 2.4rem;
}




.side-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.side-wrap.reverse {
  flex-direction: row-reverse;
}
.side-wrap .side-nav-box .center {
  position: sticky;
  top: 17rem;
}
.side-wrap .side-content {
  padding-top: 17rem;
}


.m-title {
  display: flex;
  align-items: center;
  padding: 20px 0;
  margin: 0 12px;
  border-bottom: solid 1px #EAEAEA;
}
.m-title h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-left: 12px;
}


.inner-pd {
  padding: 2rem 2.4rem;
}

.img-box {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.img-box > .img {
  transition: 0.5s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1);
  background-image: url('../img/sub/img-test01.png');
}
.img-box.profile {
  border: solid 1px rgba(0,0,0,0.08);
}
.img-box.profile > .img {
  background-image: url('../img/ico/ico-user.svg');
  background-color: #F8F8FA;
}


.bookmark-box {
  display: flex;
  align-items: center;
}
.bookmark-box p {
  font-size: 1.4rem;
  color: #555;
}
.bookmark-btn {
  background: url('../img/ico/ico-bookmark-default.svg') no-repeat center / cover;
  width: 24px;
  height: 24px;
  border: 0;
  margin-left: 8px;
  transition: 0.3s;
}
.bookmark-btn.active {
  background: url('../img/ico/ico-bookmark-fill.svg') no-repeat center / cover;
}


.cl-20 {
  margin: -1rem 0;
}
.cl-20 li {
  padding: 1rem 0;
}



.mb {
  display: none;
  font-size: 1.4rem;
  align-items: center;
  margin-top: 6px;
}
.mb img {
  width: 32px;
  margin-right: 8px;
}



.btn-wrap {
  display: flex;
}
.btn-wrap.right {
  margin-top: 4rem;
  justify-content: end;
}
.btn-wrap.right .btn + .btn {
  margin-left: 1.2rem;
}
.btn-wrap.center {
  align-items: center;
  justify-content: center;
}


.main-visual {
	border-radius: 16px;
	padding: 4rem;
	position: relative;
	margin-bottom: 6rem;
	overflow: hidden;
}
.main-visual::after {
	content: '';
	position: absolute;
	background: url('../img/main/main-visual.png') no-repeat center / cover;
	transform: scale(1.1);
	transition: 5s;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.main-visual-txt {
	color: #fff;
	text-align: center;
	padding: 8rem 0 12rem;
	opacity: 0;
	transition: 1s;
}
.main-visual-txt h2 {
  font-size: 4.8rem;
  font-weight: 700;
  margin-bottom: 4rem;
	font-family: 'Montserrat';
	letter-spacing: -0.4px;
}
.main-visual-txt p {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.6;
}
.main-visual.active::after {
	transform: scale(1);
}
.main-visual.active .main-visual-txt {
	opacity: 1;
}
.main-box-list ul {
  display: flex;
	flex-wrap: wrap;
	margin: 0 -1.9rem;
}
.main-box-list .list {
  width: 33.3%;
	padding: 0 1.9rem;
}
.main-box-list .list .box {
	box-shadow: 0px 4px 6px -1px rgba(46, 46, 46, 0.10), 0px 2px 4px -1px rgba(46, 46, 46, 0.06);
	border-radius: 12px;
	overflow: hidden;
}
.main-box-list .list .top {
	background: rgba(255, 255, 255, 0.92);
	padding: 2rem 2.8rem 2.8rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.main-box-list .list .top h4 {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 8px;
}
.main-box-list .list .top p {
	font-size: 1.6rem;
	color: #555;
	margin-bottom: 2rem;
	line-height: 1.5;
}
.main-box-list .list .num-box {
	background-color: rgba(255, 255, 255, 0.80);
	border-top: solid 1px rgba(0, 0, 0, 0.08);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.8rem 2.8rem;
}
.main-box-list .list .num-box .num {
	color: #2941C7;
	font-size: 3.6rem;
	font-weight: 700;
	font-family: 'Montserrat';
}


.main-ft-logo {
	padding: 2rem 0;
	border-top: solid 1px #eaeaea;
}
.main-ft-logo ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -0.5rem;
}
.main-ft-logo .list {
	width: 20%;
	padding: 0 0.5rem;
}
.main-ft-logo .list .box {
	border: solid 1px #eaeaea;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 0;
	min-height: 53px;
}


.main-content {
  border-radius: 16px;
  border: solid 1px #EAEAEA;
}
.main-content .m-listbox {
  padding: 2rem 5.2rem 5.2rem;
}
.main-content .m-listbox + .m-listbox {
  padding-top: 0;
}
.main-content .m-listbox ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.main-content .m-listbox li {
  width: 25%;
  padding: 0 8px;
}


.main-content .m-listbox .space-list > li {
  width: 100%;
}


.space-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.space-list > li + li {
  margin-top: 1.6rem;
}
.space-list .thum-cont {
  display: flex;
  padding: 0 1.6rem 2rem;
  align-items: flex-start;
}
.space-list .thum-cardbox .thum-cont .thum-img {
  padding-bottom: 12%;
  min-width: 20rem;
  width: 20rem;
}
.space-list .thum-cardbox .thum-cont .thum-desc {
  padding: 0 0 0 2rem;
  width: 100%;
}
.space-list .thum-desc .desc .tag-scroll {
  max-height: none;
  min-height: auto;
  margin: 12px 0 0;
}
.space-list .thum-desc .desc .tag-scroll ul {
  margin: 0 -4px;
}
.space-list .thum-desc .desc .tag-scroll li {
  width: auto;
  padding: 0 4px;
  margin-bottom: 4px;
}
.space-list .thum-desc .desc .tag-scroll li:last-child {
  margin-bottom: 0;
}
.space-list .thum-desc .desc p {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.5;
}



.dataset-side-wrap {
  width: 366px;
  float: left;
  position: relative;
  min-height: 100vh;
}
.dataset-side-wrap .inner {
  border-radius: 16px;
  box-shadow: 0px 4px 6px -1px rgba(46, 46, 46, 0.10), 0px 2px 4px -1px rgba(46, 46, 46, 0.06);
}
.dataset-side-wrap .list-swiper-wrap {
  padding: 0 1.8rem;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #f8f8fa;
  border-bottom: solid 1px #eaeaea;
  position: relative;
}
.dataset-side-wrap .mySwiper {
  overflow: hidden;
}
.dataset-side-wrap .mySwiper ul {
  margin-left: -30%;
}
.dataset-side-wrap .mySwiper li {
  width: auto !important;
  position: relative;
}
.dataset-side-wrap .mySwiper li::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.dataset-side-wrap .mySwiper li button {
  font-size: 1.6rem;
  color: #555;
  border: none;
  background-color: transparent;
  padding: 1.6rem;
  height: 58px;
  transition: 0.3s;
}
.dataset-side-wrap .mySwiper li.swiper-slide-active::after {
  width: 100%;
  background-color: #2941C7;
}
.dataset-side-wrap .mySwiper li.swiper-slide-active button {
  font-weight: 500;
  color: #191919;
}
.dataset-side-wrap .slide-btn > div {
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  z-index: 9;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #EEF0FC;
  transition: 0.3s;
}
.dataset-side-wrap .slide-btn > div:hover {
  background-color: #D0D6F5;
}
.dataset-side-wrap .slide-btn > div::after {
  display: none;
}
.dataset-side-wrap .swiper-button-prev {
  left: 1.2rem;
  background: url('../img/ico/ico-next.svg') no-repeat center / 24px;
  transform: rotate(180deg) translateY(50%) !important;
}
.dataset-side-wrap .swiper-button-next {
  background: url('../img/ico/ico-next.svg') no-repeat center / 24px;
  right: 1.2rem;
}

.dataset-side-wrap .cont {
  padding: 1.2rem;
  background-color: #fff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.dataset-side-wrap .search-form {
  position: relative;
}
.dataset-side-wrap .search-form + .tag-scroll {
  margin-top: 12px;
}
.dataset-side-wrap .search-form .input-box input {
  border-radius: 8px;
  border: solid 1px #EAEAEA;
  height: 56px;
  background-color: #f8f8fa;
  width: 100%;
  font-size: 1.4rem;
  color: #191919;
  font-weight: 400;
  padding: 0 28% 0 2.4rem;
  transition: 0.3s;
}
.dataset-side-wrap .search-form .input-box input:focus {
  border-color: #2941C7;
}
.dataset-side-wrap .search-form .input-box input::placeholder {
  color: #B3B3B3;
}
.dataset-side-wrap .search-form .btn-box {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.dataset-side-wrap .search-form .btn-box > button {
  min-width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 0;
}
.dataset-side-wrap .search-form .btn-box .search-btn {
  background: url('../img/ico/ico-search.svg') #2941C7 no-repeat center / 24px;
}
.dataset-side-wrap .search-form .btn-box .reset-btn {
  background: url('../img/ico/ico-reset.svg') #EEF0FC no-repeat center / 24px;
}

.dataset-side-wrap .select-tag {
  background-color: #F8F8FA;
  border-radius: 1.6rem;
  box-shadow: 0px 4px 6px -1px rgba(46, 46, 46, 0.10), 0px 2px 4px -1px rgba(46, 46, 46, 0.06);
  margin-top: 1.2rem;
  border: solid 1px #EAEAEA;
}
.dataset-side-wrap .select-tag .tit-box {
  border-bottom: solid 1px #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem;
}
.dataset-side-wrap .select-tag .tit-box .tit {
  font-size: 1.6rem;
  font-weight: 600;
}
.dataset-side-wrap .select-tag .delete-box {
  padding: 1.2rem;
  border: 0;
  margin-top: 0;
}
.dataset-side-wrap .select-tag .delete-box ul {
  max-height: 17rem;
}


.dataset-content-wrap {
  width: calc(100% - 464px);
}
.dataset-content-wrap .border-box {
  border-radius: 16px;
  border: solid 1px #EAEAEA;
  background-color: #fff;
  margin-top: 4rem;
  padding: 4rem;
}
.dataset-content-wrap .list-box {
  position: relative;
}
.dataset-content-wrap .list-box + .list-box {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: solid 1px #EAEAEA;
}
.dataset-content-wrap .list-box ul {
  display: flex;
  flex-wrap: wrap;
  margin: 1.2rem -1.9rem 0;
}
.dataset-content-wrap .list-box li {
  width: 33.3%;
  padding: 0 1.9rem;
}


.slideListBox  {
  overflow: hidden;
  position: relative;
}
.slideListBox > ul {
  margin: 0 !important;
  flex-wrap: unset !important;
}
.slideListBox > ul .swiper-slide {
  padding: 0 !important;
}
.slideListBox-btn .swiper-button-next::after,
.slideListBox-btn .swiper-button-prev::after {
  display: none;
}
.slideListBox-btn .swiper-button-next,
.slideListBox-btn .swiper-button-prev {
  margin: 0;
  padding: 0;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #EEF0FC;
  transition: 0.3s;
  z-index: 99;
}
.slideListBox-btn .swiper-button-prev {
  background-image: url('../img/ico/ico-next.svg');
  transform: rotate(180deg);
  left: -3.5rem;
}
.slideListBox-btn .swiper-button-next {
  background-image: url('../img/ico/ico-next.svg');
  right: -3.5rem;
}
.slideListBox-btn .swiper-pagination-bullets.swiper-pagination-horizontal {
  top: unset;
  bottom: -2.7rem;
}
.slideListBox-btn .swiper-pagination-bullet {
  background: #2941C7;
}


.textedit-box {
  height: 20rem;
}



input[type=checkbox], input[type=radio] {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.input-circle + label {
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  display: block;
  position: relative;
  padding-left: 3.2rem;
  min-width: 115px;
}
.input-circle + label::before {
  content: '' !important;
  background: url('../img/ico/ico-circle-checkbox.svg') no-repeat center / cover;
  width: 20px;
  height: 20px;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.input-circle:checked + label::before {
  background: url('../img/ico/ico-circle-checkbox-fill.svg') #fff no-repeat center / cover;
}
.input-check + label {
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  display: block;
  position: relative;
}
.input-check + label::before {
  content: '' !important;
  background: url('../img/ico/ico-checkbox.png') no-repeat center / cover;
  width: 18px;
  height: 18px;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.input-check + label span {
  padding-left: 2.2rem;
}
.input-check:checked + label::before {
  background: url('../img/ico/ico-checkbox-fill.png') #2941C7 no-repeat center / cover;
}
.input-check02 + label {
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  display: block;
  position: relative;
  padding-left: 3.5rem;
}
.input-check02 + label::before {
  content: '' !important;
  background: url('../img/ico/ico-checkbox02.png') no-repeat center / cover;
  width: 24px;
  height: 24px;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.input-check02:checked + label::before {
  background: url('../img/ico/ico-checkbox02-fill.png') no-repeat center / cover;
}



.file-upload {
  border: solid 1px #eaeaea;
  border-radius: 8px;
  padding: 4rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.file-upload p {
  font-size: 1.4rem;
  color: #b3b3b3;
  line-height: 22px;
  margin-bottom: 4px;
}

.file-upload-list {
  margin-top: 8px;
  border-radius: 8px;
  border: solid 1px #eaeaea;
  padding: 0 1.2rem;
  background-color: #F8F8FA;
  overflow: hidden;
}
.file-upload-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 0;
}
.file-upload-list li + li {
  border-top: solid 1px #EAEAEA;
}
.file-upload-list li .download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.file-upload-list li .download span i {
  background: url('../img/ico/ico-download-gray.svg') no-repeat center / cover;
  margin-right: 4px;
}
.file-upload-list li span {
  font-size: 1.4rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.file-upload-list li span i {
  width: 24px;
  height: 24px;
  background: url('../img/ico/ico-file.svg') no-repeat center / cover;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.file-upload-list li .delete {
  background: url('../img/ico/ico-close.svg') no-repeat center / 14.4px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0;
  background-color: #fff;
  transition: 0.3s;
}
.file-upload-list li .delete:hover {
  background-color: transparent;
}


.btn {
  font-size: 1.4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: 0.3s;
  cursor: pointer;
  border: solid 1px transparent;
}
.btn + .btn {
  margin-left: 8px;
}
.btn.btn-primary {
  color: #fff;
  background-color: #2941C7;
}
.btn.btn-primary:hover {
  background-color: #1C2C87;
}
.btn.btn-primary:disabled {
  color: #2941C7;
  background-color: transparent;
  border-color: #EAEAEA;
  cursor: default;
}
.btn.btn-secondary {
  color: #2941c7;
  background-color: #EEF0FC;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.btn.btn-secondary:hover {
  background-color: #D0D6F5;
  box-shadow: none;
}
.btn.btn-tertiary {
  color: #191919;
  border-color: #2941C7;
  background-color: #fff;
}
.btn.btn-tertiary:hover {
  background-color: #EEF0FC;
}
.btn.btn-text {
  color: #191919;
  border-color: transparent;
  background-color: #fff;
}
.btn.btn-text:hover {
  background-color: #F8F8FA;
}

.btn.btn-xsm {
  height: 32px;
  padding: 8px;
  border-radius: 4px;
}
.btn.btn-ssm {
  height: 32px;
  padding: 0 2rem;
  border-radius: 4px;
}
.btn.btn-sm {
  height: 40px;
  padding: 0 2rem;
}
.btn.btn-sm i {
  width: 24px;
  height: 24px;
  background: url('../img/ico/ico-plus.svg') no-repeat center / 24px;
  margin-right: 4px;
}
.btn.btn-md {
  height: 48px;
  padding: 0 4rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.btn.btn-lg {
  height: 56px;
  padding: 0 4rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.btn.btn-lg.btn-tertiary {
  border-width: 2px;
}

.btn.blue {
  background-color: #2768FF;
}
.btn.green {
  background-color: #008A1E;
}
.btn.red {
  background-color: #EB003B;
}
.btn.blue:hover {
  background-color: #1F53CC;
}
.btn.green:hover {
  background-color: #006E18;
}
.btn.red:hover {
  background-color: #D50136;
}




.btn.add-ico {
  padding: 0 1.2rem;
}



.mt0 {
  margin-top: 0 !important;
}


.tit-cardbox {
  margin-bottom: 1.2rem;
}
.tit-cardbox.btn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tit-cardbox.btn-link a {
  min-width: 84px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #191919;
  transition: 0.3s;
  border-radius: 4px;
}
.tit-cardbox.btn-link a:hover {
  background-color: #F8F8FA;
}
.tit-cardbox > h3 {
  font-size: 1.8rem;
  font-weight: 600;
}


.thum-cardbox {
  border-radius: 16px;
  border: solid 1px #eaeaea;
}
.thum-cardbox .thum-top {
  padding: 1.2rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.thum-cardbox .thum-top a {
  display: flex;
  align-items: center;
}
.thum-cardbox .thum-top .img-box.profile {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}
.thum-cardbox .thum-top .profile-desc {
  margin-left: 1.2rem;
}
.thum-cardbox .thum-top .profile-desc p {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.thum-cardbox .thum-top .profile-desc p + p {
  color: #555;
  line-height: 2.2rem;
  font-size: 1.4rem;
}
.thum-cardbox .thum-top button {
  background: url('../img/ico/ico-bookmark-default.svg') no-repeat center / cover;
  width: 24px;
  height: 24px;
  border: 0;
}
.thum-cardbox .thum-top button.active {
  background: url('../img/ico/ico-bookmark-fill.svg') no-repeat center / cover;
}
.thum-cardbox .thum-cont > a {
  display: block;
}
.thum-cardbox .thum-cont .thum-img {
  padding-bottom: 47%;
}
.thum-cardbox .thum-cont .thum-img:hover .img {
  transform: scale(1.1);
}
.thum-cardbox .thum-cont .thum-desc {
  padding: 1.6rem 1.6rem 2rem;
}
.thum-cardbox .thum-cont .thum-desc .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.thum-cardbox .thum-cont .thum-desc .tit p {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.thum-cardbox .thum-cont .thum-desc .desc {
  margin-top: 8px;
  font-size: 1.4rem;
}
.thum-cardbox .thum-cont .thum-desc .desc span {
  color: #555;
  position: relative;
  cursor: default;
}
.thum-cardbox .thum-cont .thum-desc .desc span + span {
  margin-left: 8px;
  padding-left: 8px;
} 
.thum-cardbox .thum-cont .thum-desc .desc span + span::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 60%;
  background-color: #B3B3B3;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}


.thum-cardbox-st02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 2rem 2rem 4rem;
  border-radius: 12px;
  border: solid 1px #EAEAEA;
  transition: 0.3s;
  position: relative;
}
.thum-cardbox-st02:hover {
  background-color: #F8F8FA;
}
.thum-cardbox-st02 .thum-txt {
  padding-right: 4rem;
  width: 100%;
}
.thum-cardbox-st02 .profile-img {
  display: inline-flex;
  align-items: center;
}
.thum-cardbox-st02 .profile-img .img-box {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  overflow: hidden;
}
.thum-cardbox-st02 .profile-img .profile-desc {
  margin-left: 8px;
}
.thum-cardbox-st02 .profile-img .profile-desc p {
  font-size: 1.6rem;
}
.thum-cardbox-st02 .thum-desc > a {
  margin: 12px 0;
  display: inline-block;
}
.thum-cardbox-st02 .thum-desc .tit {
  display: flex;
  align-items: center;
}
.thum-cardbox-st02 .thum-desc .tit span {
  font-size: 1.4rem;
  color: #2941C7;
  font-weight: 600;
  border-radius: 4px;
  background-color: #EEF0FC;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  min-width: 6rem;
}
.thum-cardbox-st02 .thum-desc .tit p {
  font-size: 1.8rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-left: 8px;
  line-height: 1.4;
}
.thum-cardbox-st02 .thum-desc .desc {
  margin: 0 -12px;
  display: flex;
  align-items: center;
}
.thum-cardbox-st02 .thum-desc .desc span {
  position: relative;
  font-size: 1.6rem;
  color: #555;
  padding: 0 12px;
}
.thum-cardbox-st02 .thum-desc .desc span::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 1px;
  height: 15px;
  background-color: #D9D9D9;
  transform: translateY(-50%);
  right: 0;
}
.thum-cardbox-st02 .thum-desc .desc .tooltip-btn {
  padding-left: 12px;
  margin-left: 12px;
}
.thum-cardbox-st02 .thum-desc .desc .tooltip-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 1px;
  height: 15px;
  background-color: #D9D9D9;
  transform: translateY(-50%);
  left: 0;
}
.thum-cardbox-st02 .thum-img {
  min-width: 20%;
}
.thum-cardbox-st02 .thum-img .img-box {
  padding-bottom: 67%;
  border-radius: 8px;
}
.thum-cardbox-st02 .thum-img .img-box:hover .img {
  transform: scale(1.1);
}

.thum-cardbox-st02 .choice-btn {
  position: absolute;
  top: 24px;
  left: 12px;
}



.tooltip-btn {
  position: relative;
}
.tooltip-btn:hover .tooltip {
  opacity: 1; 
  visibility: inherit;
}
.tooltip-btn .btn:disabled:hover + .tooltip {
  opacity: 0;
  visibility: hidden;
}
.tooltip {
  position: absolute;
  border-radius: 4px;
  background-color: #1F53CC;
  color: #fff;
  z-index: 2;
  width: 21.6rem;
  padding: 0.8rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
  bottom: calc(100% + 13px);
}
.tooltip::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: -16px;
  border-top: 8px solid #1F53CC;
  border-bottom: 8px solid transparent;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}




.space-list-cont {
  flex-direction: column;
  padding: 2rem;
}
.space-list-cont:hover {
  background-color: #fff;
}
.space-thum-box {
  display: flex;
  align-items: center;
  width: 100%;
}
.space-thum-box .go-link {
  width: 100%;
  border-radius: 4px;
}
.space-thum-box .thum-top {
  display: flex;
  justify-content: space-between;
}
.space-thum-box .thum-top .pb-box {
  display: flex;
  align-items: center;
}
.space-thum-box .thum-btn ul {
  display: flex;
}
.space-thum-box .thum-btn .list {
  display: flex;
  position: relative;
  margin-right: 1.2rem;
  padding-right: 1.2rem;
}
.space-thum-box .thum-btn .list::after {
  content: '';
  position: absolute;
  background-color: #D9D9D9;
  width: 1px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.space-thum-box .thum-btn .list:last-child {
  margin-right: 0;
  padding-right: 0;
}
.space-thum-box .thum-btn .list:last-child::after {
  display: none;
}
.space-thum-box .thum-btn .list .desc-btn {
  display: flex;
  border: solid 1px #EAEAEA;
  border-radius: 1000px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.space-thum-box .thum-btn .list .desc-btn .btn {
  transition: background-color 0.3s;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #fff;
  background-size: 14.4px;
  background-repeat: no-repeat;
  background-position: center;
}
.space-thum-box .thum-btn .list .desc-btn .btn:hover {
  background-color: #F8F8FA;
}
.space-thum-box .thum-btn .list .desc-btn .edit-btn {
  background-image: url('../img/ico/ico-space-edit.svg');
}
.space-thum-box .thum-btn .list .desc-btn .delete-btn {
  background-image: url('../img/ico/ico-space-delete.svg');
}
.space-thum-box .thum-btn .list .desc-btn .edit-btn:hover {
  background-image: url('../img/ico/ico-space-edit-hover.svg');
}
.space-thum-box .thum-btn .list .desc-btn .delete-btn:hover {
  background-image: url('../img/ico/ico-space-delete-hover.svg');
}
.space-thum-box .thum-desc .tag-scroll {
  max-height: auto;
  min-height: auto;
}
.space-thum-box .thum-desc .tit {
  align-items: flex-start;
  margin: 1.2rem 0;
}
.space-thum-box .thum-desc .tit p {
  overflow: unset;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
}
.space-thum-box .thum-desc .desc span {
  min-width: 10.9rem;
  margin-right: 1.2rem;
}
.space-list-cont .space-abox {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 1.2rem;
  margin-top: 2rem;
  width: 100%;
}
.space-list-cont .space-abox p {
  font-size: 1.4rem;
  color: #555;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.space-list-cont .space-abox .btn-wrap {
  justify-content: center;
  margin-top: 1rem;
}
.space-list-cont .space-abox.active p {
  overflow: unset;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
}
.space-list-cont .space-abox.active .space-open-btn {
  transform: rotate(45deg);
}

.space-open-btn {
  width: 24px;
  height: 24px;
  background: url('../img/ico/ico-space-open.png') no-repeat center / cover;
  border: none;
  transition: 0.3s;
}

.space-bagde {
  font-size: 1.4rem;
  font-weight: 600;
  height: 3.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  padding: 0 1rem;
  text-align: center;
}
.space-bagde + .space-bagde {
  margin-left: 1.2rem;
}
.space-bagde.st01 {
  background-color: #E9F0FF;
  color: #1F53CC;
}
.space-bagde.st02 {
  background-color: #FFF8E9;
  color: #98690A;
}
.space-bagde.st03 {
  background-color: #FEECF0;
  color: #D50136;
}


.list-cardbox .list + .list {
  margin-top: 1.2rem;
}
.list-cardbox .list a {
  padding: 2rem 2.4rem;
  display: block;
  border-radius: 12px;
  border: solid 1px #EAEAEA;
  transition: 0.3s;
}
.list-cardbox .list a:hover {
  background-color: #F8F8FA;
}
.list-cardbox .list .tit {
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
}
.list-cardbox .list .tit span {
  font-size: 1.6rem;
  color: #555;
  padding-right: 4px;
}
.list-cardbox .list .tit span::after{
  content: '.';
}
.list-cardbox .list .tit p {
  font-size: 1.6rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.list-cardbox .list .desc {
  display: flex;
  align-items: center;
}
.list-cardbox .list .desc li {
  position: relative;
}
.list-cardbox .list .desc li + li {
  margin-left: 12px;
  padding-left: 12px;
}
.list-cardbox .list .desc li + li::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 60%;
  background-color: #d9d9d9;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.list-cardbox .list .desc li p {
  font-size: 1.6rem;
  color: #555;
}
.list-cardbox .list .desc li p i {
  background: url('../img/ico/ico-comment-gray.svg') no-repeat center / cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}




.list-cardbox-st02 .list {
  padding: 1.6rem 2rem;
  border: solid 1px #eaeaea;
  border-radius: 12px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.list-cardbox-st02 .list + .list {
  margin-top: 1.2rem;
}
.list-cardbox-st02 .list .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-cardbox-st02 .list .left {
  display: flex;
  align-items: center;
}
.list-cardbox-st02 .list .user {
  display: inline-flex;
  align-items: center;
}
.list-cardbox-st02 .list .user .img-box {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  overflow: hidden;
}
.list-cardbox-st02 .list .user .profile-desc {
  margin-left: 8px;
}
.list-cardbox-st02 .list .user .profile-desc p {
  font-size: 1.6rem;
}
.list-cardbox-st02 .list .late {
  padding-left: 8px;
  margin-left: 8px;
  position: relative;
}
.list-cardbox-st02 .list .late::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #f8f8fa;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.list-cardbox-st02 .list .late p {
  font-size: 1.6rem;
  color: #555;
}
.list-cardbox-st02 .list button {
  background: url('../img/ico/ico-delete.svg') #fff no-repeat center / 19.2px;
  width: 32px;
  height: 32px;
  transition: 0.3s;
  border-radius: 50%;
}
.list-cardbox-st02 .list button:hover {
  background-color: #F8F8FA;
}
.list-cardbox-st02 .list .txt {
  margin-top: 1rem;
}
.list-cardbox-st02 .list .txt p {
  color: #555;
  font-size: 1.6rem;
}

.list-cardbox-st02 .list.click {
  box-shadow: none;
}
.list-cardbox-st02 .list.click * {
  color: #B3B3B3 !important;
}


.tag-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 30rem;
  min-height: 30rem;
}
.tag-scroll ul {
  margin: 0 -4px -8px;
}
.tag-scroll li {
  padding: 0 4px 8px;
  float: left;
}
.tag-scroll li .tag {
  transition: 0.3s;
  font-size: 1.4rem;
  color: #555;
  padding: 6px 12px;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: solid 1px #eaeaea;
  cursor: pointer;
  background-color: #fff;
}
.tag-scroll li .tag.active,
.tag-scroll li .tag:hover {
  color: #191919;
  font-weight: 600;
  border-color: #2941C7;
  background-color: #F8F8FA;
}



.sub-tit {
  padding: 0 2.4rem 1.6rem;
  border-bottom: solid 2px #eaeaea;
}
.sub-tit h2 {
  font-size: 2.4rem;
  font-weight: 600;
}
.sub-tit.add-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}



.select-input {
  display: flex;
  align-items: center;
}
.select-input + .table-wrap {
  margin-top: 8px;
}
.select-input .input-box .search-ico {
  background: url('../img/ico/Ico-search-black.svg') no-repeat 12px 50% / 16px;
  padding-left: 4rem;
}


.select-wrap {
  min-height: 17rem;
}
.select-box {
  position: relative;
  min-width: 100%;
}
.select-box .select-click {
  border: solid 1px #EAEAEA;
  border-radius: 8px;
  background: url('../img/ico/ico-arrow-dropdown-black.svg') #fff no-repeat  98% 50%;
  width: 100%;
  font-size: 1.4rem;
  color: #191919;
  text-align: left;
  padding: 0 16px;
  height: 4.8rem;
  transition: 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.select-list {
  position: absolute;
  width: 100%;
  border-radius: 8px;
  border: solid 1px #8897E7;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  background-color: #fff;
  z-index: 2;
  padding: 6px 0;
}
.select-list li {
  padding: 2px 8px;
}
.select-list li:hover {
  color: #2941C7;
  font-weight: 600;
}
.select-list li + li {
  margin-top: 4px;
}
.select-list li p {
  border-radius: 8px;
  font-size: 1.4rem;
  color: #555;
  cursor: pointer;
  transition: 0.3s;
  min-height: 4rem;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px 8px;
}
.select-list li p:hover {
  font-weight: 600;
  color: #2941C7;
  background-color: #EEF0FC;
}


.select-list.scroll {
  overflow-y: auto;
  max-height: 24rem;
}


.select-list.search {
  padding-right: 5px;
}
.select-list.search .select-box {
  max-height: 19rem;
  overflow-y: auto;
}
.select-list.search .select-box li p {
  font-size: 1.6rem;
  transition: 0.3s;
}
.select-list.search .select-box li p span {
  padding: 0 8px;
  margin-left: 4px;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 100px;
  font-weight: 600;
  font-size: 1.4rem;
  transition: 0.3s;
}
.select-list.search .select-box li:hover p {
  font-weight: 400;
}
.select-list.search .select-box li:hover span {
  background-color: #fff;
}



.select-list.file .select-box {
  max-height: 27rem;
  overflow-y: auto;
}
.select-list.file li p {
  flex-direction: column;
  align-items: flex-start;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.select-list.file li p span {
  font-size: 1.4rem;
  font-weight: 400;
}
.select-list.file li p:hover span {
  font-weight: 400;
  color: #555;
}



.select-box.active .select-click {
  border-color: #8897E7;
}
.select-box.active .select-list {
  opacity: 1;
  visibility: inherit;
  top: 102%;
}


.select-input .select-box.sm-select {
  min-width: 9.2rem;
}
.select-input .select-box.sm-select p {
  height: 4rem;
}

.select-input .input-box {
  width: calc(100% - 9.2rem);
  padding-left: 4px;
}
.select-input .input-box input {
  width: 100%;
  border: solid 1px #EAEAEA;
  border-radius: 8px;
  height: 4rem;
  padding: 0 16px;
  font-size: 1.4rem;
  color: #191919;
  transition: 0.3s;
}
.select-input .input-box input:focus,
.select-input .input-box input:focus-visible {
  border-color: #8897E7;
  outline: 0;
}
.select-input .input-box input::placeholder {
  color: #B3B3B3;
}

.select-input + .label-border-box {
  margin-top: 4rem;
}

.select-input.add-btn .select-box.sm-select p,
.select-input.add-btn .input-box input {
  height: 48px;
}
.select-input.add-btn .btn-warp .btn {
  min-width: 10.8rem;
  margin-left: 4rem;
}

.select-input + .list-cardbox {
  margin-top: 2rem;
}


.label-tit {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #F8F8FA;
  border: solid 1px #eaeaea;
  padding: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.label-tit .tit {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}
.label-tit .tit span {
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #eaeaea;
  color: #555;
  padding: 2px 8px;
  margin-left: 4px;
}
.label-tit .etc .select-input .select-box.sm-select {
  min-width: 10.2rem;
}
.label-tit .etc .select-box .arrow-btn {
  background: url('../img/ico/ico-sort-up.svg') #fff no-repeat  95% 50%;
}
.label-tit .etc .select-box + .select-box {
  margin-left: 8px;
  min-width: 10.1rem;
}

.label-tit .etc .select-box.active .arrow-btn {
  border-color: #EAEAEA;
  background: url('../img/ico/ico-sort-down.svg') #fff no-repeat  95% 50%;
}

.label-tit .slide-btn {
  display: flex;
  align-items: center;
  margin: 0 -4px;
}
.label-tit .slide-btn > div {
  position: relative;
  opacity: 1;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  width: 4rem;
  height: 4rem;
  margin: 0 4px;
  background: url('../img/ico/ico-arrow-left02.png') no-repeat center / cover;
}
.label-tit .slide-btn > div:last-child {
  background: url('../img/ico/ico-arrow-right02.png') no-repeat center / cover;
}
.label-tit .slide-btn > div::after {
  display: none;
}
.label-tit .slide-btn > div.swiper-button-disabled {
  opacity: 0.5;
}


.label-tit.slide-tit {
  padding: 0.65rem 1.6rem;
}


.label-cont {
  padding: 2rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: solid 1px #eaeaea;
  border-top: 0;
}
.label-cont *::-webkit-scrollbar {
  width: 8px;
}
.label-cont > .file-upload {
  border: 0;
  padding: 0;
}
.label-cont p {
  font-size: 1.6rem;
  line-height: 1.5;
}
.label-cont .slide {
  overflow: hidden;
}
.label-cont .img-scroll {
  overflow-y: auto;
  max-height: 50rem;
  padding-right: 5px;
}
.label-cont .txt-scroll {
  overflow-y: auto;
  height: 33rem;
  margin-right: -15px;
  padding-right: 10px;
}
.label-cont .txt-scroll p {
  font-size: 1.4rem;
  color: #555;
}



.label-border-box .cont {
  padding: 2rem 1.6rem;
  border: solid 1px #EAEAEA;
  border-top: 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.label-border-box .cont .space-list {
  margin: -2rem 0 0;
}
.label-border-box .cont .space-list > li {
  margin-top: 2rem;
  width: 100%;
}
.label-border-box .cont .space-list > li .thum-img {
  min-width: 18rem;
  width: 18rem;
  padding-bottom: 18%;
}




.delete-box {
  border-radius: 8px;
  border: solid 1px #eaeaea;
  background-color: #F8F8FA;
  width: 100%;
  margin-top: 8px;
  padding: 1.2rem 0.8rem 1.2rem 2rem;
}
.delete-box ul {
  display: flex;
  flex-wrap: wrap;
  max-height: 11.8rem;
  overflow-y: auto;
}
.delete-box .delete-label {
  display: flex;
  align-items: center;
  margin: 0 8px 8px 0;
}
.delete-box .delete-label .txt {
  font-size: 1.4rem;
  color: #555;
  transition: 0.3s;
}
.delete-box .delete-label .txt span {
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0 8px;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 100px;
  margin-left: 4px;
}
.delete-box .delete-label i {
  background: url('../img/ico/ico-close02.svg') no-repeat 95% 50% / 16px;
  width: 16px;
  height: 16px;
  display: block;
  margin-left: 8px;
}
.delete-box .delete-label button {
  cursor: pointer;
  height: 32px;
  padding: 0 1.2rem;
  transition: 0.3s;
  border-radius: 100px;
  border: solid 1px #eaeaea;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.delete-box .delete-label button:hover {
  border-color: #8897E7;
}
.delete-box .delete-label button:hover p {
  color: #555;
}
.delete-box .delete-label button:hover i {
  background: url('../img/ico/ico-close-blue.svg') no-repeat 95% 50% / 16px;
}



.pager {
  margin-top: 2rem;
}
.pager ul {
  display: flex;
  flex-wrap: wrap;
}
.pager li {
  margin-top: 0 !important;
}
.pager li a {
  font-size: 1.4rem;
  font-weight: 600;
  color: #555555;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #EAEAEA;
  cursor: pointer;
  transition: 0.3s;
  border-right: 0;
}
.pager li.active,
.pager li:hover {
  background-color: #EEF0FC;
  border-color: #EEF0FC;
}
.pager li.active a,
.pager li:hover a {
  color: #2941C7;
  font-weight: 600;
}
.pager li.prev a {
  background: url('../img/ico/ico-prev.svg') no-repeat center / 24px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: 0;
}
.pager li.next a {
  background: url('../img/ico/ico-next.svg') no-repeat center / 24px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border: solid 1px #eaeaea;
}
.pager li.prev:hover,
.pager li.next:hover {
  background-color: #f9f9f9;
}
.pager + .btn-wrap {
  align-items: center;
  justify-content: flex-end;
  margin-top: 2rem;
}




.form-wrap {
  padding: 2rem 2.4rem;
}
.form-wrap + .btn-wrap {
  padding: 0 2.4rem;
}
.form-wrap .form-flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.form-wrap .form-flex + .form-flex {
  margin-top: 2rem;
}
.form-wrap .form-box {
  width: 100%;
  padding: 0 1rem;
}
.form-wrap .form-box.border {
  border-radius: 8px;
  border: solid 1px #eaeaea;
  padding: 1.2rem 2rem 2rem;
  margin: 0 1rem;
}
.form-wrap .form-label {
  margin-bottom: 8px;
  position: relative;
}
.form-wrap .form-label.import label::after {
  content: '*';
  color: #D50136;
}
.form-wrap .form-label label {
  font-size: 1.4rem;
  font-weight: 700;
  color: #555;
  letter-spacing: 1px;
}
.form-wrap .form-label span {
  font-size: 1.2rem;
  color: #D50136;
  padding: 4px 8px;
  border: solid 1px #FCD4DE;
  border-radius: 20px;
  margin-left: 1.2rem;
  display: inline-flex;
}
.form-wrap .form-input {
  position: relative;
}
.form-wrap .form-input.border {
  border-radius: 8px;
  border: solid 1px #eaeaea;
  padding: 2rem;
}
.form-wrap .border > p {
  font-size: 1.4rem;
  font-weight: 700;
  color: #555;
  letter-spacing: 1px;
}
.form-wrap .form-input input {
  border: solid 1px #eaeaea;
  border-radius: 8px;
  height: 4.8rem;
  padding: 0 1.6rem;
  width: 100%;
  color: #191919;
  transition: 0.3s;
  background-color: #fff;
}
.form-wrap .form-input input::-webkit-outer-spin-button,
.form-wrap .form-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-wrap .form-input input:focus {
  border-color: #8897E7;
}
.form-wrap .form-input input::placeholder {
  color: #B3B3B3;
}
.form-wrap .form-input input:disabled {
  border-color: #EAEAEA;
  background-color: rgba(0, 0, 0, 0.08);
  color: #B3B3B3;
}
.form-wrap .form-input input + button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}
.form-wrap .form-input textarea {
  border: solid 1px #eaeaea;
  border-radius: 8px;
  height: 20rem;
  padding: 1.2rem 1.6rem;
  width: 100%;
  color: #191919;
  transition: 0.3s;
  resize: none;
}
.form-wrap .form-input textarea:focus {
  border-color: #8897E7;
}
.form-wrap .form-input textarea::placeholder {
  color: #B3B3B3;
}
.form-wrap .form-input.input-btn input {
  padding-right: 10rem;
}
.form-wrap .form-input.input-btn .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}
.form-wrap .form-input .border {
  border-radius: 8px;
  border: solid 1px #eaeaea;
  padding: 2rem 1.6rem;
}
.form-wrap .form-input .border li {
  display: flex;
  align-items: center;
}
.form-wrap .form-input .border li + li {
  margin-top: 8px;
}
.form-wrap .form-input .border li span {
  font-size: 1.4rem;
  color: #555;
}
.form-wrap .form-input .tit {
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
}
.form-wrap .form-input .tit label {
  font-size: 1.4rem;
  font-weight: 700;
  color: #555;
  letter-spacing: 1px;
}
.form-wrap .form-input .tit span {
  font-size: 1.4rem;
  color: #555555;
  margin-left: 8px;
  padding-left: 8px;
  position: relative;
}
.form-wrap .form-input .tit span::before {
  content: '';
  position: absolute;
  background-color: #EAEAEA;
  width: 1px;
  height: 80%;
  transform: translateY(-50%);
  left: 0;
  top: 50%;
}
.form-wrap .form-input .textedit-box {
  border: solid 1px #eaeaea;
  border-radius: 8px;
  height: 40rem;
  padding: 2rem 1.6rem;
}
.form-wrap .form-input .search-ico {
  background: url('../img/ico/Ico-search-black.svg') no-repeat 12px 50% / 24px;
  padding-left: 4.8rem;
}
.form-wrap .form-input .select-tag-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}
.form-wrap .form-input .select-tag-box .dep01 {
  min-width: 32rem;
}
.form-wrap .form-input .select-tag-box .dep02 {
  width: calc(100% - 32rem);
  padding-left: 2rem;
}
.form-wrap .form-input .select-tag-box ul {
  overflow-y: auto;
  max-height: 16.5rem;
  border: solid 1px #EAEAEA;
}
.form-wrap .form-input .select-tag-box li:first-child {
  border-top: 0;
}
.form-wrap .form-input .select-tag-box li + li {
  border-top: solid 1px #eaeaea;
}
.form-wrap .form-input .select-tag-box li button {
  width: 100%;
  padding: 0 1rem 0 2rem;
  height: 4rem;
  text-align: left;
  background-color: #fff;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
  font-size: 1.4rem;
  color: #555;
}
.form-wrap .form-input .select-tag-box li button i {
  width: 16px;
  height: 16px;
  background: url('../img/ico/ico-arrow-right.svg') no-repeat center / 16px;
}
.form-wrap .form-input .select-tag-box li.active button {
  background-color: #F8F8FA;
  color: #2941C7;
  font-weight: 600;
}


.form-wrap .col-2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.form-wrap .col-2 > div {
  width: 50%;
  padding: 0 1rem;
}

.form-wrap .col-2.st02 .form-box:first-child {
  width: 30%;
}
.form-wrap .col-2.st02 .form-box:last-child {
  width: 70%;
}


.form-wrap .form-input.img-file {
  display: flex;
}
.form-wrap .form-input.img-file .img-view {
  min-width: 16.4rem;
  margin-right: 1.2rem;
  background-color: #F8F8FA;
  border: solid 1px #eaeaea;
  border-radius: 8px;
  padding: 1.2rem;
  position: relative;
}
.form-wrap .form-input.img-file .img-view .img-box {
  padding-bottom: 107.5%;
  border-radius: 8px;
}
.form-wrap .form-input.img-file .img-view > button {
  position: absolute;
  background: url('../img/ico/ico-delete03.png') no-repeat center / cover;
  width: 24px;
  height: 24px;
  border: 0;
  top: 2rem;
  right: 2rem;
}
.form-wrap .form-input.img-file .file-upload {
  width: 100%;
}


.form-wrap .form-box.border + .delete-box {
  margin-left: 1rem;
  margin-right: 1rem;
}



.alert-btn {
  background: url('../img/ico/ico-alert.png') no-repeat center / cover;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  transition: 0.3s;
}
.alert-btn:focus, .alert-btn:hover {
  background-image: url('../img/ico/ico-alert-hover.png');
}
.alert-btn:focus + .alert-tooltip {
  opacity: 1;
}
.alert-tooltip {
  position: absolute;
  top: -7rem;
  left: -1rem;
  padding: 0.8rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  background-color: #1F53CC;
  max-width: 14.6rem;
  opacity: 0;
  transition: 0.3s;
}
.alert-tooltip p {
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.3;
}
.alert-tooltip p::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid #1F53CC;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  bottom: -12px;
  left: 1rem;
}



.post-profile {
  margin-bottom: 2rem;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: solid 2px #2941C7;
}
.post-profile .p-profile {
  width: 85%;
  display: flex;
  align-items: center;
}
.post-profile .p-profile + .btn-wrap {
  width: 15%;
  justify-content: flex-end;
}
.post-profile .p-profile .img-box {
  min-width: 10.381%;
  padding-bottom: 10.381%;
  width: auto;
  border-radius: 12px;
}
.post-profile .p-profile .txt {
  margin-left: 2.4rem;
}
.post-profile .p-profile .txt .user {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.post-profile .p-profile .txt .user a {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 8px;
}
.post-profile .p-profile .txt .user a::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 60%;
  background-color: #d9d9d9;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.post-profile .p-profile .txt .user a .img-box {
  width: 24px;
  height: 24px;
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.post-profile .p-profile .txt .user a p {
  font-size: 1.6rem;
  margin-left: 4px;
}
.post-profile .p-profile .txt .tit h2 {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3.4rem;
}
.post-profile .p-profile .txt .tit p {
  font-size: 1.6rem;
  line-height: 1.25;
  color: #555;
}



.tab-title {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  border: solid 1px #eaeaea;
  border-bottom: 0;
}
.tab-title ul {
  display: flex;
  flex-wrap: wrap;
}
.tab-title li {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
}
.tab-title li + li a::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 50%;
  background-color: #eaeaea;
  left: 0;
}
.tab-title li > * {
  transition: 0.3s;
  font-size: 1.6rem;
  font-weight: 700;
  color: #555;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F8F8FA;
  position: relative;
  border-bottom: solid 1px #eaeaea;
}
.tab-title li.active > * {
  color: #2941C7;
  background-color: #EEF0FC;
}
.tab-title li.active > *::after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -1px;
  height: 2px;
  background-color: #2941C7;
}


.tab-cont {
  padding: 4rem;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border: solid 1px #eaeaea;
  border-top: 0;
}
.tab-cont .form-wrap {
  padding: 0;
}
.tab-cont > h3 {
  font-size: 1.8rem;
  margin-bottom: 2rem;
  font-weight: 600;
}
.tab-cont .lr-box {
  display: flex;
  flex-wrap: wrap;
}
.tab-cont .lr-box .l-box {
  width: calc(100% - 32.6rem);
  padding-right: 2rem;
}
.tab-cont .lr-box .l-box .textedit-box {
  height: 70rem;
}
.tab-cont .lr-box .r-box {
  max-width: 32.6rem;
  width: 100%;
}
.tab-cont .lr-box .r-box .box + .box {
  margin-top: 4rem;
}
.tab-cont .lr-box .r-box .box {
  border-radius: 8px;
  border: solid 1px #eaeaea;
  padding: 1.2rem;
}
.tab-cont .lr-box .r-box .box + .box {
  margin-top: 2rem;
}
.tab-cont .lr-box .r-box .box h4 {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.tab-cont .lr-box .r-box .box li + li {
  margin-top: 8px;
}
.tab-cont .lr-box .r-box .box p {
  color: #b3b3b3;
}
.tab-cont .lr-box .r-box .box p::before {
  content: '▶';
  margin-right: 8px;
}
.tab-cont .lr-box .r-box .box .btn-wrap .btn:last-child {
  margin-left: 1.2rem;
}
.tab-cont .lr-box .r-box .box .btn-wrap .btn:last-child i {
  background: url('../img/ico/ico-file-blue.svg') no-repeat center / 24px;
}
.tab-cont .lr-box .r-box .btn-wrap .btn-md {
  width: 100%;
  margin-top: 2.4rem;
}
.tab-cont .tab-box + .tab-box {
  margin-top: 4rem;
}
.tab-cont .tab-box .label-box + .label-box {
  margin-top: 2rem;
}
.tab-cont .tab-box .label-tit .tit h3 {
  font-size: 1.8rem;
  color: #555;
  font-weight: 600;
}
.tab-cont .check-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem 0;
}
.tab-cont .check-btn .input-check02 + label {
  font-weight: 400;
  color: #555;
}


.edit-label-tit {
  width: 100%;
  border: 0;
  font-size: 1.6rem;
}
.edit-label-tit::placeholder {
  color: #b3b3b3;
}



.overview-list > ul {
  margin: 0 -1rem;
  display: flex;
  flex-wrap: wrap;
}
.overview-list .list {
  width: 25%;
  padding: 0 1rem;
}
.overview-list .list .border-box {
  position: relative;
  border-radius: 8px;
  border: solid 1px #eaeaea;
  padding: 2rem;
  height: 100%;
}
.overview-list .list p {
  color: #2941C7;
  font-weight: 600;
}
.overview-list .list h4 {
  font-size: 4.8rem;
  color: #555;
  font-weight: 700;
}
.overview-list .list i {
  position: absolute;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  top: 2rem;
  right: 2rem;
}
.overview-list .list i.view {
  background: url('../img/ico/ico-view.svg') #f8f8fa no-repeat center / 24px;
}
.overview-list .list i.download {
  background: url('../img/ico/ico-download.svg') #f8f8fa no-repeat center / 24px;
}
.overview-list .list i.comment {
  background: url('../img/ico/ico-comment.svg') #f8f8fa no-repeat center / 24px;
}
.overview-list .list i.star {
  background: url('../img/ico/ico-star.svg') #f8f8fa no-repeat center / 24px;
}
.overview-list .list .user {
  display: flex;
  flex-wrap: wrap;
  margin: 8px -4px 0;
}
.overview-list .list .user li {
  padding: 0 4px;
}
.overview-list .list .user li a {
  display: block;
  width: 48px;
  height: 48px;
}
.overview-list .list .user li .img-box {
  padding-bottom: 100%;
  border-radius: 50%;
}




.btn.all-accordion-btn {
  padding: 0 8px;
}
.btn.all-accordion-btn i {
  background: url('../img/ico/ico-arrow-expand.svg') no-repeat center / 24px;
  width: 24px;
  height: 24px;
}
.btn.all-accordion-btn.active i {
  background: url('../img/ico/ico-arrow-collapse.svg') no-repeat center / 24px;
}
.accordion-box {
  margin: -2rem 0;
}
.accordion-box .list .accordion-btn {
  width: 100%;
  height: 6.4rem;
  border: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
}
.accordion-box .list .accordion-btn span {
  font-weight: 600;
  position: relative;
  padding-left: 3.2rem;
  font-size: 1.6rem;
  color: #191919;
}
.accordion-box .list .accordion-btn span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url('../img/ico/ico-folder-close.svg') no-repeat center / 24px;
}
.accordion-box .list .accordion-btn i {
  position: absolute;
  background: url('../img/ico/ico-arrow-dropdown-black.svg') #EEF0FC no-repeat center / 24px;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
.accordion-box .list .accordion-btn.active span::before {
  background: url('../img/ico/ico-folder-open.svg') no-repeat center / 24px;
}
.accordion-box .list .accordion-btn.active i {
  background: url('../img/ico/ico-arrow-dropdown-black.svg') #D0D6F5 no-repeat center / 24px;
  transform: translateY(-50%) rotate(180deg);
}
.accordion-box .list .accordion-cont {
  display: none;
  background-color: rgba(0, 0, 0, 0.04);
  padding: 2rem;
  margin-bottom: 2rem;
  border-radius: 8px;
  overflow: hidden;
}
.accordion-box .list .accordion-cont ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1.6rem;
  max-height: 12.9rem;
  overflow-y: scroll;
}
.accordion-box .list .accordion-cont li {
  width: 33.3%;
  margin-bottom: 1.6rem;
}
.accordion-box .list .accordion-cont li a {
  display: flex;
  align-items: center;
}
.accordion-box .list .accordion-cont li i {
  background-image: url('../img/ico/ico-user.svg') ;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  border: solid 1px rgba(0,0,0,0.08);
}
.accordion-box .list .accordion-cont li p {
  color: #555;
}
.accordion-box .list .accordion-cont li p span {
  background-color: rgba(0, 0, 0, 0.06);
  padding: 0 8px;
  border-radius: 100px;
  margin-left: 4px;
}

.accordion-box .list .accordion-cont .tag-scroll {
  max-height: 11.5rem;
  min-height: 4rem;
}
.accordion-box .list .accordion-cont .tag-scroll ul {
  min-height: auto;
  overflow-y: hidden;
}
.accordion-box .list .accordion-cont .tag-scroll li {
  width: auto;
  margin-bottom: 0;
}


.go-link {
  background-color: #F8F8FA;
  padding: 4px;
  border-radius: 4px;
  transition: 0.3s;
  margin-top: 0.8rem;
}
.go-link a {
  display: flex;
  align-items: center;
  color: #555;
  font-size: 1.4rem;
  word-break: break-word;
}
.go-link i {
  margin-right: 4px;
  background: url('../img/ico/ico-link.svg') no-repeat center / cover;
  min-width: 24px;
  height: 24px;
}
.go-link:hover {
  background-color: #EEF0FC;
}
.go-link:hover a {
  color: #191919;
}
.go-link:hover i {
  background-image: url('../img/ico/ico-link-hover.svg');
}


.table-rbox {
  border-radius: 12px;
  border: solid 1px #eaeaea;
}
.table-wrap + .btn-wrap {
  align-items: center;
  justify-content: flex-end;
  margin-top: 2rem;
}
table.st01 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
table.st01 thead th {
  height: 4.8rem;
  background-color: #f8f8fa;
  border-bottom: solid 1px #eaeaea;
}
table.st01 thead th:first-child {
  border-top-left-radius: 12px;
}
table.st01 thead th:last-child {
  border-top-right-radius: 12px;
}
table.st01 .input-check + label::before {
  left: 50%;
  transform: translate(-50%, -50%);
}
table.st01 thead th p {
  font-size: 1.6rem;
  font-weight: 600;
}
table.st01 tbody tr.active,
table.st01 tbody tr:hover td {
  background-color: #EEF0FC;
}
table.st01 tbody td {
  height: 4rem;
  border-bottom: solid 1px #EAEAEA;
  transition: 0.3s;
  text-align: center;
  font-size: 1.6rem;
  padding: 0 4px;
}
table.st01 tbody td p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
table.st01 tbody tr:last-child td {
  border-bottom: 0;
}




.board-view {
  border: solid 1px #EAEAEA;
  border-radius: 12px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.board-view .top {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #eaeaea;
}
.board-view .top .user {
  display: flex;
  align-items: center;
}
.board-view .top .user .profile {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}
.board-view .top .user .profile-desc {
  margin-left: 1.2rem;
}
.board-view .top .user .profile-desc p {
  font-size: 1.6rem;
}
.board-view .top .user .profile-desc span {
  font-size: 1.4rem;
  color: #555;
}
.board-view .top .btn-wrap .btn + .btn {
  margin-left: 1.2rem;
}
.board-view .content {
  padding: 2rem;
}
.board-view .content .tit {
  padding-bottom: 2rem;
}
.board-view .content .tit h3 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.6rem;
}
.board-view .content .desc {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.board-view .content .desc p {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.board-view .file-wrap {
  padding: 0 2rem 2rem;
}
.board-view > .btn-wrap {
  align-items: center;
  justify-content: center;
  padding-bottom: 2rem;
}


.board-view .thum-cardbox-st02 {
  padding: 0;
  border: 0;
  width: 100%;
}
.board-view .thum-cardbox-st02:hover {
  background-color: transparent;
}
.board-view .thum-cardbox-st02 .thum-desc .tit span {
  min-width: 12rem;
}
.board-view .thum-cardbox-st02 .thum-desc .tit p {
  display: block;
}
.board-view .thum-cardbox-st02 .date {
  min-width: 20rem;
}
.board-view .thum-cardbox-st02 .date span {
  font-size: 1.6rem;
  color: #555;
  display: block;
  text-align: right;
}


.comment-wrap {
  margin-top: 4rem;
}
.total-comment {
  padding: 1.6rem 2rem;
  background-color: #F8F8FA;
  border-radius: 8px;
}
.total-comment p {
  font-size: 1.6rem;
  font-weight: 600;
  color: #555;
}
.comment-write {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 2rem;
  margin-top: 2rem;
  border: solid 1px #EAEAEA;
}
.comment-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comment-user {
  display: flex;
  align-items: center;
}
.comment-user .profile {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}
.comment-user .profile-desc {
  margin-left: 1.2rem;
}
.comment-user .profile-desc p {
  font-size: 1.6rem;
}
.comment-user .profile-desc span {
  font-size: 1.4rem;
  color: #555;
}
.comment-user-edit {
  position: relative;
}
.comment-user-edit .btn {
  background: url('../img/ico/ico-comment-user01.svg') no-repeat center / 24px;
  width: 4rem;
  height: 4rem;
  border: 0;
  transition: 0.3s;
  border-radius: 50%;
}
.comment-user-edit .btn:hover {
  background-color: #F8F8FA;
  background-image: url('../img/ico/ico-comment-user02.svg');
}
.comment-user-edit ul {
  position: absolute;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  background-color: #fff;
  width: 8.6rem;
  top: 0;
  left: 4rem;
  padding: 8px;
  border-radius: 8px;
  z-index: 1;
}
.comment-user-edit li + li {
  margin-top: 8px;
  position: relative;
}
.comment-user-edit li a {
  font-size: 1.6rem;
  color: #555;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  transition: 0.3s;
  border-radius: 8px;
}
.comment-user-edit li.active > a,
.comment-user-edit li a:hover {
  background-color: #EEF0FC;
  font-weight: 600;
  color: #2941C7;
}

.comment-user-edit li.disabled > a,
.comment-user-edit li.disabled > a:hover {
  background-color: #eee;
  color: #999;
  cursor: default;
  font-weight: 400;
}


.comment-user-edit.move .btn:hover {
  background-color: transparent;
}
.comment-user-edit.move ul {
  width: 13.5rem;
  left: 4.8rem;
}
.comment-user-edit.move li {
  position: relative;
}
.comment-user-edit.move li a {
  font-size: 1.4rem;
  justify-content: flex-start;
  height: 4rem;
}
.comment-user-edit.move li a i {
  background: url('../img/ico/ico-arrow-right.svg') no-repeat center / cover;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
}
.comment-user-edit.move .secondary-list {
  left: unset;
  right: -131%;
  max-height: 24.5rem;
  overflow-y: auto;
}


.comment-content {
  padding-left: 5rem;
}
.comment-content .comment-box {
  margin: 2rem 0;
}
.comment-content textarea {
  height: 74px;
  overflow-y: auto;
  resize: none;
  width: 100%;
  border-radius: 8px;
  border: solid 1px #EAEAEA;
  padding: 2rem;
}
.comment-content textarea::placeholder {
  color: #b3b3b3;
}
.comment-content .comment-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.comment-content .comment-btn .file {
  border-radius: 100px;
  border: 0;
  background-color: #fff;
}
.comment-content .comment-btn .file + .btn {
  margin-left: 1.2rem;
}
.comment-content .comment-btn .file i {
  background: url('../img/ico/ico-file-black.svg') no-repeat center / 24px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
}
.comment-content .comment-btn .file i:hover {
  background-color: #f8f8fa;
}
.comment-list .list {
  border-top: solid 1px #EAEAEA;
  padding-top: 2rem;
  margin-top: 2rem;
}
.comment-list .list .comment-txt {
  font-size: 1.4rem;
  margin-top: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: -0.2px;
}
.comment-list .list .comment-reply {
  margin-top: 1.2rem;
}
.comment-list .list .comment-reply .btn i {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url('../img/ico/ico-comment-black.svg') no-repeat center / cover;
}
.comment-list .list .comment-reply .comment-list-box {
  padding-left: 4rem;
  margin-top: 1.2rem;
  border-left: solid 1px #EAEAEA;
}
.comment-list .list .comment-reply .comment-content {
  padding: 0;
}
.comment-list .list .comment-reply .comment-content .comment-box {
  padding-left: 5rem;
}

.comment-content .comment-box + .file-upload-list {
  margin-bottom: 2rem;
}



.mypage-side-wrap {
  min-width: 370px;
  min-height: 100vh;
}

.mypage-profile {
  box-shadow: 0px 4px 6px -1px rgba(46, 46, 46, 0.10), 0px 2px 4px -1px rgba(46, 46, 46, 0.06);
  border: solid 1px #eaeaea;
  background-color: #F8F8FA;
  padding: 2.4rem;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top: solid 2px #2941C7;
}
.mypage-profile .tit {
  margin-bottom: 1.6rem;
}
.mypage-profile .tit h3 {
  font-size: 2rem;
  color: #2941c7;
  font-weight: 600;
  line-height: 2.8rem;
}
.mypage-profile .thum-profile {
  padding: 8px;
  background-color: #fff;
  border-radius: 8px;
  border: solid 1px #EAEAEA;
}
.mypage-profile .thum-profile .profile {
  display: flex;
  align-items: center;
}
.mypage-profile .thum-profile .profile .img-box {
  width: 36%;
  padding-bottom: 36%;
  border-radius: 8px;
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.mypage-profile .thum-profile .profile .txt-box {
  padding-left: 2rem;
}
.mypage-profile .thum-profile .profile .txt-box .name {
  display: flex;
  align-items: center;
}
.mypage-profile .thum-profile .profile .txt-box .name p {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.6rem;
}
.mypage-profile .thum-profile .profile .txt-box .name a {
  width: 24px;
  height: 24px;
  background: url('../img/ico/ico-edit.svg') no-repeat center / cover;
  margin-left: 8px;
}
.mypage-profile .thum-profile .profile .txt-box .id p {
  font-size: 1.4rem;
  color: #555;
  line-height: 2.2rem;
}
.mypage-profile .thum-profile .profile .txt-box .id {
  margin-bottom: 8px;
}
.mypage-profile .thum-profile .profile + .btn-wrap {
  margin-top: 8px;
}
.mypage-profile .thum-profile .profile + .btn-wrap .btn {
  width: 100%;
}
.mypage-profile .follow-list {
  margin-top: 1.6rem;
  background-color: #fff;
  border-radius: 8px;
  padding: 1.6rem 2.4rem;
  border: solid 1px #EAEAEA;
}
.mypage-profile .follow-list > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.mypage-profile .follow-list .list {
  width: 50%;
  padding: 0 1rem;
  position: relative;
}
.mypage-profile .follow-list .list:first-child:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #EAEAEA;
  transform: translateY(-50%);
}
.mypage-profile .follow-list .list .tit {
  display: flex;
  margin-bottom: 0;
  justify-content: space-between;
  align-items: center;
}
.mypage-profile .follow-list .list .tit p {
  font-size: 1.8rem;
  color: #555;
  font-weight: 600;
  line-height: 2.6rem;
}
.mypage-profile .follow-list .list .tit a {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: url('../img/ico/ico-plus-black.svg') no-repeat center / 24px;
  transition: 0.3s;
}
.mypage-profile .follow-list .list .tit a:hover {
  background-color: #F8F8FA;
}
.mypage-profile .follow-list .list .num p {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3.4rem;
}
.mypage-profile .follow-list .list .img-list {
  margin-top: 4px;
}
.mypage-profile .follow-list .list .img-list ul {
  display: flex;
}
.mypage-profile .follow-list .list .img-list li {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.mypage-profile .follow-list .list .img-list li + li {
  margin-left: -8px;
}
.mypage-profile .follow-list .list .img-list li .img-box {
  padding-bottom: 100%;
  border: 0;
}
.mypage-profile .follow-list + .btn-wrap {
  display: block;
  margin-top: 1.6rem;
}
.mypage-profile .btn-wrap .follo-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.2px;
  border: 0;
  border-radius: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.mypage-profile .btn-wrap .follo-btn.follow {
  background-color: #2941C7;
}
.mypage-profile .btn-wrap .follo-btn.follow:hover {
  background-color: #1C2C87;
}
.mypage-profile .btn-wrap .follo-btn.following {
  background-color: #008EF7;
}
.mypage-profile .btn-wrap .follo-btn.following:hover {
  background-color: #006FC2;
}


.mypage-content-wrap {
  width: calc(100% - 450px);
}



.mypage-nav {
  padding: 8px;
  border-radius: 12px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  background-color: #F8F8FA;
  border: solid 1px #eaeaea;
  margin-bottom: 4rem;
}
.mypage-nav ul {
  display: flex;
  margin: 0 -4px;
  overflow-x: auto;
  justify-content: flex-start;
}
.mypage-nav li {
  flex: 1;
  padding: 0 4px;
}
.mypage-nav li a {
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.8rem;
  border-radius: 8px;
  color: #555;
  padding: 0 8px;
}
.mypage-nav li p {
  font-size: 1.6rem;
  font-weight: 700;
}
.mypage-nav li a:hover {
  color: #1C2C87;
  background-color: #fff;
}
.mypage-nav li.active a,
.mypage-nav li.active a:hover {
  background-color: #1C2C87;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  color: #fff;
}



.mp-border-cont {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  background-color: #fff;
  border-radius: 12px;
  padding: 2.4rem;
  border: solid 1px #EAEAEA;
  margin-top: 8px;
}
.mp-border-cont .top-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.mp-border-cont .top-tit .btn-wrap .select-input {
  padding-right: 1.6rem;
  margin-right: 1.6rem;
  position: relative;
}
.mp-border-cont .top-tit .btn-wrap .select-input::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 40%;
  background-color: #EAEAEA;
  transform: translateY(-50%);
  right: 0;
  top: 50%;
}
.mp-border-cont .top-tit .btn-wrap .select-click {
  padding-right: 4rem;
}
.mp-border-cont .top-tit .tit {
  display: flex;
  align-items: center;
}
.mp-border-cont .top-tit .tit h4 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #555;
}
.mp-border-cont .top-tit .tit span {
  font-size: 1.6rem;
  color: #555;
  height: 2.4rem;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: #f8f8fa;
  border: solid 1px #eaeaea;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.mp-border-cont .top-tit .delete-all {
  display: flex;
  align-items: center;
}
.mp-border-cont .top-tit .delete-btn {
  position: relative;
  margin-left: 1.6rem;
  padding-left: 1.6rem;
}
.mp-border-cont .top-tit .delete-all + .delete-btn::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 40%;
  background-color: #EAEAEA;
  transform: translateY(-50%);
  left: 0;
  top: 50%;
}

.mp-border-cont .thum-cardbox-st02.check {
  padding-left: 6rem;
}

.mp-border-cont .form-wrap {
  padding: 0;
}



.stat-cont {
  margin-bottom: 2rem;
}
.stat-cont .top-tit {
  margin-bottom: 1.2rem;
}
.stat-cont .top-tit .tit h4 {
  color: #191919;
}

.stat-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.stat-list li {
  flex: 1;
  padding: 0 1rem;
}
.stat-list li .box {
  border-radius: 8px;
  border: solid 1px #eaeaea;
  background-color: #f8f8fa;
  padding: 1.2rem 2rem;
}
.stat-list li .box p {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin-bottom: 8px;
  color: #555;
}
.stat-list li .box strong {
  font-size: 3.6rem;
  color: #2941c7;
  line-height: 4rem;
  font-weight: 600;
}



.board-thum-list .cont > ul > li + li {
  margin-top: 2rem;
}



.popup-wrap {
  position: fixed;
  background-color: rgba(0, 0, 0, 30%);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}
.popup-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 82rem;
  width: 90%;
}
.popup-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F8F8FA;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 1.6rem 2rem;
  border-bottom: solid 1px #EAEAEA;
}
.popup-tit .tit {
  display: flex;
  align-items: center;
}
.popup-tit .tit span {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.6rem;
  border: solid 1px #eaeaea;
  background-color: #fff;
  border-radius: 4px;
  padding: 0 8px;
}
.popup-tit .tit p {
  font-size: 1.8rem;
  font-weight: 600;
  margin-left: 8px;
}
.popup-tit .close-btn {
  background: url('../img/ico/ico-close.svg') no-repeat center / 30px;
  background-color: #fff;
  min-width: 4rem;
  height: 4rem;
  border-radius: 50%;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-tit .close-btn:hover {
  background-color: #F8F8FA;
}
.popup-cont-scroll {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #fff;
  padding: 2px 2px 1rem 0;
}
.popup-cont {
  max-height: 60rem;
  overflow-y: auto;
  padding: 2rem 2rem 2.4rem;
}
.popup-cont li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup-cont li + li {
  margin-top: 1.2rem;
}
.popup-cont li a {
  display: flex;
  align-items: center;
}
.popup-cont li .profile {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  overflow: hidden;
}
.popup-cont li .profile-desc {
  margin-left: 4px;
}
.popup-cont li .profile-desc p {
  font-size: 1.6rem;
}
.popup-cont li .nickname {
  margin-left: 8px;
  padding-left: 8px;
  position: relative;
}
.popup-cont li .nickname::before {
  content: '';
  position: absolute;
  background-color: #D9D9D9;
  width: 1px;
  height: 70%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.popup-cont li .nickname p {
  font-size: 1.6rem;
  color: #555;
}
.popup-cont li button {
  font-size: 1.4rem;
  font-weight: 600;
  width: 10rem;
  height: 4rem;
  border-radius: 8px;
  border: 0;
  transition: 0.3s;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  color: #fff;
  background-color: #2941C7;
}
.popup-cont li .following {
  color: #2941C7;
  background-color: #EEF0FC;
}


.popup-cont table.st01 tbody td p,
.popup-cont table.st01 tbody td a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.popup-cont table.st01 tbody td a {
  color: #2941c7;
  font-weight: 500;
}


.popup-wrap.alert-popup .popup-box {
  max-width: 40rem;
  background-color: #fff;
  box-shadow: 0px 4px 6px -1px rgba(46, 46, 46, 0.10), 0px 2px 4px -1px rgba(46, 46, 46, 0.06);
  border-radius: 16px;
  overflow: hidden;
}
.popup-wrap.alert-popup .popup-box .popup-cont {
  max-height: none;
  padding: 2.8rem 2rem;
}
.popup-wrap.alert-popup .popup-box .popup-cont-scroll .popup-cont {
  max-height: 60rem;
}
.popup-wrap.alert-popup .popup-box .popup-cont .tit {
  padding-left: 3.2rem;
  position: relative;
  margin-bottom: 1.2rem;
}
.popup-wrap.alert-popup .popup-box .popup-cont .tit::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.popup-wrap.alert-popup .popup-box .popup-cont .tit p {
  font-size: 1.8rem;
  font-weight: 600;
}
.popup-wrap.alert-popup .popup-box .popup-cont .cont p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: -0.2px;
}
.popup-wrap.alert-popup .popup-box .popup-btn {
  border-top: solid 1px #EAEAEA;
  padding: 8px;
}
.popup-wrap.alert-popup .popup-box .popup-btn .btn-wrap {
  justify-content: flex-end;
}
.popup-wrap.alert-popup .popup-box .popup-btn .btn-wrap .btn {
  width: 10rem;
  font-weight: 400;
  color: #1F53CC;
  background-color: #fff;
  padding: 0 1rem;
}
.popup-wrap.alert-popup .popup-box .popup-btn .btn-wrap .btn-primary {
  font-weight: 700;
  background-color: #2941C7;
  color: #fff;
}
.popup-wrap.alert-popup .popup-box .popup-btn .btn-wrap .btn + .btn {
  margin-left: 8px;
}

.popup-wrap.alert-popup.error .popup-box .popup-cont .tit::before {
  background: url('../img/ico/ico-error.png') no-repeat center / cover;
}
.popup-wrap.alert-popup.delete .popup-box .popup-cont .tit::before {
  background: url('../img/ico/ico-delete02.png') no-repeat center / cover;
}
.popup-wrap.alert-popup.info .popup-box .popup-cont .tit::before {
  background: url('../img/ico/ico-info.png') no-repeat center / cover;
}
.popup-wrap.alert-popup.success .popup-box .popup-cont .tit::before {
  background: url('../img/ico/ico-success.png') no-repeat center / cover;
}
.popup-wrap.alert-popup.warning .popup-box .popup-cont .tit::before {
  background: url('../img/ico/ico-warning.png') no-repeat center / cover;
}



.popup-st02 .popup-box {
  max-width: 40rem;
}
.popup-st02 .popup-tit {
  padding: 1rem 2rem;
}
.popup-st02 .popup-tit p {
  font-size: 1.6rem;
}
.popup-st02 .popup-tit .tit .info {
  min-width: 24px;
  height: 24px;
  background: url('../img/ico/ico-info.png') no-repeat center / cover;
}
.popup-st02 .popup-tit .tit .error {
  width: 24px;
  height: 24px;
  background: url('../img/ico/ico-error.png') no-repeat center / cover;
}
.popup-st02 .popup-cont .notice-pop-tit {
  margin-bottom: 2rem;
}
.popup-st02 .popup-cont .notice-pop-tit p {
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.25;
}
.popup-st02 .popup-cont {
  text-align: center;
  background-color: #fff;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  top: -1px;
  position: relative;
}
.popup-st02 .popup-cont .otp-tit {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.popup-st02 .popup-cont .otp-desc {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 4rem;
}
.popup-st02 .popup-cont .otp-desc span {
  color: #2941C7;
}
.popup-st02 .popup-cont .otp-img {
  margin-bottom: 6rem;
}
.popup-st02 .popup-cont .otp-img img {
  max-width: 175px;
}
.popup-st02 .popup-cont .form-input {
  max-width: 43rem;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.popup-st02 .popup-cont .reset-box {
  margin: 8px 0 20px;
}
.popup-st02 .popup-cont .reset-box .reset-btn {
  border: 0;
  background-color: #fff;
  font-size: 14px;
  color: #D50136;
  text-decoration: underline;
  text-underline-position: under;
}
.popup-st02 .popup-cont .video-box {
  margin-bottom: 2rem;
}
.popup-st02 .popup-cont strong {
  margin-bottom: 1.2rem;
  display: block;
  font-size: 1.6rem;
}
.popup-st02 .popup-cont p {
  font-size: 1.6rem;
  line-height: 1.6;
}
.popup-st02 .popup-cont p span {
  color: #D50136;
  font-weight: 600;
}
.popup-st02 .popup-cont p + p {
  margin-top: 1.2rem;
}
.popup-st02 .popup-cont .btn-wrap {
  margin-top: 2.4rem;
}
.popup-st02 .popup-cont._fixed-cont {
  border-radius: 0;
}
.popup-fixed {
  background-color: #fff;
  position: relative;
  top: -1px;
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
  padding: 2rem;
}



.noticeSlide {
  overflow: hidden;
  background-color: #fff;
}
.noticeSlide-btn .swiper-button-next::after,
.noticeSlide-btn .swiper-button-prev::after {
  display: none;
}
.noticeSlide-btn .swiper-button-next,
.noticeSlide-btn .swiper-button-prev {
  margin: 0;
  padding: 0;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #EEF0FC;
  transition: 0.3s;
  z-index: 99;
}
.noticeSlide-btn .swiper-button-prev {
  background-image: url('../img/ico/ico-next.svg');
  transform: rotate(180deg);
}
.noticeSlide-btn .swiper-button-next {
  background-image: url('../img/ico/ico-next.svg');
}



.file-upload-box {
  background-color: #fff;
  border: solid 1px #EAEAEA;
  border-radius: 1.2rem;
  padding: 2rem 2rem 2.4rem;
  box-shadow: 0 4px 6px -1px rgba(46, 46, 46, 0.10), 0 2px 4px -1px rgba(46, 46, 46, 0.06);
  text-align: center;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #FFF;
}
.file-upload-box .tit {
  font-size: 1.6rem;
  font-weight: 600;
}
.file-upload-box .desc {
  margin: 0.8rem 0 1.6rem;
  display: flex;
  align-items: center;
}
.file-upload-box .desc i {
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: block;
  background: url('../img/ico/ico-file02-black.png') no-repeat center / cover;
}
.file-upload-box .desc p {
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}


.upload-progress {
  border: solid 1px #eaeaea;
  background-color: #fff;
  padding: 2rem 0;
  border-radius: 1.2rem;
}
.upload-progress .upload-txt {
  color: #555;
  font-size: 1.4rem;
}
.upload-progress .upload-txt span {
  color: #2941C7;
  font-size: 1.6rem;
  font-weight: 700;
}
.upload-progress .upload-txt strong {
  font-weight: 600;
  color: #191919;
}


.progress-box {
  width: 24rem;
}
.progress-box .progress {
  height: 1.6rem;
  position: relative;
  border-radius: 100px;
  width: 100%;
  background-color: #D9D9D9;
}
.progress-box .progress .bar {
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-radius: 100px;
}
.progress-box .progress .bar::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -4px;
  background-color: #F8F8FA;
  width: 1rem;
  height: 100%;
}
.progress-box .progress .bar::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.progress-box .progress .bar-txt {
  position: absolute;
  font-size: 1.4rem;
  font-weight: 600;
  top: -2rem;
  transform: translateX(-40%);
}
.progress-box .progress .bar-txt::after {
  content: '%';
  color: #555;
  font-size: 1.2rem;
  font-weight: 400;
}
.progress-box .progress .memory-txt {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  color: #555;
  font-size: 1.4rem;
  bottom: -2rem;
}
.progress-box .progress .memory-txt .point {
  margin-right: 4px;
}
.progress-box .progress .memory-txt .point strong {
  font-weight: 600;
}


.progress-box .progress.blue .bar {
  background-color: #2768FF;
}
.progress-box .progress.blue .bar::after {
  background-color: #2768FF;
}
.progress-box .progress.blue .memory-txt .point {
  color: #1f53cc;
}
.progress-box .progress.yellow .bar {
  background-color: #FFB724;
}
.progress-box .progress.yellow .bar::after {
  background-color: #FFB724;
}
.progress-box .progress.yellow .memory-txt .point {
  color: #98690A;
}
.progress-box .progress.red .bar {
  background-color: #D50136;
}
.progress-box .progress.red .bar::after {
  background-color: #D50136;
}
.progress-box .progress.red .memory-txt .point {
  color: #D50136;
}



.progress-box.st02 {
  margin: 1.2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}
.progress-box.st02 .progress {
  max-width: 30rem;
  height: 8px;
  overflow: hidden;
}
.progress-box.st02 .progress::after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #2941C7;
  top: 50%;
  right: 0;
  position: absolute;
  transform: translateY(-50%);
  border-radius: 50%;
}
.progress-box.st02 .progress .bar {
  outline: solid 4px #fff;
  background-color: #2941C7;
}
.progress-box.st02 .progress .bar::before,
.progress-box.st02 .progress .bar::after {
  display: none;
}





.join-cont .label-cont p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #555;
}
.join-cont .label-cont p span {
  color: #2941c7;
}
.join-cont .label-cont .point {
  margin-top: 2rem;
  background-color: #F8F8FA;
  padding: 2rem;
  border-radius: 8px;
}
.join-cont .label-cont .point .tit {
    margin-bottom: 8px;
    color: #191919;
    position: relative;
}
.join-cont .label-cont .point .tit::before {
  content: '';
  position: absolute;
  background: url('../img/ico/ico-info02.svg') no-repeat center/ cover;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.join-cont .label-cont .point p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #555;
  padding-left: 2rem;
}
.join-cont .btn-wrap {
  margin-top: 2rem;
}




.border-cont {
  border: solid 1px #eaeaea;
  padding: 4rem 4rem 6rem;
  margin-top: 4rem;
  border-radius: 12px;
}
.border-cont .form-input + .form-input {
  margin-top: 12px;
}
.border-cont .form-input input {
  height: 6rem;
  font-size: 1.6rem;
}
.border-cont .btn-wrap {
  margin-top: 1.6rem;
  justify-content: space-between;
}
.border-cont .full-btn-wrap {
  margin-top: 4rem;
  text-align: center;
}
.border-cont .full-btn-wrap .btn {
  width: 100%;
}
.border-cont .full-btn-wrap .btn + .btn {
  margin-top: 2rem;
}
.border-cont .full-btn-wrap p {
  font-size: 1.4rem;
  color: #555;
  margin: 2rem 0;
}

.border-cont .point-box {
  margin-bottom: 2rem;
  background-color: #F8F8FA;
  border-radius: 8px;
  padding: 2rem;
}
.border-cont .point-box p {
  font-size: 1.4rem;
}
.border-cont .point-box p span {
  background-color: #fff;
  border-radius: 4px;
  padding: 4px 8px;
  border: solid 1px #eaeaea;
}




.mydata-table-top {
  padding: 1.6rem;
  border-radius: 1.2rem;
  background-color: #F8F8FA;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mydata-table-top .left .comment-user-edit ul {
  left: 0;
  top: 4px;
  width: 10.5rem;
}
.mydata-table-top .left .comment-user-edit li a {
  font-size: 1.4rem;
  justify-content: flex-start;
  height: 4rem;
}
.mydata-table-top .right {
  display: flex;
  align-items: center;
}
.mydata-table-top .select-box.sm-select {
  min-width: 10.4rem;
}
.mydata-table-top .select-box .arrow-btn {
  background: url('../img/ico/ico-sort-up.svg') #fff no-repeat  95% 50%;
}
.mydata-table-top .select-box + .select-box {
  margin-left: 8px;
  min-width: 14rem;
}
.mydata-table-top .select-box.active .arrow-btn {
  border-color: #EAEAEA;
  background: url('../img/ico/ico-sort-down.svg') #fff no-repeat  95% 50%;
}
.mydata-table-top .btn-box {
  margin: 0 1.6rem;
  padding: 0 1.6rem;
  position: relative;
}
.mydata-table-top .btn-box::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  background-color: #eaeaea;
}
.mydata-table-top .btn-box::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  background-color: #eaeaea;
}
.mydata-table-top .btn-box > ul {
  display: flex;
  align-items: center;
}
.mydata-table-top .btn-box > ul > li + li {
  margin-left: 8px;
}
.mydata-table-top .btn-box > ul > li .comment-user-edit.move .secondary-list {
  right: unset;
  top: 4px;
}
.mydata-table-top .btn-ssm {
  padding: 0 8px;
}


.mydata-table-wrap table.st01 thead th p {
  font-size: 1.4rem;
}
.mydata-table-wrap table.st01 tbody td {
  font-size: 1.4rem;
  cursor: pointer;
}
.mydata-table-wrap table.st01 tbody td button.folder {
  background: url('../img/ico/ico-folder-close.svg') no-repeat center / cover;
  width: 24px;
  height: 24px;
  border: 0;
}
.mydata-table-wrap table.st01 tbody td button.folder.open {
  background: url('../img/ico/ico-folder-open.svg') no-repeat center / cover;
}
.mydata-table-wrap table.st01 tbody td button.file {
  background: url('../img/ico/ico-file02.svg') no-repeat center / cover;
  width: 24px;
  height: 24px;
  border: 0;
}



.location-wrap {
  border: solid 1px #EAEAEA;
  border-radius: 1.2rem;
  padding: 4rem;
  margin-top: 4rem;
}
.location-map {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  border-radius: 0 0 8px 8px;
  padding: 4rem;
  border-top: solid 2px #2941C7;
}
.location-map .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  border-bottom: solid 1px #EAEAEA;
}
.location-map .tit h3 {
  line-height: 2.8rem;
  font-size: 2rem;
  font-weight: 600;
}
.location-map .desc li {
  display: flex;
  align-items: center;
}
.location-map .desc li + li {
  margin-top: 1.2rem;
}
.location-map .desc li p {
  font-size: 1.6rem;
  line-height: 1.6;
}
.location-map .desc li p + p {
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
}
.location-map .desc li p + p::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  background-color: #D9D9D9;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.location-map .map > * {
  width: 100%;
  height: 54rem;
  border-radius: 8px;
  overflow: hidden;
}


.location-list > .list {
  margin-top: 2.4rem;
}
.location-list .label-tit .tit h3 {
  display: flex;
  align-items: center;
}
.location-list .label-tit .tit h3 img {
  margin-right: 8px;
}
.location-list .flex-box {
  display: flex;
  margin: 0 -1rem;
}
.location-list .flex-box .border-box {
  margin: 0 1rem;
  width: 50%;
}
.location-list .border-box {
  border: solid 1px #EAEAEA;
  border-radius: 8px;
  padding: 2rem;
}
.location-list .border-box h4 {
  font-size: 1.6rem;
  color: #2941C7;
  font-weight: 600;
  margin-bottom: 1.6rem;
}




.about-tit {
  position: relative;
  border-bottom: solid 1px #EAEAEA;
  padding-bottom: 4rem;
  margin: 6rem 0 4rem;
}
.about-tit .label {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0.8rem 1.6rem;
  border-radius: 8px;
  background: linear-gradient(90deg, #2941C7 0%, #008EF7 100%);
  color: #fff;
  line-height: 1.4;
  display: inline-flex;
  margin-bottom: 2rem;
}
.about-tit h4 {
  font-size: 3.6rem;
  font-weight: 700;
  color: #191919;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
.about-tit h4 span {
  color: #2941C7;
}
.about-tit img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.about-desc {
  margin-bottom: 8rem;
}
.about-desc p {
  font-size: 1.8rem;
  font-weight: 500;
  color: #555;
  line-height: 1.5;
}
.about-desc span {
  color: #191919;
}

.about-img + .about-tit {
  margin-top: 22rem;
}



.pod-list-box {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #EAEAEA;
  border-radius: 1.2rem;
  padding: 8px;
  background-color: #fff;
  margin-top: 2rem;
}
.pod-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px #EAEAEA;
  background-color: #fafafa;
  border-radius: 8px;
  height: 4.8rem;
  padding: 8px;
}
.pod-list + .pod-list {
  margin-top: 8px;
}
.pod-list .txt {
  display: flex;
  align-items: center;
}
.pod-list .txt p {
  color: #191919;
  font-size: 1.4rem;
  font-weight: 600;
  margin-right: 4px;
}
.pod-list .pod-btn-box {
  display: flex;
  align-items: center;
}

.pod-btn-box .btn {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  color: #fff;
}
.pod-btn-box .btn + .btn {
  margin-left: 4px;
}


.badge {
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0 0.8rem;
  height: 2.4rem;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.badge + .badge {
  margin-left: 4px;
}
.badge.st01 {
  color: #2941C7;
  border: 1px solid #8897E7;
  background-color: #fff;
}
.badge.st02 {
  font-size: 12px;
  color: #555;
  background-color: #EEF0FC;
  border: 1px solid #d9d9d9;
}
.badge.st03 {
  color: #2941C7;
  height: 2.4rem;
  border-radius: 4px;
  border: 0;
  background-color: #EEF0FC;
}



.gpucpu-box > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.gpucpu-box .list {
  width: 50%;
  padding: 0 1rem;
  margin: 0;
}
.gpucpu-box .list .box {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  border: 1px solid #EAEAEA;
  width: 100%;
  padding: 1.6rem 1.6rem 2rem;
  border-radius: 12px;
  height: 100%;
}
.gpucpu-box .list .gpucpu-btn {
  height: 5.2rem;
  border-radius: 8px;
  width: 100%;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
}
.gpucpu-box .list .gpucpu-btn.gpu {
  background: linear-gradient(106deg, #008CFF 2.77%, #0264C8 106.38%);
}
.gpucpu-box .list .gpucpu-btn.cpu {
  background: linear-gradient(99deg, #00BE6E 1.47%, #005833 108.35%);
}
.gpucpu-box .list .gpucpu-btn:disabled {
    background: linear-gradient(99deg, #adadad 1.47%, #383838 108.35%);
    cursor: default;
}
.gpucpu-box .list .txt {
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.2rem;
}
.gpucpu-box .list .txt span {
  color: #2941C7;
  position: relative;
  margin-left: 1.2rem;
  padding-left: 1.2rem;
}
.gpucpu-box .list .txt span::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 16px;
  background-color: #EAEAEA;
  width: 1px;
}
.gpucpu-desc {
  text-align: left;
  margin-top: 2rem;
  padding: 2rem;
  border-radius: 8px;
  background-color: #F8F8FA;
}
.gpucpu-desc p {
  font-size: 1.4rem !important;
  font-weight: 400;
  position: relative;
  padding-left: 1rem;
}
.gpucpu-desc p::before {
  content: '*';
  color: #D50136;
  position: absolute;
  left: 0;
}



.mr-8 {
  margin-right: 8px;
}



/* ===== common ===== */



/* ===== 반응형 ===== */
@media screen and (max-width: 1600px) {
  .dataset-side-wrap {
    width: 300px;
  }
  .dataset-content-wrap {
    width: calc(100% - 330px);
  }

  .tag-scroll {
    max-height: 20rem;
    min-height: 20rem;
  }
  .dataset-side-wrap .select-tag .delete-box ul {
    max-height: 15rem;
  }

  .mydata-table-top {
    flex-direction: column;
    margin-top: 8px;
  }

}

@media screen and (max-width: 1400px) {
  #header .hd-nav .gnb li a {
    padding: 0 1rem;
    margin: 0 1rem;
  }


  .space-thum-box .thum-txt {
    padding-right: 1rem;
  }
  .space-thum-box .thum-btn {
    margin-top: 1.2rem;
  }

  .space-bagde + .space-bagde {
    margin-left: 0.8rem;
  }

  .mydata-table-top {
    flex-direction: column;
  }
  .mydata-table-top .right {
    flex-direction: column;
    width: 100%;
  }
  .mydata-table-top .select-input {
    margin: 0.8rem 0;
    width: 100%;
  }
  .mydata-table-top .select-box.sm-select {
    flex: 1;
  }
  .mydata-table-top .btn-box {
    padding: 0;
    margin: 1rem 0;
  }
  .mydata-table-top .btn-box::before {
    display: none;
  }
  .mydata-table-top .progress-box {
    margin-top: 1rem;
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
	.pc-br {
    display: none;
  }
	

  .dataset-side-wrap {
    width: 280px;
  }
  .dataset-content-wrap {
    width: calc(100% - 300px);
  }
  .dataset-content-wrap .inner-pd {
    padding: 2rem 0;
  }


  .stat-list li {
    width: 50%;
    padding: 0 1rem 1rem;
  }


  .mypage-nav li a {
    min-width: 10rem;
  }


  .mydata-table-wrap table.st01 tr:last-child td {
    border-bottom: solid 1px #EAEAEA;
  }
  .mydata-table-wrap .comment-user-edit.move ul {
    top: unset;
    left: unset;
    bottom: 100%;
    transform: unset;
    right: 0;
  }
  .mydata-table-wrap .comment-user-edit.move .secondary-list {
    right: 115%;
    bottom: unset;
    top: 0;
  }
  .mydata-table-wrap .comment-user-edit.move li a i {
    transform: translateY(-50%) rotate(180deg);
  }


  .space-thum-box {
    flex-direction: column;
  }
  .space-thum-box .thum-txt {
    padding-right: 0;
  }
  .space-thum-box .thum-desc .desc span {
    min-width: 12rem;
    margin-right: 0.6rem;
  }
  .space-thum-box .thum-img {
    margin-top: 1.2rem;
    min-width: 100%;
  }
  .space-thum-box .thum-img .img-box {
    padding-bottom: 50%;
  }
}


@media screen and (max-width: 1024px) {
  /* header { */
  #header .hd-nav .gnb {
    display: none;
  }
  #header .hamburger-btn {
    display: block;
  }
  /* } header */


  /* footer { */
  #footer .top {
    flex-direction: column;
  }
  #footer .top ul {
    margin-top: 2rem;
  }
  /* } footer */


	.main-visual {
		padding: 2rem;
		margin-bottom: 4rem;
	}
	.main-visual-txt h2 {
    font-size: 4rem;
	}
	.main-box-list ul {
		margin: 0 -1rem;
	}
	.main-box-list .list {
		padding: 0 1rem;
	}


  .main-content .m-listbox {
    padding: 2rem 3rem 3rem;
  }
  .main-content .m-listbox li {
    width: 50%;
    margin-bottom: 1.6rem;
  }


  .dataset-side-wrap {
    width: 320px;
  }

  .dataset-content-wrap {
    width: calc(100% - 370px);
  }
  .dataset-content-wrap .list-box li {
    width: 100%;
  }
  .dataset-content-wrap .list-box li + li {
    margin-top: 2rem;
  }


  .slideListBox > ul .swiper-slide + .swiper-slide {
    margin-top: 0;
  }


  .thum-cardbox-st02 {
    padding: 2rem;
    flex-direction: column;
  }
  .thum-cardbox-st02 .thum-txt {
    padding-right: 0;
  }
  .thum-cardbox-st02 .thum-img {
    min-width: 100%;
    margin-top: 1rem;
  }
  .thum-cardbox-st02 .thum-img .img-box {
    padding-bottom: 35%;
  }
  

  .board-view .thum-cardbox-st02 .thum-desc .tit {
    flex-direction: column;
  }
  .board-view .thum-cardbox-st02 .thum-desc .tit p {
    margin-top: 8px;
  }
  .board-view .thum-cardbox-st02 .date {
    margin-top: 8px;
  }
  .board-view .thum-cardbox-st02 .date span {
    text-align: center;
  }


  .label-border-box .cont .go-link a {
    align-items: center;
  }
  .label-border-box .space-list .thum-cont {
    flex-direction: column;
  }
  .label-border-box .space-list .thum-cont .thum-desc {
    padding: 1.2rem 0 0;
  }
  .label-border-box .cont .space-list > li .thum-img {
    width: 100%;
    padding-bottom: 40%;
  }


  .post-profile {
    flex-direction: column;
  }
  .post-profile > div {
    width: 100% !important;
  }
  .post-profile .p-profile + .btn-wrap {
    margin-top: 2rem;
  }
  .post-profile .p-profile > .img-box {
    min-width: 20%;
    padding-bottom: 20%;
  }


  .space-list .thum-desc {
    padding: 2rem 0 0;
  }
  .space-list .thum-cardbox .thum-cont .thum-img {
    padding-bottom: 25%;
  }
  .space-list > li + li {
    margin-top: 0;
  }
  

  .overview-list {
    margin-bottom: -2rem;
  }
  .overview-list .list {
    width: 50%;
    margin-bottom: 2rem;
  }
  .overview-list .list h4 {
    font-size: 4rem;
  }



  .accordion-box .list .accordion-cont li {
    width: 50%;
  }


  .tab-cont > h3 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .tab-cont .lr-box {
    flex-direction: column-reverse;
  }
  .tab-cont .lr-box .l-box  {
    width: 100%;
    padding: 0;
  }
  .tab-cont .lr-box .l-box .textedit-box {
    height: 35rem;
  }
  .tab-cont .lr-box .r-box {
    max-width: 100%;
    margin-bottom: 3rem;
  }



  .select-input.add-btn .select-box.sm-select p, 
  .select-input.add-btn .input-box input {
    height: 4rem;
  }
  .select-input.add-btn .btn-warp .btn {
    margin-left: 1rem;
    min-width: 5rem;
  }



  .btn.btn-md {
    height: 4rem;
    padding: 0 2rem;
  }



  .comment-user-edit ul {
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .comment-content {
    padding-left: 0;
  }



  .join-maxinner .tab-wrap {
    padding: 0;
  }



  .mypage-side-wrap {
    min-width: 300px;
  }
  .mypage-content-wrap {
    width: calc(100% - 360px);
  } 


  .mydata-table-wrap table tr:nth-child(-n+3) .comment-user-edit.move ul {
    bottom: unset;
  }
  .mydata-table-top .left .comment-user-edit ul {
    left: 50%;
  }
  .mydata-table-top .btn-box > ul > li .comment-user-edit.move .secondary-list {
    left: 50%;
  }

  
  .mydata-table-wrap .table-rbox {
    overflow-x: auto;
    min-height: 30rem;
  }
  .mydata-table-wrap .table-rbox table.st01 {
    min-width: 1000px;
  }


  .location-map .tit {
    flex-direction: column;
  }
  .location-map .tit > div {
    width: 100%;
  }
  .location-map .tit h3 {
    text-align: center;
    margin-bottom: 2rem;
  }

  .location-list .flex-box {
    flex-direction: column;
  }
  .location-list .flex-box .border-box {
    width: 100%;
  }
  .location-list .flex-box .border-box + .border-box {
    margin-top: 1rem;
  }



  .about-tit h4 {
    font-size: 2.8rem;
  }
  .about-img + .about-tit {
    margin-top: 15rem;
  }


  .space-thum-box .thum-top {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  #footer .desc {
    text-align: center;
  }


  .side-wrap {
    flex-direction: column;
  }
  .side-wrap .side-content {
    padding-top: 5rem;
  }

  .side-wrap .side-nav-box {
    min-height: auto;
    width: 100%;
  }
  .side-wrap .side-nav-box .center {
    position: relative;
    padding-top: 15rem;
    top: 0;
  }


	.main-visual {
		padding: 2rem;
		margin-bottom: 4rem;
	}
	.main-visual-txt {
		padding: 5rem 0;
	}
	.main-visual-txt h2 {
		font-size: 3.2rem;
	}
	.main-visual-txt p {
    font-size: 1.8rem;
	}
	.main-box-list .list {
		width: 100%;
	}
	.main-box-list .list + .list {
		margin-top: 2rem;
	}
	.main-box-list .list .num-box .num {
		font-size: 2.8rem;
	}


	.main-ft-logo .list {
		width: 33.3%;
	}
	.main-ft-logo .list:nth-child(4),
	.main-ft-logo .list:nth-child(5) {
		margin-top: 1rem;
	}


  .main-content-wrap {
    width: 100%;
  }
  .dataset-content-wrap {
    width: 100%;
  }


  .form-wrap {
    padding: 2rem 0;
  }
  .form-wrap .form-input .border li {
    flex-wrap: wrap;
  }
  .form-wrap .form-input .border li + li {
    margin-top: 2rem;
  }
  .form-wrap .form-input .border li span {
    margin-top: 1rem;
  }
  .form-wrap .form-input .textedit-box {
    height: 25rem;
  }
  .form-wrap .form-input .select-tag-box .dep01 {
    width: 100%;
  }
  .form-wrap .col-2 > div {
    width: 100% !important;
  }
  .form-wrap .form-input .select-tag-box .dep02 {
    width: 100%;
    padding: 2rem 0 0;
  }
  .form-wrap .col-2 > .form-box + .form-box {
    margin-top: 2rem;
  }
  .form-wrap .col-2 {
    flex-direction: column;
  }
  .form-wrap .col-2 .box + .box {
    margin-top: 2rem;
  }


  .popup-st02 .popup-cont {
    padding: 2rem;
    max-height: 50rem;
  }

  
  .mb {
    display: flex;
  }


  .accordion-box .list .accordion-cont li {
    width: 100%;
  }


  
  .border-cont {
    padding: 4rem;
  }


  .mypage-side-wrap {
    width: 100%;
  }
  .mypage-content-wrap {
    width: 100%;
  }


  .select-wrap {
    min-height: auto;
  }


  .space-thum-box .thum-btn {
    margin-top: 4px;
    display: flex;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 500px) {
  /* header { */
  #header .hd-nav {
    height: 7.2rem;
  }
  #header .logo img {
    max-width: 75%;
  }
  #header .hd-top {
    height: 30px;
  }
  #header .hd-top li a.icon {
    background-size: 20px;
    width: 22px;
    height: 22px;
  }
  #header .hd-top li a.icon span {
    right: 4px;
  }
  #header .hamburger-btn {
    transform: scale(0.8);
  }

  .full-menu.active {
    padding-top: 9rem;
  }
  .full-menu li {
    padding: 2rem 0;
  }
  .full-menu li a {
    font-size: 1.8rem;
  }
  /* } header */


  /* footer { */
  #footer {
    padding: 2.8rem 0 4rem;
  }
  #footer .top img {
    max-width: 22rem;
  }
  #footer .top li a {
    font-weight: 500;
  }
  #footer .top li + li {
    margin-left: 1.5rem;
  }
  #footer .desc {
    padding-top: 2rem;
    margin-top: 2rem;
  }
  #footer .desc .copyright {
    font-size: 1.4rem;
    margin-top: 1.5rem;
    line-height: 1.5;
  }
  /* } footer */



  .content-wrap {
    padding: 13rem 0 8rem;
  }


  .side-wrap .side-nav-box .center {
    padding-top: 13rem;
  }


	.main-visual-txt {
		padding: 3rem 0 4rem;
	}
	.main-visual-txt h2 {
		font-size: 3rem;
		margin-bottom: 1.6rem;
	}
	.main-visual-txt p {
		font-size: 1.6rem;
	}
	.main-box-list .list .top {
    padding: 1.6rem;
	}
	.main-box-list .list .top h4 {
    font-size: 1.8rem;
	}
	.main-box-list .list .top p {
		margin-bottom: 1rem;
	}
	.main-box-list .list .num-box {
		padding: 0.8rem 1.6rem;
	}
	.main-box-list .list .num-box .num {
		font-size: 2.4rem;
	}
	.main-box-list .list .num-box img {
    max-height: 36px;
	}


	.main-ft-logo .list {
		width: 50%;
	}
	.main-ft-logo .list:nth-child(3) {
		margin-top: 1rem;
	}
	.main-ft-logo .list:last-child {
		width: 100%;
	}
	.main-ft-logo .list .box img {
    max-height: 26px;
		min-height: 26px;
	}
	

  .main-content .tit-cardbox > h3 {
    text-align: center;
    padding: 8px 4px;
  }
  .main-content .m-listbox {
    padding: 2rem 2rem 0;
  }
  .main-content .m-listbox li {
    margin-bottom: 2rem;
    width: 100%;
  }


  .m-title {
    padding: 10px 0;
  }
  .m-title h2 {
    font-size: 1.8rem;
  }
  .m-title img {
    height: 26px;
  }


  .thum-cardbox .thum-cont .thum-img {
    padding-bottom: 35%;
  }
  .mp-border-cont .thum-cardbox-st02.check {
    padding-left: 5rem;
  }
  .thum-cardbox-st02 .thum-desc .desc {
    display: block;
  }

  .thum-cardbox-st02 .thum-desc .desc .tooltip-btn {
    padding-left: 0;
    margin-top: 4px;
  }
  .thum-cardbox-st02 .thum-desc .desc .tooltip-btn::before {
    display: none;
  }

  
  .dataset-side-wrap .mySwiper li button {
    height: 45px;
    padding: 1.6rem 1rem;
  }
  .dataset-side-wrap .search-form .input-box input {
    height: 40px;
    padding-right: 9rem;
  }
  .dataset-side-wrap .search-form .btn-box > button {
    min-width: 3.2rem;
    height: 3.2rem;
    background-size: 18px !important;
  }
  .dataset-content-wrap .border-box {
    margin-top: 2rem;
    padding: 2rem;
  }
  .dataset-content-wrap .list-box + .list-box {
    margin-top: 4rem;
    padding-top: 2rem;
  }


  .tag-scroll {
    max-height: 15rem;
    min-height: 15rem;
  }
  .tag-scroll li .tag {
    height: 28px;
  }

  .dataset-side-wrap .select-tag .delete-box ul {
    max-height: 10rem;
  }



  .s-maxinner .sub-tit {
    text-align: center;
  }
  .sub-tit {
    padding: 0 0 1.2rem;
  }
  .sub-tit h2 {
    font-size: 2rem;
  }


  .tit-cardbox.btn-link a {
    min-width: 60px;
    height: 28px;
  }



  .form-wrap + .btn-wrap {
    padding: 0;
  }
  .form-wrap .form-label span {
    margin: 4px 0 0;
  }
  .form-wrap .form-input.img-file .img-view {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .form-wrap .form-input .search-ico {
    background-size: 20px;
    padding-right: 4rem;
  }


  .btn.add-ico {
    padding: 0 1rem;
  }
  .btn.btn-sm {
    height: 30px;
  }
  .btn.btn-sm i {
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
  .btn.btn-lg {
    height: 45px;
  }
  .btn-wrap.right {
    margin-top: 2rem;
  }



  .bookmark-btn {
    width: 22px;
    height: 22px;
  }



  .pager ul {
    justify-content: center;
  }



  .input-check02 + label::before {
    width: 22px;
    height: 22px;
  }



  .overview-list {
    margin-bottom: -1rem;
  }
  .overview-list > ul {
    margin: 0 -5px;
  }
  .overview-list .list {
    padding: 0 5px;
    margin-bottom: 1rem;
  }
  .overview-list .list h4 {
    font-size: 2.8rem;
  }
  .overview-list .list .user {
    margin-top: 0;
  }
  .overview-list .list .user li {
    padding: 0;
  }
  .overview-list .list .user li a {
    width: 30px;
    height: 30px;
  }
  .overview-list .list .border-box {
    padding: 1.5rem;
  }
  .overview-list .list i {
    display: none;
  }


  .post-profile {
    padding: 2rem;
  }
  .post-profile .p-profile {
    flex-direction: column;
  }
  .post-profile .p-profile > .img-box {
    min-width: 100%;
    padding-bottom: 30%;
  }
  .post-profile .p-profile .txt {
    margin: 1rem 0 0;
  }
  .post-profile .p-profile .txt .tit h2 {
    font-size: 2rem;
    line-height: 1.25;
  }



  .tab-title li {
    height: 5rem;
  }
  .tab-cont {
    padding: 2rem;
  }
  .tab-cont .tab-box + .tab-box {
    margin-top: 2rem;
  }
  .tab-cont .tab-box .label-tit .tit h3 {
    font-size: 1.6rem;
  }
  .tab-cont .lr-box .l-box .textedit-box {
    height: 25rem;
  }



  .popup-tit .close-btn {
    min-width: 3.2rem;
    height: 3.2rem;
    background-size: 24px;
  }



  .label-tit {
    padding: 1.2rem 1.6rem;
  }
  .label-cont .img-scroll {
    max-height: 30rem;
  }
  .label-cont p {
    font-size: 1.5rem;
  }
  .label-tit .slide-btn > div {
    width: 3.2rem;
    height: 3.2rem;
  }



  .accordion-box .list .accordion-btn {
    height: 5rem;
  }
  .accordion-box .list .accordion-btn i {
    background-size: 18px;
    width: 3rem;
    height: 3rem;
  }
  .accordion-box .list .accordion-btn span::before {
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
  .accordion-box .list .accordion-btn.active i {
    background-size: 18px;
  }
  .accordion-box .list .accordion-btn.active span::before {
    background-size: 20px;
  }
  .accordion-box .list .accordion-cont {
    padding: 1rem;
  }
  .accordion-box .list .accordion-cont li {
    margin-bottom: 1rem;
  }


  
  .select-input .select-box.sm-select {
    min-width: 8rem;
  }
  .select-input.add-btn .btn-warp .btn {
    font-size: 1.4rem;
  }
  .select-input .input-box {
    width: calc(100% - 8rem);
  }



  .list-cardbox .list a {
    padding: 1.5rem;
  }
  .list-cardbox .list .desc li p i {
    width: 18px;
    height: 18px;
  }



  .board-view .top {
    padding: 1rem;
  }



  .comment-content .comment-box {
    margin: 1rem 0;
  }
  .comment-content .comment-btn .file i {
    background-size: 22px;
    width: 32px;
    height: 32px;
  }
  .comment-content textarea {
    padding: 1rem;
  }
  .comment-list .list .comment-reply .comment-list-box {
    padding-left: 2rem;
  }
  .comment-list .list .comment-reply .comment-content .comment-box {
    padding-left: 0;
  }
  .comment-list .list .comment-reply .btn i {
    width: 20px;
    height: 20px;
  }
  .comment-user-edit ul {
    width: 8rem;
  }
  .comment-user-edit li a {
    height: 3.2rem;
  }



  .table-rbox {
    overflow-x: auto;
  }
  .table-rbox table.st01 {
    min-width: 600px;
  }



  .input-check + label::before {
    width: 15px;
    height: 15px;
  }


  .delete-box {
    padding: 1rem;
  }



  .join-maxinner .tab-wrap {
    margin-top: 2rem;
  }
  .join-cont .label-cont .point p:not(.tit) {
    padding-left: 0;
  }



  .border-cont {
    padding: 2rem 2rem 3rem;
  }
  .border-cont.form-wrap .form-box {
    padding: 0;
  }
  .border-cont .form-input + .form-input {
    margin-top: 8px;
  }
  .border-cont .form-input input {
    height: 5rem;
  }
  .border-cont .full-btn-wrap {
    margin-top: 2rem;
  }
  .border-cont .full-btn-wrap p {
    margin: 1.2rem 0;
  }



  .side-wrap .mypage-content-wrap {
    padding-top: 3rem;
  }



  .mypage-profile {
    padding: 1.5rem;
  }
  .mypage-profile .tit {
    margin-bottom: 1rem;
  }
  .mypage-profile .tit h3 {
    font-size: 1.8rem;
  }
  .mypage-profile .thum-profile .profile .img-box {
    width: 25%;
    padding-bottom: 25%;
  }
  .mypage-profile .thum-profile .profile .txt-box .name a {
    width: 20px;
    height: 20px;
  }
  .mypage-profile .follow-list {
    padding: 1rem 2rem;
  }
  .mypage-profile .follow-list .list .tit p {
    font-size: 1.6rem;
  }
  .mypage-profile .follow-list .list .tit a {
    width: 3.2rem;
    height: 3.2rem;
    background-size: 20px;
  }
  .mypage-profile .follow-list .list .img-list {
    display: none;
  }
  .mypage-profile .follow-list .list:first-child:after {
    height: 80%;
  }

  .mypage-nav {
    margin-bottom: 1rem;
    padding: 4px;
    overflow-x: auto;
  }
  .mypage-nav li {
    min-width: 100px;
  }
  .mypage-nav li a {
    height: 4rem;
  }

  .mp-border-cont {
    padding: 1.5rem;
  }


  .mydata-table-top .left {
    width: 100%;
    position: relative;
    z-index: 2;
  }
  .mydata-table-top .btn-box {
    width: 100%;
  }
  .mydata-table-top .btn-box > ul > li {
    flex: 1;
  }



  .stat-list li .box {
    padding: 1rem 1.5rem;
  }
  .stat-list li .box p {
    margin-bottom: 0;
  }
  .stat-list li .box strong {
    font-size: 2.6rem;
  }



  .border-cont .full-btn-wrap .btn + .btn {
    margin-top: 1rem;
  }



  .location-wrap {
    padding: 2rem;
    margin-top: 2rem;
  }
  .location-map {
    padding: 2rem;
  }
  .location-map .tit {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
  .location-map .map > * {
    height: 30rem;
  }


  .about-tit {
    margin: 2rem 0;
    padding-bottom: 2rem;
  }
  .about-tit .label {
    font-size: 1.6rem;
    padding: 0.4rem 1.2rem;
    margin-bottom: 1rem;
  }
  .about-tit h4 {
    font-size: 2.4rem;
  }
  .about-tit img {
    display: none;
  }
  .about-desc {
    margin-bottom: 3rem;
  }
  .about-img + .about-tit {
    margin-top: 8rem;
  }

  .space-list .thum-cont {
    flex-direction: column;
    padding: 0;
  }
  .space-thum-box .thum-btn .list {
    margin-right: 0.6rem;
    padding-right: 0.6rem;
  }
  .space-list .thum-cardbox .thum-cont .thum-img {
    width: 100%;
    padding-bottom: 35%;
  }
  .space-list .thum-cardbox .thum-cont .thum-desc {
    padding: 1.2rem 1.6rem 2rem;
  }
  .space-thum-box .thum-desc .desc {
    display: flex;
  }
}
/* ===== 반응형 ===== */




/* ===== 개발 요청사항 ===== */
input.pass,
input.error {
  padding-right: 35px;
}
input.pass {
  background: url('/resources/image/bg/bg-input-pass.svg') right 12px center/14px no-repeat;
  border-color: #37BC9B;
}
input.error {
  background: url('/resources/image/bg/bg-input-error.svg') right 12px center/14px no-repeat;
  border-color: #FA495B;
}
.txt-error {
  position: absolute;
  z-index: 1;
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  background-color: #FA495B;
  padding: 8px 15px;
  margin-top: 4px;
  border-radius: 50px;
}
.txt-error::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 9px solid #FA495B;
}
/* ===== 개발 요청사항 ===== */