@charset "utf-8";

/* webfont */
@import url("https://djv24y2jjxsp7.cloudfront.net/ontest/font/Pretendard-1.3.4/web/static/pretendard.css");
@import url("https://djv24y2jjxsp7.cloudfront.net/ontest/font/Montserrat/montserrat.css");
@import url('https://djv24y2jjxsp7.cloudfront.net/ontest/font/Exo_2/exo2.css');

/* reset css */
html, body, div, span, applet, object, iframe,
p, blockquote, pre, h1, h2, h3, h4, h5, h6, /* strong, b, i, sup,*/
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*vertical-align: baseline;*//*ck-editor 때문에 제거*/
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table caption {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
}
a {
  text-decoration: none;
  color: #000;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  display: none;
}
button {
  background: none;
  border: none;
  cursor: pointer;
}
button:focus {
  outline: none;
}
input:focus {
  outline: none;
}
select:focus {
  outline: none;
}
textarea {
  -webkit-appearance: none;
}
textarea:focus {
  outline: none;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* word-break: keep-all; */
  font-family: "Montserrat", "Pretendard";
}

/* scroll */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track { 
  background-color: #F4F4F4; 
}
::-webkit-scrollbar-thumb { 
  background-color: #D8DBE2;
}

/* css 변수 설정 */
:root {
  /* color */
  --orange-prime : #FF6D00;
  --orange-prime-darken : #FF3D00;
  --notice-alert : #FF5252;
  --notice-em : #486FF9;  
  --black-100: #02000F;
  --black-90: #1B1A21;
  --black-80: #35333F;
  --black-60: #67666F;
  --black-40: #9A999F;
  --black-30: #B3B2B7;
  --black-20: #CCCCCF;
  --black-10: #E6E5E7;
  --bg-light-gray: #FBFBFB;
  --light-gray: #F5F5F5;
  --light-blue: #F5F7FF;
  --bg-light-blue: #E8F2FF;
  --blue : #005FCE;
  --white: #ffffff;
}

/* animation */
@-webkit-keyframes drawDeleteLine {
  0% {
    left: 50%;
    width: 0;
  }
  80% {
    left: 0;
    width: 100%;
    opacity: 1;
  }
  100% {
    left: 0;
    width: 100%;
    opacity: 0;
  }
}
@keyframes drawDeleteLine {
  0% {
    left: 50%;
    width: 0;
  }
  80% {
    left: 0;
    width: 100%;
    opacity: 1;
  }
  100% {
    left: 0;
    width: 100%;
    opacity: 0;
  }
}

@-webkit-keyframes textFadeUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textFadeUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes textFadeDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textFadeDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(-70px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(-70px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(70px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(70px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* EDUCE style */
html, body {
  height: 100%;
}
html {
  font-size: 10px;
}
body {
  color: var(--black-100);
  font-family:"Montserrat", "Pretendard", 'Malgun Gothic', '맑은고딕', gulim, '굴림', dotum, '돋움', AppleGothic, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.7px;
}

/* 공통 style */
/* 레이아웃 */
.dflex {
  display: flex;
}
.jcsb {
  justify-content: space-between;
}
.aic {
  align-items: center;
}

/* width */
.w80 {
  width: 80px;
}
.w100 {
  width: 100px;
}
.w110 {
  width: 110px;
}
.w176 {
  width: 176px;
}
.w140 {
  width: 140px;
}
.w300 {
  width: 300px;
}
.w940 {
  width: 940px;
}
.w100p {
  width: 100%;
}

/* margin */
.mt10 {
  margin-top: 10px;
}
.mt16 {
  margin-top: 16px;
}
.mt20 {
  margin-top: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
.ml20 {
  margin-left: 20px;
}
.ml40 {
  margin-left: 40px;
}

/* color */
.clr_red {
  color: var(--notice-alert);
}
.clr_blue {
  color: var(--notice-em);
}

/* text style */
.en {
  font-family: "Exo 2", "Pretendard";
}
.font14_600 {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 150%; 
}
.font14_400 {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%; 
}
.fwbold {
  font-weight: bold;
}
.tac {
  text-align: center;
}

/* input text */
.form_input_row {
  position: relative;
  margin-top: 10px;
}
.form_input_row:first-child {
  margin-top: 0;
}
.form_input {
  width: 100%;
  height: 44px;
  padding: 10px 30px 10px 10px;
  background-color: var(--white);
  border: 1px solid var(--black-10);
  border-radius: 2px;
  font-size: 1.4rem;
}
.form_input:focus {
  border-color: var(--black-60);
}
.form_input:disabled {
  background-color: #F5F5F5;
  color: #ADB2BB;
}
.form_input::placeholder {
  color: var(--black-30);
}
.btn_form_delete {
  display: none;
  position: absolute;
  top: 12px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/main/ico_delete.png) no-repeat left top/cover;
}

/* input text no border */
.form_input2 {
  width: 100%;
  height: 24px;
  padding: 10px 30px 10px 10px;
  background-color: var(--white);
  border: none;
  font-size: 1.4rem;
}
.form_input2::placeholder {
  color: var(--black-30);
}

/* input search */
.form_search_row {
  position: relative;
}
.form_search {
  width: 100%;
  padding: 10px 64px 10px 34px;
  border: none;
  border-bottom: 2px solid var(--black-80);
}
.form_search_row:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/main/ico_search.png) no-repeat left top/cover;
}
.btn_search_delete {
  display: none;
  position: absolute;
  top: 10px;
  right: 30px;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/main/ico_delete2.png) no-repeat left top/cover;  
}
.btn_search_go {
  position: absolute;
  top: 10px;
  right: 0;
  width: 20px;
  height: 20px;
  background: var(--black-60) url(https://image.educe.co.kr/educe/main/ico_arr_white.png) no-repeat center center/16px;
  border-radius: 50%;
}
.btn_search_go:hover {
  background: var(--black-80) url(https://image.educe.co.kr/educe/main/ico_arr_white.png) no-repeat center center/16px;
}

/* input file */
.input_file_row {
  display: flex;
  position: relative;
}
.input_file_row .form_input[type="file"] {
  display: none;
}
.form_input_file.form_input_file {
  width: 500px;
  height: 38px;
  margin-right: 10px;
}

/* input checkbox */
.label_check {
  display: inline-flex;
  align-items: center;
  position: relative;
  color: var(--black-80);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%; 
  cursor: pointer;vertical-align: middle;
}
.form_check {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  visibility: hidden;
  opacity: 0;
}
.check_mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1.5px solid #E4E6E8;
  border-radius: 1px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.check_mark:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.form_check:checked ~ .check_mark {
  background-color: var(--black-80);
  border-color: var(--black-80);
}
.form_check:checked ~ .check_mark:after {
  border-right: 1.5px solid var(--white);
  border-bottom: 1.5px solid var(--white);
}

/* input radio */
.radio_row {
  margin-top: 40px;
}
.radio_label input {
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  border: none;
}
.radio_label {
  display: inline-block;
  position: relative;
  margin-bottom: 24px;
  padding-left: 28px;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 400;
  cursor: pointer; 
}
.radio_label .checkmark {
  display: inline-block;
  position: absolute;
  top: -3px;
  left: 0;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid var(--black-40);
  border-radius: 50%;
}
.radio_label input[type='radio']:checked + .checkmark {
  border-color: var(--black-80);
}
.radio_label input[type='radio']:checked + .checkmark:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: var(--black-80);
  border-radius: 50%;
}
.radio_label input[type='radio']:disabled + .checkmark {
  opacity: 0.6;
}

/* select */
select::-ms-expand {
  display: none;
}
.form_select_row {
  position: relative;
}
.form_select_row:after {
  content: '';
  position: absolute;
  top: 15px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-right: 1px solid var(--black-60);
  border-bottom: 1px solid var(--black-60);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
}
.form_select {
  position: relative;
  width: 100%;
  height: 44px;
  padding: 0 20px 0 10px;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  appearance: none;
}
.form_select:focus {
  border-color: var(--black-60);
}
.form_select:disabled {
  opacity: 0.4;
}

/* textarea */
.form_txtarea {
  width: 100%;
  height: 146px;
  padding: 10px;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%;
  resize: none;
}
.form_txtarea::placeholder {
  color: var(--black-30);
}
.form_txtarea:focus {
  border-color: var(--black-80);
}
.form_txtarea:disabled {
  background-color: var(--light-gray);
  border-color: transparent;
  color: var(--black-30);
}

/* button */
button {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
/* button black radius */
.btn_black_radius {
  padding: 16px 32px;
  background-color: var(--black-100);
  border-radius: 30px;
  color: var(--white);
}
.btn_black_radius span {
  position: relative;
  padding-right: 26px;
}
.btn_black_radius span:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_target.png) no-repeat left top/cover;
}
.btn_black_radius:hover {
  background-color: rgba(2, 0, 12, 0.70);
}
.btn_black_radius.btn_free_start span:after {
  background: url(https://image.educe.co.kr/educe/main/ico_arr_white.png) no-repeat left top/cover;
}
.btn_black_radius.more span:after {
  background: url(https://image.educe.co.kr/educe/main/ico_plus_white.png) no-repeat left top/cover
}

/* button gradient */
.form_btn_row {
  position: relative;
  margin-top: 20px;
  border-radius: 4px;
  overflow: hidden;
}
.form_btn_row.mt80 {
  margin-top: 80px;
}
.btn_gradient {
  position: relative;
  width: 100%;
  height: 56px;
  overflow: hidden;
  border-radius: 2px;
  color: var(--white);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.8px;
  text-align: center;
}
.btn_gradient .bg_video_lott {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.btn_gradient span {
  position: relative;
  z-index: 1;
}
.btn_gradient:hover:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.btn_gradient:disabled {
  background-color: var(--black-20);
}
.btn_gradient:disabled .bg_video_lott {
  display: none;
}
.btn_gradient:disabled:hover:after {
  display: none;
}

/* button black */
.btn_black {
  width: 100%;
  height: 56px;
  background-color: var(--black-80);
  border-radius: 4px;
  color: var(--white);
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.btn_black:hover {
  background-color: var(--black-90);
}
.btn_black:disabled {
  background-color: var(--black-20);
}

/* button black small */
.btn_check_row {
  margin-top: 30px;
  text-align: center;
}
.btn_black_s {
  width: 200px;
  height: 48px;
  background-color: var(--black-80);
  border-radius: 4px;
  color: var(--white);
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.btn_black_s:hover {
  background-color: var(--black-90);
}
.btn_black_s:disabled {
  background-color: var(--black-20);
}

/* button black smaller */
.btn_black_smaller {
  width: 200px;
  height: 40px;
  background-color: var(--black-80);
  border-radius: 4px;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}
.btn_black_smaller:hover {
  background-color: var(--black-90);
}
.btn_black_smaller:disabled {
  background-color: var(--black-20);
}
.btn_eval_result.btn_black_smaller {
  width: 100%;
}

/* button black icon */
.btn_black_icon {
  position: relative;
  width: 418px;
  height: 56px;
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.9px;  
}
.btn_black_icon:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black-80);
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn_black_icon span {
  position: relative;
  padding-left: 34px;
}
.btn_black_icon span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/main/ico_ticket.png) no-repeat left top/cover;
}

/* button black icon2 */
.btn_black_icon2 {
  position: relative;
  width: 140px;
  height: 40px;
  background-color: var(--black-100);
  border: 1.5px solid var(--black-100);
  color: var(--white);
  font-size: 1.4rem;
}
.btn_black_icon2 span {
  position: relative;
  padding-right: 32px;
}
.btn_black_icon2 span:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_plus_white.png) no-repeat center center/cover;
}
.btn_black_icon2:hover {
  background-color: var(--white);
  color: var(--black-100);
}
.btn_black_icon2:hover span:before {
  background-image: url(https://image.educe.co.kr/educe/main/ico_plus_black2.png);
}
.btn_black_icon2.btn_down span:before {
  background-image: url(https://image.educe.co.kr/educe/main/ico_download3.png);
}
.btn_black_icon2.btn_down:hover span:before {
  background-image: url(https://image.educe.co.kr/educe/main/ico_download3_white.png);
}

/* button black icon3 */
.btn_black_icon3 {
  position: relative;
  width: 140px;
  height: 58px;
  width: 344px;
  padding-left: 30px;
  background-color: var(--black-80);
  color: var(--white);
  font-size: 1.8rem;
  font-weight: 500;
  text-align: left;
  letter-spacing: -0.9px;  
}
.btn_black_icon3:after {
  content: '';
  position: absolute;
  top: 21px;
  right: 30px;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_white.png) no-repeat center center/cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_black_icon3 span {
  position: relative;
  padding-left: 36px;
}
.btn_black_icon3 span:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 26px;
  height: 26px;
}
.btn_black_icon3:hover:after {
  right: 20px;
}
.btn_user span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_user2.png) no-repeat center center/cover;
}
.btn_spec span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_spec.png) no-repeat center center/cover;
}
.btn_free_use span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_hour.png) no-repeat center center/cover;
}

