@charset "UTF-8";
/* 초기화 및 초기 세팅 */
:root {
  /* 버튼 및 인풋 폼 높이 세팅 */
  --hd_height: 9rem;
  --hd_height_m: 50px;
  --height_sm: 3rem;
  --height_md: 4rem;
  --height: 4.4rem;
  --height_lg: 5rem;
  --gray-100: #f8f8f8;
  --gray-200: #f2f2f2;
  --gray-300: #ebebeb;
  --gray-400: #d6d6d6;
  --gray-500: #aaaaaa;
  --gray-600: #6d6d6d;
  --gray-700: #4d4d4d;
  --text: #121212;
  --text2: #000000;
  --ic_date: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z"></path></svg>');
  --ic_time: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z"></path></svg>');
}


/* iOS에서 input date 텍스트정렬 */
input[type="date"]::-webkit-date-and-time-value{
	text-align: left; 
	vertical-align: center;
}


/*Some icons are provided by Iconsax (https://iconsax.io)*/

/*
 * Phoca Flags 1.0.0 by Jan Pavelka
 * Copyright 2013 Jan Pavelka ( http://www.phoca.cz )
 * License GNU General Public License version 3
 */
.complete-box {
  padding: 10rem 0;
}
.phoca-box {
  width: 32%;
  float: left;
  position: relative;
  height: 140px;
}
.phoca-flagbox {
  width: 120px;
  height: 120px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.phoca-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  margin: auto;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
  box-shadow: inset 0px 0px 0px 2px #fff;
}
.phoca-title {
  display: inline-block;
  vertical-align: middle;
  margin-left: 40px;
}
.phoca-flagbg {
}
.relative {
  position: relative;
}

/* 버튼 */
.btn {
  height: var(--height);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.btn-sm {
  height: var(--height_sm);
  border-radius: 0.6rem;
  font-size: 1.4rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  font-weight: 400;
}
.btn-md {
  height: var(--height_md);
  border-radius: 1rem;
  font-weight: 400;
}
.btn-lg {
  height: var(--height_lg);
  font-weight: 600;
  font-size: 1.6rem;
}
.btn-link {
  height: auto;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 0;
  background: transparent;
  flex-shrink: 0;
}
.btn-icon {
  height: auto;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 0;
  background: transparent;
  flex-shrink: 0;
}
.btn-icon img {
  flex-shrink: 0;
}

.btn-primary2 {
  background: var(--primary-light);
  border-color: var(--primary-light);
  color: #fff;
}
.btn-primary2:hover,
.btn-primary2:focus {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
}

.btn-primary3 {
  background: #ff8d69;
  border-color: #ff8d69;
  color: #fff;
}
.btn-primary3:hover,
.btn-primary2:focus {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
}

.btn-light-primary {
  background: #fff1ed;
  border-color: #fff1ed;
  color: var(--primary);
}
.btn-light-primary:hover,
.btn-light-primary:focus {
  color: var(--primary);
}

.btn.disabled,
.btn:disabled {
  opacity: 1;
  color: var(--gray-500);
  background: var(--gray-300);
  border-color: var(--gray-300);
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-group-toggle .btn {
  margin-right: 0.6rem;
}

.btn-group-toggle .btn input[type="radio"],
.btn-group-toggle .btn input[type="checkbox"],
.btn-group-toggle .btn-group .btn input[type="radio"],
.btn-group-toggle .btn-group .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

body.menu_on {
  overflow: hidden;
}

/*스크롤바*/
div::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
}
div::-webkit-scrollbar-thumb {
  width: 1rem;
  background-color: var(--gray-400);
  border-radius: 100px;
}

::-webkit-scrollbar {
  width: 1.3rem;
  height: 1.3rem;
}
::-webkit-scrollbar-thumb {
  width: 1.3rem;
  background-color: var(--gray-400);
  border-radius: 100px;
}

.pre-scrollable {
  max-height: 40rem;
}

html {
  font-size: 10px;
}
body {
  margin: 0 auto;
  padding: 0;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
label,
input,
button,
select,
img {
  vertical-align: middle;
}
input,
button {
  margin: 0;
  padding: 0;
}
input[type="submit"] {
  cursor: auto;
}
button {
  cursor: auto;
}
select {
  margin: 0;
}
p {
  margin: 0;
  padding: 0;
  word-break: keep-all;
}
hr {
  display: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.un_reboot_a {
  color: var(--main);
  text-decoration: underline;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all;
}

img {
  max-width: 100%;
  display: inline-block;
  height: auto;
}
.container-fluid {
  max-width: 2560px;
}
.mobile_wr {
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  box-sizing: content-box;
}

.m_only {
  display: none;
}

/* bar */
.bar {
  height: 1.2rem;
  background-color: #f8f8f8;
}

/*버튼*/
.btn_auto {
  padding: 0 !important;
  height: auto !important;
  width: auto;
}

.bottom_btn {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 100%;
  padding: 0.6rem 2rem 1rem;
  max-width: 576px;
  transform: translateX(-50%);
  z-index: 16;
}

.go_top2.show {
  display: block;
}

.btn-link:hover,
.bnt-link:focus {
  text-decoration: none;
}
.pointer {
  cursor: pointer;
}
/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img {
  transform: rotate(0deg);
}
/* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img {
  transform: rotate(180deg);
}

/*검색*/
.sch_ip {
  display: flex;
  background: #f8f8f8;
  padding: 0 2rem 0 2rem;
  border-radius: 50px;
  max-width: 350px;
  width: 100%;
  position: relative;
}
.sch_ip form {
  width: 100%;
  display: flex;
}
.sch_ip .form-control {
  background: #f8f8f8;
  width: 100%;
  height: 4.3rem;
  padding: 0.5rem 0;
  color: var(--gray-800);
}
.sch_ip .form-control:focus {
  background-color: transparent;
}
.sch_ip .form-control::placeholder {
  color: #cbc9d1;
  opacity: 1;
}
.sch_ip button {
  width: 2rem;
  height: 2rem;
  border: 0;
  background: transparent;
}

/*회색 검색*/
.sch_gray.sch_ip {
  background: #f5f6f8;
  border: 0;
}

/*노데이터*/
.no_data {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.underline_a {
  text-decoration: underline;
}

/*텝 결과박스*/
.result_wp {
  border-radius: 1.2rem;
  background-color: var(--gray-100);
  border: 1px solid var(--border);
  padding: 1.5rem;
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
}
.result_box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.result_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.5rem 1rem 0.5rem 0.5rem;
  background-color: #edf3fd;
  border-radius: 1rem;
  padding: 1rem;
  color: var(--text);
}
.result_list .d-flex {
  align-items: center;
}
.result_list span {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--text);
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.result_list .btn {
  display: flex;
}
.result_list .btn img {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.result_list span {
  white-space: pre-line;
  word-break: break-all;
}
.result_list p > span {
  display: inline-block;
}

/*여백*/
.mt_35 {
  margin-top: 3.5rem;
}
.mt_45 {
  margin-top: 4.5rem;
}
.mt_50 {
  margin-top: 5rem;
}
.mt_60 {
  margin-top: 6rem;
}

.pt_40 {
  padding-top: 4rem;
}

.over_hidden {
  overflow: hidden;
}
.text_dynamic {
  white-space: pre-line;
}
.text_underline {
  text-decoration: underline;
}
.flex_center {
  justify-content: center;
  align-items: center;
}

.text-gray {
  color: #999;
}
.text-gray2 {
  color: #aab1b7;
}
.text-gray3 {
  color: #666;
}
.text-black {
  color: #000;
}
.text-white {
  color: #fff;
}
.text-8a969c {
  color: #8a969c;
}
.fc_primary {
  color: var(--primary);
}
.fc_blue {
  color: #4d8aff;
}
.fc_gray_100 {
  color: var(--gray-100);
}
.fc_gray_200 {
  color: var(--gray-200);
}
.fc_gray_300 {
  color: var(--gray-300);
}
.fc_gray_400 {
  color: var(--gray-400);
}
.fc_gray_500 {
  color: var(--gray-500);
}
.fc_gray_600 {
  color: var(--gray-600);
}
.fc_gray_700 {
  color: var(--gray-700);
}
.fc_gray_800 {
  color: var(--gray-800);
}
.fc_gray_900 {
  color: var(--gray-900);
}
.fc_text {
  color: var(--text) !important;
}

.btn.xi-redo:hover {
  color: var(--text);
}

/*border-color 추가*/
.border-gray-600 {
  border-color: #9da6b1 !important;
}
.btn-outline {
  border: 1px solid #aaa;
}
.btn-outline-b {
  border: 1px solid #291b1b;
}
/* 뱃지 디자인 */
.badge_ico {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 1.2rem;
  text-align: center;
  cursor: default;
  /* margin-top: 0.25rem;
   margin-bottom: 0.25rem; */
}
a .badge_ico,
button .badge_ico {
  cursor: pointer;
}
/* 커뮤니티 뱃지 모양 */
.badge_ico2 {
  padding: 0.4rem;
  border-radius: 0.4rem;
  font-weight: 400;
}
/* 큰 뱃지 */
.badge_ico.big {
  padding: 1rem 2rem;
  border-radius: 5rem;
  font-size: 1.4rem;
}
.badge_ico2.big {
  padding: 0.6rem 1rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
}

/* 뱃지 색상 */
.badge_ico.blue_b {
  background-color: #eef4ff;
  color: #4d8aff;
}
.badge_ico.gray_b {
  background-color: #f2f4f8;
  color: #334155;
}
.badge_ico.green_b {
  background-color: #e8fef8;
  color: #2c7462;
}
.badge_ico.purple_b {
  background-color: #f5efff;
  color: #5d587b;
}
.badge_ico.red_b {
  background-color: #fff2f2;
  color: #d0021b;
}
.badge_ico.orange_b {
  background-color: #fff2eb;
  color: #f5894a;
}

/* 커뮤니티 아이콘 */
.commu_ico_wr {
  font-style: normal !important;
}
.commu_ico {
  width: 1.8rem;
}
/* 추천 버튼 */
.recommend_btnwp {
  align-items: center;
}
.recommend_btnwp .recommendbtn {
  display: block;
  align-items: center;
  border: 0;
}
.recommend_btnwp .recommendbtn.on {
  display: none;
}
.recommend_btnwp.on .recommendbtn {
  display: none;
}
.recommend_btnwp.on .recommendbtn.on {
  display: block;
}

/*서브*/
.sub_tit {
  position: relative;
}
.sub_pg {
  min-height: 780px;
  background: #fff; /*padding-top: var(--hd_height);*/
}

/* 서브페이지 공통 */
.sub_pg {
}
.sub_wr {
  padding-top: 3rem;
  padding-bottom: 5.5rem;
}
.sub_group_box {
  padding: 2rem;
  border-radius: 1rem;
  border: 1px solid var(--gray-400);
  background-color: #fff;
}

.sub_with_tit {
  padding-top: 3rem;
  padding-bottom: 6rem;
}
.sub_no_tit {
  padding-top: 5rem;
  padding-bottom: 6rem;
}
.sub_with_bnr {
  padding-top: 2rem;
  padding-bottom: 6rem;
}
/* 스티키메뉴 있는 경우 */
.sub_with_tit.sticky_pg {
  padding-top: 0;
}

/* 국기 이미지 */
.flag_ic_wr {
  overflow: hidden;
}
.flag_ic_wr .phoca-flagbox {
  width: auto;
  height: auto;
  display: block;
  vertical-align: middle;
  position: relative;
  flex-shrink: 0;
}
.flag_ic_wr .phoca-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  vertical-align: middle;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-size: cover;
  background-position: center;
  height: auto;
}

/* 프로필사진 circle_box 공통 */
.profile_circle_box {
  background-image: url(../img/img_no_profile.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  flex-shrink: 0;
}

/* 프로필사진 박스 기본 사이즈 */
/* 필요한곳에서 그때그때 사이즈 조절해서 사용 */
.profile_circle_box {
  width: 10.7rem;
  height: 10.7rem;
}

.pagination_custom .swiper-pagination {
  position: static;
}
.pagination_custom .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination_custom .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 1rem;
  background: #e3e3e3;
  opacity: 1;
  margin: 0 0.25rem !important;
}
.pagination_custom .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--primary);
  width: 2rem;
}

.collapse_cate {
  position: relative;
}
.collapse_cate .btn-group-toggle .btn,
.collapse_cate .btn-group .btn {
  margin-right: 0.6rem;
  margin-bottom: 0.6rem;
}

/*PC 모바일 헤더 공통*/
.logo {
  display: flex;
  align-items: center;
}
.log_txt {
  font-size: 1.8rem;
  display: flex;
  padding-left: 1rem;
}
.log_txt span {
  display: inline-block;
  padding: 0 1rem;
  border-right: 1px solid var(--border);
}
.log_txt span:last-child {
  border-right: 0;
}
.nav_a {
  cursor: pointer;
}

/*PC헤더 스타일*/
.logo img {
  height: 100%;
  width: auto;
}
.hd_pc {
  width: 100%;
  z-index: 1000;
  background: #fff;
  z-index: 999;
}
.hd_pc .logo img {
  width: 16.2rem;
}
.hd_pc_m .nav_ul {
  display: flex;
  font-size: 1.9rem;
  font-weight: 600;
}
.hd_pc_m .nav_ul .nav_li {
  position: relative;
  padding: 0 40px;
}
.hd_pc_m .nav_ul .nav_li:nth-child(1) {
  padding: 0 40px 0 0;
}
.hd_pc_m {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  position: sticky;
  top: 0;
  z-index: 11;
  background-color: #fff;
}
.hd_pc_m .nav_ul .nav_li > a {
  position: relative;
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  padding: 15px 0;
  height: 70px;
}
.hd-top-right {
  gap: 20px;
}
.hd-top-right a {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* 헤더 챗봇 아이콘 */
.hd_pc .chatbot_ico {
  width: 2.6rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
.hd_pc .nav_ul .nav_li .nav_a:has(.chatbot_ico) {
  padding-left: 3rem;
}
.hd_pc .btn-sm {
  height: 2.2rem;
  padding: 0.4rem 0.5rem;
  font-size: 1.2rem;
}
.hd_pc_t {
  padding: 15px 0;
}
.hd_pc_t .before_login a {
  font-size: 1.3rem;
  color: var(--gray-800);
  margin-right: 1.5rem;
}
.hd_pc_sub_m {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding: 0;
  border-top: 0 solid #f2f2f2;
  position: absolute;
  background: url(../img/hd_pc_sub_m.jpg) no-repeat;
  background-size: cover;
  background-color: #fff;
  transition: 0.2s all;
}
.hd_pc_sub_m.active {
  padding: 4rem 0;
  height: auto;
  border-top: 1px solid #f2f2f2;
  transition: 0.2s all;
}
.hd_pc_sub_m ul {
  display: flex;
  align-items: stretch;
}
.hd_pc_sub_m ul li {
  padding: 0 70px;
  border-right: 1px solid #f2f2f2;
}
.hd_pc_sub_m ul li:nth-child(1) {
  padding: 0 70px 0 0;
}
.hd_pc_sub_m ul li:last-child {
  border-right: 0;
}
.hd_pc_sub_m ul li h3 {
  margin-bottom: 2rem;
}
.hd_pc_sub_m ul li p a {
  color: var(--gray-600);
  padding: 1rem 0;
  display: inline-block;
}
.hd_pc_sub_m ul li p a:hover {
  color: var(--primary);
}

/*서브메뉴 공통디자인*/

/* 헤더 언어 선택 부분 */
.dropdown_menu_wr .dropdown-toggle::after {
  display: none;
}
.dropdown_menu_wr .dropdown-menu {
  padding: 0;
}
.dropdown_menu_wr .dropdown-menu a {
  border-bottom: 1px solid var(--gray-400);
}
.dropdown_menu_wr .dropdown-menu a:last-child {
  border: none;
}
.dropdown_menu_wr .dropdown-menu a:hover {
  color: var(--text);
}

.flag_ic_wr {
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
}
.select_lang_wr {
  position: relative;
  cursor: pointer;
}
.select_lang_txt .ico_updown {
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
  background: url(../img/nav_ctg_down.png) no-repeat;
  background-size: contain;
}
.sub_menu_ul.lang_menu {
  top: 2rem;
  right: 0;
  min-width: 8.4rem;
}
.lang_menu a {
  font-size: 1.2rem;
}

/* 헤더 로그인 후 프로필사진 */
.after_login .profile_circle_box {
  width: 2.2rem;
  background-color: var(--gray-100);
}

/* 헤더 상단 드롭다운 메뉴 위치 */
.hd_pc_t .dropdown-menu {
  margin-top: 0.5rem;
}
.hd_pc_t .profile_circle_box + .dropdown-menu {
  left: 0.5rem !important;
}
/* 모바일 */
.hd_mo .dropdown-menu {
  margin-top: 0.5rem;
}
.hd_mo .select_lang_btn + .dropdown-menu {
  left: 0.3rem !important;
}

/*모바일 헤더 스타일*/
.hd_mo {
  display: none;
  width: 100%;
  height: 50px !important;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--white);
  padding: 0 1.6rem;
  z-index: 999;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.04);
}
.hd_mo .logo img {
  width: 12.5rem;
}

/*** 모바일 우측 메뉴 ***/
/* 헴버거메뉴 */
.hd_menu_btn {
  background: url(../img/ic_menu.png) no-repeat center;
  background-size: 3rem auto;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  margin-left: 0.8rem;
}
.hd_menu_btn a {
  display: block;
}

/* x버튼 */
.menu_hd {
  display: none;
  opacity: 0;
}
.m_nav .menu_hd {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 1.4rem 1.6rem;
  opacity: 0;
}
.menu_on .m_nav .menu_hd {
  opacity: 1;
}
.close_btn {
  width: 3rem;
}
.m-logout button {
  display: flex;
  gap: 5px;
  border: 0;
  background-color: #ffffff00;
  align-items: center;
}
.m_nav {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #fff;
  max-width: 0;
  transform: translateX(0%);
  visibility: hidden;
  opacity: 0;
}
.menu_md {
  padding: 2rem 2.6rem 5rem;
}
.menu_md h2 {
  white-space: pre-line;
  line-height: 29px;
  word-break: keep-all;
}
.menu_md .profile_circle_box {
  width: 8.1rem;
  height: 8.1rem;
  background-color: #fff;
  flex-shrink: 0;
}

.menu_bt {
  position: absolute;
  width: calc(100% - 32px);
  bottom: -21px;
  left: 50%;
  border-radius: 80px;
  transform: translateX(-50%);
  overflow: hidden;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
}
.menu_bt a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  max-height: 42px;
  background: #fff;
  box-sizing: border-box;
  padding: 1.3rem 0;
  gap: 5px;
}
.menu_bt a:nth-child(1) {
  border-right: 1px solid #f2f2f2;
}

