@charset "UTF-8";
:root {
  --m_c: #183ca3;
  --s_c: #0068ea;
}
* {
  margin: 0;
  padding: 0;
  /*letter-spacing: -0.5px;*/
  letter-spacing: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  color: #6e6e6e;
  font-weight: 400;
  font-family: "Montserrat", "Noto Sans KR", sans-serif;
  -webkit-text-size-adjust: none;
  line-height: 1.2;
}
*:after,
*:before {
  box-sizing: border-box;
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
}
html {
}
body {
  font-size: inherit;
  color: inherit;
  min-width: 1332px;
}
ul {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: inherit;
  clear: both;
}
li {
  color: inherit;
  list-style: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
}
div,
span,
strong,
p {
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-align: inherit;
}
strong {
  font-weight: 600;
}
img {
  border: 0;
  text-align: inherit;
}
a {
  text-decoration: none;
  outline: 0;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  text-align: inherit;
  line-height: inherit;
  display: block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;*/
}
input {
  background-color: white;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #b4b4b4;
  height: 40px;
  padding: 0 22px;
}

select {
  font-family: inherit;
  background: url("/rsearch/static/img/kist/select_icon.png") no-repeat right
    center;
  background-color: white;
  background-size: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0px 22px;
  padding-right: 44px;
  height: 40px;
  border: 1px solid #b4b4b4;
  cursor: pointer;
}
select.md_select {
  background-image: url("/rsearch/static/img/kist/st_arrow_icon.png");
  background-size: 12px;
  border: none;
  border-bottom: 1px solid #636363;
  padding-left: 0;
  height: 30px;
  min-width: 106px;
}

