@charset "UTF-8";
/****************************************/
/*  Name : 에듀넷 재구조화
/*  PART : font style
/*  Author : 
/*
/*  Summary: /* 파일 내용 */
/*  01) GmarketSans
/*  02) Pretendard
/****************************************/
/* ********************************************************************************* *
* 01) GmarketSans // font-family: 'GmarketSans';
* ********************************************************************************* */
@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/GmarketSansBold.woff2") format("woff2"), url("../fonts/GmarketSansBold.woff") format("woff");
}
@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/GmarketSansMedium.woff2") format("woff2"), url("../fonts/GmarketSansMedium.woff") format("woff");
}
@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/GmarketSansLight.woff2") format("woff2"), url("../fonts/GmarketSansLight.woff") format("woff");
}
/* ********************************************************************************* *
* 02) Pretendard // font-family: 'Pretendard';
* ********************************************************************************* */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Pretendard-Light.woff2") format("woff2"), url("../fonts/Pretendard-Light.woff") format("woff");
}
/*변수*/
.color_red {
  color: #D50136 !important;
}

.color_yellow {
  color: #FFFF00 !important;
}

.color_blue {
  color: #2a55e4;
  font-weight: 600;
}

.color_navy {
  color: #083b87;
  font-weight: 600;
}

.color_purple {
  color: #865dd5;
  font-weight: 600;
}

.color_orange {
  color: #1f1b1a !important;
  font-weight: 600;
}

html {
  font-size: 62.5%;
}

html {
  overflow-x: hidden !important;
}

body {
  font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", arial, sans-serif;
  letter-spacing: -1px;
  word-wrap: break-word;
  word-break: break-all;
  color: #222;
}

/*에러페이지*/
.sub_content_box.error {
  position: relative;
  margin: 0 auto;
}
.sub_content_box.error:before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background: url(../images/error_page/bg_default_gray.png) no-repeat center center/cover;
  z-index: -1;
}
.sub_content_box.error .error_box {
  max-width: 600px;
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub_content_box.error .error_box .logo_color {
  width: 170px;
  height: 75px;
  display: block;
  margin: 0 auto 2rem;
  background: url(../images/error_page/img_logo.png) no-repeat center center/contain;
}
.sub_content_box.error .error_box .error_cont {
  width: 100%;
  background: #fff;
  padding: 4rem 2rem;
  border-radius: 30px;
  text-align: center;
}
.sub_content_box.error .error_box .error_cont img {
  width: 152px;
  height: 97px;
  -o-object-fit: contain;
     object-fit: contain;
}
.sub_content_box.error .error_box .error_cont .title {
  margin: 3rem 0 2rem 0;
  font-family: "GmarketSans", sans-serif;
  font-weight: 600;
  font-size: 3.6rem;
  color: #212121;
}
.sub_content_box.error .error_box .error_cont .desc li {
  font-size: 1.5rem;
  color: #5a5e6a;
}
.sub_content_box.error .error_box .error_cont .tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1rem;
  margin-top: 2rem;
}
.sub_content_box.error .error_box .error_cont .tel > li {
  font-size: 1.8rem;
  font-weight: 700;
  color: #212121;
}
.sub_content_box.error .error_box .error_cont .tel > li.color_blue {
  color: #2a55e4;
}
.sub_content_box.error .error_box .error_cont .tel > li:nth-child(2) {
  margin-right: -0.5rem;
}
.sub_content_box.error .error_box .error_cont .tel > li img {
  width: 86px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.sub_content_box.error .error_box .error_cont .error_btn_box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1rem;
  margin-top: 3rem;
}
.sub_content_box.error .error_box .error_cont .error_btn_box .btn_to_home {
  width: 120px;
  height: 44px;
  background: #2a55e4;
  color: #fff;
  border-radius: 44px;
  line-height: 44px;
}
.sub_content_box.error .error_box .error_cont .error_btn_box .btn_to_home:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/error_page/icon_home_wh.png) no-repeat center center/contain;
  margin-right: 0.5rem;
}
.sub_content_box.error .error_box .error_cont .error_btn_box .btn_to_home:hover {
  box-shadow: inset -9999px -9999px rgba(0, 0, 0, 0.2);
}
.sub_content_box.error .error_box .error_cont .error_btn_box .btn_to_cs {
  width: 173px;
  height: 44px;
  background: #3b3b40;
  color: #fff;
  border-radius: 44px;
  line-height: 44px;
}
.sub_content_box.error .error_box .error_cont .error_btn_box .btn_to_cs:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/error_page/icon_right_arrow.png) no-repeat center center/contain;
  margin-left: 0.5rem;
  vertical-align: middle;
}
.sub_content_box.error .error_box .error_cont .error_btn_box .btn_to_cs:hover {
  background: #000;
}
.sub_content_box.error .error_box .copyright {
  margin-top: 2rem;
  font-size: 1.4rem;
  color: #707586;
  font-weight: 500;
  text-align: center;
}