@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);*/

a:hover { text-decoration: none;}
a:visited{text-decoration:none; }
img {border:0;}
body {font-family: "nanumgothic",  sans-serif; padding-top: 90px; color:#777; }
.container-fluid { padding: 0;}

/* nav bar customize */
.navbar{ background-color: #fff; border: none; padding-bottom: 10px;  font-family: 'nanumgothic', sans-serif; font-weight: 300; font-size: 18px;height: 90px; text-transform: capitalize;  background:url(/imgs/navi_back.png) repeat-x; }

.navbar-toggle {position: relative;margin-top: 40px;top: 2px;}
.navbar-nav { padding-right: 10px;margin-top: 20px; }
.navbar-nav li { margin:0 20px; font-size:17px;}
.navbar-brand { padding-left: 20px;} 
.navbar-collapse { padding-top: 10px;background:#fff url(/imgs/navi_back.png) repeat-x; }
.navbar-default .navbar-nav>li>a:hover { color: #ea3130} 
.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li.active>a:hover,
.navbar-default .navbar-nav>li.active>a:focus
 { color: #ea3130; background-color: #fff} 

/*carusel*/
.carousel{position:relative}
.carousel-inner{position:relative;overflow:hidden;width:100%;}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1;width:100%; }
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}

/*carusel- button*/
.control { position: inherit; top: 50%; z-index: 5; display: inline-block; right: 50%;} 
.carousel-indicators{position:absolute;bottom:-60px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center;z-index:999}
.carousel-indicators li{display:inline-block;width:12px;height:12px;margin:3px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer; background-color:#333333}
.carousel-indicators .active{margin:3px;width:12px;height:12px;background-color:#5278b2}

/*page-title*/

.container h1{text-align:center; color:#333; font-size:32px; letter-spacing:0.1em; margin-bottom:50px; }
.f1 h1 {margin-top:130px; }

/*content*/

#market, #technology, #product, #contact, #inquiry { margin-top: -85px; padding-top: 85px; }  /*  nav-fix 때문에 생기는 공백 상쇄 */
.home, .market, .technology, .product, .contact  { padding: 20px 0; margin-bottom:150px;}
.inquiry  { padding: 20px 0; margin-bottom:100px;}

.home {color:#777; font-size:18px; }
.home span {color:#333; font-size:20px; }

.service {text-align:center; color:#777;}
.service h4{text-align:center; color:#333; margin:0; padding:10px 0 5px 0; font-size:25px; }
.service p {text-align:center; }
.service h3 {font-size:18px ;text-align:left; color:#444; margin-top:0;font-weight:normal}
.service h5 {font-size:14px; color:#555;}
.service p img {width:100%; }
.service p.pi {text-align:left; font-size:18px; }

.fl {margin-bottom:80px; }
.fl h4 {text-align:left; }
.ft {margin-bottom:40px; }
.ft h4 {text-align:left; }
#map_canvas {width:100%; height:390px; border:3px solid #eee; }

/*inquery*/
.tbl_mail td{padding:4px;}
.tbl_mail td.nopadding{padding:0;}
.qna {margin-top:10px;}
input {padding:2px;}
.btn{width:100%; margin:0 auto;text-align:center; padding-top:30px }
.btn p {float:left;}
.btn .bt1{width:49%; text-align:right;float:left; }
.btn .bt2{width:49%; text-align:left; float:right; }

#btn_submit {margin:0; padding:0; } 

footer { padding: 30px 0; color: #fff; background:#666666; font-size:11px; text-align:center}

@media (max-width: 980px) {
   .navbar-nav li {margin:0 5px;}
   .ft h4 {padding:0 10px;} 
   p.pi {padding:0 10px;}
  .service p img {padding:0 10px;}
  .info p {padding:0 10px; }
  .service h3 {padding:0 10px;}
}

@media (min-width: 768px) {

 .navbar-nav li {margin:0 5px;}

}

@media (max-width: 360px) {
    .ft h4 {padding:0 3px;} 
   p.pi {padding:0 3px;}
  .service p img {padding:0 3px;}
  .info p {padding:0 3px; }
  .service h3 {padding:0 3px;}

   .control { display: none;}
  .tbl_mail {font-size:8px;margin:0 3px; }
}

@media (max-width: 320px)  {
  .navbar-brand img { width: 80%; height: auto; margin-top:-100px} 
}