/** @format */
@font-face {
  font-family: 'Cafe24Ssurround';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'yg-jalnan';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

#wrap {
  max-width: 1200px;
  margin: auto;
}
.fs-30 {
  font-size: 30px;
}
.fs-19 {
  font-size: 19px;
  font-weight: 300;
}
.fs-34 {
  font-size: 34px;
  font-weight: 300;
}
.fs-24 {
  font-size: 24px;
}
.fs-26 {
  font-size: 26px;
}
.font-jalnan {
  font-family: 'yg-jalnan';
}
.font-jalnan2 {
  font-family: 'yg-jalnan';
  font-weight: 200;
}

.font-cafe24 {
  font-family: 'Cafe24Ssurround';
}
.blue {
  color: #5aa9f0;
}
.mt-64 {
  margin-top: 64px;
}
.letter-spacing {
  letter-spacing: -2px;
}
#calendar{
  height:280px;
}
.vanilla-calendar-header{
  display:none !important;
}
.oneclick_box1 {
  padding-left: 0;
}
.oneclick_minibox1 {
  width: 245px;
  height: 460px;
  background-color:#ff6e07c7;
  border-radius: 15px;
  margin-right: 10px;
  color: #fff;
  overflow: hidden;
}
.oneclick_minibox1 a:hover {
  background-color:#e15e00de;
  transition: all .5s;
}

.oneclick_minibox2 {
  width: 245px;
  height: 225px;
  margin-bottom: 10px;
  background: #065caa;
  border-radius: 15px;
  color: #fff;
  overflow: hidden;
}
.oneclick_minibox2 a:hover {
  background-color:#034b8e;
  transition: all .5s;
}
.oneclick_minibox3 {
  width: 245px;
  height: 225px;
  background-color:#db0000d1;
  border-radius: 15px;
  color: #fff;
  overflow: hidden;
}
.oneclick_minibox3 a:hover {
  background-color:#c20202d1;
  transition: all .5s;
}
.oneclick_minibox1 a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('/resources/oneclick/img/v_1.png');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 80%;
}
.oneclick_minibox2 a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('/resources/oneclick/img/v_2.png');
  background-repeat: no-repeat;
  background-position: 204% 139%;
  background-size: 80%;
}
.oneclick_minibox3 a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('/resources/oneclick/img/v_3.png');
  background-repeat: no-repeat;
  background-position: 204% 139%;
  background-size: 80%;
}

.oneclick_box2 {
  width: 450px;
  height: 710px;
  padding-left: 0;
}
.white {
  color: #fff;
}
.fc-green {
  color: #6bc39f;
}

.oneclick_box2 a:hover {
  background-color: rgb(241, 241, 241);
}
.oneclick_box2 > ul {
  width: 450px;
  height: 710px;
  border-radius: 15px;
  padding-left: 0;
  padding: 0;
}
.oneclick_box2 > ul > li {
  width: 220px;
  height: 227px;
  background-color: #fff;
  border-radius: 15px;
  margin-left: 10px;
  overflow: hidden;
  border:1px solid rgb(228, 228, 228);
}
.oneclick_box2 > ul > li:nth-child(2n-1) {
  margin-left: 0;
}
.oneclick_box2 > ul > li:first-child {
  background-color: #fff;
  border:none;
}
.oneclick_box2 > ul > li:nth-child(2) {
  background-color: #fff;
  /* background-image: url('/resources/oneclick/img/v_4.png'); */
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: 199% 115%;
  border-radius: 15px;
  border:none;
}
.oneclick_box2 > ul > li:first-child {
  padding-top: 35px;
}

.oneclick_box2 > ul > li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #383838;
  padding-left: 20px;
  padding-top: 20px;
}
.oneclick_box2 > ul > li:nth-child(2){
  border:none;
}
.oneclick_box2 > ul > li:nth-child(2) a {
  background-image: url('/resources/oneclick/img/v_5.png');
  background-position: 80% 80%;
  background-repeat: no-repeat;
  background-size: 80%;
}
.oneclick_box2 > ul > li:nth-child(4) a {
  background-image: url('/resources/oneclick/img/v_6.png');
  background-position: 95% 95%;
  background-repeat: no-repeat;
  background-size: 70%;
}
.oneclick_box2 > ul > li:nth-child(5) a {
  background-image: url('/resources/oneclick/img/v_7.png');
  background-position: 100% 90%;
  background-repeat: no-repeat;
  background-size: 70%;
}

.oneclick_box2 > ul > li:nth-child(3) a {
  background-image: url('/resources/oneclick/img/v_8.png');
  background-position: 80% 100%;
  background-repeat: no-repeat;
  background-size: 78%;
}
.oneclick_box2 > ul > li:nth-child(6) a {
  background-image: url('/resources/oneclick/img/v_9.png');
  background-position: 78% 90%;
  background-repeat: no-repeat;
  background-size: 50%;
}


