@font-face {
font-family: 'NanumGothic';
src: url(/fonts/NanumGothicBold.eot);
src: url(/fonts/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
url(/fonts/NanumGothicBold.woff2) format('woff2'),
url(/fonts/NanumGothicBold.woff) format('woff'),
url(/fonts/NanumGothicBold.otf) format('otf'),
url(/fonts/NanumGothicBold.ttf) format('truetype'),
url(/fonts/NanumGothicBold.svg#NanumGothicBold) format('svg');
font-display: swap;
font-style: normal;
font-weight: 700;
}
html{ height:100%;padding:0;margin:0;}
body {
  padding: 0;margin:0;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  height:100%;
}

a {
  color: #00B7FF;
}
.logo{
  width:100%;
}
.width-355{
  max-width:355px;
}
.phone a{color:#000;font-weight:800;text-decoration:underline;}
.max-width-1200{width:100%;max-width:1200px;}
.l-navbar{background-color:#46697d}
.l-navbar .nav-link{color:#fff;}
.l-navbar .nav-item {padding:0 10px;}
.img-btn-wrap{position:relative;}
.img-btn-img{
  -moz-box-shadow:inset 7px 7px 15px 3px rgba(0,0,0,0.4);-webkit-box-shadow:inset 7px 7px 15px 3px rgba(0,0,0,0.4);box-shadow:inset 7px 7px 15px 3px rgba(0,0,0,0.4);
  cursor:pointer;
}
.img-btn-img img{vertical-align:middle;z-index:-2;position:relative;}
.img-btn-text a{
  padding:5px 10px;
  top:0;
  position:absolute;
  color:#fff;
  font-weight:800;
  font-size:1.1rem;
  text-shadow:2px 2px 4px #000;
}
.map_info_window{padding:10px 5px;width:200px;}
.map_info_window .map-title{font-weight:800; margin:0;margin-bottom:5px;}
.map_info_window .map-detail {font-size:0.8rem;text-align:right; margin:0;}
#map{width:100%;height:600px;}
.bus_detail{border-radius:5px; color:#fff;display:inline-block;padding:5px;margin:2px;}
.bus_village{background-color:#7d7;}
.bus_green{background-color:#3ace3a;}
.bus_blue{background-color:#3065AC;}
.bus_red{background-color:#FF7860;}
.bus_airport{background-color:#836953;}
.subway_number{color:#fff;font-size:0.7rem;border-radius:10px;display:inline-block;line-height:20px;width:20px;text-align:center;}
.subway_name{display:inline-block;line-height:20px;}
.subway_1{background-color:#0D3692;}
.subway_2{background-color:#33A23D;}
.subway_3{background-color:#FE5B10;}
.subway_4{background-color:#32A1C8;}
.subway_5{background-color:#8B50A4;}
.subway_6{background-color:#C55C1D;}
.subway_7{background-color:#54640D;}
.subway_8{background-color:#F51361;}
.subway_9{background-color:#AA9872;}
.subway_airport{background-color:#3681B7;}
.subway_inchoen{background-color:#8CADCB;}
.subway_bundang{background-color:#FFB300;}
.subway_new_bundang{background-color:#DB0029;}
.direction h2{font-size:1.2rem;font-weight:800;color:#333;margin-top:20px;}
.direction {font-size:0.8rem;color:#666; letter-spacing:-1px;}
.direction h4{font-size:1.0rem; margin-top:20px;font-weight:800;color:#333;}
p.address{margin-bottom:0;}
.workhour h2{font-size:1.2rem;font-weight:800;color:#333;margin-top:20px;}
.workhour {font-size:0.8rem;color:#666; letter-spacing:-1px;}
.workhour_detail p{font-size:0.8rem;margin-bottom:1px;;color:#666;}
.contact{background-color:#46697d;padding:10px 0;margin-top:10px;}
.contact h2{font-size:1.25rem;font-style:italic;font-weight:700;color:#fff;margin:0;margin-left:5px;}
.contact h4{font-size:1.2rem;color:#fff;margin:0;}
.greeting h2{font-size:2rem;font-weight:700;color:#333;margin:20px 0;}
.greeting h4{margin:30px 0;font-size:1.5rem;color:#333;font-weight:700;}
.greeting p{color:#666;}
.greeting_img img{width:100%;}
.staff h2{font-size:2rem;font-weight:700;color:#333;margin:20px 0;}
.staff h4{font-size:1.2rem;color:#333;margin:0;font-weight:700;margin-bottom:10px;}
.docter-img img{width:100%;}
.docter-paper-title{white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis;}
.docter-des-header{font-weight:700;font-size:1rem;color:#333;}
.docter-description{font-size:0.8rem;color:#666;}
.docter-description p{margin:0;}
.docter-description ul {max-height:250px;overflow-y:auto;}
@media (min-width: 576px) {
  .facility .card-columns, .special_facility .card-columns{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
  }
}
@media (min-width: 768px) {
  .facility .card-columns, .special_facility .card-columns{
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
  }
}
@media (min-width: 992px) {
  .facility .card-columns, .special_facility .card-columns{
    -webkit-column-count:4;
    -moz-column-count:4;
    column-count:4;
  }
}
.gallery h2, .facility h2{font-size:2rem;font-weight:700;color:#333;margin:20px 0;}
.footer{border-top:1px solid #000;}
.footer-description{color:#333;font-size:0.8rem;}
.img-btn-text a:hover{color:#fff;text-decoration:none;}
.header-nav{font-size:0.8rem;color:#333;position:relative;}
.header-nav div{position:absolute;bottom:0;right:0;display:none !important;}
.header-nav a{color:#333;text-decoration:none;}
.special h2 {font-size:2rem;font-weight:700;color:#333;margin:20px 0;}
.special h2 h4{font-size:1.2rem;color:#333;margin:0;font-weight:700;margin-bottom:10px;}
.subjects .subject{display:none; margin-top:20px;}
.subjects .subject.active{display:block;}
.subjects h2{margin-bottom:30px;}
.subject_button{cursor:pointer;line-height:2.6em;}
.subject_button.active{ color:#0D3692; font-weight:700;}
.subjects .subject h4{margin-bottom:2rem; color:#0D3692;}
.subjects .subject .subtopic-title{border-bottom:1px solid #46697d;padding-bottom:1rem;margin-bottom:50px;}
.subtopic-title .subtopic-title-span {cursor:pointer;}
.subtopic-title .subtopic-title-span.active{font-weight:700;}
.subtopic-title .subtopic-title-span:not(:first-child){margin-left:20px;}
.subjects .subject h6{ font-weight:700; border-bottom:1px solid #46697d;padding-bottom:1rem;margin-bottom:50px;}
.subjects .subject .subtopic .description h8{font-weight:700;padding-bottom:1rem;display:inline-block;}
.subjects .subject .subtopic .description p{font-family:dotum; font-size:0.85rem;padding-left:20px;}
.side-bar{border-right:1px solid #0D3692;}
.subjects .subject .description_img{ text-align:center;padding:50px 0;}
.subtopic{display:none;}
.subtopic.active{display:block;}
.special_description h5{font-weight:700;color:#46697d;text-decoration:underline;cursor:pointer;}
.special_subtitle{text-align:center;}

.imgModal{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
#modal_img {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}
#modal_img, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}
@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
/* The Close Button */
.imgModal .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.imgModal .close:hover,
.imgModal .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.img_popup_modal{
  cursor:pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .imgModal .modal-content {
    width: 100%;
  }
}