/* 메뉴 디자인 */
.m_nav_ul {
  padding: 0 16px 40px;
}
.m_nav_ul .m_nav_li {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 20px;
}
.m_nav_ul .m_nav_li:last-child {
  border-bottom: 0;
}
.m_nav_menu {
  color: var(--text);
  font-size: 1.6rem;
}
.m_nav_tit {
  width: 100%;
  gap: 5px;
  padding: 2rem 1.5rem;
  padding-top: 2rem;
  font-weight: 700;
  font-size: 17px;
}
.m_nav_li:first-child .m_nav_tit {
  border-top: 0;
}
.m_nav_tit img {
  width: 2.4rem;
  flex-shrink: 0;
}
.nav_ul2 a {
  display: block;
  padding: 0rem 1.6rem;
  font-size: 16px;
  color: var(--gray-600);
}
.m_nav .nav_ul2 .content_menu_tit {
  padding: 1.5rem 1.6rem;
  padding-left: 5rem;
  font-size: 1.5rem;
  color: var(--gray-900);
}

/* 메뉴 열렸을때 외부 */
.menu_on .m_menu_wr {
  visibility: visible;
  opacity: 1;
  right: 0%;
}
.m_nav {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #fff;
  max-width: 0;
  transform: translateX(0%);
  visibility: hidden;
  opacity: 0;
}
.menu_on .m_nav {
  transform: translateX(0%);
  visibility: visible;
  opacity: 1;
  max-width: 100%;
}
.m_menu_wr {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: -200%;
  width: 100%;
  height: 100%;
  z-index: 1041;
  transition: all 0.5s ease-in-out;
  display: flex;
  justify-content: start;
  max-width: 412px;
}

/* 메뉴 스크롤 */
.m_nav_top {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: url(../img/m_nav_top.jpg) no-repeat;
  background-size: cover;
}
.m_nav_menu {
  display: block;
  height: 100%;
  width: 100%;
  margin-top: 30px;
}

/*모바일 하단메뉴*/
.bt_menu {
  width: calc(100% + 2px);
  max-width: 991.98px;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: none;
  margin-left: -1px;
}
.bt_menu ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 0 5rem;
  height: 6rem;
  box-shadow: 0px -3px 10px rgb(0 0 0 / 5%);
}
.bt_menu ul li a {
  display: inline-block;
  color: var(--gray-700);
  font-weight: 600;
  font-size: 1rem;
}
.bt_menu ul li .ico {
  width: 2.6rem;
  display: block;
  margin: 0 auto;
}
.bt_menu ul li p {
  margin-top: 0.6rem;
}
.bt_menu ul li .img_on {
  display: none;
}
.bt_menu ul li.on a {
  color: var(--primary);
}
.bt_menu ul li.on .img_on {
  display: block;
}
.bt_menu ul li.on .img_off {
  display: none;
}

/* 탭 디자인 */
.tab_tit_wr .tab_tit {
  background: none;
  border-radius: 0;
  padding: 0;
}
.tab_tit_wr .tab_tit .nav-item {
  margin: 0 1.5rem;
}
.tab_tit_wr .tab_tit .nav-item:first-child {
  margin-left: 0;
}
.tab_tit_wr .tab_tit .nav-item:last-child {
  margin-right: 0;
}
.tab_tit_wr .tab_tit .nav-link {
  height: auto;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--gray_700);
  padding: 0;
  text-align: left;
}
.tab_tit_wr .tab_tit .nav-link.active {
  box-shadow: none;
  background: none;
  color: var(--primary);
}

.tab_tit_wr .tab_tit .nav-item {
  position: relative;
}
.tab_tit_wr .tab_tit .nav-item::after {
  content: "|";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.1rem;
  height: 100%;
  color: var(--gray-700);
  position: absolute;
  top: 0;
  right: -1.6rem;
}
.tab_tit_wr .tab_tit .nav-item:last-child:after {
  display: none;
}

.tab_cont_wr .tab_cont {
  outline: none;
  border-radius: 0;
  padding: 0;
}
.tab_cont_wr p {
  line-height: 1.2;
}

/* 2dep 탭 버튼 디자인 */
.tab_tit_wr:has(.tab_tit_2dep) {
  overflow-x: hidden;
  margin-right: 1.5rem;
}
.tab_tit.tab_tit_2dep .nav-item {
  flex-shrink: 0;
}
.tab_tit.tab_tit_2dep .nav-link {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--input_placeholder);
  background-color: var(--gray-200);
  border-radius: 5rem;
  padding: 0.7rem 1rem;
}
.tab_tit_wr .tab_tit.tab_tit_2dep .nav-item::after {
  display: none;
}
.tab_tit_wr .tab_tit.tab_tit_2dep .nav-link.active {
  background-color: var(--primary);
  color: var(--white);
}
.tab_tit_wr .tab_tit.tab_tit_2dep .nav-item {
  margin: 0 0.5rem;
}
.tab_tit_wr .tab_tit.tab_tit_2dep .nav-item:first-child {
  margin-left: 0;
}
.tab_tit_wr .tab_tit.tab_tit_2dep .nav-item:last-child {
  margin-right: 0;
}

.tab_arrow_btn {
  flex-shrink: 0;
  background: var(--gray-200);
  color: var(--input_placeholder);
  border-radius: 1.5rem;
  padding: 0.5rem;
}
.tab_tit_with_arrow {
  flex-grow: 1;
  padding-right: 1rem;
  padding-left: 1rem;
}

/*** 서브페이지 ***/
/*로그인,회원가입*/
.sign_pg {
  padding-top: 6.5rem;
  padding-bottom: 8.5rem;
  min-height: 780px;
}
.login_pg {
  padding-top: 6.5rem;
  padding-bottom: 8.5rem;
  min-height: 780px;
}
.sign_wr {
  max-width: 48rem;
}
.sign_box {
  width: 100%;
  max-width: 46rem;
  padding: 4rem;
  border-radius: 1.8rem;
  background: #fff;
  box-shadow: 0.3rem 0.6rem 3rem rgba(0, 0, 0, 0.03);
}
.log_btn a {
  display: inline-block;
  font-weight: 400;
  color: #666;
  padding: 0 0.5rem;
  border-right: 1px solid #e3e3e3;
}
.log_btn a:last-child {
  border-right: 0;
}
.border-gray {
  border: 1px solid #aaa;
  color: #4d4d4d;
}
.find-btn span {
  cursor: default;
}

/*회원가입 개인회원/기업회원 선택 라디오*/
.sign_checks label {
  margin-bottom: 0;
}
.sign_box .sign_checks .sign_chk_box {
  padding: 4rem 5.5rem 2rem 5.5rem;
}

/*글자색 변경*/
.sign_checks input ~ .sign_chk_box {
  color: var(--gray-700);
}
.sign_checks input:checked ~ .sign_chk_box {
  color: var(--primary);
}

/*라인 색상 변경*/
.sign_checks input ~ .sign_chk_box {
  border: 1px solid var(--gray-400);
}
.sign_checks input:checked ~ .sign_chk_box {
  border-color: var(--primary);
}