.oneclick_box3 {
  width: 215px !important;
}
.oneclick_box3 > div > a {
  display: block;
  width: 100%;
  height: 100%;
}


.oneclick_box3_minibox1,
.oneclick_box3_minibox2,
.oneclick_box3_minibox3 {
  width: 100%;
  height: 228.48px;
  margin-top: 10px;
  border-radius: 15px;
  background: #fad31d;
  overflow: hidden;
}
.oneclick_box3_minibox1:hover,
.oneclick_box3_minibox2:hover,
.oneclick_box3_minibox3:hover {
  background: #e6c017;
}
.oneclick_box3_minibox1 {
  margin-top: 0px;
}
.oneclick_box3_minibox1 a {
  background-image: url('/resources/oneclick/img/v_10.png');
  background-position: 1200% 173%;
  background-repeat: no-repeat;
  background-size: 97%;
}
.oneclick_box3_minibox2 a {
  background-image: url('/resources/oneclick/img/v_11.png');
  background-position: -24% 128%;
  background-repeat: no-repeat;
  background-size: 200%;
}
.oneclick_box3_minibox3 a {
  background-image: url('/resources/oneclick/img/v_12.png');
  background-position: 90% 90%;
  background-repeat: no-repeat;
  background-size: 60%;
}

.shadow_a:hover {
    box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);
    border-radius: 15px;
    transition: all 0.2s ease-out;
}

#notice {
  margin-top: 100px;
  padding: 20px;
  padding-left: 50px;
  background-color: rgb(249, 230, 230);
  font-size: 16px;
}
.notice_wrap dl{font-size:16px;}
.notice_table_ul {
  width: 90%;
  padding-bottom: 50px;
  margin-left: 30px;
  margin: auto;
  font-size: 16px;
}
.notice_table_ul li:first-child {
  border-top: 2px solid #333;
}
.notice_table_ul li {
  border-bottom: 1px solid #333;
  padding: 20px;
  list-style: inside;
  font-size: 16px;
}
.notice_table_ul li a{
  font-size: 16px;
}
.notice_table_ul li:last-child {
  border-bottom: 2px solid #333;
}
.notice_table button {
  color: #333;
  border-radius: 100%;
  margin: auto;
}
.program_ul {
  margin-left: 0px;
  margin-top: 25px !important;
  font-size: 16px;
  width: 100%;
}
.program_ul li {
  border: 1px solid rgb(191, 191, 191);
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}
.program_ul li:hover {
  color: rgb(0, 151, 252);
}
.program_ul li:first-child {
  border-bottom: 0;
  border-right: 0;
}
.program_ul li:nth-child(2) {
  border-bottom: 0;
  border-right: 0;
}
.program_ul li:nth-child(3) {
  border-bottom: 0;
}
.program_ul li:nth-child(4) {
  border-bottom: 0;
  border-right: 0;
}
.program_ul li:nth-child(5) {
  border-bottom: 0;
  border-right: 0;
}
.program_ul li:nth-child(6) {
  border-bottom: 0;
}
.program_ul li:nth-child(8) {
  border-right: 0;
  border-left: 0;
}
.program_ul li:first-child {
  border-radius: 15px 0 0 0;
}
.program_ul li:nth-child(3) {
  border-radius: 0 15px 0 0;
}
.program_ul li:nth-child(7) {
  border-radius: 0 0 0 15px;
}
.program_ul li:last-child {
  border-radius: 0 0 15px 0;
}
.program_ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 35px;
  padding-bottom: 25px;
  padding-left: 20px;
  margin-right: 20px;
}
.program_ul li a img {
  margin-right: 20px;
}
.program_ul li:nth-child(1) :hover {
  border-radius: 15px 0 0 0;
}
.program_ul li:nth-child(3) :hover {
  border-radius: 0 15px 0 0;
}
.program_ul li:nth-child(7) :hover {
  border-radius: 0 0 0 15px;
}
.program_ul li:nth-child(9) :hover {
  border-radius: 0 0 15px 0;
}
.slider1 {
  margin-right: 0;
}
.slider1_wrap {
  width: 100%;
  margin: auto;
  margin-top: 25px;
}
.slider1_wrap .slider1 {
  width: 100%;
  height: 272px;
  background-color: #ccc;
}
#photo_gallery ul li {
  width: 276px;
  height: auto;
  overflow: hidden;
}
#banner {
  margin-top: 50px;
}
.bx-wrapper .bx-viewport > ul > li a {
  font-size: 13px;
}
#footer {
  border-top: 1px solid #ccc;
  margin-top: 100px;
}
.personal a span {
  margin-right: 10px;
}
.pg_contents {
  width: 50px;
  height: 50px;
  margin: auto;
}
.program_ul dd {
  margin-top: 10px;
  font-weight: bold;
}
@media (max-width: 1199px) {
  #wrap {
    width: 800px;
  }
  .oneclick_box_wrap {
    width: 800px;
    margin: auto;
  }
  .oneclick_box1 {
    margin: auto;
    padding-left: 0;
  }
  .oneclick_minibox1 {
    width: 277px;
  }
  .oneclick_minibox2 {
    width: 500px;
  }
  .oneclick_minibox3 {
    width: 500px;
  }
  .oneclick_minibox2 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/resources/oneclick/img/v_2.png');
    background-repeat: no-repeat;
    background-position: 120% 150%;
    background-size: 50%;
  }
  .oneclick_minibox3 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/resources/oneclick/img/v_3.png');
    background-repeat: no-repeat;
    background-position: 120% 150%;
    background-size: 50%;
  }
  .oneclick_box2 {
    width: 500px;
  }
  .oneclick_box2 > ul {
    width: 567px;
  }
  .oneclick_box2 > ul > li {
    width: 48%;
  }
  .oneclick_box3 {
    width: 275px;
  }
  #photo_gallery ul li {
    width: 350px;
    height: auto;
    overflow: hidden;
    margin: auto;
  }
}

