@charset "UTF-8"; /**
* Layout
* ------------------
*/
html,
body.new_direct {
  min-height: 100%;
  height: 100%;
}

/* chatbot 메인, 해외여행보험 intro */
/* .new_direct .chartbot_area{position: fixed; bottom: 120px; right: 20px; width: 52px; height: 52px; z-index: 1;} */
.new_direct .chartbot_area {
  position: fixed;
  bottom: 80px;
  right: 8px;
  /* bottom: 120px; right: 20px; */
  width: 52px;
  height: 52px;
  z-index: 1;
}

/* 챗봇위치변경240112 */
.new_direct .chartbot_area .chatbot {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='50' height='50' rx='25' fill='white' stroke='%23F8670D' stroke-width='2'/%3E%3Cmask id='mask0_562_424' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2' y='2' width='48' height='48'%3E%3Ccircle cx='26' cy='26' r='24' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_562_424)'%3E%3Cpath d='M23.6339 39.3304C23.6339 39.3304 23.4597 41.4126 21.3216 42.3755C19.1813 43.3406 14.5545 43.0323 12.9728 41.3567C11.2436 39.5248 10.2204 36.2965 10.1667 30.1572C10.1131 24.0179 10.3633 16.7928 11.7932 12.8317C13.3146 8.60926 15.9374 8.82373 17.9772 8.73213C20.7832 8.60702 22.4096 9.44258 23.4976 11.6722C24.1924 13.0976 24.2863 15.8634 24.2863 15.8634C24.2863 15.8634 25.4324 15.9438 26.2232 15.7874C27.0141 15.631 28.158 15.0882 29.132 13.0842C29.905 11.4935 30.7808 9.74642 33.3545 9.23481C35.9349 8.7232 37.8473 8.96001 39.5988 10.3831C41.7436 12.1257 42.3646 20.2311 42.3177 24.8802C42.2552 30.9034 42.4406 39.2522 39.8178 42.0002C37.425 44.5091 32.2978 43.5797 30.9171 42.4068C29.2192 40.9658 29.2817 39.3326 29.2817 39.3326H23.6362L23.6339 39.3304Z' fill='%23F18D01' stroke='black' stroke-width='0.705132' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.1403 25.8788C15.6742 23.1979 17.8837 21.1425 20.1513 20.727C24.0543 20.0098 28.5985 19.9875 31.9765 20.7962C35.3544 21.6072 37.0434 24.4066 37.2065 26.4664C37.3696 28.5262 37.5081 31.3032 36.8356 33.2692C36.1654 35.2353 35.1467 36.6718 31.6056 37.3644C28.0645 38.0592 24.4095 38.1753 20.9132 37.4559C17.419 36.7388 15.4396 35.6329 14.9928 31.6652C14.7359 29.3797 14.7761 27.6952 15.138 25.8788H15.1403Z' fill='white' stroke='black' stroke-width='0.705132' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5869 24.6655V25.9323' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.8799 25.9329H23.9473' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.3203 24.572V25.9325' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.6406 25.9189H32.108' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.7113 29.2678C23.1715 29.2678 23.5446 28.8947 23.5446 28.4345C23.5446 27.9742 23.1715 27.6011 22.7113 27.6011C22.251 27.6011 21.8779 27.9742 21.8779 28.4345C21.8779 28.8947 22.251 29.2678 22.7113 29.2678Z' fill='black'/%3E%3Cpath d='M30.0071 28.9995C30.4674 28.9995 30.8405 28.6264 30.8405 28.1662C30.8405 27.706 30.4674 27.3329 30.0071 27.3329C29.5469 27.3329 29.1738 27.706 29.1738 28.1662C29.1738 28.6264 29.5469 28.9995 30.0071 28.9995Z' fill='black'/%3E%3Cpath d='M26.6652 28.015C25.7582 28.0552 25.6777 28.3746 25.6777 28.7209C25.6777 29.0672 25.8788 29.4001 26.9981 29.2281' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.585 30.4541C24.585 30.4541 24.8508 30.9344 25.5188 30.9076C26.1846 30.8808 26.3991 30.4138 26.3991 30.4138C26.3991 30.4138 26.4281 30.8964 27.2927 30.8406C27.9205 30.8003 28.1059 30.3602 28.1059 30.3602' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9512 49.1227C16.9289 49.2143 17.1545 51.1825 17.6617 53.0703C18.4146 55.8764 19.0893 57.2057 19.0893 57.2057' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M35.5333 48.0238C35.5333 48.0238 35.7075 49.9876 35.4171 52.1077C35.2294 53.4728 34.729 55.8767 34.729 55.8767' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1777 44.272C19.1777 44.272 20.5919 44.272 21.5615 43.7738C22.5311 43.2756 23.1433 42.2724 23.6683 41.8748C24.582 41.1822 25.4422 41.486 25.4422 41.486' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.3503 44.4105C33.3503 44.4105 31.9227 44.3837 30.8571 44.0374C29.7891 43.6911 28.2789 41.3766 27.2959 41.2805C26.3129 41.1844 25.245 41.3632 25.245 41.9865C25.245 42.6098 25.7432 42.583 26.5899 42.583C27.4366 42.583 27.4344 43.2331 27.3651 43.4275C27.2959 43.6219 25.1489 43.1929 25.0372 44.1067C24.9255 45.0204 26.7552 44.5915 26.7686 45.3823C26.782 46.1732 26.5609 45.923 25.8258 45.923C25.0908 45.923 25.0082 46.381 25.035 46.629C25.0618 46.8769 25.3388 47.3908 26.1565 47.5852C26.9742 47.7795 28.7056 48.7067 30.0215 48.4721C31.3374 48.2375 31.6971 47.7237 32.2243 47.7103C32.7516 47.6969 34.0943 48.1683 34.7734 48.0141C35.4526 47.8599 37.2935 47.6432 37.2935 43.4945' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.2947 47.6213C26.2947 47.6213 25.7384 48.0279 25.1196 47.972C24.5007 47.9162 24.0941 47.6525 23.5535 47.7911C23.0128 47.9296 23.0709 48.0502 22.0656 48.7517C20.7162 49.6923 13.996 51.7208 15.7654 42.8805' stroke='black' stroke-width='0.705132' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.7408 31.3167C21.7254 31.3167 22.5236 30.8816 22.5236 30.3449C22.5236 29.8082 21.7254 29.373 20.7408 29.373C19.7562 29.373 18.958 29.8082 18.958 30.3449C18.958 30.8816 19.7562 31.3167 20.7408 31.3167Z' fill='%23F4B255'/%3E%3Cpath d='M32.0573 30.9237C33.0037 30.9237 33.7709 30.4536 33.7709 29.8736C33.7709 29.2937 33.0037 28.8236 32.0573 28.8236C31.1109 28.8236 30.3438 29.2937 30.3438 29.8736C30.3438 30.4536 31.1109 30.9237 32.0573 30.9237Z' fill='%23F4B255'/%3E%3Cpath d='M39.2642 30.4769H38.9269C38.6052 30.4769 38.3415 30.2155 38.3415 29.8916V26.3215C38.3415 25.9998 38.6029 25.7362 38.9269 25.7362H39.2642C40.4952 25.7362 41.4961 26.737 41.4961 27.968V28.2428C41.4961 29.4738 40.4952 30.4747 39.2642 30.4747V30.4769Z' fill='black'/%3E%3Cpath d='M39.384 28.5574L38.4859 30.3268C37.6079 32.0582 35.8318 33.1485 33.8903 33.1485H28.104' stroke='black' stroke-width='0.705132' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.7615 32.1371H28.0153C27.4551 32.1371 27.001 32.5913 27.001 33.1514V33.1537C27.001 33.7138 27.4551 34.1679 28.0153 34.1679H28.7615C29.3216 34.1679 29.7757 33.7138 29.7757 33.1537V33.1514C29.7757 32.5913 29.3216 32.1371 28.7615 32.1371Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A")
    0 0 no-repeat;
  background-size: 100%;
}

.new_direct #wrap {
  position: relative;
  min-height: 100%;
  min-width: 100%;
}

.new_direct #header {
  z-index: 500;
}

.new_direct #quick {
  z-index: 400;
}

.new_direct #content {
  min-height: 100%;
  padding-top: 52px;
  overflow-x: hidden;
}

.new_direct #content .content_wrap {
  position: relative;
  min-height: 400px;
  padding-bottom: 152px;
}

.new_direct #content .content_wrap.no_footer {
  padding-bottom: 40px;
}

.new_direct #content .content_footer {
  z-index: 209;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.new_direct #content .content_footer:not(.fix) {
  padding-bottom: 64px;
}

.new_direct #content .content_footer:not(.fix):before {
  display: none;
}

.new_direct #content .content_footer:not(.fix) .btn {
  padding: 12px 24px;
  font-size: 15px;
  line-height: 22px;
  border-radius: 12px;
}

.new_direct #content .content_footer.fix {
  position: fixed;
}

.new_direct .content_footer,
.new_direct .content_footer.fix,
.new_direct .modal_footer.fix {
  padding: 0 20px 34px 20px;
}

.new_direct .content_footer .btn_area:first-child,
.new_direct .content_footer.fix .btn_area:first-child,
.new_direct .modal_footer.fix .btn_area:first-child {
  margin-top: 0;
}

.new_direct .content_footer:before,
.new_direct .content_footer.fix:before,
.new_direct .modal_footer.fix:before {
  content: "";
  position: absolute;
  top: -16px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0.4)),
    color-stop(19.79%, #ffffff)
  );
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4) 0%,
    #ffffff 19.79%
  );
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.new_direct #footer {
  z-index: 300;
}

.new_direct html.mobile .tag_scroll,
.new_direct html.mobile .tab_scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scrollbar-height: none;
}

.new_direct html.mobile .tag_scroll::-webkit-scrollbar,
.new_direct html.mobile .tab_scroll::-webkit-scrollbar {
  display: none;
}

.new_direct [data-bg="gray"] {
  background-color: #f9f9fb;
}

.new_direct [data-bg="gray"] .tab_content,
.new_direct [data-bg="gray"] .content_wrap {
  background-color: #f9f9fb;
}

.new_direct [data-bg="gray"] .section {
  background-color: #ffffff;
}

.new_direct [data-bg="gray"] .tab_content > .comp .title_area:first-child {
  margin-top: 0;
  padding-top: 32px;
}

.new_direct [data-bg="gray"] .tab_scroll {
  padding-bottom: 12px;
}

.new_direct [data-bg="gray"] .tab_scroll ~ .comp {
  margin-top: 32px;
}

.new_direct [data-bg="gray2"] {
  background-color: #f5f5f7;
}

.new_direct [data-bg="gray_all"] {
  background-color: #f9f9fb;
}

.new_direct [data-bg="gray_all"] .navbar {
  background-color: #f9f9fb;
}

.new_direct .modal .modal_body .wrapper.bottom_fix,
.new_direct #content .content_wrap.bottom_fix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 16px;
}

.new_direct .modal .modal_body .wrapper.bottom_fix .section.bottom_fix,
.new_direct #content .content_wrap.bottom_fix .section.bottom_fix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 24px;
}

.new_direct #content .content_wrap.bottom_fix .section.bottom_fix.cf_btn_fix {
  padding-bottom: 108px;
}

/* 유의사항 + 버튼 fix 일 때 */
.new_direct
  .modal
  .modal_body
  .wrapper.bottom_fix
  .section.bottom_fix.hr
  .comp
  > .banner,
.new_direct
  #content
  .content_wrap.bottom_fix
  .section.bottom_fix.hr
  .comp
  > .banner {
  margin-top: 0;
}

.new_direct
  .modal
  .modal_body
  .wrapper.bottom_fix.no_footer
  .section.bottom_fix,
.new_direct #content .content_wrap.bottom_fix.no_footer .section.bottom_fix {
  padding-bottom: 64px;
}

.new_direct .modal .modal_body .wrapper.bottom_fix .governing.nodata,
.new_direct #content .content_wrap.bottom_fix .governing.nodata {
  margin-bottom: -10px;
}

