/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@import url('/css/noto-sans-korean.css');
/*@import url('/css/notosanskr.css');*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');*/

body {
  font-family: "Noto Sans Korean", sans-serif !important;
  font-weight: 400;
}
.container {
    max-width: 1084px;
}
/* navbar */
.first-nav {
  height: 50px;
  margin-top: 30px;
}
.second-nav {
  padding-bottom:0px;
  z-index: 999;
}
.first-nav .nav-item a {
  font-weight: bold;
  font-size: 16px;
  color: black !important;
}
.first-nav .nav-item {
  border-right:none;
}
.nav-item.notice a {
    color: #fff !important;
}
.first-nav .nav-item:last-child {
  border-right:none;
}
.second-nav .navbar-nav {
  width:100%;
}
.nav-link{
  font-family: "Noto Sans Korean", sans-serif !important;
}

.second-nav .nav-item {
  min-width: 15%;
  text-align:center;
}
.navbar-light .navbar-nav .nav-link {
  color: black !important;
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 20px;
}
.search_input::-webkit-input-placeholder {
   text-align: center;
}
.search_input:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}
.search_input::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}
.search_input:-ms-input-placeholder {  
   text-align: center; 
}
.search_box {
  width: 450px;
  margin-top:50px;
  margin-bottom:100px;
  margin-left: auto;
  margin-right: auto;
}
.search_box button {
  position: absolute;
  right: -60px;
  border: none;
  background-color: transparent;
  top: 15px;
  cursor: pointer;
}
.search_input {
  padding: 10px 30px;
  font-size:32px;
  height:70px;
  border:none;
  border-radius: 0;
  border-bottom: 1px solid #000;
  font-weight: 100;
}
.inner-addon {
  position: relative;
}
.inner-addon .fa {
  font-size:50px;
  pointer-events: none;
}
.inner-addon.search_box .fa {
    font-size: 30px;
    pointer-events: none;
}
.left-addon .fa  { left:  0px;}
.right-addon .fa { right: -60px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

@media (min-width: 768px) {
  .second-nav .nav-link {
    height:115px !important;
    padding-top: 40px;
  }
  .nav-item:hover>.dropdown-menu {
    display: block;
  }
  .nav-item>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
  .dropdown-menu {
    min-height:200px;
    text-align: center;
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    width: calc(100% - 29px);
    margin-left: 14px;
    opacity: 0.95;
    margin-top: -1px;
    border-radius: 0;
    border: 0;
  }
  .dropdown-menu.main {
    opacity: 0.8;
  }
  .dropdown-menu .dropdown-item {
    font-size:32px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 100;
  }
  .dropdown-menu.edu-menu .dropdown-item {
    font-size:30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 100;
  }
  .dropdown-toggle::after {
    display: none !important;
  }
  .second-nav .nav-link {
    padding-left: 0 !important;
    padding-right: 0 !important; 
  }
  /* main */
.main {
  margin-bottom: 50px;
}
.card {
  border:none !important;
}
.card-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 11px;
  padding-bottom: 0;
  line-height:24px;
  min-height: 135px;
}
.card-body label {
  width:100%;
  font-weight:normal;
  margin-bottom: 6px;
}
.publications .card-body label {
  width:100%;
  font-weight:normal;
  margin-bottom: 8px;
}
.frame {
  margin-top: 0px;
  margin-bottom: 0px;
}
.frame h2 {
  font-weight:500;
  margin-bottom: 10px;
}
.frame .row {
  margin-left:0px !important;
  margin-right:0px !important;
  
}
.row.bc-01{
	margin-top: -34px;
	font-size: 16px;
    font-weight: 100;
    color: #000;
}
.bc-01 a {
    font-size: 16px;
    font-weight: 100;
    color: #000 !important;
}
.frame .col-md-4:nth-child(3n+1) {
  padding-left:0 !important;
  padding-right:40px !important;
}
.frame .col-md-4:nth-child(3n+2) {
  padding-left:20px !important;
  padding-right:20px !important;
}
.frame .col-md-4:nth-child(3n) {
  padding-left:40px !important;
  padding-right:0 !important;
}
.line{
  margin: 20px 14px;
}
/* -- main -- */
}
@media (max-width: 767px) {
  .nav-item {
    text-align:center !important;
  }
}
/* -- navbar -- */
/* footer */
.nl-input {
  height: 50px;
  padding: 0;
}
.nl-input input {
  font-size:14px;
  height: 50px;
  padding: 10px 30px 10px 20px;
}
.nl-input button {
  font-size:14px;
  background-color: black;
  color: white;
  padding: 10px 10px;
}
.nl-input input, .nl-input button {
  border-radius: 0;
  border: none;
}
footer hr {
  width: calc(100% - 30px);
}
footer .address.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 767px) {
  footer .address.row {
    text-align:right;
  }
}
footer .sites.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.list-group-item {
  border:none;
  padding-right:0;
  padding-left:0;
  padding-bottom:10px;
  padding-top:0;
}
.list-group-item.head a{
  font-weight:bold;
  padding-bottom:20px;
}
.list-group-item a {
  text-decoration: none;
  color: black;
  font-weight: 100;
  -webkit-font-weight: 200;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  .list-group-item a {
    font-weight: 200;
  }
  .bc-01 a{
    font-weight: 200;
  }
}
hr {
    margin-top: 60px;
    margin-bottom: 30px;
    }