@media (max-width: 799px) {
  #wrap {
    width: 500px;
  }
  .oneclick_box_wrap {
    width: 350px;
    margin: auto;
  }
  .m-slider {
    margin: auto;
    text-align: center;
  }
  .oneclick_box1 {
    margin: auto;
    padding-left: 0;
  }
  .oneclick_minibox1 {
    width: 350px;
    padding: 10px;
    height: 350px;
  }
  .oneclick_minibox2 {
    width: 350px;
    padding: 10px;
    height: 350px;
  }
  .oneclick_minibox3 {
    width: 350px;
    padding: 10px;
    height: 350px;
  }
  .oneclick_box2 {
    width: 350px;
    margin: auto;
    height: 350px;
  }
  .m_oneclick_box {
    width: 350px;
    margin: auto;
    height: 350px;
  }
  .program_ul li a {
    font-size: 16px;
  }
  .oneclick_minibox1_ {
    background-image: url('/resources/oneclick/img/v_1.png');
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 80%;
    background-color: #e15e00de;
  }
  .oneclick_minibox2_ {
    background-image: url('/resources/oneclick/img/v_2.png');
    background-repeat: no-repeat;
    background-position: 204% 139%;
    background-size: 80%;
    background-color: #0058a8;
  }
  .oneclick_minibox3_ {
    background-image: url('/resources/oneclick/img/v_3.png');
    background-repeat: no-repeat;
    background-position: 204% 139%;
    background-size: 80%;
    background-color: #c20202d1;
  }
  .oneclick_minibox4 {
    background-image: url('/resources/oneclick/img/v_8.png');
    background-position: 80% 80%;
    background-repeat: no-repeat;
    background-size: 80%;
    background-color: #fff;
  }
  .oneclick_minibox5 {
    background-image: url('/resources/oneclick/img/v_6.png');
    background-position: 95% 95%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-color: #fff;
  }
  .oneclick_minibox6 {
    background-image: url('/resources/oneclick/img/v_7.png');
    background-position: 100% 90%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-color: #fff;
  }
  .oneclick_minibox7 {
    background-image: url('/resources/oneclick/img/v_9.png');
    background-position: 80% 100%;
    background-repeat: no-repeat;
    background-size: 50%;
    background-color: #fff;
  }
  .oneclick_minibox8 {
    background-image: url('/resources/oneclick/img/v_9.png');
    background-position: 78% 90%;
    background-repeat: no-repeat;
    background-size: 50%;
    background-color: #48c4ab;
  }
  .oneclick_minibox9 {
    background-image: url('/resources/oneclick/img/v_10.png');
    background-position: 1200% 173%;
    background-repeat: no-repeat;
    background-size: 97%;
    background-color: #fbdf5b;
  }
  .oneclick_minibox10 {
    background-image: url('/resources/oneclick/img/v_11.png');
    background-position: -24% 128%;
    background-repeat: no-repeat;
    background-size: 200%;
    background-color: #fbdf5b;
  }
  .oneclick_minibox11 {
    background-image: url('/resources/oneclick/img/v_12.png');
    background-position: 90% 90%;
    background-repeat: no-repeat;
    background-size: 60%;
    background-color: #fbdf5b;
  }
  .m_oneclick_box a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .slider3 > li > a img {
    margin: auto;
  }
  .slider3 > li > dl {
    display: inline-block;
    margin-left: 20px;
  }
  .notice_table_ul li {
    font-size: 12px;
  }
  .program_ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 0px;
    margin-right: 0px;
    margin: auto;
    text-align: center;
  }
  
}
@media (max-width: 500px) {
  #wrap {
    width: 350px;
  }
  .m-slider {
    margin: auto;
    text-align: center;
  }
  .m-slider_inner {
    margin: auto;
  }
  .m-slider_inner > .bx-wrapper {
    margin:auto;
  }
}