.new_direct .section .accordion.notice:first-child {
  margin-top: 32px;
}

.new_direct .tab_content.bottom_fix {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 0;
}

.new_direct .tab_content.bottom_fix .section.bottom_fix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 24px;
}

.new_direct .tab_content.bottom_fix.no_footer .section.bottom_fix {
  padding-bottom: 64px;
}

/**
* Layout.content
* ------------------
* section & comp
* PC/MO 공통
*/
.new_direct hr {
  border: none;
}

.new_direct .hr {
  position: relative;
  height: 12px;
  padding-top: 12px;
}

.new_direct .hr:before {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  top: 0;
  height: 12px;
  background: #f9f9fb;
}

.new_direct .hr.mtb {
  margin-top: 32px;
  margin-bottom: 32px;
  padding-top: 0;
}

.new_direct .hr.mtb_sm {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 0;
}

.new_direct .hr + .comp {
  margin-top: 0;
}

.new_direct .hr.section,
.new_direct .hr.comp {
  height: auto;
}

.new_direct .hr.section:before,
.new_direct .hr.comp:before {
  top: 0;
}

.new_direct .hr.section.mtb,
.new_direct .hr.comp.mtb {
  margin-top: 76px;
}

.new_direct .hr.section.mtb:before,
.new_direct .hr.comp.mtb:before {
  top: -44px;
}

.new_direct .hr.section:last-child,
.new_direct .hr.comp:last-child {
  margin-bottom: 0;
}

.new_direct .hr2 {
  position: relative;
  height: 2px;
  padding-top: 2px;
}

.new_direct .hr2:before {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  top: 0;
  height: 2px;
  background: #f9f9fb;
}

.new_direct .hr2.mtb {
  margin-top: 32px;
  margin-bottom: 32px;
  padding-top: 0;
}

.new_direct .hr2.mtb_sm {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 0;
}

.new_direct .hr2 + .comp {
  margin-top: 0;
}

.new_direct .hr2.section,
.new_direct .hr2.comp {
  height: auto;
}

.new_direct .hr2.section:before,
.new_direct .hr2.comp:before {
  top: 0;
}

.new_direct .hr2.section.mtb,
.new_direct .hr2.comp.mtb {
  margin-top: 66px;
}

.new_direct .hr2.section.mtb:before,
.new_direct .hr2.comp.mtb:before {
  top: -34px;
}

.new_direct .hr2.section:last-child,
.new_direct .hr2.comp:last-child {
  margin-bottom: 0;
}

.new_direct .section_group + .new_direct .section_group {
  margin-top: 100px;
}

.new_direct .section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
}

.new_direct .section::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .section.sm {
  width: 550px;
}

.new_direct .section.full {
  width: auto;
}

.new_direct .section + .new_direct .section {
  padding-top: 0;
  margin-top: 32px;
}

.new_direct .section + .trigger1 {
  padding-top: 0;
}

.new_direct .comp,
.sidebar .comp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: calc(100% - 40px);
  margin: 32px auto 0;
}

.new_direct .comp::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .comp:not(.hr):first-child {
  margin-top: 0;
}

.new_direct .comp.full {
  width: auto;
}

.new_direct .comp.border_top {
  margin-top: 32px;
  border-top: 1px solid #efeff1;
}

.new_direct .comp.border_bottom {
  border-bottom: 1px solid #efeff1;
}

/* 이벤트 좌우여백 삭제가 필요할 때 240229 */
.new_direct .comp.eventFull {
  width: 100%;
}

.new_direct .comp.eventFull .notice_heading {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: calc(100% - 40px);
  margin: 32px auto 0;
}

.new_direct .section.full .comp.grid1 {
  width: auto;
  min-width: calc(100% - 40px);
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

.new_direct
  .section
  > .comp:not(.hr):first-child[style*="display: none"]
  + .comp:not(.hr) {
  margin-top: 0px;
}

.new_direct .section.bottom_fix.hr > .comp:not(.hr):first-child {
  margin-top: 0;
}

.new_direct .section > .comp:not(.hr):first-child > .banner {
  margin-top: 32px;
}

.new_direct .section.bottom_fix.hr > .comp:not(.hr):first-child > .banner {
  margin-top: 0;
}

.new_direct .modal.bottom .comp {
  width: calc(100% - 48px);
}

.new_direct .tab + .section {
  padding-top: 0;
}

.new_direct .section > .tab_content {
  margin-top: 0;
}

.new_direct .modal .section {
  padding-top: 0;
}

.new_direct .grid1 {
  width: 100%;
}

.new_direct .grid2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid2 > * {
  width: calc(50% - 20px);
}

.new_direct .grid2.no_pad {
  gap: 0;
}

.new_direct .grid2.no_pad > * {
  width: 50%;
}

.new_direct .grid_sm2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm2 > * {
  width: calc(50% - 4px);
}

.new_direct .grid_sm2.no_pad {
  gap: 0;
}

.new_direct .grid_sm2.no_pad > * {
  width: 50%;
}

.new_direct .fl_grid2::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid2 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(50% - 24px);
  margin-right: calc((100% - (((100% / 2) - 24px) * 2)) / (2 - 1)) !important;
  margin-top: 20px;
}

.new_direct .fl_grid2 > * {
  width: calc(50% - 12px);
  float: left;
  margin-right: 0 !important;
}

.new_direct .fl_grid2 > *:nth-child(2n) {
  float: right;
}

.new_direct .fl_grid2 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid2 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .grid3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid3 > * {
  width: calc(33.3333333333% - 20px);
}

.new_direct .grid3.no_pad {
  gap: 0;
}

.new_direct .grid3.no_pad > * {
  width: 33.3333333333%;
}

.new_direct .grid_sm3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm3 > * {
  width: calc(33.3333333333% - 4px);
}

.new_direct .grid_sm3.no_pad {
  gap: 0;
}

.new_direct .grid_sm3.no_pad > * {
  width: 33.3333333333%;
}

.new_direct .fl_grid3::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid3 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(33.3333333333% - 24px);
  margin-right: calc((100% - (((100% / 3) - 24px) * 3)) / (3 - 1)) !important;
  margin-top: 20px;
}

.new_direct .fl_grid3 > *:nth-of-type(3n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid3 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid3 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid3 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .grid4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid4 > * {
  width: calc(25% - 20px);
}

.new_direct .grid4.no_pad {
  gap: 0;
}

.new_direct .grid4.no_pad > * {
  width: 25%;
}

.new_direct .grid_sm4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm4 > * {
  width: calc(25% - 4px);
}

.new_direct .grid_sm4.no_pad {
  gap: 0;
}

.new_direct .grid_sm4.no_pad > * {
  width: 25%;
}

.new_direct .fl_grid4::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid4 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(25% - 24px);
  margin-right: calc((100% - (((100% / 4) - 24px) * 4)) / (4 - 1)) !important;
  margin-top: 20px;
}

.new_direct .fl_grid4 > *:nth-of-type(4n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid4 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid4 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid4 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .fl_grid4 > *:nth-of-type(4) {
  margin-top: 0;
}

.new_direct .grid5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid5 > * {
  width: calc(20% - 20px);
}

.new_direct .grid5.no_pad {
  gap: 0;
}

.new_direct .grid5.no_pad > * {
  width: 20%;
}

.new_direct .grid_sm5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm5 > * {
  width: calc(20% - 4px);
}

.new_direct .grid_sm5.no_pad {
  gap: 0;
}

.new_direct .grid_sm5.no_pad > * {
  width: 20%;
}

.new_direct .fl_grid5::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid5 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(20% - 24px);
  margin-right: calc((100% - (((100% / 5) - 24px) * 5)) / (5 - 1)) !important;
  margin-top: 20px;
}

.new_direct .fl_grid5 > *:nth-of-type(5n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid5 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid5 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid5 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .fl_grid5 > *:nth-of-type(4) {
  margin-top: 0;
}

.new_direct .fl_grid5 > *:nth-of-type(5) {
  margin-top: 0;
}

.new_direct .grid6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid6 > * {
  width: calc(16.6666666667% - 20px);
}

.new_direct .grid6.no_pad {
  gap: 0;
}

.new_direct .grid6.no_pad > * {
  width: 16.6666666667%;
}

.new_direct .grid_sm6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm6 > * {
  width: calc(16.6666666667% - 4px);
}

.new_direct .grid_sm6.no_pad {
  gap: 0;
}

.new_direct .grid_sm6.no_pad > * {
  width: 16.6666666667%;
}

.new_direct .fl_grid6::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid6 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(16.6666666667% - 24px);
  margin-right: calc((100% - (((100% / 6) - 24px) * 6)) / (6 - 1)) !important;
  margin-top: 20px;
}

.new_direct .fl_grid6 > *:nth-of-type(6n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid6 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid6 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid6 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .fl_grid6 > *:nth-of-type(4) {
  margin-top: 0;
}

.new_direct .fl_grid6 > *:nth-of-type(5) {
  margin-top: 0;
}

.new_direct .fl_grid6 > *:nth-of-type(6) {
  margin-top: 0;
}

.new_direct .grid7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid7 > * {
  width: calc(14.2857142857% - 20px);
}

.new_direct .grid7.no_pad {
  gap: 0;
}

.new_direct .grid7.no_pad > * {
  width: 14.2857142857%;
}

.new_direct .grid_sm7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm7 > * {
  width: calc(14.2857142857% - 4px);
}

.new_direct .grid_sm7.no_pad {
  gap: 0;
}

.new_direct .grid_sm7.no_pad > * {
  width: 14.2857142857%;
}

.new_direct .fl_grid7::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid7 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(14.2857142857% - 24px);
  margin-right: calc((100% - (((100% / 7) - 24px) * 7)) / (7 - 1)) !important;
  margin-top: 20px;
}

.new_direct .fl_grid7 > *:nth-of-type(7n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid7 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid7 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid7 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .fl_grid7 > *:nth-of-type(4) {
  margin-top: 0;
}

.new_direct .fl_grid7 > *:nth-of-type(5) {
  margin-top: 0;
}

.new_direct .fl_grid7 > *:nth-of-type(6) {
  margin-top: 0;
}

.new_direct .fl_grid7 > *:nth-of-type(7) {
  margin-top: 0;
}

.new_direct .grid8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid8 > * {
  width: calc(12.5% - 20px);
}

.new_direct .grid8.no_pad {
  gap: 0;
}

.new_direct .grid8.no_pad > * {
  width: 12.5%;
}

.new_direct .grid_sm8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm8 > * {
  width: calc(12.5% - 4px);
}

.new_direct .grid_sm8.no_pad {
  gap: 0;
}

.new_direct .grid_sm8.no_pad > * {
  width: 12.5%;
}

.new_direct .fl_grid8::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid8 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(12.5% - 24px);
  margin-right: calc((100% - (((100% / 8) - 24px) * 8)) / (8 - 1)) !important;
  margin-top: 20px;
}

.new_direct .fl_grid8 > *:nth-of-type(8n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid8 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid8 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid8 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .fl_grid8 > *:nth-of-type(4) {
  margin-top: 0;
}

.new_direct .fl_grid8 > *:nth-of-type(5) {
  margin-top: 0;
}

.new_direct .fl_grid8 > *:nth-of-type(6) {
  margin-top: 0;
}

.new_direct .fl_grid8 > *:nth-of-type(7) {
  margin-top: 0;
}

.new_direct .fl_grid8 > *:nth-of-type(8) {
  margin-top: 0;
}

.new_direct .grid9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid9 > * {
  width: calc(11.1111111111% - 20px);
}

.new_direct .grid9.no_pad {
  gap: 0;
}

.new_direct .grid9.no_pad > * {
  width: 11.1111111111%;
}

.new_direct .grid_sm9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm9 > * {
  width: calc(11.1111111111% - 4px);
}

.new_direct .grid_sm9.no_pad {
  gap: 0;
}

.new_direct .grid_sm9.no_pad > * {
  width: 11.1111111111%;
}

.new_direct .fl_grid9::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid9 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(11.1111111111% - 24px);
  margin-right: calc((100% - (((100% / 9) - 24px) * 9)) / (9 - 1)) !important;
  margin-top: 20px;
}

