@charset "utf-8";
body {background: #0F59B7;}

.mo {display: none;}

.m_cont {width: 100vw;left: 0px;top:0px;background: url(../img/visual_m.png) no-repeat 50% -70px;}

.m_cont .inner {width: 100%;min-width: 100%;/* min-height: 100vh; */}
.m_cont .inner ul li {padding: 10px;}

.logo {margin-top: 50px;}
.logo img{width: 220px;}

.m_cont .inner ul li.m_img {background: #e3e0da url(../img/m_obj.png) no-repeat 50% 10%;padding:80px 0 0 100px;}
.m_cont .inner ul li.m_text h1 {margin-top: 100px;}
.m_cont .inner ul li.m_text div{padding: 20px;line-height: 1.5;}
.m_cont .inner ul li.m_text div .page {background: url(../img/page_bg.png) no-repeat right top;max-width: 1540px;margin: 0 auto;}
.m_cont .inner ul li.m_text div h2 {max-width: 1500px;font-size: 48px;line-height: 1.4;font-weight: 300;color: #fff !important;margin: 0px auto 80px;}
.m_cont .inner ul li.m_text div .text-title{font-size: 48px;font-weight: 700;color: #fff;margin:20px 0;}
.m_cont .inner ul li.m_text div p {margin:15px 0;font-weight: 400;}
.m_cont .bt {margin-top: 20px;}

#m_footer.footer {width: 100%;padding: 10px;background: #000;/* bottom: 0; */text-align: center;}
#m_footer .copy {/* display: block; */padding: 10px 20px;}
.m_cont.completion .inner ul li {padding-top:130px;}
.m_cont.completion .inner ul li.m_text {background: transparent;}
.m_info {display: block;text-align: center;color: #fff;padding: 20px 0;}
.gsans {font-family: GmarketSansM; transform: rotate(-0.1deg);}
.flex {display: flex;}
.page .text {margin: 20px 0 0 50px;}
.event_box {background: #EAF1F4;border-radius: 5px;padding: 20px;text-align: center;width: 600px;    margin: 50px 90px 0 0;}
.text p.gsans {font-size: 25px; color: #000;}
.event_box p.gsans {font-size: 17px;color: #09A163;margin-top: -18px !important;margin-bottom: 20px !important;}
.index-under{ text-decoration: underline;}

@media (min-width:1920px){
.m_cont { background-size: cover; }
}

@media (max-width:1400px){
  .text p.gsans {font-size: 20px;}
}

@media (max-width: 1280px){
  .m_cont .inner ul li.m_text div .page {/* padding: 0; */}
  .flex { flex-direction: column;}
  .event_box {display: block;width: 100%;border-radius: 0;margin: 0;}
  .m_cont .m_text img {margin-top: 20px;max-width: 60vw;}
}

@media (max-width: 1024px){
  .page .text {margin: 0px;}
  .text p.gsans {font-size: 4vw !important;margin-right: 40px !important;}
  .logo img {max-width: 40%}
  .m_cont .inner ul li.m_text div .text-title,
  .m_cont .inner ul li.m_text div h2 {font-size: 24px;margin: 0 0 30px 0;}
}
@media (max-width:900px){
  .m_cont {background-size: 200%;background-position: 59% -34px;background-size: 180%;}
  .m_cont .inner ul li.m_text div .page {background: url(../img/page_bg_m.png) no-repeat right top;}

  .mo {display: block;}
}
@media (max-width:500px){
  .m_cont .inner ul li.m_text div {padding: 2vw;}
  .event_box p.gsans {font-size: 15px;}
  .m_cont .inner ul li.m_text div .text-title,
  .m_cont .inner ul li.m_text div h2 {font-size: 19px;margin: 0 0 20px;text-shadow: 2px 1px 10px #00000070;}
  .m_cont .inner ul li.m_text div .page {background-size: 150%}
  .m_cont .inner ul li.m_text div p,
  .m_info {font-size: 3.5vw;}


}
@media (max-width:380px){
  .event_box p.gsans {font-size: 14px;}
}