@charset "UTF-8";
:root {
  --headerHeight: 16.8rem;
  --inner: 1200px;
  --font-type: Pretendard GOV;
  --font-size-large: 1.9rem;
  --font-size-medium: 1.7rem;
  --font-size-small: 1.5rem;
  --font-size-xsmall: 1.3rem;
  --line-height: 1.5;
  --trs-base: 0.4s ease-in-out;
  --icon: "xeicon";
  /* PRIMITIVE */
  --primary-5: #ecf2fe;
  --primary-10: #d8e5fd;
  --primary-20: #b1cefb;
  --primary-30: #86aff9;
  --primary-40: #4c87f6;
  --primary-50: #256ef4;
  --primary-60: #0b50d0;
  --primary-70: #083891;
  --primary-80: #052561;
  --primary-90: #03163a;
  --primary-95: #020f27;
  --secondary-5: #eef2f7;
  --secondary-10: #d6e0eb;
  --secondary-20: #bacbde;
  --secondary-30: #90b0d5;
  --secondary-40: #6b96c7;
  --secondary-50: #346fb2;
  --secondary-60: #1c589c;
  --secondary-70: #063a74;
  --secondary-80: #052b57;
  --secondary-90: #031f3f;
  --secondary-95: #02162c;
  --gray-0: #ffffff;
  --gray-5: #f4f5f6;
  --gray-10: #e6e8ea;
  --gray-20: #cdd1d5;
  --gray-30: #b1b8be;
  --gray-40: #8a949e;
  --gray-50: #6d7882;
  --gray-60: #58616a;
  --gray-70: #464c53;
  --gray-80: #33363d;
  --gray-90: #1e2124;
  --gray-95: #131416;
  --gray-100: #000000;
  --danger-5: #fdefec;
  --danger-10: #fcdfd9;
  --danger-20: #f7afa1;
  --danger-30: #f48771;
  --danger-40: #f05f42;
  --danger-50: #de3412;
  --danger-60: #bd2c0f;
  --danger-70: #8a240f;
  --danger-80: #5c180a;
  --danger-90: #390d05;
  --danger-95: #260903;
  --information-5: #e7f4fe;
  --information-10: #d3ebfd;
  --information-20: #9ed2fa;
  --information-30: #5fb5f7;
  --information-40: #2098f3;
  --information-50: #0b78cb;
  --information-60: #096ab3;
  --information-70: #085691;
  --information-80: #053961;
  --information-90: #03253f;
  --information-95: #021a2c;
  --warning-5: #fff3db;
  --warning-10: #ffe0a3;
  --warning-20: #ffc95c;
  --warning-30: #ffb114;
  --warning-40: #c78500;
  --warning-50: #9e6a00;
  --warning-60: #8a5c00;
  --warning-70: #614100;
  --warning-80: #422c00;
  --warning-90: #2e1f00;
  --warning-95: #241800;
  --success-5: #eaf6ec;
  --success-10: #d8eedd;
  --success-20: #a9dab4;
  --success-30: #7ec88e;
  --success-40: #3fa654;
  --success-50: #228738;
  --success-60: #267337;
  --success-70: #285d33;
  --success-80: #1f4727;
  --success-90: #122b18;
  --success-95: #0e2012;
  --point-5: #fbeff0;
  --point-10: #f5d6d9;
  --point-20: #ebadb2;
  --point-30: #e0858c;
  --point-40: #d65c66;
  --point-50: #d63d4a;
  --point-60: #ab2b36;
  --point-70: #7a1f26;
  --point-80: #521419;
  --point-90: #310c0f;
  --point-95: #21080a;
  --number-1: 0.4rem;
  --number-2: 0.8rem;
  --number-3: 1.2rem;
  --number-4: 1.6rem;
  --number-5: 2rem;
  --number-6: 2.4rem;
  --number-7: 2.8rem;
  --number-8: 3.2rem;
  --number-9: 3.6rem;
  --number-10: 4rem;
  --radius-small: 0.4rem;
  --radius-medium: 0.6rem;
  --radius-large: 0.8rem;
  --radius-xlarge: 1.2rem;
}