/* -- footer -- */



/* contents */
.contents {
  min-height: 500px;
  margin-top: 40px;
  margin-bottom: 50px;
}
p.lead {
  font-size: 32px !important;
  font-weight:500;
}
.pull-right {
  float:right;
}
hr.cont {
  width: calc(100% - 30px);
  margin-top:0;
  margin-bottom:0;
}
div.breadcrumb {
  background-color: transparent;
  position:relative;
}
.breadcrumb label {
  position:absolute;
  padding-right:15px;
  right:0;
}
.contents .content{
  min-height: 500px;
}
.content{
  font-weight:400;
  margin-top: 30px;
}
.contents .content img{
  width: 100%;
  height: 100%;
}
.btn-list {
  font-size:16px;
  background-color:black;
  color:white;
  border-radius: 0;
  padding: 12px 34px;
}
.btn-list:hover {
  color:white;
}
.to_bef {
  text-align:left;
}
.to_aft {
  text-align:right;
}
.to_bef label, .to_aft label {
  width: 100%;
}
.to_bef a label, .to_aft a label {
  cursor: pointer;
}
.to_bef a, .to_aft a {
  color: black;
}
.apply .btn {
  font-size: 24px;
  background-color: red;
  color: white;
  border-radius: 0;
  width: 256px;
}
.modal .form-inline {
  width: 100% !important;
}
/* -- contents -- */


.carousel-indicators {
    display: none;
}

.card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #ccc;
}
.card-img-a {
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
}
.btn, .btn-lg, .btn-sm {
    border-radius: 0;
    font-weight: 400;
}
.form-control {
    border-radius: 0;
    /*border: 1px solid #000;*/
    height: 50px;
}
.card{
	border: 0;
}

.page-link {
    border: 0;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ccc;
}
.form-control::placeholder {
    color: #6c757d;
    opacity: .8;
    font-weight: 200;
    -webkit-opacity: 1;
}
.col-lg-8 {
    margin-top: 5px;
}
.col-lg-4 {
    margin-top: 5px;
}
.h4, h4 {
    font-weight: 400;
    margin-bottom: 30px;
}
p {
    font-weight: 400;
    line-height: 2;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 0;
}
.btn.btn-outline-secondary {
    border: 1px solid #000;

}

.nav-link.px-2 {
    padding: 0 20px !important;
}