select.sortSelect {
  background-image: url("/rsearch/static/img/kist/st_arrow_icon.png");
  background-size: 12px;
  border: none;
  border-bottom: 1px solid #636363;
  padding-left: 0;
  height: 30px;
  min-width: 106px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
select::-ms-expand {
  display: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #aaaaaa;
  font-size: inherit;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #aaaaaa;
  font-size: inherit;
}
textarea {
  width: 100%;
  resize: none;
  line-height: 1.5;
  border: 1px solid #b4b4b4;
  padding: 12px 22px;
}
button,
a,
tr[onclick] {
  cursor: pointer;
}
content {
  font-size: inherit;
  color: inherit;
  min-height: 500px;
  display: block;
  padding-top: 60px;
  padding-bottom: 100px;
}
.con {
  width: 1332px;
  padding: 0px 66px;
  margin: 0 auto;
}
.txt_c {
  text-align: center !important;
}
.ma_t_16 {
  margin-top: 16px;
}
.ma_t_32 {
  margin-top: 32px !important;
}
.ma_t_90 {
  margin-top: 90px !important;
}
.ma_b_64 {
  margin-bottom: 64px !important;
}
.d_b {
  display: block;
}

/* 카드 리스트 버튼 */
.card_list_btn {
  display: flex;
  margin-left: 16px;
}
.card_list_btn a {
  position: relative;
  opacity: 0.4;
}
.card_list_btn a.on {
  opacity: 1;
  z-index: 1;
}
.card_list_btn a:first-child {
  right: -1px;
}
.card_list_btn a img {
  display: block;
}

/* 메인 타이틀 */
h1.main_title {
  font-size: 28px;
  font-weight: 500;
  color: black;
  margin-bottom: 36px;
  display: flex;
  align-items: flex-end;
}
h1.main_title span:nth-child(1) {
  position: relative;
  font-size: 15px;
  font-weight: 700;
  color: #636363;
  margin: 0 8px;
  padding: 0 8px;
}
h1.main_title span:nth-child(1):after {
  content: "";
  position: absolute;
  top: calc(50%);
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 14px;
  border: 1px solid #707070;
}
h1.main_title span:nth-child(2) {
  font-size: 14px;
  font-weight: 500;
  color: #8e8e8e;
}
h1.main_title span.txt {
  position: static;
  color: #222;
  font-weight: 500;
  font-size: 16px;
}
h1.main_title span.txt:after {
  content: none;
}

/* 서브 타이틀 */
h3.sub_title {
  font-size: 22px;
  font-weight: 500;
  color: black;
  padding-top: 10px;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
h3.sub_title .btn {
  border: 1px solid #636363;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #6e6e6e;
  height: 26px;
  line-height: 26px;
  padding: 0 16px;
}
h5.sm_title {
  font-size: 20px;
  font-weight: 500;
  color: black;
  margin-bottom: 22px;
}

/* 테이블 */
table {
  width: 100%;
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: inherit;
  color: inherit;
}
tr {
  font-size: inherit;
  color: inherit;
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
}
th,
td {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: inherit;
  color: inherit;
  text-align: center;
  padding: 16px 20px;
  white-space: nowrap;
}
td {
  height: 36px;
}
td.title {
  text-align: left;
}
table.table_fiex {
  table-layout: fixed;
}
table .title {
  text-align: left;
  white-space: initial;
}
table .title.on {
  color: #1d6cdb;
}

table .notice_bold {
  color: #0068ea;
  font-weight: 700;
}
table .num,
.board_wrap table td.btn,
.board_wrap table .date,
.board_wrap table .cate,
table .process {
  width: 115px;
  text-align: center !important;
}
table .type {
  width: 135px;
  text-align: center !important;
}
table .price {
  width: 100px;
  text-align: right;
}
table td.btn img {
  display: inline-block;
}
table .type > span {
  margin-left: 12px;
  padding-left: 12px;
  position: relative;
}
table .type > span:after {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 14px;
  border-right: 1px solid #8e8e8e;
}

/* 테이블 기본 */
table.base {
  border-top: 2px solid #000000;
}
table.base tr th {
  border: 1px solid #c7c7c7;
  background-color: #f3f8fd;
  text-align: left;
  font-size: 16px;
  color: #303030;
}
table.base tr th:first-child {
  border-left: none;
}
table.base tr td {
  border: 1px solid #c7c7c7;
  text-align: left;
  padding-top: 11px;
  padding-bottom: 11px;
}
table.base tr td:last-child {
  border-right: none;
}
table.base.pri tr td {
  line-height: 22px;
}
table.base.pri tr td .point {
  font-size: 20px;
  font-weight: 500;
  color: #0068ea;
}
table.base tr td:last-child {
  border-right: none;
}
table.base.pri tr td:first-child {
  border-left: none;
}
table.base.pri tr th:first-child {
  border-left: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/* 게시판 타이틀 */
table.tb_header thead {
  background-color: transparent !important;
}
table.tb_header thead tr td {
  padding: 0px 20px;
}
table.tb_header thead tr td.title {
  background-color: #f3f8fd;
  font-size: 18px;
  font-weight: 400;
  color: black;
  text-align: left;
}
table.tb_header thead tr td .meta {
  display: flex;
  justify-content: space-between;
}
table.tb_header thead tr td .meta ul {
  display: flex;
}
table.tb_header thead tr td .meta ul li {
  font-size: 14px;
  color: #303030;
  margin-right: 12px;
  padding-right: 12px;
  position: relative;
}
table.tb_header thead tr td .meta ul li:after {
  content: "";
  position: absolute;
  top: calc(54% - 1px);
  height: 10px;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 14px;
  border-right: 1px solid #8e8e8e;
}
table.tb_header thead tr td .meta ul li:last-child:after {
  border: none;
}
/* 게시판 테이블 */
table.normal {
  border-top: 2px solid black;
}
table.normal thead {
  background-color: #f5f7fb;
}
table.normal th {
  font-size: 16px;
  color: #303030;
}
table.normal tr {
  border-bottom: 1px solid #c7c7c7;
  color: #636363;
  font-size: 15px;
  height: 58px;
}

/* 체크박스 */
.checkbox {
  display: inline-flex;
}
.check_img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  display: inline-block;
  border: 1px solid #b4b4b4;
  vertical-align: sub;
  background-color: white;
}
.checkbox input[type="checkbox"] {
  display: none;
}
.checkbox input[type="checkbox"] + span {
  display: flex;
  align-items: center;
  text-align: center;
  cursor: pointer;
  color: #535353;
  font-size: 13px;
  font-weight: 500;
}
.checkbox input[type="checkbox"]:checked + span .check_img {
  background: url("/rsearch/static/img/kist/check_img.png") no-repeat center;
  background-size: 6px;
  background-color: white;
}

/* 회원가입 체크박스 */
.join_check_wrap {
  text-align: left;
}
.join_check_wrap label {
  margin-right: 34px;
}
.join_check_wrap label:last-child {
  margin-right: 0;
}
.join_check_wrap .check_img {
  width: 18px;
  height: 18px;
  background: url("/rsearch/static/img/kist/check_img_m_g.png") no-repeat
    center;
  background-size: 9px;
  vertical-align: sub;
  margin-right: 14px;
  background-color: white;
}
.join_check_wrap .checkbox input[type="checkbox"] + span {
  font-size: 15px;
  font-weight: 400;
  color: #303030;
}
.join_check_wrap .checkbox input[type="checkbox"]:checked + span .check_img {
  background: url("/rsearch/static/img/kist/check_img_m_c.png") no-repeat
    center;
  background-size: 9px;
  border-color: #2a307a;
  background-color: white;
}

/* 데이터 상세검색 | 체크박스 */
.data_item_search .search_box .checkbox {
  display: flex;
  align-items: center;
  margin-right: 22px;
}
.data_item_search .search_box .check_img {
  width: 16px;
  height: 16px;
  background-color: white;
  border: 1px solid #b4b4b4;
  margin-right: 0;
  margin-left: 8px;
}
.data_item_search .search_box .checkbox input[type="checkbox"] {
  display: none;
}
.data_item_search .search_box input[type="checkbox"] + span {
  display: flex;
  text-align: center;
  cursor: pointer;
  color: #535353;
  font-size: 15px;
  font-weight: 400;
  align-items: center;
}
.data_item_search .search_box input[type="checkbox"]:checked + span .check_img {
  background: url("/rsearch/static/img/kist/check_img_m_c.png") no-repeat
    center;
  background-size: 8px;
  background-color: white;
}

/* 관심데이터 | 체크박스 */
.attention .checkbox {
  display: flex;
  align-items: center;
  margin-right: 18px;
}
.attention .check_img {
  width: 34px;
  height: 34px;
  background: url("/rsearch/static/img/kist/attention_off.png") no-repeat
    center;
  background-size: 16px;
  background-color: white;
  border: 1px solid #bababa;
  border-radius: 50%;
  margin-right: 0;
  margin-left: 0px;
}
.attention .checkbox input[type="checkbox"] {
  display: none;
}
.attention input[type="checkbox"] + span {
  display: flex;
  text-align: center;
  cursor: pointer;
  color: #535353;
  font-size: 13px;
  font-weight: 400;
}
.attention input[type="checkbox"]:checked + span .check_img {
  background: url("/rsearch/static/img/kist/attention_on.png") no-repeat center;
  background-size: 16px;
  background-color: white;
  border: 1px solid #a7d6ff;
}

/* 라디오 버튼 */

/* 라디오버튼 기본 */
.radio_wrap {
  display: flex;
  align-items: center;
  height: 100%;
}
.radio_wrap input[type="radio"] {
  display: none;
}
.radio_wrap label {
  cursor: pointer;
  position: relative;
  margin-right: 24px;
  display: inline-block;
}
.radio_wrap label:last-child {
  margin-right: 0;
}
.radio_wrap span {
  display: inline-block;
  padding-left: 20px;
  font-size: 15px;
  color: #303030;
}
.radio_wrap input[type="radio"] + span.radio_mark:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  text-align: center;
  background: white;
  border: 1px solid #b4b4b4;
  border-radius: 100%;
}
.radio_wrap input[type="radio"]:checked + span.radio_mark:before {
}
.radio_wrap input[type="radio"]:checked + span.radio_mark:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  width: 10px;
  height: 10px;
  background: #000000;
  border-radius: 100%;
}