/*아이콘 공통*/
.sign_checks input ~ .sign_chk_box .ico_box {
  width: 8.5rem;
  height: 9.5rem;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sign_checks input ~ .sign_chk_box .ico_box_p {
  background-image: url(../img/ico_personal_g.png);
}
.sign_checks input ~ .sign_chk_box .ico_box_c {
  background-image: url(../img/ico_company_g.png);
}

/*아이콘 색상 변경*/
.sign_checks input:checked ~ .sign_chk_box .ico_box_p {
  background-image: url(../img/ico_personal_r.png);
}
.sign_checks input:checked ~ .sign_chk_box .ico_box_c {
  background-image: url(../img/ico_company_r.png);
}

/* SNS 로그인 아이콘 */
.sns_ico_box img {
  width: 5.5rem;
}

/*프로필 사진 업로드*/
.profile_upload .upload_box {
  border: none;
  width: 12rem;
  position: relative;
  background: none;
}
.profile_upload .upload_box .profile_circle_box {
  background-image: url(../img/img_no_profile.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.profile_upload .upload_kamera_ico {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.2rem;
  height: 3.2rem !important;
  border-radius: 50%;
  background-color: transparent;
  padding: 0 !important; /* display: none; */
}
.profile_upload .upload_kamera_ico img {
  width: 100%;
}
.profile_upload.on .upload_kamera_ico {
  display: flex;
}
.profile_upload.on .upload_box .profile_circle_box {
  background: none;
}

/*사업자등록증 업로드*/
.company_addinfo_img_upload .upload_box {
  width: 100%;
}

/*완료 체크 이미지*/
.done_chk_img {
  width: 9rem;
}

/* 인증번호 + 타이머 인풋 */
.code_input input {
  background: none !important;
}
.code_input input[type="text"]:focus {
  box-shadow: none !important;
}
.code_input:has(input[type="text"]:focus) {
  border-color: var(--primary);
  box-shadow: 0 0 0.3rem var(--primary);
}

/*테이블 탭디자인*/
.tab_1depth_wp {
  display: flex;
}
.tab_1depth_wp.btn-group > .btn,
.tab_1depth_wp.btn-group-vertical > .btn {
  flex: unset;
}
.tab_1depth:first-child .tab_1depth_btn {
  border-top-left-radius: 1.2rem;
  border-bottom-left-radius: 0;
}
.tab_1depth:last-child .tab_1depth_btn {
  border-top-right-radius: 1.2rem;
  border-bottom-right-radius: 0;
}
.tab_1depth:first-child .tab_1depth_btn {
  margin-left: 0;
}
.tab_1depth_btn {
  margin-left: -1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 15rem;
  width: auto;
  padding: 1.5rem !important;
  background-color: #fff;
  border: 1px solid var(--border);
  color: var(--input_placeholder);
  font-size: 1.5rem;
  font-weight: 400;
  border-radius: 1rem;
}
.tab_1depth_btn i {
  margin-left: 1rem;
}
.tab_1depth_wp .tab_1depth_btn:hover,
.tab_1depth_wp .tab_1depth_btn:focus {
  background-color: var(--gray-100);
  color: var(--input_placeholder);
  border-color: var(--border);
}
.tab-content {
  outline: 1px solid var(--border);
  border-top-right-radius: 1.2rem;
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
  padding: 2rem;
}
.tab_item {
  margin-bottom: 1rem;
}
.tab_item .form-check-label {
  word-break: break-all;
  color: var(--input_placeholder);
  font-size: 1.5rem;
  border-radius: 36rem;
  border: 1px solid var(--border);
  padding: 1.2rem 1.8rem;
  background-color: #fff;
}
.tab_item.on .form-check-label {
  border-color: var(--primary);
  color: var(--primary);
  background-color: var(--primary-100);
}
.nav .tab_1depth_btn span.ico_updown {
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
  background: url(../img/nav_ctg_down.png) no-repeat;
  background-size: contain;
}

/* 검색필터 디자인 */
.sub_ft_wr {
  /* padding-top: 3.0rem; */
  padding-bottom: 2rem;
}
.filter_btn_wr .filter_btn {
  border: 1px solid var(--gray-400);
  border-radius: 1rem;
  color: var(--gray-600);
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}
.filter_btn_wr .filter_btn.active {
  color: var(--text);
}
.filter_btn_wr .filter_btn i {
  color: var(--gray-800);
}

/* 상세조건 버튼 */
.filter_btn_wr .acco_ft_btn[aria-expanded="true"] {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.filter_btn_wr .acco_ft_btn[aria-expanded="true"] i {
  color: #fff;
}

.filter_btn_wr .acco_ft_btn[aria-expanded="true"] i.xi-plus-min {
  display: none;
}
.filter_btn_wr .acco_ft_btn[aria-expanded="true"] i.xi-minus-min {
  display: block;
}

.filter_btn_wr .acco_ft_btn[aria-expanded="false"] i.xi-minus-min {
  display: none;
}
.filter_btn_wr .acco_ft_btn[aria-expanded="false"] i.xi-plus-min {
  display: block;
}

/* 상세조건 선택 탭 */
.d_ft_tit {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.ft_line_wr {
  padding-bottom: 1.5rem;
}
.ft_line_wr .btn-group-toggle .btn {
  min-width: 8.2rem;
  margin-right: 0;
  border-radius: 1rem;
  font-weight: 500;
  padding: 0.5rem;
  line-height: 4rem;
}
.ft_line_wr .btn-group-toggle .btn.active,
.ft_line_wr .btn-group-toggle .btn:hover {
  border-color: var(--primary);
  background-color: var(--primary-100);
  color: var(--primary);
}
.ft_line_wr .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.ft_line_wr .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ft_line_wr .btn-group > .btn:not(:first-child),
.ft_line_wr .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ft_line_wr .custom-select {
  width: 24.7rem;
}

/* 필터 검색 버튼 */
.filter_wr .btn_wp .btn {
  width: calc(50% - 1rem);
  max-width: 14rem;
}

/* 서브페이지 콘텐츠 영역 */
.sub_cont_wr {
  padding-top: 2rem;
  /* padding-bottom: 6.0rem; */
}

/* 뷰타입 버튼 */
.veiwtype_btn {
  width: 2.9rem;
  height: 2.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  border-radius: 0.3rem;
}
.veiwtype_btn img {
  width: 100%;
}
.veiwtype_btn .on_img {
  display: none;
}

.vt_btn_wr .veiwtype_btn {
  margin-right: 1rem;
}
.vt_btn_wr .veiwtype_btn:last-child {
  margin-right: 0;
}

.veiwtype_btn.active {
  background-color: var(--primary-100) !important;
}
.veiwtype_btn.active .off_img {
  display: none;
}
.veiwtype_btn.active .on_img {
  display: block;
}

/* 게시글 리스트 디자인 */
/* 공통 */
.post_list_wr {
  /* cursor: pointer; */
  border-radius: 1rem;
  border: 1px solid var(--gray-400);
  background-color: #fff;
  /* padding: 0; */
  overflow: hidden;
  margin-bottom: 1rem;
}
.post_list_wr .user_info_box {
  display: flex;
  background-color: var(--gray-100);
  padding: 1.5rem;
  flex-shrink: 0;
}

.post_list_wr .user_profile_wr {
  position: relative;
}
.post_list_wr .profile_circle_box {
  background-color: #fff;
}
.post_list_wr .flag_ic_wr {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
.post_list_wr .user_name_wr h3 {
  margin-top: 1rem;
}
.post_list_wr .user_name_wr p {
  margin-top: 0.5rem;
}
.post_cont_box {
  padding: 1.5rem;
}
.post_tit {
  font-size: 1.6rem;
  font-weight: 600;
}
.post_list_wr .post_tit {
  flex-grow: 1;
}
/* 북마크 아이콘 */
.bookmark_wr {
  margin-left: 1.5rem;
  flex-shrink: 0;
}
.bookmark_wr img {
  width: 1.8rem;
}
/*북마크*/
.bookmark_btnwp .bookmarkbtn {
  display: block;
}
.bookmark_btnwp .bookmarkbtn.on {
  display: none;
}
.bookmark_btnwp.on .bookmarkbtn {
  display: none;
}
.bookmark_btnwp.on .bookmarkbtn.on {
  display: block;
}
.bookmark_btnwp .bookmarkbtn {
  margin: auto;
}

/* 인재정보 */
/* 뷰타입1 */
.viewtype01_wr .post_list_wr {
  min-height: 16.7rem;
}
.viewtype01_wr .post_list_wr .user_info_box {
  width: 30%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-right: 1px solid var(--gray-400);
}
.viewtype01_wr .post_list_wr .profile_circle_box {
  width: 7rem;
  height: 7rem;
}
.viewtype01_wr .user_name_wr {
  text-align: center;
}
.viewtype01_wr .post_cont_box {
  justify-content: space-between;
}

/* 뷰타입2 */
.viewtype02_wr .post_list_wr {
  min-height: 9.8rem;
}
.viewtype02_wr .post_list_wr .user_info_box {
  width: 25%;
  border-right: 1px solid var(--gray-400);
  align-items: center;
}
.viewtype02_wr .post_list_wr .profile_circle_box {
  width: 5rem;
  height: 5rem;
}
.viewtype02_wr .user_name_wr {
  margin-left: 1rem;
}
.viewtype02_wr .user_name_wr h3 {
  margin-top: 0;
}
.viewtype02_wr .post_cont_box {
  width: 100%;
}

.viewtype02_wr .time_p_wr {
  width: 18.5rem;
  margin-left: 3rem;
  flex-shrink: 0;
}

.viewtype02_wr .bookmark_wr {
  margin-left: 0;
  min-width: 1.8rem;
}

/* 채용공고 */
.logo_box_wr {
  width: 8.4rem;
}
.logo_box_wr .logo_box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #f9f9f9;
  color: var(--gray-800);
  border-radius: 0.4rem;
  cursor: default;
}
.cont_list_wr .custom-select {
  height: 3.5rem;
  min-width: 9.6rem;
  padding-right: 3rem;
  background: url(../img/ic_ip_select.png) no-repeat center right 1rem;
  background-size: 2rem;
  background-color: #fff;
}
a .logo_box {
  cursor: pointer !important;
}

.rcmnd_wr {
  margin-bottom: 5rem;
}

/* 뷰타입1 */
.pl_header {
  padding: 1.5rem;
}
.pl_body {
  padding: 0 1.5rem 1rem;
}
.pl_footer {
  flex-wrap: wrap;
}

/* 뷰타입2 */
.max_w_50 {
  max-width: 50%;
}

/* 페이지네이션 */
.pagination_wr .pagination {
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.pagination_wr .pagination a {
  color: rgba(35, 35, 35, 0.5);
  font-weight: 400;
  margin: 0;
  width: 4.7rem;
  height: 4.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgb(0 0 0 / 0);
}
.pagination_wr .pagination a.on {
  background-color: var(--primary-100);
  color: var(--primary);
}

.pagination_wr .pagination a.arrow.disabled {
  cursor: default;
  opacity: 0.5;
}

/* 이력서 상세 페이지 */
.show_org {
  color: #4d8aff;
  text-decoration: underline;
  font-size: 1.3rem;
}
.show_org:hover {
  color: #4d8aff;
  text-decoration: underline;
}

/* 우측상단 버튼 (프린트/더보기) */
.more_menu_gr button {
  display: none;
  width: 2.8rem;
}
.more_menu_gr button::after {
  display: none;
}
.more_menu_gr .sub_menu_ul {
  min-width: auto;
}
.more_menu_gr button.show {
  display: block;
}

/* 프로필 정보 부분 */
.prf_cirbox_wr {
  width: 20%;
}
.sub_detail_wr .profile_circle_box {
  cursor: default;
}
.dt_prf_box .prf_info_line {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.dt_prf_box .prf_info_line:last-child {
  margin-bottom: 0;
}
.dt_prf_box .prf_info_line > span {
  display: block;
  width: 13rem;
  margin-right: 1rem;
  color: var(--gray-800);
}
.dt_prf_box .flag_ic_wr {
  margin-top: -0.1rem;
  margin-right: 0.5rem;
}

/* 아코디언 디자인 */
.acco_wr .accordion {
  text-align: left;
  margin-bottom: 1.5rem;
}
.acco_wr .card {
  border: 1px solid var(--gray-400);
  border-radius: 1rem;
}

/* 아코디언 헤더 */
.acco_wr .card-header {
  background-color: var(--gray-100);
  border-bottom: 1px solid var(--gray-400);
  text-align: left;
  padding: 1.6rem 2rem;
}
/* 아코디언 버튼 */
.acco_wr .acco_btn span.ico_updown {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
.acco_wr .acco_btn[aria-expanded="false"] span.ico_updown {
  background: url(../img/accordion_arrow_down.png) no-repeat;
  background-size: contain;
}
.acco_wr .acco_btn[aria-expanded="true"] span.ico_updown {
  background: url(../img/accordion_arrow_up.png) no-repeat;
  background-size: contain;
}

/* 아코디언 제목 */
.acco_tit p {
  font-size: 1.6rem;
  font-weight: 600;
  margin-right: 0.6rem;
}
.acco_tit span {
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--gray-800);
  margin-right: 0.5rem;
}
.acco_tit span.fc_primary {
  color: var(--primary);
}
.acco_tit span.sm_tit_bold {
  font-weight: 600;
}

/* 아코디언 바디 */
.acco_wr .card-body {
  padding: 0 2rem;
  color: var(--gray-900);
  font-size: 1.4rem;
}
.card_bd_line {
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--gray-400);
}
.card_bd_line:last-child {
  border-bottom: none;
}

.card_bd_line .line-tit {
  font-weight: 600;
}
.card_bd_line .line-tit.line_h1_3 {
  margin-top: -0.2rem;
}
.card_bd_line .line_lf {
  width: 11rem;
  margin-right: 1rem;
  flex-shrink: 0;
}
.card_bd_line .line_ri {
  flex-grow: 1;
}

.mo_fxbtn_gr {
  margin-top: 3.5rem;
  margin-bottom: 3rem;
}
.mo_fxbtn_gr .btn {
  min-width: 18.5rem;
}
.mo_fxbtn_gr .btn:first-child {
  margin-right: 1rem;
}

/* 채용공고 상세페이지 */
.epm_dt_cont {
  flex: 1;
  padding-right: 4rem;
}
.epm_dt_cont .ico_img {
  width: 2.2rem;
}
.ri_sticky_box {
  position: sticky;
  height: fit-content;
  width: 28rem;
  top: 13rem;
}

.no_margin_acco .accordion {
  margin-bottom: 0;
}
.no_margin_acco .accordion:not(:last-of-type) > .card {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.no_margin_acco .accordion:not(:first-of-type) > .card {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.no_margin_acco .card-header {
  height: fit-content;
}

/* 간편지원하기 이력서 선택 라디오 */
.re_checks:not(:last-of-type) {
  margin-bottom: 1rem !important;
}
.re_checks .re_box {
  border: 1px solid var(--border);
}
.re_checks .re_box span {
  padding: 0.2rem 0;
}
.re_checks input:checked + .re_box {
  border: 1px solid var(--primary);
}

/*과정*/
.process-ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
}
.process-ul li {
  width: calc((100% / 4) - 15px);
  text-align: center;
  padding: 2rem;
  border: 1px solid #eee;
  border-radius: 6px;
}
.process-ul li img {
  margin-bottom: 1rem;
}
.process-ul li p {
  font-size: 14px;
  color: #4e38bb;
}

/* 마이페이지 */
.mp_tit {
  margin-bottom: 4rem;
}
/* 마이페이지 좌측 메뉴 */
.mp_menu_wr {
  position: sticky;
  top: 0rem;
  height: fit-content;
  padding-top: 3rem;
}
.mp_col_lf .sub_group_box {
  padding: 3rem;
}
.mp_nav_tit {
  cursor: default;
  margin-bottom: 1.5rem;
}
.mp_nav a {
  display: block;
  padding: 0.9rem 0;
  font-size: 1.5rem;
  color: var(--gray-900);
}
.mp_nav a:hover,
.mp_nav .on a {
  color: var(--primary);
}

/* 마이페이지 우측 */
.sticky_pg .mp_col_ri {
  padding-top: calc(5.7rem + 3rem);
}
.mp_col_ri .sub_group_box {
  padding: 4rem;
}
/* 마이페이지 홈에서 padding */
.mp_col_ri .sub_group_box.mp_group_box {
  padding: 2.5rem 3rem;
}

/* 회원정보 수정 페이지 우측 버튼 */
.re_add_box.mp_st_ri {
  width: auto;
  top: 0;
  padding-top: calc(5.7rem + 3rem);
  right: 0;
  padding-left: 3rem;
}

.post_tit a:hover {
  text-decoration: underline;
}

.pl_bt_btn .btn {
  width: 50%;
  box-sizing: border-box;
  border: none;
  border-top: 1px solid var(--gray-500);
  border-radius: 0;
  padding: 1.5rem !important;
  color: var(--input_placeholder);
}
.pl_bt_btn .btn:first-child {
  border-right: 1px solid var(--gray-500);
}
.pl_bt_btn .btn:hover {
  color: var(--text);
}

/* 마이페이지: 문의/제안 */
.qna_acco .card-header {
  background-color: var(--white);
  padding: 2rem !important;
}
.qna_acco .qna_q_wr,
.qna_acco .qna_a_wr {
  padding: 2rem;
}
.qna_acco .qna_a_wr {
  background-color: var(--light);
}

.qna_acco .accordion > .card:not(:last-of-type) {
  border-bottom: 1px solid var(--border);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  margin-bottom: 1rem;
}
.qna_acco .accordion > .card:not(:first-of-type) {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

/* 마이페이지 : 채용공고 */
.emp_cntr_btn {
  flex-grow: 1;
  justify-content: end;
}
.emp_cntr_btn select,
.emp_cntr_btn button {
  width: 12rem;
}
.emp_cntr_btn > div {
  min-width: 12rem;
}

.link_group_box > div:not(:last-of-type) {
  padding-right: 1rem;
}
.link_group_box > div:not(:last-of-type)::after {
  content: "|";
  display: block;
  color: var(--gray-800);
  font-size: 1.3rem;
  padding-left: 1rem;
}

.link_group_box .btn {
  font-weight: 500;
  text-decoration: underline;
}

/* 마이페이지 : 지원현황 상세 */
.apply_dt .viewtype01_wr .post_list_wr .user_info_box {
  width: 20%;
}
.apply_dt .viewtype01_wr .post_list_wr .profile_circle_box {
  width: 5.6rem;
  height: 5.6rem;
}

/* 마이페이지 : 지원현황 삭세 이력서 */
.apply_dt_r .profile_circle_box {
  width: 8.5rem;
  height: 8.5rem;
}

/* 마이페이지 : 관심 인재 */
.tlt_scrap .viewtype01_wr .post_list_wr .user_info_box {
  width: 20%;
}
.tlt_scrap .viewtype01_wr .post_list_wr .profile_circle_box {
  width: 5.4rem;
  height: 5.4rem;
}
.tlt_scrap .viewtype01_wr .post_list_wr {
  min-height: auto;
}

/* 이력서 등록 페이지 */
/* 공통 */
.rounded_10 {
  border-radius: 1rem;
}

/* 등록페이지 : 큰레이아웃 */
.add_cont_wp {
  flex: 1;
  padding-right: 4rem;
}
.add_btn {
  padding: 0.5rem;
  width: 10rem;
  border-radius: 1rem;
}
.re_add_box {
  position: sticky;
  height: fit-content;
  width: 28rem;
  top: 17rem;
}

/* 등록페이지 : 아코디언 */
.ip_wr.acco_tit .ip_tit h5 {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: left;
}
.add_pg .acco_wr .card-header {
  background-color: #f1f5fa;
  border-bottom: 1px solid var(--gray-400);
  text-align: left;
  padding: 2rem;
  height: auto;
}
.add_pg .acco_wr .card-header > p {
  font-size: 1.8rem;
  font-weight: 600;
}
.add_pg .acco_wr .card-body {
  padding: 2rem;
}

/* 등록페이지 : 임시저장 */
.emp_box {
  border-radius: 1rem;
  background-color: #fff;
  padding: 2rem;
}

/* 등록페이지 : 등록결과 폼 */
.edubox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1rem;
  padding: 1.8rem 2rem 1.2rem 2rem;
}
.edubox .result_list {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.edubox .result_list span.fc_gray_700 {
  color: var(--gray-700);
}
.eduiptbox {
  border-radius: 1rem;
  background-color: var(--gray-100);
  padding: 2rem;
}
.btn-xxs {
  height: 2.4rem;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  line-height: 4.4rem;
}
/* 등록페이지 : 수정 폼 */
.career_dtl_bx .eduiptbox {
  /* background-color: #fff; */
  padding: 0;
  padding-top: 2rem;
  border-radius: 0;
  border: 0 !important;
  border-top: 1px solid var(--border) !important;
}

/*인풋 - 검색*/
.search_result_wp.on ~ .input_search {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.input_search_wp {
  position: relative;
}
.input_search {
  background-color: #fff;
  height: var(--height);
  padding: 0.8rem 3.5rem 0.8rem 4.6rem;
  border: 1px solid var(--border);
  border-radius: 1.2rem;
}
.input_search input {
  border-color: transparent;
  border-radius: 0;
  background-size: 18px 18px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0.8rem 2rem 0.8rem 2rem;
}
.input_search input.active,
.input_search input:active,
.input_search input:focus,
.input_search input:focus-visible,
.input_search input:focus-within {
  background-color: transparent;
  border-color: transparent;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}

/* 검색창 결과*/
.search_result_wp {
  display: none;
  z-index: 10;
  position: absolute;
  top: 3.9rem;
  left: 0;
  background-color: #fff;
  width: 100%;
  max-height: 210px;
  border: 1px solid var(--border);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
}

.search_result_wp.on {
  display: block;
}
.search_result_wp .result_wp_top {
  height: 166px;
  overflow-y: scroll;
  border-bottom: 1px solid var(--border);
}
.search_result_wp .result_wp_top .result_word {
  padding: 0.8rem 1.5rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--text);
}
.search_result_wp .result_wp_top .result_word span {
  font-size: 1.4rem;
}
.search_result_wp .result_word:hover {
  background-color: var(--gray-100);
  cursor: pointer;
}
.search_result_wp .result_wp_btm {
  padding: 1rem 2rem;
}

/* 등록페이지 : 경력출력내용 */
.career_dtl .career_dtl_bx {
  padding: 2rem;
  border-radius: 1rem;
  background-color: var(--gray-100);
  margin-bottom: 1.5rem;
}
.career_dtl .career_dtl_bx:last-child {
  margin-bottom: 0rem;
}

/* 등록페이지 :  희망 결과출력 값 */
.hp_re .result_wp {
  padding: 1rem;
  margin-top: 1.5rem;
}

/* 금액입력 input 옆에 "원" 표시 */
.after_txt_input {
  position: relative;
  margin: 0;
}
.after_txt_input::after {
  display: flex;
  align-items: center;
  content: "원";
  height: var(--height);
  position: absolute;
  right: 1.5rem;
  top: 0;
  font-size: 1.5rem;
  color: var(--text);
  font-weight: 400;
  text-align: right;
}
.after_txt_input input {
  /* 번역될 때를 대비해 오른쪽 여백을 크게 잡았습니다. */
  padding-right: 6rem;
}

/* 구직/구인 형태 선택 */
.type_select_wr {
  min-height: 780px;
}
.type_select_box {
  min-height: 41rem;
  padding: 5rem 6.5rem;
  margin-right: 2rem;
}
.type_select_box:last-child {
  margin-right: 0;
}

.type_select_box .btn {
  width: 6.5rem;
  height: 6.5rem;
  background-color: var(--primary-100);
}
.type_select_box .rounded.bg-light {
  min-height: 8.7rem;
}
.type_select_box .rounded.bg-light a:hover {
  color: var(--gray-900);
}

/* 커뮤니티 */
.commu_lf {
  flex: 1;
}
.commu_ri {
  width: 28rem;
  margin-left: 3rem;
}

.commu_lf .flag_ic_wr {
  width: 2.4rem;
  height: 2.4rem;
}
.commu_sel .sub_menu_ul a {
  white-space: pre-line;
}
.commu_sel .sub_menu_ul.lang_menu {
  min-width: auto;
  width: fit-content;
}
.commu_sel .sub_menu_ul.lang_menu a {
  white-space: unset;
}
.commu_sel .select_lang_btn span {
  font-size: 2.2rem !important;
}
.commu_sel .dropdown-item {
  font-size: 1.8rem !important;
}
.commu_sel .ico_updown {
  background: url(../img/commu_sel_arrow.png) no-repeat center;
  background-size: 2.4rem;
}
.commu_sel:focus {
  background-color: rgb(0 0 0 / 0);
  box-shadow: none;
}

.commu_sel_ri .sub_menu_ul {
  min-width: 50rem;
}
.commu_sel_ri .select_lang_txt {
  max-width: 50rem;
  margin-right: 1rem;
}

/* 월간/주간 베스트 PC */
.commu_best_wr > div {
  border: 1px solid var(--border);
  border-radius: 1rem;
  background-color: #fff;
  overflow: hidden;
}
.commu_best_wr .cb_head {
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  background-color: rgb(204 218 235 / 39%);
  border-bottom: 1px solid var(--border);
  font-size: 1.6rem;
  font-weight: 600;
}
.commu_best_wr .cb_head > img {
  width: 3rem;
  margin-right: 1rem;
}

.commu_best_wr .cb_body {
  padding: 1.6rem 2rem;
}
.cb_body .post_tit {
  font-size: 1.5rem;
  font-weight: 400;
  color: #59697d;
}
.cb_body a:not(:last-of-type) {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border);
}

/* 월간/주간 베스트 모바일 */
.commu_best_slide .tab-pane {
  border-radius: 1rem;
  padding: 1.5rem;
  background-color: #fff;
  box-shadow: 0 0 0.5rem rgb(0 0 0 / 3%);
}
.best_slide_wr .swiper-pagination {
  position: static;
  margin-top: 1rem;
}
.best_slide_wr .swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 5px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 5px)
  );
}
.best_slide_wr .swiper-pagination-bullet-active {
  background-color: var(--primary);
}

/* 커뮤니티 정사각 배너 */
.commu_best_wr > div.sub_rect_bnr {
  border: none;
}

/* 커뮤니티 공통 박스 */
/* 위아래 padding은 각 페이지에서 제어 */
.commu_cont_box {
  border-radius: 1rem;
  background-color: #fff;
  padding-right: 3rem;
  padding-left: 3rem;
}
/* 커뮤니티 글 상세 */
.commu_cont_box .commu_ico_wr span {
  font-size: 1.4rem;
}

.commu_dt_tit {
  font-size: 2.2rem;
  font-weight: 700;
}
.commu_dt_head .profile_circle_box,
.commu_dt_head .flag_ic_wr {
  width: 2.2rem;
  height: 2.2rem;
  cursor: default;
}

.commu_dt_cont figure,
.board_cont figure {
  padding: 1.5rem 0;
}

.commu_dt_comment .more_menu_gr button {
  width: 1.8rem;
}
.commu_dt_comment textarea.form-control {
  min-height: auto;
}
.post_co_btn {
  min-width: 16rem;
}
.commu_dt_comment .profile_circle_box {
  width: 3rem;
  height: 3rem;
}
.btn_reply {
  font-weight: 400;
}
.btn_reply:hover {
  color: var(--gray-800);
}

.comment {
  padding: 2rem 0;
}
.comment {
  border-bottom: 1px solid var(--border);
}
.comment.reply:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.btn_reply {
  color: var(--gray-800);
}
.btn_reply span.ico_updown {
  width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
}
.btn_reply[aria-expanded="false"] span.ico_updown {
  background: url(../img/ico_arrow_down.png) no-repeat;
  background-size: contain;
}
.btn_reply[aria-expanded="true"] span.ico_updown {
  background: url(../img/ico_arrow_up.png) no-repeat;
  background-size: contain;
}
.btn_reply:hover {
  color: var(--gray-800);
}

.reply_ico {
  width: 1.7rem;
  height: 1.7rem;
  background: url(../img/ico_reply.png) no-repeat;
  background-size: contain;
}

/*공지사항*/
.sub_pg.no_dt_pg {
  min-height: auto;
}
.sub_pg.cs_pg {
  min-height: 60rem;
}

.board_list {
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--border);
}

.notice_list {
  background: #f8f8f8;
  border-radius: 2.4rem;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}
.notice_list li {
  border-bottom: 1px solid #fff;
  padding: 1.7rem 2rem;
}
.notice_list li:last-child {
  border-bottom: 0;
}

.no_dt_pg .board_cont {
  min-height: 35rem;
}
.board_btn {
  margin-top: 5rem;
  margin-bottom: 4rem;
}

/*faq*/
.q_ico {
  width: 1.9rem;
  height: 1.9rem;
  align-items: center;
}

/* 자료실 */
.board_file .files_wr a {
  color: #4d8aff;
  text-decoration: underline;
  margin-bottom: 1.5rem;
  line-height: 1.2em;
}

/*** 메인페이지 ***/
/*메인*/
.idx_pg {
  min-height: 780px; /*padding-top: var(--hd_height);*/
}
.curs_pointer {
  cursor: pointer;
}

/* 메인 배너 */
.bnr_slide.swiper-container {
  overflow: hidden;
}
.main_banner {
  margin-bottom: 6rem;
}

/* 띠 배너 */
.main_banner .wide_bnr_wr {
  margin-bottom: 3rem;
}

/* 정사각 배너 */
.rect_bnr_wr {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.main_rect_banner .rect_bnr_wr {
  width: calc(50% - 1.5rem);
  height: auto;
}
.main_rect_banner .rect_bnr_wr:first-child {
  margin-right: 1.5rem;
}
.main_rect_banner .rect_bnr_wr:last-child {
  margin-left: 1.5rem;
}

/* 배너 슬라이드 페이지네이션 */
.bnr_slide .swiper-pagination {
  bottom: 2rem !important;
}
.bnr_slide .swiper-pagination-bullet {
  width: 0.7rem;
  height: 0.7rem;
  background-color: #fff;
  opacity: 1;
}
.bnr_slide .swiper-pagination-bullet-active {
  background-color: var(--primary);
}
.bnr_slide
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 0.5rem;
}

/* main_contact */
.main_contact > .d-lg-flex > div {
  width: calc(50% - 1.5rem);
}
.main_contact > .d-lg-flex > div:first-child {
  margin-right: 1.5rem;
}
.main_contact > .d-lg-flex > div:last-child {
  margin-left: 1.5rem;
}

/* FAQ 슬라이드 */
.faq_slide_box .tit_h2 {
  margin-bottom: 1.8rem;
}
.faq_slide_wr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
}
.swiper-container.faq_slide_container {
  overflow: hidden;
  height: 2.6rem;
  flex-grow: 1;
}
.faq_slide_container .swiper-slide {
  display: flex;
  align-items: center;
  height: 2.6rem;
  font-size: 1.7rem;
  font-weight: 500;
}
.faq_slide_container .swiper-slide > a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-grow: 1;
  padding-right: 1.8rem;
}

.faq_badge {
  display: flex;
  align-items: center;
  flex-shrink: 1;
  width: 6.1rem;
  height: 2.6rem;
  padding-left: 1.7rem;
  padding-right: 1.6rem;
  background: var(--primary);
  border-radius: 1.3rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  margin-right: 1.8rem;
}

/* FAQ 슬라이드 버튼 */
.faq_slide_btn .faq_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9rem;
  padding: 0.2rem;
  margin: 0.4rem;
  box-sizing: unset;
}
.faq_slide_btn .faq_button img {
  width: 100%;
}
.faq_slide_btn .swiper-button-next,
.faq_slide_btn .swiper-button-prev {
  position: unset;
}

