@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* color */
body {
  --c_iden1: #283891;
  --c_iden2: #39b54a;
}
.c_iden1 {
  color: #283891 !important;
}
.c_iden2 {
  color: #39b54a !important;
}

.fw6 {
  font-weight: 600 !important;
}
[readonly] {
  border-color: #c6c9d4;
  background: #f7f8f9;
  pointer-events: none;
}

/* header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 100;
  background: #fff;
  border-bottom: #e0e3ee 1px solid;
  transition: 0.2s linear;
}
.header.start_delay {
  pointer-events: none;
  user-select: none;
}
.header:before,
.header .dm {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  transition: 0.2s linear;
}
.header:before {
  top: 100px;
  content: "";
  background: #fff;
  z-index: -1;
  pointer-events: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 10px;
}
.header .dm {
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -2;
  display: none;
}
.header:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 1px;
  background: #e0e3ee;
  transition: 0.2s linear;
}
.header .logo {
  position: absolute;
  top: 0;
  left: calc(50% - 800px);
  width: 300px;
  line-height: 100px;
  font-size: 0;
  z-index: 2;
}
.header .logo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #fff;
  mask: url("/pub/images/logo.svg") no-repeat 0 50% / contain;
  -webkit-mask: url("/pub/images/logo.svg") no-repeat 0 50% / contain;
  transition: 0.2s linear;
}
.header .logo h1 {
  font-size: 0;
  opacity: 0;
  width: 0;
  height: 0;
}
.header .btn_menu {
  position: absolute;
  top: 0;
  right: calc(50% - 800px);
  width: 28px;
  height: 100%;
  z-index: 2;
}
.header .btn_menu p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 2px;
  background: #333;
  margin-left: -14px;
  transition: 0.2s linear;
}
.header .btn_menu .t {
  margin-top: -9px;
}
.header .btn_menu .m {
  margin-top: -1px;
}
.header .btn_menu .b {
  margin-top: 7px;
}
.header.on .btn_menu .t {
  margin-top: -1px;
  transform: rotate(135deg);
}
.header.on .btn_menu .m {
  width: 0;
}
.header.on .btn_menu .b {
  margin-top: -1px;
  transform: rotate(-135deg);
}
.header .gnb {
  display: flex;
  justify-content: center;
}
.header .gnb .menu {
  position: relative;
  min-width: 0;
  text-align: center;
  transition: 0.2s linear;
}
.header .gnb .menu > a {
  display: block;
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 100px;
  padding: 0 36px;
}
.header .gnb .menu.on > a {
  color: #39b54a;
}
.header .gnb .snb {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0;
  border-left: #e0e3ee 1px solid;
  overflow: hidden;
  transition: 0.2s linear;
}
.header .gnb .menu:last-child .snb {
  border-right: #e0e3ee 1px solid;
}
.header .gnb .snb a {
  display: block;
  font-size: 16px;
  color: #333;
  line-height: 20px;
  padding: 12px 0;
}
.header .gnb .snb a.on {
  color: #283891;
  text-decoration: underline;
}
.header .btns {
  position: absolute;
  top: 0;
  right: calc(50% - 730px);
  display: flex;
  z-index: 2;
  transition: 0.2s linear;
}
.header .btns a {
  padding: 0 10px;
  font-size: 14px;
  color: #666;
  font-weight: 500;
  line-height: 17px;
  text-align: center;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header .btns a:before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: no-repeat 50% 50% / contain;
  margin-bottom: 8px;
}
.header .btns a.i1:before {
  background-image: url("/pub/images/icon_head01.svg");
}
.header .btns a.i2:before {
  background-image: url("/pub/images/icon_head02.svg");
}
.header .btns a.i3:before {
  background-image: url("/pub/images/icon_head03.svg");
}
.header .sitemap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 100px 8.3% 0 32.6%;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  user-select: none;
  transition: 0.2s linear;
}
.header .sitemap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28.4%;
  height: 100%;
  background: url("/pub/images/bg_sitemap.jpg") no-repeat 50% 50% / cover;
  border-radius: 0 0 100px 0;
}
.header .sitemap .scroll {
  width: 100%;
  max-height: 100%;
  overflow: auto;
}
.header .sitemap .menu {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 40px 0;
}
.header .sitemap .menu:before,
.header .sitemap .menu:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
}
.header .sitemap .menu:before {
  width: 100%;
  background: #e0e3ee;
}
.header .sitemap .menu:after {
  width: 0;
  background: #39b54a;
  transition: 0.4s linear;
}
.header .sitemap .menu > a {
  width: 240px;
  font-size: 30px;
  color: #333;
  font-weight: 600;
  line-height: 36px;
}
.header .sitemap .menu.on > a {
  color: #39b54a;
}
.header .sitemap .menu .snb {
  width: calc(100% - 240px);
  display: flex;
  flex-wrap: wrap;
  gap: 14px 42px;
}
.header .sitemap .menu .snb a {
  font-size: 18px;
  color: #333;
  line-height: 36px;
}
.header .sitemap .menu .snb a.on {
  color: #39b54a;
  font-weight: 600;
  text-decoration: underline;
}
/* 부분적으로 반응형 때 줄어들어야 해서 reactive로 따로 빼지 않음 */
.header.hover:before {
  top: 0;
  height: 492px;
}
.header.hover .logo {
  left: 40px;
}
.header.hover .btn_menu {
  right: 40px;
}
.header.hover .btns {
  right: 90px;
}
.header.hover .menu {
  min-width: 170px;
}
.header.hover .snb {
  padding: 20px 0;
  height: 392px;
  transition-delay: 0.2s;
}

.header.on .logo {
  left: 40px;
}
.header.on .logo img {
  opacity: 0;
}
.header.on .logo:before {
  opacity: 1;
}
.header.on .btn_menu {
  right: 8.3%;
}
.header.on .btns {
  right: calc(8.3% + 50px);
}
.header.on .sitemap {
  opacity: 1;
  pointer-events: auto;
  user-select: auto;
}

/* footer */
.footer {
  position: relative;
  background: #333;
}
.footer * {
  word-break: keep-all;
}
.footer #foot {
  top: -100vh;
}
.footer .partner {
  background: #fff;
  padding: 24px 0;
  border-top: #e0e3ee 1px solid;
}
.footer .partner .inner {
  display: block;
}
.footer .partner .slick-slide > div {
  font-size: 0;
}
.footer .partner .inner a {
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.footer .links {
  border-bottom: rgba(255, 255, 255, 0.1) 1px solid;
}
.footer .links .inner {
  display: flex;
  gap: 20px;
}
.footer .links a {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 60px;
}
.footer .address {
  padding: 24px 0 60px;
}
.footer .address .inner {
  position: relative;
}
.footer .address .area {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 21px;
  width: 750px;
  max-width: 100%;
  overflow: hidden;
}
.footer .address .area dl {
  position: relative;
  display: flex;
  gap: 8px;
  font-size: 15px;
  color: #fff;
}
.footer .address .area dl:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -11px;
  width: 1px;
  height: 14px;
  transform: translateY(-50%);
  background: #fff;
  opacity: 0.1;
}
.footer .address .area dt {
  font-weight: 600;
}
.footer .address .area dd {
  opacity: 0.7;
}
.footer .copy {
  font-size: 15px;
  color: #fff;
  opacity: 0.7;
  margin-top: 24px;
}
.footer .family {
  position: absolute;
  top: 0;
  right: 20px;
}
.footer .family dt {
  position: relative;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 44px;
  height: 44px;
  width: 300px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.footer .family dt button {
  display: block;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  padding: 0 16px;
  width: 100%;
  text-align: left;
}
.footer .family dt:after {
  content: "";
  position: absolute;
  top: 0;
  right: 24px;
  width: 10px;
  height: 100%;
  background: url("/pub/images/arrow_select.svg") no-repeat 50% 50% / contain;
  transition: 0.2s linear;
}
.footer .family dd {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  background: rgba(50, 50, 50, 0.9);
  border-radius: 6px 6px 0 0;
  display: none;
}
.footer .family dd a {
  display: block;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  line-height: 40px;
  padding: 0 16px;
}
.footer .family.on dt {
  border-radius: 0 0 6px 6px;
}
.footer .family.on dt:after {
  transform: rotate(180deg);
}

.quick {
  position: fixed;
  bottom: 60px;
  right: 32px;
  z-index: 20;
}
.quick .qna {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  background: #39b54a;
  border-radius: 50%;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding-top: 7px;
}
.quick .qna:before {
  content: "";
  position: absolute;
  bottom: 46px;
  left: 0;
  width: 100%;
  height: 30px;
  background: url("/pub/images/icon_qna.svg") no-repeat 50% 50% / contain;
}
.quick .gotop {
  display: block;
  font-size: 0;
  width: 48px;
  height: 48px;
  margin: 16px auto 0;
  border-radius: 50%;
  background: #083042 url("/pub/images/arrow_gotop.svg") no-repeat 50% 50%;
}
.unfixed .quick {
  position: absolute;
  bottom: calc(100% + 60px);
}
.quick.main {
  bottom: 60px;
  right: 32px;
  transition: 0.7s;
}
.fp-viewing-Footer .quick.main {
  bottom: 413px;
}

/* main */
.main_navi {
  position: fixed;
  top: 50%;
  left: 50px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.main_navi a {
  position: relative;
  display: block;
  width: 6px;
  height: 6px;
  background: #a5abc4;
  border-radius: 50%;
  font-size: 0;
}
.main_navi a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: #3e8bd5;
  border-radius: inherit;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: 0.2s linear;
}
.main_navi a.active {
  background: #3e8bd5;
}
.main_navi a.active:before {
  width: 24px;
  height: 24px;
  opacity: 0.2;
}

.main_wrap {
  color: #333;
}
.main_wrap .section {
  overflow: hidden;
}
.main_wrap .inner {
  display: flex;
  align-items: flex-start;
  padding-top: 100px;
}
.slick-slide > div {
  font-size: 0;
}
.mbanner_wrap {
  position: relative;
}
.mbanner_wrap .mv_navi {
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: flex;
  gap: 5px;
  z-index: 1;
}
.mbanner_wrap .mv_navi .paging .slick-dots {
  width: 80px;
  height: 30px;
  border-radius: 15px;
  background: #fff3;
  backdrop-filter: blur(5px);
  margin-right: 5px;
}
.mbanner_wrap .mv_navi .paging li {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  display: none;
}
.mbanner_wrap .mv_navi .paging li.slick-active {
  display: block;
}
.mbanner_wrap .mv_navi button {
  display: block;
  width: 30px;
  height: 30px;
  background: #fff3 no-repeat 50% 50%;
  border-radius: 50%;
  font-size: 0;
}
.mbanner_wrap .mv_navi .arrow {
  background-image: url("/pub/images/arrow_slide.svg");
}
.mbanner_wrap .mv_navi .next {
  transform: rotate(180deg);
}
.mbanner_wrap .mv_navi .pause {
  background-image: url("/pub/images/btn_pause.svg");
}
.mbanner_wrap .mv_navi .play {
  background-image: url("/pub/images/btn_play.svg");
  background-size: 10px;
}
.mbanner_wrap .mv_navi .arrow.slick-hidden,
.mbanner_wrap .mv_navi .arrow.slick-hidden ~ .papl {
  display: none;
}
.mb_type01 .slick-slide {
  border-radius: 12px;
  overflow: hidden;
}
.mb_type02 .slick-arrow {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  background: #fff url("/pub/images/arrow_slide2.svg") no-repeat 50% 50%;
  border: #e0e3ee 1px solid;
  border-radius: 50%;
  z-index: 1;
  font-size: 0;
  margin-top: -18px;
}
.mb_type02 .slick-prev {
  left: -18px;
}
.mb_type02 .slick-next {
  right: -18px;
  transform: rotate(180deg);
}
.wbox {
  position: relative;
  background: #fff;
  border-radius: 12px;
  border: #e0e3ee 1px solid;
  padding: 32px;
  overflow: hidden;
}
.main_wrap .mtit {
  position: relative;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  padding-bottom: 14px;
  border-bottom: #e0e3ee 1px solid;
  margin-bottom: 14px;
}
.main_wrap .mtit.mb {
  margin-bottom: 24px;
}
.main_wrap .more {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  border: #e0e3ee 1px solid;
  border-radius: 2px;
  font-size: 0;
}
.main_wrap .more:before,
.main_wrap .more:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #333;
  transform: translate(-50%, -50%);
}
.main_wrap .more:before {
  width: 14px;
  height: 2px;
}
.main_wrap .more:after {
  width: 2px;
  height: 14px;
}
select.text {
  width: 100%;
  height: 52px;
  border: #e0e3ee 1px solid;
  border-radius: 8px;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 500;
}
.main_wrap select.text {
  height: 55px;
  margin-bottom: 9px;
}
.main_wrap select.text + select.text {
  margin-bottom: 14px;
}
.main_wrap .footer .inner {
  padding-top: 0;
}
.main_wrap .footer .address .inner {
  display: block;
}

label.heart {
  position: absolute;
  top: 16px;
  right: 16px;
}
label.heart input {
  display: none;
}
label.heart span {
  position: relative;
  display: block;
  width: 34px;
  height: 34px;
  border: #fff 2px solid;
  border-radius: 50%;
  transition: 0.2s linear;
}
label.heart span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/pub/images/icon_heart_g.svg") no-repeat 50% 50% / contain;
  transition: 0.2s linear;
}
label.heart input:checked + span {
  background: #39b54a;
  border-color: #39b54a !important;
}
label.heart input:checked + span:before {
  background-image: url("/pub/images/icon_heart_on.svg") !important;
}
label.check {
  position: relative;
  display: block;
  padding-left: 28px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  user-select: none;
}
label.check input {
  display: none;
}
label.check i {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #e0e3ee url("/pub/images/icon_check.svg") no-repeat 50% 50% /
    contain;
  border-radius: 4px;
  transition: 0.2s linear;
}
label.check input:checked + i {
  background-color: #39b54a;
}
label.check.fz_inherit {
  font-size: inherit;
}
label.radio {
  position: relative;
  display: block;
  padding-left: 28px;
  line-height: 30px;
  user-select: none;
}
label.radio input {
  display: none;
}
label.radio i {
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  border: #e0e3ee 6px solid;
  border-radius: 50%;
  transition: 0.2s linear;
}
label.radio input:checked + i {
  border-color: #39b54a;
}
label.radio.flex {
  display: flex;
}
label.radio.flex .btn_pop {
  margin-left: 16px;
}

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_middle {
  display: flex;
  align-items: center;
}
.flex_c_middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn_i {
  height: 72px;
  line-height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}
.btn_i:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  mask: no-repeat 50% 50% / contain;
  -webkit-mask: no-repeat 50% 50% / contain;
  transition: 0.2s linear;
}
.btn_i_abso {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
}
.btn_i_abso .btn_i {
  position: relative;
  width: 50%;
  background: rgba(40, 56, 145, 0.06);
  color: #283891;
}
.btn_i_abso .btn_i:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  background: #cdd4fd;
  transform: translateY(-50%);
}
.btn_i_abso .btn_i:first-child:before {
  display: none;
}
.btn_i_abso .btn_i:after {
  background: #283891;
}
.btns_tac {
  gap: 10px;
}
.btns_tac.mt1 {
  margin-top: 10px;
}
.btns_tac.mt4 {
  margin-top: 40px;
}
.btns_tac.mt6 {
  margin-top: 60px;
}
.btns_tac .btn {
  width: 240px;
  height: 64px;
  line-height: 62px;
  font-weight: 700;
  text-align: center;
  border: #283891 1px solid;
  border-radius: 8px;
  margin: 0 !important;
}
.btns_tac .btn_g {
  color: #fff;
  background: #283891;
}
.btns_tac .btn_l {
  color: #283891;
  background: #fff;
}

