@charset "UTF-8";
@font-face{font-family:NanumBarunGothic;src:url(NanumBarunGothic.eot);src:local(※),url(NanumBarunGothic.woff) format('woff');}
@font-face{font-family:NanumBarunGothicBold;src:url(NanumBarunGothicBold.eot);src:local(※),url(NanumBarunGothicBold.woff) format('woff');}

html{line-height:0; height:100%;} /* opera 10 */
body{height:100%; font-size:0.75em; background:#fff; color:#444;font-family:NanumBarunGothic, '나눔바른고딕', sans-serif;letter-spacing:0.3px}



h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0; }

p {
  margin-bottom: 0; }

ul, ol {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

dl {
  margin-bottom: 0; }

address {
  margin-bottom: 0; }

html {
  min-width: 320px;
  height: 100%;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch; }
  html.nav-opened {
    overflow: hidden; }
  @media (min-width: 1280px) {
    html.nav-opened {
      overflow: auto; } }

body {
  padding-top: 80px;
  min-width: 320px;
  height: 100%;
  font-size: 12px;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch; }
  body.nav-opened {
    overflow: hidden; }
  @media (min-width: 768px) {

    body {
      padding-top: 85px; } }
  @media (min-width: 1280px) {

    body {
      padding-top: 85px; }
      body.nav-opened {
        overflow: auto; } }

a {
  color: #333; }

/*
.container,
.container-fluid {
 }
  .container .row,
  .container-fluid .row {
    margin-left: -5px;
    margin-right: -5px; }
    .container .row .col-xs-1,
    .container .row .col-sm-1,
    .container .row .col-md-1,
    .container .row .col-lg-1,
    .container-fluid .row .col-xs-1,
    .container-fluid .row .col-sm-1,
    .container-fluid .row .col-md-1,
    .container-fluid .row .col-lg-1 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-2,
    .container .row .col-sm-2,
    .container .row .col-md-2,
    .container .row .col-lg-2,
    .container-fluid .row .col-xs-2,
    .container-fluid .row .col-sm-2,
    .container-fluid .row .col-md-2,
    .container-fluid .row .col-lg-2 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-3,
    .container .row .col-sm-3,
    .container .row .col-md-3,
    .container .row .col-lg-3,
    .container-fluid .row .col-xs-3,
    .container-fluid .row .col-sm-3,
    .container-fluid .row .col-md-3,
    .container-fluid .row .col-lg-3 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-4,
    .container .row .col-sm-4,
    .container .row .col-md-4,
    .container .row .col-lg-4,
    .container-fluid .row .col-xs-4,
    .container-fluid .row .col-sm-4,
    .container-fluid .row .col-md-4,
    .container-fluid .row .col-lg-4 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-5,
    .container .row .col-sm-5,
    .container .row .col-md-5,
    .container .row .col-lg-5,
    .container-fluid .row .col-xs-5,
    .container-fluid .row .col-sm-5,
    .container-fluid .row .col-md-5,
    .container-fluid .row .col-lg-5 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-6,
    .container .row .col-sm-6,
    .container .row .col-md-6,
    .container .row .col-lg-6,
    .container-fluid .row .col-xs-6,
    .container-fluid .row .col-sm-6,
    .container-fluid .row .col-md-6,
    .container-fluid .row .col-lg-6 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-7,
    .container .row .col-sm-7,
    .container .row .col-md-7,
    .container .row .col-lg-7,
    .container-fluid .row .col-xs-7,
    .container-fluid .row .col-sm-7,
    .container-fluid .row .col-md-7,
    .container-fluid .row .col-lg-7 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-8,
    .container .row .col-sm-8,
    .container .row .col-md-8,
    .container .row .col-lg-8,
    .container-fluid .row .col-xs-8,
    .container-fluid .row .col-sm-8,
    .container-fluid .row .col-md-8,
    .container-fluid .row .col-lg-8 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-9,
    .container .row .col-sm-9,
    .container .row .col-md-9,
    .container .row .col-lg-9,
    .container-fluid .row .col-xs-9,
    .container-fluid .row .col-sm-9,
    .container-fluid .row .col-md-9,
    .container-fluid .row .col-lg-9 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-10,
    .container .row .col-sm-10,
    .container .row .col-md-10,
    .container .row .col-lg-10,
    .container-fluid .row .col-xs-10,
    .container-fluid .row .col-sm-10,
    .container-fluid .row .col-md-10,
    .container-fluid .row .col-lg-10 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-11,
    .container .row .col-sm-11,
    .container .row .col-md-11,
    .container .row .col-lg-11,
    .container-fluid .row .col-xs-11,
    .container-fluid .row .col-sm-11,
    .container-fluid .row .col-md-11,
    .container-fluid .row .col-lg-11 {
      padding-left: 5px;
      padding-right: 5px; }
    .container .row .col-xs-12,
    .container .row .col-sm-12,
    .container .row .col-md-12,
    .container .row .col-lg-12,
    .container-fluid .row .col-xs-12,
    .container-fluid .row .col-sm-12,
    .container-fluid .row .col-md-12,
    .container-fluid .row .col-lg-12 {
      padding-left: 5px;
      padding-right: 5px; }
  @media (min-width: 768px) {
    .container,
    .container-fluid {
      padding-left: 20px;
      padding-right: 20px; }
      .container .row,
      .container-fluid .row {
        margin-left: -10px;
        margin-right: -10px; }
        .container .row .col-xs-1,
        .container .row .col-sm-1,
        .container .row .col-md-1,
        .container .row .col-lg-1,
        .container-fluid .row .col-xs-1,
        .container-fluid .row .col-sm-1,
        .container-fluid .row .col-md-1,
        .container-fluid .row .col-lg-1 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-2,
        .container .row .col-sm-2,
        .container .row .col-md-2,
        .container .row .col-lg-2,
        .container-fluid .row .col-xs-2,
        .container-fluid .row .col-sm-2,
        .container-fluid .row .col-md-2,
        .container-fluid .row .col-lg-2 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-3,
        .container .row .col-sm-3,
        .container .row .col-md-3,
        .container .row .col-lg-3,
        .container-fluid .row .col-xs-3,
        .container-fluid .row .col-sm-3,
        .container-fluid .row .col-md-3,
        .container-fluid .row .col-lg-3 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-4,
        .container .row .col-sm-4,
        .container .row .col-md-4,
        .container .row .col-lg-4,
        .container-fluid .row .col-xs-4,
        .container-fluid .row .col-sm-4,
        .container-fluid .row .col-md-4,
        .container-fluid .row .col-lg-4 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-5,
        .container .row .col-sm-5,
        .container .row .col-md-5,
        .container .row .col-lg-5,
        .container-fluid .row .col-xs-5,
        .container-fluid .row .col-sm-5,
        .container-fluid .row .col-md-5,
        .container-fluid .row .col-lg-5 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-6,
        .container .row .col-sm-6,
        .container .row .col-md-6,
        .container .row .col-lg-6,
        .container-fluid .row .col-xs-6,
        .container-fluid .row .col-sm-6,
        .container-fluid .row .col-md-6,
        .container-fluid .row .col-lg-6 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-7,
        .container .row .col-sm-7,
        .container .row .col-md-7,
        .container .row .col-lg-7,
        .container-fluid .row .col-xs-7,
        .container-fluid .row .col-sm-7,
        .container-fluid .row .col-md-7,
        .container-fluid .row .col-lg-7 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-8,
        .container .row .col-sm-8,
        .container .row .col-md-8,
        .container .row .col-lg-8,
        .container-fluid .row .col-xs-8,
        .container-fluid .row .col-sm-8,
        .container-fluid .row .col-md-8,
        .container-fluid .row .col-lg-8 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-9,
        .container .row .col-sm-9,
        .container .row .col-md-9,
        .container .row .col-lg-9,
        .container-fluid .row .col-xs-9,
        .container-fluid .row .col-sm-9,
        .container-fluid .row .col-md-9,
        .container-fluid .row .col-lg-9 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-10,
        .container .row .col-sm-10,
        .container .row .col-md-10,
        .container .row .col-lg-10,
        .container-fluid .row .col-xs-10,
        .container-fluid .row .col-sm-10,
        .container-fluid .row .col-md-10,
        .container-fluid .row .col-lg-10 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-11,
        .container .row .col-sm-11,
        .container .row .col-md-11,
        .container .row .col-lg-11,
        .container-fluid .row .col-xs-11,
        .container-fluid .row .col-sm-11,
        .container-fluid .row .col-md-11,
        .container-fluid .row .col-lg-11 {
          padding-left: 10px;
          padding-right: 10px; }
        .container .row .col-xs-12,
        .container .row .col-sm-12,
        .container .row .col-md-12,
        .container .row .col-lg-12,
        .container-fluid .row .col-xs-12,
        .container-fluid .row .col-sm-12,
        .container-fluid .row .col-md-12,
        .container-fluid .row .col-lg-12 {
          padding-left: 10px;
          padding-right: 10px; } }
  @media (min-width: 992px) {
    .container,
    .container-fluid {
      padding-left: 15px;
      padding-right: 15px; }
      .container .row,
      .container-fluid .row {
        margin-left: -15px;
        margin-right: -15px; }
        .container .row .col-xs-1,
        .container .row .col-sm-1,
        .container .row .col-md-1,
        .container .row .col-lg-1,
        .container-fluid .row .col-xs-1,
        .container-fluid .row .col-sm-1,
        .container-fluid .row .col-md-1,
        .container-fluid .row .col-lg-1 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-2,
        .container .row .col-sm-2,
        .container .row .col-md-2,
        .container .row .col-lg-2,
        .container-fluid .row .col-xs-2,
        .container-fluid .row .col-sm-2,
        .container-fluid .row .col-md-2,
        .container-fluid .row .col-lg-2 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-3,
        .container .row .col-sm-3,
        .container .row .col-md-3,
        .container .row .col-lg-3,
        .container-fluid .row .col-xs-3,
        .container-fluid .row .col-sm-3,
        .container-fluid .row .col-md-3,
        .container-fluid .row .col-lg-3 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-4,
        .container .row .col-sm-4,
        .container .row .col-md-4,
        .container .row .col-lg-4,
        .container-fluid .row .col-xs-4,
        .container-fluid .row .col-sm-4,
        .container-fluid .row .col-md-4,
        .container-fluid .row .col-lg-4 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-5,
        .container .row .col-sm-5,
        .container .row .col-md-5,
        .container .row .col-lg-5,
        .container-fluid .row .col-xs-5,
        .container-fluid .row .col-sm-5,
        .container-fluid .row .col-md-5,
        .container-fluid .row .col-lg-5 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-6,
        .container .row .col-sm-6,
        .container .row .col-md-6,
        .container .row .col-lg-6,
        .container-fluid .row .col-xs-6,
        .container-fluid .row .col-sm-6,
        .container-fluid .row .col-md-6,
        .container-fluid .row .col-lg-6 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-7,
        .container .row .col-sm-7,
        .container .row .col-md-7,
        .container .row .col-lg-7,
        .container-fluid .row .col-xs-7,
        .container-fluid .row .col-sm-7,
        .container-fluid .row .col-md-7,
        .container-fluid .row .col-lg-7 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-8,
        .container .row .col-sm-8,
        .container .row .col-md-8,
        .container .row .col-lg-8,
        .container-fluid .row .col-xs-8,
        .container-fluid .row .col-sm-8,
        .container-fluid .row .col-md-8,
        .container-fluid .row .col-lg-8 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-9,
        .container .row .col-sm-9,
        .container .row .col-md-9,
        .container .row .col-lg-9,
        .container-fluid .row .col-xs-9,
        .container-fluid .row .col-sm-9,
        .container-fluid .row .col-md-9,
        .container-fluid .row .col-lg-9 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-10,
        .container .row .col-sm-10,
        .container .row .col-md-10,
        .container .row .col-lg-10,
        .container-fluid .row .col-xs-10,
        .container-fluid .row .col-sm-10,
        .container-fluid .row .col-md-10,
        .container-fluid .row .col-lg-10 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-11,
        .container .row .col-sm-11,
        .container .row .col-md-11,
        .container .row .col-lg-11,
        .container-fluid .row .col-xs-11,
        .container-fluid .row .col-sm-11,
        .container-fluid .row .col-md-11,
        .container-fluid .row .col-lg-11 {
          padding-left: 15px;
          padding-right: 15px; }
        .container .row .col-xs-12,
        .container .row .col-sm-12,
        .container .row .col-md-12,
        .container .row .col-lg-12,
        .container-fluid .row .col-xs-12,
        .container-fluid .row .col-sm-12,
        .container-fluid .row .col-md-12,
        .container-fluid .row .col-lg-12 {
          padding-left: 15px;
          padding-right: 15px; } }
*/
#top-nav {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: #282828; }
  #top-nav .affiliates ul {
    overflow: hidden; }
    #top-nav .affiliates ul li {
      float: left;
      line-height: 30px;
      height: 30px;
      border-right: 1px solid #434343; }
      #top-nav .affiliates ul li:first-child {
        border-left: 1px solid #434343; }
      #top-nav .affiliates ul li a {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        text-decoration: none;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
        #top-nav .affiliates ul li a:hover, #top-nav .affiliates ul li a:focus {
          background-color: #f0840c;
          color: white; }
        #top-nav .affiliates ul li a.active {
          background-color: #f0840c;
          color: white; }
  #top-nav .util {
    position: absolute;
    top: 0;
    right: 115px;
    margin-right: 50px;
    line-height: 30px; }
    #top-nav .util ul li {
      float: left;
      line-height: 30px; }
      #top-nav .util ul li a {
        color: #fff; }
      #top-nav .util ul li + li:before {
        margin-left: 10px;
        margin-right: 10px;
        content: '·';
        color: #fff; }
  #top-nav .sns {
    float: right; }
    #top-nav .sns ul li {
      float: left; }
      #top-nav .sns ul li a {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        text-decoration: none;
        text-align: center;}
        #top-nav .sns ul li a:hover, #top-nav .sns ul li a:focus {
          opacity: .7; }
        #top-nav .sns ul li a i {
          font-style: normal;
          line-height: 30px;
          font-size: 14px;
          vertical-align: 1px; }
      #top-nav .sns ul li.fb {
        background-color: #3a5896; }
      #top-nav .sns ul li.bl a i {
        font-size: 15px; }