/* 메인: 문의하기 영역 */
.contact_box {
  background-color: #fff;
  border-radius: 1rem;
  padding: 0 2.5rem;
}
.contact_box .main_contact_ico {
  width: 7.5rem;
  height: 7.5rem;
  margin-right: 2rem;
}

/* 채용공고 */
.more_btn:hover {
  color: var(--gray-700);
}
.main_emp_wr {
  background-color: #fff;
  padding-top: 6.5rem;
  padding-bottom: 7rem;
}

/* 챗봇 */
/* 플로팅 아이콘 */
.chatbot_wr {
  position: fixed;
  right: 1.6rem;
  bottom: 1.6rem;
  transition: 0.2s;
  z-index: 1040;
}
.chatbot_wr.up {
  margin-bottom: 6.5rem;
}
.chatbot_btn_wr {
  position: relative;
}

.chatbot_btn_wr .float_close_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.chatbot_wr .btn_chatbot {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 0;
}

.btn_chatbot.chat_open {
  background: url(../img/ico_chatbot.png) no-repeat center;
  background-size: cover;
  box-shadow: 0 0.3rem 0.8rem rgb(48 0 19 / 19%);
}
.btn_chatbot.chat_close {
  display: none;
  background: url(../img/ico_chatbot2.png) no-repeat center;
  background-size: cover;
  box-shadow: 0 0.3rem 0.8rem rgb(0 14 48 / 19%);
}
.float_ico_wr.active .btn_chatbot.chat_close {
  display: block;
}
.float_ico_wr.active .btn_chatbot.chat_open {
  display: none;
}

/* 챗봇 채팅창 */
.chatbot_chat_wr {
  position: absolute;
  right: 0;
  bottom: 9rem;
  width: 35.6rem;
  max-width: calc(100vw - 3.2rem);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 0.3rem 0.8rem rgb(0 14 48 / 16%);
  background-color: #fff;
}
/* 채팅창 헤더 */
.chatbot_chat_wr .chatbot_chat_hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  border-bottom: 1px solid var(--border);
}
.chatbot_chat_hd h6 {
  font-size: 1.6rem;
  color: var(--text);
}
.chatbot_chat_hd a {
  font-size: 1.1rem;
  color: var(--gray-800);
  padding: 0.3rem 0.5rem;
  border: 1px solid var(--border);
  border-radius: 1.2rem;
}

/* 채팅창 바디 */
.chatbot_chat_wr .chat_body {
  height: 37rem;
  box-sizing: border-box;
  padding: 1.5rem 2rem 2rem;
  overflow-y: scroll;
}
.chatbot_chat_wr .chat_body::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.chatbot_chat_wr .chat_body::-webkit-scrollbar-thumb {
  width: 0.5rem;
}

.chatbot_chat_wr .chat_body .top_help_txt {
  text-align: center;
  font-size: 1.2rem;
  color: var(--gray-700);
  margin-bottom: 1.5rem;
}
.help_btn_wr {
  display: flex;
  flex-wrap: wrap;
}
.help_btn_wr .chatbot_help_btn {
  height: unset;
  padding: 1rem 1.5rem;
  border: 1px solid var(--border);
  border-radius: 2.2rem;
  color: var(--gray-900);
  font-size: 1.4rem;
  font-weight: 400 !important;
  margin-right: 1rem;
  margin-bottom: 1rem;
  text-align: left;
}

/* 말풍선 */
.chat_bubble {
  display: flex;
  width: 100%;
  margin-top: 1rem;
}
.chat_bubble .chat_txt {
  font-size: 1.4rem;
  font-weight: 400;
  padding: 1.6rem;
  border-radius: 1.6rem;
  line-height: 1.4;
}

/* 내 말풍선 */
.chat_bubble.chat_me {
  justify-content: end;
}
.chat_me .chat_txt {
  max-width: 70%;
  background-color: var(--gray-900);
  border-top-right-radius: 0 !important;
  color: #fff;
}

/* 챗봇 답변 말풍선 */
.chat_you .chahtbot_prf {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
}
.chat_you .chat_txt {
  max-width: 90%;
  background-color: var(--primary-200);
  border-top-left-radius: 0 !important;
  color: var(--text);
}

/* 메세지 입력창 */
.chat_footer {
  padding: 1rem 2rem;
  flex-shrink: 0;
  background-color: #f6f8fb;
}
.chat_footer .ip_wr {
  position: relative;
}
.chat_footer .form-control {
  height: 4rem;
  padding: 0.8rem 5rem 0rem 1.6rem;
  font-size: 1.5rem;
  line-height: 1.4;
  min-height: unset;
  border: 1px solid var(--border);
  border-radius: 1rem;
  resize: none;
}
.chat_footer .form-control:focus {
  border: 1px solid var(--primary);
  box-shadow: 0 0 0.3rem var(--primary);
}

/* 메세지 전송 버튼 */
.chat_footer .btn_send {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
  font-size: 1.8rem;
  color: #b1bbc9;
  transition: all 0.2s ease-in-out;
  border-radius: 0.9rem;
}
.chat_footer .btn_send i {
  transform: rotate(-45deg);
  margin-bottom: 0.5rem;
}
.chat_footer .btn_send:hover {
  color: var(--text);
}
.chat_footer .btn_send.on {
  background-color: var(--primary);
  color: #fff;
}

/*푸터*/
/* .ft{padding:4.0rem 0;} */
.ft .ft_customer .btn {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  height: 4.2rem;
  font-size: 1.4rem;
  font-weight: 400;
}
.ft .fnb a {
  display: inline-block;
  font-weight: 400;
  color: #777;
  padding: 0 0.5rem;
  border-right: 1px solid #e3e3e3;
}
.ft .fnb a:last-child {
  border-right: 0;
}
.ft span.line {
  margin: 0 2rem;
}
.footer {
  background-color: #1c1c1c;
  text-align: center;
  font-size: 1.5rem;
  color: #969a9e;
}
.footer_top {
  padding-top: 1.8rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(227, 233, 241, 0.13);
  box-sizing: border-box;
}
.footer .footer_top a {
  color: #b6bdc4;
  margin-right: 2rem;
}
.footer .footer_top a:last-child {
  margin-right: 0;
}
.footer .footer_bottom {
  padding: 7.7rem 0;
}
.footer .ft_ri {
  text-align: right;
}
.footer .ft_ri p {
  color: #969a9e;
}
.logo_ft {
  width: 16.6rem;
  text-align: center;
  margin-bottom: 23px;
}
.ft-line {
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #969a9e;
  margin: 0 10px;
}

/* 카피라이트 */
.copy_mo {
  display: none;
}
.dot_list li {
  list-style: none;
  margin-bottom: 1rem;
  display: flex;
}
.dot_list li:before {
  content: "·";
  vertical-align: middle;
  margin-right: 0.5rem;
}
.dot_list li:last-child {
  margin-bottom: 0;
}
.dot_list.fs_10 li {
  margin-bottom: 0.3rem;
}
.line_h1 {
  line-height: 1em;
}
.line_h1_1 {
  line-height: 1.1em;
}
.line_h1_2 {
  line-height: 1.2em;
}
.line_h1_3 {
  line-height: 1.3em;
}
.line_h1_4 {
  line-height: 1.4em;
}
.line_h1_5 {
  line-height: 1.5em;
}
.line_h1_6 {
  line-height: 1.6em;
}
.line_h1_7 {
  line-height: 1.7em;
}
.line_h1_8 {
  line-height: 1.8em;
}
.line_h1_9 {
  line-height: 1.9em;
}
.line_h2 {
  line-height: 2em;
}

/*폰트커스텀 기본사이즈 10px*/

.tit_h1 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #000;
  line-height: 135%;
  letter-spacing: -1px;
}
.tit_h2 {
  font-size: 2.2rem;
  font-weight: 600;
  color: #000;
  line-height: 130%;
  letter-spacing: -1px;
}
.tit_h3 {
  font-size: 2rem;
  font-weight: 600;
  color: #000;
  line-height: 130%;
  letter-spacing: -1px;
}
.tit_h4 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
}
.tit_h5 {
  font-size: 1.6rem;
  font-weight: 400;
  color: #000;
}
.tit_h6 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #000;
}

.fs_8 {
  font-size: 0.8rem;
}
.fs_9 {
  font-size: 0.9rem;
}
.fs_10 {
  font-size: 1rem;
}
.fs_11 {
  font-size: 1.1rem !important;
}
.fs_12 {
  font-size: 1.2rem !important;
}
.fs_13 {
  font-size: 1.3rem !important;
}
.fs_14 {
  font-size: 1.4rem !important;
}
.fs_15 {
  font-size: 1.5rem !important;
}
.fs_16 {
  font-size: 1.6rem !important;
}
.fs_17 {
  font-size: 1.7rem !important;
}
.fs_18 {
  font-size: 1.8rem !important;
}
.fs_19 {
  font-size: 1.9rem !important;
}
.fs_20 {
  font-size: 2rem !important;
}
.fs_21 {
  font-size: 2.1rem !important;
}
.fs_22 {
  font-size: 2.2rem;
}
.fs_23 {
  font-size: 2.3rem;
}
.fs_24 {
  font-size: 2.4rem;
}
.fs_25 {
  font-size: 2.5rem;
}
.fs_26 {
  font-size: 2.6rem;
}
.fs_27 {
  font-size: 2.7rem;
}
.fs_28 {
  font-size: 2.8rem;
}
.fs_29 {
  font-size: 2.9rem;
}
.fs_30 {
  font-size: 3rem;
}
.fs_31 {
  font-size: 3.1rem;
}
.fs_32 {
  font-size: 3.2rem;
}
.fs_33 {
  font-size: 3.3rem;
}
.fs_34 {
  font-size: 3.4rem;
}
.fs_35 {
  font-size: 3.5rem;
}
.fs_36 {
  font-size: 3.6rem;
}
.fs_37 {
  font-size: 3.7rem;
}
.fs_38 {
  font-size: 3.8rem;
}
.fs_39 {
  font-size: 3.9rem;
}
.fs_40 {
  font-size: 4rem;
}
.fs_41 {
  font-size: 4.1rem;
}
.fs_42 {
  font-size: 4.2rem;
}
.fs_43 {
  font-size: 4.3rem;
}
.fs_44 {
  font-size: 4.4rem;
}
.fs_45 {
  font-size: 4.5rem;
}
.fs_46 {
  font-size: 4.6rem;
}
.fs_47 {
  font-size: 4.7rem;
}
.fs_48 {
  font-size: 4.8rem;
}
.fs_49 {
  font-size: 4.9rem;
}
.fs_50 {
  font-size: 5rem;
}
.fs_51 {
  font-size: 5.1rem;
}
.fs_52 {
  font-size: 5.2rem;
}

