
/*공통*/


.inp,
.select {
  display: flex;
  position: relative;
  width: 100%;
  transition: all 0.4s;
}

.inp.focus {
  transition: all 0.4s;
  border: 1px solid #000000;
}

.inp_el.focus {
  transition: all 0.4s;
  border: 1px solid #000000;
}

.inp_com {
  display: flex;
  width: 100%;
  border-radius: 0.8rem;
  align-items: center;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
}
.inp_com.read_disabled {
  border: 1px solid #ddd;
  background: #ddd;
}
.inp_com.read_disabled.focus {
  transition: all 0.4s;
  border: 1px solid #ddd;
}
.inp_com.no_bg {
  border: 1px solid transparent;
  background: transparent;
}

.inp_com.has_el {
  padding-right: 0.8rem;
}

.inp_com span.el {
  position: relative;
  padding-right: 1.4rem;
  font-size: 1.6rem;
}

.inp_pw input {
  flex: none;
  width: 5.2rem;
  padding-right: 0;
}

.d_check {
  position: relative;
  display: inline-block;
}
.d_check input:checked + label {
  background-image: url("/image/btn_checkbox_on.jpg");
}
.d_check label {
  display: flex;
  height: 2.2rem;
  align-items: center;
  padding: 0 0 0 2.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #333333;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 2.2rem;
  background-image: url("/image/btn_checkbox_off.png");
}

.inner{
	width:100%;
	padding:0 2rem;
	margin: 0 auto;
}
.inner1{
	max-width:120rem;
}


.toggle_btn {
  width: 3rem;
  height: 2.5rem;
  position: relative;
  z-index: 600;
  cursor: pointer;
}
.toggle_btn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black;
  transition: 0.3s;
}
.toggle_btn span:nth-of-type(2) {
  top: 45%;
  width: 70%;
}
.toggle_btn span:last-of-type {
  bottom: 0;
}
.toggle_btn.active span:first-of-type {
  transform: translateY(1.2rem) rotate(45deg);
}
.toggle_btn.active span:nth-of-type(2) {
  opacity: 0;
}
.toggle_btn.active span:nth-of-type(3) {
  transform: translateY(-1.1rem) rotate(-45deg);
}

.login_btn button {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login_btn button i {
  width: 3rem;
  height: 3rem;
  background: url("/image/login.svg") no-repeat center/contain;
}
.login_btn button span {
  color: #5A5A5A;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
}

.form_wrap {
  display: flex;
  align-items: center;
  gap: 3rem;
}

.coei_sch_ip {
  max-width: 19.4rem;
  background-color: #f5f5f5;
  border-radius: 5rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid #e3e3e3;
}
.coei_sch_ip input[type=search] {
  height: 4rem;
  background-color: #f5f5f5;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  border: none;
  width: calc(100% - 3rem);
}
.coei_sch_ip button {
  width: 2rem;
  height: 2rem;
  border: 0;
  margin: 1rem;
  text-indent: -9999px;
  background: url("/image/ic_sch.png") no-repeat center/contain;
  overflow: hidden;
}

.my_list ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.4rem;
}
.my_list ul li {
  display: flex;
  align-items: center;
  position:relative;
}
.my_list ul li:not(:last-of-type)::after {
	content: '';
   display: block;
   position: absolute;
   right: -13px;
   top: 50%;
   width: 0.4rem;
   height: 0.4rem;
   border-radius: 50%;
   background-color: #E6E6E6;
   transform: translateY(-50%);
}
.my_list ul li span,
.my_list ul li strong {
  color: #333333;
  font-size: 1.5rem;
}
.my_list ul li strong {
  font-weight: 700; 
  color: #D9422B;
}
.my_list ul li .blue {
  color: #438EC8;
}