.main_wrap .mc01 {
  background: url("/pub/images/bg_mc01.jpg") no-repeat 50% 50% / cover;
  min-height: 100vh;
}
.main_wrap .mc01 .inner {
  gap: 2.5%;
}
.main_wrap .mc01 .left {
  width: 39.5625%;
}
.main_wrap .mc01 .left .tit {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 22px;
}
.main_wrap .mc01 .left .search_area {
  position: relative;
  width: 100%;
  height: 68px;
  border: #283891 2px solid;
  background: #fff;
  border-radius: 34px;
  padding-right: 138px;
}
.main_wrap .mc01 .left .search_area .text {
  border: 0;
  outline: 0;
  padding: 0 32px;
  width: 100%;
  height: 64px;
  background: none;
  font-size: 18px;
  font-weight: 500;
}
.main_wrap .mc01 .left .search_area .text::placeholder {
  color: #888;
}
.main_wrap .mc01 .left .search_area .btn {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 108px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  background: #283891;
  border-radius: 24px;
  transform: translateY(-50%);
}
.main_wrap .mc01 .left .quick_keyword {
  display: flex;
  margin: 24px 0 32px;
}
.main_wrap .mc01 .left .quick_keyword .tt {
  padding-left: 22px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  width: 164px;
  background: url("/pub/images/icon_home.svg") no-repeat 0 50%;
}
.main_wrap .mc01 .left .quick_keyword .cn {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: calc(100% - 164px);
  height: 30px;
  overflow: hidden;
}
.main_wrap .mc01 .left .quick_keyword .cn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  background: linear-gradient(90deg, #e4f2e300, #e4f2e3ff);
  pointer-event: none;
}
.main_wrap .mc01 .left .quick_keyword .cn a {
  flex: 0 0 auto;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  height: 30px;
  padding: 0 29px 0 11px;
  background: #fff url("/pub/images/icon_search.svg") no-repeat right 12px
    center;
  border-radius: 15px;
  border: #e0e3ee 1px solid;
}
.quick_keyword .cn .slick-arrow {
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  background: url("/pub/images/arrow_link.svg") no-repeat 50% 50%;
  z-index: 1;
  font-size: 0;
}
.quick_keyword .cn .slick-prev {
  right: 35px;
  transform: rotate(180deg);
}
.quick_keyword .cn .slick-next {
  right: 0;
}
.quick_keyword .cn .slick-slide {
  padding-right: 6px;
}
.main_wrap .mc01 .left .links {
  display: flex;
  gap: 30px;
}
.main_wrap .mc01 .left .links a {
  width: calc((100% - 60px) / 3);
  height: 90px;
  background: #fff no-repeat right 16px bottom 16px;
  border: #e0e3ee 1px solid;
  border-radius: 8px;
  padding: 16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.6;
  display: flex;
}
.main_wrap .mc01 .left .links a:after {
  content: "";
  display: block;
  width: 20px;
  height: 27px;
  margin-left: 4px;
  background: url("/pub/images/arrow_link.svg") no-repeat 50% 50% / contain;
}
.main_wrap .mc01 .left .links a.i1 {
  background-image: url("/pub/images/icon_mc01_01.svg");
}
.main_wrap .mc01 .left .links a.i2 {
  background-image: url("/pub/images/icon_mc01_02.svg");
}
.main_wrap .mc01 .left .links a.i3 {
  background-image: url("/pub/images/icon_mc01_03.svg");
}
.main_wrap .mc01 .left .mbanner_wrap {
  margin-top: 24px;
}
.main_wrap .mc01 .left .mbanner01 {
  height: 240px;
}
.main_wrap .mc01 .left .mbanner02 {
  height: 130px;
}
.main_wrap .mc01 .left .mbanner01 .mbanner,
.main_wrap .mc01 .left .mbanner01 .mbanner *,
.main_wrap .mc01 .left .mbanner02 .mbanner,
.main_wrap .mc01 .left .mbanner02 .mbanner * {
  height: inherit;
}
.main_wrap .mc01 .left .mbanner02 .imgfit {
  position: relative;
}
.main_wrap .mc01 .left .mbanner02 .imgfit p {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  transform: translateY(-50%);
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main_wrap .mc01 .left .mbanner02 .imgfit p:after {
  content: "바로가기";
  display: block;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  width: 88px;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  text-align: center;
  margin-top: 12px;
}
.main_wrap .mc01 .center {
  width: 32.1875%;
  padding-bottom: 101px;
}
.main_wrap .mc01 .center .mbanner {
  height: 387px;
}
.main_wrap .imgfit {
  display: block;
  height: 387px;
  border: #e0e3ee 1px solid;
  border-radius: 12px;
}
/* .main_wrap .mc01 .imgfit label.heart span {box-shadow:0px 4px 4px rgba(0,0,0,.25);} */
.main_wrap .mc01 .imgfit label.heart span:before {
  background-image: url("/pub/images/icon_heart_s.svg");
}
.imgfit .type {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  gap: 6px;
  z-index: 1;
}
.imgfit .type li {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  line-height: 30px;
  padding: 0 6px;
  border-radius: 4px;
}
.type li.c1 {
  background: #f17800;
}
.type li.c2 {
  background: #39b54a;
}
.type li.c3 {
  background: #083042;
}
.main_wrap .btns_i {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  background: #f2f3f9;
}
.main_wrap .btn_i {
  position: relative;
  width: calc(100% / 3);
  font-size: 18px;
  color: #283891;
}
.main_wrap .btn_i:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  background: #cdd4fd;
  transform: translateY(-50%);
}
.main_wrap .btn_i:after {
  background: #283891;
}
.main_wrap .btn_i.i1:after {
  mask-image: url("/pub/images/icon_mc01_04.svg");
  -webkit-mask-image: url("/pub/images/icon_mc01_04.svg");
}
.main_wrap .btn_i.i2:after {
  mask-image: url("/pub/images/icon_mc01_05.svg");
  -webkit-mask-image: url("/pub/images/icon_mc01_05.svg");
}
.main_wrap .btn_i.i3:after {
  mask-image: url("/pub/images/icon_mc01_06.svg");
  -webkit-mask-image: url("/pub/images/icon_mc01_06.svg");
}
.main_wrap .btn_i:first-child:before {
  display: none;
}
.main_wrap .mc01 .right {
  width: 23.25%;
}
.main_wrap .mc01 .right .wbox:first-child {
  padding: 29px 32px 24px;
}
.main_wrap .mc01 .mtit.mb {
  margin-bottom: 16px;
}
.main_wrap .mc01 .login_box .text {
  height: 56px;
  border-radius: 28px;
  padding: 0 24px;
}
.main_wrap .mc01 .login_box .text + .text {
  margin-top: 12px;
}
.main_wrap .mc01 .login_box .check {
  margin-top: 10px;
}
.main_wrap .mc01 .login_box .btn {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 56px;
  height: 56px;
  width: 100%;
  background: #283891;
  border-radius: 28px;
  text-align: center;
  border: 0;
  margin-top: 12px;
}
.main_wrap .mc01 .login_box .btns {
  gap: 17px;
  padding-top: 16px;
}
.main_wrap .mc01 .login_box .btns a {
  position: relative;
  display: block;
  font-size: 15px;
  color: #666;
  line-height: 1.6;
}
.main_wrap .mc01 .login_box .btns a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -9px;
  width: 1px;
  height: 12px;
  background: #ddd;
  transform: translateY(-50%);
}
.main_wrap .mc01 .login_box .btns a:first-child:before {
  display: none;
}
/* .main_wrap .mc01 .member_in {height:410px;} */
.main_wrap .mc01 .contact {
  background: #083042 url("/pub/images/icon_contact.svg") no-repeat right 24px
    top 16px / 62px;
  padding: 24px 32px;
  border-radius: 12px;
}
.main_wrap .mc01 .contact .mtit {
  color: #fff;
  line-height: 45px;
  padding-bottom: 20px;
  margin-bottom: 0;
  border-bottom: 0;
}
.main_wrap .mc01 .contact dl {
  display: flex;
  gap: 15px;
  align-items: center;
}
.main_wrap .mc01 .contact dt {
  position: relative;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  line-height: 32px;
  padding-left: 40px; /* margin-bottom:8px; */
}
.main_wrap .mc01 .contact dt:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.1) no-repeat 50% 50%;
  border-radius: 50%;
}
.main_wrap .mc01 .contact dd {
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  line-height: 1;
}
.main_wrap .mc01 .contact dd span {
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
}
/* .main_wrap .mc01 .contact .i1 {margin-bottom:30px;} */
.main_wrap .mc01 .contact .i1 dt:before {
  background-image: url("/pub/images/icon_mc01_07.svg");
}
.main_wrap .mc01 .contact .i2 dt:before {
  background-image: url("/pub/images/icon_mc01_08.svg");
}
.main_wrap .mc01 .right .links {
  margin: 16px 0 0;
  padding-bottom: 24px;
}
.main_wrap .mc01 .right .links .list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-content: flex-start;
  height: 363px;
  overflow: auto;
}
.main_wrap .mc01 .right .links .list a {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 10px 32px 10px 16px;
  background: #f2f5f7 url("/pub/images/arrow_link.svg") no-repeat right 12px
    center;
  border: #e0e3ee 1px solid;
  border-radius: 8px;
  font-size: 17px;
  color: #333;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.51px;
}