.fw_100 {
  font-weight: 100;
}
.fw_200 {
  font-weight: 200;
}
.fw_300 {
  font-weight: 300;
}
.fw_400 {
  font-weight: 400;
}
.fw_500 {
  font-weight: 500;
}
.fw_600 {
  font-weight: 600;
}
.fw_700 {
  font-weight: 700;
}
.fw_800 {
  font-weight: 800;
}
.fw_900 {
  font-weight: 900;
}

/*.wrap { background-color: var(--gray-100);}*/
.wh_pre {
  white-space: pre-line;
}
.wh_nowrap {
  white-space: nowrap;
}
.keep-all {
  word-break: keep-all;
}
.break_all {
  word-break: break-all;
}

/*글자 줄임말/자르기*/
.line_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-break: break-all;
  line-height: 1.2;
}
.line1_text {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1.2;
}
.line2_text {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1.2;
}
.line3_text {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1.2;
}

/*gap*/
.gap_2 {
  gap: 2px;
}
.gap_5 {
  gap: 5px;
}
.gap_10 {
  gap: 10px;
}
.gap_15 {
  gap: 15px;
}
.gap_20 {
  gap: 20px;
}

/* 폼 사각형 */
.sq_guide {
  display: flex;
  flex-wrap: wrap;
}
.sq_guide li {
  width: 70px;
  height: 40px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin: 0.5rem;
}

/* 스크롤바 none */
.scroll_bar_none {
  -ms-overflow-style: none;
}
.scroll_bar_none::-webkit-scrollbar {
  display: none;
}

/*테이블 반응형때*/
.touch_scroll {
  overflow-x: auto;
  overflow-y: hidden;
}

/* 인풋 자동완성 초기화 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--text);
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: var(--text);
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* 입력 인풋 */
.form-control {
  height: var(--height);
}
.form-control-sm {
  height: var(--height_sm);
  border-radius: 0.6rem;
  font-size: 1.4rem !important;
}
.form-control-md {
  height: var(--height_md);
}
.form-control-lg {
  height: var(--height_lg);
}
.form-control-auto {
  height: auto;
}
.form-control::placeholder {
  color: #aaa;
  opacity: 1;
}
input.form-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  border-radius: 1rem;
  background-color: #fff;
  border: 1px solid #d6d6d6;
}
input.form-control.failed {
  border: 1px solid var(--primary);
}
.form-control.failed:focus {
  border-color: var(--text);
}
.align-items-center input.form-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  border-radius: 1rem;
  border: 0;
}
.ip_wr .ip_tit {
  margin-bottom: 0.8rem;
}
.ip_wr .ip_tit h5 {
  font-size: 1.5rem;
  font-weight: 400;
  display: inline-block;
  position: relative;
  color: #000;
}
.ip_wr .ip_tit.required h5::after {
  content: "*";
  position: absolute;
  /* background: var(--primary); */
  color: var(--primary);
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  top: -0.1rem;
  right: -0.8rem;
}

/* form-text */
.form-text {
  display: none;
  /*    margin-bottom: 0.5rem;*/
  /*    margin-left: 1.0rem;*/
  margin-top: 0;
  font-size: 1.2rem;
  color: #000;
}
.ip_valid .ip_valid {
  display: flex;
  color: #59c48f;
  align-items: center;
}
.ip_invalid .ip_invalid {
  display: flex;
  color: var(--primary);
  align-items: center;
}
.ip_invalid input.form-control {
  border-color: var(--primary);
}

.form-control:disabled {
}
.form-control:disabled,
.form-control:disabled::placeholder {
  color: var(--gray-400);
}
.custom-select:disabled {
  color: var(--gray-400);
}

/*.form-row*/
.form-row {
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}
.form-row > .col,
.form-row > [class*="col-"] {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

/* textarea 높이 */
textarea.form-control {
  min-height: 20rem;
  padding: 1rem 1.5rem;
  line-height: 2.6rem;
  border-radius: 1rem;
  background-color: #fff;
}
.form-control textarea {
  min-height: 14rem;
  padding: 0;
  line-height: 2.6rem;
  border: 0;
  width: 100%;
}
.form-control textarea:focus {
  color: var(--text);
  background-color: var(--bg);
  border-color: var(--gray);
  outline: 0;
  box-shadow: 0 0 0 0 var(--border);
}
.form-control textarea::placeholder {
  color: var(--input_placeholder);
  opacity: 1;
}
.form-control textarea:disabled,
.form-control textarea[readonly] {
  background-color: var(--input_disabled);
  opacity: 1;
}

/* 셀렉트 박스 */
.custom-select {
  padding-right: 3rem;
  position: relative;
  background: url(../img/ic_select.svg) no-repeat;
  background-position: right 10px top 50%;
  height: var(--height);
  padding-left: 1.5rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--text);
}

/* 셀렉트 박스 플레이스홀더 */
select option[value=""][disabled] {
  display: none;
}

.custom-select_st2 {
  padding-right: 1.6rem;
  background: url(../img/accordion_arrow_down.png) no-repeat center right;
  background-size: 1.08rem;
  padding-left: 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #727a82;
  height: 2.6rem;
  border: 0;
  width: auto;
}

/* 날짜 선택 */
input.form-control[type="date"],
input.form-control[type="time"] {
  position: relative;
}
input.form-control[type="date"]::-webkit-calendar-picker-indicator,
input.form-control[type="time"]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  background: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
input.form-control[type="date"]::before,
input.form-control[type="time"]::before {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  background: var(--gray);
  cursor: pointer;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
input.form-control[type="time"]::before {
  -webkit-mask: var(--ic_time);
  mask: var(--ic_time);
}
input.form-control[type="date"]::before {
  background: url(../img/ic_calenda.png);
  background-size: cover;
  background-color: #fff;
}
.fc_mgr {
  color: #96a7bc;
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
}

/*패스워드*/
.form-password {
  position: relative;
}
.form-password .form-control {
  padding-right: 3rem;
}
.form-password img {
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  margin-top: -1.5rem;
  cursor: pointer;
}
.form_time_wr {
  position: relative;
}
.form_time_wr .form-control {
  padding-right: 5rem;
}
.form_time_wr .form_time {
  color: var(--primary);
  font-size: 1.4rem;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}

/* 체크박스*/
.checks_wr {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1rem;
}
.checks label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 7px;
  margin-bottom: 0;
}
.checks label.chk_right {
  flex-flow: row-reverse;
  justify-content: flex-end;
}
.checks input {
  display: none;
}
.checks .ic_box {
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  background-image: url(../img/checks_off.png);
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
}
.checks input:checked + .ic_box {
  background-image: url(../img/checks_on.png);
  background-color: var(--primary);
  border: 1px solid var(--primary);
}
.chk_p {
  padding-top: 0.1rem;
  color: var(--gray-600);
}
.checks.primary_checks .ic_box {
  background-color: #eae9f0;
  border-radius: 50%;
  background-image: none;
}
.checks.primary_checks input:checked + .ic_box {
  background-image: url(../img/check01_on.png);
}
input:checked ~ .chk_p {
  color: var(--text);
}
.radios_wr {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}
.radios label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 7px;
  margin: 0;
}
.radios label.chk_right {
  flex-flow: row-reverse;
  justify-content: flex-end;
}
.radios input {
  display: none;
}

/* .radios .ic_box{display: inline-flex;flex-shrink: 0;position:relative; width: 1.4rem; height: 1.4rem; text-align: center; background-color: #fff;display: flex; align-items: center; justify-content: center; margin-right: 0.5rem;border-radius:2.0rem;border:1px solid #7A7C85;} */
.radios .ic_box {
  width: 2.2rem;
  height: 2.2rem;
  background-repeat: no-repeat;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
}
.radios .ic_box:after {
  content: "";
  display: block;
  background-color: #d6d6d6;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.radios input:checked + .ic_box {
  border: 1px solid var(--primary);
}
.radios input:checked + .ic_box:after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: var(--primary);
}

/* 점수표 라디오 */
.score_table .radios label {
  display: inline-block;
  margin-bottom: 0;
}
.score_table .radios .ic_box {
  background-image: url(../img/score_chk_off.png);
  margin-right: 0;
}
.score_table .radios input:checked + .ic_box {
  background-image: url(../img/score_chk_on.png);
}

/* 점수표 체크박스 */
.score_table .checks label {
  display: inline-block;
  margin-bottom: 0;
}
.score_table .checks .ic_box {
  background-image: url(../img/score_chk_off.png);
  margin-right: 0;
}
.score_table .checks input:checked + .ic_box {
  background-image: url(../img/score_chk_on.png);
}

/* 이미지 업로드 */
.image_upload {
  display: inline-block;
  position: relative;
  margin-right: 1rem;
}
.upload_box {
  width: 12rem;
  aspect-ratio: 1 / 1;
  /* width: 100%; */
  border: 1px solid var(--gray-400);
  overflow: hidden;
  cursor: pointer;
  background: url(../img/btn_add_img.png) no-repeat center top 35% / 4rem;
  background-color: #fff;
  border-radius: 1rem;
  position: relative;
}
.upload_box .up_img{
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: cover;
}
.upload_box .max_img {
  position: absolute;
  bottom: 23%;
  width: 100%;
  left: 0;
  font-size: 1.3rem;
  text-align: center;
  color: var(--gray-600);
  font-weight: 500;
}
.image_upload.on .upload_box {
  background: none;
  border-color: var(--gray-400);
}
.upload_del {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  width: 2.5rem;
  height: 2.5rem !important;
  border-radius: 50%;
  background-color: transparent;
  padding: 0 !important;
  display: none;
}
.upload_del img {
  width: 100%;
}
.image_upload.on .upload_del {
  display: flex;
}

/* 페이지네이션 */
.pagination {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination li {
  height: 100%;
}
.pagination a {
  color: #000;
  font-weight: 500;
  margin: 0 0.4rem;
  width: 2.8rem;
  height: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
/* .pagination a.on {
	background-color: var(--primary);color:#fff; font-weight: 400;
    color: #fff;
}
.pagination a.arrow{margin:0;}
.pagination a.arrow.disabled img{opacity:0.3;} */

/* 페이저 */
.pager {
  background: #ffffff;
  border-radius: 15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 45px;
  margin: 3rem auto 0;
  border: 1px solid var(--border);
}

/* 테이블 */
.table_01 {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px #eee solid;
  line-height: 140%;
}
.table_01 th {
  border-bottom: 1px solid #eee;
  color: #1c1c1e;
  font-weight: 500;
  padding: 0.7rem 1.2rem 0.7rem 1.2rem;
  background: #f8f8f8;
  vertical-align: top;
}
.table_01 td {
  border-bottom: 1px solid #eee;
  padding: 0.7rem 1.2rem;
  color: #1c1c1e;
}

/* 테이블 슬래쉬 */
.table_01 th.slash {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="rgb(77,77,77)" /></svg>');
  background-repeat: no-repeat;
}
.table_01 th.backslash {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="rgb(77,77,77)" /></svg>');
  background-repeat: no-repeat;
}
.table_01 th.slash,
.table_01 th.backslash {
  text-align: left;
}
.slash div,
.backslash div {
  text-align: right;
}

/*테이블 반응형때*/
.table_scroll {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0px !important;
}

/* 이미지 크롭 */
.rect {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.rect:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.rect img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rect2 {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.rect2:after {
  content: "";
  display: block;
  padding-bottom: 41.795%;
}
.rect2 img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rect3 {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
}
.rect3::after {
  content: "";
  display: block;
  padding-bottom: calc(120 / 500 * 100%);
}
.rect3 > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
}

/* 이미지 가로  252*96, 84*32 로고이미지 */
.rect4,
.rect4_sm {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.rect4::after {
  content: "";
  display: block;
  padding-bottom: calc(96 / 252 * 100%);
}
.rect4_sm::after {
  content: "";
  display: block;
  padding-bottom: calc(32 / 84 * 100%);
}
.rect4 > img,
.rect4_sm > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
}

/*기본모달*/
body {
  padding-right: 0px !important;
}
body.modal-open {
  /*overflow: auto;*/
  overflow: hidden;
}
body.modal-open[style] {
  padding-right: 1.3rem !important;
}
.modal {
  padding-right: 0px !important;
}
.modal-sm {
  max-width: 35.2rem;
  margin: 1.75rem auto;
  margin: 0 auto;
  padding: 1.5rem;
  padding: 0 1.6rem;
}
.modal-md {
  max-width: 46.5rem;
  margin: 1.75rem auto;
  padding: 1.5rem;
  padding: 0 1.6rem;
  max-height: calc(100% - 3.5rem);
  min-height: calc(100% - 3.5rem);
}
.modal-lg {
  max-width: 62.2rem;
  margin: 1.75rem auto;
  padding: 1.5rem;
  padding: 0 1.6rem;
  max-height: calc(100% - 3.5rem);
  min-height: calc(100% - 3.5rem);
}
.modal-xl {
  max-width: 99.2rem;
  margin: 1.75rem auto;
  padding: 1.5rem;
  padding: 0 1.6rem;
  max-height: calc(100% - 3.5rem);
  min-height: calc(100% - 3.5rem);
}
.modal-default {
  max-width: 62rem;
  margin: 1.75rem auto;
  padding-left: 0;
  padding-right: 0;
  padding: 0 1.6rem;
}
.modal {
  overflow-y: auto;
}
.modal .modal-header {
  align-items: center;
  border-bottom: 1px solid var(--border);
  padding: 2.5rem;
  justify-content: space-between;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.modal .modal-header .modal-title {
  font-weight: 700;
  font-size: 2rem;
  flex: 1 1 auto;
}
.modal .modal-header .close {
  text-shadow: none;
  opacity: 1;
  width: 2.4rem;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .modal-content {
  border: 0;
  border-radius: 2rem;
  overflow: hidden;
}
.modal .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 2.5rem;
  margin: 0 0rem;
}
.modal-dialog-scrollable .modal-body {
  padding: 2.5rem 2.5rem 0;
  margin: 0 0 2.5rem;
}
.modal .modal-footer > * {
  margin: 0;
}
.modal .modal-footer {
  padding: 0;
  border: 0;
  display: block;
}
.modal .modal-footer .form-row .col:first-child .btn {
  border-bottom-right-radius: 0;
}
.modal .modal-footer .form-row .col:last-child .btn {
  border-bottom-left-radius: 0;
}
.modal .modal-footer .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.modal-sm .modal-header {
  padding: 4rem 2rem 1.5rem;
  border-bottom: 0;
}
.modal-sm .modal-header .modal-title {
  font-weight: 700;
  font-size: 1.6rem;
  flex: 1 1 auto;
}
.modal-sm .modal-footer {
  padding: 0;
}
.modal-md .modal-footer {
  padding: 0;
}
.modal .modal-sm .modal-header {
  padding-bottom: 1rem;
}
.modal .modal-sm .modal-body {
  border: 0;
  padding-top: 0;
}
.modal .modal_img img {
  width: 100%;
}
.modal .btn.fc_primary:hover {
  color: var(--primary);
}
.modal_bottom.modal-dialog {
  align-items: end;
  margin: 0 auto;
  min-height: 100%;
  max-width: 57.6rem;
}
.modal_bottom .modal-content {
  border-radius: 2rem 2rem 0 0;
}
.filter_modal .radios_wr {
  flex-direction: column;
  gap: 0;
  text-align: center;
}
.filter_modal .radios_wr .radios {
  margin: 0;
}
.filter_modal .radios_wr .radios:not(:last-of-type) label {
  border-bottom: 1px solid #f2f2f2;
}
.filter_modal .radios_wr .radios label {
  display: block;
  width: 100%;
  padding: 1.5rem 1.6rem;
}
.filter_modal input:checked ~ .chk_p {
  color: var(--primary);
  font-weight: 600;
}
.filter_modal .chk_p {
  color: var(--text);
}

/* 언어선택 madal */
#select_lang_modal .modal-content {
  padding: 4rem;
}
#select_lang_modal .tit_box span {
  font-weight: 200;
}
#select_lang_modal .flag_ic_wr {
  width: 9rem;
  height: 9rem;
}
#select_lang_modal .chk_bg {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgb(208 2 27 / 30%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  align-items: center;
  justify-content: center;
}
#select_lang_modal .chk_bg img {
  position: static;
  width: 3.4rem;
  height: auto;
  object-fit: unset;
  object-position: unset;
  transform: none;
  filter: drop-shadow(0 0.3rem 0.6rem rgb(0 0 0 / 31%));
}
#select_lang_modal input[type="radio"]:checked + div .chk_bg {
  display: flex;
}
#select_lang_modal input[type="radio"]:checked + div .fc_gray_800 {
  color: var(--primary);
}