.fa.pull-right{margin-top:20px;}
#header {
  overflow: hidden;
  z-index: 1001;
  position: fixed;
  top: 0;
  width: 100%;
  height: 85px;
  background-color: #fff;
  border-bottom:2px solid #222;
  }
  #header .container {
    position: relative; }
  #header .logo {
    float: left;
    margin-top: 8px;
    width: 129px;
    height: 24px;
    /*
    img {
    	display: block;
    	width: 129px;
    }
    */ }
    #header .logo a {
      display: block;
      width: 100%;
      height: 100%;
      background-image: url(../images/logo.png);
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: 50% 50%; }
  #header #btn-nav-open {
    float: right;
    padding: 20px;
   /* width: 40px;
    height: 40px;*/
    color: #333;
    text-decoration: none;
    border: 0; }
    #header #btn-nav-open:before {
     
		font: normal normal normal 14px/1 FontAwesome;
     content: "\f0c9";
      font-size: 30px; }
  @media (min-width: 768px) {
    #header {
      height: 85px; }
      #header .logo {
        margin-top: 10px;
        width: 250px;
        height: 50px;
        /*
        img {
        	width: auto;
        }
        */ }
      #header #btn-nav-open {
        /*
        top: 10px;
        right: 10px;
       
        margin-top: 10px; */
        width: 60px;
        height: 60px; }
        #header #btn-nav-open:before {
          font-size: 40px; } }
  @media (min-width: 1280px) {
    #header {
      /*margin-top: 30px;*/
      height:85px; }
      #header .logo {
        margin-top: 15px; }
      #header #nav {
        float: right; }
        #header #nav > ul > li {
          position: relative;
          float: left; }
          #header #nav > ul > li + li {
          }
          #header #nav > ul > li > a {
		  background:url(../images/main_menu_bg.png) no-repeat right;
            position: relative;
            display: block;
            padding-left: 45px;