.new_direct .fl_grid9 > *:nth-of-type(9n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid9 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid9 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid9 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .fl_grid9 > *:nth-of-type(4) {
  margin-top: 0;
}

.new_direct .fl_grid9 > *:nth-of-type(5) {
  margin-top: 0;
}

.new_direct .fl_grid9 > *:nth-of-type(6) {
  margin-top: 0;
}

.new_direct .fl_grid9 > *:nth-of-type(7) {
  margin-top: 0;
}

.new_direct .fl_grid9 > *:nth-of-type(8) {
  margin-top: 0;
}

.new_direct .fl_grid9 > *:nth-of-type(9) {
  margin-top: 0;
}

.new_direct .grid10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid10 > * {
  width: calc(10% - 20px);
}

.new_direct .grid10.no_pad {
  gap: 0;
}

.new_direct .grid10.no_pad > * {
  width: 10%;
}

.new_direct .grid_sm10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm10 > * {
  width: calc(10% - 4px);
}

.new_direct .grid_sm10.no_pad {
  gap: 0;
}

.new_direct .grid_sm10.no_pad > * {
  width: 10%;
}

.new_direct .fl_grid10::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid10 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(10% - 24px);
  margin-right: calc(
    (100% - (((100% / 10) - 24px) * 10)) / (10 - 1)
  ) !important;
  margin-top: 20px;
}

.new_direct .fl_grid10 > *:nth-of-type(10n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid10 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid10 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid10 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .fl_grid10 > *:nth-of-type(4) {
  margin-top: 0;
}

.new_direct .fl_grid10 > *:nth-of-type(5) {
  margin-top: 0;
}

.new_direct .fl_grid10 > *:nth-of-type(6) {
  margin-top: 0;
}

.new_direct .fl_grid10 > *:nth-of-type(7) {
  margin-top: 0;
}

.new_direct .fl_grid10 > *:nth-of-type(8) {
  margin-top: 0;
}

.new_direct .fl_grid10 > *:nth-of-type(9) {
  margin-top: 0;
}

.new_direct .fl_grid10 > *:nth-of-type(10) {
  margin-top: 0;
}

.new_direct .grid11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid11 > * {
  width: calc(9.0909090909% - 20px);
}

.new_direct .grid11.no_pad {
  gap: 0;
}

.new_direct .grid11.no_pad > * {
  width: 9.0909090909%;
}

.new_direct .grid_sm11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm11 > * {
  width: calc(9.0909090909% - 4px);
}

.new_direct .grid_sm11.no_pad {
  gap: 0;
}

.new_direct .grid_sm11.no_pad > * {
  width: 9.0909090909%;
}

.new_direct .fl_grid11::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid11 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(9.0909090909% - 24px);
  margin-right: calc(
    (100% - (((100% / 11) - 24px) * 11)) / (11 - 1)
  ) !important;
  margin-top: 20px;
}

.new_direct .fl_grid11 > *:nth-of-type(11n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid11 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(4) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(5) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(6) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(7) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(8) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(9) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(10) {
  margin-top: 0;
}

.new_direct .fl_grid11 > *:nth-of-type(11) {
  margin-top: 0;
}

.new_direct .grid12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid12 > * {
  width: calc(8.3333333333% - 20px);
}

.new_direct .grid12.no_pad {
  gap: 0;
}

.new_direct .grid12.no_pad > * {
  width: 8.3333333333%;
}

.new_direct .grid_sm12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .grid_sm12 > * {
  width: calc(8.3333333333% - 4px);
}

.new_direct .grid_sm12.no_pad {
  gap: 0;
}

.new_direct .grid_sm12.no_pad > * {
  width: 8.3333333333%;
}

.new_direct .fl_grid12::after {
  display: block;
  content: "";
  clear: both;
}

.new_direct .fl_grid12 > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: left;
  width: calc(8.3333333333% - 24px);
  margin-right: calc(
    (100% - (((100% / 12) - 24px) * 12)) / (12 - 1)
  ) !important;
  margin-top: 20px;
}

.new_direct .fl_grid12 > *:nth-of-type(12n) {
  float: right;
  margin-right: 0 !important;
}

.new_direct .fl_grid12 > *:nth-of-type(1) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(2) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(3) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(4) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(5) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(6) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(7) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(8) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(9) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(10) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(11) {
  margin-top: 0;
}

.new_direct .fl_grid12 > *:nth-of-type(12) {
  margin-top: 0;
}

/**
* layout.content
* ------------------
*/
.new_direct .point_color {
  color: /*#F8670D*/ #ee5a00 !important;
}

/* 2024웹접근성_23 */
.new_direct .point_color_darkor {
  color: #dd5300 !important;
}

/* 회색배경컬러일때 사용 */
/* 2024웹접근성_23 */
.new_direct .point_color_navy {
  color: #003070 !important;
}

/* 추가240627 */
.new_direct .point_bold {
  font-weight: bold !important;
}

.new_direct .h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #1f1f21;
}

.new_direct .h3 {
  position: relative;
  font-weight: 500;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #1f1f21;
  font-weight: 700;
  color: #3f3f41;
}

.new_direct .h4 {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
  color: #3f3f41;
}

.new_direct .h5 {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
  color: #000;
}

.new_direct .h6 {
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  color: #3f3f41;
}

.new_direct .governing {
  position: relative;
  text-align: center;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px;
  border-radius: 0;
  color: #555557;
}

.new_direct .governing .governing_title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #1f1f21;
  word-break: break-all;
}

.new_direct .governing .governing_title strong {
  color: /*#F8670D*/ #ee5a00;
}

/* 2024웹접근성_23 */
.modal.terms .new_direct .governing .governing_title strong {
  color: #ff2d55;
}

.new_direct .governing .badge + .governing_title {
  margin-top: 12px;
}

.new_direct .governing + .governing.nodata[data-icon="nodata2"] {
  margin-top: 99px;
}

.new_direct .governing:not(.ta_l) .governing_title + .info_text {
  margin-top: 24px;
}

.new_direct .governing .info_text {
  display: block;
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
  font-weight: 400;
  color: #555557;
  line-height: 1.5em;
  margin-top: 10px;
  word-break: keep-all;
}

.new_direct .governing .info_text strong {
  font-weight: 700;
  color: #1f1f21;
}

.new_direct .governing .info_text.mt02 {
  margin-top: 24px;
}

.new_direct .governing .info_text p + p {
  margin-top: 12px;
}

.new_direct .governing .info_text .sub_text {
  margin-top: 0;
  font-size: 13px;
  color: #767678;
}

.new_direct .governing .info_text:first-child {
  margin-top: 0;
}

.new_direct .governing .info_text + .info_text {
  margin-top: 10px;
}

.new_direct .governing.confirm,
.new_direct .governing.nodata,
.new_direct .governing.notice,
.new_direct .governing.certified {
  position: relative;
  background: none 0;
}

.new_direct .governing.confirm:before,
.new_direct .governing.nodata:before,
.new_direct .governing.notice:before,
.new_direct .governing.certified:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23F1F1F3'/%3E%3C/svg%3E%0A");
}

.new_direct .governing.confirm {
  margin-top: 40px;
  padding-top: 84px;
  height: auto;
}

.new_direct .governing.confirm:before {
  width: 64px;
  height: 64px;
  margin-left: -32px;
}