/* 필터선택 모달 디자인 */
.filter_modal .modal-body {
  padding: 0;
}
.filter_modal .result_wp {
  border-radius: 0;
}
.slc_anwer_wp {
  flex-wrap: nowrap;
  height: 28rem;
  overflow-y: hidden;
}
.slc_anwer_wp .slc_anwer_tab {
  height: 28rem;
  overflow-y: auto;
  padding: 0;
  border-right: 1px solid var(--border);
}
.slc_anwer_wp .slc_anwer_tab:last-child {
  border-right: unset;
}
.slc_anwer_ul {
  width: 100%;
  display: flex;
  align-items: center;
}

.no_scroll .slc_anwer_wp,
.no_scroll .slc_anwer_wp .slc_anwer_tab {
  height: auto;
}

.form-check {
  padding-left: 0;
}
.form-check input:not([type="text"]) {
  display: none;
}
.form-check-label {
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.filter_modal .modal_wide.modal-dialog {
  max-width: 59rem;
}
.modal_wide2.modal-dialog {
  max-width: 95rem;
}

.slc_anwer_wp .slc_anwer_link {
  line-height: 1.3;
  cursor: pointer;
  color: var(--text);
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
  border-radius: 0;
  border: unset;
  color: var(--text);
  font-weight: 300;
  text-align: left;
}
.slc_anwer_wp .slc_anwer_link:hover {
  background-color: #f4f7fe;
}
.slc_anwer_wp .slc_anwer_link.active {
  border-radius: 0;
  color: #fff;
  background-color: var(--primary);
}

.slc_anwer_tab .form-check .form-check-input:checked + .form-check-label {
  background-color: #f4f7fe;
}

/* 필터 선택 결과창(팝업) */
.filter_modal .result_wp {
  height: 12.8rem;
  overflow-y: scroll;
}

/* 토스트팝업 */
.toast {
  color: #fff;
  border-radius: 0.6rem;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
}
/* toast */
.toast {
  position: fixed;
  top: 2.2rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 1.4rem;
  box-shadow: none;
  font-weight: 300;
  width: 100%;
  max-width: 400px;
  z-index: 9999;
  border: 0;
  background: transparent;
}
.toast-body {
  padding: 1.3rem 2rem;
  background-color: rgba(0, 0, 0, 0.8);
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 500;
  border-radius: 0.6rem;
  text-align: center;
}
.toast-body p {
  display: flex;
  align-items: center;
  line-height: 1.3;
  justify-content: center;
}
.toast-body p i {
  margin-right: 0.6rem;
}

/*터치*/
.touch_scroll {
  overflow-x: auto;
  overflow-y: hidden;
}

/* List Style */
.list_style_1 li {
  display: flex;
  padding-bottom: 0.3rem;
  line-height: 1.4;
}
.list_style_1 li > span {
  display: inline-block;
  width: 9.5rem;
  padding-right: 0.5rem;
  color: #999;
  flex-shrink: 0;
}
.list_style_2 li {
  display: flex;
  padding-bottom: 0.8rem;
}
.list_style_2 li:before {
  content: "-";
  display: inline-block;
  margin-right: 1rem;
}

/*탭*/
/*nav-tabs*/
.nav-tabs {
  background: #f5f6f8;
  border-radius: 0.8rem;
  padding: 0.8rem;
  border: 0;
  flex-wrap: nowrap;
}
.nav-tabs .nav-link {
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #999;
  border: 0;
  margin-bottom: 0px;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  border-radius: 0.8rem;
  font-weight: 600;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background: #fff;
  color: #000;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.06);
}

/*nav-pills*/
.nav-pills {
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  flex-wrap: nowrap;
}
.nav-pills .col {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 1rem;
  background: #aab1b7;
  color: #fff;
}

/*nav_tab_line*/
.nav_tab_line {
  width: 100%;
  margin: 0;
  background-color: #fff;
}
.nav_tab_line {
  border: unset;
}
.nav_tab_line .nav-item {
  text-align: center;
  background-color: #fff;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
}
.nav_tab_line .nav-link {
  /*    border: 1px solid white;*/
  color: var(--text);
  /*	height: 4.8rem;*/
  padding: 2rem 1rem;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--gray-400);
}
.nav_tab_line .nav-link.active,
.nav_tab_line .nav-item.show .nav-link {
  border-color: var(--primary);
  color: var(--primary);
  /*
		transform: translateY(0.1rem);
		padding-bottom:1.2rem;
*/
}

/*커스텀 스위치*/
.custom-switch {
  padding: 0;
  width: 4.9rem;
  height: 3.3rem;
}
.custom-switch .custom-control-label::after {
  width: 2.6rem;
  height: 2.6rem;
  background-color: #fff;
  border-radius: 3rem;
  top: 0.3rem;
  left: 0.3rem;
}
.custom-control-label::after {
  position: absolute;
  top: 0.3rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  cursor: pointer;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  left: 1.2rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--primary);
  background-color: var(--primary);
}
.custom-control-label::before {
  background-color: #ebebeb;
  border: 0;
  top: 0;
  cursor: pointer;
}
.custom-switch .custom-control-label::before {
  left: 0;
  width: 4.9rem;
  height: 3.2rem;
  border-radius: 2rem;
}

/*d_flex*/
.d_flex_center_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*마진*/
.mt_6 {
  margin-top: 0.6rem;
}
.mt_8 {
  margin-top: 0.8rem;
}
.mt_12 {
  margin-top: 1.2rem;
}
.mt_14 {
  margin-top: 1.4rem;
}
.mt_16 {
  margin-top: 1.6rem;
}
.mt_17 {
  margin-top: 1.7rem;
}
.mt_18 {
  margin-top: 1.8rem;
}
.mt_20 {
  margin-top: 2rem;
}
.mt_22 {
  margin-top: 2.2rem;
}
.mt_24 {
  margin-top: 2.4rem;
}
.mt_25 {
  margin-top: 2.5rem;
}
.mt_27 {
  margin-top: 2.7rem;
}
.mt_28 {
  margin-top: 2.8rem;
}
.mt_30 {
  margin-top: 3rem;
}
.mt_33 {
  margin-top: 3.3rem;
}
.mt_35 {
  margin-top: 3.5rem;
}
.mt_40 {
  margin-top: 4rem;
}
.mt_44 {
  margin-top: 4.4rem;
}
.mt_45 {
  margin-top: 4.5rem;
}
.mt_60 {
  margin-top: 6rem;
}
.mt_70 {
  margin-top: 7rem;
}
.mt_80 {
  margin-top: 8rem;
}
.mb_5 {
  margin-bottom: 0.5rem;
}
.mb_7 {
  margin-bottom: 0.7rem;
}
.mb_8 {
  margin-bottom: 0.8rem;
}
.mb_9 {
  margin-bottom: 0.9rem;
}
.mb_10 {
  margin-bottom: 1rem;
}
.mb_15 {
  margin-bottom: 1.5rem;
}
.mb_16 {
  margin-bottom: 1.6rem;
}
.mb_18 {
  margin-bottom: 1.8rem;
}
.mb_20 {
  margin-bottom: 2rem;
}
.mb_24 {
  margin-bottom: 2.4rem;
}
.mb_25 {
  margin-bottom: 2.5rem;
}
.mb_30 {
  margin-bottom: 3rem;
}
.mb_35 {
  margin-bottom: 3.5rem;
}
.mb_40 {
  margin-bottom: 4rem;
}
.mb_45 {
  margin-bottom: 4.5rem;
}
.mb_50 {
  margin-bottom: 5rem;
}
.mb_60 {
  margin-bottom: 6rem;
}
.mb_70 {
  margin-bottom: 7rem;
}
.mb_80 {
  margin-bottom: 8rem;
}
.ml_10 {
  margin-left: 1rem;
}
.mr_8 {
  margin-right: 0.8rem;
}
.mr_12 {
  margin-right: 1.2rem;
}
.mr_16 {
  margin-right: 1.6rem;
}
.mr_20 {
  margin-right: 2rem;
}
.mr_24 {
  margin-right: 2.4rem;
}
.mr_n10 {
  margin-right: -1rem;
}
.mr_n20 {
  margin-right: -2rem;
}

