@charset "UTF-8";

/* 초기화 및 초기 세팅 */
:root {
  /* 버튼 및 인풋 폼 높이 세팅 */
  --hd_height: 9rem;
  --hd_height_m: 5.6rem;
  --height_sm: 3.5rem;
  --height_md: 4.0rem;
  --height: 4.5rem;
  --height_lg: 5.0rem;
  --gray-100: #F8FAFC;
  --gray-200: #F2F4F8;
  --gray-300: #E7EFFF;
  --gray-400: #E3E9F1;
  --gray-500: #D5DDEB;
  --gray-600: #96A7BC;
  --gray-700: #9DA6B1;
  --gray-800: #707E8F;
  --gray-900: #334155;
  --blue-link: #4d8aff;
  --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>')
}

/*
 * Phoca Flags 1.0.0 by Jan Pavelka
 * Copyright 2013 Jan Pavelka ( http://www.phoca.cz )
 * License GNU General Public License version 3
 */
/* .tab_arrow_btn {
    flex-shrink: 0;
    background: var(--gray-200) !important;
    color: var(--input_placeholder) !important;
    border-radius: 1.5rem;
    padding: 0.5rem;
    
} */



.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 {}


/* 버튼 */
.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.8rem;
}

.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: #fff;
  background: var(--gray-500);
  border-color: var(--gray-500);
}

.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: 1.0rem;
  height: 1.0rem;
}

div::-webkit-scrollbar-thumb {
  width: 1.0rem;
  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;
  overflow-wrap: break-word;
}


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: 8px;
    background-color: var(--gray-100);
}

/*버튼*/
.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 {
  width: 5.6rem;
  height: 5.6rem;
  background: url(../img/ico_go_top.png)no-repeat center;
  background-color: var(--gray-200);
  background-size: 2.9rem auto;
  z-index: 1000;
  border-radius: 50%;
  border: 1px solid var(--border);
  display: none;
  position: fixed;
  right: 2.2rem;
  bottom: 1.6rem;
}

.go_top2.show {
  display: block;
}

.btn-link:hover,
.bnt-link:focus {
  text-decoration: none;
}

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

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

/*검색*/
.sch_ip {
  display: flex;
  border: 1px solid var(--border);
  background: #fff;
  padding: 0 1.5rem 0 1.5rem;
  border-radius: 0.8rem;
}

.sch_ip .form-control {
  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: var(--gray-700);
  opacity: 1;
}

.sch_ip button {
  width: 2.0rem;
  height: 2.0rem;
  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: 1.0rem;
  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: 5.0rem;
}

.mt_60 {
  margin-top: 6.0rem;
}

.pt_40 {
  padding-top: 4.0rem;
}

.over_hidden {
  overflow: hidden;
}

.text_dynamic {
  white-space: normal;
}

.text_underline {
  text-decoration: underline;
}

.text-gray {
  color: #999;
}

.text-gray2 {
  color: #AAB1B7;
}

.text-gray3 {
  color: #666;
}

.text-black {
  color: #000;
}

.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)
}

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

/*border-color 추가*/
.border-gray-600 {
  border-color: #9DA6B1 !important;
}

/* 뱃지 디자인 */
.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 {
  background-color: var(--gray-100);
}

.sub_wr {
  padding-top: 3.0rem;
  padding-bottom: 5.5rem;
}

.sub_group_box {
  padding: 2.0rem;
  border-radius: 1rem;
  border: 1px solid var(--gray-400);
  background-color: #fff;
}

.sub_with_tit {
  /* padding-top: 3.0rem; */
  padding-bottom: 6.0rem;
}

.sub_no_tit {
  padding-top: 5.0rem;
  padding-bottom: 6.0rem;
}

.sub_with_bnr {
  /* padding-top: 0.8rem; */
  padding-bottom: 6.0rem;
}

/* 스티키메뉴 있는 경우 */
.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;
}

.flag_ic_wr .phoca-flag1 {
  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-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: 1.0rem;
  background: #E3E3E3;
  opacity: 1;
  margin: 0 0.25rem !important;
}

.pagination_custom .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--primary);
  width: 2.0rem;
}

.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: 1.0rem;
}

.log_txt span {
  display: inline-block;
  padding: 0 1.0rem;
  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;
  position: relative;
  padding-bottom: 1.2rem;
  box-shadow: 2px 2px 19px rgba(0,0,0,0.05);
}

.hd_pc .logo img {
  width: 16.2rem;
}

/* .hd_pc .container{ height: var(--hd_height); max-width: 1100px; padding: 0 0.5rem;} */

.hd_pc .nav_ul {
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
}

.hd_pc .nav_ul .nav_li {
  position: relative;
}

.hd_pc .nav_ul .nav_li>a {
  position: relative;
  margin: 0 1.0rem;
  padding: 1.2rem 0;
  padding-top: 1.5rem;
  display: flex;
  ;
  align-items: center;
  text-wrap: nowrap;
}

.hd_pc .nav_ul .nav_li:hover>a {
  color: var(--primary);
  position: relative;
}

.hd_pc .nav_ul .nav_li:hover>a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--primary);
}

.hd_pc .nav_ul .nav_li:hover .sub_menu_ul {
  display: block;
}

.hd_pc .nav_ul2 {
  display: none;
  min-width: 20rem;
  font-size: 1.5rem;
}

.hd_pc .nav_li:hover .nav_ul2 {
  display: block;
  position: absolute;
  background: var(--bg);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid var(--border);
  z-index: 9999;
}

.hd_pc .nav_ul2 a {
  display: block;
  padding: 1.4rem 2rem;
  white-space: nowrap;
  border-bottom: 1px solid var(--border);
}

.hd_pc .nav_ul2 a:hover {
  color: var(--primary);
  background: #F7F8F9;
}

.hd_pc .nav_ul2 li:last-child a {
  border-bottom: 0;
}

.hd_pc .nav_ul2 a span {
  display: none;
}

/* 헤더 챗봇 아이콘 */
.chatbot_ico {
  width: 2.6rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}

/* 블로그 아이콘 */
.hd_pc .blog_ico {
  width: 2.2rem;
  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 .nav_ul .nav_li .nav_a:has(.blog_ico) {
  padding-left: 2.8rem;
}


.hd_pc .btn-sm {
  height: 2.2rem;
  padding: 0.4rem 0.5rem;
  font-size: 1.2rem;
}

.hd_pc_t {
  height: 3.6rem;
}

.hd_pc_t .before_login a {
  font-size: 1.3rem;
  color: var(--gray-800);
  margin-right: 1.5rem;
}
.hd_pc_b{padding-top: 1.2rem;}

/*서브메뉴 공통디자인*/
.sub_menu_ul {
  position: absolute;
  top: var(--header-menu-height);
  background: var(--white);
  box-shadow: 0rem 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  border: 1px solid var(--gray-400);
  border-radius: 1rem;
  z-index: 10;
  overflow: hidden;
  width: fit-content;
  min-width: 16rem;
  padding: 0;
  display: none;
}

.sub_menu_ul li {
  border-bottom: 1px solid var(--gray-400);
}

.sub_menu_ul li:last-child {
  border-bottom: none;
}

.sub_menu_ul a {
  display: block;
  padding: 1.5rem;
  color: var(--text);
  font-size: 1.4rem;
  white-space: nowrap;
}

.sub_menu_ul a:hover {
  background: var(--gray-100);
}

/* 헤더 언어 선택 부분 */
.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: 2.0rem;
  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: 5.8rem !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: 3.0rem auto;
  cursor: pointer;
  width: 3.0rem;
  height: 3.0rem;
  margin-left: 0.8rem;
}

.hd_menu_btn a {
  display: block;
}

/* x버튼 */
.menu_hd {
  display: none;
  opacity: 0;
  height: var(--hd_height_m);
}

.m_nav .menu_hd {
  display: flex;
  justify-content: end;
  align-items: center;
  background: var(--gray-400);
  padding: 0 1.6rem;
  opacity: 0;
}

.menu_on .m_nav .menu_hd {
  opacity: 1;
}

.close_btn {
  width: 3.0rem;
}

.m_nav .menu_md {
  background: var(--gray-400);
}

.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 .profile_circle_box {
  width: 8.1rem;
  height: 8.1rem;
  background-color: #fff;
  flex-shrink: 0;
}

.menu_md .go_mp {
  font-size: 1.8rem;
  font-weight: 600;
}

.menu_md .email_p {
  font-size: 1.2rem;
  font-weight: 400;
}

.menu_bt {
  border-bottom: 1px solid var(--gray-400);
}

.menu_bt a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  background: #fff;
  box-sizing: border-box;
  padding: 1.7rem 0;
  font-size: 1.6rem;
  border-right: 1px solid var(--gray-400);
}

.menu_bt a:last-child {
  border-right: 0;
}


/* 메뉴 디자인 */
.m_nav_menu {
  color: var(--text);
  font-size: 1.6rem;
  border-bottom: 1px solid var(--gray-400);
}

.m_nav_tit {
  width: 100%;
    padding: 1.5rem 1.6rem;
    padding-top: 2.0rem;
    background: var(--gray-100);
    font-weight: 500;
}

.m_nav_li:first-child .m_nav_tit {
  border-top: 0;
}

.m_nav_tit img {
  width: 2.4rem;
  margin-right: 1rem;
  flex-shrink: 0;
}

.nav_ul2 {
  background: #fff;
}

.nav_ul2 a {
  display: block;
  padding: 1.5rem 1.6rem;
  padding-left: 5.0rem;
}


/* 메뉴 열렸을때 외부 */
.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: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.m_nav_menu {
  display: block;
  height: calc(100% - 20.8rem);
  width: 100%;
  overflow-y: scroll;
  margin-top: 20.8rem;
  position: fixed;
  top: 0;
  right: 0;
}