.main_wrap .mc02 {
  background: linear-gradient(104deg, #e2f2e4 30.98%, #ecf6e4 91.81%);
}
.main_wrap .mc02 .inner {
  gap: 3.75%;
}
.main_wrap .mc02 .left {
  width: 32.1875%;
  padding-bottom: 110px;
}
.main_wrap .mc02 .mbanner04 span {
  display: block;
}
.main_wrap .mc02 .mbanner04 .txt {
  padding-top: 18px;
  padding-bottom: 32px;
}
.main_wrap .mc02 .mbanner04 .name {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.main_wrap .mc02 .mbanner04 p {
  font-size: 16px;
  color: #666;
  line-height: 20px;
  margin-top: 8px;
}
.main_wrap .mc02 .mbanner04 .slick-arrow {
  margin-top: 48px;
}
.main_wrap .mc02 .left .btn_i {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #283891;
  background: #f2f3f9;
}
.main_wrap .mc02 .left .btn_i:before {
  display: none;
}
.main_wrap .mc02 .right {
  width: 64.0625%;
}
.main_wrap .mc02 .month_area {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #083042;
  border-radius: 8px;
  margin-bottom: 22px;
}
.main_wrap .mc02 .month_area .month {
  display: flex;
  padding: 15px 24px;
}
.main_wrap .mc02 .month_area .month .arrow {
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.1) url("/pub/images/arrow_slide.svg")
    no-repeat 50% 50%;
  border-radius: 50%;
  font-size: 0;
}
.main_wrap .mc02 .month_area .month .next {
  transform: rotate(180deg);
}
.main_wrap .mc02 .month_area .month .to {
  width: 110px;
  height: 34px;
  line-height: 34px;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.main_wrap .mc02 .days_area {
  position: relative;
  width: calc(100% - 266px);
  padding-right: 96px;
}
.main_wrap .mc02 .days {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.main_wrap .mc02 .days .swiper-slide {
  width: auto;
  padding: 0 2px;
}
.main_wrap .mc02 .days button {
  width: 100%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  border-radius: 50%;
}
.main_wrap .mc02 .days .holy {
  color: #e75a42;
}
.main_wrap .mc02 .days .on {
  color: #fff;
  background: #3e8bd5;
}
.main_wrap .mc02 .days_area .arrow {
  position: absolute;
  top: 50%;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  background: rgba(255, 255, 255, 0.1) url("/pub/images/arrow_slide.svg")
    no-repeat 50% 50%;
  border-radius: 50%;
  font-size: 0;
}
.main_wrap .mc02 .days_area .arrow.swiper-button-disabled {
  opacity: 0.5;
}
.main_wrap .mc02 .days_area .arrow_prev {
  right: 58px;
}
.main_wrap .mc02 .days_area .arrow_next {
  right: 24px;
  transform: rotate(180deg);
}
.main_wrap #section1 .right {
  height: 706px;
}
.main_wrap .mbanner05 {
  position: relative;
  margin: 0 -12px;
  padding-bottom: 33px;
}
.main_wrap .mbanner05 .slick-track {
  min-width: 100%;
}
.main_wrap .mbanner05 .slick-slide {
  padding: 0 12px;
}
.main_wrap .mbanner05 .box {
  position: relative;
  height: 467px;
  border: #e0e3ee 1px solid;
  border-radius: 12px;
  padding: 32px 24px 96px;
  overflow: hidden;
}
.main_wrap .mbanner05 .heart {
  position: absolute;
  top: 30px;
  right: 24px;
}
.main_wrap .mbanner05 label.heart span {
  box-shadow: none;
  border: #ddd 1px solid;
}
.main_wrap .mbanner05 .type {
  font-size: 15px;
  color: #3d7dd9;
  font-weight: 500;
  line-height: 28px;
  height: 30px;
  padding: 0 16px;
  border: #3d7dd9 1px solid;
  border-radius: 15px;
  display: inline-block;
  vertical-align: top;
}
.main_wrap .mbanner05 .name {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin: 16px 0 8px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_wrap .mbanner05 p {
  font-size: 16px;
  color: #666;
  line-height: 20px;
  margin-bottom: 32px;
}
.main_wrap .mbanner05 .list {
  height: 200px;
  background: #f8f8f8;
  padding: 16px;
  overflow: hidden;
}
.main_wrap .mbanner05 .list .scroll {
  width: 100%;
  height: 168px;
  overflow: auto;
}
.main_wrap .mbanner05 .list li {
  display: flex;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 10px;
}
.main_wrap .mbanner05 .list li:last-child {
  margin-bottom: 0;
}
.main_wrap .mbanner05 .list li .state {
  color: #fff;
  font-weight: 600;
  width: 64px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  margin-right: 6px;
}
.main_wrap .mbanner05 .list li .state.c1 {
  background: #f17800;
}
.main_wrap .mbanner05 .list li .state.c2 {
  background: #39b54a;
}
.main_wrap .mbanner05 .list li .state.c3 {
  background: #083042;
}
.main_wrap .mbanner05 .btn_i {
  width: 50%;
}
.main_wrap .mbanner05 .navi {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
}
.main_wrap .mbanner05 .navi.none_arrow {
  display: none;
}
.main_wrap .mbanner05 .navi .arrow {
  display: block;
  width: 28px;
  height: 28px;
  background: #333;
  mask: url("/pub/images/arrow_slide.svg") no-repeat 50% 50%;
  -webkit-mask: url("/pub/images/arrow_slide.svg") no-repeat 50% 50%;
  font-size: 0;
}
.main_wrap .mbanner05 .navi .next {
  transform: rotate(180deg);
}
.main_wrap .mbanner05 .navi .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_wrap .mbanner05 .navi .slick-dots li {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
}
.main_wrap .mbanner05 .navi .slick-dots button {
  width: 8px;
  height: 8px;
  background: #ddd;
  border-radius: 50%;
}
.main_wrap .mbanner05 .navi .slick-dots .slick-active button {
  background: #2a3890;
}
.main_wrap .mbanner05 .no_item {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  height: 500px;
  min-width: calc(200% + 24px);
  display: flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.main_wrap .mc03 {
  background: #ecf6e4 url("/pub/images/bg_mc03.png") no-repeat right 29px bottom
    76px;
}
.main_wrap .mc03 .inner {
  display: block;
}
.main_wrap .mc03 .top {
  display: flex;
  gap: 2%;
}
.main_wrap .mc03 .top .box_half {
  width: 49%;
}
.main_wrap .mc03 .top .box_half img {
  object-position: 10%;
}
.main_wrap .mc03 .jq_tab {
  display: flex;
  gap: 28px;
  overflow: hidden;
  padding-bottom: 15px;
  margin-bottom: 18px;
  border-bottom: #e0e3ee 1px solid;
}
.main_wrap .mc03 .jq_tab li {
  position: relative;
}
.main_wrap .mc03 .jq_tab li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  width: 4px;
  height: 4px;
  background: #ccc;
  border-radius: 50%;
  margin-top: -2px;
}
.main_wrap .mc03 .jq_tab button {
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}
.main_wrap .mc03 .jq_tab .on button {
  color: #39b54a;
}
.main_wrap .mc03 .board {
  padding-bottom: 20px;
}
.main_wrap .mc03 .board .cont {
  position: relative;
}
.main_wrap .mc03 .board .more {
  top: -71px;
}
.main_wrap .mc03 .board .list a {
  position: relative;
  display: block;
  font-size: 17px;
  font-weight: 500;
  line-height: 64px;
  height: 64px;
  background: #f7f8f9;
  margin-bottom: 8px;
  padding: 0 118px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_wrap .mc03 .board .list a:last-child {
  margin-bottom: 0;
}
.main_wrap .mc03 .board .list a span {
  position: absolute;
  top: 50%;
  right: 0;
  width: 118px;
  text-align: center;
  transform: translateY(-50%);
  color: #888;
  font-weight: 400;
}
.main_wrap .mc03 .banner {
  border-radius: 12px;
  overflow: hidden;
  font-size: 0;
  height: 332px;
  border: 0;
}
.main_wrap .mc03 .btm {
  margin-top: 56px;
}
.main_wrap .mc03 .mtit {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 24px;
  display: flex;
  gap: 16px;
}
.main_wrap .mc03 .mtit .more {
  position: relative;
  background: #fff;
}
.main_wrap .mc03 .btm .list {
  margin: 0 -16px;
}
.main_wrap .mc03 .btm .slick-slide {
  padding: 0 16px;
}
.main_wrap .mc03 .btm .box {
  position: relative;
  height: 240px;
  padding: 32px;
  background: #fff;
  border-radius: 12px;
}
.main_wrap .mc03 .btm .state {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  line-height: 22px;
  height: 22px;
  padding: 0 14px;
  border-radius: 11px;
}
.main_wrap .mc03 .btm .state.ing {
  background: #39b54a;
}
.main_wrap .mc03 .btm .state.end {
  background: #999;
}
.main_wrap .mc03 .btm .tit {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.main_wrap .mc03 .btm .btns {
  position: absolute;
  bottom: 24px;
  left: 32px;
  width: calc(100% - 64px);
  display: flex;
  gap: 12px;
}
.main_wrap .mc03 .btm .btns .btn {
  position: relative;
  width: calc(50% - 6px);
  height: 44px;
  line-height: 42px;
  border: 1px solid;
  border-radius: 6px;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 600;
}
.main_wrap .mc03 .btm .btns .btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 18px;
  width: 7px;
  height: 100%;
  mask: url("/pub/images/arrow_link2.svg") no-repeat 50% 50% / contain;
  -webkit-mask: url("/pub/images/arrow_link2.svg") no-repeat 50% 50% / contain;
}
.main_wrap .mc03 .btm .btns .btn_l {
  border-color: #e0e3ee;
}
.main_wrap .mc03 .btm .btns .btn_l:after {
  background: #333;
}
.main_wrap .mc03 .btm .btns .btn_bg {
  color: #fff;
  background: #283891;
  border-color: #283891;
}
.main_wrap .mc03 .btm .btns .btn_bg:after {
  background: #fff;
}

/* 풀페이지 아닌 경우 */
.main_notfull.main_wrap .mc01 {
  min-height: auto;
}
.main_notfull.main_wrap .mc01 .inner {
  padding-top: 140px;
  padding-bottom: 40px;
  gap: 40px;
}
.main_notfull.main_wrap .mc01 .right {
  width: calc(28.25% - 80px);
}
.main_notfull.main_wrap .mc02 {
  position: relative;
  background: radial-gradient(#e2f2e4 30%, #ecf6e4 90%);
}
.main_notfull.main_wrap .mc02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 30%;
  background: linear-gradient(104deg, #e2f2e4 30.98%, #ecf6e4 91.81%);
}
.main_notfull.main_wrap .mc02 .inner {
  padding-top: 0;
  padding-bottom: 40px;
  gap: 40px;
}
.main_notfull.main_wrap .mc02 .right {
  width: calc(67.9125% - 40px);
}
.main_notfull.main_wrap .mc03 .inner {
  padding-top: 0;
  padding-bottom: 40px;
}
.main_notfull.main_wrap .mc03 .top {
  gap: 40px;
}
.main_notfull.main_wrap .mc03 .top .box_half {
  width: calc(50% - 20px);
}
.main_notfull.main_wrap .mc03 .btm {
  margin-top: 40px;
}

/* sub */
.sub_head {
  position: relative;
  margin-top: 80px;
  margin-bottom: 60px;
  padding-top: 80px;
  height: 283px;
  color: #333;
  background: #fff url("/pub/images/bg_sub_head.png") no-repeat top right /
    contain;
  z-index: 20;
  border-bottom: #ebebeb 1px solid;
}
.stitle {
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 22px;
}
.sub_head .location {
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
  z-index: 1;
}
.sub_head .location a.home {
  display: block;
  width: 16px;
  height: 16px;
  background: url("/pub/images/icon_home2.svg") no-repeat 50% 50%;
  font-size: 0;
}
.sub_head .location dl {
  position: relative;
}
.sub_head .location dl:before {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 30px;
  height: 100%;
  background: url("/pub/images/icon_slice.svg") no-repeat 50% 50%;
}
.sub_head .location dt {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  padding-right: 16px;
  cursor: pointer;
}
.sub_head .location dt:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: url("/pub/images/arrow_select_f.svg") no-repeat 50% 50% / contain;
  transition: 0.2s linear;
}
.sub_head .location .on dt:after {
  transform: rotate(180deg);
}
.sub_head .location dd {
  position: absolute;
  top: 30px;
  left: 0;
  width: 150px;
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  display: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
}
.sub_head .location dd a {
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding: 5px 0;
}
.sub_head .location dd a.on {
  color: #39b54a;
  font-weight: 500;
}
.sub_head .aside {
  margin-top: 60px;
  display: flex;
}
.sub_head .aside a {
  position: relative;
  display: block;
  width: 200px;
  line-height: 52px;
  text-align: center;
  font-size: 18px;
  color: #888;
  font-weight: 500;
}
.sub_head .aside a:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 2px;
  background: #39b54a;
  transition: 0.2s linear;
}
.sub_head .aside a.on {
  color: #39b54a;
  font-weight: 700;
}
.sub_head .aside a.on:after {
  width: 100%;
}

.container {
  padding-bottom: 140px;
  font-size: 18px;
  color: #333;
  line-height: 1.6;
  min-height: calc(100vh - 816px);
}
.non_snb .sub_head {
  display: none;
}
.non_snb .container {
  margin-top: 100px;
  padding: 80px 0 140px;
  background: #f7f8f9;
}

.tabs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-top: #e0e3ee 1px solid;
  border-left: #e0e3ee 1px solid;
  margin-bottom: 60px;
  z-index: 10;
}
.tabs a {
  position: relative;
  display: block;
  width: 20%;
  height: 64px;
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: #e0e3ee 1px solid;
  border-bottom: #e0e3ee 1px solid;
}
.tabs a.on {
  color: #39b54a;
  background: #f0f9f1;
  font-weight: 600;
}
.tabs a.on:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: #39b54a 2px solid;
  z-index: 1;
}
.tabs_center {
  width: auto;
  justify-content: center;
  border: 0;
  margin-left: auto;
  margin-right: auto;
}
.tabs_center a {
  width: 320px;
  max-width: calc(100% / 3);
  border-top: #e0e3ee 1px solid;
}
.tabs_center a:first-child {
  border-left: #e0e3ee 1px solid;
}
.tabs li {
  border-right: #e0e3ee 1px solid;
  border-bottom: #e0e3ee 1px solid;
}
.tabs li button {
  position: relative;
  display: block;
  width: 100%;
  height: 62px;
  line-height: 62px;
}
.tabs li button:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: #39b54a 2px solid;
  z-index: 1;
  opacity: 0;
  transition: 0.2s linear;
}
.tabs li.on button {
  color: #39b54a;
  font-weight: 600;
  background: #f0f9f1;
}
.tabs li.on button:before {
  opacity: 1;
}

.garea {
  background: #f7f8f9;
  padding: 60px 0;
}
.garea.pb {
  padding-bottom: 140px;
}

.container .more {
  color: #fff;
  background: #283891;
}
.container .more:after {
  background: #fff;
  mask-image: url("/pub/images/icon_mc01_04.svg");
  -webkit-mask-image: url("/pub/images/icon_mc01_04.svg");
}
.container p.s {
  font-size: 16px;
}
.container p.mt {
  margin-top: 8px;
}

.stit {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin: 100px 0 24px;
  padding-left: 24px;
}
.stit:first-child {
  margin-top: 0;
}
.stit:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 30px;
  background: url("/pub/images/icon_stit.svg") no-repeat 50% 50% / contain;
}
.stit.mt50 {
  margin-top: 50px;
}
.btit {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 62px;
}
.btit.b {
  font-size: 48px;
}
.btit.mb32 {
  margin-bottom: 32px;
}

.tbl table {
  border-top: #e0e3ee 1px solid;
}
.bdt2 table {
  border-top-color: #222;
}
.tbl col.th {
  width: 244px;
}
.tbl col.tdh {
  width: 160px;
}
.tbl col.tdd {
  width: 150px;
}
.tbl col.auto {
  width: auto;
}
.tbl th,
.tbl td {
  border-bottom: #e0e3ee 1px solid;
  padding: 18px 24px;
  word-break: keep-all;
}
.tbl th {
  font-weight: 600;
  background: #f7f8f9;
  text-align: left;
}
.tbl .tac th {
  text-align: center;
}
.tbl.th_bd th {
  border-right: #ebebeb 1px solid;
}
.tbl.th_bd th ~ th {
  border-left: #ebebeb 1px solid;
}
.tbl.bdrl th,
.tbl.bdrl td {
  border-left: #ebebeb 1px solid;
  border-right: #ebebeb 1px solid;
}
.tbl.bdrl th:first-child,
.tbl.bdrl td:first-child {
  border-left: 0;
}
.tbl.bdrl th:last-child,
.tbl.bdrl td:last-child {
  border-right: 0;
}
.tbl table + p {
  font-size: 15px;
  color: #666;
  line-height: 24px;
  margin-top: 16px;
}
.tbl.slim th,
.tbl.slim td {
  padding: 12px 24px;
}
.tbl.nbd_b th,
.tbl.nbd_b td {
  border-bottom: 0;
}
.tbl td .btn {
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  line-height: 28px;
  height: 28px;
  width: 48px;
  max-width: 100%;
  background: #083042;
  border-radius: 4px;
  margin: 0 auto;
}
.tbl td .btn_l {
  color: #083042;
  background: #fff;
  border: #083042 1px solid;
  line-height: 26px;
}
.tbl.nbd_th table {
  border-top: 0;
}
.tbl.nbd_th th {
  border-bottom: 0;
}
.tbl.td_break td {
  word-break: break-all;
}

/* popup */
body .fancybox-close {
  top: 16px;
  right: 22px;
  width: 36px;
  height: 36px;
  border: #e0e3ee 1px solid;
  border-radius: 4px;
  background: url("/pub/images/btn_close.svg") no-repeat 50% 50%;
}
.popup {
  max-width: 100%;
  padding: 24px;
  font-size: 18px;
  color: #333;
  line-height: 1.6;
}
.popup .tit {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 24px;
  padding-right: 40px;
}
.popup.tac .tit {
  padding: 0 40px;
}
.popup .tit.b {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 16px;
}
.popup .text_box {
  padding: 24px;
  border: #e0e3ee 1px solid;
  border-radius: 12px;
}
.popup .text_box.inscroll {
  padding: 10px;
}
.popup .text_box.inscroll pre {
  border: 0;
  font-family: inherit;
  padding-right: 10px;
}
.popup .btn_close {
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background: #283891;
  border-radius: 8px;
  margin-top: 20px;
}
.popup .btn_close:after {
  display: none;
}
.popup .mt {
  margin-top: 24px;
}
.popup .scroll {
  overflow: auto;
}
.popup .gbox {
  background: #f7f8f9;
  padding: 20px 24px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.popup .gbox dl {
  display: flex;
  margin-bottom: 8px;
}
.popup .gbox dl:last-child {
  margin-bottom: 0;
}
.popup .gbox dt {
  width: 110px;
}
.popup .gbox dd {
  width: calc(100% - 110px);
  font-weight: 500;
}
/* 직접사용/조작대행 */
.pop_memo {
  width: 600px;
}
.pop_memo .pre {
  width: 600px;
}
.pop_primer {
  width: 1000px;
}
.pop_primer .scroll {
  max-height: calc(100vh - 325px);
}
.pop_fee {
  width: 1100px;
}
.pop_fee .scroll {
  max-height: calc(100vh - 172px);
}
/* NGS */
.pop_ngs_item {
  width: 720px;
  padding: 32px 22px 16px 54px;
}
.pop_ngs_item .scroll {
  max-height: calc(100vh - 171px);
  padding-right: 32px;
}
.pop_ngs_item .scroll img {
  height: auto !important;
}
.pop_ngs_item .imgfit {
  height: 300px;
}
.pop_ngs_item .ptit {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 40px 0 25px;
}
/* type_center */
.pop_type_b .tit {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 32px;
}
/* 교육/세미나 참가신청 */
.pop_laboratory_practice {
  width: 520px;
}
.pop_laboratory_practice p {
  text-align: center;
}
.pop_laboratory_practice .btn_link {
  margin: 32px auto 0;
}
/* 설문조사 */
.pop_survey {
  width: 720px;
  padding: 32px 60px 40px;
}
.survey_radios {
  border-top: #222 1px solid;
  border-bottom: #e0e3ee 1px solid;
  padding: 8px 0;
}
.survey_radios label.radio {
  display: block;
  padding: 8px 0 8px 28px;
}
.survey_radios label.radio i {
  top: 13px;
}
/* 결과보기 */
.pop_result {
  width: 720px;
  padding: 32px 60px 40px;
}
.pop_result col.number {
  width: 100px;
}
.pop_result col.ratio {
  width: 110px;
}
.pop_result td {
  font-size: 16px;
}
/* 신청취소 */
.pop_reservation_cencel {
  width: 520px;
}
.pop_reservation_cencel i {
  display: block;
  width: 60px;
  height: 60px;
  margin: 32px auto 16px;
  background: #283891 url("/pub/images/icon_ne2.svg") no-repeat 50% 50%;
  border-radius: 50%;
}
.pop_reservation_cencel .btn {
  color: #083042;
  font-weight: 700;
  line-height: 62px;
  height: 64px;
  width: 240px;
  border: #083042 1px solid;
  border-radius: 8px;
  text-align: center;
  margin: 32px auto 0;
}
/* 결과데이터 다운로드 */
.pop_data_download {
  width: 520px;
}
.pop_data_download .data_download {
  margin-top: 16px;
}
.pop_data_download .data_download a {
  position: relative;
  display: block;
  padding: 20px 120px 20px 66px;
  border-bottom: #e0e3ee 1px dashed;
}
.pop_data_download .data_download a:last-child {
  border-bottom: 0;
}
.pop_data_download .data_download .tt,
.pop_data_download .data_download i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pop_data_download .data_download .tt {
  left: 0;
  font-weight: 600;
}
.pop_data_download .data_download p {
  line-height: 30px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pop_data_download .data_download i {
  right: 0;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 38px;
  height: 38px;
  width: 110px;
  background: #083042;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.pop_data_download .data_download i:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/pub/images/icon_down2.svg") no-repeat 50% 50% / contain;
}

/* 직접사용/조작대행 */
.use_operation_wrap .inner {
  display: flex;
  gap: 2.5%;
}
.use_operation_wrap .left {
  width: 32%;
}
.use_operation_wrap .wbox {
  margin-top: 40px;
}
.use_operation_wrap .wbox:first-child {
  margin-top: 0;
}
.use_operation_wrap select.text {
  height: 55px;
  margin-bottom: 12px;
}
.search_box {
  display: flex;
  gap: 8px;
}
.search_box .text {
  width: calc(100% - 98px);
  height: 55px;
}
.search_box .btn {
  width: 90px;
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  background: #283891;
  border-radius: 8px;
}
.search_box .btn:after {
  width: 16px;
  height: 16px;
  background: #fff;
  mask: url("/pub/images/icon_search.svg") no-repeat 50% 50%;
  -webkit-mask: url("/pub/images/icon_search.svg") no-repeat 50% 50%;
}
.use_operation_wrap .type_list {
  margin-top: 24px;
  width: calc(100% + 16px);
  height: 787px;
  overflow: hidden scroll;
  padding-right: 13px;
}
.use_operation_wrap .type_list .box {
  display: block;
  border: #e0e3ee 1px solid;
  padding: 24px;
  border-radius: 8px;
  margin-bottom: 12px;
}
.use_operation_wrap .type_list .box.on {
  border-color: #39b54a;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}
.use_operation_wrap .type_list .box:last-child {
  margin-bottom: 0;
}
.use_operation_wrap .type_list span {
  display: block;
}
.use_operation_wrap .type_list .tit {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-weight: 600;
  margin-bottom: 16px;
}
.states {
  display: flex;
  gap: 8px;
}
.states li {
  font-size: 13px;
  font-weight: 500;
  line-height: 28px;
  height: 28px;
  padding: 0 12px;
  border-radius: 14px;
}
.states .new {
  color: #283891;
  background: #f2f3f9;
}
.states .repair {
  color: #ff2f00;
  background: #fdf0f0;
}
.use_operation_wrap .type_list .writer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 17px;
  overflow: hidden;
}
.use_operation_wrap .type_list .writer li {
  position: relative;
  font-size: 16px;
  color: #888;
  line-height: 1;
}
.use_operation_wrap .type_list .writer li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -9px;
  width: 1px;
  height: 14px;
  background: #d9d9d9;
  transform: translateY(-50%);
}
.wbox.memo_area {
  padding-bottom: 104px;
}
.memo_area .wtit {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 24px;
}
.memo_area .text_box {
  padding: 24px;
  border: #e0e3ee 1px solid;
  border-radius: 12px;
  height: 310px;
  overflow: hidden;
}
.memo_area .text_box.inscroll {
  padding: 20px;
}
.memo_area .text_box.inscroll pre {
  border: 0;
  font-family: inherit;
  padding-right: 10px;
}
.memo_area .btn_zoom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background: #283891;
}
.memo_area .btn_zoom:after {
  background: url("/pub/images/icon_zoom.svg") no-repeat 50% 50%;
  mask: none;
  -webkit-mask: none;
}
.non_fancy_close .fancybox-close {
  display: none;
}
.use_operation_wrap .right {
  position: relative;
  width: 65.5%;
}
.use_operation_wrap .right .point {
  position: absolute;
  top: -100px;
}
.use_operation_wrap .right .flex {
  gap: 3.815%;
}
.use_operation_wrap .right .infobox {
  position: relative;
  width: 57.253%;
  padding-bottom: 118px;
}
.use_operation_wrap .infobox .tit {
  font-size: 24px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 8px;
}
.use_operation_wrap .infobox p {
  font-size: 16px;
  color: #666;
  line-height: 20px;
  margin-bottom: 40px;
}
.use_operation_wrap .infobox .imgfit {
  border: #e0e3ee 1px solid;
  border-radius: 8px;
  height: 300px;
}
.use_operation_wrap .infobox .imgfit label.heart span:before {
  background-image: url("/pub/images/icon_heart_s.svg");
}
.info_txt {
  padding-top: 32px;
}
.info_txt dl {
  display: flex;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}