.new_direct .governing.confirm[data-icon="confirm_unlock"]:before {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='64' viewBox='0 0 65 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32.5' cy='32' r='32' fill='%23EBF4E7'/%3E%3Cpath d='M20.5 31.4146L29.3462 40L45.5 24' stroke='%235CB531' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .governing.confirm[data-icon="confirm"]:before {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='64' viewBox='0 0 65 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32.5' cy='32' r='32' fill='%23EBF4E7'/%3E%3Cpath d='M20.5 31.4146L29.3462 40L45.5 24' stroke='%235CB531' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .governing.confirm[data-icon="error"]:before {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='64' viewBox='0 0 65 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32.5' cy='32' r='32' fill='%23FFF4EB'/%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='matrix(1 0 0 -1 30.5 47)' fill='%23F8670D'/%3E%3Crect width='5' height='22.5' rx='2.5' transform='matrix(1 0 0 -1 30.5 39.5)' fill='%23F8670D'/%3E%3C/svg%3E%0A");
}

.new_direct .governing.nodata {
  margin-top: 80px;
  padding-top: 84px;
}

.new_direct .governing.nodata:before {
  width: 64px;
  height: 64px;
  margin-left: -32px;
}

.new_direct .governing.nodata[data-icon="nodata"] {
  padding-top: 164px;
}

.new_direct .governing.nodata[data-icon="nodata"]:before {
  width: 140px;
  height: 140px;
  margin-left: -70px;
  background-image: url("https://mdirect.hi.co.kr/images/new/apng/img_nothing.png");
  background-size: 100% 100%;
}

.new_direct .governing.nodata[data-icon="nodata2"] {
  width: 100%;
  margin-top: 91px;
  margin-bottom: 32px;
  padding-top: 40px;
  padding-bottom: 56px;
}

.new_direct .governing.nodata[data-icon="nodata2"] .governing_title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  color: #767678;
}

.new_direct .governing.nodata[data-icon="nodata2"]:before {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.6003' cy='18.3999' r='1' fill='%23C8C8CA'/%3E%3Ccircle cx='16.0007' cy='18.3999' r='1' fill='%23C8C8CA'/%3E%3Ccircle cx='20.4011' cy='18.3999' r='1' fill='%23C8C8CA'/%3E%3Cpath d='M8 29H24C25.6569 29 27 27.6569 27 26V11.4142C27 11.149 26.8946 10.8946 26.7071 10.7071L19.2929 3.29289C19.1054 3.10536 18.851 3 18.5858 3H8C6.34315 3 5 4.34315 5 6V26C5 27.6569 6.34315 29 8 29Z' stroke='%23C8C8CA' stroke-width='1.4'/%3E%3Cpath d='M19 3V10C19 10.5523 19.4477 11 20 11H27' stroke='%23C8C8CA' stroke-width='1.4'/%3E%3C/svg%3E%0A");
}

.new_direct .governing.nodata .progress {
  top: -66px;
}

.new_direct .governing.notice {
  margin-top: 80px;
  padding-top: 132px;
}

.new_direct .governing.notice:before {
  width: 100px;
  height: 100px;
  margin-left: -50px;
}

.new_direct .governing.notice[data-icon="unlock"] {
  padding-top: 172px;
}

.new_direct .governing.notice[data-icon="unlock"]:before {
  width: 140px;
  height: 140px;
  margin-left: -70px;
  background: url("../../images/new/apng/img_unlock.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}

.new_direct .governing.inspection {
  margin-bottom: 12px;
  padding-top: 204px;
}

.new_direct .governing.inspection:before {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  width: 140px;
  height: 140px;
  margin-left: -70px;
  background: url("../../images/new/apng/icon_inspection.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}

/* 생체인증 */
.new_direct .governing.certified {
  margin-top: 40px;
  padding-top: 80px;
  height: auto;
}

.new_direct .governing.certified[data-icon="face"]:before {
  width: 56px;
  height: 56px;
  margin-left: -28px;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4.00073H12C7.58172 4.00073 4 7.58245 4 12.0007V16.0007M40 4.00073H44C48.4183 4.00073 52 7.58245 52 12.0007V16.0007M4 40.0007V44.0007C4 48.419 7.58172 52.0007 12 52.0007H16M40 52.0007H44C48.4183 52.0007 52 48.419 52 44.0007V40.0007' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.002 18.0012V23.0012' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M38.002 18.0012V23.0012' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M28.002 18.0012V28.0012' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M36.002 34.001C36.002 36.2101 32.4202 39.001 28.002 39.001C23.5837 39.001 20.002 36.2101 20.002 34.001' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.new_direct .governing.certified[data-icon="handprint"]:before {
  width: 56px;
  height: 56px;
  margin-left: -28px;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.00073H12C7.58172 4.00073 4 7.58246 4 12.0007V14.0007M42 4.00073H44C48.4183 4.00073 52 7.58245 52 12.0007V14.0007M4 42.0007V44.0007C4 48.419 7.58172 52.0007 12 52.0007H14M42 52.0007H44C48.4183 52.0007 52 48.419 52 44.0007V42.0007' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.1484 31.9936V24.5673C21.1484 19.8396 24.5963 16.0015 28.8577 16.0015C29.9772 16.0015 31.0405 16.2659 32 16.7416M36.5669 31.7068V24.5673C36.5669 22.8882 36.1333 21.3227 35.3836 20.0015' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.1468 32.0015C21.1468 37.141 20.7976 38.6137 19.4336 41.4239' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.8538 27.9929C28.8538 29.7575 29.1251 32.3466 28 33.9998' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.8555 23.7119V27.9948' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.6211 26.7279V24.2974C14.6211 16.4071 21.0147 10.0015 28.917 10.0015C36.8073 10.0015 43.2129 16.3951 43.2129 24.2974V24.896' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.6211 30.0439V25.2905' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M43 29.0015C43 32.9765 42.6995 39.5506 41.7656 43.2264' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.6226 30.0437C14.6226 31.672 14.4071 33.6716 14 35.4077' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M36 36.0012C36 37.0012 35.9317 40.0801 35 42.0012' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .governing.certified .governing_title + p {
  margin-top: 24px;
}

.new_direct .governing .progress {
  position: absolute;
  top: 14px;
  right: 20px;
}

.new_direct .governing .uol_list {
  margin-top: 40px;
  text-align: left;
}

.new_direct .governing .uol_list ul li {
  color: #555557;
}

/* 회원가입 완료화면 추가240115 */
.new_direct .joinArea .boxRound {
  position: relative;
  padding: 15px;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dfdfe1;
  background-color: #ffffff;
}

.new_direct .joinArea .boxRound p {
  line-height: 16px;
  font-size: 13px;
  padding-bottom: 5px;
}

.new_direct .joinArea .line {
  border-top: 1px solid #dfdfe1;
  padding-top: 10px;
  margin-top: 20px;
}

.new_direct .joinArea .line p {
  font-size: 13px;
}

.new_direct .title_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 32px;
  margin-bottom: 24px;
}

.new_direct .title_area.mb02 {
  margin-bottom: 20px;
}

.new_direct .title_area.mb02 .h2,
.new_direct .title_area.mb02 .h3,
.new_direct .title_area.mb02 .h4,
.new_direct .title_area.mb02 .h5 {
  color: #3f3f41;
}

.new_direct .title_area.mb02 + .card_accordion .title strong {
  font-size: 18px;
}

.new_direct .title_area.border_bottom {
  padding-bottom: 14px;
  margin-bottom: 20px;
  border-bottom: 2px solid #000;
}

.new_direct .title_area.point_color .h2,
.new_direct .title_area.point_color .h3,
.new_direct .title_area.point_color .h4,
.new_direct .title_area.point_color .h5 {
  color: /*#F8670D*/ #ee5a00;
}

/* 2024웹접근성_23 */
.new_direct .title_area.point_color.under_line {
  border-color: /*#F8670D*/ #ee5a00;
}

/* 2024웹접근성_23 */
.new_direct .title_area .title_footer {
  width: 100%;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_direct .title_area .desc_obj {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new_direct .title_area .info_txt {
  font-size: 14px;
  margin-left: auto;
}

.new_direct .title_area + .tab_scroll {
  padding-top: 0;
}

.new_direct .title_area + .tab_scroll + .tab_content,
.new_direct .title_area + .tab_scroll + .tab_content + .tab_content {
  margin-top: 32px;
}

.new_direct .title_area .bul_tip + p {
  width: 100%;
}

.new_direct .title_area .fz15.point_color {
  font-weight: 500;
}

.new_direct .title_area + .form_area {
  margin-top: 24px;
}

/* 툴팁이 있는 경우 */
.new_direct .title_area.add_tooltip {
  position: relative;
  justify-content: flex-start;
}

.new_direct .title_area.add_tooltip .btn_tooltip.active:after {
  bottom: -13px;
}

.new_direct .btn_area {
  position: relative;
  margin-top: 24px;
}

.new_direct .btn_area .btn {
  margin-right: 4px;
}

.new_direct .btn_area .btn:first-child {
  margin-left: 0;
}

.new_direct .btn_area .btn:not(:first-child) {
  margin-left: 4px;
}

.new_direct .btn_area .btn:last-child {
  margin-right: 0;
}

.new_direct .btn_area.grid2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}

.new_direct .btn_area.grid2 input[type="radio"].btn_rdo + label {
  min-width: calc(50% - 4px);
}

.new_direct .btn_area ~ .card_list {
  margin-top: 24px;
}

.new_direct .btn_area.footer,
.new_direct .btn_area.cta,
.modal .btn_area.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  min-height: 58px;
}

.new_direct .btn_area.footer .btn,
.new_direct .btn_area.cta .btn,
.modal .btn_area.footer .btn,
.modal .btn_area.cta .btn {
  padding: 17px 24px;
  font-size: 16px;
  line-height: 22px;
  border-radius: 16px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.new_direct .btn_area.footer .btn.disabled,
.new_direct .btn_area.footer .btn:disabled,
.new_direct .btn_area.cta .btn.disabled,
.new_direct .btn_area.cta .btn:disabled {
  color: #b7b7b9;
}

/* 231017 버튼 3:7 (취소|확인) 사이즈 타입을 5:5 사이즈로 전체 변경 요청으로 주석 처리
.new_direct .btn_area.footer.type02,
.new_direct .btn_area.cta.type02{display: -webkit-box; display: -ms-flexbox; display: flex;}
.new_direct .btn_area.footer.type02 > *:first-child,
.new_direct .btn_area.cta.type02 > *:first-child{-webkit-box-flex: 0; -ms-flex: none; flex: none; min-width: calc(30% - 4px); margin-right: 4px;}
.new_direct .btn_area.footer.type02 > *:last-child,
.new_direct .btn_area.cta.type02 > *:last-child{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 4px;} */
.new_direct .btn_area.sub {
  height: 20px;
  margin-top: 10px;
  text-align: center;
}

.new_direct .bottom_fix .btn_area.sub {
  padding-bottom: 50px;
}

.new_direct .btn_area.more {
  margin-top: 0;
}

.new_direct .btn_area.more .btn.more {
  margin-top: 26px;
}

.new_direct .card_list ~ .btn_area {
  text-align: center;
  margin-top: 20px;
}

.new_direct .card_list ~ .btn_area.more {
  margin-top: 0;
}

.new_direct .form_area + .btn_area {
  margin-top: 32px;
}

.new_direct .bul_bar {
  position: relative;
  padding-left: 10px;
}

.new_direct .bul_bar:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #767678;
}

.new_direct .bul_dot {
  position: relative;
  padding-left: 10px;
}

.new_direct .bul_dot:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 10px;
  width: 2px;
  height: 2px;
  background-color: #909090;
  border-radius: 50%;
}

.new_direct .bul_imp {
  position: relative;
  padding-left: 16px;
}

.new_direct .bul_imp:before {
  position: absolute;
  content: "※";
  top: 0;
  left: 0;
  font-size: 11px;
}

.new_direct .bul_imp small {
  font-size: 13px;
}

.new_direct .bul_imp.fz_sm {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
}

.new_direct .bul_imp.fz_sm:before {
  top: 2px;
}

.new_direct .bul_tip {
  position: relative;
  padding-left: 20px;
  color: #1f1f21;
  font-size: 15px;
  font-weight: 500;
}

.new_direct .bul_tip:before {
  position: absolute;
  content: "";
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_712_5181)'%3E%3Crect x='0.5' y='1' width='15' height='15' rx='7.5' stroke='%23FF2D55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.31445 4.2168H8.68555L8.58008 9.85156H8H7.41992L7.31445 4.2168ZM8.00007 12.7832C7.54304 12.7773 7.16218 12.4082 7.16804 11.9512C7.16218 11.4941 7.54304 11.1191 8.00007 11.1191C8.45124 11.1191 8.82624 11.4941 8.8321 11.9512C8.82624 12.4082 8.45124 12.7773 8.00007 12.7832Z' fill='%23FF2D55'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_712_5181'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat center center;
}

.new_direct .dl_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
  font-weight: 400;
  color: #555557;
}

.new_direct .dl_list dl strong {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
  color: #1f1f21;
}

.new_direct .dl_list dl > *:nth-of-type(1) {
  padding-top: 0;
}

.new_direct .dl_list dl > dt {
  position: relative;
  width: 134px;
  padding-top: 12px;
  white-space: nowrap;
}

.new_direct .dl_list dl > dd {
  position: relative;
  width: calc(100% - 134px);
  padding-top: 12px;
  word-break: break-word;
  text-align: right;
  /*white-space: nowrap; */
}

.new_direct .dl_list dl > dd.point_color {
  font-weight: 700;
}

.new_direct .dl_list dl > dd strong.point_color {
  font-weight: 700;
}

.new_direct .dl_list dl.left > dt {
  width: 114px;
}

.new_direct .dl_list dl.left > dd {
  width: calc(100% - 114px);
  text-align: left;
}

.new_direct .dl_list dl.dl_w100 > dt {
  width: 100px;
}

.new_direct .dl_list dl.dl_w100 > dd {
  width: calc(100% - 100px);
}

.new_direct .dl_list dl.medium dt,
.new_direct .dl_list dl.medium dd,
.new_direct .dl_list dl.medium strong,
.new_direct .dl_list dl.medium .point_color {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #1f1f21;
}

.new_direct .dl_list dl.strong dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.new_direct .dl_list dl.strong dt,
.new_direct .dl_list dl.strong dd,
.new_direct .dl_list dl.strong strong,
.new_direct .dl_list dl.strong .point_color {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
  font-weight: 700;
}

.new_direct .dl_list dl.strong strong.point_color {
  font-weight: 500;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #1f1f21;
  font-weight: 700;
}

/* 툴팁이 있는경우 */
.new_direct .dl_list dl > .tooltip_dl {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
  font-weight: 400;
  color: #555557;
}

.new_direct .dl_list dl > .tooltip_dl + dt,
.new_direct .dl_list dl > .tooltip_dl + dt + dd {
  padding-top: 12px;
}

.new_direct .dl_list dl > .tooltip_dl > dt {
  position: static;
  width: 134px;
  padding-top: 12px;
  white-space: nowrap;
}

.new_direct .dl_list dl > .tooltip_dl > dd {
  position: static;
  width: calc(100% - 134px);
  padding-top: 12px;
  word-break: break-word;
  text-align: right;
  /*white-space: nowrap; */
}

.new_direct .dl_list dl > .tooltip_dl > dd.point_color {
  font-weight: 700;
}

.new_direct .dl_list dl > .tooltip_dl > dd strong.point_color {
  font-weight: 700;
}

.new_direct .dl_list .dl_head {
  word-break: break-word;
}

.new_direct .dl_list .dl_head .title {
  font-weight: 500;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #1f1f21;
  line-height: 1.4em;
}

.new_direct .dl_list .dl_head .title strong {
  font-weight: 700;
}

.new_direct .dl_list .dl_head .title .badge {
  margin-right: 8px;
  vertical-align: 2px;
}

.new_direct .dl_list .dl_head .title02 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #1f1f21;
  letter-spacing: -0.04em;
}

.new_direct .dl_list .dl_head .txt_subst {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  color: #767678;
}

.new_direct .dl_list .dl_head .txt_subst .point_color {
  font-size: 12px;
}

.new_direct .dl_list .dl_head + dl {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #efeff1;
}

.new_direct .dl_list .dl_head.border_none + dl {
  padding-top: 10px;
  margin-top: 10px;
  border: none;
}

.new_direct .dl_list .dl_footer {
  position: relative;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #efeff1;
}

.new_direct .dl_list .dl_footer.dashed {
  padding-top: 12px;
  margin-top: 20px;
  border-top: 1px dashed #efeff1;
}

.new_direct .dl_list .dl_footer.info {
  padding-top: 12px;
  margin-top: 20px;
  border-top: 1px solid #efeff1;
}

.new_direct .dl_list .dl_footer.info .uol_list li {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  color: #767678;
}

.new_direct .dl_list .dl_footer dd.point_color {
  font-size: 17px;
}

.new_direct .dl_list.ta_l dl dd {
  text-align: left;
}

.new_direct .dl_list + .new_direct .dl_list,
.new_direct .dl_list dl + .form_area {
  margin-top: 24px;
}

.new_direct .dl_group .dl_list:not(:first-child) .title_area {
  margin-top: 0;
}

.new_direct .dl_group .dl_list + .dl_list {
  padding-top: 32px;
  margin-top: 32px;
  border-top: 1px solid #efeff1;
}

.new_direct .dl_group .dl_list .form_area {
  margin-bottom: 24px;
}

.new_direct .card_item .dl_group .dl_list + .dl_list {
  padding-top: 24px;
  margin-top: 24px;
}

.new_direct .uol_list table {
  margin-top: 24px;
}

.new_direct .uol_list table + table,
.new_direct .uol_list table + p {
  margin-top: 16px;
}

.new_direct .uol_list table + .bul_imp,
.new_direct .uol_list table + .bottom_text {
  margin-top: 12px;
}

.new_direct .uol_list p {
  margin-bottom: 4px;
}

.new_direct .uol_list p + p {
  margin-top: 12px;
}

.new_direct .uol_list .bul_imp {
  margin-top: 16px;
  color: #767678;
}

.new_direct .uol_list p,
.new_direct .uol_list div {
  text-indent: 0;
}

.new_direct .uol_list ul + p,
.new_direct .uol_list ol + p,
.new_direct .uol_list p + ul,
.new_direct .uol_list p + ol {
  margin-top: 12px;
}

.new_direct .uol_list ul + ul,
.new_direct .uol_list ol + ol,
.new_direct .uol_list ul + ol,
.new_direct .uol_list ol + ul {
  margin-top: 12px;
}

.new_direct .uol_list strong {
  color: #1f1f21;
  font-weight: 500;
}

.new_direct .uol_list ul li,
.new_direct .uol_list ol li,
.new_direct .uol_list.fz_sm ul li,
.new_direct .uol_list.fz_sm ol li {
  position: relative;
  margin-top: 8px;
  color: #3f3f41;
  word-break: break-all;
}

.new_direct .uol_list ul li p,
.new_direct .uol_list ol li p,
.new_direct .uol_list.fz_sm ul li p,
.new_direct .uol_list.fz_sm ol li p {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  margin-top: 6px;
}

.new_direct .uol_list ul li ul,
.new_direct .uol_list ul li ol,
.new_direct .uol_list ol li ul,
.new_direct .uol_list ol li ol,
.new_direct .uol_list.fz_sm ul li ul,
.new_direct .uol_list.fz_sm ul li ol,
.new_direct .uol_list.fz_sm ol li ul,
.new_direct .uol_list.fz_sm ol li ol {
  margin-top: 6px;
}

.new_direct .uol_list ul li ul li,
.new_direct .uol_list ul li ol li,
.new_direct .uol_list ol li ul li,
.new_direct .uol_list ol li ol li,
.new_direct .uol_list.fz_sm ul li ul li,
.new_direct .uol_list.fz_sm ul li ol li,
.new_direct .uol_list.fz_sm ol li ul li,
.new_direct .uol_list.fz_sm ol li ol li {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  color: #767678;
  margin-top: 6px;
}

.new_direct .uol_list ul li ul li p,
.new_direct .uol_list ul li ol li p,
.new_direct .uol_list ol li ul li p,
.new_direct .uol_list ol li ol li p,
.new_direct .uol_list.fz_sm ul li ul li p,
.new_direct .uol_list.fz_sm ul li ol li p,
.new_direct .uol_list.fz_sm ol li ul li p,
.new_direct .uol_list.fz_sm ol li ol li p {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  color: #767678;
  margin-top: 6px;
}

.new_direct .uol_list ul li:first-child,
.new_direct .uol_list ol li:first-child,
.new_direct .uol_list.fz_sm ul li:first-child,
.new_direct .uol_list.fz_sm ol li:first-child {
  margin-top: 0;
}

.new_direct .uol_list ol li {
  margin-top: 8px;
  padding-left: 19px;
  text-indent: -19px;
}

.new_direct .uol_list ol li:first-letter {
  letter-spacing: 3px;
}

.new_direct .uol_list ol li li {
  padding-left: 15px;
  text-indent: -15px;
}

.new_direct .uol_list ol li ul li {
  position: relative;
  padding-left: 10px;
  padding-left: 16px;
  text-indent: 0px;
}

.new_direct .uol_list ol li ul li:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #767678;
}