padding-right: 55px;
            height: 80px;
            font-size: 16px;
            line-height: 75px;
            text-decoration: none;
            -webkit-transition-property: all;
            transition-property: all;
            -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
            -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;}
		
            #header #nav > ul > li > a > span {
              position: absolute;
              left: 50%;
              bottom: 0;
              margin-left: 0;
              width: 0;
              height: 3px;
              background-color: #e40009;
              -webkit-transition-property: all;
              transition-property: all;
              -webkit-transition-duration: 0.15s;
              transition-duration: 0.15s;
              -webkit-transition-timing-function: linear;
              transition-timing-function: linear;
              -webkit-transition-delay: 0s;
              transition-delay: 0s; }
          #header #nav > ul > li > ul {
            padding-top: 20px;
            padding-bottom: 20px; }
            #header #nav > ul > li > ul > li > a {
              display: block;
              padding-top: 5px;
              padding-bottom: 5px;
              font-size: 13px;
              line-height: 22px;
              text-align: center;
              text-decoration: none;
              color: #fff; }
              #header #nav > ul > li > ul > li > a:hover, #header #nav > ul > li > ul > li > a:focus {
                color: #f0840c; }
          #header #nav > ul > li.active > a {
            color: #e00014; }
            #header #nav > ul > li.active > a > span {
              margin-left: -35px;
              width: 70px; } }