/* button white */
.btn_white {
  width: 100%;
  height: 48px;
  border: 2px solid var(--black-90);
  border-radius: 4px;
  color: var(--black-80);
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.btn_white.w200 {
  width: 200px;
}
.btn_white.w180 {
  width: 180px;
}

/* button white small */
.btn_white_s {
  width: 160px;
  height: 40px;
  border: 2px solid var(--black-90);
  border-radius: 4px;
  color: var(--black-80);
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}

/* button white icon */
.btn_white_icon {
  height: 58px;
  padding: 0 24px;
  background-color: var(--white);
  border: 2px solid var(--black-80);
  border-radius: 4px;
  color: var(--black-80);
  font-size: 1.6rem;
  font-weight: 500;  
}
.btn_white_icon span {
  position: relative;
  padding-left: 36px;
}
.btn_white_icon span:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 26px;
  height: 26px;
}
.btn_white_icon.auland span:before {
  background: url(https://image.educe.co.kr/educe/pages/logo_auland_s.svg) no-repeat center center/cover;
}
.btn_white_icon.spt span:before {
  background: url(https://image.educe.co.kr/educe/pages/logo_samsung_s.svg) no-repeat center center/cover;
}
.btn_white_icon.riings span:before {
  background: url(https://image.educe.co.kr/educe/pages/logo_riings_s.svg) no-repeat center center/cover;
}
.btn_white_icon.inEAR span:before {
  background: url(https://image.educe.co.kr/educe/pages/logo_inEAR_s.svg) no-repeat center center/cover;
}
.btn_white_icon.inFACE span:before {
  background: url(https://image.educe.co.kr/educe/pages/logo_inface_s.svg) no-repeat center center/cover;
}
.btn_white_icon:hover {
  background-color: var(--black-90);
  border-color: var(--black-90);
  color: var(--white);
}

/* button white icon radius */
.btn_white_icon2 {
  height: 52px;
  padding: 0 24px;
  background-color: var(--white);
  border: 1.5px solid var(--black-100);
  border-radius: 30px;
  color: var(--black-100);
  font-size: 1.6rem;
  font-weight: 600;  
}
.btn_white_icon2 span {
  position: relative;
  padding-right: 30px;
}
.btn_white_icon2 span:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_cir.png) no-repeat center center/cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_white_icon2:hover {
  background-color: var(--black-100);
  border-color: var(--black-100);
  color: var(--white);
}
.btn_white_icon2:hover span:after {
  right: -10px;
  background-image: url(https://image.educe.co.kr/educe/main/ico_arr_cir_white.png);
}

/* button white icon radius */
.btn_white_icon3 {
  height: 44px;
  padding: 0 24px;
  background-color: var(--white);
  border: 1.5px solid var(--black-60);
  border-radius: 22px;
  color: var(--black-60);
  font-size: 1.4rem;
  font-weight: 500;  
}
.btn_white_icon3 span {
  position: relative;
  padding-left: 28px;
}
.btn_white_icon3 span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/main/ico_paper.png) no-repeat center center/cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_white_icon3:hover {
  background-color: var(--black-60);
  border-color: var(--black-60);
  color: var(--white);
}
.btn_white_icon3:hover span:before {
  background-image: url(https://image.educe.co.kr/educe/main/ico_paper_white.png);
}

/* button white icon radius small */
.btn_white_icon4 {
  height: 40px;
  padding: 0 24px;
  background-color: var(--white);
  border: 1px solid var(--black-10);
  border-radius: 22px;
  color: var(--black-100);
  font-size: 1.3rem;
  font-weight: 500;  
}
.btn_white_icon4 span {
  position: relative;
  padding-left: 26px;
}
.btn_white_icon4 span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_save_word span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_word.png) no-repeat center center/cover;
}
.btn_save_hwp span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_hwp.png) no-repeat center center/cover;
}
.btn_white_icon4:hover {
  background-color: var(--black-80);
  color: var(--white);
}
.btn_save_word:hover span:before {
  background-image: url(https://image.educe.co.kr/educe/main/ico_word_white.png);
}
.btn_save_hwp:hover span:before {
  background-image: url(https://image.educe.co.kr/educe/main/ico_hwp_white.png);
}

/* button white icon smaller */
.btn_white_icon5 {
  height: 26px;
  padding: 0 12px;
  background-color: var(--white);
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.2rem;
  font-weight: 500;  
}
.btn_white_icon5 span {
  position: relative;
  padding-left: 20px;
}
.btn_white_icon5 span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 14px;
  height: 14px;
  background: url(https://image.educe.co.kr/educe/main/ico_check3.png) no-repeat center center/cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_white_icon5:hover {
  border-color: var(--black-80);
}

/* button white arrow */
.btn_white_arrow {
  width: 180px;
  height: 44px;
  background-color: var(--white);
  border: 1.5px solid var(--black-80);
  border-radius: 4px;
  color: var(--black-80);
  font-size: 1.6rem;
  font-weight: 500;
}
.btn_white_arrow span {
  position: relative;
  background-color: var(--white);
  z-index: 1;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn_white_arrow span:after {
  content: '';
  position: absolute;
  top: -2px;
  right: 0;
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr.png) no-repeat center center/cover;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn_white_arrow:hover span {
  padding-right: 28px;
}
.btn_white_arrow:hover  span:after {
  opacity: 1;
}

/* button white arrow gray border */
.btn_white_arrow2 {
  width: 100%;
  height: 40px;
  background-color: var(--white);
  border: 1.5px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.3rem;
  font-weight: 500;
}
.btn_white_arrow2 span {
  position: relative;
  background-color: var(--white);
  z-index: 1;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn_white_arrow2 span:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr.png) no-repeat center center/cover;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn_white_arrow2:hover span {
  padding-right: 20px;
}
.btn_white_arrow2:hover  span:after {
  opacity: 1;
}

/* button small smaller */
.btn_white_smaller {
  height: 24px;
  padding: 0 8px;
  background-color: var(--white);
  border: 1px solid var(--black-20);
  border-radius: 2px;
  color: var(--black-60);
  font-size: 1.2rem;
}
.btn_white_smaller:hover {
  border-color: var(--black-60);
  color: var(--black-80);
}

/* button gray */
.btn_gray {
  width: 100%;
  height: 44px;
  background-color: var(--black-40);
  border-radius: 2px;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 400;
}
.btn_gray:hover {
  background-color: var(--black-80);
}

/* button dark gray */
.btn_dark_gray {
  height: 44px;
  padding: 0 15px;
  background-color: var(--black-60);
  border-radius: 2px;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 400;
}
.btn_dark_gray:hover {
  background-color: var(--black-80);
}
.btn_dark_gray.w100p {
  width: 100%;
}

/* button dark gray2 */
.btn_dark_gray2 {
  width: 80px;
  height: 44px;
  background-color: var(--black-60);
  border-radius: 2px;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 400;
}
.btn_dark_gray2:hover {
  background-color: var(--black-80);
}

/* button gray big */
.btn_gray_big {
  width: 100%;
  height: 112px;
  background-color: var(--black-60);
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 400;
}
.btn_gray_big:hover {
  background-color: var(--black-80);
}

/* button light gray */
.btn_light_gray {
  height: 35px;
  padding: 0 16px;
  background-color: var(--light-gray);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.3rem;
  font-weight: 500;  
}
.btn_light_gray:hover {
  background-color: var(--black-10);
}

/* button gray small */
.btn_gray_small {
  height: 24px;
  padding: 0 8px;
  background-color: var(--black-40);
  border-radius: 2px;
  color: var(--white);
  font-size: 1.2rem;
}
.btn_gray_small:hover {
  background-color: var(--black-60);
}

/* button more */
.btn_more_row {
  margin-top: 30px;
  text-align: center;
}
.btn_more {
  padding: 10px 16px;
  border: 1px solid var(--black-10);
  border-radius: 999px;
  color: var(--black-60);
  font-size: 1.3rem;
  font-weight: 500;
}
.btn_more:hover {
  background-color: var(--black-10);
}

/* button list */
.btn_list_row {
  margin-top: 20px;
  text-align: right;
}
.btn_list {
  padding: 5px 0;
  font-size: 1.6rem;
  font-weight: 500;
}
.btn_list span {
  position: relative;
  padding-right: 28px;
}
.btn_list span:before {
  content: '';
  position: absolute;
  top: -4px;
  right: 0;
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_black.png) no-repeat left top/cover;
}

/* button page link */
.btn_page {
  position: relative;
  width: 194px;
  height: 52px;
  padding-left: 26px;
  border: 1.5px solid var(--black-100);
  border-radius: 30px;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: left;
  letter-spacing: -0.8px;  
}
.btn_page:after {
  content: '';
  position: absolute;
  top: 15px;
  right: 26px;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_cir.png) no-repeat left top/cover;
  border-radius: 50%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_page:hover {
  background-color: var(--black-100);
  color: var(--white);
}
.btn_page:hover:after {
  right: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_cir_bor.png) no-repeat left top/cover;
}

/* button detail view */
.btn_detail_view {
  margin-top: 22px;
  padding: 6px 16px 6px 12px;
  background-color: rgba(2, 0, 15, 0.08);
  border-radius: 2px;
  color: var(--white);
  font-size: 1.3rem;
  font-weight: 400;  
}
.btn_detail_view span {
  position: relative;
  padding-left: 20px;
}
.btn_detail_view span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_white.png) no-repeat left top/cover;
}
.btn_detail_view:hover {
  background: rgba(2, 0, 15, 0.16);
}