/*모바일 하단메뉴*/
.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 5.0rem;
  height: 6.0rem;
  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: 1.0rem;
}

.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 1.0rem;
}

.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;
}


/*** 서브페이지 ***/
/*로그인,회원가입*/
.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: 4.0rem;
  border-radius: 1.8rem;
  background: #fff;
  box-shadow: 0.3rem 0.6rem 3.0rem 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;
}

.find-btn,
.find-btn a {
  color: var(--gray-800);
}

.find-btn span {
  cursor: default;
}

/*회원가입 개인회원/기업회원 선택 라디오*/
.sign_checks label {
  margin-bottom: 0;
}

.sign_box .sign_checks .sign_chk_box {
  padding: 4.0rem 5.5rem 2.0rem 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: 9.0rem;
}


/* 인증번호 + 타이머 인풋 */
.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: 1.0rem;
}

.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: 2.0rem;
}

.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: 2.0rem;
  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: 500;
}

.post_list_wr .post_tit {
  flex-grow: 1;
}

.blog_tit {
  font-size: 2.3rem;
  font-weight: 600;
}



/* 북마크 아이콘 */
.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: 7.0rem;
  height: 7.0rem;
}

.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: 5.0rem;
  height: 5.0rem;
}

.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: 2.0rem;
  background-color: #fff;
}

a .logo_box {
  cursor: pointer !important;
}

.rcmnd_wr {
  margin-bottom: 5.0rem;
}

/* 뷰타입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: 4.0rem;
  margin-bottom: 3.0rem;
}

.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 2.0rem;
}

/* 아코디언 버튼 */
.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 2.0rem;
  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: 16rem;
  margin-right: 1rem;
  flex-shrink: 0;
}

.card_bd_line .line_ri {
  flex-grow: 1;
}

.mo_fxbtn_gr {
  margin-top: 3.5rem;
  margin-bottom: 3.0rem;
}

.mo_fxbtn_gr .btn {
  min-width: 18.5rem;
}

.mo_fxbtn_gr .btn:first-child {
  margin-right: 1rem;
}


/* 채용공고 상세페이지 */
.epm_dt_cont {
  flex: 1;
  padding-right: 4.0rem;
}

.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)
}



/* 마이페이지 */
.mp_tit {
  margin-bottom: 4.0rem;
}

/* 마이페이지 좌측 메뉴 */
.mp_menu_wr {
  position: sticky;
  top: 0rem;
  height: fit-content;
  padding-top: 3.0rem;
}

.mp_col_lf .sub_group_box {
  padding: 3.0rem;
}

.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);
  margin-bottom: 1rem;
}

.mp_nav a:hover,
.mp_nav .on a {
  color: var(--primary);
}

/* 마이페이지 우측 */
.sticky_pg .mp_col_ri {
  padding-top: calc(5.7rem + 3.0rem);
}

.mp_col_ri .sub_group_box {
  padding: 4.0rem;
}

/* 마이페이지 홈에서 padding */
.mp_col_ri .sub_group_box.mp_group_box {
  padding: 2.5rem 3.0rem;
}

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

.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: 2.0rem !important;
}

.qna_acco .qna_q_wr,
.qna_acco .qna_a_wr {
  padding: 2.0rem;
}

.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 h5 {
  font-size: 1.8rem;
  font-weight: 600;
}

.add_pg .acco_wr .card-header {
  background-color: #F1F5FA;
  border-bottom: 1px solid var(--gray-400);
  text-align: left;
  padding: 2.0rem;
  height: auto;
}

.add_pg .acco_wr .card-header>p {
  font-size: 1.8rem;
  font-weight: 600;
}

.add_pg .acco_wr .card-body {
  padding: 2.0rem;
}


/* 등록페이지 : 임시저장 */
.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 2.0rem 0.8rem 2.0rem;
}

.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: 5.0rem 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: auto;
}

.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: 5.0rem;
  margin-bottom: 4.0rem;
}

/*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;
}

/* 메인 배너 */
.main_banner_wr{
   /* padding-top: 0.8rem;
   padding-bottom: 3rem; */
    padding:4rem 0;
}

.bnr_slide.swiper-container {
  overflow: hidden;
}

.main_banner {
  margin-bottom: 4rem;
}
.main_banner img{border-radius: 1.2rem;}
/* 띠 배너 */
.main_banner .wide_bnr_wr {
  margin-bottom: 1.5rem;
}

/* 정사각 배너 */
.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;
}

/* 배너 슬라이드 페이지네이션 */
.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 슬라이드 버튼 */
.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: 2.0rem;
}



/* 채용공고 */
.more_btn:hover {
  color: var(--gray-700);
}

.main_emp_wr {
  background-color: #fff;
  padding-top: 2rem;
  padding-bottom: 1rem;
}


/* 챗봇 */
/* 플로팅 아이콘 */
.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 2.0rem;
}

.footer {
  background-color: #30343D;
  text-align: center;
  font-size: 1.5rem;
  color: var(--gray-800);
  position: relative;
  z-index: 1;
}

.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: var(--gray-800);
  margin-right: 2.0rem;
}

.footer .footer_top a:last-child {
  margin-right: 0;
}

.footer .footer_bottom {
  padding: 5.0rem 0;
}

.footer .ft_ri {
  margin-top: 2rem;
}

.footer .ft_ri p {
  color: var(--gray-600);
}

.logo_ft {
  width: 16.6rem;
  text-align: center;
  margin-bottom: 23px;
}

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



.dot_list li {
  list-style: none;
  margin-bottom: 1.0rem;
  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: 1.0em;
}

.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: 2.0em;
}


/*폰트커스텀 기본사이즈 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: 2.0rem;
  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: 1.0rem;
}

.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: 2.0rem !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: 3.0rem;
}

.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: 4.0rem;
}

.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: 5.0rem;
}

.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;
}

.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;
}


/* 폼 사각형 */
.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 var(--bg) inset;
  box-shadow: 0 0 0px 1000px var(--bg) 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 var(--bg) inset;
  box-shadow: 0 0 0px 1000px var(--bg) 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;
}

input.form-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  border-radius: 1rem;
  background-color: #Fff;
}

.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.3rem;
  color: #000;
}

.ip_valid .ip_valid {
  display: flex;
  color: #59C48F;
}

.ip_invalid .ip_invalid {
  display: flex;
  color: var(--primary);
}

.form-control:disabled,
.form-control:disabled::placeholder {
  color: var(--text);
}

.custom-select:disabled {
  color: var(--text);
}


/*.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: 1.0rem 1.5rem;
  line-height:  2.6rem;
  border-radius: 1rem;
  background-color: #Fff;
}

textarea.form-control.min_h01{min-height: 12rem;}
textarea.form-control.min_h02{min-height: 15rem;}
textarea.form-control.min_h03{min-height: 25rem;}

.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 {
  caret-color: transparent;
  padding-right: 3rem;
  background: url(../img/ic_ip_select.png)no-repeat center right 1rem;
  background-size: 2.0rem;
  background-color: #fff;
  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/arrow_down_g_20.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 {
  -webkit-mask: var(--ic_date);
  mask: var(--ic_date);
}

.fc_mgr {
  color: #96A7BC;
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
}

/*패스워드*/
.form-password {
  position: relative;
}

.form-password .form-control {
  padding-right: 3.0rem;
}

.form-password img {
  width: 3.0rem;
  height: 3.0rem;
  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: 5.0rem;
}

.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_wr .checks {
  margin-right: 3rem;
  margin-bottom: 1rem;
}

.checks label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checks label.chk_right {
  flex-flow: row-reverse;
  justify-content: flex-end;
}

.checks input {
  display: none;
}

.checks .ic_box {
  caret-color: transparent;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/check01_off.png);
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8rem;
  flex-shrink: 0;
}

.checks input:checked+.ic_box {
  background-image: url(../img/check01_on.png);
}

.chk_right .ic_box {
  margin-right: 0;
  margin-left: 0.5rem;
}

.chk_p {
  padding-top: 0.1rem;
  color: var(--gray-800);
}





.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);
}


.radios_wr {
  display: flex;
  flex-wrap: wrap;
}

.radios_wr .radios {
  margin-right: 2rem;
  margin-bottom: 1rem;
}

.radios label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.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 {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/check01_off.png);
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8rem;
  flex-shrink: 0;
}

.radios input:checked+.ic_box {
  background-image: url(../img/check01_on.png);
}

/* .radios input:checked + .ic_box:after {
    content: '';
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: var(--primary);
    border: 0.24rem solid #fff;
} */




/* 이미지 업로드 */
.image_upload {
  display: inline-block;
  position: relative;
  margin-right: 1.0rem;
}

.upload_box {
  width: 8rem;
  /* width: 100%; */
  border: 1px solid var(--border);
  overflow: hidden;
  cursor: pointer;
  background: url(../img/btn_add_img.png) no-repeat center center;
  background-size: 2.9rem;
  background-color: #F5F5F5;
  border-radius: 1.0rem;
  position: relative;
}

.upload_box .max_img {
  position: absolute;
  bottom: 1.2rem;
  width: 100%;
  left: 0;
  font-size: 1.3rem;
  text-align: center;
  color: #999;
  font-weight: 500;
}

.image_upload.on .upload_box {
  background: none;
  border-color: var(--gray-400);
}

.upload_del {
  position: absolute;
  top: 1.0rem;
  right: 1.0rem;
  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: 39.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-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.0rem 2rem 1.5rem;
  justify-content: space-between;
}

