@charset "utf-8";

/* 스타일 초기화 */
* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #333;
  display: block;
}
html {
  font-size: 62.5%; /* 1rem=10px */
}
body {
  font-size: 1.6rem; /* 16px */
  overflow-x: hidden;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* 웹폰트 */
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
    format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Medium';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff')
    format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff')
    format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Bold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff')
    format('woff');
  font-weight: 700;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');

/* header */
header {
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 999;
}
.header_inner {
  width: 95%;
  margin: 0 auto;
  height: 10rem;
  position: relative;
  line-height: 10rem;
  display: flex;
  justify-content: space-between;
}
.header_inner h1 {
  line-height: 13rem;
}
.header_inner h1 img {
  width: 25rem;
}
.menu-container-wrap {
  font-size: 1.7rem;
  font-family: Pretendard-Bold;
}
.top_menu {
  display: inline-block;
  vertical-align: top;
  font-size: 2rem;
  text-align: center;
}
.top_menu > a {
  width: 15rem;
}
.hambuger {
  line-height: 9.8rem;
}
.hambuger > a {
  width: 2.3rem;
}
.top_menu:nth-child(5) {
  margin-right: 10rem;
}
.top_menu:last-child {
  margin: 0;
}
.sub_menu {
  display: none;
  height: 18rem;
  font-family: 'Pretendard-Regular';
}
.sub_menu > li {
  height: 6rem;
}
.header_container_bg {
  background: #734EF7;
  position: fixed;
  top: 10rem;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 21%;
  display: none;
  /* box-shadow: 0px 20px 20px 0px #2f2f2f23; */
}
nav a {
  text-align: center;
}
/* .sub_a::after {
    display: block;
    width: 15rem;
    content: '';
    border-bottom: 3px solid #fff;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    position: absolute;
    text-align: center;
    bottom: 0;
} */
/* .sub_a::after {display: none;} */
nav a:hover:after {
  transform: scaleX(1);
}
.top_menu > a:hover {
  color: #734EF7;
}
/* .sub_a:hover {color: #734EF7;} */
.sub_a {
  color: #fff;
}

/* overlay_menu */
.overlay_mobile {
  display: none;
}
.overlay {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  overflow-x: hidden;
  overflow-y: hidden;
  transition: 0.3s;
}
.overlay_header {
  width: 96.3%;
  margin: 0 auto;
  height: 10rem;
  line-height: 10rem;
  display: flex;
  justify-content: space-between;
}
.overlay-content {
  position: relative;
  top: 14%;
  left: 40%;
  width: 100%;
  margin-top: 30px;
  font-family: Montserrat;
  font-weight: 700;
  margin: 0 auto;
}
.overlay-content ul {
  width: 100%;
}
.mobile_submenu {
  width: 100%;
  display: none;
}
.overlay .blue,
.overlay_header a {
  padding: 0.7%;
  font-size: 6.7rem;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.overlay .closebtn {
  font-size: 50px;
  line-height: 8rem;
}
.overlay .logowhite {
  line-height: 7rem;
}
.overlay .logowhite img {
  width: 25rem;
}
.overlay_footer {
  position: absolute;
  top: 74%;
}
.first {
  position: relative;
}
.first::after {
  position: absolute;
  content: '';
  display: inline-block;
  z-index: -1;
  border-bottom: 50px solid #734EF7;
  transition: width 250ms ease-out;
  left: auto;
  bottom: 10%;
  right: 0;
  width: 0;
}
.second {
  position: relative;
}
.second::after {
  position: absolute;
  content: '';
  display: inline-block;
  z-index: -1;
  border-bottom: 50px solid #734EF7;
  transition: width 250ms ease-out;
  left: auto;
  bottom: 10%;
  right: 0;
  width: 0;
}
.third {
  position: relative;
}
.third::after {
  position: absolute;
  content: '';
  display: inline-block;
  z-index: -1;
  border-bottom: 50px solid #734EF7;
  transition: width 250ms ease-out;
  left: auto;
  bottom: 10%;
  right: 0;
  width: 0;
}
.fourth {
  position: relative;
}
.fourth::after {
  position: absolute;
  content: '';
  display: inline-block;
  z-index: -1;
  border-bottom: 50px solid #734EF7;
  transition: width 250ms ease-out;
  left: auto;
  bottom: 10%;
  right: 0;
  width: 0;
}
.fifth {
  position: relative;
}
.fifth::after {
  position: absolute;
  content: '';
  display: inline-block;
  z-index: -1;
  border-bottom: 50px solid #734EF7;
  transition: width 250ms ease-out;
  left: auto;
  bottom: 10%;
  right: 0;
  width: 0;
}
.first:hover::after,
.second:hover::after,
.third:hover::after,
.fourth:hover::after,
.fifth:hover::after {
  width: 23%;
  left: 0;
  right: auto;
  transition: 0.3s;
}

.overlay_pc .overlay-content a span:nth-child(1) {
  color: rgb(255, 255, 255);
  transition: 0.3s;
}
.overlay_pc .overlay-content a span:nth-child(2) {
  color: rgb(0, 0, 0);
}
.overlay_pc .overlay-content a:hover span:nth-child(1) {
  transition: 0.3s;
  display: none;
}
.overlay_pc .overlay-content a:hover span:nth-child(2) {
  color: #fff;
}

@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/* sc10 contact*/
.sc10_container {
  width: 100%;
  margin: 0 auto;
  /* text-align: center; */
  color: #000;
  margin-bottom: 7%;
}
.sc10_wrap {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
}
.sc10_top {
  padding-top: 10%;
  padding-bottom: 4%;
  display: flex;
  justify-content: space-between;
}
.sc10_top h2 {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 13rem;
  letter-spacing: 2;
}

.sc10_top_left h2 {
  position: relative;
}
.sc10_top_left .has-animation {
  display: inline-block;
}

/* has-animation */
.has-animation {
  position: relative;
}
.has-animation p,
.has-animation img {
  opacity: 0;
}
.has-animation.animate-in p,
.has-animation.animate-in img {
  animation: textHidden 0.1s 0.9s forwards;
}
.has-animation.animate-in:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: -10;
}
.has-animation.animate-in:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 100%;
  z-index: -20;
  background-color: #734EF7;
}
.has-animation.animate-in:before {
  background-color: #000;
}
.has-animation.animate-in:after {
  animation-delay: 0.5s;
  height: 45%;
}
.has-animation.animation-ltr.animate-in:before {
  animation: revealLTR 1.2s ease;
}
.has-animation.animation-ltr.animate-in:after {
  animation: revealLTR_2 1s 1s ease;
  animation-fill-mode: forwards;
}