/* 툴팁 */
.tool_tip {
  position: relative;
}
.tool_tip img {
  width: 20px;
}
.tool_tip span {
  font-size: 12px;
  color: white;
  background-color: #404040;
  line-height: 1;
  padding: 6px 16px;
  width: max-content;
  display: none;
  position: absolute;
  top: 120%;
}
.tool_tip span:after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  bottom: 100%;
  left: 4px;
  border-color: transparent transparent black transparent;
}
.tool_tip:hover span {
  display: flex;
}

/* 팝업 */
.layer_bk {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  padding: 24px;
}
.layer_bk.on {
  display: flex;
}

/* 메인 검색 팝업 */
.layer_main_bk {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  padding: 24px;
}

.layer_main_bk.on {
  display: flex;
}
/* 헤더팝업 */
.layer_header_bk {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  padding: 24px;
}
.layer_header_bk.on {
  display: flex;
}

.popup_wrap {
  display: flex;
  flex-direction: column;
  background-color: white;
  overflow: hidden;
  position: relative;
  min-width: 400px;
  max-width: 800px;
}
.popup_wrap .pop_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  margin: 32px 32px 0px 32px;
  border-bottom: 2px solid black;
}
.popup_wrap .pop_top h1 {
  font-size: 20px;
  font-weight: 500;
  color: black;
}
.popup_wrap .pop_top img {
  width: 16px;
  display: block;
}
.pop_con {
  font-size: 15px;
  color: #6b6b6b;
  word-break: keep-all;
  padding: 16px 32px 32px 32px;
  overflow: hidden;
  overflow-y: auto;
}
.pop_con .order_check_wrap {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  margin-bottom: 24px;
}
.pop_con .order_check_wrap ul li:first-child {
  font-size: 15px;
  color: black;
  margin-bottom: 6px;
}
.pop_con .order_check_wrap ul li:last-child {
  border: 1px solid #b4b4b4;
  height: 40px;
  line-height: 39px;
  padding: 0 22px;
  background-color: #f8f8f8;
}
.pop_con .popup_btn_wrap ul {
  display: flex;
  margin: 0 -5px;
}
.pop_con .popup_btn_wrap ul li {
  padding: 0 5px;
  flex-grow: 1;
}
.pop_con .popup_btn_wrap ul li a {
  height: 62px;
  line-height: 61px;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
}
.pop_con .popup_btn_wrap ul li:first-child a {
  background-color: white;
  border: 1px solid #aeb2b5;
  color: #636363;
}
.pop_con .popup_btn_wrap ul li:last-child a {
  background-color: #122c91;
  color: white;
}

/* 타이틀 없는 팝업 */
.no_title .pop_top {
  padding-bottom: 0px;
  border-bottom: none;
  margin: 32px 60px 0px 60px;
}
.no_title .pop_con {
  padding: 0px 60px 54px 60px;
}

/* 경고 알럿 팝업 */
.alert_mant .pop_top {
  padding-bottom: 0px;
  border-bottom: none;
  margin: 32px 32px 0px 32px;
}
.alert_mant .pop_con .txt {
  font-size: 18px;
  color: black;
  text-align: center;
  margin-bottom: 40px;
}

/* 헤더 상품검색 팝업 */
.search_popup_wrap {
  position: relative;
  top: -20%;
}
.search_popup_wrap .search_box input {
  font-size: 18px;
  height: 60px;
  border: 6px solid #1a64cf;
  border-radius: 30px;
  padding-left: 28px;
  padding-right: 80px;
  width: 658px;
}
.search_popup_wrap .search_box input:focus {
  outline: none;
}
.search_popup_wrap .search_box input::placeholder {
  color: #303030;
}
.search_popup_wrap .search_box input + a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 28px;
  width: 24px;
  height: 24px;
  background: url("/rsearch/static/img/kist/search_icon_bl.png") no-repeat;
  background-position: center;
}
.search_popup_wrap .pop_close {
  position: absolute;
  top: -22px;
  left: 100%;
}

/* 드롭박스 */