/*-------------------------------------------------
초기화
-------------------------------------------------*/
html {
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

*:focus {
  outline: 2px solid var(--primary-50);
  outline-offset: -2px;
  -webkit-box-shadow: inset 0 0 0 3px var(--gray-0);
          box-shadow: inset 0 0 0 3px var(--gray-0);
}

/**:focus { outline: .2rem solid var(--gray-0); outline-offset:0; box-shadow: 0 0 0 .4rem var(--primary-50);}*/
body {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-medium);
  line-height: var(--line-height);
  font-family: var(--font-type);
  font-weight: var(--font-weight);
  color: var(--gray-90);
  word-break: keep-all;
  overflow-x: hidden;
}

header, footer, main, section, article, nav, aside {
  display: block;
}

ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6, p, form, figure, figcaption {
  margin: 0;
  padding: 0;
}

fieldset, hr {
  display: block;
  margin: 0;
  padding: 0;
  border: 0 none;
}

input, select {
  max-width: 100%;
  vertical-align: middle;
  min-height: 4.8rem;
}
input:-moz-placeholder-shown, select:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
input:-ms-input-placeholder, select:-ms-input-placeholder {
  text-overflow: ellipsis;
}
input:placeholder-shown, select:placeholder-shown {
  text-overflow: ellipsis;
}
input:placeholder, select:placeholder {
  color: var(--gray-50);
}

input, select, button, textarea, optgroup {
  margin: 0;
  font-family: var(--font-type);
  font-size: inherit;
  color: var(--gray-70);
  line-height: inherit;
}

/*select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/
select, option {
  font-family: var(--font-type);
}

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

address, em, i {
  font-style: normal;
}

/*span{display:inline-block;}*/
a, button {
  color: inherit;
  text-decoration: none;
  line-height: inherit;
  text-underline-offset: 0.3rem;
  -webkit-transition: var(--trs-base);
  transition: var(--trs-base);
}

/*#contents_body .depth4_tab a:hover,
#contents_body .krds-in-page-navigation-area a:hover{text-decoration: none;}*/
button {
  padding: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
}

button i {
  display: inline-block; /*vertical-align: middle;*/
}

input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

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

table {
  width: 100%;
  border-collapse: collapse;
}

caption {
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

legend, .sr_only, .sr-only, .hdn, .hidden, .blind, .IR {
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
  position: absolute;
}

/* 공통 */
html {
  overflow: visible;
  scroll-behavior: smooth;
}

#skip_nav {
  position: absolute;
  left: 0;
  top: -1000px;
  width: 100%;
  height: 0;
  z-index: 1000;
  line-height: 0;
  font-size: 0;
}

#skip_nav a {
  display: block;
  text-align: center;
  width: 100%;
  line-height: 0;
  font-size: 0;
}

#skip_nav a:focus, #skip_nav a:hover, #skip_nav a:active {
  position: absolute;
  left: 0;
  top: 1000px;
  padding: 8px 0;
  display: block;
  height: 30px;
  background: #20262c;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
}