.new_direct .uol_list ol li ol li {
  padding-left: 12px;
  text-indent: -12px;
}

.new_direct .uol_list ol li ol li:first-letter {
  letter-spacing: 0px;
}

.new_direct .uol_list ol li ol li ul li {
  text-indent: 0;
}

.new_direct .uol_list ul > li {
  position: relative;
  padding-left: 10px;
}

.new_direct .uol_list ul > li:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 10px;
  width: 2px;
  height: 2px;
  background-color: #909090;
  border-radius: 50%;
}

.new_direct .uol_list ul > li > ul > li {
  position: relative;
  padding-left: 10px;
}

.new_direct .uol_list ul > li > ul > li:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #767678;
}

.new_direct .uol_list ul.bul_bar > li {
  position: relative;
  padding-left: 10px;
}

.new_direct .uol_list ul.bul_bar > li:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #767678;
}

.new_direct .uol_list .bul_bar {
  padding-left: 0;
}

.new_direct .uol_list .bul_bar:before {
  content: "";
  width: 0;
  height: 0;
}

.new_direct .uol_list .bul_dot {
  padding-left: 0;
}

.new_direct .uol_list .bul_dot:before {
  content: "";
  width: 0;
  height: 0;
}

.new_direct .uol_list ul .bul_imp,
.new_direct .uol_list ol > li .bul_imp {
  font-size: 13px;
  margin-left: -10px;
  margin-top: 4px;
}

.new_direct .uol_list ul > ul .bul_imp,
.new_direct .uol_list ul ol > li .bul_imp,
.new_direct .uol_list ol > li > ul .bul_imp,
.new_direct .uol_list ol > li ol > li .bul_imp {
  font-size: 12px;
}

.new_direct .uol_list ol > li .bul_imp {
  margin-left: -19px;
}

.new_direct .uol_list ul li .btn_area,
.new_direct .uol_list ol li .btn_area {
  margin-top: 6px;
  text-align: left;
}

.new_direct .uol_list ul li [class*="btn_"],
.new_direct .uol_list ol li [class*="btn_"] {
  text-indent: 0;
}

.new_direct .uol_list p + [class*="btn_"] {
  margin-top: 8px;
}

.new_direct .uol_list ul + [class*="btn_"],
.new_direct .uol_list ol + [class*="btn_"] {
  margin-top: 8px;
}

.new_direct .uol_list li br + [class*="btn_"] {
  margin-top: 8px;
}

.new_direct .uol_list.fz_sm {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
}

.new_direct .uol_list.fz_sm ul li,
.new_direct .uol_list.fz_sm ol li {
  margin-top: 8px;
}

.new_direct .uol_list.fz_sm ul li:first-child,
.new_direct .uol_list.fz_sm ol li:first-child {
  margin-top: 0;
}

.new_direct .uol_list.fz_sm ul li ul li,
.new_direct .uol_list.fz_sm ol li ul li {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  color: #767678;
  margin-top: 6px;
}

.new_direct .uol_list.light {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
}

.new_direct .uol_list.light ul li,
.new_direct .uol_list.light ol li {
  margin-top: 6px;
  color: #767678;
}

.new_direct .uol_list.light ul li:first-child,
.new_direct .uol_list.light ol li:first-child {
  margin-top: 0;
  margin-top: 6px;
}

.new_direct .uol_list.light ul li ul li,
.new_direct .uol_list.light ol li ul li {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  color: #767678;
}

.new_direct .uol_list.use_info ul + p,
.new_direct .uol_list.use_info ol + p {
  margin-top: 20px;
}

.new_direct .uol_list.use_info p + ul,
.new_direct .uol_list.use_info p + ol {
  margin-top: 10px;
}

.new_direct .uol_list.color_557 ul li,
.new_direct .uol_list.color_557 ol li {
  color: #555557;
}

.new_direct .uol_list.color_557 ul li li,
.new_direct .uol_list.color_557 ol li li {
  color: #767678;
}

.new_direct .bottom_text {
  position: relative;
  padding-left: 10px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  margin-top: 0;
}

.new_direct .bottom_text:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 10px;
  width: 2px;
  height: 2px;
  background-color: #909090;
  border-radius: 50%;
}

.new_direct .base_list table {
  margin-top: 24px;
}

.new_direct .base_list table + table,
.new_direct .base_list table + p {
  margin-top: 16px;
}

.new_direct .base_list table + .bul_imp,
.new_direct .base_list table + .bottom_text {
  margin-top: 12px;
}

.new_direct .base_list p {
  margin-bottom: 4px;
}

.new_direct .base_list p + p {
  margin-top: 12px;
}

.new_direct .base_list .bul_imp {
  margin-top: 16px;
  color: #767678;
}

.new_direct .base_list p,
.new_direct .base_list div {
  text-indent: 0;
}

.new_direct .base_list ul + p,
.new_direct .base_list ol + p,
.new_direct .base_list p + ul,
.new_direct .base_list p + ol {
  margin-top: 12px;
}

.new_direct .base_list ul + ul,
.new_direct .base_list ol + ol,
.new_direct .base_list ul + ol,
.new_direct .base_list ol + ul {
  margin-top: 12px;
}

.new_direct .base_list strong {
  color: #1f1f21;
  font-weight: 500;
}

.new_direct .base_list ul li,
.new_direct .base_list ol li,
.new_direct .base_list.fz_sm ul li,
.new_direct .base_list.fz_sm ol li {
  position: relative;
  margin-top: 8px;
  color: #3f3f41;
  word-break: break-all;
}

.new_direct .base_list ul li p,
.new_direct .base_list ol li p,
.new_direct .base_list.fz_sm ul li p,
.new_direct .base_list.fz_sm ol li p {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  margin-top: 6px;
}

.new_direct .base_list ul li ul,
.new_direct .base_list ul li ol,
.new_direct .base_list ol li ul,
.new_direct .base_list ol li ol,
.new_direct .base_list.fz_sm ul li ul,
.new_direct .base_list.fz_sm ul li ol,
.new_direct .base_list.fz_sm ol li ul,
.new_direct .base_list.fz_sm ol li ol {
  margin-top: 6px;
}

.new_direct .base_list ul li ul li,
.new_direct .base_list ul li ol li,
.new_direct .base_list ol li ul li,
.new_direct .base_list ol li ol li,
.new_direct .base_list.fz_sm ul li ul li,
.new_direct .base_list.fz_sm ul li ol li,
.new_direct .base_list.fz_sm ol li ul li,
.new_direct .base_list.fz_sm ol li ol li {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  color: #767678;
  margin-top: 6px;
}

.new_direct .base_list ul li ul li p,
.new_direct .base_list ul li ol li p,
.new_direct .base_list ol li ul li p,
.new_direct .base_list ol li ol li p,
.new_direct .base_list.fz_sm ul li ul li p,
.new_direct .base_list.fz_sm ul li ol li p,
.new_direct .base_list.fz_sm ol li ul li p,
.new_direct .base_list.fz_sm ol li ol li p {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  color: #767678;
  margin-top: 6px;
}