/* 헤더 */
header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  background-color: white;
  z-index: 100000;
}
header .top {
  border-bottom: 1px solid #e1e1e1;
}
header .top .h_con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  padding-top: 24px;
  padding-bottom: 20px;
  margin: 0 auto;
}
header .top .h_con > a img {
  height: 56px;
  display: block;
}
header .top .h_con > ul {
  display: flex;
  color: #737375;
  font-weight: 500;
}
header .top .h_con > ul li {
  margin-left: 40px;
}
header .top .h_con > ul li a {
  position: relative;
}
header .top .h_con > ul li a:hover {
  color: #2a6fdb;
}
header .top .h_con > ul li .name {
  color: #2a6fdb;
}
header .top .h_con > ul li .cart {
  padding-left: 20px;
}
header .top .h_con > ul li .cart:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 15px;
  height: 15px;
  background: url("/rsearch/static/img/kist/cart_icon_off.png") no-repeat;
  background-position: left center;
  background-size: 15px;
}
header .top .h_con > ul li .cart:hover:before {
  background-image: url("/rsearch/static/img/kist/cart_icon_on.png");
}
header .top .h_con > ul li .search {
  padding-left: 20px;
}
header .top .h_con > ul li .search:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 15px;
  height: 15px;
  background: url("/rsearch/static/img/kist/data_search_icon_off.png")
    no-repeat;
  background-position: left center;
  background-size: 15px;
}
header .top .h_con > ul li .search:hover:before {
  background-image: url("/rsearch/static/img/kist/data_search_icon_on.png");
}
header nav {
  position: relative;
  background-color: #f4f4f4;
  transition: all 0.2s;
}
header nav a {
  color: #222222;
  transition: all 0.2s;
}
header nav:hover a {
  color: white;
}
header nav > ul {
  display: flex;
  width: 1200px;
  margin: 0 auto;
}
header nav > ul > li {
  position: relative;
  flex-grow: 1;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  width: calc(100% / 7);
}
/*
header nav > ul > li:before{
	content: "";
	position: absolute;
	top: calc(50% + 1px);
	transform: translateY(-50%);
	left: 0;
	width: 1px;
	height: 14px;
	background-color: #DCDCDC;
}
*/
header nav > ul > li:last-child:after {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 14px;
  background-color: #dcdcdc;
}
header nav > ul > li > a {
  padding: 20px 0;
  transition: all 0.2s;
}
/* li에 class명 추가 제거 */
header nav > ul > li.on > a {
  background-color: #2a6fdb;
  color: #fff;
}

/*
header nav > ul > li > a.on, header nav > ul > li > a:hover{
	color: #0C0B5F;
}
*/
header nav > ul > .nab_lnb_wrap {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  background-color: white;
  overflow: hidden;
  transition: all 0.2s;
  z-index: 1;
}
header nav > ul > .nab_lnb_wrap .lnb_list {
  /*border-bottom: 1px solid #E1E1E1;*/
  position: relative;
}
header nav > ul > .nab_lnb_wrap .lnb_list:after {
  content: "";
  position: absolute;
  /*border-top: 1px solid #E1E1E1;*/
  width: 100%;
  height: 1px;
  top: 0;
  z-index: -1;
}
header nav > ul > .nab_lnb_wrap .lnb_list ul {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
header nav > ul > .nab_lnb_wrap .lnb_list ul li {
  flex-grow: 1;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 28px;
  width: calc(100% / 7);
  color: white;
  transition: all 0.2s;
}
/*header 수정 */
header nav > ul > .nab_lnb_wrap .lnb_list ul li a.icon {
  position: relative;
}
header nav > ul > .nab_lnb_wrap .lnb_list ul li a.icon:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 11px;
  height: 11px;
  background: url(/search/static/img/kist/header_share_icon.png) center/cover
    no-repeat;
}
header nav > ul > .nab_lnb_wrap .lnb_list ul li a {
  padding: 8px 0;
}
header nav > ul > .nab_lnb_wrap .lnb_list ul li a:hover {
  color: #fefcbf;
}
header nav > ul > li.active > a {
  background-color: #2a6fdb !important;
  color: white !important;
}
header nav > ul li.active ~ .nab_lnb_wrap li.lnb_on {
  background-color: #2a6fdb !important;
  color: white !important;
}
.location {
  width: 100%;
  background-color: var(--m_c);
  margin-top: 162px;
}
.location .con ul {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 13px;
  font-weight: 500;
  color: white;
}
.location .con ul li {
  padding-right: 4px;
  margin-right: 10px;
  position: relative;
}
.location .con ul li:after {
  content: "";
  background: url("/rsearch/static/img/kist/lo_arrow_icon.png") no-repeat;
  background-position: center;
  width: 4px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 1px;
}
.location .con ul li:last-child:after {
  display: none;
}
.location .con ul li a {
  margin-right: 10px;
}
.location .con ul li:last-child a {
  pointer-events: none;
}
.location .con ul li a img {
  width: 9px;
  margin-right: 10px;
}
.floating_top_btn {
  position: fixed;
  right: 100px;
  margin-left: 620px;
  bottom: 24px;
  width: 60px;
  height: 74px;
  z-index: 2;
  filter: drop-shadow(5px 8px 15px rgba(45, 87, 189, 0.2));
}
.floating_top_btn img {
  width: 100%;
}

/* 게시판 서브 버튼 */
.bd_lnb_wrap {
  margin-bottom: 24px;
}
.bd_lnb_wrap ul {
  display: flex;
  margin: 0 -5px;
}
.bd_lnb_wrap ul li {
  padding: 0 5px;
  flex-grow: 1;
  width: calc(100% / 4);
}
.bd_lnb_wrap ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background-color: #e8eef5;
  height: 80px;
  padding-left: 24px;
}
.bd_lnb_wrap ul li a p:first-child {
  font-size: 13px;
  font-weight: 500;
  color: #696969;
  margin-bottom: 6px;
}
.bd_lnb_wrap ul li a p:last-child {
  font-size: 18px;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0px;
}
.bd_lnb_wrap ul li.on a {
  background-color: #0068ea;
}
.bd_lnb_wrap ul li.on a p {
  color: white;
}