.h_menu {
  display: none;
  padding: 3rem 0;
  position: absolute;
  left: 0;
  bottom: 1px;
  transform: translate(0, 100%);
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #5A5A5A;
}
.h_menu > div > div {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.h_menu > div > div > div:first-of-type {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.h_menu > div > div > div:first-of-type strong {
  font-size: 2.2rem;
  font-weight: 700;
  color: #333333;
}
.h_menu > div > div > div:first-of-type a {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.8rem 2rem;
  border: 1px solid #e3e3e3;
  border-radius: 5rem;
  color: #333333;
}
.h_menu > div > div > div:last-of-type > ol {
  display: flex;
  flex-wrap: wrap;
  gap: 3.5rem 3rem;
}
.h_menu > div > div > div:last-of-type > ol > li {
      width: calc(100% / 6 - 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.h_menu > div > div > div:last-of-type > ol > li > div:first-of-type strong {
	font-size: 2rem;
   color: #333333;
   font-weight: 700;
   line-height: 1;
}

.h_menu > div > div > div:last-of-type > ol > li > div:last-of-type > ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.h_menu > div > div > div:last-of-type > ol > li > div:last-of-type > ul > li a {
  color: #333333;
  transition: color 0.2s ease-in-out;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 400;
}
.h_menu > div > div > div:last-of-type > ol > li > div:last-of-type > ul > li a:hover {
  color: #D9422C;
}

.coei_header {
  border-bottom: 1px #5A5A5A solid;
}

.coei_header > .header_pc > div:first-of-type {
  border-bottom: #E3E3E3 1px solid;
}
.coei_header > .header_pc > div:first-of-type > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 10rem;
  position: relative;
}
.coei_header > .header_pc > div:first-of-type > div > div > div:nth-of-type(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.coei_header > .header_pc > div:first-of-type > div > div > div:nth-of-type(2) h1 a {
  display: block;
}
.coei_header > .header_pc > div:first-of-type > div > div > div:nth-of-type(3) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
}
.coei_header > .header_pc > div:last-of-type {
  position: relative;
}
.coei_header > .header_pc > div:last-of-type > div > div > ul {
  display: flex;
  align-items: center;
}
.coei_header > .header_pc > div:last-of-type > div > div > ul > li {
  width: 20%;
}
.coei_header > .header_pc > div:last-of-type > div > div > ul > li:not(:last-of-type) > a {
  position: relative;
}
.coei_header > .header_pc > div:last-of-type > div > div > ul > li:not(:last-of-type) > a::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 1px;
  height: 2rem;
  background: #E3E3E3;
  top: 50%;
  transform: translateY(-50%);
}
.coei_header > .header_pc > div:last-of-type > div > div > ul > li > a {
  display: flex;
  justify-content: center;
  padding: 1.6rem 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  color: #333333;
  transition: color 0.2s ease-in-out;
}
.coei_header > .header_pc > div:last-of-type > div > div > ul > li > a:hover {
  color: #D9422C;
}

.coei_header > .header_mo{
	display:none;
}

.footer {
  background-color: #373744;
  padding: 4.5rem 0 3rem;
}
.footer > div > div:first-of-type {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.footer > div > div:first-of-type > div:first-of-type > div:first-of-type {
  margin-bottom: 2.5rem;
}
.footer > div > div:first-of-type > div:first-of-type > div:nth-of-type(2) {
  margin-bottom: 1rem;
}
.footer > div > div:first-of-type > div:last-of-type{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.footer > div > div:first-of-type > div:last-of-type > div:first-of-type {
  margin-bottom: 2rem;
}
.footer > div > div:last-of-type {
  display: none;
}
.footer > div > div:last-of-type > div:first-of-type {

}
.footer > div > div:last-of-type > div:nth-of-type(2) {
	margin-top:2rem;
}
.footer > div > div:last-of-type > div:nth-of-type(3) {
	margin-top:1rem;
}
.footer > div > div:last-of-type > div:nth-of-type(4) {
	margin-top:5rem;
}
.footer > div > div:last-of-type > div:nth-of-type(5) {
	margin-top:2rem;
}
.f_sns ul {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.f_sns ul li > a {
  display: block;
  text-indent: -9999px;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: rgba(255, 255, 255, 0.2);
}
.f_sns ul li:nth-of-type(1) > a {
  background-image: url("/image/ic-fb.svg");
}
.f_sns ul li:nth-of-type(2) > a {
  background-image: url("/image/ic-blog.svg");
}
.f_sns ul li:nth-of-type(3) > a {
  background-image: url("/image/ic-insta.svg");
}
.f_sns ul li:nth-of-type(4) > a {
  background-image: url("/image/ic-ntv.svg");
}
.f_sns ul li:nth-of-type(5) > a {
  background-image: url("/image/ic-youtube.svg");
}

.f_address {
  max-width: 36rem;
}
.f_address ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem 1rem;
}
.f_address ul li {
  position: relative;
  font-size: 1.4rem;
  color: #ffffff;
  font-weight: 300;
  line-height: 1;
}
.f_address ul li:nth-of-type(-n + 2)::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0.6rem, -50%);
  background-color: #ffffff;
  width: 1px;
  height: 70%;
}

.f_terms ul {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.f_terms ul li {
  position: relative;
}
.f_terms ul li:not(:last-of-type)::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(1.4rem, -50%);
  background-color: #ffffff;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
}
.f_terms ul li a span {
  font-size: 1.4rem;
  color: #ffffff;
  font-weight: 300;
  line-height: 1;
}

.f_copy {
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: 300;
  line-height: 1;
}




.quick {
  position: fixed;
  right: 2rem;
  z-index: 9;
}
.quick > div {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.quick > div > div:first-of-type {
  padding: 2rem 1rem 1rem;
  background-color: #fff;
  border-radius: 1rem;
  border: 1px solid #e3e3e3;
  max-width: 18rem;
  display:none;
}

.quick > div > div:first-of-type > div:first-of-type strong {
  font-size: 1.8rem;
  color: #333333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  display: block;
}
.quick > div > div:first-of-type > form{
	margin-top:1rem;
	display: flex;
    flex-direction: column;
    gap: 1rem;
}
.quick > div > div:first-of-type > form > div:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.quick > div > div:first-of-type > form > div:nth-of-type(1) input,
.quick > div > div:first-of-type > form > div:nth-of-type(1) select {
  font-size: 1.3rem;
  height: 3.8rem;
}
.quick > div > div:first-of-type > form > div:nth-of-type(1)  textarea {
  font-size: 1.3rem;
}
.quick > div > div:first-of-type > form > div:nth-of-type(1) ::-webkit-input-placeholder {
  font-size: 1.3rem;
}
.quick > div > div:first-of-type > form > div:nth-of-type(2) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.quick > div > div:first-of-type >  form > div:nth-of-type(2) button {
  line-height: 1;
  font-size: 1.2rem;
  color: #438EC8;
  text-decoration: underline;
}
.quick > div > div:first-of-type >  form > div:nth-of-type(3) button {
  height: 3.4rem;
  color: #fff;
  background-color: #bd3925;
  border-color: #bd3925;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 0.6rem;
  line-height: 1;
}
.quick > div > div:first-of-type >  form > div:nth-of-type(4) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quick > div > div:first-of-type >  form > div:nth-of-type(4) button {
  line-height: 1;
  color: #333333;
  font-weight: 400;
  font-size: 1.2rem;
}
.quick > div > div:last-of-type > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.quick > div > div:last-of-type > div > div:first-of-type {
  border-radius: 1rem;
  border: 1px solid #e3e3e3;
  padding: 1.5rem 1.8rem;
  background-color: #ffffff;
}
.quick > div > div:last-of-type > div > div:first-of-type ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li > a i {
  display: block;
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li > a span {
  font-size: 1.5rem;
  color: #333333;
  font-weight: 500;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li > a.type2 i {
  width: 4.4rem;
  height: 4.4rem;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li:nth-of-type(1) > a i {
  background-image: url("/image/quick-mypage.svg");
  background-size:2rem;
  background-color: #dcdcdc;
  border-radius:50%;
  cursor:pointer;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li:nth-of-type(2) > a i {
  background-image: url("/image/quick_icon5.svg");
  background-size:3rem;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li:nth-of-type(3) > a i {
  background-image: url("/image/quick_icon2.png");
  background-size:2.6rem;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li:nth-of-type(4) > a i {
  background-image: url("/image/quick_icon3.png");
  background-size:2.6rem;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li:nth-of-type(5) > a i {
  background-image: url("/image/quick_icon4.png");
  background-size:2.6rem;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li:nth-of-type(6) > a i {
  background-image: url("/image/quick_icon6.png");
  background-size:2rem;
}
.quick > div > div:last-of-type > div > div:first-of-type ul li:nth-of-type(7) > a i {
  background-image: url("/image/quick_qna1.png");
}
.quick > div > div:last-of-type > div > div:first-of-type ul li:nth-of-type(8) > a i {
  background-image: url("/image/quick_qna2.png");
}

.quick > div > div:last-of-type > div > div:last-of-type > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  box-shadow: 0 0 0.8rem 0.2rem rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.quick > div > div:last-of-type > div > div:last-of-type > button span {
  text-indent: -9999px;
  width: 1.9rem;
  height: 2.5rem;
  background: url("/image/top_icon.png") no-repeat center/contain;
}


/*공통 end*/
	.about_wrap{
		padding:1rem 0;
	}
	.about_wrap > div{
		margin:0 auto;
		width:100%;
		max-width:150rem;
	}
	.about_wrap > div > div{
		overflow-x:scroll;
		 scrollbar-width: none;
	}
	.about_wrap > div > div::-webkit-scrollbar {
		 display: none;  
	}
	.about_wrap > div > div > ul{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:1rem;
	}
	.about_wrap > div > div > ul > li{
		flex-shrink: 0;
	}
	.about_wrap > div > div > ul > li > a{
		display:block;
	}


	.error_wrap{
		padding-top:18rem;
		display:flex;
		align-items:stretch;
		justify-content:space-between;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(1) h2{
		font-size:4.2rem;
		color:#1e1e1e;
		font-weight:600;
		line-height:1;
		word-break: keep-all;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(1) p{
		font-size:1.8rem;
		color:#1e1e1e;
		font-weight:400;
		line-height:1;
		margin-top:1rem;
		word-break: keep-all;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(2){
		padding-top:3rem;
		margin-top:3rem;
		border-top:1px dashed #e3e3e3;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(2) ul{
		display:flex;
		flex-direction:column;
		gap:1rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(2) ul > li > p{
		font-size:1.8rem;
		color:#1e1e1e;
		font-weight:400;
		line-height:1;
		word-break: keep-all;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(2) ul > li > p > span{
		font-weight:600;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(2) ul > li > p > a{
		font-size:1.8rem;
		color:#0b57d0;
		font-weight:600;
		line-height:1;
		text-decoration:underline;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(3){
		margin-top:3rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(3) p{
		font-size:1.8rem;
		color:#1e1e1e;
		font-weight:400;
		line-height:1;
		word-break: keep-all;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(4){
		display:flex;
		align-items:center;
		gap:2rem;
		margin-top:4rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(4) > a{
		border-radius:1rem;
		border:1px solid #394158;
		font-size:1.8rem;
		font-weight:500;
		display:flex;
		align-items:center;
		justify-content:center;
		height:4.6rem;
		min-width:18rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(4) > a:nth-of-type(1){
		color:#ffffff;
		background-color:#394158;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(4) > a:nth-of-type(2){
		color:#394158;
		background-color:#ffffff;
	}

	



/*-----------------------------------------------------------반응형------------------------------------------------------------------*/

@media screen and (max-width:1400px) {
	.quick{
		display:none;
	}
}
@media screen and (max-width:1200px) {
		.error_wrap{
			justify-content:center;
		}
		.error_wrap > div:nth-of-type(2){
			display:none;
		}
}

@media screen and (max-width: 1024px) {
	.coei_header{
		position: fixed;
		z-index: 100;
		width: 100%;
	}
	.coei_header > .header_pc{
		display:none;
	}
	.coei_header > .header_mo{
		display:block;
		position: relative;
		background-color:#ffffff;
	}
	.toggle_btn {
	  width: 2rem;
	  height: 1.5rem;
	  position: relative;
	  z-index: 600;
	  cursor: pointer;
	}
	.toggle_btn span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: black;
	  transition: 0.3s;
	}
	.toggle_btn span:nth-of-type(2) {
	  top: 45%;
	  width: 70%;
	}
	.toggle_btn span:last-of-type {
	  bottom: 0;
	}
	.toggle_btn.active span:first-of-type {
	  transform: translateY(1.2rem) rotate(45deg);
	}
	.toggle_btn.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.toggle_btn.active span:nth-of-type(3) {
	  transform: translateY(-1.1rem) rotate(-45deg);
	}
	.coei_header > .header_mo > div:first-of-type > div > div{
		display:flex;
		align-items:center;
		justify-content:space-between;
		height:6rem;
	}
	.coei_header > .header_mo > div:first-of-type > div > div > div:nth-of-type(2){
		width:11.6rem;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
	.coei_header > .header_mo > div:first-of-type > div > div > div:nth-of-type(3) > a{
		display:flex;
		flex-direction:column;
		gap:0.5rem;
		align-items:center;
	}
	.coei_header > .header_mo > div:first-of-type > div > div > div:nth-of-type(3) > a > i{
		display:block;
		width:1.5rem;
		height:1.8rem;
		background:url('/image/counseling_center.svg') no-repeat center / contain;
	}
	.coei_header > .header_mo > div:first-of-type > div > div > div:nth-of-type(3) > a > span{
		color:#5A5A5A;;
		font-weight:500;
		font-size:1.1rem;
	}

	.mo_element{
		position:absolute;
		bottom:0;
		left:0;
		transform:translate(0,100%);
		border-width:1px 0 1px 0;
		border-style:solid;
		border-color:#e3e3e3;
		width:100%;
		transition:transform 0.4s ease;
		background-color:#ffffff;
	}
	.mo_element > div > div{
		overflow:scroll;
		padding:1.8rem 0;
	}
	.mo_element > div > div > ul{
		display:flex;
		justify-content:flex-start;
		align-items:center;
	}
	.mo_element > div > div > ul > li > a{
		font-size:1.6rem;
		font-weight:600;
		line-height:1;
		display:block;
		white-space:nowrap;
	}
	.mo_element > div > div > ul > li:not(:first-of-type){
		margin-left:3.2rem;
	}
	.mo_element.active{
		transform:translate(0,0);
	}

	.error_wrap{
		padding-top:8rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(1) h2{
		font-size:2.6rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(1) p{
		font-size:1.4rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(2) {
	    padding-top: 2rem;
	    margin-top: 2rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(2) ul > li > p{
		font-size:1.4rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(2) ul > li > p > a{
		font-size:1.4rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(3){
		margin-top:2rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(3) p{
		font-size:1.4rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(4) {
		gap: 1rem;
		margin-top: 2rem;
	}
	.error_wrap > div:nth-of-type(1) > div:nth-of-type(4) > a{
		border-radius: 0.8rem;
	   font-size: 1.4rem;
	   height: 3.6rem;
	   min-width: 16rem;
	}
}
	@media screen and (max-width:768px) {
		.footer > div > div:first-of-type{
			display:none;
		}
		.footer > div > div:last-of-type{
			display:block;
		}
	}
	@media screen and (max-width:575px) {
		.error_wrap{
			padding-top:4rem;
		}
		.error_wrap > div:nth-of-type(1) > div:nth-of-type(1) h2{
			line-height:1.3;
		}
		.error_wrap > div:nth-of-type(1) > div:nth-of-type(1) p{
			line-height:1.3;
		}
		.error_wrap > div:nth-of-type(1) > div:nth-of-type(2) ul > li > p{
			line-height:1.3;
		}
		.error_wrap > div:nth-of-type(1) > div:nth-of-type(3) p{
			line-height:1.3;
		}
		.error_wrap > div:nth-of-type(1) > div:nth-of-type(4){
			justify-content:center;
		}
		.error_wrap > div:nth-of-type(1) > div:nth-of-type(4) > a{
			width:calc(100% / 2 - 0.5rem)
		}
	}