@keyframes revealLTR {
  0% {
    width: 0;
    left: 0;
  }
  65% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0%;
    left: 100%;
  }
}
@keyframes revealLTR_2 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes textHidden {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sc10_p1 {
  font-family: Pretendard-Medium;
  font-size: 2rem;
  margin-top: 3%;
  margin-bottom: 4%;
}
.sc10_top_right {
  background-color: #734EF7;
  width: 130px;
  height: 196px;
  position: relative;
}
.sc10_p2 {
  font-family: Pretendard-Medium;
  font-weight: 700;
  font-size: 2rem;
  color: #fff;
  display: inline-block;
  /* vertical-align: bottom; */
  position: absolute;
  bottom: 0;
  padding: 0 23.5% 10% 23%;
}
.sc10_bottom {
  max-width: 152rem;
  width: 100%;
  margin: 0 auto;
}
.sc10_bottom .formbox ul li::after {
  display: block;
  clear: both;
  content: '';
}
.sc10_bottom .formbox ul li {
  width: calc(100% / 2 - 10rem / 2);
  height: 6rem;
  float: left;
  display: flex;
  align-items: center;
  border-bottom: 3px solid #000;
  margin-right: 10rem;
  margin-bottom: 10rem;
  position: relative;
  z-index: 10;
}
.formbox ul li:nth-of-type(2n) {
  margin-right: 0;
}
.formbox ul li .formbox_head {
  /* width: 20%;  */
  box-sizing: border-box;
}
.formbox ul li .formbox_head p {
  font-family: Pretendard-Bold;
  font-size: 1.9rem;
}
.formbox ul li .formbox_cont {
  margin-left: 3rem;
  width: 80%;
}
.formbox ul li .formbox_cont input {
  width: 100%;
  border: none;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
  font-size: 1.7rem;
  background: transparent;
  outline-style: none;
  color: #FFFFFF;
}
.formbox input::placeholder {
  font-family: Pretendard-Regular;
  color: rgb(202, 202, 202);
}
.formbox .sc10_textarea h3 {
  margin-bottom: 3rem;
  font-weight: 600;
  font-size: 4rem;
  font-family: Pretendard-Bold;
  text-align: left;
}
.formbox .sc10_textarea textarea::placeholder {
  font-family: Pretendard-Regular;
}
.formbox .sc10_textarea textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 2rem;
  border: 3px solid #9d9d9d;
  font-size: 16px;
  /* resize: none;  */
  /* transition: height 0.3s;  */
  height: 48rem;
  margin-bottom: 5rem;
  outline-style: none;
}
.form_bottom {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10rem;
}
.form_bottom_left {
  display: flex;
  height: 24px;
}

