/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

body {
  margin: 0px;
  font-family: 'NanumSquare', sans-serif;
  background-color: whitesmoke;
  }
  
.header {
  background-color: #1faae1;
  padding: 11px 30px 11px 30px;
  height: 45px;
}

.navigator {
  background-color: white;
  min-height: 67px;
  border: 0.1px solid rgb(194, 192, 192);
  padding: .9rem 25px;
}

.navbar{
  z-index: 50;
  width:100%;
  border-bottom: 1px solid rgb(219, 219, 219);
}

.membership_class{
  width: 23px;
  height:auto;
}

.block, .block_membership {
  padding: 2px 10px 2px 10px;
}

.block:hover{
  text-decoration: underline;
}

.main:after{
  display: block;
  content: "";
  clear:both;
}


.link {
  cursor: pointer;
}

a.navbar-brand {
  font-weight: 750;
  letter-spacing: .15em;
  font-size: 22px;
}

.navbar-light .navbar-brand{
  color:rgb(39, 88, 153);
}

.navbar-light .navbar-nav .nav-link{
  font-weight: 400;
  color: rgb(80, 80, 80);
}

.nav-link{
  border-right: 1px solid rgb(217, 227, 240);
  padding: .75rem 1rem;
}

.navbar-light:hover .navbar-nav:hover .nav-link:hover{
  color: rgb(241, 158, 3);
}

.footer_box{
  height: 100%;
  color: whitesmoke;
  display: block;
  width: 99%;
}

.indiv_footer{
  width: 60%;
  float: left;
  padding-left: 10%;
  padding-top: 5px;
  margin-bottom: 20px;
  border-right: 0.1rem solid rgb(220, 228, 240);
}

.side_footer{
  width: 40%;
  float:left;
  padding: 1%;
  padding-left: 30px;
  margin: auto;
}

.indiv_footer, .side_footer{
  height: 160px;
}

.indiv_footer td{
  padding-bottom: 10px;
}

div.footer_box p{
  margin-bottom: 0;
}

.footer_center{
  border-top: 0.1rem solid rgb(220, 228, 240);
  font-size: 0.90rem;
  float: left;
  width: 100%;
  padding-top: 10px;
  text-align: center;
}

p.footer_center{
  margin-bottom: 0;
  
}

.p-3{
  height: 380px;
  margin-top: 75px;
}

#tuition_bottom:hover{
  font-weight: 600;
}

td.phone_num, td.kakao_id{
  font-weight: 750;
  margin-bottom: 20px;
}

a.address{
  font-weight: 750;
  color: white;
}

a.number_tel, .kakao_id{
  color: white;
}

.address_icon, .kakao_icon, .email_icon, #Bold, #Shape, .phone_icon{
  width: 20px;
  height: auto;
  margin-left: 3px;
  fill: white;
}

.unicef_img{
  width: 200px;
  margin-top: 100px;
}

.navbar-nav .nav-link{
  padding-left: 5px;
}

br.space{
  display: none;
}

br.kakao_space{
  display: none;
}

.stick_to_top{
  position:fixed;
  top:0;
  width:100%;
}

.main + .stick_to_top{
  padding-top: 102px;
}

/*Homepage highlight color*/
.highlight-red{
  color: #FF0000;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: .8rem;
      padding-left: .8rem;
  }

  
}

@media screen and (max-width: 1024px) {
  .indiv_footer{
    padding-left: 4%;
  }

}
@media screen and (max-width: 991px){
  .nav-link{
    border-bottom: 1px solid rgb(217, 227, 240);
    border-right: none;
  }



}

@media screen and (max-width: 830px){
  .indiv_footer{
    width: 65%;
    height: 180px;
  }
  .side_footer{
    width: 35%;
    height: 180px;
  }

  .unicef_img{
    margin-top: 130px;
  }


 
}

@media screen and (max-width: 695px){
  .indiv_footer{
    padding-left: 1%;
    width: 71%;
    
  }
  .side_footer{
    width: 29%;
    padding-left: 10px;
    height: 80px;
  }

  .unicef_img{
    width: 140px;
    margin-top: 20px;
  }

  
}

@media screen and (max-width: 654px){
  .indiv_footer{
    width: 100%;
    border-right: none;
    margin-bottom: 5px;
  }
  .side_footer{
    width: 100%;
    margin-bottom: 20px;
  }

  .p-3{
    height: 490px;
  }

  .unicef_img{
    float: right;
    width: 160px;
  }

  

}

@media screen and (max-width: 454px){
  .indiv_footer{
    height: 240px;
  }

  .side_footer{
    margin-bottom: 0;
  }

  
  .p-3{
    height: 620px;
  }

  br.space{
    display: block;
  }

  td.phone_num, td.kakao_id{
    font-size: 19px!important;
    text-align: center;
  }

  .phone_icon, .kakao_icon{
    width: 30px;
    margin-top: 5px;
    margin-left: 5px;
  }

  a.address{
    text-align: center;
    font-size: 14px;
  }

  .indiv_footer td{
    padding-bottom: 20px;
    text-align: center;
    font-size: 14px;
  }

  .navigator{
    padding: .6rem 20px;
  }

  .header{
    padding: 11px 15px 11px 15px;
  }

  .block{
    font-size: 13px;
  }

  h1{
    font-size: 2rem;
  }

  .table td{
    font-size: .9rem;
  }

  

}

@media screen and (max-width: 344){
  br.second{
    display: none;
  }

}