@charset "utf-8";
/* 메인 CSS */

#warp{width:100%; overflow:hidden; /*min-width:1228px;*/ position:relative;   margin:0 auto;  }

#header{width:940px; margin:0 auto;  position:relative;  border:0px solid red; padding-bottom:50px; }
#header h1{padding:45px 0 0 0;}
#header h1 img { float:left; margin-bottom:45px;}
#header p {width:400px; display:block; float:right; text-align:right; font-size:20px; font-weight:bold; margin-top:50px; border:0px solid blue; font-family:"Arial", sans-serif;}
#header p a {margin:0 12px;}


.top {clear:both; width:940px; height:172px; display:block; overflow:hidden; background:url(../../images/main/line_back.gif) no-repeat; border-bottom:1px solid #000;}


.info {margin-top:35px;  width:400px; height:110px;  display:block; overflow:hidden; float:left; border:0px solid red;}
.info li { width:190px; float:left;}
.info span {font-size:12px; line-height:18px; color:#535353; padding-left:8px; display:block;}
.info img {display:block; margin-bottom:5px;}


.gnb {margin-top:23px; height:110px;  margin-left:80;}
.gnb li {font-size:18px;font-weight:bolder; padding:8px 0 0 0; float:left; margin:0 33px 0 0; }
.gnb li ul {padding-top:8px;}
.gnb li ul li { font-size:15px; display:block; float:none;}
.gnb li ul li a{ color:#535353; font-weight:normal;  }
.gnb li ul li a:hover { color:#000;}


#contents {clear:both; width:940px;  margin:0 auto; border:0px solid blue; margin-bottom:55px; display:block; overflow:hidden;}
#contents .container { position:relative; height:507px; overflow:hidden;}
/*#contents .container .btn {position:absolute; top:50%; right:20px; margin-top:-40px; z-index:1;}
#contents .container .btn li{width:15px; height:15px; background:#CCC;
	margin-bottom:5px;
	cursor:pointer;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}*/


.smallbn { margin-top:25px;  }
.smallbn ul li {width:457px; height:262px; float:left;}
.smallbn .last {float:right; }



#footer {clear:both; width:940px; height:250px;  border:0px solid blue;  margin:0 auto; display:block; overflow:hidden; background:url(../../images/main/line_back02.gif) no-repeat;}
#footer .copyright {padding-top:39px; float:left; color:#535353;}
#footer p {padding:10px 0; font-weight:600; font-size:13px;}
#footer address { line-height:18px;}
#footer .rotation {float:right; padding-top:4px;}


#slides2    {
      display: none;
    }

    .slidesjs-navigation {
      margin-top:3px;
    }

    .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

 

    .navbar {
      overflow: hidden
    }
  </style>
  <!-- End SlidesJS Optional-->

  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->
  <style>
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 1200px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1200px
      }
    }