/* 게시판 테이블 */
.board_wrap {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
}
.board_wrap table {
  border-top: 2px solid black;
}
.board_wrap table thead {
  background-color: #f5f7fb;
}
.board_wrap table th {
  font-size: 16px;
  color: #303030;
}
.board_wrap table tr {
  border-bottom: 1px solid #c7c7c7;
  color: #636363;
  font-size: 15px;
  height: 58px;
}
.board_wrap > .join_btn {
  margin-top: 36px;
}
.board_wrap > .join_btn ul {
  justify-content: flex-end;
}

/* 테이블 검색 */
.table_search {
  padding-top: 14px;
  padding-bottom: 24px;
}
.table_search ul {
  display: flex;
  justify-content: flex-end;
}
.table_search ul li {
  margin-left: 14px;
}
.table_search ul li select {
  border: none;
  border-bottom: 1px solid black;
  padding-left: 0;
  color: #323232;
  min-width: 160px;
}
.search {
  position: relative;
}
.search input {
  border: none;
  border-bottom: 1px solid #636363;
  padding-left: 0;
  color: #323232;
  min-width: 180px;
  height: 30px;
}
.search a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  width: 24px;
  height: 24px;
  background: url("/rsearch/static/img/kist/md_search_icon.png") no-repeat;
  background-position: center;
  background-size: 16px;
}

/* 버튼 */
/* 테이블 버튼 */
.tb_bl_md {
  padding: 0 16px;
  min-width: 80px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #aeb2b5;
  font-size: 12px;
  font-weight: 500;
  color: #303030;
  background-color: white;
  transition: all 0.3s;
  display: inline-block;
  margin: 0 2px;
}
.tb_bl_md:hover {
  background-color: #122c91;
  border-color: #122c91;
  color: white;
}

/* 페이지 넘버 */
.page_num {
  display: flex;
  justify-content: center;
}
.page_num a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 3px;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
}
.page_num a:hover {
  background-color: #eaeaea;
}
.page_num a.on {
  color: white;
  background-color: #2a6fdb;
}
.page_num .first_page,
.page_num .prev,
.page_num .next,
.page_num .last_page {
  border: 1px solid #eaeaea;
  background-position: center;
  background-repeat: no-repeat;
}
.page_num .first_page {
  background-image: url("/rsearch/static/img/kist/last_page.png");
  transform: rotate(180deg);
}
.page_num .last_page {
  background-image: url("/rsearch/static/img/kist/last_page.png");
}
.page_num .prev {
  background-image: url("/rsearch/static/img/kist/next.png");
  transform: rotate(180deg);
}
.page_num .next {
  background-image: url("/rsearch/static/img/kist/next.png");
}

/* 파일 업로드 */
.file_upload {
  display: flex;
}
.file_upload input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.file_upload label {
  height: 40px;
  line-height: 38px;
  border: 1px solid #636363;
  font-size: 15px;
  font-weight: 500;
  color: #636363;
  padding: 0 28px;
  margin-left: 8px;
}
.file_upload .upload_name {
  width: 410px;
  border: 1px solid #b4b4b4;
  height: 40px;
  padding: 0 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* 테이블 상단 날짜별 검색 */
.date_search .date_radio {
  display: flex;
  align-items: center;
  height: 100%;
}
.date_search .date_radio input[type="radio"] {
  display: none;
}
.date_search .date_radio label {
  cursor: pointer;
  position: relative;
  padding: 0 16px;
  display: inline-block;
}
.date_search .date_radio label:first-child {
  padding-left: 0;
}
.date_search .date_radio label:last-child {
  margin-right: 0;
}
.date_search .date_radio span {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #323232;
  position: relative;
}
.date_search .date_radio input[type="radio"]:checked ~ span,
.date_search .date_radio span:hover {
  color: #2a6fdb;
}
.date_search .date_radio input[type="radio"]:checked ~ span:after,
.date_search .date_radio span:hover:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #2a6fdb;
}
.date_search .date_radio label:after {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 14px;
  border-right: 1px solid #8e8e8e;
}
.date_search .date_radio label:last-child:after {
  border: none;
}

.date_search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.date_search ul {
  display: flex;
}
.date_search ul:first-child li {
  position: relative;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 500;
  color: #323232;
}
.date_search ul:first-child li:first-child {
  padding-left: 0;
}
.date_search ul:first-child li:after {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 14px;
  border-right: 1px solid #8e8e8e;
}
.date_search ul:first-child li:last-child:after {
  border: none;
}
.date_search ul:first-child li a:hover,
.date_search ul:first-child li.on a {
  position: relative;
  color: #2a6fdb;
}
.date_search ul:first-child li a:hover:after,
.date_search ul:first-child li.on a:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #2a6fdb;
}
.date_search ul:last-child {
  display: flex;
  align-items: center;
  margin: 0 -5px;
}
.date_search ul:last-child li {
  padding: 0 5px;
}
.date_search ul:last-child input {
  height: 30px;
  font-size: 13px;
}
.date_search ul:last-child .btn {
  width: 90px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #183ca3;
  font-size: 13px;
  font-weight: 500;
  color: #183ca3;
  text-align: center;
  transition: all 0.3s;
}
.date_search ul:last-child .btn:hover {
  background-color: #183ca3;
  color: white;
}

/* 테이블 상단 셀렉트 검색 */
.select_search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.select_search ul {
  display: flex;
  align-items: center;
  margin: 0 -5px;
}
.select_search ul li {
  padding: 0 5px;
}