[class*=ico-] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[class*=ico-]::before, [class*=ico-]::after {
  content: "";
  display: none;
  width: 1.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.medium [class*=ico-]::before, .medium [class*=ico-]::after {
  width: 2rem;
  height: 2rem;
}

[class*=ico-]::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ico-before::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ico-before::after {
  display: none;
}

.ico-like::before, .ico-like::after {
  background-image: url("../img/common/ico_like.svg");
}

.ico-share::before, .ico-share::after {
  background-image: url("../img/common/ico_share.svg");
}

.ico-arr::before, .ico-arr::after {
  background-image: url("../img/common/ico_arr.svg");
}

.ico-arr-right::before, .ico-arr-right::after {
  background-image: url("../img/common/ico_arr-right.svg");
}

.ico-arr-right1::before, .ico-arr-right1::after {
  background-image: url("../img/common/ico_arr-right1.svg");
}

.ico-arr-down::before, .ico-arr-down::after {
  background-image: url("../img/common/ico_arr-down.svg");
}

.ico-more::before, .ico-more::after {
  background-image: url("../img/common/ico_more.svg");
}

.ico-sch::before, .ico-sch::after {
  background-image: url("../img/common/ico_sch.svg");
}

.ico-sch1::before, .ico-sch1::after {
  background-image: url("../img/common/ico_sch1.svg");
}

.ico-go::before, .ico-go::after {
  background-image: url("../img/common/ico_go.svg");
}

.ico-down::before, .ico-down::after {
  background-image: url("../img/common/ico_down.svg");
}

.ico-filter::before, .ico-filter::after {
  background-image: url("../img/common/ico_filter.svg");
}

.ico-reset::before, .ico-reset::after {
  background-image: url("../img/common/ico_reset.svg");
}

.ico-log::before, .ico-log::after {
  background-image: url("../img/common/ico_log.svg");
}

.ico-func::before, .ico-func::after {
  background-image: url("../img/common/ico_func.svg");
}

.ico-logout::before, .ico-logout::after {
  background-image: url("../img/common/ico_logout.svg");
}

.ico-email::before, .ico-email::after {
  background-image: url("../img/common/ico_email.svg");
}

.ico-print::before, .ico-print::after {
  background-image: url("../img/common/ico_print.svg");
}

.ico-scrap::before, .ico-scrap::after {
  background-image: url("../img/common/ico_scrap.svg");
}

.ico-del::before, .ico-del::after {
  background-image: url("../img/common/ico_del.svg");
}

.ico-plus::before, .ico-plus::after {
  background-image: url("../img/common/ico_plus.svg");
}

.ico-setting::before, .ico-setting::after {
  background-image: url("../img/common/ico_setting.svg");
}

.ico-link::before, .ico-link::after {
  background-image: url("../img/common/ico_link.svg");
}

.ico-comment::before, .ico-comment::after {
  background-image: url("../img/common/ico_comment.svg");
}

.ico-prev::before, .ico-prev::after {
  background-image: url("../img/common/ico_prev.svg");
}

.ico-close::before, .ico-close::after {
  background-image: url("../img/common/ico_close.svg");
}

.ico-time::before, .ico-time::after {
  background-image: url("../img/common/ico_time.svg");
}

/* .container { width: 128rem; max-width: calc(100% - 2rem); margin: 0 auto; position: relative;}
.container::after { display: table; clear: both; content: "";} */
.of_h {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.linkWindow::after {
  content: "\e980";
  display: inline-block;
  margin-left: 0.4rem;
  font-family: "xeicon", sans-serif;
  line-height: 1;
}

.ta_l,
.txt_left {
  text-align: left !important;
}

.ta_c,
.txt_center {
  text-align: center !important;
}

.ta_r,
.txt_right {
  text-align: right !important;
}

.form-item .form-label {
  font-weight: 500;
  word-break: keep-all;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

.form-control,
.form_textbox {
  width: 100%;
  display: inline-block;
  border: 1px solid var(--gray-60);
  min-height: 4.8rem;
  padding: 0 1.6rem;
  border-radius: var(--radius-medium);
  /*&:focus { outline:none; box-shadow:none; border: 2px solid var(--primary-50);}*/
}

.form-select,
.form_select select {
  width: 100%;
  min-width: 13rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  border: 1px solid var(--gray-60);
  min-height: 4.8rem;
  padding: 0 2.4rem 0 1.2rem;
  border-radius: var(--radius-medium);
  background: #fff url(../img/common/head_gnb_ico_arr.svg) no-repeat center right 0.8rem/2rem 2rem;
}
.form-select:focus,
.form_select select:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid var(--primary-50);
}

.datepicker-input {
  position: relative;
}

.datepicker-input .datepicker {
  padding-right: 4.8rem;
}

.datepicker-input .form-btn-datepicker {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  width: 4rem;
  height: 4rem;
  background: url(../img/common/ico_calendar.svg) no-repeat center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form-item > * {
  display: inline-block;
  vertical-align: middle;
}

.form-row {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  gap: 0.8rem;
}

.form-row > .form-item,
.form-row > .form-select,
.form-row > .form-control {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  min-width: 1%;
}

.form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}

.no_data {
  padding: 2rem 0;
  text-align: center;
}

.fc_red {
  color: #c72a00;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.gap {
  gap: 1.2rem;
}

.fl_l {
  float: left;
}

.fl_r {
  float: right;
}

.va_t {
  vertical-align: top;
}

.va_m {
  vertical-align: middle;
}

.va_b {
  vertical-align: bottom;
}

.dp_n {
  display: none !important;
}

.bd_n {
  border: 0;
}

.bdt_n {
  border-top: 0;
}

.bdr_n {
  border-right: 0;
}

.bdb_n {
  border-bottom: 0;
}

.bdl_n {
  border-left: 0;
}

.mgt0, .mgt_0 {
  margin-top: 0 !important;
}

.mgt5, .mgt_5 {
  margin-top: var(--number-2) !important;
}

.mgt10, .mgt_10 {
  margin-top: var(--number-4) !important;
}

.mgt15 {
  margin-top: var(--number-6) !important;
}

.mgt20, .mgt_20 {
  margin-top: var(--number-8) !important;
}

.mgb0, .mgb_0 {
  margin-bottom: 0 !important;
}

.mgb5, .mgb_5 {
  margin-bottom: var(--number-2) !important;
}

.mgb10, .mgb_10 {
  margin-bottom: var(--number-4) !important;
}

.mgb15 {
  margin-bottom: var(--number-6) !important;
}

.mgb20, .mgb_20 {
  margin-bottom: var(--number-8) !important;
}

.mgb25 {
  margin-bottom: var(--number-10) !important;
}

.mgl0 {
  margin-left: 0 !important;
}

.mgl5, .mgl_5 {
  margin-left: var(--number-2);
}

.mgl10, .mgl_10 {
  margin-left: var(--number-4);
}

.mgl15 {
  margin-left: var(--number-6);
}

.mgl20, .mgl_20 {
  margin-left: var(--number-8);
}

.mgr0 {
  margin-right: 0;
}

.mgr5, .mgr_5 {
  margin-right: var(--number-2);
}

.mgr10, .mgr_10 {
  margin-right: var(--number-4);
}

.mgr15 {
  margin-right: var(--number-6);
}

.mgr20, .mgr_20 {
  margin-right: var(--number-8);
}

.mgb30, .mgb_30 {
  margin-bottom: 3rem !important;
}

.mgb35, .mgb_35 {
  margin-bottom: 3.5rem !important;
}

.mgb40, .mgb_40 {
  margin-bottom: 4rem !important;
}

.mgb45 {
  margin-bottom: 4.5rem !important;
}

.mgb50, .mgb_50 {
  margin-bottom: 5rem !important;
}

.mgb55 {
  margin-bottom: 5.5rem !important;
}

.mgb60, .mgb_60 {
  margin-bottom: 6rem !important;
}

.mgb100 {
  margin-bottom: 10rem !important;
}

.mgt25 {
  margin-top: var(--number-10);
}

.mgt30 {
  margin-top: 30px !important;
}

.mgt35 {
  margin-top: 35px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgt45 {
  margin-top: 45px !important;
}

.mgt50 {
  margin-top: 50px !important;
}

.mgt55 {
  margin-top: 55px !important;
}

.mgt60 {
  margin-top: 60px !important;
}

.mgt100 {
  margin-top: 100px !important;
}

.mgt4 {
  margin-top: 4px !important;
}

.mgt8 {
  margin-top: 8px !important;
}

.mgt12 {
  margin-top: 12px !important;
}

.mgt16 {
  margin-top: 16px !important;
}

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

.mgt28 {
  margin-top: 28px !important;
}

.mgt32 {
  margin-top: 32px !important;
}

.mgt36 {
  margin-top: 36px !important;
}

.mgt44 {
  margin-top: 44px !important;
}

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

.mgt52 {
  margin-top: 52px !important;
}

.mgt56 {
  margin-top: 56px !important;
}

.mgt64 {
  margin-top: 64px !important;
}

.tip_text {
  margin-left: 40px;
}

.clear_box {
  overflow: hidden;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

.title_zidx {
  position: relative;
  z-index: 60;
}

.mo_block {
  display: none;
}

.normal_btn {
  width: inherit;
  height: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: 0 none;
  background-color: transparent;
  vertical-align: middle;
  cursor: pointer;
}

.input_btn {
  display: inline-block;
  width: auto;
  height: auto;
  line-height: 19px;
  padding: 3px 6px 6px 6px;
  font-size: 13px;
  border: 0 none;
  background-color: #476da2;
  color: #fff;
}

.input_btn:focus, .input_btn:hover {
  cursor: pointer;
}

/*
.form_select { display: inline-block; height: 4.2rem; color: #333; }
.form_select select { width: 100%; height: 100%; padding: 0 3rem 0 1rem; border: 1px solid #ddd; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s;background:#fff url(../kor/img/common/select_angle.png) right .5rem center/2.2rem 2rem no-repeat;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; }
.form_select select:hover, .form_select select:focus { border-color: #000; }
.form_check { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }
.form_check label { cursor: pointer; }
.form_check label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.5rem; height: 1.5rem; border: 1px solid #ddd; background-color: #fff; content: ''; }
.form_check label::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; left: 0; top: 0.5rem; z-index: -1; width: 1.5rem; height: 1.5em; color: #484c58; content: ''; text-align: center; line-height: 1.5rem; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_check input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_check input:focus + label::before { outline: 1px dotted #000; }
.form_check input:checked + label::after { opacity: 1; }
.form_check:last-child { margin-right: 0; }
.form_radio { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }
.form_radio label { cursor: pointer; }
.form_radio label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.5rem; height: 1.5rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }
.form_radio label::after { position: absolute; left: 0.5rem; top: 1rem; z-index: -1; width: 0.5rem; height: 0.5rem; border-radius: 100%; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_radio input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_radio input:focus + label::before { outline: 1px dotted #000; }
.form_radio input:checked + label::after { background-color: #484c58; }
.form_radio:last-child { margin-right: 0; }*/
.form_file {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 3.5rem;
  max-height: 100%;
  text-align: left;
}

.form_file input {
  width: 8rem;
  height: 100%; /*margin-top: -3.5rem;*/
  border: 0 none;
  opacity: 0;
  cursor: pointer;
  min-height: inherit;
}

.form_file input:hover + .txt::before,
.form_file input:focus + .txt::before {
  background-color: #999;
  color: #fff;
}

.form_file .txt::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 8rem;
  height: 3.5rem;
  line-height: 3.5rem;
  border: 1px solid #999;
  font-size: 1.5rem;
  color: #333;
  content: "첨부파일";
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.form_file .txt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
}

/* 체크박스, 라디오버튼 */
.custom_input,
.form_check,
.form_radio {
  position: relative;
}
.custom_input input,
.form_check input,
.form_radio input {
  position: absolute;
  opacity: 0;
}
.custom_input input + label,
.form_check input + label,
.form_radio input + label {
  display: inline-block;
  position: relative;
  padding-left: 2.8rem;
  margin-right: 2rem;
  cursor: pointer;
}
.custom_input input + label:last-of-type,
.form_check input + label:last-of-type,
.form_radio input + label:last-of-type {
  margin-right: 0;
}
.custom_input input + label::before, .custom_input input + label::after,
.form_check input + label::before,
.form_check input + label::after,
.form_radio input + label::before,
.form_radio input + label::after {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--gray-60);
  cursor: pointer;
}
.custom_input input + label::before,
.form_check input + label::before,
.form_radio input + label::before {
  background: var(--gray-0);
}
.custom_input input[type=radio] + label::before,
.form_check input[type=radio] + label::before,
.form_radio input[type=radio] + label::before {
  border-radius: 50%;
}
.custom_input input[type=radio] + label::after,
.form_check input[type=radio] + label::after,
.form_radio input[type=radio] + label::after {
  content: "";
  display: block;
  opacity: 0;
  width: 1rem;
  height: 1rem;
  background-color: var(--primary-50);
  border-radius: 50%;
  position: absolute;
  left: 0.5rem;
  top: 0.8rem;
  z-index: 1;
  -webkit-transition: var(--trs-base);
  transition: var(--trs-base);
}
.custom_input input[type=checkbox] + label::before,
.form_check input[type=checkbox] + label::before,
.form_radio input[type=checkbox] + label::before {
  border-radius: var(--radius-small);
}
.custom_input input[type=checkbox] + label::after,
.form_check input[type=checkbox] + label::after,
.form_radio input[type=checkbox] + label::after {
  content: "\e929";
  text-align: center;
  background-color: var(--primary-50);
  border-radius: var(--radius-small);
  border: 1px solid var(--gray-60);
  color: var(--gray-0);
  font-family: "xeicon";
  opacity: 0;
  line-height: 1;
  -webkit-transition: var(--trs-base);
  transition: var(--trs-base);
}
.custom_input input:checked + label::before,
.custom_input input:checked + label::after,
.form_check input:checked + label::before,
.form_check input:checked + label::after,
.form_radio input:checked + label::before,
.form_radio input:checked + label::after {
  opacity: 1;
  border-color: var(--primary-50);
}
.custom_input input:focus + label,
.form_check input:focus + label,
.form_radio input:focus + label {
  outline: 0.2rem solid var(--gray-0);
  outline-offset: 0;
  -webkit-box-shadow: 0 0 0 0.4rem var(--primary-50);
          box-shadow: 0 0 0 0.4rem var(--primary-50);
}

.custom_input ~ .custom_input,
.form_check ~ .form_check,
.form_radio ~ .form_radio {
  margin-left: 2rem;
}

/* 페이징 */
.board_pager {
  margin: 4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_pager .link-dot,
.board_pager .arr,
.board_pager a {
  height: 4rem;
  padding: 1rem 0;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--trs-base);
  transition: var(--trs-base);
  color: var(--gray-70);
}

.board_pager .arr {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.board_pager .link-dot::before {
  font-family: "xeicon", sans-serif;
  content: "\e94a";
}

.board_pager .arr::before {
  font-family: "xeicon", sans-serif;
}

.board_pager .arr.first::before {
  content: "\e93c\e93c";
}

.board_pager .arr.prev::before {
  content: "\e93d";
}

.board_pager .arr.next::before {
  content: "\e940";
}

.board_pager .arr.last::before {
  content: "\e93f\e93f";
}

.board_pager .arr.first, .board_pager a.arr.last {
  display: none;
}

.board_pager .arr.next {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.board_pager .group {
  margin: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_pager .group a {
  width: 4rem;
}

.board_pager a:hover,
.board_pager a:focus {
  text-decoration: none;
  background: var(--secondary-5);
}

.board_pager .group a.active {
  background-color: var(--secondary-70);
  color: var(--gray-0);
}

.board_pager .group em {
  display: none;
}

.board_pager .disabled {
  color: var(--gray-40);
}

@media (max-width: 767.98px) {
  .board_pager {
    position: relative;
    padding-top: 5rem;
  }
  .board_pager .arr {
    position: absolute;
    top: 0;
  }
  .board_pager .arr.prev {
    translate: -70% 0;
  }
  .board_pager .arr.next {
    translate: 70% 0;
  }
}
/* name_chk - 휴대폰본인인증 */
.name_chk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
}

.name_chk .nc_box {
  border: 1px solid #d3d6db;
  border-radius: 0.8rem;
  margin: 0 1rem;
  padding: 4rem;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  display: block;
}

.name_chk .nc_box h3 {
  display: block;
  text-align: center;
  font-size: 2.2rem;
  color: #111;
}

.name_chk .nc_box p {
  display: block;
  text-align: center;
  color: #555;
  margin: 1rem 0;
}

.name_chk .nc_box .icon_img {
  display: block;
  margin: 0 auto 2rem;
}

.name_chk .phone {
  background: var(--secondary-5);
  border-color: var(--gray-20);
}

.name_chk .ipin {
  background: #fafbfd;
  border-color: #a9b1c9;
}

.name_chk .board_btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.5rem;
}

.name_chk .board_btn::after {
  display: block;
  content: "";
  clear: both;
}

.name_chk .board_btn span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 2rem;
  background: var(--primary-50);
  color: var(--gray-0);
  border-radius: var(--radius-large);
  -webkit-transition: var(--trs-base);
  transition: var(--trs-base);
  height: 5.6rem;
}

.name_chk:hover .board_btn span {
  background: var(--primary-60);
}

@media (max-width: 1280px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 9px;
  }
  .t_dp_n {
    display: none !important;
  }
}
@media (max-width: 768px) {
  img {
    max-width: 100%;
  }
  .m_dp_n {
    display: none !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT10 {
    margin-top: 1rem !important;
  }
  .mT15 {
    margin-top: 1.5rem !important;
  }
  .mT20 {
    margin-top: 2rem !important;
  }
  .mT30 {
    margin-top: 3rem !important;
  }
  .mT40 {
    margin-top: 4rem !important;
  }
  .mT50 {
    margin-top: 5rem !important;
  }
  .mB30 {
    margin-bottom: 3rem !important;
  }
  .mB20 {
    margin-bottom: 2rem !important;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 425px) {
  .mo_w100 {
    width: 100%;
  }
  .name_chk {
    display: block;
    margin: 3rem 0;
  }
  .name_chk .ipin {
    margin-top: 2rem;
  }
}
@media (max-width: 320px) {
  html {
    font-size: 8px;
  }
}