@charset "UTF-8";
/* mixin */
/* default */
/* .touchmode *{outline:0 !important}  */ /* 20220415 터치모드 일때 포커스라인 히든 */
* {
  margin: 0;
  padding: 0;
  word-break: break-all;
  outline: 0;
  -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: "Noto Sans", Dotum, verdana, sans-serif;
  font-size: 12px;
}

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: "Noto Sans";
}

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: "Noto Sans";
}

button span {
  position: relative;
  font-family: "Noto Sans";
}

select {
  font-family: "Noto Sans";
}

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

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: "Noto Sans";
  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: "Noto Sans";
  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: "Noto Sans";
  color: #000;
  border: 1px solid #c8c8c8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
}

/*
input:focus + label{
    outline: 1px dashed #000;
} */
::-webkit-input-placeholder {
  color: #cccccc;
  font-family: "Noto Sans";
}

::-moz-input-placeholder {
  color: #cccccc;
  font-family: "Noto Sans";
}

:-ms-input-placeholder {
  color: #cccccc;
  font-family: "Noto Sans";
}

::-ms-input-placeholder {
  color: #cccccc;
  font-family: "Noto Sans";
}

::input-placeholder {
  color: #cccccc;
  font-family: "Noto Sans";
}

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%;
}

legend,
.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%;
}

.mb_br {
  display: none;
}

.mb_br2 {
  display: none;
}

.pc_br {
  display: block;
}

.pc_wide_br {
  display: block;
}

.mb_item {
  display: none !important;
}

.swiper img, .swiper a, .swiper-container img, .swiper-container a {
  user-drag: none; /* Safari/Chrome 전용 */
  -webkit-user-drag: none; /* Safari */
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-select: none; /* 텍스트 선택 방지 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

@media (max-width: 1680px) {
  .pc_wide_br {
    display: none;
  }
}
@media (max-width: 1023px) {
  .pc_item {
    display: none !important;
  }
  .pc_br {
    display: none !important;
  }
  .mb_br {
    display: block !important;
  }
  .mb_item {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .mb_br2 {
    display: block !important;
  }
  .mb_hide {
    display: none !important;
  }
}
@font-face {
  font-family: "Noto Sans";
  src: url("./webfont/NotoSans-Thin.eot");
  src: url("./webfont/NotoSans-Thin.eot?#iefix") format("embedded-opentype"), url("./webfont/NotoSans-Thin.woff2") format("woff2"), url("./webfont/NotoSans-Thin.woff") format("woff"), url("./webfont/NotoSans-Thin.ttf") format("truetype"), url("./webfont/NotoSans-Thin.svg#NotoSans-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("./webfont/NotoSans-Light.eot");
  src: url("./webfont/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("./webfont/NotoSans-Light.woff2") format("woff2"), url("./webfont/NotoSans-Light.woff") format("woff"), url("./webfont/NotoSans-Light.ttf") format("truetype"), url("./webfont/NotoSans-Light.svg#NotoSans-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("./webfont/NotoSans-Regular.eot");
  src: url("./webfont/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("./webfont/NotoSans-Regular.woff2") format("woff2"), url("./webfont/NotoSans-Regular.woff") format("woff"), url("./webfont/NotoSans-Regular.ttf") format("truetype"), url("./webfont/NotoSans-Regular.svg#NotoSans-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("./webfont/NotoSans-Medium.eot");
  src: url("./webfont/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("./webfont/NotoSans-Medium.woff2") format("woff2"), url("./webfont/NotoSans-Medium.woff") format("woff"), url("./webfont/NotoSans-Medium.ttf") format("truetype"), url("./webfont/NotoSans-Medium.svg#NotoSans-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("./webfont/NotoSans-DemiLight.eot");
  src: url("./webfont/NotoSans-DemiLight.eot?#iefix") format("embedded-opentype"), url("./webfont/NotoSans-DemiLight.woff2") format("woff2"), url("./webfont/NotoSans-DemiLight.woff") format("woff"), url("./webfont/NotoSans-DemiLight.ttf") format("truetype"), url("./webfont/NotoSans-DemiLight.svg#NotoSans-DemiLight") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("./webfont/NotoSans-Bold.eot");
  src: url("./webfont/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("./webfont/NotoSans-Bold.woff2") format("woff2"), url("./webfont/NotoSans-Bold.woff") format("woff"), url("./webfont/NotoSans-Bold.ttf") format("truetype"), url("./webfont/NotoSans-Bold.svg#NotoSans-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("./webfont/NotoSans-Black.eot");
  src: url("./webfont/NotoSans-Black.eot?#iefix") format("embedded-opentype"), url("./webfont/NotoSans-Black.woff2") format("woff2"), url("./webfont/NotoSans-Black.woff") format("woff"), url("./webfont/NotoSans-Black.ttf") format("truetype"), url("./webfont/NotoSans-Black.svg#NotoSans-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noto Serif KR";
  src: url("./webfont/NotoSerifKR-ExtraLight.woff2") format("woff2"), url("./webfont/NotoSerifKR-ExtraLight.woff") format("woff"), url("./webfont/NotoSerifKR-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Serif KR";
  src: url("./webfont/NotoSerifKR-Light.woff2") format("woff2"), url("./webfont/NotoSerifKR-Light.woff") format("woff"), url("./webfont/NotoSerifKR-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Serif KR";
  src: url("./webfont/NotoSerifKR-Regular.woff2") format("woff2"), url("./webfont/NotoSerifKR-Regular.woff") format("woff"), url("./webfont/NotoSerifKR-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Serif KR";
  src: url("./webfont/NotoSerifKR-Medium.woff2") format("woff2"), url("./webfont/NotoSerifKR-Medium.woff") format("woff"), url("./webfont/NotoSerifKR-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Serif KR";
  src: url("./webfont/NotoSerifKR-SemiBold.woff2") format("woff2"), url("./webfont/NotoSerifKR-semiBold.woff") format("woff"), url("./webfont/NotoSerifKR-semiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Serif KR";
  src: url("./webfont/NotoSerifKR-Bold.woff2") format("woff2"), url("./webfont/NotoSerifKR-Bold.woff") format("woff"), url("./webfont/NotoSerifKR-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Serif KR";
  src: url("./webfont/NotoSerifKR-Black.woff2") format("woff2"), url("./webfont/NotoSerifKR-Black.woff") format("woff"), url("./webfont/NotoSerifKR-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Spoqa";
  src: url("./webfont/SpoqaHanSansNeo-Bold.eot");
  src: url("./webfont/SpoqaHanSansNeo-Bold.eot?#iefix") format("embedded-opentype"), url("./webfont/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("./webfont/SpoqaHanSansNeo-Bold.woff") format("woff"), url("./webfont/SpoqaHanSansNeo-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Spoqa";
  src: url("./webfont/SpoqaHanSansNeo-Regular.eot");
  src: url("./webfont/SpoqaHanSansNeo-Regular.eot?#iefix") format("embedded-opentype"), url("./webfont/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("./webfont/SpoqaHanSansNeo-Regular.woff") format("woff"), url("./webfont/SpoqaHanSansNeo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Spoqa";
  src: url("./webfont/SpoqaHanSansNeo-Thin.eot");
  src: url("./webfont/SpoqaHanSansNeo-Thin.eot?#iefix") format("embedded-opentype"), url("./webfont/SpoqaHanSansNeo-Thin.woff2") format("woff2"), url("./webfont/SpoqaHanSansNeo-Thin.woff") format("woff"), url("./webfont/SpoqaHanSansNeo-Thin.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Spoqa";
  src: url("./webfont/SpoqaHanSansNeo-Black.eot");
  src: url("./webfont/SpoqaHanSansNeo-Black.eot?#iefix") format("embedded-opentype"), url("./webfont/SpoqaHanSansNeo-Black.woff2") format("woff2"), url("./webfont/SpoqaHanSansNeo-Black.woff") format("woff"), url("./webfont/SpoqaHanSansNeo-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Spoqa";
  src: url("./webfont/SpoqaHanSansNeo-Light.eot");
  src: url("./webfont/SpoqaHanSansNeo-Light.eot?#iefix") format("embedded-opentype"), url("./webfont/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("./webfont/SpoqaHanSansNeo-Light.woff") format("woff"), url("./webfont/SpoqaHanSansNeo-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Spoqa";
  src: url("./webfont/SpoqaHanSansNeo-DemiLight.eot");
  src: url("./webfont/SpoqaHanSansNeo-DemiLight.eot?#iefix") format("embedded-opentype"), url("./webfont/SpoqaHanSansNeo-DemiLight.woff2") format("woff2"), url("./webfont/SpoqaHanSansNeo-DemiLight.woff") format("woff"), url("./webfont/SpoqaHanSansNeo-DemiLight.ttf") format("truetype");
  font-weight: 350;
  font-style: normal;
}
@font-face {
  font-family: "Spoqa";
  src: url("./webfont/SpoqaHanSansNeo-Medium.eot");
  src: url("./webfont/SpoqaHanSansNeo-Medium.eot?#iefix") format("embedded-opentype"), url("./webfont/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("./webfont/SpoqaHanSansNeo-Medium.woff") format("woff"), url("./webfont/SpoqaHanSansNeo-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* 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;
}

.page_wrap {
  min-width: 280px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100);
  transition: transform 500ms;
}
.page_wrap.open_mbmenu {
  transform: translateX(80vw);
}
.page_wrap.open_mbmenu .header_wrap:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 25;
  background: #000;
  opacity: 0.3;
  position: fixed;
  top: 0;
  left: 0;
}

.header_wrap {
  padding: 26px 0 0 0;
  position: relative;
  z-index: 50;
  background: #fff;
}
.header_wrap.type2 .header_main_row {
  justify-content: space-between;
  margin-bottom: 0;
}
.header_wrap.type2 .header_nav_menu_list {
  gap: 36px;
}
.header_wrap.type2 .header_nav_util_list {
  gap: 24px;
}

.header_main_row {
  display: flex;
  max-width: 1340px;
  padding: 0 30px;
  gap: 94.5px;
  margin: 0 auto;
}
.header_main_row .total_search_cols {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.header_main_row.only_type {
  /*  border-bottom: 1px solid #E6E6E6; */
  padding-bottom: 24px;
}
.header_main_row.only_type:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  position: absolute;
  bottom: 0;
  left: 0;
}
.header_main_row .corp_header {
  justify-content: space-between;
  margin-bottom: 0px;
}

.toplogo_container {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.toplogo_item {
  display: flex;
  gap: 12px;
  align-items: center;
}
.toplogo_item .img_cols {
  width: 125px;
  flex: 0 0 125px;
}
.toplogo_item .img_cols > img {
  max-width: 100%;
  vertical-align: top;
}
.toplogo_item .spec_cols .spec_main_copy,
.toplogo_item .spec_cols .spec_sub_copy {
  font-size: 16px;
  display: block;
  white-space: nowrap;
  line-height: 1.2;
}
.toplogo_item .spec_cols .spec_main_copy {
  color: #0C2F5B;
  font-weight: 700;
}
.toplogo_item .spec_cols .spec_sub_copy {
  color: #595959;
  font-weight: 500;
}

.top_search_field {
  height: 60px;
  box-sizing: border-box;
  padding-right: 8px;
  border-radius: 100px;
  background: linear-gradient(white, white) padding-box, linear-gradient(91.12deg, #3777FF 4.19%, #9442FE 96.41%) border-box;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.top_search_field legend {
  display: none;
}
.top_search_field .btn_search_reset,
.top_search_field .btn_search_submit {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  margin-right: 16px;
}
.top_search_field .btn_search_reset {
  width: 16px;
  height: 16px;
  background-image: url("../images/ico_total_reset.png");
  display: none;
}
.top_search_field .btn_search_submit {
  width: 24px;
  height: 24px;
  background-image: url("../images/ico_total_search.png");
}
.top_search_field.active .btn_search_reset {
  display: block;
}

input.top_search_input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 58px;
  line-height: 1;
  border-radius: 0;
  flex: 1;
  background: none;
  border: 0;
  outline: 0;
  padding: 0 16px 0 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}
input.top_search_input::-moz-placeholder {
  color: #aaa;
}
input.top_search_input::placeholder {
  color: #aaa;
}

.top_search_keyword_wrap {
  position: relative;
  overflow: hidden;
  display: flex;
}
.top_search_keyword_wrap:hover .top_search_marguee {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.top_search_marguee {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 8px;
  -webkit-animation: marqueeAnim linear infinite;
          animation: marqueeAnim linear infinite;
}

.top_search_keyword_list {
  display: flex;
  gap: 8px;
}
.top_search_keyword {
  display: inline-block;
  min-height: 36px;
  background: #F8F8F8;
  border-radius: 100px;
  white-space: nowrap;
  padding: 10px 12px 8px;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}

@-webkit-keyframes marqueeAnim {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes marqueeAnim {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.top_util_list {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  min-height: 60px;
  align-items: center;
}
.top_util_item {
  display: inline-block;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}
.top_util_item.type2 {
  color: #005AAB;
  font-weight: 700;
}
.top_util_item:hover {
  font-weight: 700;
  text-decoration: underline;
}

.header_main_row + .header_nav_row {
  border-bottom: 1px solid #0B51C5;
}

.header_nav_row {
  margin-top: 0px;
}

.header_nav_container {
  max-width: 1340px;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  min-height: 72px;
  align-items: center;
  margin: 0 auto;
}

.header_nav_menu_list {
  display: flex;
  gap: 52px;
  align-items: center;
}
.header_nav_menu_item {
  display: inline-block;
  position: relative;
}
.header_nav_menu_item.active .header_nav_menu_link {
  color: #0258AD;
}

.mb_navmenu_depth.active .mnav_depth_text {
  color: #0258AD;
}

.btn_panel_menu {
  display: none;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
.btn_panel_menu:before, .btn_panel_menu:after {
  display: block;
  content: "";
  width: 16px;
  height: 2px;
  background: #000;
  border-radius: 2px;
}
.btn_panel_menu.hidden {
  opacity: 0;
}

.btn_panel_menu_ico {
  display: block;
  width: 16px;
  height: 2px;
  background: #000;
  border-radius: 2px;
  margin: 4px 0;
}

.btn_top_icomenu {
  display: none;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn_top_icomenu .icomenu {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_top_icomenu .icomenu.ico_user {
  background-image: url("../images/ico_topuser.png");
  background-color: #8fbffa;
}

.nav_tooltip_layer {
  position: absolute;
  top: 3px;
  left: 0;
  transform: translateY(-100%);
  background: #00AEF3;
  min-height: 28px;
  display: flex;
  align-items: center;
  border-radius: 0 100px 100px 0;
  padding: 6px 8px 6px 0;
  box-sizing: border-box;
}
.nav_tooltip_layer:after {
  display: block;
  content: "";
  width: 28px;
  height: 32px;
  background: url("../images/ico_menu_word_pointer.png") no-repeat 0 0/100% auto;
  position: absolute;
  top: 0;
  left: -14px;
}

.nav_tooltip_text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  margin-left: -6px;
}

.header_nav_menu_link {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.header_nav_menu_link:hover {
  color: #0258AD;
}

.header_nav_util_list {
  display: flex;
  justify-content: flex-end;
  gap: 36px;
  align-items: center;
}
.header_nav_util_list.type2 {
  gap: 24px;
}

.header_nav_util {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1;
  color: #0258AD;
  min-height: 40px;
  display: flex;
  align-items: center;
}

.header_nav_toggle {
  position: relative;
  display: flex;
  align-items: center;
}
.header_nav_toggle.type2 .nav_toggle_target {
  background: #fff;
}
.header_nav_toggle.type2 .nav_toggle_target .toggle_target_text {
  color: #005AAB;
}
.header_nav_toggle.type2 .nav_toggle_target:after {
  border-color: #005AAB;
}
.header_nav_toggle.active .nav_toggle_target:after {
  transform: rotate(225deg);
  top: 19px;
}
.header_nav_toggle.active .nav_toggle_layer {
  display: block;
}
.header_nav_toggle .ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.header_nav_toggle .ico.ico_men {
  background-image: url("../images/ico_pic_men.png");
}

.nav_toggle_target {
  min-height: 40px;
  background: #0B51C5;
  border-radius: 100px;
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding: 8px 32px 8px 16px;
}
.nav_toggle_target .toggle_target_text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-width: 250px;
}
.nav_toggle_target:after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
  right: 17px;
}

.nav_toggle_layer {
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  width: 144px;
  display: none;
  box-sizing: border-box;
  padding: 24px 24px 16px;
  background: #FFFFFF;
  border: 1px solid #0B51C5;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
}

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

.nav_toggle_menu {
  font-size: 13px;
  display: inline-block;
  color: #000;
  line-height: 1;
}
.nav_toggle_menu:hover {
  text-decoration: underline;
}

.nav_toggle_box {
  display: block;
  padding: 10px 10px 11px;
  text-align: center;
  background: #1D1D1F;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  border-radius: 100px;
}
.header_nav_fraction {
  display: flex;
  align-items: center;
  gap: 5px;
}
.key_fraction_label,
.key_fraction_value {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  white-space: nowrap;
}

.key_fraction_value {
  font-weight: 700;
  font-family: "Spoqa";
  position: relative;
  top: 1px;
  border-bottom: 1px solid #000;
}

.middle_wrap {
  flex: 1;
  position: relative;
  overflow-x: hidden;
}
.middle_wrap.has_sticky {
  overflow-x: visible;
}

.middle_inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 30px 80px;
}
.middle_inner.type2 {
  padding-bottom: 0;
}
.middle_inner.ptype2 {
  padding-top: 36px;
}

/* mbmenu */
.mobile_nav_panel {
  position: fixed;
  top: 0;
  left: -80%;
  width: 80%;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 30;
  display: none;
}
.mobile_nav_panel.active {
  display: block;
}

.mobile_nav_wrap {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;
}

.mobile_nav_top {
  padding: 8px 10px;
}

input.mb_nav_form_input {
  line-height: 1;
  width: 100%;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  border-radius: 5px;
  height: 38px;
  padding: 0 10px;
  border: 1px solid #0053C2;
}
input.mb_nav_form_input::-moz-placeholder {
  color: #aaa;
}
input.mb_nav_form_input::placeholder {
  color: #aaa;
}

.mb_nav_tab_wrap {
  margin-top: 8px;
}

.mb_nav_tab_list {
  display: flex;
  text-align: center;
  position: relative;
}
.mb_nav_tab_list > li {
  flex: 1;
}
.mb_nav_tab_list > li.active {
  position: relative;
}
.mb_nav_tab_list > li.active .mb_nav_tab {
  border-color: #0053C2;
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
.mb_nav_tab_list > li.active .mb_nav_tab .mb_nav_tab_text {
  color: #0053C2;
  font-weight: 700;
}
.mb_nav_tab_list:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #0053C2;
  position: absolute;
  bottom: 0;
  left: 0;
}

.mb_nav_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #F8F8F8;
  border-radius: 5px 5px 0 0;
  min-height: 35px;
  border: 1px solid #F8F8F8;
}

.mb_nav_tab_text {
  font-size: 14px;
  color: #595959;
}

.mobile_nav_middle {
  flex: 1;
  position: relative;
  overflow-y: auto;
}

.mb_nav_cont {
  display: none;
}
.mb_nav_cont.active {
  display: block;
}

.mb_navmenu_wrap {
  padding: 10px 10px 30px;
}

.mb_navmenu_list > li {
  margin-bottom: 20px;
}
.mb_navmenu_list > li.toggle_active .mb_navmenu_item:after {
  transform: rotate(225deg);
  top: 16px;
}
.mb_navmenu_list > li.toggle_active .mb_navmenu_depth_wrap {
  display: block;
}
.mb_navmenu_list > li:last-of-type {
  margin-bottom: 0;
}

.mb_navmenu_item {
  display: flex;
  position: relative;
  padding: 10px 10px;
  align-items: center;
  gap: 15px;
}
.mb_navmenu_item .fa {
  font-size: 16px;
  line-height: 1;
  color: #000;
}
.mb_navmenu_item.has_arrow {
  padding-right: 40px;
}
.mb_navmenu_item.has_arrow:after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  top: 12px;
  right: 15px;
  transform: rotate(45deg);
}

.mb_navmenu_text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  display: flex;
  align-items: center;
  gap: 20px;
}

.mb_navmenu_depth_wrap {
  display: none;
}

.mb_navmenu_depth {
  display: flex;
  padding: 5px 10px;
  gap: 10px;
}
.mb_navmenu_depth .ico_nm {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.mb_navmenu_depth .ico_nm.ico_rec01 {
  background-image: url("../images/ico_mbv_rec01.png");
}
.mb_navmenu_depth .ico_nm.ico_rec02 {
  background-image: url("../images/ico_mbv_rec02.png");
}
.mb_navmenu_depth .ico_nm.ico_rec03 {
  background-image: url("../images/ico_mbv_rec03.png");
}
.mb_navmenu_depth .ico_nm.ico_rec04 {
  background-image: url("../images/ico_mbv_rec04.png");
}
.mb_navmenu_depth .ico_nm.ico_fee01 {
  background-image: url("../images/ico_mbv_fee01.png");
}
.mb_navmenu_depth .ico_nm.ico_cus01 {
  background-image: url("../images/ico_mbv_cus01.png");
}
.mb_navmenu_depth .ico_nm.ico_cus02 {
  background-image: url("../images/ico_mbv_cus02.png");
}
.mb_navmenu_depth .ico_nm.ico_member01 {
  background-image: url("../images/ico_mbv_member01.png");
}
.mb_navmenu_depth .ico_nm.ico_member02 {
  background-image: url("../images/ico_mbv_member02.png");
}
.mb_navmenu_depth .ico_nm.ico_member03 {
  background-image: url("../images/ico_mbv_member03.png");
}
.mb_navmenu_depth .ico_nm.ico_member04 {
  background-image: url("../images/ico_mbv_member04.png");
}
.mb_navmenu_depth .ico_nm + .mnav_depth_text {
  padding-top: 3px;
}

.mnav_depth_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.mobile_nav_bottom {
  border-top: 1px solid #BDC5D1;
  padding: 10px;
}

.mb_nav_util_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mb_nav_util {
  display: flex;
  align-items: center;
  gap: 5px;
}
.mb_nav_util .fa {
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
}

.mb_nav_util_text {
  color: rgba(0, 0, 0, 0.5);
}

.btn_panel_close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  z-index: 35;
  position: absolute;
  top: 0;
  left: 100%;
  flex-direction: column;
  opacity: 0;
  transition: 0.5s;
}
.btn_panel_close:before, .btn_panel_close:after {
  transition: transform 500ms;
  display: block;
  content: "";
  width: 20px;
  height: 2px;
  background: #000;
  border-radius: 2px;
  transform: rotate(0deg);
}
.btn_panel_close.active {
  display: flex;
  opacity: 1;
}
.btn_panel_close.active .btn_panel_close_ico {
  opacity: 0;
}
.btn_panel_close.active:before, .btn_panel_close.active:after {
  position: absolute;
  background-color: #fff;
}
.btn_panel_close.active:before {
  transform: rotate(45deg);
}
.btn_panel_close.active:after {
  transform: rotate(-45deg);
}

.btn_panel_close_ico {
  display: block;
  width: 20px;
  height: 2px;
  background: #000;
  border-radius: 2px;
  margin: 5px 0;
  opacity: 1;
  transition: opacity 500ms;
}

/* // mbmenu */
.btn_topgo_wrap {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  display: none;
}

.btn_topgo {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #333 url("../images/btn_topgo.png") no-repeat 50% 50%/100% auto;
  position: absolute;
  bottom: 20px;
  right: 12px;
}

.footer_menu_row {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.footer_menu_container {
  max-width: 1340px;
  margin: 0 auto;
  padding: 24px 30px;
}

.footer_menu_list {
  display: flex;
  gap: 48px;
}
.footer_menu {
  display: inline-block;
  font-size: 16px;
  color: #000;
  line-height: 1;
}
.footer_main_container {
  max-width: 1340px;
  margin: 0 auto;
  padding: 48px 30px;
  display: flex;
  align-items: center;
  gap: 48px;
}
.footer_main_container .logo_cols {
  flex: 0 0 107px;
}
.footer_main_container .text_cols {
  flex: 1;
}
.footer_logo {
  max-width: 107px;
  display: inline-block;
}
.footer_logo > img {
  vertical-align: top;
}

.footer_copy_para_wrap {
  line-height: 1.3;
}

.footer_copy_para {
  display: flex;
  gap: 5px 24px;
  margin-bottom: 5px;
  flex-wrap: wrap;
  white-space: nowrap;
}
.footer_copy_para:last-of-type {
  margin-bottom: 0;
}

.footer_copy {
  font-size: 12px;
  color: #595959;
}

.footer_partner_list {
  display: flex;
  gap: 24px;
}
.footer_partner_list > li {
  flex: 1;
  text-align: center;
}
.footer_partner_item .logo_row img {
  max-width: 130px;
  vertical-align: top;
}
.footer_partner_item .spec_row {
  margin-top: 5px;
}
.footer_partner_item .spec_main, .footer_partner_item .spec_sub {
  text-decoration: underline;
  letter-spacing: -0.8px;
  white-space: nowrap;
}
.footer_partner_item .spec_main {
  font-size: 14px;
  color: #000;
}
.footer_partner_item .spec_sub {
  font-size: 12px;
  color: #595959;
  margin-top: 5px;
}

.footer_mobile_logo_row {
  display: none;
}

@media (max-width: 1340px) {
  .header_wrap {
    padding-top: 20px;
  }
  .header_wrap.type2 .header_nav_menu_list {
    gap: 20px;
  }
  .header_wrap.type2 .header_nav_util_list {
    gap: 0px;
    padding-bottom: 20px;
  }
  .header_wrap.type2 .header_nav_menu_link {
    font-size: 17px;
  }
  .header_wrap.type2 .header_main_row {
    margin-bottom: 20px;
  }
  .header_wrap.type2 .header_nav_util_list {
    flex-direction: column;
    justify-content: flex-end;
    text-align: right;
    align-items: flex-end;
  }
  .header_wrap.type2 .header_nav_toggle {
    left: 15px;
  }
  .header_wrap.type2 .key_fraction_value {
    top: 0;
  }
  .header_main_row {
    gap: 30px;
  }
  .header_main_row.only_type {
    padding-bottom: 16px;
  }
  .header_nav_container {
    gap: 20px;
  }
  .toplogo_item .img_cols {
    width: 100px;
    flex-basis: 100px;
  }
  .toplogo_item .spec_cols .spec_main_copy,
.toplogo_item .spec_cols .spec_sub_copy {
    font-size: 14px;
  }
  .header_nav_menu_list {
    gap: 20px;
  }
  .top_util_list {
    gap: 20px;
  }
  .header_nav_util_list {
    gap: 25px;
  }
  .footer_menu_list {
    gap: 30px;
  }
  .footer_main_container {
    gap: 30px;
    padding: 30px;
  }
  .footer_main_container .logo_cols {
    flex-basis: 80px;
  }
  .footer_logo {
    max-width: 80px;
  }
  .footer_partner_item .logo_row img {
    max-width: 100px;
  }
  .footer_partner_item .spec_main {
    font-size: 13px;
  }
  .footer_partner_item .spec_sub {
    font-size: 11px;
  }
  .header_nav_menu_link {
    font-size: 17px;
  }
}
@media (max-width: 1023px) {
  .header_main_row {
    padding: 0 16px;
    display: block;
  }
  .header_main_row .logo_cols {
    display: flex;
    justify-content: center;
    padding-bottom: 8px;
  }
  .header_main_row .util_cols {
    display: none;
  }
  .top_search_keyword_wrap {
    display: none;
  }
  .header_wrap {
    padding: 8px 0 0 0;
  }
  .header_wrap.type2 .header_main_row {
    margin-bottom: 0;
  }
  .header_wrap.type2 .header_nav_menu_link {
    font-size: 14px;
  }
  .toplogo_item {
    gap: 10px;
    /* .spec_cols{display:none;} */
  }
  .toplogo_item .img_cols {
    width: 60px;
    flex-basis: 60px;
  }
  .toplogo_item .spec_cols {
    display: none;
  }
  .toplogo_item .spec_cols .spec_main_copy,
.toplogo_item .spec_cols .spec_sub_copy {
    font-size: 9px;
  }
  .toplogo_container {
    padding: 0 5px;
  }
  .header_nav_util_wrap,
.nav_tooltip_layer {
    display: none;
  }
  .header_nav_container {
    min-height: 50px;
    padding: 0 16px;
    position: relative;
    overflow-x: auto;
  }
  .header_nav_container::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .header_nav_menu_link {
    font-size: 14px;
    white-space: nowrap;
  }
  .header_nav_menu_list {
    gap: 15px;
  }
  .btn_panel_menu {
    display: flex;
  }
  .top_search_field {
    height: 48px;
  }
  .top_search_field input.top_search_input {
    height: 46px;
    font-size: 14px;
    padding: 0 10px 0 20px;
  }
  .top_search_field .btn_search_reset,
.top_search_field .btn_search_submit {
    margin-right: 10px;
  }
  .top_search_field .btn_search_submit {
    width: 20px;
    height: 20px;
  }
  .header_nav_row {
    margin-top: 0;
  }
  .btn_top_icomenu {
    display: flex;
  }
  .middle_inner {
    padding: 0 20px 90px;
  }

  .middle_inner_bgf4 {
  background-color:#f7f7f7;
    /* background-color: #f4f6fa; */
    /* background-color: #f8f8f8; */
  }


  .footer_wrap {
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .footer_mobile_logo_row {
    display: block;
    padding: 0 24px 10px;
  }
  .footer_menu_row {
    border: 0;
  }
  .footer_menu_container {
    padding: 0 24px;
  }
  .footer_menu_list {
    gap: 10px 26px;
    flex-wrap: wrap;
  }
  .footer_menu_list > li {
    position: relative;
  }
  .footer_menu_list > li:after {
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translateY(-50%);
  }
  .footer_menu_list > li.mb_last:after {
    display: none;
  }
  .footer_menu_list > li.mb_hidden {
    display: none;
  }
  .footer_menu {
    font-size: 12px;
  }
  .footer_copy_para {
    white-space: normal;
    display: block;
  }
  .footer_copy {
    font-size: 11px;
    display: inline;
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .footer_logo {
    max-width: 50px;
  }
  .footer_main_container {
    flex-wrap: wrap;
    padding: 12px 24px 36px;
    gap: 20px;
  }
  .footer_main_container .logo_cols {
    flex-basis: 50px;
    display: none;
  }
  .footer_main_container .else_cols {
    flex: 0 0 100%;
    display: none;
  }
  .footer_main_container .text_cols {
    margin-right: -10px;
  }
  .footer_partner_list {
    margin-top: 20px;
  }
  .footer_partner_item .spec_main {
    font-size: 11px;
  }
  .footer_partner_item .spec_sub {
    font-size: 10px;
  }
  .btn_topgo_wrap {
    display: block;
  }
}
@media (max-width: 359px) {
  .footer_menu_list {
    gap: 5px 16px;
  }
  .footer_menu_list > li:after {
    right: -9px;
  }
}
/* logo motion */
/* .logo_motion_group{
    position:absolute;width:125px; height:75px;
    .word{
        display:inline-block; position:absolute;background-repeat:no-repeat;background-size:100% auto; background-position:0 0;
        &.word_t{top:23px;left:2px;width:25px;height:29px;background-image:url("../images/logo_word_t.png");}
        &.word_red{top:30px;left:21px;width:20px;height:22px;background-image:url("../images/logo_word_e_red.png");}
        &.word_l{top:24px;left:43px;width:5px;height:28px;background-color:#0B2649;}
        &.word_blue{top:30px;left:50px;width:20px;height:22px;background-image:url("../images/logo_word_e_blue.png");}
        &.word_j{top:24px;left:70px;width:10px;height:38px;background-image:url("../images/logo_word_j.png");}
        &.word_o{top:29px;left:82px;width:23px;height:23px;background-image:url("../images/logo_word_o.png");}
        &.word_b{top:23px;left:106px;width:21px;height:30px;background-image:url("../images/logo_word_b.png");}
    }
} */
.logo_motion_group {
  position: absolute;
  width: 125px;
  height: 75px;
}
.logo_motion_group .word {
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  transform: translateY(200%);
  -webkit-animation: riseUp 0.4s ease-in-out forwards;
          animation: riseUp 0.4s ease-in-out forwards;
}
.logo_motion_group .word.word_t {
  top: 30.67%;
  left: 1.6%;
  width: 20%;
  height: 38.67%;
  background-image: url("../images/logo_word_t.png");
}
.logo_motion_group .word.word_red {
  top: 40%;
  left: 16.8%;
  width: 16%;
  height: 29.33%;
  background-image: url("../images/logo_word_e_red.png");
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.logo_motion_group .word.word_l {
  top: 32%;
  left: 34.5%;
  width: 4%;
  height: 37.33%;
  background-color: #0B2649;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.logo_motion_group .word.word_blue {
  top: 40%;
  left: 40%;
  width: 16%;
  height: 29.33%;
  background-image: url("../images/logo_word_e_blue.png");
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.logo_motion_group .word.word_j {
  top: 32%;
  left: 56%;
  width: 8%;
  height: 50.67%;
  background-image: url("../images/logo_word_j.png");
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.logo_motion_group .word.word_o {
  top: 38.67%;
  left: 65.6%;
  width: 18.4%;
  height: 30.67%;
  background-image: url("../images/logo_word_o.png");
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.logo_motion_group .word.word_b {
  top: 30.67%;
  left: 84.8%;
  width: 16.8%;
  height: 40%;
  background-image: url("../images/logo_word_b.png");
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

@-webkit-keyframes riseUp {
  0% {
    transform: translateY(200%);
  }
  70% {
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(0%);
  } /* 끝까지 유지 */
}

@keyframes riseUp {
  0% {
    transform: translateY(200%);
  }
  70% {
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(0%);
  } /* 끝까지 유지 */
}
@media (max-width: 1340px) {
  .logo_motion_group {
    width: 100px;
    height: 60px;
  }
}
@media (max-width: 1023px) {
  .logo_motion_group {
    width: 60px;
    height: 36px;
  }
}
/* // logo motion */
/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

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

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

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

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

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

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

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

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

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

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

.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%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

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

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

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

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.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-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-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:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

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

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

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

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

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

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

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

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

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-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;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

.swiper-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-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

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

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

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

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

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

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

.swiper-flip {
  overflow: visible;
}

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

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

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

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

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/*! 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: 212px;
  box-sizing: border-box;
  padding: 0 16px;
  z-index: 100000 !important;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  padding: 24px 0;
}

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

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

.ui-datepicker .ui-datepicker-next {
  right: 16px;
  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: 16px;
  height: 16px;
}

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

.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;
  text-align: center;
  font-size: 16px;
}

.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,
.ui-datepicker select.ui-datepicker-year {
  width: 80px;
  margin: 0 3px;
  float: right;
}

.ui-datepicker table {
  width: 100%;
  font-size: 14px;
  border-collapse: collapse;
  box-sizing: border-box;
}

.ui-datepicker th {
  padding: 0 0 15px;
  text-align: center;
  color: #6b6b6b;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
}
.ui-datepicker th:after {
  display: block;
  content: "";
  width: calc(100% - 2px);
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  bottom: 5px;
  left: 1px;
}

.ui-datepicker td {
  border: 0;
  padding: 2px 0;
}

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

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 10px -16px 0;
  padding: 0 0;
  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: "Noto Sans";
  font-size: 14px;
}

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

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

.ui-widget-content {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  background: #ffffff;
  color: #333333;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}

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

.ui-widget-header {
  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: "Spoqa";
  color: #000;
  font-size: 12px;
}

.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-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  padding: 0;
  text-align: center;
  border-top: 1px solid #0258AD;
}

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

/* Interaction Cues
----------------------------------*/
.ui-state-highlight:not(.ui-priority-secondary),
.ui-widget-content .ui-state-highlight:not(.ui-priority-secondary),
.ui-widget-header .ui-state-highlight:not(.ui-priority-secondary) {
  background: #0B51C5;
  color: #fff !important;
  border-radius: 100%;
  min-width: 8px;
  text-align: center;
  padding: 0;
  height: 24px;
  line-height: 24px;
  width: 24px;
  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 {
  color: #C1C1C1;
}

[data-handler=today] {
  color: #000 !important;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  color: #C1C1C1;
}

.ui-state-disabled .ui-icon {
  color: #C1C1C1;
}

/* 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
----------------------------------*/
.ui-datepicker-week-end *:not(.ui-state-highlight, .ui-priority-secondary) {
  color: #AF0101 !important;
}
.ui-datepicker-week-end:last-of-type *:not(.ui-state-highlight, .ui-priority-secondary) {
  color: #0258AD !important;
}

/* 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 {
  font-family: "Noto Sans", "맑은 고딕", "malgunweb";
  color: #333;
  padding: 0 25px 2px 5px;
  height: 30px;
  line-height: 28px;
  box-sizing: border-box;
  min-width: 80px;
  border: 1px solid #bbbbbb;
  background: #fff url("../images/bg_fsel.png") no-repeat 100% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

@media (max-width: 767px) {
  .ui-datepicker {
    width: calc(100% - 40px) !important;
    box-sizing: border-box;
    left: 20px !important;
  }
}
/* button */
.btn_box {
  display: flex;
  box-sizing: border-box;
  min-height: 56px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  gap: 12px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #000;
  color: #000;
  border-radius: 120px;
  padding: 6px 36px;
}
.btn_box.primary {
  border-color: #0B51C5;
}
.btn_box.primary .btn_box_text {
  color: #0258AD;
}
.btn_box.primary_full {
  border-color: #0B51C5;
  background-color: #0B51C5;
}
.btn_box.primary_full .btn_box_text {
  color: #fff;
}
.btn_box.primary_dark_full {
  border-color: #0B51C5;
  background-color: #013284;
}
.btn_box.primary_dark_full .btn_box_text {
  color: #fff;
}
.btn_box.light_skin {
  border-color: #E6E6E6;
}
.btn_box.callback_type {
  border-color: #64C200;
  background: #64C200;
}
.btn_box.callback_type.animation {
  -webkit-animation: twinkle_callback 0.8s infinite;
          animation: twinkle_callback 0.8s infinite;
}
.btn_box.callback_type .btn_box_text {
  color: #fff;
}
.btn_box.max_reset {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.btn_box:disabled {
  opacity: 0.4;
  cursor: default;
}
.btn_box .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_box .ico.star {
  background-image: url("../images/ico_btn_star.png");
}
.btn_box .ico.search_primary {
  background-image: url("../images/ico_search_primary_24.png");
}
.btn_box .ico.reset {
  background-image: url("../images/ico_reset2_24.png");
}
.btn_box .ico.callback {
  background-image: url("../images/ico_callback_24.png");
}
.btn_box.active .ico.star {
  background-position: 0 100%;
}

.btn_box_text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  display: inline-block;
}

.btn_box_wrap {
  display: flex;
  justify-content: center;
  gap: 12px;
  text-align: center;
  flex-wrap: wrap;
  position: relative;
}
.btn_box_wrap.align_type2 {
  justify-content: flex-end;
}
.btn_box_wrap.each_type .btn_box {
  flex: auto;
  min-width: 260px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.btn_box_wrap.each_type .btn_box.req_size2 {
  min-width: 218px;
}
.btn_box_wrap.each_type .btn_box.size2 {
  max-width: 218px;
  min-width: 0;
}
.btn_box_wrap.each_type .btn_box.long_size2 {
  padding-left: 72px;
  padding-right: 72px;
}
.btn_box_wrap .btn_box {
  flex: 1;
  max-width: 260px;
}
.btn_box_wrap .btn_box.sm_size1 {
  min-width: 161px;
}
.btn_box_wrap .btn_box.sm_size2 {
  min-width: 181px;
}
.btn_box_wrap .btn_box.sm_size3 {
  max-width: 200px;
}
.btn_box_wrap .btn_box.sm_size4 {
  max-width: 200px;
  background-color:#fff;
}
.btn_box_wrap.sub_bottom_pos {
  margin-top: 64px;
}
.btn_box_wrap.size_wrap .btn_box {
  max-width: 180px;
}
.btn_box_wrap .left_cols {
  position: absolute;
  top: 0;
  left: 0;
}
.btn_box_wrap .center_cols {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
}

@-webkit-keyframes twinkle_callback {
  0% {
    background-color: #64C200;
    border-color: #64C200;
  }
  33% {
    background-color: #00C298;
    border-color: #00C298;
  }
  66% {
    background-color: #008EC2;
    border-color: #008EC2;
  }
  100% {
    background-color: #00C20A;
    border-color: #00C20A;
  }
}

@keyframes twinkle_callback {
  0% {
    background-color: #64C200;
    border-color: #64C200;
  }
  33% {
    background-color: #00C298;
    border-color: #00C298;
  }
  66% {
    background-color: #008EC2;
    border-color: #008EC2;
  }
  100% {
    background-color: #00C20A;
    border-color: #00C20A;
  }
}
.btn_ico {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  flex-basis: 24px;
}
.btn_ico.size2 {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.btn_ico.delete {
  background-image: url("../images/ico_delete_24.png");
}

.btn_quad {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 7px 16px;
  border: 1px solid #000;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  background: #fff;
  white-space: nowrap;
}
.btn_quad.primary {
  color: #005AAB;
  border-color: #005AAB;
}
.btn_quad.dark {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
.btn_quad:disabled {
  background-color: #F8F8F8;
  border-color: #E6E6E6;
  color: #595959;
  cursor: default;
}
.btn_quad.medium {
  min-height: 36px;
}
.btn_quad.large {
  min-height: 48px;
  padding-left: 24px;
  padding-right: 24px;
}

.btn_quad_list {
  display: flex;
  gap: 4px;
  align-items: center;
}
.btn_text {
  display: inline-block;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #000;
}

.btn_card {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 7px 16px;
  min-height: 32px;
}
.btn_card .ico {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_card .ico.close {
  background-image: url("../images/ico_card_close.svg");
}
.btn_card .text_node {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  display: inline-block;
  position: relative;
  top: -1px;
}

.btn_tile {
  display: inline-flex;
  min-height: 26px;
  background-color: #00A7FC;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  align-items: center;
  padding: 5px 16px 6px;
  box-sizing: border-box;
}
.btn_tile.skin2 {
  border: 1px solid #00A7FC;
  background: #fff;
  color: #00A7FC;
  padding: 5px 16px 5px 8px;
}
.btn_tile.has_ico {
  gap: 3px;
}
.btn_tile.has_ico .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_tile.has_ico .ico.back {
  background-image: url("../images/ico_button_back.png");
}
.btn_tile.has_ico .text_node {
  white-space: nowrap;
}

.btn_ovalbox {
  display: inline-flex;
  gap: 4px;
  min-height: 28px;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8);
  border-radius: 9999px;
  align-items: center;
  padding: 3px 10px;
  box-sizing: border-box;
}
.btn_ovalbox .ico {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_ovalbox .ico.link {
  background-image: url("../images/ico_ringlink_w.png");
}
.btn_ovalbox .ico.modify {
  background-image: url("../images/ico_oval_pen.png");
}
.btn_ovalbox .ico.del {
  background-image: url("../images/ico_oval_del.png");
}
.btn_ovalbox .ico.end {
  background-image: url("../images/ico_oval_end.png");
}
.btn_ovalbox .ico.copy {
  background-image: url("../images/ico_oval_copy.png");
}
.btn_ovalbox .ico.plus {
  background-image: url("../images/ico_plus_24.png");
}
.btn_ovalbox .ico.minus {
  background-image: url("../images/ico_minus2_24.png");
}
.btn_ovalbox .ico.more {
  background-image: url("../images/btn_mc_more.png");
}
.btn_ovalbox.dp_only:hover {
  border-color: #000;
}
.btn_ovalbox.dp_only:hover .text_node {
  color: #000;
}
.btn_ovalbox:hover, .btn_ovalbox.active {
  box-shadow: 0 0 0 1px rgb(0, 83, 194);
  background-color: #0053C2 !important;
}
.btn_ovalbox:hover .ico, .btn_ovalbox.active .ico {
  background-position: 0 100%;
}
.btn_ovalbox:hover .text_node, .btn_ovalbox.active .text_node {
  color: #fff !important;
}
.btn_ovalbox.hover_2:hover, .btn_ovalbox.hover_2.active {
  box-shadow: 0 0 0 1px rgb(0, 83, 194);
  background-color: #0053C2;
}

.btn_ovalbox.hover_4:hover, .btn_ovalbox.hover_4.active {
  box-shadow: 0 0 0 1px rgb(181, 0, 15);
  background-color: #B5000F !important;
}

.btn_bg_red{
  background-color: #B5000F;
}
.btn_ovalbox.hover_2:hover .ico.link, .btn_ovalbox.hover_2.active .ico.link {
  background-image: url("../images/ico_ringlink_w.png");
}
.btn_ovalbox.hover_2:hover .text_node, .btn_ovalbox.hover_2.active .text_node {
  color: #fff;
}
.btn_ovalbox.hover_3:hover, .btn_ovalbox.hover_3.active {
  border-color: #aaa;
  background-color: #aaa;
}
.btn_ovalbox.hover_3:hover .text_node, .btn_ovalbox.hover_3.active .text_node {
  color: #fff;
}
.btn_ovalbox.bold .text_node {
  font-weight: 700;
}
.btn_ovalbox .text_node {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: #000;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  top: -1px;
}

.btn_cols_list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 8px;
  margin-right: -8px;
}
.btn_cols_list.cols_2 {
  flex: 0 0 calc(50% - 8px);
}
.btn_icon {
  display: inline-block;
  font-size: 0;
  width: 16px;
  height: 16px;
}
.btn_icon .ico {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  width: 16px;
  height: 16px;
  flex-basis: 16px;
}
.btn_icon .ico.phone {
  background-image: url("../images/ico_phone_x2.png");
}

.btn_quadcard_wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 36px;
  position: relative;
}

.btn_quadcard {
  display: inline-flex;
  background: #F8F8F8;
  border: 1px solid #BDC5D1;
  border-radius: 100px;
  min-height: 44px;
  box-sizing: border-box;
  padding: 10px 24px;
  align-items: center;
}
.btn_quadcard .text_node {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #595959;
}
.btn_quadcard.active {
  border-color: #0B51C5;
  background-color: #EDF2FB;
}
.btn_quadcard.active .text_node {
  color: #0258AD;
}

.btn_quadcard_group {
  display: inline-block;
  position: relative;
}
.btn_quadcard_group:hover .btn_tooltip_layer {
  display: block;
}

.btn_node_only {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #595959;
  text-decoration: underline !important;
}

.btn_tooltip_layer {
  position: absolute;
  bottom: calc(100% + 15px);
  display: none;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  left: 50%;
  transform: translate(-50%);
  padding: 4px 8px;
  white-space: nowrap;
  background: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}
.btn_tooltip_layer:after {
  display: block;
  content: "";
  width: 10px;
  height: 5px;
  background: url("../images/ico_tooltip_pointer.png") no-repeat 0 0/100% auto;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.btn_only_text_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 24px;
}

.btn_only_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: inline-block;
  text-decoration: underline !important;
}

.btn_text_single {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: inline-block;
  text-decoration: underline !important;
}

.btn_icon_only {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  display: inline-block;
  vertical-align: middle;
}
.btn_icon_only.tooltip {
  background-image: url("../images/ico_tooltip_x2.png");
}

.btn_action_func {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  border: 1px solid #E6E6E6;
  border-radius: 100px;
  padding: 8px 16px;
}
.btn_action_func .ico {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  flex: 0 0 16px;
}
.btn_action_func .ico.download {
  background-image: url("../images/ico_download_16.png");
}
.btn_action_func .text_node {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  display: inline-block;
}

.btn_cbox_wrap {
  margin-top: 24px;
  text-align: right;
}

.btn_cbox {
  display: inline-flex;
  min-height: 52px;
  box-sizing: border-box;
  border: 1px solid #0B51C5;
  border-radius: 100px;
  align-items: center;
  padding: 10px 24px;
}

.cbox_text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #005AAB;
}

.btn_actbox {
  display: inline-flex;
  white-space: nowrap;
  gap: 2px;
  min-height: 36px;
  border: 1px solid #E6E6E6;
  border-radius: 100px;
  box-sizing: border-box;
  align-items: center;
  padding: 5px 16px;
}

.btn_actbox.btn_right {
  margin-left: auto;
}


.btn_actbox .ico {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  flex: 0 0 24px;
}
.btn_actbox .ico.reset {
  background-image: url("../images/ico_reset_24.png");
}
.btn_actbox .ico.email {
  background-image: url("../images/ico_email_24.png");
}
.btn_actbox .ico.print {
  background-image: url("../images/ico_print_24.png");
}
.btn_actbox .ico.star {
  background-image: url("../images/ico_scrap_star_24.png");
}
.btn_actbox .ico.marker {
  background-image: url("../images/ico_marker_16.png");
}
.btn_actbox .ico.toggle {
  background-image: url("../images/btn_act_toggle.png");
}
.btn_actbox.active .ico.star {
  background-position: 0 100%;
}
.btn_actbox.gap_2 {
  gap: 8px;
}
.btn_actbox.sm {
  min-height: 32px;
}
.btn_actbox.sm .ico {
  width: 16px;
  height: 16px;
  flex-basis: 16px;
}
.btn_actbox .text_node {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: inline-block;
}
.btn_actbox.d_toggle.active .ico.toggle {
  background-position: 0 100%;
}

.btn_actbox_list {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.data_rolebox_list {
  display: flex;
  gap: 5px 10px;
  align-items: center;
}
.btn_rolebox {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-align: center;
  display: inline-block;
  padding: 7px 16px;
  border: 1px solid #000000;
  border-radius: 100px;
}

.btn_rolecard {
  display: inline-flex;
  min-height: 48px;
  background: #0053C2;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 36px;
  box-sizing: border-box;
}
.btn_rolecard .text_node {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  display: inline-block;
}

.btn_submit_card_wrap {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.btn_submit_card_wrap .short_cols {
  flex: 0;
}
.btn_submit_card_wrap .long_cols {
  flex: 1;
}

.btn_submit_card {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 100px;
  min-height: 52px;
  border: 1px solid #C1C1C1;
  padding: 10px 36px;
}
.btn_submit_card .text_node {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #595959;
}
.btn_submit_card.primary {
  border-color: #0053C2;
  background-color: #0053C2;
}

.btn_disabled_color {
  border-color: #E6E6E6;
  background-color: #E6E6E6;
}


.btn_submit_card.primary .text_node {
  color: #fff;
}

.btn_taskbox_list {
  display: flex;
  gap: 8px;
}
.btn_taskbox {
  display: inline-flex;
  justify-content: center;
  min-height: 52px;
  align-items: center;
  text-align: center;
  gap: 4px;
  padding: 14px 24px;
  box-sizing: border-box;
  background: #0053C2;
  border-radius: 100px;
}
.btn_taskbox .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_taskbox .ico.pay {
  background-image: url("../images/ico_submit_shape_03.png");
}
.btn_taskbox .ico.cart {
  background-image: url("../images/ico_submit_shape_02.png");
}
.btn_taskbox .ico.docu {
  background-image: url("../images/ico_submit_shape_01.png");
}
.btn_taskbox .text_node {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  display: inline-block;
}
.btn_taskbox.skin2 {
  background: #00C285;
}
.btn_taskbox.skin3 {
  background: #00A8C2;
}

.bl_util_list {
  display: flex;
  gap: 12px;
  align-items: center;
}
.btn_actcard {
  display: inline-flex;
  min-height: 35px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  padding: 5px 16px;
  background-color: #fff;
  align-items: center;
}
.btn_actcard.primary {
  color: #005AAB;
}

.btn_bl_control {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.btn_bl_control .text_node {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.btn_bl_control .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_toggle_close.png");
}

.btn_chipcard {
  display: inline-block;
  height: 36px;
  box-sizing: border-box;
  white-space: nowrap;
  border: 1px solid #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 34px;
  color: #000000;
  padding: 0 16px;
  border-radius: 100px;
}
.btn_chipcard.primary {
  border-color: #005AAB;
  color: #005AAB;
}

.link-style {
  cursor: pointer;
}

@media (max-width: 1299px) {

  .btn_box {
    min-height: 50px;
  }
  .btn_box_text {
    font-size: 18px;
  }
  .btn_box_wrap.each_type .btn_box {
    min-width: 220px;
  }
  .btn_box_wrap.each_type .btn_box.long_size2 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .btn_box_wrap .btn_box {
    max-width: 220px;
  }
  .btn_box_wrap.respond_break .left_cols {
    position: static;
    display: inline-block;
  }
}
@media (max-width: 1023px) {
  .btn_text {
    font-size: 12px;
  }
  .btn_box_wrap.respond_break {
    gap: 10px;
  }
  .btn_box_wrap.each_type .btn_box {
    min-width: 0;
    max-width: none;
  }
  .btn_box_wrap.each_type .btn_box.size2 {
    max-width: none;
  }
  .btn_box_wrap .btn_box:not(.sm_size2):only-child {
    max-width: 150px;
    min-width: 150px !important;
    margin: 0 auto;
  }
  .btn_box_wrap.align_type2 {
    text-align: right;
    align-items: flex-end;
  }
  .btn_box_wrap.align_type2 .btn_box {
    margin: 0 !important;
  }
  .btn_box {
    min-height: 45px;
    gap: 5px;
  }
  .btn_box .ico {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }
  .btn_box_text {
    font-size: 16px;
    position: relative;
    top: -1px;
  }
  .btn_box_wrap.sub_bottom_pos {
    margin-top: 30px;
  }
  .btn_only_text_list {
    gap: 10px 15px;
  }
  .btn_cbox_wrap {
    margin-top: 15px;
  }
  .btn_cbox {
    min-height: 40px;
    padding: 8px 18px;
  }
  .cbox_text {
    font-size: 14px;
  }
  .btn_actbox {
    min-height: 30px;
    padding: 3px 12px;
	background-color: #fff;
  }
  .btn_actbox .ico {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    flex: 0 0 18px;
  }
  .btn_actbox.gap_2 {
    gap: 4px;
  }
  .btn_actbox .text_node {
    font-size: 12px;
  }
  .data_rolebox_list {
    gap: 5px;
  }
  .btn_rolebox {
    padding: 7px 10px;
    font-size: 12px;
  }
  .btn_taskbox_list {
    width: 100%;
  }
  .btn_taskbox_list > li {
    flex: 1;
  }
  .btn_taskbox_list > li .btn_taskbox {
    display: flex;
  }
  .btn_taskbox {
    min-height: 40px;
    padding: 10px 15px;
  }
  .btn_taskbox .ico {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }
  .btn_taskbox .text_node {
    font-size: 13px;
  }
  .btn_chipcard {
    height: 30px;
    padding: 0 10px;
    line-height: 28px;
  }
  .btn_rolecard {
    min-height: 40px;
    padding: 10px 24px;
  }
  .btn_rolecard .text_node {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .btn_box_wrap {
    margin-top: 30px;
    flex-direction: column;
  }
  .btn_box_wrap.nobreak {
    flex-direction: row;
  }
  .btn_box_wrap.each_type {
    flex-wrap: wrap;
    gap: 10px 0;
  }
  .btn_box_wrap.each_type .btn_box {
    min-width: 0;
  }
  .btn_box_wrap.size_wrap .btn_box {
    max-width: 100%;
  }
  .btn_box_wrap .btn_box {
    max-width: 100%;
  }
  .btn_box_wrap.respond_break {
    flex-direction: row;
    gap: 5px;
  }
  .btn_box_wrap.btn_field_bottom_wrap.respond_break .btn_box.sm_size2 {
    min-width: 0;
  }
  .btn_box_wrap.btn_field_bottom_wrap.respond_break .left_cols {
    flex: 1;
  }
  .btn_box {
    min-height: 45px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .btn_text_single {
    font-size: 11px;
  }
  .bl_util_list {
    gap: 5px;
  }
  .btn_actcard {
    min-height: 30px;
    font-size: 13px;
    padding: 5px 10px;
  }
  .btn_bl_control .text_node {
    font-size: 13px;
  }
  .btn_bl_control .ico {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }
}
@media (max-width: 374px) {
  .btn_taskbox_list {
    flex-direction: column;
    gap: 10px 0;
    text-align: center;
  }
  .btn_taskbox {
    justify-content: center;
  }
  .btn_box_wrap.btn_field_bottom_wrap.respond_break {
    flex-direction: column-reverse;
  }
}
/* tab */
.boxtab_wrap.skin2 {
  background: #fff;
}
.boxtab_wrap.skin2:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #E6E6E6;
}
.boxtab_wrap.skin2 .boxtab {
  background: #fff;
}
.boxtab_wrap.skin2 .boxtab_list {
  position: relative;
}
.boxtab_wrap.skin2 .boxtab_list > li:first-of-type .boxtab:before {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #E6E6E6;
}
.boxtab_wrap.skin2 .boxtab_list > li:last-of-type .boxtab:after {
  display: block;
}
.boxtab_wrap.skin2 .boxtab_list .boxtab {
  border-bottom: 1px solid #E6E6E6;
}
.boxtab_wrap.skin2 .boxtab_list .boxtab.active {
  border-color: #0B51C5;
}
.boxtab_wrap.skin3 .boxtab_list > li:first-of-type .boxtab:before {
  display: none;
}
.boxtab_wrap.skin3 .boxtab_list > li:last-of-type .boxtab:after {
  display: none;
}
.boxtab_wrap.skin3 .boxtab_list > li.fixed_use {
  display: none;
}

.boxtab_list {
  display: flex;
  min-height: 56px;
  position: relative;
}
.boxtab_list > li {
  flex: 1;
}
.boxtab_list > li:last-of-type .boxtab:after {
  display: none;
}
.boxtab_list > li.fixed_use {
  display: none;
}

.boxtab {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  width: 100%;
  background: #F8F8F8;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.boxtab:after {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #E6E6E6;
}
.boxtab.active {
  background-color: #0B51C5 !important;
}
.boxtab.active .boxtab_text {
  color: #fff;
}
.boxtab.active:before, .boxtab.active:after {
  display: none !important;
}
.boxtab.callback_type {
  background: #64C200;
  flex-direction: row;
  gap: 7px;
}
.boxtab.callback_type .boxtab_text {
  color: #fff;
}
.boxtab.callback_type.animation {
  -webkit-animation: tab_callback 0.8s infinite;
          animation: tab_callback 0.8s infinite;
}
.boxtab .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.boxtab .ico.callback {
  background-image: url("../images/ico_callback_24.png");
}

.boxtwtab {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  width: 100%;
  background: #F8F8F8;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  justify-content: center;
  text-align: center;
  align-items: center;
  background: #64C200;
  flex-direction: row;
  gap: 7px;
}
.boxtwtab .boxtab_text {
  color: #fff;
}
.boxtwtab.animation {
  -webkit-animation: tab_callback 0.8s infinite;
          animation: tab_callback 0.8s infinite;
}
.boxtwtab .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.boxtwtab .ico.callback {
  background-image: url("../images/ico_callback_24.png");
}

@-webkit-keyframes tab_callback {
  0% {
    background-color: #64C200;
  }
  33% {
    background-color: #00C298;
  }
  66% {
    background-color: #008EC2;
  }
  100% {
    background-color: #00C20A;
  }
}

@keyframes tab_callback {
  0% {
    background-color: #64C200;
  }
  33% {
    background-color: #00C298;
  }
  66% {
    background-color: #008EC2;
  }
  100% {
    background-color: #00C20A;
  }
}
.boxtab_text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #595959;
  display: inline-block;
}

/*
111
*/
.tailtab_btns {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
	margin-left: auto;
	padding-bottom: 8px;
	position: relative;
	top: 12px;
}


.tailtab_wrap.flex_type {
	display: flex;
	align-items: flex-end;
	gap: 12px;
}

.tailtab_wrap {
  margin-bottom: 20px;
}
.tailtab_wrap.mb_type2 {
  margin-bottom: 8px;
}
.tailtab_wrap.mb_type3 {
  margin-bottom: 16px;
}
.tailtab_wrap.mb_type4 {
  margin-bottom: 20px;
}
.tailtab_wrap.flex_type {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
}
.tailtab_wrap.flex_type .tailtab_list {
  min-height: 60px;
}
.tailtab_wrap.flex_type .tailtab_list .tailtab {
  min-width: 200px;
  padding: 14px 20px;
}
.tailtab_wrap.flex_type .tailtab_list:before {
  display: none;
}
.tailtab_wrap.flex_type > .combo_item {
  flex: 1;
}
.tailtab_wrap.flex_type > .combo_item .combo_target {
  width: auto !important;
}
.tailtab_wrap.flex_type:before {
  display: block;
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #0053C2;
}

.tailtab_list {
  display: flex;
  position: relative;
  min-height: 52px;
}
.tailtab_list:before {
  display: block;
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #0053C2;
}
.tailtab_list > li {
  display: flex;
  flex-direction: column;
}
.tailtab_list > li.active {
  position: relative;
}
.tailtab_list > li.active .tailtab {
  border-color: #005AAB;
  border-bottom-color: #fff;
  background-color: #fff;
}
.tailtab_list > li.active .tailtab_text {
  color: #005AAB;
}
.tailtab_list.fulltype > li {
  flex: 1;
}
.tailtab_list.fulltype > li .tailtab {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.tailtab_list.large {
  min-height: 78px;
}
.tailtab_list.large:before {
  display: none;
}
.tailtab_list.large .tailtab_text {
  font-size: 20px;
}

.tailtab {
  flex: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 14px 48px;
  min-width: 280px;
  min-height: 100%;
  background: #F8F8F8;
  border: 1px solid #F8F8F8;
  border-bottom: 1px solid #0053C2;
  border-radius: 16px 16px 0px 0px;
}
.tailtab.has_ico {
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tailtab.has_ico .ico {
  width: 40px;
  height: 32px;
  flex: 0 0 42px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  display: block;
}
.tailtab.has_ico .ico.dia {
  background-image: url("../images/ico_main_dia.png");
}
.tailtab.has_ico .ico.king {
  background-image: url("../images/ico_main_king.png");
}
.tailtab.has_ico .ico.top10 {
  background-image: url("../images/ico_top10.png");
  flex-basis: 31px;
  width: 31px;
  height: 36px;
}
.tailtab.has_ico .ico.vip {
  background-image: url("../images/ico_vip.png");
  flex-basis: 41px;
  width: 41px;
  height: 36px;
}

.tailtab_text {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #595959;
  word-break: keep-all;
}


.tailtab_content{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-left:10px;
}


  .tailtab_text_info_div {
	margin-bottom:10px;
  }
  .tailtab_text_info {
  	display: inline-block;
  	font-size: 12px;
  	font-weight: 400;
  	line-height: 1.3;
  	color: #000;
  	word-break: keep-all;
  }

@media (max-width: 1299px) {
  .boxtab_list {
    min-height: 50px;
  }
  .tailtab_wrap {
    margin-bottom: 20px;
  }
  .tailtab {
    min-width: 100px;
  }
}
@media (max-width: 1023px) {
  .boxtab_text {
    font-size: 14px;
  }
  .boxtab_list {
    min-height: 45px;
  }
  .tailtab_wrap {
    margin-bottom: 10px;
  }
  .tailtab_wrap.flex_type {
    flex-direction: column;
    align-items: normal;
    gap: 16px;
  }
  .tailtab_wrap.flex_type:before {
    display: none;
  }
  .tailtab_wrap.flex_type .tailtab_list {
    flex: 1;
  }
  .tailtab_wrap.flex_type .tailtab_list .tailtab {
    min-width: 0;
  }
  .tailtab_wrap.mb_type4 {
    margin-bottom: 24px;
  }
  .tailtab_list {
    min-height: 40px;
  }
  .tailtab_list.large {
    min-height: 40px;
  }
  .tailtab_list.large .tailtab_text {
    font-size: 14px;
  }
  .tailtab_list > li {
    flex: 1;
  }
  .tailtab {
    padding: 5px 10px;
    min-height: 40px;
    min-width: 0;
    border-radius: 10px 10px 0 0;
  }
  .tailtab.has_ico {
    gap: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .tailtab.has_ico .ico {
    width: 20px;
    height: 16px;
    flex: 0 0 20px;
  }
  .tailtab.has_ico .ico.top10 {
    flex-basis: 20px;
    width: 20px;
    height: 23.23px;
  }
  .tailtab.has_ico .ico.vip {
    flex-basis: 24px;
    width: 24px;
    height: 21.07px;
  }
  .tailtab_text {
    font-size: 14px;
  }
  .boxtab_wrap.mb_break .boxtab_list {
    flex-wrap: wrap;
  }
  .boxtab_wrap.mb_break .boxtab_list > li {
    flex-basis: 50%;
    min-height: 40px;
  }
  .boxtab_wrap.skin2 .boxtab_list {
    max-width: 100%;
  }
  .boxtab_wrap.skin2 .boxtab_list > li:last-of-type {
    /* .boxtab{
        &:after{display:none;}
    } */
  }
  .mbl_display{
  	font-size:14px !important;
  }
  .boxtwtab .ico {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }
}
/* form */
.block_form_list > li {
  margin-bottom: 36px;
}
.block_form_list > li:last-of-type {
  margin-bottom: 0;
}

.block_form_label_row {
  margin-bottom: 12px;
}
.block_form_label_row.vhidden {
  visibility: hidden;
}

.block_form_label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
}
.block_form_label .ico_import {
  margin-left: 5px;
  vertical-align: top;
  position: relative;
  top: 3px;
}

.block_warn_row {
  margin-top: 4px;
}

.block_warn_para {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #AF0101;
}

input.form_input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  border: 0;
  border-bottom: 1px solid #BDC5D1;
  border-radius: 0;
  width: 100%;
  box-sizing: border-box;
}
input.form_input.warn {
  border-color: #AF0101;
}
input.form_input:focus {
  border-bottom-color: #000;
}
input.form_input:-moz-read-only {
  background: #F8F8F8;
  color: #aaa;
  padding: 0 13px;
}
input.form_input:read-only, input.form_input:disabled {
  background: #F8F8F8;
  color: #aaa;
  padding: 0 13px;
}
input.form_input::-moz-placeholder {
  color: #aaa;
}
input.form_input::placeholder {
  color: #aaa;
}
input.form_input.box_type {
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  padding: 0 13px;
}

input.box_input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 13px 0 13px;
}
input.box_input.calendar {
  background: #fff url("../images/ico_calendar.png") no-repeat calc(100% - 13px) 50%/16px auto;
  padding: 0 42px 0 13px;
}
input.box_input.warn {
  border-color: #AF0101;
}
input.box_input:-moz-read-only {
  background: #F8F8F8;
  color: #aaa;
}
input.box_input:disabled {
  background: #F8F8F8;
  color: #aaa;
}
/* input.box_input:read-only, input.box_input:disabled {
  background: #F8F8F8;
  color: #aaa;
} */
input.box_input::-moz-placeholder {
  color: #aaa;
}
input.box_input::placeholder {
  color: #aaa;
}
input.box_input.align_center {
  text-align: center;
}
input.box_input.align_right {
  text-align: right;
}

.box_input_with_wrap {
  display: flex;
  align-items: center;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  padding-right: 13px;
  box-sizing: border-box;
}
.box_input_with_wrap input.box_input {
  flex: 1;
  border: 0;
  border-radius: 0;
  height: 36px;
  padding: 0 8px 0 13px;
}

.with_text_cols {
  white-space: nowrap;
}

.with_text_node {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
}

textarea.form_textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 200px;
  padding: 0 0;
  vertical-align: top;
  resize: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  border: 0;
  border-bottom: 1px solid #BDC5D1;
  border-radius: 0;
  width: 100%;
  box-sizing: border-box;
}
textarea.form_textarea.warn {
  border-color: #AF0101;
}
textarea.form_textarea:focus {
  border-color: #000;
}
textarea.form_textarea:-moz-read-only {
  background: #F8F8F8;
  color: #aaa;
}
textarea.form_textarea:read-only, textarea.form_textarea:disabled {
  background: #F8F8F8;
  color: #aaa;
}
textarea.form_textarea::-moz-placeholder {
  color: #aaa;
}
textarea.form_textarea::placeholder {
  color: #aaa;
}

textarea.box_textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 300px;
  border-radius: 5px;
  padding: 13px;
  vertical-align: top;
  resize: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  border: 1px solid #E6E6E6;
  width: 100%;
  box-sizing: border-box;
}
textarea.box_textarea.warn {
  border-color: #AF0101;
}
textarea.box_textarea:-moz-read-only {
  background: #F8F8F8;
  color: #aaa;
}
textarea.box_textarea:read-only, textarea.box_textarea:disabled {
  background: #F8F8F8;
  color: #aaa;
}
textarea.box_textarea::-moz-placeholder {
  color: #aaa;
}
textarea.box_textarea::placeholder {
  color: #aaa;
}
textarea.box_textarea.small {
  height: 120px;
}
textarea.box_textarea.medium {
  height: 260px;
}

.props_item_wrap.minh {
  min-height: 38px;
  display: flex;
  align-items: center;
}

.props_item_list {
  display: flex;
  gap: 10px 36px;
  gap: 24px;
  font-size: 0;
  line-height: 0;
}
.props_item_list.gap_type2 {
  gap: 36px;
}
.props_item_list.gap_type3 {
  gap: 10px 12px;
}
.props_cols_wrap {
  /* position:relative; overflow:hidden; */
  /* &.gap_type2{padding:10px 0;} */
}

.fset_td_note_row + .props_cols_wrap.gap_type2 {
  padding-top: 0;
}

.props_cols_list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 0;
  margin: 0 -8px;
  padding: 6px 0;
  font-size: 0;
  line-height: 0;
}
.props_cols_list .props_item {
  gap: 8px;
}
.props_cols_list.cols_3 > li {
  flex: 0 0 33.3333333333%;
}
.props_cols_list.cols_6 > li {
  flex: 0 0 16.6666666667%;
}
.props_cols_list.cols_7 > li {
  flex: 0 0 14.2857142857%;
}
.props_cols_list > li {
  box-sizing: border-box;
  flex: 0 0 25%;
  padding: 0 8px;
}

.props_item {
  display: inline-flex;
  gap: 4px;
}
.props_item.gap2 {
  gap: 10px;
}
.props_item.gap3 {
  gap: 8px;
}
.props_item_inwrap {
  display: flex;
  gap: 5px;
  align-items: center;
}
input.props_dom {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_checkbox_22.png");
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  box-sizing: content-box;
}
input.props_dom[type=radio] {
  border-radius: 100%;
  background-image: url("../images/ico_radio.png");
}
input.props_dom[type=radio]:checked {
  border-color: #4285F4;
}
input.props_dom:checked {
  background-position: 0 100%;
}
input.props_dom:disabled {
  opacity: 0.3;
  cursor: default;
}
input.props_dom:disabled + .props_label {
  opacity: 0.3;
  cursor: default;
}

.props_label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  display: inline-block;
  padding-top: 2px;
  cursor: pointer;
}
.inline_flex_wrap {
  display: flex;
  gap: 12px;
}
.inline_flex_wrap .inline_long {
  flex: 1;
  min-width: 0;
}
.inline_flex_wrap .inline_short {
  flex: 0;
  white-space: nowrap;
}

.btn_inline_control {
  display: flex;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 38px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  box-sizing: border-box;
  border-radius: 100px;
  border: 1px solid #E6E6E6;
  padding: 4px 24px;
  background: #F8F8F8;
}
.btn_inline_control.skin2 {
  background: #fff;
}

.hidden_input_wrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.hidden_file_form {
  color: transparent;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 200px);
  height: 100%;
  transform: scale(2);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form_inner_copy_group {
  margin-top: 5px;
}

.form_inner_copy {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-bottom: 20px;
}
.form_inner_copy:last-of-type {
  margin-bottom: 0;
}

.grid_form_list {
  display: flex;
  flex-wrap: wrap;
  gap: 36px 52px;
}
.grid_form_list > li {
  flex: 0 0 calc(50% - 26px);
}
.grid_form_list > li.colspan {
  flex-basis: 100%;
}

.block_validate_row {
  margin-top: 4px;
}

.validate_dom_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.validate_dom {
  display: flex;
  gap: 2px;
}
.validate_dom.active .validate_ico {
  background-position: 0 100%;
}
.validate_dom.active .validate_label {
  color: #4DC659;
}

.validate_ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_iden_chk2.png");
}

.validate_label {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #C1C1C1;
  display: inline-block;
}

.field_section {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 52px;
  margin-bottom: 52px;
}
.field_section:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.field_title_row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-bottom: 48px;
}
.field_title_row .sub_cols {
  text-align: right;
}

.field_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.3;
  color: #000;
}

.field_guide_copy {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1.3;
  color: #595959;
}
.field_guide_copy .ico_import {
  margin-right: 5px;
}

.field_btn_row.btn_box_wrap {
  margin-top: 64px;
}

.ico_import {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/etri.svg");
  width: 5px;
  height: 6px;
  vertical-align: middle;
}

.multi_ring_wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.multi_ring_wrap .unit_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1;
  color: #595959;
}

.multi_ring_long {
  flex: 1;
  display: flex;
  align-items: center;
}
.multi_ring_long .unit_text {
  padding-left: 10px;
  display: none;
}
.multi_ring_short {
  flex: 0 0 120px;
  white-space: nowrap;
}

.multi_ring_unit {
  flex: 0;
  white-space: nowrap; /* padding:0 12px; */
}

/* select.block_form_select{
 appearance: none; box-sizing:border-box; height:48px; font-size:16px; line-height:46px; width:100%; border:0; border-bottom:1px solid #BDC5D1; padding:0 42px 0 0; background:url("../images/ico_select_arrow.png") no-repeat calc(100% - 13px) 50%/16px auto;
    &:required:invalid{color:#aaa;}
}
select.form_select{
 appearance: none; box-sizing:border-box; height:48px; font-size:16px; line-height:46px; width:100%; border:1px solid #E6E6E6; border-radius:8px; padding:0 42px 0 13px; background:url("../images/ico_select_arrow.png") no-repeat calc(100% - 13px) 50%/16px auto;
} */
.inline_horing_list {
  display: flex;
  align-items: center;
}
.inline_horing_list > li.long {
  flex: 1;
}
.inline_ring_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: inline-block;
  padding: 0 8px;
}

select.form_select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transform: scale(1);
  transform-origin: top left;
  cursor: pointer;
  box-sizing: border-box;
  height: 38px;
  font-size: 14px;
  line-height: 34px;
  width: 100%;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  padding: 0 42px 0 13px;
  background: #fff url("../images/ico_select_arrow.png") no-repeat calc(100% - 13px) 50%/16px auto;
}
select.form_select.block_type {
  border: 0;
  border-bottom: 1px solid #BDC5D1;
  border-radius: 0;
  padding-left: 0;
}
select.form_select:required:invalid {
  color: #aaa;
}
select.form_select:required:invalid:hover option {
  color: #000;
}
select.form_select.yellow {
  background: #FFFCD7 url("../images/ico_select_arrow.png") no-repeat calc(100% - 13px) 50%/16px auto !important;
}

.field_setbox {
  border-radius: 16px;
  border: 1px solid #E6E6E6;
  padding: 36px;
}

.field_setbox_list > li {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.field_setbox_list > li:last-of-type {
  margin-bottom: 0;
}

.setbox_thtext {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 1;
  color: #000;
  display: inline-block;
}

.mobile_sm_placeholder,
.mobile_placeholder {
  font-size: 12px;
  color: #aaa;
  margin-top: 10px;
  display: none;
}

.btn_filter_list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.btn_filter {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-align: center;
  justify-content: center;
  padding: 10px 24px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  border-radius: 100px;
}
.btn_filter.active {
  background: #0053C2;
  color: #fff;
  border-color: #0053C2;
}
.btn_filter.active:hover {
  color: #fff;
  border-color: #0053C2;
}
.btn_filter:hover {
  color: #000;
  border-color: #000;
}

@media (max-width: 1299px) {
  /* .btn_inline_control{padding:12px 20px;} */
  .grid_form_list {
    gap: 25px 30px;
  }
  .grid_form_list > li {
    flex-basis: calc(50% - 15px);
  }
  .field_btn_row.btn_box_wrap {
    margin-top: 60px;
  }
  .props_item_list.respon_break {
    flex-wrap: wrap;
    gap: 10px 15px;
    margin: 0 -15px 0 0;
  }
  .props_item_list.respon_break > li {
    flex: 0 0 calc(25% - 15px);
  }
  .props_cols_list {
    gap: 5px 0;
    padding: 3px 0;
  }
  .props_cols_list > li {
    flex: 0 0 33.33333% !important;
  }
  .btn_cols_list {
    gap: 5px 2px;
    margin-right: -2px;
  }
  .btn_cols_list.cols_2 {
    flex: 0 0 calc(50% - 2px);
  }
  .btn_cols_list .btn_ovalbox {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 1023px) {
  /* .block_form_list{
       > li{margin-bottom:20px;}
  } */
  input.form_input {
    font-size: 13px;
    height: 40px;
  }
  select.form_select {
    font-size: 13px;
    border-radius: 5px;
    padding: 0 30px 0 10px;
    background-position: calc(100% - 8px);
  }
  .grid_form_list > li {
    flex: 0 0 100%;
  }
  textarea.form_textarea {
    font-size: 13px;
    padding: 15px 0;
    height: 100px;
  }
  textarea.box_textarea {
    font-size: 13px;
    height: 100px;
  }
  .btn_inline_control {
    padding: 4px 16px;
    font-size: 13px;
  }
  .field_btn_row.btn_box_wrap {
    margin-top: 40px;
  }
  .props_label {
    font-size: 14px;
    padding-top: 3px;
  }
  .props_cols_list.mb_basis_33 > li {
    flex: 0 0 33.333333333% !important;
  }
  .props_cols_list > li {
    flex: 0 0 50% !important;
  }
  /* .props_cols_wrap{
      &.gap_type2{padding:5px 0;}
  } */
  .btn_cols_list {
    gap: 5px;
    margin-right: 0;
    justify-content: flex-end;
  }
  .btn_cols_list.cols_2 {
    flex: auto;
  }
  .btn_cols_list .btn_ovalbox {
    padding-left: 12px;
    padding-right: 12px;
  }
  textarea.box_textarea.small {
    height: 80px;
  }
  textarea.box_textarea.medium {
    height: 130px;
  }
  .btn_filter_list {
    gap: 8px;
  }
  .btn_filter {
    min-height: 30px;
    padding: 5px 15px;
    font-size: 13px;
    background-color:#fff;
  }
  .props_item_list.respon_break {
    gap: 10px;
    margin: 0 -10px 0 0;
  }
  .props_item_list.respon_break > li {
    flex: 0 0 calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .inline_flex_wrap {
    gap: 8px;
  }
  .inline_flex_wrap.break_type {
    display: block;
  }
  .inline_flex_wrap.break_type .inline_short {
    margin-top: 15px;
    text-align: right;
  }
  .inline_flex_wrap.break_type .inline_short .btn_inline_control {
    display: inline-flex;
  }
  .multi_ring_wrap {
    display: block;
  }
  .multi_ring_wrap > div {
    margin-bottom: 5px;
  }
  .multi_ring_wrap > div:last-of-type, .multi_ring_wrap > div:last-child {
    margin-bottom: 0;
  }
  .multi_ring_wrap.nobreak {
    display: flex;
  }
  .multi_ring_wrap.nobreak > div {
    margin-bottom: 0;
  }
  .multi_ring_wrap.no_block {
    display: flex;
    gap: 10px;
  }
  .multi_ring_wrap.no_block > div {
    margin-bottom: 0;
  }
  .multi_ring_unit {
    display: none;
  }
  .multi_ring_short {
    white-space: normal;
  }
  input.form_input.long_place::-moz-placeholder {
    color: transparent;
  }
  input.form_input.long_place::placeholder {
    color: transparent;
  }
  .mobile_placeholder {
    display: block;
  }
  .multi_ring_long .unit_text {
    display: inline-block;
  }
  .block_form_label_row.vhidden {
    display: none;
  }
  .field_title_row.break_type {
    display: block;
  }
  .field_title_row.break_type .sub_cols {
    text-align: left;
    margin-top: 10px;
  }
  .setbox_thtext {
    font-size: 14px;
  }
  .field_setbox_list > li {
    display: block;
  }
  .setbox_td_cols {
    margin-top: 10px;
  }
  .grid_form_list {
    gap: 25px 0;
  }
  .props_cols_list.mb_cols2 > li {
    flex: 0 0 50% !important;
  }
  .props_cols_list.resmb_2 > li {
    flex: 0 0 50% !important;
  }
  .props_cols_list.resmb_3 > li {
    flex: 0 0 33.333333333% !important;
  }
  .props_cols_list > li {
    flex: 0 0 100% !important;
  }
  .props_item_list {
    gap: 15px;
  }
  .props_item_list.mb_break {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    gap: 10px;
  }
  .props_item_list.mb_break > li {
    flex: 0 0 calc(50% - 10px);
  }
  .props_item_list.mb_break > li.full {
    flex: 1;
  }
  .props_item.gap2 {
    gap: 6px;
  }
  .props_item_list.respon_mb_break {
    gap: 10px;
    margin: 0 -10px 0 0;
    flex-wrap: wrap;
  }
  .props_item_list.respon_mb_break > li {
    flex: 0 0 calc(50% - 10px);
  }
}
@media (max-width: 374px) {
  input.form_input.long_place_sm::-moz-placeholder {
    color: transparent;
  }
  input.form_input.long_place_sm::placeholder {
    color: transparent;
  }
  .mobile_sm_placeholder {
    display: block;
  }
  .props_item_list.respon_break {
    gap: 10px;
    margin: 0;
  }
  .props_item_list.respon_break > li {
    flex: 0 0 100%;
  }
}
/* modal */
.modal_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;
  overflow-y: auto;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.modal_wrap.active {
  display: flex;
}
.modal_wrap.active.motion_end .modal_box_item {
  opacity: 1;
  transform: translateY(0);
}
.modal_wrap.active.motion_end .bg_dim {
  opacity: 0.7;
}

.bg_dim {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  background: #333;
  opacity: 0;
  transition: 0.5s opacity;
}
.bg_dim.no_transition {
  transition: 0s;
  opacity: 0.6;
  transform: none;
}

.modal_box_tb {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.modal_box_td {
  display: table-cell;
  vertical-align: middle;
}

.modal_box_item {
  box-sizing: border-box;
  width: 100%;
  z-index: 20;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  opacity: 0;
  transition: 0.4s opacity;
  max-height: calc(100% - 60px);
  position: relative;
  max-width: 340px;
  margin: 30px auto;
  padding: 24px 20px 24px 20px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24);
  border-radius: 12px;
}
.modal_box_item.close_not {
  padding: 40px 100px 40px;
}
.modal_box_item.submit_not {
  padding: 60px 100px;
}

.message_dep01_word,
.message_dep02_word {
  display: block;
  text-align: center;
}

.message_dep01_word {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}

.message_dep02_word {
  font-size: 16px;
  color: #666666;
  margin-top: 10px;
}

.modal_box_message_row {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 66px;
}

.modal_box_message {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
  word-break: keep-all;
}

.btn_modal_close {
  display: inline-block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 0;
  line-height: 0;
}
.btn_modal_close:before, .btn_modal_close:after {
  width: 35px;
  height: 2px;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #332d29;
  margin: -1px 0 0 -17px;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
}
.btn_modal_close:before {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.btn_modal_close:after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.btn_modal_submit_wrap {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
}

.btn_modal_submit {
  display: flex;
  min-height: 42px;
  flex: 1;
  justify-content: center;
  white-space: nowrap;
  align-items: center;
  border: 1px solid #000;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}
.btn_modal_submit.okcall {
  color: #0B51C5;
  border-color: #0B51C5;
}
@media (max-width: 767px) {
  .btn_modal_close {
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
  }
  .btn_modal_close:before, .btn_modal_close:after {
    width: 20px;
    height: 2px;
    margin: -1px 0 0 -10px;
  }
  .modal_box_td {
    padding: 20px 40px;
  }
  .modal_box_message {
    font-size: 12px;
  }
  .message_dep01_word {
    font-size: 16px;
  }
  .message_dep02_word {
    font-size: 14px;
    margin-top: 10px;
  }
  /* .btn_modal_submit_wrap{padding:0;} */
  .btn_modal_submit {
    padding: 10px;
    font-size: 14px;
  }
}
@media (max-width: 550px) {
  .modal_box_item {
    max-width: 100%;
  }
  .modal_box_item.close_not {
    padding: 30px 20px 30px;
  }
  .modal_box_item.submit_not {
    padding: 40px 20px 40px;
  }
}
/* popup */
.btn_guide_box {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #ddd;
  color: #000;
  font-size: 16px;
}

.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;
}
.popup_wrap.active {
  display: flex;
}
.popup_wrap.active.motion_end .popup_box_tb_wrap,
.popup_wrap.active.motion_end .popup_item {
  opacity: 1;
}
.popup_wrap.active.motion_end .bg_dim {
  opacity: 0.7;
}
.popup_wrap .bg_dim {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  background: #333;
  opacity: 0;
  transition: 0.5s;
}
.popup_wrap .bg_dim.no_transition {
  transition: 0s;
  opacity: 0.7;
  transform: none;
}
.popup_wrap.scroll_type {
  overflow-y: auto;
}

.popup_box_tb_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.4s;
}

.popup_box_tb {
  table-layout: fixed;
  display: table;
  width: 100%;
  height: 100%;
}

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

.popup_modal_box {
  padding: 65px 100px 40px;
  text-align: center;
}
.popup_modal_box .btn_bottom_wrap {
  margin-top: 30px;
}

.popup_modal_para {
  font-size: 24px;
  color: #555555;
  line-height: 1.4;
}

.popup_item {
  box-sizing: border-box;
  z-index: 20;
  max-width: 900px;
  margin: 20px auto;
  max-height: calc(100% - 50px);
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  opacity: 0;
  transition: 0.4s;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
}
.popup_item.modal_type {
  max-width: 540px;
}
.popup_item.sm_type2 {
  max-width: 680px;
}
.popup_item.sm_type3 {
  max-width: 600px;
}
.popup_item.sm_type4 {
  max-width: 636px;
}
.popup_item.sm_type5 {
  max-width: 720px;
}
.popup_item.sm_type6 {
  max-width: 354px;
}
.popup_item.sm_type7 {
  max-width: 450px;
}
.popup_item.single_type {
  max-width: 540px;
}
.popup_item.single_type .popup_contents_row {
  padding: 0 0 0;
}
.popup_item.no_transition {
  transition: 0s;
  opacity: 1;
  transform: none;
}
.popup_item.skin2 .popup_title_row {
  padding-top: 24px;
  padding-left: 24px;
}
.popup_item.skin2 .popup_title {
  font-size: 22px;
  font-weight: 700;
}
.popup_item.skin2 .popup_contents_row {
  padding: 0 24px 36px;
}
.popup_item.skin2 .btn_popup_close {
  top: 30px;
  right: 24px;
}

.popup_title_row {
  padding: 18px 80px 18px 36px;
}

.popup_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
}

.popup_contents_row {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  flex: 1;
  font-size: 16px;
  color: #333333;
  padding: 0 40px 20px;
}
.popup_contents_row.ptype2 {
  padding-bottom: 0;
}
.popup_contents_row.ptype3 {
  padding-bottom: 20px;
}

.popup_contents_row + .popup_btn_row {
  padding-top: 20px;
}

.popup_btn_row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
.popup_btn_row.align_type2 {
  gap: 36px;
  justify-content: flex-start;
  align-items: flex-start;
}
.popup_btn_row.align_type3 {
  justify-content: space-between;
}

.btn_bottom_long {
  flex: 1;
  display: flex;
  min-width: 0;
}
.btn_bottom_long:last-of-type {
  justify-content: flex-end;
  gap: 12px;
}

.btn_submit_box {
  display: flex;
  min-height: 44px;
  min-width: 180px;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 100px;
  padding: 12px 30px;
  gap: 4px;
}
.btn_submit_box.primary {
  border-color: #005AAB;
}
.btn_submit_box.primary .btn_submit_box_text {
  color: #005AAB;
}
.btn_submit_box.primary_full {
  background-color: #0053C2;
  border-color: #0053C2;
}
.btn_submit_box.primary_full .btn_submit_box_text {
  color: #fff;
}
.btn_submit_box.primary_dark_full {
  border-color: #0B51C5;
  background-color: #013284;
}
.btn_submit_box.primary_dark_full .btn_submit_box_text {
  color: #fff;
}
.btn_submit_box.skin_full2 {
  background-color: #00A8C2;
  border-color: #00A8C2;
}
.btn_submit_box.skin_full2 .btn_submit_box_text {
  color: #fff;
}
.btn_submit_box.skin_full3 {
  background-color: #00C285;
  border-color: #00C285;
}
.btn_submit_box.skin_full3 .btn_submit_box_text {
  color: #fff;
}
.btn_submit_box.sm_type2 {
  min-width: 109px;
}
.btn_submit_box.long_type {
  padding-left: 70px;
  padding-right: 70px;
}
.btn_submit_box .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_submit_box .ico.shape_01 {
  background-image: url("../images/ico_submit_shape_01.png");
}
.btn_submit_box .ico.shape_02 {
  background-image: url("../images/ico_submit_shape_02.png");
}
.btn_submit_box .ico.shape_03 {
  background-image: url("../images/ico_submit_shape_03.png");
}

.btn_submit_box_text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  display: inline-block;
  word-break: keep-all;
}

.btn_popup_close {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 18px;
  right: 36px;
  font-size: 0;
  line-height: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/btn_popup_close.png");
}

.btn_box_close {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0;
  line-height: 0;
}
.btn_box_close:before, .btn_box_close:after {
  width: 28px;
  height: 2px;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #332d29;
  margin: -1px 0 0 -14px;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
}
.btn_box_close:before {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.btn_box_close:after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.popup_cont_block.top_pos {
  padding: 65px 80px 40px;
}
.popup_cont_block.type2 {
  background: #f8f8f8;
  text-align: center;
  padding: 40px 35px;
}
.popup_cont_block.agree_top_pos {
  padding: 65px 80px 5px;
}
.popup_cont_block.agree_pos {
  padding: 20px 60px 25px;
}
.popup_cont_block.agree_pos_pw {
  padding: 20px 30px 25px;
}
.popup_cont_block.agree_type2 {
  background: #f8f8f8;
  padding: 20px 25px;
  margin: 0px 30px;
}
.popup_cont_block.agree_type1 {
  padding: 5px 25px;
  text-align: center;
}
.popup_cont_block.top_pos_pw {
  padding: 30px 80px 30px;
}

.popup_cont_message {
  text-align: center;
  font-size: 24px;
  line-height: 1.3;
  color: #222;
  font-weight: 500;
  word-break: keep-all;
}

.popup_cont_emp {
  text-align: center;
  word-break: keep-all;
  font-size: 20px;
  color: #222222;
  font-weight: 700;
}
.popup_cont_emp strong {
  color: #000;
}

.popup_cont_sub {
  margin-top: 5px;
  color: #666666;
}

.pcont_sub_text {
  font-weight: 500;
}

.popup_cont_emp_pwch {
  text-align: center;
  word-break: keep-all;
  font-size: 20px;
  color: #222222;
  font-weight: 300;
}

.bottom_layer_wrap {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 30;
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
}

.bottom_layer_item {
  width: 680px;
  background: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  position: absolute;
  bottom: 0;
  right: 30px;
  display: flex;
  flex-direction: column;
}
.bottom_layer_item.close .contents_row {
  display: none;
}
.bottom_layer_item.close .btn_bl_control .ico {
  transform: rotate(180deg);
}
.bottom_layer_item .title_row {
  background: #0053C2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 24px;
}
.bottom_layer_item .title_row .main_cols {
  display: flex;
  gap: 10px;
  align-items: center;
}
.bottom_layer_item .title_row .sub_cols {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: flex-end;
}
.bottom_layer_item .contents_row {
  flex: 1;
  min-height: 0;
  padding: 16px 24px 26px;
}
.bottom_layer_item .contents_row .respon_entry_wrap {
  position: relative;
  overflow-y: auto;
  height: 400px;
}
.bl_title_main {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}

.bl_title_count {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #FFCE5F;
}

@media (max-width: 1023px) {
  .popup_item {
    margin: 50px;
    max-height: calc(100% - 100px);
    border-radius: 14px;
  }
  .popup_item .btn_submit_box {
    min-height: 40px;
    min-width: 0;
    padding: 12px 30px 13px;
  }
  .popup_item .btn_submit_box .ico {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }
  .popup_item .btn_submit_box.sm_type2 {
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .popup_item .btn_submit_box.long_type {
    padding-left: 12px;
    padding-right: 12px;
    flex: 1;
  }
  .popup_item .btn_submit_box_text {
    font-size: 14px;
  }
  .popup_contents_row + .popup_btn_row {
    padding-top: 10px;
  }
  .popup_item.skin2 .popup_title {
    font-size: 20px !important;
  }
  .bottom_layer_wrap {
    position: static;
  }
  .bottom_layer_item {
    position: static;
  }
  .bottom_layer_item .contents_row .respon_entry_wrap {
    height: 320px;
  }
}
@media (max-width: 767px) {
  .popup_item {
    max-width: 100%;
    margin: 15px;
    max-height: calc(100% - 30px);
  }
  .popup_item .popup_btn_row.btn_bottom_wrap {
    margin: 0;
    width: auto;
    max-width: inherit;
  }
  .popup_item .popup_btn_row.btn_bottom_wrap .btn_submit_box:only-child {
    min-width: 100px;
  }
  .popup_item.full_type {
    margin: 0;
    max-height: 100%;
    height: 100%;
  }
  .popup_item.skin2 .popup_title_row {
    padding-top: 20px;
    padding-left: 20px;
  }
  .popup_item.skin2 .popup_title {
    font-size: 18px;
  }
  .popup_item.skin2 .popup_contents_row {
    padding: 0 20px 30px;
  }
  .popup_item.skin2 .btn_popup_close {
    top: 21px;
    right: 18px;
  }
  .popup_title_row {
    padding: 15px 60px 15px 20px;
  }
  .popup_title {
    font-size: 16px !important;
  }
  .popup_contents_row {
    font-size: 14px;
    padding: 10px 20px 30px;
  }
  .btn_popup_close {
    top: 14px;
    right: 18px;
  }
  .btn_box_close {
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
  }
  .btn_box_close:before, .btn_box_close:after {
    width: 20px;
    height: 2px;
    margin: -1px 0 0 -10px;
  }
  .popup_modal_box {
    padding: 50px 20px 30px;
  }
  .popup_modal_para {
    font-size: 16px;
  }
  .popup_cont_message {
    font-size: 16px;
  }
  .popup_cont_emp {
    font-size: 14px;
  }
  .popup_cont_sub {
    font-size: 14px;
  }
  .cont_emp_sub {
    font-size: 12px;
  }
  .popup_btn_row {
    padding: 20px;
    gap: 10px;
  }
  .popup_btn_row.align_type2 {
    gap: 10px;
    /* .btn_bottom_short,
    .btn_bottom_long{flex:auto;width:auto;display:inline-flex;} */
  }
  .popup_btn_row.align_type2 .btn_bottom_long {
    flex-direction: column;
    gap: 5px;
  }
  .popup_btn_row.align_type2 .btn_bottom_long .btn_submit_box {
    flex: 0;
  }
  .popup_btn_row.align_type3 .btn_submit_box {
    min-width: 75px;
  }
  .bottom_layer_item {
    width: 100%;
    right: 0;
  }
  .bottom_layer_item .title_row {
    padding: 15px 20px;
    flex-direction: column;
    align-items: normal;
    gap: 10px 0;
  }
  .bottom_layer_item .title_row .main_cols {
    gap: 0;
  }
  .bottom_layer_item .title_row .sub_cols {
    gap: 15px;
  }
  .bottom_layer_item .bl_title_main,
.bottom_layer_item .bl_title_count {
    font-size: 16px;
  }
  .bottom_layer_item .contents_row {
    padding: 20px;
  }
}
@media (max-width: 374px) {
  .popup_item .btn_submit_box {
    padding: 12px 12px 13px;
  }
  .popup_item .btn_submit_box.sm_type2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .popup_item .btn_submit_box.long_type {
    padding-left: 8px;
    padding-right: 8px;
  }
  .popup_item .btn_submit_box .ico {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
  }
  .popup_item .btn_submit_box_text {
    font-size: 12px;
  }
  .popup_btn_row.btn_bottom_wrap {
    flex-wrap: wrap;
  }
}
/* combobox */
.combo_item {
  display: inline-block;
  position: relative;
}
.combo_item.active .combo_target {
  border-radius: 8px 8px 0 0;
}
.combo_item.active .combo_target:after {
  transform: rotate(-225deg);
  margin-top: -1px;
}
.combo_item.fluid {
  display: block;
}

.combo_target {
  font-size: 16px;
  box-sizing: border-box;
  color: #000;
  padding: 12px 42px 12px 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  display: flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  min-height: 48px;
  background: #fff;
}
.combo_target.theme2 {
  background-color: #FFFCD7;
}
.combo_target:after {
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -6px;
}

.combo_option_group {
  display: none;
  position: relative;
  overflow: hidden;
  z-index: 100500;
  background: #FFFFFF;
  width: calc(100% - 2px);
  border: 1px solid #E6E6E6;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
}
.combo_option_group.type2 .combo_option {
  font-size: 16px;
  padding: 10px 12px;
}
.combo_option_group.active {
  display: block;
}
.combo_option_group.theme2 {
  background-color: #FFFCD7;
}
.combo_option_group.theme2 .combo_option:hover {
  background-color: #f4f3cf;
  color: #000;
}

.combo_option_scroll {
  overflow: overlay;
  position: relative;
}

.combo_option {
  font-size: 16px;
  color: #000000;
  display: block;
  padding: 8px 10px;
}
.combo_option:hover {
  background: #00AEF3;
  color: #fff;
}
.combo_option.disabled {
  background: #f2f5f5;
  color: #adb3b3;
  cursor: default;
}

@media (max-width: 1023px) {
  .combo_option,
.combo_target {
    font-size: 13px;
  }
  .combo_target {
    min-height: 40px;
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .combo_target:after {
    width: 5px;
    height: 5px;
    margin-top: -4px;
  }
  .combo_item {
    display: flex;
    width: 100%;
  }
  .combo_target {
    width: 100% !important;
    flex: 1;
  }
}
.components_block {
  margin-bottom: 50px;
}
.components_block:last-of-type {
  margin-bottom: 0;
}

.components_title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: #000;
  color: inherit;
}

.components_cont_group {
  margin-top: 20px;
}

.components_cont {
  margin-bottom: 30px;
}
.components_cont:last-of-type {
  margin-bottom: 0;
}
.components_cont .inner_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: #000;
  color: inherit;
  margin-bottom: 10px;
}
/* contents */
/* contents layout */
.sub_title_row {
  margin: 45px 0 35px;
  text-align: center;
}
.sub_title_row.display_type2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.sub_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
}

.sub_title_copy {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: #595959;
  margin-top: 10px;
}

.fraction_sort_list {
  display: flex;
  gap: 16px;
  align-items: center;
}
.fra_obj_list {
  display: flex;
  align-items: center;
  gap: 5px;
}
.fra_key_text,
.fra_value_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
}

.fra_value_text {
  font-weight: 700;
}

.top_note_wrap {
  margin-bottom: 16px;
}
.core_panel_container {
  padding: 22px 0 0;
}
.core_panel_container.pdtype2 {
  padding-top: 36px;
}

.core_title_row {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.core_title_row.type2 {
  margin-bottom: 16px;
}

.core_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  color: #000000;
}

.core_contents_row.pc_block {
  display: block;
}
.core_contents_para {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.brick_message_row {
  margin-bottom: 36px;
}

.brick_message_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

@media (max-width: 1023px) {
  .sub_title_row {
    margin: 30px 0 20px;
  }
  .sub_title_row.display_type2 {
    display: block;
  }
  .sub_title_row.display_type2 .else_cols {
    margin-top: 15px;
  }
  .sub_title {
    font-size: 18px;
  }
  .fraction_sort_list {
    gap: 10px;
    display: block;
  }
  .fraction_sort_list > li {
    margin-bottom: 10px;
  }
  .fraction_sort_list > li:last-of-type {
    margin-bottom: 0;
  }
  .core_panel_container {
    padding: 20px 0 0;
  }
  .core_panel_container.pdtype2 {
    padding-top: 20px;
  }
  .core_title_row {
    margin-bottom: 20px;
  }
  .core_title {
    font-size: 18px;
  }
  .brick_message_row {
    margin-bottom: 20px;
  }
  .brick_message_para {
    font-size: 14px;
  }
  .core_title_else_wrap .btn_actbox_list {
    gap: 5px;
  }
  .core_contents_row.pc_block {
    display: none;
  }
  .core_contents_row.pc_block.mb_active {
    display: block;
  }
}
@media (max-width: 359px) {
  .core_title_row {
    display: block;
  }
  .core_title_else_wrap {
    margin-top: 5px;
  }
  .core_title_else_wrap .btn_actbox_list {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
  }
}
/* form layout */
.gate_form_container {
  padding: 43px 0 0;
}

.gate_top_row {
  display: block;
  text-align: center;
  margin-bottom: 24px;
}

.gate_message_sub {
  margin-top: 5px;
}
.gate_message_para {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
}

.gate_message_detail {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  word-break: keep-all;
}

.gate_form_box {
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 24px;
  display: flex;
  padding: 60px 0;
}
.guide_box_maincopy {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  word-break: keep-all;
  text-align: left;
  white-space: nowrap;
}
.guide_box_maincopy strong {
  font-weight: 700;
}

.guide_bullet_list > li {
  margin-bottom: 34px;
  position: relative;
  padding-left: 19px;
}
.guide_bullet_list > li:before {
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #FFCF55;
  position: absolute;
  top: 12px;
  left: 0;
}
.guide_bullet_list > li:last-of-type {
  margin-bottom: 0;
}
.guide_bullet_list .guide_bcopy {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
}

.gate_guide_cols,
.gate_form_cols {
  flex: 1;
  min-width: 0;
  padding: 0 60px;
}

.gate_guide_cols {
  border-right: 1px solid #E6E6E6;
  padding: 0 80px;
}

.guide_inner_cont {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  max-width: 300px;
  margin: 0 auto;
}

.gate_form_cols > .boxtab_wrap {
  margin-bottom: 48px;
}
.gate_form_cols > .block_submit_wrap {
  margin-top: 36px;
}

.block_smenu_list {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-top: 16px;
}
.block_smenu_list > li {
  position: relative;
}
.block_smenu_list > li:after {
  display: block;
  content: "";
  width: 1px;
  height: 18px;
  background: #E6E6E6;
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
}
.block_smenu_list > li:last-of-type:after {
  display: none;
}

.btn_smenu {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  color: #595959;
  display: inline-block;
}

.gate_note_wrap {
  text-align: left;
  margin-top: 24px;
}

.import_note_para {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: 0;
  color: #595959;
  padding-left: 20px;
  display: inline-block;
}
.import_note_para:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: top;
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_info_16.png");
}

.block_sns_linkage_wrap {
  margin-top: 36px;
}

.block_sns_linkage_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.block_sns_key {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  display: inline-block;
}

.sns_dom_list {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.btn_sns_dom {
  display: block;
  width: 52px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  box-sizing: border-box;
  border-radius: 100%;
}
.btn_sns_dom.naver {
  background-image: url("../images/ico_sns_naver_26x26.png");
  background-color: #2db400;
}
.btn_sns_dom.kakao {
  background-image: url("../images/ico_sns_kakao_26x26.png");
  background-color: #fee500;
}
.btn_sns_dom.apple {
  background-image: url("../images/ico_sns_apple_26x26.png");
  background-color: #999999;
}
.btn_sns_dom.google {
  background-image: url("../images/ico_sns_google_26x26.png");
  border: 1px solid #E6E6E6;
}

.middle_one_title_row {
  text-align: center;
  margin: 40px 0 20px 0;
}

.middle_one_title {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
}

.middle_two_title_row {
  margin: 28px 0;
  text-align: center;
}

.middle_two_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
}

.middle_two_subcopy {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
  margin-top: 12px;
  word-break: keep-all;
}

.middle_message_row {
  margin: 48px 0;
  text-align: center;
}

.middle_message_copy {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
}

.middle_field_box {
  max-width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  border-radius: 24px;
  padding: 60px 60px;
}
.middle_field_box > .boxtab_wrap {
  margin-bottom: 60px;
}
.middle_field_box > .block_btn_wrap {
  margin-top: 60px;
  padding: 0 84px;
}

.middle_btn_row {
  margin-top: 48px;
}
.field_note_wrap {
  margin: 48px auto 0;
  max-width: 800px;
  text-align: center;
}
.middle_render_box {
  background: #EDF2FB;
  border-radius: 24px;
  box-sizing: border-box;
  padding: 80px 60px;
  max-width: 800px;
  margin: 0 auto;
}

.obj_render_list {
  display: flex;
  gap: 20px;
}
.obj_render_list > li {
  flex: 1;
}

.obj_render_item {
  display: flex;
  gap: 16px;
}
.obj_render_key {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
}

.obj_render_value {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
}
.obj_render_value.emp {
  color: #0258AD;
}

.middle_bottom_btn_row {
  margin-top: 48px;
}
.middle_grid_box {
  border: 1px solid #E6E6E6;
  border-radius: 24px;
  padding: 60px 60px;
  display: flex;
}
.middle_grid_box .grid_cols {
  flex: 1;
  min-width: 0;
  border-right: 1px solid #E6E6E6;
  padding: 0 60px;
}
.middle_grid_box .grid_cols:first-of-type {
  padding-left: 0;
}
.middle_grid_box .grid_cols:last-of-type {
  border: 0;
  padding-right: 0;
}
.middle_grid_box .grid_cols > .bar_step_wrap {
  margin-bottom: 36px;
}
.middle_grid_box.display_type2 {
  display: block;
}

.info_guide_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  gap: 70px;
}

.info_maincopy {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
}
.info_maincopy strong {
  font-weight: 700;
}

.info_img_row {
  text-align: center;
  max-width: 430px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/img_join_gate_x2.png");
  margin: 0 auto;
  width: 100%;
}
.info_img_row .info_img {
  height: 0;
  padding-bottom: 46.511627907%;
}

.info_subcopy_row {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000;
}

.info_subcopy {
  margin-bottom: 20px;
}
.info_subcopy:last-of-type {
  margin-bottom: 0;
}

.bar_step_wrap {
  margin-bottom: 60px;
}

.bar_step_list {
  display: flex;
  gap: 4px;
}
.bar_step_list > li {
  flex: 1;
}

.bar_step_item .number_row {
  margin-bottom: 7px;
}
.bar_step_item .bar_number {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #595959;
}
.bar_step_item .bar_stick {
  background-color: #BDC5D1;
  height: 4px;
  border-radius: 10px;
}
.bar_step_item .label_row {
  margin-top: 7px;
}
.bar_step_item .bar_label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #595959;
}
.bar_step_item.active .bar_number {
  color: #0258AD;
}
.bar_step_item.active .bar_stick {
  background-color: #00A6FF;
}
.bar_step_item.active .bar_label {
  color: #0258AD;
}

.brick_title_row {
  margin-bottom: 38px;
}

.brick_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
}

.bc_title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  margin-bottom: 14px;
}

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

.bc_terms_box {
  background: #F8F8F8;
  border-radius: 8px;
  padding: 16px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  color: #000;
  box-sizing: border-box;
  height: 92px;
  position: relative;
  overflow-y: auto;
}

.bc_terms_total_row .props_label {
  font-weight: 700;
  font-size: 13px;
}

.bc_terms_detail_row {
  margin-top: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 14px 12px;
}

.bc_terms_detail_list > li {
  margin-bottom: 16px;
}
.bc_terms_detail_list > li:last-of-type {
  margin-bottom: 0;
}

.bc_btn_wrap {
  margin-top: 36px;
}

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

.terms_agree_long .props_label {
  font-weight: 700;
  font-size: 13px;
}

.btn_terms_view {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}
.btn_terms_view:after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  position: absolute;
  top: 8px;
  left: 6px;
  transform: rotate(45deg);
}

.brick_guide_copy_row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.brick_guide_copy_row .copy_else_wrap .btn_box {
  min-width: 265px;
}

.brick_guide_copy {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  color: #000;
}

.brick_screen_img_wrap {
  margin-top: 36px;
  background: #F8F8F8;
  padding: 36px 24px;
}

.screen_img_list {
  display: flex;
  gap: 24px;
}
.screen_img_list > li {
  flex: 1;
}
.screen_img_list img.screen_img {
  vertical-align: top;
}

.visual_guide_container {
  text-align: center;
}

.visual_guide_img_wrap {
  max-width: 260px;
  margin: 0 auto;
}

.visual_guide_img {
  height: 0;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.visual_guide_img.end_step_img {
  background-image: url("../images/img_step_endx2.png");
}

.visual_guide_copy {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #0258AD;
}

.inline_ring_list {
  display: flex;
  align-items: center;
  gap: 4px;
}
.inline_inner_ring {
  display: flex;
  align-items: center;
  gap: 4px;
}
.inline_inner_ring .inner_cols {
  flex: 1;
}

.search_entry_field {
  border: 1px solid #E6E6E6;
  min-width: 300px;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  position: relative;
  overflow: hidden;
  padding: 0 13px;
  display: flex;
  align-items: center;
}
.search_entry_field input.input_search {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 36px;
  background: #fff;
  border: 0;
  font-size: 14px;
  line-height: 1;
  color: #000;
}

.btn_entry_search {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_search_24.png");
}

.form_fieldset_wrap {
  display: flex;
  background: #F8F8F8;
  padding: 8px 16px;
  gap: 8px 12px;
  align-items: center;
  flex-wrap: wrap;
}
.form_fieldset_wrap .label_cols {
  display: flex;
  align-items: center;
}
.form_fieldset_wrap .form_cols {
  flex: 1;
  display: flex;
  background: #fff;
  align-items: center;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  box-sizing: border-box;
}
.form_fieldset_wrap .btn_cols {
  flex: 0;
  white-space: nowrap;
}
.form_fieldset_wrap .file_cols {
  flex: 0 0 100%;
}

.fieldset_label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  white-space: nowrap;
}

input.fieldset_input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 8px 13px 8px 13px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  color: #000;
  height: 38px;
  box-sizing: border-box;
}
input.file_input {
  display: none;
}

.btn_form_reset {
  width: 16px;
  height: 16px;
  display: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-image: url("../images/ico_reset_light.png");
  margin-right: 13px;
}

.btn_fieldset_submit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  white-space: nowrap;
  min-height: 38px;
  background: #fff;
  border: 1px solid #000000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 10px 24px;
  box-sizing: border-box;
}
.btn_fieldset_submit.type2 {
  padding: 10px 24px;
}

.db_file_list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
}
.db_file_item {
  display: inline-flex;
  gap: 5px 5px;
}
.db_file_item .text_node {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}
.db_file_item .btn_ico {
  position: relative;
  top: 2px;
}

.multi_fileform_list > li {
  margin-bottom: 4px;
}
.multi_fileform_list > li:last-of-type {
  margin-bottom: 0;
}

.indent_node_text + .preview_docu_container {
  margin-top: 10px;
}

.preview_docu_container {
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  padding: 15px 20px;
  box-sizing: border-box;
}

.preview_docu_list > li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 15px;
}
.preview_docu_list > li:before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background: #000;
  border-radius: 100%;
  position: absolute;
  top: 8.5px;
  left: 0;
}
.preview_docu_list > li:last-of-type {
  margin-bottom: 0;
}

.preview_category_row {
  margin-bottom: 7px;
}

.preview_category {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.preview_value_render {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.img_preview_render {
  min-height: 260px;
  margin-top: 12px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
}
.img_preview_render img {
  vertical-align: middle;
}

.preview_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #AAAAAA;
}

.form_notice_box {
  background: #333;
  margin-bottom: 48px;
  padding: 28px 36px;
}

.fn_title_row {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
}
.fn_title_row .ico_cols .ico {
  width: 46px;
  height: 46px;
  border: 2px solid #fff;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.fn_title_row .ico_cols .ico.import {
  background-image: url("../images/ico_import_circle.png");
}
.fn_sub_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #FFCE5F;
}

.fn_main_title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  margin-top: 4px;
}

.fn_contents_row {
  margin-left: 64px;
}
.form_section_block {
  margin-bottom: 46px;
}
.form_section_block:last-of-type {
  margin-bottom: 0;
}

.form_section_title_row {
  padding-bottom: 16px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.form_section_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000000;
}

.import_caption_g {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.import_caption_text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #555;
}

.form_section_contents {
  border-top: 2px solid #E6E6E6;
}
.form_section_contents.type2 {
  border-top: 0;
}

.form_section_btns {
  margin-top: 48px;
}

.form_message_block_wrap {
  margin-bottom: 16px;
}

.form_message_block {
  margin-top: 16px;
}
.form_message_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  margin-bottom: 12px;
}

.form_message_warn {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #B5000F;
}

.form_both_container {
  display: flex;
  gap: 24px;
}
.form_both_container .form_cols {
  flex: 1;
}
.form_both_container .sms_cols {
  flex: 0 0 43%;
}
.form_both_container .block_form_list > li {
  margin-bottom: 24px;
}
.form_both_container .block_form_list > li:last-of-type {
  margin-bottom: 0;
}

.tele_biz_box {
  background: #F8F8F8;
  border-radius: 8px;
  padding: 16px 12px;
  margin-top: 10px;
}

.tele_message_row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  align-items: center;
}
.tele_message_copy {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}

.tele_timer {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  color: #4DC659;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.btn_inline_liquid {
  margin-top: 8px;
}

.sms_shape_container {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.sms_shape_container .top_row {
  flex: 0 0 56px;
  height: 56px;
  line-height: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 16px 12px;
}
.sms_shape_container .middle_row {
  background: #F3F3F3;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.btn_sms_back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn_sms_back:before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/btn_sms_back.png");
}
.btn_sms_back .text_node {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.sms_top_placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
}

.sms_tele_row {
  padding: 24px 16px;
  flex: 1;
}

.sms_tele_wbox {
  border-radius: 10px;
  padding: 10px;
  background: #fff;
  margin-right: 54px;
}

.ste_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.ste_detail {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  margin-top: 8px;
  word-break: keep-all;
}

.ste_sub {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  margin-top: 10px;
}

.sms_form_row {
  margin-top: 46px;
  background: #fff;
  border-radius: 8px;
  margin: 0 16px 8px;
  position: relative;
  overflow: hidden;
}

.sms_send_form_container {
  display: flex;
  align-items: center;
}

input.input_sms_send {
  flex: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  padding: 0 16px;
  height: 50px;
  font-size: 13px;
  border-radius: 0;
  box-sizing: border-box;
  width: 100%;
}
input.input_sms_send::-moz-placeholder {
  color: #aaa;
}
input.input_sms_send::placeholder {
  color: #aaa;
}

.sms_send_control {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 16px;
}

.btn_sms_control {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_sms_control.shape_voice {
  background-image: url("../images/ico_sms_voice.png");
}
.btn_sms_control.shape_add {
  background-image: url("../images/ico_sms_add.png");
}

.bottom_pos_agree_row {
  margin-top: 24px;
}
.form_field_table_wrap {
  position: relative;
  border-top: 2px solid #BDC5D1;
}
.form_field_table {
  width: 100%;
}
.form_field_table tr th, .form_field_table tr td {
  text-align: left;
  border-bottom: 1px solid #E6E6E6;
}
.form_field_table tr th {
  background: #F8F8F8;
  padding: 8px;
  width: 26%;
}
.form_field_table tr td {
  padding: 6px 15px;
}
btn_bg_red {
  padding: 8px 0;
}
.form_field_table tr td .props_cols_list {
  padding: 10px 0;
}

.form_field_ment {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: #595959;
  color: inherit;
}

.props_slab_list > li {
  margin-bottom: 6px;
}
.props_slab_list > li:last-of-type {
  margin-bottom: 0;
}
.props_slab_list .props_item {
  gap: 8px;
}

.column_structure {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.column_structure .str_cols {
  display: flex;
}
.tooltip_wrap {
  position: absolute;
  bottom: calc(100% + 7px);
  left: 50%;
  display: inline-block;
  width: 370px;
  transform: translateX(-50%);
  margin-left: -5px;
  display: none;
}

.tooltip_box {
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  padding: 16px 12px;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  color: #000;
}
.tooltip_box .pointer {
  display: block;
  content: "";
  width: 10px;
  height: 5px;
  background: url("../images/ico_tooltip_pointer.png") no-repeat 0 0/100% auto;
  position: absolute;
  top: 100%;
  left: 50%;
}

.tooltip_item_wrap {
  position: relative;
}

.tooltip_normal_para {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  color: #000;
  word-break: keep-all;
}

@media (max-width: 1299px) {
  .middle_one_title_row {
    margin: 60px 0 30px 0;
  }
  .middle_one_title {
    font-size: 40px;
  }
  .middle_message_row,
.middle_two_title_row {
    margin: 30px 0;
  }
  .middle_two_title {
    font-size: 18px;
  }
  .middle_two_subcopy {
    font-size: 14px;
  }
  .middle_render_box,
.middle_grid_box {
    border-radius: 18px;
    padding: 50px 30px;
  }
  .middle_render_box .grid_cols,
.middle_grid_box .grid_cols {
    padding: 0 40px;
  }
  .obj_render_list {
    justify-content: center;
    gap: 70px;
  }
  .obj_render_list > li {
    flex: none;
  }
  .gate_form_box {
    padding: 50px 0;
  }
  .gate_form_cols > .boxtab_wrap {
    margin-bottom: 30px;
  }
  .guide_bullet_list > li {
    margin-bottom: 20px;
  }
  .visual_guide_copy {
    font-size: 20px;
  }
  .block_sns_linkage_list {
    flex-direction: column;
    gap: 10px;
  }
  .btn_sns_dom {
    width: 42px;
    height: 42px;
  }
  .middle_message_copy,
.gate_message_para {
    font-size: 20px;
  }
  .gate_message_detail {
    font-size: 14px;
  }
  .guide_box_maincopy {
    font-size: 26px;
  }
  .guide_inner_cont {
    max-width: 100%;
  }
  .middle_field_box {
    padding: 50px 30px;
  }
  .middle_field_box > .boxtab_wrap {
    margin-bottom: 40px;
  }
  .middle_field_box > .block_btn_wrap {
    margin-top: 40px;
  }
  .field_note_wrap {
    margin-top: 30px;
  }
  .info_maincopy {
    font-size: 24px;
  }
  .info_subcopy_row {
    font-size: 16px;
  }
  .info_subcopy {
    margin-bottom: 10px;
  }
  .bar_step_wrap {
    margin-bottom: 40px;
  }
  .bar_step_item .bar_label {
    font-size: 14px;
  }
  .brick_title_row {
    margin-bottom: 20px;
  }
  .brick_title,
.brick_guide_copy,
.bc_title {
    font-size: 14px;
  }
  .brick_guide_copy_row .copy_else_wrap .btn_box {
    min-width: 200px;
  }
  .field_section {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }
  .field_title_row {
    margin-bottom: 30px;
  }
  .field_setbox {
    border-radius: 10px;
    padding: 20px;
  }
  .middle_bottom_btn_row {
    margin-top: 30px;
  }
  .form_section_btns {
    margin-top: 30px;
  }
}
@media (max-width: 1023px) {
  .middle_one_title_row {
    margin: 35px 0 20px 0;
  }
  .middle_one_title {
    font-size: 20px;
  }
  .middle_grid_box {
    padding: 30px 20px;
    border-radius: 12px;
    flex-direction: column-reverse;
  }
  .middle_grid_box .grid_cols {
    border: 0;
    padding: 0;
  }
  .middle_grid_box .grid_cols.define_guide {
    padding: 40px 0 0 0;
  }
  .middle_grid_box .grid_cols.define_form {
    padding: 0;
  }
  .middle_btn_row {
    margin-top: 30px;
  }
  .middle_message_row, .middle_two_title_row {
    margin: 20px 0;
  }
  .middle_two_title {
    font-size: 17px;
  }
  .middle_field_box {
    padding: 20px 20px;
    border-radius: 12px;
  }
  .middle_field_box .block_btn_wrap {
    margin: 30px 0 10px;
    padding: 0;
  }
  .info_maincopy {
    font-size: 18px;
    line-height: 1.6;
  }
  .info_subcopy_row {
    font-size: 14px;
  }
  .bar_step_item .bar_label {
    font-size: 12px;
  }
  .visual_guide_copy {
    font-size: 16px;
  }
  .gate_top_row {
    display: block;
  }
  .gate_message_sub {
    margin-top: 10px;
  }
  .gate_form_box {
    padding: 20px 0;
    flex-direction: column-reverse;
    border-radius: 12px;
  }
  .gate_guide_cols, .gate_form_cols {
    padding: 0 0;
    margin: 0 20px;
  }
  .gate_form_cols > .block_submit_wrap {
    margin-top: 20px;
  }
  .props_item_list.gap_type2 {
    gap: 20px;
  }
  .block_form_label_row {
    margin-bottom: 5px;
  }
  .block_sns_linkage_wrap {
    margin-top: 25px;
  }
  .btn_sns_dom {
    width: 36px;
    height: 36px;
  }
  .gate_guide_cols {
    padding-top: 30px;
    margin-top: 30px;
    border: 0;
    border-top: 1px solid #E6E6E6;
  }
  .guide_box_maincopy {
    font-size: 18px;
    text-align: center;
    white-space: normal;
    line-height: 1.6;
  }
  .inner_middle_row {
    text-align: center;
  }
  .gate_form_container {
    padding-top: 30px;
  }
  .guide_bullet_list {
    text-align: left;
    display: inline-block;
  }
  .guide_bullet_list > li {
    padding-left: 15px;
  }
  .guide_bullet_list > li:before {
    width: 6px;
    height: 6px;
    top: 7px;
  }
  .guide_bullet_list .guide_bcopy {
    font-size: 14px;
  }
  .block_form_label {
    font-size: 14px;
  }
  .import_note_para {
  font-size: 14px;
  line-height: 1.2;
}
  .sns_dom_list {
    gap: 10px;
  }
  .import_note_list {
    text-align: left;
  }
  .middle_message_copy {
    font-size: 16px;
  }
  .middle_render_box, .middle_grid_box {
    padding: 30px 20px;
    border-radius: 10px;
  }
  .middle_render_box {
    text-align: center;
  }
  .obj_render_list {
    display: inline-block;
  }
  .obj_render_list > li {
    margin-bottom: 10px;
  }
  .obj_render_list > li:last-of-type {
    margin-bottom: 0;
  }
  .obj_render_key, .obj_render_value {
    font-size: 14px;
  }
  .brick_guide_copy_row {
    display: block;
  }
  .brick_guide_copy_row .copy_else_wrap {
    margin-top: 20px;
  }
  .brick_screen_img_wrap {
    padding: 24px;
  }
  .screen_img_list {
    gap: 20px 10px;
    flex-direction: column;
  }
  .inline_ring_list > li.ring_long {
    flex: 1;
  }
  .inline_ring_list.mb_break {
    flex-direction: column;
    align-items: normal;
  }
  .search_entry_field {
    min-width: 0;
    border-radius: 5px;
    padding: 0 10px;
  }
  .search_entry_field input.input_search {
    font-size: 13px;
  }
  .btn_entry_search {
    width: 18px;
    height: 18px;
  }
  .form_fieldset_wrap {
    gap: 5px;
    padding: 10px;
  }
  .form_fieldset_wrap .form_cols {
    border-radius: 5px;
  }
  .btn_form_reset {
    margin-right: 10px;
  }
  .btn_fieldset_submit {
    padding: 12px 20px;
    font-size: 13px;
  }
  input.fieldset_input {
    font-size: 13px;
  }
  .img_preview_render {
    min-height: 200px;
  }
  .field_title_row {
    margin-bottom: 20px;
  }
  .form_notice_box {
    margin-bottom: 24px;
    padding: 24px 30px;
  }
  .fn_title_row {
    margin-bottom: 25px;
  }
  .fn_title_row .ico_cols .ico {
    width: 36px;
    height: 36px;
  }
  .fn_sub_title {
    font-size: 13px;
  }
  .fn_main_title {
    font-size: 18px;
  }
  .fn_contents_row {
    margin-left: 0;
  }
  .import_caption_text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #555;
  }
  .form_section_contents {
    border-top: 2px solid #E6E6E6;
  }
  .form_section_btns {
    margin-top: 30px;
  }
  .form_message_block_wrap {
    margin-bottom: 16px;
  }
  .form_message_block {
    margin-top: 16px;
  }
  .form_message_title {
    font-size: 14px;
  }
  .form_section_block {
    margin-bottom: 40px;
  }
  .preview_docu_container {
    border-radius: 5px;
    padding: 10px 15px;
  }
  .preview_docu_list > li {
    padding-left: 7px;
  }
  .preview_docu_list > li:before {
    width: 2px;
    height: 2px;
  }
  .preview_category {
    font-size: 13px;
  }
  .preview_value_render {
    font-size: 14px;
  }
  .form_fieldset_wrap {
    flex-wrap: wrap;
  }
  .form_fieldset_wrap .label_cols {
    flex: 0 0 100%;
  }
  .form_field_table tr th {
    background: #F8F8F8;
    padding: 10px;
    width: 1px;
    white-space: nowrap;
  }
  .form_field_table tr td {
    padding: 10px;
  }
  .form_field_table tr td .props_slab_list {
    padding: 5px 0;
  }
  .form_field_table tr td .props_cols_list {
    padding: 5px 0;
  }
  .form_field_ment {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: #595959;
    color: inherit;
  }
  .props_slab_list > li {
    margin-bottom: 20px;
  }
  .props_slab_list .props_item {
    gap: 8px;
  }
  .column_structure {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .column_structure .str_cols {
    display: block;
    flex: 0;
    width: 100%;
  }
  .db_file_list {
    gap: 8px 15px;
  }
  .db_file_item .text_node {
    font-size: 13px;
  }
  .db_file_item .btn_ico {
    top: 0;
  }
}
@media (max-width: 767px) {
  .form_both_container {
    flex-direction: column;
  }
  .form_both_container .form_cols,
.form_both_container .sms_cols {
    flex: 0;
  }
  .sms_shape_container {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    border-radius: 8px;
  }
  .sms_shape_container .top_row {
    flex: 0 0 45px;
    height: 45px;
  }
  .btn_sms_back:before {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
  .sms_top_placeholder {
    font-size: 12px;
  }
  .sms_tele_wbox {
    border-radius: 8px;
    margin-right: 30px;
  }
  .ste_title {
    font-size: 14px;
  }
  .ste_detail {
    font-size: 14px;
  }
  .ste_sub {
    font-size: 14px;
  }
  .sms_form_row {
    margin-top: 20px;
    border-radius: 8px;
    margin: 0 16px 8px;
  }
  input.input_sms_send {
    height: 45px;
  }
  .bottom_pos_agree_row {
    margin-top: 20px;
  }
  .form_fieldset_wrap .fieldset_label {
    font-size: 13px;
  }
}
/* board layout */
.cluster_btn_row + .board_container {
  margin-top: 34px;
}

.board_sort_row {
  display: flex;
  background: #F8F8F8;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px 16px;
}
.board_sort_row .search_cols .form_select {
  min-width: 120px;
}
.board_sort_row.type2 {
  background: none;
  padding: 0;
}
.board_sort_row.align_type2 {
  justify-content: flex-end;
}

.sort_fraction_text {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}
.sort_fraction_text strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #B5000F;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.board_top_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 16px;
}
.board_front_row {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  padding: 0 0 10px 0;
}
.board_front_row.align_type2 {
  text-align: left;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.board_control_list {
  display: flex;
  align-items: center;
  gap: 16px;
}
.board_sortitem_list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.board_control_sort_row {
  background: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 8px 16px;
  margin-bottom: 24px;
}
.board_btn_row {
  margin-top: 24px;
}
.board_btn_row + .board_paging_row {
  margin-top: 24px;
}

.board_render_block {
  margin-bottom: 36px;
}
.board_render_block:last-of-type {
  margin-bottom: 0;
}

.bc_tabmeu_obj {
  display: flex;
  align-items: center;
  gap: 12px;
}
.bc_tabmenu_key {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: inline-block;
  white-space: nowrap;
}

.bartab_list {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.bartab_item {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  min-height: 32px;
  align-items: center;
  border: 1px solid #E6E6E6;
  border-radius: 100px;
  padding: 5px 16px 6px;
  box-sizing: border-box;
}
.bartab_item.active {
  color: #005AAB;
  border-color: #005AAB;
  font-weight: 700;
}

.field_search_wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sort_item_obj {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sort_item_obj .sort_key {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  display: inline-block;
}
.btn_board_control {
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #E6E6E6;
  gap: 4px;
  padding: 6px 16px;
}
.btn_board_control .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_board_control .ico.delete {
  background-image: url("../images/ico_minus_24.png");
}
.btn_board_control .ico.cancel {
  background-image: url("../images/ico_cancel_24.png");
}
.btn_board_control .ico.check {
  background-image: url("../images/ico_check_24.png");
}
.btn_board_control .control_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  display: inline-block;
}

.board_fraction_text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  white-space: nowrap;
}
.board_fraction_text .emp {
  font-size: 14px;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  color: #B5000F;
  display: inline-block;
  padding: 0 2px 0 4px;
}

.linked_sort_obj {
  display: flex;
  align-items: center;
  gap: 10px;
}
.linked_key {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
  display: inline-block;
  word-break: keep-all;
}

.list_table {
  width: 100%;
}
.list_table thead th {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding: 8px;
}
.list_table tbody td {
  border-bottom: 1px solid #E6E6E6;
  padding: 24px 35px;
}
.list_table tbody td.define_title {
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
}
.list_table tbody td.nodata_td {
  padding-top: 100px;
  padding-bottom: 100px;
}
.list_table tbody tr:hover td:not(.nodata_td) {
  background: #EDF2FB;
}

.list_table_thtext,
.list_table_tdtext {
  white-space: nowrap;
  display: inline-block;
}

.list_table_thtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}

.list_table_tdtext {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.list_td_item_wrap {
  display: flex;
  position: relative;
  top: 0;
  gap: 5px;
  align-items: center;
}
.list_td_item_wrap .list_td_item {
  position: relative;
  top: 0;
}

.ico_reply {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_reply.png");
  flex: 0 0 24px;
}
.ico_reply + .list_td_item {
  top: -1px;
  position: relative;
}

.flag_smbox {
  height: 24px;
  white-space: nowrap;
  background: rgba(0, 100, 230, 0.1);
  border-radius: 2px;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #0064E6;
  padding: 0 8px;
}
.flag_smbox + .list_td_item {
  top: -1px;
  position: relative;
}

.list_td_item {
  flex: 1;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
}
.list_td_item.line_type {
  text-decoration: underline !important;
}

.nodata_tdtext {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}

.respond_tb_wrap.skin2 .respond_tb thead tr th {
  background-color: #F8F8F8;
  border-top: 2px solid #BDC5D1;
  border-bottom: 1px solid #E6E6E6;
}
.respond_tb_wrap.skin2 .respond_tb tbody tr td {
  padding: 12px 12px 12px;
}
.respond_tb_wrap.skin2 .respond_tb tbody tr td.ptype2 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.respond_tb_wrap.skin2 .respond_thtext {
  color: #595959;
}
.respond_tb_wrap.skin2 .respond_thtext.emp {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
}
.respond_tb_wrap.ptype2 .respond_tb tbody tr:last-of-type td {
  border-style: solid;
}
.respond_tb_wrap.ptype2 .respond_tb tbody tr td {
  padding: 12px 8px 12px;
  border-bottom: 1px dashed #E6E6E6;
}
.respond_tb_wrap.ptype2 .respond_tb tbody tr td[rowspan] {
  border-style: solid;
}
.respond_tb_wrap.ptype2 .respond_tb tbody tr.rowspan_end td {
  border-style: solid;
}
.respond_tb_wrap.viewtype .respond_tb tbody tr:hover td {
  background: #fff;
}

.respond_tb {
  width: 100%;
}
.respond_tb thead tr th {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding: 8px 8px 8px;
}
.respond_tb thead tr th.has_total_dom {
  padding: 0 8px;
  vertical-align: middle;
  font-size: 0;
}
.respond_tb thead tr th.has_total_dom .props_item {
  display: inline-flex;
}
.respond_tb thead tr th.has_total_dom .props_label {
  display: none;
}
.respond_tb tbody tr td {
  border-bottom: 1px solid #E6E6E6;
  padding: 12px 8px 12px;
  max-width: 380px;
}
.respond_tb tbody tr td.pc_hidden_cols {
  display: none;
}
.respond_tb tbody tr td.has_form {
  padding: 0 8px;
  vertical-align: middle;
  font-size: 0;
}
.respond_tb tbody tr td.align_type2 {
  text-align: left;
}
.respond_tb tbody tr td.align_type2 .respond_td_obj {
  justify-content: flex-start;
}
.respond_tb tbody tr td.nodata_td {
  padding: 100px 20px;
  background: #fff !important;
}
.respond_tb tbody tr td.pc_hidden {
  display: none;
}
.respond_tb tbody tr td[colspan] {
  background: #fff !important;
}
.respond_tb tbody tr:hover td {
  background: rgba(237, 242, 251, 0.5);
}

.respond_thtext {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000000;
}

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

.respond_td_center {
  justify-content: center;
}
.respond_td_obj > dt {
  display: none;
}

.respond_td_obj_left {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
}
.respond_td_obj_left > dt {
  display: none;
}

.respond_tdkey,
.respond_tdtext {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000000;
}

.font14 {
  font-size: 14px;
}

.respond_tdtext.sub {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-top: 10px;
}
.respond_tdtext.ctype2 {
  color: #595959;
}
.respond_tdtext.ctype3 {
  color: #005AAB;
}
.respond_tdtext.clamp01 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.respond_tdlink {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #005AAB;
  font-size: 14px;
}
.respond_tdlink.clamp_01 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.respond_tdlink.dark {
  color: #000;
}
.respond_tdlink:hover {
  text-decoration: underline;
}

/*joblist 추가*/
.flexCenter{
	justify-content: center;
}
.item-corp{
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 0;
    line-height: 22px;
    margin-bottom: 0;
}
.item-corp_logo	{
	justify-content: center;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    width: 76px;
    height: 46px;
    margin-right: 8px;
	display: flex;
	align-items: center;
}

.item-corp .item-corp_logo img{
	max-width: inherit;
    max-height: inherit;
    width: calc(100% - 16px);
}

.item-corp_name	{
	font-size: 14px;
    display: inline-block;
    overflow: hidden;
    max-width: calc(100%);
    font-size: 14px;
    color: #777;
    white-space: nowrap;
    vertical-align: bottom;
}

/*추가 종료*/

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

.preview_main_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  text-decoration: underline !important;
}

.preview_sub_copy {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-top: 4px;
}

.preview_obj_list {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 27px;
  align-items: center;
}
.preview_obj_list > li {
  position: relative;
}
.preview_obj_list > li:after {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #C1C1C1;
  position: absolute;
  top: 8px;
  right: -15px;
}
.preview_obj_list > li:last-of-type:after {
  display: none;
}

.preview_pair_obj {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.preview_pair_obj .pair_key {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.pari_value_dom {
  display: inline-flex;
  gap: 3px;
}
.pari_value_dom .value_bowl {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}
.pari_value_dom .unit_bowl {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  position: relative;
  top: 0.5px;
}

.vtile_title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.vtile_contents {
  margin-top: 8px;
}

.list_logo_render {
  position: relative;
}
.list_logo_render img {
  height: 48px;
  max-width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.des_tdcopy_group {
  text-align: left;
  padding: 0 10px;
}

.des_copy_main_row {
  display: flex;
  gap: 4px;
  align-items: flex-start;
}
.des_copy_main_row .btn_icon {
  position: relative;
  top: 2px;
}
.des_copy_main_row .mold_sub_marking {
  margin-top: 0;
}
.des_copy_main_row .mold_sub_marking .ico {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
.des_copy_main_row .mold_sub_caption_wrap {
  height: auto;
}
.des_copy_main_row .mold_sub_caption {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}
.des_copy_main {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.des_copy_summary_row {
  margin-top: 16px;
}
.des_tuple_tdwrap {
  padding: 0 10px;
}
.vertical_block {
  margin-bottom: 50px;
}
.vertical_block:last-of-type {
  margin-bottom: 0;
}

.linkage_fraction_row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
  text-align: right;
}

.lk_fraction_list {
  display: flex;
  gap: 5px;
}
.lk_keyword {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.lk_current_number {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #005AAB;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.lk_current_unit {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.info_summary_render_row {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding: 45px 0;
}

.vblock_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

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

.vblock_control_else_wrap {
  display: flex;
  align-items: center;
  gap: 0 16px;
}

.vblock_contents {
  margin-top: 20px;
}

.btn_control_navi {
  display: block;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  border-radius: 100%;
}
.btn_control_navi:after {
  display: block;
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  position: absolute;
  top: 11px;
  left: 10px;
  transform: rotate(-45deg);
}
.btn_control_navi.prev:after {
  transform: rotate(-225deg);
  left: 15px;
}
.btn_control_navi:hover {
  background: #000;
  border-color: #000;
}
.btn_control_navi:hover:after {
  border-color: #fff;
}

.fraction_navi {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.normal_tdlink {
  color: #005AAB;
  font-size: 14px;
  text-decoration: underline;
}
.normal_tdlink:hover {
  text-decoration: underline;
}

.price_number_dom {
  display: inline-flex;
  gap: 3px;
  align-items: center;
}
.price_number_dom .value {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.price_number_dom .unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
  position: relative;
  top: -1px;
  display: inline-block;
}

.tdlink_row {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.data_flagbox {
  display: inline-block;
  background: #FDE2E4;
  white-space: nowrap;
  color: #B5000F;
  font-size: 13px;
  line-height: 22px;
  height: 22px;
  border-radius: 4px;
  padding: 0 8px;
}

.list_spec_obj_list > li {
  margin-bottom: 4px;
}
.list_spec_obj_list > li:last-of-type {
  margin-bottom: 0;
}

.list_spec_obj {
  display: flex;
  gap: 5px 12px;
  text-align: left;
}
.list_spec_obj .key_cols {
  flex: 0;
  white-space: nowrap;
}
.list_spec_obj .value_cols {
  flex: 1;
}
.list_spec_obj .spec_key_text {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  background: #005AAB;
  border-radius: 4px;
  padding: 2px 8px 3px;
}
.list_spec_obj .spec_value_text {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.sc_guide_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #000;
  margin-bottom: 12px;
}

.sc_tape_formbox {
  background: #F8F8F8;
  padding: 24px 36px;
  margin-top: 16px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.sc_tape_key {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: inline-block;
}

.form_field_list {
  display: flex;
  gap: 36px;
  align-items: center;
}
.sc_table_block {
  margin-top: 38px;
}

.td_title_main {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.title_keynumber {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.td_title_sub {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-top: 2px;
}

.td_package_wrap .respond_tdtext + .normal_tdlink_para {
  margin-top: 4px;
}

.chipcard_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-right: -16px;
}
.chipcard_list > li {
  flex: 0 0 calc(33.33333333% - 16px);
}
.chipcard_item {
  display: block;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  box-sizing: border-box;
  min-height: 100%;
  padding: 16px 24px;
}
.chipcard_item .mold_sub_caption_wrap {
  height: auto;
}
.chipcard_item:hover {
  border-color: #000;
}
.chipcard_item .img_row {
  display: flex;
  align-items: center;
  height: 72px;
}
.chipcard_item .img_row > img {
  max-width: 100%;
  max-height: 42px;
  -o-object-fit: contain;
     object-fit: contain;
}
.chipcard_item .spec_row {
  margin-top: 16px;
}
.chipcard_item .spec_main_para {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.chipcard_item .spec_sub_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 5px;
}
.chipcard_item .mold_sub_marking {
  margin-top: 5px;
  justify-content: flex-start;
}
.chipcard_item .mold_sub_marking .ico {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  position: relative;
  top: 2px;
}
.chipcard_item .mold_sub_caption {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.chipcard_item .caption_row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-top: 8px;
  font-size: 0;
}
.chipcard_item .spec_caption_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
li.nodata_li {
  flex: 0 0 100% !important;
  text-align: center;
  box-sizing: border-box;
  padding: 200px 20px;
}
li.nodata_li .nodata_li_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #595959;
}

.horcard_list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  gap: 16px;
}
.horcard_list > li {
  flex: 0 0 calc(50% - 16px);
}

.horcard_item {
  display: flex;
  gap: 24px;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  padding: 8px 24px;
  box-sizing: border-box;
  min-height: 100%;
}
.horcard_item:hover {
  border-color: #000;
}
.horcard_item .img_cols {
  flex: 0 0 148px;
}
.horcard_item .img_cols .horcard_thum {
  height: 0;
  padding-bottom: 77%;
  position: relative;
  display: block;
}
.horcard_item .img_cols img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.horcard_item .spec_group_cols {
  flex: 1;
  min-width: 0;
}
.horcard_item .spec_group_cols .spec_row {
  padding-top: 15px;
}
.horcard_item .spec_group_cols .caption_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 12px;
}
.horcard_item .spec_main_para,
.horcard_item .spec_sub_para,
.horcard_item .spec_caption_para {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.horcard_item .spec_main_para {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}
.horcard_item .spec_sub_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  margin-top: 4px;
}
.horcard_item .spec_caption_para {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.horcard_item .mold_sub_marking {
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  margin-top: 4px;
}
.horcard_item .mold_sub_marking .ico {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
  position: relative;
  top: 2px;
}
.horcard_item .mold_sub_caption_wrap {
  height: auto;
}
.warn_message {
  display: flex;
  gap: 4px;
  text-align: left;
}
.warn_message .ico {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-image: url("../images/ico_warn_16.png");
  position: relative;
  top: 2px;
}
.warn_message .text_node {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #B5000F;
}

.digest_card_group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-right: -10px;
}
.digest_card_group .digest_card {
  flex: 0 0 calc(20% - 10px);
}

.digest_card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid #E6E6E6;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
}
.digest_card .img_row {
  flex: 0 0 72px;
}
.digest_card .spec_row {
  flex: 1;
}

.digest_imgwrap {
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.digest_imgwrap img {
  height: 50px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  vertical-align: top;
}

.digest_main_copy {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.compact_info_box {
  display: flex;
}
.compact_info_box .img_cols {
  flex: 0 0 300px;
}
.compact_info_box .spec_cols {
  flex: 1;
  padding: 0 48px;
}

.compact_imgwrap {
  display: flex;
  min-height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.compact_imgwrap img {
  max-width: 80%;
  margin: 0 auto;
  vertical-align: top;
  height: 42px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.compact_spec_tr {
  display: flex;
  padding-bottom: 12px;
}
.compact_spec_tr:last-of-type {
  padding-bottom: 0;
}

.compact_cell_group {
  flex: 1;
  display: flex;
}

.compact_cell.define_th, .compact_cell.define_td {
  vertical-align: top;
}
.compact_cell.define_th {
  white-space: nowrap;
  padding-right: 38px;
}
.compact_cell.define_td {
  width: 40%;
}
.compact_cell.define_td:last-of-type {
  width: auto;
}

.compact_thtext,
.compact_tdtext,
.compact_tdlink {
  display: inline-block;
}

.compact_thtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #005AAB;
}

.compact_tdtext,
.compact_tdlink {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.compact_tdlink {
  text-decoration: underline !important;
}

.plate_info_block {
  text-align: center;
}

.plate_info_column {
  margin-bottom: 24px;
}
.plate_info_column:last-of-type {
  margin-bottom: 0;
}

.plate_word_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}
.plate_word_para .emp_word {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  font-size: 20px;
  color: #005AAB;
  font-weight: 700;
}

.plate_info_guide {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
  margin-top: 8px;
}

.btn_plate_box {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  background: #0B51C5;
}
.btn_plate_box .text_node {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.plate_info_note {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #206EB5;
  margin-top: 10px;
}

@media (max-width: 1440px) {
  .list_spec_obj {
    flex-direction: column;
  }
  .compact_info_box .img_cols {
    flex: 0 0 200px;
  }
  .compact_info_box .spec_cols {
    padding: 0 20px;
  }
}
@media (max-width: 1340px) {
  .board_control_sort_row {
    padding: 15px;
    display: block;
  }
  .board_control_sort_row .form_cols {
    margin-top: 15px;
  }
  .field_search_wrap {
    max-width: 400px;
  }
  .tdlink_row {
    display: block;
  }
}
@media (max-width: 1023px) {
  .board_top_row {
  	margin-bottom: 48px;
  }
  .board_sort_row {
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    background-color:#fff;
  }
  .board_sort_row .fraction_cols {
    flex: 0;
    white-space: nowrap;
  }
  .board_sort_row .search_cols {
    flex: 1;
    min-width: 0;
  }
  .board_sort_row .search_cols .form_select {
    min-width: 0px;
  }
  .sort_fraction_text {
    font-size: 14px;
  }
  .sort_fraction_text strong {
    font-size: 14px;
  }
  .board_control_list {
    gap: 10px;
  }
  .board_top_row.break_mb {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .board_top_row.break_mb .each_cols {
    flex: 1;
    width: 100%;
  }
  .board_front_row {
    padding: 0 0 15px 0;
  }
  .board_front_row.align_type2 {
    text-align: left;
  }
  .board_front_row.align_type2 .sort_cols {
    flex: 1;
  }
  .linked_key {
    font-size: 13px;
  }
  .bc_tabmenu_key {
    font-size: 14px;
  }
  .board_sortitem_list {
    width: 100%;
  }
  .board_sortitem_list > li.long {
    flex: 1;
  }
  .board_sortitem_list > li.long .sort_item_obj dd {
    flex: 1;
  }
  .sort_item_obj dt {
    display: none;
  }
  .btn_board_control {
    padding: 5px 12px 6px;
  }
  .btn_board_control .ico {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }
  .btn_board_control .control_text {
    font-size: 13px;
  }
  .board_fraction_text {
    font-size: 12px;
  }
  .board_fraction_text .emp {
    font-size: 13px;
  }
  .field_search_wrap {
    max-width: 100%;
  }
  .field_main_cols {
    flex: 1;
  }
  .btn_fieldset_submit.type2 {
    min-height: 40px;
    padding: 8px 18px;
  }
  .list_table thead th.mb_none {
    display: none;
  }
  .list_table tbody td {
    padding: 15px 10px;
  }
  .list_table tbody td.mb_none {
    display: none;
  }
  .list_table tbody td.define_title {
    padding-left: 10px;
    padding-right: 10px;
  }
  .list_table tbody td.nodata_td {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .list_table_thtext {
    font-size: 12px;
  }
  .list_table_tdtext,
.list_td_item,
.nodata_tdtext {
    font-size: 14px;
  }
  .respond_tb_wrap.skin2.has_total_chk .respond_tb thead {
    position: relative;
    padding-bottom: 4px;
  }
  .respond_tb_wrap.skin2.has_total_chk .respond_tb thead tr th.has_total_dom .props_item {
    position: absolute;
    bottom: 15px;
    left: 0;
  }
  .respond_tb_wrap.skin2.has_total_chk .respond_tb tbody tr {
    position: relative;
    padding: 7px 0 7px 18px;
  }
  .respond_tb_wrap.skin2.has_total_chk .respond_tb tbody tr td.has_form {
    height: 0;
    padding: 0;
  }
  .respond_tb_wrap.skin2.has_total_chk .respond_tb tbody tr td.has_form .props_dom {
    position: absolute;
    top: 15px;
    left: 0;
  }
  .respond_tb_wrap.skin2 .respond_tb thead {
    height: 0;
  }
  .respond_tb_wrap.skin2 .respond_tb thead tr th {
    background: none;
    border: 0;
    padding: 0;
  }
  .respond_tb_wrap.skin2 .respond_tb tbody {
    border-top: 2px solid #E6E6E6;
  }
  .respond_tb_wrap.skin2 .respond_tb tbody tr {
    border-top: 0;
    padding: 10px 0;
    background-color:#fff;
  }
  .respond_tb_wrap.skin2 .respond_tb tbody tr td {
    padding: 10px 20px;
  }

  .respond_tb_wrap.skin2 .respond_tb tbody tr td.mbl_padding {
    padding: 10px 0px;
  }
  .respond_tb tbody tr td.align_type2 .respond_td_obj {
  	justify-content: flex-start;
  }
  .respond_tb_wrap.has_props_tb .respond_tb tbody tr {
    padding: 13px 0;
  }
  .respond_tb_wrap.has_props_tb .respond_tb tbody tr td {
    padding: 4px 25px 5px 28px;
  }
  .respond_tb_wrap.has_props_tb .respond_tb tbody tr td.has_form {
    padding: 0;
  }
  .respond_tb_wrap.has_props_tb .respond_tb tbody tr td .btn_quad_list {
    justify-content: flex-end;
  }
  .respond_tb_wrap.has_props_tb .respond_tb tbody tr td .btn_quad_list > li {
    /* .btn_quad{width:100%;} */
  }
  .respond_tb_wrap.ptype2 .respond_tb tbody tr {
    padding-bottom: 15px;
  }
  .respond_tb_wrap.ptype2 .respond_tb tbody tr:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .respond_tb_wrap.ptype2 .respond_tb tbody tr td {
    text-align: right;
  }
  .respond_tb_wrap.ptype2 .respond_tb tbody tr td:last-of-type {
    border-bottom: 0;
  }
  .respond_tb_wrap.ptype2 .respond_tb tbody tr td[rowspan] {
    border-style: dashed;
  }
  .respond_tb_wrap.ptype2 .respond_tb tbody tr.rowspan_end td {
    border-style: dashed;
  }
  .respond_tb_wrap.ptype3 .respond_tb thead {
    height: 0;
  }
  .respond_tb_wrap.ptype3 .respond_tb thead tr th {
    background: none;
    border: 0;
    padding: 0;
  }
  .respond_tb_wrap.ptype3 .respond_tb tbody {
    /* border-top: 2px solid #E6E6E6; */
  }
  .respond_tb_wrap.ptype3 .respond_tb tbody tr {
    border-top: 0;
    padding: 10px 0;
    border: 1px solid #E6E6E6;
    background-color: #fff;
    margin-top: 10px;
    border-radius: 10px;
  }
  .respond_tb_wrap.ptype3 .respond_tb tbody tr td {
    padding: 6px 10px 0px;
  }
  .respond_thtext {
    display: none;
  }
  .respond_tb {
    display: block;
  }
  .respond_tb thead {
    display: block;
  }
  .respond_tb thead tr {
    display: block;
  }
  .respond_tb thead tr th {
    border: 0;
    display: inline-block;
  }
  .respond_tb thead tr th.has_total_dom {
    padding: 0 15px 10px;
  }
  .respond_tb thead tr th.has_total_dom .props_item {
    gap: 10px;
  }
  .respond_tb thead tr th.has_total_dom .props_label {
    display: inline-block;
    white-space: nowrap;
  }
  .respond_tb tbody {
    display: block;
  }
  .respond_tb tbody tr {
    display: block;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
    padding: 11px 0;
  }
  .respond_tb tbody tr:first-of-type {
    border-top: 1px solid #E6E6E6;
  }
  .respond_tb tbody tr td {
    border: 0;
    display: block;
    padding: 5px 25px 5px 50px;
  }
  .respond_tb tbody tr td.pc_hidden_cols {
    display: block;
  }
  .respond_tb tbody tr td.has_form input.props_dom {
    position: absolute;
    top: 15px;
    left: 0px;
  }
  .respond_tb tbody tr td.has_btn {
    text-align: right;
  }
  .respond_tb tbody tr td.mb_hidden {
    display: none;
  }
  .respond_tb tbody tr td.pc_hidden {
    display: block;
  }
  .respond_tb tbody tr:hover td {
    background: #fff !important;
  }
  .respond_td_obj {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
  }
  .respond_td_obj dt {
  	flex: 0 0 20%;
    text-align: center;
    display: inline-block;
    height: auto;
    min-height: 0;
    line-height: 1.2;
    padding: 5px;
    margin-bottom: 0px;
    color: #595959;
    background: rgba(89, 89, 89, 0.1);
  }
  .respond_td_obj dd {
    /* text-align: right; */
    flex: 0 0 80%;
  text-align: left;
  margin: 0; /* 기본 margin 제거 */
  }
  .respond_td_obj.mb_break {
    flex-direction: column;
    align-items: normal;
    gap: 10px 0;
  }
  .respond_td_obj.mb_break dt, .respond_td_obj.mb_break dd {
    /* display: block;
    text-align: left; */
  }
  .respond_td_obj.mb_break .des_tuple_tdwrap,
.respond_td_obj.mb_break .des_tdcopy_group {
    padding: 0;
  }
  .respond_td_obj_left {
    display: flex;
    justify-content: space-between;
  }
  .respond_td_obj_left dt {
    /* display: inline-block; */
  }
  .respond_td_obj_left dd {
    text-align: right;
  }
  .respond_td_obj_left.mb_break {
    flex-direction: column;
    align-items: normal;
    gap: 10px 0;
  }
  .respond_td_obj_left.mb_break dt, .respond_td_obj_left.mb_break dd {
    /* display: block;
    text-align: left; */
  }
  .respond_td_obj_left.mb_break .des_tuple_tdwrap,
.respond_td_obj_left.mb_break .des_tdcopy_group {
    padding: 0;
  }

  /*잡리스트 추가*/
  .item-corp{
  	padding-left:10px;
  }
  /*완료*/
  .des_copy_main_row{
	justify-content: center;
  }
  .des_copy_main_row .btn_icon {
    position: relative;
    top: 2px;
  }
  .des_copy_main_row .mold_sub_marking .ico {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    position: relative;
    top: 2px;
  }
  .des_copy_main_row .mold_sub_caption {
    font-size: 16px;
  }
  .des_copy_main {
    font-size: 14px;
  }
  .des_copy_summary_row {
    margin-top: 8px;
  }
  .respond_tdkey,
.respond_tdlink,
.normal_tdlink,
.respond_tdtext {
    font-size: 14px;
  }
  .respond_tdtext.sub {
    margin-top: 2px;
  }
  .respond_tdkey {
    white-space: nowrap;
  }
  .respond_tdlink {
    position: relative;
    top: -1px;
  }
  .vertical_block {
    margin-bottom: 30px;
  }
  .td_title_main {
    font-size: 14px;
  }
  .td_title_sub {
    font-size: 13px;
  }
  .tdlink_row {
    display: flex;
    justify-content: flex-start;
  }
  .list_spec_obj .key_cols, .list_spec_obj .value_cols {
    text-align: left;
  }
  .sc_tape_formbox {
    padding: 20px;
    display: block;
  }
  .sc_tape_formbox .form_cols {
    margin-top: 10px;
  }
  .btn_quad.large {
    min-height: 40px;
  }
  .form_field_list > li {
    flex: 1;
  }
  .form_field_list > li.has_btn {
    flex: 0;
  }
  .linked_sort_obj {
    display: block;
  }
  .linked_sort_obj dt {
    display: block;
    margin-bottom: 5px;
  }
  .chipcard_list {
    gap: 10px;
    margin-right: -10px;
  }
  .chipcard_list > li {
    flex: 0 0 calc(100% - 10px);
    background-color:#fff;
  }
  .tailtab_list > li.active .tailtab {
  	background-color: #f7f7f7;
  }
  .chipcard_item {
    border-radius: 10px;
    padding: 0 15px 15px;
  }
  .chipcard_item:hover {
    border-color: #000;
  }
  .chipcard_item .img_row {
    justify-content: center;
  }
  .chipcard_item .spec_row {
    margin-top: 10px;
  }
  li.nodata_li {
    padding: 100px 20px;
  }
  li.nodata_li .nodata_li_para {
    font-size: 14px;
  }
  .horcard_list {
    gap: 10px;
    margin-right: -10px;
  }
  .horcard_list > li {
    flex-basis: calc(100% - 10px);
  }
  .horcard_item {
    flex-direction: column;
    gap: 8px;
    padding: 15px 15px 15px;
    border-radius: 10px;
    background-color: #ffffff;
  }
  .horcard_item .img_cols{
  	flex: none;
    width: 77px;
    height: 30px;
    position: relative;
    display: inline-block;
  }

  .horcard_item .img_cols .horcard_thum{
	position: static;
	padding-bottom:0px;
  }
  .horcard_item .spec_group_cols {
    flex: 0;
  }
  .horcard_item .spec_group_cols .spec_row {
    padding-top: 0;
  }
  .horcard_item .spec_main_para {
    font-size: 16px;
  }
  .horcard_item .spec_sub_para {
    font-size: 14px;
  }
  .horcard_item .mold_sub_marking {
    font-size: 12px;
  }
  .horcard_item .mold_sub_marking .ico {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
    top: 2px;
  }
  .info_summary_render_row {
    padding: 20px 10px;
    background-color:#fff;
  }
  .lk_keyword {
    font-size: 14px;
  }
  .lk_current_number {
    font-size: 14px;
  }
  .lk_current_unit {
    font-size: 14px;
  }
  .vblock_title {
    font-size: 14px;
  }
  .vblock_title_row {
    gap: 10px;
  }
  .vblock_control_else_wrap {
    gap: 0 10px;
  }
  .vblock_contents {
    margin-top: 15px;
    background-color:#fff;
  }
  .btn_control_navi {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
  }
  .btn_control_navi:after {
    width: 6px;
    height: 6px;
    top: 7px;
    left: 6px;
  }
  .btn_control_navi.prev:after {
    transform: rotate(-225deg);
    left: 9px;
  }
  .fraction_navi {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #000000;
    font-family: "Spoqa", "NotoSans-Regular", dotum;
  }
  .list_vtile_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .vtile_title {
    font-size: 14px;
  }
  .vtile_contents {
    margin-top: 0;
  }
  .list_logo_render {
    max-width: 150px;
    margin: 0;
  }
  .list_logo_render img {
    -o-object-position: 0 50%;
       object-position: 0 50%;
  }
  .digest_card_group .digest_card {
    flex: 0 0 calc(33.33333333% - 10px);
  }
  .digest_main_copy {
    font-size: 14px;
  }
  .plate_info_block {
    padding: 15px;
  }
  .plate_word_para {
    font-size: 14px;
  }
  .plate_word_para .emp_word {
    font-size: 16px;
  }
  .plate_info_guide {
    font-size: 13px;
  }
  .btn_plate_box {
    min-height: 45px;
  }
  .plate_info_note {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .bc_tabmeu_obj {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
  }
  .field_search_wrap {
    display: block;
  }
  .field_search_wrap .field_main_cols {
    flex: auto;
  }
  .field_search_wrap .inline_horing_list {
    width: 100%;
  }
  .field_search_wrap .btn_fieldset_submit {
    width: 100%;
    margin-top: 10px;
  }
  .sc_tape_key {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  .form_field_list {
    display: block;
  }
  .form_field_list > li.has_btn {
    margin-top: 30px;
    text-align: center;
  }
  .board_sort_row {
    /* gap:10px; align-items:center; padding: 8px 10px;
    .fraction_cols{flex:0;white-space:nowrap;}
    .search_cols{
        flex:1; min-width:0;
        .form_select{min-width:0px;}
    } */
  }
  .board_sort_row.mb_break {
    flex-direction: column;
    align-items: normal;
  }
  .board_sort_row.mb_break .fraction_cols,
.board_sort_row.mb_break .search_cols {
    white-space: normal;
    flex: auto;
  }
  .board_sort_row.mb_break .search_cols {
    flex: 1;
  }
  .board_sort_row.mb_break .inline_ring_list {
    width: 100%;
  }
  .board_sort_row.mb_break select.form_select {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .preview_main_copy {
    font-size: 14px;
  }
  .preview_sub_copy {
    font-size: 13px;
  }
  .preview_obj_list {
    gap: 10px;
  }
  .preview_obj_list > li {
    flex: 0 0 100%;
  }
  .preview_obj_list > li:after {
    display: none;
  }
  .pari_value_dom {
    position: relative;
    top: 1px;
  }
  .compact_info_box {
    flex-direction: column;
    align-items: normal;
    gap: 30px 0;
  }
  .compact_info_box .img_cols {
    flex: 0 0 100px;
  }
  .compact_info_box .spec_cols {
    padding: 0 0;
  }
  .compact_spec_tb {
    display: block;
    width: auto;
  }
  .compact_spec_tr {
    display: block;
    padding-bottom: 0;
  }
  .compact_cell {
    padding-bottom: 10px;
    gap: 10px;
  }
  .compact_cell.define_th, .compact_cell.define_td {
    vertical-align: top;
    text-align: left;
  }
  .compact_cell.define_th {
    width: auto;
    padding-right: 0;
    flex: none;
  }
  .compact_cell.define_td {
    width: auto;
    flex: 1;
  }
  .compact_thtext {
    font-size: 13px;
  }
  .compact_tdtext,
.compact_tdlink {
    font-size: 13px;
  }
}
/* paging */
.popup_contents_row .board_paging_row {
  margin-top: 24px;
}

.board_paging_row {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 5px;
  margin-top: 38px;
}

.btn_paging_control {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #F1F1F1;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 50% 50%;
  box-sizing: border-box;
}
.btn_paging_control.first {
  background-image: url("../images/ico_paging_first.png");
}
.btn_paging_control.prev {
  background-image: url("../images/ico_paging_prev.png");
}
.btn_paging_control.next {
  background-image: url("../images/ico_paging_next.png");
}
.btn_paging_control.last {
  background-image: url("../images/ico_paging_last.png");
}

.paging_num_list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.btn_paging_num {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #F1F1F1;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #333333;
}
.btn_paging_num.active {
  color: #fff;
  background-color: #0B51C5;
  border-color: #0B51C5;
}
@media (max-width: 767px) {
  .popup_contents_row .board_paging_row {
    margin-top: 16px;
  }
  .board_paging_row {
    margin-top: 24px;
  }
  .board_paging_row,
.paging_num_list {
    gap: 3px;
  }
}
@media (max-width: 374px) {
  .board_paging_row,
.paging_num_list {
    gap: 2px;
  }
  .btn_paging_num,
.btn_paging_control {
    border-radius: 5px;
  }
}
/* view */
.view_container {
  padding-top: 105px;
}

.view_title_row {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 35px;
  border-bottom: 1px solid #E6E6E6;
}

.view_title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  flex: 1;
  text-align: center;
}

.view_else_wrap {
  white-space: nowrap;
}

.view_else_list {
  display: flex;
  align-items: center;
  gap: 33px;
}
.view_else_list > li {
  position: relative;
}
.view_else_list > li:after {
  display: block;
  content: "";
  width: 1px;
  height: 12px;
  background: #E6E6E6;
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  margin-top: -1px;
}
.view_else_list > li:last-of-type:after {
  display: none;
}

.view_else_item {
  display: flex;
  gap: 4px;
}

.view_else_text {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #595959;
}

.view_else_ico {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.view_else_ico.eye {
  background-image: url("../images/ico_viewer.png");
}

.view_upload_row {
  margin-top: 12px;
  background: #F8F8F8;
  display: flex;
  gap: 20px;
  padding: 16px 24px;
  align-items: center;
}
.view_upload_row .key_cols {
  flex: 0;
  white-space: nowrap;
}
.view_upload_row .value_cols {
  flex: 1;
}

.key_upload_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}

.upload_file_item_list {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.upload_file_item {
  display: flex;
}
.upload_file_item .file_ico {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_file.png");
  margin-right: 2px;
}
.upload_file_item .file_name {
  font-size: 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  display: inline-block;
}
.upload_file_item .file_size {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #595959;
  padding-top: 1px;
  white-space: nowrap;
}

.view_contents_row {
  margin: 46px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  color: #000;
  word-break: break-all !important;
}
.view_contents_row * {
  word-break: break-all !important;
}
.view_contents_row img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
}

.view_controls_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  position: relative;
  min-height: 56px;
  padding-top: 36px;
  border-top: 1px solid #E6E6E6;
}

.btn_view_control_cols {
  flex: 1;
  min-width: 0;
  min-height: 100%;
}
.btn_view_control_cols.prev_dir {
  padding-right: 120px;
}
.btn_view_control_cols.next_dir {
  text-align: right;
  padding-left: 120px;
}

.btn_view_control {
  display: inline-flex;
  gap: 12px;
  align-items: center;
}
.btn_view_control .ico {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  flex: 0 0 24px;
}
.btn_view_control.prev .ico {
  background-image: url("../images/ico_prev_page.png");
}
.btn_view_control.next {
  flex-direction: row-reverse;
}
.btn_view_control.next .ico {
  background-image: url("../images/ico_next_page.png");
}

.view_control_text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  display: inline-block;
  position: relative;
  top: -1px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.view_controls_btn_wrap {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  min-height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 36px;
  box-sizing: border-box;
}
.view_controls_btn_wrap .btn_box {
  min-width: 180px;
}

@media (max-width: 1299px) {
  .view_container {
    padding-top: 60px;
  }
  .view_title {
    font-size: 24px;
  }
  .view_title_row {
    padding-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  .view_container {
    padding-top: 30px;
  }
  .view_title_row {
    display: block;
    padding-bottom: 10px;
  }
  .view_title {
    font-size: 20px;
  }
  .view_else_wrap {
    margin-top: 15px;
  }
  .view_upload_row {
    display: block;
    padding: 15px;
  }
  .view_upload_row .key_cols {
    display: none;
  }
  .upload_file_item_list {
    justify-content: flex-start;
  }
  .upload_file_item_list {
    display: block;
  }
  .upload_file_item_list > li {
    margin-bottom: 10px;
  }
  .upload_file_item_list > li:last-of-type {
    margin-bottom: 0;
  }
  .upload_file_item {
    gap: 4px;
  }
  .upload_file_item .file_ico {
    width: 10px;
    height: 10px;
    flex-basis: 10px;
    position: relative;
    top: 3px;
  }
  .upload_file_item .file_name {
    font-size: 12px;
  }
  .upload_file_item .file_size {
    margin-left: 4px;
    font-size: 12px;
    padding-top: 0;
  }
  .view_contents_row {
    margin: 30px 0;
    font-size: 12px;
  }
  .view_controls_row {
    gap: 10px;
    padding-top: 18px;
    min-height: 45px;
  }
  .btn_view_control {
    gap: 8px;
  }
  .btn_view_control .ico {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }
  .view_control_text {
    font-size: 12px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
    position: relative;
    top: 1px;
  }
  .view_controls_btn_wrap {
    padding-top: 18px;
  }
  .view_controls_btn_wrap .btn_box {
    min-width: 90px;
  }
  .btn_view_control_cols.prev_dir {
    padding-right: 60px;
  }
  .btn_view_control_cols.next_dir {
    padding-left: 60px;
  }
}
/* banner */
.notice_banner_container {
  background: #EDF2FB;
  border-radius: 16px;
  min-height: 186px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 72px;
}
.notice_banner_container .copy_cols,
.notice_banner_container .service_cols {
  flex: 1;
  min-width: 0;
  text-align: center;
  padding: 0 30px;
}
.notice_banner_container + .boxtab_wrap {
  margin-top: 48px;
}

.notice_banner_copy_group {
  text-align: left;
  display: inline-block;
}

.notice_banner_maincopy {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
  word-break: keep-all;
}

.notice_banner_subcopy {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595959;
  margin-top: 8px;
  word-break: keep-all;
}

.customer_service_dom {
  display: inline-flex;
  text-align: left;
  align-items: center;
  gap: 24px;
}
.customer_service_dom .ico_service {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.customer_service_dom .ico_service.headset {
  background-image: url("../images/ico_headset.png");
}
.service_emp_text {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  color: #005AAB;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.service_wording_list {
  text-align: left;
  display: flex;
  gap: 10px 32px;
  margin-top: 6px;
  flex-wrap: wrap;
}
.service_wording_list > li {
  position: relative;
}
.service_wording_list > li:after {
  display: block;
  content: "";
  width: 1px;
  height: 12px;
  background: #E6E6E6;
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
}
.service_wording {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: #595959;
  display: inline-block;
  line-height: 1;
}

@media (max-width: 1299px) {
  .notice_banner_container {
    gap: 30px;
  }
  .notice_banner_container .copy_cols,
.notice_banner_container .service_cols {
    padding: 20px 20px;
  }
  .service_wording_list {
    display: block;
  }
  .service_wording_list > li:after {
    display: none;
  }
  .service_emp_text {
    font-size: 20px;
  }
}
@media (max-width: 1023px) {
  .notice_banner_container {
    display: block;
    min-height: 0;
  }
  .notice_banner_maincopy {
    font-size: 14px;
  }
  .notice_banner_subcopy {
    font-size: 14px;
  }
  .customer_service_dom {
    gap: 15px;
  }
  .service_wording {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .service_emp_text {
    font-size: 16px;
  }
}
/* list */
.boxtab_wrap + .column_obj_wrap {
  margin-top: 48px;
}

.column_obj_list > li {
  margin-bottom: 16px;
}
.column_obj_list > li:last-of-type {
  margin-bottom: 0;
}

.column_obj {
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  padding: 36px 24px;
}
.column_obj .ico {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.column_obj .ico.ico_q {
  background-image: url("../images/ico_qna_q.png");
}
.column_obj .ico.ico_a {
  background-image: url("../images/ico_qna_a.png");
}

.column_head {
  margin-bottom: 24px;
  display: flex;
  gap: 12px;
}

.column_body {
  background: #F8F8F8;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  gap: 12px;
}

.column_head_para,
.column_body_para {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
  position: relative;
  top: -1px;
  word-break: break-all;
}

.column_body_para {
  font-weight: 400;
}

.form_fieldset_wrap + .scroll_list_container {
  margin-top: 12px;
}

.scroll_list_container {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #E6E6E6;
  height: 324px;
  box-sizing: border-box;
  padding: 32px 12px;
}

.gallery_list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 12px;
  margin-right: -12px;
}
.gallery_list > li {
  flex: 0 0 calc(33.333333% - 12px);
}

.gallery_thumnail {
  background: #F8F8F8;
  height: 90px;
  display: flex;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  padding: 15px;
}
.gallery_thumnail img {
  vertical-align: middle;
  height: 100%;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.gallery_spec {
  margin-top: 12px;
}
.list_fraction_top_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 30px;
}

.list_frac_copy {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
}
.list_frac_copy strong {
  font-weight: 500;
}

.btn_action_box {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  min-height: 36px;
  border: 1px solid #E6E6E6;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 8px 16px;
}
.btn_action_box.type2 {
  color: #005AAB;
  border-color: #005AAB;
}
.btn_action_box.type3 {
  color: #000;
  border-color: #000;
}

.respon_entry_wrap {
  border-top: 2px solid #BDC5D1;
}

.respon_entry_tb {
  width: 100%;
}
.respon_entry_tb td {
  text-align: center;
  padding: 16px 12px;
  border-bottom: 1px solid #E6E6E6;
}
.respon_entry_tb td.main_cols {
  text-align: left;
}
.respon_entry_tb td.date_cols {
  width: 40%;
}
.respon_entry_tb td.price_cols {
  text-align: right;
  width: 1px;
  white-space: nowrap;
}
.respon_entry_tb td.price_cols .price_dom {
  justify-content: flex-end;
}
.respon_entry_tb td.price_cols .price_main {
  font-weight: 400;
  font-size: 16px;
}
.respon_entry_tb td.ico_cols {
  font-size: 0;
  width: 1px;
}

.respon_entry_list > li {
  border-bottom: 1px solid #E6E6E6;
}

.respon_entry_item {
  display: flex;
  align-items: center;
}

.entry_main_cols {
  flex: 0 0 208px;
  box-sizing: border-box;
  padding: 16px;
}

.entry_main_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

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

.entry_detail_list {
  display: flex;
  align-items: center;
  width: 100%;
}
.entry_detail_list > li {
  padding: 16px;
}
.entry_detail_list > li.long_cols {
  flex: 1;
}
.entry_detail_list > li.price_cols {
  text-align: right;
}
.entry_detail_list > li.ico_btn_cols {
  flex: 0;
  font-size: 0;
}
.entry_detail_list .price_main {
  font-size: 14px;
  font-weight: 500;
}

.entry_number_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: inline-block;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.price_dom {
  display: flex;
  align-items: center;
  gap: 2px;
  white-space: nowrap;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  letter-spacing: 1px;
}

.price_main {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #B5000F;
  display: inline-block;
}

.price_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
  display: inline-block;
}

.foot_total_wrap {
  background: #F8F8F8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  margin-top: 24px;
}
.foot_total_key {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.chain_tb {
  width: 100%;
}
.chain_tb tbody tr td {
  border-bottom: 1px solid #E6E6E6;
  padding: 30px 16px;
  box-sizing: border-box;
  text-align: left;
}
.chain_tb tbody tr td.has_props_item {
  text-align: center;
}
.chain_emp_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: #005AAB;
  position: relative;
  top: -2px;
}

.tail_item_tb {
  display: table;
  width: 100%;
}
.tail_item_tb > li {
  display: table-row;
}
.tail_item_tb > li:last-of-type .tail_key_cols,
.tail_item_tb > li:last-of-type .tail_value_cols {
  padding-bottom: 0;
}
.tail_item_tb .tail_key_cols,
.tail_item_tb .tail_value_cols {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-bottom: 8px;
}
.tail_item_tb .tail_key_cols {
  width: 1px;
  padding-right: 8px;
}
.tail_item_tb .tail_key_text,
.tail_item_tb .tail_value_text {
  display: inline-block;
}
.tail_item_tb .tail_key_text {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.tail_item_tb .tail_value_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
}

.link_row_list {
  display: flex;
  align-items: center;
  max-width: 245px;
}
.link_row_list > li.long {
  flex: 1;
  min-width: 0;
}
.link_row_list > li.unit {
  flex: 0;
  white-space: nowrap;
}

input.ui_input {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  padding: 0 13px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000000;
}

.link_unit_text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #000000;
  display: inline-block;
  white-space: nowrap;
  padding: 0 8px;
}

.tail_vobj_dl {
  display: inline-flex;
  gap: 3px;
}
.tail_vkey_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000000;
  white-space: nowrap;
  display: inline-block;
}

.number_ring_item {
  display: inline-flex;
  gap: 3px;
  align-items: center;
}

.number_ring_main {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000000;
}

.number_ring_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.obj_count_render_wrap {
  display: flex;
  justify-content: flex-end;
}

.obj_count_render_list {
  width: 100%;
}
.obj_count_render_list > li {
  margin-bottom: 20px;
}
.obj_count_render_list > li:last-of-type {
  margin-bottom: 0;
}

.obj_count_binder {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  border-bottom: 1px solid #1D1D1F;
  padding-bottom: 10px;
}
.obj_binder_key {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.number_link_item {
  display: inline-flex;
  align-items: flex-end;
  gap: 3px;
  white-space: nowrap;
}

.number_link_main {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}
.number_link_main.color_red {
  color: #B5000F;
}

.number_link_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
  display: inline-block;
  position: relative;
  top: -2px;
}

.obj_binder_top_coment {
  text-align: right;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #B5000F;
  padding-right: 17px;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.total_tape_render {
  background: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 16px;
  padding: 24px 16px;
}
.total_tape_render .key_cols {
  padding-left: 20px;
}
.total_define_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.total_define_key {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.number_connect_item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.number_connect_main {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #B5000F;
}

.number_connect_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

@media (max-width: 1299px) {
  .tail_item_tb {
    display: block;
  }
  .tail_item_tb > li {
    display: block;
    margin-bottom: 10px;
  }
  .tail_item_tb > li:last-of-type {
    margin-bottom: 0;
  }
  .tail_item_tb > li .tail_key_cols,
.tail_item_tb > li .tail_value_cols {
    display: block;
  }
  .link_row_list {
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .boxtab_wrap + .column_obj_wrap {
    margin-top: 24px;
  }
  .column_obj {
    border-radius: 8px;
    padding: 15px;
  }
  .column_obj .ico {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }
  .column_head {
    gap: 8px;
    margin-bottom: 16px;
  }
  .column_head_para, .column_body_para {
    font-size: 13px;
  }
  .column_body {
    gap: 8px;
    padding: 15px;
  }
  .chain_tb colgroup {
    display: none;
  }
  .chain_tb.has_props_tb tbody tr {
    padding: 15px 0;
  }
  .chain_tb.has_props_tb tbody tr td {
    padding: 7px 0 7px 40px;
  }
  .chain_tb tbody {
    display: block;
    border-top: 1px solid #E6E6E6;
  }
  .chain_tb tbody tr {
    display: block;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
  }
  .chain_tb tbody tr td {
    display: block;
    border-bottom: 0;
    padding: 20px 10px;
  }
  .chain_tb tbody tr td.has_props_item {
    padding: 0;
    height: 0;
  }
  .chain_tb tbody tr td.has_props_item input.props_dom {
    position: absolute;
    top: 20px;
    left: 0;
  }
  .chain_emp_title {
    font-size: 14px;
    top: 0px;
  }
  .tail_item_tb > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .tail_item_tb .tail_key_cols {
    width: auto;
  }
  .tail_item_tb .tail_value_cols {
    text-align: right;
  }
  .tail_item_tb .tail_key_text,
.tail_item_tb .tail_value_text {
    display: inline-block;
  }
  .tail_item_tb .tail_key_text {
    font-size: 13px;
  }
  .tail_item_tb .tail_value_text {
    font-size: 12px;
  }
  .tail_vobj_dl {
    display: block;
  }
  .tail_vobj_dl * {
    display: inline !important;
  }
  input.ui_input {
    height: 35px;
    border-radius: 4px;
    font-size: 11px;
  }
  .link_unit_text {
    padding: 0 5px;
  }
  .tail_vkey_text {
    font-size: 13px;
  }
  .number_ring_main {
    font-size: 13px;
  }
  .number_ring_unit {
    font-size: 12px;
  }
  .obj_count_render_wrap {
    display: flex;
    justify-content: flex-end;
  }
  .obj_count_render_list > li {
    margin-bottom: 10px;
  }
  .obj_binder_key {
    font-size: 13px;
  }
  .number_link_main {
    font-size: 18px;
  }
  .number_link_unit {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #595959;
    display: inline-block;
    position: relative;
    top: -2px;
  }
  .obj_binder_top_coment {
    font-size: 13px;
    padding-right: 15px;
  }
  .total_tape_render {
    gap: 15px;
    padding: 18px 15px;
  }
  .total_tape_render .key_cols {
    padding-left: 0;
  }
  .total_tape_render .value_cols {
    text-align: left;
  }
  /* .total_define_dl{
       gap:0px;flex-direction: column; text-align:left;
  } */
  .total_define_key {
    font-size: 13px;
  }
  .number_connect_main {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .list_fraction_top_row {
    margin-bottom: 12px;
    gap: 15px;
  }
  .list_frac_copy {
    font-size: 14px;
  }
  .respon_entry_tb {
    display: block;
  }
  .respon_entry_tb tbody {
    display: block;
  }
  .respon_entry_tb tbody tr {
    display: block;
    border-bottom: 1px solid #E6E6E6;
    padding: 10px 50px 10px 15px;
    position: relative;
  }
  .respon_entry_tb td {
    display: block;
    padding: 5px 0;
    border: 0;
    text-align: left;
  }
  .respon_entry_tb td.date_cols {
    width: auto;
  }
  .respon_entry_tb td.price_cols {
    text-align: left;
    width: auto;
  }
  .respon_entry_tb td.price_cols .price_dom {
    justify-content: flex-start;
  }
  .respon_entry_tb td.price_cols .price_main {
    font-weight: 400;
    font-size: 16px;
  }
  .respon_entry_tb td.ico_cols {
    width: auto;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }
  .entry_main_para,
.entry_number_text {
    font-size: 14px;
  }
  .foot_total_wrap {
    padding: 18px 20px;
    margin-top: 12px;
  }
  .foot_total_key {
    font-size: 14px;
  }
  .price_main {
    font-size: 20px;
  }
  .btn_action_box {
    font-size: 13px;
  }
  .scroll_list_container {
    height: auto;
    padding: 12px 12px;
  }
  .gallery_list > li {
    flex: 0 0 calc(50% - 12px);
  }
  .total_define_dl {
    gap: 10px;
  }
  .number_connect_item {
    gap: 2px;
  }
}
@media (max-width: 374px) {
  .total_tape_render {
    flex-direction: column;
  }
}
/* text */
.color_emp.blue {
  color: #005AAB !important;
}
.color_emp.black {
  color: #000 !important;
}
.color_emp.sky {
  color: #00A7FC !important;
}
.color_emp.red {
  color: #B5000F !important;
}

strong.color_emp {
  font-weight: 700;
}

.spoca {
  font-family: "Spoqa" !important;
}
.spoca * {
  font-family: "Spoqa" !important;
}

.indent_para_list > li {
  display: flex;
  gap: 5px;
  margin-bottom: 3px;
}
.indent_para_list > li:last-of-type {
  margin-bottom: 0;
}
.indent_para_list.order_list {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0;
  color: #595959;
}
.indent_bullet {
  flex: 0;
  white-space: nowrap;
}

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

.bullet_list {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0;
  color: #595959;
}
.bullet_list.skin_w {
  color: #fff;
}
.bullet_list.skin_w > li:before {
  background-color: #fff;
}
.bullet_list > li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 3px;
}
.bullet_list > li:before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background: #595959;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 100%;
}
.bullet_list > li.no_bullet::before {
    display: none;
}
.bullet_list > li:last-of-type {
  margin-bottom: 0;
}
.bullet_list.skin2 {
  font-size: 16px;
  color: #000;
}
.bullet_list.skin2 > li {
  padding-left: 12px;
}
.bullet_list.skin2 > li:before {
  width: 4px;
  height: 4px;
  background: #000;
  top: 9px;
}

.indent_copy {
  display: flex;
  gap: 5px;
}

.indent_dom_list {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}
.indent_dom_list > li {
  margin-bottom: 15px;
  display: flex;
  gap: 5px;
}
.indent_dom_list > li:last-of-type {
  margin-bottom: 0;
}

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

.indent_bullet_liquid {
  flex: 1;
}

.indent_note_list {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.indent_note_list > li {
  display: flex;
}

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

.indent_note_liquid {
  flex: 1;
}

.bullet_info_list {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}
.bullet_info_list > li {
  position: relative;
  padding-left: 10px;
}
.bullet_info_list > li:before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #000;
  position: absolute;
  top: 12px;
  left: 0;
}
.bullet_info_list > li:last-of-type {
  margin-bottom: 0;
}

.nobullet_info_list {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}
.nobullet_info_list > li {
  margin-bottom: 16px;
}
.nobullet_info_list > li:last-of-type {
  margin-bottom: 0;
}

.dark_emp {
  color: #000 !important;
}
.dark_emp * {
  color: #000 !important;
}

.red_emp {
  color: #B5000F !important;
}
.red_emp * {
  color: #B5000F !important;
}

.blue_emp {
  color: #005AAB !important;
}
.blue_emp * {
  color: #005AAB !important;
}

.tip_emp {
  font-weight: 700 !important;
}
.tip_emp * {
  font-weight: 700 !important;
}

.emp_link_text {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 0;
  color: #000;
  display: inline-block;
  text-decoration: underline !important;
}

@media (max-width: 1023px) {
  .bullet_list {
    font-size: 12px;
  }
  .bullet_list > li {
    padding-left: 8px;
  }
  .bullet_list > li:before {
    top: 7px;
    width: 2px;
    height: 2px;
  }
  .bullet_list.skin2 {
    font-size: 12px;
  }
  .bullet_list.skin2 > li {
    padding-left: 8px;
  }
  .bullet_list.skin2 > li:before {
    width: 2px;
    height: 2px;
    top: 7px;
  }
  .indent_dom_list > li {
    margin-bottom: 5px;
  }
  .bullet_info_list {
    font-size: 14px;
  }
  .bullet_info_list > li:before {
    top: 9px;
  }
  .nobullet_info_list {
    font-size: 14px;
  }
  .nobullet_info_list > li {
    margin-bottom: 10px;
  }
}
/* terms */
.terms_section_wrap {
  border-top: 2px solid #BDC5D1;
}

.terms_section:last-of-type {
  margin-bottom: 0;
}

.terms_one_dep {
  margin: 54px 0 18px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 0;
  color: #000;
}
.terms_one_dep:first-of-type {
  margin-top: 18px;
}

.terms_sub_item_wrap {
  padding: 36px 24px;
  border-bottom: 1px solid #E6E6E6;
  border-top: 1px solid #E6E6E6;
}

.terms_sub_item {
  margin-bottom: 24px;
}
.terms_sub_item:last-of-type {
  margin-bottom: 0;
}

.terms_sub_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0;
  color: #000;
  margin-bottom: 24px;
}


.infoService {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0;
  color: #000;
  margin-bottom: 8px;
  margin-top: 24px;
}

.terms_sub_content,
.terms_sub_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0;
  color: #000;
}

.infoService_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0;
  color: #000;
}

@media (max-width: 1023px) {
  .terms_one_dep {
    margin: 24px 0 10px;
    font-size: 16px;
  }
  .terms_one_dep:first-of-type {
    margin-top: 18px;
  }
  .terms_sub_item_wrap {
    padding: 20px 15px;
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
  }
  .terms_sub_item {
    margin-bottom: 24px;
  }
  .terms_sub_item:last-of-type {
    margin-bottom: 0;
  }
  .terms_sub_title {
    font-size: 14px;
    margin-bottom: 12px;
  }
 .infoService {
	font-size: 14px;
	margin-bottom: 12px;
  }

  .terms_sub_content,
.terms_sub_para {
    font-size: 13px;
  }

}
/* guide */
.total_dia_render {
  background: #F8F8F8;
  padding: 48px 36px;
}
.total_dia_render .dia_row {
  padding-bottom: 24px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 24px;
}
.total_dia_render .dia_row:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.dia_total_list {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.dia_total_list dd {
  text-align: right;
}

.dia_total_key {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0;
  color: #000;
}

.dia_price_row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

.dia_price_number {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #B5000F;
  display: inline-block;
}

.dia_price_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #595959;
  display: inline-block;
}

.dia_caption_row {
  margin-top: 5px;
}

.dia_cpation_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #595959;
  display: inline-block;
}

.dia_detail_list {
  display: flex;
  text-align: center;
}
.dia_detail_list > li {
  flex: 1;
  min-width: 0;
}

.dia_detail_item dd {
  margin-top: 12px;
}

.dia_detail_key {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0;
  color: #000;
}

.dia_detail_price_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}
.dia_detail_price_wrap .dia_price_number {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #B5000F;
}
.dia_detail_price_wrap .dia_price_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0;
  color: #595959;
}

.dia_detail_caption_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0;
  color: #595959;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .total_dia_render {
    padding: 24px 18px;
  }
  .total_dia_render .dia_row {
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
  .dia_total_list {
    gap: 10px;
  }
  .dia_total_key {
    font-size: 14px;
  }
  .dia_price_number {
    font-size: 24px;
  }
  .dia_detail_list {
    display: flex;
    text-align: center;
  }
  .dia_detail_list > li {
    flex: 1;
    min-width: 0;
  }
  .dia_detail_item dd {
    margin-top: 12px;
  }
  .dia_detail_key {
    font-size: 14px;
  }
  .dia_detail_price_wrap {
    gap: 2px;
  }
  .dia_detail_price_wrap .dia_price_number {
    font-size: 16px;
  }
  .dia_detail_price_wrap .dia_price_unit {
    font-size: 12px;
  }
}
/* sub contents template */
.middle_template {
  display: flex;
  gap: 36px;
  padding: 22px 0 80px;
}
.middle_template .menu_cols {
  flex: 0 0 180px;
}
.middle_template .contents_cols {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.middle_menu_box {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  padding: 16px 12px 24px;
}
.middle_menu_box .box_top_row {
  display: flex;
  min-height: 44px;
  padding-bottom: 16px;
  border-bottom: 1px solid #BDC5D1;
  align-items: center;
}
.box_menu_list {
  margin-top: 16px;
}
.box_menu_list > li {
  margin-bottom: 16px;
}
.box_menu_list > li:last-of-type {
  margin-bottom: 0;
}

.middle_menu_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.middle_banner_list {
  margin-top: 16px;
}
.middle_banner_list > li {
  margin-bottom: 1px;
}
.middle_banner_list > li:last-of-type {
  margin-bottom: 0;
}

.middle_banner_item {
  border-radius: 8px;
  display: flex;
  gap: 12px;
  /* min-height: 100px; */
  align-items: center;
  /* padding: 0 16px; */
  padding: 0px;
  box-sizing: border-box;
}
.middle_banner_item.has_bg_img {
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.middle_banner_item.bg_star {
  background-image: url("../images/bg_star.png");
  background-size: 115px auto;
}
.middle_banner_item .img_cols {
  flex: 0 0 60px;
}
.middle_banner_item .img_cols img {
  vertical-align: middle;
}
.middle_banner_item .text_cols {
  flex: 1;
}

.banner_text_node {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  display: inline-block;
}

.box_menu_depth {
  border-bottom: 1px solid #E6E6E6;
  padding: 0 0 16px 0;
}
.box_menu_depth:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.depth_one_row {
  border-bottom: 1px solid #E6E6E6;
  padding: 16px 0;
  margin-bottom: 16px;
}

.depth_one_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
}
.depth_one_title.active {
  color: #005AAB;
}

.depth_two_group {
  border-bottom: 1px solid #E6E6E6;
  padding: 0 0 16px 0;
  margin-bottom: 16px;
}
.depth_two_group:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.depth_two_label {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.depth_two_menu_list {
  padding: 16px 0 0 8px;
}
.depth_two_menu_list > li {
  padding-bottom: 16px;
}
.depth_two_menu_list > li:last-of-type {
  padding-bottom: 0;
}

.depth_two_menu {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #000;
}
.depth_two_menu.current {
  cursor: default;
  color: #aaa;
}
.depth_two_menu.active {
  color: #005AAB;
}

.contents_title_row {
  margin-bottom: 48px;
  padding-top: 8px;
}
.contents_title_row.type2 {
  margin-bottom: 16px;
}

.contents_title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
}

.sub_contents_row {
  flex: 1;
}
.sub_contents_row.display_type2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 1440px) {
  .middle_template {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1023px) {
  .middle_template {
    padding: 20px 20px 80px;
  }
  .middle_template .menu_cols {
    display: none;
  }
  .contents_title_row {
    padding-top: 0;
    margin-bottom: 15px;
  }
  .contents_title {
    font-size: 20px;
  }
}
/* sub contents */
.sc_message_main_para {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.sc_message_sub_wrap {
  margin-top: 48px;
}
.sign_agree_box {
  margin-top: 48px;
  background: #F8F8F8;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
}
.sign_agree_box .props_item {
  gap: 12px;
}
.sign_agree_box .props_label {
  font-weight: 700;
  font-size: 16px;
}

.sc_message_row {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.sc_message_block {
  margin-bottom: 48px;
}
.sc_message_block:last-of-type {
  margin-bottom: 0;
}

.sc_message_main {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  color: #005AAB;
}

.sc_message_sub {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  margin-top: 12px;
}

.sc_message_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  margin-bottom: 10px;
}
.sc_message_para:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .sc_message_main_para {
    font-size: 16px;
  }
  .sc_message_sub_wrap {
    margin-top: 20px;
  }
  .sign_agree_box {
    margin-top: 20px;
    padding: 12px;
  }
  .sign_agree_box .props_item {
    gap: 8px;
  }
  .sign_agree_box .props_label {
    font-size: 13px;
    padding-top: 3px;
  }
  .sc_btn_row.btn_box_wrap .btn_box {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .sc_message_main {
    font-size: 20px;
  }
  .sc_message_sub {
    font-size: 14px;
    margin-top: 7px;
  }
  .sc_message_para {
    font-size: 12px;
  }
}
/* data box */
.data_render_box {
  display: flex;
  padding: 24px 36px;
  gap: 60px;
  margin-bottom: 18px;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
}
.data_render_box .img_cols {
  flex: 0 0 103px;
}
.data_render_box .spec_cols {
  flex: 1;
  min-width: 0;
}
.data_render_box .spec_cols .spec_block {
  border-bottom: 1px dashed #E6E6E6;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.data_render_box .spec_cols .spec_block:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.data_render_box.type2 .img_cols {
  flex: 0 0 244px;
}

.who_img_item {
  text-align: center;
}
.who_img_item .img_box {
  position: relative;
  border: 1px solid #E6E6E6;
  background: #F8F8F8 url("../images/img_no.png") no-repeat 50% 50%/36px auto;
  padding-bottom: 127%;
}
.who_img_item .img_box > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.who_img_item .btn_row {
  margin-top: 12px;
}
.spec_render_table {
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.spec_render_table th, .spec_render_table td {
  padding: 14px 0;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px dashed #E6E6E6;
}
.spec_render_table th {
  width: 1px;
  padding-bottom: 20px;
  padding-right: 20px;
  vertical-align: top;
}
.spec_render_table td.short_data {
  width: 25%;
}
.spec_render_table tr:first-of-type th, .spec_render_table tr:first-of-type td {
  padding-top: 0;
}
.spec_render_table tr:last-of-type th, .spec_render_table tr:last-of-type td {
  padding-bottom: 0;
  border-bottom: 0;
}

.spec_key_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  display: inline-block;
  white-space: nowrap;
}

.spec_value_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #005AAB;
  display: inline-block;
  position: relative;
  top: -1px;
}
.spec_value_text.dark {
  color: #000;
}

.spec_main_wrap {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.spec_main_wrap .util_cols {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
}

.data_box_title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}

.data_fraction_list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.data_fraction_list dt .key_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}
.data_fraction_list dd .value_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}
.data_note_row {
  margin: 0 40px 38px;
}
.column_data_list {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.column_data_item .label_row {
  text-align: center;
  margin-bottom: 15px;
}
.column_data_label {
  height: 28px;
  background: rgba(89, 89, 89, 0.1);
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #595959;
  padding: 0 16px;
}
.column_data_label_font{
	font-size: 12px;
  font-weight: 300;
}

.column_data_value {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #B5000F;
  text-decoration: underline;
  display: inline-block;
}

.column_data_obj {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
.column_data_obj .count, .column_data_obj .unit {
  display: inline-block;
}
.column_data_obj .count {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #B5000F;
  text-decoration: underline;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}
.column_data_obj .unit {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
}

.what_company_item .img_box {
  height: 184px;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img_box_cust{
  height: 104px !important;
}
.what_company_item .img_box > img {
  height: 56px;
  max-width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.what_company_item .btn_row {
  margin-top: 12px;
}

.btn_text_item_list {
  display: flex;
  justify-content: center;
  gap: 10px 16px;
}
.who_summary_item {
  margin-top: 16px;
}

.who_summary_tb {
  width: 100%;
}
.who_summary_tb tr th, .who_summary_tb tr td {
  vertical-align: top;
  text-align: left;
  padding-bottom: 4px;
}
.who_summary_tb tr th {
  width: 1px;
  white-space: nowrap;
  padding-right: 12px;
}
.who_summary_tb tr:last-of-type th, .who_summary_tb tr:last-of-type td {
  padding-bottom: 0;
}

.who_summary_thtext {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.who_summary_tdtext {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

@media (max-width: 1023px) {
  .data_render_box {
    padding: 15px;
    gap: 15px;
    margin-bottom: 24px;
    border-radius: 10px;
    background-color: #fff;
  }
  .data_render_box .img_cols {
    flex-basis: 60px;
  }
  .data_render_box.type2 .img_cols {
    flex-basis: 120px;
  }
  .who_img_item .img_box {
    background-size: 20px auto;
  }
  .who_img_item .btn_row {
    margin-top: 5px;
  }
  .spec_render_table {
    display: block;
  }
  .spec_render_table tbody {
    display: block;
  }
  .spec_render_table tbody tr {
    display: block;
  }
  .spec_render_table tbody tr:last-of-type {
    margin-bottom: 0;
  }
  .spec_render_table tbody tr th,
.spec_render_table tbody tr td {
    display: block;
    padding: 0;
    border: 0;
  }
  .spec_render_table tbody tr th {
    margin-bottom: 5px;
    padding-top: 10px !important;
  }
  .spec_render_table tbody tr td {
    padding-bottom: 10px !important;
    width: 100% !important;
    border-bottom: 1px dashed #E6E6E6 !important;
  }
  .spec_render_table tbody tr:last-of-type td:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
  .spec_render_table tbody tr:first-of-type th:first-child {
    padding-top: 0 !important;
  }
  .spec_key_text {
    font-size: 14px;
  }
  .spec_value_text {
    font-size: 14px;
  }
  .column_data_item {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .column_data_item .label_row {
    margin: 0;
  }
  .column_data_value {
    font-size: 14px;
  }
  .column_data_label {
    font-size: 13px;
  }
  .spec_main_wrap {
    flex-direction: column;
    align-items: normal;
    gap: 10px 0;
  }
  .spec_main_wrap .util_cols {
    gap: 5px;
    flex-direction: column;
    align-items: normal;
  }
  .what_company_item .img_box {
    height: 90px;
  }
  .what_company_item .img_box > img {
    height: 28px;
  }
  .column_data_list {
    flex-wrap: wrap;
    gap: 10px 5px;
    margin: 0;
  }
  .column_data_list > li {
    flex: 0 0 calc(50% - 5px);
    box-sizing: border-box;
  }
  .column_data_list > li:last-of-type {
    margin-bottom: 0;
  }
  .who_summary_tb {
    display: block;
  }
  .who_summary_tb tr {
    display: block;
  }
  .who_summary_tb tr th, .who_summary_tb tr td {
    display: block;
  }
  .who_summary_tb tr th {
    width: auto;
    white-space: normal;
    padding: 0;
  }
  .who_summary_thtext,
.who_summary_tdtext {
    font-size: 14px;
  }
  .data_box_title {
    font-size: 16px;
  }
  .data_fraction_list dt .key_text {
    font-size: 12px;
  }
  .data_fraction_list dd .value_text {
    font-size: 12px;
  }
  .data_note_row {
    margin: 0 20px 25px;
  }
}
@media (max-width: 767px) {
  .column_data_item {
    display: block;
  }
  .column_data_label {
    display: block;
    height: auto;
    min-height: 0;
    line-height: 1.2;
    padding: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 374px) {
  .column_data_list {
    display: block;
    margin: 0;
  }
  .column_data_list > li {
    margin-bottom: 10px;
  }
  .column_data_list > li:last-of-type {
    margin-bottom: 0;
  }
}
/* notice popup */
.notice_banner_layer {
  max-width: 464px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  border-radius: 100px 100px 24px 24px;
  font-size: 0;
  line-height: 0;
}
.notice_banner_layer .control_row {
  display: flex;
  justify-content: space-between;
  padding: 8px 24px;
  align-items: center;
}
.notice_banner_layer .control_row .props_label {
  font-size: 14px;
}
.notice_banner_layer .img_row {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .notice_banner_layer .control_row {
    padding: 8px 15px;
  }
}
/* etc */
.mb_sm_br {
  display: none;
}

.mt24 {
  margin-top: 24px !important;
}

.mt48 {
  margin-top: 48px !important;
}

@media (max-width: 374px) {
  .mb_sm_br {
    display: block;
  }
}
/* design */
.gate_guide_box {
  background: #333;
  padding: 48px 36px;
  display: flex;
  gap: 48px;
  align-items: center;
  color: #fff;
  margin: 36px 0 60px;
}
.gate_guide_box .copy_cols {
  flex: 1;
}
.gate_guide_box .img_cols {
  flex: 0 0 515px;
}
.gate_guide_box .img_cols img {
  vertical-align: middle;
}

.gate_copy_para {
  margin-bottom: 48px;
}
.gate_copy_para * {
  word-break: keep-all;
}
.gate_copy_para:last-of-type {
  margin-bottom: 0;
}

.gate_main_copy {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
}

.gate_sub_copy {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #C1C1C1;
  margin-top: 4px;
}

.gate_detail_copy {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}

.gate_moon_container {
  display: flex;
  text-align: center;
}
.gate_moon_container .moon_cols {
  flex: 1;
  box-sizing: border-box;
  min-width: 0;
  border-right: 1px solid #E6E6E6;
  padding: 0 117px;
}
.gate_moon_container .moon_cols:last-of-type {
  border-right: 0;
}
.gate_moon_container .btn_box_wrap {
  margin-top: 36px;
}
.gate_moon_title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  margin-bottom: 36px;
}

.design_dpchk_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 -16px 0 0;
}
.design_dpchk_list > li {
  flex: 0 0 calc(50% - 16px);
}

.dpchk_item {
  display: flex;
  gap: 8px;
  text-align: left;
}
.dpchk_item.skin2 .dpchk_dom {
  background-image: url("../images/ico_design_chk_02.png");
}
.dpchk_dom {
  display: inline-block;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-image: url("../images/ico_design_chk_01.png");
}

.dpchk_label {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.info_banner_container {
  background: #186DC3;
  display: flex;
  gap: 75px;
  padding: 0 36px;
  margin-bottom: 48px;
}
.info_banner_container .img_cols {
  font-size: 0;
  line-height: 0;
  flex: 0 0 462px;
  display: flex;
  align-items: flex-end;
}
.info_banner_container .img_cols img {
  vertical-align: bottom;
}
.info_banner_container .spec_cols {
  flex: 1;
  padding: 28px;
}
.info_banner_container .primary_copy_row .sub_para {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  word-break: keep-all;
}
.info_banner_container .primary_copy_row .main_para {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  word-break: keep-all;
}
.info_banner_container .primary_copy_row .main_para .emp {
  color: #D6FF00;
  word-break: keep-all;
}
.info_banner_container .secondary_copy_row {
  margin-top: 36px;
}
.info_banner_container .info_copybox_list {
  display: flex;
  gap: 24px;
}
.info_banner_container .info_copybox_list > li {
  flex: 1;
  display: flex;
}
.info_banner_container .info_copy_box {
  flex: 1;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 16px 26px;
}
.info_banner_container .info_copy_box .ico {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_design_check_obj.png");
}
.info_banner_container .info_copy_box .text_node {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  word-break: keep-all;
}
.info_banner_container .summary_copy_row {
  margin-top: 36px;
}
.info_banner_container .info_tail_copy_list > li {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.info_banner_container .info_tail_copy_list > li:last-of-type {
  margin-bottom: 0;
}
.info_banner_container .info_tail_copy_list .tail_bullet {
  flex: 0;
  padding-top: 3px;
  white-space: nowrap;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #D6FF00;
  font-family: Arial Black, "Spoqa", "NotoSans-Regular";
}
.info_banner_container .info_tail_copy_list .tail_liquid {
  flex: 1;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
.info_banner_container .info_tail_copy_list .tail_liquid .ico_phone {
  display: inline-flex;
  position: relative;
  top: 2px;
  vertical-align: top;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 100%;
  overflow: hidden;
}
.info_banner_container .info_tail_copy_list .tail_liquid .ico_phone img {
  vertical-align: top;
}
.info_banner_container .info_tail_copy_list .tail_liquid .liquid_text .img_btn img {
  width: 108px;
  vertical-align: top;
}

@media (max-width: 1440px) {
  .gate_moon_container .moon_cols {
    padding: 0 60px;
  }
  .info_banner_container .info_copy_box .text_node {
    font-size: 20px;
  }
}
@media (max-width: 1340px) {
  .gate_main_copy {
    font-size: 30px;
  }
  .gate_sub_copy {
    font-size: 18px;
  }
  .gate_detail_copy {
    font-size: 14px;
  }
}
@media (max-width: 1299px) {
  .gate_moon_title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .dpchk_label {
    font-size: 18px;
  }
  .gate_guide_box .img_cols {
    flex: 0 0 400px;
  }
  .gate_moon_container .moon_cols {
    padding: 0 30px;
  }
  .gate_copy_para {
    margin-bottom: 30px;
  }
  .info_banner_container {
    gap: 40px;
  }
  .info_banner_container .img_cols {
    flex-basis: 300px;
  }
  .info_banner_container .primary_copy_row .main_para {
    font-size: 30px;
  }
  .info_banner_container .info_copy_box {
    padding: 15px 25px;
  }
  .info_banner_container .info_copy_box .text_node {
    font-size: 18px;
  }
  .info_banner_container .info_copy_box .ico {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
  .info_banner_container .info_copybox_list {
    gap: 15px;
  }
}
@media (max-width: 1023px) {
  .gate_guide_box {
    margin: 20px 0 30px;
    flex-direction: column-reverse;
    gap: 0;
    padding: 0;
    align-items: flex-start;
  }
  .gate_guide_box .img_cols {
    flex: 0;
  }
  .gate_guide_box .copy_cols {
    padding: 20px;
  }
  .gate_moon_container {
    display: block;
  }
  .gate_moon_container .moon_cols {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .gate_moon_container .moon_cols:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .gate_moon_container .btn_box_wrap .btn_box:only-child {
    max-width: 80% !important;
  }
  .gate_moon_title {
    font-size: 20px;
  }
  .gate_copy_para {
    margin-bottom: 20px;
  }
  .gate_main_copy {
    font-size: 20px;
  }
  .gate_sub_copy {
    font-size: 16px;
  }
  .gate_detail_copy {
    font-size: 13px;
  }
  .dpchk_item {
    gap: 6px;
  }
  .dpchk_dom {
    top: 1px;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }
  .dpchk_label {
    font-size: 14px;
  }
  .gate_moon_container .btn_box_wrap {
    margin-top: 20px;
  }
  .info_banner_container {
    flex-direction: column-reverse;
    gap: 0;
    padding: 0 20px;
    margin-bottom: 30px;
  }
  .info_banner_container .spec_cols {
    flex: 0;
    padding: 20px 0 0;
  }
  .info_banner_container .img_cols {
    flex: 0;
  }
  .info_banner_container .primary_copy_row .sub_para {
    font-size: 16px;
  }
  .info_banner_container .primary_copy_row .main_para {
    font-size: 24px;
    margin-top: 5px;
  }
  .info_banner_container .secondary_copy_row {
    margin-top: 20px;
  }
  .info_banner_container .info_copybox_list {
    gap: 10px;
    flex-direction: column;
  }
  .info_banner_container .info_copybox_list > li {
    flex: 0;
  }
  .info_banner_container .info_copy_box {
    padding: 12px 20px;
    gap: 10px;
    display: inline-flex;
  }
  .info_banner_container .info_copy_box .ico {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
  }
  .info_banner_container .info_copy_box .text_node {
    font-size: 16px;
  }
  .info_banner_container .info_tail_copy_list > li {
    margin-bottom: 7px;
  }
  .info_banner_container .info_tail_copy_list .tail_liquid {
    font-size: 14px;
    line-height: 1.8;
  }
  .info_banner_container .info_tail_copy_list .tail_liquid .ico_phone {
    width: 20px;
    height: 20px;
    top: 3px;
  }
  .info_banner_container .info_tail_copy_list .tail_liquid .img_btn {
    position: relative;
    top: -1px;
  }
  .info_banner_container .info_tail_copy_list .tail_bullet {
    font-size: 18px;
  }
  .info_banner_container .summary_copy_row {
    margin-top: 20px;
  }
}
/* 반응형 간격 */
.mb16 {
  margin-bottom: 16px !important;
}

.res_mb36 {
  margin-bottom: 36px !important;
}

@media (max-width: 1023px) {
  .res_mb36 {
    margin-bottom: 20px !important;
  }
}
.pouch_calendar_box {
  background: #FFFFFF;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  text-align: center;
  padding: 16px 16px 12px;
}
.pouch_calendar_box .title_row {
  margin-bottom: 10px;
}
.pouch_calendar_box .control_row {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}
.pouch_calendar_box.type2 {
  box-shadow: none;
  background: none;
  padding: 0;
  margin-bottom: 8px;
}
.pouch_calendar_box.type2 .pouch_calendar tbody td {
  height: 26px;
}

.pouch_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #005AAB;
}

.btn_pouch_nav {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  display: inline-block;
  flex: 0 0 16px;
}
.btn_pouch_nav.prev {
  background-image: url("../images/ico_prev_calendar.png");
}
.btn_pouch_nav.next {
  background-image: url("../images/ico_next_calendar.png");
}
.btn_pouch_nav.with_text {
  background: none;
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.btn_pouch_nav.with_text.prev .ico {
  background-image: url("../images/ico_prev_calendar.png");
}
.btn_pouch_nav.with_text.next .ico {
  background-image: url("../images/ico_next_calendar.png");
}
.btn_pouch_nav.with_text .text_node {
  display: inline-block;
  position: relative;
  top: -1px;
}
.btn_pouch_nav.with_text .ico {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  display: inline-block;
}
.pouch_fraction {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  display: inline-block;
}

.btn_pouch_text {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: #595959;
  text-decoration: underline !important;
}

.pouch_calendar_wrap {
  margin-top: 6px;
}

.pouch_calendar {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.pouch_calendar thead tr th {
  padding: 8px 0;
}
.pouch_calendar thead tr th.sun .pouch_thtext {
  color: #AF0101;
}
.pouch_calendar thead tr th.sat .pouch_thtext {
  color: #0258AD;
}
.pouch_calendar tbody tr td {
  border: 1px solid #fff;
  padding: 3px;
  height:34px;
}
.pouch_calendar tbody tr td.disabled {
  background: #E6E6E6;
}
.pouch_calendar tbody tr td.disabled .pouch_date {
  color: #aaa;
}
.pouch_calendar tbody tr td.disabled .pouch_tditem {
  cursor: default;
}
.pouch_calendar tbody tr td.enabled {
  background: #EDF2FB;
}
.pouch_calendar tbody tr td.enabled .pouch_date {
  color: #005AAB;
}
.pouch_calendar tbody tr td.enabled .pouch_date:hover {
  color: #00A7FC;
}
.pouch_calendar tbody tr td.enabled.selected {
  background: #E0DCFF;
}

.pouch_thtext {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
}

.pouch_tditem {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: 100%;
  line-height: 1;
}
.pouch_tditem > * {
  display: block;
}
.pouch_tditem.emp .pouch_date {
  color: #00A7FC !important;
}
.pouch_tditem:disabled {
  cursor: default;
}

.pouch_date {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #aaa;
}

.pouch_date_copy {
  margin-top: 2px;
}

.calendar_control_wrap .control_row {
  margin-top: 24px;
}
.calendar_control_wrap .control_row .pouch_calendar_box {
  max-width: 311px;
}

.pouch_calendar_multi_wrap {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  background: #FFFFFF;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  padding: 12px 24px;
}
.pouch_calendar_multi_wrap .multi_cols {
  flex: 1;
}
.pouch_calendar_multi_wrap .pouch_calendar_box {
  box-shadow: none;
  border: 1px solid #fff;
  border-radius: 12px;
  max-width: 100%;
}
.pouch_calendar_multi_wrap .pouch_calendar_box:hover {
  border-color: #003482;
}

@media (max-width: 1299px) {
  .calendar_control_wrap .control_row .pouch_calendar_multi_wrap {
    margin-right: -8px;
  }
  .calendar_control_wrap .control_row .pouch_calendar_multi_wrap .multi_cols {
    flex: 0 0 calc(50% - 8px);
  }
  .calendar_control_wrap .control_row .pouch_calendar_multi_wrap .multi_cols .pouch_calendar_box {
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .pouch_date_copy {
    font-size: 9px;
  }
  .calendar_control_wrap .control_row .pouch_calendar_box {
    max-width: 100%;
  }
  .calendar_control_wrap .control_row .pouch_calendar_multi_wrap {
    flex-direction: column;
    align-items: normal;
    padding: 15px;
  }
  .calendar_control_wrap .control_row .pouch_calendar_multi_wrap .pouch_calendar_box {
    max-width: 100%;
  }
}
.respond_fieldset_wrap {
  border-top: 2px solid #BDC5D1;
}
.respond_fieldset_wrap.type2 {
  border-top: 0;
}

.form_map_both_container {
  display: flex;
}
.form_map_both_container .form_cols {
  flex: 1;
  min-width: 0;
}
.form_map_both_container .auth_cols {
  flex: 0 0 504px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 20px;
  background: #FFFFFF;
  border-bottom: 1px solid #E6E6E6;
}
.form_map_both_container .map_cols {
  flex: 0 0 404px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 20px;
  background: #F8F8F8;
  border-bottom: 1px solid #E6E6E6;
}

.auth_render {
  flex: 1;
  border: 0px solid #E6E6E6;
  position: relative;
}

.map_render {
  flex: 1;
  border: 1px solid #E6E6E6;
  position: relative;
}

.fset_tr {
  display: flex;
  border-bottom: 1px solid #E6E6E6;
}
.fset_tr > .short_wid20 {
  flex: 0 0 20%;
}
.fset_tr > .short_wid25 {
  flex: 0 0 25%;
}
.fset_tr > .short_wid30 {
  flex: 0 0 30%;
}
.fset_tr > .short_wid35 {
  flex: 0 0 35%;
}
.fset_tr > .short_wid40 {
  flex: 0 0 40%;
}
.fset_tr > .short_wid45 {
  flex: 0 0 45%;
}

.fset_cols_group {
  flex: 1;
  display: flex;
}

.fset_cols_container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: normal;
  justify-content: center;
}
.fset_cols_container .fset_cols_group {
  border-bottom: 1px solid #E6E6E6;
}
.fset_cols_container .fset_cols_group:last-of-type {
  border-bottom: 0;
}

.fset_th_cols,
.fset_td_cols {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

.fset_th_cols {
  padding: 6px 16px;
  background: #F8F8F8;
  width: 170px;
  justify-content: center;
}

.fset_td_cols {
  padding: 6px 24px;
  flex: 1;
  min-width: 0;
  justify-content: center;
}
.fset_td_cols > * {
  width: 100%;
}
.fset_td_cols .props_cols_wrap + .multi_fileform_wrap {
  margin-top: 10px;
}

.fset_thtext {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #595959;
}
.fset_thtext.emp {
  color: #005AAB;
  font-weight: 500;
}
.fset_thtext .ico_import {
  position: relative;
  top: -4px;
}

.fset_td_inner_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.fset_td_inner_flex .td_cols {
  display: flex;
  gap: 24px;
  align-items: center;
}
.fset_td_inner_flex .td_cols .props_label {
  white-space: nowrap;
}

.fset_data {
  /* display:flex; flex-wrap:wrap; align-items: center; min-height:38px; */
  padding: 10px 0;
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.linked_horitem_list {
  display: flex;
  align-items: center;
  width:100%;
}
.linked_horitem_list > li.long {
  flex: 1;
}
.linked_horitem_list > li.short {
  padding: 0 12px;
}
.linked_horitem_list > li.short2 {
  padding: 0 5px;
}

.horitem_unit {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: #000000;
  color: inherit;
  white-space: nowrap;
  display: inline-block;
}

.hor_props_item_wrap {
  margin: 5px 0 0 0;
}

.indent_node_text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
  display: flex;
  gap: 4px;
}
.indent_node_text > * {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

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

.indent_node_liquid {
  flex: 1;
}

.fset_td_dp_list {
  display: flex;
  align-items: center;
}
.inline_connect_wrap {
  display: flex;
  gap: 8px;
  align-items: center;
}
.inline_connect_wrap > .inline_connect_list {
  flex: 1;
}

.tditems_list {
  display: flex;
  align-items: center;
  gap: 5px 24px;
  flex-wrap: wrap;
  min-height: 38px;
}
.tditems_list.type2 {
  gap: 8px;
}
.tditems_list.type3 {
  gap: 16px;
}
.tditems_container {
  display: flex;
  align-items: center;
  gap: 5px 24px;
  min-height: 38px;
}
.tditems_container > .long_cols {
  flex: 1;
}

.tditems_slice_cols {
  font-size: 0;
  line-height: 0;
}

.tooltip_btn_wrap {
  display: inline-block;
}

.btn_tooltip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.btn_tooltip .ico {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_tooltip.png");
}
.btn_tooltip .text_node {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: #000;
  color: inherit;
  text-decoration: underline !important;
}
.btn_tooltip.emp {
  font-weight: 700;
  text-decoration: underline !important;
}

.tip_text_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  color: inherit;
  word-break: keep-all;
}

.inline_connect_list {
  display: flex;
  gap: 8px;
  align-items: center;
}
.inline_connect_list > li.short {
  flex: 0 0 30%;
}
.inline_connect_list > li.long {
  flex: 1;
}

.td_column {
  margin-bottom: 5px;
}
.td_column:last-of-type {
  margin-bottom: 0;
}

.with_unit_obj {
  display: flex;
  align-items: center;
  gap: 4px;
}
.with_unit_obj.gap_type2 {
  gap: 12px;
}
.with_unit_obj .unit_node {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.with_unit_obj .note_node {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
}

.field_note_para {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin: 4px 0 0 13px;
}

.btn_event_text_list {
  display: flex;
  gap: 8px;
  align-items: center;
}
.btn_event_text {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-decoration: underline !important;
  white-space: nowrap;
}

.many_items_wrap {
  line-height: 0;
  font-size: 0;
}
.many_items_wrap .many_items_list {
  margin-bottom: 10px;
}
.many_items_wrap .many_items_list:last-of-type {
  margin-bottom: 0;
}
.many_items_wrap:last-of-type {
  margin-bottom: 0;
}

.many_items_list {
  display: flex;
  gap: 16px;
  align-items: center;
}

.fset_td_note_row {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  margin-bottom: 6px;
}

.word_slice_package {
  display: flex;
  gap: 8px;
  align-items: center;
}

.word_slice_keylabel {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  white-space: nowrap;
}

.textpara_dl {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.btn_text_keyword,
.textpara_keyword {
  text-decoration: underline !important;
}

.textpara_emp,
.textpara_unit {
  white-space: nowrap;
}

.textpara_emp {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #005AAB;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.textpara_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.logo_viewer_wrap {
  padding: 16px;
  text-align: center;
  box-sizing: border-box;
}
.logo_viewer_wrap .btn_row {
  margin-top: 24px;
}
.logo_viewer_box {
  width: 148px;
  height: 56px;
  border: 1px solid #E6E6E6;
  position: relative;
  margin: 0 auto;
}

.logo_viewer_message {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #AAAAAA;
}

img.viewer_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  background: #fff;
}

.logo_viewer_copy {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-top: 8px;
}

.form_cluster_list {
  border-top: 2px solid #BDC5D1;
  display: table;
  width: 100%;
}
.form_cluster_list > li {
  display: table-row;
}
.form_cluster_list > li .th_cols,
.form_cluster_list > li .td_cols {
  display: table-cell;
  border-bottom: 1px solid #E6E6E6;
}
.form_cluster_list > li .th_cols {
  width: 1px;
  padding-right: 66px;
}
.form_cluster_list > li .th_cols.type2 {
  vertical-align: middle;
}
.form_cluster_list > li .th_cols.type2 .cluster_thtext {
  top: 0;
}
.form_cluster_list > li .td_cols {
  padding: 24px 0;
}
.btn_filter_wrap + .form_cluster_flex_wrap {
  margin-top: 24px;
}

.form_cluster_flex_list {
  border-top: 2px solid #BDC5D1;
}
.form_cluster_flex_list > li {
  display: flex;
  border-bottom: 1px solid #E6E6E6;
  flex-wrap: wrap;
  padding: 24px 0;
}

.cluster_cell_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 24px 0;
}
.cluster_cell_wrap .cluster_cell_group {
  flex: 0 0 50%;
}
.cluster_cell_wrap .cluster_cell_group .cluster_thtext {
  top: 7px;
}

.cluster_cell_group {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  gap: 15px;
}
.cluster_cell_group .th_cols {
  /* flex:0 0 140px;  */
}
.cluster_cell_group .td_cols {
  flex: 1;
  padding-right: 40px;
}
.cluster_cell_group .td_cols .props_cols_list {
  padding: 0;
}
.cluster_cell_group .cluster_thtext {
  top: 2px;
  min-width: 125px;
}
.cluster_cell_group:last-of-type .td_cols {
  padding-right: 0;
}

.cluster_thtext {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  white-space: nowrap;
  position: relative;
  top: -6px;
  display: inline-block;
}

.cluster_btn_row.btn_box_wrap {
  margin-top: 24px;
}

.btn_keyword_chip_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.btn_keyword_chip {
  display: inline-block;
  white-space: nowrap;
  box-sizing: border-box;
  height: 32px;
  border: 1px solid #E6E6E6;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  color: #595959;
  border-radius: 100px;
  padding: 0 12px;
}
.btn_keyword_chip.active {
  color: #000;
  font-weight: 700;
  border-color: #000;
}

.getchip_container {
  min-height: 68px;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.getchip_container:last-of-type {
  margin-bottom: 0;
}
.getchip_container .chip_cols {
  flex: 1;
  min-width: 0;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  border: 1px solid #E6E6E6;
  display: flex;
  align-items: center;
  padding: 24px;
}
.getchip_container .chip_cols.nodata_cols {
  background: #F8F8F8;
  border: 1px solid #F8F8F8;
  text-align: center;
  justify-content: center;
}
.getchip_container .chip_cols.nodata_cols .nodata_para {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.getchip_container .btn_cols {
  flex: 0 0 100px;
}
.btn_submit_square {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  border-radius: 12px;
  border: 1px solid #0053C2;
  box-sizing: border-box;
  background: #0053C2;
}
.btn_submit_square .text_node {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  display: inline-block;
  padding: 10px;
}

.recorded_item_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  font-size: 0;
  line-height: 0;
}
.recorded_item {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.recorded_item .btn_ico_delete {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/btn_close_16.png");
}
.recorded_item .text_node {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000000;
  display: inline-block;
}

.rsdata_main_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.rsdata_sub_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-top: 4px;
}

.with_number_obj {
  display: inline-flex;
  gap: 3px;
  align-items: center;
}
.with_number_obj .number_value {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}
.with_number_obj .number_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.pay_phone_item {
	display: flex;
	flex-direction: column;
}

.pay_notice {
	margin-top: 6px;
	margin-left: 26px;
	font-size: 13px;
	line-height: 1.4;
	color: #666;
}

.field_tape_box {
  display: flex;
  padding: 18px;
  justify-content: space-between;
  /* align-items: center; */
  align-items: flex-start;
  background: #F8F8F8;
}
.field_tape_box .label_cols.pos_dp {
  visibility: hidden;
}
.ft_label_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}

.td_dom_list {
  display: flex;
  gap: 16px;
  align-items: center;
  min-height: 38px;
}
.td_dom_list .fset_data {
  min-height: 0;
  padding: 0;
}
.upload_dom {
  display: inline-flex;
  gap: 8px;
}
.upload_dom .ico {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_upload_file.png");
  position: relative;
  top: 2px;
}
.upload_dom .text_node {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.nesting_section_wrap {
  padding: 12px 16px 24px;
  border-bottom: 1px solid #E6E6E6;
}

.nesting_section {
  margin-bottom: 24px;
}
.nesting_section:last-of-type {
  margin-bottom: 0;
}

.nesting_title_row {
  margin-bottom: 16px;
}

.nesting_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000000;
}

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

.btn_control_bottom.btn_ovalbox_wrap {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}

.btn_handle_bottom.btn_ovalbox_wrap {
  padding-bottom: 24px;
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.handle_form_wrap {
  border-top: 1px solid #BDC5D1;
}
.handle_form_wrap .respond_fieldset_wrap {
  border-top-width: 1px;
}

.handle_form_block {
  margin-bottom: 16px;
  border-top: 1px solid #BDC5D1;
}
.handle_form_block:last-of-type {
  margin-bottom: 0;
}

.handle_top_row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 10px 16px 10px;
  align-items: center;
}
.handle_top_row .top_cols {
  display: flex;
  gap: 24px;
}

.inner_colobj_wrap {
  display: flex;
  gap: 24px;
  align-items: center;
}
.colobj_keyword {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.chip_form_list {
  display: flex;
  gap: 16px;
}
.chip_form_list > li {
  flex: 1;
}
.chip_form_list > li.auto_type {
  flex: none;
}

.chip_inline_wrap {
  display: flex;
  gap: 5px;
}

.chip_inline_item {
  flex: 1;
}

.grow_item_wrap {
  position: relative;
  overflow: hidden;
}

.grow_item_list {
  display: flex;
  gap: 8px;
}
.grow_item_list > li {
  flex: 1;
}

.many_sliceform_wrap {
  position: relative;
  overflow: hidden;
}

.many_sliceform_list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 24px;
  margin-right: -24px;
}
.many_sliceform_list > li {
  flex: 0 0 calc(50% - 24px);
}

.sliceform_item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sliceform_item .bullet_cols {
  flex: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  max-height: 38px;
}
.sliceform_item .form_cols {
  flex: 1;
}

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

.piece_form_cols {
  flex: 1;
}
.piece_form_cols.auto_cols {
  flex: none;
}
@media (max-width: 1440px) {
  .tditems_list.type2 > .break_long,
.tditems_list.type2 > .inline_connect_list, .tditems_list.type3 > .break_long,
.tditems_list.type3 > .inline_connect_list {
    flex: 1;
  }
  .tditems_list.type2 > .break_long, .tditems_list.type3 > .break_long {
    width: 100%;
  }
  .tditems_list.type3 {
    gap: 5px 10px;
  }
  .many_items_wrap .many_items_list {
    margin-bottom: 20px;
  }
  .many_items_list {
    display: block;
  }
  .many_items_list .inline_connect_list > li {
    flex: 1;
  }
  .many_items_list .btn_event_text_list {
    justify-content: flex-end;
    margin-top: 10px;
  }
  .inline_connect_wrap {
    flex-direction: column;
  }
  .inline_connect_wrap > .inline_connect_list {
    flex: 0;
    width: 100%;
  }
  .piece_form_container {
    gap: 70px;
  }
  .piece_form_cols {
    /* &.auto_cols{flex:1;} */
  }
}
@media (max-width: 1299px) {
  .inline_connect_list > li.short {
    flex: 0 0 40%;
  }
  .fset_tr > .short_wid20 {
    flex: 0 0 35%;
  }
  .fset_tr > .short_wid25 {
    flex: 0 0 35%;
  }
  .fset_tr > .short_wid30 {
    flex: 0 0 40%;
  }
  .fset_tr > .short_wid35 {
    flex: 0 0 40%;
  }
  .fset_tr > .short_wid40 {
    flex: 0 0 45%;
  }
  .fset_tr > .short_wid45 {
    flex: 0 0 45%;
  }
  .fset_td_inner_flex.tablet_break {
    display: block;
  }
  .fset_td_inner_flex.tablet_break > .td_cols {
    display: block;
  }
  .tditems_list.tablet_break {
    display: block;
  }
  .word_slice_package .box_input_with_wrap {
    flex: 1;
  }
  .cluster_cell_group .cluster_thtext {
    min-width: 80px;
  }
  .tditems_container {
    flex-direction: column;
    align-items: normal;
  }
  .tditems_container > .long_cols {
    flex: auto;
  }
  .chip_form_list {
    gap: 10px;
  }
  .piece_form_container {
    gap: 50px;
  }
}
@media (max-width: 1023px) {
  .fset_td_inner_flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .fset_td_inner_flex .td_cols {
    flex: 0;
    width: 100%;
    gap: 15px;
  }
  .fset_td_inner_flex .td_cols > .linked_horitem_list {
    flex: 1;
  }
  .fset_th_cols {
    padding: 8px 10px;
    width: 130px;
  }
  .fset_thtext {
    font-size: 13px;
    white-space: nowrap;
  }
  .fset_td_cols {
    padding: 8px 10px;
  }
  .indent_node_liquid {
    font-size: 12px;
  }
  .fset_td_dp_list {
    flex-direction: column;
    gap: 8px;
  }
  .fset_td_dp_list > li {
    flex: 0;
    width: 100%;
  }
  .linked_horitem_list > li.short {
    padding: 0 3px;
  }
  .linked_horitem_list.mb_break {
    display: block;
  }
  .linked_horitem_list.mb_break > li.short2 {
    text-align: center;
  }
  .hor_props_item_wrap {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0;
  }
  .form_map_both_container {
    display: block;
  }
  .form_map_both_container .map_cols {
    padding: 0;
  }
  .map_render {
    min-height: 300px;
  }
  .tditems_list.type2 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .tditems_list.type2 > .inline_connect_list {
    flex: 0;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .tditems_list.type2 > .inline_connect_list > li {
    width: 100%;
    flex: auto;
  }
  .tditems_list.type2 .with_unit_obj {
    width: 100%;
  }
  .tditems_list.mb_break {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .tditems_list.mb_break .with_unit_obj {
    width: 100%;
  }
  .tditems_list > .mb_long {
    flex: 1;
  }
  .inline_connect_list > li {
    flex: 1;
  }
  .btn_event_text {
    font-size: 13px;
  }
  .fset_tr {
    display: block;
  }
  .fset_tr .fset_cols_group {
    border-bottom: 1px solid #E6E6E6;
  }
  .fset_tr .fset_cols_group:last-child {
    border-bottom: 0;
  }
  .with_unit_obj.mb_break {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
  }
  .with_unit_obj.mb_break .note_node {
    white-space: normal;
    line-height: 1.3;
    font-size: 13px;
  }
  .field_note_para {
    margin: 7px 0 0 0;
    font-size: 13px;
  }
  .logo_viewer_wrap {
    padding: 10px;
  }
  .logo_viewer_wrap .btn_row {
    margin-top: 12px;
  }
  .form_cluster_list {
    display: block;
  }
  .form_cluster_list > li {
    display: block;
    border-bottom: 1px solid #E6E6E6;
    padding: 20px 0;
    background-color:#fff;
  }
  .form_cluster_list > li .th_cols, .form_cluster_list > li .td_cols {
    display: block;
    border: 0;
  }
  .form_cluster_list > li .th_cols {
    width: auto;
    padding: 0 0 10px;
  }
  .form_cluster_list > li .td_cols {
    padding: 0 8px;
  }
  .cluster_cell_group .cluster_thtext {
    min-width: 0;
  }
  .cluster_cell_group .td_cols {
    padding-right: 0;
  }
  .cluster_thtext {
    font-size: 13px;
    top: 2px;
    left: 5px;
    min-width: 0;
  }
  .cluster_cell_wrap .cluster_cell_group .cluster_thtext {
    top: 11px;
    left: 0;
  }
  .getchip_container {
    min-height: 50px;
  }
  .getchip_container .chip_cols {
    border-radius: 8px;
    padding: 15px;
  }
  .getchip_container .chip_cols.nodata_cols .nodata_para {
    font-size: 13px;
  }
  .getchip_container .btn_cols {
    flex: 0 0 80px;
  }
  .btn_submit_square {
    border-radius: 8px;
  }
  .recorded_item_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .field_tape_box {
    gap: 20px;
  }
  .field_tape_box .form_cols {
    flex: 1;
  }
  .field_tape_box .label_cols.pos_dp {
    display: none;
  }
  .ft_label_text {
    font-size: 14px;
    white-space: nowrap;
  }
  .nesting_title_row {
    margin-bottom: 10px;
  }
  .nesting_title {
    font-size: 14px;
  }
  .nesting_formblock {
    margin-bottom: 15px;
  }
  .btn_control_bottom.btn_ovalbox_wrap {
    margin-top: 15px;
  }
  .nesting_section_wrap {
    padding: 15px 0;
  }
  .handle_top_row {
    gap: 10px;
    padding: 15px;
  }
  .inner_colobj_wrap {
    gap: 10px;
  }
  .colobj_keyword {
    font-size: 14px;
  }
  .btn_handle_bottom.btn_ovalbox_wrap {
    padding-bottom: 15px;
  }
  .cluster_cell_wrap .cluster_cell_group {
    flex: 0 0 100%;
  }
  .cluster_cell_group {
    gap: 0 20px;
  }

 .width120px{
 	width:120px !important;
 }
 .form_cluster_flex_list {
  border-top: 0px;
 }
  .form_cluster_flex_list > li {
  	display: flex;
  	border: 1px solid #E6E6E6;
  	flex-wrap: wrap;
  	padding: 24px 10px;
  	background-color:#fff;
  	margin-top:10px;
  }

  .fset_data {
    padding: 0;
    font-size: 13px;
  }
  .fset_data.long_data {
    padding: 0;
  }
  .chip_form_list {
    flex-direction: column;
    align-items: normal;
    gap: 5px;
  }
  .chip_form_list > li {
    flex: content;
  }
  .chip_form_list > li.auto_type > select.form_select {
    width: calc(50% - 2.5px);
  }
  .chip_inline_wrap {
    display: flex;
    gap: 5px;
  }
  .chip_inline_item {
    flex: 1;
  }
  .many_sliceform_list {
    gap: 5px 15px;
    margin-right: -15px;
  }
  .many_sliceform_list > li {
    flex: 0 0 calc(50% - 15px);
  }
  .sliceform_item {
    align-items: flex-start;
  }
  .sliceform_item .bullet_cols {
    min-height: 38px;
  }
  .sliceform_item .form_cols {
    flex: 1;
  }
  .piece_form_container {
    gap: 5px 0;
    flex-direction: column;
  }
  .piece_form_cols {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .fset_td_inner_flex .td_cols {
    flex: 0;
    width: 100%;
    gap: 15px;
    display: block;
  }
  .fset_td_inner_flex .td_cols > * {
    margin-bottom: 8px;
  }
  .fset_td_inner_flex .td_cols > *:last-child {
    margin-bottom: 0;
  }
  .fset_td_inner_flex .td_cols > .linked_horitem_list {
    flex: 1;
  }
  .tip_text_copy {
    font-size: 13px;
  }
  .inline_connect_list {
    flex-direction: column;
    gap: 5px;
  }
  .inline_connect_list > li {
    flex: 0;
    width: 100%;
  }
  .inline_connect_list > li.short, .inline_connect_list > li.long {
    flex: 0;
    width: 100%;
  }
  .td_dom_list {
    flex-direction: column;
    align-items: normal;
    gap: 5px;
  }
  .upload_dom {
    gap: 4px;
  }
  .upload_dom .ico {
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    top: 1px;
  }
  .upload_dom .text_node {
    font-size: 13px;
  }
  .grow_item_list {
    gap: 5px;
    flex-direction: column;
  }
  .grow_item_list.nobreak {
    flex-direction: row;
  }
  .many_sliceform_list {
    margin: 0;
  }
  .many_sliceform_list > li {
    flex: 0 0 100%;
  }
}
@media (max-width: 374px) {
  .chip_inline_wrap {
    flex-direction: column;
  }
  .chip_form_list > li.auto_type > select.form_select {
    width: 100%;
  }
  .grow_item_list.nobreak {
    flex-direction: column;
  }
}
.docform_templete {
  display: flex;
  gap: 36px;
  padding: 36px 0 0 0;
}

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

.docform_short {
  flex: 0 0 180px;
}

.tour_ui_wrap {
  /* position: -webkit-sticky; */
  position: absolute;
  top: 30px;
}

.tour_ui_wrap.fixed {
  position: fixed;
  top: 30px;
  max-width: 170px;
}

.tour_fraction_box {
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  padding: 16px 12px 24px;
}
.tour_fraction_box .title_row {
  padding-bottom: 16px;
  border-bottom: 1px solid #BDC5D1;
}
.tour_fraction_box .map_row {
  padding-top: 16px;
}

.tour_title {
  display: flex;
  min-height: 44px;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.docu_map_list > li {
  padding-bottom: 16px;
  position: relative;
}
.docu_map_list > li:last-of-type {
  padding-bottom: 0;
}
.docu_map_list > li:last-of-type:before {
  display: none;
}
.docu_map_list > li.active .docu_map_item .ico {
  background-color: #FFCE5F;
}
.docu_map_list > li.active .docu_map_item .text_node {
  color: #000000;
}
.docu_map_list > li.way_active:before {
  border-left: 1px solid #FFCE5F;
}
.docu_map_list > li.current .docu_map_item .text_node {
  color: #005AAB;
}
.docu_map_list > li:before {
  display: block;
  content: "";
  width: 0;
  border-left: 1px dashed #FFCE5F;
  height: 100%;
  position: absolute;
  top: 11px;
  left: 5px;
}

.docu_map_item {
  display: flex;
  gap: 12px;
  position: relative;
}
.docu_map_item .ico {
  width: 11px;
  height: 11px;
  border: 1px solid #FFCE5F;
  background: #fff;
  border-radius: 100%;
  box-sizing: border-box;
  flex: 0 0 11px;
  position: relative;
  top: 6px;
}
.docu_map_item .text_node {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #595959;
}

.tour_util_wrap {
  padding: 22px 12px;
}

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

.btn_tour_util {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn_tour_util .ico {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_tour_util .ico.print {
  background-image: url("../images/ico_print.png");
}
.btn_tour_util .ico.word {
  background-image: url("../images/ico_word.png");
}
.btn_tour_util .text_node {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.btn_face {
  display: flex;
  min-height: 52px;
  border: 1px solid #0B51C5;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
}
.btn_face .text_node {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #005AAB;
}

.df_title_row {
  margin-bottom: 48px;
}

input.docu_big_input {
  height: 56px;
  border: 0;
  border-bottom: 2px solid #1D1D1F;
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  /* 1px solid #E6E6E6 */
}
input.docu_big_input::-moz-placeholder {
  color: #aaa;
}
input.docu_big_input::placeholder {
  color: #aaa;
}

.df_gate_row {
  margin-bottom: 48px;
}

.docuform_gate_box {
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  padding: 24px 36px;
  display: flex;
  gap: 60px;
}
.docuform_gate_box .img_cols {
  flex: 0 0 103px;
}
.docuform_gate_box .spec_cols {
  flex: 1;
  min-width: 0;
}

.docu_thumnail_wrap {
  width: 103px;
  height: 132px;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  background: #F8F8F8 url("../images/img_no.png") no-repeat 50% 50%/36px auto;
  position: relative;
}
.docu_thumnail_wrap > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.btn_tc_list {
  margin-top: 18px;
  display: flex;
  gap: 16px;
  justify-content: center;
}
.btn_tc {
  display: inline-block;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  text-decoration: underline !important;
}
.btn_tc.skin2 {
  color: #595959;
}

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

.dfgate_who {
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.dfgate_util_list {
  display: flex;
  gap: 5px 19px;
}
.dfgate_util_list > li {
  position: relative;
}
.dfgate_util_list > li:after {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #C1C1C1;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  right: -11px;
}
.dfgate_util_list > li:last-of-type:after {
  display: none;
}

.dfgate_util {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.docu_gate_summary_row {
  margin-top: 16px;
}

.docu_summary_tb {
  width: 100%;
}
.docu_summary_tb tr th,
.docu_summary_tb tr td {
  text-align: left;
  padding-bottom: 10px;
}
.docu_summary_tb tr th {
  padding-right: 38px;
}
.docu_summary_tb tr td {
  padding-right: 38px;
}
.docu_summary_tb tr td:last-of-type {
  padding-right: 0;
}
.docu_summary_tb tr:last-of-type th, .docu_summary_tb tr:last-of-type td {
  padding-bottom: 0;
}

.docu_summary_thtext {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  white-space: nowrap;
}

.docu_summary_tdtext {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.df_field_row {
  margin-bottom: 38px;
}
.df_field_row:last-of-type {
  margin-bottom: 0;
}

.df_field_title_row {
  margin-bottom: 15px;
}

.df_field_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.btn_field_bottom_wrap.btn_box_wrap {
  margin-top: 48px;
}
.draft_container {
  display: flex;
  gap: 36px;
}

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

.draft_short {
  flex: 0 0 300px;
}

.draft_block {
  margin-bottom: 50px;
}
.draft_block:last-of-type {
  margin-bottom: 0;
}

.draft_title_row {
  display: flex;
  margin-bottom: 16px;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.draft_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #000000;
}

.draft_guide_para {
  font-size: 13px;
}
.draft_guide_para + .bullet_list {
  margin-top: 12px;
}

.process_diagram_wrap {
  margin-top: 48px;
}

.process_diagram_list {
  display: flex;
  gap: 80px;
}
.process_diagram_list > li {
  flex: 1;
  position: relative;
}
.process_diagram_list > li:after {
  display: block;
  content: "";
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_arrow_dia.png");
  position: absolute;
  top: 50%;
  right: -70px;
  transform: translateY(-50%);
}
.process_diagram_list > li:last-of-type:after {
  display: none;
}

.process_spec_row {
  text-align: center;
}

.process_spec_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
  margin: 30px -40px 0;
}

.render_paper_box {
  border: 2px solid #0053C2;
  border-radius: 12px;
  padding: 24px 16px 40px;
}

.paper_title_row {
  padding-bottom: 24px;
  border-bottom: 1px solid #BDC5D1;
}

.paper_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #000000;
}

.paper_contents {
  padding-top: 30px;
}
.paper_contents .pc_row {
  margin-bottom: 36px;
}
.paper_contents .pc_row:last-of-type {
  margin-bottom: 0;
}
.paper_contents .pc_row.define_summary {
  background: #F8F8F8;
  border-radius: 4px;
  padding: 16px 12px;
}
.paper_sum_price_obj {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.paper_sum_price_obj dt .key_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.paper_current_price_obj {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.paper_current_price_obj dt .key_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.price_package {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.price_package .price_main_number {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #B5000F;
}
.price_package .price_sub_number {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.price_package .price_unit_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.paper_form_obj > li {
  margin-bottom: 24px;
}
.paper_form_obj > li:last-of-type {
  margin-bottom: 0;
}

.paper_current_price_obj {
  display: flex;
  gap: 20px;
  align-items: center;
}
.paper_current_price_obj dt, .paper_current_price_obj dd {
  flex: 1;
}
.paper_current_price_obj dt {
  white-space: nowrap;
  flex: 0 0 100px;
}
.paper_current_price_obj dd {
  text-align: right;
}
.paper_current_price_obj .key_text_wrap {
  display: flex;
  min-height: 40px;
  align-items: center;
}
.paper_current_price_obj .key_text_sub {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}
.paper_current_price_obj .key_sub_wrap {
  margin-top: 4px;
}
.price_input_form {
  display: flex;
  justify-content: flex-end;
  max-width: 110px;
  align-items: center;
  gap: 3px;
  height: 40px;
  border: 1px solid #E6E6E6;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #fff;
}
.price_input_form input.price_input {
  height: 38px;
  background: none;
  border: 0;
  text-align: right;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  width: 100%;
  box-sizing: border-box;
}
.price_input_form .price_unit_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #AAAAAA;
}

.price_fraction_wrap {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}
.price_fraction_wrap .emp {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  color: #000;
}

.paper_total_price_obj {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.paper_total_price_obj .key_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #000000;
}
.paper_total_price_obj .key_sub_text {
  color: #595959;
  margin-top: 2px;
}
.paper_total_price_obj .price_package .price_main_number {
  font-size: 24px;
}
.render_sticky_wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

@media (max-width: 1023px) {
  .docform_templete {
    padding-top: 20px;
  }
  .df_gate_row,
.df_field_row,
.df_title_row {
    margin-bottom: 30px;
  }
  input.docu_big_input {
    height: 50px;
    font-size: 18px;
  }
  .docform_short {
    display: none;
  }
  .docuform_gate_box {
    padding: 15px;
    border-radius: 10px;
    gap: 20px;
  }
  .docuform_gate_box .img_cols {
    flex-basis: 80px;
  }
  .docu_thumnail_wrap {
    width: 80px;
    height: 100px;
  }
  .btn_tc_list {
    margin-top: 10px;
    gap: 10px;
  }
  .btn_tc {
    font-size: 12px;
  }
  .dfgate_who {
    font-size: 14px;
  }
  .dfgate_main_row {
    flex-direction: column;
    align-items: normal;
  }
  .docu_summary_tb {
    display: block;
  }
  .docu_summary_tb tr {
    display: block;
  }
  .docu_summary_tb tr:last-of-type {
    padding-bottom: 0;
  }
  .docu_summary_tb tr th, .docu_summary_tb tr td {
    display: block;
    padding: 0;
  }
  .docu_summary_tb tr th {
    width: auto;
    padding: 0 0 5px;
  }
  .docu_summary_tb tr th:last-of-type {
    padding-bottom: 5px;
  }
  .docu_summary_tb tr td {
    padding-bottom: 20px;
  }
  .docu_summary_thtext,
.docu_summary_tdtext {
    font-size: 13px;
  }
  .draft_container {
    gap: 40px;
    flex-direction: column;
    align-items: normal;
  }
  .draft_long {
    flex: 0;
  }
  .draft_short {
    flex: 0;
  }
  .draft_block {
    margin-bottom: 30px;
  }
  .draft_title_row {
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
  }
  .draft_title {
    font-size: 14px;
  }
  .draft_guide_para {
    font-size: 13px;
  }
  .draft_guide_para + .bullet_list {
    margin-top: 12px;
  }
  .process_diagram_wrap {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
  }
  .process_diagram_list {
    gap: 50px;
    flex-wrap: wrap;
    margin-right: -50px;
  }
  .process_diagram_list > li {
    flex: 0 0 calc(50% - 50px);
  }
  .process_diagram_list > li:nth-of-type(2n):after {
    display: none;
  }
  .process_diagram_list > li:after {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: -50px;
  }
  .process_diagram_list > li:last-of-type:after {
    display: none;
  }
  .render_paper_box {
    border-radius: 10px;
  }
  .paper_title {
    font-size: 16px;
  }
  .paper_contents {
    padding-top: 20px;
  }
  .paper_contents .pc_row {
    margin-bottom: 20px;
  }
  .paper_sum_price_obj {
    gap: 10px;
  }
  .paper_sum_price_obj dt .key_text {
    font-size: 14px;
  }
  .paper_current_price_obj {
    gap: 10px;
  }
  .price_package .price_main_number {
    font-size: 17px;
  }
  .price_package .price_sub_number {
    font-size: 13px;
  }
  .price_package .price_unit_text {
    font-size: 13px;
  }
  .paper_form_obj > li {
    margin-bottom: 24px;
  }
  .paper_form_obj > li:last-of-type {
    margin-bottom: 0;
  }
  .paper_current_price_obj {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .paper_current_price_obj dt, .paper_current_price_obj dd {
    flex: 1;
  }
  .paper_current_price_obj dt {
    white-space: nowrap;
  }
  .paper_current_price_obj dd {
    text-align: right;
  }
  .paper_current_price_obj .key_text_wrap {
    display: flex;
    min-height: 40px;
    align-items: center;
  }
  .paper_current_price_obj .key_text_sub {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #000000;
  }
  .paper_current_price_obj .key_sub_wrap {
    margin-top: 4px;
  }
  .price_input_form {
    display: inline-flex;
    justify-content: flex-end;
    max-width: 110px;
    align-items: center;
    gap: 3px;
    height: 40px;
    border: 1px solid #E6E6E6;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #fff;
  }
  .price_input_form input.price_input {
    height: 38px;
    background: none;
    border: 0;
    text-align: right;
    font-family: "Spoqa", "NotoSans-Regular", dotum;
  }
  .price_input_form .price_unit_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #AAAAAA;
  }
  .price_fraction_wrap {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: #595959;
  }
  .price_fraction_wrap .emp {
    font-family: "Spoqa", "NotoSans-Regular", dotum;
    color: #000;
  }
  .paper_total_price_obj {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
  }
  .paper_total_price_obj .key_text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #000000;
  }
  .paper_total_price_obj .key_sub_text {
    color: #595959;
    margin-top: 2px;
  }
  .paper_total_price_obj .price_package .price_main_number {
    font-size: 24px;
  }
  .render_sticky_wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
  }
  .process_spec_para {
    margin: 20px 0 0;
  }
}
/* design page */
.stack_title_row {
  margin-bottom: 12px;
}

.stack_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: inherit;
}

.word_info_tb_wrap {
  margin-top: 12px;
  font-size: 0;
  line-height: 0;
}

.word_info_tb_inner {
  display: inline-block;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 7px 11px;
}

.word_info_tb td {
  padding: 4px 5px;
  text-align: left;
}
.word_info_tb td:last-of-type {
  padding-right: 0;
}

.word_key_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
}

.word_emp_number {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #B5000F;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.word_sub_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #595959;
}

.screen_box_container {
  margin-top: 12px;
  border: 1px solid #E6E6E6;
  text-align: center;
  background-position: 0 0;
  background-size: 100% auto;
  min-height: 434px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 30px;
}

.screen_box_copy_wrap {
  flex: 1;
}

.screen_box_main_copy {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #005AAB;
  word-break: keep-all;
}

.screen_box_sub_copy {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  margin-top: 23px;
  word-break: keep-all;
}

.screen_box_sub2_copy {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  margin-top: 27px;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
  word-break: keep-all;
}
.screen_box_sub2_copy .color_marking {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #005AAB;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.screen_slice_word_group {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

.screen_column_copy_group {
  margin-bottom: 16px;
}

.sc_copy_main {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #005AAB;
  word-break: keep-all;
}

.sc_copy_sub {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #005AAB;
  margin-top: 2px;
  word-break: keep-all;
}

.screen_column_btn_group {
  background: #EDF2FB;
  border-radius: 16px;
  max-width: 800px;
  flex: 1;
  width: 100%;
  margin: 0 auto 16px;
  box-sizing: border-box;
  padding: 48px;
}

.btn_screen_box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 78px;
  background: #0B51C5;
}
.btn_screen_box .text_node {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.screen_note_para {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  word-break: keep-all;
}

.screen_info_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  word-break: keep-all;
}

.screen_info_guide_package {
  margin-top: 15px;
}

.screen_info_gp_list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 0;
  line-height: 0;
}
.screen_info_gp_item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.gp_key_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  white-space: nowrap;
  display: inline-block;
  word-break: keep-all;
}

.gp_value_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: inline-block;
}
.gp_value_text.color_emp {
  font-size: 16px;
  font-weight: 500;
}

.style_box_list {
  display: flex;
}
.style_box_list > li {
  flex: 1;
  display: flex;
}

.style_box {
  background-color: #FFF2F2;
  flex: 1;
  padding: 16px 24px;
}
.style_box .title_row {
  margin-bottom: 10px;
}
.style_box .contents_row {
  margin-bottom: 10px;
}
.style_box.skin2 {
  background-color: #F2FFF7;
}
.style_box.skin2 .style_box_title {
  color: #25B05A;
}
.style_box.skin3 {
  background-color: #F6F2FF;
}
.style_box.skin3 .style_box_title {
  color: #7447D8;
}
.style_box_title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #FC4C4C;
}

.style_box_number {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.style_box_cpara {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #595959;
}

.style_box_cpara2 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}

.info_block_list > li {
  margin-top: 36px;
}

.info_block .title_row {
  margin-bottom: 16px;
}
.info_block_title {
  display: flex;
  gap: 3px;
}
.info_block_title .ico {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  flex-basis: 24px;
  display: block;
}
.info_block_title .ico.chk {
  background-image: url("../images/ico_design_chk.png");
}
.info_block_title .text_node {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  display: inline-block;
  padding-top: 1px;
}

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

.info_box_item {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  padding: 28px 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px 0;
}
.info_box_item.dis_type2 {
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.info_box_item .info_cols {
  flex: none;
}
.info_box_item .info_row {
  flex: 0;
  align-items: flex-start;
}
.info_box_item .info_row.cont_row {
  margin-left: 20px;
}
.info_node_para {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #595959;
  margin-bottom: 8px;
}
.info_node_para:last-of-type {
  margin-bottom: 0;
}
.info_node_para.emp {
  color: #000;
  font-size: 14px;
}

.indent_para_node {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #005AAB;
  gap: 5px;
}
.indent_para_node .indent_bullet {
  flex: 0;
  white-space: nowrap;
}
.indent_para_node .indent_liquid_para {
  flex: 1;
}

.diagram_text_wrap {
  width: 100%;
}

.diagram_text_list {
  display: flex;
  gap: 60px;
  text-align: center;
}
.diagram_text_list > li {
  flex: 1;
  position: relative;
}
.diagram_text_list > li:after {
  display: block;
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_arrow_dia.png");
}
.diagram_text_list > li:last-of-type:after {
  display: none;
}

.diagram_box_node {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background: #EDF2FB;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto;
}
.diagram_box_node .text_node {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #005AAB;
}

.diagram_sub_row {
  margin-top: 24px;
}

.diagram_sub_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: #000;
  color: inherit;
  word-break: keep-all;
}

.contain_guide_wrap {
  margin-top: 36px;
}

.contain_guide_item {
  text-align: center;
  background: #F8F8F8;
}
.contain_guide_item img {
  vertical-align: top;
  max-width: 340px;
  margin: 0 auto;
  padding: 15px 0;
}

.contain_note_para {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
}
.contain_note_para + .indent_note_list {
  margin-top: 12px;
}

.useguide_container {
  padding-top: 22px;
}

.useguide_block {
  margin-bottom: 50px;
}
.useguide_block:last-of-type {
  margin-bottom: 0;
}

.useguide_title_row {
  margin-bottom: 12px;
}

.useguide_title {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.useguide_title .ico {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.useguide_title .ico.voice {
  background-image: url("../images/ico_title_voice.png");
}
.useguide_title .ico.product {
  background-image: url("../images/ico_title_product.png");
}
.useguide_title .text_node {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.useguide_tab_row {
  display: flex;
  align-items: center;
  gap: 80px;
}
.useguide_tab_row > .tailtab_wrap {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.useguide_tab_row .long_cols {
  flex: 1;
  min-width: 0;
}
.useguide_tab_row .long_cols .tailtab_wrap {
  margin-bottom: 0;
}
.useguide_tab_row .long_cols .tailtab_wrap .tailtab_list > li {
  flex: 1;
}
.useguide_tab_row .long_cols .tailtab_wrap .tailtab {
  min-width: 0;
}
.useguide_tab_row .auto_cols {
  flex: 1;
  min-width: 0;
}
.useguide_tab_row .auto_cols .btn_taskbox_list > li {
  flex: 1;
}
.useguide_tab_row .auto_cols .btn_taskbox_list > li .btn_taskbox {
  display: flex;
}

.useguide_contents {
  margin-top: 36px;
}

.display_product_container {
  display: flex;
  gap: 80px;
  align-items: flex-start;
}
.display_product_container .product_cols {
  flex: 1;
  min-width: 0;
}
.display_product_container .render_cols {
  flex: 1;
  min-width: 0;
}
.dp_product_wrap {
  position: relative;
  overflow-y: scroll;
  margin-right: -10px;
  height: 1968px;
}

.dp_product_list {
  padding: 1px;
}
.dp_product_list > li {
  margin-bottom: 24px;
}
.dp_product_list > li:last-of-type {
  margin-bottom: 0;
}

.dp_product_box {
  border-radius: 16px;
  border: 1px solid #E6E6E6;
  padding: 24px 36px;
  cursor: pointer;
}
.dp_product_box .title_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.dp_product_box .info_row {
  margin-top: 22px;
}
.dp_product_box.active {
  border-color: #E74C3D;
  outline: 1px solid #E74C3D;
}
.dp_product_box.active .dp_expnote_box {
  background-color: #EDF2FB;
}

.dp_product_name_wrap {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.dp_proname,
.dp_prosub {
  display: inline-block;
}

.dp_proname {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.dp_prosub {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  position: relative;
  top: -3px;
}

.dp_with_value_list {
  display: flex;
  gap: 16px;
}
.dp_with_obj {
  display: flex;
  align-items: center;
}

.dp_value_node {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.dp_unit_node {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.dp_with_caption {
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.dp_expsub_copy {
  font-size: 13px;
}

.dp_exptail_list {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.3px;
  color: #000;
}
.dp_exptail_list > li {
  position: relative;
  padding-left: 10px;
}
.dp_exptail_list > li:before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background: #005AAB;
  border-radius: 100%;
  position: absolute;
  top: 12px;
  left: 0;
}
.dp_expnote_box {
  background: #F8F8F8;
  border-radius: 8px;
  padding: 21px 36px;
  margin-top: 10px;
}

.dp_expnote_list {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.3px;
  color: #595959;
}
.dp_expnote_list > li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 3px;
}
.dp_expnote_list > li:last-of-type {
  margin-bottom: 0;
}
.dp_expnote_list > li:before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background: #005AAB;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  left: 0;
}

.render_pos_box {
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  padding: 22px 36px;
  margin-top: 24px;
  text-align: center;
}
.render_pos_box img {
  vertical-align: top;
}

.render_tabcont {
  display: none;
}
.render_tabcont.active {
  display: block;
}

.service_step_list {
  display: flex;
  gap: 20px 60px;
}
.service_step_list > li {
  position: relative;
  flex: 1;
}
.service_step_list .step_arrow {
  width: 60px;
  flex: 0 0 60px;
  position: absolute;
  top: 0;
  right: -60px;
  height: 120px;
}
.service_step_list .step_arrow:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  width: 18px;
  height: 18px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translate(-50%, -50%) rotate(45deg);
}

.service_step_item {
  flex: 1;
  text-align: center;
}
.service_step_item .img_row {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.service_step_item .img_row img {
  vertical-align: top;
}
.service_step_item .spec_row {
  margin-top: 24px;
}

.service_step_maincopy {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.service_step_subcopy {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.supply_step_list {
  display: flex;
}
.supply_step_list > li {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.supply_step_list > li:nth-of-type(2n) .supply_step_item {
  background: #B1DCFF;
}

.supply_step_item {
  background: #A1C4FF;
  padding: 36px 0 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.supply_step_item .copy_row {
  padding: 0 12px 0 24px;
}
.supply_step_item .ico_row {
  padding: 10px 12px 0;
  display: flex;
  justify-content: flex-end;
}
.supply_step_item .main_kind_secondary {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
}
.supply_step_item .main_kind_primary {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}
.supply_step_item .sub_copy_group {
  margin-top: 10px;
}
.supply_step_item .sub_copy {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #4656BD;
}
.supply_step_item .ico_arrow {
  display: block;
  width: 52px;
  height: 52px;
  background: url("../images/ico_useguide_arrow.png") no-repeat 50% 50%/100% auto;
  border-radius: 100%;
}

.plate_contents {
  margin-top: 12px;
}

.plate_info_block {
  border: 1px solid #E6E6E6;
  padding: 24px;
}

.plate_list_block {
  margin-top: 24px;
}

@media (max-width: 1299px) {
  .service_step_list {
    gap: 20px 40px;
  }
  .service_step_list .step_arrow {
    width: 40px;
    flex: 0 0 40px;
    right: -40px;
    height: 90px;
  }
  .service_step_list .step_arrow:after {
    margin-left: -5px;
  }
  .service_step_item .img_row {
    width: 90px;
    height: 90px;
  }
  .service_step_item .spec_row {
    margin-top: 18px;
    /*  br{display:none;} */
  }
  .service_step_maincopy {
    font-size: 14px;
  }
  .service_step_subcopy {
    font-size: 14px;
  }
  .supply_step_item .copy_row {
    padding: 0 12px 0 12px;
  }
  .supply_step_item .main_kind_secondary {
    font-size: 18px;
  }
  .supply_step_item .main_kind_primary {
    font-size: 24px;
  }
  .supply_step_item .sub_copy {
    font-size: 14px;
  }
  .supply_step_item .sub_copy br {
    display: none;
  }
  .supply_step_item .ico_arrow {
    width: 42px;
    height: 42px;
  }
  .useguide_tab_row .long_cols .tailtab_wrap .tailtab {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1023px) {
  .stack_title {
    font-size: 14px;
  }
  .word_key_text,
.word_emp_number,
.word_sub_text {
    font-size: 12px;
  }
  .screen_box_main_copy {
    font-size: 18px;
  }
  .screen_box_sub_copy {
    font-size: 14px;
    margin-top: 16px;
  }
  .screen_box_sub2_copy {
    font-size: 14px;
    margin-top: 16px;
    gap: 5px 10px;
  }
  .screen_box_sub2_copy .color_marking {
    font-size: 14px;
  }
  .screen_box_container {
    min-height: 300px;
    padding: 15px;
  }
  .style_box_list {
    flex-direction: column;
  }
  .style_box_list > li {
    flex: 0;
  }
  .style_box {
    padding: 16px;
  }
  .style_box .contents_row {
    margin-bottom: 0;
  }
  .style_box_title {
    font-size: 14px;
  }
  .style_box_number {
    font-size: 16px;
  }
  .style_box_cpara {
    font-size: 14px;
  }
  .style_box_cpara2 {
    font-size: 14px;
  }
  .info_block_title .ico {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }
  .info_block_title .text_node {
    padding: 0;
    font-size: 14px;
  }
  .info_block .title_row {
    margin-bottom: 10px;
  }
  .info_box_item {
    padding: 20px 20px;
    border-radius: 8px;
    gap: 5px 0;
  }
  .info_box_item.dis_type2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .info_box_item .info_row.cont_row {
    margin: 5px 0 0 0;
  }
  .indent_para_node {
    font-size: 14px;
  }
  .diagram_text_list {
    display: block;
  }
  .diagram_text_list > li {
    padding-bottom: 0;
  }
  .diagram_text_list > li:after {
    width: 60px;
    height: 60px;
    position: static;
    transform: translateY(0);
    margin: 0 auto;
    transform: rotate(90deg);
  }
  .diagram_text_list > li:last-of-type:after {
    display: none;
  }
  .diagram_box_node {
    width: 100px;
    height: 100px;
  }
  .diagram_box_node .text_node {
    font-size: 14px;
  }
  .diagram_sub_row {
    margin-top: 15px;
  }
  .contain_note_para {
    font-size: 14px;
  }
  .contain_guide_wrap {
    margin-top: 36px;
  }
  .contain_guide_item {
    padding: 10px;
  }
  .contain_guide_item img {
    max-width: 100%;
  }
  .useguide_container {
    padding-top: 20px;
  }
  .useguide_block {
    margin-bottom: 30px;
  }
  .useguide_title_row {
    margin-bottom: 15px;
  }
  .useguide_title .ico {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
  }
  .useguide_title .text_node {
    font-size: 16px;
  }
  .useguide_tab_row {
    gap: 15px 0;
    flex-direction: column;
    align-items: normal;
  }
  .useguide_tab_row > .tailtab_wrap {
    flex: 1;
  }
  .useguide_tab_row .long_cols {
    flex: 1;
  }
  .useguide_tab_row .long_cols .tailtab_wrap {
    margin-bottom: 0;
  }
  .useguide_tab_row .auto_cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .useguide_contents {
    margin-top: 12px;
  }
  .display_product_container {
    flex-direction: column;
    gap: 40px 0;
  }
  .display_product_container .product_cols {
    flex: 1;
    width: 100%;
  }
  .display_product_container .render_cols {
    flex: 1;
    width: 100%;
  }
  .dp_product_box {
    border-radius: 10px;
    padding: 10px 20px;
  }
  .dp_product_box .title_row {
    gap: 0;
    flex-direction: column;
    align-items: normal;
    justify-content: flex-start;
  }
  .dp_product_box .info_row {
    margin-top: 15px;
  }
  .dp_with_caption {
    text-align: left;
    font-size: 13px;
  }
  .dp_product_name_wrap {
    gap: 5px;
  }
  .dp_proname,
.dp_prosub {
    display: inline-block;
  }
  .dp_proname {
    font-size: 18px;
  }
  .dp_prosub {
    font-size: 13px;
    top: -2px;
  }
  .dp_with_value_list {
    gap: 10px;
  }
  .dp_product_wrap {
    padding: 0;
    height: auto;
  }
  .dp_exptail_list {
    font-size: 14px;
  }
  .dp_exptail_list > li:before {
    top: 10px;
  }
  .dp_product_box {
    border-radius: 10px;
    padding: 15px 25px;
  }
  .dp_expnote_box {
    padding: 10px 20px;
  }
  .render_pos_box {
    border-radius: 10px;
    padding: 20px;
    margin-top: 24px;
  }
  .service_step_wrap {
    position: relative;
    overflow: hidden;
  }
  .service_step_list {
    gap: 20px 40px;
    flex-wrap: wrap;
    margin-right: -40px;
  }
  .service_step_list > li {
    flex: 0 0 calc(50% - 40px);
  }
  .service_step_list > li:nth-child(2n) .step_arrow {
    display: none;
  }
  .service_step_list .step_arrow {
    width: 40px;
    flex: 0 0 40px;
    right: -40px;
    height: 90px;
  }
  .service_step_maincopy {
    font-size: 14px;
  }
  .service_step_subcopy {
    font-size: 13px;
  }
  .supply_step_list {
    flex-wrap: wrap;
  }
  .supply_step_list > li {
    flex: 0 0 33.3333%;
  }
  .supply_step_item {
    padding: 12px 0;
  }
  .supply_step_item .main_kind_secondary {
    font-size: 14px;
  }
  .supply_step_item .main_kind_primary {
    font-size: 16px;
  }
  .supply_step_item .ico_arrow {
    width: 30px;
    height: 30px;
  }
  .supply_step_item .sub_copy {
    font-size: 12px;
  }
  .dp_product_wrap {
    overflow: visible;
  }
  .render_tabcont img {
    width: 100%;
  }
  .screen_column_copy_group {
    margin-bottom: 8px;
  }
  .sc_copy_main {
    font-size: 18px;
  }
  .sc_copy_sub {
    font-size: 14px;
  }
  .screen_column_btn_group {
    border-radius: 10px;
    margin-bottom: 8px;
    padding: 20px;
  }
  .btn_screen_box {
    min-height: 50px;
  }
  .btn_screen_box .text_node {
    font-size: 16px;
  }
  .screen_note_para {
    margin-top: 12px;
    font-size: 14px;
  }
  .screen_info_para {
    font-size: 14px;
  }
  .screen_info_guide_package {
    margin-top: 8px;
  }
  .screen_info_gp_list {
    flex-direction: column;
    gap: 5px 0;
    display: inline-flex;
    align-items: flex-start;
  }
  .screen_info_gp_item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 0;
    line-height: 0;
    justify-content: flex-start;
  }
  .gp_key_text {
    font-size: 13px;
  }
  .gp_value_text {
    font-size: 13px;
    position: relative;
    top: 1px;
  }
  .gp_value_text.color_emp {
    font-size: 14px;
    top: 0;
  }
}
/* 서비스 이용안내 */
.stylebox_grid_wrap {
  position: relative;
  overflow: hidden;
}

.stylebox_grid_list {
  display: flex;
  flex-wrap: wrap;
  gap: 36px 24px;
  margin-right: -24px;
}
.stylebox_grid_list > li {
  flex: 0 0 calc(50% - 24px);
}
.stylebox_grid_list > li.full {
  flex: 0 0 calc(100% - 24px);
}

.stylebox_item {
  border-radius: 24px;
  display: flex;
  gap: 20px;
  padding: 24px 36px;
  background-color: #D2EBE3;
  align-items: center;
  box-sizing: border-box;
  min-height: 100%;
}
.stylebox_item .copy_cols {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 25px;
}
.stylebox_item .img_cols {
  flex: 0 0 160px;
}
.stylebox_item.skin2 {
  background-color: #D4D2EB;
}
.stylebox_item.skin3 {
  background-color: #D2DAEB;
}
.stylebox_item.skin4 {
  background-color: #EBDED2;
}

.sb_title_row {
  display: flex;
  align-items: center;
  gap: 3px;
}

.sb_title_node {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  word-break: keep-all;
}

.sb_title_emp {
  display: flex;
  height: 48px;
  flex: 0 0 48px;
  justify-content: center;
  background: #000;
  border-radius: 100%;
  width: 48px;
  align-items: center;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.sb_cont_main_ment {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  word-break: keep-all;
}

.sb_cont_sub_ment {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  margin-top: 5px;
  word-break: keep-all;
}

.sb_cont_sub2_ment {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-top: 5px;
  word-break: keep-all;
}

.sb_cont_row {
  width: 100%;
}

.shape_wrap img {
  vertical-align: top;
}

.sb_process_list {
  display: flex;
  gap: 120px;
}
.sb_process_list > li {
  position: relative;
}
.sb_process_list > li:after {
  display: block;
  content: "";
  width: 47px;
  height: 47px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_sb_process_img.png");
  position: absolute;
  top: 50%;
  right: -85px;
  transform: translateY(-50%);
}
.sb_process_list > li:last-of-type:after {
  display: none;
}

.shape_step_list {
  display: flex;
  gap: 84px;
  text-align: center;
}
.shape_step_list > li {
  flex: 1;
  position: relative;
}
.shape_step_list > li .arrow_box {
  height: 160px;
  position: absolute;
  top: 0;
  right: -84px;
  width: 84px;
}
.shape_step_list > li .arrow_box:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-right: 1px solid #A67951;
  border-bottom: 1px solid #A67951;
  margin: -10px 0 0 -15px;
  transform: rotate(-45deg);
}
.shape_node_group {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #E9D0BA;
  border-radius: 100%;
}
.shape_node_group .text_node {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: #A67951;
}

.shape_spec_group {
  margin-top: 24px;
}

.main_spec_copy,
.sub_spec_copy {
  word-break: keep-all;
}

.main_spec_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.sub_spec_copy {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
  margin-top: 4px;
}

.remark_guide_wrap {
  margin-bottom: 80px;
}

.remark_block {
  margin-top: 36px;
}

.remark_title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  margin-bottom: 15px;
}

.remark_card_box {
  background: #F8F8F8;
  border-radius: 12px;
  padding: 24px 36px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.remark_card_title {
  margin-bottom: 12px;
}

@media (max-width: 1299px) {
  .sb_process_list {
    display: flex;
    gap: 60px;
  }
  .sb_process_list > li:after {
    width: 30px;
    height: 30px;
    right: -45px;
  }
  .sb_process_list > li:last-of-type:after {
    display: none;
  }
  .sb_cont_main_ment {
    font-size: 20px;
  }
  .stylebox_item .copy_cols {
    gap: 15px;
  }
  .stylebox_item .img_cols {
    flex: 0 0 140px;
  }
}
@media (max-width: 1023px) {
  .stylebox_grid_list {
    gap: 10px;
    margin-right: 0;
  }
  .stylebox_grid_list > li {
    flex: 0 0 100%;
  }
  .stylebox_grid_list > li.full {
    flex: 0 0 100%;
  }
  .stylebox_item {
    padding: 15px 20px;
    border-radius: 18px;
  }
  .stylebox_item .copy_cols {
    gap: 10px;
  }
  .stylebox_item .img_cols {
    flex: 0 0 70px;
  }
  .sb_title_node {
    font-size: 14px;
  }
  .sb_title_emp {
    font-size: 13px;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }
  .sb_cont_main_ment {
    font-size: 14px;
  }
  .sb_cont_sub_ment {
    font-size: 12px;
  }
  .sb_process_list {
    flex-direction: column;
    align-items: normal;
    gap: 50px 0;
  }
  .sb_process_list > li:after {
    transform: rotate(90deg);
    right: auto;
    left: 50%;
    top: calc(100% + 9px);
    margin-left: -15px;
  }
  .shape_step_wrap {
    padding: 10px 0;
  }
  .shape_step_list {
    flex-direction: column;
    align-items: normal;
    gap: 0;
  }
  .shape_step_list > li {
    flex: 0 0 100%;
  }
  .shape_step_list > li .arrow_box {
    height: 40px;
    width: 40px;
    position: relative;
    top: 0;
    left: 0;
    margin: 20px auto;
  }
  .shape_step_list > li .arrow_box:after {
    transform: rotate(45deg);
    top: 3px;
    left: 10px;
    margin: 0;
  }
  .shape_node_group {
    width: 80px;
    height: 80px;
  }
  .shape_node_group .text_node {
    font-size: 14px;
  }
  .shape_spec_group {
    margin-top: 12px;
  }
  .remark_title {
    font-size: 16px;
  }
  .remark_card_box {
    padding: 20px;
    font-size: 13px;
  }
  .remark_guide_wrap {
    margin-bottom: 40px;
  }
}
/* text */
.node_obj_package {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.node_keyword {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.node_linked_text {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: #595959;
  color: inherit;
  gap: 2px;
  white-space: nowrap;
}
.node_linked_text .linked_intext {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.price_node {
  display: flex;
  gap: 3px;
  align-items: center;
  white-space: nowrap;
}
.price_node .price_number {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #B5000F;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  word-break: keep-all;
}
.nodetext_struc_wrap {
  display: flex;
  gap: 5px 10px;
  justify-content: space-between;
  align-items: center;
}
.nodetext_struc_wrap .struc_cols .total_amount_group {
  white-space: nowrap;
}

.nodetext_emp_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: #005AAB;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.nodetext_normal_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  position: relative;
  top: -1px;
}

.total_amount_group {
  text-align: right;
}
.amount_price_wrap {
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}

.amount_price_main {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #B5000F;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.amount_price_unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
}

.amount_price_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-top: 4px;
}

.with_number_para {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.no_reserve_com {
  border: 1px solid #abd868;
  background-color: #e8ffc8;
  font-weight: bold;
  font-size: 14px;
}

@media (max-width: 1023px) {
  .node_obj_package {
    justify-content: flex-start;
  }
  .node_linked_text {
    font-size: 13px;
  }
  .node_linked_text .linked_intext {
    font-size: 14px;
  }
  .price_node .price_number {
    font-size: 17px;
  }
  .nodetext_emp_text {
    font-size: 16px;
  }
  .nodetext_normal_text {
    font-size: 13px;
  }
  .with_number_para {
    font-size: 14px;
  }
  .nodetext_obj_wrap .nodetext_normal_text {
    display: block;
  }
  .nodetext_struc_wrap {
    justify-content: flex-end;
    flex-direction: column;
    align-items: normal;
  }
  .nodetext_struc_wrap .struc_cols .total_amount_group {
    justify-content: flex-end;
    white-space: normal;
  }
  .amount_price_main {
    font-size: 20px;
  }
  .amount_price_copy {
    font-size: 13px;
  }
}
.terms_anchor_box {
  display: flex;
  background: #EDF2FB;
  padding: 0 30px;
}
.terms_anchor_box .terms_cols {
  flex: 1;
  min-width: 0;
  padding: 30px;
}

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

.terms_anchor_item {
  display: flex;
  gap: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #005AAB;
}
.terms_anchor_item .bullet_node {
  flex: 0;
  white-space: nowrap;
}
.terms_stack_item {
  margin-top: 54px;
}
.terms_stack_item .stack_title_row {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 18px;
  margin-bottom: 36px;
}
.terms_stack_item .stack_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.terms_stack_item .indent_para_list {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}

.terms_spec_box {
  margin-top: 60px;
  background: #F8F8F8;
  padding: 24px 36px;
}

.terms_spec_list {
  gap: 20px;
  display: flex;
  justify-content: space-between;
}
.terms_spec_item {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}

@media (max-width: 1023px) {
  .terms_anchor_box {
    padding: 0 20px;
    gap: 20px;
  }
  .terms_anchor_box .terms_cols {
    padding: 20px 0;
  }
  .terms_anchor_list > li {
    margin-bottom: 5px;
  }
  .terms_anchor_item {
    font-size: 13px;
  }
  .terms_stack_item {
    margin-top: 25px;
  }
  .terms_stack_item .stack_title_row {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .terms_stack_item .stack_title {
    font-size: 14px;
  }
  .terms_stack_item .indent_para_list {
    font-size: 14px;
  }
  .terms_spec_box {
    margin-top: 30px;
    padding: 12px 18px;
  }
  .terms_spec_list {
    gap: 10px 20px;
    flex-wrap: wrap;
  }
  .terms_spec_list > li {
    flex: 0 0 calc(50% - 10px);
  }
  .terms_spec_item {
    font-size: 12px;
  }
}
.both_panel_container {
  display: flex;
  gap: 48px;
}
.both_panel_container .contents_cols {
  flex: 1;
  min-width: 0;
}
.both_panel_container .else_cols {
  flex: 0 0 160px;
}

.result_message_row + .context_box_wrap {
  margin-top: 48px;
}

.result_message_para {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.result_keyword {
  color: #B5000F;
}

.context_box_list > li {
  margin-bottom: 48px;
}
.context_box_list > li:last-of-type {
  margin-bottom: 0;
}

.context_box_item .title_row {
  margin-bottom: 16px;
  display: flex;
  gap: 16px;
  align-items: center;
}
.context_box_item .title_row .title_node_para {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}
.context_box_item .title_row .title_fraction_word {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}
.context_box_item .title_row .title_fraction_word .emp {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  color: #B5000F;
  font-weight: 700;
}

.context_box {
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  padding: 16px 30px;
  display: flex;
  gap: 46px;
}
.context_box .img_cols {
  flex: 0 0 226px;
  display: flex;
}
.context_box .description_cols {
  flex: 1;
}

.context_thumnail_wrap {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.context_thumnail_wrap > img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  height: 52px;
  max-width: 100%;
}

.des_main_row {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.des_main_row .primary_cols {
  flex: 0 0 calc(60% - 20px);
}
.des_main_row .sub_cols {
  flex: 0 0 40%;
}

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

.des_main_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}

.des_sub_title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.des_summary_row {
  margin-top: 6px;
}

.des_tuple_list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  gap: 10px 20px;
}
.des_tuple_list.full_block {
  margin-right: 0;
  gap: 10px 0;
}
.des_tuple_list.full_block > li {
  flex: 0 0 100%;
}
.des_tuple_list.cols_2 > li {
  flex: 0 0 calc(50% - 20px);
}
.des_tuple_list.cols_2 > li.full {
  flex: 0 0 100%;
}
.des_tuple_list.cols_2_2 {
  gap: 10px 20px;
}
.des_tuple_list.cols_2_2 > li {
  flex: 0 0 calc(60% - 20px);
}
.des_tuple_list.cols_2_2 > li:nth-child(2n) {
  flex-basis: calc(40% - 20px);
}
.des_tuple_list.cols_2_2 > li.full {
  flex: 0 0 100%;
}
.des_tuple_list > li {
  flex: 0 0 calc(33.3333333% - 20px);
}
.des_tuple_list > li.full {
  flex: 0 0 100%;
}

.des_tuple_obj {
  display: flex;
  gap: 12px;
}
.tuple_keyword {
  display: inline-block;
  background: #005AAB;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  height: 22px;
  width: 46px;
  padding: 0 8px;
  text-align: center;
}

.tuple_keyword_v2 {
  display: inline-block;
  background: #005AAB;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  height: 22px;
  width:46px;
  padding: 0 8px;
  text-align: center;
}

.tuple_value {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.nodata_copy_group {
  padding: 63px 24px;
  min-height: 174px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #F8F8F8;
  border-radius: 16px;
  box-sizing: border-box;
}
.nodata_copy_group .main_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}
.nodata_copy_group .sub_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.hor_column_list {
  border-bottom: 1px solid #E6E6E6;
}
.hor_column_list > li {
  border-top: 1px solid #E6E6E6;
  background-color: #fff;
}
.hor_column_item {
  display: flex;
  gap: 24px;
  padding: 20px 24px;
}
.hor_column_item:hover {
  background: #EDF2FB;
}
.hor_column_item .title_cols {
  flex: 0 0 300px;
}
.hor_column_item .summary_cols {
  flex: 1;
  min-width: 0;
}
.hor_column_item .btn_cols {
  flex: 0 0 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hor_column_copy_group .main_copy,
.hor_column_copy_group .sub_copy {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.hor_column_copy_group .main_copy {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}
.hor_column_copy_group .sub_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  margin-top: 12px;
}

.state_box_wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  margin-top: -20px;
}

.state_box {
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  padding: 16px 12px 24px;
}

.state_title_row {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 24px;
}

.state_title .ico {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  margin: 0 5px;
}
.state_title .ico.search {
  background-image: url("../images/ico_search_10.png");
}
.state_title .text_node {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: #595959;
  color: inherit;
}

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

.state_rank_item {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: #000000;
  color: inherit;
  display: flex;
  gap: 12px;
}
.state_rank_item:hover .rank_text_node {
  text-decoration: underline;
  font-weight: 700;
}

.rank_number {
  flex: 0 0 20px;
  text-align: center;
  white-space: nowrap;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.craft_pair_zone {
  padding: 45px 0 0 0;
}

.craft_pair_section {
  margin-bottom: 56px;
}
.craft_pair_section:last-of-type {
  margin-bottom: 0;
}

.craft_pair_title_row {
  margin-bottom: 24px;
}

.craft_pair_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: #000000;
}

.pair_card_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-right: -16px;
}
.pair_card_list.cols_type2 > li {
  flex: 0 0 calc(33.3333333% - 16px);
}
.pair_card_list > li {
  flex: 0 0 calc(50% - 16px);
}
.pair_card_list > li.nodata_li {
  padding: 0;
  flex: 0 0 calc(100% - 16px) !important;
}
.pair_card_item {
  display: flex;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  padding: 12px 24px;
  gap: 24px;
  background: #fff;
  align-items: center;
}
.pair_card_item:hover {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}
.pair_card_item .img_cols {
  flex: 0 0 148px;
}
.pair_card_item .spec_cols {
  flex: 1;
  min-width: 0; /* padding-top:23px; */
}
.pair_card_item.type2 {
  flex-direction: column;
  gap: 6px 0;
  align-items: normal;
}
.pair_card_item.type2 .img_cols {
  flex: 0;
  /* max-width: 100px; */
   width: 128px;
   height: 52px;
}
.pair_card_item.type2 .img_cols .pair_img_wrap {
  height: 48px;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
}
.pair_card_item.type2 .img_cols .pair_img_wrap img {
  -o-object-position: 0 50%;
     object-position: 0 50%;
}
.pair_card_item.type2 .spec_cols {
  flex: 0;
  padding-top: 0;
}
.pair_card_item .mold_sub_marking {
  justify-content: flex-start;
  margin-top: 4px;
}
.pair_card_item .mold_sub_marking .ico {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
.pair_card_item .mold_sub_caption_wrap {
  height: auto;
}
.pair_card_item .mold_sub_caption {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}
.pair_img_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 114px;
  font-size: 0;
  line-height: 0;
}
.pair_img_wrap > img {
  height: 80%;
  width: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.pair_main_copy,
.pair_sub_copy,
.pair_else_text {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.pair_main_copy {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.pair_sub_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  margin-top: 4px;
}

.pair_else_container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  font-size: 0;
  line-height: 0;
}
.pair_else_text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  display: inline-block;
}

.nodata_copy_box {
  padding: 50px 20px;
  background: #F8F8F8;
  border-radius: 16px;
  box-sizing: border-box;
}
.nodata_copy_box.type2 {
  background: none;
}

.nodata_primary_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.nodata_secondary_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
  margin-top: 8px;
}

@media (max-width: 1299px) {
  .des_tuple_list.tablet_break > li {
    flex: 0 0 100% !important;
  }
  .des_tuple_list.tablet_break > li .des_tuple_obj {
    width: 100%;
  }
  .des_tuple_list.tablet_break > li .des_tuple_obj dt,
.des_tuple_list.tablet_break > li .des_tuple_obj dd {
    text-align: left;
  }
  .des_tuple_list.tablet_break > li .des_tuple_obj dt {
    flex: 0;
  }
  .des_tuple_list.tablet_break > li .des_tuple_obj dd {
    flex: 1;
  }
}
@media (max-width: 1023px) {
  .both_panel_container {
    flex-direction: column;
    align-items: normal;
  }
  .both_panel_container .contents_cols,
.both_panel_container .else_cols {
    flex: 0;
    min-height: 0;
  }
  .both_panel_container .contents_cols {
    flex: 0;
  }
  .both_panel_container .else_cols {
    flex: 0;
  }
  .state_box_wrap {
    margin: 0;
    position: static;
  }
  .result_message_para {
    font-size: 14px;
  }
  .result_message_row + .context_box_wrap {
    margin-top: 24px;
  }
  .context_box_item .title_row {
    gap: 10px;
  }
  .context_box_item .title_row {
    margin-bottom: 10px;
  }
  .context_box_item .title_row .title_node_para {
    font-size: 14px;
  }
  .context_box {
    padding: 20px;
    border-radius: 10px;
    gap: 20px;
    align-items: flex-start;
    background-color:#fff;
    margin-bottom:10px;
  }
  .context_box .img_cols {
    flex-basis: 80px;
  }
  .context_thumnail_wrap {
    padding: 10px;
  }
  .des_main_row {
    flex-direction: column;
    align-items: normal;
    gap: 5px;
  }
  .des_main_row .primary_cols,
.des_main_row .sub_cols {
    flex: 1;
  }
  .des_main_title {
    font-size: 14px;
  }
  .des_sub_title {
    font-size: 14px;
  }
  .des_summary_row {
    margin-top: 6px;
  }
  .tuple_keyword,
.tuple_value {
    font-size: 14px;
  }
  .tuple_value {
    padding-top: 2px;
  }
  .des_tuple_list {
    margin-right: -10px;
    gap: 5px 10px;
  }
  .des_tuple_list > li {
    flex: 0 0 calc(50% - 10px);
  }
  .des_tuple_list > li.full {
    flex: 0 0 100%;
  }
  .nodata_copy_group {
    padding: 40px 20px;
    gap: 5px;
    border-radius: 10px;
  }
  .nodata_copy_group .main_copy,
.nodata_copy_group .sub_copy {
    font-size: 13px;
  }
  .craft_pair_zone {
    padding: 20px 0 0 0;
  }
  .craft_pair_section {
    margin-bottom: 30px;
  }
  .craft_pair_title_row {
    margin-bottom: 12px;
  }
  .craft_pair_title {
    font-size: 20px;
  }
  .pair_card_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-right: -10px;
  }
  .pair_card_list.cols_type2 > li {
    flex: 0 0 calc(100% - 10px);
  }
  .pair_card_list > li {
    flex: 0 0 calc(100% - 10px);
  }
  .pair_card_list > li.nodata_li {
    padding: 0;
    flex: 0 0 calc(100% - 10px) !important;
  }
  .pair_card_item {
    border-radius: 10px;
    padding: 20px;
    gap: 5px;
    flex-direction: column;
    align-items: normal;
  }

  .widthCalc{
  	width: calc(100% - 78px);
  }

  .mbpadding{
  	padding:20px;
  }

  .rbLineBar{
  	border-color: #D68AFF !important;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  }
  .preminumBar{
  	border-color: #5CB9F3 !important;
  }

  .pair_card_item .img_cols {
    flex: 0 0 0;
  }
  .pair_card_item .spec_cols {
    padding-top: 7px;
  }
  .pair_card_item.type2 {
    gap: 5px 0;
  }
  .pair_card_item.type2 .img_cols {
   /*  flex: 0;
    max-width: 100px; */
    position: absolute;
    /* top: 20px; */
    right: 44px;
    width: 68px;
    height: 28px;
  }

  .pair_card_item:hover {
  	box-shadow: none;
  }

  .pair_card_item.type2 .img_cols .pair_img_wrap {
    height: 72px;
  }
  .pair_card_item.type2 .spec_cols {
    flex: 0;
    padding-top: 0;
  }
  .pair_card_item .mold_sub_marking .ico {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    position: relative;
    top: 2px;
  }
  .pair_card_item .mold_sub_caption_wrap {
    height: auto;
  }
  .pair_card_item .mold_sub_caption {
    font-size: 14px;
  }
  .pair_img_wrap {
    height: 40px;
    width: 76px;
  }
  .pair_img_wrap > img {
    height: 100%;
  }
  .pair_main_copy {
    font-size: 16px;
  }
  .pair_sub_copy {
    font-size: 12px;
  }
  .pair_else_container {
    margin-top: 12px;
  }
  .nodata_copy_box {
    padding: 30px 15px;
    border-radius: 10px;
  }
  .nodata_primary_copy,
.nodata_secondary_copy {
    font-size: 13px;
  }
  .nodata_secondary_copy {
    margin-top: 5px;
  }
  .pair_main_copy, .pair_sub_copy, .pair_else_text{
  	display:block;
  }
}
@media (max-width: 767px) {
  .des_tuple_list {
    margin-right: 0;
    gap: 5px 0;
  }
  .des_tuple_list > li {
    flex: 0 0 100%;
  }
  .hor_column_item {
    gap: 20px 0;
    padding: 20px 20px;
    flex-direction: column;
    align-items: normal;
    position: relative;
  }
  .hor_column_item .title_cols {
    flex: 0;
    padding-right: 20px;
  }
  .hor_column_item .summary_cols {
    flex: 0;
  }
  .hor_column_item .btn_cols {
    position: absolute;
    top: 22px;
    right: 20px;
  }
  .hor_column_item .des_tuple_list {
    margin-right: -10px;
    gap: 5px 0;
  }
  .hor_column_item .des_tuple_list > li {
    flex: 0 0 100%;
  }
  .hor_column_item .des_tuple_list > li.full {
    flex: 0 0 100%;
  }
  .hor_column_copy_group .main_copy {
    font-size: 16px;
  }
  .hor_column_copy_group .sub_copy {
    font-size: 14px;
    margin-top: 8px;
  }
}
.fdata_title_row {
  margin-bottom: 28px;
  min-height: 66px;
  box-sizing: border-box;
  border-bottom: 1px solid #E6E6E6;
  border-top: 2px solid #BDC5D1;
  display: flex;
  gap: 20px;
}
.fdata_title_row .main_cols {
  flex: 1;
}
.fdata_title_row .util_cols {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
}
.fdata_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #005AAB;
  padding: 18px 0;
}

.btn_fullspuare_box {
  display: flex;
  background: #64C200;
  box-sizing: border-box;
  min-height: 100%;
  gap: 8px;
  align-items: center;
  min-width: 180px;
  justify-content: center;
  align-items: center;
}
.btn_fullspuare_box .ico {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.btn_fullspuare_box .ico.callback {
  background-image: url("../images/ico_callback_24.png");
}
.btn_fullspuare_box .text_node {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}

.fdata_compact_row {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 28px;
}

.fdata_compact_wrap {
  display: flex;
}
.fdata_compact_wrap .compact_cols {
  flex: 1;
  padding: 0 24px;
  border-right: 1px solid #E6E6E6;
}
.fdata_compact_wrap .compact_cols:first-of-type {
  padding-left: 0;
}
.fdata_compact_wrap .compact_cols:last-of-type {
  border-right: 0;
  padding-right: 0;
}

.fdata_thumnail_wrap .spec_row {
  margin-top: 24px;
  text-align: center;
}

.fdata_fiqure_wrap {
  height: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fdata_fiqure_wrap > img {
  height: 82px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.fdata_imgspec_maincopy {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.fdata_imgspec_subcopy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-top: 10px;
}

.compact_each_tb {
  width: 100%;
}
.compact_each_tb th, .compact_each_tb td {
  padding-bottom: 12px;
  text-align: left;
  vertical-align: top;
}
.compact_each_tb th {
  width: 1px;
  white-space: nowrap;
  padding-right: 38px;
}
.compact_each_tb tr:last-of-type th, .compact_each_tb tr:last-of-type td {
  padding-bottom: 0;
}

.compact_each_thtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.compact_each_tdtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}
.compact_each_tdtext.emp {
  font-weight: 700;
}

.compact_each_thtext,
.compact_each_tdtext {
  display: inline-block;
}

.compact_chip_obj .key_row {
  margin-bottom: 24px;
}
.compact_chip_title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #000000;
}

.fdata_btn_row.btn_box_wrap {
  margin-top: 40px;
}
.feature_article_row {
  padding: 40px 0; /* background:#F0F4FE; */
  max-width: 930px;
  margin: 10px auto 0;
  position: relative;
}
.feature_article_row:before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #F0F4FE;
}
.feature_article_row > * {
  position: relative;
}

.floting_tab_wrap.fixed {
  position: fixed;
  top: 72px;
  left: 0;
  width: 100%;
  z-index: 50;
  box-sizing: border-box;
}
.floting_tab_wrap.fixed .fixed_use {
  display: block;
}
.floting_tab_wrap .boxtab_wrap {
  max-width: 930px;
  margin: 0 auto;
}
.floting_tab_wrap .boxtab_text {
  line-height: 1.3;
  word-break: keep-all;
}

.rise_contents_zone {
  border: 1px solid #E6E6E6;
  background: #fff;
  border-top: 0;
}
.rise_contents_zone.each_type {
  margin-top: 36px;
  border: 1px solid #E6E6E6;
}

.wanted_notice {
  padding:20px 0 10px 30px;
  font-size:12px;
  width:100%;
  text-align:left;
}


.rise_contents {
  margin-bottom: 66px;
}
.rise_contents:first-of-type .rise_inner_contents {
  border-top: 0;
}
.rise_contents:last-of-type {
  margin-bottom: 0;
}

.rise_title_row {
  margin-bottom: 20px;
}

.rise_title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.rise_inner_contents {
  position: relative;
  padding: 30px;
}
.rise_inner_contents.ptype2 {
  padding: 0;
}

.rise_linkage_zone {
  padding: 40px 36px;
}
.rise_linkage_zone img {
  vertical-align: top;
}

.arc_block {
  margin-bottom: 48px;
}
.arc_block:last-of-type {
  margin-bottom: 0;
}
.arc_block.arc_obj .title_row {
  margin-bottom: 16px;
  display: flex;
}
.title_util_list {
  position: relative;
  top: 1px;
}
.title_util_list > li {
  padding-left: 32px;
  position: relative;
}
.title_util_list > li:after {
  display: block;
  content: "";
  width: 1px;
  height: 16px;
  background: #E6E6E6;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.title_util_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #005AAB;
}

.arc_main_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
}

.arc_block_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
}

.arc_title_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  box-sizing: border-box;
  padding: 18px 0;
  border-top: 2px solid #E6E6E6;
  min-height: 72px;
  border-bottom: 1px solid #E6E6E6;
}
.arc_title_container .title_cols {
  flex: 1;
  min-width: 0;
}
.arc_block_banner {
  display: flex;
  background: #EDF2FB;
  border-radius: 16px;
  gap: 24px;
  padding: 30px 48px;
  align-items: center;
}
.arc_block_banner .ico {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_men_search.png");
}
.arc_block_banner .text_cols {
  flex: 1;
  min-width: 0;
}
.arc_btn_row.btn_box_wrap {
  margin-top: 48px;
}

.voice_main_copy {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  color: #005AAB;
}
.voice_main_copy .emp {
  font-weight: 700;
}
.voice_main_copy .copy_sub {
  font-size: 14px;
}

.voice_second_copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  margin-top: 8px;
}

.fraction_infocont_list {
  margin-top: 12px;
  background: #fff;
  display: inline-flex;
  padding: 8px 24px;
  border-radius: 100px;
  align-items: center;
  gap: 10px 24px;
}
.fractino_info_package {
  display: inline-flex;
  align-items: center;
}
.fractino_info_package .info_slice {
  padding: 0 3px;
}
.fractino_info_package .info_slice.part {
  font-size: 16px;
  color: #000;
}
.fractino_info_package .keytext {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}
.fractino_info_package .number_tc {
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  font-size: 16px;
  font-weight: 700;
}
.fractino_info_package .unit_tc {
  font-size: 14px;
  color: #595959;
}

.api_info_templete {
  display: flex;
  gap: 60px;
  min-height: 438px;
}
.api_info_templete .spec_cols,
.api_info_templete .api_cols {
  flex: 1;
}
.api_info_templete .api_cols {
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
}

.api_map_render {
  flex: 1;
  position: relative;
  height: 280px;
  margin-top: 6px;
}

.api_linkage_render {
  margin-bottom: 48px;
}

.api_main_copy {
  margin-bottom: 48px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  text-align: center;
}

.explan_info_tb_wrap + .api_map_render {
  margin-top: 36px;
}

.explan_info_tb {
  width: 100%;
}
.explan_info_tb tr:last-of-type th, .explan_info_tb tr:last-of-type td {
  padding-bottom: 0;
}
.explan_info_tb tr th, .explan_info_tb tr td {
  text-align: left;
  padding-bottom: 10px;
  vertical-align: top;
}
.explan_info_tb tr th {
  width: 80px;
  white-space: nowrap;
  padding-right: 30px;
  box-sizing: border-box;
}
.explan_info_thtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.explan_info_thtext.pos_type2 {
  position: relative;
  top: 5px;
}

.explan_info_tditem_container .explan_info_tditem_group {
  margin-bottom: 3px;
}
.explan_info_tditem_container .explan_info_tditem_group:last-of-type {
  margin-bottom: 0;
}

.explan_info_tditem_group {
  display: flex;
  gap: 5px 12px;
  flex-wrap: wrap;
  align-items: center;
}
.explan_info_tdtext,
.explan_info_tdlink {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.explan_info_tdlink {
  text-decoration: underline !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.explan_info_tdlink .ico {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-image: url("../images/ico_blank_24.png");
  position: relative;
  top: 1px;
}

.overview_obj_wrap {
  position: relative;
  overflow: hidden;
}

.overview_obj_container {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
  margin-right: -60px;
}
.overview_obj_container .obj_cols {
  flex: 0 0 calc(50% - 60px);
}
.overview_obj_container.type2 {
  margin-right: 0;
  flex-direction: column;
  gap: 36px 0;
}
.overview_obj_container.type2 .obj_cols {
  flex: 1;
}

.overview_title_row {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.overview_title_row .ico {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  flex-basis: 24px;
}
.overview_title_row .ico.search {
  background-image: url("../images/ico_search_24_2.png");
}

.overview_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.band_info_tb {
  width: 100%;
}
.band_info_tb tr:last-of-type th, .band_info_tb tr:last-of-type td {
  padding-bottom: 0;
}
.band_info_tb th, .band_info_tb td {
  text-align: left;
  padding-bottom: 24px;
  vertical-align: top;
}
.band_info_tb th {
  width: 1px;
  padding-right: 24px;
}
.band_info_tb td {
  padding-top: 5px;
}

.band_info_thtext {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 6px 16px 7px;
  white-space: nowrap;
  border: 1px solid #005AAB;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #005AAB;
  background: #fff;
  white-space: nowrap;
}

.recom_keyword_zone {
  position: relative;
}

.recom_keyword_wrap {
  overflow: hidden;
  height: 112px;
  position: relative;
}
.recom_keyword_wrap.active {
  height: auto;
  overflow: visible;
}

.recom_keyword_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.recom_keyword_list.more_active {
  height: auto;
}
.recom_keyword {
  padding: 10px 24px;
  min-height: 52px;
  border: 1px solid #E6E6E6;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  display: inline-flex;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
}
.recom_keyword.active {
  color: #fff;
  border-color: #0053C2;
  background-color: #0053C2;
  font-weight: 700;
}
.recom_keyword:hover {
  color: #fff;
  border-color: #0053C2;
  background-color: #0053C2;
  font-weight: 700;
}

.btn_shapemore {
  display: flex;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background: #fff url("../images/ico_plus_24_2.png") no-repeat 50% 50%/24px auto;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.btn_shapemore_wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, #FFFFFF 80%);
  padding-left: 83px;
}

.profile_docu_wrap {
  display: flex;
  gap: 60px;
}
.profile_docu_wrap .img_cols {
  flex: 0 0 103px;
}
.profile_docu_wrap .explain_cols {
  flex: 1;
  min-width: 0;
}

.imgdocu_thumnail_wrap {
  width: 103px;
  height: 132px;
  box-sizing: border-box;
  background: #F8F8F8 url("../images/img_no.png") no-repeat 50% 50%/36px auto;
  position: relative;
  border: 1px solid #E6E6E6;
}
.imgdocu_thumnail_wrap img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.who_explain_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.who_name_para {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.who_explain_word_wrap {
  display: flex;
  gap: 19px;
}
.who_explain_word_wrap > li {
  position: relative;
}
.who_explain_word_wrap > li:after {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background: #C1C1C1;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: -12px;
}
.who_explain_word_wrap > li:last-of-type:after {
  display: none;
}

.who_explain_word {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.who_exptb_wrap {
  margin-top: 24px;
}

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

.who_expcell_wrap {
  flex: 1;
  display: flex;
}

.who_expcell.define_th {
  padding-right: 30px;
  padding-top: 2px;
}
.who_expcell.define_td {
  flex: 1;
}

.expcell_thtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.expcell_tdtext {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.liner_data_wrap {
  border-top: 2px solid #BDC5D1;
}

.liner_data_tb {
  width: 100%;
}
.liner_data_tb tr {
  /* &:last-of-type{
      td{border-bottom:0;}
  } */
}
.liner_data_tb tr td {
  border-bottom: 1px solid #E6E6E6;
  padding: 36px 30px;
  text-align: center;
}
.liner_data_tb tr td:first-of-type {
  padding-left: 0;
}
.liner_data_tb tr td:last-of-type {
  padding-right: 0;
}
.liner_data_tb tr td.has_summary {
  text-align: left;
}
.liner_data_tb tr td.align_2 {
  text-align: left;
}
.liner_data_tb tr td.nobreak {
  white-space: nowrap;
}

.liner_data_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.liner_summary_item .liner_row {
  margin-bottom: 16px;
}
.liner_summary_item .liner_row:last-of-type {
  margin-bottom: 0;
}

.liner_keyword {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.liner_bundle_list {
  display: flex;
  gap: 80px;
}
.liner_bundle_obj {
  display: flex;
  gap: 46px;
}
.liner_keyword_list {
  display: flex;
  gap: 19px;
  flex-wrap: wrap;
}
.liner_keyword_list > li {
  position: relative;
}
.liner_keyword_list > li:last-of-type:after {
  display: none;
}
.liner_keyword_list > li:after {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background: #C1C1C1;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: -12px;
}

.liner_bundle_key {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.liner_bundle_value {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.parcel_obj_wrap {
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  padding: 36px 120px;
}

.parcel_obj_list {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  text-align: center;
}
.parcel_obj dd {
  margin-top: 12px;
}

.parcel_key {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.parcel_value {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}

.ready_data_wrap {
  min-height: 136px;
  border-bottom: 1px solid #E6E6E6;
  box-sizing: border-box;
  padding: 20px;
  border-top: 2px solid #BDC5D1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
}


.ready_data_wrap_view {
  min-height: 136px;
  border-bottom: 1px solid #E6E6E6;
  box-sizing: border-box;
  padding: 20px;
  border-top: 2px solid #BDC5D1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 16px;
}

.tarendar_data_wrap {
  min-height: 136px;
  border-bottom: 1px solid #E6E6E6;
  box-sizing: border-box;
  padding: 20px;
  border-top: 2px solid #BDC5D1;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  word-break: break-all;
}

.ready_data_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
  word-break: keep-all;
  background-color: #fff;
  display: inline;
}

.kit_data_wrap {
  border-bottom: 1px solid #E6E6E6;
  border-top: 2px solid #BDC5D1;
  position: relative;
  overflow: hidden;
}

.kit_data_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 80px;
  margin-right: -80px;
}
.kit_data_list > li {
  flex: 0 0 calc(50% - 80px);
  box-sizing: border-box;
  padding: 16px 0;
}

.kit_data_obj {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.kit_data_cell.define_td {
  text-align: right;
}

.kit_main_para {
  display: inline-flex;
  gap: 4px;
}
.kit_main_para .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.kit_main_para .ico.docu {
  background-image: url("../images/ico_iden_24.png");
}
.kit_main_para .text_node {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  position: relative;
  top: 1px;
}

.kit_else_main_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.kit_else_sub_para {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  margin-top: 4px;
}

@media (max-width: 1340px) {
  .floting_tab_wrap.fixed {
    left: 0;
    width: 100%;
    transform: translateX(0);
    padding: 0 30px;
  }
}
@media (max-width: 1299px) {
  .profile_docu_wrap {
    gap: 40px;
  }
  .fdata_title_row {
    gap: 15px 0;
    flex-direction: column;
    padding: 20px 0;
  }
  .fdata_title_row .util_cols {
    gap: 10px;
  }
  .fdata_title {
    padding: 0;
  }
  .btn_fullspuare_box {
    min-width: 100px;
    padding: 5px 20px;
    border-radius: 100px;
    min-height: 0;
  }
  .fdata_compact_wrap {
    flex-wrap: wrap;
    position: relative;
  }
  .fdata_compact_wrap:before {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
  }
  .fdata_compact_wrap:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .fdata_compact_wrap .compact_cols {
    flex: 0 0 50%;
    box-sizing: border-box;
    border-bottom: 1px solid #E6E6E6;
    padding: 24px;
    /* &:nth-of-type(2n-1){border-bottom:0;} */
  }
  /* .who_exptb_list{
      > li{
          display:block;
          .who_expcell_wrap{margin-bottom:8px;}
      }
  } */
  .who_name_para {
    font-size: 20px;
  }
  .liner_data_tb tr td {
    padding: 18px 15px;
  }
  .parcel_obj_wrap {
    padding: 20px 60px;
    border-radius: 10px;
  }
  .kit_data_list {
    gap: 0 40px;
    margin-right: -40px;
  }
  .kit_data_list > li {
    flex: 0 0 calc(50% - 40px);
  }
}
@media (max-width: 1023px) {
  .fdata_title_row {
    margin-bottom: 30px;
  }
  .fdata_title {
    font-size: 18px;
  }
  .floting_tab_wrap.fixed {
    padding: 0 0;
  }
  .floting_tab_wrap .boxtab {
    padding: 5px;
  }
  .floting_tab_wrap .boxtab_text {
    font-size: 13px;
  }
  .btn_fullspuare_box {
    min-height: 30px;
  }
  .btn_fullspuare_box .ico {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }
  .btn_fullspuare_box .text_node {
    font-size: 12px;
  }
  .fdata_compact_row {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .fdata_compact_wrap {
    flex-direction: column;
    align-items: normal;
  }
  .fdata_compact_wrap:before, .fdata_compact_wrap:after {
    display: none;
  }
  .fdata_compact_wrap .compact_cols {
    flex: 0;
    padding: 30px 0;
    border-right: 0;
  }
  .fdata_compact_wrap .compact_cols:first-of-type {
    padding-top: 0;
  }
  .fdata_thumnail_wrap .spec_row {
    margin-top: 10px;
  }
  .fdata_fiqure_wrap {
    height: 100px;
  }
  .fdata_btn_row.btn_box_wrap {
    margin-top: 30px;
  }
  .feature_article_row {
    margin-top: 40px;
    padding-top: 40px;
  }
  .rise_contents {
    margin-bottom: 40px;
  }
  .rise_linkage_zone {
    padding: 30px 20px;
  }
  .rise_title_row {
    margin-bottom: 10px;
  }
  .rise_title {
    font-size: 18px;
  }
  .rise_inner_contents {
    padding: 15px;
  }
  .arc_block {
    margin-bottom: 30px;
  }
  .arc_block.arc_obj .title_row {
    margin-bottom: 12px;
  }
  .title_util_list {
    top: 0;
  }
  .title_util_list > li {
    padding-left: 20px;
  }
  .title_util_list > li:after {
    height: 14px;
    left: 10px;
  }
  .title_util_text {
    font-size: 14px;
  }
  .arc_main_title {
    font-size: 18px;
  }
  .arc_block_title {
    font-size: 14px;
  }
  .arc_title_container {
    gap: 15px 0;
    padding: 20px 0;
    min-height: 45px;
    flex-direction: column;
    align-items: normal;
  }
  .arc_block_banner {
    border-radius: 10px;
    gap: 15px 12px;
    padding: 20px;
    align-items: flex-start;
  }
  .arc_block_banner .ico {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }
  .arc_block_banner.type2 {
    padding-bottom: 15px;
  }
  .arc_btn_row.btn_box_wrap {
    margin-top: 30px;
  }
  .voice_main_copy {
    font-size: 14px;
  }
  .voice_main_copy .copy_sub {
    font-size: 12px;
  }
  .fraction_infocont_list {
    border-radius: 10px;
    flex-direction: column;
    padding: 8px 12px;
    display: flex;
  }
  .fraction_infocont_list > li {
    flex: 1;
    width: 100%;
  }
  .fraction_infocont_list .info_slice .keytext {
    font-size: 13px;
  }
  .fraction_infocont_list .info_slice .valuetext {
    display: block;
  }
  .fraction_infocont_list .info_slice.part {
    font-size: 14px;
    padding: 0 10px;
  }
  .fractino_info_package {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .fractino_info_package .number_tc {
    font-size: 16px;
  }
  .api_info_templete {
    gap: 30px;
    min-height: 0;
    flex-direction: column;
    align-items: normal;
  }
  .api_info_templete .spec_cols,
.api_info_templete .api_cols {
    flex: 0;
  }
  .api_map_render {
    min-height: 400px;
  }
  .api_linkage_render,
.api_main_copy {
    margin-bottom: 30px;
    font-size: 16px;
  }
  .explan_info_tb tr th, .explan_info_tb tr td {
    padding-bottom: 15px;
  }
  .explan_info_tb tr th {
    width: 1px;
    padding-right: 20px;
  }
  .explan_info_thtext {
    font-size: 14px;
  }
  .explan_info_tditem_group {
    display: block;
  }
  .explan_info_tditem_group .explan_info_tdtext {
    display: block;
  }
  .explan_info_tditem_group .btn_actbox {
    margin-top: 5px;
  }
  .explan_info_tdtext,
.explan_info_tdlink {
    font-size: 14px;
  }
  .explan_info_tdlink {
    gap: 5px;
  }
  .explan_info_tdlink .ico {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
  .overview_obj_wrap {
    position: relative;
    overflow: hidden;
  }
  .overview_obj_container {
    gap: 35px 0;
    margin-right: 0;
    flex-direction: column;
  }
  .overview_obj_container .obj_cols {
    flex: 0 0 100%;
  }
  .overview_title_row {
    margin-bottom: 15px;
  }
  .overview_title_row .ico {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }
  .overview_title {
    font-size: 16px;
  }
  .band_info_tb th {
    padding-right: 15px;
  }
  .recom_keyword_list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .recom_keyword {
    padding: 5px 12px;
    min-height: 30px;
    font-size: 14px;
  }
  .profile_docu_wrap {
    gap: 20px;
  }
  .profile_docu_wrap .img_cols {
    flex-basis: 69px;
  }
  .imgdocu_thumnail_wrap {
    width: 69px;
    height: 88px;
    background-size: 20px auto;
  }
  .who_explain_row {
    gap: 18px;
  }
  .who_name_para {
    font-size: 16px;
  }
  .who_explain_word {
    font-size: 13px;
  }
  .who_explain_word_wrap > li:after {
    margin-top: -1px;
  }
  .who_exptb_list > li.who_exptr {
    display: block;
    margin-bottom: 0;
  }
  .who_exptb_list > li .who_expcell_wrap {
    padding-bottom: 8px;
  }
  .expcell_thtext,
.expcell_tdtext {
    font-size: 13px;
  }
  .who_expcell.define_th {
    padding-right: 5px;
    padding-top: 0;
  }
  .who_exptb_wrap {
    margin-top: 18px;
  }
  .arc_block_banner {
    flex-wrap: wrap;
  }
  .arc_block_banner .btn_cols {
    flex: 0 0 100%;
    text-align: center;
    padding-left: 52px;
    box-sizing: border-box;
  }
  .ready_data_wrap {
    background-position: 50% 50%;
    background-size: auto 100%;
  }
  .liner_keyword {
    font-size: 13px;
  }
  .liner_keyword_list > li:after {
    margin-top: -1px;
  }
  .liner_summary_item .liner_row {
    margin-bottom: 10px;
  }
  .liner_summary_item .liner_row:last-of-type {
    margin-bottom: 0;
  }
  .liner_bundle_obj {
    gap: 10px 10px;
  }
  .liner_data_text,
.liner_bundle_value,
.liner_bundle_key {
    font-size: 13px;
  }
  .liner_data_tb {
    display: block;
  }
  .liner_data_tb tbody {
    display: block;
  }
  .liner_data_tb tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 20px;
    padding: 20px 0;
    border-bottom: 1px solid #E6E6E6;
  }
  .liner_data_tb tr th, .liner_data_tb tr td {
    display: inline-block;
    border-bottom: 0;
    padding: 0;
  }
  .liner_data_tb tr td.has_summary {
    display: block;
    flex: 0 0 100%;
  }
  .liner_data_tb tr td.nobreak {
    white-space: normal;
  }
  .liner_bundle_list {
    gap: 5px;
    flex-direction: column;
  }
  .parcel_obj_wrap {
    padding: 20px;
  }
  .parcel_obj_list {
    flex-direction: column;
    gap: 30px;
  }
  .parcel_obj dd {
    margin-top: 5px;
  }
  .parcel_value {
    font-size: 14px;
  }
  .kit_data_list {
    gap: 0;
    margin-right: 0;
    flex-direction: column;
  }
  .kit_data_list > li {
    flex: 0 0 100%;
    padding: 15px 0;
    border-bottom: 1px solid #E6E6E6;
  }
  .kit_main_para .ico {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
  .kit_main_para .text_node {
    font-size: 14px;
  }
  .kit_else_sub_para,
.kit_else_main_para {
    font-size: 13px;
  }
  .kit_data_cell.define_td {
    padding-top: 2px;
    white-space: nowrap;
  }
  .recom_keyword_wrap {
    height: 107px;
  }
  .btn_shapemore {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 374px) {
  .kit_data_obj {
    flex-direction: column;
    gap: 5px 0;
  }
  .kit_data_cell.define_td {
    padding-top: 0;
    white-space: normal;
  }
}
.view_section_container {
  border-top: 2px solid #BDC5D1;
}
.view_section_container .respond_fieldset_wrap {
  border-top: 0;
}

.view_section_title_row {
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  gap: 20px;
  padding: 12px 16px;
}

.view_linked_wrap {
  flex: 1;
  display: flex;
  gap: 12px;
}
.linked_flag {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  margin-top: 8px;
  display: block;
  white-space: nowrap;
}

.view_section_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.view_util_wrap {
  flex: 0;
  white-space: nowrap;
  margin-top: 7px;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.view_util_item_list {
  display: flex;
  gap: 20px;
}
.view_util_item {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #595959;
}

@media (max-width: 1023px) {
  .view_section_title_row {
    gap: 5px;
    flex-direction: column;
    align-items: normal;
    padding: 10px;
  }
  .view_linked_wrap {
    gap: 0;
    flex-direction: column;
    align-items: normal;
  }
  .linked_flag {
    margin-top: 0;
    white-space: normal;
    font-size: 13px;
  }
  .view_section_title {
    font-size: 16px;
  }
  .view_util_wrap {
    white-space: normal;
    margin-top: 5px;
    font-size: 13px;
  }
  .view_util_item_list {
    gap: 10px;
  }
  .view_util_item {
    font-size: 13px;
  }
}
/* main */
.page_wrap.main {
  display: block;
  min-height: 0;
}

/* main visual */
.main_primary_section {
  background: #F8F8F8;
  margin-bottom: 40px;
}

.mv_pixed_inner {
  max-width: 1340px;
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
}

.mv_container_tb {
  display: flex;
  gap: 24px;
  padding: 40px 0 30px;
}
.mv_container_tb .mv_cols {
  display: flex;
  flex-direction: column;
}
.mv_container_tb .mv_cols.cols_01 {
  flex: 0 0 340px;
  width: 340px;
}
.mv_container_tb .mv_cols.cols_02 {
  flex: 1;
}
.mv_container_tb .mv_cols.cols_03 {
  flex: 0 0 312px;
  width: 312px;
}

.mv_cols_title_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  flex: 0;
}

.mv_cols_title {
  display: flex;
  gap: 4px;
  align-items: center;
}
.mv_cols_title .ico {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.mv_cols_title .ico.dia {
  width: 39px;
  height: 32px;
  flex: 0 0 39px;
  background-image: url("../images/ico_main_dia.png");
}
.mv_cols_title .ico.king {
  width: 40px;
  height: 32px;
  flex: 0 0 40px;
  background-image: url("../images/ico_main_king.png");
}
.mv_cols_title .text_node {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.btn_actsmbox {
  display: inline-block;
  height: 30px;
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
  color: #000;
  white-space: nowrap;
  border: 1px solid #000;
  padding: 0 12px;
  border-radius: 100px;
}

.mv_cols_contents {
  flex: 1;
}

.mv_banner_box_list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.mv_banner_box_list.cols_02 {
  margin-right: -16px;
}
.mv_banner_box_list.cols_02 > li {
  flex: 0 0 calc(50% - 16px);
}
.mv_banner_box_list.cols_04 {
  margin-right: -16px;
}
.mv_banner_box_list.cols_04 > li {
  flex: 0 0 calc(25% - 16px);
}
.mv_banner_box_list > li {
  flex: 0 0 100%;
  position: relative;
}
.mv_banner_box_list > li:hover {
  z-index: 5;
}
.mv_banner_box_list > li:hover .mv_banner_box {
  z-index: 0;
  border-color: transparent !important;
  outline: 0;
}
.mv_banner_box_list > li:hover .mv_banner_box .inner_contents {
  visibility: hidden;
  opacity: 0;
}
.mv_banner_box_list > li:hover .mv_banner_box .hover_contents {
  display: block;
}
.mv_banner_box_list > li:hover .mv_banner_box .hover_contents > * {
  position: relative;
  z-index: 3;
}
.mv_banner_box_list > li:hover .mv_banner_box .hover_contents:before {
  z-index: 2;
}
.mv_banner_box_list > li:hover .mv_banner_box .hover_contents:after {
  z-index: 1;
}
.mv_banner_box_list > li:hover .mv_banner_box.normal {
  border: 2px solid #fff !important;
  outline: 1px solid #000;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.mv_banner_box_list > li:hover .mv_banner_box.normal .inner_contents {
  visibility: visible;
  opacity: 1;
}
.mv_banner_box_list > li:hover .mv_banner_box.spe .corner_flag_item_wrap {
  top: -2px;
  right: -2px;
}
.mv_banner_box_list > li:hover .mv_banner_box.spe .corner_flag_item.word_s {
  background: linear-gradient(153.25deg, #91D2FA 0%, #6AC5FF 54.24%, #90D4FF 98.96%);
  border-radius: 0 22px 0 24px;
}
.mv_banner_box_list > li:hover .mv_banner_box.spe .corner_flag_item.word_s:after {
  background-position: 0 100%;
}
.mv_banner_box_list > li:hover .mv_banner_box.gold .corner_flag_item_wrap {
  top: -2px;
  right: -2px;
}
.mv_banner_box_list > li:hover .mv_banner_box.gold .corner_flag_item.word_g {
  background: linear-gradient(135deg, #FFE3B1 0%, #FBCA76 53.85%, #B97703 100%);
  border-radius: 0 22px 0 24px;
}
.mv_banner_box_list > li:hover .mv_banner_box.gold .corner_flag_item.word_g:after {
  background-position: 0 100%;
}
.mv_banner_box {
  background: #fff;
  border: 2px solid #E6E6E6;
  border-radius: 24px;
  padding: 46px 0 0 0;
  position: relative;
  box-sizing: border-box;
  min-height: 100%;
}
.mv_banner_box.royal {
  border: 2px solid #D68AFF;
  /* &:hover{outline:1px solid #D68AFF} */
}

.mv_banner_box_royal_no_img {
  /* border: 2px solid #D68AFF;
  border-radius: 24px; */
  overflow: hidden;
}

.mv_banner_box_royal_no_img .nobanner {
 	object-fit: cover; /* 이미지가 왜곡되지 않고 비율을 유지하며 꽉 차게 설정 */
    border-radius: 24px; /* padding(3px)을 고려해 내부 이미지도 살짝 둥글게 깎아주면 테두리가 일정하게 예뻐집니다 */
}

.mv_banner_box.royal .hover_contents {
  min-height: 500px;
}
.mv_banner_box.royal .hover_contents .btn_else_row {
  margin: 4px 24px 0;
}
.mv_banner_box.royal .hover_contents .mv_inner_summary_row {
  min-height: 196px;
  padding-top: 42px;
}
.mv_banner_box.royal .hover_contents .padding_top_50 {
  padding-top: 50px !important;
}
.mv_banner_box.spe {
  border: 2px solid #91D2FA;
}
.mv_banner_box.spe .inner_contents {
  padding-bottom: 16px;
}
.mv_banner_box.spe .hover_contents {
  border: 3px solid #91D2FA;
  min-height: 530px;
}
.mv_banner_box.spe .hover_contents .img_row {
  margin-bottom: 0;
}
.mv_banner_box.spe .hover_contents .mv_img_wrap {
  margin: 0 0;
}
.mv_banner_box.spe .hover_contents .btn_else_row {
  margin: 4px 24px 0;
}
.mv_banner_box.spe .hover_contents .hover_inner {
  padding-top: 45px;
}
.mv_banner_box.spe .hover_contents .btn_mold_block {
  margin-top: 50px;
}
.mv_banner_box.spe .corner_flag_item {
  /* &.word_s{background-color:#91D2FA;border-radius:0 22px 0 24px;
      &:after{background-position:0 100%;}
  } */
}
.mv_banner_box.spe .mv_inner_summary_row {
  background: rgba(92, 185, 243, 0.03);
  padding: 42px 24px;
}
.mv_banner_box.spe .mv_thtext {
  background: rgba(92, 185, 243, 0.1);
  color: #1C99E7;
}
.mv_banner_box.gold {
  border: 2px solid #F3BD5C;
}
.mv_banner_box.gold .inner_contents {
  padding-bottom: 16px;
}
.mv_banner_box.gold .hover_contents {
  border: 3px solid #F3BD5C;
  min-height: 100%;
}
.mv_banner_box.gold .hover_contents .img_row {
  margin-bottom: 0;
}
.mv_banner_box.gold .hover_contents .mv_img_wrap {
  margin: 0 0;
}
.mv_banner_box.gold .hover_contents .hover_inner {
  padding-top: 45px;
}
.mv_banner_box.gold .hover_contents .btn_mold_block {
  margin-top: 50px;
}
.mv_banner_box.gold .mv_inner_summary_row {
  background: rgba(159, 108, 19, 0.05);
  padding: 14px 24px;
  margin-top: 12px;
}
.mv_banner_box.gold .mv_thtext {
  background: rgba(159, 108, 19, 0.1);
  color: #9F6C13;
}
.mv_banner_box .spec_row {
  margin: 4px 24px 0;
  display: block;
}
.mv_banner_box .spec_row .mold_sub_caption {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.mv_banner_box .inner_contents {
  position: relative;
  z-index: 1;
  padding-bottom: 16px;
}
.mv_banner_box .inner_contents .btn_else_row {
  margin: 4px 24px 0;
}
.mv_banner_box .hover_contents {
  display: none;
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% - 2px);
  background: #fff;
  border: 3px solid #D68AFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
.mv_banner_box .hover_contents .btn_else_row {
  margin-top: 13px;
}
.mv_banner_box .hover_contents .mv_img_wrap {
  margin: 0;
}
.mv_banner_box .hover_contents .hover_inner {
  padding-top: 45px;
}
.mv_banner_box .hover_contents .btn_mold_block {
  margin-top: 36px;
}
.mv_banner_box .mv_main_copy {
  font-size: 20px;
}
.mv_banner_box .mold_sub_marking {
  margin-top: 7px;
}

.mv_banner_box .mold_sub_marking_top10 {
	margin-top: 10px;
}
.mold_sub_marking_top10 {
	margin-top: 10px !important;
}

.mv_banner_box .mv_inner_summary_row {
  background: rgba(214, 138, 255, 0.04);
}
.mv_banner_box .mv_thtext {
  background: rgba(214, 138, 255, 0.12);
  color: #B245ED;
}
.mv_img_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
  width: 100%;
}

.mv_img_wrap_90 {
	height: 90px !important;
}

.mv_img_wrap img {
  max-height: 70%;
  max-width: 70%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  vertical-align: top;
  width: 100%;
}

.mv_main_copy {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  overflow: hidden;
  text-align: center;
}

.mv_sub_copy {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow: hidden;
}

.mv_summay_tb {
  width: 100%;
}
.mv_summay_tb th, .mv_summay_tb td {
  padding-bottom: 4px;
}
.mv_summay_tb td {
  text-align: left;
  padding-left: 8px;
}
.mv_summay_tb tr:last-of-type th,
.mv_summay_tb tr:last-of-type td {
  padding-bottom: 0;
}

.mv_thtext {
  display: block;
  text-align: center;
  background: rgba(74, 213, 251, 0.1);
  border-radius: 4px;
  height: 26px;
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
  color: #00617C;
  padding: 0 10px;
  white-space: nowrap;
}

.mv_tdtext {
  display: inline-block; /* position:relative;top:-2px; */
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.mv_tapebanner_zone {
  margin: -4px 0;
}

.mv_tapbanner_container {
  height: 246px;
  margin: 0 -10px;
}

.mv_tapebanner_wrap {
  min-height: 230px;
}

.mv_tapebanner_list > li {
  margin-bottom: 4px;
}
.mv_tapebanner_list > li:last-of-type {
  margin-bottom: 0;
}

.mv_tapebanner_item {
  display: flex;
  align-items: center;
  margin: 8px 10px;
  padding: 8px 18px;
  gap: 14px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  height: 74px;
}
.mv_tapebanner_item .img_cols {
  flex: 0 0 82px;
  display: flex;
}
.mv_tapebanner_item .spec_cols {
  flex: 1;
  min-width: 0;
}
.mv_tapebanner_item .spec_cols .btn_else_row {
  margin-top: 4px;
}
.mv_tapebanner_item .mold_sub_marking .ico {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}
.mv_tapebanner_item .mold_sub_caption_wrap {
  height: auto;
}
.mv_tapebanner_item .mold_sub_caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.mv_tapebanner_item:hover {
  border-color: #828282;
  box-shadow: 0px 0px 6px rgba(82, 82, 82, 0.12);
}

.mv_tapeimg_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mv_tapeimg_wrap img {
  height: 52px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  vertical-align: top;
}

.mv_cardbanner_zone {
  position: relative;
  margin-top: 18px;
  overflow: hidden;
  border-radius: 12px;
}

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

.mv_cardbanner_control_layer {
  position: absolute;
  top: 12px;
  right: 20px;
  z-index: 5;
  height: 24px;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  padding: 0 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.mv_cardbanner_control_layer > * {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

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

.mv_auto_stop_cols {
  flex: 0;
  display: flex;
  align-items: center;
}

.btn_mv_timer {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/ico_play_stop_24.png");
}
.btn_mv_timer.auto {
  background-position: 0 100%;
  display: none;
}
.layer_get_stan {
  position: absolute;
  top: 48px;
  height: 0;
}

.mv_sticky_layer {
  position: absolute;
  top: 40px;
  right: -174px;
}
.mv_sticky_layer.fixed {
  position: fixed;
  top: 90px;
  width: 100%;
  max-width: 1340px;
  left: 50%;
  transform: translateX(-50%);
}
.mv_sticky_layer.fixed .mv_sticky_item {
  position: absolute;
  top: 0;
  right: -204px;
}

.mv_sticky_item {
  width: 180px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  text-align: center;
}

.mv_sticky_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  margin-bottom: 24px;
}

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

.mv_vbox {
  display: block;
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  padding: 18px 12px;
}

.mv_vboxthum_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.mv_vboxthum_wrap img {
  height: 52px;
  width: 100%; /* max-width:70%; */
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  vertical-align: middle;
}

.mv_vspec_row {
  margin-top: 12px;
}
.mv_vspec_row .mold_sub_marking {
  margin-top: 4px;
  text-align: center;
  justify-content: center;
  gap: 2px;
}
.mv_vspec_row .mold_sub_marking .ico {
  flex-basis: 15px;
  height: 15px;
  width: 15px;
  position: relative;
  top: 2px;
}
.mv_vspec_row .mold_sub_caption_wrap {
  height: auto;
}
.mv_vspec_row .mold_sub_caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  text-align: center;
}

.mv_vspec_main {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.mv_vspec_sub {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 4px;
  height: 32px;
  overflow: hidden;
}

.mv_sticky_copy_wrap {
  margin-top: 10px;
}

.mv_spbanner_box {
  background: #4AFF86;
  position: relative;
  margin-bottom: 20px;
  background: linear-gradient(308deg, rgb(74, 255, 134) 0%, rgb(74, 211, 255) 100%);
  border-radius: 24px;
  padding: 3px;

  overflow: hidden;
}

.mv_spbanner_box .nobanner {
    display: block;
    width:340px;
    height:546px;
    object-fit: cover; /* 이미지가 왜곡되지 않고 비율을 유지하며 꽉 차게 설정 */
    border-radius: 21px; /* padding(3px)을 고려해 내부 이미지도 살짝 둥글게 깎아주면 테두리가 일정하게 예뻐집니다 */
}

.mv_spbanner_box .inner_contents {
  background: #fff;
  border-radius: 22px;
  padding: 46px 0 0 0;
  outline: 1px solid #fff;
}
.mv_spbanner_box .btn_else_row {
  margin: 4px 24px 0;
}
.mv_spbanner_box .btn_mold_block {
  margin-top: 36px;
}
.mv_spbanner_box:hover {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
.mv_spbanner_box:hover .inner_contents {
  outline: 0 solid #fff;
}
.mv_spbanner_box:last-of-type {
  margin-bottom: 0;
}
.mv_spbanner_box.has_img .inner_contents {
  height: 544px;
  padding-top: 0;
  border-radius: 22px;
  overflow: hidden;
  overflow-y: auto;
}
.mv_spbanner_box.has_img img {
  width: 100%;
  vertical-align: top;
}

.corner_flag_item_wrap {
  position: absolute;
  top: 0;
  right: 0;
}

.corner_flag_item {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0px 20px 0 24px;
}
.corner_flag_item:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.corner_flag_item.word_p {
  background: linear-gradient(151.84deg, #4AF79D -0.88%, #4CCE7B 54.89%, #4AFE8B 100.88%);
}
.corner_flag_item.word_p:after {
  background-image: url("../images/flag_corner_p.png");
}
.corner_flag_item.word_r {
  /* background:#D68AFF; */
  background: linear-gradient(153.25deg, #E6B7FF 0%, #CB6CFF 50%, #E6B7FF 100%);
}
.corner_flag_item.word_r:after {
  background-image: url("../images/flag_corner_r.png");
}
.corner_flag_item.word_s {
  border-radius: 0px 28px 0 24px;
  background: #fff;
}
.corner_flag_item.word_s:after {
  background-image: url("../images/flag_corner_s.png");
}
.corner_flag_item.word_s:after {
  width: 25px;
  height: 25px;
}
.corner_flag_item.word_g {
  border-radius: 0px 28px 0 24px;
  background: #fff;
}
.corner_flag_item.word_g:after {
  background-image: url("../images/flag_corner_g.png");
}
.corner_flag_item.word_g:after {
  width: 25px;
  height: 25px;
}

.mv_inner_main_row .mv_img_wrap {
  height: 114px;
}
.mv_inner_main_row .spec_row {
  margin: 16px 24px 0;
  display: block;
}

.plt_banner_gap {
  margin-top: 20px !important;
  padding: 29px 24px 36px !important;
}


.mv_inner_summary_row {
  background: linear-gradient(90deg, rgba(74, 213, 251, 0.05) 0%, rgba(74, 254, 136, 0.05) 100%);
  padding: 24px 24px 36px;
  margin-top: 16px;
}
@media (max-width: 1680px) {
  .mv_sticky_layer {
    /* display: none; */
  }
  .mv_img_wrap {
    /* img{max-width:100%;} */
  }
}
@media (max-width: 1299px) {
  .mv_container_tb .mv_cols.cols_01 {
    flex: 0 0 260px;
    width: auto;
  }
  .mv_cols_title_row {
    margin-bottom: 20px;
  }
  /* .mv_cols_title{
       .ico{
          &.dia{width:26px;height:21.33px; flex: 0 0 26px;}
          &.king{width:26.67px;height:21.33px; flex: 0 0 26.67px;}
       }
       .text_node{font-size:20px;}
  } */
  /* .mv_thtext{padding:0 5px;}
  .mv_tdtext{font-size:13px;}
  .mv_container_tb{gap:16px;}
  .mv_main_copy{font-size:20px;height:auto; text-align:left;}
  .mv_cardbanner_zone{margin-top:10px;}
  .mv_summary_block{margin-top:30px;}
  .mv_banner_box{

      .hover_contents{
           .img_row{margin-bottom:30px;}
      }
       .hover_contents{min-height:530px;}
  } */
}
@media (max-width: 1270px) {
  /* .mv_cols_title_row{flex-direction: column; justify-content: flex-start;align-items: normal;} */
  .mv_cols_else_wrap {
    text-align: right;
  }
  /* .mv_container_tb{
       .mv_cols{
          &.cols_01{flex-basis:200px}
       }
  } */
}
@media (max-width: 1023px) {

  .mv_pixed_inner {
    padding: 0 10px;
  }
  .mv_container_tb {
    flex-direction: column;
    padding: 30px 0;
  }
  .mv_container_tb .mv_cols.cols_01, .mv_container_tb .mv_cols.cols_02, .mv_container_tb .mv_cols.cols_03 {
    width: auto;
    flex: 0;
  }
  .mv_container_tb .mv_cols.cols_02 .mv_banner_box_list > li:hover .mv_banner_box {
    /* border-color:#4AFF86;
    outline:2px solid #4AFF86; */
  }
  .mv_cols_title_row {
    margin-bottom: 15px;
  }
  .mv_cols_title .ico.dia, .mv_cols_title .ico.king {
    width: 20px;
    height: 16px;
    flex: 0 0 20px;
  }
  .mv_cols_title .text_node {
    font-size: 18px;
  }
  .mv_banner_box_list {
    gap: 8px;
    flex-wrap: wrap;
    margin-right: -10px !important;
  }
  .mv_banner_box_list > li {
    flex: 0 0 calc(100% - 10px) !important;
  }
  .mv_banner_box_list > li.mblpgb {
    flex: 0 0 calc(50% - 8px) !important;
  }

  .mv_banner_box {
  /* border-radius: 12px; */
 }

  .mblpgb .mv_banner_box {
	border-radius: 12px;
	height:202px;
  }

  .mblpgb .mv_img_wrap {
        height: 64px;
    }

  .mv_banner_box_list > li:hover .mv_banner_box {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  }
  .mv_banner_box_list > li:hover .mv_banner_box.royal {
    border-color: #D68AFF !important;
  }
  .mv_banner_box_list > li:hover .mv_banner_box.spe {
    border-color: #5CB9F3 !important;
  }
  .mv_banner_box_list > li:hover .mv_banner_box.gold {
    border-color: #F3BD5C !important;
  }
  .mv_banner_box_list > li:hover .mv_banner_box .inner_contents {
    visibility: visible;
    opacity: 1;
  }
  .mv_banner_box { /* border-radius:10px;  */
    position: relative;
    padding: 5px 15px 5px;
  }
  .mv_banner_box .spec_row .mold_sub_caption_wrap {
    height: auto;
  }
  .mv_banner_box .spec_row .mold_sub_caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #595959;
    height: auto;
  }
  .mold_sub_marking_top10 {
	margin-top: 4px !important;
  }
  .mv_banner_box .inner_contents {
    padding: 0 0 5px;
  }
  .mv_banner_box .inner_contents .img_row {
    margin-bottom: 2px;
  }
  .mv_banner_box .inner_contents .spec_row {
    margin: 4px 0 0 0;
  }
  .mblpgb .mv_banner_box .inner_contents .btn_else_row {
    margin: 14px 0 0 0;
  }

  .mv_banner_box .inner_contents .btn_else_row {
    margin: 4px 0 0 0;
  }

  .mv_banner_box .hover_contents {
    display: none !important;
  }
  .mv_banner_box .mv_main_copy {
    font-size: 18px;
  }
  .mv_banner_box .mblpgb {
    font-size: 14px !important;
  }

  .mv_banner_box .spec_row .mblpgb{
    font-size: 16px !important;
	-webkit-line-clamp: none;
    height: 42px;
  }

  .mv_banner_box.spe .inner_contents, .mv_banner_box.gold .inner_contents {
    padding-bottom: 5px;
  }
  .mv_img_wrap {
    height: 54px;
  }
  .mv_img_wrap img {
    max-width: 80%;
    /* max-height: 40px; */
  }
  .mv_banner_box .mold_sub_marking {
  	margin-top: 4px;
  }
  .mv_img_wrap_rb img {
  	max-height: 52px;
  }
  .mv_img_wrap_pre img {
  	max-height: 40px;
  }
  .mv_main_copy {
    font-size: 18px;
  }
  .mv_sub_copy {
    font-size: 13px;
    height: auto;
    margin-top: 5px;
  }
  .mv_tapebanner_item {
    padding: 8px;
    gap: 15px;
    border-radius: 10px;
  }
  .mv_tapebanner_item .img_cols {
    flex-basis: 100px;
  }
  .corner_flag_item {
    width: 38px;
    height: 38px;
    border-radius: 0px 20px 0 24px;
  }
  .corner_flag_item:after {
    width: 14px;
    height: 14px;
  }
  .corner_flag_item.word_s:after {
    width: 16px;
    height: 16px;
  }
  .corner_flag_item.word_g:after {
    width: 16px;
    height: 16px;
  }
  .mv_spbanner_box .inner_contents {
    padding-top: 38px;
  }
  .mv_tdtext {
    font-size: 14px;
  }
  .mv_inner_summary_row {
    padding: 20px 20px 24px;
    margin-top: 10px;
  }
  .mv_inner_main_row .spec_row {
    margin: 10px 20px 0;
  }
  .main_primary_section {
    margin-bottom: 20px;
  }
  .mv_spbanner_box.has_img .inner_contents {
    height: auto;
    overflow: hidden;
  }
  .mv_spbanner_box.has_img img {
    width: 100%;
  }

  .mv_spbanner_box .nobanner {
    width: 100%;
    height: 100%;
  }
}
/* // main visual */
.main_contents_section {
  padding-bottom: 100px;
}

.mc_row {
  margin-bottom: 40px;
}
.mc_row:last-of-type {
  margin-bottom: 0;
}
.mc_row.skin2 {
  background: #F8F8F8;
  padding: 40px 0;
}

.mc_pixed_inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
}

.mc_pixed_title_row {
  margin-bottom: 30px;
}

.mc_title_dom .text_node {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

/* top10 / 우수기업 */
.fetch_data_panel {
  display: flex;
  gap: 48px;
}
.fetch_data_panel .data_cols {
  flex: 1;
  min-width:0;
}
.fetch_title_row {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 24px;
}

.fetch_title_main {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fetch_title_main .ico {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.fetch_title_main .ico.shape_top {
  width: 31px;
  height: 36px;
  background-image: url("../images/ico_top10.png");
}
.fetch_title_main .ico.shape_vip {
  width: 41px;
  height: 36px;
  background-image: url("../images/ico_vip.png");
}
.fetch_title_main .text_node {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  position: relative;
  top: -2px;
  word-break: keep-all;
}

.fetch_title_sub {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.sync_data_list {
  border-top: 1px solid #BDC5D1;
}
.sync_data_list > li {
  border-bottom: 1px solid #BDC5D1;
}
.sync_data_list.type2 .sync_data_item {
  min-height: 76px;
}

.sync_data_item {
  display: flex;
  align-items: center;
  min-height: 64px;
  font-size: 0;
  line-height: 0;
}
.sync_data_item .title_cols,
.sync_data_item .caption_cols,
.sync_data_item .btn_cols {
  box-sizing: border-box;
  padding: 15px;
}
.sync_data_item .img_cols {
  flex: 0 0 180px;
}
.sync_data_item .title_cols {
  flex: 0 0 20%;
}
.sync_data_item .title_caption_cols {
  flex: 1;
  min-width: 0;
}
.sync_data_item .title_caption_cols .sync_title + .sync_caption {
  margin-top: 4px;
}
.sync_data_item .caption_cols {
  flex: 1;
  min-width: 0;
  margin-top: 4px;
}
.sync_data_item .btn_cols {
  flex: 0 0 16px;
}
.sync_data_item:hover {
  background: #F8F8F8;
}
.sync_data_item .mold_sub_marking {
  justify-content: flex-start;
}
.sync_data_item .mold_sub_marking .ico {
  width: 15px;
  height: 15px;
  flex-basis: 15px;
  position: relative;
  top: 1px;
}
.sync_data_item .mold_sub_caption_wrap {
  height: auto;
}
.sync_data_item .mold_sub_caption {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}
.sync_data_item .caption_cols .mold_sub_marking {
  margin-top: 0;
}
.sync_data_item.type2 .sync_img_wrap > img {
  height: 50%;
}

.sync_img_else_wrap {
  text-align: center;
  margin-top: 8px;
}

.sync_img_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.sync_img_wrap > img {
  height: 50%;
  max-width: 70%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  max-height: 54px;
}

.sync_text_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: center;
}

.sync_text_node {
  display: block;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
}

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

.sync_caption {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
}

.sync_vertical_wrap {
  height: 76px;
}
.sync_vswiper_wrap {
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
}
.sync_tc_group {
  flex: 1;
  min-width: 0;
  height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.brief_pixed_cols_padding{
	padding: 30px 30px 0px !important;
}

@media (max-width: 1299px) {
  .mc_title_dom .text_node {
    font-size: 20px;
  }
  .mc_pixed_title_row {
    margin-bottom: 20px;
  }
  .sync_data_item {
    min-height: 55px;
  }
  .sync_data_item .img_cols {
    flex: 0 0 100px;
  }
  .fetch_title_row {
    display: block;
  }
  .fetch_title_main .text_node {
    font-size: 20px;
    position: relative;
    top: -2px;
  }
  .fetch_title_sub {
    margin-top: 10px;
  }
  .sync_text_node {
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .main_contents_section {
    padding-bottom: 50px;
  }
  .mc_row {
    margin-bottom: 30px;
  }
  .mc_row.skin2 {
    padding: 30px 0;
  }
  .mc_pixed_inner {
    padding: 0 10px;
  }
  .mbl_speed{
  	padding: 0px 10px;
  	margin-bottom: 30px;
  }
  .mc_title_dom .text_node {
    font-size: 16px;
  }
  .mc_pixed_title_row {
    margin-bottom: 15px;
  }
  .sync_data_item {
    display: block;
    position: relative;
    min-height: 0 !important;
    padding: 15px 20px 15px 110px;
  }
  .sync_data_item .img_cols {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 80px;
  }
  .sync_data_item .btn_cols {
    display: flex;
    justify-content: flex-end;
    height: 0;
    margin-right: -10px;
  }
  .sync_data_item .img_cols,
.sync_data_item .title_cols,
.sync_data_item .caption_cols,
.sync_data_item .btn_cols {
    padding: 0;
  }
  .sync_data_item .btn_cols .btn_icon {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(-100%);
  }
  .sync_data_item.has_swiper {
    padding: 0 0 0 110px;
  }
  .sync_tc_group {
    min-height: 0;
    height: auto;
    width: 100%;
    flex: 1;
  }
  .sync_vertical_wrap {
    height: 70.4px;
  }
  .sync_vswiper_wrap {
    height: 70.5px;
    padding-right: 13px;
  }
  /* top10 / 우수기업 */
  .fetch_data_panel {
    display: block;
  }
  .fetch_data_panel .data_cols {
    margin-bottom: 30px;
  }
  .fetch_data_panel .data_cols:last-of-type {
    margin-bottom: 0;
  }
  .fetch_title_row {
    margin-bottom: 15px;
    gap: 10px;
    display: block;
  }
  .fetch_title_main .text_node {
    font-size: 16px;
    top: 0;
  }
  .fetch_title_main .ico.shape_top {
    width: 20.6px;
    height: 24px;
  }
  .fetch_title_main .ico.shape_vip {
    width: 27.3px;
    height: 24px;
  }
  .sync_text_node {
    font-size: 14px;
  }
  .sync_img_else_wrap {
    margin-top: 5px;
  }
  .sync_img_wrap > img {
    height: 70%;
    max-width: 100%;
    max-height: 40px;
  }
}
/* 고객센터 */
.brief_section_zone {
  background: #F8F8F8;
  padding: 48px 0;
}

.brief_pixed_table {
  max-width: 1400px;
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

.brief_pixed_cols {
  flex: 1;
  padding: 0 30px;
  border-right: 1px solid #E6E6E6;
  min-width: 0;
}

.brief_pixed_cols_padding{
	padding: 0px 20px ;
  }
.brief_pixed_cols:first-of-type {
  padding-left: 0;
}
.brief_pixed_cols:last-of-type {
  padding-right: 0;
  border-right: 0;
}

.brief_slice_title_dom {
  display: flex;
  gap: 8px;
  align-items: center;
}
.brief_slice_title_dom .ico {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.brief_slice_title_dom .ico.tel {
  background-image: url("../images/ico_cus_01.png");
}
.brief_slice_title_dom .ico.account {
  background-image: url("../images/ico_cus_02.png");
}
.brief_slice_title_dom .ico.pay {
  background-image: url("../images/ico_cus_03.png");
}
.brief_slice_title_dom .slice_title_wrap {
  display: flex;
  gap: 8px;
  align-items: center;
}
.brief_slice_title_dom .slice_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #000;
}
.brief_slice_title_dom .slice_title_sub {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.brief_slice_contents {
  margin-top: 24px;
}
.brief_slice_contents .note_row {
  margin-top: 24px;
}
.brief_slice_contents .summary_row {
  margin-top: 24px;
}

.brief_note_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
  display: flex;
  margin-bottom: 8px;
}
.brief_note_text .note_keyword {
  display: inline-block;
  padding-right: 10px;
  flex: 0;
  white-space: nowrap;
}
.brief_note_text:last-of-type {
  margin-bottom: 0;
}

.brief_main_number {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.brief_summary_tb {
  display: table;
  width: 100%;
}
.brief_summary_tb .summary_tr {
  display: table-row;
}
.brief_summary_tb .summary_tr:last-of-type .summary_td {
  padding-bottom: 0;
}
.brief_summary_tb .summary_td {
  display: table-cell;
  padding-bottom: 8px;
}
.brief_summary_tb .summary_td.define_th {
  white-space: nowrap;
  width: 1px;
  padding-right: 9px;
}
.brief_summary_tb .summary_emptext {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}
.brief_summary_tb .summary_thtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.brief_summary_tb .summary_tdtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.brief_summary_tb .summary_tdtext_sub {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.banking_obj {
  display: flex;
  gap: 8px;
}
.banking_obj dt img {
  height: 20px;
}
.banking_spec_text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  display: inline-block;
}

.brief_amount_dom {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}

.brief_amount_number {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: #AF0101;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
  display: inline-block;
}

.brief_amount_unit {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #000;
  display: inline-block;
}

.recap_tb {
  width: 100%;
}
.recap_tb tr:last-of-type th {
  border-bottom: 1px solid #e6e6e6;
}
.recap_tb th, .recap_tb td {
  padding: 3px 8px;
}
.recap_tb th {
  background: #e6e6e6;
  box-sizing: border-box;
  border-bottom: 1px solid #f8f8f8;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  width: 75px;
  text-align: center;
}
.recap_tb td {
  border: 1px solid #e6e6e6;
}

.recap_thtext,
.recap_tdtext {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  font-family: "Spoqa", "NotoSans-Regular", dotum;
}

.guide_points_wrap {
  margin: 5px 10px 0;
}

.points_bullet_list > li {
  position: relative;
  padding-left: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}
.points_bullet_list > li:before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background: #595959;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 100%;
}

.btn_text_node {
  display: inline-block;
  font-size: 12px;
  color: #000;
}

.brief_banner_list > li {
	margin-bottom: 4px;
 /*  margin-bottom: 16px; */
}
.brief_banner_list > li:last-of-type {
  margin-bottom: 0;
}

.brief_banner_item {
  display: flex;
  gap: 12px;
  align-items: center;
  border-radius: 8px;
  padding: 16px 14px 16px 24px;
}
.brief_banner_item.type2 {
  padding: 36px 14px 36px 24px;
}
.brief_banner_item.type2 .img_cols {
  flex: 0 0 108px;
}
.brief_banner_item.type2 .brief_emp_text,
.brief_banner_item.type2 .brief_sub_text {
  display: inline-block;
  color: #000;
}
.brief_banner_item.type2 .brief_emp_text {
  font-size: 16px;
}
.brief_banner_item.type2 .brief_sub_text {
  font-size: 14px;
}
.brief_banner_item .img_cols {
  flex: 0 0 80px;
}
.brief_banner_item .img_cols > img {
  vertical-align: top;
}
.brief_text_node {
  line-height: 1.6;
}

.brief_emp_text,
.brief_sub_text {
  color: #fff;
  word-break: keep-all;
  display: block;
}

.brief_emp_text {
  font-size: 16px;
  font-weight: 700;
}

.brief_sub_text {
  font-size: 14px;
}

.post_data_list {
  display: flex;
  gap: 12px 8px;
  margin: 0 -8px 0 0;
  flex-wrap: wrap;
}
.post_data_list > li {
  flex: 0 0 calc(33.3333333333% - 8px);
  display: flex;
  flex-direction: column;
}

.post_data_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid #E6E6E6;
}
.post_data_item:hover {
  border-color: #BDC5D1;
}
.post_data_item .mold_sub_marking {
  position: relative;
  top: -2px;
}
.post_data_item .mold_sub_marking .ico {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
}
.post_data_item .mold_sub_caption_wrap {
  height: auto;
}
.post_data_item .mold_sub_caption {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}
.post_main_row {
  flex: 1;
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 10px 24px;
}
.post_img_wrap {
  width: 128px;
  height: 42px;
  position: relative;
}
.post_img_wrap > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.post_sub_row {
  flex: 0 0 48px;
  background: #F8F8F8;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 0 24px;
  font-size: 0;
  line-height: 0;
}
.post_main_linked_para,
.post_sub_linked_para {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.post_main_linked_para {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.post_sub_linked_para {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

@media (max-width: 1340px) {
  .brief_pixed_cols {
    padding: 0 20px;
  }
  .brief_main_number,
.brief_amount_number {
    font-size: 24px;
  }
  .brief_pixed_cols_padding{
	padding: 0px 20px ;
  }
}
@media (max-width: 1299px) {
  .post_main_row {
    padding: 12px 20px;
  }
  .post_sub_row {
    padding: 0 12px 0 20px;
  }
  .post_img_wrap {
    width: 100px;
    height: 33px;
  }
}
@media (max-width: 1023px) {
  /* 고객센터 */
  .brief_section_zone {
    padding: 30px 20px 60px;
    display: block;
  }
  .brief_pixed_table {
    display: block;
    width: auto;
    padding: 0;
  }
  .brief_pixed_cols {
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border: 0;
    border-bottom: 1px solid #E6E6E6;
  }
  .brief_pixed_cols:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }

  .brief_pixed_cols_padding{
	padding: 0px 20px ;
  }

  .brief_slice_title_dom {
    gap: 5px;
  }
  .brief_slice_title_dom .ico {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
  }
  .brief_slice_title_dom .slice_title {
    font-size: 14px;
  }
  .brief_slice_title_dom .slice_title_sub {
    font-size: 12px;
  }
  .brief_slice_contents {
    margin-top: 14px;
  }
  .brief_slice_contents .note_row {
    margin-top: 14px;
  }
  .brief_slice_contents .summary_row {
    margin-top: 14px;
  }
  .brief_note_text {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .brief_main_number {
    font-size: 26px;
  }
  .brief_summary_tb .summary_emptext,
.brief_summary_tb .summary_thtext,
.brief_summary_tb .summary_tdtext {
    font-size: 13px;
  }
  .brief_summary_tb .summary_tdtext_sub {
    font-size: 11px;
  }
  .banking_spec_text {
    font-size: 12px;
  }
  .brief_amount_dom {
    font-size: 26px;
  }
  .brief_amount_unit {
    font-size: 14px;
  }
  .brief_banner_list > li {
    margin-bottom: 2px;
  }
  .brief_banner_item {
    gap: 20px;
    border-radius: 8px;
    padding: 8px 8px 8px 14px;
    min-height: 50px;
  }
  .brief_banner_item.type2 {
    padding: 12px 8px 12px 14px;
  }
  .brief_banner_item.type2 .img_cols {
    flex: 0 0 54px;
  }
  .brief_banner_item.type2 .brief_emp_text {
    font-size: 14px;
  }
  .brief_banner_item.type2 .brief_sub_text {
    font-size: 12px;
  }
  .brief_banner_item .img_cols {
    flex: 0 0 54px;
  }
  .brief_emp_text {
    font-size: 14px;
  }
  .brief_sub_text {
    font-size: 12px;
  }
  .points_bullet_list > li {
    font-size: 12px;
  }
  .guide_points_wrap {
    margin-left: 0;
  }
  .post_data_list {
    gap: 0px;
    margin: 0 0px 0 0;
  }
  .post_data_list > li {
    flex-basis: calc(50%);
  }
  /* .post_img_wrap{width:80px;height:20px;} */
  .post_main_row {
    padding: 5px 10px 10px;
    gap: 5px 10px;
    flex-direction: column;
    align-items: flex-start;
    background-color:#fff;
  }
  .post_sub_row {
    flex-basis: 40px;
    padding: 0 10px;
    gap: 10px;
  }
  .post_data_item .mold_sub_caption {
    font-size: 12px;
  }
  .sync_data_wrap{
  	background-color:#fff;
  }
}
/* 포커스 채용정보 */
.square_data_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-right: -8px;
}
.square_data_list > li {
  flex: 0 0 calc(20% - 8px);
}
.square_data_item {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  box-sizing: border-box;
  min-height: 160px;
  text-align: center;
  padding: 12px 16px;
  outline: 0;
  height: 168px;
}
.square_data_item .spec_row {
  margin-top: 12px;
}
.square_data_item .btn_row {
  margin-top: 8px;
  text-align: right;
  font-size: 0;
  line-height: 0;
}
.square_data_item:hover {
  border-color: #828282;
}

.square_img_wrap {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.square_img_wrap img {
  height: 90%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.square_para_group .mold_sub_marking {
  text-align: center;
  justify-content: center;
}
.square_para_group .mold_sub_marking .ico {
  width: 15px;
  height: 15px;
  flex-basis: 15px;
  position: relative;
  top: 2px;
}
.square_para_group .mold_sub_caption_wrap {
  text-align: center;
  justify-content: center;
  height: auto;
}
.square_para_group .mold_sub_caption {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 12px;
}
.square_main_para,
.square_sub_para {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.square_main_para {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.square_sub_para {
  margin-top: 4px;
}

@media (max-width: 1023px) {
  .square_data_list > li {
    flex: 0 0 calc(50% - 6px);
  }
  .square_img_wrap {
    height: 40px;
  }
  .square_data_item {
    min-height: 0;
    border-radius: 8px;
	height: 168px;
	padding: 12px 10px;
  }
  .square_main_para{
  	height:auto;
  	-webkit-line-clamp: 0;
  }
  .square_data_list{
	gap: 6px;
  }
  .square_para_group .mold_sub_caption {
  	font-size:14px;
  }
}
/* 플러스 채용정보 */
.box_shape_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-right: -8px;
}
.box_shape_list > li {
  flex: 0 0 calc(33.3333333333% - 8px);
}

.box_shape_item {
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  display: flex;
  gap: 24px;
  padding: 16px 24px;
  position: relative;
}
.box_shape_item > a, .box_shape_item button {
  outline: 0;
}
.box_shape_item .img_cols {
  flex: 0 0 124px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_shape_item .spec_cols {
  flex: 1;
  min-width: 0;
}
.box_shape_item .spec_cols .name_row {
  margin-bottom: 8px;
  display: block;
}
.box_shape_item .spec_cols .copy_row {
  display: block;
}
.box_shape_item .spec_cols .caption_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0;
  line-height: 0;
  margin-top: 8px;
}
.box_shape_item:hover {
  border-color: #828282;
}
.box_shape_item:hover .btn_shape_more {
  background: #828282;
}
.box_shape_item:hover .btn_shape_more:after {
  background-position: 0 100%;
}
.box_shape_item .mold_sub_marking {
  justify-content: flex-start;
}
.box_shape_item .mold_sub_marking .ico {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px;
}
.box_shape_item .mold_sub_caption_wrap {
  height: auto;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.box_shape_item .mold_sub_caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  margin-top: 4px;
}
.btn_shape_more {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 32px;
  height: 32px;
  border-radius: 0px 16px; /*  background:#828282; */
  background: none;
}
.btn_shape_more:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  background-image: url("../images/btn_mc_more.png");
}

.box_shape_img_wrap > img {
  max-height: 60px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.box_shape_keyword,
.box_shape_main_copy,
.box_shape_sub_copy {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.box_shape_keyword {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.box_shape_main_copy {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.box_shape_sub_copy {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  margin-top: 4px;
}

.box_shape_util_list {
  display: flex;
  gap: 10px 22px;
  flex-wrap: wrap;
}
.box_shape_util_list > li {
  position: relative;
}
.box_shape_util_list > li:after {
  display: block;
  content: "";
  width: 2px;
  height: 2px;
  background: #D9D9D9;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: -13px;
  margin-top: 0px;
}
.box_shape_util_list > li:last-of-type:after {
  display: none;
}

.box_shape_util {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
  display: inline-block;
}

@media (max-width: 1299px) {
  .box_shape_item {
    gap: 18px;
  }
  .box_shape_item .img_cols {
    flex-basis: 100px;
  }
  .box_shape_item .spec_cols .caption_row {
    align-items: flex-end;
    position: absolute;
    height: auto;
    bottom: 10px;
	left: inherit;
  }
  .box_shape_item .box_shape_util_list {
    flex-direction: column;
    gap: 5px 0;
  }
  .box_shape_item .box_shape_util_list > li:after {
    display: none;
  }
}
@media (max-width: 1023px) {
  .box_shape_list{
  	gap: 0px;
  	margin-right: 0px;
  }
  .box_shape_list > li {
    flex: 0 0 calc(50%);
  }
  .box_shape_item {
    gap: 15px;
    padding: 15px 20px;
    border-radius:0px;
    height:180px;
    display: block;
  }
  .box_shape_item .img_cols {
    flex-basis: 70px;
  }
  .box_shape_img_wrap > img {
    display: block;
    width: 86px;
    height: 42px;
	margin: 10px 20px 20px;
  }
  .box_shape_main_copy{
  	-webkit-line-clamp : none;
  	height:36px;

  }
  .box_shape_item .mold_sub_caption {
  	font-size:14px;
  }
}
@media (max-width: 767px) {
  .box_shape_item {
    flex-direction: column;
    align-items: normal;
    padding: 15px;
  }
  .box_shape_item .box_shape_util_list {
    gap: 5px 20px;
    flex-direction: row;
  }
  .box_shape_item .box_shape_util_list > li:after {
    display: block;
    right: -12px;
  }
  .box_shape_item .box_shape_util_list > li:last-of-type:after {
    display: none;
  }

}
/* 프리미엄 채용정보 */
.mold_card_list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-right: -24px;
}
.mold_card_list > li {
  flex: 0 0 calc(25% - 24px);
  position: relative;
  background: #fff;
}
.mold_card_list > li:hover, .mold_card_list > li.hover {
  z-index: 5;
}
.mold_card_list > li.hover {
  z-index: 10;
}

.mold_card_item {
  border: 1px solid #E6E6E6;
  border-radius: 24px;
  display: block;
  position: relative;
  box-sizing: border-box;
}
.mold_card_item .inner_contents {
  padding: 60px 16px 26px;
  position: relative;
  z-index: 1;
}
.mold_card_item .inner_contents .img_row {
  margin-bottom: 12px;
}
.mold_card_item .hover_contents {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  min-height: 315px;
  background: #fff;
  width: 100%;
  border: 1px solid #1D1D1F;
  outline: 1px solid #1D1D1F;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  border-top: 0;
  border-radius: 0 0 24px 24px;
}
.mold_card_item .hover_contents:before {
  display: block;
  content: "";
  width: 100%;
  height: 20px;
  background: #fff;
  position: absolute;
  top: -20px;
  left: 0;
}
.mold_card_item .hover_contents > * {
  position: relative;
  z-index: 1;
}
.mold_card_item .btn_mold_more {
  display: none;
  width: 82px;
  height: 70px;
  background: url("../images/ico_box_more_spe.png") no-repeat 0 0/100% auto;
  position: absolute;
  top: 0;
  right: 0;
}
.mold_card_item.spe {
  border-color: #CA69FF;
  border-width: 2px;
}
.mold_card_item.spe .hover_contents {
  border-width: 2px;
  left: -2px;
  border-top: 0;
  border-color: #CA69FF;
  outline: 1px solid #CA69FF;
}
.mold_card_item.spe .btn_mold_more {
  display: block;
  top: -14px;
  right: -14px;
}
.mold_card_item.spe .btn_mold_block,
.mold_card_item.spe .mold_summary_block {
  background: rgba(202, 105, 255, 0.03);
}
.mold_card_item.spe .mold_thtext {
  background: rgba(202, 105, 255, 0.1);
  color: #9219D4;
}
.mold_card_item.gold {
  border-color: #E79200;
  border-width: 2px;
}
.mold_card_item.gold .hover_contents {
  border-width: 2px;
  left: -2px;
  border-top: 0;
  border-color: #E79200;
  outline: 1px solid #E79200;
}
.mold_card_item.gold .btn_mold_more {
  background-image: url("../images/ico_box_more_gold.png");
  display: block;
  top: -15px;
  right: -14px;
}
.mold_card_item.gold .btn_mold_block,
.mold_card_item.gold .mold_summary_block {
  background: #fffcf6;
}
.mold_card_item.gold .mold_thtext {
  background: #fff0d7;
  color: #E79200;
}
.mold_card_item:hover, .mold_card_item.hover {
  border-color: #1D1D1F;
  outline: 1px solid #1D1D1F;
  border-radius: 24px 24px 0 0;
}
.mold_card_item:hover .mold_img_wrap, .mold_card_item.hover .mold_img_wrap {
  height: 116px;
}
.mold_card_item:hover.spe, .mold_card_item.hover.spe {
  border-color: #CA69FF;
  outline: 1px solid #CA69FF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.mold_card_item:hover.spe .btn_mold_more, .mold_card_item.hover.spe .btn_mold_more {
  background-position: 0 100%;
  top: -11px;
  right: -15px;
}
.mold_card_item:hover.gold, .mold_card_item.hover.gold {
  border-color: #E79200;
  outline: 1px solid #E79200;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.mold_card_item:hover.gold .btn_mold_more, .mold_card_item.hover.gold .btn_mold_more {
  background-position: 0 100%;
  top: -16px;
  right: -15px;
}
.mold_card_item:hover .inner_contents, .mold_card_item.hover .inner_contents {
  padding-top: 24px;
}
.mold_card_item:hover .hover_contents, .mold_card_item.hover .hover_contents {
  display: block;
}

.btn_else_row {
  margin-top: 20px;
}

.btn_else_list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  font-size: 0;
  line-height: 0;
}
.mold_img_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
}
.mold_img_wrap > img {
  vertical-align: top;
  height: 36px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.mold_main_copy {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 28px;
}

.mold_sub_copy {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 45px;
  margin-top: 4px;
}

/* 수정부분 */
@-webkit-keyframes twinkle {
  0% {
    background-color: #ffff00;
  }
  50% {
    background-color: #0EFCFE;
  }
  100% {
    background-color: #FF86F7;
  }
}
@keyframes twinkle {
  0% {
    background-color: #ffff00;
  }
  50% {
    background-color: #0EFCFE;
  }
  100% {
    background-color: #FF86F7;
  }
}
@-webkit-keyframes twinkle_ico {
  0% {
    background-image: url("../images/ico_twinkle01.png");
  }
  50% {
    background-image: url("../images/ico_twinkle02.png");
  }
  100% {
    background-image: url("../images/ico_twinkle03.png");
  }
}
@keyframes twinkle_ico {
  0% {
    background-image: url("../images/ico_twinkle01.png");
  }
  50% {
    background-image: url("../images/ico_twinkle02.png");
  }
  100% {
    background-image: url("../images/ico_twinkle03.png");
  }
}
.mold_sub_left {
  justify-content: flex-start !important;
}

.mold_sub_marking {
  display: flex;
  gap: 4px;
  margin-top: 4px;
  justify-content: center;
}
.mold_sub_marking .ico {
  flex: 0 0 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.mold_sub_marking .ico.yellow {
  background-image: url("../images/ico_twinkle01.png");
}
.mold_sub_marking .ico.sky {
  background-image: url("../images/ico_twinkle02.png");
}
.mold_sub_marking .ico.purple {
  background-image: url("../images/ico_twinkle03.png");
}
.mold_sub_marking .ico.animation {
  -webkit-animation: twinkle_ico 0.8s infinite;
          animation: twinkle_ico 0.8s infinite;
}
.mold_sub_marking.option2 .mold_sub_caption {
  font-weight: 700;
}
.mold_sub_marking.option3 .mold_sub_caption {
  background-color: #C6FF00;
}

.mold_sub_caption_wrap {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 48px;
}
.mold_sub_caption_wrap.clamp_1 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.mold_sub_caption {
  display: inline;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
  word-break: break-all;
  text-align: left;
}
.mold_sub_caption.animation {
  -webkit-animation: twinkle 0.8s infinite;
          animation: twinkle 0.8s infinite;
}

.mold_sub_ani {
  display: flex;
  gap: 4px;
  margin-top: 4px;
}
.mold_sub_ani .mold_sub_copy_wrap {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 48px;
}
.mold_sub_ani .mold_sub_copy {
  display: inline;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #595959;
  word-break: break-all;
  -webkit-animation: twinkle 0.8s infinite;
          animation: twinkle 0.8s infinite;
}
.mold_sub_ani .twinkle_ico {
  flex: 0 0 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  -webkit-animation: twinkle_ico 0.8s infinite;
          animation: twinkle_ico 0.8s infinite;
}

/* // 수정부분 */
.mold_else_text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #595959;
}

.mold_summary_block {
  background: rgba(202, 105, 255, 0.03);
  padding: 50px 24px 50px;
}

.mold_summay_tb th, .mold_summay_tb td {
  padding-bottom: 12px;
  vertical-align: top;
}
.mold_summay_tb tr:last-of-type th, .mold_summay_tb tr:last-of-type td {
  padding-bottom: 0;
}
.mold_summay_tb th,
.mold_summay_tb td {
  text-align: left;
}
.mold_summay_tb td {
  padding: 1px 8px 0;
}

.mold_thtext {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: #666;
  background: rgba(0, 0, 0, 0.05);
  min-width: 68px;
  text-align: center;
  border-radius: 4px;
  padding: 4px 10px;
  box-sizing: border-box;
}

.mold_tdtext {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.btn_mold_block {
  margin-top: 20px;
}

.btn_mold_box {
  display: flex;
  min-height: 48px;
  background: #1D1D1F;
  border-radius: 12px;
  padding: 10px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.btn_mold_box .text_node {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}

.mc_panel_layer {
  position: absolute;
  top: 0;
  left: -160px;
  border: 1px solid #E6E6E6;
  background: #fff;
  border-radius: 12px;
  box-sizing: border-box;
  width: 160px;
}

.mc_panel_space {
  padding: 16px 12px 24px;
}
.mc_panel_space .panel_block {
  margin-bottom: 36px;
}
.mc_panel_space .panel_block:last-of-type {
  margin-bottom: 0;
}
.mc_panel_space .panel_block .title_row {
  margin-bottom: 16px;
}
.mc_panel_title {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  color: #595959;
}

.flymenu_list {
  display: flex;
  gap: 12px 0;
  flex-wrap: wrap;
}
.flymenu_list.cols_2 {
  gap: 12px 5px;
}
.flymenu_list.cols_2 > li {
  flex: 0 0 calc(50% - 5px);
}
.flymenu_list > li {
  flex: 0 0 100%;
  /* margin-bottom:12px;
  &:last-of-type{margin-bottom:0;} */
}

.flymenu {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}
.flymenu:hover {
  color: #0258AD;
  text-decoration: underline;
}

@media (max-width: 1680px) {
  .mc_panel_layer {
    display: none;
  }
}
@media (max-width: 1299px) {
  .btn_mold_box .text_node {
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  .mold_card_list {
    gap: 15px 10px;
    margin-right: -10px;
  }
  .mold_card_list > li {
    flex: 0 0 calc(50% - 10px);
    z-index: 0 !important;
  }
  .mold_card_item {
    border-radius: 16px;
    min-height: 100%;
  }
  .mold_card_item .inner_contents {
    padding: 26px 15px 10px;
  }
  .mold_card_item .hover_contents {
    display: none !important;
    border-radius: 0 0 16px 16px;
  }
  .mold_card_item:hover, .mold_card_item.hover {
    border-radius: 16px;
  }
  .mold_card_item:hover .mold_img_wrap, .mold_card_item.hover .mold_img_wrap {
    height: 80px;
  }
  .mold_card_item:hover .inner_contents, .mold_card_item.hover .inner_contents {
    padding-top: 26px;
  }
  .mold_card_item:hover .hover_contents, .mold_card_item.hover .hover_contents {
    display: none;
  }
  .mold_main_copy {
    font-size: 16px;
    height: auto;
  }
  .mold_sub_copy {
    font-size: 14px;
    height: 40px;
  }
  .mold_sub_ani .mold_sub_copy_wrap {
    height: 40px;
  }
  .mold_sub_ani .mold_sub_copy {
    font-size: 14px;
  }
  .mold_sub_ani .twinkle_ico {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
  .mold_sub_marking .ico {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
  .mold_sub_caption_wrap {
    height: 42px;
  }
  .box_shape_item .mold_sub_caption_wrap {
  	-webkit-line-clamp: 2;
  }
  .mold_sub_caption {
    font-size: 16px;
  }
  .mv_tapebanner_item .mold_sub_caption {
  	font-size: 14px;
  }
  .btn_else_list {
    gap: 5px;
  }
  .btn_mold_box .text_node {
    font-size: 16px;
  }
 .mv_sticky_layer {
  	position: static;
  	padding: 0 10px;
  }
  .mv_sticky_item {
  	width:100%;
  }
  .mv_sticky_title{
  	font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
    margin-bottom: 15px;
    text-align:left;
  }
  .mv_vboxthum_wrap img {
  	height: 42px;
  }
  .mv_vspec_main{
  	font-size :16px;
  }
  .mv_vspec_row .mold_sub_caption{
  	font-size :14px;
  }

  .mv_img_wrap_90 {
	height: 60px !important;
}
}
@media (max-width: 767px) {
  /*  .mold_card_list{
       margin-right:0;
       > li{
           flex:0 0 100%;
       }
   } */
}
.mbtouch_container {
  padding: 16px 16px 90px;
  text-align: left;
}

.mbt_block_list > li {
  margin-bottom: 16px;
}
.mbt_block_list > li:last-of-type {
  margin-bottom: 0;
}

.mbt_title_row {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.mbt_title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mbt_title.type2 {
  position: relative;
  top: -2px;
}
.mbt_title .ico {
  flex: 0 0 30px;
}
.mbt_title .text_node {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #000;
}
.mbt_title .text_node_sub {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: inline-flex;
}
.mbt_title .text_node_sub i.text_i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 1px;
}
.mbt_title .text_node_sub i.text_i img {
  height: 12px;
  vertical-align: middle;
}

.btn_arole {
  display: inline-flex;
  border: 1px solid #E6E6E6;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
  height: 22px;
  box-sizing: border-box;
  padding: 0 8px;
  text-align: center;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.mbt_contents {
  margin-top: 10px;
}

.mbt_card_list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  /* > li{
      margin-bottom:8px;
      &:last-of-type{margin-bottom:0;}
  } */
}
.mbt_card_list > li {
  flex: 0 0 100%;
}
.mbt_card_list > li.half {
  flex: 0 0 calc(50% - 4px);
}
.mbt_card_list > li.half .mbt_card_inner {
  display: block;
  padding: 12px;
}
.mbt_card_list > li.half .mbt_card_inner .img_cols {
  height: 60px;
  margin-bottom: 10px;
  width: 60%;
}
.mbt_card_list > li.half .mbt_card_inner .img_cols .img_wrap img {
  -o-object-position: 0 50%;
     object-position: 0 50%;
}
.mbt_card_list > li.half .mbt_card_inner .mbt_vspec_util_list {
  gap: 5px 12px;
}
.mbt_card_list > li.half .mbt_card_inner .mbt_vspec_util_list > li:after {
  right: -7px;
}
.mbt_card_list > li.half .mbt_card_inner .mold_sub_caption {
  line-height: 1.5;
}
.mbt_card_list > li.half .mbt_card_inner .mbt_vspec_util_wrap {
  gap: 5px;
}

.mbt_card_box {
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  display: block;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  box-sizing: border-box;
}
.mbt_card_box:hover {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  border-color: #000;
}
.mbt_card_box.has_ico .mbt_card_inner {
  padding: 28px 12px;
}
.mbt_card_box.has_ico .corner_flag_item_wrap {
  top: -1px;
  right: -1px;
}
.mbt_card_box.has_ico .corner_flag_item {
  width: 30px;
  height: 30px;
  border-radius: 0 0 0 16px;
}
.mbt_card_box.has_ico .corner_flag_item:after {
  width: 12px;
  height: 12px;
}
.mbt_card_box.ple {
  background: #4AFF86;
  border: 0;
  background: linear-gradient(308deg, rgb(74, 255, 134) 0%, rgb(74, 211, 255) 100%);
  padding: 2px;
}
.mbt_card_box.ple .mbt_card_inner {
  border-radius: 14px;
}
.mbt_card_box.ple:hover {
  padding: 3px;
}
.mbt_card_box.spe {
  border: 2px solid #91D2FA;
}
.mbt_card_box.spe .mbt_card_inner {
  background: none;
}
.mbt_card_box.spe:hover .corner_flag_item.word_s {
  background: linear-gradient(153.25deg, #91D2FA 0%, #6AC5FF 54.24%, #90D4FF 98.96%);
}
.mbt_card_box.spe:hover .corner_flag_item.word_s:after {
  background-position: 0 100%;
}
.mbt_card_box.spe.has_ico .corner_flag_item:after {
  width: 16px;
  height: 16px;
}
.mbt_card_box.gold {
  border: 2px solid #F3BD5C;
}
.mbt_card_box.gold .mbt_card_inner {
  background: none;
}
.mbt_card_box.gold:hover .corner_flag_item.word_g {
  background: linear-gradient(135deg, #FFE3B1 0%, #FBCA76 53.85%, #B97703 100%);
}
.mbt_card_box.gold:hover .corner_flag_item.word_g:after {
  background-position: 0 100%;
}
.mbt_card_box.gold.has_ico .corner_flag_item:after {
  width: 14px;
  height: 14px;
}
.mbt_card_box.royal {
  border: 2px solid #D68AFF;
}
.mbt_card_box.royal .mbt_card_inner {
  background: none;
}
.mbt_card_box.skin2 {
  border: 0;
}

.mbt_card_inner {
  display: flex;
  padding: 16px 12px;
  gap: 12px;
  background: #fff;
}
.mbt_card_inner .img_cols {
  flex: 0 0 100px;
}
.mbt_card_inner .img_wrap {
  position: relative;
  height: 100%;
}
.mbt_card_inner .img_wrap img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mbt_card_inner .spec_cols {
  flex: 1;
  min-width: 0;
}
.mbt_card_inner .mold_sub_marking {
  justify-content: flex-start;
  margin-top: 4px;
}
.mbt_card_inner .mold_sub_caption {
  font-size: 13px;
}
.mbt_card_inner .mold_sub_caption_wrap {
  height: auto;
}
.mbt_card_inner .mold_sub_marking .ico {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
}

.mbt_vspec_main {
  display: block;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}
.mbt_vspec_main.clamp_1 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.mbt_vspec_main.size_2 {
  font-size: 13px;
}

.mbt_vspec_util_wrap {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mbt_vspec_util_wrap.mt_type2 {
  margin-top: 4px;
}
.mbt_vspec_util_wrap.vtype2 {
  align-items: flex-end;
}
.mbt_vspec_util_wrap .mold_sub_marking {
  flex: 1;
}

.mbt_vspec_util_list {
  flex: 1;
  display: flex;
  gap: 5px 22px;
  flex-wrap: wrap;
}
.mbt_vspec_util_list > li {
  position: relative;
}
.mbt_vspec_util_list > li:after {
  display: block;
  content: "";
  width: 2px;
  height: 2px;
  background: #D9D9D9;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  right: -12px;
}
.mbt_vspec_util_list > li:last-of-type:after {
  display: none;
}

.mbt_vspec_util {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #595959;
  white-space: nowrap;
}

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

.sync_mdata_list {
  border-top: 1px solid #E6E6E6;
}
.sync_mdata_list > li {
  border-bottom: 1px solid #E6E6E6;
}
@media (max-width: 374px) {
  .mbt_title .text_node_sub {
    font-size: 12px;
  }
}
@media (max-width: 359px) {
  .mbt_title.has_sub {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .mbt_title.has_sub .text_node {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #000;
  }
  .mbt_title.has_sub .text_node_sub {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    display: inline-flex;
  }
  .mbt_title.has_sub .text_node_sub i.text_i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 1px;
  }
  .mbt_title.has_sub .text_node_sub i.text_i img {
    height: 12px;
    vertical-align: middle;
  }
  .mbt_title_row.type2 {
    align-items: flex-end;
  }
}

@media print {
  .fset_tr {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }

  .fset_cols_group {
    display: flex !important;
    flex-direction: row !important;
    flex: 1 0 auto !important;
    width: 50% !important;
    box-sizing: border-box !important;
  }

  .fset_th_cols {
    width: 170px !important;
    flex: 0 0 170px !important;
  }

  .fset_td_cols {
    flex: 1 0 auto !important;
    width: calc(100% - 170px) !important;
    min-width: 0 !important;
  }

  /* 채용정보 */
  .rise_linkage_zone {
  	padding: 0px 36px;
  }
  .feature_article_row{
    padding: 0px 0;
  }
  .rise_linkage_zone{
	page-break-inside: auto;
    break-inside: auto;
  }
  .rise_linkage_zone img{
	 max-width: 100%;
    height: auto;
    page-break-inside: auto;
    break-inside: auto;
  }
}

.blink_text {
	animation: blinkText 1.6s infinite;
}

@keyframes blinkText {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}


/* top menu fix==========================================================================
   스크롤 전용 독립 헤더 스타일 (기존 뼈대 영향 X)
   ========================================================================== */

/* 1. 스크롤 시 전체 내비게이션 틀 상단 박제 */
.header_wrap.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 74px; /* 지정하신 미니 헤더 높이 */
    z-index: 9999;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #0B51C5;
    animation: headerSlideDown 0.25s ease-out;
}

/* 2. [★교정] 고정 시 대형 로고, 유틸메뉴, 실시간키워드는 숨기되,
      검색창 부모인 header_main_row 자체는 Flex 구조로 네비바에 녹여냅니다. */
.header_wrap.is-fixed .header_main_row {
    display: flex !important;   /* 🎯 absolute 제거, Flex 정렬로 변경 */
    align-items: center;
    position: static !important;
    transform: none !important;
    background: none !important;
    min-height: auto !important;
    width: auto !important;
    padding: 0 !important;
}

/* 큰 헤더 내부의 로고와 우측 즐겨찾기 라인만 완벽히 차단 */
.header_wrap.is-fixed .header_main_row .logo_cols,
.header_wrap.is-fixed .header_main_row .util_cols,
.header_wrap.is-fixed .top_search_keyword_wrap {
    display: none !important;
}


.header_wrap .scroll_logo{
	display: none !important;
}
.header_wrap.is-fixed .scroll_logo{
	display: block !important;
}
/* 3. [1안 적용] absolute를 영리하게 활용하여 우측 정렬 고정 */
.header_wrap.is-fixed .header_main_row {
    position: static !important; /* 부모는 일반 흐름 유지 */
}

.header_wrap.is-fixed .header_main_row .total_search_cols  {
    position: absolute !important; /* 🎯 억지 마진 대신 absolute를 사용하되 */
    top: 50%;
    transform: translateY(-50%); /* 🎯 세로 중앙 정렬은 픽셀 마진 대신 이걸로 완벽 제어 */

    /* 🎯 핵심: 화면 우측 끝에서부터 로그인 유틸 폭(약 220px) + 여백(20px)을 더한 값만 떨어뜨립니다. */
    right: 540px !important;
    left: auto !important; /* 기존에 들어가 있던 left: 980px을 강제로 무력화 */

    width: 256px;
    margin: 0 !important; /* 꼬이기 쉬운 모든 마진은 0으로 초기화 */
    z-index: 10001;
}

/* 검색창 그라데이션 인풋 스타일 유지 */
.header_wrap.is-fixed .top_search_field {
    height: 46px;
    width: 306px;
    box-sizing: border-box;
    padding-right: 8px;
    border-radius: 100px;
    background: linear-gradient(white, white) padding-box, linear-gradient(91.12deg, #3777FF 4.19%, #9442FE 96.41%) border-box;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.header_wrap.is-fixed .top_search_input {
    width: 100%;
    height: 36px;
    padding: 0 16px 0 24px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    background: none;
    border: 0;
    outline: 0;
}

/* 4. 내비게이션 전체 배치 (미니로고 - 메뉴 - [검색창] - 로그인) */
.header_wrap.is-fixed .header_nav_row {
    margin-top: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.header_wrap.is-fixed .header_nav_container {
    display: flex;
    align-items: center;
    justify-content: space-between; /* 요소들을 좌우 균등 배열 */
    max-width: 1340px;
    margin: 0 auto;
    height: 74px; /* 미니헤더 전체 높이와 일치시켜 세로 중앙정렬 */
    padding: 0 30px;
}

/* 5. 미니 로고 노출 */
.header_wrap.is-fixed .fixed_mini_logo {
    display: block !important;
    margin-right: 25px;
    flex-shrink: 0;
}

/* 6. 메뉴 영역 정렬 (검색창이 들어올 수 있도록 여백 유연화) */
.header_wrap.is-fixed .header_nav_menu_wrap {
    flex-grow: 1; /* 메뉴 영역이 중간 공간을 자연스럽게 차지함 */
}
.header_wrap.is-fixed .header_nav_menu_list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 18px;
}
.header_wrap.is-fixed .header_nav_menu_link {
    font-size: 16px !important;
    font-weight: 700;
    color: #333 !important;
    white-space: nowrap;
}
.header_wrap.is-fixed .header_nav_menu_link:hover {
    color: #0258AD !important;
}

/* 기존 active 메뉴 색상 유지 */
.header_wrap.is-fixed .header_nav_menu_item.active .header_nav_menu_link {
    color: #0258AD !important;
}

.header_wrap.is-fixed .nav_tooltip_layer {
  position: absolute;
  top: 10px;
  left: 0;
  transform: translateY(-100%);
  background: #00AEF3;
  min-height: 28px;
  display: flex;
  align-items: center;
  border-radius: 0 100px 100px 0;
  padding: 6px 8px 6px 0;
  box-sizing: border-box;
  width:150px;
}

.header_wrap.is-fixed .nav_tooltip_text {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  color: #fff;
  white-space: nowrap;
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 7px;
}


/* 8. [수정] 우측 로그인/회원가입 영역 */
.header_wrap.is-fixed .header_nav_util_wrap {
    /* 🎯 기존에 있던 margin-left: auto를 제거합니다 (검색창이 밀어주기 때문) */
    margin-left: 0 !important;
    flex-shrink: 0;
}
.header_wrap.is-fixed .header_nav_util_list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 15px;
    align-items: center;
}
.header_wrap.is-fixed .header_nav_util,
.header_wrap.is-fixed .toggle_target_text {
    font-size: 14px !important;
}

/* 슬라이드 애니메이션 */
@keyframes headerSlideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}


/* .header_wrap.is-fixed .header_nav_container {
    display:flex;
    align-items:center;
}
 */
.header_wrap.is-fixed .scroll_logo {
    flex-shrink:0;
}

.header_wrap.is-fixed .header_nav_menu_wrap {
    flex:1;
}

.header_wrap.is-fixed .header_main_row .total_search_cols {
    position:static !important;
    width:260px;
    margin:0 20px;
    flex-shrink:0;
}

.header_wrap.is-fixed .header_nav_util_wrap {
    flex-shrink:0;
}

.header_wrap,
.search_cols,
.header_nav_container,
.header_main_row {
    transition: all .3s ease;
}


#mobile-device-ios {
    width: 390px;
    height: 772px;
    text-align: center;
    background: url(../images/devices-sprite.jpg) center top no-repeat;
    background-size: 480px;
    margin: 0 auto;
}
#mobile-device-ios iframe {
    margin-top: 72px;
    width: 346px;
    height: 600px;
}

.header_wrap .header_nav_container .mblHomeMenu {
		display:none !important;
}

/* 📱 모바일(1023px 이하) 고정 스타일 완전 해제 */
@media (max-width: 1023px) {
	.header_wrap.is-fixed {
		height: 58px !important;
	}
	.header_wrap.is-fixed .header_nav_container {
		height: 58px !important;
	}
    .header_wrap.is-fixed .nav_tooltip_layer {
		display: none !important;
    }
    .header_wrap.is-fixed .scroll_logo {
		display: none !important;
	}
	.header_wrap.is-fixed .top_search_field {
		display: none !important;
	}
	.header_wrap.is-fixed .header_nav_menu_link {
    	font-size: 16px !important;
    	font-weight: 700;
	}
	.header_wrap.is-fixed .header_nav_container .mblHomeMenu {
		display:block !important;
	}
}