hr{
  border-top: 1px solid #000;
}
.dropdown-menu{
	background-color: #f2f2f2;
}
.dropdown-item:active{
  background-color: #aaa;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #000;
    background-color: #000;
    border-radius: 0;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}
.custom-control.custom-checkbox {
    margin: 10px 0;
}
.border-bottom {
    border-bottom: 1px solid #000 !important;
}
.card-img-top{

    height: 75vw;
    object-fit: cover;
}
.img-wide{
	width: 300px;
	height: auto !important;
    object-fit: cover;
}
.img-long{
	height: 300px;
	width: auto !important;
    object-fit: cover;
}
.img-wide-detail{
	width: 640px;
	height: auto !important;
    object-fit: cover;
}
.img-long-detail{
	height: 640px;
	width: auto !important;
    object-fit: cover;
}

.text-dark.collection-img {
    width: 300px;
}


button{
  font-family: "Noto Sans Korean", sans-serif !important;
}
input{
  font-family: "Noto Sans Korean", sans-serif !important;
}
.acp-tab a {
    width: 130px;
    height: 50px;
    background: #fff;
    padding: 5px 0;
    color: #000;
    float: left;
    margin-right: 90px;
    text-align: center;
    border: 1px solid #000;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
    font-family: "Noto Sans Korean", sans-serif !important;
}
.acp-tab.active a {
    background: #000;
    padding: 5px 0;
    color: #fff;
}
.acp-tab.last a {
    margin-right: 0px;
}
#newsletter-input{
	border-top: 1px solid #000;
}

.panel {
  width: 140px;
  padding: 10px;
  font-size: 18px;
  text-align: center;
}
/* Small devices (landscape phones, 576px and up) */
  @media (max-width: 575px) {
    .card-img-top {
        height: auto;
        max-height: 480px;
    }
    .card-img-a {
        height: 480px;
    }
    .acp-tab a {
        width: 100%;
        height: 56px;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .img-wide-detail{
		width: 100%;
		height: auto !important;
	    object-fit: cover;
	}
	.img-long-detail{
		height: 100%;
		width: auto !important;
	    object-fit: cover;
	}
  .panel {width: 45%;}
  }
/* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) {
    .card-img-top {
        height: auto;
        max-height: 480px;
    }
    .card-img-a {
        height: 480px;
    }
    .acp-tab a {
        width: 100%;
        height: 56px;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .panel {width: 45%;}
  }
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    .card-img-top {
        height: auto;
        max-height: 300px;
    }
    .card-img-a {
        height: 160px;
    }
    .acp-tab a {
        width: 105px;
        height: 50px;
        margin-right: 26px;
    }
    .panel {width: 45%;}
  }
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 992px) {
    .card-img-top {
        height: auto;
        max-height: 300px;
    }
    .card-img-a {
        height: 240px;
    }
    .acp-tab a {
        width: 130px;
        height: 50px;
        margin-right: 48px;
    }

    #newsletter-input{
    	border-top: 1px solid #fff;
    }
    .panel {width: 45%;}
  }
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
    .card-img-top {
        height: 300px;

    }
    .card-img-a {
        height: 300px;
    }
    .acp-tab a {
        width: 130px;
        height: 50px;
        margin-right: 76px;
    }
    #newsletter-input{
    	border-top: 1px solid #fff;
    }
    .featured-img{
      max-height: 640px;
      width: 640px;
      height: auto;
    }
    .panel {width: 140px;}
    
  }
/*acp*/
.acp li {
    list-style: none;
    line-height: 34px;
    margin-left: -20px;
}
.tit {
    width: 150px;
    float: left;
}
dt {
  font-weight: 300;
  line-height: 34px;
}

.link-list {

    padding: 0 30px;

}


/* acp login */
.login h2.header {
  text-align:center;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 50px;
}
.login input{
  font-size: 32px;
  font-weight: 300px;
  height: 50px;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
  font-family: "Noto Sans Korean", sans-serif !important;
}
.login input::-webkit-input-placeholder {
   color: #808080;
   text-align: center;

}
.login input:-moz-placeholder {
   color: #808080;
   text-align: center;

}
.login .btn {
  width:100%;
  background-color:red;
  color: white;
  font-size: 22px;
  font-weight: 300px;
  height: 50px;
  margin-top: 30px;
  padding: 0;
  font-family: "Noto Sans Korean", sans-serif !important;
}
.card.login {
    margin-top: 60px;
    margin-bottom: 100px;
}
/* -- end acp login -- */

.col-md-12.slide-bottom {
    margin-top: 1px;
}
.clear{
	clear: both;
}

.text-dark {
    /*font-size: 16px;*/
    font-weight: 400 !important;
}
footer {
    margin-top: 30px;
    margin-bottom: 50px;
    font-family: "Noto Sans Korean", sans-serif !important;
}
.row.address {
    font-size: 14px;
    font-weight: 400;
    min-height: 50px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}
footer .col-lg-9, footer .col-lg-12{
	padding: 0;
}
footer label {
	padding-left: 0 !important;
	padding-right: 5px !important;
    padding-top: 15px;
    padding-bottom: 5px;
}
.row.address .col-lg-8 {
    margin-top: 0;
    padding-left: 0;
}
.row.address .col-lg-4 {
    margin-top: 0;
}

.frame.detail {
    margin-bottom: 0px;
}
.frame.detail img {
    margin-bottom: 20px;
}
.write-date {
    width: 100%;
    text-align: right;
    font-weight: 100;
}
.schd {
    margin: 7px 0;
    font-weight: 500;
}
.place {
    margin-top: 3px;
    margin-bottom: 7px;
    font-weight: 500;
}
.address a {
    color: #000;
}

.notice .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    text-align: center;
    border-top: none;
    padding-bottom: 20px;
    font-size: 18px;
}
.notice .table td {
    font-size: 18px;
    font-weight: 300;
}
.notice .table td a {
    font-size: 18px;
    font-weight: 300;
}
.contents.notice {
    margin-bottom: 50px;
}
.pagination a {
    font-size: 18px;
}
.pagination{
  margin-top: 50px;
  margin-bottom: 30px;
}
.btn-event {
  width: 135px;
  padding: 10px;
  font-size: 18px;
}