.contact__agree .agree__txt,
.contact__agree .agree__conBtn {
  display: inline-block;
  vertical-align: middle;
}
.contact__agree .agree__txt input {
  display: none;
}
.contact__agree .agree__txt label .icon,
.contact__agree .agree__txt label .txt {
  display: inline-block;
  vertical-align: middle;
}
.contact__agree .agree__txt label .icon {
  width: 24px;
  height: 24px;
  border-bottom: 5px;
  border: 1px solid #000;
  text-align: center;
}
.contact__agree .agree__txt label .icon i {
  vertical-align: middle;
  font-size: 22px;
  color: transparent;
  font-weight: bold;
}
.contact__agree .agree__txt label .txt {
  font-size: 18px;
  margin-left: 8px;
}
.contact__agree .agree__txt input:checked + label .icon i {
  color: #5da2fe;
}

.contact__agree .agree__conBtn {
  padding: 4px 10px;
  border: 2px solid #000;
  background-color: transparent;
  color: #000;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 15px;
  cursor: pointer;
}

.form_bottom_right {
  text-align: center;
}
.form_bottom_right button {
  width: 48rem;
  height: 10rem;
  background: #734EF7;
  line-height: 10rem;
  border: none;
  cursor: pointer;
  font-size: 2rem;
  color: #fff;
  position: relative;
  z-index: 1;
}

/* map 오시는길 */
.contact_map_container {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 6%;
}
.contact_map_wrap {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
}
.contact_map_wrap p {
  font-family: Pretendard-Bold;
  font-size: 4.4rem;
  margin-bottom: 4%;
}
.contact_map_wrap span {
  font-family: Pretendard-Light;
  font-size: 2rem;
  color: #707070;
}
.contact_map_bottom {
  margin-top: 4%;
}
.root_daum_roughmap {
  width: 100% !important;
}

