@charset "UTF-8";
/* default */
/* .touchmode *{outline:0 !important}  */ /* 20220415 터치모드 일때 포커스라인 히든 */
* {
  margin: 0;
  padding: 0;
  word-break: break-all;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body {
  font-family: "SUIT Variable", Dotum, verdana, sans-serif;
  font-size: 12px;
  letter-spacing: -0.05em;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, address, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, menu, section, article, aside, main, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

header, footer, section, article, aside, nav, main, details, menu, figure, figcaption, video {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  word-wrap: break-word;
  word-break: break-all;
}

table th, table td {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  font-family: "SUIT Variable";
}

ol, ul, li {
  list-style: none outside none;
}

input[type=submit] {
  display: inline-block;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover, a:visited {
  text-decoration: none;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0;
  font-family: "SUIT Variable";
}

button span {
  position: relative;
  font-family: "SUIT Variable";
}

select {
  font-family: "SUIT Variable";
}

/* select:focus{outline: 1px dotted #767676;} */
strong {
  font-weight: normal;
  font-weight: 500;
}

img {
  border: 0 none;
  max-width: 100%;
}

form input, form select, form label, form img {
  vertical-align: middle;
}

fieldset {
  border: 0 none;
}

address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

iframe {
  margin: 0;
  padding: 0;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

input[type=text], input[type=password] {
  font-family: "SUIT Variable";
  color: #000;
  border: 1px solid #c8c8c8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
}

input[type=search],
input[type=tel],
input[type=number],
input[type=password] {
  border-radius: 0;
  font-family: "SUIT Variable";
  color: #5d5d5d;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
}

table caption {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  line-height: 0;
  color: transparent;
  position: absolute;
  top: 0;
  left: -99999px;
}

textarea {
  font-family: "SUIT Variable";
  color: #000;
  border: 1px solid #c8c8c8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
}

/* input:focus + label{
    outline: 1px dashed #000;
} */
input::-moz-placeholder {
  color: #999999;
  font-family: "SUIT Variable";
}
input::placeholder {
  color: #999999;
  font-family: "SUIT Variable";
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill {
  -webkit-background-clip: text;
}

/* common */
.touchDis {
  touch-action: none;
  overflow: hidden;
  position: relative;
}

.ellips {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  max-width: 99%;
}

.hdtext {
  overflow: hidden;
  display: inline-block;
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
  margin: 0;
  border: 0;
  font-size: 1px;
  line-height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

.enable_text {
  display: block;
  width: auto;
  height: auto;
  overflow: visible;
  line-height: 1;
  color: #000;
  position: relative;
  top: 0;
  left: 0;
}

.none {
  display: none !important;
}

i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
i img {
  vertical-align: middle;
}

img.ico_img {
  max-width: 100%;
}

.vhidden {
  visibility: hidden;
}

.mt20 {
  margin-top: 20px !important;
}

@font-face {
  font-family: "SUIT Variable";
  font-weight: 100 900;
  src: url("./webfont/SUIT-Variable.woff2") format("woff2-variations");
}
/* mixin */ /* layout */
html:not(.touchmode) ::-webkit-scrollbar {
  width: 10px;
}
html:not(.touchmode) ::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
html:not(.touchmode) ::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px transparent;
}

body {
  overflow-x: hidden;
}

.page_wrap {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.page_wrap.intro_wrap {
  justify-content: center;
  max-width: 768px;
  margin: 0 auto;
}
.page_wrap.intro2_wrap {
  max-width: 768px;
  margin: 0 auto;
  padding-top: 12.4037639008%;
  justify-content: space-between;
}
.page_wrap.intro2_wrap > img {
  width: 100%;
}

.btn_intro_bottom {
  padding: 30px 20px;
}

.header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
.header_wrap.skin2 .header_inner {
  box-shadow: none;
  border-radius: 0;
}
.header_wrap.primary .header_inner {
  box-shadow: none;
}

.ico_topmenu_list {
  display: flex;
  gap: 20px;
  align-items: center;
}
.ico_topmenu {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 50%;
  display: block;
  position: relative;
}
.ico_topmenu.notice {
  background-image: url("../images/ico_top_alarm.png");
}
.ico_topmenu.menu {
  background-image: url("../images/ico_top_menu.png");
}
.ico_topmenu.update:after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background: #c4d700;
  border-radius: 100%;
  position: absolute;
  top: -2px;
  right: -2px;
}

.header_inner {
  box-shadow: 0px 0px 18.27px 2.73px rgba(158, 158, 158, 0.4);
  background: #fff;
  position: relative;
  max-width: 768px;
  margin: 0 auto;
  border-radius: 0 0 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  box-sizing: border-box;
}
.header_inner.type2 {
  display: block;
  padding: 0 20px;
}

.header_top_title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.header_top_row {
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e9;
  position: relative;
}
.header_top_row .header_layer.left {
  padding-left: 0;
}
.header_top_row .header_layer.right {
  padding-right: 0;
}

.header_field_row {
  display: flex;
  align-items: center;
  padding: 16px 0;
  gap: 12px;
}

.header_field_liquid_cols {
  flex: 1;
  min-width: 0;
}

.header_field_fixed_cols {
  flex: 0;
  white-space: nowrap;
}

.search_box_field {
  background: #f6f6f7;
  border-radius: 6px;
  height: 40px;
  display: flex;
  padding-left: 5px;
}

.btn_search_ico {
  height: 40px;
  width: 30px;
  flex: 0 0 30px;
  background: url("../images/ico_search42.png") no-repeat 50% 50%/14px auto;
}

input.input_field {
  width: 100%;
  background: none;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
}

.header_filter_list {
  display: flex;
  gap: 12px;
  align-items: center;
}
.header_filter_key {
  font-size: 13px;
  color: #5f5f5f;
  font-weight: 600;
  display: inline-block;
  line-height: 1;
}

.btn_filter_ico {
  display: inline-block;
  width: 33px;
  height: 33px;
  background: #f3f7cc url("../images/ico_filter.png") no-repeat 50% 50%/18px auto;
  border-radius: 100%;
}

.header_layer {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.header_layer .header_logo {
  padding: 0;
}
.header_layer.left {
  left: 0;
}
.header_layer.right {
  right: 0;
}

.btn_back {
  display: block;
  width: 18px;
  height: 18px;
  cursor:pointer;
  background: url("../images/ico_back.png") no-repeat 50% 50%/100% auto;
}

.header_title {
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 10px;
}

.header_title_text {
  font-size: 18px;
  font-weight: 600;
}

.header_logo {
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 10px;
}

.header_logolink {
  max-width: 70px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header_logolink img {
  max-width: 100%;
  vertical-align: top;
}

.middle_wrap {
  padding: 30px 0 0;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  position: relative;
}
.middle_wrap.mbtype2 {
  padding-bottom: 25px;
}
.middle_wrap.ptype2 {
  padding-top: 0;
}
.middle_wrap.skin2 {
  background: #f3f5f9;
}
.middle_wrap.skin2:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #f3f5f9;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
}
.middle_wrap.side_type .middle_inner {
  padding: 0 20px;
}
.middle_wrap.main .middle_inner {
  padding: 0 20px;
}
.middle_wrap.full {
  display: flex;
  flex-direction: column;
}
.middle_wrap.full .middle_inner {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
}

.middle_inner {
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.middle_bottom {
  flex: 0;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.middle_bottom > .btn_bottom_box {
  width: 100%;
  cursor:pointer;
}

.bottom_layer_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}

.bottom_layer_inner {
  max-width: 768px;
  margin: 0 auto;
}

.bottom_top_row {
  height: 0;
  position: relative;
}

.btn_topgo {
  box-sizing: border-box;
  background: #fff;
  width: 48px;
  height: 48px;
  display: flex;
  gap: 3px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 2px solid #2f59d9;
  border-radius: 100%;
  box-shadow: 0px 3px 5px 0 rgba(132, 133, 139, 0.31);
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.btn_topgo:before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: url("../images/ico_goto.png") no-repeat 50% 50%/100% auto;
  margin: 0 auto;
}

.btn_topgo_text {
  font-size: 9px;
  color: #2f59d9;
  line-height: 1;
  font-weight: 500;
}

.middle_tab_list_wrap {
  border-top: 1px solid #d4d5d6;
}

.middle_tab_list {
  display: flex;
  text-align: center;
}
.middle_tab_list > li {
  flex: 1;
  position: relative;
}
.middle_tab_list > li:last-of-type .middle_tab:before {
  display: none;
}

.middle_tab {
  background: #eaecf1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 12px;
}
.middle_tab:before {
  display: block;
  content: "";
  width: 1px;
  height: 15px;
  background: #ced0d3;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.middle_tab.active {
  background: #e7ef99;
}
.middle_tab.active:after {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: #f6f6f7;
  position: absolute;
  top: 0;
  left: -1px;
}
.middle_tab.active:before {
  display: none;
}
.middle_tab.active .middle_tab_text {
  color: #1d1d1d;
  font-weight: 600;
}

.middle_tab_text {
  font-size: 15px;
  color: #5f5f5f;
  font-weight: 500;
  display: inline-block;
}

.middle_tab_contents {
  padding: 40px 20px 0;
}
.middle_tab_contents.ptype2 {
  padding-top: 30px;
}

.bottom_menu_list {
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  text-align: center;
  box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  padding: 12px 20px 30px;
  border-radius: 20px 20px 0 0;
  box-shadow: 0px 0px 18.27px 2.73px rgba(158, 158, 158, 0.4);
}
.bottom_menu_list > li {
  flex: 1;
}

.bottom_menu {
  display: inline-block;
  position: relative;
}
.bottom_menu.active:before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #d6e34c;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.bottom_menu.active .ico_bottom {
  background-position: 0 100%;
}
.bottom_menu.active .bottom_menu_text:before {
  opacity: 1;
}
.bottom_menu.active .bottom_menu_intext {
  color: #1d1d1d;
  font-weight: 700;
}

.ico_bottom {
  display: block;
  position: relative;
  width: 23px;
  height: 23px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.ico_bottom.ico_job {
  background-image: url("../images/ico_gnb_01.png");
}
.ico_bottom.ico_zzim {
  background-image: url("../images/ico_gnb_02.png");
}
.ico_bottom.ico_home {
  background-image: url("../images/ico_gnb_03.png");
}
.ico_bottom.ico_profile {
  background-image: url("../images/ico_gnb_04.png");
}
.ico_bottom.ico_my {
  background-image: url("../images/ico_gnb_05.png");
}

.bottom_menu_text {
  margin-top: 5px;
  position: relative;
  display: inline-block;
}
.bottom_menu_text:before {
  display: block;
  content: "";
  width: calc(100% + 12px);
  position: absolute;
  bottom: 0px;
  left: -6px;
  height: 9px;
  border-radius: 100px;
  background: #d6e34c;
  opacity: 0;
}

.bottom_menu_intext {
  font-size: 13px;
  color: #5f5f5f;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.bottom_btn_row {
  padding: 0 20px 27px;
  display: flex;
  gap: 10px;
  max-width: 768px;
  margin: 0 auto;
}
.bottom_btn_row.align2 {
  flex-direction: column;
}

.btn_bottom_box {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c4d700;
  min-height: 54px;
  box-sizing: border-box;
  color: #1d1d1d;
  font-size: 17px;
  font-weight: 600;
  border-radius: 6px;
  padding: 0 15px;
  cursor:pointer;
}
.btn_bottom_box.skin2 {
  background-color: #363636;
}
.btn_bottom_box.skin2 .btn_bottom_box_text {
  color: #fff;
}
.btn_bottom_box.short {
  flex: 0 0 30%;
  white-space: nowrap;
}

.btn_like {
  display: block;
  width: 18px;
  height: 16px;
  background: url("../images/ico_like.png") no-repeat 0 0/100% auto;
}
.btn_like.active {
  background-position: 0 100%;
}

@media (max-width: 768px) {
  .middle_bottom {
    margin: 0 20px;
    width: auto;
  }
}
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

/*! jQuery UI - v1.11.4 - 2017-08-09
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 680px !important;
  z-index: 18 !important;
  box-sizing: border-box;
  padding: 0 10px;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 20px 0;
}
.ui-datepicker .ui-datepicker-header.mtz-monthpicker {
  padding: 15px 0;
}

select.mtz-monthpicker-year {
  color: #333;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  height: 36px;
  padding: 0 28px 0 12px;
  border-radius: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 120px;
  margin: 0 auto;
  background: #fff url("../images/ico_select2.svg") no-repeat calc(100% - 12px) 50%/16px auto;
  line-height: 36px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #BBBBBB;
  border-radius: 8px;
}
select.mtz-monthpicker-year::-ms-value {
  background: none;
  color: #333;
}
select.mtz-monthpicker-year::-ms-expand {
  display: none;
}
select.mtz-monthpicker-year.placeholder {
  color: #ddd;
}
select.mtz-monthpicker-year:focus {
  border-bottom-color: #c4d700;
}
select.mtz-monthpicker-year:hover {
  color: #333 !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 19px;
  width: 34px;
  height: 34px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 3px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
  right: 3px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
  display: inline-block;
  background: url("../images/ico_calendar_next.svg") no-repeat 50% 50%;
  position: relative;
  width: 34px;
  height: 34px;
}

/* .touchmode .ui-datepicker .ui-datepicker-next .ui-icon{background:url("../images/calendar_next_m.png") no-repeat 50% 50%/cover;} */
.ui-datepicker .ui-datepicker-prev .ui-icon {
  display: inline-block;
  background: url("../images/ico_calendar_prev.svg") no-repeat 50% 50%;
  position: relative;
  width: 34px;
  height: 34px;
}

/* .touchmode .ui-datepicker .ui-datepicker-prev .ui-icon{background:url("../images/calendar_prev_m.png") no-repeat 50% 50%/cover;} */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 auto;
  line-height: 1;
  width: 173px;
  text-align: center;
  font-size: 17px;
  font-family: "nsr";
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.ui-datepicker .ui-datepicker-title:after {
  display: block;
  content: "";
  clear: both;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 14px;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month {
  width: 45px;
  min-width: 0;
}

.ui-datepicker select.ui-datepicker-year {
  width: 60px;
  min-width: 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  /* margin:0 3px; */
  /* float:right; */
  font-size: 16px;
}

span.ui-datepicker-year,
span.ui-datepicker-month {
  font-size: 16px;
  font-weight: 600;
  color: #c4d700;
  font-family: "Rubik Regular", "Pretendard", dotum;
}

.ui-datepicker table {
  width: 100%;
  font-size: 14px;
  border-collapse: collapse;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.ui-datepicker table.mtz-monthpicker {
  table-layout: fixed;
  margin-bottom: 10px;
}

.ui-datepicker th {
  padding: 0 3px;
  text-align: center;
  font-weight: 600;
  color: #c4d700;
}
.ui-datepicker th.ui-datepicker-week-end {
  color: #D93114;
}
.ui-datepicker th.ui-datepicker-week-end span {
  border-bottom: 1px solid #D93114;
}
.ui-datepicker th span {
  display: block;
  border-bottom: 1px solid #c4d700;
  padding: 5px;
}

.ui-datepicker td {
  border: 0;
  padding: 4px 0;
}
.ui-datepicker td.mtz-monthpicker {
  border-radius: 5px;
  width: auto;
}
.ui-datepicker td.ui-datepicker-week-end * {
  color: #D93114;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  width: 28px;
  margin: 0 auto;
  height: 28px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: "Pretendard";
  font-size: 14px;
}

.ui-widget .ui-widget {
  font-size: 14px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Pretendard";
  font-size: 14px;
}

.ui-widget-content {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  color: #333333;
  border-radius: 0 0 10px 10px;
  left: 50% !important;
  transform: translateX(-50%);
  border-top: 2px solid #333;
  margin-top: -2px;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  /* border-bottom: 2px solid #f1f1f1; */
  /* border-top: 2px solid #333333; */
  background: #fff;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-family: "Rubik Regular", "Pretendard", dotum;
  color: #333;
  font-size: 14px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  outline: 1px dashed #000;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #00D4E9;
  color: #fff !important;
  border-radius: 100%;
  padding: 0;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #c4d700;
  color: #fff;
  border-radius: 100%;
  min-width: 8px;
  text-align: center;
  padding: 0;
  height: 28px;
  line-height: 28px;
  width: 28px;
  margin: 0 auto;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../images/jqueryui/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../images/jqueryui/ui-icons_444444_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("../images/jqueryui/ui-icons_777777_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../images/jqueryui/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("../images/jqueryui/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("../images/jqueryui/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../images/jqueryui/ui-icons_cc0000_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
/* .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 8px;
} */
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  margin: 0px 0 0 0px;
  padding: 5px;
  background: #666666;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
  border-radius: 8px;
}

.ui-datepicker-trigger {
  position: relative;
  top: 0;
  left: 5px;
  height: 34px;
  width: 34px;
  vertical-align: middle;
  display: inline-block;
}

.ui-datepicker-trigger img {
  position: relative;
  top: 2px;
}

.ui-datepicker-title select {
  color: #333;
  padding: 0 15px 0 0;
  height: 30px;
  line-height: 28px;
  box-sizing: border-box;
  min-width: 50px;
  border: 0;
  background: #fff url("../images/bg_fsel.png") no-repeat 100% 50%/auto 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-weight: 600;
  color: #FEB700;
  font-family: "Rubik Regular", "Pretendard", dotum;
}

.ui-datepicker-title select::-ms-expand {
  display: none;
}

/* .mtz-monthpicker{display:none;} */
/* .mtz-monthpicker{display:none;} */
@media (max-width: 1023px) {
  .ui-widget-content {
    transform: translateX(0);
    left: 20px !important;
  }
  .ui-datepicker {
    width: calc(100% - 40px) !important;
    box-sizing: border-box;
    left: 20px !important;
  }
}
/* component */
.btn_guide {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 10px 20px;
  font-size: 16px;
}

/* popup */
/* 공통 popup */
.popup_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 280px;
  overflow: hidden;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.popup_wrap.active {
  display: flex;
}
.popup_wrap.active.motion_end .popup_box_item,
.popup_wrap.active.motion_end .popup_container_item,
.popup_wrap.active.motion_end .popup_bottomsheet_item,
.popup_wrap.active.motion_end .popup_item {
  opacity: 1;
  transform: translateY(0);
}
.popup_wrap.active.motion_end .bg_dim {
  opacity: 0.5;
}
.popup_wrap.full_type {
  align-items: flex-start;
}
.popup_wrap.full_type .popup_item {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: 0;
  height: 100%;
  max-height: 100%;
  transform: translateY(0);
}
.popup_wrap.bottom_type {
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.popup_wrap.bottom_type .btn_popup_close {
  right: 8px;
}

.popup_item {
  box-sizing: border-box;
  z-index: 20;
  max-width: 768px;
  margin: 30px auto;
  max-height: calc(100% - 60px);
  background: #fff;
  border-radius: 16px;
  border: 1px solid #BBBBBB;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 2px 14px 2px rgba(64, 64, 64, 0.3);
  width: 100%;
  opacity: 0;
  transition: 0.4s;
  transform: translateY(-20%);
}
.popup_item.no_transition {
  transition: 0s;
  opacity: 1;
  transform: none;
}

.bg_dim {
  display: block;
  width: 768px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 0;
  background: #2c3035;
  opacity: 0;
  transition: 0.5s opacity;
  transform: translateX(-50%);
}
.bg_dim.no_transition {
  transition: 0s;
  opacity: 0.6;
  transform: none;
}

.popup_title_row {
  flex: 0 0 48px;
  padding: 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-align: center;
}
.popup_title_row + .popup_contents_row {
  padding-top: 0;
}
.popup_title_row.type2 {
  justify-content: flex-start;
  padding: 0 16px 0 20px;
  flex-basis: 50px;
}
.popup_title_row.type2 .popup_title {
  font-size: 20px;
  flex: 1;
}

.popup_title_else_wrap {
  flex: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.popup_title {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.3;
  word-break: keep-all;
}

.popup_contents_row {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  flex: 1;
  font-size: 14px;
  color: #333333;
  padding: 20px 20px 50px;
}
.popup_contents_row + .popup_btn_row {
  padding-top: 0;
}
.popup_contents_row > .board_item_list_wrap {
  margin: 0;
  padding: 0 0 0;
}
.popup_contents_row > .board_sort_field_wrap {
  margin: 10px 0 0 0;
}
.popup_contents_row > .guide_board_box {
  margin: 20px 0 0 0;
}
.popup_contents_row > .paging_wrap {
  margin-top: 28px;
}
.popup_contents_row .clause_box,
.popup_contents_row .clause_liquid_wrap {
  margin-left: 0;
  margin-right: 0;
}
.popup_contents_row .clause_liquid_wrap {
  margin-bottom: 0;
}
.popup_contents_row.api_render_wrap {
  padding: 0;
}

.popup_box_tb {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  max-width: 768px;
  margin: 0 auto;
}

.popup_box_td {
  display: table-cell;
  vertical-align: middle;
  padding: 46px 0;
}

.popup_box_item {
  max-width: 280px;
  border-radius: 18px;
  box-sizing: border-box;
  width: 100%;
  z-index: 20;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  padding: 13px;
  opacity: 0;
  transition: 0.4s opacity;
  margin: 30px auto;
  max-height: calc(100% - 60px);
  position: relative;
}

.popup_container_item {
  max-width: 320px;
  border-radius: 18px;
  box-sizing: border-box;
  width: 100%;
  z-index: 20;
  background: #fff;
  display: flex;
  flex-direction: column;
  text-align: left;
  box-sizing: border-box;
  padding: 13px;
  opacity: 0;
  transition: 0.4s opacity;
  margin: 30px auto;
  max-height: calc(100% - 90px);
  position: relative;
}
.popup_container_item .popup_box_title_row {
  padding: 10px 0 20px;
}

.popup_bottomsheet_item {
  max-width: 320px;
  max-height: calc(100% - 46px);
  border-radius: 18px 18px 0 0;
  box-sizing: border-box;
  width: 100%;
  z-index: 20;
  max-width: 768px;
  margin: 0 auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  text-align: left;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.4s opacity;
  position: relative;
  transform: translateY(100%);
  position: relative;
  transition: 0.4s;
}

.popup_bottomsheet_content_row {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 25px 20px;
}
.popup_bottomsheet_content_row .popup_box_title_row {
  padding-top: 0;
}
.popup_bottomsheet_content_row .popup_box_content_row {
  padding: 0;
}
.popup_bottomsheet_content_row .popup_box_content_row .result_list_render {
  margin: 35px -20px -25px;
}
.popup_bottomsheet_content_row .popup_box_btn_row {
  padding: 27px 0 0;
}

.btn_bottom_submit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c4d700;
  min-height: 54px;
  box-sizing: border-box;
  color: #1d1d1d;
  font-size: 17px;
  font-weight: 600;
  border-radius: 6px;
  width: 100%;
}

.popup_box_content_row {
  padding: 0 27px 27px;
}

.popup_box_liquid_row {
  padding: 0 13px 27px;
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
}

.popup_box_message {
  font-size: 16px;
  color: #1d1d1d;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1.5;
  text-align: center;
  word-break: keep-all;
}

.popup_box_message_empbox {
  background: #EEEEEE;
  border-radius: 8px;
  padding: 12px;
  text-align: center;
  font-size: 14px;
  color: #999999;
  line-height: 1.4;
  margin-top: 12px;
}

.popup_box_mesage_img {
  margin-top: 24px;
}
.popup_box_mesage_img img {
  vertical-align: top;
}
.popup_box_mesage_img img.map_img {
  max-width: 120px;
}

.popup_box_title_row {
  padding: 15px 0 30px;
  text-align: center;
}

.popup_box_title {
  font-size: 19px;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.popup_box_title:before {
  display: block;
  content: "";
  width: 100%;
  border-radius: 100px;
  background: #e1eb7f;
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 13px;
}

.popup_box_title_text {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0 8px;
}

.popup_box_btn_row {
  display: flex;
  gap: 12px;
  flex: 0;
}
.popup_box_btn_row.type2 {
  flex-direction: column;
}

.btn_popup_submit {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  min-height: 50px;
  box-sizing: border-box;
}
.btn_popup_submit.primary {
  background-color: #c4d700;
}
.btn_popup_submit.type2 {
  background-color: #363636;
}
.btn_popup_submit.type2 .btn_popup_submit_text {
  color: #fff;
}

.btn_popup_submit_text {
  font-size: 16px;
  color: #1d1d1d;
  display: inline-block;
  font-weight: 700;
}

.popup_btn_row {
  flex: 0;
  padding: 26px;
  display: flex;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
}
.popup_btn_row:after {
  display: block;
  content: "";
  width: calc(100% - 10px);
  height: 26px;
  position: absolute;
  top: -26px;
  left: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 46%, rgba(255, 255, 255, 0) 100%);
}
.popup_btn_row.type2 {
  padding: 0;
}
.popup_btn_row.type2:after {
  display: none;
}

.btn_popup_box {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  min-height: 60px;
  padding: 10px;
}

.btn_popup_box_text {
  display: inline-block;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}

.btn_popup_close {
  display: inline-block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: -38px;
  right: 0;
  background: url("../images/btn_circle_close.png") no-repeat 50% 50%/100% auto;
}

.popup_box_article {
  font-size: 14px;
  color: #999999;
  text-align: left;
  line-height: 1.4;
}
.popup_box_article * {
  font-size: 14px;
  color: #999999;
}

.popup_box_substance {
  font-size: 14px;
  color: #999999;
  text-align: left;
  line-height: 1.4;
  text-align: center;
}
.popup_box_substance * {
  font-size: 14px;
  color: #999999;
}

.popup_box_props_row {
  margin-top: 24px;
  text-align: left;
}
@media (max-width: 767px) {
  .bg_dim {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
  .popup_wrap.full_type .popup_item {
    width: 100%;
    max-width: 100%;
  }
  .popup_box_td {
    padding: 46px 30px;
  }
  .popup_box_item {
    max-width: 100%;
    width: 100%;
  }
  .popup_container_item {
    margin: 0 20px;
  }
}
@media (orientation: landscape) {
  /* 가로 방향 스타일 */
  .popup_container_item {
    max-height: calc(100% - 70px);
    top: 10px;
  }
}
/* // 공통 popup */
/* form element */
select.form_select {
  color: #232a35;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border: 0;
  height: 48px;
  padding: 0 50px 0 17px;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100%;
  background: #f6f6f7 url("../images/ico_direct_down.png") no-repeat calc(100% - 20px) 50%/17px auto;
  line-height: 48px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.form_select::-ms-value {
  background: none;
  color: #232a35;
}
select.form_select::-ms-expand {
  display: none;
}
select.form_select.skin2 {
  background-color: #fff;
  border: 1px solid #e0e0e0;
}
select.form_select.size2 {
  height: 40px;
  line-height: 40px;
}

.props_item {
  display: inline-flex;
  gap: 8px;
}
.props_item.skin2 input.props_form {
  background: url("../images/ico_check2.png") no-repeat 0 0/100% auto;
  flex: 0 0 18px;
  border: 1px solid #bebebe;
  border-radius: 100%;
}
.props_item.skin2 input.props_form:checked {
  border-color: #1d1d1d;
}
.props_item.skin2 .props_label {
  padding-top: 0;
  margin-top: -0.5px;
}

input.props_form {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/ico_checkbox2.png") no-repeat 0 0/100% auto;
  flex: 0 0 18px;
}
input.props_form:checked {
  background-position: 0 100% !important;
}
.props_label {
  font-size: 14px;
  color: #232323;
  font-weight: 600;
  padding-top: 1px;
}

.search_form_field {
  display: flex;
  gap: 10px;
}

.search_form_liquid {
  flex: 1;
  min-width: 0;
}

.input_comp_wrap {
  display: flex;
  align-items: center;
  background: #f6f6f7;
  border-radius: 6px;
  border: 1px solid #f6f6f7;
}
.input_comp_wrap input.form_input {
  background: none;
  padding-right: 0;
  border: 0;
}
.input_comp_wrap .ing_complete,
.input_comp_wrap .btn_reset {
  margin: 0 15px;
  display: none;
}
.input_comp_wrap.value_has .btn_reset {
  display: block;
}
.input_comp_wrap.value_complete .ing_complete {
  display: block;
}
.input_comp_wrap.warn {
  border-color: #2f59d9;
  background-color: #fff;
}

.btn_reset {
  display: block;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  background: url("../images/ico_input_reset.png") no-repeat 50% 50%/100% auto;
}

.ing_complete {
  display: block;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  background: url("../images/ico_input_finish.png") no-repeat 50% 50%/100% auto;
}

.btn_textonly {
  font-size: 13px;
  color: #5f5f5f;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  white-space: nowrap;
}

.search_form_fixed {
  flex: 0;
}

.btn_search_submit {
  display: block;
  width: 50px;
  height: 50px;
  background: #c4d700 url("../images/ico_search.png") no-repeat 50% 50%/22px auto;
  border-radius: 6px;
}

.form_vertical_block {
  margin-bottom: 12px;
}
.form_vertical_block:last-of-type {
  margin-bottom: 0;
}

.textarea_wrap {
  height: 165px;
}
.textarea_wrap.size2 {
  height: 100px;
}
textarea.textarea_dom {
  background: #f6f6f7;
  border-color: #f6f6f7;
  resize: none;
  border-radius: 6px;
  font-size: 14px;
  padding: 18px 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

/* intro */
.btn_intro_box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c4d700;
  min-height: 60px;
  box-sizing: border-box;
  color: #1d1d1d;
  font-size: 17px;
  font-weight: 600;
  border-radius: 6px;
}

/* copy */
.middle_copy_wrap {
  margin-bottom: 35px;
}

.middle_copy_main {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: flex-end;
}
.middle_copy_main:after {
  display: flex;
  content: "";
  width: 5px;
  height: 5px;
  background: #c4d700;
  border-radius: 100%;
  position: relative;
  top: -3px;
}

.copy_main_text {
  font-size: 21px;
  color: #232323;
  font-weight: 700;
}

.middle_copy_sub {
  margin-top: 15px;
  font-size: 14px;
  color: #232323;
  font-weight: 600;
}

/* terms */
.terms_each_block {
  margin-bottom: 25px;
  line-height: 1.5;
}
.terms_each_block:last-of-type {
  margin-bottom: 0;
}

.terms_each_para {
  color: #1d1d1d;
  font-size: 15px;
  font-weight: 600;
}

.terms_each_cont {
  color: #1d1d1d;
  font-size: 14px;
}

.terms_docu {
  color: #1d1d1d;
  line-height: 1.4;
}

.terms_docu_title {
  font-size: 17px;
  margin-bottom: 20px;
  color: #1d1d1d;
  line-height: 1;
  font-weight: 700;
}

.terms_docu_block {
  margin-bottom: 30px;
}
.terms_docu_block:last-of-type {
  margin-bottom: 0;
}

.terms_onedep_title {
  font-size: 14px;
  color: #1d1d1d;
  font-weight: 600;
  margin-bottom: 5px;
}

.terms_cont_para {
  color: #1d1d1d;
  font-size: 12px;
  margin-bottom: 10px;
}
.terms_cont_para:last-of-type {
  margin-bottom: 0;
}

.terms_twodep_title {
  color: #1d1d1d;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
}

/* img message */
.visual_message_wrap {
  padding: 12% 20px 0;
  text-align: center;
}
.visual_message_wrap.type2 {
  padding-top: 0;
}
.visual_message_wrap + .survey_item_list_wrap {
  margin-top: 25px;
}

.visual_title_row {
  margin-bottom: 50px;
}
.visual_title_row.type2 {
  margin-bottom: 20px;
}

.visual_title {
  position: relative;
  display: inline-block;
}
.visual_title:before {
  display: block;
  content: "";
  width: calc(100% + 30px);
  position: absolute;
  bottom: -3px;
  left: -15px;
  background: #dbe67c;
  height: 17px;
  border-radius: 100px;
}

.visual_title_text {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.visual_message_copy {
  font-size: 14px;
  color: #2f59d9;
  font-weight: 600;
}

.visual_message_img {
  max-width: 222px;
  margin: 0 auto;
}
.visual_message_img img {
  vertical-align: top;
}

.visual_message_spec {
  padding-top: 40px;
  font-size: 19px;
  line-height: 1.7;
}

.visual_message_spec_para strong {
  font-weight: 700;
  color: #1d1d1d;
}

.visual_message_spec_emp {
  font-weight: 700;
  color: #1d1d1d;
}

/* data */
.data_list > li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c0c1c3;
}
.data_list > li:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.data_list > li + .nodata_li {
  padding-top: 10px;
}
li.nodata_li {
  padding: 30px 20px;
  text-align: center;
}
li.nodata_li .nodata_para {
  font-weight: 600;
  color: #5f5f5f;
  font-size: 14px;
  opacity: 0.7;
}

.data_keyword {
  font-size: 14px;
  color: #1d1d1d;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 7px;
  line-height: 1.3;
}

.data_main {
  font-size: 18px;
  color: #1d1d1d;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 700;
  line-height: 1.3;
}

.data_else {
  font-size: 12px;
  color: #9e9e9e;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 5px;
  line-height: 1.3;
}

.line_hr {
  border-bottom: 1px solid #c0c1c3;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.data_fraction_wrap {
  box-shadow: 0px 0px 14.72px 1.28px rgba(158, 158, 158, 0.2);
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.frac_tb {
  width: 100%;
}
.frac_tb thead tr th {
  background: #f9fbe5;
  border-bottom: 1px solid #c2c3c4;
  padding: 13px;
}
.frac_tb tbody tr:last-of-type td {
  border-bottom: 0;
}
.frac_tb tbody td {
  border-bottom: 1px solid #c2c3c4;
  padding: 13px;
}
.frac_tb tbody td + td {
  border-left: 1px solid #e6ee91;
}
.frac_tb tbody td.define_num {
  background: #fcfdf2;
  width: 1px;
}
.frac_tb tbody td .num {
  color: #a2b200;
  font-weight: 600;
}

.frac_title {
  font-size: 15px;
  color: #1d1d1d;
  font-weight: 600;
  text-align: center;
}

.linkage_obj {
  text-align: left;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  line-height: 1.5;
  align-items: center;
}

.linkage_main {
  flex: 1;
  min-width: 0;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 13px;
  color: #1d1d1d;
  font-weight: 500;
}

.linkage_else {
  flex: 0;
  white-space: nowrap;
  font-size: 11px;
  color: #9e9e9e;
}

.data_box_list > li {
  margin-bottom: 15px;
}
.data_box_list > li:last-of-type {
  margin-bottom: 0;
}

.data_box_item {
  display: block;
  background: #fff;
  border-radius: 8px;
  padding: 18px 10px;
  box-shadow: 0px 0px 18.27px 2.73px rgba(211, 211, 211, 0.58);
  line-height: 1.3;
}

.dara_box_tr {
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.dara_box_tr:last-of-type {
  margin-bottom: 0;
}
.dara_box_tr.primary {
  align-items: flex-start;
}
.dara_box_tr.summary {
  margin-top: 12px;
}

.lk_key,
.lk_message,
.lk_primary,
.lk_captions,
.lk_current {
  font-size: 12px;
  display: inline-block;
}

.lk_key {
  color: #1d1d1d;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.lk_message {
  font-size: 12px;
  color: #9e9e9e;
}

.lk_primary {
  font-weight: 700;
  font-size: 15px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.lk_captions {
  color: #9e9e9e;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.lk_current {
  color: #2f59d9;
  font-weight: 900;
}

.report_box_list > li {
  margin-bottom: 15px;
}
.report_box_list > li:last-of-type {
  margin-bottom: 0;
}

.report_box {
  display: block;
  border-radius: 8px;
  background: #f3f7cc url("../images/ico_direct_link.png") no-repeat calc(100% - 17px) 50%/21px auto;
  padding: 15px 50px 15px 15px;
  position: relative;
}
.report_keyword {
  font-size: 12px;
  color: #1d1d1d;
  font-weight: 500;
  margin-bottom: 6px;
}

.report_primary {
  font-size: 15px;
  color: #1d1d1d;
  font-weight: 700;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.report_else {
  margin-top: 10px;
  font-weight: 500;
  color: #a2b200;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.board_sort_row {
  margin-bottom: 20px;
}

.board_tb_wrap {
  border-top: 1px solid #b3b4b5;
}

.board_tb {
  width: 100%;
}
.board_tb thead tr th {
  background: #f4f4f4;
  border-bottom: 1px solid #b3b4b5;
  padding: 13px;
}
.board_tb thead tr th.type2 {
  background: #ededed;
}
.board_tb tbody tr td {
  border-bottom: 1px solid #b3b4b5;
  padding: 13px;
}
.board_tb tbody tr td.type2 {
  background: #f7f7f7;
}
.board_tb tbody tr td.nodata_td {
  padding: 100px 20px;
}
.board_tb tbody tr td.has_primary {
  text-align: left;
}
.board_tb .no_break {
  width: 1px;
  white-space: nowrap;
}

.nodata_para {
  font-size: 14px;
  line-height: 1.4;
}

.board_thtext,
.board_tdtext,
.board_tdlink {
  display: inline-block;
  font-size: 14px;
  line-height: 1.4;
}

.board_thtext {
  font-weight: 600;
}

.board_tdtext {
  font-weight: 500;
}

.board_tdlink {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.result_list_render {
  background: #f3f5f9;
  padding: 20px;
}

.result_title_row {
  margin-bottom: 25px;
}

.result_title {
  font-size: 15px;
  color: #5f5f5f;
  font-weight: 600;
}

.result_data_list > li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #b3b4b5;
}
.result_data_list > li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.result_data_list > li.nodata_li {
  padding: 50px 20px 50px;
}
.result_data {
  display: block;
}

.result_main_para {
  font-size: 18px;
  color: #2f59d9;
  font-weight: 700;
}

.result_summary_para {
  font-size: 15px;
  color: #1d1d1d;
  font-weight: 700;
  margin-top: 5px;
}
.result_summary_para.type2 {
  font-size: 14px;
  color: #5f5f5f;
}

.liquid_item_wrap {
  margin-bottom: 40px;
}
.liquid_item_wrap.mbtype2 {
  margin-bottom: 17px;
}
.liquid_item_wrap + .cbox_fxwrap_wrap {
  margin-bottom: 40px;
}

.liquid_item {
  margin-bottom: 22px;
}
.liquid_item:last-of-type {
  margin-bottom: 0;
}

.liquid_title_row {
  margin-bottom: 15px;
}
.liquid_title_row.mbtype2 {
  margin-bottom: 10px;
}
.liquid_title_row .indent_list {
  margin: 5px 0 0 20px;
}

.liquid_title {
  font-size: 16px;
  font-weight: 600;
  padding-left: 17px;
  position: relative;
}
.liquid_title:before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background: #c4d700;
  position: absolute;
  top: 7px;
  left: 0;
  transform: rotate(45deg);
}

.liquid_contents .cbox {
  padding: 0 18px;
}

.cbox {
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 14.72px 1.28px rgba(158, 158, 158, 0.2);
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;
}
.cbox:last-of-type {
  margin-bottom: 0;
}
.cbox.type2 {
  padding: 0;
}
.cbox.type3 {
  padding: 15px 15px 0 0;
}
.cbox.type4 {
  padding: 10px;
}
.cbox.type5 {
  padding: 15px 10px 15px 0;
}

.data_grid_list {
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.data_grid_list > li {
  display: table-row;
}
.data_grid_list > li:last-of-type .data_grid_key_cols,
.data_grid_list > li:last-of-type .data_grid_value_cols {
  border-bottom: 0;
}
.data_grid_list > li.align2 .data_grid_key_cols,
.data_grid_list > li.align2 .data_grid_value_cols {
  vertical-align: top;
}
.data_grid_list > li.align2 .data_grid_value_cols {
  padding: 15px 0;
}
.data_grid_list.type2 {
  padding: 8px 18px;
}
.data_grid_list.type2 .data_grid_key_cols,
.data_grid_list.type2 .data_grid_value_cols {
  border-bottom: 0;
  padding: 8px 0;
}
.data_grid_list.type2 .data_grid_key_cols {
  padding-right: 14px;
}

.data_grid_key_cols,
.data_grid_value_cols {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid #c2c3c4;
}

.data_grid_key_cols {
  display: table-cell;
  padding: 15px 0;
  vertical-align: middle;
  width: 1px;
  white-space: nowrap;
  padding-right: 20px;
}

.data_grid_key {
  font-size: 14px;
  color: #1d1d1d;
  font-weight: 600;
}

.data_grid_value_cols {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0;
}

.data_grid_value {
  color: #1d1d1d;
  font-size: 14px;
}

.btn_control_box_wrap {
  text-align: right;
  margin-top: 10px;
}
.between_data_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn_control_box {
  background: #edf3b2;
  font-size: 14px;
  color: #a2b200;
  font-weight: 600;
  padding: 10px 15px;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  display: inline-block;
  border-radius: 6px;
}
.btn_control_box.size2 {
  min-height: 40px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  min-width: 92px;
  justify-content: center;
}

.hor_data_tb {
  width: 100%;
}
.hor_data_tb thead tr th {
  background: #f9fbe5;
  border-bottom: 1px solid #c1c2bf;
  padding: 12px;
}
.hor_data_tb thead tr th:first-of-type {
  padding-left: 18px;
}
.hor_data_tb thead tr th:last-of-type {
  padding-right: 18px;
}
.hor_data_tb thead tr .fixed {
  width: 1px;
  white-space: nowrap;
}
.hor_data_tb tbody tr:last-of-type td {
  border-bottom: 0;
}
.hor_data_tb tbody tr td {
  border-bottom: 1px solid #c2c3c4;
  padding: 12px;
  position: relative;
}
.hor_data_tb tbody tr td:first-of-type {
  padding-left: 18px;
}
.hor_data_tb tbody tr td:first-of-type:after {
  display: block;
  content: "";
  width: 17px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: #fff;
}
.hor_data_tb tbody tr td:last-of-type {
  padding-right: 18px;
}
.hor_data_tb tbody tr td:last-of-type:after {
  display: block;
  content: "";
  width: 17px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  right: 0;
  background: #fff;
}
.hor_data_tb tbody tr td.has_title {
  text-align: left;
}
.hor_data_tb tbody tr.emp * {
  color: #2f59d9;
  font-weight: 700;
}
.hor_data_tb .hor_thtext {
  font-size: 13px;
  color: #1d1d1d;
  font-weight: 600;
  display: inline-block;
}
.hor_data_tb .hor_tdtext {
  font-size: 13px;
  color: #1d1d1d;
  font-weight: 600;
  display: inline-block;
}

.caption_item_list {
  margin-bottom: 20px;
}
.caption_item_list > li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.caption_item_list > li:last-of-type {
  margin-bottom: 0;
}

.caption_liquid {
  flex: 1;
  font-size: 12px;
  color: #2f59d9;
  font-weight: 600;
  padding: 10px;
  background: #dee6ff;
  border: 1px solid #2f59d9;
  border-radius: 6px;
  text-align: center;
}

.caption_fixed {
  flex: 0;
}

.btn_ico_qus {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/ico_qus.png") no-repeat 50% 50%/100% auto;
}

.bar_chart_list_wrap {
  margin-top: 15px;
}

.bar_chart_list {
  width: 100%;
  display: table;
}
.bar_chart_list > li {
  display: table-row;
}
.bar_chart_list > li > * {
  display: table-cell;
  vertical-align: middle;
  padding-right: 7px;
  padding-bottom: 12px;
}
.bar_chart_list > li > *:last-child {
  padding-right: 0;
}
.bar_chart_list > li:last-of-type > * {
  padding-bottom: 0;
}

.bc_chart_key {
  width: 1px;
  white-space: nowrap;
}

.bc_chart_label {
  font-size: 14px;
  color: #1d1d1d;
  font-weight: 600;
}

.bc_chart_render {
  padding: 0 14px;
}

.bc_chart_wrap {
  height: 10px;
  background: #e7e9ec;
  position: relative;
  border-radius: 100px;
  overflow: hidden;
}

.bc_chart {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 100px;
  background: #cbdb2f;
}

.bc_chart_fraction {
  text-align: right;
  width: 1px;
  white-space: nowrap;
}

.bc_chart_fractext {
  font-size: 12px;
  color: #1d1d1d;
  line-height: 1;
  display: inline-block;
  font-weight: 600;
}

.bc_chart_btn {
  width: 1px;
  white-space: nowrap;
}
.bc_chart_btn .btn_ico_qus {
  position: relative;
  top: 1px;
}

.board_gate_message_list + .board_view_tb_wrap {
  margin-top: 15px;
}

.board_data_message {
  font-size: 14px;
  font-weight: 600;
  padding-left: 15px;
  position: relative;
}
.board_data_message:before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background: #c4d700;
  position: absolute;
  top: 5px;
  left: 0;
  transform: rotate(45deg);
}

.board_view_tb_wrap {
  border-top: 2px solid #b3b4b5;
}

.board_view_tb {
  width: 100%;
  background: #fff;
}
.board_view_tb th, .board_view_tb td {
  border-bottom: 1px solid #b3b4b5;
  padding: 12px 15px;
}
.board_view_tb th {
  background: #f9fbe5;
  width: 60px;
  text-align: center;
  white-space: nowrap;
}
.board_view_tb td {
  text-align: left;
}

.board_view_label {
  font-size: 14px;
  color: #1d1d1d;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.board_view_render {
  font-size: 14px;
  color: #1d1d1d;
  line-height: 1.4;
}

/* form */
.form_gate_message_wrap {
  margin-bottom: 42px;
}

.form_gate_message {
  color: #232323;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5;
}
.form_gate_message strong {
  font-weight: 900;
}

.emp_mdot {
  background-color: #c4d700;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 1px;
}

.inline_grid_list {
  display: flex;
  align-items: center;
  gap: 10px;
}

.inline_liquid_cols {
  flex: 1;
  min-width: 0;
}
.inline_fixed_cols {
  flex: 0;
  white-space: nowrap;
}

.btn_action_box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  background: #363636;
  line-height: 1;
  border-radius: 6px;
  min-height: 50px;
  white-space: nowrap;
  padding: 0 20px;
  text-align: center;
}
.btn_action_box:disabled {
  background: #e1e1e1;
  color: #5f5f5f;
}
.btn_action_box.skin2 {
  background: #e1eb7f;
  color: #1d1d1d;
}

.form_list.gap_type2 > li {
  margin-bottom: 35px;
}
.form_list.gap_type2 > li:last-of-type {
  margin-bottom: 0;
}
.form_list > li {
  margin-bottom: 20px;
}
.form_list > li:last-of-type {
  margin-bottom: 0;
}

.form_item_label_row {
  margin-bottom: 10px;
}

.form_item_label {
  font-size: 14px;
  color: #5f5f5f;
  font-weight: 500;
}

input.form_input {
  background: #f6f6f7;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 15px;
  height: 48px;
  border: 1px solid #f6f6f7;
  border-radius: 6px;
  line-height: 1;
  width: 100%;
  box-sizing: border-box;
  font-weight: 600;
  color: #1d1d1d;
}
input.form_input.warn {
  border-color: #2f59d9;
}
input.form_input.size2 {
  height: 35px;
  font-size: 12px;
  padding: 0 12px;
}
input.form_input.size3 {
  height: 40px;
  font-size: 13px;
  padding: 0 12px;
}
input.form_input.emp_skin {
  border-color: #212121;
}

.control_item_list > li {
  margin-bottom: 10px;
}
.control_item_list > li:last-of-type {
  margin-bottom: 0;
}

.control_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.control_key {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

input.props_motion {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 42px;
  height: 21px;
  background: url("../images/ico_radio_motion.png") no-repeat 0 100%/100% auto;
  cursor: pointer;
}
input.props_motion:checked {
  background-position: 0 0;
}

.form_field_title_row {
  text-align: center;
  margin-bottom: 35px;
}

.form_field_title {
  font-size: 21px;
  color: #1d1d1d;
  font-weight: 700;
}

.field_item_list > li {
  margin-bottom: 20px;
}
.field_item_list > li:last-of-type {
  margin-bottom: 0;
}
.field_item_list input.form_input {
  padding: 0 15px;
}

.field_else_row {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.field_else_item {
  display: inline-block;
  position: relative;
  padding-right: 18px;
  font-size: 14px;
  color: #232323;
  line-height: 1;
  font-weight: 600;
}
.field_else_item:after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #a2b200;
  border-bottom: 2px solid #a2b200;
  position: absolute;
  top: 2.5px;
  right: 3px;
  transform: rotate(-45deg);
}

.btn_field_submit_wrap {
  margin-top: 48px;
}
.field_other_form_wrap {
  margin-top: 36px;
  text-align: center;
}

.field_other_title_row {
  position: relative;
}
.field_other_title_row:before {
  display: block;
  content: "";
  background: #dddddd;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.field_other_title {
  position: relative;
  font-size: 14px;
  padding: 0 15px;
  font-weight: 500;
  color: #707070;
  background: #fff;
  display: inline-block;
}

.field_sns_list_wrap {
  padding: 27px 0 45px;
}

.field_sns_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.field_sns {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 50%;
}
.field_sns.apple {
  background-image: url("../images/ico_sns_apple.jpg");
}
.field_sns.naver {
  background-image: url("../images/ico_sns_naver.jpg");
}
.field_sns.kakao {
  background-image: url("../images/ico_sns_kakao.jpg");
}

.field_other_obj_wrap {
  text-align: center;
}

.field_other_obj {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.field_other_key {
  font-size: 14px;
  font-weight: 700;
  color: #232323;
}

.field_other_value {
  font-size: 14px;
  font-weight: 700;
  color: #232323;
}

.btn_field_textlink {
  color: #a2b200;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}

.btn_bottom_static_wrap {
  margin-top: 55px;
}
.btn_bottom_static_wrap.type2 {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #c0c1c3;
}
.btn_bottom_static_wrap.mtype2 {
  margin-top: 40px;
}
.form_inline_copy_wrap {
  margin-top: 10px;
  display: none;
}
.form_inline_copy_wrap.active {
  display: block;
}

.form_guide_copy {
  font-size: 12px;
  color: #2f59d9;
  font-weight: 600;
}

.terms_props_wrap {
  margin-top: 40px;
}

.terms_total_props_row {
  margin-bottom: 10px;
}

.terms_detail_list_wrap {
  border: 1px solid #b3b4b5;
  border-radius: 6px;
  padding: 20px;
}

.terms_detail_list > li {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.terms_detail_list > li:last-of-type {
  margin-bottom: 0;
}

.btn_terms_go {
  display: block;
  width: 17px;
  height: 17px;
  background: url("../images/ico_direct_link.png") no-repeat 50% 50%/100% auto;
  flex: 0 0 17px;
}

.form_inline_btn_wrap {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.btn_form_inline {
  font-size: 14px;
  background: #e1e1e1;
  color: #5f5f5f;
  font-weight: 600;
  border-radius: 6px;
  min-width: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 37px;
  padding: 10px 15px;
  box-sizing: border-box;
}
.btn_form_inline.primary {
  background: #edf3b2;
  color: #a2b200;
}

.profile_wrap + .form_list_wrap {
  margin-top: 35px;
}

.profile_item {
  text-align: center;
}

.profile_thum {
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  background: #f6f6f7;
  border-radius: 22px;
  margin: 0 auto;
}
.profile_thum img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.proflie_spec {
  font-size: 14px;
  color: #5f5f5f;
  font-weight: 500;
  margin-top: 5px;
}

.form_block_list.gap_type2 > li {
  margin-bottom: 8px;
}
.form_block_list.gap_type2 > li:last-of-type {
  margin-bottom: 0;
}
.form_block_list > li {
  margin-bottom: 10px;
}
.form_block_list > li:last-of-type {
  margin-bottom: 0;
}

.form_block_fxwrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.form_block_fxwrap input.form_input {
  flex: 1;
}

.btn_form_box {
  display: block;
  width: 15px;
  height: 15px;
  background: url("../images/ico_input_reset.png") no-repeat 50% 50%/100% auto;
}
.btn_control_smbox {
  display: block;
  width: 15px;
  height: 15px;
  background: url("../images/ico_input_reset.png") no-repeat 50% 50%/100% auto;
}
.btn_control_smbox.down {
  background-image: url("../images/ico_direct_down.png");
  width: 17px;
  height: 17px;
}
.btn_control_smbox.up {
  background-image: url("../images/ico_direct_up.png");
  width: 17px;
  height: 17px;
}

.props_item_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 25px;
}
.form_item_props_row {
  margin-bottom: 5px;
}
.form_item_title_row {
  margin-bottom: 10px;
}

.form_item_title {
  font-size: 18px;
  color: #1d1d1d;
  font-weight: 700;
}

.survey_item_list > li {
  margin-bottom: 30px;
}
.survey_item_list > li:last-of-type {
  margin-bottom: 0;
}

.survey_key_row {
  margin-bottom: 15px;
}

.survey_key {
  font-size: 16px;
  font-weight: 600;
  padding-left: 17px;
  position: relative;
}
.survey_key:before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background: #c4d700;
  position: absolute;
  top: 7px;
  left: 0;
  transform: rotate(45deg);
}

.survey_value_row {
  margin: 0 0 0 17px;
}

.props_block_list > li {
  margin-bottom: 10px;
}
.props_block_list > li:last-of-type {
  margin-bottom: 0;
}
table.rp_tb {
  width: 100%;
  box-sizing: border-box;
}
table.rp_tb tr:last-of-type th, table.rp_tb tr:last-of-type td {
  padding-bottom: 0;
}
table.rp_tb th, table.rp_tb td {
  padding-bottom: 7px;
  vertical-align: top;
}
table.rp_tb th {
  width: 1px;
  white-space: nowrap;
  padding: 9px 10px;
}
table.rp_tb td input.form_input {
  height: 35px;
  font-size: 12px;
  padding: 0 12px;
}

.rp_key {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-align: justify;
}

.inline_form_wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.inline_form_cols {
  flex: 1;
  min-width: 0;
  align-items: center;
}
.inline_form_cols.else {
  flex: 0;
  text-align: center;
  min-width: 10px;
}
.inline_else_form {
  display: inline-block;
  font-size: 12px;
  color: #5f5f5f;
  line-height: 1;
}

.td_block {
  margin-bottom: 8px;
}
.td_block:last-of-type {
  margin-bottom: 0;
}

.inline_obj_form {
  display: flex;
  align-items: center;
  gap: 8px;
}
.inline_obj_form.elsewid {
  max-width: 80%;
}
.inline_obj_form.elsewid2 {
  max-width: 70%;
}

.inline_key_cols {
  flex: 1;
}
.inline_btn_cols {
  flex: 0;
  white-space: nowrap;
}

.inline_else_cols {
  flex: 0;
  white-space: nowrap;
}

.inline_else_text {
  display: inline-block;
  font-size: 12px;
  color: #1d1d1d;
  line-height: 1;
}

.btn_inline_box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  padding: 0 15px;
  background: #edf3b2;
  border-radius: 6px;
  color: #a2b200;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}

/* view */
.view_tb {
  width: 100%;
  border-bottom: 1px solid #b3b4b5;
  line-height: 1.5;
}
.view_tb th, .view_tb td {
  border-top: 1px solid #b3b4b5;
  padding: 12px 18px;
}
.view_tb th {
  width: 27%;
  white-space: nowrap;
  background: #f7f7f7;
  text-align: center;
}
.view_tb td {
  text-align: left;
  vertical-align: top;
}

.view_thtext {
  font-size: 14px;
  color: #1d1d1d;
  white-space: nowrap;
  display: inline-block;
  font-weight: 600;
}

.view_tdtext {
  font-size: 14px;
  color: #1d1d1d;
}

.view_td_render {
  font-size: 14px;
  color: #1d1d1d;
}

.indent_list {
  font-size: 13px;
}
.indent_list > li {
  display: flex;
  gap: 5px;
}

.indent_bullet {
  flex: 0;
  white-space: nowrap;
}

.indent_liquid {
  flex: 1;
}

.cbox_fxwrap {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.cbox_fxwrap > .cbox {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.cbox_fxwrap:last-of-type {
  margin-bottom: 0;
}

.cbox_fx_cols {
  flex: 0;
}

.boxdom_list > li {
  margin-bottom: 8px;
}
.boxdom_list > li:last-of-type {
  margin-bottom: 0;
}

.boxdom {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 0px 14.72px 1.28px rgba(158, 158, 158, 0.2);
  padding: 12px 15px;
}
.boxdom .ico {
  display: block;
  width: 17px;
  height: 17px;
  background: url("../images/ico_direct_link.png") no-repeat 0 0/100% auto;
}
.boxdom_text {
  font-size: 14px;
  color: #1d1d1d;
  font-weight: 500;
}

.boxdom_sub {
  font-size: 11px;
  color: #2f59d9;
  font-weight: 700;
  background: #eaeefb;
  border-radius: 4px;
  display: inline-block;
  padding: 6px 10px;
  margin: -5px 0;
}

/* filter */
.column_obj_wrap {
  padding-bottom: 40px;
}

.column_obj_list > li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c0c1c3;
}
.column_obj_list > li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.column_key_row {
  margin-bottom: 12px;
}

.column_key_main {
  font-weight: 700;
}

.column_key_main,
.column_key_sub {
  font-size: 14px;
  color: #1d1d1d;
}

.column_cont_block {
  margin-bottom: 10px;
}
.column_cont_block:last-of-type {
  margin-bottom: 0;
}

.data_sort_list {
  display: flex;
  gap: 8px;
}
.data_sort_list > li {
  flex: 1;
}
.data_sort_list > li.fixed {
  flex: 0;
}

.data_render_box_list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.data_render_box {
  display: flex;
  background: #e0e1e4;
  padding: 10px 12px;
  border-radius: 6px;
  gap: 8px;
}
.data_render_box .btn_del {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  background: url("../images/ico_input_reset.png") no-repeat 0 0/100% auto;
}

.data_render_text {
  font-size: 12px;
  font-weight: 600;
  color: #5f5f5f;
}

.middle_title_row {
  margin-bottom: 20px;
}

.middle_sub_title {
  font-size: 14px;
  color: #1d1d1d;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 2px;
}

.middle_main_title {
  font-size: 20px;
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.4;
}

.cvbox_list > li {
  margin-bottom: 12px;
}
.cvbox_list > li:last-of-type {
  margin-bottom: 0;
}

.cvbox {
  text-align: center;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  position: relative;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 14.72px 1.28px rgba(158, 158, 158, 0.2);
}

.cvbox_title_row {
  background: #f9fbe5;
  border-bottom: 1px solid #c2c3c4;
  padding: 10px;
}

.cvbox_title {
  font-size: 14px;
  color: #1d1d1d;
  font-weight: 600;
}

.cvbox_contents {
  padding: 15px 12px;
  text-align: left;
}

.current_box_list {
  margin-top: 13px;
}
.current_box_list > li {
  margin-bottom: 8px;
}
.current_box_list > li:last-of-type {
  margin-bottom: 0;
}

.current_box {
  text-align: center;
  background: #dee6ff;
  font-size: 13px;
  color: #2f59d9;
  font-weight: 600;
  border-radius: 6px;
  border: 1px solid #2f59d9;
  padding: 10px;
  box-shadow: 0px 0px 14.72px 1.28px rgba(158, 158, 158, 0.2);
}

.mid_mb {
  padding-bottom: 40px;
}

.acc_list > li {
  margin-bottom: 14px;
}
.acc_list > li:last-of-type {
  margin-bottom: 0;
}

.acc_box {
  border-radius: 9px;
  border: 1px solid #e0e0e0;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 14.72px 1.28px rgba(158, 158, 158, 0.2);
}
.acc_box.active .acc_bar:after {
  transform: rotate(180deg) translateY(-50%);
}
.acc_box.active .acc_contents {
  display: block;
}

.acc_bar {
  display: block;
  padding: 12px 45px;
  position: relative;
  text-align: center;
}
.acc_bar:after {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: url("../images/ico_acc.png") no-repeat 0 0/100% auto;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: rotate(0deg) translateY(-50%);
  transform-origin: top;
}

.acc_bar_text {
  color: #1d1d1d;
  font-size: 15px;
  font-weight: 600;
}

.acc_contents {
  border-top: 1px solid #c2c3c4;
  padding: 15px;
  display: none;
}

.docu_title {
  font-size: 15px;
  color: #1d1d1d;
  font-weight: 600;
  margin-bottom: 10px;
}

.docu_form_copy {
  margin-top: 15px;
  font-size: 12px;
  color: #2f59d9;
  font-weight: 600;
  line-height: 1.5;
}

.docu_props_row {
  margin-top: 32px;
}
.docu_props_row .props_item {
  gap: 5px;
}
.docu_props_row .props_label {
  font-weight: 600;
}

.prosp_box_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 -8px 0 0;
}
.prosp_box_list.wid_type2 > li {
  flex: 0 0 calc(25% - 8px);
}
.prosp_box_list > li {
  flex: 0 0 calc(20% - 8px);
  display: flex;
  flex-direction: column;
}
.props_box {
  position: relative;
  flex: 1;
}

input.props_box_form {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
}
input.props_box_form:checked + .props_box_label {
  background: #dee6ff;
  border-color: #2f59d9;
  color: #2f59d9;
}

.props_box_label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #1d1d1d;
  font-weight: 600;
  box-sizing: border-box;
  padding: 10px 5px;
  min-height: 37px;
  border-width: 1px;
  border-color: rgb(224, 224, 224);
  border-style: solid;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 14.72px 1.28px rgba(158, 158, 158, 0.2);
}

.box_spec_tb {
  display: table;
  width: 100%;
  line-height: 1.5;
}
.box_spec_tb > li {
  display: table-row;
}
.box_spec_tb > li:last-of-type .spec_cell {
  padding-bottom: 0;
}
.box_spec_tb .spec_cell {
  display: table-cell;
  padding-bottom: 12px;
  vertical-align: top;
}
.box_spec_tb .spec_cell.define_th {
  width: 1px;
  white-space: nowrap;
  padding-right: 17px;
}
.spec_cth {
  display: inline-block;
  color: #1d1d1d;
  font-weight: 600;
  font-size: 13px;
}

.spec_ctd {
  display: inline-block;
  color: #1d1d1d;
  font-size: 13px;
}

.indent_form_item {
  margin-bottom: 18px;
}
.indent_form_item:last-of-type {
  margin-bottom: 0;
}

.indnet_form_key {
  position: relative;
  padding-left: 10px;
  font-size: 13px;
  color: #1d1d1d;
  font-weight: 600;
}
.indnet_form_key:before {
  display: inline-block;
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}

.indent_form_value_row {
  margin: 10px 0 0 10px;
}

.form_element_list > li {
  margin-bottom: 8px;
}
.form_element_list > li:last-of-type {
  margin-bottom: 0;
}

.form_element_item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.form_element_item .btn_del {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  background: url("../images/ico_input_reset.png") no-repeat 0 0/100% auto;
}

.swiper-container.mv_card_swiper {
  width: 100%;
  border-radius: 10px;
}
.swiper-container.mv_card_swiper .swiper-pagination {
  position: absolute;
  bottom: 15px;
  left: 15px;
  top: auto;
  color: #fff;
  text-align: left;
  font-size: 12px;
  width: auto;
}

.mv_card {
  display: block;
}
.mv_card img {
  width: 100%;
  vertical-align: top;
}

.swiper_auto_control {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 5;
}

.btn_auto_control {
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/ico_autoplay.png") no-repeat 0 0/100% auto;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
}
.btn_auto_control.play {
  background-position: 0 100%;
}
.btn_auto_control.hidden {
  display: none;
}

.mv_control_list_wrap {
  margin-top: 15px;
}

.mv_control_item {
  display: flex;
  border: 1px solid #2f59d9;
  border-radius: 9px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px;
  background: #fff;
}

.ico_mv_control {
  flex: 0 0 20px;
}
.ico_mv_control img {
  max-width: 100%;
  vertical-align: top;
}

.spec_mv_control {
  font-size: 16px;
  color: #2f59d9;
  font-weight: 700;
}

.mc_block {
  margin-bottom: 30px;
}
.mc_block:last-of-type {
  margin-bottom: 0;
}

.mc_block_title {
  margin-bottom: 15px;
  font-size: 15px;
  color: #1d1d1d;
  line-height: 1;
  font-weight: 700;
}

.mclk_list_wrap {
  position: relative;
  overflow: hidden;
  overflow-x: auto;
  padding: 20px 20px 20px 20px;
  margin: -20px;
}
.mclk_list_wrap::-webkit-scrollbar {
  display: none;
}

.mclk_list {
  display: flex;
  gap: 10px;
}
.mclk_list:after {
  display: block;
  content: "";
  width: 10px;
  flex: 0 0 10px;
}

.mclk_item {
  width: 148px;
  display: block;
  padding: 22px 10px;
  position: relative;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 10px 2px rgba(211, 211, 211, 0.58);
}

.mclk_keyword {
  font-size: 12px;
  color: #1d1d1d;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.3;
  margin-bottom: 8px;
  padding-right: 50px;
}

.mclk_primary {
  font-size: 14px;
  color: #1d1d1d;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.3;
  font-weight: 700;
}

.mclk_sub {
  font-size: 12px;
  color: #9e9e9e;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.3;
  margin-top: 8px;
}

.mclk_sub2 {
  font-size: 12px;
  font-weight: 900;
  color: #2f59d9;
  text-align: right;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 5px;
}

.mclk_flag {
  position: absolute;
  top: -8px;
  right: 10px;
  background: #c4d700;
  border: 1px solid #a2b200;
  border-radius: 4px;
  line-height: 1.2;
  text-align: center;
  padding: 3px 8px;
  color: #fff;
  font-weight: 600;
}
/*# sourceMappingURL=style.css.map */