@charset "UTF-8";


.fadeInOut
{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 11;
  background: #fff url(../../images/layout/header/loading2.gif) no-repeat center;
}

.header{ border-bottom: 1px solid #499e8d; box-shadow: 0 1px 3px rgba(0,0,0,0.15); background-color: #fff; margin-top: -80px; }
.header .header_inner
{
  height: 80px;
  width: 960px;
  padding: 0 20px;
  margin: 0 auto;
  text-transform: uppercase;
}
.header .header_inner h1{ float: left; margin-top: 13px; }
.header .header_inner ul{ float: right;}
.header .header_inner ul li{ float: left; }


/* ---------------- 유틸메뉴 ----------------*/

.header .header_inner ul.util_menu{ margin: 13px 0; }
.header .header_inner ul.util_menu li
{
  height: 12px;
}
.header .header_inner ul.util_menu li:first-child
{
  margin-right: 9px;
  padding-right: 10px;
  background: url(../../images/layout/header/line.gif) no-repeat center right;
}

.header .header_inner ul.util_menu li a
{
  display: block;
  height: 12px;
  color: #999;
  font-size: 12px;
  font-family: consolas;
  line-height: 12px;
}

/* ---------------- 메인메뉴 ---------------- */

.header .header_inner ul.main_menu{ clear: right; }
.header .header_inner ul.main_menu li
{
  margin-left: 70px;
  height: 38px;
  border-color: #499e8d;
  border-style: solid;
}
.header .header_inner ul.main_menu li:first-child{ margin-left: 0; }
.header .header_inner ul.main_menu li a
{
  display: block;
  height: 18px;
  line-height: 18px;
  font-size: 17px;
}
.header .header_inner ul.main_menu li.on a{ color: #499e8d; font-weight: bold; border-bottom: 5px solid #499e8d; padding-bottom: 19px; }
.header .header_inner ul.main_menu li:hover a{ color: #499e8d; }


/* ---------------- 네비게이션 ---------------- */

.nav{ background-color: #287d7d; }
.nav .nav_inner
{
  width: 1000px;
  height: 270px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.nav .nav_inner h2
{
  padding-top: 85px;
  text-align: center;
}

.nav .nav_inner.pt{ background-image: url(../../images/program/pt/title_background.jpg); }
.nav .nav_inner.blog_daily_life{ background-image: url(../../images/blog/daily/title_background.jpg); }
.nav .nav_inner.introduction{ background-image: url(../../images/introduction/title_background.jpg); }
.nav .nav_inner.trainer{ background-image: url(../../images/trainer/title_background.jpg); }




/* ---------------- 풋터 ---------------- */

.footer{ background-color: #1c344d; }
.footer .footer_inner
{
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0;
}

.footer .footer_inner h2{float: left; }
.footer .footer_inner .address{ float: left; padding: 0 30px 0 20px; margin-right: 30px; background: url(../../images/layout/footer/address_border.png) repeat-y right top; }
.footer .footer_inner .address p
{
  font-size: 12px;
  color: #f2f2f2;
  font-weight: lighter;
  line-height: 16px;
}
.footer .footer_inner .link{ float: left; }

.footer .footer_inner .link .facebook{ margin-left: 15px; }

.footer .copyright
{
  clear: both;
  height: 26px;
  font-family: 'consolas';
  font-size: 11px;
  color: #f2f2f2;
  text-align: center;
  background-color: #132235;
  line-height: 26px;
}



/* ---------------- 내용 ---------------- */


.main .main_inner
{
  width: 1000px;
  overflow: hidden;
  /*background: rgba(255, 0, 0, 0.12);*/
  margin: 50px auto 0;
}
.main .main_inner.menu_on .menu{ float: left; width: 135px; }
.main .main_inner.menu_on .menu ul{}
.main .main_inner.menu_on .menu ul li{ width: 100px; margin-top: 10px; }
.main .main_inner.menu_on .menu ul li:first-child{margin-top: 0;}
.main .main_inner.menu_on .menu ul li a
{
  display: block;
  height: 60px;
  padding-top: 38px;
  border: 1px solid #e1e1e1;
  font-size: 15px;
  text-align: center;
  background-color: #fff;
}
.main .main_inner.menu_on .menu ul li.on a
{
  border: none;
  height: 60px;
  color: #fff;
  background-color: #287d7d;
  border: 1px #287d7d solid;
}
.main .main_inner.menu_on .menu ul li.line2 a{ padding-top: 29px; height: 69px; }
.main .main_inner.menu_on .content{ float: right; width: 865px; }