@media (min-width: 1280px) {
  body.nav-expanded #header {
    height: 300px;
    background-color: rgba(40, 40, 40, 0.9) !important;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    body.nav-expanded #header .logo a {
      background-image: url(../images/logo2.png) !important; }
    body.nav-expanded #header #nav > ul > li > a {
      color: #fff !important; } }

#nav-aside {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }
  #nav-aside .nav-content {
    position: absolute;
    top: 0;
    right: -100%;
    padding-top: 45px;
    /*padding-bottom: 80px;*/
    max-width: 394px;
    width: 45%;
    height: 100%;
    background-color: #fff;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
    transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    #nav-aside .nav-content .nav-header {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 45px;
      background-color: #fff; }
     
        #nav-aside .nav-content .nav-header .sns li {
          float: left; }
          #nav-aside .nav-content .nav-header .sns li a {
            display: block;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background-color: #595757;
            color: #fff;
            text-align: center;
            line-height: 26px;
            font-size: 13px;
            font-weight: normal;
            text-decoration: none; }
            #nav-aside .nav-content .nav-header .sns li a.bl i {
              font-family: 'Maven Pro', sans-serif;
              font-size: 18px;
              font-style: normal; }
          #nav-aside .nav-content .nav-header .sns li + li {
            margin-left: 5px; }
      #nav-aside .nav-content .nav-header #btn-nav-close {
        position: absolute;
        top: 0;
        right: 15px;
        padding: 0;
        border: 0;
        text-decoration: none; }
        #nav-aside .nav-content .nav-header #btn-nav-close i:before {
          color: #e10013;
          font-size: 28px;
          line-height: 45px; }
    #nav-aside .nav-content .nav-body {
      overflow: auto;
      border-top: 1px solid #ccc;
      height: 100%; }
      #nav-aside .nav-content .nav-body > ul > li {
        border-bottom: 1px solid #ccc; }
        #nav-aside .nav-content .nav-body > ul > li > a {
          display: block;
          padding-left: 15px;
          padding-right: 15px;
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          text-decoration: none; 
}
          #nav-aside .nav-content .nav-body > ul > li > a:hover, #nav-aside .nav-content .nav-body > ul > li > a:focus {
            color: #e40009; }
          #nav-aside .nav-content .nav-body > ul > li > a:after {
            float: right;
           /* font-family: 'fontello';
            content: '\E806'; */}
        #nav-aside .nav-content .nav-body > ul > li > ul {
          overflow: hidden;
          height: 0;
          -webkit-transition-property: all;
          transition-property: all;
          -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
          -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
          -webkit-transition-delay: 0s;
          transition-delay: 0s; }
          #nav-aside .nav-content .nav-body > ul > li > ul > li > a {
            display: block;
            font-size: 14px;
			padding-left:20px;
            line-height: 40px;
            border-top: 1px solid #dadada;
            background-color: #f4f4f4;
            text-decoration: none; }
            #nav-aside .nav-content .nav-body > ul > li > ul > li > a:focus, #nav-aside .nav-content .nav-body > ul > li > ul > li > a:hover {
              color: #ef4600; }
        #nav-aside .nav-content .nav-body > ul > li.selected > a {
          background-color: #e10013;
          color: #fff; }
          #nav-aside .nav-content .nav-body > ul > li.selected > a:after {
           /* content: '\E807'; */}
        #nav-aside .nav-content .nav-body > ul > li.selected > ul {
          height: auto; }
    #nav-aside .nav-content .nav-footer {
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 20px;
      width: 100%;
      height: 80px; }
      #nav-aside .nav-content .nav-footer .family-sites .btn {
        height: 40px;
        border-radius: 0;
        font-size: 12px;
        font-weight: thin;
        color: #666;
        text-align: left;
        border-color: #d7d7d7; }
      #nav-aside .nav-content .nav-footer .family-sites .dropdown-menu {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0; }
        #nav-aside .nav-content .nav-footer .family-sites .dropdown-menu li a {
          padding-left: 10px;
          padding-right: 10px;
          font-size: 12px;
          line-height: 30px; }
      #nav-aside .nav-content .nav-footer .family-sites .dropup .btn:after {
        float: right;
        font-family: 'fontello';
        content: '\E809'; }
  @media (min-width: 768px) {
    #nav-aside .nav-content {
      padding-top:65px; }
      #nav-aside .nav-content .nav-header {
        height: 65px; }
        #nav-aside .nav-content .nav-header .sns {
          margin-left: 20px; }
          #nav-aside .nav-content .nav-header .sns li a {
            width: 42px;
            height: 42px;
            font-size: 16px;
            line-height: 42px; }
            #nav-aside .nav-content .nav-header .sns li a.bl i {
              font-size: 22px; }
          #nav-aside .nav-content .nav-header .sns li + li {
            margin-left: 10px; }
        #nav-aside .nav-content .nav-header #btn-nav-close {
          top: 15px;
          right: 15px; }
          #nav-aside .nav-content .nav-header #btn-nav-close i:before {
            font-size: 32px; }
      #nav-aside .nav-content .nav-body > ul > li > a {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 18px; }
      #nav-aside .nav-content .nav-body > ul > li > ul > li > a {
        font-size: 15px; } }

