@charset "UTF-8";
@media (max-width: 1280px) {
	.inner {
		padding: 0 1.250em;
	 }
	#header {
    border-bottom: 0;
    height: auto;
    position: relative;
  }
  #header .headerTop {
    overflow: hidden;
    position: fixed;
    background: #223f83;
    padding: 0;
    width: 100%;
    z-index: 50;
    border-bottom: 1px solid #4e659c;
  }
  #header .headerTop > .inner {
    position: static;
    padding: 0 20px;
  }
  #header .headerTop .menu {
    display: none;
  }
  #header .headerTop .loginbtn {
    border: 0;
    background: none;
    width: auto;
    padding-left: 0;
    height: auto;
    margin: 32px 0;
    font-size: 15px;
    font-size: 1.5rem;
  }
  #header .headerTop h1.logo {
    position: absolute;
    right: 0;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    float: none;
    left: 0;
    right: 0;
  }
  #header .headerTop .allmenu_trigger {
    display: block;
  }

#main .mainvisual {
    height: auto;
    background-size: cover;
    padding-top: 6.250em;
  }
  #main .mainvisual .d_width {
    padding: 1.250em 1.250em 2.5em;
  }
  #main .mainvisual .d_width > * {
    float: none;
  }
  #main .mainvisual .d_width .mvtit {
    width: 100%;
    padding: 10px 0 40px;
  }
  #main .mainvisual .d_width .mvtit .tit span {
    display: inline-block;
  }
  #main .mainvisual .d_width .main-quick {
    float: none;
    width: 100%;
  }
  #main .mainA {
    height: auto;
  }
  #main .mainA .inner {
    padding: 2.5em 1.250em;
  }
  #main .mainA .main-bnr ul {
    top: 0;
    position: static;
  }
  /* #main .mainA .main-bnr ul li {
    width: 24.4%;
  } */


  #sub .sub-visual {
    padding-top: 6.250em;
    height: auto;
  }
  #sub .sub-visual .sub-quick {
    display: none;
  }
  #sub .sub_page {
    padding: 3.125em 1.250em;
  }
}

@media (max-width: 1080px) {
	#main .mainA .main-bnr ul li{padding: 60px 10px; width: 31.5%}
	/* #main .mainA .main-bnr ul li {
    width: 46.9%;
    margin: 10px;
  } */

  #sub .sub_page .bbs_top .sch_reserve {
    padding-bottom: 20px;
  }
}

/*810px*/
@media (max-width: 810px) {
  #sub .sub_page .bbs_top > * {
    float: none;
  }
  #sub .sub_page .bbs_top .sch_reserve {
    width: 100%;
    position: relative;
    padding-top: 3em;
  }
  #sub .sub_page .bbs_top .sch_reserve .datepick {
    width: 100%;
  }
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 48.9%;
  }
  #sub .sub_page .bbs_top .sch_reserve .r_btn {
    position: absolute;
    top: 0;
    text-align: center;
    float: none;
    width: 100%;
    padding-left: 0;
  }
  #sub .sub_page .bbs_top .bbs-sch {
    float: none;
    padding-bottom: 20px;
    width: 100%;
  }
  #sub .sub_page .bbs_top .bbs-sch input {
    width: 80%;
  }
  #sub .sub_page .bbs_top .bbs-sch .b-sh {
    width: 19%;
  }
  #sub .sub_page .bbs_top .bbs-sch.btn_w {
    padding-left: 7.9em;
    padding-right: 8.5em;
  }
  #sub .sub_page .bbs_top .bbs-sch.btn_w input {
    width: 100%;
  }
  #sub .sub_page .bbs_top .bbs-sch.btn_w select {
    position: absolute;
    left: 0;
    top: 0;
    width: 9em;
  }
  #sub .sub_page .bbs_top .bbs-sch.btn_w .b-sh {
    width: 7.1em;
    position: absolute;
    right: 0;
    top: 0;
  }
  #sub .sub_page .bbs_top .tabmenu {
    width: 100%;
  }
  #sub .sub_page .res-list .box {
    padding-top: 2em;
  }
  #sub .sub_page .res-list .box .btn-res {
    top: 32px;
  }
  #sub .sub_page .res-list .box .img-wrap {
    float: none;
    width: 100%;
    height: auto;
  }
  #sub .sub_page .res-list .box .img-wrap .img {
    padding-bottom: 60%;
  }
  #sub .sub_page .res-list .box .txt-wrap {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-top: 2em;
  }
}


@media (max-width: 768px) {
	#main .mainvisual {
    height: auto;
    background-size: cover;
  }
  #main .mainvisual .d_width > * {
    float: none;
  }
  #main .mainvisual .d_width .mvtit {
    width: 100%;
  }
  #main .mainvisual .d_width .main-quick {
    float: none;
    width: 100%;
  }

  #sub .sub_page .faq .list .question {
    padding-left: 60px;
  }
  #sub .sub_page .faq .list .question::before {
    left: 20px;
  }
  #sub .sub_page .faq .list .answer {
    padding: 1.875em  1.25em  1.875em 4em;
    background: url(/resources/images/sub/a.png) no-repeat 20px 30px;
  }
  .default_view .cont{    padding: 2em;}
  .swipe_m {
    overflow-x: scroll;
  }
  .swipe_m table {
    min-width: 920px;
  }
  .swipe_m .swipe_txt {
    display: block;
  }
}

/*728px*/
@media (max-width: 728px) {
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 48.75%;
  }
}