.new_direct .base_list ul li.nobul,
.new_direct .base_list ol li.nobul,
.new_direct .base_list.fz_sm ul li.nobul,
.new_direct .base_list.fz_sm ol li.nobul {
  padding-left: 0;
}

.new_direct .base_list ul li.nobul:before,
.new_direct .base_list ol li.nobul:before,
.new_direct .base_list.fz_sm ul li.nobul:before,
.new_direct .base_list.fz_sm ol li.nobul:before {
  display: none;
}

.new_direct .base_list ul li.nobul > ul,
.new_direct .base_list ol li.nobul > ul,
.new_direct .base_list.fz_sm ul li.nobul > ul,
.new_direct .base_list.fz_sm ol li.nobul > ul {
  margin-top: 16px;
}

.new_direct .base_list ul li.nobul li,
.new_direct .base_list ol li.nobul li,
.new_direct .base_list.fz_sm ul li.nobul li,
.new_direct .base_list.fz_sm ol li.nobul li {
  position: relative;
  padding-left: 10px;
}

.new_direct .base_list ul li.nobul li:before,
.new_direct .base_list ol li.nobul li:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 11px;
  width: 2px;
  height: 2px;
  background-color: #555557;
  border-radius: 50%;
}

.new_direct .base_list ul li:first-child,
.new_direct .base_list ol li:first-child,
.new_direct .base_list.fz_sm ul li:first-child,
.new_direct .base_list.fz_sm ol li:first-child {
  margin-top: 0;
}

.new_direct .base_list ol li {
  margin-top: 8px;
  padding-left: 19px;
  text-indent: -19px;
}

.new_direct .base_list ol li:first-letter {
  letter-spacing: 3px;
}

.new_direct .base_list ol li li {
  padding-left: 15px;
  text-indent: -15px;
}

.new_direct .base_list ol li ul li {
  position: relative;
  padding-left: 10px;
  padding-left: 16px;
  text-indent: 0px;
}

.new_direct .base_list ol li ul li:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #767678;
}

.new_direct .base_list ol li ol li {
  padding-left: 12px;
  text-indent: -12px;
}

.new_direct .base_list ol li ol li:first-letter {
  letter-spacing: 0px;
}

.new_direct .base_list ol li ol li ul li {
  text-indent: 0;
}

.new_direct .base_list ul > li {
  position: relative;
  padding-left: 10px;
}

.new_direct .base_list ul > li:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 10px;
  width: 2px;
  height: 2px;
  background-color: #909090;
  border-radius: 50%;
}

.new_direct .base_list ul > li > ul > li {
  position: relative;
  padding-left: 10px;
}

.new_direct .base_list ul > li > ul > li:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #767678;
}

.new_direct .base_list ul.bul_bar > li {
  position: relative;
  padding-left: 10px;
}

.new_direct .base_list ul.bul_bar > li:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 4px;
  height: 1px;
  background: #767678;
}

.new_direct .base_list .bul_bar {
  padding-left: 0;
}

.new_direct .base_list .bul_bar:before {
  content: "";
  width: 0;
  height: 0;
}

.new_direct .base_list .bul_dot {
  padding-left: 0;
}

.new_direct .base_list .bul_dot:before {
  content: "";
  width: 0;
  height: 0;
}

.new_direct .base_list ul .bul_imp,
.new_direct .base_list ol > li .bul_imp {
  font-size: 13px;
  margin-left: -10px;
  margin-top: 4px;
}

.new_direct .base_list ul > ul .bul_imp,
.new_direct .base_list ul ol > li .bul_imp,
.new_direct .base_list ol > li > ul .bul_imp,
.new_direct .base_list ol > li ol > li .bul_imp {
  font-size: 12px;
}

.new_direct .base_list ol > li .bul_imp {
  margin-left: -19px;
}

.new_direct .base_list ul li .btn_area,
.new_direct .base_list ol li .btn_area {
  margin-top: 6px;
  text-align: left;
}

.new_direct .base_list ul li [class*="btn_"],
.new_direct .base_list ol li [class*="btn_"] {
  text-indent: 0;
}

.new_direct .base_list p + [class*="btn_"] {
  margin-top: 8px;
}

.new_direct .base_list ul + [class*="btn_"],
.new_direct .base_list ol + [class*="btn_"] {
  margin-top: 8px;
}

.new_direct .base_list li br + [class*="btn_"] {
  margin-top: 8px;
}

.new_direct .base_list h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #1f1f21;
}

.new_direct .base_list h3 {
  font-weight: 500;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #1f1f21;
  font-weight: 700;
  color: #3f3f41;
}

.new_direct .base_list h4 {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
  color: #3f3f41;
}

.new_direct .base_list h1,
.new_direct .base_list h2,
.new_direct .base_list h3,
.new_direct .base_list h4,
.new_direct .base_list h5,
.new_direct .base_list h6 {
  margin-top: 40px;
}

.new_direct .base_list h1:first-child,
.new_direct .base_list h2:first-child,
.new_direct .base_list h3:first-child,
.new_direct .base_list h4:first-child,
.new_direct .base_list h5:first-child,
.new_direct .base_list h6:first-child {
  margin-top: 32px;
}

.new_direct .base_list h1 + ul,
.new_direct .base_list h1 + ol,
.new_direct .base_list h1 + div,
.new_direct .base_list h1 + P,
.new_direct .base_list h2 + ul,
.new_direct .base_list h2 + ol,
.new_direct .base_list h2 + div,
.new_direct .base_list h2 + P,
.new_direct .base_list h3 + ul,
.new_direct .base_list h3 + ol,
.new_direct .base_list h3 + div,
.new_direct .base_list h3 + P,
.new_direct .base_list h4 + ul,
.new_direct .base_list h4 + ol,
.new_direct .base_list h4 + div,
.new_direct .base_list h4 + P,
.new_direct .base_list h5 + ul,
.new_direct .base_list h5 + ol,
.new_direct .base_list h5 + div,
.new_direct .base_list h5 + P,
.new_direct .base_list h6 + ul,
.new_direct .base_list h6 + ol,
.new_direct .base_list h6 + div,
.new_direct .base_list h6 + P {
  margin-top: 24px;
}

.new_direct .base_list h4 {
  margin-top: 24px;
}

.new_direct .base_list h4 + ul,
.new_direct .base_list h4 + ol,
.new_direct .base_list h4 + div,
.new_direct .base_list h4 + P {
  margin-top: 8px;
}

.new_direct .base_list h3 + h3 {
  margin-top: 24px;
}

.new_direct .base_list ul li ul li,
.new_direct .base_list ul li ol li,
.new_direct .base_list ol li ul li,
.new_direct .base_list ol li ol li {
  font-size: 14px;
}

.new_direct .base_list h3.subtit + .table {
  margin-top: 16px;
}

.new_direct .base_list.grey ul li {
  color: #555557;
}

.new_direct .base_list.base_info h3 {
  margin-top: 32px;
}

.new_direct .dl_list + .form_area {
  margin-top: 24px;
}

.new_direct .form_area .bul_dot {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  margin-top: 24px;
}

.new_direct .law {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  text-align: right;
}

.new_direct .comp .law {
  margin-top: 0;
}

.new_direct .base_list .law {
  margin-top: 40px;
}

.new_direct .progress {
  display: inline-block;
}

.new_direct .progress_wrap {
  display: inline-block;
  height: 26px;
  padding: 0 10px;
  border-radius: 99px;
  border: 1px solid #efeff1;
  font-size: 0;
}

.new_direct .progress_num {
  font-size: 11px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: /*#F8670D*/ #ee5a00;
}

/* 2024웹접근성_69 */
.new_direct .progress_total {
  position: relative;
  padding-left: 7px;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.04em;
  color: #767678;
}

.new_direct .progress_total:after {
  content: "/";
  position: absolute;
  top: 50%;
  left: 1px;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.04em;
  color: #767678;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.new_direct .progress_bar {
  position: fixed;
  top: 52px;
  left: 0;
  right: 0;
  z-index: 500;
}

.new_direct .progress_bar .bar_wrap {
  position: relative;
  height: 5px;
  background: #f5f5f7;
}

.new_direct .progress_bar .bar_wrap .bar {
  position: relative;
  min-width: 40px;
  width: 0;
  height: 4px;
  background: #f8670d;
}

.new_direct .status .status_head {
  position: relative;
}

.new_direct .status .status_head .title {
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
}

.new_direct .status .status_head .title span {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
}

.new_direct .status .status_body .bar_wrap {
  position: relative;
  height: 10px;
  border-radius: 99px;
  background: #f3f4f6;
}

.new_direct .status .status_body .bar_wrap .bar {
  position: relative;
  width: 0;
  height: 10px;
  border-radius: 99px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff8a00),
    to(#ff613f)
  );
  background: linear-gradient(90deg, #ff8a00 0%, #ff613f 100%);
}

.new_direct .status .status_head + .status_body {
  margin-top: 12px;
}

.new_direct .status.d30 .status_head .title {
  color: #ff2d55;
}

.new_direct .status.d30 .status_head .title span {
  color: #ff2d55;
}

.new_direct .status.d30 .status_body .bar_wrap .bar {
  background: #ff2d55;
}

.new_direct .status .status_foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.new_direct .status .status_foot .left {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #f8670d;
}

.new_direct .status .status_foot .right {
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  color: #767678;
}

.new_direct .badge {
  display: inline-block;
  height: 24px;
  padding: 3px 8px 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: -0.04em;
  border-width: 1px;
  border-style: solid;
  border-radius: 99px;
  background: #fff;
}

.new_direct .badge.red {
  color: #ff2d55;
  border-color: #ff2d55;
}

.new_direct .badge.red.fill {
  color: #fff;
  background-color: #ff2d55;
}

.new_direct .badge.green {
  color: #048901;
  border-color: #048901;
}

.new_direct .badge.green.fill {
  color: #fff;
  background-color: #048901;
}

.new_direct .badge.blue {
  color: #008cd3;
  border-color: #008cd3;
}

.new_direct .badge.blue.fill {
  color: #fff;
  background-color: #008cd3;
}

.new_direct .badge.orange {
  /*color: #F8670D; border-color: #F8670D;*/
  color: #ee5a00;
  border-color: #ee5a00;
}

/* 2024웹접근성_23 */
.new_direct .badge.orange.fill {
  color: #fff;
  background-color: /*#F8670D;*/ #ee5a00;
}

/* 2024웹접근성_23 */
.new_direct .badge.yellow {
  color: #fdb637;
  border-color: #fdb637;
}

.new_direct .badge.yellow.fill {
  color: #fff;
  background-color: #fdb637;
}

.new_direct .badge.black {
  color: #1f1f21;
  border-color: #1f1f21;
}

.new_direct .badge.black.fill {
  color: #fff;
  background-color: #1f1f21;
}

.new_direct .badge.orange.fill02 {
  font-size: 12px;
  font-weight: 500;
  height: 26px;
  line-height: 18px;
  padding: 4px 8px;
  border-color: #fff7f5;
  color: /*#F8670D;*/ #dd5300;
  background-color: #fff7f5;
}

/* 2024웹접근성_23 */
.new_direct .badge_wrap {
  font-size: 0;
}

.new_direct .badge_wrap .badge {
  margin-right: 6px;
}

.new_direct .badge_wrap .badge:last-child {
  margin-right: 0;
}

.new_direct .tag {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  color: #555557;
  display: inline-block;
  height: 40px;
  padding: 9px 16px;
  border: 1px solid #f9f9fb;
  border-radius: 99px;
  background: #f9f9fb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.new_direct .tag.recent {
  position: relative;
  padding: 10px 16px 10px 16px;
  background: #ffffff;
  border: 1px solid #efeff1;
  font-size: 13px;
  font-weight: 400;
}

.new_direct .tag.fa {
  position: relative;
  padding: 10px 34px 10px 16px;
  background: #ffffff;
  border: 1px solid #efeff1;
  font-size: 13px;
  font-weight: 400;
}