.control-label {
    font-size: 32px;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 10px;
}

.collection {
  font-size: 18px;
  font-weight: 400;
}
.publication {
  font-size: 18px;
  font-weight: 400;
}

.collection .table th {
    padding: 0.75rem;
}
/* for large checkbox */
  :root label.checkbox-bootstrap input[type=radio], :root label.checkbox-bootstrap input[type=checkbox] {
    opacity: 0;
    position: absolute;
  }
  :root label.checkbox-bootstrap input[type=radio] + span.checkbox-placeholder, :root label.checkbox-bootstrap input[type=checkbox] + span.checkbox-placeholder {
    width: 14px;
    height: 14px;
    border: 1px solid;
    border-radius: 0px;
    /*checkbox border color*/
    border-color: #fff;
    display: inline-block;
    cursor: pointer;
    margin: 0 7px 0 -20px;
    vertical-align: middle;
    text-align: center;
  }
  :root label.checkbox-bootstrap input[type=radio]:checked + span.checkbox-placeholder, :root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder {
    background: #000;
  }
  :root label.checkbox-bootstrap input[type=radio]:checked + span.checkbox-placeholder:before, :root label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder:before {
    display: inline-block;
    position: relative;
    vertical-align: text-top;
    width: 5px;
    height: 9px;
    /*checkmark arrow color*/
    border: solid white;
    border-width: 0 2px 2px 0;
    /*can be done with post css autoprefixer*/
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  :root label.checkbox-bootstrap input[type=radio]:focus:not(:hover) + span.checkbox-placeholder, :root label.checkbox-bootstrap input[type=checkbox]:focus:not(:hover) + span.checkbox-placeholder {
    outline: 1px dotted black;
  }
  :root label.checkbox-bootstrap.checkbox-lg input[type=radio] + span.checkbox-placeholder, :root label.checkbox-bootstrap.checkbox-lg input[type=checkbox] + span.checkbox-placeholder {
    width: 30px;
    height: 30px;
    border: 2px solid;
    border-radius: 0px;
    /*checkbox border color*/
    border-color: #000;
  }
  :root label.checkbox-bootstrap.checkbox-lg input[type=radio]:checked + span.checkbox-placeholder:before, :root label.checkbox-bootstrap.checkbox-lg input[type=checkbox]:checked + span.checkbox-placeholder:before {
    width: 10px;
    height: 18px;
    /*checkmark arrow color*/
    border: solid white;
    border-width: 0 3px 3px 0;
  }
  label.checkbox-bootstrap.checkbox-lg{
    font-size: 18px;
  }
  :root label.checkbox-bootstrap.checkbox-xlg input[type=radio] + span.checkbox-placeholder, :root label.checkbox-bootstrap.checkbox-xlg input[type=checkbox] + span.checkbox-placeholder {
    width: 50px;
    height: 50px;
    border: 2px solid;
    border-radius: 0px;
    /*checkbox border color*/
    border-color: #000;

  }
  :root label.checkbox-bootstrap.checkbox-xlg input[type=radio]:checked + span.checkbox-placeholder:before, :root label.checkbox-bootstrap.checkbox-xlg input[type=checkbox]:checked + span.checkbox-placeholder:before {
    width: 18px;
    height: 30px;
    /*checkmark arrow color*/
    border: solid white;
    border-width: 0 3px 3px 0;
  }
  label.checkbox-bootstrap.checkbox-xlg{
    font-size: 32px;
    font-weight: 100;
  }
  input#language_detail {
    display:inline-block;
    width:90% !important;
  }
  .submit-box .btn-lg {
    width:200px;
  }
  .submit-box {
    margin-top: 50px;
    margin-bottom: 100px;
  }
  @media (max-width: 767px) {
    .submit-box .btn-lg {
      width:100px;
    }
  }
  .agree-privacy{
    font-size: 24px;
    text-decoration: underline !important;
  }