.info_txt dd:last-child {
  margin-bottom: 0;
}
.info_txt dt {
  width: 120px;
  color: #666;
}
.info_txt dd {
  width: calc(100% - 120px);
  font-weight: 500;
}
.use_operation_wrap .infobox .more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.use_operation_wrap .contact_box {
  width: 38.932%;
}
.use_operation_wrap .contact_box .btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}
.use_operation_wrap .contact_box .btns .btn_i {
  height: 64px;
  line-height: 62px;
  border-radius: 8px;
  text-align: center;
  border: #283891 1px solid;
}
.use_operation_wrap .contact_box .btns .btn_b {
  color: #fff;
  background: #283891;
}
.use_operation_wrap .contact_box .btns .btn_b:after {
  background: #fff;
}
.use_operation_wrap .contact_box .btns .btn_l {
  color: #283891;
  background: #fff;
  width: calc(50% - 6px);
}
.use_operation_wrap .contact_box .btns .btn_l:after {
  background: #283891;
}
.btn_reser:after {
  mask-image: url("/pub/images/icon_mc01_06.svg");
  -webkit-mask-image: url("/pub/images/icon_mc01_06.svg");
}
.btn_usage_fee:after {
  mask-image: url("/pub/images/icon_usage_fee.svg");
  -webkit-mask-image: url("/pub/images/icon_usage_fee.svg");
}
.btn_contact:after {
  mask-image: url("/pub/images/icon_mc01_05.svg");
  -webkit-mask-image: url("/pub/images/icon_mc01_05.svg");
}
.use_operation_wrap .contact_slide_area {
  height: 580px;
  padding: 32px;
}
.use_operation_wrap .jq_tab {
  display: flex;
  gap: 28px;
  overflow: hidden;
  margin-bottom: 24px;
}
.use_operation_wrap .jq_tab li {
  position: relative;
}
.use_operation_wrap .jq_tab li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  width: 4px;
  height: 4px;
  background: #ccc;
  border-radius: 50%;
  margin-top: -2px;
}
.use_operation_wrap .jq_tab li:first-child:before {
  display: none;
}
.use_operation_wrap .jq_tab button {
  display: block;
  font-size: 22px;
  font-weight: 600;
}
.use_operation_wrap .jq_tab .active button {
  color: #39b54a;
}
.use_operation_wrap .cont {
  position: relative;
}
.use_operation_wrap .contact_slide .slick-track {
  min-width: 100%;
}
.use_operation_wrap .contact_slide a,
.use_operation_wrap .contact_slide span {
  display: block !important;
}
.use_operation_wrap .contact_slide a {
  border-top: #e0e3ee 1px solid;
  padding: 22px 0;
}
.use_operation_wrap .contact_slide .tt {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.use_operation_wrap .contact_slide p {
  font-size: 15px;
  color: #888;
  line-height: 18px;
  margin-top: 12px;
}
.use_operation_wrap .contact_slide_area .navi {
  position: absolute;
  top: -50px;
  right: 0;
}
.use_operation_wrap .contact_slide_area .navi .arrow {
  width: 31px;
  height: 26px;
  background: #333;
  mask: url(/pub/images/arrow_slide.svg) no-repeat 50% 50%;
  -webkit-mask: url(/pub/images/arrow_slide.svg) no-repeat 50% 50%;
}
.use_operation_wrap .contact_slide_area .navi .next {
  transform: rotate(180deg);
}
.use_operation_wrap .contact_slide_area .slick-dots li {
  display: none;
  font-size: 14px;
  color: #999;
  font-weight: 500;
  line-height: 26px;
}
.use_operation_wrap .contact_slide_area .slick-dots li strong {
  color: #333;
  font-weight: 500;
}
.use_operation_wrap .contact_slide_area .slick-dots li.slick-active {
  display: block;
}

.month_board {
  height: 737px;
}
.month_board .head {
  position: relative;
  margin-bottom: 22px;
}
.month_board .type_select {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  border: #e0e3ee 1px solid;
  border-radius: 18px;
  background: #f5f7fb;
}
.month_board .type_select .btn {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 34px;
  padding: 0 18px;
  border-radius: 18px;
}
.month_board .type_select .on {
  color: #fff;
  background: #283891;
}
.month_board .month_select strong {
  display: block;
  font-size: 22px;
  color: #222;
  text-align: center;
  padding: 0 12px;
}
.month_board .month_select .arrow {
  width: 36px;
  height: 36px;
  border: #e0e3ee 1px solid;
  background: #fff url("/pub/images/arrow_slide2.svg") no-repeat 50% 50%;
  border-radius: 50%;
  font-size: 0;
}
.month_board .month_select .arrow.next {
  transform: rotate(180deg);
}
.month_board .head .state {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  gap: 16px;
}
.month_board .head .state li {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  padding-left: 13px;
}
.month_board .head .state li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.month_board .head .state li.end:before {
  background: #3e8bd5;
}
.month_board .head .state li.waiting:before {
  background: #f17800;
}
.month_board .head .state li.approval:before {
  background: #fff;
  border: #3e8bd5 1px solid;
}
.month_board .head .state li.complete:before {
  background: #ff0051;
}
.month_board .body .types {
  display: none;
}
.month_board .body .types.on {
  display: block;
}
.type_month {
  border: #e0e3ee 1px solid;
  border-radius: 8px;
  overflow: hidden;
  height: 610px;
  overflow: auto;
}
.type_month th {
  font-size: 16px;
  color: #222;
  line-height: 42px;
  text-align: center;
  background: #f5f7fb;
  border-bottom: #e0e3ee 1px solid;
}
.type_month tbody td {
  height: 113px;
  padding: 12px 12px 8px;
  border: #e0e3ee 1px solid;
  vertical-align: top;
}
.type_month tbody td span {
  display: block;
  font-size: 15px;
  color: #666;
  line-height: 18px;
}
.type_month tbody td:first-child {
  border-left: 0;
}
.type_month tbody td:first-child span {
  color: #ff2f00;
}
.type_month tbody td:last-child {
  border-right: 0;
}
.type_month tbody td:last-child span {
  color: #5087e0;
}
.type_month tbody tr:last-child td {
  border-bottom: 0;
}
.type_month tbody td ul {
  height: 48px;
  overflow: hidden;
  margin-top: 4px;
}
.type_month tbody td.on ul {
  height: auto;
}
.type_month tbody td li {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  border-radius: 2px;
  padding: 0 6px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.type_month tbody td li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  border-radius: 2px;
}
.type_month tbody td li:last-child {
  margin-bottom: 0;
}
.type_month tbody td li.end {
  color: #fff;
  background: #3e8bd5;
}
.type_month tbody td li.end:before {
  background: #b1d1f0;
}
.type_month tbody td li.waiting {
  color: #f17800;
  background: rgba(241, 120, 0, 0.1);
}
.type_month tbody td li.waiting:before {
  background: #f17800;
}
.type_month tbody td li.approval {
  color: #3e8bd5;
  background: #ecf4fb;
}
.type_month tbody td li.approval:before {
  background: #3e8bd5;
}
.type_month tbody td li.complete {
  color: #ff0051;
  background: #ffecf1;
}
.type_month tbody td li.complete:before {
  background: #ff0051;
}
.type_month tbody td .btn_plus {
  display: block;
  font-size: 13px;
  color: #888;
  font-weight: 500;
  line-height: 1;
  margin-top: 8px;
}
.type_month tbody td.on .btn_plus {
  display: none;
}
.type_board thead th {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 72px;
  text-align: center;
  z-index: 1;
}
.type_board thead th:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #f7f8f9;
}
.type_board thead th:first-child:before {
  border-radius: 8px 0 0 8px;
}
.type_board thead th:last-child:before {
  border-radius: 0 8px 8px 0;
}
.type_board tbody td {
  border-bottom: #e0e3ee 1px solid;
  padding: 21px 0;
  color: #222;
  line-height: 30px;
  text-align: center;
}
.type_board tbody td.num {
  font-size: 16px;
}
.type_board tbody td .state {
  display: block;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  line-height: 30px;
  height: 30px;
  width: 64px;
  background: #3e8bd5;
  border-radius: 4px;
  margin: 0 auto;
}
.type_board tbody td .end {
  background: #3e8bd5;
}
.type_board tbody td .waiting {
  color: #f17800;
  background: rgba(241, 120, 0, 0.1);
}
.type_board tbody td .approval {
  color: #3e8bd5;
  background: #ecf4fb;
}
.type_board tbody td .complete {
  color: #ff0051;
  background: #ffecf1;
}
.type_board col.num {
  width: 100px;
}
.type_board col.use {
  width: 100px;
}
.type_board col.item {
  width: auto;
}
.type_board col.email {
  width: 190px;
}
.type_board col.date {
  width: 140px;
}
.type_board col.statebox {
  width: 130px;
}
/* 페이징 */
.board_bottom .paging {
  display: flex;
  justify-content: center;
  margin-top: 65px;
}
.board_bottom .paging a {
  position: relative;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
}
.board_bottom .paging a.on {
  text-decoration: underline;
}
.board_bottom .paging .arrow {
  font-size: 0;
  background: no-repeat 50% 50% !important;
  border: #e0e3ee 1px solid;
  border-radius: 50%;
}
.board_bottom .paging .two {
  background-image: url("/pub/images/page_two.svg") !important;
}
.board_bottom .paging .one {
  background-image: url("/pub/images/page_one.svg") !important;
}
.board_bottom .paging .prev {
  margin-right: 16px;
}
.board_bottom .paging .next {
  margin-left: 16px;
}
.board_bottom .paging .next,
.board_bottom .paging .last {
  transform: scaleX(-1);
}
.board_bottom .paging .first {
  margin-right: 8px;
}
.board_bottom .paging .last {
  margin-left: 8px;
}
.month_board .iframebox {
  width: 100%;
  height: 100%;
}
/* 상세 */
.use_operation_view {
  display: flex;
  gap: 5%;
}
.use_operation_view .view_info {
  width: 26.25%;
}
.use_operation_view .infobox {
  padding-bottom: 112px;
  margin-bottom: 24px;
}
.use_operation_view .imgfit {
  height: 240px;
  border-radius: 12px;
  margin-bottom: 28px;
}
.use_operation_view .imgfit label.heart span:before {
  background-image: url("/pub/images/icon_heart_w.svg");
}
.use_operation_view .states {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}
.use_operation_view .tit {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 8px;
}
.use_operation_view p {
  font-size: 16px;
  color: #888;
}
.use_operation_view .info_txt {
  padding-top: 20px;
  margin-top: 20px;
  border-top: #e0e3ee 1px solid;
}
.use_operation_view .view_cont {
  width: 68.75%;
}
.btn_list {
  display: block;
  color: #083042;
  font-weight: 700;
  line-height: 62px;
  height: 64px;
  width: 240px;
  border: #083042 1px solid;
  border-radius: 8px;
  background: #fff;
  margin: 60px auto 0;
  text-align: center;
}

/* 예약신청 */
.btn_back {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  color: #083042;
  font-weight: 600;
  line-height: 36px;
  height: 38px;
  width: 106px;
  background: #fff;
  border: #083042 1px solid;
  border-radius: 6px;
}
.btn_back:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/pub/images/icon_back.svg") no-repeat 50% 50% / contain;
}
.application_form {
  background: #fff;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 80px 120px;
  margin-top: 16px;
}
.application_form .title {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}
.ntit {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  padding-left: 30px;
  margin: 80px 0 16px;
}
.ntit span {
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  border-radius: 4px;
  background: #39b54a;
}
.ntit .abso {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  font-weight: 400;
}
.item_info {
  display: flex;
  gap: 50px;
  border: #e0e3ee 1px solid;
  border-radius: 12px;
  padding: 32px;
}
.item_info .imgfit {
  width: 356px;
  height: 240px;
  border-radius: 12px;
}
.item_info .txt {
  width: calc(100% - 406px);
}
.item_info .tit {
  font-size: 28px;
  font-weight: 700;
}
.item_info p {
  font-size: 16px;
  margin: 8px 0 25px;
}
.item_info .dls dl {
  display: flex;
  margin-bottom: 10px;
}
.item_info .dls dl:last-child {
  margin-bottom: 0;
}
.item_info .dls dt {
  width: 86px;
}
.item_info .dls dd {
  width: calc(100% - 86px);
  font-weight: 500;
}

