@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&display=swap");
:root {
  --header-h: 100px;
  --subheader-h: 50px;
  --lnb-h: 70px;
  --quick-size: 153px;
  --main-product-w: 220px;
  --main-product-h: 250px;
  --input-h: 45px;
  --side-pd: 20px;
  --c-txt: #3c444c;
  --c-txt-light: #606e7b;
  --c-darknavy: #01184c;
  --c-darknavy2: #293551;
  --c-blue: #014690;
  --c-blue-bd: #336ba5;
  --c-skyblue: #00bcff;
  --c-bg-gray: #f1f1f1;
}

@media screen and (max-width: 1239.9px) {
  :root {
    --side-pd: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  :root {
    --header-h: 50px;
    --side-pd: 20px;
    --quick-size: 50px;
    --lnb-h: 45px;
  }
}
/* reset.scss */
@font-face {
  font-family: "SpoqaHanSans";
  src: url("./fonts/SpoqaHanSansNeo-Bold.eot");
  src: url("./fonts/SpoqaHanSansNeo-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), url("./fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SpoqaHanSans";
  src: url("./fonts/SpoqaHanSansNeo-Medium.eot");
  src: url("./fonts/SpoqaHanSansNeo-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/SpoqaHanSansNeo-Medium.woff") format("woff"), url("./fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SpoqaHanSans";
  src: url("./fonts/SpoqaHanSansNeo-Regular.eot");
  src: url("./fonts/SpoqaHanSansNeo-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("./fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SpoqaHanSans";
  src: url("./fonts/SpoqaHanSansNeo-Light.eot");
  src: url("./fonts/SpoqaHanSansNeo-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/SpoqaHanSansNeo-Light.woff") format("woff"), url("./fonts/SpoqaHanSansNeo-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SpoqaHanSans";
  src: url("./fonts/SpoqaHanSansNeo-Thin.eot");
  src: url("./fonts/SpoqaHanSansNeo-Thin.eot?#iefix") format("embedded-opentype"), url("./fonts/SpoqaHanSansNeo-Thin.woff") format("woff"), url("./fonts/SpoqaHanSansNeo-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}
html {
  /* Prevent font scaling in landscape */
  -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none; /*Firefox*/
  -ms-text-size-adjust: none; /*Ie*/
  -o-text-size-adjust: none; /*old versions of Opera*/
}

*,
*::before,
*::after {
  font-family: "SpoqaHanSans", sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  *,
*::before,
*::after {
    word-break: break-all;
  }
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
  line-height: normal;
  color: #000;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: keep-all;
  word-break: break-word;
}
@media screen and (max-width: 1023.9px) {
  body {
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body::-webkit-scrollbar {
    display: none;
  }
}
body * {
  font-size: 1.4rem;
  word-break: inherit;
}

body,
input,
textarea,
select,
table,
button,
code {
  font-weight: 400;
}

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

a,
b {
  font-size: inherit;
  letter-spacing: inherit;
  color: inherit;
}

i {
  font-style: normal;
}

.hidden,
[hidden] {
  display: none !important;
}

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

a {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
  border: 0;
}
a:hover, a:focus {
  text-decoration: none;
}

table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table > caption {
  position: absolute;
  text-indent: -9999px;
}

button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}

select,
input,
textarea,
button {
  vertical-align: middle;
  -webkit-appearance: none;
}

input:disabled {
  background-color: rgba(255, 255, 255, 0);
  cursor: not-allowed;
}
input[type=number] {
  -moz-appearance: textfield;
}

input select {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
input select::-ms-expand {
  display: none;
}

input,
textarea {
  font-size: inherit;
  border: 0;
  caret-color: #222;
}
input::placeholder,
textarea::placeholder {
  color: #999;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
input[readonly]::placeholder, input:disabled::placeholder,
textarea[readonly]::placeholder,
textarea:disabled::placeholder {
  color: #999;
  opacity: 1;
}
input[readonly]:-ms-input-placeholder, input:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
input::-ms-clear, input::-ms-reveal,
textarea::-ms-clear,
textarea::-ms-reveal {
  display: none;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

input[type=date]::before {
  content: attr(data-placeholder);
  width: 100%;
  color: #999;
}

input[type=date]:focus:before,
input[type=date]:valid:before {
  display: none;
}

input[type=button] {
  background-color: transparent;
  border: 0;
}

textarea {
  line-height: 1.5;
}

figure {
  max-width: 100%;
}

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
}

i {
  display: inline-block;
}

address {
  font-style: normal;
}

.link_wrap {
  width: 100%;
  height: 100%;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  display: inherit;
  flex-direction: inherit;
  flex-wrap: inherit;
  align-items: inherit;
  justify-content: inherit;
}

.scroll-lock {
  overflow-y: hidden !important;
}

/* preset.scss */
.section {
  position: relative;
}

.blind {
  display: none;
}

.screen_out {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}

a.ellipsis {
  width: 100%;
  display: inline-block;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.ellipsis.line2 {
  -webkit-line-clamp: 2;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.ellipsis.line3 {
  -webkit-line-clamp: 3;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.ellipsis.line4 {
  -webkit-line-clamp: 4;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.scroll::-webkit-scrollbar {
  opacity: 0;
  width: 9px;
  height: 9px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #dbdbdb;
  height: 4px;
  border-radius: 4.5px;
}
.scroll::-webkit-scrollbar-track {
  background-color: transparent;
  width: 1px;
}
.scroll.dragto {
  cursor: grab;
  overflow: auto;
}

.row_hidden_scroll {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.row_hidden_scroll::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1023.9px) {
  .m_row_hidden_scroll {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .m_row_hidden_scroll::-webkit-scrollbar {
    display: none;
  }
}
/* site.scss */
.svg_icon {
  transition: all 0.2s;
}
.svg_icon.logo {
  display: inline-block;
  width: 184px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 184 48'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='66.913%25' y1='74.314%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23021943'/%3E%3Cstop offset='100%25' stop-color='%23014690'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0%25' x2='0%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%230465B2'/%3E%3Cstop offset='100%25' stop-color='%2340368F'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0%25' x2='0%25' y1='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23013779'/%3E%3Cstop offset='100%25' stop-color='%2328DAE2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' fill='url(%23a)' d='M18.166 48v-.043c4.787-.033 8.97-1.065 12.541-3.107 3.63-2.076 6.586-5.087 8.868-9.034 1.795-3.104 2.973-6.462 3.4-9.897L43 48H18.166Zm4.427-17.831h9.587c-1.394 2.965-3.228 5.145-5.502 6.535-2.274 1.393-5.067 2.089-8.381 2.089-5.096 0-9.381-1.689-12.854-5.065C1.97 30.352.233 26.234.233 21.374L0 21.371C.057 9.559 9.65-.001 21.483-.001c11.772 0 21.321 9.464 21.474 21.193l-20.364-.024v9.001Z'/%3E%3Cpath fill-rule='evenodd' fill='%23A3A3A3' d='M78.2 8.102c-2.555-1.086-5.301-1.63-8.238-1.63-5.616 0-10.175 1.967-13.678 5.898-2.953 3.305-4.429 7.191-4.429 11.658 0 3.259.799 6.296 2.398 9.111 1.598 2.815 3.771 4.984 6.517 6.506 2.746 1.523 5.871 2.284 9.375 2.284 3.274 0 6.127-.697 8.56-2.089 2.433-1.391 4.414-3.411 5.944-6.058 1.53-2.647 2.295-5.446 2.295-8.4l-.046-1.422H69.916v6.035h9.776c-.935 1.989-2.163 3.45-3.687 4.383-1.524.934-3.397 1.4-5.618 1.4-3.415 0-6.287-1.131-8.615-3.396-2.328-2.264-3.492-5.026-3.492-8.285 0-3.151 1.122-5.829 3.365-8.032 2.244-2.203 5.026-3.304 8.35-3.304 3.813 0 7.079 1.584 10.005 5.238h7c-.94-3.858-6.642-8.979-8.8-9.897Z'/%3E%3Cpath fill-rule='evenodd' fill='url(%23b)' d='m110.202 35.126 2.641 6.954h6.678L106.537 8.321h-6.517L87.002 42.08h6.678l2.747-6.954M97 35l6.319-17.728L110 35'/%3E%3Cpath fill-rule='evenodd' fill='%23A3A3A3' d='m177.571 41.08-14.427-22.146V41.08h-6.426V7.322h6.164l14.445 22.214V7.322h6.425V41.08h-6.181Zm-40.839.849c-5.068 0-9.278-1.752-12.631-5.255-3.352-3.504-5.029-7.666-5.029-12.485 0-3.228.781-6.196 2.343-8.904 1.561-2.708 3.708-4.854 6.441-6.438a17.319 17.319 0 0 1 8.83-2.375c4.776 0 8.883 1.729 12.32 5.187 3.437 3.458 5.156 7.673 5.156 12.645 0 4.927-1.696 9.096-5.087 12.507-3.391 3.412-7.506 5.118-12.343 5.118Zm7.764-25.83c-2.159-2.226-4.785-3.338-7.879-3.338-3.125 0-5.751 1.086-7.88 3.258-2.129 2.173-3.193 4.934-3.193 8.285 0 3.733 1.34 6.686 4.02 8.858 2.083 1.698 4.472 2.547 7.168 2.547 3.047 0 5.643-1.101 7.787-3.304 2.145-2.203 3.217-4.919 3.217-8.147 0-3.213-1.08-5.933-3.24-8.159Z'/%3E%3Cpath fill-rule='evenodd' fill='url(%23c)' d='m90 33-3 7.999L164 8 90 33Z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 1023.9px) {
  .svg_icon.logo {
    width: calc(184px/ 2);
    height: calc(48px/ 2);
  }
}
.svg_icon.quick1 {
  display: inline-block;
  width: 49px;
  height: 49px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 49'%3E%3Cpath d='M39.2 48.3H4c-2.3 0-4.1-1.8-4.1-4V4c0-2.2 1.8-4 4.1-4h35.2c2.2 0 4 1.8 4 4v40.3c0 2.2-1.8 4-4 4zM4 3.5c-.3 0-.5.3-.5.5v40.3c0 .2.2.5.5.5h35.2c.3 0 .5-.3.5-.5V4c0-.2-.2-.5-.5-.5zm24.7 8.2H14.5V8.2h14.2zm6.1 6.8H8.4V15h26.4zm0 6.2H8.4v-3.5h26.4zM21.6 31H8.4v-3.5h13.2zm24.8 14.7L30.5 35.5l1.9-3 15.9 10.2z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.svg_icon.quick2 {
  display: inline-block;
  width: 42px;
  height: 53px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 53'%3E%3Cpath d='M3.7 52.6c-2 0-3.7-1.7-3.7-3.7V6.6c0-2.1 1.7-3.8 3.7-3.8h8c1 0 1.8.8 1.8 1.8s-.8 1.7-1.8 1.7h-8c-.1 0-.2.1-.2.3v42.3c0 .1.1.2.2.2h33.8c.1 0 .2-.1.2-.2V6.6c0-.2-.1-.3-.2-.3h-6.9c-1 0-1.8-.7-1.8-1.7s.8-1.8 1.8-1.8h6.9c2 0 3.7 1.7 3.7 3.8v42.3c0 2-1.6 3.7-3.7 3.7zm10.2-31.4h-3.7v-3.7h3.7zm0 7.5h-3.7V25h3.7zm0 7.4h-3.7v-3.7h3.7zm16.8-15H17.4v-3.5h13.3zm0 7.5H17.4V25h13.3zm0 7.5H17.4v-3.5h13.3zM29.5 9.9H12.6c-1.5 0-2.7-1.2-2.7-2.7V2.8c0-1.5 1.2-2.7 2.7-2.7h16.9c1.5 0 2.8 1.2 2.8 2.7v4.4c0 1.5-1.3 2.7-2.8 2.7zM13.4 6.4h15.4V3.6H13.4z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.svg_icon.paging_arrow {
  display: inline-block;
  width: 8px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 15'%3E%3Cpath fill-rule='evenodd' fill='%23666' d='M6.999 7.999V6.998H8v1.001H6.999ZM6 8.998v-.999h.999v.999H6ZM5 9.999V8.998h1v1.001H5Zm-1.001.999v-.999H5v.999H3.999ZM3 11.999v-1.001h.999v1.001H3Zm-1.001.999v-.999H3v.999H1.999ZM1 13.999v-1.001h.999v1.001H1Zm-1.001.999v-.999H1v.999H-.001Zm6.001-9h.999v1H6v-1Zm-1-.999h1v.999H5v-.999ZM3.999 3.998H5v1.001H3.999V3.998Zm-.999-1h.999v1H3v-1Zm-1.001-1H3v1H1.999v-1ZM1 .998h.999v1H1v-1Zm-1.001-1H1v1H-.001v-1Z'/%3E%3C/svg%3E");
}
.svg_icon.family_arrow {
  display: inline-block;
  width: 10px;
  height: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M5 .1 10.1 6H-.1z' style='fill:%23333'/%3E%3C/svg%3E");
}
.svg_icon.arrow {
  display: inline-block;
  width: 31.5px;
  height: 20.5px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 20.5'%3E%3Cpath stroke='%23fff' stroke-width='3' fill='none' d='M26.791 2.891 14.7 14.982 2.609 2.891'/%3E%3C/svg%3E");
}

.svg_bg.check {
  width: 1.6rem;
  height: 0.9rem;
  background-image: url("data:image/svg+xml;charset=utf8,");
  background-size: calc(100% - 16px);
  background-repeat: no-repeat;
  background-position: center center;
}

input,
select,
textarea {
  padding: 0 1em;
}

[type=file] {
  padding: 0;
}

/* Section, Inner */
.section {
  position: relative;
}
.section .inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1239.9px) {
  .section .inner {
    margin-left: var(--side-pd);
    margin-right: var(--side-pd);
  }
}

.bg_gray {
  background-color: var(--c-bg-gray);
}

.bg_img {
  background-position: center;
  background-size: cover;
}

/* popup.scss */
.popup {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  display: none;
}
.popup .wrap {
  max-height: calc(100vh - 60px);
  top: 2%;
  position: relative;
  background: #fff;
  max-width: 90%;
  margin: 0 auto;
  padding: 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 1023.9px) {
  .popup .wrap {
    max-width: calc(100% - 76px);
    padding: 24px 16px;
  }
}
.popup .btn_close {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=utf8,");
  background-size: center;
  background-repeat: no-repeat;
  background-position: center center;
  width: 32px;
  height: 48px;
  position: absolute;
  right: 60px;
  top: -60px;
}
@media screen and (max-width: 1023.9px) {
  .popup .btn_close {
    width: 24px;
    height: 24px;
    background-size: 24px;
    top: -36px;
  }
}
.popup .btn_wrap {
  margin-top: 23px;
}
.popup .btn {
  font-weight: 300;
  height: 48px;
}
.popup.pw_check.active {
  display: block;
}
.popup.pw_check .wrap {
  max-width: calc(100% - 76px);
  width: 260px;
  height: auto;
  border-radius: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.popup.pw_check .pop__title {
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 14px;
}
.popup.pw_check .input {
  width: 100%;
  text-align: center;
}
.popup.pw_check .btn_wrap {
  display: flex;
  justify-content: space-between;
}
.popup.pw_check .btn_wrap .btn {
  font-weight: 400;
  height: 40px;
  width: 48%;
  padding: 0;
}
.popup.main {
  background: none;
}
@media screen and (max-width: 1023.9px) {
  .popup.main {
    max-width: 100%;
    margin-left: 0 !important;
    left: 50%;
    transform: translateX(-50%);
  }
}
.popup.main.active {
  display: block;
}
.popup.main .wrap {
  max-height: none;
  max-width: none;
  height: auto;
  top: 0;
  transform: none;
  background: none;
  padding: 0;
  border: 1px solid #d4d4d4;
}
.popup.main .wrap .content {
  background-color: white;
  box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.2);
}
.popup.main .main_pop_cont {
  overflow-y: auto;
}
.popup.main .btn_wrap {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup.main .btn {
  border-radius: 0;
  background: white;
  color: #333;
  width: 50%;
  border: none;
  padding: 0 4px;
  height: 40px;
  border-top: 1px solid #d4d4d4;
  font-size: 14px;
}
.popup.main .btn + .btn {
  border-left: 1px solid #d4d4d4;
}

/* INPUT */
.input {
  height: var(--input-h);
  padding: 0 14px;
  line-height: 1;
  border: 1px solid #e1e1e1;
  outline: none;
  font-size: 16px;
  letter-spacing: -0.025em;
  color: #000;
}
.input::placeholder {
  color: #ccc;
  font-weight: 300;
}
.input:-ms-input-placeholder {
  color: #ccc;
  font-weight: 300;
}
.input:disabled {
  background: #f5f5f5;
  color: #bdbdbd;
}
.input.w100p {
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  .input {
    font-size: 13px;
    letter-spacing: -0.025em;
  }
}

.input__search {
  background: #fff5f5;
  border-color: #fff5f5;
}
.input__search::placeholder {
  color: #c7b5b5;
}
.input__search:-ms-input-placeholder {
  color: #c7b5b5;
}

textarea.input {
  padding: 16px 24px;
  width: 100%;
  min-height: 300px;
  resize: vertical;
}
@media screen and (max-width: 1023.9px) {
  textarea.input {
    padding: 16px;
    min-height: 160px;
  }
}
@media screen and (max-width: 767.9px) {
  textarea.input {
    padding: 8px;
  }
}

/* SELECT */
.select {
  position: relative;
  height: var(--input-h);
  font-size: 16px;
  letter-spacing: -0.025em;
  line-height: var(--input-h);
  padding: 0 40px 0 14px;
  border: 1px solid #e1e1e1;
  outline: none;
  color: #000;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 1023.9px) {
  .select {
    font-size: 13px;
    letter-spacing: -0.025em;
  }
}
.select option {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

select::-ms-expand {
  display: none;
}

.select_box {
  position: relative;
  display: flex;
  min-width: 100px;
  width: 20%;
  height: var(--input-h);
  border: 1px solid #ddd;
  background-color: #fff;
}
.select_box .select {
  width: 100%;
  height: 100% !important;
  line-height: 100%;
  border: none;
  outline: none;
  padding: 0 14px;
  position: relative;
  z-index: 3;
}
.select_box .ico {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  z-index: 4;
  font-family: "Nanum Gothic", sans-serif;
  font-weight: 700;
  font-size: 12px;
  transform: rotate(90deg);
}

.custom_select {
  position: relative;
}
.custom_select.active button::after {
  transform: rotate(180deg);
}
.custom_select.active .optionbox {
  display: block;
  border: 2px solid #bdbdbd;
}
.custom_select.active .optionlist {
  max-height: 220px;
}
.custom_select.on button {
  color: #000;
}
.custom_select button {
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 300;
}
.custom_select button::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 24px;
  width: 14px;
  height: 10px;
  width: 14px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,");
  background-size: center;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
}
.custom_select .optionbox {
  position: absolute;
  top: calc(10px + 6px);
  left: 0;
  display: none;
  width: 100%;
  background: white;
  border-color: #bdbdbd;
  list-style-type: none;
  padding: 0;
  overflow: hidden;
  z-index: 1;
}
.custom_select .optionbox::before, .custom_select .optionbox::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 20px;
  left: 0;
}
.custom_select .optionbox::before {
  top: 0;
}
.custom_select .optionbox::after {
  bottom: 0;
}
.custom_select .optionlist {
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  max-height: 0;
  transition: 0.3s ease-in;
}
.custom_select .optionlist::-webkit-scrollbar {
  display: none;
}
.custom_select .option {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: var(--c-blue);
  height: 46px;
  padding: 13px 20px;
  transition: 0.1s;
}
.custom_select .option.active, .custom_select .option:focus, .custom_select .option:active {
  background: 1.4rem;
  color: var(--c-blue);
}
.custom_select .option.active::after, .custom_select .option:focus::after, .custom_select .option:active::after {
  position: absolute;
  right: 20px;
  content: "";
  display: inline-block;
  width: 14px;
  height: 10px;
  width: 14px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,");
  background-size: center;
  background-repeat: no-repeat;
  background-position: center center;
}

/* FIELDSET */
fieldset {
  border: none;
  padding: 0;
  margin: 0;
  min-width: 0;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: inherit;
}
fieldset legend {
  color: #000;
  font-weight: 400;
  font-size: 24px;
  line-height: 1em;
  text-align: center;
  margin-bottom: 24px;
}
fieldset .texthide {
  position: absolute;
  text-indent: -9999px;
}
fieldset > article {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
fieldset > article + article {
  margin-top: 20px;
}
fieldset article input + input {
  margin-top: 8px;
}
fieldset article.several {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
fieldset article.haslabel {
  display: flex;
  align-items: center;
  flex-direction: column;
}
fieldset article.haslabel > label {
  color: #000;
  font-size: 1.4rem;
  line-height: 1em;
  width: 12%;
  min-width: 12%;
  margin-right: 3%;
  word-break: break-word;
}
fieldset article.haslabel > label.dark {
  color: #000;
}
fieldset article.haslabel > label.none {
  display: none;
}
@media screen and (max-width: 1023.9px) {
  fieldset article.haslabel > label {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
    font-size: 14px;
  }
  fieldset article.haslabel > label br {
    display: none;
  }
}
fieldset article.haslabel > label ~ * {
  width: 85%;
}
fieldset article.haslabel > label ~ *:not(:nth-child(2)) {
  margin: 8px 0 0 15%;
}
fieldset article.haslabel > label ~ *.text_count {
  display: block;
  text-align: right;
  font-size: 13px;
  color: #bdbdbd;
  margin-top: 10px;
  line-height: 1;
}
@media screen and (max-width: 1023.9px) {
  fieldset article.haslabel > label ~ * {
    width: 100%;
    min-width: 100%;
  }
  fieldset article.haslabel > label ~ *:not(:nth-child(2)) {
    margin: 6px 0 0 0;
  }
}
fieldset article.haslabel > p {
  display: flex;
  justify-content: space-between;
}
fieldset article.haslabel.several {
  justify-content: flex-start;
}
fieldset article.haslabel.several .several__box {
  width: 85%;
}
fieldset article.haslabel.several > * {
  display: inline-block;
}
@media screen and (max-width: 1023.9px) {
  fieldset article.haslabel.several {
    flex-direction: row;
  }
}
fieldset article.haslabel + .haslabel {
  margin-top: 20px;
}
fieldset article.haslabel .several {
  display: flex;
}
fieldset article.haslabel .several > * + * {
  margin-left: 1%;
}
fieldset article.haslabel .advice {
  margin-top: 5px;
  color: #000;
}
fieldset article.haslabel .btn_area_add {
  margin-top: 20px !important;
  font-size: 1.4rem;
  color: #000;
  line-height: 18px;
  text-align: center;
}
fieldset article .clear_input {
  position: relative;
}
fieldset article .clear_input .clear_input__btn {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
fieldset article .clear_input .clear_input__btn.del_medium {
  background-image: url("data:image/svg+xml;charset=utf8,");
  transform: rotate(45deg) translateY(-50%);
  transform-origin: top;
  cursor: pointer;
}
fieldset article .clear_input .clear_input__btn.del_medium:hover {
  background-image: url("data:image/svg+xml;charset=utf8,");
}
fieldset input {
  width: 100%;
}
fieldset .select {
  height: 50px;
  line-height: 48px;
  outline: none;
  width: 100%;
}
fieldset .col1 {
  width: 16% !important;
  min-width: 16% !important;
}
fieldset .col2 {
  width: 33% !important;
  min-width: 33% !important;
}
fieldset .col3 {
  width: 49% !important;
  min-width: 49% !important;
}
@media screen and (max-width: 1023.9px) {
  fieldset .col3 {
    width: 49.4% !important;
    min-width: 49.4% !important;
  }
}
fieldset .col4 {
  width: 66% !important;
  min-width: 66% !important;
}
fieldset .col5 {
  width: 83% !important;
  min-width: 83% !important;
}
@media screen and (max-width: 1023.9px) {
  fieldset .l_col1 {
    width: 16% !important;
    min-width: 16% !important;
  }
  fieldset .l_col2 {
    width: 33% !important;
    min-width: 33% !important;
  }
  fieldset .l_col3 {
    width: 49.4% !important;
    min-width: 49.4% !important;
  }
  fieldset .l_col4 {
    width: 66% !important;
    min-width: 66% !important;
  }
  fieldset .l_col5 {
    width: 83% !important;
    min-width: 83% !important;
  }
}
fieldset .label {
  font-size: 14px;
  line-height: 1em;
  color: #000;
}
fieldset .alert_msg {
  color: #df2525;
  font-size: 12px;
  line-height: 1em;
  margin-top: 8px;
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  fieldset .alert_msg {
    font-size: 10px;
  }
}
fieldset .advice {
  font-size: 11px;
  color: #000;
  font-weight: 100;
}

.check_wrap {
  position: relative;
  display: flex;
}
.check_wrap [type=checkbox] {
  position: absolute;
  left: -9999px;
}
.check_wrap [type=checkbox] + label {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 8px;
}
.check_wrap [type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #333;
  background: white;
  box-sizing: border-box;
}
.check_wrap [type=checkbox] + label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  transition: all 0.2s;
  opacity: 0;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translate(-50%, -50%) scale(0);
}
.check_wrap [type=checkbox] + label:hover::before {
  border: 1px solid inherit !important;
}
.check_wrap [type=checkbox]:checked + label::before {
  border-color: #4e89f3;
}
.check_wrap [type=checkbox]:checked + label::after {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.check_wrap [type=checkbox]:disabled + label {
  color: #aaa;
  cursor: not-allowed;
}
.check_wrap [type=checkbox]:disabled + label::after {
  color: #999;
}
.check_wrap [type=checkbox]:disabled:not(:checked) + label:before, .check_wrap [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #999;
  background-color: #999;
}
.check_wrap .check_label {
  margin-left: 6px;
  line-height: 1.2;
}
.check_wrap .check_label a {
  font-weight: 700;
  text-decoration: underline;
  vertical-align: top;
}
.check_wrap .check_label.starRatings {
  display: flex;
  width: auto;
}
.check_wrap .check_label.starRatings svg + svg {
  margin-left: 2px;
}

.toggle-check-wrap [type=checkbox] {
  position: absolute;
  left: -9999px;
}
.toggle-check-wrap [type=checkbox] + label {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 30px;
  border-radius: 15px;
  background: #000;
}
.toggle-check-wrap [type=checkbox] + label::before {
  position: absolute;
  left: 2px;
  bottom: 2px;
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.3s ease;
  transform: translateX(20px);
}
.toggle-check-wrap [type=checkbox]:checked + label {
  background: #000;
}
.toggle-check-wrap [type=checkbox]:checked + label::before {
  transform: translateX(0);
}

.tab-menu {
  position: relative;
}

.tab {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  width: calc(100% + 10px);
  margin-left: -5px;
  flex-wrap: wrap;
}
.tab::-webkit-scrollbar {
  display: none;
}
.tab li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 19%;
  height: 55px;
  padding: 0 10px;
  margin: 0 5px;
  border: 1px solid #e4e4e4;
  background-color: #f6f6f6;
  font-size: 18px;
  letter-spacing: -0.05em;
  font-weight: 400;
  cursor: pointer;
  white-space: nowrap;
}
@media screen and (max-width: 1023.9px) {
  .tab li {
    height: 37.5px;
    font-size: 13px;
    letter-spacing: -0.025em;
  }
}
.tab li:nth-child(n+6) {
  margin-top: 10px;
}
.tab li.active {
  border-color: var(--c-darknavy);
  background-color: var(--c-darknavy);
  color: #fff;
  font-weight: 300;
  position: relative;
}
.tab li.active::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -6px;
  width: 12px;
  height: 12px;
  background-color: var(--c-darknavy);
  transform: rotate(45deg);
}
@media screen and (max-width: 1023.9px) {
  .tab li.active::after {
    display: none;
  }
}

.tab_cont .cont {
  display: none;
}
.tab_cont .cont.view_tab {
  display: flex;
  width: 100%;
}

.tab_scroll {
  display: flex;
}
.tab_scroll .tab_scroll__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-content: center;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.tab_scroll .tab_scroll__arrow:hover {
  background-color: white;
}
.tab_scroll .tab_scroll__arrow:active {
  background-color: #ebebeb;
}
.tab_scroll .tab_scroll__arrow .arrow {
  pointer-events: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 20.5'%3E%3Cpath stroke='%23999' stroke-width='3' fill='none' d='M26.791 2.891 14.7 14.982 2.609 2.891'/%3E%3C/svg%3E");
}
.tab_scroll .tab_scroll__arrow.prev .arrow {
  transform: rotate(90deg);
}
.tab_scroll .tab_scroll__arrow.next .arrow {
  transform: rotate(270deg);
}
@media screen and (max-width: 1023.9px) {
  .tab_scroll .tab_scroll__arrow {
    padding: 0;
    height: 25px;
    min-height: 25px;
    min-width: 24px;
  }
}
.tab_scroll .tab_scroll__list {
  margin-bottom: 0;
  max-width: calc(100% - 70px);
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.tab_scroll .tab_scroll__list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023.9px) {
  .tab_scroll .tab_scroll__list {
    max-width: calc(100% - 44px);
  }
}
.tab_scroll li {
  min-width: 180px;
}
@media screen and (max-width: 1023.9px) {
  .tab_scroll li {
    min-width: 120px;
  }
}

/* PAGING */
.paging {
  display: flex;
  justify-content: center;
}
.paging a {
  font-size: 15px;
  letter-spacing: -0.025em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  text-align: center;
  margin: 0 4px;
  color: #000;
  border: 1px solid #d2d2d2;
  padding: 0;
  margin-top: 4px;
}
@media screen and (max-width: 1023.9px) {
  .paging a {
    width: 25px;
    height: 25px;
    font-size: 10px;
    letter-spacing: -0.025em;
  }
}
.paging a:hover {
  color: #014690;
}
.paging a.active {
  color: #fff;
  border-color: #014690;
  background-color: #014690;
}
.paging a .svg_icon.arrow {
  width: 8px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 15'%3E%3Cpath fill-rule='evenodd' fill='%23%23afafaf' d='M6.999 7.999V6.998H8v1.001H6.999ZM6 8.998v-.999h.999v.999H6ZM5 9.999V8.998h1v1.001H5Zm-1.001.999v-.999H5v.999H3.999ZM3 11.999v-1.001h.999v1.001H3Zm-1.001.999v-.999H3v.999H1.999ZM1 13.999v-1.001h.999v1.001H1Zm-1.001.999v-.999H1v.999H-.001Zm6.001-9h.999v1H6v-1Zm-1-.999h1v.999H5v-.999ZM3.999 3.998H5v1.001H3.999V3.998Zm-.999-1h.999v1H3v-1Zm-1.001-1H3v1H1.999v-1ZM1 .998h.999v1H1v-1Zm-1.001-1H1v1H-.001v-1Z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 1023.9px) {
  .paging a .svg_icon.arrow {
    background-size: 70%;
  }
}
.paging a .svg_icon.arrow + .arrow {
  margin-left: -4px;
}
.paging a.prev .svg_icon.arrow, .paging a.first .svg_icon.arrow {
  transform: rotate(180deg);
}
.paging .btn {
  color: #fff;
  border-color: #ccc;
  background-color: white;
}

.non_list {
  display: block;
  width: 100% !important;
  font-size: 22px;
  letter-spacing: -0.05em;
  text-align: center;
  font-weight: 500;
  border-top: 2px solid #222;
  border-bottom: 1px solid #e7e5e5;
  padding: 60px 0;
}

.table_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1023.9px) {
  .table_top {
    width: 100%;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 15px 20px 10px;
  }
}
.table_top h1 {
  font-size: 16px;
  letter-spacing: -0.025em;
  color: #333;
}
.table_top h1 b {
  color: var(--c-blue);
}
@media screen and (max-width: 1023.9px) {
  .table_top h1 {
    font-size: 13px;
    letter-spacing: -0.025em;
  }
}
.table_top .select_wrap form {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023.9px) {
  .table_top .select_wrap {
    width: 100%;
  }
}
.table_top .select_wrap * + * {
  margin-left: 10px;
}
@media screen and (max-width: 1023.9px) {
  .table_top .select_wrap * + * {
    margin-left: 5px;
  }
}
.table_top .select_wrap input {
  min-width: 240px;
}
@media screen and (max-width: 1023.9px) {
  .table_top .select_wrap input {
    min-width: auto;
    width: calc(100% - 150px);
  }
}
.table_top .select_wrap button {
  background-color: #222021;
  color: #fff;
  height: var(--input-h);
  min-width: 100px;
  font-size: 15px;
  letter-spacing: -0.025em;
  font-weight: 300;
}
@media screen and (max-width: 1023.9px) {
  .table_top .select_wrap button {
    min-width: 60px;
  }
}

.table_bottom {
  position: relative;
}
@media screen and (max-width: 1023.9px) {
  .table_bottom {
    padding: 0 var(--side-pd);
  }
}
.table_bottom .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  font-size: 16px;
  letter-spacing: -0.025em;
  background-color: var(--c-blue);
  color: #fff;
  min-width: 114px;
}
@media screen and (max-width: 1023.9px) {
  .table_bottom .btn {
    width: 100%;
  }
}
@media screen and (min-width: 1023.9px) {
  .table_bottom .btn.float {
    position: absolute;
  }
  .table_bottom .btn.float.right {
    right: 0;
  }
  .p_qna .table_bottom .btn.float.right {
    top: 0;
  }
}

table, .table {
  font-size: 15px;
  letter-spacing: -0.025em;
}
table .select, table .select_box, table .input, .table .select, .table .select_box, .table .input {
  height: var(--input-h);
}
@media screen and (max-width: 1023.9px) {
  table .select.m_w_auto, table .select_box.m_w_auto, table .input.m_w_auto, .table .select.m_w_auto, .table .select_box.m_w_auto, .table .input.m_w_auto {
    width: auto !important;
  }
}
table .th.td .txt_guide, .table .th.td .txt_guide {
  margin-left: 0;
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  table .th.td .txt_guide, .table .th.td .txt_guide {
    padding-left: var(--side-pd);
  }
}
table .txt_guide, .table .txt_guide {
  font-size: 16px;
  letter-spacing: -0.025em;
  color: #333;
  margin-left: 12px;
}
@media screen and (max-width: 1023.9px) {
  table .txt_guide, .table .txt_guide {
    font-size: 13px;
    letter-spacing: -0.025em;
  }
}

table tr.view_pc {
  display: table-row;
}
table tr.view_m {
  display: none;
}
@media screen and (max-width: 1023.9px) {
  table tr.view_m {
    display: table-row;
  }
  table tr.view_pc {
    display: none;
  }
}
table th.view_pc, table td.view_pc {
  display: table-cell;
}
table th.view_m, table td.view_m {
  display: none;
}
@media screen and (max-width: 1023.9px) {
  table th.view_m, table td.view_m {
    display: table-cell;
  }
  table th.view_pc, table td.view_pc {
    display: none;
  }
}
table.style01 th, table.style01 td {
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: #e7e5e5;
  padding: 30px 19px;
  font-size: 20px;
  letter-spacing: -0.05em;
  text-align: center;
}
table.style01 th:last-of-type, table.style01 td:last-of-type {
  border-right: 0;
}
@media screen and (max-width: 1023.9px) {
  table.style01 th, table.style01 td {
    padding: 12.5px 9.5px;
    font-size: 24px;
    letter-spacing: -0.05em;
  }
}
table.style01 th {
  border-top: 2px solid #222;
  background-color: var(--c-bg-gray);
}
table.style01 td {
  font-weight: 300;
}
table.style01 td.title {
  text-align: left;
}
table.style01.board th, table.style01.board td {
  border-right: 0;
}
@media screen and (max-width: 1023.9px) {
  table.style01.board.list {
    border-top: 1px solid var(--c-bg-gray);
  }
  table.style01.board.list th {
    display: none;
  }
  table.style01.board.list td {
    font-size: 12px;
    letter-spacing: -0.6px;
  }
}
table.style01.board.view {
  margin-top: 90px;
}
@media screen and (max-width: 1023.9px) {
  table.style01.board.view {
    margin-top: 34px;
  }
}
table.style01.board.view .title {
  text-align: left;
  padding: 30px;
}
@media screen and (max-width: 1023.9px) {
  table.style01.board.view .title {
    padding: 20px 15px;
  }
}
table.style01.board.view .title h1 {
  font-size: 22px;
  letter-spacing: -0.05em;
  font-weight: 700;
  line-height: 1.4;
}
table.style01.board.view .title p {
  margin-top: 10px;
  font-size: 15px;
  letter-spacing: -0.025em;
  color: #888;
  font-weight: 300;
}
@media screen and (max-width: 1023.9px) {
  table.style01.board.view .title p {
    margin-top: 17px;
  }
}
table.style01.board.view .cont {
  font-size: 17px !important;
  letter-spacing: -0.85px !important;
  line-height: 2 !important;
  font-weight: 300 !important;
  color: #222 !important;
  text-align: left;
}
table.style01.board.view .cont * {
  font-size: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
@media screen and (max-width: 1023.9px) {
  table.style01.board.view .cont {
    padding: 19px 16px;
    font-size: 12px !important;
    letter-spacing: -0.6 !important;
    line-height: 1.6 !important;
  }
}
table.style01.board.view .another {
  font-size: 17px;
  letter-spacing: -0.05em;
  font-weight: 300;
  padding: 27px 0;
  text-align: left;
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  table.style01.board.view .another {
    padding: 20px 0;
  }
}
table.style01.board.view .another label {
  font-size: inherit;
  letter-spacing: inherit;
  color: #888;
  min-width: 120px;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  table.style01.board.view .another label {
    min-width: 20%;
  }
}
table.style01.board.view .another h1 {
  font-size: inherit;
  letter-spacing: inherit;
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  table.style01.board.view .another h1 {
    width: 80%;
  }
}

/* table 형태 ul */
.table {
  display: flex;
  flex-wrap: wrap;
}
.table .tr {
  width: 100%;
  display: inline-flex;
  align-items: stretch;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
.table .tr .m_wrap {
  display: inline-flex;
  align-items: center;
}
.table .tr.col2 .td {
  width: 50%;
}
.p_qna_write .table .tr.col2 .td {
  width: 47.5%;
}
@media screen and (max-width: 1023.9px) {
  .p_qna_write .table .tr.col2 .td {
    width: 100%;
  }
}
.table .tr.col2 .td.th {
  width: calc(50% + 122px);
  padding-left: 0;
}
@media screen and (max-width: 1023.9px) {
  .table .tr.col2 .td.th {
    width: 100%;
    padding-top: 4px;
  }
}
.table .tr.col3 .td {
  width: 33.333%;
}
.table .tr.col4 .td {
  width: 25%;
}
.table .tr.col5 .td {
  width: 20%;
}
.table .tr .td {
  width: 100%;
}
.table.table_list01 {
  border-top: 2px solid #333;
  font-size: 16px;
  letter-spacing: -0.025em;
  line-height: 50px;
}
@media screen and (max-width: 1023.9px) {
  .table.table_list01 {
    font-size: 13px;
    letter-spacing: -0.025em;
    border-top-width: 1px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023.9px) {
  .table.table_list01 .tr {
    flex-wrap: wrap;
    border-bottom: 1px solid #e6e4e4;
  }
  .table.table_list01 .tr.thead {
    display: none;
  }
  .p_qna .table.table_list01 .tr, .p_news .table.table_list01 .tr, .p_recru .table.table_list01 .tr {
    padding: 10px;
  }
}
.table.table_list01 .th, .table.table_list01 .td {
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: center;
  color: #333;
  padding: 0 10px;
  border-bottom: 1px solid #e6e4e4;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_list01 .th, .p_news .table.table_list01 .th, .p_qna .table.table_list01 .td, .p_news .table.table_list01 .td {
    border-bottom: 0;
    text-align: left;
  }
}
.p_qna .table.table_list01 .th.row_num, .p_news .table.table_list01 .th.row_num, .p_qna .table.table_list01 .td.row_num, .p_news .table.table_list01 .td.row_num {
  width: 7%;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_list01 .th.row_num, .p_news .table.table_list01 .th.row_num, .p_qna .table.table_list01 .td.row_num, .p_news .table.table_list01 .td.row_num {
    display: none;
  }
}
.p_qna .table.table_list01 .th.row_state, .p_news .table.table_list01 .th.row_state, .p_qna .table.table_list01 .td.row_state, .p_news .table.table_list01 .td.row_state {
  width: 10%;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_list01 .th.row_state, .p_news .table.table_list01 .th.row_state, .p_qna .table.table_list01 .td.row_state, .p_news .table.table_list01 .td.row_state {
    order: 1;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 8px;
  }
}
.p_qna .table.table_list01 .th.row_writer, .p_news .table.table_list01 .th.row_writer, .p_qna .table.table_list01 .td.row_writer, .p_news .table.table_list01 .td.row_writer {
  width: 10%;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_list01 .th.row_writer, .p_news .table.table_list01 .th.row_writer, .p_qna .table.table_list01 .td.row_writer, .p_news .table.table_list01 .td.row_writer {
    width: auto;
    color: #666;
  }
}
.p_qna .table.table_list01 .th.row_title, .p_news .table.table_list01 .th.row_title, .p_qna .table.table_list01 .td.row_title, .p_news .table.table_list01 .td.row_title {
  width: 52%;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_list01 .th.row_title, .p_news .table.table_list01 .th.row_title, .p_qna .table.table_list01 .td.row_title, .p_news .table.table_list01 .td.row_title {
    width: 100%;
    font-size: 15px;
    letter-spacing: -0.025em;
    margin-bottom: 10px;
  }
}
.p_qna .table.table_list01 .th.row_date, .p_news .table.table_list01 .th.row_date, .p_qna .table.table_list01 .td.row_date, .p_news .table.table_list01 .td.row_date {
  width: 14%;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_list01 .th.row_date, .p_news .table.table_list01 .th.row_date, .p_qna .table.table_list01 .td.row_date, .p_news .table.table_list01 .td.row_date {
    width: auto;
    color: #666;
  }
}
.p_qna .table.table_list01 .th.row_view, .p_news .table.table_list01 .th.row_view, .p_qna .table.table_list01 .td.row_view, .p_news .table.table_list01 .td.row_view {
  width: 7%;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_list01 .th.row_view, .p_news .table.table_list01 .th.row_view, .p_qna .table.table_list01 .td.row_view, .p_news .table.table_list01 .td.row_view {
    width: auto;
    color: #666;
  }
}
.p_news .table.table_list01 .th.row_title, .p_news .table.table_list01 .td.row_title {
  width: 62%;
}
@media screen and (max-width: 1023.9px) {
  .p_news .table.table_list01 .th.row_title, .p_news .table.table_list01 .td.row_title {
    width: 100%;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_recru .table.table_list01 .th, .p_recru .table.table_list01 .td {
    border-bottom: 0;
    text-align: left;
  }
}
.p_recru .table.table_list01 .th.row_num, .p_recru .table.table_list01 .td.row_num {
  width: 7%;
}
@media screen and (max-width: 1023.9px) {
  .p_recru .table.table_list01 .th.row_num, .p_recru .table.table_list01 .td.row_num {
    display: none;
  }
}
.p_recru .table.table_list01 .th.row_title, .p_recru .table.table_list01 .td.row_title {
  width: 53%;
}
@media screen and (max-width: 1023.9px) {
  .p_recru .table.table_list01 .th.row_title, .p_recru .table.table_list01 .td.row_title {
    width: 100%;
    font-size: 15px;
    letter-spacing: -0.025em;
    margin-bottom: 4px;
  }
}
.p_recru .table.table_list01 .th.row_exper, .p_recru .table.table_list01 .td.row_exper {
  width: 10%;
}
@media screen and (max-width: 1023.9px) {
  .p_recru .table.table_list01 .th.row_exper, .p_recru .table.table_list01 .td.row_exper {
    width: auto;
    color: #666;
  }
}
.p_recru .table.table_list01 .th.row_date, .p_recru .table.table_list01 .td.row_date {
  width: 20%;
}
@media screen and (max-width: 1023.9px) {
  .p_recru .table.table_list01 .th.row_date, .p_recru .table.table_list01 .td.row_date {
    padding-left: 0;
    width: auto;
    color: #666;
  }
}
.p_recru .table.table_list01 .th.row_state, .p_recru .table.table_list01 .td.row_state {
  width: 10%;
}
@media screen and (max-width: 1023.9px) {
  .p_recru .table.table_list01 .th.row_state, .p_recru .table.table_list01 .td.row_state {
    order: 1;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 6px;
  }
}
.table.table_list01 .th {
  background-color: #f7f7f7;
  text-align: center;
}
.table.table_list01 .td {
  color: #333;
}
.table.table_list01 .td.row_title {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-align: left;
}
.table.table_list01 .td .m_th {
  font-size: inherit;
  letter-spacing: inherit;
  color: inherit;
  line-height: inherit;
}
@media screen and (min-width: 1023.9px) {
  .table.table_list01 .td .m_th {
    display: none;
  }
}
.table.table_view01 {
  border-top: 2px solid #333;
}
.table.table_view01 .tr {
  font-size: inherit;
  letter-spacing: inherit;
  border-bottom: 1px solid #e6e4e4;
}
.table.table_view01 .th, .table.table_view01 .td {
  display: flex;
  align-items: center;
  font-size: inherit;
  letter-spacing: inherit;
  color: #333;
  padding: 15px 22px;
}
@media screen and (max-width: 1023.9px) {
  .table.table_view01 .th, .table.table_view01 .td {
    padding: 10px 20px;
    font-size: 13px;
    letter-spacing: -0.025em;
  }
}
.p_qna .table.table_view01 .th.row_title, .p_qna .table.table_view01 .td.row_title {
  width: 100%;
  font-size: 16px;
  letter-spacing: -0.025em;
  font-weight: 400;
  justify-content: flex-start;
}
.p_qna .table.table_view01 .th.row_title.space_between, .p_qna .table.table_view01 .td.row_title.space_between {
  justify-content: space-between;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_view01 .th.row_title, .p_qna .table.table_view01 .td.row_title {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 15px;
    letter-spacing: -0.025em;
    padding: 12px 20px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_qna .table.table_view01 .th.row_title .state_box, .p_qna .table.table_view01 .td.row_title .state_box {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_view01 .th.row_title .state_box, .p_qna .table.table_view01 .td.row_title .state_box {
    margin-top: 10px;
  }
}
.p_qna .table.table_view01 .th.row_info, .p_qna .table.table_view01 .td.row_info {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_view01 .th.row_info, .p_qna .table.table_view01 .td.row_info {
    flex-wrap: wrap;
  }
}
.p_qna .table.table_view01 .th.row_info p, .p_qna .table.table_view01 .td.row_info p {
  display: flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: -0.025em;
  color: #666;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_view01 .th.row_info p, .p_qna .table.table_view01 .td.row_info p {
    font-size: 13px;
    letter-spacing: -0.025em;
  }
  .p_qna .table.table_view01 .th.row_info p.file, .p_qna .table.table_view01 .td.row_info p.file {
    width: 100%;
    margin-top: 4px;
  }
  .p_qna .table.table_view01 .th.row_info p.file::before, .p_qna .table.table_view01 .td.row_info p.file::before {
    display: none;
  }
}
.p_qna .table.table_view01 .th.row_info p + p::before, .p_qna .table.table_view01 .td.row_info p + p::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: #e3e3e3;
  margin: 0 16px;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_view01 .th.row_info p + p::before, .p_qna .table.table_view01 .td.row_info p + p::before {
    height: 14px;
    margin: 0 10px;
  }
}
.p_qna .table.table_view01 .th.row_content, .p_qna .table.table_view01 .td.row_content {
  line-height: 1.8;
}
.p_qna .table.table_view01 .th.row_content *, .p_qna .table.table_view01 .td.row_content * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
@media screen and (max-width: 1023.9px) {
  .p_qna .table.table_view01 .th.row_content, .p_qna .table.table_view01 .td.row_content {
    font-size: 13px;
    letter-spacing: -0.025em;
    line-height: 1.5;
  }
}
.table.table_view01 .th {
  background-color: #f7f7f7;
  min-width: 100px;
  justify-content: center;
}
@media screen and (max-width: 1023.9px) {
  .table.table_view01 .th {
    min-width: 65px;
    padding: 0 10px;
  }
}
.table.table_view01 .td {
  width: 100%;
  text-align: left;
}
.table.table_view01 .td.row_content {
  display: block;
}
.table.table_view01 .td.prev_next {
  padding-left: 7.5px;
}
@media screen and (max-width: 1023.9px) {
  .write .table.table_view01 .tr {
    flex-direction: column;
    border-bottom: 0;
  }
  .write .table.table_view01 .tr:last-child .td {
    padding-bottom: 13px;
  }
  .p_qna_write .write .table.table_view01 .tr:last-child .td.password {
    padding-bottom: 0;
  }
}
.write .table.table_view01 .th, .write .table.table_view01 .td {
  background-color: #f7f7f7;
}
@media screen and (max-width: 1023.9px) {
  .write .table.table_view01 .th, .write .table.table_view01 .td {
    padding: 0 20px;
    width: 100%;
  }
}
.write .table.table_view01 .th {
  min-width: 122px;
  padding: 0 20px;
  justify-content: flex-start;
}
@media screen and (max-width: 1023.9px) {
  .write .table.table_view01 .th {
    font-size: 13px;
    letter-spacing: -0.025em;
    padding-top: 10px;
  }
}
.write .table.table_view01 .input, .write .table.table_view01 .select, .write .table.table_view01 .select_box {
  border-color: #a2a2a2;
}
@media screen and (max-width: 1023.9px) {
  .write .table.table_view01 .input, .write .table.table_view01 .select, .write .table.table_view01 .select_box {
    width: 100%;
  }
}
.p_qna_write .table.table_view01 .select_box {
  width: 100%;
}

.write_btn_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 17px;
}
@media screen and (max-width: 1023.9px) {
  .write_btn_wrap {
    padding: 0 var(--side-pd);
  }
  .write_btn_wrap > * {
    width: 100%;
  }
}
.write_btn_wrap > .btn {
  min-width: 114px;
}
@media screen and (max-width: 1023.9px) {
  .write_btn_wrap > .btn {
    min-width: 98px;
  }
}
.write_btn_wrap .float {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.write_btn_wrap .float.right {
  right: 0;
}
@media screen and (max-width: 1023.9px) {
  .write_btn_wrap .float {
    position: relative;
    width: 200%;
    padding-left: 6px;
  }
  .write_btn_wrap .float > * {
    width: 100%;
  }
}
@media screen and (max-width: 1023.9px) {
  .write_btn_wrap .btn {
    padding: 0 3px !important;
  }
}
.write_btn_wrap .btn + .btn {
  margin-left: 10px;
}
@media screen and (max-width: 1023.9px) {
  .write_btn_wrap .btn + .btn {
    margin-left: 6px;
  }
}

.drawer_menu_wrap {
  position: fixed;
  top: 0;
  transition: 0.4s ease;
  background-color: #fff;
  overflow: hidden;
  z-index: -1;
}
@media screen and (min-width: 1023.9px) {
  .drawer_menu_wrap {
    right: 0;
    box-shadow: 0px 12px 20px 0 rgba(0, 0, 0, 0.2);
    max-height: 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu_wrap {
    left: 0;
    max-width: 0;
    max-height: calc(100vh - var(--header-h));
  }
  .drawer_menu_wrap .dep2 {
    opacity: 0;
  }
}
.drawer_menu_wrap .drawer_menu {
  width: 100vw;
  height: 100%;
}
.drawer_menu_wrap.hide {
  display: none;
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu_wrap {
    top: var(--header-h);
  }
}

.drawer_icon {
  cursor: pointer;
  display: inline-block;
  padding: 7px 0;
  user-select: none;
  width: auto;
  margin: 0;
  z-index: 102;
}
@media screen and (max-width: 1023.9px) {
  .drawer_icon {
    padding: 4px 0;
  }
}
.drawer_icon .drawer_sticks {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background 0.3s ease-out;
  width: 27px;
}
@media screen and (max-width: 1023.9px) {
  .drawer_icon .drawer_sticks {
    background: #293551;
    width: 15px;
  }
}
.drawer_icon .drawer_sticks::before, .drawer_icon .drawer_sticks::after {
  background: #333;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.3s ease-out;
  width: 100%;
}
.drawer_icon .drawer_sticks::before {
  top: 6px;
}
.drawer_icon .drawer_sticks::after {
  top: -6px;
}

.drawer_check {
  display: none;
}
@media screen and (min-width: 1023.9px) {
  .drawer_check:checked ~ .logo {
    position: fixed;
  }
}
.drawer_check:checked ~ .sticky_menus .drawer_menu_wrap {
  z-index: 101;
  max-height: 465px;
}
@media screen and (max-width: 1449.9px) {
  .drawer_check:checked ~ .sticky_menus .drawer_menu_wrap {
    max-height: 525px;
  }
}
@media screen and (max-width: 1239.9px) {
  .drawer_check:checked ~ .sticky_menus .drawer_menu_wrap {
    max-height: 545px;
  }
}
@media screen and (max-width: 1023.9px) {
  .drawer_check:checked ~ .sticky_menus .drawer_menu_wrap {
    max-width: 100vw;
    max-height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .drawer_check:checked ~ .sticky_menus .drawer_menu_wrap::-webkit-scrollbar {
    display: none;
  }
  .drawer_check:checked ~ .sticky_menus .drawer_menu_wrap .active .dep2 {
    opacity: 1;
  }
}
@media screen and (min-width: 1023.9px) {
  .drawer_check:checked ~ .sticky_menus .drawer_icon {
    position: fixed;
    top: 42px;
    transform: translateX(calc(-50% - 10px));
  }
}
.drawer_check:checked ~ .sticky_menus .drawer_icon .drawer_sticks {
  background: transparent;
}
.drawer_check:checked ~ .sticky_menus .drawer_icon .drawer_sticks:before {
  transform: rotate(-45deg);
}
.drawer_check:checked ~ .sticky_menus .drawer_icon .drawer_sticks:after {
  transform: rotate(45deg);
}
.drawer_check:checked ~ .sticky_menus .drawer_icon:not(.steps) .drawer_sticks::before, .drawer_check:checked ~ .sticky_menus .drawer_icon:not(.steps) .drawer_sticks::after {
  top: 0;
}
.drawer_check:checked ~ .sticky_menus .quick_menu {
  transition: all 0.3s;
  opacity: 0;
}

.drawer_menu .inner {
  min-width: 1680px;
}
@media screen and (max-width: 1239.9px) {
  .drawer_menu .inner {
    min-width: auto;
  }
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu .inner {
    margin: 0;
  }
}
.drawer_menu .slogan {
  position: absolute;
  top: 166px;
  margin: 0 var(--side-pd);
}
@media screen and (min-width: 1680px) {
  .drawer_menu .slogan {
    margin: 0;
  }
}
@media screen and (max-width: 1239.9px) {
  .drawer_menu .slogan {
    display: none;
  }
}
.drawer_menu .slogan p {
  font-size: 39.5px;
  letter-spacing: -0.075em;
  color: #ccc;
  font-weight: 300;
  background-color: #fff;
  width: auto;
  display: inline-block;
}
.drawer_menu .slogan .txt_blue {
  color: var(--c-skyblue);
}
.drawer_menu .slogan .slogan_box {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
  height: 220px;
  border: 15px solid #eee;
  z-index: -1;
}
.drawer_menu .dep1 {
  min-width: 1120px;
  width: 66.7%;
  margin-left: 20%;
  padding: 20px 0;
}
@media screen and (max-width: 1239.9px) {
  .drawer_menu .dep1 {
    min-width: auto;
    margin: 0 var(--side-pd);
    padding-top: var(--header-h);
    width: 100%;
  }
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu .dep1 {
    margin: 0;
    padding: 0;
    border-top: 2px solid #0a1933;
    height: calc(100vh - var(--header-h));
  }
}
.drawer_menu .dep1 > li {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 4px;
  font-size: 24px;
  letter-spacing: -0.05em;
  font-weight: 500;
  line-height: 60px;
}
.drawer_menu .dep1 > li:last-child {
  border-bottom: 0;
}
@media screen and (min-width: 1023.9px) {
  .drawer_menu .dep1 > li a {
    width: auto;
  }
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu .dep1 > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    width: 25%;
    font-size: 15px;
    letter-spacing: -0.025em;
    font-weight: 400;
    height: 75px;
    border-bottom: 0;
  }
  .drawer_menu .dep1 > li:nth-child(2)::after {
    display: none !important;
  }
  .drawer_menu .dep1 > li.active {
    position: relative;
    background-color: var(--c-skyblue);
    color: #fff;
  }
  .drawer_menu .dep1 > li.active::after {
    position: absolute;
    right: 5px;
    font-size: 6px;
    transform: scale(0.6);
    content: "▶";
    display: inline-block;
  }
  .drawer_menu .dep1 > li.active .dep2 {
    display: block;
  }
}
.drawer_menu .dep2 {
  position: relative;
  top: auto;
  display: flex;
  align-items: center;
  width: calc(100% - 84px);
  height: auto;
  padding-left: 44px;
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu .dep2 {
    position: fixed;
    top: calc(var(--header-h) + 2px);
    left: 25%;
    display: none;
    width: 25%;
    height: calc(100vh - var(--header-h));
    border-left: 1px solid #e8e8e8;
    padding-left: 0;
    padding-top: 13px;
    transition: all 0.2s;
  }
}
.drawer_menu .dep2 li {
  display: flex;
  font-size: 18px;
  letter-spacing: -0.05em;
  color: #333;
  font-weight: 400;
  line-height: 60px;
  margin-left: 6px;
}
.drawer_menu .dep2 li::before {
  content: "";
  display: inline-block;
  width: 5px;
  min-width: 5px;
  height: 5px;
  background-color: var(--c-skyblue);
  margin-right: 6px;
  margin-top: 27.5px;
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu .dep2 li::before {
    display: none;
  }
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu .dep2 li {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    letter-spacing: -0.025em;
    margin-left: 0;
    padding-left: 15px;
  }
  .drawer_menu .dep2 li.active {
    background-color: #e8e8e8;
  }
  .drawer_menu .dep2 li.open {
    background-color: #e8e8e8;
  }
  .drawer_menu .dep2 li.open .dep3 {
    display: block;
  }
}
.drawer_menu .dep2.has_dep3 {
  flex-wrap: wrap;
}
.drawer_menu .dep2.has_dep3 > li {
  width: 100%;
}
.drawer_menu .dep2.has_dep3 > li.has_dep3_li.open {
  position: relative;
}
.drawer_menu .dep2.has_dep3 > li.has_dep3_li.open::after {
  position: absolute;
  top: 0px;
  right: 5px;
  font-size: 6px;
  transform: scale(0.6);
  content: "▶";
  display: inline-block;
}
.drawer_menu .dep2.has_dep3 > li > a {
  min-width: 65px;
}
.drawer_menu .dep2.has_dep3 > li:last-child {
  border-top: 1px solid #e6e6e6;
  padding-left: 0;
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu .dep2.has_dep3 > li:last-child {
    border: 0;
    padding-left: 13px;
  }
}
.drawer_menu .dep2 .dep3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 50%;
  width: calc(100% - 44px);
  padding-left: 44px;
}
.drawer_menu .dep2 .dep3 li {
  font-size: 16px;
  letter-spacing: -0.025em;
  margin-left: 0;
  padding-left: 0;
}
.drawer_menu .dep2 .dep3 li::before {
  background-color: transparent;
  border: 1px solid #333;
}
.drawer_menu .dep2 .dep3 li:nth-child(1), .drawer_menu .dep2 .dep3 li:nth-child(7) {
  min-width: 17%;
}
.drawer_menu .dep2 .dep3 li:nth-child(2), .drawer_menu .dep2 .dep3 li:nth-child(8) {
  min-width: 14%;
}
.drawer_menu .dep2 .dep3 li:nth-child(3), .drawer_menu .dep2 .dep3 li:nth-child(9) {
  min-width: 12%;
}
.drawer_menu .dep2 .dep3 li:nth-child(4), .drawer_menu .dep2 .dep3 li:nth-child(10) {
  min-width: 14%;
}
.drawer_menu .dep2 .dep3 li:nth-child(5), .drawer_menu .dep2 .dep3 li:nth-child(11) {
  min-width: 17%;
}
.drawer_menu .dep2 .dep3 li:nth-child(6), .drawer_menu .dep2 .dep3 li:nth-child(12) {
  min-width: 20%;
}
@media screen and (max-width: 1449.9px) and (min-width: 1239.9px) {
  .drawer_menu .dep2 .dep3 li:nth-child(1), .drawer_menu .dep2 .dep3 li:nth-child(5), .drawer_menu .dep2 .dep3 li:nth-child(9) {
    min-width: 17%;
  }
  .drawer_menu .dep2 .dep3 li:nth-child(2), .drawer_menu .dep2 .dep3 li:nth-child(6), .drawer_menu .dep2 .dep3 li:nth-child(10) {
    min-width: 14%;
  }
  .drawer_menu .dep2 .dep3 li:nth-child(3), .drawer_menu .dep2 .dep3 li:nth-child(7), .drawer_menu .dep2 .dep3 li:nth-child(11) {
    min-width: 17%;
  }
  .drawer_menu .dep2 .dep3 li:nth-child(4), .drawer_menu .dep2 .dep3 li:nth-child(8), .drawer_menu .dep2 .dep3 li:nth-child(12) {
    min-width: 52%;
  }
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu .dep2 .dep3 li {
    display: block;
    text-align: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 1023.9px) {
  .drawer_menu .dep2 .dep3 {
    position: fixed;
    top: calc(var(--header-h) + 2px);
    left: 50%;
    display: none;
    width: 50%;
    height: calc(100vh - var(--header-h));
    background-color: #e8e8e8;
    padding-left: 16px;
    padding-top: 15px;
  }
}

header > nav {
  min-width: calc($full + var(--side-pd) + var(--side-pd));
  max-width: 1680px !important;
  height: var(--header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1023.9px) {
  header > nav {
    padding: 0 var(--side-pd);
  }
}
header > nav > .logo {
  z-index: 102;
}
@media screen and (max-width: 1239.9px) {
  header > nav > .logo {
    max-width: 184px;
  }
}
@media screen and (max-width: 1023.9px) {
  header > nav > .logo {
    display: flex;
  }
}
header > nav > .dep1 {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 1023.9px) {
  header > nav > .dep1 {
    display: none;
  }
}
header > nav > .dep1 > li {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 34px;
  font-size: 22px;
  letter-spacing: -0.05em;
  font-weight: 700;
  color: #333;
}
header > nav > .dep1 > li a {
  width: 100%;
  height: 100%;
}
header > nav > .dep1 > li:not(:nth-child(2)):hover {
  color: var(--c-skyblue);
}
header > nav > .dep1 > li:not(:nth-child(2)):hover ~ .subbar {
  display: block;
  opacity: 1;
  transition: all 0.2s;
}
header > nav > .dep1 > li:not(:nth-child(2)):hover .dep2 {
  display: flex;
  position: absolute;
}
header > nav > .dep1 > li:not(:nth-child(2)) ~ .subbar {
  content: "";
  display: none;
  opacity: 0;
  position: absolute;
  top: var(--header-h);
  left: 0;
  right: 0;
  width: 100vw;
  height: var(--subheader-h);
  left: 50%;
  transform: translateX(-50%);
  background-color: #0a1933;
  z-index: 1;
}
@media screen and (max-width: 1023.9px) {
  header .logo .view_pc {
    display: none;
  }
}
@media screen and (max-width: 1023.9px) {
  header .logo .view_m {
    display: block;
  }
}
header .dep2 {
  display: none;
  position: fixed;
  align-items: center;
  top: var(--header-h);
  height: var(--subheader-h);
}
header .dep2 li {
  position: relative;
  color: #fff;
  z-index: 2;
  font-size: 16px;
  letter-spacing: -0.025em;
  font-weight: 300;
}
header .dep2 li a {
  transition: all 0.2s;
}
header .dep2 li a:hover {
  color: var(--c-skyblue);
}
header .dep2 li + li {
  padding-left: 26px;
}
header > nav > .dep1 .dep2 li {
  height: 100%;
}
header > nav > .dep1 .dep2 li a {
  display: flex;
  align-items: center;
  height: 100%;
}

.dep3 {
  display: none;
}
.dep3 li a {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.quick_menu {
  overflow: hidden;
  z-index: 100;
}
@media screen and (min-width: 1449.9px) {
  .quick_menu {
    position: absolute;
    top: 670px;
    bottom: auto;
    left: 0;
    transform: none;
  }
}
@media screen and (min-width: 1680px) {
  .quick_menu {
    top: 517px;
    left: 50%;
    transform: translateX(calc(calc(calc(840px) * -1)));
  }
}
@media screen and (max-width: 1449.9px) {
  .quick_menu {
    position: fixed;
    bottom: 195px;
  }
}
@media screen and (max-width: 1023.9px) {
  .quick_menu {
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .quick_menu ul {
    display: flex;
    width: 100%;
  }
}
.quick_menu li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--quick-size);
  background-color: var(--c-blue);
  transition: background-color 0.2s;
}
.quick_menu li:hover {
  background-color: #015ab9;
}
.quick_menu li:active {
  background-color: #013267;
}
.quick_menu li:first-of-type {
  background-color: var(--c-skyblue);
  transition: background-color 0.2s;
}
.quick_menu li:first-of-type:hover {
  background-color: #29c7ff;
}
.quick_menu li:first-of-type:active {
  background-color: #009ed6;
}
@media screen and (min-width: 1023.9px) {
  .quick_menu li {
    flex-direction: column;
    width: var(--quick-size);
  }
}
@media screen and (max-width: 1023.9px) {
  .quick_menu li {
    width: 50%;
  }
}
.quick_menu .svg_icon {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1023.9px) {
  .quick_menu .svg_icon {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .quick_menu .svg_icon {
    margin-right: 16px;
  }
  .quick_menu .svg_icon.quick1 {
    width: 25px;
  }
  .quick_menu .svg_icon.quick2 {
    width: 21px;
  }
}
.quick_menu h1 {
  font-size: 24px;
  letter-spacing: -0.05em;
  color: #fff;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .quick_menu h1 {
    font-size: 15px;
    letter-spacing: -0.025em;
  }
}

.sticky_menus {
  display: flex;
}

.partners_logo {
  border-top: 1px solid var(--c-bg-gray);
  background-color: white;
  height: 90px;
}
@media screen and (max-width: 1023.9px) {
  .partners_logo {
    height: 45px;
  }
}
.partners_logo .inner {
  position: relative;
  height: 100%;
  padding: 0 40px;
}
@media screen and (max-width: 1023.9px) {
  .partners_logo .inner {
    padding: 0 20px;
  }
}
.partners_logo .inner .swiper {
  top: 50%;
  transform: translateY(-50%);
}
.partners_logo .inner .slide_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  cursor: pointer;
  z-index: 9;
}
.partners_logo .inner .slide_arrow.prev {
  left: 0;
}
.partners_logo .inner .slide_arrow.next {
  right: 0;
}
.partners_logo ul {
  width: 100%;
  height: 100%;
}

footer {
  padding: 17px 0 40px;
}
footer > .inner {
  position: static !important;
}
@media screen and (max-width: 1023.9px) {
  footer {
    padding-bottom: calc(28px + var(--quick-size));
  }
}
@media screen and (min-width: 1023.9px) {
  footer .footer_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
footer nav {
  font-size: 18px;
  letter-spacing: -0.05em;
  color: #333;
  font-weight: 400;
}
@media screen and (max-width: 1023.9px) {
  footer nav {
    font-size: 12px;
    letter-spacing: -0.025em;
  }
}
footer nav a {
  font-size: inherit;
  letter-spacing: inherit;
}
footer nav a + a {
  position: relative;
}
footer nav a + a::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 15px;
  margin: 0 14px;
  background: #8a8a8a;
  cursor: default;
}
@media screen and (max-width: 1023.9px) {
  footer nav a + a {
    position: relative;
  }
  footer nav a + a::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 1px;
    height: 8px;
    margin: 0 6px;
    background: #8a8a8a;
    cursor: default;
  }
  footer nav a + a:nth-child(2)::before {
    display: none;
  }
}
footer .family_site {
  position: relative;
  padding: 0 19px;
  border: 1px solid #aaa;
  width: 180px;
  height: 50px;
  cursor: pointer;
  transition: background-color 0.2s;
  font-size: 17px;
  letter-spacing: -0.05em;
}
footer .family_site:hover {
  background-color: white;
}
footer .family_site:active {
  background-color: #dadada;
}
footer .family_site [type=checkbox] {
  position: absolute;
  left: -9999px;
}
footer .family_site label {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  cursor: pointer;
}
footer .family_site ul {
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: auto;
  min-width: calc(100% + 2px);
  max-height: 0;
  padding: 0 19px;
  background-color: #f1f1f1;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  overflow: hidden;
  font-size: 17px;
  letter-spacing: -0.05em;
  color: #333;
  z-index: 10;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.3s;
}
@media screen and (max-width: 1023.9px) {
  footer .family_site ul {
    font-size: 12px;
    letter-spacing: -0.025em;
  }
}
footer .family_site ul li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  line-height: 2;
}
footer .family_site ul li .family_arrow {
  transform: rotate(180deg);
}
@media screen and (max-width: 1023.9px) {
  footer .family_site {
    position: absolute;
    padding: 0 10px;
    bottom: calc(28px + var(--quick-size));
    width: 125px;
    height: 35px;
    font-size: 12px;
    letter-spacing: -0.025em;
  }
}
footer #family_chk:checked ~ .family_site ul {
  opacity: 1;
  max-height: none;
  padding: 8px 19px;
  border: 1px solid #aaa;
}
@media screen and (max-width: 1023.9px) {
  footer #family_chk:checked ~ .family_site ul {
    padding: 8px;
  }
}
footer address {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023.9px) {
  footer address {
    margin-top: 17px;
    margin-bottom: 50px;
    flex-direction: column;
    justify-content: flex-start;
  }
}
footer address .info {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.9px) {
  footer address .info {
    max-width: 100%;
  }
}
footer address .info li {
  font-size: 16px;
  letter-spacing: -0.025em;
  color: #7a7a7a;
  line-height: 1.5;
}
footer address .info li a {
  display: inline-block;
}
footer address .info li:nth-child(4)::before, footer address .info li:nth-child(5)::before {
  content: "·";
  margin: 0 6px;
}
@media screen and (max-width: 1023.9px) {
  footer address .info li:nth-child(4)::before, footer address .info li:nth-child(5)::before {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023.9px) {
  footer address .info li {
    font-size: 11px;
    letter-spacing: -0.025em;
  }
  footer address .info li:nth-child(3) {
    width: 100%;
  }
}
footer address .info li + li {
  display: flex;
  margin-left: 14px;
}
@media screen and (min-width: 1023.9px) {
  footer address .info li + li:nth-child(6), footer address .info li + li.copy {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023.9px) {
  footer address .info li + li {
    margin-left: 5px;
    letter-spacing: -0.55px;
  }
  footer address .info li + li:nth-child(3), footer address .info li + li:nth-child(4) {
    margin-left: 0;
  }
  footer address .info li + li:nth-child(3)::before, footer address .info li + li:nth-child(4)::before {
    display: none;
  }
  footer address .info li + li:nth-child(n+6) {
    margin-left: 0;
    width: 100%;
  }
}
footer address .info li.copy {
  width: 100%;
}

.txt_skyblue {
  color: var(--c-skyblue);
}

.btn {
  font-size: 16px;
  letter-spacing: -0.025em;
  background-color: var(--c-blue);
  color: #fff;
  height: var(--input-h);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
@media screen and (max-width: 1023.9px) {
  .btn {
    padding: 0 15px;
  }
}
.btn.white {
  color: #333;
  background-color: #fff;
  border: 1px solid #333;
}
.btn.black {
  background-color: #262c2f;
  color: #fff;
}

.slide_arrow {
  font-family: "Nanum Gothic", sans-serif;
  font-size: 24px;
  letter-spacing: 4.8px;
  color: white;
}
@media screen and (max-width: 1023.9px) {
  .slide_arrow {
    font-size: 14px;
  }
}

.paging_wrap {
  margin-top: 45px;
  margin-bottom: 56px;
}
@media screen and (max-width: 1023.9px) {
  .paging_wrap {
    margin-top: 14px;
    margin-bottom: 40px;
  }
}

.list_search_container {
  background-color: #f6f6f6;
  padding: 20px;
  margin-top: 20px;
}
@media screen and (min-width: 1023.9px) {
  .list_search_container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (min-width: 1023.9px) and (max-width: 1239.9px) {
  .list_search_container {
    margin-left: var(--side-pd);
    margin-right: var(--side-pd);
  }
}
@media screen and (max-width: 1023.9px) {
  .list_search_container {
    padding: 10px;
  }
}
.list_search_container__inner {
  max-width: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023.9px) {
  .list_search_container__inner {
    max-width: 100%;
  }
}
.list_search_container .select_box {
  width: 24%;
}
.list_search_container .input {
  width: 60%;
  margin-left: 6px;
}
.list_search_container button {
  font-size: 16px;
  letter-spacing: -0.025em;
  background-color: var(--c-blue);
  color: #fff;
  height: var(--input-h);
  width: 16%;
  margin-left: 6px;
  font-weight: 300;
}
@media screen and (max-width: 1023.9px) {
  .list_search_container button {
    font-size: 13px;
    letter-spacing: -0.025em;
  }
}

@media screen and (min-width: 1023.9px) {
  .table_container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (min-width: 1023.9px) and (max-width: 1239.9px) {
  .table_container {
    margin-left: var(--side-pd);
    margin-right: var(--side-pd);
  }
}
.table_container .middle_btn_wrap {
  width: 100%;
  position: relative;
  padding: 20px;
  justify-content: center;
}
@media screen and (max-width: 1023.9px) {
  .table_container .middle_btn_wrap {
    justify-content: flex-start;
  }
}
.table_container .middle_btn_wrap .float {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table_container .middle_btn_wrap .float.right {
  right: var(--side-pd);
}
.p_recru .table_container .middle_btn_wrap .float.right {
  right: 0;
}
.table_container .middle_btn_wrap .float .btn + .btn {
  margin-left: 16px;
}
@media screen and (max-width: 1023.9px) {
  .table_container .middle_btn_wrap .float .btn + .btn {
    margin-left: 7.5px;
  }
}
.p_recru .table_container .middle_btn_wrap {
  border-bottom: 0;
}
@media screen and (max-width: 1023.9px) {
  .p_recru .table_container .middle_btn_wrap {
    justify-content: space-between;
  }
  .p_recru .table_container .middle_btn_wrap .float {
    position: relative;
    width: calc(100% - 96px);
  }
  .p_recru .table_container .middle_btn_wrap .float .btn {
    width: 100%;
  }
}

.state_box {
  display: inline-block;
  width: 65px;
  min-width: 65px;
  line-height: initial;
  font-size: 14px;
  letter-spacing: -0.025em;
  padding: 4px;
  border: 1px solid #333;
  border-radius: 2px;
  text-align: center;
}

.faq_container {
  border-top: 2px solid #333;
}
@media screen and (min-width: 1023.9px) {
  .faq_container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (min-width: 1023.9px) and (max-width: 1239.9px) {
  .faq_container {
    margin-left: var(--side-pd);
    margin-right: var(--side-pd);
  }
}
.faq_container .faq_check {
  position: absolute;
  left: -9999px;
}
.faq_container .faq_check:checked ~ label::after {
  transform: rotate(-90deg);
}
.faq_container .faq_check:checked ~ .faq_ans {
  max-height: none;
  padding: 18px 72px;
  border-bottom: 1px solid #e6e4e4;
}
@media screen and (max-width: 1023.9px) {
  .faq_container .faq_check:checked ~ .faq_ans {
    padding: 15px 50px;
  }
}
.faq_container .faq_box {
  font-size: 16px;
  letter-spacing: -0.025em;
  color: #333;
}
@media screen and (max-width: 1023.9px) {
  .faq_container .faq_box {
    font-size: 15px;
    letter-spacing: -0.025em;
  }
}
.faq_container .faq_box label {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #e6e4e4;
  padding: 12.5px 50px;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
@media screen and (max-width: 1023.9px) {
  .faq_container .faq_box label {
    padding: 12.5px 40px;
  }
}
.faq_container .faq_box label h1 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.faq_container .faq_box label::before {
  position: absolute;
  top: 9px;
  left: 18px;
  content: "Q";
  display: inline-block;
  font-size: 20px;
  letter-spacing: -0.05em;
  color: #333;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .faq_container .faq_box label::before {
    font-size: 16px;
    letter-spacing: -0.025em;
    top: 10px;
  }
}
.faq_container .faq_box label::after {
  position: absolute;
  right: 17px;
  content: ">";
  display: inline-block;
  font-size: 20px;
  letter-spacing: -0.05em;
  font-family: "Nanum Gothic", sans-serif;
  color: #333;
  line-height: 1;
  transform: rotate(90deg);
  transition: all 0.3s;
}
@media screen and (max-width: 1023.9px) {
  .faq_container .faq_box label::after {
    font-size: 16px;
    letter-spacing: -0.025em;
  }
}
.faq_container .faq_ans {
  position: relative;
  max-height: 0;
  overflow: hidden;
  background-color: #f6f6f6;
  padding: 0 72px;
  transition: all 0.3s;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.faq_container .faq_ans * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
@media screen and (max-width: 1023.9px) {
  .faq_container .faq_ans {
    padding: 0 50px;
    font-size: 13px;
    letter-spacing: -0.025em;
    line-height: 1.5;
  }
}
.faq_container .faq_ans::before {
  position: absolute;
  top: 15px;
  left: 48px;
  content: "A";
  display: inline-block;
  font-size: 20px;
  letter-spacing: -0.05em;
  color: #333;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .faq_container .faq_ans::before {
    font-size: 16px;
    letter-spacing: -0.025em;
    top: 12px;
    left: 30px;
  }
}