/* checkbox end */

.content.acp {
    margin-top: 0px;
}

.content h4{
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 43px;
}
.content h5{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}

.content p{
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 43px;
  text-align: justify;
}
.application{
  font-size: 21px;
}

.application h2{
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 0px;
}
/*
.application button{
  font-size: 32px;
  font-weight: 400;
  width: 300px !important;
  height: 50px;
  padding: 9px 0;
  line-height: 0;
}
*/
.application button.find-address{
  font-size: 20px;
  font-weight: 400;
  width: 150px !important;
  height: 50px;
  padding: 9px 0;
  line-height: 0;
}
label.date-01{
  font-size: 32px;
  font-weight: 100;
}

.admin_table {
  font-size: 24px;
  font-weight: 100;
}
.application-table{
  margin-bottom: 50px;
}
.application-table th{
  font-size: 32px;
  font-weight: 400;
}
.application-table td.apply-day{
  font-size: 32px;
  font-weight: 100;
  height: 80px;
}
.application-table .apply-status span{
  font-size: 32px;
  font-weight: 400;
}

.publication h3 {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
}
.publication .table td, .table th {
    padding: 5px;
}
div.page{
  margin-top: 0;
}
.page h3 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 50px;
}
.page h4 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 20px;
}

.table-week th{
  text-align: center;
  border-bottom: none !important;
  font-size: 24px;
  font-weight: 400;
  border-color: #000;
}
.table-week td{
  text-align: center;
  border-color: #000;
  font-size: 18px;
  font-weight: 400;
}
/* box */
.badge-box-red-01 {
    border: 1px solid;
    width: 150px;
    text-align: center;
    font-size: 32px;
    height: 50px;
    background-color: red;
    color: white;
    font-weight: 400;
}
.badge-box-green-01 {
    border: 1px solid;
    width: 150px;
    text-align: center;
    font-size: 32px;
    height: 50px;
    background-color: #28a745;
    color: white;
    font-weight: 400;
}