.modal .modal-header .modal-title {
  font-weight: 700;
  font-size: 1.8rem;
  flex: 1 1 auto;
}

.modal .modal-header .close {
  text-shadow: none;
  opacity: 1;
  width: 2.4rem;
  padding: 0;
  margin: 0;
}

.modal .modal-content {
  border: 0;
  border-radius: 1.0rem;
}

.modal .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 2rem 2rem 3.0rem;
  margin: 0 0rem;
}

.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: 4.0rem 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: 1.0rem;
}

.modal .modal-sm .modal-body {
  border: 0;
  padding-top: 0;
}

.modal .modal_img img {
  width: 100%;
}

.modal .btn.fc_primary:hover {
  color: var(--primary);
}

/* 언어선택 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: 1.0rem;
}

/*탭*/
/*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: #CBCFD3;
  height: 4.8rem;
  padding: 1rem;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 600;
  background: transparent;
}

.nav_tab_line .nav-link.active,
.nav_tab_line .nav-item.show .nav-link {
  border-bottom: 2px solid var(--primary);
  color: var(--primary);
}

/*커스텀 스위치*/
.custom-switch {
  padding: 0;
    width: 5.5rem;
    height: 2.8rem;
}

.custom-switch .custom-control-label::after {
  width: 2.2rem;
    height: 2.2rem;
    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: 2.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: 5.5rem;
    height: 2.8rem;
    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: 2.0rem;
}

.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_33 {
  margin-top: 3.3rem;
}

.mt_35 {
  margin-top: 3.5rem;
}

.mt_40 {
  margin-top: 4.0rem;
}

.mt_44 {
  margin-top: 4.4rem;
}

.mt_45 {
  margin-top: 4.5rem;
}

.mt_60 {
  margin-top: 6.0rem;
}

.mt_70 {
  margin-top: 7.0rem;
}

.mt_80 {
  margin-top: 8.0rem;
}

.mb_7 {
  margin-bottom: 0.7rem;
}

.mb_8 {
  margin-bottom: 0.8rem;
}

.mb_9 {
  margin-bottom: 0.9rem;
}

.mb_16 {
  margin-bottom: 1.6rem;
}

.mb_20 {
  margin-bottom: 2.0rem;
}

.mb_24 {
  margin-bottom: 2.4rem;
}

.mb_25 {
  margin-bottom: 2.5rem;
}

.mb_35 {
  margin-bottom: 3.5rem;
}

.mb_40 {
  margin-bottom: 4.0rem;
}

.mb_45 {
  margin-bottom: 4.5rem;
}

.mb_50 {
  margin-bottom: 5.0rem;
}

.mb_60 {
  margin-bottom: 6.0rem;
}

.mb_70 {
  margin-bottom: 7.0rem;
}

.mr_8 {
  margin-right: 0.8rem;
}

.mr_12 {
  margin-right: 1.2rem;
}

.mr_16 {
  margin-right: 1.6rem;
}

.mr_20 {
  margin-right: 2.0rem;
}

.mr_24 {
  margin-right: 2.4rem;
}

.mr_n10 {
  margin-right: -1.0rem;
}

.mr_n20 {
  margin-right: -2.0rem;
}

.my_4 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.my_20 {
  margin-top: 2.0rem;
  margin-bottom: 2.0rem;
}

.my_40 {
  margin-top: 4.0rem;
  margin-bottom: 4.0rem;
}

.mx_3 {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.mx_8 {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}

.mx_20 {
  margin-left: 2.0rem;
  margin-right: 2.0rem;
}

.mt_n10 {
  margin-top: -1rem;
}

.mx_n05 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.mx_n20 {
  margin-left: -2.0rem;
  margin-right: -2.0rem;
}


/*패딩*/
.pt_6 {
  padding-top: 0.6rem;
}

.pt_07 {
  padding-top: 0.7rem;
}

.pt_14 {
  padding-top: 1.4rem;
}

.pt_20 {
  padding-top: 2.0rem;
}

.pt_24 {
  padding-top: 2.4rem;
}

.pt_25 {
  padding-top: 2.5rem;
}

.pt_48 {
  padding-top: 4.8rem;
}

.pt_50 {
  padding-top: 5.0rem;
}

.pt_60 {
  padding-top: 6.0rem;
}

.pt_80 {
  padding-top: 8.0rem;
}

.pt_120 {
  padding-top: 12.0rem;
}

.pb_14 {
  padding-bottom: 1.4rem;
}

.pb_16 {
  padding-bottom: 1.6rem;
}

.pb_18 {
  padding-bottom: 1.8rem;
}

.pb_20 {
  padding-bottom: 2.0rem;
}

.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: 4.0rem;
}

.pb_50 {
  padding-bottom: 5.0rem;
}

.pb_60 {
  padding-bottom: 6.0rem;
}

.pb_70 {
  padding-bottom: 7.0rem;
}

.pb_80 {
  padding-bottom: 8.0rem;
}

.pb_90 {
  padding-bottom: 9.0rem;
}

.pb_100 {
  padding-bottom: 10.0rem;
}

.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: 2.0rem;
}

.pl_30 {
  padding-left: 3.0rem;
}

.pl_40 {
  padding-left: 4.0rem;
}

.pr_30 {
  padding-right: 3.0rem;
}

.pr_40 {
  padding-right: 4.0rem;
}

.py_7 {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.py_8 {
  padding-top: 0.8rem;
  padding-bottom: 0.7rem;
}

.py_20 {
  padding-top: 2.0rem;
  padding-bottom: 2.0rem;
}

.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: 2.0rem;
  padding-right: 2.0rem;
}

.px_22 {
  padding-left: 2.2rem;
  padding-right: 2.2rem;
}

.px_25 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.p_20 {
  padding: 2rem;
}

.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;
}

/*반응형 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;
    position: relative;
    z-index: 900;
  }

  .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_wr {
    padding-top: 1rem;
    padding-bottom: 3rem;
    background-color: #fff;
  }

  /* 띠 배너 */
  .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: 1rem;
  }

  /* 챗봇 플로팅 아이콘 */
  .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;
    opacity: 0.6;
  }

  /* 하단버튼 높이가 높을 때 플로팅 아이콘 */
  body:has(.re_add_pg) .go_top2,
  body:has(.re_add_pg) .chatbot_wr {
    bottom: 20.5rem;
  }

  body:has(.em_add_pg) .go_top2,
  body:has(.em_add_pg) .chatbot_wr {
    bottom: 20.5rem;
  }

  /* 채용공고 등록 페이지 챗봇 채팅창 높이 */
  body:has(.em_add_pg) .chatbot_chat_wr .chat_body {
    height: 28vh;
  }


  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 {
    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;
  }

  .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: 2.0rem;
  }

  .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); */
    padding-top: 4rem;
    min-height: 100vh;
  }

  .login_pg {
    min-height: 100vh;
  }

  .sub_pg {
    background-color: var(--white);
  }

  .sub_no_tit {
    padding-top: 2.5rem;
    padding-bottom: 6.0rem;
  }

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

  .m_only .sub_group_box {
    padding: 2.0rem !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: 2.0rem;
  }

  .sign_wr {
    max-width: 100%;
  }

  .sign_box {
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5.0rem;
  }

  /* 검색필터 디자인 */
  .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: 3.0rem;
  }
/* 모바일메뉴 */
.m_menu_wr .go_corp {
  background: transparent;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 1.0rem;
}
.m_menu_wr .go_corp svg {
  margin-left: 0.3rem;
}

  /* 마이페이지 모바일 */
  .mp_home {
    padding-top: 3.0rem;
    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: 2.0rem;
    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: 2.0rem 2.0rem 0 0;
    margin-top: 3.0rem;
  }

  .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 {
    /* padding-bottom: 6rem !important; */
    max-width: 100%;
    margin: 0 auto;
  }

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

  .copy_mo {
    display: block;
  }
}

/* 반응형 991.98px 이상일때 */
@media (min-width: 991.98px) {
  .p_lg_20 {
    padding: 2.0rem !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: 4.0rem;
  }

  .w-lg-50 {
    width: 50%;
  }

  /* 큰 뱃지 */
  .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%;
  }

}

/*반응형 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%;
  }

}


/*반응형 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;
  }
}



.loader_chat {
  padding-left: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50px;
  height: 30px;
  gap: 8px;
  /* 점들 간의 간격을 줄임 */

}

.loader_chat div {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d0021b;
  /* Red color for the dots */
  animation: bounce 0.5s infinite alternate;
  /* Apply bounce animation */
}

/* Apply the animation with different delays to create the bounce effect */
.loader_chat div:nth-child(1) {
  animation-delay: 0s;
}

.loader_chat div:nth-child(2) {
  animation-delay: 0.2s;
}

.loader_chat div:nth-child(3) {
  animation-delay: 0.4s;
}

/* Keyframes for the bounce animation */
@keyframes bounce {
  0% {
    transform: translateY(0);
    /* Initial position */
  }

  100% {
    transform: translateY(-8px);
    /* Bounce upwards */
  }
}

.mt_out_c {
  color: #707e8f !important;
}

.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;
}

.tag_wr>span {
  flex-shrink: 0;
}

.p-2_2 {
  padding: 0.55em !important;
}

.txt_left {
  text-align: left;
}

.line_comt {
  line-height: 2.0rem;
}

.editer_style {
  /* font-family: initial; */
  /* font-size: initial; */
  line-height: 2.8rem;
  border: none;
}

.logo_box img {
  max-width: 80px;
  max-height: 80px;
  object-fit: fill;
  border-radius: 3px;
}

.logo_box_full img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.flag_ic_wr_cmt {
  width: 2.2rem;
  height: 2.2rem;
  flex-shrink: 0;
  top: 0px !important;
  margin: 0px 2px;
}

