@charset "utf-8";

/* sub page button */
/* button : 상세 정보 보기 */
.btn_detail_info {
  width: 64px;
  height: 33px;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: -0.65px;  
}
.btn_detail_info:hover {
  background-color: var(--light-gray);
}
.btn_detail_info.h45 {
  height: 45px;
}

/* button : 프린트 하기 */
.btn_print {
  height: 26px;
  padding: 0 12px;
  background-color: var(--bg-light-gray);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 12px;
  font-weight: 500;  
}
.btn_print span {
  position: relative;
  padding-left: 19px;
}
.btn_print span:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background: url(https://image.educe.co.kr/educe/main/ico_search.png) no-repeat left top/cover;
}
.btn_print:hover {
  background-color: var(--black-10);
}

/* button : 결과표 */
.btn_result {
  height: 26px;
  padding: 0 12px;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: -0.6px;  
}
.btn_result span {
  position: relative;
  padding-left: 20px;
}
.btn_result span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background: url(https://image.educe.co.kr/educe/main/ico_search.png) no-repeat center center/cover;
}
.btn_result:hover {
  border-color: var(--black-80);
}

/** 취업전략 **/
/* 기업분석자료집 */
.wrap_sub {
  padding: 132px 0 170px;  
}
.sub_tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 38px;
  padding-left: 20px;
  border-left: 4px solid var(--black-80);
}
.sub_tit {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: -1.4px;
}
.sub_tit_desc {
  margin-top: 12px;
  line-height: 150%; 
  letter-spacing: -0.8px;  
}
.info_num_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 220px;
  margin-top: 15px;
  background: url(https://image.educe.co.kr/educe/pages/bg_dot.png) repeat-x left center;
  color: var(--black-80);
}
.info_num_list li:first-child {
  margin-top: 0;
}
.info_num_tit {
  padding-right: 6px;
  background-color: var(--white);
}
.info_num_tit span {
  display: inline-block;
  padding: 7px 10px;
  background-color: var(--light-gray);
  border-radius: 30px;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.55px;  
}
.info_num {
  padding-left: 6px;
  background-color: var(--white);
}
.info_num span.num {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: -1.4px;  
}
.info_num span.unit {
  font-weight: 600;
  vertical-align: 4px;
}
.linear_list_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.linear_list_wrap>div {
  width: 604px;
}
h4.sec_tit {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -1px;  
}
.com_linear_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  margin-top: 20px;
  padding: 0 20px;
  background-color: var(--white);
  border: 1px solid var(--black-10);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.com_linear_list li:hover {
  border-color: var(--black-80);
  box-shadow: 0px 20px 20px 0px rgba(48, 52, 154, 0.08);
}
.com_linear_list li>div {
  display: flex;
  align-items: center;
}
.com_linear_num {
  position: relative;
  min-width: 30px;
  height: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.9px;  
  text-align: center;
}
.com_linear_num p {
  position: absolute;
  bottom: 0;
  left: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.com_linear_list li:hover .com_linear_num p {
  bottom: -26px;
} 
.com_linear_num span {
  display: block;
}
.com_linear_num span.up {
  margin-bottom: 8px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;  
}
.com_linear_list li:hover .com_linear_num span.up {
  opacity: 1;
}
.com_linear_num span.down {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;  
}
.com_linear_list li:hover .com_linear_num span.down {
  opacity: 0;
}
.com_linear_logo {
  position: relative;
  width: 80px;
  height: 80px;
  margin-left: 10px;
  padding: 14px 5px;
}
.com_linear_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.com_linear_nm {
  position: relative;
  max-width: 200px;
  margin-left: 22px;
  padding-left: 12px;
  font-weight: 600;
  letter-spacing: -0.8px;
  line-height: 120%;  
  word-break: break-all;
}
.com_linear_nm:before {
  content: '|';
  position: absolute;
  top: 0;
  left: -12px;
  color: var(--black-10);
}
.btn_detail_info {
  margin-left: 4px;
}
.grid_list_wrap {
  margin-top: 60px;
}
.grid_list_align {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.grid_list_align .form_select_row {
  width: 120px;
}
.list_search_row {
  display: flex;
}
.list_search_row .form_input_row {
  margin-right: 10px;
}
.com_grid_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin-top: 20px;
}
.com_grid_list>li {
  width: 292px;
  margin: 0 24px 24px 0;
  padding-bottom: 25px;
  border: 1px solid var(--black-10);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.com_grid_list>li:hover {
  border-color: var(--black-100);
  box-shadow: 0px 20px 20px 0px rgba(48, 52, 154, 0.08);
}
.com_grid_list>li:nth-child(4n) {
  margin-right: 0;
}
.com_image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: var(--white);
}
.com_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.com_grid_list>li:hover .com_image img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}
.com_info {
  position: relative;
  padding: 50px 20px 0;
  text-align: center;
}
.com_logo {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  padding: 10px;
  overflow: hidden;
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: 0px 10px 10px 0px rgba(48, 52, 154, 0.06);
}
.com_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.com_nm {
  width: 100%;
  font-weight: 700;
  line-height: 150%; 
  letter-spacing: -0.8px;  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view {
  margin-top: 10px;
  color: var(--black-60);
  font-size: 1.3rem;
}
.btn_list.three {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.btn_list.three li {
  margin: 0 3px;
}
.btn_list.three .btn_detail_info {
  margin-left: 0;
}
.loader {
  width: 64px;
  height: 64px;
  margin: 30px auto 0;  
}

/* 기업분석 table style */
.tbl_analysis {
  width: 100%;
  margin-top: 20px;
  color: var(--black-80);
}
.tbl_analysis thead th {
  background-color: var(--light-blue);
  font-size: 1.4rem;
  font-weight: 600;  
}
.tbl_analysis thead tr:first-child th {
  border-top: 2px solid var(--black-80);
}
.tbl_analysis tbody th {
  font-size: 1.4rem;
  font-weight: 600;  
}
.tbl_analysis th,
.tbl_analysis td {
  padding: 12px 0;
  border: 1px solid var(--black-10);
  text-align: center;
}
.tbl_analysis tr th:first-child,
.tbl_analysis tr td:first-child {
  border-left: none;
}
.tbl_analysis tr th:last-child,
.tbl_analysis tr td:last-child {
  border-right: none;
}
.tbl_analysis td {
  font-size: 1.4rem;
}

/* 합격자 스펙검색엔진 */
/* 지원분야별 합격자 스펙 */
.depth3_menu {
  display: flex;
  margin-top: 60px;
}
.depth3_menu li {
  width: 25%;
  font-weight: 600;
  text-align: center;
}
.depth3_menu li:first-child {
  border-left: 1px solid var(--black-10);
}
.depth3_menu li a {
  display: inline-block;
  width: 100%;
  padding: 16px 0;
  background-color: var(--bg-light-gray);
  border-top: 1px solid var(--black-10);
  border-bottom: 1px solid var(--black-10);
  border-right: 1px solid var(--black-10);
}
.depth3_menu li:hover a {
  background-color: var(--black-80);
  border-color: var(--black-80);
  color: var(--white);
}
.depth3_menu li.on a {
  background-color: var(--black-80);
  border-color: var(--black-80);
  color: var(--white);
}
.part_list_wrap {
  display: flex;
  margin-top: 20px;
  border-bottom: 2px solid var(--black-100);
}
.part_step1 {
  width: 830px;
}
.part_step2 {
  width: 410px;
}
.part_step_tit {
  height: 40px;
  background-color: var(--black-80);
  color: var(--white);
  font-size: 1.4rem;
  text-align: center;
  line-height: 40px;
}
.part_step1 .part_step_tit {
  border-right: 1px solid var(--black-100);
}
.part_step1_list {
  display: flex;
  flex-wrap: wrap;
  height: 200px;
  overflow-y: auto;
  border-right: 1px solid var(--black-60);
}
.part_step1_list li {
  display: flex;
  align-items: center;
  height: 34px;
  width: 50%;
  padding-left: 24px;
  border-bottom: 1px solid var(--light-gray);
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;
}
.part_step1_list li.active {
  background-color: var(--bg-light-blue);
  font-weight: 600;
}
.part_step1_list li:nth-child(odd) {
  border-right: 1px solid var(--black-10);
}
.part_step1_list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--black-80);
}
.part_step2_list {
  height: 200px;
  overflow-y: auto;  
}
.part_step2_list li {
  display: flex;
  align-items: center;
  height: 34px;
  padding-left: 24px;
  border-bottom: 1px solid var(--light-gray);  
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;  
}
.part_step2_list li.active {
  background-color: #FFF2C5;
  font-weight: 600;
}
.part_step2_list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--black-80);
}
.part_num {
  margin-left: 6px;
  color: var(--orange-prime-darken);
}
.part_step2_list li.active .part_num {
  font-weight: 400;
}
.tab_menu {
  display: flex;
  margin-top: 60px;
}
.tab_menu li {
  position: relative;
  margin-right: 32px;
  color: var(--black-40);
  padding: 10px 0;
  font-size: 1.5rem;
  font-weight: 600;  
  cursor: pointer;
}
.tab_menu li.selected {
  color: var(--black-80);
}
.tab_menu li:last-child {
  margin-right: 0;
}
.tab_menu li:after {
  content: '|';
  position: absolute;
  top: 10px;
  right: -16px;
  color: var(--black-10);
}
.tab_menu li:last-child:after {
  display: none;
}
.chart_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.chart_list li {
  width: 292px;
  height: 478px;
  margin-right: 24px;
  margin-bottom: 24px;
  border: 1px solid var(--black-10);
}
.chart_list li:nth-child(4n) {
  margin-right: 0;
}
.chart_top_area {
  height: 306px;
  padding: 20px;
}
.chart_bott_area {
  height: 171px;
  padding: 20px;
  background-color: var(--bg-light-gray);
}
.chart_donut img {
  width: 100%;
}
.chart_tit {
  margin-bottom: 10px;
  font-weight: 700;
}
.cahrt_line img {
  width: 100%;
}
.certi_num_row {
  display: flex;
  padding-top: 40px;
}
.certi_num_row>div {
  width: 50%;
  text-align: center;
}
.certi_tit {
  color: var(--black-80);
  font-size: 1.2rem;
  font-weight: 500;  
}
.certi_num {
  margin-top: 15px;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -1.6px;  
}
.average .certi_num {
  color: #2087FF;
}
.mine {
  position: relative;
}
.mine:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 60px;
  background-color: var(--black-10);
}
.mine .certi_num {
  color: var(--black-40);
}
.tbl_search_row {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: -36px;
}
.tbl_search_row .form_input_row {
  margin: 0 10px;
}
.tbl_style {
  table-layout: fixed;
  width: 100%;
  margin-top: 20px;
  border-bottom: 2px solid var(--black-80);
}
.tbl_style tr th,
.tbl_style tr td {
  padding: 12px 0;
  font-size: 1.4rem;
}
.tbl_style tr th {
  background-color: var(--black-80);
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 600;  
}
.tbl_style tr td {
  border: 1px solid var(--black-10);
}
.tbl_style tr td:first-child {
  border-left-color: transparent;
}
.tbl_style tr td:last-child {
  border-right-color: transparent;
}
.tbl_style a:hover {
  text-decoration: underline;
}
.tbl_style tr td.td_item {
  padding: 12px 20px;
}
.tbl_style tr td.td_percent {
  padding: 12px 0;
  background-color: #E8F2FF;
  color: #005FCE;
  font-weight: 600;
  text-align: center;
}
.tbl_style tr td.zero {
  background-color: var(--light-gray);
  color: var(--black-40);
}
.tbl_style tr td.padd20 {
  padding: 12px 20px;
}
.career_info {
  position: relative;
}
.career_info_num {
  color: var(--orange-prime-darken);
  text-decoration: underline;
  cursor: pointer;
}
.career_pop {
  display: none;
  position: absolute;
  top: 30px;
  left: 50%;
  min-width: 172px;
  padding: 12px;
  background-color: var(--black-60);
  border-radius: 1px;
  color: var(--white);
  text-align: left;
  z-index: 10;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.career_pop:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid var(--black-60);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.career_pop_tit {
  position: relative;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--black-40);
  font-size: 1.4rem;
  font-weight: 600; 
  line-height: 150%; 
}
.career_pop_list {
  margin-top: 6px;
  word-break: keep-all;
}
.career_pop_list li {
  margin-bottom: 6px;
  font-size: 1.3rem;
  line-height: 150%;
}
.career_pop_list li:last-child {
  margin-bottom: 0;
}
.career_pop_close {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.career_pop_close:before, 
.career_pop_close:after {
  content: ' ';
  position: absolute;
  top: 4px;
  left: 10px;
  height: 12px;
  width: 1px;
  background-color: var(--white);
}
.career_pop_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.career_pop_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tbl_pgn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}
.tbl_pgn li {
  margin: 0 1px;
}
.tbl_pgn li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--black-60);
  font-size: 1.4rem;
}
.tbl_pgn li a.active {
  background-color: var(--black-80);
  color: var(--white);
}
.tbl_pgn li a:hover {
  background-color: var(--black-80);
  color: var(--white);
}
.pgn_first span,
.pgn_prev span,
.pgn_next span,
.pgn_last span {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.pgn_first span {
  background: url(https://image.educe.co.kr/educe/pages/ico_first.png) no-repeat left top/cover;
}
.pgn_prev span {
  background: url(https://image.educe.co.kr/educe/pages/ico_prev.png) no-repeat left top/cover;
}
.pgn_next span {
  background: url(https://image.educe.co.kr/educe/pages/ico_next.png) no-repeat left top/cover;
}
.pgn_last span {
  background: url(https://image.educe.co.kr/educe/pages/ico_last.png) no-repeat left top/cover;
}
.tbl_pgn li a.pgn_first:hover,
.tbl_pgn li a.pgn_prev:hover,
.tbl_pgn li a.pgn_next:hover,
.tbl_pgn li a.pgn_last:hover {
  background-color: var(--white);
}

/* 전공별 스펙 */
.major_list_wrap {
  display: flex;
  margin-top: 20px;
  border-bottom: 2px solid var(--black-100);
}
.major_step1 {
  width: 310px;
}
.major_step2 {
  width: 930px;
}
.major_step_tit {
  height: 40px;
  background-color: var(--black-80);
  color: var(--white);
  font-size: 1.4rem;
  text-align: center;
  line-height: 40px;
}
.major_step1 .major_step_tit {
  border-right: 1px solid var(--black-100);
}
.major_step1_list {
  height: 200px;
  overflow-y: auto;
  border-right: 1px solid var(--black-80);
}
.major_step1_list li {
  display: flex;
  align-items: center;
  height: 34px;
  padding-left: 24px;
  border-bottom: 1px solid var(--light-gray);
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;
}
.major_step1_list li.active {
  background-color: var(--bg-light-blue);
  font-weight: 600;
}
.major_step1_list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--black-80);
}
.major_step2_list {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 200px;
  overflow-y: auto;
}
.major_step2_list li {
  display: flex;
  align-items: center;
  height: 34px;
  width: 307px;
  padding-left: 24px;
  border-right: 1px solid var(--black-10);
  border-bottom: 1px solid var(--light-gray);
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;
}
.major_step2_list li.active {
  background-color: #FFF2C5;
  font-weight: 600;
}
.major_step2_list li:nth-child(3n) {
  border-right: none;
}
.major_step2_list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--black-80);
}
.major_step2_list li.active .part_num {
  font-weight: 400;
}

/* 기업별 스펙 */
.company_list_wrap {
  display: flex;
  margin-top: 20px;
  border-bottom: 2px solid var(--black-100);
}
.company_step1 {
  width: 310px;
}
.company_step2 {
  width: 930px;
}
.company_step_tit {
  height: 40px;
  background-color: var(--black-80);
  color: var(--white);
  font-size: 1.4rem;
  text-align: center;
  line-height: 40px;
}
.company_step1_list .company_step_tit {
  border-right: 1px solid var(--black-100);
}
.company_step1_list {
  height: 200px;
  overflow-y: auto;
  border-right: 1px solid var(--black-80);
}
.company_step1_list li {
  display: flex;
  align-items: center;
  height: 34px;
  padding-left: 24px;
  border-bottom: 1px solid var(--light-gray);
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;
}
.company_step1_list li.active {
  background-color: var(--bg-light-blue);
  font-weight: 600;
}
.company_step1_list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--black-80);
}
.company_step2_list {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 200px;
  overflow-y: auto;
}
.company_step2_list li {
  display: flex;
  align-items: center;
  height: 34px;
  width: 307px;
  padding-left: 24px;
  border-right: 1px solid var(--black-10);
  border-bottom: 1px solid var(--light-gray);
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;
}
.company_step2_list li.active {
  background-color: #FFF2C5;
  font-weight: 600;
}
.company_step2_list li:nth-child(3n) {
  border-right: none;
}
.company_step2_list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--black-80);
}
.company_step2_list li.active .part_num {
  font-weight: 400;
}
.bullet_tit1 {
  position: relative;
  margin-top: 60px;
  padding-left: 26px;
  color: var(--black-80);
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.9px;
}
.bullet_tit1.mt0 {
  margin-top: 0;
}
.bullet_tit1:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
  height: 21px;
  background: url(https://image.educe.co.kr/educe/pages/bullet1.png) no-repeat left top/100%;
}
.bullet_tit1 span {
  color: var(--orange-prime-darken);
}
.com_chart_area {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.com_chart_area>div {
  width: 600px;
}
.tbl_style.tbl_com {
  margin-top: 0;
  border-bottom: 2px solid var(--black-80);
}
.tbl_style.tbl_com thead th {
  height: 40px;
  padding: 0;
  border-right: 1px solid var(--black-100);
  line-height: 40px;
}
.tbl_style.tbl_com tbody th {
  background-color: var(--light-gray);
  border: 1px solid var(--black-10);
  border-top: none;
  border-left: none;
  color: var(--black-80);
}
.tbl_style th.th_ico {
  padding: 7px 0;
}
.tbl_style.tbl_com tr td {
  border-top: none;
  text-align: center;
}
.com_no_chart {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-light-gray);
  border: 1px solid var(--black-10);
}
.com_no_chart p {
  width: 100%;
  color: var(--black-60);
  font-size: 1.4rem;
  line-height: 150%;  
  text-align: center;
}
.com_no_chart button {
  margin-top: 20px;
}
.grade_tit {
  display: flex;
  justify-content: center;
  align-items: center;
}
.grade_pop_wrap {
  position: relative;
}
.btn_grade {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  background: url(https://image.educe.co.kr/educe/main/ico_note.svg) no-repeat center center/14px;
}
.grade_pop {
  display: none;
  position: absolute;
  top: 30px;
  left: 50%;
  padding: 12px 16px 16px;
  background-color: var(--white);
  box-shadow: 0px 20px 20px 0px rgba(48, 52, 154, 0.08);
  z-index: 10;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.opic {
  width: 248px;
}
.grade_pop:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid var(--white);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.grade_pop_tit {
  position: relative;
  padding-bottom: 6px;
  color: var(--black-80);
  font-size: 1.4rem;
  font-weight: 600; 
  text-align: left;
  line-height: 150%; 
}
.grade_pop_close {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.grade_pop_close:before, 
.grade_pop_close:after {
  content: ' ';
  position: absolute;
  top: 4px;
  left: 10px;
  height: 12px;
  width: 1px;
  background-color: var(--black-80);
}
.grade_pop_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.grade_pop_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.grade_list {
  display: flex;
  justify-content: space-between;
}
.grade_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 12px;
  border-radius: 2px;
  color: var(--white);
  font-size: 1.2rem;
  font-weight: 700;
}
.opic .grade_list li:nth-child(1) {
  background-color: #F49A03;
}
.opic .grade_list li:nth-child(2) {
  background-color: #F2771F;
}
.opic .grade_list li:nth-child(3) {
  background-color: #EF5F2B;
}
.opic .grade_list li:nth-child(4) {
  background-color: #EE4139;
}
.opic .grade_list li:nth-child(5) {
  background-color: #EB2848;
}
.opic .grade_list li:nth-child(6) {
  background-color: #E7114D;
}
.opic .grade_list li:nth-child(7) {
  background-color: #DB0040;
}
.grade_txt {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  color: var(--black-30);
  font-size: 1.1rem;
  font-weight: 600;  
}
.opic .grade_txt {
  background: url(https://image.educe.co.kr/educe/pages/bg_dot_line1.png) no-repeat center center/175px;
}
.tos {
  width: 280px;
}
.tos .grade_list li {
  display: block;
  padding-top: 5px;
}
.grade_list li span {
  display: block;
  width: 100%;
  font-weight: 400;
  letter-spacing: -0.3px;
  transform: scale(0.6);
}
.tos .grade_list li:nth-child(1) {
  background-color: #F49A03;
}
.tos .grade_list li:nth-child(2) {
  background-color: #F28311;
}
.tos .grade_list li:nth-child(3) {
  background-color: #F2771F;
}
.tos .grade_list li:nth-child(4) {
  background-color: #EF5F2B;
}
.tos .grade_list li:nth-child(5) {
  background-color: #EE4139;
}
.tos .grade_list li:nth-child(6) {
  background-color: #EB2848;
}
.tos .grade_list li:nth-child(7) {
  background-color: #E7114D;
}
.tos .grade_list li:nth-child(8) {
  background-color: #DB0040;
}
.tos .grade_txt {
  background: url(https://image.educe.co.kr/educe/pages/bg_dot_line2.png) no-repeat center center/175px;
}
.tbl_style.tbl_com thead th .grade_pop {
  top: 37px;
}
.tbl_style.tbl_com thead th .grade_list li {
  line-height: 1;
}
.tbl_style.tbl_com thead th .grade_txt {
  line-height: 1;
}
.com_bar_chart {
  width: 100%;
  border: 1px solid var(--black-10);
}
/*
.com_bar_chart img {
  display: block;
  width: 520px;
  margin: 0 auto;
}
*/
.tbl_style.tbl_com thead th .btn_grade {
  position: relative;
  top: 5px;
}
.btn_grade.white {
  background: url(https://image.educe.co.kr/educe/main/ico_note_white.svg) no-repeat center center / 14px;
}
.tab_menu.mt30 {
  margin-top: 30px;
}
.tend_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.tend_list li {
  margin-bottom: 32px;
  padding: 20px;
  border: 1px solid var(--black-10);
}
.tend_list li:nth-child(1),
.tend_list li:nth-child(2),
.tend_list li:nth-child(3) {
  width: 392px;
}
.tend_list li:nth-child(4),
.tend_list li:nth-child(5) {
  width: 604px;
}
.tend_list_tit {
  font-weight: 700;
}
.tend_list_desc {
  min-height: 63px;
  margin-top: 10px;
  font-size: 1.3rem;
  line-height: 150%; 
}
.chart_radar {
  margin-top: 20px;
}
.chart_radar img {
  display: block;
  margin: 0 auto;
}

/* 나의 합격가능 기업 */
.sub_tit_desc.mt20 {
  margin-top: 20px;
}
.accept_step {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.accept_step li {
  position: relative;
  width: 242px;
  height: 242px;
  padding-top: 50px;
  background-color: var(--bg-light-blue);
  border-radius: 50%;
  text-align: center;
}
.accept_step li:after {
  content: '';
  position: absolute;
  top: 101px;
  right: -58px;
  width: 32px;
  height: 32px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_blue.svg) no-repeat center center/cover;
}
.accept_step li:last-child:after {
  display: none;
}
.accept_num {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 44px;
  height: 44px;
  background-color: #486FF9;
  border: 3px solid var(--white);
  border-radius: 50%;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 600;  
}
.accept_step li img {
  width: 140px;
  box-shadow: 0px 20px 20px 0px rgba(48, 52, 154, 0.18);
}
.accept_desc {
  margin-top: 24px;
  font-size: 1.3rem;
  font-weight: 500;  
}
.my_spec_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 20px;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.my_spec_list>li {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-right: 1px solid var(--black-10);
  border-bottom: 1px solid var(--black-10);
  color: var(--black-80);
  font-size: 1.4rem;
}
.my_spec_list>li:nth-child(5n) {
  border-right: none;
}
.my_spec_list>li>div {
  position: relative;
  width: 50%;
  text-align: center;
  line-height: 120%;
  word-break: break-all;
}
.my_spec_list>li>div:after {
  content: '|';
  position: absolute;
  top: 0;
  right: 0;
  color: var(--black-20);
}
.my_spec_list>li>div:last-child:after {
  display: none;
}
.my_spec_list>li>div:nth-child(1) {
  font-weight: 600;
}
.my_spec_list>li>div:nth-child(2) {
  font-weight: 400;
}
.btn_row_center {
  margin-top: 60px;
  text-align: center;
}
.btn_row_center button {
  margin: 0 5px;
}
.tit_style {
  margin-top: 60px;
  font-size: 1.5rem;
  font-weight: 600;  
}
.tit_style span {
  color: var(--orange-prime-darken);
}
.tbl_matching {
  width: 100%;
  margin-top: 20px;
  border-bottom: 2px solid var(--black-80);
}
.tbl_matching thead th {
  height: 40px;
  background-color: var(--black-80);
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 600;  
  line-height: 40px;
}
.tbl_matching tbody th {
  padding: 12px 16px;
  background-color: var(--light-blue);
  font-size: 1.4rem;
  text-align: left;
  line-height: 120%;
}
.tbl_matching tbody td {
  padding: 12px 30px;
}
.bar_chart_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bar_chart {
  position: relative;
  width: 320px;
  height: 10px;
  background-color: var(--black-10);
}
.bar_chart_percent {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
}
.bar_chart_percent.red {
  background-color: var(--notice-alert);
}
.bar_chart_percent.blue {
  background-color: #81C3FF;
}
.bar_chart_num {
  font-size: 1.2rem;
  font-weight: 500;  
  text-align: right;
}
.modal_slide_bd .bullet_tit1:first-child {
  margin-top: 0;
}
.bullet_tit1.dflex::before {
  top: 4px;
}
.bullet_tit1 .btn_detail_view3 {
  margin-left: 10px;   
}
.bullet_tit1 .btn_detail_view3 span {
  color: var(--black-80);
}
.tit_update_wrap {
  position: relative;
  width: 100%;
}
.tit_update_wrap .update {
  position: absolute;
  top: 14px;
  right: 0;
  font-size: 1.2rem;
}
.update span:nth-child(1) {
  color: var(--black-40);
}
.update span:nth-child(2) {
  color: var(--black-60);
}

/* 취업진로 진단검사 */
.patent {
  margin-left: 10px;
  padding: 6px 8px;
  background-color: var(--light-gray);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.1rem;
}
.img_concept {
  margin-top: 60px;
}
.img_concept img {
  width: 100%;
}
.auland_precess {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.auland_precess li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 32px;
  border: 1.5px dotted #486FF9;
  border-radius: 50%;
}
.auland_precess li:last-child {
  width: 153px;
  border: none;
}
.auland_precess li:before {
  content: '';
  position: absolute;
  top: 50px;
  left: -50px;
  width: 32px;
  height: 32px;
  background: url(https://image.educe.co.kr/educe/main/ico_plus_black.png) no-repeat center center/cover;
}
.auland_precess li:first-child:before {
  display: none;
}
.auland_precess li:last-child:before {
  background-image: url(https://image.educe.co.kr/educe/main/ico_arr.png);
}
.auland_precess li p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background-color: #486FF9;
  border-radius: 50%;
  color: var(--white);
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  line-height: 120%; 
  letter-spacing: -0.9px;
}
.auland_precess li:last-child p {
  display: block;
  width: 153px;
  height: auto;
  background-color: var(--white);
  border-radius: 0;
  color: var(--black-80);
}
.auland_precess li:last-child p:nth-child(1) {
  margin-bottom: 4px;
  color: #486FF9;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 120%; 
  letter-spacing: -1.4px;  
}
.auland_btn_row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
}
.auland_btn_row>p {
  margin-right: 30px;
  color: var(--black-80);
  font-size: 2.8rem;
  line-height: 150%; 
  letter-spacing: -1.4px;  
}
.auland_btn_row>p b {
  font-weight: 600;
}
.auland_btn_row>button {
  margin: 0 10px;
}
.auland_char {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.auland_char li {
  width: 604px;
  margin-bottom: 32px;
  padding: 30px 20px;
  border: 1px solid var(--black-10);
  color: var(--black-80);
}
.auland_char li:nth-child(1) {
  background: url(https://image.educe.co.kr/educe/pages/img_auland1.jpg) no-repeat right center/286px;
}
.auland_char li:nth-child(2) {
  background: url(https://image.educe.co.kr/educe/pages/img_auland2.jpg) no-repeat right center/286px;
}
.auland_char li:nth-child(3) {
  background: url(https://image.educe.co.kr/educe/pages/img_auland3.jpg) no-repeat right center/286px;
}
.auland_char li:nth-child(4) {
  background: url(https://image.educe.co.kr/educe/pages/img_auland4.jpg) no-repeat right center/286px;
}
.auland_char_tit {
  font-size: 1.6rem;
  font-weight: 600;
}
.auland_char_desc {
  width: 278px;
  min-height: 168px;
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 150%;   
}
.auland_target {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.auland_target li {
  width: 286px;
  padding: 30px 20px;
  background-color: var(--bg-light-gray);
  border: 1px solid var(--black-10);  
  color: var(--black-80);
}
.auland_target_tit {
  font-size: 1.4rem;
  font-weight: 600;  
  text-align: center;
}
.auland_target_desc1 {
  min-height: 87px;
  margin-top: 30px;
  font-size: 2.4rem;
  text-align: center;
  line-height: 120%; 
  letter-spacing: -1.2px;  
}
.auland_target_desc1 span {
  font-weight: 600;
}
.auland_target_img img {
  width: 100%;
  margin-top: 30px;
}
.auland_target_desc2 {
  min-height: 208px;
  font-size: 1.4rem;
  line-height: 150%;  
  letter-spacing: -0.75px;
}

/* 직무적합도 검사 */
.spt_slide_wrap {
  position: relative;
  width: 100%;
  margin-top: 60px;
  background-color: #3A67CE;
}
.spt_slide1.swiper  {
  width: 910px;
  margin-left: 0;
}
.spt_slide1 .swiper-slide {
  display: flex;
  height: 400px;
  padding: 70px 80px;
  background-color: #3A67CE;
  color: var(--white);
}
.spt_desc {
  width: 337px;
}
.spt_desc1 {
  font-size: 4rem;
  font-weight: 300;
  line-height: 120%; 
  letter-spacing: -2px;  
}
.spt_desc2 {
  margin-top: 20px;
  color: #C0CDFF;
  font-size: 2rem;
  font-weight: 300;
  line-height: 120%; 
  letter-spacing: -1px;  
}
.spt_slide1 .swiper-slide:nth-child(1) .spt_img img {
  width: 465px;
}
.spt_slide1 .swiper-slide:nth-child(2) .spt_img img {
  position: relative;
  top: -15px;
  width: 440px;
}
.spt_slide1 .swiper-slide:nth-child(3) .spt_img img {
  width: 388px;
}
.spt_slide1 .swiper-slide:nth-child(4) .spt_img img {
  width: 388px;
}
.spt_slide1 .swiper-slide:nth-child(5) .spt_img img {
  position: relative;
  top: -25px;
  width: 440px;
}
.swiper-pagination-bullets.swiper-pagination-horizontal.spt_pagination {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 330px;
  height: 400px;
}
.spt_slide_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  width: 330px;
  height: 80px;
  margin: 0;
  padding-left: 20px;
  background: rgba(18, 61, 171, 0.30);
  border-radius: 0;
  color: rgba(255,255,255, 0.4);
  opacity: 1;
}
.spt_slide_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #123DAB;
  color: var(--white);
}
.pagi_desc {
  display: flex;
  align-items: center;
  height: 80px;
  font-size: 1.6rem;
}
.pagi_desc>p:nth-child(1) {
  margin-right: 14px;
  font-size: 2rem;
}
.spt_desc3_wrap {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.spt_desc3>p:nth-child(1) {
  color: var(--white);
  font-size: 1.2rem;
  font-weight: 600;  
}
.spt_desc3>p:nth-child(2) {
  margin-top: 8px;
  color: #FFF72C;
  font-size: 1.1rem;
  line-height: 120%; 
  letter-spacing: -0.55px;  
}
.spt_desc3_img img {
  width: 90px;
  margin-left: 10px;
}
.spt_process_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.spt_process_tit {
  margin-right: 14px;
  color: var(--black-80);
}
.spt_process_tit p:nth-child(1) {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 120%; 
}
.spt_process_tit p:nth-child(2) {
  margin-top: 5px;
  font-weight: 500;
  line-height: 120%; 
  letter-spacing:   -0.8px;  
}
.spt_process {
  display: flex;
  justify-content: center;
  align-items: center;
}
.spt_process li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;  
  width: 240px;
  height: 140px;
  margin: 0 26px;
  border-radius: 80px;
  border: 1.5px dotted #7593FF;  
  color: var(--white);
}
.spt_process li:after {
  content: '';
  position: absolute;
  top: 51px;
  right: -43px;
  width: 32px;
  height: 32px;
  background: url(https://image.educe.co.kr/educe/main/ico_arrow_right.svg) no-repeat center center/cover;
}
.spt_process li:last-child:after {
  display: none;
}
.spt_process_num {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background-color: #8EA7FF;
  border: 3px solid var(--white);
  border-radius: 50%;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 600;  
}
.spt_process li:last-child .spt_process_num {
  background-color: #486FF9;  
}
.spt_process li>p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 120px;
  border-radius: 70px;
  background-color: #7593FF;  
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 120%; 
}
.spt_process li>div {
  width: 220px;
  height: 120px;
  padding-top: 30px;
  background-color: #486FF9;  
  border-radius: 70px;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  line-height: 120%;   
}
.spt_desc4 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 13px;
}
.spt_process li .spt_desc4>p {
  line-height: 130%;
}
.spt_process li .spt_desc4>p:nth-child(2) {
  position: relative;
  margin-left: 24px;
}
.spt_process li .spt_desc4>p:nth-child(2):before {
  content: '';
  position: absolute;
  top: 4px;
  left: -12px;
  width: 1px;
  height: 29px;
  background-color: rgba(255, 255, 255, 0.40);
}
.spt_desc4 p span {
  font-size: 1.1rem;
  font-weight: 400;
}
.spt_desc5 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  color: var(--black-60);
  font-size: 1.2rem;
  text-align: center;
}
.bullet_tit1.mt70 {
  margin-top: 70px;
}
.tbl_style2 {
  table-layout: fixed;
  width: 100%;
  margin-top: 20px;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.tbl_style2 th {
  vertical-align: middle;
  height: 58px;
  background-color: var(--light-blue);
  border-bottom: 1px solid var(--black-80);
  border-right: 1px solid var(--black-10);
  font-size: 1.4rem;
  font-weight: 600;  
}
.tbl_style2 th:last-child {
  border-right: none;
}
.tbl_style2 td {
  vertical-align: middle;
  padding: 14px 0;
  font-size: 1.4rem;
  text-align: center;
}
.tbl_style2 td {
  border-left: 1px solid var(--black-10);
  border-bottom: 1px solid var(--black-10);
}
.tbl_style2 td.tal {
  padding: 14px 20px;
  text-align: left;
}
.tbl_style2 td:first-child {
  border-left: none;
}

/* 자기소개서 면접 */
/* 합격자 자기소개서 */
.report_slide_wrap {
  position: relative;
  width: 1240px;
  margin: 20px auto 0;
}
.swiper.report_slide {
  padding-bottom: 20px;
}
.report_slide .swiper-slide {
  position: relative;
  padding: 0 20px 20px;
  border: 1px solid var(--black-10);
}
.report_slide .swiper-slide:hover {
  border-color: var(--black-80);
  box-shadow: 0px 10px 10px 0px rgba(48, 52, 154, 0.06);
}

/* 자기소개서 report_tag style */
.report_tag_wrap {
  position: absolute;
  top: 10px;
  right: 20px;
}
.report_tag {
  display: inline-block;
  width: 33px;
  height: 20px;
  border-radius: 8px 0px;
  color: var(--white);
  font-size: 1.2rem;
  text-align: center;
  line-height: 20px;
}
.report_tag_new {
  background-color: #24C997;
}
.report_tag_career {
  background-color: #787EFF;
}
.report_tag_intern {
  background-color: #F7C43F;
}
.report_logo_box {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  padding: 10px 5px;
}
.report_logo_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.report_com_nm {
  overflow: hidden;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.report_info {
  display: flex;
  margin-top: 30px;
  padding: 13px 0;
  border-top: 1px solid var(--black-10);
  border-bottom: 1px solid var(--black-10);
  text-align: center;
}
.report_info>div:nth-child(1) {
  width: 164px;
}
.report_info>div:nth-child(2) {
  position: relative;
  width: 88px;
  border-left: 1px solid var(--black-10);
}
.report_info_tit {
  color: var(--black-40);
  font-size: 1.3rem;
}
.report_info_desc {
  margin-top: 6px;
  padding: 0 5px;
  color: var(--black-80);
  font-size: 1.3rem;
  line-height: 120%;
}
.rec_list {
  margin-top: 16px;
}
.rec_list li {
  margin-top: 8px;
  padding: 7px 10px 7px 40px;
  background: var(--light-blue) url(https://image.educe.co.kr/educe/main/ico_thumb.png) no-repeat 10px 7px/20px;
  border-radius: 4px;
  color: var(--black-80);
  font-size: 1.3rem;
  line-height: 150%
}
.rec_list li:first-child {
  margin-top: 0;
}
.report_slide_wrap .swiper-button-next,
.report_slide_wrap .swiper-button-prev {
  width: 32px;
  height: 32px;
  background-color: var(--white);
  border: 1px solid var(--black-20);
  border-radius: 50%;
  -wekbit-transition: all 0.2s;
  transition: all 0.2s;
}
.report_slide_wrap .swiper-button-next {
  right: -15px;
}
.report_slide_wrap .swiper-button-prev {
  left: -15px;
}
.report_slide_wrap .swiper-button-next:after, 
.report_slide_wrap .swiper-button-prev:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--black-80);
  border-top: 2px solid var(--black-80);
  -wekbit-transition: all 0.2s;
  transition: all 0.2s;
}
.report_slide_wrap .swiper-button-next:after {
  top: 10px;
  left: 9px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.report_slide_wrap .swiper-button-prev:after {
  top: 11px;
  left: 13px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.report_slide_wrap .swiper-button-next:hover,
.report_slide_wrap .swiper-button-prev:hover {
  background-color: var(--black-80);
  border-color: var(--black-80);
}
.report_slide_wrap .swiper-button-next:hover:after,
.report_slide_wrap .swiper-button-prev:hover:after {
  border-color: var(--white);
}
.report_slide_wrap .swiper-button-next:hover:after {
  left: 12px;
}
.report_slide_wrap .swiper-button-prev:hover:after {
  left: 10px;
}
.report_slide_wrap .swiper-button-prev.swiper-button-disabled,
.report_slide_wrap .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.com_list_wrap {
  display: flex;
  margin-top: 40px;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.com_tab_wrap {
  width: 310px;
  height: 204px;
  border-right: 1px solid var(--black-80);
}
.com_tab_menu {
  display: flex;
}
.com_tab_menu li {
  width: 50%;
  height: 34px;
  padding-top: 10px;
  border-bottom: 1px solid var(--black-100);
  font-size: 1.4rem;
  text-align: center;
  cursor: pointer;
}
.com_tab_menu li.selected {
  background-color: var(--black-80);
  color: var(--white);
}
.com_list {
  height: 170px;
  overflow-y: auto;
}
.com_list li {
  display: flex;
  align-items: center;
  height: 34px;
  padding-left: 24px;
  border-bottom: 1px solid var(--light-gray);
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;
}
.com_tab_cont2 {
  display: none;
}
.com_list li.active {
  background-color: var(--bg-light-blue);
  font-weight: 600;
}
.com_list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--black-80);
}
.com_list2 {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  width: 930px;
  height: 204px;
  overflow-y: auto;
}
.com_list2 li {
  display: flex;
  align-items: center;
  height: 34px;
  width: 307px;
  padding-left: 24px;
  border-right: 1px solid var(--black-10);
  border-bottom: 1px solid var(--light-gray);
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;
}
.com_list2 li.active {
  background-color: var(--bg-light-blue);
  font-weight: 600;
}
.com_list2 li:nth-child(3n) {
  border-right: none;
}
.com_list2 li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--black-80);
}
.com_list2 li.active .part_num {
  font-weight: 400;
}
.company_list2_step2 {
  width: 930px;
}
.com_search_box {
  padding: 20px;
  background-color: #C3D1FF;
  border-bottom: 2px solid var(--black-80);
}
.com_search_row {
  position: relative;
  width: 440px;
  height: 64px;
  margin: 0 auto;
}
.com_search_row:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/main/ico_search.png) no-repeat left top / cover;
}
.form_com_input {
  width: 440px;
  height: 64px;
  padding: 0 74px 0 54px;
  background-color: var(--white);
  border: none;
  border-radius: 32px;
  font-size: 1.6rem;
}
.com_search_row .btn_search_go {
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
}
.btn_search_delete2 {
  display: none;
  position: absolute;
  top: 20px;
  right: 50px;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/main/ico_delete2.png) no-repeat left top/cover;  
}
.popular_wrap {
  display: flex;
  margin-top: 20px;
}
.popular_tit {
  width: 80px;
  padding-top: 10px;
  font-size: 1.4rem;
  font-weight: 600;  
}
.popular_list {
  display: flex;
  flex-wrap: wrap;
  width: 1096px;
  height: 36px;
  overflow: hidden;
}
.popular_wrap.open .popular_list {
  height: auto;
}
.popular_list li {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 20px;
  background-color: var(--light-gray);
  border: 1px solid var(--light-gray);
  border-radius: 17px;
  color: var(--black-60);
  font-size: 1.3rem; 
  cursor: pointer;
}
.popular_list li:hover {
  font-weight: 600;
}
.popular_list li.selected {
  background-color: var(--white);
  border: 1px solid var(--black-80);
}
.btn_open_wrap {
  width: 64px;
}
.btn_open {
  width: 32px;
  height: 32px;
  margin-left: 30px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_open.png) no-repeat center center/cover;
}
.popular_wrap.open .btn_open {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bullet_tit_select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
}
.bullet_tit_select .bullet_tit1 {
  margin-top: 0;
}
.report_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.report_list li {
  position: relative;
  width: 292px;
  margin-right: 24px;
  margin-bottom: 24px;
  padding: 0 20px 20px;
  border: 1px solid var(--black-10);
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.report_list li:nth-child(4n) {
  margin-right: 0;
}
.report_list li:hover {
  border-color: var(--black-80);
  box-shadow: 0px 20px 20px 0px rgba(48, 52, 154, 0.08);
}
.report_list_nm {
  width: 100%;
  overflow: hidden;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.report_list_part {
  width: 100%;
  margin-top: 16px;
  overflow: hidden;
  color: var(--black-60);
  font-size: 1.3rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;  
}
.ico_more {
  width: 32px;
  height: 32px;
  margin: 30px auto 0;
  border: 1px solid var(--black-10);
  border-radius: 50%;
  background: url(https://image.educe.co.kr/educe/main/ico_plus_black.png) no-repeat center center/20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.report_list li:hover .ico_more {
  background: var(--black-60) url(https://image.educe.co.kr/educe/main/ico_plus_white2.png) no-repeat center center/22px;
  border-color: var(--black-60);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.video_sticky_wrap {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 190px;
  z-index: 100;
}
.video_tit {
  padding: 20px 18px;
  color: var(--white);
  background-color: var(--black-80);
  border-radius: 20px 0px 0px 0px;
  text-align: center;
}
.video_tit>p:nth-child(1) {
  font-weight: 600;
  letter-spacing: -0.8px;
}
.video_tit>p:nth-child(2) {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 120%;  
}
.video_tit>span {
  display: inline-block;
  margin-top: 20px;
  padding: 5px 10px;
  background-color: var(--white);
  border-radius: 12px;
  color: var(--black-100);
  font-size: 1.1rem;
}
.video_tit>span b {
  font-weight: 600;
}
.video_img {
  border-radius: 0 0 20px 0;
  overflow: hidden;
}
.video_img img {
  width: 100%;
  cursor: pointer;
}

/* 합격자 자기소개서 지원분야별 */
.part_list_wrap2 {
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
.part_list {
  width: 307px;
  border-right: 1px solid var(--black-60);
}
.part_list li {
  display: flex;
  align-items: center;
  height: 34px;
  width: 100%;
  padding-left: 24px;
  border-bottom: 1px solid var(--light-gray);
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;
}
.part_list li.active {
  background-color: var(--bg-light-blue);
  font-weight: 600;
}
.part_list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--black-80);
}

/* 합격자 자기소개서 내용검색 */
.report_search_box {
  margin-top: 40px;
  padding: 60px 0;
  background-color: #C3D1FF;
  border-bottom: 2px solid var(--black-80);  
  border-top: 2px solid var(--black-80);
  text-align: center;
}
.report_search_desc {
  color: var(--black-80);
  line-height: 150%;
}
.report_search_desc2 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 1.4rem;
  line-height: 150%;  
}

/* 자기소개서 가이드북 */
.report_info_desc2 {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 30px;
  color: var(--black-60);  
  font-size: 1.3rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
}
.com_list_wrap.mt80 {
  margin-top: 80px;
}
.guide_list {
  margin-top: 20px;
  border-top: 2px solid var(--black-80);
}
.guide_list li {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--black-10);
}
.guide_list_logo {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.guide_list_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.guide_list_cont {
  width: 1124px;
  padding-top: 30px;
}
.guide_list_tit {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.9px;
}
.guide_list_tit span {
  position: relative;
  margin-left: 20px;
  color: var(--black-60);
  font-size: 13px;
  font-weight: 400;
}
.guide_list_tit span:before {
  content: '|';
  position: absolute;
  top: 0;
  left: -10px;
}
.guide_list_desc {
  min-height: 72px;
  margin-top: 30px;
  color: var(--black-80);
  font-weight: 400;
  line-height: 150%; 
  letter-spacing: -0.8px;  
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;  
}
.guide_list_desc b {
  font-weight: 600;
}
.guide_view {
  position: absolute;
  top: 20px;
  right: 0;
}

/* 면접가이드북 */
.report_info_desc3 {
  margin-top: 40px;
  color: var(--black-80);
  font-size: 1.3rem;
  font-weight: 500;  
  text-align: center;
}
.report_info_desc3 span {
  position: relative;
  padding-left: 20px;
}
.report_info_desc3 span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_bookmark.png) no-repeat center center/cover;
}
.intw_list {
  min-height: 74px;
}
.intw_list li {
  margin-top: 7px;
  padding: 7px 10px;
  background-color: var(--light-gray);
  border-radius: 4px;
  color: var(--black-80);
  font-size: 1.3rem;
  line-height: 150%
}
.intw_list li b {
  margin-right: 10px;
  font-weight: 600;
}
.intw_list li:first-child {
  margin-top: 10px;
}
.intw_guide .guide_list_desc {
  min-height: 48px;
  -webkit-line-clamp: 2;  
}
.guide_list_desc3 {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.guide_list_desc3>p {
  position: relative;
  margin-right: 40px;
  font-size: 1.4rem;
  font-weight: 600;  
}
.guide_list_desc3>p:after {
  content: '|';
  position: absolute;
  top: 0;
  right: -20px;
  color: var(--black-20);
}
.guide_list_desc3>span {
  margin-right: 20px;
  color: var(--black-80);
  font-size: 1.3rem;
}
.guide_list_desc3>span b {
  font-weight: 600; 
}

/* 직무적성 · NCS */
/* 직무적성검사 */
.job_com_list>li {
  padding-bottom: 15px;
}
/* 버튼 1개일 경우 */
.btn_list.one {
  margin-top: 30px;
}
.btn_list.one li .btn_detail_info {
  width: 100%;
  height: 72px;
  margin-left: 0;
}
/* 버튼 2개일 경우 */
.btn_list.two {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.btn_list.two li .btn_detail_info {
  width: 122px;
  height: 72px;
  margin-left: 0;
}
/* 버튼 3개일 경우 */
.job_com_list .btn_list.three {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.job_com_list .btn_list.three li {
  margin: 0;
}
.job_com_list .btn_list.three li .btn_detail_info {
  margin-left: 0;
}
.job_com_list .btn_list.three li:nth-child(1) .btn_detail_info,
.job_com_list .btn_list.three li:nth-child(2) .btn_detail_info {
  width: 122px;
  margin-bottom: 6px;
}
.job_com_list .btn_list.three li:nth-child(3) .btn_detail_info {
  width: 250px;
}
/* 버튼 4개일 경우 */
.btn_list.four {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.btn_list.four li {
  margin-bottom: 6px;
}
.btn_list.four li .btn_detail_info {
  width: 122px;
  margin-left: 0;
}

/* 시험문제출게 Riings */
.riings_img {
  margin-top: 60px;
}
.riings_img img {
  width: 100%;
}
.riings_btn_row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 60px;
}
.riings_btn_row p {
  margin-right: 30px;
  font-size: 2.8rem;
  line-height: 150%; 
  letter-spacing: -1.4px;
}
.sub_desc {
  margin-top: 20px;
  color: var(--black-80);
}
.eBook_tab_menu {
  display: flex;
  margin-top: 30px;
}
.eBook_tab_menu li {
  width: 25%;
  padding: 16px 0;
  background-color: var(--bg-light-gray);
  border-top: 1px solid var(--black-10);
  border-bottom: 1px solid var(--black-10);
  border-right: 1px solid var(--black-10);  
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}
.eBook_tab_menu li:first-child {
  border-left: 1px solid var(--black-10);
}
.eBook_tab_menu li:hover {
  background-color: var(--black-80);
  border-color: var(--black-80);
  color: var(--white);
}
.eBook_tab_menu li.selected {
  background-color: var(--black-80);
  border-color: var(--black-80);
  color: var(--white);
}
.eBook_tab_cont {
  margin-top: 60px;
}
.eBook_tab_cont2,
.eBook_tab_cont3,
.eBook_tab_cont4 {
  display: none;
}
.eBook_slide_wrap {
  position: relative;
}
.eBook_slide .swiper-slide {
  padding-bottom: 30px;
  padding-top: 30px;
}
.eBook_slide .swiper-slide img {
  width: 100%;
  box-shadow: 0px 10px 20px 0px rgba(48, 52, 154, 0.06);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.eBook_slide .swiper-slide:hover img {
  box-shadow: 0px 10px 20px 0px rgba(48, 52, 154, 0.2);
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.eBook_slide_wrap .ebook-next,
.eBook_slide_wrap .ebook-prev {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  background-color: var(--white);
  border: 1px solid var(--black-20);
  border-radius: 50%;
  z-index: 100;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -wekbit-transition: all 0.2s;
  transition: all 0.2s;
}
.eBook_slide_wrap .ebook-next {
  right: -15px;
}
.eBook_slide_wrap .ebook-prev {
  left: -15px;
}
.eBook_slide_wrap .ebook-next:after, 
.eBook_slide_wrap .ebook-prev:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--black-80);
  border-top: 2px solid var(--black-80);
  -wekbit-transition: all 0.2s;
  transition: all 0.2s;
}
.eBook_slide_wrap .ebook-next:after {
  top: 10px;
  left: 9px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.eBook_slide_wrap .ebook-prev:after {
  top: 11px;
  left: 13px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.eBook_slide_wrap .ebook-next:hover,
.eBook_slide_wrap .ebook-prev:hover {
  background-color: var(--black-80);
  border-color: var(--black-80);
}
.eBook_slide_wrap .ebook-next:hover:after,
.eBook_slide_wrap .ebook-prev:hover:after {
  border-color: var(--white);
}
.eBook_slide_wrap .ebook-next:hover:after {
  left: 12px;
}
.eBook_slide_wrap .ebook-prev:hover:after {
  left: 10px;
}
.eBook_slide_wrap .ebook-prev.swiper-button-disabled,
.eBook_slide_wrap .ebook-next.swiper-button-disabled {
  opacity: 0;
}

/* AI 서비스 */
.depth3_menu.depth3_ai li {
  width: 178px;
}
.ai_img {
  margin-top: 60px;
}
.ai_img img {
  width: 100%;
}
.ari_img {
  margin-top: 40px;
}
.ari_img img {
  width: 100%;
}
.ari_list {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.ari_list li {
  width: 386px;
}
.ari_list li img {
  width: 100%;
}
.ari_desc_box {
  padding: 40px 20px;
  border: 1px solid var(--black-10);
  border-top: none;
  text-align: center;
}
.ari_desc_box>p:nth-child(1) {
  font-size: 1.8rem;
  font-weight: 600;  
}
.ari_desc_box>p:nth-child(2) {
    margin-top: 20px;
    padding: 0 15px;
    color: var(--black-60);
    font-size: 1.4rem;
    line-height: 150%;
    word-break: keep-all;
}
.btn_row_triple {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.btn_row_triple button {
  margin: 0 5px;
}
.ari_img2 {
  margin-top: 80px;
  padding: 40px 50px;
  background: #7050F8 url(https://image.educe.co.kr/educe/pages/img_ari5.png) no-repeat right center/auto 100%;
  color: var(--white);
}
.inear_logo {
  font-size: 6rem;
  font-weight: 600;
  letter-spacing: -3px;  
}
.inear_desc {
  margin-top: 10px;
  color: var(--black-10);
  font-size: 1.2rem;
  font-weight: 400;
}
.inear_desc2 {
  margin-top: 30px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -1px;  
}
.inear_desc2 b {
  font-weight: 600;
}
.inear_btn_row {
  margin-top: 60px;
}
.inear_btn_row .btn_white_icon.inEAR {
  height: 40px;
  border: none;
}
.egpt_sticky_wrap {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 190px;
  padding: 20px;
  background: #000515 url(https://image.educe.co.kr/educe/pages/bg_egpt.png) no-repeat center center/cover;
  border-radius: 20px 0 20px 0;
  color: var(--white);
  text-align: center;
  z-index: 100;
}
.egpt_sticky_wrap a {
  color: var(--white);
}
.egpt_sticky_tit {
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: -1.2px;
}
.egpt_sticky_desc {
  margin-top: 20px;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 120%; 
}
.btn_egpt_row {
  margin-top: 5px;
}
.btn_egpt_more {
  padding: 5px 20px;
  color: var(--white);
  font-size: 1.3rem;
}
.egpt_use {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding: 5px 10px;
  background-color: var(--white);
  border-radius: 30px;
  color: var(--black-100);  
  font-size: 1.1rem;
}
.egpt_use .use_num {
  margin-left: 4px;
  color: var(--notice-em);
  font-size: 2rem;
  font-weight: 600;
}

/* 자기소개서 작성 */
.bullet_tit3_row {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.bullet_tit3 {
  position: relative;
  padding-left: 34px;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -1.2px;  
}
.bullet_tit3:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/pages/bullet3.png) no-repeat center center/cover;
}
.bullet_tit3_desc {
  margin-top: 10px;
  padding-left: 34px;
  color: var(--black-80);
  line-height: 150%; 
  letter-spacing: -0.8px;
}
.ari_input_wrap {
  display: flex;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 2px solid var(--black-80); 
}
.ari_input_result {
  width: 286px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 220%; 
  letter-spacing: -0.9px;  
}
.ari_input_fixed {
  position: sticky;
  top: 159px;
}
.ari_input_tit {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -30px;
  width: 60px;
  height: 60px;
  background: url(https://image.educe.co.kr/educe/pages/bg_polygon.png) no-repeat left top/cover;
  color: var(--white);
  font-size: 1.2rem;
  font-weight: 400;
}
.ari_result_txt {
  position: relative;
  top: -20px;
}
.txt_area {
  color: var(--black-30);
}
.underline {
  text-decoration: underline;
}
.txt_area.underline.active {
  color: var(--orange-prime-darken);
  text-decoration: none;
}
.txt_area.active {
  color: var(--black-80);
}
.ari_input_sec {
  width: 954px;
  padding-left: 40px;
  border-left: 1px solid var(--black-10);
}
.ari_input_row {
  margin-top: 30px;
}
.ari_input_row:first-child {
  margin-top: 0;
}
.ari_tit_row {
  display: flex;
  align-items: center;
}
.ari_tit {
  font-size: 1.8rem;
  font-weight: 600;
}
.ari_tit_desc {
  margin-left: 20px;
  color: var(--black-60);
  font-size: 1.3rem;
} 
.ari_tit_desc span {
  color: var(--notice-alert);
}
.ari_input {
  margin-top: 20px;
}
.ari_select_row {
  display: flex;
  justify-content: space-between;
}
.ari_select_row .form_select_row {
  width: 213px;
}
.choice_input_box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: var(--white);
  border: 1.5px dotted var(--black-20);
}
.choice_input_box:hover {
  background-color: var(--bg-light-gray);
}
.choice_input_box:hover .btn_transp span:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.choice_result_wrap {
  display: none;
}
.choice_result {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.choice_result li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px 10px;
  padding-left: 12px;
  background: var(--white);
  border: 1px solid var(--orange-prime);
  border-radius: 2px;
  color: var(--orange-prime);
  font-size: 1.3rem;
  font-weight: 500;  
}
.choice_result li:hover {
  background-color: #FFF7F2;
}
.btn_delete {
  position: relative;
  width: 34px;
  height: 34px;
  margin-left: 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_delete:before, 
.btn_delete:after {
  content: ' ';
  position: absolute;
  top: 9px;
  left: 15px;
  height: 14px;
  width: 1px;
  background-color: var(--orange-prime);
}
.btn_delete:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn_delete:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.btn_delete:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* 자기소개서 작성2 */
.ari_btns button:nth-child(2) {
  margin-left: 10px;
}
.ari_tab_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
}
.ari_tab {
	display: block;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -1px;
    width:100%;    text-align: center;
}
.ari_tab li {
    position: relative;
    margin: 10px 35px 10px 0px;
    padding-left: 20px;
    color: var(--black-30);
    cursor: pointer;
    display: inline-block;
}
.ari_tab li:last-child {
  margin-right: 0;
}
.ari_tab li.selected {
  color: var(--black-100);
}
.ari_tab li:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 4px;
  height: 10px;
  border-right: 2px solid var(--black-30);
  border-bottom: 2px solid var(--black-30);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.ari_tab li.selected:before {
  border-color: var(--black-100);
}
.ari_tab li:after {
  content: '';
  position: absolute;
  right: -20px;
  top: 2px;
  width: 1px;
  height: 15px;
  background-color: var(--black-20);
}
.ari_tab li:last-child:after {
  display: none;
}
.ari_ai_wrap {
  display: flex;
  margin-top: 8px;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.ari_radio_wrap {
  width: 200px;
  border-right: 1px solid var(--black-80);
}
.radio_row.radio_row_ari {
  margin-top: 20px;
}
.ari_label_wrap {
  width: 180px;
  padding: 20px 0 0 16px;
  border-radius: 8px;
}
.ari_label_wrap.selected {
  background-color: var(--light-blue);
}
.radio_row_ari .radio_label {
  font-size: 1.6rem;
  font-weight: 600;
}
.radio_ari_txts {
  margin-top: 20px;
}
.radio_row_ari .radio_ari_txt {
  position: relative;
  margin-top: 12px;
  padding-left: 4px;
  color: var(--black-80);
  font-size: 1.4rem;
  font-weight: 400;
}
.radio_ari_txt:before {
  content: '';
  position: absolute;
  left: -8px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-color: var(--black-80);
  border-radius: 50%;
}
.ai_list_wrap {
  position: relative;
  height: 600px;
}
.ai_list {
  display: flex;
  width: 1040px;
}
.ai_list>li {
  position: relative;
  width: 260px;
  height: 600px;
  border-right: 1px solid var(--black-10);
}
.ai_list_cont {
  position: relative;
  width: 100%;
  height: 600px;
  overflow-y: auto;
  padding: 110px 0 20px;
}
.ai_list_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 34px 20px 20px;
  background-color: var(--white);
  z-index: 10;
}
.ai_tit_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ai_tit {
  font-weight: 600;
}
.btn_summary {
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/main/ico_folder.png) no-repeat center center/cover;
}
.ai_search_row {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  padding: 10px;
  background-color: var(--bg-light-gray);
}
.sorting_tab {
  display: flex;
  margin-top: 3px;
}
.sorting_tab li {
  position: relative;
  margin-left: 9px;
  color: var(--black-40);
  font-size: 1.2rem;
}
.sorting_tab li:before {
  content: '|';
  position: absolute;
  top: 0;
  left: -5px;
  color: var(--black-10);
}
.sorting_tab li:first-child:before {
  display: none;
}
.sorting_tab li:first-child {
  margin-left: 0;
}
.sorting_tab li.selected {
  color: var(--black-100);
}
.ai_search {
  display: flex;
  align-content: flex-start;
  width: 122px;
}
.ico_search {
  position: relative;
  top: 2px;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background: url(https://image.educe.co.kr/educe/main/ico_search.png) no-repeat center center/cover;
}
.btn_ai_search {
  width: 104px;
  height: 18px;
  font-size: 1.2rem;
  font-weight: 400;  
  text-align: left;
}
.ai_search_txt {
  display: none;
  width: 104px;
  height: 18px;
  color: var(--notice-em);
  font-size: 1.2rem;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
}
.exam_list {
  margin-top: 20px;
}
.exam_list li {
  padding: 16px 20px;
  color: var(--black-80);
  cursor: pointer;
}
.exam_list li:hover {
  background-color: var(--bg-light-gray);
}
.exam_tit {
  font-size: 1.3rem;
  font-weight: 700;  
}
.exam_list li:hover .exam_tit {
  color: var(--notice-em);
}
.exam_desc {
  margin-top: 8px;
  font-size: 1.3rem;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}  
.bg_black {
  background-color: var(--black-80);
  color: var(--white);
}
.bg_blue {
  background-color: var(--notice-em);
  color: var(--white);
}
.pop_wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.25);
  z-index: 50;
}
.pop_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  padding: 20px;
  background-color: var(--white);
}
.pop_hd {
  position: relative;
}
.pop_tit {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.9px;
}
.btn_close_pop {
  display: inline-block;
  position: absolute;
  top: -5px;
  right: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.btn_close_pop:before, 
.btn_close_pop:after {
  content: ' ';
  position: absolute;
  top: 2px;
  left: 9px;
  height: 14px;
  width: 1px;
  background-color: var(--black-80);
}
.btn_close_pop:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn_close_pop:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pop_desc1 {
  margin-top: 20px;
  color: var(--black-60);
  font-size: 1.4rem;
  text-align: center;
}
.pop_desc_box {
  max-height: 160px;
  overflow-y: auto;
  margin-top: 20px;
  color: var(--black-80);
  font-size: 1.3rem;
  line-height: 150%;  
}
.desc_bg {
  background-color: var(--orange-prime-darken);
  color: var(--white);
}
.pop_tit2 {
  color: var(--black-80);
  font-size: 1.2rem; 
  font-weight: 700; 
  text-align: center;
}
.pop_tit3 {
  color: var(--black-80);
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1.5px;
}
.toggle_wrap {
  display: flex;
  margin-top: 20px;
}
.form_toggle {
  display: inline-block;
  position: relative;
}
.form_toggle input {
  display: none;
}
.form_toggle span {
  display: block;
  position: absolute;
  top: -2px;
  left: 70px;
  width: 26px;
  height: 16px;
  padding: 3px;
  border-radius: 15px;
  border: 1px solid var(--black-20);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form_toggle span::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 11.5px;
  height: 11.5px;
  border-radius: 12px;
  background: var(--black-20);
  transition: 0.3s;
}
.form_toggle input:checked ~ span::after {
  transform: translateX(9.5px);
  background: var(--notice-em);
}
.checked_txt,
.non_checked_txt {
  color: var(--black-60);
  font-size: 1.3rem;
  font-weight: 500;  
}
.checked_txt {
  display: none;
}
.form_toggle input:checked ~ .non_checked_txt {
  display: none;
}
.form_toggle input:checked ~ .checked_txt {
  display: block;
}
.pop_desc_box2 {
  max-height: 310px;
  overflow-y: auto;
  margin-top: 20px;
  color: var(--black-80);
  font-size: 1.3rem;
  line-height: 150%;  
}
.ari_deco_wrap {
  display: flex;
  margin-top: 40px;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.ari_deco_left {
  width: 200px;
  height: 540px;
  padding: 20px;
  background-color: var(--notice-em);
  color: var(--white);
}
.ari_deco_tit {
  height: 32px;
  padding-left: 42px;
  background: url(https://image.educe.co.kr/educe/main/ico_ai2.png) no-repeat left top/32px;
  font-weight: 600;
  line-height: 32px;
}
.ari_deco_desc {
  margin-top: 10px;
  color: var(--bg-light-gray);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 150%;  
}
.ari_deco_desc span {
  color: #FFE500;
}
.air_deco_list {
  margin-top: 20px;
}
.air_deco_list li {
  margin-bottom: 4px;
}
.air_deco_list li:last-child {
  margin-bottom: 0;
}
.btn_deco {
  width: 100%;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.50);
  border-radius: 2px;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 500;
}
.btn_deco:hover {
  background-color: var(--white);
  color: var(--notice-em);
}
.ari_deco_desc2 {
  margin-top: 15px;
  padding-top: 28px;
  background: url(https://image.educe.co.kr/educe/main/ico_notice_yellow.png) no-repeat center top/24px;
  color: #FFE500;
  font-size: 1.3rem;
  line-height: 150%;  
  text-align: center;
}
.ari_deco_right {
  width: 1040px;
  height: 532px;
  padding: 20px 0 20px 20px;
}
.tit_letter_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.deco_tit {
  font-weight: 600;
}
.letter_num {
  color: var(--black-60);
  font-size: 1.2rem;
}
.letter_num .num {
  color: var(--orange-prime-darken);
}
.deco_desc_box {
  width: 100%;
  height: 474px;
  overflow-y: auto;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid var(--black-10);
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%;  
}

/* AI자동완성 */
.auto_input_sec {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 2px solid var(--black-80);
}
.auto_input_sec .ari_select_row .form_select_row {
  width: 295px;
}

/* AI코칭 */
.coaching_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 2px solid var(--black-80);
}
.coaching_input {
  width: 914px;
}
.coaching_AI {
  width: 286px;
}
.coaching_txt_box {
  width: 100%;
  height: calc(100% - 35px);
  min-height: 224px;
  overflow-y: auto;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%;  
  resize: none;
}
.coaching_txt_box::placeholder {
  color: var(--black-30);
}
.coaching_AI_tit {
  font-size: 1.8rem;
  font-weight: 600;  
  text-align: center;
}
.coaching_list {
  margin-top: 20px;
  border-top: 1px solid var(--black-10);
}
.coaching_list li {
  padding: 0 16px;
  border-bottom: 1px solid var(--black-10);
}
.coaching_list li.open {
  background-color: var(--bg-light-gray);
  border-bottom: 1px solid var(--black-80);
}
.coaching_list_tit {
  position: relative;
  padding: 20px 0;
  color: var(--black-80);
  font-size: 1.5rem;
  font-weight: 600;  
  cursor: pointer;
}
.coaching_list_tit:after {
  content: '';
  position: absolute;
  top: 18px;
  right: 7px;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid var(--black-80);
  border-bottom: 1.5px solid var(--black-80);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;  
}
.coaching_list li.open .coaching_list_tit:after {
  top: 23px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);  
}
.coaching_sec {
  display: none;
  padding-bottom: 30px;
}
.coaching_list_desc {
  color: var(--black-60);
  font-size: 1.3rem;
  line-height: 150%;
}
.btn_coaching_row {
  margin-top: 20px;
}

/* AI 평가 */
.ari_eval_wrap {
  margin-top: 40px;
  padding: 30px 0;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.eval_tit_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.eval_tit_wrap {
  display: flex;
  align-items: center;
}
.eval_part {
  position: relative;
  margin-left: 20px;
  color: var(--black-30);
  font-size: 1.3rem;
}
.eval_part:before {
  content: '|';
  position: absolute;
  top: 0;
  left: -10px;
  color: var(--black-20);
}
.eval_part span {
  margin-left: 8px;
  color: var(--black-80);
}
.sec_tit_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.sec_tit_wrap {
  display: flex;
  align-items: center;
  height: 44px;
}
.eval_sec_tit {
  font-weight: 600;
}
.eval_desc_box {
  width: 100%;
  min-height: 150px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--black-10);
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%;
  resize: vertical;
  vertical-align: top;
}
.eval_desc_box::placeholder {
  color: var(--black-30);
  font-size: 1.4ewm;
}
.tit_change {
  margin-left: 10px;
}
.eval_input_tit {
  display: none;
}
.form_eval_input {
  width: 1100px;
}
.btn_after_wrap {
  display: none;
}
.btn_after_mody {
  display: flex;
  align-items: center;
}
.btn_modify_cancel {
  margin-left: 10px;
}
.eval_result_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px;
  background-color: var(--light-gray);
  border: 1px solid var(--black-10);
  border-top: none;
  color: var(--black-60);
  font-size: 1.2rem;
}
.eval_result_info {
  display: flex;
  align-items: center;
}
.eval_etc {
  position: relative;
  margin-left: 40px;
}
.eval_etc:before {
  content: '|';
  position: absolute;
  top: 0;
  left: -20px;
  color: var(--black-20);
}
.eval_result_btn button {
  margin-left: 8px;
}
.add_item {
  margin-top: 30px;
  text-align: center;
}
.btn_transp.btn_add_item:hover span:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);  
}

/* 표절 검사 */
.check_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 2px solid var(--black-80);
}
.check_input {
  width: 886px;
}
.check_input_tit {
  font-size: 1.8rem;
  font-weight: 600;
}
.check_txt_box {
  width: 100%;
  height: 362px;
  min-height: 224px;
  overflow-y: auto;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%;  
  resize: none;
}
.check_result {
  position: relative;
  width: 286px;
}
.check_result:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -50px;
  width: 20px;
  height: 20px;
  border-top: 3px solid var(--black-20);
  border-right: 3px solid var(--black-20);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.check_result_tit {
  font-size: 1.8rem;
  font-weight: 600;  
}
.check_result_box {
  margin-top: 20px;
  border: 1px solid var(--black-10);
}
.check_result_top {
  height: 148px;
}
.check_before {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 148px;
  background-color: var(--bg-light-gray);
  color: var(--black-60);
  font-size: 1.4rem;
}
.check_before p {
  padding-top: 36px;
  background: url(https://image.educe.co.kr/educe/main/ico_notice_gray.png) no-repeat center top/24px;
}
.check_after_wrap {
  display: none;
}
.check_after {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 148px;
  color: var(--white);
  text-align: center;
}
/* 표절검사 결과 단계별 색상 */
.very_safe {
  background-color: #486FF9;
}
.safe {
  background-color: #61C24F;
}
.low_risk {
  background-color: #FFBD0D;
}
.risk {
  background-color: #F77602;
}
.high_risk {
  background-color: #FF2C2C;
}
.check_result_desc1 {
  font-size: 1.8rem;
  font-weight: 600;  
}
.check_result_desc2 {
  margin-top: 12px;
  font-size: 1.4rem;
}
.check_result_bott {
  height: 214px;
  padding: 30px 20px 20px;
}
.check_step_tit {
  font-size: 1.4rem;
  font-weight: 600;
}
.check_step {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.check_step li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 1px;
  border-radius: 50%;
  color: var(--white);
  font-size: 1.1rem;
}
.check_step li:nth-child(1) {
  background-color: #486FF9;
}
.check_step li:nth-child(2) {
  background-color: #61C24F;
}
.check_step li:nth-child(3) {
  background-color: #FFBD0D;
}
.check_step li:nth-child(4) {
  background-color: #F77602;
}
.check_step li:nth-child(5) {
  background-color: #FF2C2C;
}
.check_step_desc {
  margin-top: 20px;
  color: var(--black-60);
  font-size: 1.2rem;
  line-height: 150%;  
}

/* 맞춤법 검사 */
.check_spell_input {
  width: 586px;
}
.check_spell_result {
  width: 586px;
}
.check_spell_desc {
  display: none;
  width: 100%;
  height: 362px;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  overflow-y: auto;
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%;
}
.spell_result_box {
  height: 362px;
  margin-top: 20px;
  border: 1px solid var(--black-10);
}
.spell_result_box .check_before {
  height: 360px;
}
.spell_result {
  height: 286px;
  overflow-y: auto;
  padding: 16px 20px;
}
.spell_result_list li {
  display: flex;
  margin-bottom: 10px;
  color: var(--black-80);
  font-size: 1.3rem;
  line-height: 130%;
}
.spell_before {
  position: relative;
  width: 150px;
  margin-right: 40px;
}
.spell_before:after {
  content: '';
  position: absolute;
  top: 4px;
  right: -30px;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_cir_gray.png) no-repeat center center/cover;
}
.spell_before span {
  display: inline-block;
  padding: 7px 0;
}
.spell_after {
  display: inline-block;
  width: 350px;
}
.spell_after span {
  display: inline-block;
  position: relative;
  padding: 7px 32px 7px 10px;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  cursor: pointer;
}
.spell_after span:after {
  content: '';
  position: absolute;
  top: 6px;
  right: 11px;
  width: 5px;
  height: 10px;
  border-top: 2px solid var(--black-20);
  border-left: 2px solid var(--black-20);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.spell_after span.check {
  background-color: var(--bg-light-blue);
  border-color: var(--notice-em);
  color: var(--notice-em);
}
.spell_after span.check:after {
  border-color: var(--notice-em);
}
.misspelled {
  background-color: var(--orange-prime-darken);
  color: var(--white);
}
.misspelled.modify {
  background-color: var(--notice-em);
  color: var(--white);
}
.spell_result_sum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 74px;
  padding: 10px 20px;
  background-color: var(--bg-light-gray);
  border-top: 1px solid var(--black-10);
}
.spell_sum {
  position: relative;
  padding-left: 30px;  
  color: var(--orange-prime-darken);
  font-size: 1.4rem;
  font-weight: 600;  
}
.spell_sum:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/main/ico_note_orange.png) no-repeat center center/cover;
}
.spell_btn_row {
  display: flex;
  align-items: center;
}
.spell_btn_row .btn_refresh {
  margin-left: 10px;
}

/* 학습지원 */
.video_list_wrap {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 2px solid var(--black-80);
}
.video_list_tit {
  color: var(--black-80);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 150%; 
  letter-spacing: -0.9px;  
}
.video_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.video_list li {
  width: 292px;
  margin-right: 24px;
  margin-bottom: 24px;
  border: 1px solid var(--black-10);
  cursor: pointer;
}
.video_list li:nth-child(4n) {
  margin-right: 0;
}
.video_list_img {
  position: relative;
  height: 200px;
}
.video_list_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video_list_img:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.1);
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.ico_video_play {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  background: url(https://image.educe.co.kr/educe/main/ico_play.png) no-repeat center center/cover;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video_list li:hover {
  border-color: var(--black-80);
  box-shadow: 0px 20px 20px 0px rgba(48, 52, 154, 0.02);
}
.video_list li:hover .video_list_img:after {
  visibility: visible;
  opacity: 1;
}
.video_list_info {
  height: 202px;
  padding: 30px 20px;
}
.quick_tip {
  display: inline-block;
  padding: 4px 7px;
  background-color: var(--orange-prime);
  border-radius: 8px 0px;
  color: var(--white);
  font-size: 1.2rem;
  font-weight: 500;  
}
.video_list_nm {
  width: 100%;
  margin-top: 10px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
}
.video_list_desc {
  min-height: 59px;
  margin-top: 16px;
  color: var(--black-80);
  font-size: 1.3rem;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;  
}
.video_list_time {
  margin-top: 16px;
  color: var(--black-60);
  font-size: 1.2rem;
}

/* AI 면접 */
.ai_intw_list {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.ai_intw_list li {
  width: 386px;
  border: 1px solid var(--black-10);
}
.ai_intw_list li:hover {
  border-color: var(--black-100);
}
.ai_intw_list li img {
  width: 100%;
}
.ai_intw_list .ari_desc_box {
  border: none;
}
.ai_intw_list .ari_desc_box>p:nth-child(2) {
  min-height: 84px;
}
.ai_intw_btn {
  margin-top: 30px;
}
.btn_row_center.mt40 {
  margin-top: 40px;
}
.inface_img {
  margin-top: 40px;
}
.inface_img img {
  width: 100%;
}

/* 마이페이지 */
/* 내 정보 */
.sec_tit.mypage_tit {
  padding-left: 20px;
  border-left: 4px solid var(--black-80);
}
.my_info_box {
  margin-top: 60px;
  padding: 20px 40px 30px;
  border: 1px solid var(--black-10);
  box-shadow: 0px 20px 20px 0px rgba(48, 52, 154, 0.08);
}
.my_info_list {
  display: flex;
  justify-content: space-between;
}
.my_info_list>div {
  position: relative;
  width: 344px;
  padding-bottom: 78px;
}
.bullet_tit4 {
  position: relative;
  padding: 16px 0 16px 34px;
  border-bottom: 2px solid var(--black-80);
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -1px;  
}
.bullet_tit4:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/pages/bullet2.png) no-repeat center center/cover;
}
.my_cont_list {
  margin: 4px 0 20px;
}
.my_cont_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--black-20);
}
.my_cont_list.cont_layout {
  display: flex;
  flex-wrap: wrap;
}
.my_cont_list.cont_layout li {
  width: 152px;
}
.my_cont_list.cont_layout li:nth-child(even) {
  margin-left: 40px;
} 
.my_voucher_type {
  color: var(--black-80);
  font-weight: 600;
}
.my_voucher_date {
  margin-top: 10px;
  color: var(--black-60);
  font-size: 1.4rem;
}
.info_btn_row {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.my_cont_tit {
  font-size: 1.4rem;
}
.my_cont_num {
  font-weight: 600;
}
.tbl_td_tit {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.banner_wrap>div {
  width: 604px;
}
.banner_wrap>div img {
  width: 100%;
}

/* 콘텐츠 관리 */
.tbl_style3 {
  table-layout: fixed;
  width: 100%;
}
.tbl_style3 th {
  vertical-align: middle;
  height: 46px;
  border-bottom: 2px solid var(--black-80);
  font-size: 1.4rem;
  font-weight: 600;  
}
.tbl_style3 th:last-child {
  border-right: none;
}
.tbl_style3 td {
  vertical-align: middle;
  padding: 16px 0;
  border-bottom: 1px solid var(--black-20);
  font-size: 1.4rem;
  text-align: center;
}
.tbl_style3 td.tal {
  padding: 14px 20px;
  text-align: left;
}
.tbl_nodata td {
  height: 120px;
}
.txt_nodata {
  position: relative;
  padding: 15px 20px 15px 54px;
  background: #B2C3FF url(https://image.educe.co.kr/educe/main/ico_nofolder.png) no-repeat 20px 10px/24px;
  border-radius: 22px;
  color: var(--white);
  font-size: 1.2rem;
}

/* 비밀번호 확인 */
.pw_desc {
  margin-top: 10px;
  color: var(--black-80);
}
.pw_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding: 40px;
  background-color: var(--bg-light-blue);
}
.pw_box>div {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 40px;
}
.pw_box>div:before {
  content: '|';
  position: absolute;
  top: 13px;
  left: -40px;
  color: var(--black-10);
}
.pw_box>div:first-child:before {
  display: none;
}
.pw_input {
  width: 302px;
}
.pw_box>div>p {
  margin-right: 20px;
  font-weight: 600;
}
.pw_box>div>span {
  color: var(--black-80);
}
.pw_desc2 {
  margin-top: 20px;
  padding-left: 22px;
  background: url(https://image.educe.co.kr/educe/main/ico_note.png) no-repeat left top/14px ;
  color: var(--black-40);
  font-size: 1.3rem;
}

/* 기본정보 */
.myspec_cont .form_input_email {
  justify-content: start;
  width: 100%;
}
.myspec_cont .form_input_email>div {
  margin-right: 10px;
}

/* 스펙관리 */
.myspec_list {
  margin-top: 20px;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.myspec_list li {
  display: flex;
  align-items: center;
  min-height: 68px;
  border-bottom: 1px solid var(--black-10);
  padding: 12px 0;
}
.myspec_tit {
  width: 198px;
  font-weight: 600;
}
.myspec_cont {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 1042px;
}
.myspec_list .form_input_row {
  margin-top: 0;
}
.myspec_list .radio_row {
  margin-top: 0;
}
.myspec_list .radio_label {
  margin-bottom: 0;
}
.add_txt {
  margin-left: 8px;
  color: var(--black-60);
  font-size: 1.4rem;
}
.bor_left {
  position: relative;
}
.bor_left:before {
  content: '';
  position: absolute;
  top: -3;
  left: -20px;
  width: 1px;
  height: 24px;
  background-color: var(--black-10);
}
.no_delete_btn .form_input {
  padding-right: 10px;
}
.form_check_row.checkbox_type .label_check {
  margin-right: 40px;
}
.form_check_row.checkbox_type .label_check:last-child {
  margin-right: 0;
}
.privacy_agree_box {
  margin-top: 60px;
  padding: 20px 30px;
  background-color: var(--light-gray);
}
.privacy_agree_tit {
  font-weight: 600;
}
.tbl_privacy2 {
  width: 100%;
  margin-top: 10px;
}
.tbl_privacy2 th,
.tbl_privacy2 td {
  border: 1px solid var(--black-20);
}
.tbl_privacy2 th {
  padding: 10px 0;
  background-color: var(--bg-light-gray);
  font-size: 1.4rem;
  line-height: 150%
}
.tbl_privacy2 td {
  vertical-align: middle;
  padding: 20px 0;
  background-color: var(--white);
  font-size: 1.3rem;
  text-align: center;
  line-height: 150%
}
.privacy_agree_radio {
  margin-top: 30px;
  text-align: center;
}
.btn_row_double {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.btn_row_double button {
  margin: 0 5px;
}

/* 비밀번호 변경 */
.pw_change_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding: 40px;
  background-color: var(--bg-light-blue);
}
.pw_change_box>div {
  display: flex;
  align-items: center;
  position: relative;
}
.pw_change_box>div:nth-child(2) {
  margin: 0 40px;
}
.pw_change_box>div .pw_input {
  width: 240px;
}
.pw_change_box>div:before {
  content: '|';
  position: absolute;
  top: 13px;
  left: -40px;
  color: var(--black-10);
}
.pw_change_box>div:first-child:before {
  display: none;
}
.pw_change_box>div>p {
  margin-right: 20px;
  font-weight: 600;
}

/* 알림 서비스 */
.inform_wrap {
  display: flex;
  margin-top: 20px;
  padding: 40px 0;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.inform_wrap>div {
  position: relative;
  width: 50%;
  text-align: center;
}
.inform_wrap>div:nth-child(2) {
  border-left: 1px solid var(--light-gray);
}
.inform_tit {
  padding-top: 68px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -1px;  
}
.inform_mail .inform_tit {
  background: url(https://image.educe.co.kr/educe/main/ico_email_blue.png) no-repeat center top/48px;
}
.inform_sms .inform_tit {
  background: url(https://image.educe.co.kr/educe/main/ico_sms.png) no-repeat center top/48px;
}
.inform_desc {
  margin-top: 20px;
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%; 
}
.inform_wrap .radio_type {
  margin-top: 30px;
}

/* 회원탈퇴 */
.wdl_list {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.wdl_list li {
  width: 292px;
  padding: 30px 0;
  border: 1px solid var(--black-10);
  text-align: center;
}
.wdl_list li p {
  padding-top: 42px;
  background: url(https://image.educe.co.kr/educe/main/ico_notice_rec.png) no-repeat center top/32px;
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%;
}
.wdl_reason_wrap {
  display: flex;
  margin-top: 20px;
  padding: 16px 0 10px;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.wdl_reason_wrap>div {
  width: 50%;
}
.wdl_reason_wrap>div:nth-child(2) {
  position: relative;
  padding-left: 40px;
}
.wdl_reason_wrap>div:nth-child(2):before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 84px;
  background-color: var(--black-10);
}
.wdl_radio {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.wdl_radio .radio_label {
  width: 50%;
  margin-left: 0;
  margin-bottom: 30px;
}
.wdl_radio .radio_label.mb0 {
  width: 100%;
  margin-bottom: 5px;
}
.etc_txt {
  margin-left: 20px;
  color: var(--black-60);
  font-size: 1.3rem;
}
.wdl_complete_box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 284px;
  margin-top: 60px;
  background-color: var(--bg-light-blue);
}
.wdl_complete_desc {
  padding-left: 84px;
  padding-bottom: 2px;
  background: url(https://image.educe.co.kr/educe/main/ico_done.png) no-repeat left top/64px;
  font-size: 2rem;
  line-height: 150%;
}
.wdl_complete_desc>p:nth-child(2) {
  font-weight: 600;
}

/* 결제 관리 */
.point_tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
}
.info_point {
  display: flex;
  align-items: center;
  color: var(--black-80);
  font-size: 1.4rem;
  font-weight: 500;
}
.point_num {
  margin-left: 10px;
  color: var(--orange-prime-darken);
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: -1.3px;  
}
.p_txt {
  font-size: 2.6rem;
  letter-spacing: -1.3px;  
}

/* 페이지 찾기 오류 */
.error_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  text-align: center;
}
.error_desc1 {
  padding-top: 150px;
  background: url(https://image.educe.co.kr/educe/pages/img_no_page.png) no-repeat center top/120px;
  font-size: 2rem;
  font-weight: 600;  
}
.error_desc2 {
  margin-top: 10px;
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%; 
}
.error_wrap .btn_row_center {
  margin-top: 30px;
}