.my_4 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.my_20 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my_40 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mx_3 {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.mx_8 {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.mx_20 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mt_n10 {
  margin-top: -1rem;
}
.mx_n05 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mx_n20 {
  margin-left: -2rem;
  margin-right: -2rem;
}

/*패딩*/
.pt_6 {
  padding-top: 0.6rem;
}
.pt_07 {
  padding-top: 0.7rem;
}
.pt_14 {
  padding-top: 1.4rem;
}
.pt_16 {
  padding-top: 1.6rem;
}
.pt_20 {
  padding-top: 2rem;
}
.pt_24 {
  padding-top: 2.4rem;
}
.pt_25 {
  padding-top: 2.5rem;
}
.pt_48 {
  padding-top: 4.8rem;
}
.pt_50 {
  padding-top: 5rem;
}
.pt_60 {
  padding-top: 6rem;
}
.pt_80 {
  padding-top: 8rem;
}
.pt_120 {
  padding-top: 12rem;
}

.pb_14 {
  padding-bottom: 1.4rem;
}
.pb_16 {
  padding-bottom: 1.6rem;
}
.pb_18 {
  padding-bottom: 1.8rem;
}
.pb_20 {
  padding-bottom: 2rem;
}
.pb_24 {
  padding-bottom: 2.4rem;
}
.pb_25 {
  padding-bottom: 2.5rem;
}
.pb_28 {
  padding-bottom: 2.8rem;
}
.pb_35 {
  padding-bottom: 3.5rem;
}
.pb_40 {
  padding-bottom: 4rem;
}
.pb_50 {
  padding-bottom: 5rem;
}
.pb_60 {
  padding-bottom: 6rem;
}
.pb_70 {
  padding-bottom: 7rem;
}
.pb_80 {
  padding-bottom: 8rem;
}
.pb_90 {
  padding-bottom: 9rem;
}
.pb_100 {
  padding-bottom: 10rem;
}
.pb_114 {
  padding-bottom: 11.4rem;
}

.pl_12 {
  padding-left: 1.2rem;
}
.pl_16 {
  padding-left: 1.6rem;
}
.pl_18 {
  padding-left: 1.8rem;
}
.pl_20 {
  padding-left: 2rem;
}
.pl_30 {
  padding-left: 3rem;
}
.pl_40 {
  padding-left: 4rem;
}

.pr_30 {
  padding-right: 3rem;
}
.pr_40 {
  padding-right: 4rem;
}

.py_7 {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.py_8 {
  padding-top: 0.8rem;
  padding-bottom: 0.7rem;
}
.py_20 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py_25 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py_35 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.px_8 {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.px_12 {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.px_16 {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.px_17 {
  padding-left: 1.7rem;
  padding-right: 1.7rem;
}
.px_18 {
  padding-left: 1.7rem;
  padding-right: 1.8rem;
}
.px_20 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px_22 {
  padding-left: 2.2rem;
  padding-right: 2.2rem;
}
.px_25 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.py_100 {
  padding: 10rem 0;
}
.p_20 {
  padding: 2rem !important;
}

.vh_100 {
  min-height: 100vh;
}
.vh_100_vh {
  height: 100vh;
}
.w-auto {
  width: auto;
}

.rounded-sm {
  border-radius: 0.4rem;
}
.rounded-md {
  border-radius: 0.6rem;
}
.rounded {
  border-radius: 0.8rem;
}

/**************************************************************/
/*											콘텐츠 페이지														*/
/**************************************************************/
.cursor_default {
  cursor: default !important;
}

.mo-flex {
  display: flex;
  align-items: stretch;
  gap: 20px;
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.r-line-box {
  border-radius: 10px;
  background: var(--primary);
  color: #fff;
  padding: 15px;
  width: 300px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.modal-btn-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 15px;
}
.modal-btn-list > div {
  width: 100%;
}
.e7_02_btn {
  font-size: 14px;
  color: var(--blue-link);
  background-color: #fff;
  border: 0;
  text-decoration: underline;
  text-align: left;
  line-height: 1.3;
}
.e7_02_modal_table th {
  width: 20%;
}
.e7_02_modal_table td {
  text-align: left !important;
}
.tflex {
  display: flex;
  gap: 10px;
}

/* 한국어 전용페이지 안내문 */
.no_trnsl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--gray-700);
  font-size: 1.2rem;
  padding: 1.5rem;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.no_trnsl img {
  width: 1.3rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.no_trnsl button {
  margin-left: 1rem;
}
.no_trnsl button img {
  margin-right: 0;
}

/* 헤더메뉴 */
.content_menu_tit {
  padding: 1.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  background: var(--light);
  cursor: default;
}

/* 링크디자인 (폰트사이즈는 그때그때 설정) */
.contents_layout a,
.visa_sub_modal a {
  color: var(--blue-link) !important;
  text-decoration: underline !important;
  cursor: pointer;
}

/***** 비자정보 메인 페이지 *****/
.contents_layout /*.container*/ {
  padding-top: 4rem;
  padding-bottom: 6rem;
}
.sub_pg.visa_main_pg {
  background: var(--light);
}

.content_pg_tit {
  margin-bottom: 2.5rem;
}
.content_pg_tit p {
  line-height: 1.3em;
}

/* 각 비자별 박스 여백 */
.row:has(.visa_main_card) {
  margin-right: -10px;
  margin-left: -10px;
}
.row:has(.visa_main_card) .col {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 2rem;
}

/* 각 비자별 박스 디자인 */
.visa_main_pg .row:has(.visa_main_card) {
  align-items: stretch;
}
.visa_main_pg .row:has(.visa_main_card) .col {
  height: unset;
}
.visa_main_pg .row:has(.visa_main_card) .col .visa_main_card,
.visa_main_pg .row:has(.visa_main_card) .col .visa_main_card .card_body {
  height: 100%;
}

.visa_main_card {
  border: 1px solid var(--border);
  border-radius: 1rem;
  overflow: hidden;
}
.visa_main_card .card_head {
  padding: 2rem;
  background: var(--gray-200);
  border-bottom: 1px solid var(--border);
  min-height: 6.5rem;
}

.visa_main_card .card_head .visa_icon {
  width: 2.4rem;
  margin-right: 0.3rem;
  flex-shrink: 0;
}

/* 비자소개 버튼 */
.intro_visa_btn {
  font-size: 1.2rem;
  padding: 0.3rem 0.8rem;
  border: 1px solid var(--gray-800);
  color: var(--gray-800);
  flex-shrink: 0;
}

.visa_main_card .card_body {
  padding: 2rem 2rem 1.5rem;
  background: #fff;
}
.visa_main_card .card_body ul {
  color: var(--gray-800);
  list-style-position: inside;
  line-height: 1.3em;
}
.visa_main_card .card_body ul > li::marker {
  content: "· ";
}
.visa_main_card .card_body ul > li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

.visa_main_btn {
  align-items: stretch;
}
.visa_main_btn .col {
  height: unset;
}
.visa_main_btn .btn {
  padding: 0.7rem;
  min-height: 3.5rem;
  height: 100%;
  font-weight: 500;
}

/***** 절차 페이지 *****/
.visa_sub_pg .sub_group_box {
  padding: 3rem 2rem;
  min-height: 70rem;
}

/*.step_acco_wr{ margin-top: 2.5rem;}*/

.step_acco_wr .acco_btn.btn_auto {
  height: 6.2rem !important;
  padding: 2rem 1.5rem !important;
}
.step_badge {
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  background: var(--primary);
  padding: 0.5rem 0.8rem;
  text-align: center;
  flex-shrink: 0;
  margin-right: 1rem;
}
.step_tit {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.3em;
}
.step_acco_wr .card-header .ico_updown {
  margin-left: 1rem;
}

.step_acco_wr .card-body {
  padding: 2rem 1.5rem;
}
.step_acco_wr .card-body p {
  white-space: pre-line;
}
.step_acco_wr .card-body p,
.visa_step_pg .card-body a {
  font-size: 1.5rem;
  line-height: 1.3em;
  word-break: keep-all;
}
.step_acco_wr .card-body .step_tit {
  font-weight: 400;
  color: var(--text);
}
.step_acco_wr .card-body .step_cont {
  color: var(--gray-800);
}

.step_acco_wr .card-body p:not(:last-child) {
  margin-bottom: 1rem;
}

.step_acco_wr.accordion .card:not(:last-of-type) {
  margin-bottom: 2rem;
}
.step_acco_wr.accordion .card {
  border: 1px solid var(--gray-400);
  border-radius: 1rem;
}

/***** 문서 페이지 틀 *****/
.contents_collapse_wr .cts_colps_btn {
  text-decoration: none !important;
  word-break: break-all;
  text-align: left;
  line-height: 1.3;
}
.contents_collapse_wr .cts_colps_btn .tit_h1 {
  word-break: break-all;
  text-align: left;
}

/* 비자 이름 뱃지 */
.visa_badge_gr {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.visa_badge {
  padding: 0.7rem 1.2rem;
  border-radius: 0.5rem;
  background: var(--gray-200);
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--gray-700);
  flex-shrink: 0;
  margin: 0.25rem 0;
  margin-right: 1rem;
}

/* 토글 아이콘 */
.contents_arrow {
  width: 14px;
  margin-left: 0.8rem;
  flex-shrink: 0;
  display: none;
}
.toggle_tit .contents_arrow {
  display: block;
}
.visa_sub_pg .cts_colps_btn:not(.toggle_tit) {
  cursor: default;
}

/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.contents_collapse_wr .btn[aria-expanded="false"] .contents_arrow {
  transform: rotate(0deg);
}
/* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.contents_collapse_wr .btn[aria-expanded="true"] .contents_arrow {
  transform: rotate(180deg);
}

/* 텍스트 스타일 */
.normal_txt,
.sm_txt,
.visa_sub_pg a,
.visa_sub_modal a {
  line-height: 1.3;
  white-space: pre-line;
  margin-bottom: 0.8rem;
}
.normal_txt:last-child,
.visa_sub_pg .sm_txt:last-child,
.visa_sub_pg a:last-child {
  margin-bottom: 0;
}
.normal_txt {
  color: var(--gray-800);
}
.sm_txt {
  color: var(--gray-600);
  font-size: 1.3rem;
}

/* 회색 박스 */
.gray_box_wr {
  margin: 1rem 0;
}
.gray_box_wr:last-child {
  margin-bottom: 0;
}
.gray_box {
  border-radius: 1rem;
  background: var(--light);
  padding: 2rem;
}

/* 테이블 디자인 */
.table_style {
  margin: 1rem 0;
}
.table_style:last-child {
  margin-bottom: 0;
}
.table_style:first-child {
  margin-top: 0;
}
.table_style table {
  width: 100%;
  border-top: 1px solid var(--border);
  line-height: 1.5;
  max-width: 100%;
}
.table_style table tr {
  border-bottom: 1px solid var(--border);
}
.table_style table th,
.table_style table td {
  padding: 1.2rem 1rem;
}
.table_style table th {
  background: var(--gray-200);
  text-align: center;
  font-weight: 600;
}

.table_style table th:not(:first-child),
.table_style table td:not(:first-child) {
  border-left: 1px solid var(--border);
}
.table_style table th:not(:last-child),
.table_style table td:not(:last-child) {
  border-right: 1px solid var(--border);
}

.table_style {
  -ms-overflow-style: none;
}
.table_style::-webkit-scrollbar {
  display: none;
}

/* 텍스트 얼라인 */
.table_style.td_center table td {
  text-align: center;
}

.gray_box_wr + .table_style {
  margin-top: 2rem;
}
.table_style + .gray_box_wr {
  margin-top: 2rem;
}

.table_style ol {
  padding-left: 2rem;
}

/*** 전레벨 공통 ***/
.lv_ul > li:not(:last-child) {
  padding-bottom: 1rem;
}
.lv_ul > li .colps_cont_container {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.lv_ul + .lv_ul {
  margin-top: 1rem;
}

.lv_tit_wr {
  display: flex;
  align-items: center;
}
.lv_tit_wr .lv_num {
  align-self: start;
}

/*** 1레벨 디자인 ***/
.lv_1_num {
  background: var(--primary);
  border-radius: 0.5rem;
  min-width: 2.2rem;
  height: 2.2rem;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  margin-right: 0.8rem;
}
.lv_1_tit {
  font-size: 1.7rem;
  font-weight: 700;
}

.lv_1_ul > li {
  border-bottom: 1px solid var(--border);
  padding-top: 2rem;
  padding-bottom: 2rem !important;
}
.lv_1_ul > li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0 !important;
}
.lv_1_ul > li:first-child {
  padding-top: 1rem;
}
.lv_1_ul > li > .cts_colps_cont > .colps_cont_container {
  padding-left: 2.5rem;
  padding-bottom: 0;
}

/*** 2레벨 디자인 ***/
.lv_2_tit_wr {
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.4;
}
.lv_2_num {
  margin-right: 0.5rem;
}

.lv_2_ul > li > .cts_colps_cont > .colps_cont_container {
  padding-left: 2.5rem;
}
.lv_2_ul > li:last-child > .cts_colps_cont > .colps_cont_container {
  padding-bottom: 0;
}

/*** 3레벨 디자인 ***/
.lv_3_tit_wr {
  color: var(--gray-800);
  font-size: 1.5rem;
}
.lv_3_num {
  margin-right: 0.3rem;
}

.lv_3_ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
.lv_3_ul > li > .cts_colps_cont > .colps_cont_container {
  padding-left: 2rem;
}
.lv_3_ul > li:last-child > .cts_colps_cont > .colps_cont_container {
  padding-bottom: 0;
}

/*** 4레벨 디자인 ***/
.lv_4_tit {
  font-weight: 600;
  font-size: 1.5rem;
}
.lv_4_ul > li:last-child > .cts_colps_cont > .colps_cont_container {
  padding-bottom: 0;
}

/*** 차트 ***/
.chart_box {
  width: calc(50% - 1rem);
  padding: 2.5rem 1rem 2.5rem;
  display: flex;
  flex-direction: column;
  /*	justify-content: center;*/
  align-items: center;
  border: 1px solid var(--border);
  margin-bottom: 4rem;
}
.chart_box:nth-child(odd) {
  margin-right: 2rem;
}

.chart_wr {
  width: 100%;
  height: 50rem;
}
.chart_canvas {
  width: 100% !important;
  height: auto !important;
}

.chart_tit {
  width: 100%;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
}

.dot_style_ul {
  /*list-style-position: inside;*/
  line-height: 1.3em;
  padding-left: 1rem;
  color: var(--gray-800);
}
.table_style .dot_style_ul {
  color: var(--text);
}
.dot_style_ul > li::marker {
  content: "· ";
}
.dot_style_ul > li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}

/***** 점수표 페이지 *****/
.table_style.score_table table {
  width: 100%;
}

.score_total {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  font-weight: 500;
}
.score_total img {
  width: 3.4rem;
  margin-right: 0.7rem;
}

.score_total.emp_box.pass {
  border-color: #00d183 !important;
  background-color: #ebf9f4;
  color: #00d183;
}
.score_total.emp_box.non_pass {
  border-color: #d0021b !important;
  background-color: #fff2f2;
  color: #d0021b;
}

.score_total.pass .non_pass {
  display: none;
}
.score_total.pass .pass {
  display: block;
}
.score_total.non_pass .non_pass {
  display: block;
}
.score_total.non_pass .pass {
  display: none;
}

.total_score_num {
  font-size: 4.5rem;
  font-weight: 700;
  text-align: center;
  color: var(--text);
  margin-top: 1rem;
}

/***** 대학 순위 페이지 *****/
.univer_list {
  margin-top: 2rem;
}
.univer_list .btn {
  border: 1px solid var(--border);
  border-radius: 1rem;
  padding: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  height: auto;
}

.univer_list .btn .arrow {
  width: 0.7rem;
  flex-shrink: 0;
}

.university_rank_table .table_style table {
  border: 1px solid var(--border);
}
.university_rank_table .table_style .s2 {
  text-align: center;
}

/***** 인적성검사 페이지 *****/
.sub_pg.test_intro {
  background: #fff;
  padding-bottom: 0;
}

/* 타이틀 부분 */
.test_main_visual {
  padding-top: 5rem;
  padding-bottom: 7rem;
}
.test_main_visual .tit_wr {
  line-height: 1.4;
  text-align: center;
}

.test_main_visual .tit_wr h2 {
  font-size: 6rem;
  font-weight: 700;
  margin-bottom: 2rem;
  letter-spacing: -0.2rem;
}
.test_main_visual .tit_wr h2 strong {
  font-weight: 800;
  color: var(--primary);
}

.test_pic_wr {
  margin-top: 6rem;
}
.test_pic_wr ul li {
  width: calc((100% - 12rem) / 3);
  border-radius: 2rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 0 1.5rem rgb(0 0 0 / 5%);
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
}

/* 서비스 특징 */
.test_sect_01 {
  padding: 7rem 0;
}

.test_ico_wr li {
  height: unset;
}
.test_ico_wr li > div {
  border-radius: 2rem;
  border: 1px solid var(--border);
  background: #fff;
  padding: 4rem 1.5rem;
  height: 100%;
}
.test_ico_wr img {
  width: 10rem;
  margin-bottom: 1rem;
}

/* 검사 결과 */
.test_sect_02 {
  padding: 7rem 0;
}

/* 자료 다운로드 버튼 안에 a */
.download_btn a {
  color: inherit !important;
  text-decoration: none !important;
}

.test_rest_cate {
  flex-shrink: 0;
  width: 27rem;
  margin-right: 3rem;
  padding: 1rem 0;
}
.test_rest_cate ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.test_rest_cate ul li {
  display: flex;
  align-items: center;
  border-radius: 1rem;
  background: var(--light);
  height: 7.7rem;
  padding: 1rem;
}
.test_rest_cate ul li span {
  font-size: 1.8rem;
  font-weight: 700;
}
.test_rest_cate ul li img {
  width: 3.3rem;
  margin-right: 0.7rem;
  flex-shrink: 0;
}

/* 검사 결과 미리보기 슬라이드 */
.test_rest_slide_wr {
  width: calc(100% - 30rem);
}
.test_rest_slide_wr .swiper-wrapper {
  padding: 1rem 0;
}
.test_rest_slide_wr .swiper-slide img {
  max-width: 100%;
  border-radius: 1rem;
  box-shadow: 0 0 2rem rgb(0 0 0 / 5%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.e8_07_img {
  max-width: 60rem;
  margin-top: 2rem;
}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .hd_pc .logo img {
    width: 13rem;
  }
  .hd_pc .nav_ul .nav_li > a {
    font-size: 1.5rem;
  }
}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
  /*** 메인페이지 ***/
  /* 메인 배너 */
  .main_banner {
    margin-bottom: 3rem;
  }

  /* 띠 배너 */
  .main_banner .wide_bnr_wr {
    margin-bottom: 1rem;
  }
  /* 정사각 배너 */
  .main_rect_banner .rect_bnr_wr {
    width: 100%;
  }
  .main_rect_banner .rect_bnr_wr:first-child,
  .main_rect_banner .rect_bnr_wr:last-child {
    margin: 0;
  }

  .main_rect_banner .rect_bnr_wr:first-child {
    margin-bottom: 1rem;
  }

  /* main_contact */
  .main_contact > .d-lg-flex > div {
    width: 100%;
  }
  .main_contact > .d-lg-flex > div:first-child,
  .main_contact > .d-lg-flex > div:last-child {
    margin: 0;
  }

  /* FAQ 슬라이드 */
  .faq_slide_box .tit_h2 {
    margin-bottom: 1rem;
  }
  .faq_slide_wr {
    border: 1px solid var(--border);
    margin-bottom: 2rem;
  }

  /* 메인: 문의하기 영역 */
  .contact_box {
    border: 1px solid var(--border);
    padding: 2rem 2.5rem;
  }
  .contact_box .btn {
    width: 100%;
  }

  /* 메인: 채용공고 영역 */
  .main_emp_wr {
    padding-top: 0;
    padding-bottom: 6rem;
  }

  /* 챗봇 플로팅 아이콘 */
  .chatbot_wr {
    bottom: 7.5rem;
  }
  .chatbot_wr .btn_chatbot {
    width: 6rem;
    height: 6rem;
  }
  .chatbot_chat_wr {
    bottom: 7.5rem;
  }
  .chatbot_btn_wr .float_close_btn {
    width: 1.8rem;
    height: 1.8rem;
  }
  /* 챗봇 채팅창 헤더 */
  .chatbot_chat_wr .chatbot_chat_hd {
    padding: 1.5rem;
  }
  /* 챗봇 채팅창 바디 높이 */
  .chatbot_chat_wr .chat_body {
    padding: 1.5rem;
    height: 40vh;
  }

  .go_top2 {
    right: 1.6rem;
    bottom: 7.5rem;
  }

  /* 하단버튼 높이가 높을 때 플로팅 아이콘 */
  body:has(.re_add_pg) .go_top2,
  body:has(.re_add_pg) .chatbot_wr {
    bottom: 15.5rem;
  }
  body:has(.em_add_pg) .go_top2,
  body:has(.em_add_pg) .chatbot_wr {
    bottom: 21.5rem;
  }
  body:has(.re_add_pg.score_pg) .go_top2,
  body:has(.re_add_pg.score_pg) .chatbot_wr {
    bottom: 7.5rem;
  }
  /* 채용공고 등록 페이지 챗봇 채팅창 높이 */
  body:has(.em_add_pg) .chatbot_chat_wr .chat_body {
    height: 28vh;
  }

  /* 하단플로팅 높이 높을때 푸터 */
  body:has(.re_add_pg) .ft {
    padding-bottom: 11.7rem !important;
  }
  body:has(.em_add_pg) .ft {
    padding-bottom: 17.6rem !important;
  }
  body:has(.re_add_pg.score_pg) .ft {
    padding-bottom: 5.4rem !important;
  }

  html {
    font-size: 9px;
  }
  body.modal-open[style] {
    padding-right: 0px !important;
  }

  .hd_m {
    display: flex;
  }
  .bt_menu {
    display: block;
  }

  .pc_only {
    display: none;
  }
  .m_only {
    display: block;
  }

  /* 언어선택 madal */
  #select_lang_modal .modal-content {
    padding: 2rem;
  }
  #select_lang_modal .flag_ic_wr {
    width: 6rem;
    height: 6rem;
  }
  #select_lang_modal .chk_bg img {
    width: 2.5rem;
  }

  /* 헤더 */
  .hd_pc,
  .hd_pc_m {
    display: none;
  }
  .hd_mo {
    display: block;
  }

  .m_menu_wr {
    max-width: 100%;
    transition: none;
  }
  .menu_on .m_menu_wr {
    max-width: 100%;
    transition: none;
    justify-content: center;
    overflow-y: scroll;
    background-color: #fff;
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
  }
  .menu_on .m_menu_wr::-webkit-scrollbar {
    display: none;
  }
  .m_nav {
    transition: none;
  }
  .menu_on .m_nav {
    max-width: 100%;
  }
  .menu_bg {
    display: none;
  }

  .btn-lg {
    height: var(--height);
    font-size: 1.5rem;
  }
  .tit_h2 {
    font-size: 2.5rem;
  }
  .tit_h3 {
    font-size: 2rem;
  }

  .fs_18 {
    font-size: 1.6rem !important;
  }

  /*메인*/
  .idx_pg {
    padding-top: var(--hd_height_m);
    min-height: 100vh;
  }

  /*서브*/
  .sub_pg {
    padding-top: var(--hd_height_m);
    min-height: 100vh;
  }
  .login_pg {
    min-height: 100vh;
  }
  .sub_pg {
    background-color: var(--white);
  }
  .sub_no_tit {
    padding-top: 2.5rem;
    padding-bottom: 6rem;
  }

  /* sub_group_box */
  .sub_group_box {
    padding: 0 !important;
    border: none;
    border-radius: 0;
  }
  .m_only .sub_group_box {
    padding: 2rem !important;
    border-radius: 1rem;
  }

  /*로그인,회원가입*/
  /* .login_pg{padding-top:9.0rem;padding-bottom:3.5rem;} */
  .sing_pg,
  .login_pg {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sign_pg {
    padding-top: 4.5rem;
    padding-bottom: 3.5rem;
  }
  .sign_pg .tit_h2 {
    font-size: 2rem;
  }
  .sign_wr {
    max-width: 100%;
  }
  .sign_box {
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5rem;
  }

  /* 검색필터 디자인 */
  .sub_cont_wr {
    padding-top: 0;
  }
  .sub_cont_wr .sub_group_box {
    padding-top: 4.5rem !important;
    border-top: 1px solid var(--gray-400);
  }
  .filter_btn_wr .filter_btn {
    margin-top: 1rem;
  }
  .filter_btn_wr ul li:first-child .filter_btn,
  .filter_btn_wr ul li:nth-child(2) .filter_btn {
    margin-top: 0;
  }

  /* 상세조건 선택 탭 */
  .ft_line_wr {
    flex-direction: column;
    align-items: start !important;
    padding-bottom: 0;
  }
  .ft_line_wr .w-50 {
    width: 100% !important;
  }
  .d_ft_tit {
    margin-top: 1.5rem;
  }
  .d_ft_tit.first_tit {
    margin-top: 0;
  }
  .ft_line_wr > div {
    width: 100%;
  }
  .ft_line_wr .custom-select {
    width: 100%;
  }
  .btn_group_wide {
    width: 100%;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
  }
  .ft_line_wr .btn-group .btn {
    font-size: 1.3rem;
    margin: 0.5rem;
  }
  .ft_line_wr .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  .ft_line_wr .btn-group > .btn-group:not(:last-child) > .btn,
  .ft_line_wr .btn-group > .btn:not(:first-child),
  .ft_line_wr .btn-group > .btn-group:not(:first-child) > .btn {
    border-radius: 1rem;
  }

  .mo_mt_10 {
    margin-top: 1rem;
  }

  /* 게시글 리스트 디자인 */
  .vt_btn_wr {
    display: none !important;
  }
  .post_list_wr .user_info_box {
    padding: 1rem;
  }

  .viewtype01_wr2 .post_list_wr .profile_circle_box .post_list_wr .flag_ic_wr,
  .post_list_wr .flag_ic_wr {
    width: 2.3rem;
    height: 2.3rem;
  }
  /* 뷰타입1 */
  /* .viewtype01_wr{ display: none;} */
  .viewtype01_wr2 .post_list_wr {
    min-height: 14rem;
  }
  .viewtype01_wr2 .post_list_wr .user_info_box {
    width: 25%;
  }

  /* 뷰타입2 */
  .viewtype02_wr .post_list_wr .user_info_box {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .viewtype01_wr2 .post_list_wr .profile_circle_box,
  .viewtype02_wr .post_list_wr .profile_circle_box {
    width: 4.8rem;
    height: 4.8rem;
  }

  .viewtype02_wr .post_list_wr {
    padding: 1.5rem;
  }
  .viewtype02_wr .user_name_wr {
    margin-left: 0;
  }
  .viewtype02_wr .user_name_wr h3 {
    margin-top: 0.5rem;
  }
  .viewtype02_wr .time_p_wr {
    width: auto;
    margin-left: 0;
    margin-top: 1.5rem;
  }
  .viewtype02_wr .bookmark_wr {
    margin-left: 4rem;
  }

  /* 페이지네이션 */
  .pagination_wr .pagination a {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 0.5rem 0;
  }

  /* 이력서 상세 페이지 */
  /* .more_menu_gr{margin-top: 0.5rem;} */

  /* 프로필 정보 부분 */
  .prf_cirbox_wr {
    width: 100%;
  }
  .dt_prf_box .flag_ic_wr {
    margin-right: 0.3rem;
  }

  /* 아코디언 바디 */
  .card_bd_line .line_lf {
    width: 100%;
    margin-right: 0;
    flex-shrink: 1;
  }

  /* 버튼 하단 고정 */
  .mo_fxbtn_gr {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6rem;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 10;
  }
  .mo_fxbtn_gr .btn {
    width: 50%;
    height: 100%;
    min-width: 18.5rem;
    border-radius: 0;
    margin: 0;
  }
  .mo_fxbtn_gr .btn:first-child {
    margin: 0;
  }
  .mo_fxbtn_gr .btn-outline-gray-500 {
    border: 1px solid var(--white);
    border-top: 1px solid var(--gray-500);
  }

  /* 공고 상세페이지 */
  .ri_sticky_box {
    position: unset;
    height: fit-content;
    width: 100%;
    top: none;
    border-top: 1px solid var(--border);
  }
  .epm_dt_cont {
    padding-right: 0;
  }
  .ri_sticky_box .swiper {
    padding-bottom: 3rem;
  }
  .ri_sticky_box .swiper-slide .post_list_wr {
    height: 100%;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .ri_sticky_box .swiper-pagination {
    height: auto !important;
  }
  .ri_sticky_box .swiper-pagination-bullet-active {
    background: var(--primary);
  }

  /* 구직/구인 형태 선택 */
  .type_select_box {
    min-height: auto;
    padding: 1.5rem;
    margin-right: 0;
  }
  .type_select_wr > div.mx-auto {
    max-width: 48rem;
  }

  /* 마이페이지 */
  .mp_tit {
    margin-bottom: 2.5rem;
    font-weight: 700;
  }
  /* 마이페이지 우측 */
  .sticky_pg .mp_col_ri {
    padding-top: 3rem;
  }

  /* 마이페이지 모바일 */
  .mp_home {
    padding-top: 3rem;
    padding-bottom: 0;
  }
  .mp_col_ri .sub_group_box.mp_group_box {
    padding: 0;
  }
  .mo_border_box {
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1.5rem;
  }
  .mo_border_box.row {
    margin-right: 0;
    margin-left: 0;
  }
  .mo_mx_0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mp_home_btn {
    width: 100%;
  }
  .mp_home_btn .btn {
    width: 50%;
  }

  /* 마이페이지 : 지원현황 상세 */
  .apply_dt .viewtype01_wr .post_list_wr .user_info_box {
    width: 25%;
  }
  /* 마이페이지 : 관심 인재 */
  .tlt_scrap .viewtype01_wr .post_list_wr .user_info_box {
    width: 25%;
  }

  /* 회원정보 수정 페이지 우측 버튼 */
  .re_add_box.mp_st_ri {
    display: flex;
    flex-direction: row-reverse;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6rem;
    top: auto;
    right: auto;
    padding: 0;
    margin: 0;
  }
  .re_add_box.mp_st_ri .btn {
    height: 100%;
    border-radius: 0;
    margin: 0;
  }
  .re_add_box.mp_st_ri .delete_id_btn {
    width: 40%;
    border: 1px solid var(--white);
    border-top: 1px solid var(--gray-700);
  }

  /* 마이페이지 : 채용공고 */
  .emp_cntr_btn select,
  .emp_cntr_btn button {
    width: -webkit-fill-available;
    max-width: 50%;
  }

  /* 탭 디자인 */
  .tab_tit_wr .tab_tit .nav-link {
    font-size: 1.6rem;
  }
  .tab_tit_wr:has(.tab_tit_2dep) {
    margin-right: 0;
  }
  .tab_tit_wr .tab_tit.tab_tit_2dep .nav-link {
    font-size: 1.4rem;
  }

  /* 등록페이지 : 큰레이아웃 */
  .add_cont_wp {
    padding-right: 0;
  }
  .re_add_box {
    box-shadow: 0px -5px 20px #00000012;
    z-index: 10;
    position: fixed;
    top: unset !important;
    bottom: 0;
    left: 0;
    width: calc(100% + 1rem);
    margin: 0 -0.5rem;
    padding: 1rem 1.6rem 2rem 1.6rem;
    display: flex;
    flex-direction: column;
    background-color: #fff;
  }
  .re_add_box .btn {
    margin: 0 0.5rem !important;
  }
  .re_add_box.mp_st_ri .btn {
    margin: 0 !important;
  }
  .re_add_box_gr {
    order: 2;
    display: flex;
    align-items: center;
  }
  .emp_box {
    order: 1;
    width: calc(100% + 2.6rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 1.6rem 0.5rem 1.6rem;
    margin: 0 -1.6rem 1.6rem -1.6rem;
    border-radius: 0 !important;
    border-top: unset !important;
    border-left: unset !important;
    border-right: unset !important;
    border-bottom: 1px solid var(--border) !important;
  }
  .emp_box .btn-outline-gray-700 {
    width: auto;
    height: 2.4rem;
    padding: 0.5rem;
    font-size: 1.3rem;
    border-radius: 0.4rem;
    line-height: 1.2;
  }
  .emp_box .emp_tit {
    margin-bottom: 0.5rem !important;
    font-size: 1.5rem !important;
  }
  .emp_box .emp_date {
    font-size: 1.3rem !important;
  }
  .re_add_box .readd_btn {
    order: 3;
  }
  .re_add_box .tep_btn {
    order: 2;
  }
  .re_add_box .clc_btn {
    order: 1;
    flex: 1;
  }

  /* 커뮤니티 */
  .commu_cont {
    border-top: 1px solid var(--border);
  }
  .commu_ri {
    width: auto;
    margin-left: 0;
  }
  .commu_ri .sch_ip {
    width: 100%;
  }

  /* 커뮤니티 새글 등록 버튼 */
  /*
    .writing_btn{
        position: fixed;
        left: 0;
        bottom: 0;
        height: 6rem;
        width: 100%;
        margin: 0;
        border-radius: 0;
        font-weight: 600;
        z-index: 9;
    }
*/

  /* 커뮤니티 셀렉트 (드롭다운메뉴) */
  .commu_sel .select_lang_btn span {
    font-size: 2rem !important;
  }
  .commu_sel .dropdown-item {
    font-size: 1.5rem !important;
  }
  .commu_sel_ri .select_lang_txt {
    max-width: unset;
    margin-right: 0;
  }
  /* .commu_sel .sub_menu_ul{
        max-width: calc(100vw - 3.2rem);
    } */
  .commu_sel_ri .sub_menu_ul {
    min-width: calc(100vw - 3.2rem);
  }

  /* 커뮤니티 공통 박스 */
  /* 위아래 padding은 각 페이지에서 제어 */
  .commu_cont_box {
    border-radius: 0;
    background-color: #fff;
    padding-right: 0;
    padding-left: 0;
  }
  /* 커뮤니티 글 상세 */
  .commu_dt_tit {
    font-size: 2rem;
  }

  /*전체사이즈*/
  .modal.modal_full {
    overflow-y: auto;
  }
  .modal.modal_full .modal-title button {
    border: 0;
    background: transparent;
    width: 4.8rem;
  }
  .modal.modal_full .modal-content {
    border-radius: 0;
    max-height: 100vh;
    height: 100vh;
  }
  .modal.modal_full .modal-dialog {
    margin: 0 auto;
  }
  .modal.modal_full .modal-title {
    width: 100%;
    background: #fff;
    padding: 2.4rem 0.4rem 0.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .modal.modal_full .modal-body {
    border-bottom: 0;
  }
  .modal.modal_full .modal-footer {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    display: block;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .modal.modal_full .modal-footer .form-row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .modal.modal_full .bg-black .modal-title {
    background: #000;
  }

  /*하단 팝업*/
  .modal_bottom.modal {
    padding-right: 0 !important;
    overflow-y: hidden;
  }
  .modal_bottom.modal.show .modal-dialog {
    padding-right: 0 !important;
    transform: translate(-50%, 0);
  }
  .modal_bottom.modal .modal-dialog {
    transform: translate(0, 5rem);
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    transform: translate(-50%, 5rem);
    left: 50%;
  }
  .modal_bottom.modal .modal-title button {
    border: 0;
    background: transparent;
    width: 3.2rem;
    position: absolute;
    right: 2rem;
    top: 1.6rem;
  }
  .modal_bottom.modal .modal-dialog {
    justify-content: flex-end;
    margin: 0 auto;
    min-height: 100%;
  }
  .modal_bottom.modal .modal-content {
    border-radius: 2rem 2rem 0 0;
    margin-top: 3rem;
  }
  .modal_bottom.modal .modal-body {
    border-bottom: 0;
    padding: 2rem 0 5.6rem;
  }

  .modal-backdrop {
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
  }

  /*rounded*/
  .rounded-lg {
    border-radius: 1.2rem !important;
  }

  /* footer */
  .logo_ft {
    width: 13rem;
  }
  .footer .footer_bottom {
    padding: 2.5rem 0;
  }
  .footer .ft_ri p.sc_num {
    font-size: 2.5rem;
  }
  .ft {
    max-width: 100%;
    margin: 0 auto;
  }

  /* 카피라이트 */
  .copy_pc {
    display: none;
  }
  .copy_mo {
    display: block;
  }

  /******************* 콘텐츠 영역 반응형 *******************/
  .contents_layout {
    padding-top: calc(var(--hd_height_m) + 2rem);
  }

  /* 한국어 전용페이지 안내문 */
  .no_trnsl {
    font-size: 1.3rem;
    margin-bottom: 2rem;
  }

  /***** 문서 페이지 틀 *****/
  /* 테이블 디자인 */
  .table_style {
    overflow-x: scroll;
    width: 100%;
  }
  .table_style table {
    width: max-content;
    min-width: 100%;
    max-width: 80rem;
  }

  /***** 점수표 페이지 *****/
  .sub_pg.score_pg {
    padding-top: calc(var(--hd_height_m) + 103px);
  }
  .re_add_box:has(.score_total) {
    padding: 0;
  }
  .score_total {
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    border-top: 1px solid #00d183 !important;
    padding: 1.5rem 1rem 1rem;
    margin-bottom: 0;
  }

  .score_pg .re_add_box {
    top: var(--hd_height_m) !important;
  }
  /*	.score_total{ flex-direction: row;}*/

  .total_score_num {
    /*		font-size: 5.0rem;*/
    margin-top: 0.5rem;
    /*		margin-left: 1.0rem;*/
  }

  .re_add_box:has(.score_total) .re_add_box_gr {
    padding: 1rem;
  }

  /***** 인적성검사 페이지 *****/
  /* 타이틀 부분 */
  .test_main_visual {
    padding-top: 3rem;
    padding-bottom: 7rem;
  }
  .test_main_visual .tit_wr h2 {
    font-size: 4rem;
  }
  .test_main_visual .tit_wr p.fs_26 {
    font-size: 1.8rem;
  }
  .test_pic_wr {
    overflow-x: scroll;
    padding-bottom: 1rem;
  }
  .test_pic_wr ul li {
    width: calc((100% - 5rem) / 3);
    min-width: 20rem;
    margin-right: 2rem;
  }

  /* 검사 결과 */
  .test_rest_cate {
    width: 100%;
    margin-right: 0;
    padding: 1rem 0;
  }
  .test_rest_cate ul {
    flex-direction: row;
    justify-content: unset;
    height: unset;
    flex-wrap: wrap;
  }
  .test_rest_cate ul li {
    width: calc((100% - 1rem) / 2);
    margin-bottom: 1rem;
  }
  .test_rest_cate ul li:nth-child(odd) {
    margin-right: 1rem;
  }

  /* 검사 결과 미리보기 슬라이드 */
  .test_rest_slide_wr {
    width: 100%;
  }

  .e8_07_img {
    max-width: 100%;
  }
}

/* 반응형 991.98px 이상일때 */
@media (min-width: 991.98px) {
  .p_lg_20 {
    padding: 2rem !important;
  }
  .px_lg_20 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .pt_lg_20 {
    padding-top: 2rem !important;
  }
  .pb_lg_20 {
    padding-bottom: 2rem !important;
  }
  .pt_lg_30 {
    padding-top: 3rem !important;
  }
  .pb_lg_30 {
    padding-bottom: 3rem !important;
  }
  .mb_lg_25 {
    margin-bottom: 2.5rem;
  }
  .mb_lg_40 {
    margin-bottom: 4rem;
  }
  .w-lg-50 {
    width: 50%;
  }
  .complete-box {
    padding: 14.5rem 0 10rem;
  }
  /* 큰 뱃지 */
  .badge_ico.lg_big {
    padding: 1rem 2rem;
    border-radius: 5rem;
    font-size: 1.4rem;
  }
}

/*반응형 max 767px md*/
@media (max-width: 767.98px) {
  .bt_menu ul {
    padding: 0 2.5rem;
  }

  /*메인*/
  .select_shop .dropdown-menu {
    max-width: 100%;
  }

  /*** 차트 ***/
  .chart_box {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .chart_box:last-child {
    margin-bottom: 0;
  }
  .fs_16 {
    font-size: 14px !important;
  }
  .fs_22 {
    font-size: 18px;
  }
  /*.custom-select {background: url(../img/ic_select.svg) no-repeat 95% 50% / 15px auto;}*/
}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
  .go_top2 {
    transform: translateX(0);
  }

  .sns_ico_box a {
    margin: 1rem 0.5rem !important;
  }

  .ft_line_wr .btn-group {
    width: 100%;
  }

  .viewtype02_wr .bookmark_wr {
    margin-left: 1.5rem;
  }

  /* 마이페이지 : 채용공고 */
  .emp_cntr_btn select,
  .emp_cntr_btn button,
  .emp_cntr_btn > div {
    width: -webkit-fill-available;
    max-width: none;
  }

  /* 마이페이지 : 지원현황 상세 */
  .apply_dt .viewtype01_wr .post_list_wr .user_info_box {
    width: 28%;
  }
  .process-ul {
    gap: 10px;
  }
  .process-ul li {
    width: calc((100% / 3) - 7px);
  }
}
/*반응형 max 440px */
@media (max-width: 440px) {
  .process-ul li {
    width: calc((100% / 2) - 5px);
  }
}
/*반응형 max 360px*/
@media (max-width: 360px) {
  html {
    font-size: 9.4px;
  }
  .sns_ico_box a {
    margin: 1rem 0.25rem !important;
  }

  /* 챗봇 채팅창 바디 높이 */
  .chatbot_chat_wr .chat_body {
    height: 30vh;
  }

  /***** 인적성검사 페이지 *****/
  /* 검사 결과 */
  .test_rest_cate ul li {
    width: 100%;
    height: 6rem;
  }
  .test_rest_cate ul li:nth-child(odd) {
    margin-right: 0;
  }
}



/**************** 추가 css ****************/
/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
	.mo_mp_home .board_border_box.mp_menu{
		border: 1px solid var(--gray-200) !important;
		border-radius: 1.6rem !important;
		padding: 2rem !important;
	}
}