.application .form-control {
  border: 1px solid #000;
  font-size: 24px;
}

.calendar-table {
    font-size: 27px;
    font-weight: 100;
}
.calendar-table th{
    font-size: 27px;
    font-weight: 100;
}

.modal-dialog .form-control {
  border: 1px solid #000;
  font-size: 24px;
}

.modal-header {

    border: none;

}
.modal-title {
    font-size: 36px;
    font-weight: 100;

}

.modal-content {
  border-radius: 0;
  font-size: 16px;
  font-weight: 200;
  padding: 20px;
}

.modal-content h2 {
    font-weight: 200;
    font-size: 36px;
}
.modal-content label{
  font-size: 18px;
  font-weight: 400;
}

button.close {
    background-image: url("/img/close.jpg") !important;
    height: 36px;
    width: 25px;
}
.close span {
    display: none;
}
.modal-header .close {
    padding: 0;
    margin: 0;
}
/* 메인 슬라이드 */
@media (min-width: 1200px) {
  .carousel-control-next {
      right: -120px;
  }
  .carousel-control-prev {
      left: -120px;
  }
  .carousel-control-prev-icon {
      background-image: url("/img/prev.jpg");
  }
  .carousel-control-next-icon {
      background-image: url("/img/next.jpg");
  }

  /*공유버튼*/
	img.share-image{
		height: 30px;
	    margin-bottom: 0 !important;
	    margin-right: -45px;
	    margin-left: 15px;
	}
}
/*공유버튼*/
img.share-image{
	height: 30px;
    margin-bottom: 0 !important;
    margin-right: -45px;
    margin-left: 15px;
}
.detail button {
  height: 50px;
}


.page-nav img {
    margin-top: 20px;
}
#notice-search-btn{
    width: 25px;
    height: 40px;
    border: none;
    margin: 10px;
    margin-left: -40px;
    background-color: #fff;
}
#notice-keyword {
    border: 1px solid #000;
    font-size: 32px;
    font-weight: 100;
    text-align: center;
    height: 60px;
}
#search_keyword {
    border: 1px solid #000;
    font-size: 32px;
    font-weight: 100;
    text-align: center;
    height: 60px;
}




.panel-waiting {
  background: rgb(255,0,0);
  color: #fff;
}

.panel-reserving {
  background: rgb(255,0,0);
  color: #fff;
}

.panel-finished {
  background: rgb(160,160,160);
  color: #fff;
}


.panel-all {
  background: rgb(116,116,116);
  color: #fff;
}

.panel-workshop {
  background: rgb(243,277,40);
  color: #000;
}

.panel-children {
  background: rgb(243,277,40);
  color: #000;
}

.panel-teenager {
  background: rgb(135,190,40);
  color: #fff;
}

.panel-adult {
  background: rgb(3,161,218);
  color: #fff;
}


.btn-danger {
    color: #fff;
    background-color: rgb(255,0,0);
    border-color: rgb(255,0,0);
}

