@media screen and (max-width:767px) {

  section, article, header, footer, nav, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dd, dt, img, a, form, input, select, option, fieldset, textarea, button, label, figure{font-size: 1.6rem;}

.pc{display: none;}
.m{display: block;}

.tel{top: 22px; right: 20px;}
.tel a{padding: 9px; }
.tel a span{margin-right: 0; }
.tel a p{display: none;}

.deachul{top: 45%; left: auto; right: 0; transform: translateX(0) translateY(-50%); flex-direction: column;}
.deachul a{display: block; padding: 10px 12px; border-radius: 10px 0 0 10px; font-size: .875em; writing-mode: vertical-lr; }
.deachul a:hover{padding: 10px 12px; }

.main1 .center{padding: 130px 0 80px 0;}
.main1 .center h1 a img{height: 60px;}

.section.main1 .center > figure img,
.section .center > figure img{width: 100%;}


.apply h2{padding: 16px 40px; font-size: 2.1rem; line-height: 1.4; animation: scale 600ms linear infinite;}

@keyframes scale {
  0% {transform: scale(1);}
  50% {transform: scale(1.02);}
  100% {transform: scale(1);}

}

.apply form{padding: 15px;}
.apply form .form_wrap{margin-bottom: 15px;}
.apply form .form_wrap .ip_wrap{display: block; margin-bottom: 15px; }
.apply form .form_wrap .ip_wrap .ip_comm{margin: 5px 0; height: 50px;}
.apply form .form_wrap .ip_wrap .btn_sm{margin: 5px 0; padding: 0; width: 100%; height: 50px; font-size: 1.6rem;}

.apply form .form_wrap .all_agree a{width: 100%; text-align: center; margin: 10px 0 5px; padding: 12px 0; font-size: 1.6rem; }

.apply form .form_wrap .agree_wrap{align-items: baseline; justify-content: flex-start; margin-right: 10px;}
.apply form .form_wrap .agree_wrap input{width: 14px;}
.apply form .form_wrap .agree_wrap .agree{width: 32%; align-items: center;}
.apply form .form_wrap .agree_wrap label{margin: 0; margin-left: 4px; line-height: 1.2; font-size: 1.4rem;}


.apply{margin-top: 30px; }
.apply .kakao{padding: 21px;}
.apply .kakao:after{right: 20px; }
.apply .kakao img{width: auto; height: 30px;}
.apply .kakao hgroup{margin-left: 15px; }
.apply .kakao hgroup h5{margin-bottom: 5px; font-size: 1.65rem;}
.apply .kakao hgroup p{font-size: 1.45rem; line-height: 1.4;}


#contents.main section{height: auto !important;;}
#contents.main section > .fp-tableCell{position: initial; transform: translate(0, 0); top: 0; left: 0; height: auto !important;}

.tbody_wrap h4{margin-bottom: 14px; font-size: 2rem; line-height: 1.4;}
.tbody_wrap h4:first-child{margin: 0 0 14px;}

.tbody_wrap .tbody{grid-template-columns: 1fr;}
.tbody_wrap .tbody dl dt{width: 110px;}
.tbody_wrap .tbody dl dd{width: calc(100% - 110px);}

.tbody_wrap .tbody dl dt,
.tbody_wrap .tbody dl dd{font-size: 1.55rem;}

#footer{height: auto !important; min-height: auto !important;}
#footer .fp-tableCell{height: auto !important; display: block !important; vertical-align: top !important;}
#footer .center{padding: 40px 0 80px;}

#footer p,
#footer .ft_wrap ul li,
#footer .info li{font-size: 1.45rem;}
#footer .check{padding: 10px 14px; font-size: 1.45rem;}
#footer .ft_wrap{display: block; }
#footer .ft_logo{height: 52px;}
#footer .ft_wrap ul{margin-left: 0; margin-top: 10px; }

#footer .info li{display: block; white-space: normal;}
#footer .info li:after{display: none;}

#quick{width: 100%; display: none; justify-content: space-between; align-items: center; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);}
#quick a{display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; background: #e10317; color: #fff; font-size: 1.8rem; padding: 26px 10px; font-weight: bold; }
#quick a span{margin-right: 10px; }
#quick a img{display: block; height: 20px;}
#quick a:last-child{background: #ffe21d; color: #222;}

/* #quick a:last-child{background: #c00000;} */
.top{display: none; position: fixed; right: 15px; bottom: 85px; padding: 10px; background: #181f2e; border-radius: 400px; width: 45px; height: 45px; justify-content: center; align-items: center; flex-direction: column; cursor: pointer;}
.top p,
.top span{color: #fff; font-size: 1.1rem; font-weight: 500;}

.active #quick{display: flex;}
.active .top{display: flex;}

}