/* 데이터 상세 검색 */
.data_item_search {
  margin-bottom: 54px;
}
.data_item_search .search_box {
  /* border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0; */
}
.data_item_search .search_box > ul {
  display: flex;
  align-items: center;
  height: 48px;
  position: relative;
}
.data_item_search .search_box > ul > li {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.data_item_search .search_box > ul > li:first-child {
  background-color: #011499;
  color: white;
  font-weight: 500;
  font-size: 13px;
  width: 210px;
  padding: 0 24px;
}
.data_item_search .search_box > ul:first-child > li:nth-child(2) {
  border-top: 1px solid #e0e0e0;
}
.data_item_search .search_box > ul:last-child > li:first-child {
  background-color: #484848;
}
.data_item_search .search_box > ul > li:nth-child(2) {
  background-color: white;
  flex-grow: 1;
  padding: 0 10px 0 30px;
}
.data_item_search .search_box > ul > li:nth-child(2) {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
/* .data_item_search .search_box > ul:nth-child(2) > li:nth-child(2){
	border-bottom: 0;
} */
.data_item_search .search_box > ul:last-child > li:nth-child(2) {
  border-bottom: 1px solid #e0e0e0;
  background: rgba(248, 248, 248, 0.48);
}
.data_item_search .search_box > ul:nth-child(2) > li:first-child:after,
.data_item_search .search_box > ul:nth-child(3) > li:first-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #011184;
}
.data_item_search .search_box > ul:nth-child(3) li:first-child:after {
  background-color: #3e3d3d;
}
.data_item_search .search_box > ul:nth-child(3) li:nth-child(2):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: rgba(240, 237, 237, 0.7);
}
.data_item_search .search_box > ul li:first-child .checkbox {
  width: 100%;
}
.data_item_search .search_box > ul li:first-child .checkbox span {
  justify-content: space-between;
  width: 100%;
  color: white;
}
.data_item_search .search_box > ul li:last-child .checkbox {
  margin-right: 20px;
}
.data_item_search .search_box > ul:nth-child(2) li:nth-child(2) {
  background-color: white;
}
.data_item_search .search_box > ul li.seh_toggle_btn {
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 40px;
  height: 14px;
  background-color: #f6f6f6;
  border: 1px solid #e5e5e5;
  margin-bottom: 0;
  padding: 0;
}
.data_item_search .search_box > ul li.seh_toggle_btn a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.data_item_search .search_box > ul li.seh_toggle_btn a img {
  rotate: 180deg;
}
.data_item_search .search_box .seh_hide .select_btn {
  padding-left: 14px;
  padding-right: 28px;
  height: 28px;
  line-height: 26px;
  border-radius: 14px;
  background: url("/rsearch/static/img/kist/seh_close_btn_gr.png") no-repeat;
  background-size: 22px;
  background-position: right center;
  border: 1px solid #484848;
  font-size: 10px;
  font-weight: 500;
  background-color: white;
  margin-right: 8px;
}
.data_item_search .search_box .seh_hide li .select_btn:hover,
.data_item_search .search_box .seh_hide li .select_btn.on {
  border-color: #0068ea;
  color: #0068ea;
  background-image: url("/rsearch/static/img/kist/seh_close_btn_bl.png");
}
.data_item_search .search_box .seh_hide > li > ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.data_item_search .search_box .seh_hide > li > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.data_item_search .search_box .seh_hide > li > ul > li:nth-child(2) a {
  padding: 0 16px;
  height: 30px;
  display: flex;
  align-items: center;
  border: 1px solid #237449;
  font-size: 11px;
  font-weight: 500;
  color: #247449;
  background-color: white;
}
.data_item_search .search_box .seh_hide > li > ul > li:nth-child(2) a img {
  margin-right: 8px;
}
.data_item_search
  .search_box
  .seh_hide
  > li
  > ul
  > li:nth-child(2)
  a:nth-child(2) {
  color: #183ca3;
  border-color: #183ca3;
  margin-left: 8px;
  transition: all 0.3s;
}
.data_item_search
  .search_box
  .seh_hide
  > li
  > ul
  > li:nth-child(2)
  a:nth-child(2):hover {
  background-color: #183ca3;
  color: white;
}

/* 서브필터 */
.sub_filter {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 20px;
}
.sub_filter .choice {
  display: flex;
  flex-direction: column;
  gap: 23px;
}
.sub_filter .choice ul {
  display: flex;
  margin-right: 34px;
}
.sub_filter .choice ul:nth-child(1) li:first-child {
  margin-right: 10px;
  padding-right: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 22px;
  font-weight: 300;
}
.sub_filter .choice ul:nth-child(1) li:first-child span {
  font-weight: 500;
}
.sub_filter .choice ul:nth-child(1) li:first-child em {
  font-style: normal;
  color: #2a6fdb;
  font-size: 22px;
  font-weight: 500;
}
/* .sub_filter .choice ul:nth-child(1) li:first-child:after{
	content: "";
	position: absolute;
	top: calc(50% + 1px);
	transform: translateY(-50%);
	right: 0;
	width: 1px;
	height: 14px;
	border-right: 1px solid #8E8E8E;
} */
.sub_filter .choice ul:nth-child(2) li {
  position: relative;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 700;
  color: #323232;
}
.sub_filter .choice ul:nth-child(2) li:first-child {
  padding-left: 0;
}
.sub_filter .choice ul:nth-child(2) li:after {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 14px;
  border-right: 1px solid #8e8e8e;
}
.sub_filter .choice ul:nth-child(2) li:last-child:after {
  border: none;
}
.sub_filter .choice ul:nth-child(2) li a:hover,
.sub_filter .choice ul:nth-child(2) li.on a {
  position: relative;
  color: #2a6fdb;
}
.sub_filter .choice ul:nth-child(2) li a:hover:after,
.sub_filter .choice ul:nth-child(2) li.on a:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #2a6fdb;
}
.sub_filter .select {
  display: flex;
}
.sub_filter .select ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
.sub_filter .select ul li:first-child a {
  width: 162px;
  height: 40px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 42px;
  position: relative;
  color: #222222;
  font-size: 13px;
}
.sub_filter .select ul li:first-child a:before,
.sub_filter .select ul li:first-child a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 18px;
}
.sub_filter .select ul li:first-child a:before {
  background-image: url(/rsearch/static/img/kist/excel_d_icon.png);
  left: 10px;
  width: 20px;
}
.sub_filter .select ul li:first-child a:after {
  background-image: url(/rsearch/static/img/kist/download_icon.png);
  right: 13px;
  width: 18px;
}
.sub_filter .select ul li:first-child a:hover {
  background-color: #f7f7f7;
}

