* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
b {
  font-weight: 400;
}
button,
a {
  border: none;
  vertical-align: middle;
  background-color: transparent;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
table,
th,
td,
input,
select,
textarea,
p {
  font-family: Pretendard, "Pretendard", Helvetica, AppleSDGothicNeo, sans-serif !important;
  font-size: 14px;
  /*  color: #000;*/
}
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}
input[type="checkbox"] {
  accent-color: #3c71d7;
  width: 20px !important;
  height: 20px !important;
}
input[type="radio"] {
  accent-color: #3c71d7;
}
/* font reset */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 200;
  src: url("/resources/font/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 300;
  src: url("/resources/font/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  src: url("/resources/font/Pretendard-Regular.woff") format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-style: medium;
  font-weight: 500;
  src: url("/resources/font/Pretendard-Medium.woff") format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-style: semibold;
  font-weight: 600;
  src: url("/resources/font/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-style: bold;
  font-weight: 700;
  src: url("/resources/font/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: black;
  font-weight: 900;
  src: url("/resources/font/Pretendard-ExtraBold.woff") format("ttf");
}

@font-face {
  font-family: "DAKIB";
  src: url("/resources/font/woff/DAKIB.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DAKIMT";
  src: url("/resources/font/woff/DAKIMTITLE.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DAKIM";
  src: url("/resources/font/woff/DakiM.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DAKIL";
  src: url("/resources/font/woff/DakiL.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Çì´õ */
#skipNavi a {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #2b64ce;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  z-index: 9999;
}

header {
  margin: 0 auto;
  padding: 15px 0;
  border-bottom: 1px solid #eff1f5;
  width: 100%;
}

header .header_inner {
  display: flex;
  margin: 0 auto;
  width: 1280px;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.headerlogo {
  width: 196px;
  display: block;
  height: 39px;
}
header .util_menu {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  gap: 10px;
}
header .util_menu select {
  width: 56px;
  height: 26px;
  border-radius: 16px;
  padding: 5px;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
}
header .util_menu button {
  width: 70px;
  height: 46px;
  background-color: #fff;
  font-weight: 400;
  font-family: "DAKIB";
  display: inline-block;
  color: #000;
  width: 100%;
  font-family: "DAKIM";
  font-size: 14px;
}

header .util_menu .countdown_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
header .util_menu a {
  width: 100%;
  display: inline-block;
  color: #2d2d2d;
  font-family: "DAKIM";
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 20px;
  background: #f5f5f5;
  font-weight: 400;
}
.countdown {
  width: 40px;
  padding: 0 0 0 5px;
  border: 0;
  color: #000;
  font-family: "DAKIM";
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}

.gnb {
  float: left;
  width: unset;
  margin-top: 1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-left: 44px;
}

.gnb li a {
  color: #000;
  text-indent: 0em;
  height: unset;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0px 20px;
  max-width: 240px;
  max-height: 42px;
  display: block;
  box-sizing: border-box;
  word-break: break-all;
  text-align: center;
  overflow: hidden;
}

.gnb li.no_menu {
  color: #000;
  text-indent: 0em;
  height: unset;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0px 20px 0 0;
  max-height: 42px;
  display: block;
  box-sizing: border-box;
  word-break: break-all;
  text-align: center;
  overflow: hidden;
}
.gnb li a:hover,
.gnb li a.active {
  color: #3c71d7;
}
.add_top {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 16px;
}
.add_top img {
  margin-right: 6px;
}
.add_top .bar {
  border-right: 1px solid #cacaca;
  display: block;
  height: 20px;
}
.add_top a {
  color: #000;
  font-family: "DAKIM";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .header_inner {
    width: 1280px;
    margin: 0 auto;
  }
  #footer {
    background-color: #fff;
  }
}

/* Çì´õ ³¡ */

/* ǪÅÍ */

/*footer*/
#footer {
  display: block;
  width: 100%;
  background-color: #fff;
  /* border-top:2px solid #ccc; */
  color: #666;
  padding-top: 20px;
  box-sizing: border-box;
}
.footer_inner {
  width: 1280px;
  margin: 0 auto 20px;
  height: 130px;
  font-size: 12px;
  line-height: 22px;
  box-sizing: border-box;

  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#footer p {
  margin: 10px 0;
}
#footer p a {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
}

span.fm a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.footer_menu li {
  float: left;
}
.footer_menu li a {
  color: #666;
}

#footer address {
  overflow: hidden;
}

.foot_ci {
  display: flex;

  flex-direction: column;
  align-items: flex-end;
}

.add {
  width: 1000px;
  float: left;
}
.flogo {
  /* width: 140px; */
  margin-bottom: 5px;
}

address {
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: #666;
}
address dl {
  display: flex;
  flex-wrap: wrap;
}
address dl > dt {
  font-weight: 500;
  margin-right: 0.2rem;
}
address dl > dd:after {
  content: "";
  padding: 0.5rem;
  font-size: 0.5rem;
  vertical-align: top;
  color: #999999;
}
address dl > dd:last-child:after {
  content: "";
  padding: 0;
}
address > p {
  line-height: 3rem;
}

#footer {
  height: 180px;
  font-family: "DAKIB";
  margin-top: 40px;
}

footer {
  width: 100%;
  height: auto;
}
footer .certificate_box {
  display: -webkit-box;
  display: -ms-flexbox;
  float: right;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

footer .certificate_box .f_select {
  position: relative;
}

footer .certificate_box .f_select > button {
  width: 152px;
  color: #000;
  text-align: center;
  font-size: 14px;
  padding: 12px 24px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  font-family: "DAKIM";
  font-weight: 400;
  background-color: #fff;
  display: inline-flex;
  flex-direction: row;
  line-height: 22px;
}

footer .certificate_box .f_select > ul {
  position: absolute;
  border-bottom: none;
  bottom: 46px;
  border: 1px solid #ebebeb;
  background-color: #fff;
  width: 100%;
  display: none;
  cursor: pointer;
  font-weight: 400;
  border-radius: 10px;
  font-family: "DAKIM";
}

footer .certificate_box .f_select > ul > li {
  padding: 6px 10px;
  color: #000;
  opacity: 1;
  margin: 10px auto;
  font-family: "DAKIM";
  font-weight: 400;
  width: 90%;
}
#userguide_obj {
  display: none;
}
footer .certificate_box .f_select > ul > li > a {
  width: 100%;
  color: #000;
  height: 100%;
  font-family: "DAKIM";
  font-weight: 400;
  font-size: 14px;
}

footer .certificate_box .f_select > ul > li:hover {
  border-radius: 8px;
  margin: 10px auto;
  width: 90%;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: rgba(219, 235, 246, 0.26);
}

footer .certificate_box .f_select > ul > li > strong {
  display: block;
  color: #fff;
  padding: 10px;
  border-top: #a0aeba 1px solid;
  border-bottom: #a0aeba 1px solid;
}

footer .certificate_box .f_select > button img {
  margin-left: 14px;
  line-height: 64px;
}
footer .foot_ci {
  gap: 20px;
}
footer .foot_ci_tip img {
  width: unset;
}
footer .foot_ci .foot_ci_bot {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
/* #footer{
    padding-top: 0;
} */

/* ǪÅÍ ³¡ */

/* Äü¸Þ´º */
.quick_menu {
  right: -100px;
  /*     bottom: 0px; */
}
.quick_menu.quick_menu_sub {
  transform: translateX(0%);
  left: unset;
  top: unset;
  bottom: 0;
}
/* ÄÁÅÙÃ÷ */

#container {
  width: 1280px !important;
  position: relative;
}
#contents {
  width: 1040px;
}

#contents .contents_top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 40px 30px;
  position: relative;
  width: 100%;
  gap: 16px;
  border-radius: 5px;
}
#contents .contents_top h2 {
  color: #2d2d2d;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 650px;
}
#contents .contents_top.blue_bg {
  min-height: 250px;
}
#contents .contents_top.no_btn {
  justify-content: flex-start;
}
#contents .blue_bg {
  background: #f8faff;
}
#contents .blue_border {
  border: 1px solid #d8e3f7;
}

#contents .contents_top h4 {
  color: #666;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  max-width: 550px;
  min-height: 60px;
  min-height: 48px;
  word-break: keep-all;
}
#contents .main_img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-top: 0;
}
.contents_top .search_input_top {
  border-radius: 5px;
  border: 1px solid #3c71d7;
  background: #fff;
  display: flex;
  width: 340px;
  height: 40px;
  padding: 0;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.contents_top .search_input_top input {
  width: 300px;
  height: 38px;
  padding: 12px;
  border-radius: 5px 0px 0px 5px;
  border: none;
}
.contents_top .btn_search {
  border-radius: 0px 5px 5px 0px;
  background: #3c71d7;
  display: inline-flex;
  height: 40px;
  padding: 12px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.contents_top #search_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  padding-top: 12px;
}
.contents_top #search_container button {
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #666666;
}
.contents_top #search_container span {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.info_menu {
  padding-left: 0;
}
.info_menu li.no_print {
  background-image: none;
  background-color: #fff;
  width: auto;
  height: auto;
  box-sizing: border-box;
}
.lineMap {
  padding: 12px 14px;
  height: 45px;
}
.lineMap dd {
  float: left;
  padding-right: 14px;
  margin-left: 10px;
  background: url(/resources/images/new/i_arr_ri_gray.svg) no-repeat right 5px;
  line-height: 1.5;
}
.contents_bot {
  padding: 37px 00px 20px 0;
  width: 100%;
}
.contents_bot strong {
  font-weight: 500;
}
.contents_bot #Xprint {
  padding-top: 16px;
  cursor: pointer;
}
.contents_bot #Xprint:hover {
  color: #3c71d7;
}
.contents_bot ul li {
  padding-left: 0 !important;
  font-size: 16px;
  line-height: 2;
}
.contents_bot ol li {
  padding: 3px 0 6px 0 !important;
  list-style: none;
  font-size: 16px;
  background: url(/resources/images/new/blet01.svg) no-repeat 0 10px;
  padding-left: 10px !important;
  margin-left: 0 !important;
  line-height: 1.3 !important;
}
.contents_bot .tbl03 {
  margin-left: 0 !important;
  width: 90% !important;
  margin-top: 10px;
}
.contents_bot .tbl03 th,
.contents_bot .tbl03 td {
  padding: 12px 0px;
  height: 50px !important;
  /* word-break: keep-all; */
}
.tbl03 th, .tbl03 td{
      padding: 10px;
}
/* ¹öÆ° */
.main_btn,
.box_btn a.main_btn {
  display: inline-flex;
  padding: 12px 36px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 5px;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.36px;
  transition: all 0.3 ease-in-out;
  text-align: center;
}