.board_write table {
  border-top: #222 1px solid;
}
.board_write th,
.board_write td {
  border-bottom: #e0e3ee 1px solid;
  padding: 14px 24px;
  height: 80px;
}
.board_write th {
  width: 244px;
  font-weight: 600;
  background: #f7f8f9;
  text-align: left;
  word-break: keep-all;
}
.board_write th span {
  color: #39b54a;
}
.board_write .gap_radio {
  gap: 32px;
}
.board_write .gap_radio .flex {
  align-items: center;
  gap: 10px;
}
.board_write .authMessage {
  font-size: 16px;
  color: #39b54a;
  margin-top: 10px;
}
.board_write .gap_text {
  gap: 10px; flex-wrap:wrap;
}
#max_rent_time_show {width: 100%; max-width: 100%;}
.board_write .gap_text .text {
  width: 300px;
  margin: 0;
}
.board_write.th_white th {
  background: none;
  font-size: 16px;
}
.board_write.th_white td {
  font-size: 16px;
}
.board_write.th_white td strong {
  font-size: 28px;
  font-weight: 600;
  margin-right: 10px;
}
.board_write .btn_pop {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  line-height: 28px;
  height: 28px;
  padding: 0 12px;
  border-radius: 4px;
  background: #083042;
}
.board_write .btn_pop:after {
  content: "";
  display: block;
  width: 10px;
  height: 20px;
  background: #fff;
  mask: url("/pub/images/arrow_link.svg") no-repeat 50% 50% / auto 100%;
  -webkit-mask: url("/pub/images/arrow_link.svg") no-repeat 50% 50% / auto 100%;
  margin-left: 10px;
}
.board_write .btn_pop.large {
  font-size: 16px;
  line-height: 36px;
  height: 36px;
}
.board_write .btn_pop.btn_down:after {
  width: 20px;
  mask: url("/pub/images/icon_down2.svg") no-repeat 50% 50% / contain;
  -webkit-mask: url("/pub/images/icon_down2.svg") no-repeat 50% 50% / contain;
  margin-left: 10px;
}
.board_write.nbd_b th,
.board_write.nbd_b td {
  border-bottom: 0;
}
.board_write.th_slim th {
  width: 160px;
}
.board_write .text {
  max-width: 100%;
}
.board_write .text.w48 {
  width: 480px;
}
.board_write .number {
  max-width: 100%;
}
.board_write .number.w48 {
  width: 480px;
}
.board_write.bd_th th {
  border-right: #e0e3ee 1px solid;
}
.board_write .intbl {
  padding: 0 !important;
}
.board_write .intbl col.num {
  width: 80px;
}
.board_write .intbl table {
  border-top: 0;
}
.board_write .intbl th,
.board_write .intbl td {
  width: auto;
  text-align: center;
  border-left: #e0e3ee 1px solid;
  border-right: #e0e3ee 1px solid;
}
.board_write .intbl th:first-child,
.board_write .intbl td:first-child {
  border-left: 0;
}
.board_write .intbl th:last-child,
.board_write .intbl td:last-child {
  border-right: 0;
}
.board_write .intbl tr:last-child td {
  border-bottom: 0;
}
.board_write .intbl th {
  line-height: 1.2;
  padding: 8px 4px;
  height: auto;
}
.board_write .intbl td {
  height: 64px;
}
.board_write .intbl col.intbl_type {
  width: 12%;
}
.board_write .pt3 {
  padding-top: 30px;
}
.scroll_tbl {
  max-height: 600px;
  overflow: auto;
}
.scroll_tbl col.num {
  width: 80px;
}
.scroll_tbl col.inputs2 {
  width: 20%;
}
.scroll_tbl th {
  text-align: center;
}
.scroll_tbl td {
  text-align: center;
  border-right: #ebebeb 1px solid;
}
.scroll_tbl th:first-child,
.scroll_tbl td:first-child {
  border-left: 0;
}
.scroll_tbl th:last-child,
.scroll_tbl td:last-child {
  border-right: 0;
}
.scroll_tbl tr:last-child td {
  border-bottom: 0;
}
/* 약관 */
.board_write .terms_area {
  padding: 20px 10px 20px 20px;
  border: #ddd 1px solid;
  border-radius: 20px;
  margin-top: 20px;
}
.board_write .txt_privacy {
  width: 100%;
  height: 300px;
  overflow: auto;
  padding: 0 10px 0 0;
  font-size: 14px;
}
.board_write .txt_privacy .date {
  margin-bottom: 20px;
}
.board_write .txt_privacy .tit {
  font-size: 15px;
  margin: 40px 0 20px;
}
.board_write .txt_privacy .tit.mt4 {
  margin-top: 20px;
}
.board_write .txt_privacy .tt {
  font-size: 14px;
  margin: 30px 0 16px;
}
.board_write .txt_privacy p.mt {
  margin-top: 10px;
}
.board_write .txt_privacy table {
  margin-top: 10px;
}
.board_write .txt_privacy th,
.board_write .txt_privacy td {
  padding: 10px;
  height: 40px;
}
/* 신청정보입력 */
.board_write tr[class*="con"],
.out_area {
  display: none;
}
.board_write tr.on {
  display: table-row;
}
.out_area.on {
  display: block;
}
/* 달력 */
.datepicker_box {
  position: relative;
}
.datepicker_box .text {
  display: block;
  pointer-events: auto;
  cursor: pointer;
  background: #fff;
}
.datepicker_box img {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
}
.ui-datepicker {
  width: 300px;
  margin-top: -1px;
  display: none;
}
.ui-datepicker-header {
  position: relative;
  border: #ddd 1px solid;
  border-bottom: 0;
  background: #283891;
  overflow: hidden;
}
.ui-datepicker-title {
  text-align: center;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  line-height: 40px;
  width: 100%;
}
.ui-datepicker-title span {
  color: #fff;
}
.ui-datepicker-title select {
  vertical-align: top;
  width: 70px;
  height: 24px;
  line-height: 22px;
  margin: 8px 4px 0;
  padding: 0 5px;
  background-position: right 5px center;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  position: absolute;
  top: 0;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.ui-datepicker-prev {
  left: 0;
}
.ui-corner-all .ui-icon {
  display: block;
  width: 11px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  font-size: 0;
  margin: 10px auto;
}
.ui-corner-all .ui-icon:before,
.ui-corner-all .ui-icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background: #fff;
  margin-left: -5px;
}
.ui-corner-all .ui-icon:before {
  margin-top: -4px;
}
.ui-corner-all .ui-icon:after {
  margin-top: 2px;
}
.ui-datepicker-prev .ui-icon:before {
  transform: rotate(-45deg);
}
.ui-datepicker-prev .ui-icon:after {
  transform: rotate(45deg);
}
.ui-datepicker-next {
  right: 0;
}
.ui-datepicker-next .ui-icon:before {
  transform: rotate(45deg);
}
.ui-datepicker-next .ui-icon:after {
  transform: rotate(-45deg);
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  border: #ddd 1px solid;
  text-align: center;
  background: #fff;
  line-height: 30px;
}
.ui-datepicker-calendar th:first-child {
  color: #d43333;
}
.ui-datepicker-calendar th:last-child {
  color: #283891;
}
.ui-datepicker-calendar td a {
  display: block;
}
.ui-datepicker-calendar td:first-child a {
  color: #d43333;
}
.ui-datepicker-calendar td:last-child a {
  color: #283891;
}
.ui-datepicker-calendar td a.ui-state-active {
  font-weight: 700;
  background: #f5f5f5;
}
.ui-datepicker-calendar td.ui-state-disabled * {
  color: #aaa;
}
/* 느낌표 박스 */
.neukkim_box {
  border-radius: 8px;
  background: #f7f8f9;
  padding: 58px 48px;
}
.ne {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  padding-left: 28px;
}
.ne:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("/pub/images/icon_ne.svg") no-repeat 50% 50% / contain;
}
.neukkim_box .ne {
  margin-bottom: 16px;
}
.neukkim_box.mtb {
  margin: 80px 0 60px;
}
.neukkim_box.mtb2 {
  margin-bottom: 24px;
  padding: 26px 48px;
  border:#283891 2px solid;
}
.neukkim_box p {
  padding-left: 16px;
  text-indent: -16px;
}
.neukkim_box.mtb2 p {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  padding-left: 0px;
}
.btn_submit {
  display: block;
  color: #fff;
  font-weight: 700;
  line-height: 64px;
  height: 64px;
  width: 240px;
  background: #283891;
  border-radius: 8px;
  margin: 60px auto 0;
}
.btn_submit.mt4 {
  margin-top: 40px;
}
.btn_submit.btn_l {
  color: #083042;
  background: #fff;
  border: #083042 1px solid;
  line-height: 62px;
}
/* 신청가능 시간 확인 */
.time_table {
  position: relative;
  margin-top: 20px;
  max-width: 920px;
}
.time_table dt {
  position: relative;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  line-height: 64px;
  padding: 0 32px;
  border-radius: 8px;
  background: #283891;
  cursor: pointer;
  transition: 0.2s linear;
}
.time_table.on dt {
  border-radius: 8px 8px 0 0;
}
.time_table dt i {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  transform: translateY(-50%);
}
.time_table dt i:before,
.time_table dt i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  transition: 0.2s linear;
}
.time_table dt i:before {
  width: 16px;
  height: 2px;
}
.time_table dt i:after {
  width: 2px;
  height: 16px;
}
.time_table.on dt i:after {
  width: 16px;
  height: 2px;
}
.time_table dd {
  padding: 23px 32px 32px;
  border: #c6c9d4 1px solid;
  border-radius: 0 0 8px 8px;
  display: none;
}
.time_table .years {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}
.time_table .years strong {
  font-size: 22px;
  color: #333;
  font-weight: 600;
  line-height: 36px;
}
.time_table .years button {
  width: 36px;
  height: 36px;
  border: #e0e3ee 1px solid;
  border-radius: 50%;
  background: url("/pub/images/arrow_prevnext2.svg") no-repeat 50% 50%;
  font-size: 0;
}
.time_table .years button.next {
  transform: rotate(180deg);
}
.time_table ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 6px;
}
.time_table li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 21px;
  flex: 0 0 calc((100% - 30px) / 6);
  min-width: 120px;
  height: 42px;
  line-height: 40px;
  border: #e0e3ee 1px solid;
  background: #f9f9f9;
  border-radius: 8px;
  font-size: 14px;
}
.time_table li span {
  position: relative;
  color: #333;
  font-weight: 500;
}
.time_table li span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -11px;
  width: 1px;
  height: 12px;
  transform: translateY(-50%);
  background: #c6c9d4;
}
.time_table li strong {
  font-weight: 600;
}
.time_table li.y strong {
  color: #283891;
}
.time_table li.n strong {
  color: #ff2f00;
}

/* 예약 완료 */
.end_page_wrap i {
  display: block;
  width: 60px;
  height: 60px;
  background: #283891 url("/pub/images/icon_end_basic.svg") no-repeat 50% 50%;
  border-radius: 50%;
  margin: 0 auto;
}
.end_page_wrap .end_use_operation {
  background-image: url("/pub/images/icon_end_use_operation.svg");
}
.end_page_wrap .end_analysis {
  background-image: url("/pub/images/icon_end_analysis.svg");
}
.end_page_wrap .end_genome {
  background-image: url("/pub/images/icon_end_genome.svg");
}
.end_page_wrap .end_soil_water_quality {
  background-image: url("/pub/images/icon_end_soil_water_quality.svg");
}
.end_page_wrap .end_join {
  background-image: url("/pub/images/icon_end_join.svg");
}
.end_page_wrap .end_pw {
  background-image: url("/pub/images/icon_end_pw.svg");
}
.end_page_wrap .tit {
  font-size: 40px;
  font-weight: 700;
  margin: 24px 0 16px;
  text-align: center;
  letter-spacing: -1.5px;
}
.end_page_wrap p {
  color: #666;
  margin-bottom: 40px;
  text-align: center;
}
.end_page_wrap p strong {
  font-weight: 600;
}
.end_page_wrap .inbox {
  width: 560px;
  max-width: 100%;
  margin: 0 auto;
}
.end_page_wrap .garea {
  padding: 32px;
}
.end_page_wrap dl {
  display: flex;
  font-size: 16px;
  margin-bottom: 12px;
}
.end_page_wrap dl:last-child {
  margin-bottom: 0;
}
.end_page_wrap dt {
  position: relative;
  width: 140px;
  font-weight: 600;
  padding-left: 16px;
}
.end_page_wrap dt:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #39b54a;
  border-radius: 3px;
}
.end_page_wrap dd {
  width: calc(100% - 140px);
  color: #222;
}
.end_page_wrap .btns_tac {
  margin-top: 40px;
}
.end_page_wrap .btn_end {
  display: block;
  color: #fff;
  font-weight: 700;
  line-height: 64px;
  height: 64px;
  background: #283891;
  border-radius: 8px;
  text-align: center;
}
.slice_line {
  width: 100%;
  height: 1px;
  background: #e0e3ee;
  margin: 40px 0;
}
.tit_location {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  padding-left: 28px;
  background: url("/pub/images/icon_tit_location.svg") no-repeat 0 50%;
  margin-bottom: 16px;
}

/* 유전체 분석의뢰 */
.genome_list {
  display: flex;
  gap: 25px;
}
.genome_list .box {
  position: relative;
  width: calc((100% - 100px) / 5);
  border-radius: 12px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  padding: 32px 32px 104px;
  overflow: hidden;
}
.genome_list i {
  display: block;
  width: 60px;
  height: 60px;
  background: #f7f8f9 no-repeat 50% 50%;
  border-radius: 50%;
  margin-bottom: 16px;
}
.genome_list .tit {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  height: 48px;
}
.genome_list .dls {
  margin-top: 16px;
  border-top: #e0e3ee 1px solid;
  padding-top: 32px;
  font-size: 16px;
}
.genome_list dl {
  display: flex;
}
.genome_list dt {
  position: relative;
  width: 85px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  padding-left: 13px;
}
.genome_list dt:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #39b54a;
  border-radius: 50%;
}
.genome_list dd {
  width: calc(100% - 85px);
  font-size: 16px;
  letter-spacing: -0.6px;
}
.genome_list .btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 72px;
  height: 72px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #283891;
}
.genome_list .btn:after {
  content: "";
  display: block;
  width: 9px;
  height: 14px;
  background: url("/pub/images/arrow_link_914.svg") no-repeat 50% 50% / contain;
}
.genome_list .i1 i {
  background-image: url("/pub/images/icon_genome01.svg");
}
.genome_list .i2 i {
  background-image: url("/pub/images/icon_genome02.svg");
}
.genome_list .i3 i {
  background-image: url("/pub/images/icon_genome03.svg");
}
.genome_list .i4 i {
  background-image: url("/pub/images/icon_genome04.svg");
}
.genome_list .i5 i {
  background-image: url("/pub/images/icon_genome05.svg");
}