.sub_filter .select ul li:nth-child(2) a {
  width: 162px;
  height: 40px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 42px;
  position: relative;
  color: #222222;
  font-size: 13px;
}
.sub_filter .select ul li:nth-child(2) a:before,
.sub_filter .select ul li:nth-child(2) a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 18px;
}
.sub_filter .select ul li:nth-child(2) a:before {
  background-image: url(/rsearch/static/img/kist/ai_sum.png);
  left: 10px;
  width: 20px;
}
.sub_filter .select ul li:nth-child(2) a:after {
  right: 13px;
  width: 18px;
}
.sub_filter .select ul li:nth-child(2) a:hover {
  background-color: #f7f7f7;
}

.sub_filter .select ul li:nth-child(3) a {
  width: 162px;
  height: 40px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 42px;
  position: relative;
  color: #222222;
  font-size: 13px;
}
.sub_filter .select ul li:nth-child(3) a:before,
.sub_filter .select ul li:nth-child(3) a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 18px;
}
.sub_filter .select ul li:nth-child(3) a:before {
  background-image: url(/rsearch/static/img/kist/issue_reg.png);
  left: 10px;
  width: 20px;
}
.sub_filter .select ul li:nth-child(3) a:after {
  right: 13px;
  width: 18px;
}
.sub_filter .select ul li:nth-child(3) a:hover {
  background-color: #f7f7f7;
}

/* sns 링크 아이콘 */
.sns_share {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.sns_share a {
  margin-left: 6px;
}
.sns_share a img {
  display: block;
  height: 30px;
}

/* 데이터 뷰 탭 */
.board_wiew_tab {
  margin-bottom: 22px;
}
.board_wiew_tab ul {
  display: flex;
}
.board_wiew_tab ul li {
  position: relative;
  width: calc(100% / 4);
}
.board_wiew_tab ul li:first-child {
  margin-left: 0;
}
.board_wiew_tab ul li a {
  width: 100%;
  color: #303030;
  height: 44px;
  line-height: 43px;
  border-right: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  text-align: center;
}
.board_wiew_tab ul li:first-child a {
  border-left: 1px solid #c7c7c7;
}
.board_wiew_tab ul li.on {
  z-index: 1;
}
.board_wiew_tab ul li.on a {
  background-color: #0068ea;
  color: white;
  border: none;
}

/* 게시판 글 보기 */
.board_view_txt {
  padding: 20px 40px 62px 40px;
  line-height: 2.5;
}

/* a테그 라인 */
.tag_line_bl {
  font-weight: 500;
  color: #0068ea;
  text-decoration: underline;
  display: inline-block;
  margin-right: 12px;
}
.tag_line_bl:after {
  content: ",";
}
.tag_line_bl:last-child:after {
  display: none;
}

/* 게시판 답변 */
.board_answer_wrap {
  position: relative;
  padding-left: 46px;
  margin-top: 36px;
}
.board_answer_wrap:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 18px;
  background: url(/search/static/img/kist/re_talk_icon.png) no-repeat;
  width: 10px;
  height: 10px;
}
.board_answer_wrap .re_comment ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 44px;
  height: 60px;
  background-color: #f9f9f9;
  border-top: 2px solid black;
  border-bottom: 1px solid #c7c7c7;
}
.board_answer_wrap .re_comment ul li:first-child {
  font-size: 16px;
  font-weight: 500;
  color: black;
}
.board_answer_wrap .re_comment ul li:last-child {
  font-weight: 500;
  color: #636363;
}
.board_answer_wrap .re_comment .txt {
  padding: 28px 44px;
  line-height: 2.5;
  border-bottom: 1px solid #c7c7c7;
}
.bottom_btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 36px;
}
.bottom_btn a {
  padding: 0 32px;
  min-width: 130px;
  height: 42px;
  line-height: 41px;
  text-align: center;
  margin-left: 10px;
}
.bottom_btn a:first-child {
  border: 1px solid #303030;
  color: #6e6e6e;
}
.bottom_btn a:nth-child(2) {
  border: none;
  background-color: #0317a5;
  color: white;
}

/* 테이블에 내역이 없을때 거래내역 */
.no_trade_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-top: 2px solid black;
  font-size: 16px;
  height: 300px;
}