.confirm_btn {
  padding: 7px 10px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  background: #fff;
  color: #2d2d2d;
  font-size: 12px;
}

.box_btn {
  width: 100%;
  padding: 10px 0 20px 0;
}
.new_guide_tab_bar li {
  border: none;
}
.new_guide_tab_bar li a.on {
  background-color: #3c71d7;
  color: #fff;
  font-weight: normal;
  border: 1px solid #3c71d7;
}
.tab_bar li a {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  background: #fff;
  height: 48px;
  line-height: 48px;
  color: #666;
  font-size: 16px;
}

.new_guide_tab_bar li:last-child a {
  border-right: 1px solid #666;

  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -ms-border-radius: 0px 5px 5px 0px;
  -o-border-radius: 0px 5px 5px 0px;
}
.new_guide_tab_bar li:first-child a {
  border-left: 1px solid #666;

  border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -ms-border-radius: 5px 0px 0px 5px;
  -o-border-radius: 5px 0px 0px 5px;
}
.new_guide_tab_bar li a.last {
  border: 1px solid #666;
  /* border-left: none; */
}
.new_guide_tab_bar li a:hover {
  background-color: #5c8de9;
  border: 1px solid #3c71d7;
  font-weight: normal;
  color: #ffffff;
  box-sizing: border-box;
  border-left: 1px solid #fff;
}
.ipin_off_box {
  border: none;
}
.ipin_popup .ipin_off_box h2 {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 30px;
}
.ipin_popup .ipin_off_box p {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.ipin_link_btn {
  display: flex;
  width: 479px;
  height: 56px;
  padding: 5px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  border: 1px solid #3c71d7;
  color: #3c71d7;
  background: #fff;
  text-decoration: underline;
  font-weight: 500;
  text-underline-offset: 2px;
  margin-top: 30px;
}
.ipin_link_btn img {
  margin-left: 0;
}
.ipin_link_btn span::before {
  display: none;
}
.ipin_link_btn:hover {
  color: #3c71d7;
  background: #eaf1ff;
}
.box_btn2 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.box_btn2 button {
  display: block;
  width: fit-content;
  padding: 0px 10px;
  border-radius: 5px 5px 0px 0px;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  background: #f8f8f8;
  border-bottom: 1px solid #2d2d2d;
  max-width: 180px;
  width: 100%;
  min-width: 100px;
  min-height: 52px;
  height: auto;
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.3px;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* ¿øÇÏ´Â ÁÙ ¼ö */
  /* overflow: hidden;
  text-overflow: ellipsis; */
  word-break: break-all;
  text-wrap: wrap;
}
.box_btn2 button.on {
  border-radius: 5px 5px 0px 0px;
  border-top: 1px solid #2d2d2d;
  border-right: 1px solid #2d2d2d;
  border-left: 1px solid #2d2d2d;
  border-bottom: none;
  background: #fff;
  color: #2d2d2d;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.3px;
}

/* »çÀÌµå ¸Þ´º */

#container .aside {
  padding-left: 0;
  min-height: 480px;
}
#container .aside h2 {
  color: #000;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: block;
  padding: 44px 0px 20px 10px;
  border-bottom: 1px solid #e2e2e2;
}
.lnb {
  background: none;
}
.lnb li a {
  text-indent: 0;
  padding: 14px 10px;
  border-bottom: 1px solid #e2e2e2;
  color: #555;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  width: 200px;
  height: 48px;
  position: relative;
  box-sizing: border-box;
}
.lnb li a::after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 5px;
  height: 10px;
  background-image: url("/resources/images/new/i_arr_ri_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

/* hover ½Ã ¾ÆÀÌÄÜ Ç¥½Ã */
.lnb li a:hover::after,
.lnb li a.active::after {
  display: block;
  color: #3c71d7;
}
.lnb li a:hover,
.lnb li a.active {
  color: #3c71d7;
}

/* ±¤°í¿µ¿ª ½ÃÀÛ */
.ad_top_slide {
  width: 1280px;
  height: 80px;
  background-color: #cacaca;
  display: block;
  margin: 20px auto 00px;
  position: relative;
  cursor: pointer;

  /* ±¤°í ¿µ¿ª ¾øÀ»¶§ */
  /* visibility: hidden; */
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  background-color: #e0e0e0;
}

/* È­»ìÇ¥ ½ºÅ¸ÀÏ */
.swiper-button-prev,
.swiper-button-next {
  color: #fff !important;
  font-size: 30px;
  background-color: #00000015 !important;
  border-radius: 50%;
  width: 35px !important;
  height: 35px !important;
  line-height: 40px;
  text-align: center;
  transform: translateY(-50%);
  margin-top: 0 !important;
  mix-blend-mode: color-burn;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 13px !important;
}
.swiper-button-prev {
  left: 20px !important;
}

.swiper-button-next {
  right: 20px !important;
}
/* ±¤°í¿µ¿ª ³¡ */

/* ÄÜÅÙÃ÷ ŸÀÌƲ */
.content_title {
  padding: 0 0 10px 0;
  font-size: 22px;
  height: 44px;
}
.content_title img {
  padding-right: 6px;
}
.sub_txt {
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 20px;
}
/* ³ëƼ½º ¾È³» ¿µ¿ª */
.notice_pay {
  width: 100%;
  padding: 20px;
  font-family: "Pretendard";
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.notice_pay b {
  font-weight: 600;
}
.notice_pay ul li {
  padding: 0 0 10px 10px;
}
.notice_pay ul li:last-child {
  padding-bottom: 0px;
}
/* ³ëƼ½º ¿µ¿ª ³ÐÀÌ */
.notice_pay2,
.notice_hakjuk,
.notice_choice,
.yak_content {
  width: 100%;
  margin-right: 0;
  box-sizing: border-box;
  margin-top: 40px;
}
.notice_qna {
  width: 100%;
  margin: 0 0 40px 0;
  box-sizing: border-box;
}
.notice_pay {
  margin-top: 40px;
}
.notice_pay.blue_bg {
  margin-top: 20px;
}
.notice_veri,
.notice_mail {
  width: 100%;
  margin-right: 0;
  box-sizing: border-box;
  margin-top: 20px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  padding: 20px;
}
.notice_veri li {
  line-height: 1.2;
  padding: 0 0 0 10px;
}
.mail ul li {
  line-height: 1.5;
  padding: 0px 0 10px 10px;
}
.notice_veri li a,
.notice_veri li a:hover {
  color: #3c71d7;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.notice_pay2 img,
.notice_hakjuk img,
.notice_choice img,
.yak_content img {
  width: 5px;
  height: 6px;
}
.doc_num {
  width: 100%;
  margin-left: 0;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0;
  display: flex;
  flex-direction: row;
}
.doc_label {
  border-right: 1px solid #ddd;
  background: #f8f8f8;
  padding: 20px 0 20px 20px;
  width: 200px;
  text-align: left;
}
.doc_num input {
  width: 148px;
  height: 36px;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
}
.doc_num fieldset {
  padding: 12px 12px 12px 20px;
}

/* ¸®½ºÆ® ½ºÅ¸ÀÏ - */
.notice_qna ul li,
.notice_pay ul li,
.notice_pay2 ul li,
.notice_hakjuk ul li,
.notice_veri li,
.notice_mail ul li {
  background: url(/resources/images/new/blet01.svg) no-repeat 0 6px !important;
}

.notice_pay.no_list ul li {
  background: none !important;
  padding-left: 0;
}
.notice,
.feeBox {
  width: 100%;
  border-radius: 5px;
  margin: 0px 0 20px 0;
}
.cert_choice {
  width: 100%;
  border-radius: 5px;
  padding-left: 0;
}
.yak {
  margin-top: 20px !important;
}
.yak .agree {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.yak .agree label {
  line-height: 20px;
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.28px;
}
#check_information label {
  padding: 0 4px;
}
.check_information_btn {
  padding-bottom: 3px;
  display: inline-block;
}
.feeBox select {
  font-weight: 600 !important;
  max-width: 390px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pageNum {
  margin: 20px auto;
}
.pageNum ul li {
  margin: 0 5px;
}
.pageNum a {
  border-radius: 6px;
  padding: 10px;
}
.pageNum .active a,
.pageNum li:hover a {
  background: #f6f6f6;
}
.cert_fee2 {
  text-align: center;
  padding: 0;
}
.guide_menu {
    margin-top: 0;
    padding: 0;
}
.guide_notice {
  width: 100%;
}
.guide_notice dt a {
  color: #3c71d7;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 133.333% */
  letter-spacing: -0.3px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.guide_notice dd {
  background: url(/resources/images/new/i_arr_ri_bk.svg) no-repeat 0 7px;
}
.mfaq {
  width: 100%;
  display: flex;
  flex-direction: row;
  color: #666;
  font-size: 14px;
  padding: 16px 0;
  flex-wrap: wrap;
}
.mfaq a {
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 12px 10px;
  display: block;
  height: auto;
  box-sizing: border-box;
  cursor: pointer;
  height: auto;
  border-bottom: 1px solid transparent;
}
.mfaq a.on,
.mfaq a:hover {
  border-bottom: 1px solid #2d2d2d;
  color: #2d2d2d;
  background: #fff;
}
/* faq */
.faq {
  width: 100%;
}
.faq dt {
  width: 100%;
  padding: 20px 0px 20px 24px;
  border: none;
  border-bottom: 1px solid #e2e2e2;
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.28px;
  background: url(/resources/images/new/blet02.svg) no-repeat 12px 27px;
  transition: 0.3s ease-in-out ;
}

.faq dt:hover{
  background-color: #f8faff;
}

.faq dd {
  width: 100%;
  border: 1px solid #ddd;
  border-top: none;
  background: #f8f8f8;
}
/* ·Î±×ÀÎ  */
.notice_login {
  padding: 20px;
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  width: 1024px;
  box-sizing: border-box;
  margin: auto;
  width: 100%;
}
.notice_login li {
  width: 100%;
  padding: 10px 0px 10px 24px;
  border: none;
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
  background: url(/resources/images/new/blet01.svg) no-repeat 12px 16px;
}
.notice_simple_login li:first-child {
  font-size: 14px;
}
.notice_simple_login li {
  background: url(/resources/images/new/blet01.svg) no-repeat 0 6px;
  color: #2d2d2d;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

#wrap {
  min-width: 1024px;
  width: 100%;
}
.Login_form {
  font-family: "Pretendard";
}
.login_form_a {
  border-bottom: none;
}
.simple_login_form .confirm_btn {
  padding: 0;
  border: none;
}
/* #formalLogin .content_title, */
.login_area .content_title,
.Login_form .content_title {
  border-bottom: 1px solid #ddd;
}
div.confirm_btn a {
  border: 1px solid #3c71d7;
  color: #3c71d7;
  font-size: 16px;
}
.Login_inputbox_wrap {
  width: 480px;
  margin: 20px auto;
}
.Login_inputbox {
  width: 480px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.Login_inputbox:last-child {
  margin-bottom: 0;
}
.Login_inputbox_wrap input[type="text"],
.Login_inputbox_wrap input[type="password"],
.Login_inputbox_wrap select {
  width: 400px;
  height: 56px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.login_form_a .agree_check_box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.login_form_a .input_checkbox .agree_check {
  width: 80%;
  gap: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.Login_inputbox span {
    width: 130px;
    color: #2d2d2d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}
.btn_big.blue {
  text-align: center;
}
.btn_big.blue a {
  margin: 20px 0;
  border-radius: 5px;
  background: #3c71d7;
  width: 480px;
  height: 56px;
  line-height: 56px;
}
#wrap_login {
  margin-top: 0;
  border-collapse: collapse;
}
#login_tab1 > label {
  border-radius: 5px 0px 0px 5px;
}

#login_tab2 > label {
  border-radius: 0px 5px 5px 0px;
}

.login_tabmenu input:checked ~ label {
  background-color: #3c71d7;
  color: #fff;
  font-weight: normal;
  border: 1px solid #3c71d7;
}

.login_tabmenu > li > label {
  border: 1px solid #666;
  background-color: #fff;
}

div.login_btn a.blue {
  border-radius: 5px;
  background: #3c71d7;
  width: 480px;
  height: 56px;
  line-height: 56px;
}
#login_inner p input,
div.login_btn a.gray {
  width: 480px;
  border-radius: 5px;
  height: 56px;
  font-weight: 500;
  line-height: 56px;
}
.nomal_login_form_tab {
  width: 480px;
}
.wrap_input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.login_link {
  width: 100%;
}
.login_link a {
  display: inline-block;
  color: #666;

  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.32px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.input_checkbox a.view,
a.view {
  float: unset;
  border: none;
  width: auto;
  max-width: 240px;
  margin: 0;
  height: auto;
  background-color: #fff;
  display: inline-block;
  color: #666;
  padding-left: 4px;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.32px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 1px;
  text-underline-position: from-font;
  padding-bottom: 2px;
    font-size: 16px;
}
.login_form_a .input_checkbox .agree_check {
  color: #2d2d2d;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.32px;
}

.input_checkbox {
  border: none;
}

#login_inner p input,
div.login_btn a.gray {
  border-radius: 5px;
  border: 1px solid #3c71d7;

  background: #fff;
  color: #3c71d7;
}
#login_inner p input {
  color: #2d2d2d;
}
.ipinLogin {
  background: #3c71d7;
  border-radius: 5px;
  margin-left: 10px;
  height: auto;
}
.ipinLogin.hp {
  background: #fff;
  color: #3c71d7 !important;
  border: 1px solid #3c71d7;
}
.hp {
  margin: 0 0 0 10px;
}
/* ȸ¿ø°¡ÀÔ */
.stepwrap ul.steps li i {
  border-color: #f8f8f8;
  font-size: 16px;
  background: #f8f8f8;
  color: #666;
  line-height: 28px;
  font-weight: 600;
}
.stepwrap ul.steps li.on i {
  border-radius: 15px;
  background: #eaf1ff;
  border-color: #eaf1ff;
  font-size: 16px;
  color: #3c71d7;
}
.stepwrap ul.steps li:after,
.stepwrap ul.steps li:before {
  height: 1px;
  background: #ddd;
  width: 30px;
}
.stepwrap ul.steps li p {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
}
.stepwrap ul.steps li.on p {
  color: #3c71d7;
}
.rule_checklist > li,
.information_check {
  width: 100%;
}
.new_rule_checklist li .fold_head {
  position: relative;
   padding-left: 50px;
}
.new_rule_checklist li:first-child {
  border-top: none;
}
.rule_checklist > li .fold_head label span {
  color: #3c71d7;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
}
img.new_rule_checklist {
  position: absolute;
  top: 25px;
  right: 20px;
}
.new_rule_checklist li.dis_yes {
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #ddd;
  background: #fff;
}
.new_rule_checklist input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border-radius: 4px;
  top: 17px;
  border: 1px solid #ddd;
}
.information_check {
  border-radius: 4px;
  border-collapse: collapse;
}
.information_check th {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.information_check th:first-child {
  border-radius: 4px 0 0 4px;
  border-left: none;
}
.information_check input[type="text"] {
  border-radius: 4px;
  color: #666;
  font-size: 16px;
  height: 40px;
  margin-left: 10px;
  width: 92%;
}
.modal-content {
  background-color: #fff;
  border-top: 1px solid #ddd;
  width: 1040px;
  border-radius: 0;
  padding-bottom: 0;
}
.modal_content {
  border-top: 1px solid #ddd;
  width: auto;
  padding-bottom: 0;
  border-radius: 5px;
  background: #fff;
  padding: 36px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
}
.modal_title {
  margin-bottom: 20px;
}
.modal_title h2 {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.modal_title p {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

a.centbtn {
  background: #3c71d7;
  width: 200px;
  padding: 0 16px;
  height: 56px;
  line-height: 56px;
  margin: 40px auto;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.stepwrap {
  margin: 40px auto;
}
div.txtTit {
  margin: 40px auto 20px auto;
}
.certxt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  padding-top: 16px;
  color: #666;
}
.new_tab_inner a {
  background: #3c71d7;
  width: 200px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin: 15px auto 25px auto;
}
.new_notice_login .btn_readmore {
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  background: #fff;
  color: #2d2d2d;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.24px;
  cursor: pointer;
  width: 85px;
  height: 22px;
  padding-left: 10px;
}
.new_notice_login .btn_readmore span {
  font-size: 14px;
}
.modal-content .tab_bar li a {
  border-radius: 0;
  border: 1px solid #666;
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  border-right: none;
}

.modal-content .tab_bar li:first-child a {
  border-radius: 5px 0px 0px 5px;
}
.modal-content .tab_bar li:last-child a {
  border-radius: 0px 5px 5px 0px;
  border-right: 1px solid #666;
}
.tab_bar li a.on {
  border: 1px solid #3c71d7;
  color: #fff;
  background-color: #3c71d7;
}
div.txtTit p.yk {
  font-size: 18px;
}
.icons img {
  margin: 40px auto 20px auto;
}
.new_tab_inner span.tab_tit {
  position: relative;
}
.tabCon3 {
  padding: 10px 0;
  width: 100%;
}
.tabBtn_sub > li {
  border: 1px solid #666;
  background: #fff;
  /* 20.8px */
  padding: 12px;
}
.tabBtn_sub > li > a {
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.32px;
}
.tabBtn_sub > li:first-child {
  border-radius: 5px 0px 0px 5px;
  border-right: none;
}
.tabBtn_sub > li:last-child {
  border-radius: 0px 5px 5px 0px;
}
.tabBtn_sub > li.active {
  border: 1px solid #3c71d7;
  background: #3c71d7;
  color: #fff;
}
.tabBtn_sub > li.active > a {
  font-weight: 600;
  color: #fff;
}
/* ȸ¿ø°¡ÀÔ */
.info .password,
.certify table.info input[type="text"],
.acc_change input {
  width: 600px;
  font-size: 14px;
}

.post_change input,
.acc_change td.td_addr input {
  width: 300px;
}
.acc_change td table td input.addr {
  width: 406px;
}
.acc_change th,
.acc_change td {
  box-sizing: border-box;
  height: 42px;
}
.acc_change td {
  padding: 4px 15px;
}
.acc_change td.hidden_td {
  /* display: none; */
  visibility: hidden;
  padding: 0;
  height: 0;
  border: none;
}
.acc_change td.td_addr {
  border: none;
  padding: 0;
}
.acc_change {
  width: 100%;
  margin-right: 0;
  padding-left: 0;
}
.acc_change b {
  font-weight: bold;
}
select {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  min-height: 30px;
  padding: 0 10px;
  min-width: 60px;
  font-weight: 400;
}

.acc_change input,
.tbl_ul input {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  height: 35px;
  padding-left: 10px;
}
.tbl_ul .btn2 {
  margin-left: 8px;
  height: 34px;
}

.acc_change input[type="checkbox"] {
  margin-left: 0 !important;
  border-radius: 8px;
  border: 1px solid #ddd;
  height: 24px;

  background: #fff;
}
.acc_change select {
  height: 35px !important;
  min-width: 70px;
  border: 1px solid #ddd;
  padding-left: 10px;
}
.acc_change select#sel_hakwi {
  width: auto;
  min-width: 200px;
  max-width: 800px;
}
.post_change select {
  width: 100px;
}
.left_line {
  border-left: none;
  margin-top: 20px !important;
}
.left_line h3 {
  margin-left: 0;
}
#phone1 {
  width: 23.9%;
}
#phone2,
#phone3 {
  width: 24%;
}
.acc_change td table td,
.acc_change td table th {
  border: 1px solid #dddddd;
  box-sizing: border-box;
  padding: 12px 30px 12px 12px;
}
.post_change td table td,
.post_change td table th {
  border: 1px solid #dddddd;
  border-left: none;
  border-collapse: collapse;
  box-sizing: border-box;
  padding: 4px 15px;
}
.acc_change td table td {
  width: auto !important;
}
.acc_change td table th {
  background-color: #f8f8f8;
  padding: 12px 0px 12px 12px;
}
/* .in3 td {
  padding: 8px 15px;
} */
#check_information {
  display: inline-block;
  /* margin-top: 8px; */
}  
#check_information label {
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.28px;
}
.tip_box1 {
  border: none;
  padding: 12px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
  left: 530px;
}
.acc_change td .tip_box1 table td {
  min-width: 100px;
}

/* ȸ¿øÁ¤º¸¼öÁ¤ */
.pwd_notice {
  width: 100%;
  margin-left: 0;
  font-size: 14px;
}
.search_area {
  display: flex;
  flex-direction: row;
}
.saerch_title {
  color: #2d2d2d;
  margin-bottom: 20px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.id_area,
.pw_area {
  border-radius: 4px;
  border: 1px solid #ddd;

  height: 448px;
  background: #fff;
}
.id_area p,
.pw_area p {
  color: #2d2d2d;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: normal;
}
.search_area input {
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  color: #666;
  background: #fff;
  padding: 16px 20px;
  height: auto;
  width: 100%;
}
.search_area input::placeholder {
  color: #666;
}
.email_input_first,
.email_input_second {
  width: 32% !important;
}
.pw_area select {
  width: 30% !important;
  border: 1px solid #ddd;

  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  color: #666;
  background: #fff;
  padding: 16px 20px;
  height: auto;
  width: 100%;
}
.pw_area .input_txt {
  margin-top: 20px !important;
}
.pw_area .input_txt:first-child {
  margin-top: 0 !important;
}
.search_btn,
.search_btn_2 {
  width: 468px;
  border-radius: 5px;
  background: #3c71d7;
  color: #fff;
  height: 56px;
  line-height: 56px;
  padding: 0px 36px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
label.pwd {
  width: 100px;
  color: #2d2d2d;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.32px;
  text-align: left;
  display: inline-block;
}
.modal_content input[type="password"] {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 5px 10px;
  background: #fff;
  color: #2d2d2d;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
#subcontainer .doc_guide {
  margin-top: 60px;
}
#subcontainer .doc_guide .guide_tit {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 2px solid #2d2d2d;
}
.doc_guide .guide_tit h2 {
  color: #2d2d2d;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.guide_step {
  margin-bottom: 30px;
}
.guide_step .step_tit {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 0 20px 0px;
  gap: 10px;
}
/* 񃧯 */
.guide_step .step_tit h2 {
  color: #3c71d7;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: left;
  line-height: 1.5;
  width: 70px;
}
.guide_step .step_tit p {
  color: #2d2d2d;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  max-width: 510px;
}

/* ÀÌ¿ë°¡À̵å */
.guide_list li{
  padding-top: 0;
}
.guide_list .guide_step .step_tit h2,
.guide_list .guide_step .step_tit p {
  font-size: 18px;
  font-weight: 600;
  max-width: unset;
  min-width: 76px;
}
.guide_list .guide_step .step_tit {
  padding-bottom: 10px;
}
.guide_step .step_txt {
  color: #2d2d2d;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.3px;
  text-align: left;
  padding-bottom: 10px;
}
.guide_step .step_img {
  text-align: center;
  width: 1040px;
  background-color: #f5f6fa;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  display: flex;
  justify-content: center;
  padding: 40px 20px 0 20px;
}
.guide_step .step_img .moniter {
  width: 800px;
  height: auto;
  border-top: 4px solid #3d3d3d;
  border-right: 4px solid #3d3d3d;
  border-left: 4px solid #3d3d3d;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.guide_step .step_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
    display: block;
    /* max-width: 770px; */
    margin: auto;
}
/* Áõ¸í¼­ ¹ß±Þ */
.check_user_tit {
  color: #2d2d2d;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  width: 100%;
  margin-top: 20px;
}
.check_user_notice3 {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #ddd;

  background: #fff;
  padding: 20px;
  height: auto;
  margin-bottom: 20px;
}
.check_user_top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}

.check_user_top h2 {
  color: #2d2d2d;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.check_user_bot span {
  padding-top: 10px;
  display: inline-block;
  color: #2d2d2d;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.check_notice_tbl {
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 20px;
  background: #fff;
  width: 100%;
  margin: 20px 0 0 0;
}
.check_notice_tbl p {
  font-size: 14px;
}
.check_notice_tbl table {
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
  margin-top: 20px;
  border: 1px solid #ddd !important;
  border-collapse: collapse;
}
.check_notice_tbl table th {
  padding: 12px;
  border: 1px solid #ddd;
  background: #f8f8f8;
}
.check_notice_tbl table td {
  border-right: 1px solid #ddd;
  padding: 6px;
}
.processimg {
  position: relative;
  margin: 40px 0;
}
.processimg a {
  width: 200px;
  margin: auto;
  display: block;
  position: relative;
}
.processimg a img {
  width: 200px;
}
.payTooltip2 {
  top: 26px;
  left: 603px;
}

@keyframes arrowGrow {
  0% {
    background-image: url("/resources/images/new/g_issue_1.svg");
  }
  33% {
    background-image: url("/resources/images/new/g_issue_2.svg");
  }
  66% {
    background-image: url("/resources/images/new/g_issue_3.svg");
  }
  100% {
    background-image: url("/resources/images/new/g_issue_4.svg");
  }
}

.arrow-step {
  width: 100%;
  height: 30px;
  animation: arrowGrow 1.2s steps(4) infinite;
  background-repeat: no-repeat;
  background-position: center;
}

/* Áõ¸í¼­ º¸°üÇÔ */
.basket_test {
  width: 100%;
  height: auto;
  position: relative;
}

.basktet_img {
  margin-bottom: 40px;
}
/* ÅøÆÁ */
.tooltip {
  position: relative;
  display: block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 225px;
  background-color: fff;
  border: 1px solid #b9b9b9;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;

  font-size: 12px;
  text-align: left;

  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px;
}

.tooltip .tooltip-left {
  top: -5px;
  right: 105%;
}

.tooltip .tooltip-left::after {
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-color: transparent transparent transparent #b9b9b9;
}
.modal-content .tooltip img {
  width: 14px;
}
.modal-content .tooltiptext {
    right: -380px;
    bottom: -78px;
    top: unset;
    left: unset;
    width: 440px;
    border-radius: 5px;
    border: 2px solid #ddd;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background: #f8f8f8;
}

.tooltip .tooltip_top > span {
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.tooltip .tooltip_top > span::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  transform: translateY(-50%);
  width: 5px;
  height: 1px;
  background-image: url("/resources/images/new/blet02.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.tooltip .tooltiptext::after {
  border-color: #ddd transparent transparent transparent;
}
.tooltip .tooltip-left::after {
  border-color: transparent transparent transparent #b9b9b9;
}

.tab_tit .tooltip {
    position: absolute;
    top: 2px;
    right: -75% !important;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.hovertip {
  border-radius: 5px;
  border: 2px solid #ddd;
  background: #f8f8f8 !important;
  height: 150px !important;
  padding: 20px !important;
  top: -200px;
  text-align: left;
}
.hovertip::after {
  content: "";
  position: absolute;
  top: 100%; /* ¾Æ·¡ ¹æÇâ */
  left: 260px; /* ¸»Ç³¼± ¾ÈÂÊ¿¡¼­ È­»ìÇ¥ À§Ä¡ Á¶Àý */
  margin-left: -5px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #ddd; /* Å׵θ®»ö */
}

.hovertip::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 261px;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  z-index: 1;
  border-top: 7px solid #f8f8f8; /* ¹è°æ»ö */
  transform: translateY(-2px); /* Å׵θ®¿¡¼­ ¾à°£ À§·Î ¹Ð¾î¼­ °ãÄ¡°Ô */
}
.hovertip p {
  color: #1d1d1d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  letter-spacing: -0.28px;
  text-align: left;
  padding-top: 10px;
}
.tip_icon {
  background: url(/resources/images/new/i_que_mark.svg) center no-repeat;
  border-radius: 0;
  width: 20px;
  height: 20px;
}
.new_rule_checklist .new_img {
  transform: rotate(180deg);
}
.new_rule_checklist .down_icon {
  transform: rotate(0);
}

.certify table.info input[type="text"] {
  margin-right: 0;
  width: 100%;
}
.certify table.info input[type="text"],
.certify table.info input[type="password"] {
  border-radius: 4px;
  padding-left: 10px;
}
.eyes {
  background-image: url(/resources/images/new/i_eye_open.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.password.active .eyes {
  background-image: url(/resources/images/new/i_eye_close.svg);
}
.info .password {
  border-radius: 4px;
}
a.btn_sm {
  color: #666;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.32px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  margin-left: 0;
}
.txt_btn {
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.28px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
}
.txt_btn:hover,
.txt_btn:focus {
  color: #2d2d2d;
  text-decoration-line: underline;
}
a.numb {
  color: #3c71d7;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid #3c71d7;
  background: #fff;
  height: 35px;
  padding: 8px 10px;
  width: auto;
  line-height: 1.2;
}
button.btn_pwchange {
  color: #3c71d7;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid #3c71d7;
  background: #fff;
  padding: 8px 10px;
  width: auto;
  line-height: 1;
  height: 35px;
  margin-left: 6px;
}

div.txtTit p.txt1 {
  font-size: 22px;
  font-weight: 600;
}
.txtTit .txt2 {
  color: #666;
  font-size: 16px;
  font-weight: 500;
}

.btn_wrap3 {
  margin: 40px auto 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.fin_img {
  width: 100px;
  margin: 40px auto;
  text-align: center;
}
.pay_req {
  background-image: none;
}
.finished {
  width: 100%;
  height: 348px;
  margin: 100px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  justify-content: center;
  gap: 16px;
}
.finished img {
  margin-bottom: 18px;
}
.finished h2 {
  color: #2d2d2d;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.finished p {
  color: #666;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
}
.finished a.main_btn {
  width: 200px;
  margin-top: 24px;
}

a.btn1,
.btn1 {
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  background: #fff;
  color: #2d2d2d;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.28px;
  display: inline-flex;
  height: 56px;
  padding: 12px 36px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  line-height: 1.3;
  flex-shrink: 0;
  margin-right: 0;
  min-width: 200px;
  cursor: pointer
}

a.btn2, .btn2 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    /* line-height: 1.3; */
    letter-spacing: -0.32px;
    border-radius: 5px;
    background: #3c71d7;
    display: inline-flex;
    min-width: 200px;
    height: 56px;
    padding: 12px 36px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    cursor: pointer;
}

.btn2 {
  height: auto;
}
a.sm,
.sm {
  width: auto;
  padding: 5px 10px;
  min-width: 44px;
  font-size: 14px;
  height: auto;
  max-width: 152px;
}
a.sm_max,
.sm_max {
  width: auto;
  height: auto;
  max-width: 112px;
  padding: 5px 10px;
  font-size: 14px;
  width: 112px;
  height: 46px;
  font-size: 14px;
  min-width: unset;
  padding: 10px;
  text-align: center;
  word-break: keep-all;
}
a.md, .md {
    padding: 8px 20px;
    min-width: 44px;
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 1.5;
}
a.auto,
.auto {
  min-width: unset;
  height: auto;
}
a.nomax,
.nomax {
  max-width: unset;
  height: auto;
}
a.btn2.eml_btn {
  background: #3ca3d7;
}
a.btn2.eml_btn:hover,
a.btn2.eml_btn:focus {
  background: #288abb;
}
a.btn2.fax_btn {
  background: #3ccfd7;
}

a.btn2.fax_btn:hover,
a.btn2.fax_btn:focus {
  background: #39c3ca;
}

a.btn2.kiosk_btn {
  background: #37cc8e;
}
a.btn2.kiosk_btn:hover,
a.btn2.kiosk_btn:focus {
  background: #37cc8e;
}
.btn2 .sm_txt {
  display: block;
  font-size: 14px;
}

.box_btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  margin-top: 30px;
}
a.numb:hover,
button.btn_pwchange:hover {
  background-color: #f1f6ff;
}
a.btn1:hover,
.btn1:hover,
a.wbl_btn:hover,
.wbl_btn:hover,
.popup_close:hover,
.btn_normal2.gray:hover {
  background-color: #f8f8f8;
}
.shaw:hover {
  box-shadow: none;
}
a.btn2:hover,
.btn2:hover,
.btn2:focus,
.popup_btn:hover,
.btn_normal2:hover,
.popup_btn:focus,
.btn_normal2:focus {
  color: #fff;
  background: #2d57a5;
}
.btn_check {
  border-radius: 5px;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.28px;
  padding: 5px 10px;
  border: 1px solid #666;
  line-height: 1.3;
  flex-shrink: 0;
  margin-right: 10px;
  width: 94px;
  height: 30px !important;
}
.btn_check a {
  font-size: 14px;
  width: 100%;
  color: #666;
  font-weight: 500;
  display: flex;
  justify-content: center;
  gap: 4px;
  align-items: center;
  box-sizing: border-box; 
}
.btn_check a img {
  width: 8px;
}
.btn_check:first-child + li + li {
  margin-top: 6px;
}
.pop_btn_wrap {
  margin: 30px auto 0 auto;
}
.pop_btn_wrap .btn1,
.pop_btn_wrap .btn2 {
  height: 40px;
  width: auto;
  min-width: unset;
  line-height: 1;
}
/* Æ˾÷ */
.privacy_popup {
  padding: 20px;
  top: 50%;
}
.privacy_popup_title {
  border-bottom: none;
}
.privacy_popup_title > span {
  top: 70%;
}
.privacy_popup_title .closeBtn {
  top: -5px;
}
.popupbtn_Wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 0;
}
.popup_close {
  margin-left: 0;
}
.closeBtn {
  top: 10px;
}
.closeBtn_box {
  position: absolute;
  top: 10px;
  right: 10px;
}
.close_btn {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.ipin_popup .popup_contents {
  height: 740px;
}
.ipin_popup .popup_title .close {
  position: absolute;
  top: 24px;
  right: 10px;
}
.ipin_popup .popup_title .close span,
.closeBtn span {
  font-size: 0px;
  height: 24px;
  display: block;
  background: url(/resources/images/new/i_close.svg) center right no-repeat;
  width: 24px;
}
.ipin_popup .tabBtn_sub {
  margin: 30px 0px 0px 0px;
}
.ipin_popup .tabCon_com div.guide_step {
  max-height: unset;
}
.ipin_popup .tabCon_com div.step_img {
  max-height: unset;
  object-fit: contain;
  padding: 0;
}
.ipin_popup .tabCon_com div.step_img img {
}
.ipin_popup .tabCon_com div.tabCon1 {
  padding: 10px;
}
.ipin_popup .tabCon_com div.doc_guide,
.ipin_popup .tabCon_com div.guide_step {
  padding: 0px 0 0;
}

.privacy_popup_contents p {
  color: #000;
  font-size: 16px;
}
.privacy_popup_contents p.p_email {
  padding: 12px 0;
  background: #eaf1ff;
  margin: 30px 10px;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.privacy_popup_contents .p_notice {
  color: #3c71d7;
  font-weight: 500;
}
.popup_btn,
.popup_close,
.btn_normal2 {
  border-radius: 5px;
  background: #3c71d7;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.28px;
  height: 40px;
  padding: 12px 36px;
  width: auto;
}
.popup_close,
.btn_normal2.gray {
  background: #fff;
  border: 1px solid #e4e4e4;
  color: #2d2d2d;
}

.popup_title {
  padding: 36px;
  width: 100%;
  margin: auto;
}
.popup_title > span {
  position: relative;
  text-align: center;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.popup_contents {
  padding: 0 36px;
}
.popup_title .closeBtn {
  top: 28px;
  right: 0px;
  text-align: right;
}
.pop {
  border: none;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
  width: auto !important;
  min-width: 400px;
  height: auto !important;
  text-align: center;
  padding: 20px;
}
.pop.info .load {
  margin: auto;
}
.pop.info .load img {
  width: 156px;

  box-sizing: border-box;
  object-fit: contain;
}
.pop.info .load .load_img img {
  width: 64px;
}
.pop.info .load p {
  color: #939393;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding: 10px 0;
}
.pop_notice {
  width: 100%;
  padding: 20px;
  font-family: "Pretendard";
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  margin: 30px 0;
}
.pop_notice ul li {
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.cert_add_box {
  background: #fff;
  border: none;
  text-align: center;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  padding: 36px;
  border-radius: 5px;
}
.cert_add_op_title {
  background: #fff;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  border: none;

  font-weight: 700;
  line-height: normal;
  padding: 0;
  margin-bottom: 20px;
}
.cert_add_op {
  padding: 0;
  border: none;
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.cert_add_op select {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  width: 100%;
  min-width: 120px;
  height: 32px;
  padding: 5px 0px 5px 4px;
  margin-left: 0px;
}
.cert_add_op .mr-2 {
  display: block;
}
.cert_add_btn {
  background: #fff;
  display: block;
  height: 100%;
  padding: 30px 0 10px 0;
}
.cert_add_btn a {
  padding: 12px 36px;
}

/* ÁøÀ§È®ÀÎ Æ˾÷ */
#verificpop,
#f_verificpop {
  z-index: 10;
  border: none;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 36px;
  width: 760px;
  position: fixed;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.verificpop_top,
.f_verificpop_top {
  background: #fff;
  border: none;
}
.verificpop_top h2,
.f_verificpop_top h2,
p.verificpop_title {
  color: #2d2d2d;
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5; /* 150% */
}
.verificpop_top p,
.f_verificpop_top p {
  color: #666;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  line-height: 2;
}
#verificpop table,
#f_verificpop table {
  border-collapse: collapse;
  margin-top: 20px;
}
.error_notice {
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  width: 100%;
  padding: 20px;
  line-height: 2;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.error_notice br {
  display: none;
}
.veri_notice {
  margin-top: 20px;
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  width: 100%;
  padding: 20px;
  line-height: 1.5;
  font-size: 16px;
  display: flex;
  font-weight: 600;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
#verificpop .veri_notice_no,
#f_verificpop .veri_notice_no {
  margin-top: 20px;
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  width: 100%;
  padding: 20px;
  line-height: 1.5;
  font-size: 16px;
  display: flex;
  font-weight: 600;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
#f_verificpop_ok_btn,
#verificpop_ok_btn {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.32px;
  border-radius: 5px;
  background: #3c71d7;
  display: inline-flex;
  height: 40px;
  width: auto;
  padding: 12px 36px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#f_verificpop_btnwrap,
#verificpop_btnwrap {
  margin-bottom: 0;
}

/* ¾Ë·µ */
#alert-InBox,
#alert-Box,
#alert-BoxContent,
#alert-Box .BoxConfirm {
  background: none;
  font-family: "Pretendard";
}
#alert-Box {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#BoxAlertBtnOk,
#BoxConfirmBtnOk,
#AlertBtnOk,
#AlertBtnOkwallet,
#AlertBtnOkfile,
#AlertBtnOkTransLation {
  background: url(/resources/images/new/a_ok_ko.svg) !important;
  border-radius: 5px;
  padding: 12px 36px;
  display: inline-block;
  width: 96px !important;
  height: 40px !important;
  line-height: 1;
  border: none;
  background-color: transparent;
  margin-top: 20px;
  color: transparent;
  font-size: 0;
  cursor: pointer;
}

#BoxAlertBtnOk.en,
#BoxConfirmBtnOk.en,
#AlertBtnOk.en,
#AlertBtnOkwallet.en,
#AlertBtnOkfile.en,
#AlertBtnOkTransLation.en {
  background-image: url(/resources/images/new/a_ok_en.svg) !important;
  height: 40px;
  cursor: pointer;
}
#BoxConfirmBtnCancel,
#AlertBtnCANCEL,
#AlertBtnCANCELwallet,
#AlertBtnCANCELfile,
#AlertBtnCANCELTransLation {
  background: url(/resources/images/new/a_cancel_ko.svg) !important;
  border-radius: 5px;
  padding: 12px 36px;
  display: inline-block;
  width: 96px !important;
  height: 40px !important;
  line-height: 1;
  border: none;
  background-color: transparent;
  margin-top: 20px;
  color: transparent;
  font-size: 0;
  cursor: pointer;
}
#BoxConfirmBtnCancel.en,
#AlertBtnCANCEL.en,
#AlertBtnCANCELwallet.en,
#AlertBtnCANCELfile.en,
#AlertBtnCANCELTransLation.en {
  background-image: url(/resources/images/new/a_cancel_en.svg) !important;
  height: 40px;
  cursor: pointer;
}
/* #BoxAlertBtnOk:hover, a.btn2:hover{
background: #2f6bda;

} */
#alert-Buttons {
  text-align: center;
}
#alert-Box .BoxAlert {
  background: none;
}

#alert-BoxContent,
.cert_pop_bg {
  background: url(/resources/images/new/i_alret_blue.svg) no-repeat center 36px #ffffff;
  border-radius: 5px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 86px 36px 36px 36px;
  font-family: "Pretendard" !important;
}

.alert_bg {
  background: url(/resources/images/new/i_alret_blue.svg) no-repeat center 36px #ffffff;
  border-radius: 5px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 86px 36px 36px 36px;
  max-width: 400px;
  margin: auto;
  font-family: "Pretendard" !important;
}
.BoxAlert p,
#alert-BoxContent h2 {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Pretendard";
  margin-top: 20px;
}
.BoxAlert p,
#alert-BoxContent p {
  color: #000 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  font-family: "Pretendard" !important;
  margin-top: 0 !important;
}
.BoxAlert b,
#alert-BoxContent b {
  color: #3c71d7 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  font-family: "Pretendard" !important;
  margin-top: 0 !important;
}
#alert-BoxContenedor {
  padding-left: 0;
  font-family: "Pretendard" !important;
}
#alertfile4,
#alerttest4,
#alerttest2,
#kiwoomAlertfile4,
#alerttranslation4 {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  border: none !important;
  padding: 36px;
  height: auto !important;
  text-align: center;
}
.alert_innner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  justify-content: center;
}
.alert_innner h2 {
  color: #2d2d2d;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.alert_innner p,
.cert_pop_bg p {
  color: #2d2d2d;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
/* ¾Ë·µ Ãß°¡ */
.alert-InBox,
.alert-Box,
.alert-BoxContent,
.alert-Box {
  background: none;
  font-family: "Pretendard";
}

.alert-Box .BoxAlert {
  background: none;
}

.alert-BoxContent {
  background: url(/resources/images/new/i_alret_blue.svg) no-repeat center 36px #ffffff;
  border-radius: 5px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 86px 36px 36px 36px;
  font-family: "Pretendard" !important;
}

.alert-BoxContent h2 {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Pretendard";
  margin-top: 20px;
}
.alert-BoxContent p {
  color: #000 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  font-family: "Pretendard" !important;
  margin-top: 0 !important;
}
.alert-BoxContenedor {
  padding-left: 0;
  font-family: "Pretendard" !important;
}

/* ¿À·ù  */

.result_box {
  background: none;
  background: url(/resources/images/new/i_error_blue.svg) no-repeat center 36px #ffffff;
  border-radius: 5px;
  padding-top: 86px;
  margin: 100px auto;
  width: 1040px;
}
.result_box3 {
  background: none;
  margin: 100px auto;
}
.result_box3 h2 {
  color: #2d2d2d;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding-bottom: 40px;
}

.result_btn img {
  display: none;
}
.result_title {
  background: none;
  color: #2d2d2d;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.result_txt {
      background-image: none;
    width: 100%;
    min-width: 370px;
    margin: auto;
    padding-left: 0;
    max-width: 500px;
    line-height: 1.2;
}
.result_txt .result_msg {
  background: none;
  color: #2d2d2d;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  height: auto;
      word-break: keep-all;
  /*  padding: 34px !important;
    display: inline-block;
    background-color: #f8f8f8;
    border-radius: 5px;
    border: 1px solid #ddd; */
}
.result_txt .result_msg strong {
  font-weight: 600;
  line-height: 1.2;
} 
.result_txt .result_msg .f15 {
  color: #666;
}
/*--- ·Îµù ---*/
.proccess {
  min-height: 400px;
  margin: 150px auto 100px;
  background: unset;
  background-repeat: no-repeat;
  background-size: contain;
}
.proccess p {
  color: #666;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}
.proccess .img {
  height: 150px;
  margin: 50px auto 100px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.p_login {
  width: 762px;
  background: url(/resources/images/new/load/i_load_login.png);
}
.p_hakjuk {
  width: 762px;
  /* background-image:url(/resources/images/new/load/i_load_hakjuk.gif) */
  background: none;
}
.p_cert {
  width: 762px;
  background: url(/resources/images/new/load/i_load_cert.png);
}
.p_pay {
  width: 762px;
  background: url(/resources/images/new/load/i_load_pay.png);
}

/* ÃßÈÄ À̹ÌÁö º¯°æ */
.p_pay_post {
  width: 840px;
  background: url(/resources/fla/load_pay_post.gif);
}

.p_login_t {
  width: 762px;
  background: url(/resources/images/new/locale/en/fla/load_login.gif);
}
.p_hakjuk_t {
  width: 762px;
  background: url(/resources/images/new/locale/en/fla/load_hakjuk.gif);
}
.p_cert_t {
  width: 762px;
  background: url(/resources/images/new/locale/en/fla/load_cert.gif);
}
.p_pay_t {
  width: 762px;
  background: url(/resources/images/new/locale/en/fla/load_pay.gif);
}

/* .p_login_t{width:762px;background:url(/resources/images/new/locale/en/fla/load_1.gif)} */
/* .p_hakjuk_t{width:762px;background:url(/resources/images/new/locale/en/fla/load_2.gif)} */
/* .p_cert_t{width:762px;background:url(/resources/images/new/locale/en/fla/load_3.gif)} */
/* .p_pay_t{width:762px;background:url(/resources/images/new/locale/en/fla/load_4.gif)} */

.p_sharp_01 {
  width: 762px;
  background: url(/resources/images/new/locale/ko/fla/loading_sharp_01.gif);
}
.p_sharp_02 {
  width: 762px;
  background: url(/resources/images/new/locale/ko/fla/loading_sharp_02.gif);
}
.p_sharp_03 {
  width: 762px;
  background: url(/resources/images/new/locale/en/fla/loading_sharp_01.gif);
}
.p_sharp_04 {
  width: 762px;
  background: url(/resources/images/new/locale/en/fla/loading_sharp_02.gif);
}
.loader {
  height: 150px;
  margin: 50px auto 100px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background: none !important;
}
.arrow-anim-rect {
  animation: arrowReveal 1.6s cubic-bezier(0.3, 0, 0.1, 1) infinite;
}

@keyframes arrowReveal {
  from {
    width: 0;
  }
  to {
    width: 14px;
  }
}
.arrow-anim-rect {
  animation: arrowReveal 1.6s cubic-bezier(0.3, 0, 0.1, 1) infinite;
}

@keyframes arrowReveal {
  from {
    width: 0;
  }
  to {
    width: 14px;
  }
}
/*--- ·Îµù ---*/

.loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  padding: 32px 20px;

  margin: 24px auto;
}
.loader_notice {
  text-align: center;
  line-height: 1.45;
  letter-spacing: -0.2px;
  font-size: 18px;
  font-weight: 600;
}
.loader_steps {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 36px 1fr 36px 1fr 36px 1fr;
  /* / 4´Ü°è + 3Ä¿³ØÅÍ */
  align-items: center;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ====== ´Ü°è(¾ÆÀÌÄÜ+¶óº§) ====== */
.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
  width: 120px;
  height: auto;
  word-break: keep-all;
}
.step_icon {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}
.step_icon > img,
.step_icon > svg {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.step_label {
  color: #939393;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* ±âº» ¾ÆÀÌÄÜ: Ç×»ó º¸À̵µ·Ï ¼³Á¤ (ºñÈ°¼ºÈ­ »óÅÂ) */
.step_icon img:first-child {
  display: block;
}
/* È°¼ºÈ­ ¾ÆÀÌÄÜ: ±âº»ÀûÀ¸·Î ¼û±è */
.step_icon img:last-child {
  display: none;
}

/* ---------------------------------------------------------------------- */
/* È°¼º »óÅÂÀÏ ¶§ ¾ÆÀÌÄÜ º¯°æ ¹× ÅؽºÆ® »ö»ó º¯°æ (Á¤È®È÷ ÇØ´ç ´Ü°è¸¸) */
/* ---------------------------------------------------------------------- */
.arrow-step2 {
  width: 100%;
  height: 30px;
  margin-top: 20px;
  background-image: url("/resources/images/new/load/icon_load_arrow1.svg");
  background-repeat: no-repeat;
  background-position: center;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
}

/* @keyframes´Â º¯°æ ¾øÀ½ */
@keyframes arrowGrow2 {
  0% {
    background-image: url("/resources/images/new/load/icon_load_arrow1.svg");
  }
  33% {
    background-image: url("/resources/images/new/load/icon_load_arrow2.svg");
  }
  66% {
    background-image: url("/resources/images/new/load/icon_load_arrow3.svg");
  }
  100% {
    background-image: url("/resources/images/new/load/icon_load_arrow4.svg");
  }
}

/* ---------------------------------------------------------------------- */
/* °¢ ·Î´õ »óź° È°¼ºÈ­ ½ºÅ¸ÀÏ ¹× ¾Ö´Ï¸ÞÀÌ¼Ç ½ÃÀÛ */
/* ---------------------------------------------------------------------- */

/* p_login: '·Î±×ÀÎ' ½ºÅÜ È°¼ºÈ­ */
.loader.p_login .step:nth-child(1) {
  opacity: 1;
}
.loader.p_login .step:nth-child(1) .step_icon img:first-child {
  display: none;
}
.loader.p_login .step:nth-child(1) .step_icon img:last-child {
  display: block;
}
.loader.p_login .step:nth-child(1) .step_label {
  color: #3c71d7;
}
.loader.p_login .arrow-step2:nth-of-type(1) {
  animation: arrowGrow2 1.2s steps(4) infinite;
  animation-delay: 0.05s;
}

/* p_hakjuk: 'ÇÐÀûÁ¶È¸' ½ºÅÜ È°¼ºÈ­ */
.loader.p_hakjuk .step:nth-child(3) {
  opacity: 1;
}
.loader.p_hakjuk .step:nth-child(3) .step_icon img:first-child {
  display: none;
}
.loader.p_hakjuk .step:nth-child(3) .step_icon img:last-child {
  display: block;
}
.loader.p_hakjuk .step:nth-child(3) .step_label {
  color: #3c71d7;
}
.loader.p_hakjuk .arrow-step2:nth-of-type(2) {
  animation: arrowGrow2 1.2s steps(4) infinite;
  animation-delay: 0.05s;
}

/* p_cert: 'Áõ¸í¼­Á¶È¸' ½ºÅÜ È°¼ºÈ­ */
.loader.p_cert .step:nth-child(5) {
  opacity: 1;
}
.loader.p_cert .step:nth-child(5) .step_icon img:first-child {
  display: none;
}
.loader.p_cert .step:nth-child(5) .step_icon img:last-child {
  display: block;
}
.loader.p_cert .step:nth-child(5) .step_label {
  color: #3c71d7;
}
.loader.p_cert .arrow-step2:nth-of-type(3) {
  animation: arrowGrow2 1.2s steps(4) infinite;
  animation-delay: 0.05s;
}

/* p_pay: 'Áõ¸í¼­°áÁ¦' ½ºÅÜ È°¼ºÈ­ */
.loader.p_pay .step:nth-child(7) {
  opacity: 1;
}
.loader.p_pay .step:nth-child(7) .step_icon img:first-child {
  display: none;
}
.loader.p_pay .step:nth-child(7) .step_icon img:last-child {
  display: block;
}
.loader.p_pay .step:nth-child(7) .step_label {
  color: #3c71d7;
}
.loader.p_pay .arrow-step2:nth-of-type(3) {
  animation: arrowGrow2 1.2s steps(4) infinite;
  animation-delay: 0.05s;
}
/* ·Îµù ³¡ */

.arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3c71d7; /* ÁøÇà ¾ÆÀÌÄÜ ±âº» »ö (active¿¡¼­ ¾Ö´Ï¸ÞÀ̼ÇÀ¸·Î º¯Á¶) */
  will-change: transform, color;
}
.arrow__svg {
  display: block;
}

.arrow.is-active .arrow__svg {
  animation: arrowMove 1.2s ease-in-out infinite;
}
.arrow.is-active {
  animation: arrowColor 1.2s ease-in-out infinite;
}

/* ºñÈ°¼º: ȸ»ö °íÁ¤ + ¾Ö´Ï¸ÞÀÌ¼Ç ¾øÀ½ */
.arrow.is-inactive {
  color: #949494;
}
.arrow.is-inactive .arrow__svg {
  animation: none;
}

/* ¿ìÆí ¹è¼Û */
.wrap_pop_post {
  padding: 20px;
}
.post_box_btn {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  justify-content: center;
  padding: 40px 0 20px 0;
}
.post_status {
  margin-top: 0;
}
.post_none {
  width: 100%;
  margin-top: 0;
}
.wrap_pop_post .acc_change input {
  width: 100%;
}
/* ¹ø¿ª°øÁõ */
.acc_tbl {
  width: 100%;
  padding-left: 0;
}
.gu {
  background-color: #eaeaea;
}
.acc_tbl th,
.acc_tbl td {
  height: 44px;
  padding: 0 20px !important;
}
.acc_tbl td.ad {
  padding: 4px 20px !important;
}
.acc_tbl td.ad #ADD1,
.acc_tbl td.ad #ADD2 {
  width: 267px !important;
}

.acc_tbl .list_tbl {
  margin-bottom: 0;
}
.acc_tbl .list_tbl .cen {
  padding: 0 !important;
}
.acc_tbl .yak {
  margin: 0px !important;
  width: 100%;
}
.acc_tbl th {
  background-color: #f8f8f8;
}
.acc_tbl .sel_box {
  padding: 6px 20px;
  border: 1px solid #ddd;
  width: 100%;
}
.tbls_sld select,
table.info select,
.acc_tbl input,
.tbl_steps select {
  min-width: 200px;
  height: 36px;
  border-radius: 5px;
  border: 1px solid #ddd !important;
  padding: 0 10px;
}
.acc_tbl input[type="checkbox"] {
  min-width: unset;
}
.tbl_steps input[type="checkbox"],
.tbl_steps label {
  margin-right: 6px;
}
.tbl_steps th,
#koreanAdd th {
  width: 20% !important;
}
.acc_tbl .yak_box {
  border: 1px solid #ddd;
  padding: 10px 20px;
  width: 100%;
  margin-bottom: 10px;
}
.acc_tbl .yak_box label {
  font-weight: 500;
  font-size: 14px;
  padding-left: 4px;
}
.acc_tbl .step {
  background-color: #fff !important;
  color: #2d2d2d !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 20px 0 10px 0;
}
.acc_tbl table {
  margin-bottom: 20px;
}
.sld_ko,
.sld_en {
  padding: 20px;
  border: 1px solid #ddd;
  border-collapse: collapse;
  background: #f8faff;
  border-bottom: none;
  margin-bottom: 0;
  position: relative;
}
.sld_ko .arrow,
.sld_en .arrow {
  color: transparent;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background: url(/resources/images/new/i_arr_b_up.svg) no-repeat 100%;
  transition: transform 0.2s ease;
}
.sld_ko.sld_close .arrow,
.sld_en.sld_close .arrow {
  transform: translateY(-50%) rotate(180deg);
}

.sld_close {
  border-bottom: 1px solid #ddd;
}

.sld_ko_under .acc_tbl th:first-child {
  border-top: none;
}
.Totalbox {
  margin: 20px 0px;
}
.Totalbox table {
  border: 1px solid #e5e5e5;
  width: 100%;
}
.Totalbox table th,
.Totalbox table td,
.plus,
.pri {
  padding: 6px 20px;
  height: 42px;
  font-size: 16px !important;
  height: 40px;
  background-color: #f8f8f8 !important;
  text-align: left;
  font-weight: 600;
  color: #000;
}
.pri {
  color: #ff0000;
  font-size: 18px !important;
}
.sho .pri {
  color: #000;
}
#totalPrice {
  text-align: right;
  padding-right: 20px !important;
  font-size: 18px !important;
}
#kiwoomSelectPayMethod {
  width: 200px !important;
  height: 36px !important;
  padding: 0 10px;
}

