@charset "utf-8";

/* 가운데 영역 */
.container {position: relative; width: 1200px; margin: 0 auto; background: rgba(0,0,0,0); }

/* 로우 영역 */
.row {padding: 0 24px;}

/* 원장님메인  */
#won_main { margin-top: 163px; background: linear-gradient(180deg,#1b3e5e 80%,#78b2e6); width:100%;}

/* 메인01 원장님인사글 */
#main_01 {width: 100%; padding-bottom: 150px; border-bottom: 1px solid #ccc;}
#main_01 .bar {width: 100%; background: linear-gradient(120deg,#7fa886 15%,#31628b,#0a2643);}
#main_01 .bar h2 {font-family: 'Nanum Brush Script', cursive;
  text-align: center; font-size: 60px; color:#fff; padding: 5px 0; }
.main_01 h3 {padding: 50px 0; font-size: 22px; font-weight: bold; color:#31628b;}
.main_01 .bold {padding:22px 0 12px 0; font-weight: bold; font-size: 16px;}

  /* 하위버튼 */
#btn {padding: 30px 0;}
.btn {}
.btn ul {overflow: hidden; display: flex; justify-content: center; align-items: center; width:100%;}
.btn ul li { position: relative; float: left; width: 15%;  text-align: center;}
.btn ul li img { width:80px;}

  /* 푸터 */
  #footer { background: #222; }
  .footer_sns {position: absolute; right: 17px; top: 33px; }
  .footer_sns ul { text-align: right; }
  .footer_sns li { display: inline-block; margin-right: 20px; }
  .footer_sns ul li a {color: #fff;}
  .footer_sns ul li a i {color: #fff; font-size:40px;}
  .footer_sns .tel {text-align: right; padding-top: 5px;}
  .footer_sns .tel a {color: #8f8f8f; font-size: 21px;}
  .footer_sns .tel a em {color: #fff;}

  .footer_infor {position: relative; padding: 50px 0; width: 80%;}
  .footer_infor h2 img {width:150px; opacity: .8;}
  .footer_infor ul {padding: 15px 0;}
  .footer_infor li {position: relative; display: inline; padding-right: 16px; white-space: nowrap;}
  .footer_infor li:after {content: ''; position: absolute; right: 5px; top: 5px; width: 1px; height: 11px; background: #8f8f8f;}
  .footer_infor li:last-child:after {width: 0; height: 0;}
  .footer_infor li a {color: #8f8f8f;}
  .footer_infor address p {color: #8f8f8f; padding-bottom: 15px;}


/* 미디어쿼리 */
@media (max-width: 1210px){
  .container {width: 100%;}
}

@media (max-width: 1024px){

}

@media (max-width: 960px){
#won_main {margin-top: 85px;}
.footer_sns {position: static; text-align: center; background: #352c2c; padding: 15px 0;}
.footer_sns .tel {display: none;}
.footer_infor {width: 100%; text-align: center;}

}

@media (max-width: 768px){
#main_01 .bar h2 {font-size: 35px; padding: 0;}
.btn ul li img { width: 70px;}
}

@media (max-width: 600px){
#main_01 { border-bottom: 0; padding-bottom: 50px;}
  .btn ul {display: block;}
  .btn ul li {
    width: 100%;
    padding: 3px;
    border:1px solid #ccc;
    margin-bottom: 8px;
    box-sizing: border-box;}
}

@media (max-width: 480px){
  .row {padding: 0 8px;}
  #main_01 .bar h2 {font-size: 33px;}
  .btn ul li img {width: 65px;}
}

@media (max-width: 320px){
  #main_01 .bar h2 {font-size: 26px;}

}