.new_direct .tag.fa:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 12px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.10329 3.14994C7.47012 2.40677 8.52987 2.40678 8.8967 3.14994L9.82755 5.03574C9.97309 5.33058 10.2543 5.53504 10.5796 5.5826L12.6629 5.8871C13.4828 6.00694 13.8096 7.01478 13.216 7.59294L11.7101 9.05965C11.4742 9.2894 11.3666 9.62053 11.4222 9.94506L11.7774 12.0159C11.9175 12.8329 11.06 13.4559 10.3264 13.0701L8.46545 12.0914C8.17406 11.9382 7.82593 11.9382 7.53454 12.0914L5.67363 13.0701C4.94 13.4559 4.08245 12.8329 4.22257 12.0159L4.57775 9.94506C4.63341 9.62053 4.52575 9.2894 4.28987 9.05965L2.78401 7.59294C2.19041 7.01478 2.5172 6.00694 3.33711 5.8871L5.42036 5.5826C5.74572 5.53504 6.0269 5.33058 6.17244 5.03574L7.10329 3.14994Z' fill='%23FFC700' stroke='%23FFC700' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    center center no-repeat;
}

.new_direct span[class^="tag"],
.new_direct em[class^="tag"] {
  color: #555557 !important;
}

.new_direct .fa {
  position: relative;
  display: block;
  width: 100%;
}

.new_direct .fa:after {
  content: "";
  position: absolute;
  right: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.1033 3.14994C7.47013 2.40677 8.52987 2.40678 8.89671 3.14994L9.82756 5.03574C9.9731 5.33058 10.2543 5.53504 10.5796 5.5826L12.6629 5.8871C13.4828 6.00694 13.8096 7.01478 13.216 7.59294L11.7101 9.05965C11.4743 9.2894 11.3666 9.62053 11.4222 9.94506L11.7774 12.0159C11.9175 12.8329 11.06 13.4559 10.3264 13.0701L8.46545 12.0914C8.17407 11.9382 7.82593 11.9382 7.53455 12.0914L5.67363 13.0701C4.94 13.4559 4.08246 12.8329 4.22257 12.0159L4.57776 9.94506C4.63342 9.62053 4.52575 9.2894 4.28988 9.05965L2.78401 7.59294C2.19042 7.01478 2.5172 6.00694 3.33712 5.8871L5.42037 5.5826C5.74572 5.53504 6.02691 5.33058 6.17245 5.03574L7.1033 3.14994Z' fill='%23DFDFE1' stroke='%23DFDFE1' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    center center no-repeat;
  background-size: contain;
}

.new_direct .fa.on:after {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.10329 3.14994C7.47012 2.40677 8.52987 2.40678 8.8967 3.14994L9.82755 5.03574C9.97309 5.33058 10.2543 5.53504 10.5796 5.5826L12.6629 5.8871C13.4828 6.00694 13.8096 7.01478 13.216 7.59294L11.7101 9.05965C11.4742 9.2894 11.3666 9.62053 11.4222 9.94506L11.7774 12.0159C11.9175 12.8329 11.06 13.4559 10.3264 13.0701L8.46545 12.0914C8.17406 11.9382 7.82593 11.9382 7.53454 12.0914L5.67363 13.0701C4.94 13.4559 4.08245 12.8329 4.22257 12.0159L4.57775 9.94506C4.63341 9.62053 4.52575 9.2894 4.28987 9.05965L2.78401 7.59294C2.19041 7.01478 2.5172 6.00694 3.33711 5.8871L5.42036 5.5826C5.74572 5.53504 6.0269 5.33058 6.17244 5.03574L7.10329 3.14994Z' fill='%23FFC700' stroke='%23FFC700' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    right center no-repeat;
  background-size: contain;
}

.new_direct .tag_scroll {
  margin-left: -20px;
  margin-right: -20px;
  overflow-y: hidden;
  overflow-x: auto;
}

.modal.bottom .new_direct .tag_scroll {
  margin-left: -24px;
  margin-right: -24px;
}

.new_direct .tag_scroll .tag_wrap {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 20px;
}

.new_direct .tag_scroll li {
  float: left;
  padding-right: 6px;
}

.new_direct .tag_scroll li:first-child {
  padding-left: 20px;
}

.new_direct .tag_scroll li:last-child {
  padding-right: 0;
}

.new_direct .banner {
  margin-top: 40px;
  background: none;
}

.new_direct .banner + .banner {
  margin-top: 16px !important;
}

.new_direct .banner_anchor {
  display: block;
  overflow: hidden;
  border-radius: 12px;
}

.new_direct .banner_anchor img {
  width: 100%;
}

.new_direct .banner.type_text .banner_anchor {
  display: block;
  position: relative;
  padding: 20px 64px;
  border-radius: 12px;
  background-color: #f9f9fb;
}

.new_direct .banner.type_text .banner_anchor:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8L14.5 12.5L10 17' stroke='%23909090' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    50% 50% no-repeat;
  background-size: 100% 100%;
}

.new_direct .banner.type_text .banner_text {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
  color: #3f3f41;
}

.new_direct .banner.type_text .icon {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: 50% 50% no-repeat;
  background-size: 100% 100%;
}

.new_direct .banner.type_text .icon.icon_loan {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 27.5186L24.5068 5.68921C25.0913 5.68921 26.1625 5.74255 26.1625 7.18718V28.1965C26.1625 28.781 25.6891 29.2544 25.1046 29.2544H7.28461C6.70009 29.2566 6 28.7321 6 27.5186Z' fill='%23A15D38'/%3E%3Cpath d='M6 27.5475V6.69157C6 6.13372 6.45117 5.68256 7.00902 5.68256H24.4734C25.0313 5.68256 25.4824 6.13372 25.4824 6.69157V27.5475C25.4824 28.1054 25.0313 28.5565 24.4734 28.5565H7.00902C6.45117 28.5565 6 28.1054 6 27.5475Z' fill='%23BA793E'/%3E%3Cpath d='M8.17969 26.4982V7.687C8.17969 7.40029 8.41305 7.16693 8.69975 7.16693H23.0171C23.3038 7.16693 23.5372 7.40029 23.5372 7.687V26.4982C23.5372 26.785 23.3038 27.0183 23.0171 27.0183H8.69975C8.41305 27.0183 8.17969 26.7872 8.17969 26.4982Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1128 14.2081C10.1128 14.024 10.2621 13.8748 10.4462 13.8748H21.2697C21.4539 13.8748 21.6031 14.024 21.6031 14.2081C21.6031 14.3922 21.4539 14.5414 21.2697 14.5414H10.4462C10.2621 14.5414 10.1128 14.3922 10.1128 14.2081Z' fill='%23B0BEC5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1128 11.6633C10.1128 11.4792 10.2621 11.33 10.4462 11.33H21.2697C21.4539 11.33 21.6031 11.4792 21.6031 11.6633C21.6031 11.8474 21.4539 11.9966 21.2697 11.9966H10.4462C10.2621 11.9966 10.1128 11.8474 10.1128 11.6633Z' fill='%23B0BEC5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1128 16.7528C10.1128 16.5687 10.2621 16.4195 10.4462 16.4195H21.2697C21.4539 16.4195 21.6031 16.5687 21.6031 16.7528C21.6031 16.9369 21.4539 17.0861 21.2697 17.0861H10.4462C10.2621 17.0861 10.1128 16.9369 10.1128 16.7528Z' fill='%23B0BEC5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1128 19.2998C10.1128 19.1157 10.2621 18.9665 10.4462 18.9665H21.2697C21.4539 18.9665 21.6031 19.1157 21.6031 19.2998C21.6031 19.4839 21.4539 19.6331 21.2697 19.6331H10.4462C10.2621 19.6331 10.1128 19.4839 10.1128 19.2998Z' fill='%23B0BEC5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1128 21.8445C10.1128 21.6605 10.2621 21.5112 10.4462 21.5112H21.2697C21.4539 21.5112 21.6031 21.6605 21.6031 21.8445C21.6031 22.0286 21.4539 22.1779 21.2697 22.1779H10.4462C10.2621 22.1779 10.1128 22.0286 10.1128 21.8445Z' fill='%23B0BEC5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1128 24.3893C10.1128 24.2052 10.262 24.056 10.4461 24.056H15.0748C15.2588 24.056 15.4081 24.2052 15.4081 24.3893C15.4081 24.5734 15.2588 24.7226 15.0748 24.7226H10.4461C10.262 24.7226 10.1128 24.5734 10.1128 24.3893Z' fill='%23B0BEC5'/%3E%3Cpath opacity='0.35' d='M21.1768 8.43801V5.68927H18.0703L20.0058 8.43801H21.1768Z' fill='%23212121'/%3E%3Cpath d='M19.1948 5.79085L18.4792 5.77974C18.0036 5.77974 17.9147 5.35753 17.8969 5.26865C17.8724 5.1531 17.8413 4.89756 17.828 4.79534C17.708 3.79762 17.3657 3.18431 16.1189 3.0421C15.0387 2.91988 14.2631 4.02872 14.2631 5.08644C14.2631 5.08866 14.2631 5.0931 14.2631 5.09533C14.2653 5.57308 13.903 5.97306 13.4252 5.97306C13.4252 5.97306 12.0295 5.73529 11.0316 6.87746C10.8449 7.09078 10.6204 7.97073 10.6182 8.21739C10.6137 8.90402 11.2072 8.99512 11.4138 8.99734C12.3428 9.00401 19.9105 8.97957 20.635 8.97957C20.9328 8.97957 21.1751 8.73736 21.1751 8.4396V8.0374C21.1773 6.89523 20.335 5.79085 19.1948 5.79085ZM16.0566 5.85084C15.6455 5.85084 15.3121 5.51753 15.3121 5.10644C15.3121 4.69535 15.6455 4.36203 16.0566 4.36203C16.4678 4.36203 16.8012 4.69535 16.8012 5.10644C16.8012 5.51753 16.4678 5.85084 16.0566 5.85084Z' fill='%232F7889'/%3E%3Cpath d='M18.7881 5.67974H18.357C17.8813 5.67974 17.6902 5.30643 17.6302 5.17754C17.5435 4.98867 17.5191 4.60424 17.5035 4.50202C17.3791 3.71762 16.7234 3.09543 15.9344 3.01099C14.8543 2.89322 13.9386 3.73762 13.9386 4.79312C13.9386 4.79534 13.9386 4.79979 13.9386 4.80201C13.9409 5.27976 13.5786 5.67974 13.1007 5.67974H12.6785C11.5383 5.67974 10.6138 6.60414 10.6138 7.74408V8.14628C10.6138 8.44404 10.856 8.68625 11.1538 8.68625H20.3105C20.6084 8.68625 20.8506 8.44404 20.8506 8.14628V7.74408C20.8528 6.60414 19.9283 5.67974 18.7881 5.67974ZM15.7322 5.55975C15.321 5.55975 14.9876 5.22643 14.9876 4.81534C14.9876 4.40425 15.321 4.07094 15.7322 4.07094C16.1433 4.07094 16.4767 4.40425 16.4767 4.81534C16.4767 5.22643 16.1433 5.55975 15.7322 5.55975Z' fill='%2382AEC0'/%3E%3Cpath d='M19.4064 7.02479H11.8335C11.5446 7.02479 11.4691 6.86257 11.6179 6.61592C11.8357 6.25816 12.3557 6.02262 12.8001 6.02262C13.7645 6.02262 17.2443 5.91595 18.4687 5.91595C19.0664 5.91595 19.3775 6.11594 19.6375 6.44926C19.822 6.68925 19.7064 7.02479 19.4064 7.02479Z' fill='%23B9E4EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1928 3.80665C15.3161 3.76839 15.3855 3.63777 15.3481 3.51403C15.3106 3.38971 15.1793 3.3194 15.055 3.35699L15.123 3.58208C15.055 3.35699 15.0549 3.35702 15.0548 3.35705L15.0546 3.35711L15.0541 3.35726L15.053 3.35758L15.0504 3.35842L15.043 3.36083C15.0372 3.36278 15.0296 3.36542 15.0204 3.36882C15.0022 3.37559 14.9776 3.38544 14.9483 3.39886C14.8902 3.42556 14.8121 3.46721 14.7291 3.5283C14.5627 3.65088 14.3712 3.85657 14.2925 4.17707C14.2615 4.30319 14.3386 4.43055 14.4648 4.46152C14.5909 4.4925 14.7182 4.41537 14.7492 4.28925C14.7949 4.1031 14.9045 3.98326 15.0081 3.90696C15.0601 3.86861 15.1093 3.84248 15.1446 3.82627C15.1621 3.81823 15.1757 3.81283 15.1841 3.80973C15.1883 3.80819 15.1911 3.80723 15.1923 3.80682C15.1925 3.80674 15.1927 3.80669 15.1928 3.80665C15.1928 3.80665 15.1928 3.80665 15.1928 3.80665Z' fill='%23B9E4EA'/%3E%3C/svg%3E%0A");
}