.modal_2 {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal_content_2 {
  width: 40%;
  height: 31%;
  background: #fff;
  border-radius: 10px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
  box-sizing: border-box;
  padding: 2%;
  cursor: pointer;
  color: #000;
}
.modal_content_2 dl dt {
  font-size: 3rem;
  font-family: Pretendard-Bold;
  margin-bottom: 5%;
}
.modal_content_2 dl dd span {
  color: #734EF7;
}
.modal_content_2 dl dd {
  font-family: Pretendard-Regular;
  line-height: 3rem;
}

/* contact_modal */
.contact_modal {
  cursor: pointer;
}
.contact_modal_box {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.contact_modal_inner {
  width: 30%;
  height: 22%;
  background: #fff;
  border-radius: 10px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
  box-sizing: border-box;
  padding: 2%;
  cursor: pointer;
  color: #000;
}
.contact_modal_inner p {
  font-family: Pretendard-Regular;
  text-align: center;
  line-height: 17rem;
  font-size: 1.8rem;
}

/* footer */
footer {
  width: 100%;
  margin: 0 auto;
  background: #000;
  color: #fff;
}
.footer_container {
  width: 95%;
  margin: 0 auto;
  padding-top: 3%;
  padding-bottom: 2%;
}
.footer_title {
  font-size: 2.7rem;
  font-family: Pretendard-Bold;
  margin-bottom: 2%;
}
.footer_top span {
  font-family: Montserrat;
  font-weight: 700;
}
.footer_info {
  font-family: Pretendard-Regular;
  font-size: 1.4rem;
  margin-bottom: 1%;
}
.footer_bottom {
  display: flex;
  justify-content: space-between;
}
.footer_bottom p {
  line-height: 5rem;
}
.footer_icon a {
  display: inline-block;
  cursor: pointer;
}
.footer_icon img {
  max-width: 100%;
  height: auto;
}
.footer_icon a:nth-child(1) {
  width: 45px;
}
.footer_icon a:nth-child(2) {
  margin: 0 1rem;
}
.footer_icon a:nth-child(3) {
  margin: 0 1rem 0 0;
}
.modal_popup {
  background-color: transparent;
  color: #fff;
  border: 0;
  font-weight: 800;
  cursor: pointer;
}
.modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal_content {
  width: 40%;
  height: 31%;
  background: #fff;
  border-radius: 10px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
  box-sizing: border-box;
  padding: 2%;
  cursor: pointer;
  color: #000;
}
.modal_content dl dt {
  font-size: 3rem;
  font-family: Pretendard-Bold;
  margin-bottom: 5%;
}
.modal_content dl dd span {
  color: #734EF7;
}
.modal_content dl dd {
  font-family: Pretendard-Regular;
  line-height: 3rem;
}

.text_pc {
  display: block;
}
.text_mobile {
  display: none;
}

.map_pc {
  display: block;
}
.map_mobile {
  display: none;
}


/* 다음지도 */
.os_mac.root_daum_roughmap .section_address .tit, .os_mac.root_daum_roughmap .section_address .txt {
  color: #F2F2F2;
}
.os_mac.root_daum_roughmap .section .title {
  color: #F2F2F2;
}
.os_mac.root_daum_roughmap .section_subway .wrap_list li a {
  color: #F2F2F2;
}
.os_mac.root_daum_roughmap .section_busstop .wrap_list li a {
  color: #F2F2F2;
}
.root_daum_roughmap .section_busline .wrap_list .txt a {
  color: #F2F2F2;
}
.os_mac.root_daum_roughmap .section_busline .wrap_list .txt .txt_item {
  display: flex;
}

/* 반응형  mobile*/

/* 1050px */
/* 2048px~1920px */
@media screen and (max-width: 2048px) {
  html {
    font-size: 50%;
  }

  .overlay-content {
    top: 11%;
    left: 40%;
    /* left: 731px; */
  }
  .overlay_footer {
    top: 74%;
  }
  .main_visual .imgbox .bgimg {
    top: -41%;
    left: 16%;
    background-size: 80%;
  }
  .modal_content {
    height: 35%;
  }
  iframe {
    width: 1232px;
  }
}
@media screen and (max-width: 1920px) {
  .overlay-content {
    top: 10%;
    left: 38%;
    /* left: 731px; */
  }
  .overlay_footer {
    top: 73%;
  }
  .main_visual .imgbox .bgimg {
    top: -41%;
    left: 16%;
    background-size: 80%;
  }
}

@media screen and (max-width: 1050px) {
  .first::after,
  second::after,
  .third::after,
  .fourth::after,
  .fifth::after {
    display: none;
  }


  .sc10_wrap {
    width: 90%;
  }
  .contact_map_wrap {
    width: 90%;
  }
  .wrap_map {
    height: 500px;
  }
}
/* 1050px end */

/* 800px */
@media screen and (max-width: 800px) {
  .header_inner {
    width: 90%;
  }
  .header_inner h1 {
    line-height: 11.5rem;
  }
  .header_inner h1 img {
    width: 18rem;
  }
  header .menu .mobile {
    display: none;
  }
  header .hambuger {
    position: relative;
    left: 0;
    line-height: 9.5rem;
  }

  .sc10_top h2 {
    font-size: 7rem;
  }
  .sc10_p1 {
    font-size: 3rem;
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .sc10_p2 {
    font-size: 2.5rem;
    margin-bottom: 10%;
  }
  .formbox ul li .formbox_head p {
    font-size: 1.5rem;
  }
  .sc10_bottom .formbox ul li {
    width: calc(100% / 2 - 10rem / 2);
  }
  /* .sc10_bottom {padding-left: 5%;} */
  .formbox ul li:nth-of-type(3n) {
    margin-right: 5rem;
  }
  .formbox ul li:nth-of-type(5) .formbox_head {
    width: 35%;
  }
  .sc10_textarea {
    /* display: inline-block; */
    width: 90%;
    padding-left: 5%;
  }
  .form_bottom {
    justify-content: center;
  }

  /* overlay menu */
  .overlay_pc {
    display: none;
  }
  .overlay_mobile {
    display: block;
  }

  .overlay {
    overflow-y: visible;
  }
  .overlay .logowhite {
    line-height: 9rem;
  }
  .overlay .logowhite img {
    width: 18rem;
  }
  .overlay .closebtn {
    line-height: 10rem;
    font-size: 42px;
  }
  .overlay a,
  .blue {
    display: inline-block;
  }

  .mobile_submenu_button {
    display: inline-block;
    width: 5%;
    padding: 2% 2%;
  }
  .mobile_submenu > li > a > span {
    font-size: 2rem;
    line-height: 4rem;
    font-family: 'Pretendard-Regular';
    color: #fff;
  }
  .mobile_submenu li a {
    line-height: 3rem !important;
  }
  #hiddenList03 > li > a > span {
    font-family: Montserrat;
    font-weight: 500;
  }
  .overlay_mobile .overlay-content > ul > li > span,
  .overlay_mobile .overlay-content .mobile_submenu_single {
    color: #fff;
    font-size: 3.5rem;
    line-height: 5.5rem;
  }
  .rotate {
    transform: rotate(180deg);
    transition: 0.5s;
  }

  .wrap_map {
    height: 300px !important;
  }
  .map_mobile {
    display: block;
  }
}

/* 480px */
@media screen and (max-width: 480px) {
  .text_pc {
    display: none;
  }
  .text_mobile {
    display: block;
  }

  h6 {
    font-size: 2.5rem;
  }
  h4 {
    font-size: 6rem;
  }
  .sc10_top {
    width: 100%;
    margin: 40% auto 0;
    display: block;
    padding: 0 !important;
  }
  .sc10_top h2 {
    font-size: 6.3rem;
    letter-spacing: -1px;
  }
  .sc10_top_right {
    width: 100%;
    height: 8rem;
    margin: 0 auto;
    display: none;
  }
  .sc10_p1 {
    font-size: 1.6rem;
  }
  .sc10_p2 {
    /* vertical-align: bottom; */
    padding: 7% 19%;
    margin-bottom: 0;
  }
  .sc10_bottom .formbox ul li {
    width: 100% !important;
    margin: 0 auto;
    float: none;
    margin-bottom: 7rem;
  }
  .form_bottom_right button {
    width: 25rem;
    height: 7rem;
    line-height: 7rem;
  }
  .form_bottom {
    display: block;
  }
  .form_bottom_left {
    display: block;
    margin-bottom: 8%;
    text-align: center;
  }
  .form_bottom_right .contact_button {
    width: 30rem;
    height: 5rem;
    line-height: 5rem;
  }
  .form_bottom_right .button_container {
    width: 40rem;
  }
  .sc10_textarea {
    width: 100% !important;
    padding: 0 !important;
  }

  .formbox ul li .formbox_head {
    width: 30%;
  }
  .formbox ul li:nth-of-type(2) .formbox_head {
    width: 30%;
  }
  .formbox ul li .formbox_cont input {
    font-size: 1.4rem;
  }
  .input_5 {
    letter-spacing: -1px;
  }



  /* map */
  .contact_map_container {
    width: 100%;
  }
  .contact_map_bottom {
    /* width: 90%; */
    height: 400px;
    margin-bottom: 25%;
  }
  .contact_map_wrap span {
    font-size: 1.6rem;
  }
  .root_daum_roughmap {
    width: 100% !important;
    height: 400px !important;
  }
  .contact_map_wrap span {
    font-size: 1.6rem;
  }

  /* footer */
  .footer_title {
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 5%;
    font-size: 2rem;
  }
  .footer_info {
    margin-left: 5%;
    line-height: 1.5;
  }
  .footer_bottom {
    display: block;
    margin-left: 5%;
  }
  .footer_icon {
    padding: 5% 0;
  }

  /* overlay menu */
  .overlay_header {
    width: 90%;
  }
  .overlay-content {
    width: 90%;
    top: 5%;
    left: 0;
  }
  .overlay .blue {
    font-size: 3.5rem;
    line-height: 6rem;
    display: inline-block;
  }
  .overlay-content a span:nth-child(2) {
    display: none;
  }
  .footer_title {
    font-size: 1.6rem;
  }
  .footer_info {
    font-size: 1.3rem;
  }
  .footer_bottom {
    font-size: 1.2rem;
  }
  .footer_container {
    width: 90%;
    margin: 0;
  }

  .modal_content,
  .modal_content_2 {
    width: 90%;
    height: 40%;
    overflow-y: scroll;
    padding: 8%;
  }
  .modal_content dl dt,
  .modal_content_2 dl dt {
    font-size: 2.8rem;
    margin-bottom: 8%;
  }
  .modal_content dl dd,
  .modal_content_2 dl dd {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 390px) {
  .overlay_footer {
    top: 100%;
  }
  .footer_title {
    font-size: 1.5rem;
  }
  .footer_info {
    font-size: 1.2rem;
  }
  .footer_bottom {
    font-size: 1rem;
  }
  .footer_container {
    width: 90%;
    margin: 0;
  }
  .form_bottom_right .button_container {
    width: 23em;
  }
}