body.nav-opened #nav-aside {
  right: 0; }
  body.nav-opened #nav-aside .nav-content {
    right: 0; }

#content {
  min-height: 500px; }

#foot-nav {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #565656; }
  .addr{margin-bottom:15px;}
  #foot-nav .sitemap > ul > li {
    float: left;
    width: 150px; }
    #foot-nav .sitemap > ul > li > h5 {
      margin-bottom: 20px;
      font-size: 16px; }
    #foot-nav .sitemap > ul > li > ul > li > a {
      color: #666;
      font-size: 14px;
      line-height: 18px; }
    #foot-nav .sitemap > ul > li > ul > li + li {
      margin-top: 10px; }
  #foot-nav .contact {
    position: relative;}
   #foot-nav .contact a{color:#fff; font-size:14px; padding: 0 20px 0 20px; border-right:1px solid #fff;}
   #foot-nav .contact a:hover{text-decoration: none;}
    #foot-nav .contact dl.phone dt, #foot-nav .contact dl.phone dd, #foot-nav .contact dl.as dt, #foot-nav .contact dl.as dd, #foot-nav .contact dl.email dt, #foot-nav .contact dl.email dd {

    }
    #foot-nav .contact .fb {
      position: absolute;
      top: 100px;
      top: 132px;
      right: 5px;
      font-size: 40px;
      color: #3a5896; }