/* button detail view2 */
.btn_detail_view2 {
  margin-top: 22px;
  padding: 6px 16px 6px 12px;
  background-color: var(--light-gray);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.3rem;
  font-weight: 400;  
}
.btn_detail_view2 span {
  position: relative;
  padding-left: 20px;
}
.btn_detail_view2 span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr.png) no-repeat left top/cover;
}
.btn_detail_view2:hover {
  background-color: var(--black-10);
}

/* button detail view3 */
.btn_detail_view3 {
  padding: 6px 16px 6px 12px;
  background-color: var(--light-gray);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.3rem;
  font-weight: 400;  
}
.btn_detail_view3 span {
  position: relative;
  padding-left: 20px;
}
.btn_detail_view3 span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_search.png) no-repeat left top/cover;
}
.btn_detail_view3:hover {
  background-color: var(--black-10);
}
.btn_detail_view3.btn_result_view span:before {
  background-image: url(https://image.educe.co.kr/educe/main/ico_result.png);
}

/* button review */
.btn_review {
  height: 64px;
  padding-left: 74px;
  background: url(https://image.educe.co.kr/educe/pages/bg_btn_review.png) no-repeat left top/64px;
}
.btn_review span {
  display: block;
  text-align: left;
}
.btn_review span:nth-child(1) {
  color: var(--black-80);
  font-weight: 600;
}
.btn_review span:nth-child(2) {
  margin-top: 8px;
  color: var(--black-60);
  font-size: 1.4rem;
  line-height: 130%;
}

/* button transparent */
.btn_transp {
  height: 40px;
  padding: 0 16px;
}
.btn_transp span {
  position: relative;
  padding-left: 24px;
}
.btn_transp span:before {
  content: '';
  position: absolute;
  top: -2px ;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/main/ico_plus_cir.png) no-repeat center center/cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* button cancel */
.btn_cancel {
  height: 36px;
  padding: 0 20px;
  background-color: var(--white);  
  border: 1px solid var(--black-20);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.3rem;
  font-weight: 500;
}
.btn_cancel span {
  position: relative;
  padding-left: 24px;
}
.btn_cancel span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_refresh.png) no-repeat center center/cover;
}
.btn_cancel:hover {
  border-color: var(--orange-prime);
}

/* button refresh */
.btn_refresh {
  height: 36px;
  padding: 0 20px;
  background-color: var(--orange-prime);  
  border-radius: 2px;
  color: var(--white);
  font-size: 1.3rem;
  font-weight: 500;
}
.btn_refresh span {
  position: relative;
  padding-left: 24px;
}
.btn_refresh span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_refresh_white.png) no-repeat center center/cover;
}
.btn_refresh:hover {
  background-color: var(--orange-prime-darken);
}