.page_img {
  width: 100%;
  height: 340px;
  background: no-repeat 50% 50% / cover;
  margin-bottom: 60px;
}
.page_img.bg_genome {
  background-image: url("/pub/images/bg_genome.png");
}
.page_img.bg_soil_water_quality {
  background-image: url("/pub/images/bg_soil_water_quality.jpg");
}
.page_img .inner {
  height: inherit;
  flex-direction: column;
}
.page_img p {
  width: 100%;
  font-size: 36px;
  color: #fff;
  font-weight: 600;
}
.page_img .btn_link_w {
  display: block;
  color: #283891;
  font-weight: 700;
  line-height: 64px;
  height: 64px;
  width: 240px;
  background: #fff;
  border-radius: 8px;
  margin-top: 32px;
  text-align: center;
}
/* file */
.gap_file .mr {
  margin-right: 90px;
}
.gap_file .file {
  width: calc(100% - 274px);
  pointer-events: none;
  user-select: none;
  opacity: 0;
  transition: 0.2s linear;
}
.gap_file.file_on .file {
  pointer-events: auto;
  user-select: auto;
  opacity: 1;
}
.file {
  display: flex;
  margin-left: 16px;
}
.filebutton {
  position: relative;
  width: 86px;
  height: 28px;
  overflow: hidden;
  display: block;
}
.filebutton span {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #083042;
  vertical-align: top;
  border-radius: 4px;
}
.filebutton input {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 0;
  opacity: 0;
  filter: alpha(opacity = 0);
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
  _cursor: hand;
  pointer-events: none;
}
.filebox {
  width: calc(100% - 86px);
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  font-size: 16px;
  color: #006dd7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file_solo {
  display: flex;
}
.file_solo .filebutton {
  height: 38px;
}
.file_solo .filebutton span {
  line-height: 38px;
}
.file_solo .filebox {
  line-height: 38px;
  height: 38px;
}
/* 직접입력 시 */
.td_gbox {
  display: none;
  align-items: center;
  padding: 33px 0;
  background: #f7f8f9;
  border-radius: 8px;
}
.td_gbox.on {
  display: flex;
}
.td_gbox dt {
  width: 200px;
  text-align: center;
}
.td_gbox dt:before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: #fff no-repeat 50% 50%;
  border-radius: 50%;
  margin: 0 auto 8px;
}
.td_gbox dt p {
  font-size: 20px;
  font-weight: 600;
}
.td_gbox dd {
  width: calc(100% - 200px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.td_gbox ul {
  margin-bottom: 14px;
}
.direct_input dt:before {
  background-image: url("/pub/images/icon_write.svg");
}
.file_input dt:before {
  background-image: url("/pub/images/icon_file.svg");
}
/* 입력란 추가 */
.add_wrap {
  margin-top: 24px;
  padding-top: 40px;
  border-top: #222 1px solid;
}
.add_wrap .btn_area {
  margin-bottom: 16px;
  display: flex;
  justify-content: flex-end;
}
.add_wrap .btn_add {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 38px;
  height: 38px;
  width: 110px;
  text-align: center;
  background: #083042;
  border-radius: 6px;
}
.add_wrap th,
.add_wrap td {
  padding: 12px;
  text-align: center;
}
.add_wrap .text {
  margin: 0;
  max-width: 100%;
}
.add_wrap col.num {
  width: 3.7%;
}
.add_wrap col.inputs {
  width: 11.8%;
}
.add_wrap col.inputs2 {
  width: 19.8%;
}
.add_wrap col.btns {
  width: 6.3%;
}
.upload_tbl,
.add_wrap.file_on .btn_area,
.add_wrap.file_on .input_tbl {
  display: none;
}
.add_wrap.file_on .upload_tbl {
  display: table;
}

/* NGS 분석기기 소개 */
.ngs_item_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
}
.ngs_item_list a {
  width: calc((100% - 72px) / 4);
}
.ngs_item_list .imgfit {
  position: relative;
  display: block;
  width: 100%;
  height: 318px;
  border: #e0e3ee 1px solid;
  border-radius: 12px;
}
.ngs_item_list .imgfit:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url("/pub/images/icon_zoom2.svg") no-repeat 50%
    50%;
  opacity: 0;
  transition: 0.2s linear;
}
.ngs_item_list p {
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */
}
.ngs_item_list span {
  display: block; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */
}
.ngs_item_list .txt {
  margin-top: 24px;
}
.ngs_item_list .txt .type {
  font-size: 14px;
  color: #39b54a;
  font-weight: 700;
}
.ngs_item_list .txt p {
  margin: 0;
}
.ngs_item_list .txt .cn {
  font-size: 16px;
  color: #666;
  margin-top: 8px;
}

/* 기기사용절차 */
.usage_procedures .head {
  position: relative;
  width: 180px;
  height: 180px;
  border: #e7ebed 10px solid;
  border-radius: 50%;
  flex-direction: column;
  gap: 10px;
  background: #083042;
  margin: 0 auto 40px;
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.usage_procedures .head:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url("/pub/images/icon_usage_procedures01.svg") no-repeat 50% 50% /
    contain;
}
.usage_procedures .head:after {
  content: "";
  position: absolute;
  bottom: -38px;
  left: 50%;
  width: 18px;
  height: 19px;
  background: url("/pub/images/arrow_usage_procedures_basic.svg") no-repeat 50%
    50% / contain;
  transform: translateX(-50%);
}
.usage_procedures .half {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 80px;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
.usage_procedures .half:before,
.usage_procedures .half:after {
  content: "";
  position: absolute;
  left: 50%;
  width: calc(100% - (50% - 40px));
  height: 40px;
  border: #999 2px solid;
  transform: translateX(-50%);
  opacity: 0.5;
}
.usage_procedures .half:before {
  top: 0;
  border-radius: 12px 12px 0 0;
  border-bottom: 0;
}
.usage_procedures .half:after {
  bottom: 0;
  border-radius: 0 0 12px 12px;
  border-top: 0;
}
.usage_procedures .box {
  width: calc(50% - 40px);
  text-align: center;
}
.usage_procedures .tit {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  height: 72px;
  border: rgba(153, 153, 153, 0.5) 2px solid;
  border-radius: 36px;
  text-align: center;
}
.usage_procedures .c1 .tit {
  color: #39b54a;
}
.usage_procedures .c2 .tit {
  color: #283891;
}
.usage_procedures .gbox {
  position: relative;
  max-width: 360px;
  height: 100px;
  background: #f7f8f9;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 40px auto 0;
}
.usage_procedures .gbox:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  width: 18px;
  height: 40px;
  background: url("/pub/images/arrow_usage_procedures_basic.svg") no-repeat 50%
    50% / contain;
  transform: translateX(-50%);
}
.usage_procedures .gbox.big {
  height: 130px;
}
.usage_procedures .tt {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  gap: 8px;
  margin-bottom: 8px;
}
.usage_procedures .tt ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.usage_procedures .tt li {
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  line-height: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 10px;
  padding: 0 6px;
}
.usage_procedures .tt li:before {
  content: "";
  display: block;
  background: no-repeat 50% 50% / contain;
}
.usage_procedures .tt li.user {
  background: #00990a;
}
.usage_procedures .tt li.user:before {
  background-image: url("/pub/images/icon_usage_procedures02.svg");
  width: 10px;
  height: 10px;
}
.usage_procedures .tt li.researcher {
  background: #3e8bd5;
}
.usage_procedures .tt li.researcher:before {
  background-image: url("/pub/images/icon_usage_procedures03.svg");
  width: 8px;
  height: 10px;
}
.usage_procedures .tt li.client {
  background: #2253ce;
}
.usage_procedures .tt li.client:before {
  background-image: url("/pub/images/icon_usage_procedures04.svg");
  width: 9px;
  height: 8px;
}
.usage_procedures .tt li.manager {
  background: #f17800;
}
.usage_procedures .tt li.manager:before {
  background-image: url("/pub/images/icon_usage_procedures05.svg");
  width: 8px;
  height: 10px;
}
.usage_procedures .c1 .gbox:before {
  background-image: url("/pub/images/arrow_usage_procedures_green.svg");
}
.usage_procedures .c2 .gbox:before {
  background-image: url("/pub/images/arrow_usage_procedures_blue.svg");
}

/* 층별안내 */
.floor_guide .box {
  display: flex;
  gap: 5%;
  margin-bottom: 80px;
}
.floor_guide .box:last-child {
  margin-bottom: 0;
}
.floor_guide .img {
  width: 51%;
  min-height: 520px;
  background: #f7f8f9;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  font-size: 0;
}
.floor_guide .txt {
  width: 44%;
}
.floor_guide .stit {
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: #e0e3ee 1px solid;
}
.floor_guide dl {
  display: flex;
  font-size: 20px;
  margin-bottom: 12px;
}
.floor_guide dl:last-child {
  margin-bottom: 0;
}
.floor_guide dt {
  width: 66px;
  font-weight: 600;
}
.floor_guide dd {
  width: calc(100% - 66px);
}
.floor_guide .dt_long dt {
  width: 93px;
}
.floor_guide .dt_long dd {
  width: calc(100% - 93px);
}
.floor_guide .c1 dt {
  color: #39b54a;
}
.floor_guide .c2 dt {
  color: #283891;
}
.floor_guide .c3 dt {
  color: #f17800;
}
.floor_guide .c4 dt {
  color: #283891;
}