/* 이전글 다음글 */
.article_list_wrap {
  display: flex;
  margin-top: 64px;
}
.article_list_wrap ul {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #c7c7c7;
  background-color: #f5f7fb;
  height: 102px;
  padding: 0 28px;
  grid-gap: 26px;
}
.article_list_wrap ul:last-child {
  border-left: none;
}
.article_list_wrap ul li {
  position: relative;
}
.article_list_wrap ul .title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article_list_wrap ul .prev:before,
.article_list_wrap ul .next:before {
  content: "";
  display: block;
  width: 44px;
  height: 6px;
  background: url("/rsearch/static/img/kist/article_arrow_icon.png") no-repeat;
  background-position: center;
  margin-bottom: 4px;
}
.article_list_wrap ul .next:before {
  transform: scaleX(-1);
}

/* 비밀글 아이콘 */
span.secret {
  position: relative;
  padding-left: 20px;
}
span.secret:before {
  content: "";
  position: absolute;
  left: 0;
  background: url("/rsearch/static/img/kist/lock_outline.png") no-repeat;
  width: 12px;
  height: 15px;
  background-position: center;
}

/* 파일 아이콘 */
span.file {
  position: relative;
  padding-right: 20px;
}
span.file:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  background: url(/search/static/img/kist/file_link_icon.png) no-repeat;
  width: 14px;
  height: 14px;
  background-position: center;
}
li.file {
  position: relative;
  padding-right: 20px;
}
li.file:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  background: url(/search/static/img/kist/file_link_icon.png) no-repeat;
  width: 14px;
  height: 14px;
  background-position: center;
}
/* 하단 버튼 */
.blue_btn {
  display: flex;
  justify-content: center;
  grid-gap: 8px;
}
.blue_btn a {
  width: 160px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #6e6e6e;
  font-size: 18px;
  font-weight: 500;
  color: #6e6e6e;
  text-align: center;
}
.blue_btn a:last-child {
  background-color: #122c91;
  border: none;
  color: white;
}

/* 인풋 틀렸을때 */
.fail_int input,
.fail_int select {
  border-color: #de0b0b !important;
}
.fail_int input::-webkit-input-placeholder {
  color: #de0b0b !important;
}
.fail_int input:-ms-input-placeholder,
.fail_int select:-ms-input-placeholder {
  color: #de0b0b !important;
}
.fail_int p {
  color: #de0b0b !important;
}
.fail_int input:focus,
.fail_int select:focus {
  outline: none !important;
  border-color: #de0b0b !important;
}

/* 맞았을때 */
p.confirm_txt {
  color: #2a6fdb !important;
}

/* 검색했을때 볼드 처리 */
.search_bold {
  color: #011499 !important;
  font-weight: 700;
}

/* 푸터 */
footer {
  background-color: #f2f5f8;
  border-top: 1px solid #e0e0e0;
  padding-top: 32px;
  padding-bottom: 48px;
}
footer nav {
  display: flex;
  justify-content: space-between;
}
footer nav > ul {
  display: inline-flex;
}
footer nav > ul:first-child {
  font-size: 18px;
  font-weight: 500;
  color: #303030;
}
footer nav ul li {
  position: relative;
  height: 100%;
}
footer nav > ul > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
footer nav > ul > li > a strong {
  text-decoration: underline;
}
footer nav > ul:first-child li {
  margin-right: 22px;
  padding-right: 22px;
}
footer nav > ul:first-child li:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: #aeb2b5;
  position: absolute;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  right: 0;
}
footer nav > ul:first-child li:last-child:after {
  display: none;
}
footer nav ul.site > li {
  margin-right: 12px;
  font-size: 15px;
  font-weight: 500;
  color: #2d2d2d;
}
footer nav ul.site > li:last-child {
  margin-right: 0;
}
footer nav ul.site > li > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 230px;
  height: 38px;
  padding: 0px 22px;
  background-color: white;
  border: 1px solid #dcdbdc;
  border-radius: 19px;
}
footer nav ul.site > li > a:after {
  content: "";
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 10px;
  height: 6px;
  background: url("/rsearch/static/img/kist/st_arrow_icon.png") no-repeat;
  transition: all 0.3s;
  /* transform: rotate(180deg); */
}
footer nav ul.site > li:hover > a:after {
  transform: translateY(-50%);
}
footer nav ul.site > li > a + .list {
  position: absolute;
  /* top: 100%; */
  /* padding-top: 0px; */
  width: 100%;
  transition: all 0.2s;
  height: 0px;
  overflow: hidden;
  bottom: 100%;
}
footer nav ul.site > li > a + .list ul {
  background-color: white;
  border-radius: 19px;
  border: 1px solid #dcdbdc;
  overflow: hidden;
}
footer nav ul.site .family:hover .list,
footer nav ul.site .relevant:hover .list {
  height: 162px;
}
footer nav ul.site > li > a + .list ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 38px;
  padding: 0px 22px;
  border-bottom: 1px solid #dcdbdc;
}
footer nav ul.site > li > a + .list ul li:last-child a {
  border: none;
}
footer .info {
  padding-top: 35px;
  font-size: 15px;
  color: #808080;
  line-height: 22px;
}
footer .info .ft_logo {
  display: flex;
  justify-content: space-between;
}
footer .info .ft_logo .lg_left img {
  height: 45px;
}
footer .info .ft_logo .lg_left {
  display: flex;
  gap: 41px;
  align-items: flex-start;
}
footer .info .ft_logo .lg_right {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-end;
}
footer .info .ft_logo .lg_right img {
  width: 50%;
}

@media (max-width: 1400px) {
  .floating_top_btn {
    display: none !important;
  }
}