/* header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 72px;
  padding: 0 40px;
  background-color: var(--white);
  z-index: 300;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.header.up {
  top: -72px;
}
.educe_main .header {
  background-color: transparent;
}
.head_wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
}
.head_wrap h1 {
  position: absolute;
  top: 22px;
  left: 0;
}
.educe_logo {
  display: inline-block;
  width: 107px;/*91px;32px*/
  height: 39px;
  background: url(https://image.educe.co.kr/educe/main/educe-logo-top.png) no-repeat left top/100%;
}
.head_wrap h1 img {
  width: 85px;
}
.gnb_wrap {
  padding: 0 100px;
}
.gnb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  padding: 0 20px;
  font-size: 1.4rem;
  font-weight: 500;  
}
.educe_main .gnb {
  display: none;
}
.header.sitemap_open .gnb {
  display: none;
}
.gnb li {
  margin-right: 60px;
}
.gnb li:last-child {
  margin-right: 0;
}
.gnb li a {
  position: relative;
  padding: 10px 0;
  font-weight: 600;
}
.gnb li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--black-100);
  opacity: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.gnb li:hover a:after {
  opacity: 1;
}
.gnb_all {
  position: fixed;
  top: 72px;
  left: 0;
  width: 100%;
  height: 342px;
  padding: 40px 0;
  background-color: var(--white);
  border-top: 1px solid var(--black-10);
  box-shadow: 0px 20px 20px 0px rgba(48, 52, 154, 0.08);
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.gnb_all.visible {
  visibility: visible;
  opacity: 1;
}
.gnb_menu {
  display: flex;
  justify-content: space-between;
  width: 1140px;
  margin: 0 auto;
}
.gnb_menu>li {
  position: relative;
  width: 180px;
  text-align: center;
}
.gnb_menu>li:after {
  content: '';
  position: absolute;
  top: 0;
  right: -30px;
  width: 1px;
  height: 202px;
  background-color: var(--black-10);
}
.gnb_menu>li:last-child:after {
  display: none;
}
.gnb_menu a {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.gnb_menu a:hover {
  color: var(--orange-prime-darken)
}
.menu_depth1 {
  font-size: 1.8rem ;
  font-weight: 600;
  letter-spacing: -0.9px;  
}
.menu_depth2 {
  margin-top: 34px;
}
.menu_depth2 li {
  margin-top: 13px;
}
.menu_depth2 li:first-child {
  margin-top: 0;
}
.menu_depth2 a {
  display: inline-block;
  padding: 5px 0;
  font-size: 1.4rem;
}
.gnb_all .sitemap_quick {
  justify-content: center;
  position: relative;
  bottom: auto;
  margin-top: 50px;
}
.top_menu {
  display: flex;
  position: absolute;
  top: 16px;
  right: 0;
}
.top_menu>div {
  margin-left: 16px;
}
.btn_login {
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--black-10);
  border-radius: 30px;
  font-size: 1.3rem;
  font-weight: 500;  
}
.btn_login:hover {
  background-color: var(--black-100);
  border-color: var(--black-100);
  color: var(--white);
}
.btn_sitemap {
  position: relative;
  width: 34px;
  height: 34px;
  cursor: pointer;
  z-index: 20;
}
.btn_sitemap span {
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 2px;
  background-color: var(--black-100);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s;
}
.btn_sitemap span:nth-child(1) {
  top: 11px;
  left: 10px;
}
.btn_sitemap span:nth-child(2) {
  top: 16px;
  left: 10px;
}
.btn_sitemap span:nth-child(3) {
  top: 21px;
  left: 10px;
}
.header.sitemap_open {
  background-color: var(--white);
}
.header.sitemap_open .btn_sitemap span:nth-child(1) {
  top: 17px;
  width: 15px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header.sitemap_open .btn_sitemap span:nth-child(2) {
  opacity: 0;
}
.header.sitemap_open .btn_sitemap span:nth-child(3) {
  top: 17px;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}  
.sitemap_wrap {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--white);
  visibility: hidden;
  opacity: 0;
  z-index: 200;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.sitemap_wrap.visible {
  visibility: visible;
  opacity: 1;
}
.sitemap_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 973px;
  padding: 30px 40px;
  border-top: 6px solid var(--black-80);
  border-bottom: 6px solid var(--black-80);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sitemap>li {
  display: flex;
  align-items: center;
  margin-top: 50px;
}
.sitemap>li:first-child {
  margin-top: 0;
}
.depth1 {
  min-width: 278px;
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: -1.4px;  
}
.depth1 a {
  display: inline-block;
  position: relative;
  padding: 10px;
  color: var(--black-100);
}
.depth1 a:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--black-100);
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.depth1:hover a {
  color: var(--white);
}
.depth1:hover a:before {
  width: 100%;
}
.depth2 {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.9px;
}
.depth2 li {
  padding-left: 60px;
}
.depth2 li:first-child {
  padding-left: 0;
}
.depth2 li a {
  display: inline-block;
  padding: 11px 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.depth2 li:hover a {
  color: var(--orange-prime-darken);
}
.sitemap_quick {
  display: flex;
  position: absolute;
  right: 0;
  bottom: -60px;
}
.sitemap_quick li {
  margin-left: 20px;
}
.btn_sitemap_quick {
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--black-10);
  border-radius: 40px;
}
.btn_sitemap_quick:hover {
  background-color: var(--black-100);
  border-color: var(--black-100);
  color: var(--white);
}
.btn_sitemap_quick span {
  position: relative;
  padding-left: 26px;
}
.btn_sitemap_quick span:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.btn_voucher span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_voucher.png) no-repeat left top/cover;
}
.btn_voucher:hover span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_voucher_white.png) no-repeat left top/cover;
}
.btn_cs span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_chat.png) no-repeat left top/cover;
}
.btn_cs:hover span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_chat_white.png) no-repeat left top/cover;
}
.btn_policy span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_policy.png) no-repeat left top/cover;
}
.btn_policy:hover span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_policy_white.png) no-repeat left top/cover;
}
.btn_history span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_download2.png) no-repeat left top/cover;
}
.btn_history:hover span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_download2_white.png) no-repeat left top/cover;
}
.btn_prev_page span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_arr_left.png) no-repeat left top/cover;
}
.btn_prev_page:hover span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_arr_left_white.png) no-repeat left top/cover;
}
.btn_document span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_docu.png) no-repeat left top/cover;
}
.btn_document:hover span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_docu_white.png) no-repeat left top/cover;
}
.btn_eval span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_score.png) no-repeat left top/cover;
}
.btn_eval:hover span:before {
  background: url(https://image.educe.co.kr/educe/main/ico_score_white.png) no-repeat left top/cover;
}

/* footer */
.footer {
  position: relative;
  width: 100%;
  height: 89px;
  overflow: hidden;
  background-color: var(--white);
  border-top: 1px solid var(--black-10);
  z-index: 80;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.educe_main .footer {
  position: relative;
}
.footer.open {
  height: 189px;
  margin-top: -100px;
}
.ft_visual {
  display: none;
  width: 100%;
  height: 200px;
}
.educe_main .footer {
  border-top: none;
}
.educe_main .ft_visual {
  display: block;
  position: relative;
}
.educe_main .footer {
  height: 290px;
}
.educe_main .footer.open {
  height: 390px;
}
.ft_visual_box {
  position: relative;
  width: 100%;
  height: 200px;
}
.ft_visual_box .bg_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.ft_visual_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 1280px;
  height: 200px;
  margin: 0 auto;
  padding: 60px 672px 0 20px;  
  background: url(https://image.educe.co.kr/educe/main/img_people_group.png) no-repeat 70% 50px/310px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 120%; 
  letter-spacing: -1.2px;
  text-align: right;
  z-index: 10;
}
.ft_visual_inner>div {
  margin-top: 20px;
}
.footer .inner {
  padding: 20px 0 30px;
}
.ft_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
}
.company_nm {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 125%; 
  letter-spacing: -0.3px;  
}
.company_nm b {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 125%; 
  letter-spacing: -0.35px;  
}
.btn_ft_open {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  background: url(https://image.educe.co.kr/educe/main/ico_open.png) no-repeat left top/cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.footer.open .btn_ft_open {
  transform: rotate(180deg);
}
.ft_link_list {
  display: flex;
}
.ft_link_list li {
  margin: 0 20px;
  padding: 5px 0;
  font-size: 1.4rem;
  font-weight: 400; 
  cursor: pointer;
}
.ft_link_list li a {
  padding: 5px 0;
  font-size: 1.4rem;
  font-weight: 400;  
}
.ft_link_list li:hover {
  text-decoration: underline;
}
.ft_family p {
  padding: 12px 32px;
  background-color: var(--light-gray);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 125%; 
  letter-spacing: -0.3px;  
}
.address>p {
  margin-top: 10px;
}
.address>p:first-child {
  margin-top: 0;
}
.address_tit {
  display: inline-block;
  min-width: 81px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 125%; 
  letter-spacing: -0.3px;  
} 
.address_info {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 125%; 
  letter-spacing: -0.3px;  
}

/* index */
/* cont_summary */
.educe_main {
  position: relative;
}
.cont_summary {
  position: relative;
  width: 100%;
  height: 100vh;
}
.bg_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.bg_wrap .bg_video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.main_tit_area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  font-size: 10rem;
  text-align: center;
}
.main_tit_inner {
  position: relative;
}
.main_tit2,
.main_tit3,
.main_tit4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  visibility: hidden;
}
.main_tit_box {
  position: relative;
}
.main_tit_educe {
  width: 367px;
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
}
.main_tit_educe img {
  width: 367px;
  vertical-align: top;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.main_title {
  position: relative;
  height: 90px;
  padding-top: 4px;
  overflow: hidden;
  font-size: 9rem;
  letter-spacing: -7.2px;
}
.main_title span {
  display: inline-block;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.main_title_bar {
  position: absolute;
  left: 50%;
  top: 80px;
  width: 0;
  height: 4px;
  background-color: var(--black-100);
}
.sec_link {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
}
.sec_link_odd {
  bottom: -160px;
}
.sec_link_even {
  bottom: -280px;
}
.btn_sec_link {
  display: inline-block;
  position: relative;
  height: 46px;
  padding: 16px 34px 0;
  border-radius: 30px;
  overflow: hidden;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.28px;  
}
.btn_sec_link .bg_btn_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.btn_sec_link .bg_video_lott {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  z-index: 0;
}
.btn_sec_link span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.bar_box {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50%;
  width: 210px;
  height: 172px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bar_box:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 172px;
  background: url(https://image.educe.co.kr/educe/main/bar_left.png) no-repeat left top/cover;
}
.bar_box:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 172px;
  background: url(https://image.educe.co.kr/educe/main/bar_right.png) no-repeat left top/cover;
}
.main_nav {
  display: flex;
  flex-direction: row-reverse;
  position: fixed;
  top: 50%;
  left: -195px;
  z-index: 100;
  transform: rotate(270deg);
}
.main_nav li {
  margin: 0 30px;
  font-size: 1.4rem;
  font-weight: 600;
}
.main_nav li a {
  padding: 5px 0;
}
.main_nav li:hover a {
  text-decoration: underline;
}
.quick_menu {
  position: fixed;
  right: 40px;
  bottom: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.quick_menu.up {
  bottom: 130px;
}
.quick_menu li {
  display: flex;
  justify-content: end;
  position: relative;
  margin-top: 10px;
  font-size: 1.4rem;
}
.quick_menu li a {
  display: inline-block;
  width: 48px;
  height: 48px;  
  padding: 16px 0 0 24px;
  overflow: hidden;
  background: rgba(2, 0, 15, 0.80);
  border-radius: 24px;  
  color: var(--white);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.quick_menu li:hover a {
  width: 150px;
}
.quick_menu li a p {
  visibility: hidden;
  opacity: 0;
}
.quick_menu li.enter a p {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.1s 0.1s;
  transition: all 0.1s 0.1s; 
}
.quick_menu li.leave a p {
  visibility: hidden;
  opacity: 0;
}
.quick_menu li a:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
}
.quick_menu li.quick_free a:after {
  background: url(https://image.educe.co.kr/educe/main/ico_free.png) no-repeat left top/cover;
}
.quick_menu li.quick_update a:after {
  background: url(https://image.educe.co.kr/educe/main/ico_update.png) no-repeat left top/cover;
}
.quick_menu li.quick_notice a:after {
  background: url(https://image.educe.co.kr/educe/main/ico_notice.png) no-repeat left top/cover;
}
.btn_top {
  position: fixed;
  right: 40px;
  bottom: 40px;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.40);
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  -webkit-transition: all 0.1s 0.1s;
  transition: all 0.1s 0.1s;  
}
.btn_top:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_up.png) no-repeat center center/cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.1s 0.1s;
  transition: all 0.1s 0.1s;  
}
.btn_top:hover {
  background: rgba(0, 0, 0, 0.70);
}
.btn_top:hover:after {
  margin-top: -5px;
}
.btn_top.visible {
  visibility: visible;
  opacity: 1;
}
.ico_scroll {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  width: 56px;
  height: 56px;
  margin: 0 auto;
  z-index: 100;
}
.ico_scroll.scroll_bottom {
  visibility: hidden;
}

/* cont_strategy */
.cont_strategy {
  padding-top: 240px;
  padding-bottom: 50px;
  background-color: var(--bg-light-gray);
  overflow: hidden;
  text-align: center;
}
.inner {
  width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
.inner_strategy {
  position: relative;
}
.bar_ani {
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  width: 208px;
  height: 172px;
  margin: 0 auto;
  background: url(https://image.educe.co.kr/educe/main/bar_gradient.png) no-repeat left top/cover;
  opacity: 0;
}
.cont_sec_tit {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -1.2px;
  opacity: 0;
}
.cont_sec_desc {
  margin-top: 20px;
  font-size: 3.2rem;
  font-weight: 200;
  line-height: 120%; 
  letter-spacing: -1.6px;
  opacity: 0;
}
.main_cont_list {
  display: flex;
  justify-content: space-between;
  margin-top: 74px;
  min-height: 354px;
  opacity: 0;
}
.main_cont_list li {
  position: relative;
  cursor: pointer;
}
.list_inner {
  position: relative;
  width: 286px;
  height: 286px;
  padding: 40px 28px;
  background-color: var(--white);
  z-index: 10;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.main_cont_list li:before {
  content: '';
  position: absolute;
  top: -82px;
  left: -52px;
  width: 390px;
  height: 450px;
  background: url(https://image.educe.co.kr/educe/main/bg_shadow_blur.png) no-repeat center center/cover;
  opacity: 0.2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ico_video {
  width: 96px;
  margin: 0 auto;
}
.list_tit {
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -1px;
}
.list_desc {
  min-height: 54px;
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 125%; 
  letter-spacing: -0.7px;
}
.list_btn_row {
  margin-top: 20px;
  opacity: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.main_cont_list li:hover .list_inner {
  height: 354px;
  -webkit-transform: translateY(-34px);
  transform: translateY(-34px);
}
.main_cont_list li:hover .list_btn_row {
  opacity: 1;
}
.main_cont_list li:hover:before {
  top: -104px;
  left: -70px;
  width: 426px;
  height: 494px;
  opacity: 1;
}

/* cont_interview */
.cont_interview {
  padding-top: 100px;
  background-color: var(--bg-light-gray);
}
.cont_interview .inner {
  position: relative;
}
.intv_tit {
  padding: 120px 0 70px;
}
.cont_interview .intv_tit .cont_sec_tit, 
.cont_interview .intv_tit .cont_sec_desc {
  text-align: center;
}
.interview_wrap {
  position: relative;
}
.intv_desc1_wrap,
.intv_desc2_wrap {
  position: relative;
}
.img_wrap {
  position: absolute;
  top: 340px;
  right: 20px;
}
.intv_desc1,
.intv_desc2,
.intv_desc3 {
  padding-bottom: 100px;
}
.photo_list {
  display: flex;
  margin-bottom: 50px;
  padding-left: 10px;
}
.photo_list li {
  margin-left: -10px;
  opacity: 0;
}
.photo_list li:nth-child(2) {
  transform: translateX(-10px);
}
.photo_list li:nth-child(3) {
  transform: translateX(-20px);
}
.photo_list li:nth-child(4) {
  transform: translateX(-30px);
}
.photo_list li:nth-child(5) {
  transform: translateX(-40px);
}
.photo_list img {
  width: 62px;
}
.intv_tit_area {
  opacity: 0;
  transform: translateY(80px);
}
.intv_tit_area .cont_sec_tit,
.intv_tit_area .cont_sec_desc {
  opacity: 1;
}
.pass_num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  background-color: var(--black-60);
  border: 3px solid #FBFBFB;
  border-radius: 50%;
  box-sizing: content-box;
  color: var(--white);
  font-size: 1.2rem;
  line-height: 120%;
  letter-spacing: -0.6px;  
}
.cont_interview .intv_tit_area .btn_link {
  position: relative;
  top: -3px;
}
.cont_interview .cont_sec_tit,
.cont_interview .cont_sec_desc {
  text-align: left;
}
.cont_interview .cont_sec_desc b {
  font-weight: 500;
}
.pass_num2 {
  display: inline-block;
  margin-top: 80px;
  opacity: 0;
  transform: translateY(80px);
}
.pass_num2 .num {
  display: inline-block;
  font-size: 12rem;
  font-weight: 700;
  line-height: 76%; 
  letter-spacing: -6px;  
}
.pass_num2 .tit {
  display: inline-flex;
  justify-content: end;
  width: 100%;
  margin-top: 10px;
  color: var(--black-40);
  font-weight: 500;
  line-height: 125%; 
  letter-spacing: -0.8px;  
}
.img_frame_top {
  position: absolute;
  top: 345px;
  left: 305px;
  width: 80px;
  height: 80px;
  background: url(https://image.educe.co.kr/educe/main/frame_left.png) no-repeat left top/100%;
  opacity: 1;
  z-index: 20;
}
.img_frame_bottom {
  position: absolute;
  bottom: 345px;
  right: 305px;
  width: 80px;
  height: 80px;
  background: url(https://image.educe.co.kr/educe/main/frame_right.png) no-repeat left top/100%;
  opacity: 1;
  z-index: 20;
}
.img_area {
  position: relative;
  width: 612px;
  height: 690px;
}
.img_area1,
.img_area2,
.img_area3 {
  position: absolute;
  top: -20px;
  left: 0;
  width: 612px;
  height: 690px;
  visibility: hidden;
  opacity: 0;
}
.img_box {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.img_box1,
.img_box2,
.img_box3,
.img_box4,
.img_box5,
.img_box6 {
  top: 80px;
  opacity: 0;
}
.img_box img {
  position: absolute;
  top: 60px;
  left: 53px;
  width: 498px;
  z-index: 1;
}
.img_box_shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://image.educe.co.kr/educe/main/bg_shadow_blur_lg.png) no-repeat center center/cover;
  z-index: 0;
}
.pagination {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 56px;
}
.pagination li {
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border: 2px solid var(--black-20);
  border-radius: 50%;
}

/* cont_inspection */
.cont_inspection {
  padding-top: 150px;
  background-color: var(--bg-light-gray);
}
.insp_tit {
  padding: 100px 0 0;
}
.cont_inspection .insp_tit .cont_sec_tit, 
.cont_inspection .insp_tit .cont_sec_desc {
  text-align: center;
}
.inspect_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 0;
  padding-bottom: 200px;
}
.img_list_wrap {
  position: relative;
}
.border_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 264px;
  border-style: solid;
  border-color: var(--bg-light-gray);
}
.img_list {
  display: grid;
  grid-template-columns: 132px 132px 132px 132px 132px;
  grid-template-columns: 132px 132px 132px 132px 132px;
  grid-gap: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.img_list li {
  position: relative;
  width: 132px;
  height: 132px;
}
.img_list li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 132px;
  vertical-align: top;
}
.img_list li img:nth-child(2) {
  opacity: 1;
}
.img_list li img:nth-child(2) {
  visibility: hidden;
  opacity: 0;
}
.line_grad_left {
  position: absolute;
  top: -62px;
  left: -79px;
  width: 220px;
  height: 200px;
  background: url(https://image.educe.co.kr/educe/main/line_grad_left.png) no-repeat left top/cover;
}
.line_grad_right {
  position: absolute;
  bottom: -100px;
  right: -127px;
  width: 330px;
  height: 300px;
  background: url(https://image.educe.co.kr/educe/main/line_grad_right.png) no-repeat left top/cover;
}
.insp_desc {
  padding-top: 70px;
  opacity: 0;
}
.page_link_list {
  margin-top: 60px;
  text-align: right;
}
.page_link_list li {
  margin-top: 16px;
}
.page_link_list li:first-child {
  margin-top: 0;
}

/* cont_ai */
.cont_ai {
  padding-top: 180px;
  padding-bottom: 50px;
  background-color: var(--bg-light-gray);
  text-align: center;
}
.cont_ai .main_cont_list {
  min-height: 402px;
}
.cont_ai .list_inner {
  height: 334px;
}
.cont_ai .main_cont_list li:hover .list_inner {
  height: 402px;
}
.cont_ai .main_cont_list li:hover:before {
  top: -84px;
  left: -70px;
  width: 426px;
  height: 514px;
  opacity: 1;
}
.inspect_wrap .cont_sec_tit,
.inspect_wrap .cont_sec_desc {
  opacity: 1;
  text-align: right;
}

/* modal */
/* modal: 샘플보기 */
.modal_wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  background-color:rgba(0,0,0,0.3);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 500;        
}
.modal_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  padding: 24px;
  background-color: var(--white);   
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.modal_cont_tiny {
  width: 320px;
}
.modal_cont_smaller {
  width: 498px;
}
.modal_cont_small {
  width: 604px;
}
.modal_cont_medium {
  width: 816px;
}
.modal_cont_moderate {
  width: 1000px;
}
.modal_cont_large {
  width: 1062px;
}
.modal_hd {
  position: relative;
}
.modal_tit {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.9px;
}
.modal_tit_btn {
  display: flex;
  align-items: center;
}
.btn_link {
  height: 20px;
  margin-left: 10px;
  padding: 0 8px;
  background-color: var(--black-80);
  border-radius: 1px;
  color: var(--white);
  font-size: 12px;
  letter-spacing: -0.6px;  
}
.btn_link span {
  position: relative;
  padding-left: 14px;
}
.btn_link span:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 9px;
  height: 9px;
  background: url(https://image.educe.co.kr/educe/main/ico_target.png) no-repeat left top/cover;
}
.btn_close {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.btn_close:before, 
.btn_close:after {
  content: ' ';
  position: absolute;
  top: 2px;
  left: 9px;
  height: 16px;
  width: 1.5px;
  background-color: var(--black-80);
}
.btn_close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn_close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sample_wrap {
  max-height: 570px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid var(--black-10);
}
.sample_wrap.sample_wrap_of {
  padding: 5px;
}
.sample_wrap.sample_wrap_of img {
  width: 536px;
}
.sample_wrap img {
  width: 100%;
}
.modal_bd {
  margin-top: 18px;
}
.sample_wrap2 {
  display: flex;
  justify-content: space-between;
  max-height: 570px;
  overflow-y: auto;  
}
.sample_wrap2>div {
  width: 496px;
  padding: 10px;
  border: 1px solid var(--black-10);
}
.sample_wrap2>div img {
  width: 100%;
}
.sample_wrap3 {
  display: flex;
  justify-content: space-between;
  height: 554px;
}
.sample_wrap3>ul {
  width: 252px;
  border: 1px solid var(--black-10);
  border-right: none;
}
.sample_wrap3>div {
  width: 516px;
  padding: 10px;
  border: 1px solid var(--black-10);
}
.auland_tab li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 138px;
  background-color: var(--light-gray);
  border-top: 1px solid var(--black-10);
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}
.auland_tab li:first-child {
  border-top: none;
}
.auland_tab li p {
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
}
.auland_tab li.selected {
  background-color: var(--white);
}
.tab_cont2,
.tab_cont3,
.tab_cont4 {
  display: none;
}
.auland_tab_cont>div {
  width: 100%;
  height: 532px;
  overflow-y: auto;
}
.auland_tab_cont>div img {
  width: 100%;
}

/* modal: 이용약관 */
.modal_terms_box {
  width: 100%;
  height: 362px;
  overflow-y: auto;
  margin-top: 17px;
  padding: 16px;
  background-color: var(--light-gray);
}
.modal_terms_box .policy_wrap {
  position: relative;
}
.policy_check_row {
  margin-top: 15px;
  text-align: center;
}
.modal_btn_row {
  margin-top: 33px;
  text-align: center;
}

/* modal: 개인정보의 수집 및 이용 목적 */
.modal_privacy_box {
  max-height: 396px;
  overflow-y: auto;
  padding: 16px;
  background-color: var(--light-gray);
  color: var(--black-60);
  font-size: 1.3rem;
  line-height: 150%; 
}
.modal_privacy_box p:first-child {
  margin-top: 0;
}
.modal_privacy_box p {
  margin-top: 20px;
}

/* modal: 자주 묻는 질문 Best */
.modal_cont.padd0 {
  padding: 24px 0 0;
}
.modal_cont.padd0 .modal_hd {
  padding: 0 24px;
}
.modal_cont.padd0 .modal_hd .btn_close {
  right: 24px;
}
.tag_row {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 700;
}
.tag_row .faq_tag {
  background-color: var(--black-80);
  border-color: var(--black-80);
  color: #fff;
}
.modal_faq_tit {
  margin-top: 20px;
  padding-left: 30px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 150%; 
  letter-spacing: -0.9px;  
}
.modal_faq_bd {
  display: flex;
  max-height: 400px;
  padding: 24px;
  overflow-y: auto;
  background-color: var(--light-gray);
}

/* modal: 합격자 자기소개서 등록 예시 */
.intro_box {
  display: flex;
  justify-content: space-between;
  padding: 16px 16px 8px;
  border-radius: 2px;
  background-color: var(--light-gray);
}
.career_tag {
  margin-right: 10px;
  padding: 6px 8px;
  background-color: #339AFD;
  border-radius: 2px;
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.5px;  
}
.career_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width: 693px;
  color: var(--black-80);
  font-size: 1.3rem;
  letter-spacing: -0.65px;  
}
.career_list li {
  position: relative;
  margin-right: 15px;
  margin-bottom: 10px;
}
.career_list li:after {
  content: '|';
  position: absolute;
  top: 0;
  right: -8px;
  color: var(--black-20);
}
.career_list>li:last-child:after {
  display: none;
}
.career_tit {
  font-weight: 700;
}
.career_sample_list {
  max-height: 440px;
  margin-top: 30px;
  overflow-y: auto;
}
.career_sample_list li {
  display: flex;
  margin-top: 30px;
}
.career_sample_list li:first-child {
  margin-top: 0;
}
.career_num {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 8px;
  background-color: var(--black-100);
  border-radius: 2px;
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;  
}
.sample_desc {
  color: var(--black-80);
  font-size: 1.3rem;
  line-height: 150%; 
  letter-spacing: -0.65px;  
}
.sample_desc p {
  margin-top: 20px;
}
.sample_desc p.career_sample_tit {
  margin-top: 0;
  font-weight: 700;
}

/* modal: 각종 후기 등록 */
.modal_input_cont {
  max-height: 520px;
  overflow-y: auto;
} 
.modal_input_area {
  padding: 16px;
  background-color: var(--light-gray);
  border-radius: 2px;
}
.modal_input_row {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.modal_input_row:first-child {
  margin-top: 0;
}
.modal_input_row>div {
  width: 348px;
}
.modal_input_tit {
  min-width: 72px;
  margin-right: 10px;
  font-size: 1.4rem;
  font-weight: 600;  
  line-height: 120%;
}
.modal_input_tit.ass {
  align-self: start;
  padding-top: 20px;
}
.required {
  position: relative;
}
.required:after {
  content: '*';
  position: absolute;
  top: 0;
  right: -12px;
  color: var(--notice-alert);
  font-size: 1.8rem;
}
.modal_input_sec {
  display: flex;
  align-items: center;
}
.modal_input_sec .form_select_row {
  width: 266px;
}
.modal_input_desc {
  width: 100%;
  height: 44px;
  padding: 14px 10px 10px 10px;
  background-color: var(--white);
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.4rem;
}
.modal_input_sec .form_input_row {
  width: 176px;
}
.modal_input_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.modal_input_sec .form_input {
  padding-right: 10px;
}
.modal_input_row.bor_top {
  padding-top: 16px;
  border-top: 1px solid var(--black-10);
}
.modal_input_row>div.modal_input_sec2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 654px;
}
.modal_input_sec2 .attach_file_area,
.modal_input_sec2 .radio_type {
  width: 654px;
}
.modal_input_sec2 .radio_type .radio_label {
  margin-bottom: 0;
}
.modal_input_row3 {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.modal_input_row2 {
  display: flex;
  justify-content: space-between;
  padding: 10px 16px;
}
.writing_sample_list {
  display: flex;
}
.writing_sample_list li {
  margin-right: 10px;
  padding: 11px 16px;
  background-color: var(--light-gray);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.3rem;
  font-weight: 500;
}
.modal_input_row2 .form_input_row {
  width: 654px;
}
.modal_input_row2 .form_input_row {
  width: 654px;
  margin-top: 0;
}
.modal_input_row2.bor_top {
  padding-top: 20px;
  border-top: 2px solid var(--black-80);
}
.modal_input_desc2 {
  color: var(--black-60);
  font-size: 1.3rem;
  line-height: 150%; 
  letter-spacing: -0.65px;  
}
.modal_btn_double {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
.modal_btn_double.mt32 {
  margin-top: 32px;
}
.modal_btn_double button {
  width: 200px;
  margin: 0 5px;
}
.modal_btn_double.w160 button {
  width: 160px;
}
.modal_check_box {
  margin-top: 24px;
  padding: 16px 0;
  background-color: var(--light-gray);
  text-align: center;
}
.modal_check_box .form_check_row {
  text-align: center;
}

/* modal: 기본형 이용권 보기 */
.modal_bd .vouch_hd {
  padding-bottom: 28px;
}
.modal_bd .vouch_info {
  margin-top: 0;
}
.modal_bd .vouch_list {
  margin-top: 30px;
}

/* modal : 이용권 구매 */
.payment {
  padding-top: 14px;
}
.price_wrap {
  margin-top: 10px;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.price_row {
  display: flex;
  justify-content: space-between;
  padding: 12px 10px;
  border-bottom: 1px solid var(--black-10);
  color: var(--black-80);
  font-size: 1.4rem;
}
.price_row:last-child {
  border-bottom: none;
}
.price span {
  font-size: 1.6rem;
  font-weight: 600;  
}
.sum_row {
  display: flex;
  justify-content: space-between;
  padding: 12px 10px;
  background-color: var(--bg-light-blue);
  border-top: 1px solid var(--black-80);
  color: var(--black-80);
  font-size: 1.4rem ;
  font-weight: 600;
}
.sum_row .price {
  color: var(--notice-alert);
  font-weight: 400;
}
.payment_wrap {
  min-height: 214px;
  margin-top: 30px;
  background-color: var(--bg-light-gray);
}
.btn_row_payment {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.btn_row_payment button {
  width: 160px;
  height: 40px;
  font-size: 1.4rem;
}
.btn_row_payment button:nth-child(2) {
  margin-left: 10px;
}

/* modal slide */
/* modal: 기업분석 */
.modal_slide .hd_inner {
  position: relative;
}
.modal_slide_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  padding-top: 100px;
  background-color:rgba(0,0,0,0.4);
  visibility: hidden;
  opacity: 0;
  z-index: 500;     
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;   
}
.modal_slide_wrap.visible {
  visibility: visible;
  opacity: 1;
}
.modal_slide_cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 120px;
  padding-bottom: 180px;
  background-color: var(--bg-light-gray);
  border-radius: 20px 20px 0 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s; 
  -webkit-transform: translateY(600px);
  transform: translateY(600px);  
}
.modal_slide_wrap.visible .modal_slide_cont {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);    
}
.modal_slide_hd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: var(--white);
  border-bottom: 1px solid var(--light-gray);
  border-radius: 20px 20px 0 0;
  z-index: 100;
}
.modal_slide_hd .btn_close {
  top: -26px;
  right: 20px;
}
.modal_slide_hd .btn_close:before,
.modal_slide_hd .btn_close:after {
  height: 15px;
  background-color: var(--white);
}
.hd_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
.hd_inner>div {
  display: flex;
  align-items: center;
  height: 80px;
}
.modal_com_logo {
  width: 80px;
  height: 80px;
  padding: 10px;
}
.modal_com_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal_com_nm {
  margin-left: 20px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -1px;  
}
.modal_com_nm.ml0 {
  margin-left: 0;
}
.modal_slide_hd .update {
  margin-right: 20px;
  color: var(--black-60);
  font-size: 1.2rem;
}
.modal_slide_hd p.update span {
  margin-left: 10px;
  color: var(--notice-alert);
}
.modal_slide_bd {
  height: calc(100vh - 200px);
  margin-top: 80px;
  padding: 40px 0 120px;
  overflow-y: auto;
}
.step_tit_row {
  display: flex;
  padding-top: 16px;
  border-top: 4px solid var(--black-80);  
}
.step_tit_row>div:nth-child(2) {
  padding-top: 4px;
}
.step_num {
  margin-right: 30px;
  text-align: center;
}
.step_num>p:nth-child(1) {
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -1.6px;
}
.step_num>p:nth-child(2) {
  font-size: 8rem;
  font-weight: 700;
  letter-spacing: -4px;  
}
.step_tit {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -1.3px;  
}
.chapter_box {
  margin-top: 64px;
  padding: 16px;
  /*
  background-color: var(--white);
  border: 1px solid var(--black-10);
  border-radius: 2px; 
  */
}
.chapter_tit_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chatper_tit {
  font-weight: 700;
}
.chatper_tit span {
  margin-left: 16px;
}
.sec_analysis {
  padding: 0 16px;
}

/* 기업분석 modal text style */
.txt_gray_small {
  color: var(--black-60);
  font-size: 1.2rem;
  line-height: 150%; 
}
.txt_black_regular {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 150%; 
}
.txt_black_midium {
  font-size: 1.4rem;
  line-height: 150%;
}
.txt_gray_border {
  margin-top: 16px;
  color: var(--black-60);
  padding-left: 10px;
  border-left: 2px solid var(--black-60);
  font-size: 1.2rem;
}

/* 기업분석 modal title style */
.tit_num_style {
  margin-top: 40px;
  font-size: 1.4rem;
  font-weight: 700;
}
.tit_num_style span {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 8px;
  padding: 4px 8px;
  background-color: var(--black-100);
  border-radius: 8px 0px;
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;   
}
.tit_txt_style {
  margin-top: 30px;
  font-size: 1.4rem;
  font-weight: 700;  
}
.tit_txt_style2 {
  font-weight: 600;  
}
.analysis_list {
  margin-top: 10px;
  background-color: var(--white);
  border-top: 2px solid var(--black-80);
}
.analysis_list li {
  display: flex;
  border-bottom: 1px solid var(--black-10);
}
.analysis_list li>div:nth-child(1) {
  width: 160px;
  padding: 20px;
  border-right: 1px solid var(--black-10);
  text-align: center;
}
.analysis_list li>div:nth-child(2) {
  width: 1048px;
  padding: 20px;
}
/* 육각형 모양 bg */
.symbol {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 50px;
  margin: 0 auto;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  color: var(--white);
  font-size: 2rem;
  font-weight: 600;  
}
.blue1 {
  background-color: #1C46E7;
}
.blue2 {
  background-color: #1292E8;
}
.blue3 {
  background-color: #36C5FB;
}
.tit_en {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 600;  
}
.tit_kr {
  margin-top: 10px;
  font-size: 1.2rem;
}

/* modal : 나의 스펙 수정 */
.modal_spec_manage .modal_com_nm {
  margin-left: 0;
}

/* modal: 자소서 가이드북 */
.guide_tit_wrap {
  display: flex;
  align-items: center;
}
.guide_tit_wrap>span {
  position: relative;
  margin-left: 40px;
  color: var(--black-80);
  font-size: 1.6rem;
}
.guide_tit_wrap>span:before {
  content: '|';
  position: absolute;
  top: 0;
  left: -20px;
  color: var(--black-20);
}
.report_box {
  padding: 16px;
  background-color: var(--white);
  border: 1px solid var(--black-10);
  border-radius: 2px; 
}
.report_tit_wrap {
  display: flex;
  align-items: center; 
  margin-bottom: 30px;
}
.report_tit {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.9px; 
}
.report_tit_desc {
  margin-left: 16px;
  color: var(--black-80);
  font-size: 1.8rem;
  letter-spacing: -0.9px;  
}
.report_desc_row {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.report_desc_row:first-child {
  margin-top: 0;
}
.report_desc_row .tit_num_style {
  margin-top: 0;
}
.report_desc_row .tit_num_style span {
  top: 0;
}
.report_desc {
  width: 1172px;
  color: var(--black-60);
  font-size: 1.4rem;
  line-height: 150%; 
}
.report_before,
.report_after {
  padding-top: 16px;
  border-top: 4px solid var(--black-80);
}
.report_before {
  margin-top: 40px;
}
.report_after {
  margin-top: 60px;
}
.report_before .tit,
.report_after .tit {
  margin-bottom: 42px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -1.3px;  
}
.report_before .tit .en,
.report_after .tit .en {
  margin-right: 30px;
  font-size: 3.2rem;
}
.report_desc_row2 {
  display: flex;
}
.tit_num_style2 {
  margin-right: 8px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; 
}
.report_desc2 {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 150%; 
}
.report_desc3 {
  margin-top: 16px;
  color: var(--black-60);
  font-size: 14px;
  line-height: 180%;
  margin-bottom: 40px;
}
.notice_box {
  padding: 16px 16px 16px 48px;
  background: url(https://image.educe.co.kr/educe/main/ico_notice_red.png) no-repeat 16px 16px/24px;
  border: 1px solid var(--notice-alert);
  border-radius: 2px;
  color: var(--notice-alert);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 150%; 
}
/* 첨삭 style */
.edit_fwbold {
  font-weight: 700;
}
.edit_through {
  text-decoration: line-through;
}
.edit_box {
  padding: 10px;
  background-color: var(--light-blue);
  border: 1px solid #C3D1FF;
  color: var(--notice-em);
  font-size: 1.4rem;
  line-height: 180%;  
}
.bullet_tit2 {
  position: relative;
  margin-top: 40px;
  padding-left: 30px;
  color: var(--black-80);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 150%; 
  letter-spacing: -0.7px;  
}
.bullet_tit2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(https://image.educe.co.kr/educe/pages/bullet2.png) no-repeat center center/cover;
}
.bullet_tit2 span {
  margin-left: 10px;
  font-weight: 400;
}
.report_desc3 b {
  font-weight: 700;
}

/* modal : E-GPT */
.modal_cont_egpt {
  width: 440px;
  padding: 30px;
  background: #000515 url(https://image.educe.co.kr/educe/pages/bg_egpt.png) no-repeat center bottom/100%;
  border-radius: 20px 0 20px 0;
  color: var(--white);
  text-align: center;
  z-index: 100;
}
.modal_cont_egpt .btn_close:before, 
.modal_cont_egpt .btn_close:after {
  background-color: var(--white);
}
.modal_egpt_tit {
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: -1.2px;
}
.modal_egpt_desc {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 150%; 
}
.egpt_info_box {
  margin-top: 22px;
  padding: 20px 16px;
  background-color: var(--white);
  border-radius: 15px 15px 0 0;
}
.egpt_info_tit {
  color: var(--black-80);
  font-size: 1.8rem;
  font-weight: 700;  
}
.egpt_info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
  color: var(--black-80);
  font-size: 1.4rem;
}
.egpt_info>div:nth-child(2) {
  margin: 0 24px;
}
.egpt_info .use_num {
  font-weight: 700;
}
.egpt_date {
  display: flex;
  justify-content: center;
  width: 290px;
  margin: 18px auto 0;
  padding: 10px 0;
  background-color: #8EA7FF;
  border-radius: 2px;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 600;
}
.egpt_info_box2 {
  position: relative;
  top: -1px;
  padding: 12px 16px 12px 58px;
  background: var(--bg-light-blue) url(https://image.educe.co.kr/educe/main/ico_bell.png) no-repeat 16px 14px/32px;
  border-radius: 0 0 15px 15px;
}
.egpt_info_box2 p {
  color: var(--black-80);
  font-size: 1.2rem;
  text-align: left;
  line-height: 150%;
}
.egpt_info_box2 p b {
  font-weight: 600;
}

/* modal: 직무선택 */
.part_desc {
  color: var(--notice-em);
  font-size: 1.4rem; 
}
.job_list_tit {
  display: flex;
  width: 100%;
  margin-top: 32px;
  background-color: #fff;
  border-top: 2px solid var(--black-80);
  border-bottom: 1px solid var(--black-60);
  overflow: hidden;
}
.job_list_tit li {
  position: relative;
  height: 40px;
  width: 318px;
  border-right: 1px solid var(--black-10);
  color: var(--black-80);
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
}
.job_list_tit li:last-child {
  border-right: none;
}
.job_list_area {
  display: flex;
  width: 100%;
  height: 220px;
  background-color: #fff;
  color: #555;
  font-size: 1.3rem;
  text-align: left;
}
.job_list_area>div {
  width: 318px;
  height: 220px;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid #DDD;
}
.job_list_area ul li {
  padding: 14px 20px 13px;
  color: var(--black-80);
  font-size: 1.3rem;
  cursor: pointer;
}
.job_list_area ul li:hover {
  background-color: var(--black-10)
}
.job_list_area ul li.selected {
  background-color: var(--bg-light-blue);
  font-weight: 600;
}
.job_result_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding: 0 15px 0 22px;
  background-color: #C3D1FF;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
  font-size: 1.5rem;
}
.job_select_result {
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
}
.job_select_result p {
  position: relative;
  margin-right: 46px;
}
.job_select_result p:last-child {
  margin-right: 0;
} 
.job_select_result p:after {
  content: '';
  position: absolute;
  top: 5px;
  right: -26px;
  width: 5px;
  height: 5px;
  border-top: 1.5px solid var(--black-100);
  border-left: 1.5px solid var(--black-100);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.job_select_result p:last-child:after {
  display: none;
}

/* modal: 자소서 불러오기 */
.modal_tbl_style {
  table-layout: fixed;
  width: 100%;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
  color: var(--black-80);
}
.modal_tbl_style th {
  vertical-align: middle;
  height: 40px;
  background-color: var(--light-gray);
  border-right: 1px solid var(--black-10);
  border-bottom: 1px solid var(--black-80);
  font-size: 1.4rem;
  font-weight: 600;
}
.modal_tbl_style th:last-child,
.modal_tbl_style td:last-child {
  border-right: none;
}
.modal_tbl_style td {
  padding: 8px 0;
  border-bottom: 1px solid var(--black-10);
  border-right: 1px solid var(--black-10);
  font-size: 1.4rem;
  text-align: center;
}

/* modal: 저장 완료 */
.modal_save_bd {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 24px 20px 24px;
}
.save_desc {
  padding-top: 90px;
  background: url(https://image.educe.co.kr/educe/main/ico_save.png) no-repeat center top/80px;
  font-weight: 600;
}

/* modal: AI 자소서 꾸미기 */
.deco_desc_box2 {
  display: flex;
  align-items: center;
  position: relative;
  height: 60px;
  padding-left: 76px;
  background-color: var(--bg-light-blue);
  line-height: 150%;
}
.deco_desc_box2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background: var(--notice-em) url(https://image.educe.co.kr/educe/main/ico_ai2.png) no-repeat center center/42px;
}
.deco_desc_box2 p {
  color: var(--black-80);
  font-size: 1.4rem;
}
.deco_desc_box2 p.deco_desc_st {
  font-size: 1.4rem;
  font-weight: 600;
}
.deco_desc_box3 {
  height: 312px;
  margin-top: 32px;
  padding: 10px;
  overflow-y: auto;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%;
}

/* modal: 항목주제 선택 */
.modal_item_select {
  padding-top: 100px;
}
.modal_item_select .modal_cont {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: none;
  transform: none;
}
.item_desc {
  color: var(--black-60);
  font-size: 1.4rem;
}
.item_list_wrap {
  margin-top: 32px;
  padding: 16px 0;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.item_list {
  display: flex;
  flex-wrap: wrap;
}
.item_list li {
  width: 284px;
  margin-right: 50px;
  margin-bottom: 6px;
}
.label_check_blue {
  width: 100%;
}
.item_list li:nth-child(3n) {
  margin-right: 0;
}
.label_check_blue {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 6px;
  color: var(--black-80);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%; 
  cursor: pointer;
}
.label_check_blue.checked {
  background-color: var(--bg-light-blue);
}
.form_check_blue {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  visibility: hidden;
  opacity: 0;
}
.check_mark_blue {
  position: absolute;
  top: 7px;
  left: 6px;
  width: 20px;
  height: 20px;
  background-color: var(--white);
  border: 1px solid var(--black-20);
  border-radius: 1px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.check_mark_blue:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.form_check_blue:checked ~ .check_mark_blue {
  background-color: var(--notice-em);
  border-color: var(--notice-em);
}
.form_check_blue:checked ~ .check_mark_blue:after {
  border-right: 1.5px solid var(--white);
  border-bottom: 1.5px solid var(--white);
}
.form_check_blue:checked ~ .chk_desc .chk_desc1 {
  color: var(--notice-em);
}
.chk_desc1 {
  color: var(--black-80);
  font-weight: 600;
}
.chk_desc2 {
  margin-top: 5px;
  color: var(--black-60);
  font-size: 1.2rem;
}

/* modal: 자기소개서 자동생성 */
.auto_box {
  height: 358px;
  margin-top: 32px;
  padding: 10px;
  overflow-y: auto;
  border: 1px solid var(--black-10);
  border-radius: 2px;
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%; 
}

/* modal: 자기소개서 자동생성 저장 */
.modal_save {
  padding: 120px 0 15px;
  background: url(https://image.educe.co.kr/educe/main/ico_ai.png) no-repeat center 20px/80px;
  text-align: center;
}
.save_desc1 {
  font-weight: 600;
  letter-spacing: -0.8px;
}
.save_desc2 {
  margin-top: 20px;
  color: var(--black-60);
  font-size: 1.4rem;
  line-height: 150%;
}

/* modal : pregress bar */
.modal_pregress {
  padding-bottom: 40px;
}
.modal_pregress .modal_tit {
  text-align: center;
}
.progress_desc {
  margin-top: 20px;
  color: var(--black-60);
  font-size: 1.4rem;
  line-height: 150%;
  text-align: center;
}
.progress_txt {
  margin-top: 30px;
  font-weight: 600;
  text-align: center;
}
#progressText,
#progressText2,
#progressText3 {
  font-size: 2.4rem;
}
.progress {
  width: 100%;
  height: 6px;
  margin-top: 10px;
  background-color: var(--bg-light-blue);
}
#progressBar,
#progressBar2,
#progressBar3 {
  width: 1%;
  height: 6px;
  background-color: var(--notice-em);
}

/* modal : 분석 결과 안내 */
.eval_result_desc {
  padding-top: 90px;
  background: url(https://image.educe.co.kr/educe/main/ico_result2.png) no-repeat center top/80px;
  font-weight: 600;
  text-align: center;
}
.eval_result_desc2 {
  margin-top: 20px;
  color: var(--black-60);
  font-size: 1.4rem;
  text-align: center;
}

/* modal: 전공 검색 */
.major_search_wrap {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 2px solid var(--black-80);
}
.major_search_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.major_search_row .form_input {
  width: 350px;
}
.major_search_result {
  margin-top: 30px;
  color: var(--black-80);
  font-size: 1.4rem;
}
.major_search_result b {
  font-weight: 600;
}
.major_search_result span {
  color: var(--orange-prime-darken);
}
.major_search_box {
  height: 240px;
  margin-top: 10px;
  padding: 10px;
  overflow-y: auto;
  border: 1px solid var(--black-10);
  border-radius: 2px;
}
.major_search_list li {
  padding: 7px 0;
  color: var(--black-80);
  font-size: 1.3rem;
  line-height: 120%;
}

/* modal: 현재까지 작성보기 */
.modal_preview .inner {
  position: relative;
  height: calc(100vh - 200px);
}
.preview_desc {
  position: relative;
  padding-left: 32px;
  color: var(--black-60);
  font-size: 1.2rem;
}
.preview_desc:before {
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(https://image.educe.co.kr/educe/main/ico_note.png) no-repeat left top/24px;
}
.preview_wrap {
  margin-top: 40px;
  padding: 20px 0 40px;
  border-top: 4px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.preview_sec {
  margin-top: 50px;
}
.preview_sec:first-child {
  margin-top: 0;
}
.preview_tit {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 150%; 
  letter-spacing: -0.9px;  
}
.preview_desc2 {
  margin-top: 10px;
  color: var(--black-80);
  font-size: 1.4rem;
  line-height: 150%;  
}
.preview_btn_row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.preview_btn_row .btn_save_hwp {
  position: relative;
  margin-left: 40px;
}
.preview_btn_row .btn_save_hwp:before {
  content: '';
  position: absolute;
  top: 8px;
  left: -20px;
  width: 1px;
  height: 20px;
  background-color: var(--black-10);
}
.preview_btn_row>span {
  margin-left: 10px;
  color: var(--black-60);
  font-size: 1.2rem;
  cursor: pointer;
}
.preview_btn_row>span:hover {
  text-decoration: underline;
}
.modal_quick_list {
  position: absolute;
  bottom: 120px;
  right: -230px;
}
.modal_quick_list li {
  width: 190px;
  margin-bottom: 10px;
  padding: 20px;
  background-color: var(--white);
  border-radius: 20px 0px;
  box-shadow: 0px 20px 20px 0px rgba(48, 52, 154, 0.08);
}
.modal_quick_tit {
  position: relative;
  width: 100%;
  color: var(--orange-prime-darken);
  font-weight: 600;
}
.modal_quick_tit:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
  background: url(https://image.educe.co.kr/educe/main/ico_arr_right.png) no-repeat center center/cover;
}
.modal_quick_desc {
  margin-top: 20px;
  color: var(--black-80);
  font-size: 1.2rem;
  line-height: 150%;
}
.modal_quick_desc b {
  font-weight: 600;
}