/*--------Standart bootstrap grid--------*/
.row-fluid:before, .row-fluid:after {  content: " ";  display: table;}
.row-fluid:after { clear: both;}

.row-fluid.for-car [class*="span"]{
    margin-left: 0.2564102564102564%;
    *margin-left: 0.25109110747408616%;
    float: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child, .row-fluid.for-car [class*="span"]:first-child  {
    margin-left: 0;
}

.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span_by5 { width: 1.793789743589745%; *width: 1.748908892525914%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span12 { width: 10%; *width: 9.94680851063829%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span11 { width: 9.145299145299145%; *width: 9.139979996362975%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span10 { width: 8.290598290598291%; *width: 8.28527914166212%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span9 { width: 7.435897435897436%; *width: 7.430578286961266%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span8 { width: 6.581196581196582%; *width: 6.575877432260411%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span7 { width: 5.726495726495726%; *width: 5.721176577559556%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span6 { width: 4.8717948717948715%; *width: 4.8664757228587014%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span5 { width: 4.017094017094017%; *width: 4.011774868157847%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span4 { width: 3.1623931623931625%; *width: 3.1570740134569924%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span3 { width: 2.3076923076923077%; *width: 2.3023731587561375%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span2 { width: 1.452991452991453%; *width: 1.4476723040552828%;}
.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span1 { width: 0.5982905982905983%; *width: 0.5929714493544281%;}

/*------Carouseller--------*/
.for-car { position: relative;}
.for-car .carousel-items { position: relative; width: 997.4358974358974%;}
.for-car .carousel-items > .carousel-block { transition: margin-left 0.05s ease-out;}
.for-car .carousel-block { display: inline-block; position: relative; }
.for-car .carousel-wrapper { overflow: hidden; position: relative;}
.for-car .carousel-control-block { text-align: right;}
.for-car .carousel-control-block > .carousel-button-left, 

.for-car .carousel-control-block > .carousel-button-right { 
	display: inline-block; 
	margin: 0 5px;
	text-align:right;
}

.for-car .carousel-control-block > .carousel-button-left > 
a, .for-car .carousel-control-block > .carousel-button-right > a { 
    background: none repeat scroll 0 0 transparent;
    font-size: 2em;
    opacity: 0.5;
    text-align: center;
	color: #000;
	text-decoration: none;
}
.for-car .carousel-control-block > 
.carousel-button-left > a:hover, 
.for-car .carousel-control-block > 
.carousel-button-right > a:hover { 
	opacity: 0.8;
}

.carousel-block { 
	text-align: center; 
	font-size: 30px;
}


h1 {font-size: 40px; margin-bottom: 30px;}


/*------Responsive-----------*/
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span_by5,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span12,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span11,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span10,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span9,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span8,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span7,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span6,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span5,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span4,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span3,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span2,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span1 { width: 3.1623931623931625%; *width: 3.1570740134569924%;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span_by5,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span12,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span11,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span10,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span9,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span8,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span7,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span6,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span5,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span4,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span3,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span2,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span1 { width: 4.8717948717948715%; *width: 4.8664757228587014%;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span_by5,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span12,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span11,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span10,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span9,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span8,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span7,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span6,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span5,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span4,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span3,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span2,
	.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span1 { width: 4.8717948717948715%; *width: 4.8664757228587014%;}
}


/* 갤러리 게시판 리스트 속성 */
#least_gallery_esens {
  min-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
  text-align: center;
}


#least_gallery_esens .least-gallery_esens {
  font-size: 10;
}
#least_gallery_esens .least-gallery_esens li {
  position: relative;
  vertical-align: top;
  display: inline-block;
  margin: 10px 0 10px 0;
}
#least_gallery_esens .least-gallery_esens li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: 230px;
  height: auto;
  -webkit-transition-property: outline-color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: outline-color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: outline-color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: outline-color;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-in-out;
  transition-property: outline-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
  outline-color: white;
}
#least_gallery_esens .least-gallery_esens li a img {
  width: 230px;
  height: auto;
  padding:2%; border-width:1px; border-color:#EEEEEE; border-style:solid;
}
#least_gallery_esens .least-gallery_esens li a.active {
  outline: 1px solid;
  outline-color: #aaa;
}

#least_gallery_esens .least-gallery_esens li a:hover {
  outline: 1px solid;
  outline-color: #aaa;
}
#least_gallery_esens .least-gallery_esens li a:hover:before {/**이름.날짜**/
  content: attr(data-subtitle);
  position: absolute;
  padding-top:20px;border-width:5px; border-color:#fff; border-style:solid;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  color: #FDDD57;
  text-shadow: 1px 1px 1px #666666;
  font-family:'RixSGo B',  "NanumGothicBold",'NanumGothic',"Dotum", 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: auto;
  width: 230px;
  height: auto;
  background: black;
  background: rgba(0, 0, 0, 0.5);
}
#least_gallery_esens .least-gallery_esens li a:hover:after { /**제목**/
  content: attr(title);
  position: absolute;
  padding-top:20px;
  top: 50%;
  left: 20px;
  right: 20px;
  z-index: 2;
  overflow: hidden;
  margin: -30px 0 0 0;
  border-top: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #666666;
  color: white;
  font-family:'RixSGo B',  "NanumGothicBold",'NanumGothic',"Dotum", 'Open Sans', sans-serif;
  font-size: 14px;
  letter-spacing: -1px;
  line-height: 20px;
}



@media (min-width:480px) and (max-width:700px){/*mobile and mini- tablet*/
#least_gallery_esens {
  min-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
#least_gallery_esens .least-gallery_esens li {
  width: 220px;
  }
#least_gallery_esens .least-gallery_esens li a {
  width: 220px;
  }
#least_gallery_esens .least-gallery_esens li a img {
  width: 220px;
  }
#least_gallery_esens .least-gallery_esens li a:hover:before {/**이름.날짜**/
  width: 220px;
  }
#least_gallery_esens .least-gallery_esens li a:hover:after { /**제목**/
  content: attr(title);
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  z-index: 2;
  overflow: hidden;
  margin: -30px 0 0 0;
  border-top: 0 solid;
  border-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #666666;
  color: white;
  font-family:'RixSGo B',  "NanumGothicBold",'NanumGothic',"Dotum", 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 20px;
  }
}
@media (min-width:180px) and (max-width:479px){/*mobile and mini- tablet*/

#least_gallery_esens .least-gallery_esens li {
  width: 180px;
  }
#least_gallery_esens .least-gallery_esens li a {
  width: 180px;
  }
#least_gallery_esens .least-gallery_esens li a img {
  width: 180px;
  }
#least_gallery_esens .least-gallery_esens li a:hover:before {/**이름.날짜**/
  width: 180px;
  }
#least_gallery_esens .least-gallery_esens li a:hover:after { /**제목**/
  content: attr(title);
  position: absolute;
  top: 25%;
  left: 10px;
  right: 10px;
  z-index: 2;
  overflow: hidden;
  margin: -0px 0 0 0;
  border-top: 0 solid;
  border-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #666666;
  color: white;
  font-family:'RixSGo B',  "NanumGothicBold",'NanumGothic',"Dotum", 'Open Sans', sans-serif;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 20px;
  }
}