@media (max-width:1280px){
  .inner{padding-left: 1rem !important; padding-right: 1rem !important;}
  br.m{display: none}
  #logo{left: 1rem}
  #logo{width: 295px}
  #lnb > ul > li > a{font-size: 19px;}

}
@media (max-width:1024px){
  html{font-size: 15px;}
  #lnb{display: none;}
  #header{height: 5rem}
  #header #logo{left: 1rem; max-width: calc(100% - 80px); width: 250px}
  #btn-menu{display: block;}

  .sub_page{padding: 30px 0 5rem}
  .tit-group{margin-bottom: 3.5rem;}
  .page-bbs{padding: 4rem 0 80px}

  .box_com > li{padding: 1.5rem}
  .box_com .t{margin-bottom: 1em;}
  .com_group .group{padding-bottom: 4rem; margin-bottom: 4rem;}
  .com_pd .group{margin-top: 4rem;}
  .page-result .dev > li{margin-bottom: 3.5rem;}
  .agree_box_w .sect{margin-top: 3.5rem;}
  .agree_box{padding: 1.5rem}
  .form-st1 .item.half{width:100%}
  .form-st1 .mid{max-width: 100%}
  .tbl-st1 th, .tbl-st1 td{padding: 15px 10px}
  .com_pd .group_c{margin-top: 5rem;}
  .bbs-gallery > li{margin-bottom: 2.8rem;}
  .bbs-gallery .img{margin-bottom: 15px;}
  .bbs-gallery .t{margin-top: 10px;}

  .paging_w > a, .paginate > a, .paginate > span > a{width: 25px; height: 25px; line-height: 25px;}
  .paging_w .prev, .paginate .prev,.paging_w .next, .paginate .next{background-size: 5px}
  .paging_w .first, .paginate .start,.paging_w .last, .paginate .end{background-size: 10px}
  .paging_w .prev, .paginate .prev{margin: 0 10px 0 5px;}
  .paging_w .next, .paginate .next{margin: 0 5px 0 10px;}

  .bbs-view .top{padding: 1.5rem 0}
  .bbs-view .top .tit{margin-bottom: 10px;}
  .bbs-view .cont,.bbs-view .cont_view{padding: 2rem 0 3rem}
  .bbs-view .cont_view{}
  .bbs-list th,.bbs-list.tbl th{padding: 15px 0}
  .bbs-list td,.bbs-list.tbl th{padding: 15px 5px}

  .go_top{width: 30px; height: 30px}

  .state-st1 > li{width: 48%; margin-bottom: 2%;}
  .state-st1 .cont, .state-st2 .cont{padding: 15px}

  .btn-st2{width: 100px; line-height: 3rem;}

  .bbs-list.tbl td{padding: 10px 5px; font-size: .938em;}
  .bbs-list.v .w2{width: 115px}
  .bbs-list.v th{padding: 10px 5px}

  .paging_w > a, .paginate > a, .paginate > span > a{width: 25px; height: 25px; line-height: 25px;}
  .paging_w .prev, .paginate .prev,.paging_w .next, .paginate .next{background-size: 5px}
  .paging_w .first, .paginate .start,.paging_w .last, .paginate .end{background-size: 10px}
  .paging_w .prev, .paginate .prev{margin: 0 10px 0 0;}
  .paging_w .next, .paginate .next{margin: 0 0 0 10px;}
  .paging_w .prev, .paginate .first{margin: 0 5px 0 0;}
  .paging_w .next, .paginate .last{margin: 0 0 0 5px;}

  #sub_visual{padding: 145px 1rem 67px}
  #sub_visual .t{font-size: 2.9rem;}
  .sub-pt{padding-top: 4rem;}

  .about_w{background-size: 8rem; padding-top: 2.5rem;}

  #footer{padding: 2.5rem 0; text-align: center;}
  #footer .inner{display: block;}
  #footer .logo img{margin: 0 auto;}
  #footer .add{margin-top: 1.5rem;}
  .tit-group .bg{font-size: 7rem;}

  .cont-st1,.cont-st1 *{display: block;}
  .cont-st1 .t{width: 100%; margin-bottom: 1.5rem;}

  .bbs-cate{margin-bottom: 3rem;}

}
@media (max-width:841px){
}
@media (max-width:800px){

}
@media (max-width:720px){
  html{font-size: 14px;}
  .agree_box{padding: 1rem}
  #autosave_wrapper > button{width: auto; padding: 0 5px; font-size: 13px}
  .form-st1{padding: 15px 0}
  .form-st1 .item{display: block;}
  .form-st1 .item > *{display: block;}
  .form-st1 .tit{width: 100%; padding: 0}
  .form-st1 .cont{height: auto}
  .form-st1 .tit,.form-st1 .cont{padding-left: 0; padding-right: 0;}
  .form-st1 select, .form-st1 input[type="text"], .form-st1 input[type="password"]{height: 3rem; padding: 0 10px}
  .form-st1 input[type="file"]{height: 3rem; padding: 5px 10px}
  .form-st1 textarea{padding: 10px}

  .btns_st1 > *:first-child{margin-top: 0;}
  .btns_st1 > *{float: none !important; width: 100%; margin: 10px 0 0; display: block;}
  .btn-st1{line-height: 3.5rem;}
  .tbl-st1 th, .tbl-st1 td{padding: 10px 5px}
  .tbl-st2 th, .tbl-st2 td{padding: 10px 5px}

  .bbs-gallery_w{padding-top: 1.8rem;}
  .bbs-gallery > li{width: 48%}
  .bbs-faq .q{padding: 15px 0}
  .bbs-faq .q:after{right: 0; width: 10px; height: 10px; margin-top: -5px;}
  .bbs-faq .a{padding: 15px 0}
  .faq_cont .sect{margin-top: 15px;}
  .bbs-list th.bbs-list.tbl th{padding: 10px 0}
  .bbs-gallery > li{margin-bottom: 1.8rem;}
  .pop-st1{padding: 30px 15px}
  .tit-pop{font-size: 30px; margin-bottom: 1em;}

  .cont-st1 .left{width: 100%; padding-right: 0}

  .bbs-top{margin-bottom: 18px;}
  .bbs-gallery_w{padding-top: 1.8rem;}
  .bbs-gallery > li{width: 48%}
  .bbs-faq .q{padding: 15px 0}
  .bbs-faq .q:after{right: 0; width: 10px; height: 10px; margin-top: -5px;}
  .bbs-faq .a{padding: 15px 0}
  .faq_cont .sect{margin-top: 15px;}

  .bbs-gallery > li{margin-bottom: 1.8rem;}
  .tit-pop{font-size: 30px; margin-bottom: 1em;}

  .cont-st1 .left{width: 100%; padding-right: 0}
  .tbl-txt{margin-top: 10px;}

  #pop-ready .cont{padding: 2rem}
  #pop-ready .btns{    margin-top: 2rem;
    padding-top: 2rem;}
  #pop-ready .btns a{float: none !important; width: 100%; display: block; margin-top: 10px;}
  #pop-ready .btns a:first-child{margin-top: 0}
  .page-comp .top{background-size: 50%;     padding: 0 0 24% 0;}

  .tit-group{padding-top: 1.8rem;}
  .tit-st1{font-size: 3rem; padding-bottom: .7em;}
  .btns_st1{margin-top: 30px;}

  .bbs-top .l{padding-top: 0;}

  .list-st1 > li{display: block;}
  .list-st1 > li > *{display: block; width: 100%}
  .list-st1 .ttt{width: 100%; padding-bottom: 5px; margin-bottom: 10px;}
  .list-st1 .ttt:after{width: 14px; height: 1px; background: #ccc; left: 0;bottom: 0; right: auto; top:auto}
  .list-st1 .det{padding-left: 0;}

  .bbs-bd > li{width: 97%; margin-bottom: 30px;}

  .bbs-list.v td{padding: 10px 0}

  .bbs-list.v th{display: block; width: 100% !important;}
  .bbs-list.v th,.bbs-list.v td{width: 100%;display: block; text-align: left; padding: 10px 5px}

.bbs-view .cont_view .form-st1 .tit{padding-top: 10px;}
.bbs-view .cont_view .item:first-child .tit{padding-top: 0;}

.bbs-write .date_w{display: block; text-align: center;}
.bbs-write .date_w .dash{margin: 5px 0;}

.tit-group .bg{font-size: 5rem;}

.about_w .group{display: block;}
.about_w .group > *{width: 100%; display: block;}
.about_w .img img{display: block;margin: 0 auto;}
.about_w .l.cont{padding-top: 0;}
.about_w .cont{margin-top: 1.8rem;}
.page-about .bot{padding: 7em 0 2.5em; margin-top: 70px;}
.page-about .cont_w .cont-st1{margin-top: 3em;}

.tit-st1{font-size: 2.5rem;}

.bbs-cate{padding: 1rem}
.bbs-cate select{background-position: 97% center}

.bbs-event a,.bbs-event a > *{display: block;}

.bbs-event .date_w{width: 100%}
.bbs-event .date{border-radius: 0; margin:0 10px 0 0; padding: 0; border:0}
.bbs-event .date:last-child{margin-right: 0;}
.bbs-event .tit{padding: 0; margin: 15px 0 25px;}
.bbs-event .div1 .day{font-size: 1.7em;}
.bbs-event .item{padding: 2.5em 0}
.bbs-event .btn{width: 100%; text-align: right;}
.bbs-event .btn .btn-gra{height: 3rem; line-height: 3rem; width: 10rem}

.bbs-list .m{display: none;}
.bbs-sch_bot{padding: 0 70px 0 85px;}
.bbs-sch_bot select{width: 80px; padding-left: 5px; background-position: 95% center}
.bbs-sch_bot .btn-sch{width: 65px}

a.btn_b02{width: 140px; line-height: 2.8rem;}

.about_w .big{font-size: 1.8em;}
}
@media (max-width:630px){
}
@media (max-width:480px){
  .bbs-bot{margin-top: 18px;}
  .btn-st2{width: 67px; line-height: 2.5rem;}

  .tit-group .bg{font-size: 4rem;}

  .map-kmi{height: 85vw}
  .page-about .bot{padding: 5em 0 1.8em; margin-top: 50px;}
}
@media (max-width:380px){

}