/* Layout */

.pc_none {
  display: none;
}

#content {
  width: 100%;
  /* min-height: 100%; */
  margin-top: 0;
  margin-bottom: -56px;
  background: #f9f9f9;
  height: 100%;
}
#content #content_area {
  width: 100%;
  padding-top: 70px;
  padding-bottom: 56px;
  text-align: left;
  min-width: 1300px;
}

#footer {
  width: 100%;
  height: 56px;
}

/*  */
.swiper-button-next,
.swiper-button-prev {
  padding: 2%;
}

header {
  min-width: 1300px;
  z-index: 9999;
  position: fixed;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}

.header .logo {
  margin-right: 40px;
}

/* nav */

nav {
  font-size: 16px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ccc;
}

nav > ul {
  align-items: center;
  width: 100%;
  justify-content: space-between;
  display: flex;
  margin-left: 50px;
  position: relative;
}

nav > ul > li {
  position: relative;
  width: 150px;
}

nav > ul > li ul {
  width: 100%;
  top: 80px;
  line-height: 40px;
  position: absolute;
}

nav > ul > li ul li {
  white-space: nowrap;
}
nav > ul > li ul li a:hover {
  color: #025eaa;
}
nav .menu {
  position: relative;
}
nav .menu:hover::after {
  width: 100%;
  height: 10px;
  position: absolute;
  top: 40px;
  left: 0px;
  display: inline-block;
  content: "";
  border-bottom: 3px solid #025eaa;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* nav */
.mobile_header {
  display: none;
}
.logo img {
  width: 100px;
}
.m_lnb {
  display: none;
}

.header_wrap > ul {
  align-items: center;
  height: 100%;
  display: flex;
  width: 800px;
  justify-content: space-between;
}

.header_wrap .left li {
  width: 150px;
}
.header_wrap .right {
  display: flex;
  justify-content: flex-end;
}
.header_wrap .right li:first-child {
  padding-right: 5%;
}

/* dropdown_gnb */

.dropdown_wrap {
  display: none;
  position: absolute;
  left: 0;
  top: 80px;
  z-index: 9999;
  width: 100%;
  background: #fff;
  border-top: 1px solid #d9d9d9;
}
.dropdown {
  display: flex;
  width: 800px;
  background-color: #fff;
  justify-content: flex-start;
  padding: 3% 0%;
  margin: 0 auto;
}
.dropdown ul {
  margin-left: 5.6%;
}
.dropdown ul > li a:hover {
  color: #025eaa;
  font-weight: 800;
}

.show {
  display: block;
}

.depth2 {
  top: 100px;
  display: flex;
  flex-direction: column;
}
.depth2 a {
}
.depth2 li {
  padding: 10px 0;
}

.right {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.right > li {
  margin-left: 20px;
}
.master {
  width: 150px;
  padding: 0 10px;
  line-height: 80px;
  height: 100%;
  background-color: #025eaa;

  display: inline-block;
}
.master a {
  color: #fff;
}
/* 스와이프 커스텀 */
.swiper-button-next,
.swiper-button-prev {
  width: 70px !important;
  height: 70px !important;
  position: static !important;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 76% !important;
  /* left: auto; */
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 16% !important;
  /* right: auto; */
}
.swiper-button-next,
.swiper-button-prev {
  top: 92% !important;
  position: absolute;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px;
}

.button-wrapper {
  width: 1024px;
  margin: -50px auto;

  display: flex;
  justify-content: flex-start;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  color: #fff;
  font-size: 1.8rem;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  color: #fff;
  font-size: 1.8rem;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 메인 */

#container {
  max-width: 1680px;
  min-width: 1000px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  width: 100%;
}

.main_vis .pro01 {
  background: url(../images/01main_vis.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.main_vis .pro02 {
  background: url(../images/02main_vis.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.main_vis .swiper-wrapper {
}

.main_vis {
  height: 500px;
  background-color: aqua;
}

/* 메인 버튼 */
.certi_section {
  width: 100%;
  padding: 3% 0;
  margin: 0 auto;
  background: #e2e2e2;
}
.certi_section ul {
  display: flex;
  width: 1024px;
  margin: 0 auto;
}
.certi_section > ul > li {
  display: flex;
  background-color: #fff;
  width: calc(100% / 3);
  height: 180px;
  position: relative;
  border-radius: 5px;
  justify-content: space-between;
  padding: 3%;
  margin-left: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.certi_section ul > li:hover {
  /* background-color: #025EAA; */
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.certi_section ul > li:hover a {
  /* color: #fff; */
}
.certi_section > ul > li a {
  font-weight: 600;
  display: flex;
  flex-direction: column-reverse;
}
.certi_section > ul > li .img_wrap {
}
.certi_section > ul > li .img_wrap img {
  width: 80px;
}
.certi_section > ul > li:first-child {
  margin-left: 0;
}

.certi_section li a {
  font-size: 1.2rem;
}
.noti_wrap {
  padding: 5% 0;
  width: 1024px;
  margin: 0 auto;
}
/* 이용약관 */
#intro_content_area {
  padding: 2%;
  text-align: left;
  background: #fff;

}

/* 게시판 내용 */

.title_area,
.qna_area,
.board_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3% 4%;
}

h2 {
  color: #fff;
  font-size: 18px;
}
.more_btn i {
  color: #fff;
  font-size: 1.9rem;
}
.noti_wrap > ul {
  display: flex;
  margin-bottom: 2%;
}
.noti_wrap > ul > li {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-left: 20px;
  height: 300px;
  background-color: #fff;
}
.noti_wrap > ul > li:first-child {
  margin-left: 0;
}
.noti_wrap > ul > li:nth-child(2) {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-left: 2%;
}

.noti_content {
  display: flex;
  justify-content: space-between;
  padding: 3%;
}
.noti_content ul li {
  margin: 5px 0;
}
.noti_content .right_data li {
  color: #a3a3a3;
  font-weight: 500;
}
.center_info img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

/* 푸터 */

footer {
  background-color: #e2e2e2;
}
.footer_top {
  background-color: #d8d8d8;
}
.footer_top a {
  font-size: 14px;
  margin-left: 10px;
}
.footer_top ul {
  padding: 1% 8%;
  display: flex;
}
footer .footer_bottom img {
  width: 150px;
}

.footer_bottom {
  padding: 2% 8%;
  display: flex;
  text-align: left;
  align-items: center;
}
.footer_bottom .logo {
  padding-right: 3%;
}

footer .adress p {
  font-size: 12px;
  text-align: left;
}

/* subpage */
.nav {
  padding-top: 80px;
}
.snb {
  font-size: 16px;
  width: 200px;
  margin-right: 30px;
}
.snb ul > li:hover {
  background-color: #023f61;
}
.snb ul > li:hover a {
  color: #fff;
}
.nav_wrap {
  min-width: 1300px;
  background-color: #023f61;
  padding-left: 40px;
  justify-content: space-between;
  height: 70px;
  display: flex;
  left: 0;
  width: 100%;
  color: #fff;
  align-items: center;
}
.nav_wrap a {
  color: #fff;
}
.snb .banner .bg {
  background: url(../images/bg.jpg) no-repeat;
  background-size: cover;
  line-height: 250px;
  z-index: 10;
  display: inline-block;
  height: 250px;
  width: 200px;
}
.snb .banner {
  color: #fff;
  height: 250px;
}
.hd_user .user_name {
  color: rgba(99, 161, 255, 0.933);
  display: inline-block;
  padding: 0 20px;
}
.snb ul > li {
  font-size: 15px;
  border: 1px solid#B9B9B9;
  border-bottom: 0;
  height: 50px;
  background-color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
}
.snb ul > li:last-child {
  border-bottom: 1px solid #b9b9b9;
}
.hd_user {
  display: flex;
  align-items: center;
  vertical-align: top;
  height: 80px;
  border: solid 1px #eff0f0;
  padding: 0 20px;
  font-size: 16px;
}

.hd_user ul {
  display: flex;
  justify-content: space-between;
}
.hd_user ul li {
  margin-left: 40px;
}
#content {
  height: 100%;
  display: flex;
  padding: 30px;
  justify-content: space-between;
}
.content_warp {
  border: 1px solid #d9d9d9;
  width: 100%;
  background: #fff;
}
.con_menu_search_wrap03
.sch_tbl_box_third
.sch_tbl_box
.sch_tbl_con
.sch_tbl_input_date {
  position: relative;
  padding: 0 2px;
  display: inline-block;
}
/* data picker */
.sch_tbl_input_date {
  max-width: 170px;
  position: relative;
}

/* table */
.dt_tbl02 tr {
  border-bottom: 1px solid #d9d9d9;
  align-items: center;
  display: flex;
}
.dt_tbl02 tr td span {
  padding-left: 15px;
}
.con_sub_all_box {
  background: #fff;
  padding: 20px 20px;
  width: 100%;
  height: 100%;
}
.con_sub_tit.all_chk + label{
  font-size:20px;
  font-weight:bold;
}

.con_sub_tit_wrap {
  align-items: center;
  justify-content: space-between;
  display: flex;
  position: relative;
  padding: 15px 0;
  margin-bottom: 1em;
  border-bottom: 1px solid #d6d6d6;
}
.con_sub_tit {
  font-size: 20px;
  padding: 10px 0;
}
.ontent_box {
  font-size: 18px;
}
.con_tb_area {
  margin: 15px 0 0;
}
.dt_tbl02 {
  width: 100%;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  background: #fff;
}
.dt_tbl02 td {
  text-align: left;
  flex: 2;
}
.dt_tbl_width05 {
  width: 5%;
}
.dt_tbl_width10 {
  width: 10%;
}
.dt_tbl_width15 {
  width: 15%;
}
.dt_tbl02 th {
  line-height: 44px;
  display: flex;
  width: 300px;
  height: 44px;
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  text-align: left;
  background: #f5f5f5;

  padding: 0 20px;
}
.con_btn_area_float_r {
  display: inline-block;
}
.con_btn_area_bottom {
  padding: 2% 0;
  display: inline-block;
}
input[type="checkbox"] {
  position: absolute;
  left: -9999999px;
}

input[type="checkbox"] + label {
  margin-right: 10px;
  width: 22px;
  display: inline-block;
  vertical-align: top;
  align-items: center;
  color: #333333;
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
.dt_tbl02 th span.no_arrow {
  border-left: none;
  background: none !important;
  padding-right: 0;
}
.pagenation_area_squar {
  justify-content: space-between;
  display: flex;
  position: relative;
  width: 100%;
  height: 30px;
  vertical-align: top;
  margin: 20px 0 0;
}
.pagenation_squar {
  width: 400px;
  height: 34px;
  text-align: center;
  margin: 0 auto;
  padding-right: -100px;
}
.pagenation_squar ul.list_page li:first-child {
  margin-left: 0;
}
.pagenation_squar ul.list_page li {
  display: inline-block;
  margin: 0 0.15em;
}
.pagenation_squar ul.list_page li a.btn_tb_back {
  padding: 0;
}
.tb_list_view {
  position: absolute;
  left: 0;
  top: 6px;
}
.login {
}
.login.btn_blu a {
  line-height: 40px;
  font-size: 16px;
  padding: 10px 20px;
}
.btn_area {
  padding: 20px 0;
}
/*  버튼 */
.btn_org {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #ec8200;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #ffffff;
  background: #ec8200;
  text-align: center;
  font-size: 14px;
}
.btn_bluline {
  height: 40px;
  /* line-height: 44px; */
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #025eaa;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #025eaa;
  background: #fff;
  text-align: center;
  font-size: 16px;
}
.btn_bluline:hover {
  height: 40px;
  /* line-height: 44px; */
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #025eaa;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #025eaa;
  background: #f5f5f5;
  text-align: center;
  font-size: 16px;
}

.btn_grey {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;

  background: #a3a3a3;
  text-align: center;
  font-size: 16px;
}
.btn_grey a {
  color: #fff;
}
.btn_grey:hover {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;

  background: #656565;
  text-align: center;
  font-size: 16px;
}

.btn_whiteline {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;

  background: #004b89;
  text-align: center;
  font-size: 16px;
}
.btn_whiteline a {
  color: #fff;
}
.btn_whiteline:hover {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;

  background: #014075;
  text-align: center;
  font-size: 16px;
}

.btn_blu {
  height: 40px;
  /* line-height: 44px; */
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #025eaa;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #ffffff;
  background: #025eaa;
  text-align: center;
  font-size: 14px;
}
.btn_blu a {
  font-size: 1.6rem;
  color: #fff;
}
/* table custom*/

.table_wrap {
  width: 100%;
  border-collapse: collapse;
  border-color: #ccc;
  border-spacing: 0;
}
.table_wrap tr {
  height: 44px;
}
.table_wrap td {
  background-color: #fff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
  /* overflow: hidden; */
  padding: 10px 5px;
  word-break: normal;
}

.table_wrap th {
  background-color: #f0f0f0;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.table_wrap .table_wrap-fhnh {
  height: 40px;
  background-color: #efefef;
  font-size: 14px;
  text-align: center;
}

.table_wrap .table_wrap-fuxe {
  height: 44px;
  border-color: inherit;
  font-size: 14px;
  text-align: center;
  width: 150px;
}

.table_wrap .table_wrap-kgdc {
  background-color: #ffffff;
  color: #333;
  font-size: 14px;
  text-align: left;
  padding: 10px;
  line-height: 44px;
  font-family: "NotoSansKR_Regular", sans-serif;
}
.table_wrap .table_wrap-xygv {
  width: 150px;
  background-color: #efefef;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
  font-family: "NotoSansKR_Regular", sans-serif;
  line-height: 40px;
}
.table_wrap .table_wrap-nx8p {
  font-size: 14px;
  padding: 10px;
  text-align: left;
  line-height: 40px;
  font-family: "NotoSansKR_Regular", sans-serif;
}
.pagenation_squar ul.list_page li a.active {
  color: #025eaa;
  font-weight: 800;
}
.content_box_wrap {
  padding: 1% 3%;
}

/* 모달박스 */
.modal-box {
  display: none;
  position: fixed;
  width: 500px;
  top: 50%;
  left: 50%;
  z-index: 1001;
  background: #fff;
  border-bottom: 1px solid #aaa;
  border-radius: 3px;
  box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
  background-clip: padding-box;
  text-align: center;
  box-sizing: border-box;
}
.modal-box .modal_header .modal_tit {
  color: #fff;
}
.modal-box .modal_header {
  display: flex;
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
  background: #025eaa;
  font-size: 18px;
  text-align: left;
  /*justify-content: space-between;*/
  justify-content:space-around;
  flex-direction: row-reverse;
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
  background: #025eaa;
  font-size: 16px;
  text-align: left;
}
.modal-box .modal_header i {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}
.modal-box .modal_body {
  padding: 30px 20px;
  font-size: 16px;
  line-height: 26px;
}
.modal-box .modal_footer {
  padding: 10px 10px;
  text-align: center;
  border-top: 1px solid #d6d6d6;
  display: flex;
  /*justify-content: flex-end;*/
  justify-content:center;
}
.js-open-modal {
}
.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}
.pop_btn_grey {
  height: 44px;
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #dedede;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #333;
  background: #eaeaea;
  text-align: center;
  font-size: 16px;
}
.pop_btn_grey:hover {
  background-color: #dedede;
}
.pop_btn_blu {
  height: 44px;
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  padding: 0 14px;
  border: 1px solid #025eaa;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #ffffff;
  background: #025eaa;
  text-align: center;
  font-size: 16px;
}
.pop_btn_blu:hover {
  background-color: #004b89;
}

.flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* flex-direction: ; */
}

.flex_align {
  justify-content: space-between;
  display: flex;
  align-items: center;
}

/* 서치영역 */
.sch_tbl_con02 {
  padding: 5px 0;
  display: flex;
  justify-content: flex-end;
}

/* 로그인 */

/* 주석 */

input[type="radio"] + label > span {
  position: relative;
  display: inline-block;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #e1e1e1;
  vertical-align: top;
  padding-left: 6px;
  border-radius: 400px;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  margin-right: 6px;
  vertical-align: middle;
}
.login_content_area02 {
  background-color: #fff;
  display: flex;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.intro_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login_content_area_L {
  padding: 5%;
}
.login_img {
  background: url(../images/pw_id.png) no-repeat;
  background-position: center;
  background-size: cover;
  width: 400px;
  height: 400px;
}
.login_input_box_wrap {
  width: 700px;
  background-color: #025eaa;
  color: #fff;
  font-size: 16px;
  padding: 2%;
}
.scrollbox {
  border: 1px solid #fff;
  overflow: auto;
  height: 150px;
  background-color: #f1f1f1;
}
.scrollbox li {
  color: #999;
}
.login_btn {
  border: 1px solid #fff;
}
.login_wrap {
  display: flex;
}
.gpki_login_btn {
  width: 100%;
  padding: 3%;
  background-color: #a3a3a3;
}
.gpki_login_btn a {
  color: #fff;
}
.gpki_login_btn:hover {
  background-color: #656565;
}
.login_btn div {
}

.login_input_tit {
  width: 200px;
}
.login_tbl_box {
  display: flex;
  padding: 10px;
  align-items: center;
}
.radio_form_wrap {
  position: relative;
  font-size: 14px;
}

.iLabel {
  padding: 2%;
  background-color: #fff;
  color: #333333;
  position: absolute;
  left: 0;
  top: 0;
}
.login_input_box_wrap .tit {
  padding: 20px 0;
}
.login_input_box_wrap .content {
  display: none;
  padding-top: 70px;
  padding-bottom: 30px;
  background-color: #fff;
  color: #333;
}
.login_input_box_wrap [type="radio"]:checked ~ label {
  background-color: #fff;
  z-index: 2;
  color: #333;
}
.login_input_box_wrap [type="radio"] + label {
  width: 50%;
  padding: 3%;
  background: #004b89;
  color: #fff;
}
.login_input_box_wrap [type="radio"]:checked + label + .content {
  z-index: 1;
  display: block;
}
label[for="li01"] {
  /* border: 1px solid red; */
}

.iLabel02 {
  position: absolute;
  top: 0;
  padding: 2%;
  background-color: #fff;
  color: #333333;
}
.login.btn_whiteline {
}
.text_area {
  width: 100%;
  height: 200px;
  border: 1px solid #aaa;
  overflow-y: scroll;
  background-color: #fff;
}

.terms_text_area {
  width: 100%;
  height: 420px;
  border: 1px solid #aaa;
  overflow-y: scroll;
  background-color: #fff;
}

.sch_tbl_box_third {
  /* display: flex; */
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 2%;
}
.sch_tbl_box {
  width: 100%;
  display: flex;
  align-items: center;
}
.sch_tbl_tit {
  margin: 0 20px;
}
.flex_c {
  display: flex;
  flex-direction: column;
}

/* 패스워드 비번변경 */
.login_content_area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 5%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.login_input_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login_content_area .login_tbl_box {
  padding: 10px 0;
}



.scrollbox.intro{
  padding:3%;
  text-align:left;
}

/* 20230629_otp단말기추가_기기번호안내추가 */
.label_box {
 
}
.label_box:hover {	
  border: 1px solid #a0c5cb;
  box-shadow: 0 0.2rem 0.8rem rgba(22, 71, 170, 0.2);
}

.label_box:hover .label_layer {	
  display: block;
}

.label_box .label_layer {
  display: none;
  position: absolute;
  
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #a0c5cb;
  width: 580px;
  z-index: 999;
  box-shadow: 0 0.2rem 0.8rem rgba(22, 71, 170, 0.2);
}
.label_box .label_layer .label_desc_top {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background-color: #025eaa;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.label_desc_top{
	color:#ffff;
}


.label_box .label_layer.num0 {
  bottom: 45%;
  left: 10%;
}
.desc_box {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #eee;
  box-sizing: border-box;
  padding: 10px 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.desc_tit_otp {
  width: 10%;
  font-weight: 500;
  font-size: 15px;
  color: #025eaa;
  word-break: keep-all;
  letter-spacing: -0.5px;
  line-height: 1.5rem !important;
}
.desc_cnt_otp {
  width: 90%;
  color: #333;
  font-size: 14px;
  line-height: 1.6rem !important;
}
.desc_img {
	display: flex;
	position: relative;
	margin-left:10%;	
}

.otp_num_info{
	width:15px; padding-top:5px; 
}
/* 20230629 추가한부분 끝*/