/* 찾아오시는 길 */
.directions_wrap {
  display: flex;
  gap: 3.75%;
}
.directions_wrap .map_area {
  width: 41.25%;
}
.directions_wrap .map_area .root_daum_roughmap {
  max-width: 100%;
}
.directions_wrap .tabs li {
  width: 50%;
}
.directions_wrap .roughmap_maker_label {
  border: 0;
}
.directions_wrap .roughmap_maker_label a {
  display: block;
  width: 272px;
  height: 154px;
  background: url("/pub/images/icon_map.png");
  transform: translateY(72px);
}
.directions_wrap .roughmap_maker_label .roughmap_lebel_text {
  font-size: 0;
  padding: 0;
  border: 0;
  background: none;
  color: transparent;
}
.directions_wrap .roughmap_maker_label:after {
  display: none;
}
.directions_wrap .txt {
  width: 55%;
}
.directions_wrap .tit {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 32px;
}
.directions_wrap .address {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 46px;
}
.directions_wrap .address li {
  position: relative;
  font-size: 20px;
  line-height: 28px;
  padding: 4px 0 4px 60px;
}
.directions_wrap .address li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: #2838910f no-repeat 50% 50%;
  border-radius: 50%;
}
.directions_wrap .address li.i1:before {
  background-image: url("/pub/images/icon_map01.svg");
}
.directions_wrap .address li.i2:before {
  background-image: url("/pub/images/icon_map02.svg");
}
.directions_wrap .address li.i3:before {
  background-image: url("/pub/images/icon_map03.svg");
}
.directions_wrap .garea {
  margin-top: 50px;
  padding: 46px 40px;
}
.directions_wrap .garea dl {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
}
.directions_wrap .garea dl:last-child {
  margin-bottom: 0;
}
.directions_wrap .garea dt {
  position: relative;
  font-weight: 500;
  width: 235px;
  padding-left: 34px;
}
.directions_wrap .garea dt:before {
  content: "2";
  position: absolute;
  top: 2px;
  left: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #02a94e;
  border-radius: 50%;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.directions_wrap .garea dd {
  color: #666;
  width: calc(100% - 235px);
}

/* 게시판 상단 */
.board_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 16px;
}
.board_top .text {
  height: 52px;
  border: #c6c9d4 1px solid;
  border-radius: 8px;
  margin: 0;
  padding: 0 16px;
  color: #888;
}
.board_top .left {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
.board_top .total {
  color: #222;
}
.board_top .left .text {
  width: 200px;
}
.board_top .search_area {
  display: flex;
  align-items: center;
  gap: 8px;
}
.board_top .search_area select.text {
  width: 130px;
}
.board_top .search_area input.text {
  width: 300px;
}
.board_top .search_area .btn {
  display: block;
  color: #fff;
  font-weight: 500;
  line-height: 52px;
  height: 52px;
  width: 80px;
  background: #083042;
  border-radius: 8px;
  text-align: center;
}
.board_top .datepicker_box {
  width: 200px;
}
/* 게시판 목록 */
.board_list {
  position: relative;
  z-index: 1;
}
.board_list tr {
  position: relative;
}
.board_list tr .full_hov {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.board_list tr .my_btn1,
.board_list tr .my_btn2 {
  position: relative;
  z-index: 3;
}
.board_list th,
.board_list td {
  color: #222;
  height: 72px;
  text-align: center;
}
.board_list th {
  position: relative;
  font-size: 16px;
}
.board_list th:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f7f8f9;
  z-index: -1;
}
.board_list th:first-child:before {
  border-radius: 8px 0 0 8px;
}
.board_list th:last-child:before {
  border-radius: 0 8px 8px 0;
}
.board_list td {
  border-bottom: #e0e3ee 1px solid;
}
.board_list col.num {
  width: 100px;
}
.board_list col.device {
  width: 200px;
}
.board_list col.device2 {
  width: 270px;
}
.board_list col.tit {
  width: auto;
}
.board_list col.schedule {
  width: 390px;
}
.board_list col.writer {
  width: 160px;
}
.board_list col.date {
  width: 200px;
}
.board_list col.dates {
  width: 300px;
}
.board_list col.attachment {
  width: 200px;
}
.board_list col.attachment2 {
  width: 150px;
}
.board_list col.hit {
  width: 160px;
}
.board_list col.btns {
  width: 200px;
}
.board_list .tit a {
  padding-left: 20px;
}
.board_list a.hov,
.board_list .tit a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board_list .state {
  display: block;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  line-height: 28px;
  height: 28px;
  width: 60px;
  padding: 0 12px;
  border-radius: 14px;
  margin: 0 auto;
}
.board_list .state.ing {
  background: #39b54a;
}
.board_list .state.end,
.board_list .state.end2 {
  background: #e9f3ff;
  color: #3e8bd5;
}
.board_list .state.cancel {
  background: #f7f8f9;
  color: #032e86;
}
.board_list .state.waiting {
  background: #fef2e6;
  color: #f17800;
}
.board_list .state.analysis {
  background: #ffecf1;
  color: #ff0051;
}
.board_list .state.re_analysis {
  background: #ecf8eb;
  color: #39b54a;
}
.board_list .attachment i {
  display: block;
  width: 18px;
  height: 20px;
  background: url("/pub/images/icon_attachment.svg") no-repeat 50% 50% / contain;
  margin: 0 auto;
}
.board_list .notice {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  line-height: 28px;
  height: 28px;
  width: 48px;
  text-align: center;
  background: #39b54a;
  border-radius: 24px;
  text-align: center;
  margin: 0 auto;
}
.board_list .btn {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  height: 32px;
  width: 88px;
  border-radius: 4px;
  margin: 0 auto;
  border: #283891 1px solid;
  text-align: center;
}
.board_list .btn_g {
  color: #fff;
  background: #283891;
}
.board_list .btn_l {
  color: #283891;
  background: #fff;
}
.board_list .btn_bg {
  color: #fff;
  background: #083042;
}
.board_list.in_btn_w48 .btn {
  width: 48px;
}
.board_list.in_btn_w48 .btn.big {
  width: 60px;
}
.state_type2 .state {
  display: block;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  line-height: 30px;
  height: 30px;
  width: 64px;
  border-radius: 4px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
.state_type2 .state.big {
  width: 80px;
}
/* 게시판 상세 */
.board_view {
  border-top: #222 1px solid;
}
.board_view .head {
  position: relative;
  padding: 30px 200px 30px 30px;
  border-bottom: #ebebeb 1px solid;
}
.board_view .head .tit {
  display: flex;
  gap: 12px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.board_view .head .tit .state {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  line-height: 28px;
  height: 28px;
  padding: 0 12px;
  border-radius: 14px;
}
.board_view .head .tit .state.ing {
  background: #39b54a;
}
.board_view .writer {
  display: flex;
  align-items: center;
  gap: 41px;
  overflow: hidden;
  margin-top: 28px;
}
.board_view .writer dl {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  line-height: 1;
}
.board_view .writer dl:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -21px;
  width: 1px;
  height: 14px;
  background: #d9d9d9;
  transform: translateY(-50%);
}
.board_view .writer dt {
  color: #888;
}
.board_view .writer dd {
  font-weight: 600;
}
.board_view .writer dd.status_area {
  margin: 0;
}
.board_view .writer dd.status_area .state {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 28px;
  height: 28px;
  width: 60px;
  border-radius: 4px;
  text-align: center;
  padding: 0;
}
.board_view .btn_link {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.btn_link {
  position: relative;
  display: flex;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 44px;
  height: 44px;
  width: 150px;
  padding: 0 16px;
  border-radius: 6px;
  background: #283891;
}
.btn_link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  width: 7px;
  height: 100%;
  background: url("/pub/images/arrow_link_914.svg") no-repeat 50% 50% / contain;
}
.btn_link.large {
  width: 240px;
  height: 64px;
  line-height: 64px;
  justify-content: center;
  gap: 6px;
}
.btn_link.large:after {
  position: relative;
  right: 0;
}
.board_view .file_area {
  background: #f7f8f9;
  border-radius: 8px;
  padding: 28px 30px;
  margin-top: 20px;
}
.board_view .file_area a {
  display: block;
  font-size: 16px;
  line-height: 1;
  padding-left: 30px;
  background: url("/pub/images/icon_down.svg") no-repeat 0 50%;
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board_view .file_area a:last-child {
  margin-bottom: 0;
}
.board_view .body {
  padding: 60px 30px;
  font-family: "nanum gothic";
  word-break: break-word;
}
.board_view .body img {
  height: auto !important;
}
.board_view .prevnext {
  border-top: #e0e3ee 1px solid;
}
.board_view .prevnext a {
  position: relative;
  padding: 20px 0 20px 190px;
  display: block;
  border-bottom: #e0e3ee 1px solid;
}
.board_view .prevnext .tt {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 70px;
  font-size: 16px;
}
.board_view .prevnext .tt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 23px;
  height: 23px;
  background: url("/pub/images/arrow_prevnext.svg") no-repeat 50% 50%;
  margin-top: -12px;
}
.board_view .prevnext .next .tt:before {
  transform: rotate(180deg);
}
.board_view .prevnext p {
  color: #222;
  font-weight: 500;
}
.board_view .head.bdb {
  border-bottom: #e0e3ee 1px solid;
}
.board_view .writer.colm {
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.board_view .writer.colm dl {
  gap: 0;
}
.board_view .writer.colm dt {
  width: 74px;
}
.board_view .writer.colm dd {
  width: calc(100% - 74px);
}
.btns_tar {
  border-top: #e0e3ee 1px solid;
  padding-top: 16px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.btns_tar .btn {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 36px;
  height: 38px;
  width: 60px;
  text-align: center;
  border: #083042 1px solid;
  border-radius: 6px;
}
.btns_tar .btn_b {
  color: #fff;
  background: #083042;
}
.btns_tar .btn_l {
  color: #083042;
  background: #fff;
}
.reply_area {
  margin-top: 80px;
  background: #f7f8f9;
  border-radius: 8px;
  padding: 58px 46px;
}
.reply_area .ne {
  margin-bottom: 16px;
}

/* Q&A */
.qna_write {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}

/* 인사말 */
.bg_greeting_wrap {
  position: relative;
  width: 100%;
  height: 340px;
}
.bg_greeting_wrap .bg {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1;
  pointer-events: none;
  display: none;
}
.bg_greeting_wrap .t {
  bottom: 100%;
  height: 607px;
}
.bg_greeting_wrap .b {
  top: 100%;
  height: calc(100vh - 947px);
}
.bg_greeting {
  position: relative;
  width: 100%;
  height: 340px;
  overflow: hidden;
  background: url("/pub/images/img_greeting.jpg") no-repeat 50% 50% / cover;
}
/* .bg_greeting .img {position:fixed; top:0; left:0; width:100%; height:100vh; background:url('/pub/images/img_greeting.jpg') no-repeat 50% 50% / cover; z-index:-1;} */
.greeting_wrap {
  padding: 64px 0 140px;
  background: #fff;
}
.greeting {
  position: relative;
  display: flex;
  z-index: 1;
}
.greeting .tit {
  width: 38%;
  font-size: 40px;
  font-weight: 700;
  padding-right: 20px;
}
.greeting .txt {
  width: 62%;
  padding: 0 0 13px 64px;
  border-left: #e0e3ee 1px solid;
}
.greeting .tt {
  font-size: 24px;
  font-weight: 600;
}
.greeting p {
  margin: 50px 0 40px;
}
.greeting .name {
  font-size: 20px;
  font-weight: 500;
}
.greeting .name strong {
  font-size: 24px;
  margin-left: 16px;
}

/* 준비중입니다 */
.coming {
  position: relative;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  padding: 120px 20px;
  border: #05255b 2px solid;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
}
.coming:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40%;
  height: 40%;
  background: #f5f5f5;
  mask: url("/pub/images/logo.svg") no-repeat 50% 50% / 80% 80%;
  -webkit-mask: url("/pub/images/logo.svg") no-repeat 50% 50% / 80% 80%;
  z-index: -1;
}

/* 설립목적 */
.purpose_establishment {
  position: relative;
}
.purpose_establishment .head {
  position: absolute;
  top: 50%;
  left: 0;
  width: 320px;
  height: 320px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
}
.purpose_establishment .head:before,
.purpose_establishment .head:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
}
.purpose_establishment .head:before {
  width: 880px;
  height: 880px;
  transform: translate(-50%, -50%);
  margin-top: -60px;
  opacity: 0.04;
  background: linear-gradient(180deg, #b5d333 0%, #283891 100%);
  z-index: -1;
}
.purpose_establishment .head:after {
  width: calc(100% + 160px);
  height: calc(100% + 160px);
  border: #fff 1px dashed;
  border-top: #d9d9d9 1px dashed;
  border-right: #d9d9d9 1px dashed;
  transform: translate(-50%, -50%) rotate(45deg);
}
.purpose_establishment .head i {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff url("/pub/images/icon_logo.svg") no-repeat 50% 50% /
    calc(100% - 80px);
  border-radius: 50%;
}
.purpose_establishment ul {
  padding-left: 300px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.purpose_establishment li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  height: 160px;
  padding-left: 208px;
}
.purpose_establishment li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 160px;
  background: #fff no-repeat 50% 50%;
  border-radius: 50%;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.purpose_establishment li:before,
.purpose_establishment li:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.purpose_establishment li:before {
  left: -160px;
  width: 160px;
  border-top: #d9d9d9 1px dashed;
}
.purpose_establishment li:after {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.purpose_establishment strong {
  font-size: 24px;
  font-weight: 600;
}
.purpose_establishment p {
  font-size: 20px;
}
.purpose_establishment .line {
  position: absolute;
  top: 50%;
  left: -170px;
  width: 130px;
  border-top: #d9d9d9 1px dashed;
}
.purpose_establishment .i2,
.purpose_establishment .i3 {
  margin-left: 220px;
}
.purpose_establishment .i1:before,
.purpose_establishment .i4:before {
  left: -80px;
  width: 80px;
}
.purpose_establishment .i1 strong {
  color: #39b54a;
}
.purpose_establishment .i1 i {
  background-image: url("/pub/images/icon_purpose_establishment01.svg");
}
.purpose_establishment .i1:after {
  background: #39b54a;
  left: -134px;
  margin-top: 120px;
}
.purpose_establishment .i1 .line {
  transform: translateY(60px) rotate(-68deg);
}
.purpose_establishment .i2 strong {
  color: #227a64;
}
.purpose_establishment .i2 i {
  background-image: url("/pub/images/icon_purpose_establishment02.svg");
}
.purpose_establishment .i2:after {
  background: #227a64;
  left: -160px;
}
.purpose_establishment .i3 strong {
  color: #104e78;
}
.purpose_establishment .i3 i {
  background-image: url("/pub/images/icon_purpose_establishment03.svg");
}
.purpose_establishment .i3:after {
  background: #104e78;
  left: -160px;
}
.purpose_establishment .i4 strong {
  color: #032e86;
}
.purpose_establishment .i4 i {
  background-image: url("/pub/images/icon_purpose_establishment04.svg");
}
.purpose_establishment .i4:after {
  background: #39b54a;
  left: -134px;
  margin-top: -120px;
}
.purpose_establishment .i4 .line {
  transform: translateY(-60px) rotate(68deg);
}

/* 연혁 */
.history {
  position: relative;
  padding-left: 680px;
  overflow: hidden;
}
.history #start {
  top: -180px;
}
.history .years {
  position: absolute;
  top: 0;
  left: 0;
}
.history .years ul {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.history .years li {
  font-size: 40px;
  color: #999;
  font-weight: 600;
  line-height: 1;
  transition: 0.2s linear;
}
.history .years li.on {
  font-size: 56px;
  color: #032e86;
  font-weight: 700;
}
.history.start .years {
  position: fixed;
  top: 180px;
  left: 50%;
  margin-left: -800px;
}
.history.end .years {
  top: auto;
  bottom: 0;
}
.history .day_events .box {
  position: relative;
  padding: 32px 0;
  border-bottom: #e0e3ee 1px solid;
}
.history .day_events .box .point {
  top: -100px;
}
.history .day_events dl {
  display: flex;
  transition-duration: 1s !important;
}
.history .day_events dt {
  width: 200px;
  font-size: 24px;
  color: #283891;
  font-weight: 700;
}
.history .day_events dd {
  width: calc(100% - 200px);
  font-size: 20px;
}

/* 조직(연락처) */
.organization {
  width: 1240px;
  max-width: 100%;
  margin: 0 auto;
}
.organization .boss {
  position: relative;
  width: 200px;
  height: 200px;
  background: linear-gradient(144deg, #283891 18.24%, #1b2663 90.25%);
  margin: 0 auto 84px;
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  border: #e6ebf3 20px solid;
  border-radius: 50%;
}
.organization :before {
  content: "";
  position: absolute;
  background: #e0e3ee;
}
.organization .boss:before {
  top: calc(100% + 20px);
  left: 50%;
  width: 1px;
  height: 240px;
}
.organization .operate {
  padding-right: calc(50% + 160px);
  display: flex;
  justify-content: flex-end;
}
.organization .bx,
.organization .department li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 8px;
}
.organization .bx {
  font-size: 20px;
  font-weight: 600;
}
.organization .operate {
  position: relative;
  margin-bottom: 84px;
}
.organization .operate:before {
  top: 50%;
  right: 50%;
  width: 160px;
  height: 1px;
}
.organization .operate .bx {
  color: #032e86;
  height: 72px;
  width: 240px;
  background: #fff;
  border: #032e86 1px solid;
}
.organization .department {
  position: relative;
  display: flex;
  gap: 40px;
  width: 100%;
  padding-top: 60px;
}
.organization .department:before {
  top: 0;
  left: 50%;
  width: calc(100% - ((100% - 120px) / 4));
  height: 1px;
  transform: translateX(-50%);
}
.organization .department .box {
  position: relative;
  width: calc((100% - 120px) / 4);
}
.organization .department .box:before {
  top: -60px;
  left: 50%;
  width: 1px;
  height: 60px;
}
.organization .department .bx {
  width: 100%;
  height: 56px;
  color: #fff;
  background: #39b54a;
  margin-bottom: 40px;
}
.organization .department ul {
  background: #f7f8f9;
  border-radius: 8px;
  padding: 16px;
}
.organization .department li {
  position: relative;
  margin-bottom: 8px;
}
.organization .department li:last-child {
  margin-bottom: 0;
}
.organization .department li a {
  position: relative;
  font-weight: 500;
  height: 56px;
  background: #fff;
  border: #39b54a 1px solid;
}
.organization .department li a i {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  background: #f0f9f1;
  border-radius: 50%;
  transition: 0.2s linear;
}
.organization .department li a i:before,
.organization .department li a i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #39b54a;
  transition: 0.2s linear;
}
.organization .department li a i:before {
  width: 10px;
  height: 2px;
}
.organization .department li a i:after {
  width: 2px;
  height: 10px;
}
.detail_area {
  position: relative;
}
.detail_area #detail_area {
  top: -160px;
}
.detail_area .detail_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.detail_area.org_hide .stit,
.detail_area.org_hide .detail_list {
  display: none;
}
.detail_area .stit {
  height: 30px;
}
.detail_area .detail_list .box {
  width: calc((100% - 120px) / 4);
  border: #e0e3ee 1px solid;
  border-radius: 12px;
  padding: 32px;
}
.detail_area .detail_list span {
  display: block;
  font-size: 16px;
  color: #39b54a;
  font-weight: 700;
  height: 26px;
}
.detail_area .detail_list .name {
  font-size: 28px;
  font-weight: 600;
}
.detail_area .detail_list ul {
  border-top: #e0e3ee 1px solid;
  margin-top: 16px;
  padding-top: 24px;
}
.info_icons li {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding-left: 24px;
}
.info_icons li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #083042 no-repeat 50% 50%;
  border-radius: 50%;
}
.info_icons .i1:before {
  background-image: url("/pub/images/icon_detail_list01.svg");
}
.info_icons .i2:before {
  background-image: url("/pub/images/icon_detail_list02.svg");
}
.info_icons .i3:before {
  background-image: url("/pub/images/icon_detail_list03.svg");
}
.detail_area .detail_list li {
  padding-left: 94px;
  margin-bottom: 5px;
}
.detail_area .detail_list li:last-child {
  margin-bottom: 0;
}
.detail_area .detail_list li i {
  position: absolute;
  top: 0;
  left: 24px;
  color: #666;
  font-weight: 400;
}
.detail_area.org_hide.on .stit {
  display: block;
}
.detail_area.org_hide.on .detail_list {
  display: flex;
}

/* 기기실 상세 */
.equipment_view {
  position: relative;
  padding-left: 500px;
}
.equipment_view #start {
  top: -160px;
}
.equipment_view .dummy_height {
  height: 160px;
}
.equipment_view .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 420px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 30px;
  padding: 32px;
  border-radius: 12px;
}
.equipment_view .info .imgfit {
  width: 100%;
  height: 240px;
  border: #e0e3ee 1px solid;
  border-radius: 12px;
  margin-bottom: 24px;
}
.equipment_view .info .tit {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}
.equipment_view .info li {
  margin-top: 11px;
}
.equipment_view .info p {
  margin-top: 24px;
  padding-top: 24px;
  border-top: #e0e3ee 1px solid;
  color: #222;
}
.equipment_list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 40px;
}
.equipment_list .box {
  width: calc((100% - 80px) / 3);
}
.equipment_list .imgfit {
  width: 100%;
  height: 292px;
  border: #e0e3ee 1px solid;
  border-radius: 12px;
}
.equipment_list .txt {
  padding-top: 24px;
}
.equipment_list .tit {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  margin-bottom: 10px;
}
.equipment_list .tit strong {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.equipment_list .txt p {
  font-size: 16px;
  color: #666;
}
.view_img_height img {
  max-width: 100%;
  height: auto !important;
}
.equipment_view .detail_area .detail_list .box {
  width: calc((100% - 80px) / 3);
}
.equipment_view.start .info {
  position: fixed;
  top: 160px;
  left: 50%;
  margin-left: -800px;
}
.equipment_view.end .info {
  top: auto;
  bottom: 0;
}

/* 인증현황 */
.certification col.num {
  width: 64px;
}
.certification col.name {
  width: 62%;
}
.certification col.agency {
  width: auto;
}
.certification th {
  text-align: center;
}

/* 로그인 */
.container.g00 {
  margin-top: 100px;
  padding-top: 80px;
  min-height: calc(100vh - 453px);
}
.container.g00.flex_center {
  padding: 140px 0;
}
.member_wrap {
  width: 490px;
  max-width: 100%;
  margin: 0 auto;
}
.member_wrap .title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 15px;
}
.member_wrap p {
  color: #666;
  text-align: center;
  margin-bottom: 40px;
}
.member_wrap .text {
  width: 100%;
  height: 64px;
}
.member_wrap .text.mt {
  margin-top: 8px;
}
.member_wrap .text::placeholder {
  color: #888;
}
.member_wrap .btm {
  display: flex;
  justify-content: space-between;
  margin: 16px 0 40px;
}
.member_wrap .btm .btns {
  display: flex;
  gap: 21px;
  overflow: hidden;
}
.member_wrap .btm .btns a {
  position: relative;
  font-size: 16px;
}
.member_wrap .btm .btns a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -11px;
  width: 1px;
  height: 14px;
  background: #a6aab9;
  transform: translateY(-50%);
}
.member_wrap .btn_b {
  display: block;
  width: 100%;
  font-weight: 700;
  line-height: 62px;
  height: 64px;
  border: #283891 1px solid;
  border-radius: 8px;
  text-align: center;
}
.member_wrap .btn_g {
  color: #fff;
  background: #283891;
}
.member_wrap .btn_l {
  color: #283891;
  background: #fff;
}
.member_wrap .mt {
  margin-top: 8px;
}
.sns_login {
  margin-top: 40px;
}
.sns_login .tit {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
.sns_login .flex_center {
  gap: 24px;
}
.sns_login .flex_center a {
  width: 64px;
  height: 64px;
  font-size: 0;
  background: no-repeat 50% 50%;
  border-radius: 50%;
}
.icon_kakao {
  background-image: url("/pub/images/icon_kakao.svg") !important;
  background-color: #ffe101 !important;
}
.icon_naver {
  background-image: url("/pub/images/icon_naver.svg") !important;
  background-color: #00c300 !important;
}
.icon_google {
  position: relative;
  background-image: url("/pub/images/icon_google.svg") !important;
  background-color: #fff !important;
  border: #e0e3ee 1px solid;
  overflow: hidden;
}
.icon_google div {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.01;
}
.icon_google > div {
  background-image: #fff url("/pub/images/icon_google.svg") no-repeat 50% 50%;
}
.icon_google iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  z-index: 2;
  transform: translateY(50%) scale(3);
}