#footer {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #333333; }
  .info_color{color:#ffec9f !important;}
  #footer .copyright p {
    color: #a7a7a8;
	
    font-size: 11px;
    line-height: 18px; }
    #footer .copyright p a {
      color: #a7a7a8; }
	  .family-sites p{font-size:15px;line-height: 15px;}
	  .family-sites p span{font-size:18px; line-height: 30px;}
	    @media (max-width: 768px) {
		#introduce .intro-item.active .content .text h2{margin-top:10%;}
		.copyright p{text-align:center;}
		  #header {
      /*margin-top: 30px;*/
      height:80px; }
	  #header .logo {
    margin-top: 20px;
    width: 215px;
    height: 39px;
}
	#introduce .intro-item.active .content .text p{width: 95%!important;margin-top:15px!important;}
		#footer .copyright p{ text-align:center;}
		.main_img_line{top: 300px!important;}
		#introduce .intro-item .content .text p{font-size:14px;}
		}
		.phone{width:50%; float:left;}
  @media (min-width: 768px) {
  
	.family-sites p span{font-size: 14px;}
    #footer {
      padding-top: 25px;
      padding-bottom: 25px; }
      #footer .copyright p {
        font-size: 14px;
        text-align: center;
        line-height: 20px;
         } }
  @media (min-width: 1280px) {
    #footer .copyright p {
	color:#a7a7a8;
      text-align: left;
      line-height: 22px; }
    #footer .family-sites .btn {
      height: 40px;
      border-radius: 0;
      font-size: 12px;
      font-weight: 300;
      color: #666;
      text-align: left;
      border-color: #d7d7d7; }
    #footer .family-sites .dropdown-menu {
      margin-top: 0;
      margin-bottom: -1px;
      margin-left: -1px;
      padding-top: 10px;
      padding-bottom: 10px;
      width: 202px;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0; }
      #footer .family-sites .dropdown-menu li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
        line-height: 30px; }
    #footer .family-sites .dropup {
      float: right;
      width: 200px;
      height: 40px; }
      #footer .family-sites .dropup .btn:after {
        float: right;
        font-family: 'fontello';
        content: '\E809'; } }

		.contact_title{padding-left:20px;}
		.contact_title h5{font-size:30px; color:#000;text-decoration: underline;}


@media (min-width:769px) {
 #nav-aside .nav-content .nav-header .sns {margin-top:20px; padding-bottom:0}
}

@media (max-width:768px) {
 #nav-aside .nav-content .nav-header .sns {margin-top: 8px; padding-left:10px;}
}