.new_direct .bottom_fix .banner {
  margin-top: 10px;
}

.new_direct .bottom_fix .banner + .accordion {
  margin-top: 32px;
}

.new_direct .bottom_fix .banner.type_text {
  margin-top: 32px;
}

.new_direct .step_title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  color: #3f3f41;
}

.new_direct .step_list {
  margin-top: 24px;
}

.new_direct .step_list:first-child {
  margin-top: 16px;
}

.new_direct .step_list dt {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  color: #909090;
}

.new_direct .step_list dd {
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  color: #555557;
}

.new_direct .step_list dd strong {
  font-weight: 500;
  color: #1f1f21;
}

.new_direct [data-category="withdraw"] .governing {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.new_direct .ani_content {
  position: relative;
  max-width: 320px;
  height: 326px;
  margin: 40px auto 56px;
}

.new_direct .ani_content.active p,
.new_direct .ani_content.active span {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.new_direct .ani_content p,
.new_direct .ani_content span {
  position: absolute;
}

.new_direct .ani_content p {
  height: 56px;
  padding: 0 24px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 56px;
  color: #3f3f41;
  border-radius: 99px;
  opacity: 0;
  -webkit-transform: scale(0.9, 0.9) translateY(10px);
  transform: scale(0.9, 0.9) translateY(10px);
  -webkit-animation: ani-keyframes 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: ani-keyframes 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.new_direct .ani_content span {
  width: 32px;
  height: 32px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  -webkit-animation: ani-keyframes 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: ani-keyframes 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.new_direct .ani_content p[data-ani="type01"] {
  top: 0;
  left: 31px;
  background-color: #f5f5f7;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.new_direct .ani_content p[data-ani="type02"] {
  top: 196px;
  right: 36px;
  background-color: #fff1c1;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.new_direct .ani_content p[data-ani="type03"] {
  top: 129px;
  left: 23px;
  background-color: #dff3ff;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.new_direct .ani_content p[data-ani="type04"] {
  bottom: 0;
  left: 28px;
  background-color: #ffeae5;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.new_direct .ani_content p[data-ani="type05"] {
  top: 66px;
  right: 16px;
  background-color: #e9fbea;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.new_direct .ani_content span[data-ani="type01"] {
  top: 12px;
  right: 84px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1075_17118)'%3E%3Crect x='3.75' y='2.5' width='25' height='35' rx='2.5' fill='%23EDEDED'/%3E%3Cpath d='M9.5 10H21.5' stroke='%23BBBBC4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 15H19.5' stroke='%23BBBBC4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.5526 19.2145C35.7271 21.389 35.7166 24.9855 33.4542 27.2479C31.1919 29.5102 27.5954 29.5208 25.4208 27.3462C23.2463 25.1716 23.2569 21.5751 25.5192 19.3128C27.7815 17.0505 31.378 17.0399 33.5526 19.2145Z' stroke='%235E5F62' stroke-width='2.5'/%3E%3Cpath d='M37.567 32.3668C38.0552 32.8549 38.8466 32.8549 39.3348 32.3668C39.8229 31.8786 39.8229 31.0871 39.3348 30.599L37.567 32.3668ZM33.0888 27.8885L37.567 32.3668L39.3348 30.599L34.8565 26.1208L33.0888 27.8885Z' fill='%235E5F62'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1075_17118'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.new_direct .ani_content span[data-ani="type02"] {
  top: 154px;
  right: 49px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 37C22.7614 37 25 34.7614 25 32C25 29.2386 22.7614 27 20 27C17.2386 27 15 29.2386 15 32C15 34.7614 17.2386 37 20 37Z' fill='%23FFA928'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.8184 9.99454C26.4467 8.60133 24.8945 7.65093 23.1617 7.14335V6.70698C23.1617 5.8214 22.8534 5.0655 22.2369 4.4393C21.6203 3.8131 20.8761 3.5 20.0042 3.5C19.1323 3.5 18.3881 3.8131 17.7716 4.4393C17.1551 5.0655 16.8468 5.8214 16.8468 6.70698V7.14335C15.114 7.65093 13.5617 8.60133 12.1901 9.99454C10.0323 12.1862 8.95336 14.8319 8.95336 17.9314V26.5903L6.37506 29.7328C6.17898 29.9718 6.05679 30.2456 6.0085 30.5541C5.97839 30.8626 6.02828 31.1577 6.15819 31.4395C6.28811 31.7212 6.48229 31.9455 6.74074 32.1124C6.9992 32.2793 7.28156 32.3628 7.58785 32.3628H32.4206C32.7269 32.3628 33.0092 32.2793 33.2677 32.1124C33.5262 31.9455 33.7204 31.7212 33.8503 31.4395C33.9802 31.1577 34.0256 30.8626 33.9863 30.5541C33.9471 30.2456 33.8294 29.9718 33.6333 29.7328L31.0552 26.5903V17.9314C31.0552 14.8319 29.9762 12.1862 27.8184 9.99454Z' fill='%23FFCA28'/%3E%3Cpath d='M27.7156 18.6702C27.7156 16.293 26.8626 14.2638 25.1565 12.5829C24.4914 11.9275 23.7725 11.3999 23 11' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.new_direct .ani_content span[data-ani="type03"] {
  top: 203px;
  left: 54px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.408 14.6L13.3362 14.5262C15.0562 14.6541 16.5219 13.2868 16.5219 11.5543V8.49353C16.5219 6.5641 18.0791 5 20 5H20.5042C22.7035 5 24.4864 6.79086 24.4864 9V14.6H31.7197C34.6277 14.6 36.8615 17.1871 36.4503 20.0788L34.8252 31.5051C34.3768 34.658 31.6885 37 28.5177 37H10.1504V14.6H13.408Z' fill='%23FFD8C6'/%3E%3Cpath d='M2.5 17.7258V33.7875C2.5 35.5617 3.91344 36.9999 5.657 36.9999H13.5495V14.5134H5.657C3.91344 14.5134 2.5 15.9516 2.5 17.7258Z' fill='%233E7FFF'/%3E%3Cpath d='M8.02529 33.5406C9.19884 33.5406 10.1502 32.5726 10.1502 31.3785C10.1502 30.1843 9.19884 29.2163 8.02529 29.2163C6.85174 29.2163 5.90039 30.1843 5.90039 31.3785C5.90039 32.5726 6.85174 33.5406 8.02529 33.5406Z' fill='white'/%3E%3Cpath d='M28.5332 20.0001H24.2403C21.5 20.0001 21.351 14.6667 24.2403 14.6667H28.5332' stroke='%23FFB096' stroke-width='1.48182' stroke-linecap='round'/%3E%3Cpath d='M28.5332 25.3333H24.2403C21.5 25.3333 21.351 20 24.2403 20H28.5332' stroke='%23FFB096' stroke-width='1.48182' stroke-linecap='round'/%3E%3Cpath d='M28.5332 30.6666H24.2403C21.5 30.6666 21.351 25.3333 24.2403 25.3333H28.5332' stroke='%23FFB096' stroke-width='1.48182' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.new_direct .ani_content span[data-ani="type04"] {
  right: 46px;
  bottom: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.5' y='7' width='36' height='26' rx='3' fill='%23EDEDED'/%3E%3Ccircle cx='30.5' cy='28.1299' r='10' fill='%23F8670D'/%3E%3Cpath d='M34.0723 25.9871L29.7866 30.9871L26.9294 28.1299' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='7.5' cy='13' r='1.5' fill='%23949FB6'/%3E%3Ccircle cx='12.5' cy='13' r='1.5' fill='%23949FB6'/%3E%3Ccircle cx='17.5' cy='13' r='1.5' fill='%23949FB6'/%3E%3C/svg%3E%0A");
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.new_direct .ani_content span[data-ani="type05"] {
  top: 74px;
  left: 98px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.6572 3.75H13.3428C12.3969 3.75 11.7938 4.75983 12.2422 5.59262L18.8994 17.956C19.3714 18.8325 20.6286 18.8326 21.1006 17.9561L27.7578 5.59262C28.2062 4.75984 27.6031 3.75 26.6572 3.75Z' fill='%2331AE65'/%3E%3Cpath d='M36.25 26.25C36.25 35.2246 32.7246 36.875 20 36.875C6.02537 36.875 3.75 35.2246 3.75 26.25C3.75 17.2754 11.0254 10 20 10C28.9746 10 36.25 17.2754 36.25 26.25Z' fill='%2354B97E'/%3E%3Cpath d='M13.75 20L16.875 28.75L20 20L23.125 28.75L26.25 20' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.375 23.75H11.25' stroke='white' stroke-width='1.75' stroke-linecap='round'/%3E%3Cpath d='M28.125 23.75H25' stroke='white' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.new_direct .ani_content + .info_text {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  color: #1f1f21;
}

@media screen and (min-width: 280px) and (max-width: 300px) {
  .new_direct .joinArea .line .btn_area .btn.xs {
    padding: 3px;
    font-size: 12px;
  }

  .new_direct .joinArea .boxRound p,
  .new_direct .joinArea .line p {
    font-size: 12px;
  }
}

/* 회원가입 화면_갤럭시폴드 미디어쿼리 240115 */
@media screen and (max-width: 300px) {
  .new_direct .ani_content p {
    padding: 0 18px;
    font-size: 15px;
  }
}

.new_direct .text_base {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.04em;
  color: #1f1f21;
  font-weight: 400;
  color: #555557;
}

.new_direct .text_base strong {
  font-weight: 500;
}

.new_direct .text_base p + p {
  margin-top: 12px;
}

.new_direct .text_base .fz_sm {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: #767678;
}

.new_direct .text_base + .text_base {
  margin-top: 24px;
}

.new_direct .search_count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.new_direct .search_count_content {
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  color: #555557;
}

.new_direct .search_count_content span {
  font-weight: 500;
  color: /*#F8670D;*/ #ee5a00;
}

.new_direct .service_link .title_area {
  margin-bottom: 14px;
}

.new_direct .terms .table + .table {
  margin-top: -1px;
}

/* modal bottom 이벤트 안내/2312 */
.new_direct .modal_content.modal_event {
  background-color: #fff6ed;
}

.new_direct .modal_content.modal_event .wrapper {
  padding-bottom: 25px;
}

.new_direct .modal_content.modal_event .modal_img {
  padding: 0 20px;
}

.new_direct .modal_content.modal_event .modal_img > img {
  max-width: 320px;
  box-sizing: border-box;
}

.new_direct .modal_content.modal_event .modal_footer.fix:before {
  background: #fff6ed;
}

@-webkit-keyframes ani-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9, 0.9) translateY(7px);
    transform: scale(0.9, 0.9) translateY(7px);
  }

  80% {
    opacity: 0.9;
    -webkit-transform: scale(1, 1) translateY(-3px);
    transform: scale(1, 1) translateY(-3px);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}

@keyframes ani-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9, 0.9) translateY(7px);
    transform: scale(0.9, 0.9) translateY(7px);
  }

  80% {
    opacity: 0.9;
    -webkit-transform: scale(1, 1) translateY(-3px);
    transform: scale(1, 1) translateY(-3px);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}

@-webkit-keyframes icon-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  49% {
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes icon-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  49% {
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}