@media (max-width: 640px) {
	#header .headerTop {
		height: 80px;
	  }
	  #header .headerTop .inner .logo {
		width: 170px;
	  }
	  #header .headerTop .inner .loginbtn {
		margin: 22px 0;
	  }
	  #header .allmenu_m .allmenu_m_wrap
	.m_h_top {
		height: 70px;
	  }
	  #header .allmenu_m .allmenu_m_wrap
	.m_h_top .top_ui_m li a {
		font-size: 14px;
		padding: 28px 0;
	  }
	  #footer {
		font-size: 15px;
		font-size: 1.5rem;
	  }

	 #main .mainvisual {
    padding-top: 5.000em;
  }
  #sub .sub-visual {
    padding-top: 5.000em;
  }
  #sub .sub-visual .d_width {
    padding: 1.5em 1.250em;
  }
  #sub .sub-visual .d_width .svtit .tit {
    font-size: 30px;
    font-size: 3rem;
  }
  #sub .sub-visual .d_width .svtit .tit span {
    font-size: 35px;
    font-size: 3.5rem;
  }
  #sub .sub_page #sub_t {
    margin-bottom: 20px;
  }
  #sub .sub_page #sub_t .t {
    font-size: 33px;
    font-size: 3.3rem;
    padding-bottom: 1rem;
  }
  #sub .sub_page #sub_t .t:after {
    display: none;
  }
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 48.64%;
  }
  #sub .sub_page .res-list .box .btn-res {
    top: 35px;
  }
  #sub .sub_page .res-list .box .btn-res a {
    width: 5em;
    font-size: 15px;
    font-size: 1.5rem;
    height: 40px;
    line-height: 40px;
  }
  #sub #location {
    position: static;
    text-align: left;
    display: none;
  }
  .default_tb colgroup {
    display: none;
  }
  .default_tb .tb_writer {
    display: none;
  }
  .default_tb .tb_date {
    display: none;
  }
  .default_tb .tb_subject {
    width: auto;
  }
  .default_tb .tb_num {
    width: 15%;
  }
  .default_tb .tb_hit {
    width: 20%;
  }
}

@media (max-width: 600px) {
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 48.55%;
  }
}

@media (max-width: 563px) {
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 48.45%;
  }
}

@media (max-width: 528px) {
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 48.35%;
  }
}

@media (max-width: 500px) {
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 48.28%;
  }
  #sub .sub_page .res-list .box .tit {
    font-size: 25px;
    font-size: 2.5rem;
  }
  #sub .sub_page .res-list .box .txt-wrap .info {
    padding: 1.575em;
  }
  #sub .sub_page .res-list .box .txt-wrap .info ul li {
    width: 100%;
    float: none;
    min-height: 60px;
    height: auto;
    font-size: 15px;
    font-size: 1.5rem;
  }
  #sub .sub_page .res-list .box .txt-wrap .desc .txtStyle > li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

@media (max-width: 480px) {
	#main .mainvisual .d_width .mvtit .tit {
    font-size: 28px;
    font-size: 2.8rem;
  }
  #main .mainvisual .d_width .mvtit .tit span {
    font-size: 33px;
    font-size: 3.3rem;
  }
  #main .mainvisual .d_width .mvtit .tit span:after {
    margin: 0px 0 0 18px;
    background-size: 80% auto;
  }
  #main .mainvisual .d_width .main-quick h4 {
    font-size: 20px;
    font-size: 2rem;
    background: url(/resources/images/main/notice.png) no-repeat left top 5px;
  }
  #main .mainA .main-bnr ul li {
    padding: 2em 10px;
  }
  #main .mainA .main-bnr ul li h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #main .mainA .main-bnr ul li p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #main .mainA .main-bnr ul li .ico {
    background-size: 80% auto;
  }

  #sub .sub-visual .d_width .svtit .tit {
    font-size: 25px;
    font-size: 2.5rem;
  }
  #sub .sub-visual .d_width .svtit .tit span {
    font-size: 28px;
    font-size: 2.8rem;
  }
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 48%;
  }
}

@media (max-width: 440px) {
	#main .mainvisual .d_width .mvtit .tit {
    font-size: 25px;
    font-size: 2.5rem;
  }
  #main .mainvisual .d_width .mvtit .tit span {
    font-size: 30px;
    font-size: 3rem;
  }

  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 47.7%;
  }
  #sub .sub_page .bbs_top .bbs-sch.btn_w {
    padding-left: 6.1em;
    padding-right: 4.3em;
  }
  #sub .sub_page .bbs_top .bbs-sch.btn_w select {
    width: 7em;
  }
  #sub .sub_page .bbs_top .bbs-sch.btn_w .b-sh {
    width: 3.6em;
  }
}

@media (max-width: 394px) {
  #main .mainvisual .d_width .mvtit .tit {
    font-size: 22px;
    font-size: 2.2rem;
  }
  #main .mainvisual .d_width .mvtit .tit span {
    font-size: 28px;
    font-size: 2.8rem;
  }
  #main .mainA .main-bnr ul li {
    padding: 1.5em 10px;
  }
  #main .mainA .main-bnr ul li .ico {
    background-size: 70% auto;
  }
}


@media (max-width: 375px) {
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 47.55%;
  }
  #sub .sub_page .bbs_top .bbs-sch input {
    width: 80%;
  }
  #sub .sub_page .bbs_top .bbs-sch .b-sh {
    width: 18.5%;
  }


	#main .mainA .inner{padding: 2em 15px}
	#main .mainA .main-bnr ul li h4{font-size: 1.5rem; word-break: keep-all;}
}

@media (max-width: 350px) {
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 47.45%;
  }
}

@media (max-width: 338px) {
  #sub .sub_page .bbs_top .sch_reserve .datepick li {
    width: 47.28%;
  }
}