/* Å×ÀÌºí  */
.tbl01 th,
.tbl01 td {
  padding: 12px;
  height: auto;
}
.tbl01 td {
  text-align: center;
}
.cert_choicenew th {
  padding: 12px 0;
}
.cert_choice th,
.cert_choice td {
  padding: 6px 0;
  height: 42px !important;
  font-size: 14px !important;
}
.cert_choice td.btn_two {
  height: 70px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 10px;
  overflow: initial;
  border-left: none;
  border-top: none;
  padding: 0 10px;
}
.btn_two a {
    width: 140px;
    height: 40px;
    font-size: 14px;
    min-width: unset;
    padding: 10px;
    line-height: 1.2;
}
.certify {
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  width: 100%;
}
.certify table.info {
  border-top: none;
  border-collapse: collapse;
}
.certify table.info th,
.certify table.info td {
  border: none;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
}
.certify table.info td span {
  font-size: 13px !important;
}
.certify table.info td select {
  font-size: 14px !important;
}
.certify table.info th {
  border-right: 1px solid #ddd;
}
.certify table.info tbody tr:first-child th {
  border-top-left-radius: 4px;
}

.certify table.info th:first-child {
  border-top-left-radius: 4px;
  font-weight: 600;
  color: #2d2d2d;
}
.certify table.info td:first-child {
  border-top-right-radius: 4px;
}
.tbl_ul {
  width: 100%;
}
.tbl_ul li {
  padding: 20px 0 20px 220px;
  height: 60px;
  border: 1px solid #ddd;
  border-bottom: none;
  position: relative;
}
.tbl_ul li.first {
  padding: 15px 0 10px 220px;
}
.tbl_ul li.last,
.tbl_ul li.select {
  padding: 12px 0 10px 220px;
}
.tbl_ul li span.label_name {
  width: 200px;
  height: 60px;
  background: #f8f8f8;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  border-right: 1px solid #ddd;
}
.tbl_ul li.last span.label_name {
  height: 59px;
}
.tbl_ul li:last-child,
.tbl_ul li span.last-child,
.tbl_ul li.last span.label_name {
  border-bottom: 1px solid #ddd;
}
.tbl_ul select {
  min-width: 200px;
  height: 35px;
}
/* ·¹À̾ƿô */
.row_cont {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.col_cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.gap10 {
  gap: 10px;
}

/* ·¹À̾ƿô */

.fx_jc_fe {
  justify-content: flex-end !important;
}
.fx_jc_fs {
  justify-content: flex-start !important;
}
.fx_jc_ce {
  justify-content: center !important;
}
.fx_ai_fe {
  align-items: flex-end !important;
}
.fx_ai_fs {
  align-items: flex-start !important;
}
.fx_ai_ce {
  align-items: center !important;
}

.p_b_10 {
  padding-bottom: 10px;
}
.po_ab_ri {
  position: absolute;
  right: 0;
}
.po_top_0 {
  position: absolute;
  top: 0;
}
.po_top_50 {
  top: 50%;
  transform: translateY(-50%);
}
.po_fx_cen {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.p_t_10 {
  padding-top: 10px;
}

/* ·¹À̾ƿô ½ºÆäÀÌ½Ì Ãß°¡ */

.m_t_0 {
  margin-top: 0px !important;
}
.m_t_6 {
  margin-top: 6px;
}
.m_t_10 {
  margin-top: 10px !important;
}
.m_t_20 {
  margin-top: 20px !important;
}
.m_t_30 {
  margin-top: 30px !important;
}
.m_t_40 {
  margin-top: 40px !important;
}
.m_t_50 {
  margin-top: 50px !important;
}
.m_l_0 {
  margin-left: 0px !important;
}
.m_l_10 {
  margin-left: 10px !important;
}
.m_l_20 {
  margin-left: 20px !important;
}
.m_l_30 {
  margin-left: 30px !important;
}
.m_l_40 {
  margin-left: 40px !important;
}
.m_l_50 {
  margin-left: 50px !important;
}
.m_l_70 {
  margin-left: 70px !important;
}
.m_r_0 {
  margin-right: 0px !important;
}
.m_r_4 {
  margin-right: 4px !important;
}

.m_r_10 {
  margin-right: 10px !important;
}
.m_r_20 {
  margin-right: 20px !important;
}
.m_r_30 {
  margin-right: 30px !important;
}
.m_r_40 {
  margin-right: 40px !important;
}
.m_r_50 {
  margin-right: 50px !important;
}
.m_b_0 {
  margin-bottom: 0px !important;
}
.m_b_10 {
  margin-bottom: 10px !important;
}
.m_b_20 {
  margin-bottom: 20px !important;
}
.m_b_30 {
  margin-bottom: 30px !important;
}
.m_b_40 {
  margin-bottom: 40px !important;
}
/* ·¹À̾ƿô ½ºÆäÀÌ½Ì Ãß°¡ */

.p_r_4 {
  padding-right: 4px;
}
.w_90 {
  width: 90%;
}
.w_100 {
  width: 100%;
}
.h_120 {
  height: 120px;
}
ol li {
  list-style: decimal;
  margin-left: 14px;
}
.tR {
  color: #f00 !important;
  font-weight: 500 !important;
}
.tB {
  color: #3c71d7 !important;
  font-weight: 500 !important;
}
.tB a {
  color: #3c71d7 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.tGreen {
  color: #0a9d00 !important;
  font-weight: 500 !important;
}
.bold {
  font-weight: bold !important;
}
.bd_t_gray {
  border-top: 1px solid #eaeaea;
}
.bd_b_gray {
  border-bottom: 1px solid #dddddd;
}
.db_bar {
  border-top: 1px solid #ddd;
  width: 100%;
  height: 1px;
  margin: 20px 0;
}
.no_bd_t,
.no_bd_t th,
.no_bd_t td {
  border-top: none;
}
.bl_txt {
  color: #3c71d7;
}
.bl_txt a {
  color: #3c71d7;
}
.cblue,
.cblue:hover,
.cblue:focus {
  color: #3c71d7;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.f18,
.f18:hover {
  text-decoration: none;
}
.f17 {
  padding-top: 60px !important;
}
.max_w_1024 {
  max-width: 1024px !important;
}

.blue_btn {
  background: #3c71d7;
  border: 1px solid #3c71d7;
  color: #fff;
}
a.wbl_btn,
.wbl_btn {
  border: 1px solid #3c71d7;
  color: #3c71d7;
  border-radius: 5px;
  background: #f5f8fd;
  cursor: pointer;
}
a.wb_btn,
.wb_btn {
  border: 1px solid #3c71d7;
  color: #3c71d7;
  border-radius: 5px;
  background: #fff;
}

.btn_post {
  border: 1px solid #3c71d7;
  color: #3c71d7;
  border-radius: 5px;
  background: #fff;
  padding: 6px;
  display: inline-block;
}
a.wrl_btn,
.wrl_btn {
  border: 1px solid #ff0000;
  color: #ff0000;
  border-radius: 5px;
  background: #fff2f2;
}
a.wgl_btn,
.wgl_btn {
  border: 1px solid #0a9d00;
  color: #0a9d00;
  border-radius: 5px;
  background: #f3fdf2;
}

a.wrl_btn:hover,
.wrl_btn:hover,
.wrl_btn:focus {
  background: #ffe4e4;
  color: #ff0000;
}
a.wgl_btn:hover,
.wgl_btn:hover,
.wgl_btn:focus {
  background: #f3fdf2;
  color: #0a9d00;
}
a.wrl_tag,
.wrl_tag {
  color: #ff0000;
  background: #fff2f2;
}
a.wrl_tag:hover,
.wrl_tag:hover {
  color: #ff0000;
  background: #fff2f2;
}
a.wgl_tag,
.wgl_tag {
  border: none;
  color: #0a9d00;
  border-radius: 5px;
  background: #f3fdf2;
}
a.wgl_tag:hover,
.wgl_tag:hover {
  color: #0a9d00;
  background: #f3fdf2;
}
a.wbl_btn:hover,
.wbl_btn:hover,
.wbl_btn:focus,
.btn_post:hover {
  background: #eaf1ff;
  color: #3c71d7;
}
a.wb_btn:hover,
.wb_btn:hover,
.wb_btn:focus {
  background: #f0f2f5;
  color: #3c71d7;
}
a.blue_btn:hover,
.blue_btn:focus {
  color: #fff;
  background: #2d57a5;
}
.white_btn,
a.white_btn {
  color: #2d2d2d;
  background: #fff;
  border: 1px solid #e4e4e4;
}
a.white_btn:hover,
.white_btn {
  color: #2d2d2d;
  background: #fcf6f6;
}
.tB b {
  font-weight: 500;
}

.ri {
  text-align: right !important;
}
.cen {
  text-align: center !important;
}

/* 251022 ±âÁ¸ ¿É¼Ç ¼öÁ¤ */

.cert_add_bg {
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 65556;
}
.cert_add_bg button {
  line-height: 1.3;
}
.cert_add_box {
  width: auto;
  min-width: 400px;
}
.cert_add_bg_111106 {
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  padding: 36px;
  width: auto !important;
}
div.aa table .title {
  float: none;
  font-weight: bold;
  font-size: 20px;
  background-color: #fff;
  color: #383d41;
  padding-left: 0px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  border-bottom: none;
  padding-bottom: 30px;
}
div.aa table tr {
  height: 46px;
}
div.aa table {
  border: none;
  border-radius: 5px;
}
div.aa table th {
  border: none;
  padding: 8px 10px;
  min-width: 100px;
}
div.aa table td {
  border: none;
  border: 1px solid #f5f5f5;
}
.btn {
  border-radius: 5px;
  background: #3c71d7;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.28px;
  height: 40px;
  padding: 12px 36px;
  margin-top: 20px;
  width: auto;
}
.btn_c {
  background: #fff;
  border: 1px solid #e4e4e4;
  color: #2d2d2d;
  border-radius: 5px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.28px;
  height: 40px;
  padding: 12px 36px;
  width: auto;
  margin-top: 20px;
}
.cert_add_op input[type="text"],
div.aa table input[type="text"],
div.aa table select {
  border-radius: 4px;
  border: 1px solid #ddd;
  height: 32px !important;
  padding: 5px 10px;
  background: #fff;
  width: 100%;
}
div.aa table .inner_tbl {
  margin: 12px 0 8px 0;
}
div.aa table th {
  background-color: #f5f5f5;
}

div.aa table .inner_tbl.yeardiv {
  margin: 0;
}
div.aa table .inner_tbl td:first-child {
  padding-left: 0;
}
div.aa table .inner_tbl td:last-child {
  padding-right: 0;
}
div.aa table input:read-only {
  cursor: pointer;
}
div.aa table td.btn_w,
div.aa table td.title,
.inner_tbl .td {
  border: none !important;
}
div.aa table label {
  color: #2d2d2d;
  font-size: 13px;
  font-weight: 600;
  line-height: 3;
}
div.aa table input[type="radio"] {
  accent-color: #3c71d7;
  width: 50%;
}

/* ====== Á¢±Ù¼º: ½Ã°¢ÀûÀ¸·Î ¼û±è ====== */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 251117 Ãß°¡ */

.hakbun_layout {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  padding: 36px;
}
.searchPopupArea table {
  margin-bottom: 10px;
  width: 100%;
  min-width: 300px;
  border-collapse: collapse;
}

.searchPopupArea table th {
  background-color: #f5f5f5;
  padding: 10px 0 10px 12px;
  border: 1px solid #e5e5e5;
  text-align: left;
  width: 130px;
}
.searchPopupArea table td {
  border: 1px solid #e5e5e5;
  padding: 10px 0 10px 12px;
  text-align: left;
}
.searchPopupArea table input[type="text"] {
  width: 120px !important;
  border: 1px solid #e5e5e5 !important;
  margin-right: 4px;
  padding: 4px 10px;
}
.searchPopupArea .btn_wrap a {
  line-height: 1.3;
}
.no_bd {
  border: none !important;
}

.tbl_btn_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}

/*  wes Ãß°¡   */
.wes_btn_wrap {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: 20px 0;
}
.wes_btn {
  padding: 8px 16px;
  width: auto;
  min-width: 140px;
  height: 40px;
  display: block;
  border-radius: 5px;
  border: 1px solid #01a769;
  background: #f8fffe;
  color: #01a769;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  margin-right: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: border-box;
}
a.wes_btn:hover, a.wes_btn:focus {
  color: #01a769;
  background: #e8fffc;
}
textarea {
  resize: none;
}
.quick_menu div.chatbot a {
    gap: 6px !important;
}
.result_txt .result_msg.smt{
color: #666;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 1.8; 
}
.result_txt .result_msg.mdt{
  color: #666;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 1.2;
}

.rule_checklist > li .fold_head label {
  font-weight: 500;
}

.termsPopup {
  margin: 0 4px 2px 3px;
  display: inline-block;
  font-size: 16px;
}

.input_checkbox a.view:hover, a.view:hover  {
  color: #2d2d2d;
   font-weight: 500; 
}