/* 회원가입 */
.member_inputs {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.gap_btn {
  gap: 8px;
}
.gap_btn .text {
  width: calc(100% - 120px);
}
.gap_btn .btn {
  width: 112px;
  height: 52px;
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
  border: #032e86 1px solid;
  border-radius: 8px;
}
.gap_btn .btn_l {
  color: #032e86;
  background: #fff;
}
.gap_btn .btn_g {
  color: #fff;
  background: #032e86;
}
.gap_btn + p {
  font-size: 16px;
  margin-top: 8px;
}
.gap_btn + .text,
.member_inputs .mt {
  margin-top: 8px;
}
.member_inputs .w30 {
  width: 300px;
  max-width: 100%;
}
.member_inputs .gbox {
  background: #f7f8f9;
  border-radius: 8px;
  padding: 16px;
  margin-top: 30px;
}
.member_inputs .gbox p {
  font-size: 16px;
  padding-left: 16px;
  text-indent: -16px;
}
.member_inputs .flex_middle .btn_pop {
  margin-left: 16px;
}
.fancybox-wrap .txt_privacy {
  width: 1000px;
  max-width: 100%;
  padding: 40px;
}
.pop_search_person {
  width: 900px;
  padding-bottom: 40px;
}
.pop_search_person .search_box {
  width: 540px;
  max-width: 100%;
  margin: 0 auto 40px;
}
.pop_search_person col.num {
  width: 80px;
}
.pop_search_person col.name {
  width: 120px;
}
.pop_search_person col.email {
  width: 300px;
}
.pop_search_person col.select {
  width: 110px;
}
.pop_search_person th {
  padding-left: 10px;
  padding-right: 10px;
}
.pop_search_person .board_bottom .paging {
  margin-top: 40px;
}
/* .member_wrap.end_page_wrap {padding-top:160px;} */

/* 계정 찾기 */
/* .find_wrap {padding-top:100px;} */
.find_wrap .btit {
  margin-bottom: 20px;
}
.find_wrap .tabs_half {
  display: flex;
}
.find_wrap .tabs_half a {
  position: relative;
  width: 50%;
  border-bottom: #ebebeb 1px solid;
  padding: 15px 0;
  text-align: center;
  margin-bottom: 40px;
}
.find_wrap .tabs_half a:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background: #39b54a;
  transition: 0.2s linear;
}
.find_wrap .tabs_half a.on {
  color: #39b54a;
}
.find_wrap .tabs_half a.on:after {
  width: 100%;
}
.find_wrap .garea {
  padding: 32px 10px;
  text-align: center;
}
.find_wrap .garea p {
  font-size: 16px;
  color: #888;
  margin: 16px 0 0;
}
.find_wrap .garea p strong {
  color: #333;
}
.find_wrap .garea i {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: no-repeat 50% 50%;
}
.btn_flie {
  color: #006dd7;
}

/* 예약내역 */
.status_area {
  display: flex;
  justify-content: center;
  gap: 160px;
  margin-bottom: 80px;
}
.status_area.left {
  justify-content: flex-start;
}
.status_area li {
  position: relative;
  display: flex;
  gap: 80px;
}
.status_area li:before {
  content: "";
  position: absolute;
  top: 0;
  left: -80px;
  width: 1px;
  height: 100%;
  background: #e0e3ee;
}
.status_area li:first-child:before {
  display: none;
}
.status_area li .box {
  position: relative;
  width: 168px;
  height: 168px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
}
.status_area li strong {
  font-size: 24px;
}
.status_area li p {
  font-size: 20px;
  font-weight: 600;
}
.status_area li.arrow_set .box:before {
  content: "";
  position: absolute;
  top: 0;
  left: -80px;
  width: 80px;
  height: 100%;
  background: url("/pub/images/arrow_step.svg") no-repeat 50% 50%;
}
.status_area li.arrow_set .box:first-child:before {
  display: none;
}
.status_area .end {
  background: #e9f3ff;
}
.status_area .end strong {
  color: #3e8bd5;
}
.status_area .cancel {
  background: #f7f8f9;
}
.status_area .cancel strong {
  color: #032e86;
}
.status_area .waiting {
  background: #fef2e6;
}
.status_area .waiting strong {
  color: #ffba00;
}
.status_area .analysis {
  background: #ffecf1;
}
.status_area .analysis strong {
  color: #ff0051;
}
.status_area .re_analysis {
  background: #ecf8eb;
}
.status_area .re_analysis strong {
  color: #39b54a;
}
.status_area .end2 {
  background: #f3f7ff;
}
.status_area .end2 strong {
  color: #2253ce;
}
/* 직접사용/조작대행 */
.board_list col.my_num {
  width: 5.6%;
}
.board_list col.my_state {
  width: 8%;
}
.board_list col.my_type {
  width: 8.2%;
}
.board_list col.my_devicename {
  width: 23.8%;
}
.board_list col.my_usetime {
  width: 13.2%;
}
.board_list col.my_time {
  width: 6.4%;
}
.board_list col.my_date {
  width: 8.8%;
}
.board_list col.my_btn {
  width: 6.4%;
}
/* 분석의뢰 */
.board_list col.my_smaplename {
  width: 25.8%;
}
.board_list col.my_count {
  width: 7%;
}
/* 유전체 분석내역 */
.board_list col.my_reception {
  width: 16%;
}
.board_list col.my_analysis_type {
  width: 15%;
}
.board_list col.my_applicant {
  width: 8%;
}
.board_list col.my_contact {
  width: 12%;
}
.board_list col.my_email {
  width: 13.6%;
}
.board_list col.my_application {
  width: 9.5%;
}
/* 토양,수질 분석내역 */
.board_list col.my_reception2 {
  width: 18%;
}
.board_list col.my_sample {
  width: 13%;
}
.board_list col.my_contact2 {
  width: 15%;
}
.board_list col.my_email2 {
  width: 24.6%;
}
/* 교육/세미나 신청내역 */
.board_list col.my_education {
  width: 10.1%;
}
.board_list col.my_equipment {
  width: 12%;
}
.board_list col.my_seminar_name {
  width: 27%;
}
.board_list col.my_person {
  width: 17%;
}
/* 결제 */
.board_list col.my_bill_num {
  width: 18%;
}
.board_list col.my_bill_amount {
  width: 14%;
}
.board_list col.my_bill_day,
.board_list col.my_bill_due {
  width: 10%;
}
.board_list col.my_payment_method,
.board_list col.my_payment_status {
  width: 9%;
}
.board_list col.my_quote,
.board_list col.my_test,
.board_list col.my_receipt,
.board_list col.my_bill_tax {
  width: 7.5%;
}
/* Q&A 내역 */
.board_list col.my_inquiry_number {
  width: 14%;
}
.board_list col.my_inquiry_type {
  width: 14%;
}
.board_list col.my_device_analysis {
  width: 16%;
}
.board_list col.my_auto {
  width: auto;
}
.board_list td.my_inquiry_type {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.board_list .flex_center {
  gap: 10px;
}
.board_list .flex_center .btns {
  width: 48px;
}
.board_list .flex_center .btn {
  margin: 0;
}

.mytit {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
  margin: 80px 0 16px;
}
.mytit .btns {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 8px;
}
.mytit .btns .btn {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 38px;
  height: 38px;
  padding: 0 16px;
  background: #083042;
  border-radius: 6px;
}

/* 결제 */
.payment_pay {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.payment_pay .board_write.pd1 td {
  padding: 24px 0 0;
}
.payment_pay .board_write.pd2 td {
  padding: 17px 24px;
  font-size: 28px;
  font-weight: 600;
}
.payment_select {
  display: flex;
  gap: 20px;
}
label.payment {
  display: block;
  width: calc(50% - 10px);
}
label.payment input {
  display: none;
}
label.payment span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 100px;
  border: #e0e3ee 1px solid;
  border-radius: 8px;
  transition: 0.2s linear;
}
label.payment span i {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f7f8f9;
  transition: 0.2s linear;
  overflow: hidden;
}
label.payment span i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #888;
  mask: no-repeat 50% 50%;
  -webkit-mask: no-repeat 50% 50%;
  transition: 0.2s linear;
}
label.payment.i1 span i:before {
  mask-image: url("/pub/images/icon_payment01.svg");
  -webkit-mask-image: url("/pub/images/icon_payment01.svg");
}
label.payment.i2 span i:before {
  mask-image: url("/pub/images/icon_payment02.svg");
  -webkit-mask-image: url("/pub/images/icon_payment02.svg");
}
label.payment input:checked + span {
  border-color: #283891;
  color: #283891;
}
label.payment input:checked + span i {
  background: #283891;
}
label.payment input:checked + span i:before {
  background: #fff;
}
.payment_pay .neukkim_box {
  margin-top: 32px;
  padding: 32px;
}

/* 회원탈퇴 팝업 */
.pop_withdrawal {
  width: 520px;
}
.pop_withdrawal p {
  margin: 32px 0 16px;
}
.pop_withdrawal .btn_submit {
  margin-top: 32px;
}

/* 약관 */
.ptit {
  position: relative;
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.ptit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 40px;
  height: 2px;
  background: #888;
  transform: translateX(-50%);
}
.container .ptit {
  display: none;
}
.txt_privacy .date {
  color: #888;
  margin-bottom: 40px;
}
.txt_privacy .tit {
  font-size: 24px;
  font-weight: 600;
  margin: 60px 0 24px;
}
.txt_privacy .tit.mt4 {
  margin-top: 40px;
}
.txt_privacy .tt {
  font-size: 22px;
  font-weight: 600;
  margin: 40px 0 24px;
}
.txt_privacy p.mt {
  margin-top: 16px;
}
.txt_privacy p strong {
  font-weight: 600;
}
.txt_privacy table {
  margin-top: 16px;
}
.before_privacy {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.before_privacy a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #283891;
  font-weight: 600;
  line-height: 62px;
  height: 64px;
  min-width: 240px;
  padding: 0 30px;
  background: #fff;
  border: #283891 1px solid;
  border-radius: 8px;
}
.before_privacy i {
  width: 16px;
  height: 19px;
  background: url("/pub/images/icon_pdf.svg") no-repeat 50% 50% / contain;
}
.dots_list.m814 {
  margin: 8px 0 24px;
}
.dots_list li {
  position: relative;
  padding-left: 15px;
}
.dots_list li:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #333;
  border-radius: 50%;
}
.terms_wrap table {
  margin: 10px 0;
}

/* 통합검색 */
.search_wrap {
  position: relative;
  width: 640px;
  height: 68px;
  max-width: 100%;
  margin: 0 auto 80px;
  border: #283891 2px solid;
  border-radius: 34px;
  padding-right: 124px;
  overflow: hidden;
}
.search_wrap .text {
  width: 100%;
  height: 64px;
  padding: 0 32px;
  border: 0;
}
.search_wrap .btn {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 108px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  background: #283891;
  border-radius: 24px;
  transform: translateY(-50%);
}

.total_search_wrap {
  padding: 80px 0 140px;
}
.total_search_wrap .wbox {
  padding: 60px;
  margin-bottom: 60px;
  border: 0;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
}
.total_search_wrap .wbox:last-child {
  margin-bottom: 0;
}
.total_search_wrap .ngs_item_list .imgfit {
  height: 292px;
}
.total_search_wrap .stit .btn_more {
  position: absolute;
  top: -3px;
  right: 0;
  width: 36px;
  height: 36px;
  border: #e0e3ee 1px solid;
  border-radius: 4px;
  font-size: 0;
}
.total_search_wrap .stit .btn_more:before,
.total_search_wrap .stit .btn_more:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #333;
  transform: translate(-50%, -50%);
}
.total_search_wrap .stit .btn_more:before {
  width: 14px;
  height: 2px;
}
.total_search_wrap .stit .btn_more:after {
  width: 2px;
  height: 14px;
}

/* 슬라이드 팝업 */
.pop_gen {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  max-width: calc(100vw - 30px);
  transform: translate(-50%, -50%);
  border-radius: 20px;
  overflow: hidden;
  z-index: 101;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px;
}
.pop_gen .pop_slide_wrap {
  position: relative;
}
.pop_gen .pop_slide {
  position: relative;
}
.pop_gen .pop_slide .slick-slide {
  font-size: 0;
  height: 500px;
}
.pop_gen .pop_slide a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
  font-size: 0;
}
.pop_gen .pop_slide a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pop_gen .slick-arrow {
  position: absolute;
  bottom: 10px;
  width: 30px;
  height: 30px;
  z-index: 2;
  font-size: 0;
}
.pop_gen .slick-arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222;
  mask: url("/pub/images/arrow_slide.svg") no-repeat 50% 50%;
  -webkit-mask: url("/pub/images/arrow_slide.svg") no-repeat 50% 50%;
}
.pop_gen .slick-prev {
  right: 80px;
}
.pop_gen .slick-next {
  right: 10px;
}
.pop_gen .slick-next:before {
  transform: rotate(180deg);
}
.pop_gen .slick-dots {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 130px;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
}
.pop_gen .slick-dots li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 20px 0 50px;
  color: #222;
  line-height: 30px;
  text-align: center;
  display: none;
}
.pop_gen .slick-dots li.slick-active {
  display: block;
}
.pop_gen .buttons {
  position: absolute;
  bottom: 10px;
  right: 110px;
  width: 20px;
  height: 30px;
}
.pop_gen .buttons .pop_papl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none !important;
  background: #333;
  mask: no-repeat 50% 50% / 10px 10px;
  -webkit-mask: no-repeat 50% 50% / 10px 10px;
  font-size: 0;
}
.pop_gen .buttons .pop_papl.on {
  display: block !important;
}
.pop_gen .buttons .pop_pause {
  mask-image: url("/pub/images/icon_pause.svg");
  -webkit-mask-image: url("/pub/images/icon_pause.svg");
}
.pop_gen .buttons .pop_play {
  mask-image: url("/pub/images/icon_play.svg");
  -webkit-mask-image: url("/pub/images/icon_play.svg");
}
.pop_gen .btns {
  display: flex;
  border-top: #ebebeb 1px solid;
  background: #fff;
}
.pop_gen .btns .btn {
  position: relative;
  width: 50%;
  max-width: none;
  font-size: 16px;
  color: #222;
  line-height: 50px;
  height: 50px;
  text-align: center;
  border-radius: 0;
  border: 0;
  margin: 0;
}
.pop_gen .btns .btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  background: #ebebeb;
  margin-top: -10px;
}
.pop_gen .btns .btn:first-child:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .pop_gen {
    max-width: calc(100vw - 28px);
  }
  .pop_gen {
    border-radius: 10px;
  }
  .pop_gen .pop_slide .slick-slide {
    max-height: calc(100vw - 40px);
  }
}