.logo_upload_box {
  width: 80px;
  height: 80px;
}

.logo_upload_box img {
  width: 80px;
  height: 80px;
}

.logo_box_wr_same {
  width: 40px;
  height: 40px;
}

.logo_box_wr_same img {
  width: 40px;
  height: 40px;
  object-fit: fill;
  border-radius: 5px;
}

.bt_top_radius10 {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px ! important;
}

.blog_main_img {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.blog_main_img img {
  width: 100%;
  border-radius: 10px 20px 0px 0px;
}


/* 여기서 부터 컨텐츠 디자인 추가된부분  */

/**************************************************************/
/*											콘텐츠 페이지														*/
/**************************************************************/

.contents_layout a,
.visa_sub_modal a {
  color: var(--blue-link) !important;
  text-decoration: underline !important;
  cursor: pointer;
}

.flex_center {
  /* justify-content: center; */
  align-items: center;
}

.flex_center {
  justify-content: center;
  align-items: center;
}

.cursor_default {
  cursor: default !important;
}

.mo-flex {
  display: flex;
  align-items: stretch;
  gap: 20px;
  justify-content: center;
  margin-top: 2.0rem;
  margin-bottom: 2.0rem;
}

.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: 1.0rem;
  margin-bottom: 1.0rem;
}

.no_trnsl img {
  width: 1.3rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}

.no_trnsl button {
  margin-left: 1.0rem;
}

.no_trnsl button img {
  margin-right: 0;
}

/* 헤더메뉴 */
.content_menu_tit {
  padding: 1.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  background: var(--gray-200);
  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: 4.0rem;
  padding-bottom: 6.0rem;
}

.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: 2.0rem;
}

/* 각 비자별 박스 디자인 */
.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: 1.0rem;
  overflow: hidden;
}

.visa_main_card .card_head {
  padding: 2.0rem;
  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;
  height: 2.2rem;
  line-height: 2.2rem;
}


.visa_main_card .card_body {
  padding: 2.0rem 2.0rem 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: 3.0rem 2.0rem;
  min-height: 70.0rem;
}

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

.step_acco_wr .acco_btn.btn_auto {
  height: 6.2rem !important;
  padding: 2.0rem 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: 1.0rem;
}

.step_tit {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.3em;
}

.step_acco_wr .card-header .ico_updown {
  margin-left: 1.0rem;
}


.step_acco_wr .card-body {
  padding: 2.0rem 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: 1.0rem;
}

.step_acco_wr.accordion .card:not(:last-of-type) {
  margin-bottom: 2.0rem;
}

.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: 1.0rem;
}

/* 토글 아이콘 */
.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: 1.0rem 0;
}

.gray_box_wr:last-child {
  margin-bottom: 0;
}

.gray_box {
  border-radius: 1.0rem;
  background: var(--light);
  padding: 2.0rem;
}


/* 테이블 디자인 */
.table_style {
  margin: 1.0rem 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 1.0rem;
}

.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: 2.0rem;
}

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

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


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

.lv_ul>li .colps_cont_container {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

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

.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: 2.0rem;
  padding-bottom: 2.0rem !important;
}

.lv_1_ul>li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0 !important;
}

.lv_1_ul>li:first-child {
  padding-top: 1.0rem;
}

.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.6rem;
  font-weight: 500;
  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: 2.0rem;
}

.lv_3_ul>li:last-child>.cts_colps_cont>.colps_cont_container {
  padding-bottom: 0;
}


/*** 4레벨 디자인 ***/
.lv_4_tit {
  font-weight: 500;
  font-size: 1.4rem;
}

.lv_4_ul>li:last-child>.cts_colps_cont>.colps_cont_container {
  padding-bottom: 0;
}



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

.chart_box:nth-child(odd) {
  margin-right: 2.0rem;
}

.chart_wr {
  width: 100%;
  height: 50.0rem;
}

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

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


.dot_style_ul {
  /*list-style-position: inside;*/
  line-height: 1.3em;
  padding-left: 1.0rem;
  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: 1.0rem;
}



/***** 대학 순위 페이지 *****/
.univer_list {
  margin-top: 2.0rem;
}

.univer_list .btn {
  border: 1px solid var(--border);
  border-radius: 1.0rem;
  padding: 2.0rem;
  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: 5.0rem;
  padding-bottom: 7.0rem;
}

.test_main_visual .tit_wr {
  line-height: 1.4;
  text-align: center;
}

.test_main_visual .tit_wr h2 {
  font-size: 6.0rem;
  font-weight: 700;
  margin-bottom: 2.0rem;
  letter-spacing: -0.2rem;
}

.test_main_visual .tit_wr h2 strong {
  font-weight: 800;
  color: var(--primary);
}

.test_pic_wr {
  margin-top: 6.0rem;
}

.test_pic_wr ul li {
  width: calc((100% - 12.0rem) / 3);
  border-radius: 2.0rem;
  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: 7.0rem 0;
}

.test_ico_wr li {
  height: unset;
}

.test_ico_wr li>div {
  border-radius: 2.0rem;
  border: 1px solid var(--border);
  background: #fff;
  padding: 4.0rem 1.5rem;
  height: 100%;
}

.test_ico_wr img {
  width: 10.0rem;
  margin-bottom: 1.0rem;
}


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

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

.test_rest_cate {
  flex-shrink: 0;
  width: 27rem;
  margin-right: 3.0rem;
  padding: 1.0rem 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: 1.0rem;
  background: var(--light);
  height: 7.7rem;
  padding: 1.0rem;
}

.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: 1.0rem 0;
}

.test_rest_slide_wr .swiper-slide img {
  max-width: 100%;
  border-radius: 1.0rem;
  box-shadow: 0 0 2.0rem 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: 60.0rem;
  margin-top: 2.0rem;
}








/*반응형 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_wr {
    padding-top: 1rem;
    padding-bottom: 3rem;
    background-color: #fff;
  }

  /* 띠 배너 */
  .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: 1rem;
  }

  /* 챗봇 플로팅 아이콘 */
  .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;
    opacity: 0.6;
  }

  /* 하단버튼 높이가 높을 때 플로팅 아이콘 */
  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 {
    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;
  }

  .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: 2.0rem;
  }

  .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: 6.0rem;
  }

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

  .m_only .sub_group_box {
    padding: 2.0rem !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: 2.0rem;
  }

  .sign_wr {
    max-width: 100%;
  }

  .sign_box {
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5.0rem;
  }

  /* 검색필터 디자인 */
  .sub_cont_wr {
    padding-top: 0;
  }

  .sub_cont_wr .sub_group_box {
    padding-top: 4.5rem !important;
    border-top: 1px solid var(--gray-400);
  }

  .sub_cont_wr .sub_group_box.blog_box
  {padding-top: 0 !important;}


  .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: 3.0rem;
  }

  /* 마이페이지 모바일 */
  .mp_home {
    padding-top: 3.0rem;
    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: 2.0rem;
    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: 2.0rem 2.0rem 0 0;
    margin-top: 3.0rem;
  }

  .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 {
    padding-bottom: 6rem !important;
    max-width: 100%;
    margin: 0 auto;
  }

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

  .copy_mo {
    display: block;
  }

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

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


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

  .table_style table {
    width: max-content;
    min-width: 100%;
    max-width: 80.0rem;
  }


  /***** 점수표 페이지 *****/
  .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 1.0rem 1.0rem;
    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: 1.0rem;
  }


  /***** 인적성검사 페이지 *****/
  /* 타이틀 부분 */
  .test_main_visual {
    padding-top: 3.0rem;
    padding-bottom: 7.0rem;
  }

  .test_main_visual .tit_wr h2 {
    font-size: 4.0rem;
  }

  .test_main_visual .tit_wr p.fs_26 {
    font-size: 1.8rem;
  }

  .test_pic_wr {
    overflow-x: scroll;
    padding-bottom: 1.0rem;
  }

  .test_pic_wr ul li {
    width: calc((100% - 5.0rem) / 3);
    min-width: 20.0rem;
    margin-right: 2.0rem;
  }

  /* 검사 결과 */
  .test_rest_cate {
    width: 100%;
    margin-right: 0;
    padding: 1.0rem 0;
  }

  .test_rest_cate ul {
    flex-direction: row;
    justify-content: unset;
    height: unset;
    flex-wrap: wrap;
  }

  .test_rest_cate ul li {
    width: calc((100% - 1.0rem) / 2);
    margin-bottom: 1.0rem;
  }

  .test_rest_cate ul li:nth-child(odd) {
    margin-right: 1.0rem;
  }

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

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

/* 반응형 991.98px 이상일때 */
@media (min-width: 991.98px) {
  .p_lg_20 {
    padding: 2.0rem !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: 4.0rem;
  }

  .w-lg-50 {
    width: 50%;
  }

  /* 큰 뱃지 */
  .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;
  }
}

/*반응형 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;
  }
}

.m_nav .nav_ul2 .content_menu_tit {
  padding: 1.5rem 1.6rem;
  padding-left: 5.0rem;
  font-size: 1.5rem;
  color: var(--gray-900);
}

.p_20 {
  padding: 2rem !important;
}

.ip_wr.acco_tit .ip_tit h5 {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: left;
}

.score_table .radios label {
  display: inline-block;
  margin-bottom: 0;
}

.acco_wr .card {
  border: 1px solid var(--gray-400);
  border-radius: 1rem;
}

.accordion>.card {
  /* overflow: hidden; */
}

/* .card_hd_btn_rus1{
    border-radius: 1rem 1rem 0rem 0rem !important;
} */

