@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


body {
	font-family: NanumGothic;
	background-color: #848383;
	color: #fff;
    width: 100%;    
}
.navbar {	
	margin-bottom: 0
}
.navbar-inverse {
	background-color: #fff;
}

.navbar-header{
    background-color: #fff;
    width: 100%;
    height: 100%;       
}

.navbar-brand { 
    width: 100%;     
}
.navbar-brand img {
	width: 85px;
    margin:0 auto; 
    margin-top:-8px;
}

.navbar-fixed-top{
    padding-left: 68px;
    height:30px;
}

.main-image {
	margin-bottom: 40px;
}

.form-control {
	background-color: #848383;
	color: #fff
}
.search-container {
	margin-left: 7%;
	margin-right: 7%
}
.search-type {
	line-height: 20px;
	margin-top: -30px;
	margin-bottom: 5px;
	font-size: 20px;
	height: 32px
}
.search-type .utility11 {
	width: 100%;
    color:#fff;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 23px 23px
}
.search-box {
	border: 3px solid #fff;
    border-radius: 10px;
	height: 55px;
	line-height: 35px;
	font-size: 20px;
    background-color: #848383;
}
.inner-addon {
	position: relative;
    margin-bottom:-20px;
}
.fa {
	color: #fff;
    width: 35px;
}

.inner-addon .fa{
	position: absolute;
	padding: 10px 0;
	z-index: 100;	
	cursor: pointer
}
.left-addon .fa {
	left: 10px
}
.right-addon .fa {
	right: 15px
}
.left-addon input {
	padding-left: 60px
}
.right-addon input {
	padding-right: 35px
}
.twitter-typeahead {
	width: 100%
}
.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.tt-hint {
	color: #999
}
.tt-menu {
	margin: 20px -4%;
	width: 108%;
	padding: 20px 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
    border-radius: 15px;
}
.tt-dataset-model-search {
	padding-top: 40px;
	background-image: url(../images/close.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 25px 25px
}
.tt-complete {
	background-color: #e7e7e7 !important
}
.tt-suggestion .tt-model {
	font-size: 17px;
	line-height: 35px;
	color: #000;
	padding: 0 15px;
	border-bottom: 1px solid #7f7f7f;
	cursor: pointer
}
.tt-suggestion .tt-model:hover {
	background-color: #ededed
}
.tt-suggestion .tt-clear {
	clear: both
}
.buttons {
    margin-top:40px;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important
}
.btn-dark {
	color: #c9bc9c;
}
.btn-dark:focus, .btn-dark.focus {
	color: #c9bc9c;
}
.btn-dark:hover {
	color: #c9bc9c;
}
.btn-dark:active, .btn-dark.active, .open>.dropdown-toggle.btn-dark {
	color: #c9bc9c;
}
.btn-dark:active:hover, .btn-dark.active:hover, .open>.dropdown-toggle.btn-dark:hover, .btn-dark:active:focus, .btn-dark.active:focus, .open>.dropdown-toggle.btn-dark:focus, .btn-dark:active.focus, .btn-dark.active.focus, .open>.dropdown-toggle.btn-dark.focus {
	color: #c9bc9c;
}
.btn-dark:active, .btn-dark.active, .open>.dropdown-toggle.btn-dark {
	background-image: none
}


@media screen and (max-width: 767px) {
   .sns img{max-width:150%; margin-top:30%;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .sns img{max-width:80%; margin-top:20%;}
}

@media screen and (min-width: 1024px) {
   .sns img{max-width:50%; margin-top:15%;}
}


.sns {padding:10px 10px 0;}


 .Carousel {
    width: 100%;
}

.item {
    width: 100%;
    height: auto;
    background-color: #999;
}

.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.5s ease-in-out left;-o-transition:.5s ease-in-out left;transition:.5s ease-in-out left}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}
@media all and (transform-3d),(-webkit-transform-3d){
    .carousel-inner>.item{
        -webkit-transition:-webkit-transform .5s ease-in-out;
        -o-transition:-o-transform .5s ease-in-out;
        transition:transform .5s ease-in-out;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-perspective:1000px;
        perspective:1000px
    }
    .carousel-inner>.item.active.right,.carousel-inner>.item.next{
        left:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev{
        left:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{
        left:0;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
 }
.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.left{
    background: none;
}
.carousel-control.right{
   background: none;
}
.carousel-control:focus,.carousel-control:hover{
    color:#fff;
    text-decoration:none;
    filter:alpha(opacity=90);
    outline:0;opacity:.9
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
    position:absolute;
    top:50%;
    z-index:5;
    display:inline-block;
    margin-top:-10px
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
    left:50%;
    margin-left:-10px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
    right:50%;
    margin-right:-10px
}
.carousel-control .icon-next,.carousel-control .icon-prev{
    width:20px;
    height:20px;
    font-family:serif;
    line-height:1
}
.carousel-control .icon-prev:before{
    content:'\2039'
}
.carousel-control .icon-next:before{
    content:'\203a'}

.carousel-indicators{
    position:absolute;
    bottom:-5px;
    right:0;
    z-index:15;    
    padding-left:0;
    margin-right:0;
    text-align:center;
    list-style:none
}


.carousel-indicators li{
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#898989;
    border:1px solid #898989;  
    border-radius:5px
}
.carousel-indicators .active{
    width:10px;
    height:10px;
    margin:1px;
    border:1px solid #E47326;
    background-color:#E47326}


@media screen and (min-width:768px){
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
        width:30px;
        height:30px;
        margin-top:-15px;
        font-size:30px
    }
    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}
    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}
    .carousel-caption{right:20%;left:20%;padding-bottom:30px}
    .carousel-indicators{bottom:10px}
    
}

a.control_prev{
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 1;
  cursor: pointer;
}

a.control_next {
  position: absolute;
  top: 40%;
  right:0;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 1;
  cursor: pointer;
}

@media screen and (min-width:768px){
    a.control_prev{
      top: 40%;
    }    
   a.control_next {
    top: 40%;
  }
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

@media screen and (max-width : 760px) {
    a.control_prev{
      top: 35%;
    }    
   a.control_next {
    top: 35%;
  }
   a.control_prev img, a.control_next img{width:70%;}
   
}

.mdlist p{margin-right:0 !important;}

.mdlist li{
    list-style: none;
}

.md-name{
    margin-left: 10px;
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #afa08c;
    width: 140px;
    color: #c9bc9c;
    font-weight: bold;
    font-size: 20px;
}

.md-name2{
    margin-left: 10px;
    margin-right: -20px;
    margin-top: 5px;
    width: 140px;
    padding-bottom: 5px;
    border-bottom: 1px solid #afa08c;    
    color: #c9bc9c;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
}

.mdlist a{
    color: #fff;
    font-size: 17px;
}

.mdlist a:hover{
    color: #b4b5b6;
    text-decoration:none;
}

.mdlist a:active{
    color: #b4b5b6;
    text-decoration:none;
}

.mdlist ul{
	padding:0px !important;
    margin-left: 10px;
}