.btn-red {
    color: #fff;
    background-color: rgb(255,0,0);
    border-color: rgb(255,0,0);
    padding: 7px 40px;
}
.btn-red:hover {
    color: #fff;
    background-color: rgb(255,0,0);
    border-color: rgb(255,0,0);
    padding: 7px 40px;
}
.btn-acp {
    color: #fff;
    background-color: rgb(255,0,0);
    border-color: rgb(255,0,0);
    padding: 2px 10px;
}
.btn-acp:hover {
    color: #fff;
    background-color: rgb(255,0,0);
    border-color: rgb(255,0,0);
    padding: 2px 10px;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.featured-img{
	max-height: 640px;
	width: 640px;
	height: auto;
}
.application p {
    line-height: 1.3;
}
.pub-info {
    margin-top: 250px !important;
}
.notice-menu{
    display: none;
  }
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767px) {
	.navbar-light .navbar-toggler {
	    color: rgba(0,0,0,.5);
	    border-color: rgba(255,255,255,.1);
	}
	.dropdown-menu {
	    background-color: #fff;
	    display: block;
	    border: none;
	}
	.dropdown-item {
	    text-align: center;
	    padding: 10px 0;
    	font-size: 20px;
	}
	.search_box {

	    width: 300px;
	    margin-top: 50px;
	    margin-bottom: 100px;
	    margin-left: auto;
	    margin-right: auto;

	}
	.img-wide-detail{
		width: 100%;
		height: 300px !important;
	    object-fit: cover;
	}
	.img-long-detail{
		height: 100%;
		width: 300px !important;
	    object-fit: cover;
	}
	.featured-img{
		max-height: 300px;
		width: 300px;
		height: auto;
	}
	img.share-image {
	    height: 30px;
	    margin-bottom: 0 !important;
	    margin-right: 0px;
	    margin-left: 15px;
	}
	.link-list {
	    padding: 0;
	}
	.link-list .btn {
	    height: 80px;
	}

	.to_bef label, .to_aft label{
		display: none;
	}

	.sites, footer hr {
		display: none;
	}
	.no-mobile {
		display: none;
	}
	.card-body {
	    padding: 1.25rem 0;
	}
	.card-body label {
	    width: 100%;
	}

	.panel-all, .panel-workshop, .panel-children, .panel-teenager, .panel-adult {
	  width: 45%;
	}
	.panel-waiting, .panel-reserving, .panel-finished {
	  width: 45%;
	  margin-left: 10px;
	}


	.btn-danger {
	    color: #fff;
	    background-color: rgb(255,0,0);
	    border-color: rgb(255,0,0);
	}

	.btn-red {
	    color: #fff;
	    background-color: rgb(255,0,0);
	    border-color: rgb(255,0,0);
	    padding: 7px 40px;
	}
	.btn-red:hover {
	    color: #fff;
	    background-color: rgb(255,0,0);
	    border-color: rgb(255,0,0);
	    padding: 7px 40px;
	}
	.btn-acp {
	    color: #fff;
	    background-color: rgb(255,0,0);
	    border-color: rgb(255,0,0);
	    padding: 2px 10px;
	}
	.btn-acp:hover {
	    color: #fff;
	    background-color: rgb(255,0,0);
	    border-color: rgb(255,0,0);
	    padding: 2px 10px;
	}
	.col-md-12.pb-2 {
	    padding-left: 0;
	}
	.detail p img {
	    width: 100%;
	}
	.btn-list {
	  font-size:16px;
	  background-color:black;
	  color:white;
	  border-radius: 0;
	  padding: 12px 5px;
	  width: 60px;
	}
  .pub-info {
    margin-top: 20px !important;
  }
  .notice-menu{
    display: block;
  }


}

a.btn-black {
    background-color: #000;
    padding: 2px 20px;
    color: #fff;
}
a.btn-black:hover {
    background-color: #000;
    padding: 2px 20px;
    color: #fff;
}



th, td {
    vertical-align: top;
}

.frame.detail p img {
    margin-bottom: 40px;
    width: 100%;
}

.pub-img {
    border: 1px solid #eee;
}
.page-item.active a {
    font-weight: 600 !important;
}

*:focus,
*:active,
a:active,
a:focus,
input:focus,
input:active { 
    -moz-outline-style: none;
  outline:none;
  outline: 0;
}
.page-link:focus {
    box-shadow: none !important;
}

a {
    color: #0056b3;
}