.card_hd_btn_rus1 {
  border-radius: 1rem 1rem 0rem 0rem !important;
}

.accd_wr .card {
  overflow: hidden !important;
}


.score_table .checks label {
  display: inline-block;
  margin-bottom: 0;
}

.bnr_pc_shape {
  border-radius: 1.2rem;
}

.bnr_mo_shape {
  border-radius: 1.0rem;
}

/* 일반직공고 */
.epm_dt_cont{position: relative; z-index: 998;}
.empl_btn_wrap{display: flex; justify-content: space-between; margin-bottom: 1.3rem;}
.empl_btn_wrap_bot{margin-top: 4rem;}
.empl_btn .btn{padding: 0 2rem 0 4.5rem; background-position: center left 2rem; background-repeat: no-repeat; background-color: #D0021B; background-image: url('../img/btn_check.png');}
.empl_btn .btn.empl_btn02{background-color:#fff; background-image: url('../img/btn_home.png'); margin-left: 0.5rem;}

@media all and (max-width: 991.98px) {
  .empl_btn_wrap_top{display: none;}
  .empl_btn_wrap_bot{position: fixed; bottom: 0; left: 0; width: 100%; margin: 0;}
  .empl_btn_wrap_bot .empl_back{display: none;}
  .empl_btn{width: 100%; display: flex;}
  .empl_btn .btn{width: 100%; background-image: none !important; padding: 0 2rem; height: 6rem; border-radius: 0;}
  .empl_btn .btn.empl_btn02{margin-left: 0;}
}

.method_span{display: flex; gap:0.4rem; flex-wrap: wrap;} 
.method_span span{display:block; padding: 0.5rem 1rem; background: #334155; border-radius: 0.4rem; color: #fff;}
@media all and (max-width: 992px) {
.method_span{justify-content: flex-end;}
}

.epm_dt_cont .row{align-items: center;}


/* 자주찾는 질문 */
.inquiry_wrap{display: flex; justify-content: space-between;}
.faq_slide_box{width: calc(100% - 24rem);}
.faq_slide_wr{box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.02);}
.faq_slide_wr h2{font-size: 2rem; margin: 0 3rem 0 2rem; font-weight: 600; white-space: nowrap;}
.faq_slide_wr h2 span{display: inline-block; position: relative; padding-left: 4.3rem; z-index: 10;}
.faq_slide_wr h2 span::before{position: absolute; content: ""; background: url('../img/faq01.png') no-repeat; width: 31px; height: 31px; background-size: contain; left: 0; top: 50%; transform: translateY(-50%);}


.inquiry{width: 23rem; position: relative;}
.inquiry .inq_span{position: absolute; background: #fff; border-radius: 5rem; border: 1px solid var(--primary); padding: 0.6rem 1.7rem; font-size: 1.4rem; right: -3rem; top: -2.5rem; transition: 0.2s;} 

.inquiry:hover > span{top: -3rem;}

.inquiry .inq_span::before{position: absolute; content: ""; bottom: -1rem; right: 4.8rem; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #fff;}
.inquiry .inq_span em{font-style: normal; font-weight: 700; color: var(--primary);}
.inquiry > a{display: block; width: 100%; height: 100%; background: var(--primary); color: #fff; font-size: 2.2rem; font-weight: 600; border-radius: 1rem; text-align: center; padding: 2.2rem; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.07);}
.inquiry > a span{display: inline-block; padding: 0.4rem 0 0 2.6rem; position: relative;}
.inquiry > a span::before{position: absolute; content: ""; background: url('../img/faq02.png') no-repeat; background-size: contain; left: -2rem; top: 0; width: 4rem; height: 3rem;}

@media all and (max-width: 1200px) {
    /* .inquiry .inq_span{display: none;} */
    .inquiry .inq_span{right: 0;}
}
@media all and (max-width: 991.98px) {
    .faq_slide_wr{margin-bottom: 0;}
    .faq_slide_wr h2{margin: 0 3rem 0 1rem;}
    .inquiry > a{display: flex; align-items: center; justify-content: center;}
    .inquiry > a span{padding-top: 0;}
    .inquiry > a span::before{top: -0.3rem;}
}
@media all and (max-width: 870px) {
    .inquiry_wrap{flex-wrap: wrap;}
    .faq_slide_box{width: 100%; margin-bottom: 2.5rem;}
    .faq_slide_wr{flex-wrap: wrap;}
    .faq_slide_wr h2{width: 100%; margin: 0 1rem 2rem 0rem;}
    .faq_slide_container{width: 80%;}

    .inquiry{width: 100%; margin-top: 1.5rem;}
    .inquiry .inq_span{padding: 1rem 1.5rem; right: inherit; left: 0; top: -3rem;}
    .inquiry .inq_span::before{right: inherit; left: 4rem;}
    .inquiry .inq_span br{display: none;}
    .inquiry > a{padding: 1.8rem; font-size: 1.8rem;}
    .inquiry > a span::before{width: 3rem; left: -1.5rem;}
}

.sub_pg{padding-top: 4rem !important;}
@media all and (max-width: 991.98px){
  .sub_pg{padding-top: var(--hd_height_m) !important;}
  .epm_pg .wide_bnr_wr{margin-top: 3rem;}
}
@media all and (max-width: 991.98px) {
  .corp_pg{padding-top:var(--hd_height_m) !important;}
}

/* 이력서작성가이드 */
.noScroll {overflow: hidden !important;}
.re_tit{display: flex; align-items: center; gap: 2rem; margin-bottom: 3rem;}
.re_guide{display: inline-block;padding: 0.6rem 1.7rem;font-size: 1.6rem;border-radius: 5rem;color: #fff !important; font-weight: 500;background: #7488ab; margin-top: 0.2rem;}

.active + .re_pop_wrap{visibility: visible; opacity: 1;}

.re_pop_wrap{visibility: hidden; opacity: 0; text-align: center; position: fixed; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); transition: all 0.3s; line-height: 1.4;}

.re_pop{max-width: 800px; width: 80%; background: #fff; border-radius: 1rem; padding: 3rem 4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: left;}

.re_pop h3{position: fixed; font-size: 2.2rem; font-weight: 600; margin-bottom: 3rem;}
.re_pop h4{font-size: 1.9rem;font-weight: 700;margin: 2rem 0;color: #D0021B; padding-top: 2rem;border-top: 1px dashed #cecece;}
.re_pop h4:first-child{border-top: 0; padding-top: 0; margin-top: 1rem;}
.re_pop h5{font-size: 1.6rem; font-weight: 500; margin: 1rem 0;}

.re_pop > div{margin-top: 5rem; max-height: 700px; overflow: auto; padding-right: 2rem;}

.re_dep01{margin: 1rem 0 2rem 0;}
.re_dep01 > li{font-size: 1.6rem; margin: 0.7rem 0; padding-left: 1.7rem; position: relative;}
.re_dep01 > li::before{position: absolute; content: "▶"; font-size: 0.9rem; left: 0; top: 0.4rem; color: #D0021B;}

.re_dep02{margin: 1rem 0.5rem;background: #f4f4f5;padding: 1.2rem;border-radius: 1.2rem;}
.re_dep02 > li{font-size: 1.5rem;margin: 0.3rem 1rem;padding-left: 1.2rem;position: relative;}
.re_dep02 > li::before{position: absolute; content: ""; width: 0.3rem; height: 0.3rem; background: #4c4c4c; border-radius: 5rem; left: 0; top: 0.8rem;}

.re_dep03{margin: 0.2rem 0;}
.re_dep03 > li{font-size: 1.5rem;margin: 0.2rem 1rem;padding-left: 1.2rem;position: relative;}
.re_dep03 > li::before{position: absolute;content: "";width: 0.5rem;height: 0.1rem;background: #4c4c4c;left: 0;top: 0.9rem;}

.re_close{position: absolute; top: 1.5rem; right: 3rem; cursor: pointer; border: none; background: none; font-size: 3.2rem;}


@media (max-width:800px) {
    .re_pop{width: 90%;}
}
@media (max-width:600px) {
    .re_pop{padding: 3rem;}
    .re_pop > div{max-height: 500px;}
}


/* 해더 검색창 */
.hd_pc_t_wrap{display: flex; justify-content: space-between; align-items: center; padding: 2rem 0;}
.hd_pc_t_wrap .hd_pc_t{height: auto;}
.hd_pc_t_left{display: flex; align-items: center; gap: 2rem;}
.main_search form{display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 1.2rem 0.5rem 1.7rem; border: 1px solid var(--primary); border-radius: 5rem;}
.main_search form input{border: none; font-size: 1.4rem; width: calc(100% - 3rem);}
.main_search form input:focus{border: none; box-shadow: none; outline: none;}
.main_search_btn{width: 2.5rem; height: 2.5rem;}
.main_search.mb > button{text-align: center; margin-right: 2rem;}

.main_search.pc form{width: 25rem;}
.main_search.mb .mb_show{position: absolute; top: 5.3rem; left: 0; width: 100%; background: #fff; box-shadow: 0px 7px 10px rgba(0,0,0,0.05); display: none;}
.main_search.mb .mb_show form{background: #fff; width: 90%; margin: 2rem auto 4rem auto; padding: 1rem 2rem;}
.main_search_cl{position: absolute; background: var(--primary); width: 4rem; height: 4rem; left: 50%; transform: translateX(-50%);bottom: -2rem;border-radius: 5rem;}
.main_search_cl img{width: 2rem;}

/* input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
} */


/* 채용공고 */
.recruit_top{display: flex; align-items: center; gap: 1rem;}
.recruit_top .sch_ip{width: 80%;}
.recruit_top .e7_btn{display: block; min-width: 13.2rem; background: #f0f2f3 url('../img/e7_check.png') no-repeat center left 1.4rem; text-align: center; padding: 1rem 1.4rem 1rem 3.4rem; margin-bottom: 1.5rem; border-radius: 0.8rem; color: #586576; border: none; height: 4.3rem;}

.recruit_top .e7_btn.active{color: #fff; background-color: var(--primary); background-image: url('../img/e7_check_wh.png');}

#jvrt_status{width: 2rem; height: 2rem; accent-color: var(--primary); border: 2px solid #d32f2f; border-radius: 0.5rem;}
#jvrt_status:checked{background-color: var(--primary); border-color: var(--primary);}

.exception{display: flex; align-items: center; gap: 0.8rem;}
@media (max-width:991.98px) {
  #jvrt_status{margin-top: 0.6rem;}
}


/* 메인 - 일반직, 아르바이트 탭처리*/
.emp_wrap{padding-top: 2.5rem; padding-bottom: 3rem; position: relative;}
.emp_list{display: flex;}
.emp_list li{position: relative; padding-right: 1.6rem; margin-right: 1.4rem;}
.emp_list li::before{position: absolute; content: ""; background: #b1b1b1; width: 1px; height: 15px; right: 0; top:50%; transform: translateY(-50%);}
.emp_list li:last-child:before{display: none;}
.emp_list li a{color: var(--gray-800); font-weight: 500; font-size: 2.2rem;}
.emp_list li.on a{color: #000; font-weight: 700;}
.emp_wrap .more_btn{position: absolute; top: 3rem; right: 0; color: var(--gray-700); font-size: 1.5rem;}

.emp_show{margin-top: 2rem;}

@media (max-width: 1199.98px) {
  .emp_wrap .more_btn{right: 1.6rem;}
}
@media (max-width:991.98px) {
  .emp_wrap{padding-top: 0;}
  .emp_wrap .more_btn{top: 0.5rem;}
  .emp_list li a{font-size: 2rem;}
}


/* 채용정보 페이지 > 일반직, 아르바이트 탭처리*/
.em_tit{margin-top: 2.8rem;}
.employ_page_tab{display: flex; margin: 1.5rem 0 2.3rem; gap: 1.25rem;}
.employ_page_tab li a{font-size: 1.7rem; display: block; padding: 1rem 2rem; font-weight: 500; color: var(--gray-800); border-radius: 5rem; background-color: #e9eaf0;}
.employ_page_tab li a.on{background-color: var(--primary); color: #fff; font-weight: 700; background-image: url('../img/em_page_tab.png'); background-repeat: no-repeat; background-position: left 1.5rem center; padding-left: 3.9rem;}

@media (max-width:991.98px) {
  .em_tit{margin-top: 0;}
  .employ_page_tab{padding-bottom: 2rem; border-bottom: 1px solid var(--gray-400);}
}

/*비자 팝업* kw */
.modal-visa-header {
  background-color: #000000;  /* 모달 배경 검정 */
  color: #ffffff;
}       

/* 비자 탭메뉴 */
.v_tab_tit{font-size: 3.6rem; font-weight: 700; margin: 3rem 0;}
.v_tab_box{display: flex; flex-wrap: wrap; gap:1rem; margin-bottom: 3.5rem; margin-right: -1rem;}
.v_tab_box li a{display: block; border-radius: 5rem; padding: 0.6rem 2rem; font-size: 1.7rem; text-align: center; color: #373737 !important; background: #f3f6f9; text-decoration: none !important; line-height: normal;}
.v_tab_box li a.active {color: #fff !important; background: var(--primary);}
@media (max-width: 991.98px) {
   .v_tab_box li{flex: 0 0 calc(25% - 1rem);}
}
@media (max-width: 426px) {
  .v_tab_tit{font-size: 3rem; margin: 2rem 0;}
  .v_tab_box li {flex: 0 0 calc(33% - 1rem);}
  .v_tab_box li a{font-size: 1.6rem; padding: 0.4rem 2rem;}
}
@media (max-width: 318px) {
  .v_tab_box li {flex: 0 0 calc(50% - 1rem);}
}

/* 비자페이지 공통 */
.visa_cont{padding: 0 2rem;}
.visa_cont_inner > .tit_h1{margin-bottom: 2rem;}
.visa_cont_inner > .tit_h1 + div > .normal_txt{margin-bottom: 2rem;}

@media (max-width:991.98px) {
  .visa_cont{padding: 0 0.5rem;}
}

/* 비자 > e7비자 탭 */
.e7_09_tab{display: flex; margin: 4.5rem 0 3rem;}
.e7_09_tab li{margin-right: 1.4rem; padding-right: 1.5rem; position: relative;}
.e7_09_tab li::before{position: absolute; content: ""; width: 1px; height: 1.5rem; right: 0; top: 50%; transform: translateY(-50%); background: #ccd4dc;}
.e7_09_tab li:last-child{margin-right: 0; padding-right: 0;}
.e7_09_tab li:last-child::before{display: none;}
.e7_09_tab li a{display: block; text-decoration: none !important; font-size: 2rem; color: #373737 !important; font-weight: 600;}
.e7_09_tab li a.on{color: #d0021b !important; font-weight: 700; position: relative; padding-left: 2.6rem;}
.e7_09_tab li a.on::before{position: absolute; content: ""; background: url('../img/em_process_ch.png') no-repeat; width: 21px; height: 21px; background-size: contain; left: 0; top: 50%; transform: translateY(-50%);}

.e7_09_tab li a br{display: none;}

@media (max-width:991.98px) {
  .e7_09_tab li a{font-size: 1.7rem;}
  .e7_09_tab li a.on::before{width: 18px; height: 18px;}
}
@media (max-width:376px) {
  .e7_09_tab li a{font-size: 1.6rem;}
  .e7_09_tab li a br{display: block;}
}

@media (max-width:370px) {
  .e7_09_tab li a{font-size: 1.6rem;}
}

/* 공고 리스트 > e7비자지원 버튼 */
.rounded-e7{background-color: #FFF2F2; color: #D0021B;}

/* 공고리스트 디자인수정 */
.new_post_list_wr{display: flex; align-items: flex-end; justify-content: space-between; padding: 1.7rem 2rem; border-bottom: 1px solid #e4eaf2;}

.post_list_left{display: flex; align-items: center; justify-content: space-between; width: 81%; margin: 1.3rem 0 0.5rem;}
.com_logo{width: 13rem; margin: 0 4rem 0 1rem; text-align: center; }

.com_logo img{max-width: 10rem; max-height: 10rem;  object-fit: contain; border-radius: 1rem; }
.post_list_left > div{width: calc(100% - 19.5rem);}
.com_name{color: var(--gray-800); font-size: 1.5rem; font-weight: 600;}
.titplus_bookmark{display: flex; align-items: center; margin: 1rem 0 2rem 0; padding-right: 2rem;}
.titplus_bookmark .post_tit{font-size: 1.8rem; font-weight: 600;} 
.titplus_bookmark .post_tit:hover{text-decoration: underline;}
.titplus_bookmark .bookmark_wr{margin-left: 1rem;}
.com_info{display: flex; align-items: center; flex-wrap: wrap; row-gap: 1rem;}
.com_info li span{display: inline-block;}
.com_info01{margin-bottom: 1.4rem;}
.com_info01 li{color: #707e8f; margin-right: 1rem; padding-right: 1rem; position: relative;}
.com_info01 li::before{position: absolute; content: ""; width: 1px; height: 12px; background: #bbc3ce; right: 0; top: 0.1em;}
.com_info01 li:last-child::before{display: none;}
.com_info01 li span{font-size: 1.4rem;}
.com_info02 li span{margin-right: 0.5rem; margin-bottom: 0.5rem;}

.post_list_right{width: 18%;text-align: right;color: #b1b8c1;font-size: 1.4rem;margin-right: 3rem;padding-bottom: 1.1rem;}
.post_list_right .dday span{color: #5984dd; font-weight: 500;font-size: 1.5rem;display: inline-block;background: #f4faff;border-radius: 0.5rem;margin-bottom: 3.4rem;padding: 0.5rem 1rem;text-align: center;}

.post_list_right .dday.end span{color:#a9b2bc; background: #f8fafc;}

.post_day{padding-right: 0.5rem;}
.post_day span{display: inline-block; padding-left: 2.1rem; position: relative;}
.post_day span::before{position: absolute; content: ""; background: url('../img/em_penicon.png') no-repeat; width: 14px; height: 14px; background-size: contain; left: 0; top: 50%; transform: translateY(-50%);}

.com_logo_mb{display: none;}

@media (max-width:991.98px) {
  .sub_group_box.em_sub_group_box{padding-top: 0 !important;}
  .post_list_left{margin-top: 1rem;}
  .post_list_left > div{width: 100%;}
}

@media (max-width:730px) {
  .new_post_list_wr{flex-wrap: wrap; position: relative;}
  .post_list_left{width: 100%; flex-wrap: wrap;}

  .com_name{font-size: 1.4rem;}
  .titplus_bookmark{margin-bottom: 1.8rem;}
  .titplus_bookmark .post_tit{font-size: 1.7rem;}
  .post_list_right{width: 100%; text-align: left; margin: 0.7rem 0; display: flex; align-items: center; justify-content: space-between; padding-bottom: 0;}
  /* .post_list_right .dday{margin-right: 1rem; position: absolute; top: 4.2rem; right: 1.3rem;} */
  .post_list_right .dday span{margin-bottom: 0; font-size: 1.4rem; padding: 0.3rem 0.6rem;}
  .post_day span{padding-left: 2rem; font-size: 1.3rem;}
  .post_day span::before{height: 12px;}
   
  .mb_com_wrap{display: flex; align-items: center; margin-bottom: 0.7rem;}
  .mb_com_wrap > div{width: 81%;}
  .com_logo_pc{display: none;}
  .com_logo_mb{display: block;}
  .com_logo{width: 19%; margin: 0 0 1.5rem 0; text-align: left;}  
  .com_logo img{max-width: 45px; max-height: 45px; object-fit: contain;  border-radius: 8px; }
  /*.com_logo img{width: 45px; height: 45px; border-radius: 1rem;}*/
}
@media (max-width:367px) {
 .post_list_right{flex-wrap: wrap; gap: 1rem;}
} 


/* 지역채용관이미지 */
.re_img{max-width: 1920px; margin: 0 auto;}
.re_img img{width: 100%;}

/*과정*/
.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;}
@media (max-width: 575.98px) {
	.process-ul{gap:10px;}
	.process-ul li{width:calc((100% / 3) - 7px);}
}
@media (max-width: 440px) {
	.process-ul li { width: calc((100% / 2) - 5px);}
}

/* pc 메뉴 리뉴얼 */
.hd_pc .nav_ul .nav_li:hover>a::after{bottom: -1.2rem;}

.nav_show{position: absolute; left: 0; top: 131px; width: 100%; background: #fff; border-top: 1px solid #d0021b; display: none; z-index: 1001;}
.nav_show > ul{display: flex; justify-content: space-between;}
.nav_show > ul > li{flex: 1; padding: 3rem; border-left: 1px solid #ededed;}
.nav_show > ul > li.bus{background: #fcf2f3 url('../img/menu_bg.png') no-repeat bottom center; border-left: none;}

.nav_show > ul > li > a,
.nav_show > ul > li > div > a{font-size: 1.6rem; font-weight: 500; position: relative;}
.nav_show > ul > li > a:hover,
.nav_show > ul > li > div > a:hover{text-decoration: underline;}
.nav_show > ul > li > a::before,
.nav_show > ul > li > div > a::before{position: absolute;content: "";width: 6px;height: 6px;border-right: 1px solid #606060;border-bottom: 1px solid #606060;right: -17px;background: transparent;transform: rotate(45deg);top: 4px;}
.pc_visa{display: flex; flex-wrap: wrap;}
.pc_visa li{width: 50%;}
.show_lst{padding: 2rem 0;}
.show_lst li a{display: block; font-size: 1.5rem; color: #757a88; padding: 0.5rem 0;}
.show_lst li a:hover{text-decoration: underline;}
.pc_menu_wrap.menu_bg .nav_show {display: block; z-index: 11;}

.menu_dim_detector{display: none; position: fixed; top: 131px; left: 0; width: 100vw; height: 100vh; z-index: 10; background: rgba(0, 0, 0, 0.3); pointer-events: none;}
.pc_menu_wrap.menu_bg + .menu_dim_detector{display: block;}
.hd_pc_t_wrap{height: 76px;}

/* 모바일 메뉴 리뉴얼 */
.m_new{padding: 3rem; overflow-y: scroll;}
.m_top .m_login{color: #0b0b0c; font-size: 1.7rem; font-weight: 600; display: inline-block; padding-left: 2.4rem; position: relative;}
.m_top .m_login::before{position: absolute; content: ""; background: url('../img/mo_login.png') no-repeat; width: 17px; height: 16px; left: 0; top: -1px;}

.m_top > ul{display: flex;}
.m_top > ul > li{flex: 1; text-align: center;}
.m_link01{margin-top: 3rem; gap: 1rem;}
.m_link01 li a{padding-top: 8rem; display: block; color: #63656a; position: relative;}
.m_link01 li a::before{position: absolute; content: ""; background: url('../img/mo_top01.png') no-repeat; width: 60px; height: 60px; background-size: contain; top: 0; left: 50%; transform: translateX(-50%);}
.m_link01 li.icon2 a::before{background-image: url('../img/mo_top02.png')}
.m_link01 li.icon2.icon_corp a::before{background-image: url('../img/mo_top02_corp.png')}
.m_link01 li.icon3 a::before{background-image: url('../img/mo_top03.png')}
.m_link01 li.icon4 a::before{background-image: url('../img/mo_top04.png')}

.m_link02{margin: 2rem 0; gap:1rem;}
.m_link02 li{flex: auto !important;}
.m_link02 li a{display: inline-block;color: #8e959f;border: 1px solid #b9c1cd;border-radius: 5rem;padding: 0.4rem 1.2rem; font-size: 1.4rem;}

.mo_nav{border-top: 1px solid #000;}
.mo_nav > ul > li{padding: 2rem; border-bottom: 1px dashed #bababa;}
.mo_nav > ul > li:last-child{border-bottom: none;}
.mo_nav > ul > li > a{font-weight: 600;font-size: 1.7rem;position: relative;padding-left: 2.4rem;}
/* 개인서비스 */
.mo_nav > ul > li > a::before{position: absolute;content: "";background: url('../img/mo_menu01.png') no-repeat;width: 20px;height: 16px;left: -3px;top: 1px; background-size: contain;}
.mo_nav > ul > li:nth-child(2) > a::before{background-image: url('../img/mo_menu02.png');}
.mo_nav > ul > li:nth-child(3) > a::before{background-image: url('../img/mo_menu03.png');}
.mo_nav > ul > li:nth-child(4) > a::before{background-image: url('../img/mo_menu04.png');}
.mo_nav > ul > li:nth-child(5) > a::before{background-image: url('../img/mo_menu05.png');}

/* 기업서비스 */
.mo_corp > ul > li > a::before{background-image: url('../img/mo_menu04.png');}
.mo_corp > ul > li:nth-child(3) > a::before{background-image: url('../img/mo_menu07.png');}
.mo_corp > ul > li:nth-child(4) > a::before{background-image: url('../img/mo_menu03.png');}
.mo_corp > ul > li:nth-child(5) > a::before{background-image: url('../img/mo_menu06.png'); width: 14px; top: 2px;}
.mo_corp > ul > li:nth-child(6) > a::before{background-image: url('../img/mo_menu05.png');}
.mo_corp > ul > li:nth-child(7) > a::before{background-image: url('../img/mo_menu01.png');}


.mo_dep2{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem;}
.mo_dep2 > li{width: 43%; margin-bottom: 1rem;}
.mo_dep2 > li > a{font-size: 1.6rem; color: #757a88;}

.mo_banner{display: block;}
.mo_banner img{width: 100%; border-radius: 1rem;}
.mo_bottom_login{margin-top: 2rem; display: block; border: 1px solid #b7b7b7; border-radius: 1rem; padding: 1.5rem; text-align: center; color: #878787;}

.m_new .close_btn{position: absolute; top: 3rem; right: 3rem; text-align: center;}

/* 채용공고등록 랜딩페이지 */
.up_emp{padding: 3rem 0;}
.up_tit{text-align: center; margin: 6rem 0 5rem 0;}
.up_tit h2{font-size: 3.5rem;font-weight: 700;margin-bottom: 1.3rem;}
.up_tit p{font-size: 1.9rem; color: #4b4b4b;}
.up_emp_inner{display: flex; justify-content: space-between; gap: 2rem;}
.up_emp_inner > a{flex: 1;display: block;background: #fff;padding: 3.3rem 5rem;border-radius: 1.6rem;border: 1px solid #e5e7eb;transition: 0.2s;}
.up_emp_inner > a:hover{border-color: #dc2f2f; box-shadow: 3px 3px 10px rgba(194, 24, 24, 0.2);}
.up_emp_inner h3{font-size: 2.7rem;font-weight: 700; margin-bottom: 3rem;position: relative;}
.up_emp_inner h3 span{color: #dc2f2f; display: inline-block; margin-left: 2rem;}

.up_list{margin-bottom: 2rem;min-height: 9.5rem;margin-bottom: 2.5rem;border-bottom: 1px solid #dfdfdf;padding-bottom: 2rem; display: flex; flex-wrap: wrap; align-items: center; align-content: center;}
.up_list li{width: 100%; margin-bottom: 1rem;padding-left: 1.3rem;position: relative;font-weight: 400; line-height: 1.3;}
.up_list li::before{position: absolute; content: ""; width: 4px; height: 4px; left: 0; top: 6px; background: #dc2f2f; border-radius: 5rem;}

.up_bot{display: flex; justify-content: space-between; align-items: center;}
.up_bot .left p{font-weight: 600; font-size: 1.6rem;}
.up_bot .left ul{display: flex;gap: 0.8rem;margin-top: 1.4rem;}
.up_bot .left ul li{display: block;background: #eff1f3;color: #a8adb5;padding: 0.3rem 1rem;border-radius: 5rem;}
.left_btn button{z-index: 3; background-color: transparent; border: none; color: var(--blue-link) !important; text-decoration: underline;}
.left_btn ul li{background-color: transparent !important; padding-left: 0 !important;}
.up_bot .right{text-indent: -9999px; display: block; background: url('../img/up_emp_more.png') no-repeat center center; width: 50px; height: 50px; background-size: contain;}

.up_emp_inner > a:hover .up_bot .right{background-image: url('../img/up_emp_more_ho.png');}

@media (max-width:991.98px) {
  .up_emp_inner{flex-direction: column; margin-bottom: 3rem;}
  .up_tit{margin: 4rem 0 3rem 0;}
  .up_tit h2{font-size: 2.5rem;}
  .up_tit p{font-size: 1.6rem;}
  .up_emp_inner > a{padding: 3rem 4rem;}
  .up_bot .left{width: 50%;}
  .up_bot .left ul{flex-wrap: wrap;}
}

/* 마이페이지 모바일 */
@media (max-width:991.98px) {
.mp_pg{min-height: auto;}
}
.sub_group_box.my_mo{border-radius: 0 !important; padding: 1rem !important;}
.mp_nav .my_mo_lst:first-of-type{border-top: 1px solid #000;}
.my_mo_lst{padding: 2rem; border-bottom: 1px dashed #bababa;}
.mp_nav .my_mo_lst:last-of-type{border-bottom: none;}
.my_mo_tit{font-weight: 600; font-size: 1.7rem; position: relative; padding-left: 2.6rem; margin-bottom: 1.8rem;}
.my_mo_tit::before{position: absolute; content: ""; background: url('../img/my_indi_01.png') no-repeat center center; background-size: contain; width: 17px; height: 17px; left: 0; top: -2px;}
.my_mo_tit2::before{background-image: url('../img/my_indi_02.png'); top: 0;}
.my_mo_ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.my_mo_ul li{width: 49%; color: #757a88;}
.my_mo_ul li a{color: #757a88;}

.my_mo_logout a{display: block; border: 1px solid #b7b7b7; border-radius: 1rem; padding: 1.3rem; text-align: center; color: #878787; font-size: 1.4rem;}


/* 채용공고 상세페이지 수정 */
.epm_dt_pg{padding-top: 3rem !important;}
.epm_dt_cont{max-width: 100%;}
.epm_dt_cont .sub_group_box{padding: 3rem 3.4rem; position: relative;}
.p_com_name{font-size: 1.6rem; font-weight: 500; color: #707e8f; margin-bottom: 1.2rem;}
.epm_txt{display: flex; justify-content: flex-end; align-items: center; margin-bottom: 1.5rem; color: #9ca6af; gap: 0.5rem;}
.logo_box_wr{margin-bottom: 3rem; width: inherit;}
.logo_box_wr .logo_box{margin-right: 3rem;}
.h3_book{display: flex; align-items: center;}
.h3_book h3{position: relative;}
.h3_book h3 .bookmark_wr{display: inline-block; margin-left: 1rem;}
.h3_book h3 .bookmark_wr img{margin-bottom: 6px;}
.logo_box_wr .txt_box{width: 100%;}
.logo_box_wr .txt_box h3{text-overflow: ellipsis; overflow: hidden;}
.dropdown_wrap {
    position: absolute;
    right: 2.4rem;
    top: 9%;
}
.badge_wrap{margin-top: 1.5rem; display: flex; gap: 0.5rem; flex-wrap: wrap;}
.emp_detail_top{background: #f2f4f8;border-radius: 1rem;padding: 2rem 2.5rem;margin-bottom: 3rem;}

.row_before{position: relative; padding-left: 0.4rem;}
.row_before::before{position: absolute; content: ""; background: #6d757d; width: 3px; height: 3px; border-radius: 5rem; left: 0;}
.row_before div:first-of-type{max-width: 30%;}
.row_before div:last-of-type{max-width: 70%;}

.emp_detail_flex{display: flex; gap: 2rem; margin-bottom: 2rem; padding: 0 1.7rem;}
.emp_detail_flex .accordion{flex: 1;}

.emp_detail_list{padding: 3rem 1.7rem 0 1.7rem;border-top: 1px solid #000;border-bottom: 1px solid #ddd;margin-bottom: 3.5rem;}
.emp_detail_box{margin-bottom: 1.5rem;}
.emp_detail_box > h4{font-size: 1.9rem; font-weight: 600;}
.emp_de_cont{padding: 2rem 0; font-weight: 400; color: var(--gray-900); font-size: 1.6rem; line-height: 1.6; }
.emp_detail_flex2{padding-bottom: 1.5rem; border-bottom: 1px solid #000;}

.method_wrap .method_span{justify-content: flex-start;}
@media (max-width:991.98px) {
  .epm_dt_pg{padding-top: 7rem !important;}
  .epm_txt{flex-wrap: wrap; justify-content: flex-start;}
  
  .emp_detail_flex{flex-wrap: wrap; gap: 1rem;}
  .emp_detail_flex .accordion{flex: auto; width: 100%;}
  .logo_box_wr .txt_box h3{font-size: 1.9rem;}
  .p_com_name{font-size: 1.5rem;}

  .ri_sticky_box{border-top: 0 !important; padding-top: 0rem !important;}
  .dropdown_wrap {
    position: absolute;
    right: 0;
    top: 2.4%;
}
.logo_box_wr .txt_box{width: 100%;}
.logo_box_wr .logo_box img{width: 60px; object-fit: contain; background: #fff;}
.h3_book h3 .bookmark_wr img{margin-bottom: 0;}
}


/* 전문채용관 */
.th_tab{display: flex; gap: 1rem; margin-bottom: 3rem;}
.th_tab li a{display: block;font-size: 1.7rem;background: #edeff5; border-radius: 50rem;color: var(--gray-800);padding: 7px 17px;}
.th_tab li a.active{background: var(--primary); color: #fff;}

.th_list {display: flex; flex-wrap: wrap; gap: 20px;}
.th_list li {flex: 0 0 calc(33.333% - 13.333px); box-sizing: border-box; overflow: hidden; border-radius: 1.2rem 1.2rem 0 0; border: 1px solid var(--border);}
.th_list a {text-decoration: none; color: inherit; display: block; height: 100%; background: #fff;}
.th_list .img {position: relative; width: 100%; height: 0; padding-top: 45%; overflow: hidden;}
.th_list .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.th_list .img span {position: absolute; bottom: 8px; right: 8px; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 4px 8px; font-size: 14px; border-radius: 4px;}
.th_list .txt {padding: 16px 20px;}
.th_list .txt h5 {font-size: 20px; margin: 0 0 8px; color: #000;}
.th_list .txt p {font-size: 16px; color: var(--gray-900); margin: 0;}

@media (max-width: 991.98px) {
  .th_list li {flex: 0 0 calc(50% - 10px);}
  .theme{padding-top: 4rem;}
}
@media (max-width: 450px) {
  .th_list li {flex: 0 0 100%;}
  .th_tab li a{font-size: 1.6rem; padding: 5px 9px;}
}
@media (max-width: 360px) {
  .th_tab{flex-wrap: wrap;}
}

.card_bd_line .ws_pre{line-height: 1.7;}
.pg_vis{background: #ecf1f6;border-radius: 1.2rem;padding: 3rem 4rem 3rem 10.5rem;position: relative;}
.pg_vis::before{position: absolute;content: "";background: url('../img/vis_notice.png') no-repeat;width: 5.5rem;height: 5.5rem;left: 3rem;top: 50%;background-size: contain;transform: translateY(-50%);}

.pg_vis.pg_vis_faq{background: #e8f1f0;}
.pg_vis.pg_vis_faq::before{background-image: url('../img/vis_faq.png');}

.pg_vis.pg_vis_qna{background: #f2edf7;}
.pg_vis.pg_vis_qna::before{background-image: url('../img/vis_qna.png');}

.pg_vis.pg_vis_dl{background: #f8f0ea;}
.pg_vis.pg_vis_dl::before{background-image: url('../img/vis_down.png');}

@media (max-width: 991.98px) {
  .pg_vis{font-size: 2rem; margin-top: 2rem; padding: 2rem 4rem 2rem 8.5rem;}
  .pg_vis::before{width: 4rem;height: 4rem;}
}

.overlay-container {
  position: relative;
}

.overlay-closed {
  position: relative;
}

.overlay-closed::after {
  content: var(--overlay-text, '종료');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 43, 43, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: white;
  z-index: 10;
  pointer-events: none;
}




/* 페이지를 찾을 수 없습니다. */
  .no_page{max-width:1100px; margin: 0 auto; padding: 8rem 1rem; text-align: center;}
  .no_page h3{font-size: 3.5rem; font-weight: 600; position: relative; padding-top: 13rem; margin-bottom: 2.2rem;}
  .no_page h3::before{position: absolute; content:""; background: url('../img/no_page.png') no-repeat; width: 10.6rem; height: 10rem; left: 50%; top: 0; transform: translateX(-50%); background-size:100%;}
  .no_page h3 span{color: #d0021b;}
  .no_txt{font-size: 1.6rem; margin-bottom: 3rem;}
  .no_txt p{color: #4e4e4e; line-height: 1.3;}
  .no_txt p:nth-of-type(1){margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #ddd;display: inline-block; }
  .go_qna{display: inline-block; border-bottom: 1px solid; color: #0969ff; line-height: normal; font-weight: 500;}
  .no_btn{display: flex; align-items:center; justify-content:center; gap:1rem;}
  .no_btn > a{display: inline-block; padding: 1rem 2rem; border-radius: 1rem; background:#d0021b; color: #fff; border: 1px solid #d0021b;}
  .no_btn > a.no_prev{background:#fff; color: #d0021b;}
  .no_btn > a span{position: relative; display: inline-block; padding-left: 2.5rem;}
  .no_btn > a span::before{position: absolute; content:""; background:url('../img/no_page_home.png') no-repeat center center; width: 1.9rem; height: 1.9rem; background-size:100%; left: 0; top:50%; transform: translateY(-50%);}
  .no_btn > a.no_prev span{padding-left: 2rem;}
  .no_btn > a.no_prev span::before{background-image : url('../img/no_page_prev.png'); width: 1.3rem; height: 1.3rem;}
  @media (max-width: 991.98px) {
    .no_page{padding-top: 11rem;}
    .no_page h3{font-size: 3rem; padding-top: 10rem; margin-bottom: 2rem;}
    .no_page h3::before{width: 8.6rem; height: 8rem;}
  }


  /* 원티트 채용공고 관련 */

  .wtd_icon_sm {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 3px;
}