@charset "utf-8";
.lt_bn {position:relative;  }
.lt_bn h2{font-size:26px; font-weight:bold;  font-family: 'GmarketSansBold','Noto Sans KR',sans-serif; padding-bottom:15px; padding-left:60px;}
.lt_bn h2:before{content:''; width:46px; height:3px; background:#ffc71a; display: block; position: absolute; top:4%; left: 0;}
.lt_bn h2 a{color:#535b6b}
.lt_bn .bx-viewport{border:1px solid #e6e6e6;}
.lt_bn li.li_img{position:relative;text-align:center; height:315px; overflow:hidden;} 
.lt_bn li img{max-width:100%; width:100%;height:auto;vertical-align:top}
.lt_bn .bn_txt{width:100%;z-index:2;position:absolute;text-align:left; top:45%;left:0;
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
transform: translateY(-50%);}
.lt_bn .txt_wr{max-width:1280px;margin:0 auto;padding:0 1%}

.lt_bn li .bn_tit{font-family: 'GyeonggiBatang'; display:block;max-width:500px;font-size:60px;font-weight:600; line-height:1.4em;color:#474d5a;word-break:keep-all}
.lt_bn li .bn_detail{font-size:20px; margin:35px 0 ;color:#474d5a;font-weight:400; font-family:"Noto Sans KR", "NanumGothic", "Malgun Gothic", sans-serif;}
.lt_bn li .bn_view {display:inline-block;background:none;color:#474d5a;border:2px solid #474d5a;padding:0 25px;line-height:45px;border-radius:30px;
;transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out}
.lt_bn li .bn_view:hover{background:#474d5a;color:#fff}

.arrow{position: relative; display: inline-block;vertical-align: middle;transform: rotate(45deg);box-sizing: border-box;width: 11px;height: 11px; border-width: 2px 2px 0 0; border-style: solid;margin-left: 25px;}
.arrow:before {right: 0; top: -1px; position: absolute; height: 2px; box-shadow: inset 0 0 0 32px; width: 18px;
-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
-webkit-transform-origin: right top;}
.arrow:after,.arrow:before {content: "";box-sizing: border-box;}
.lt_bn .bx-prev{position:absolute;top:60%;left:0;width:50px;height:50px;/*margin-top:-25px;*/transform: translateY(-50%); opacity:0.5;text-indent:-999px;overflow:hidden;background:url(prev.png) no-repeat 50% 50%  rgba(0,0,0,0.1)}
.lt_bn .bx-next{position:absolute;top:60%;right:0;width:50px;height:50px;/*margin-top:-25px;*/transform: translateY(-50%); opacity:0.5;text-indent:-999px;overflow:hidden;background:url(next.png) no-repeat 50% 50%  rgba(0,0,0,0.1)}
.lt_bn .bx-prev:hover,.lt_bn .bx-next:hover{opacity:1}
.lt_bn .bn_link {display:block;position:absolute;top:10px;right:10px;background:#ff0000;color:#fff;border-radius:50px;width:40px;padding:0;line-height:40px;text-align:center;opacity:0}
.lt_bn:hover .bn_link{opacity:1} 



.lt_bn .lt_more {position:absolute;top:12px;right:0;display:block; line-height:25px; font-size:50px; color:#fff;border-radius:3px;text-align:center}
.lt_bn .lt_more:hover {color:#777}


/* PAGER */
 .bx-pager-item,
 .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}

/* .bx-pager,
 .bx-controls-auto {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
*/
  .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #ccc;
}
  .bx-pager.bx-default-pager a {
  background: #ccc;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 7px 0 0;
  outline: 0;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
  .bx-pager.bx-default-pager a:hover,
  .bx-pager.bx-default-pager a.active,
  .bx-pager.bx-default-pager a:focus {
  background: #535b6b;
}  

/* AUTO CONTROLS (START / STOP) */
.bx-controls{margin-top:7px; overflow:hidden;}
 .bx-controls-auto {
  text-align: center;
	position: absolute;
	right: 0;
	bottom:0px;
}
 .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
 .bx-controls-auto .bx-start:hover,
 .bx-controls-auto .bx-start.active,
 .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
 .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
 .bx-controls-auto .bx-stop:hover,
 .bx-controls-auto .bx-stop.active,
 .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
 .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
  float:left;
}
/* .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
  float:right;
}*/
/* IMAGE CAPTIONS */
 .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
 .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}



@media (max-width:1279px){    
    .lt_bn li .bn_tit {font-size:3em}
    .lt_bn li .bn_detail{font-size:1.2em;margin:20px 0}
 }

@media (max-width: 969px){
	.lt_bn h2{font-size:30px; }
	.lt_bn h2 a:before{padding:10px 0 20px 60px; vertical-align:5px;}
    .lt_bn li .bn_tit {font-size:2.5em}
    .lt_bn li .bn_detail{font-size:1em} 
    .lt_bn li .bn_view{line-height:40px;font-size:1em}
    .lt_bn .txt_wr{padding:40px}
 }

@media (max-width: 639px){
	.lt_bn h2{font-size:20px;padding-bottom:5px;}
    .lt_bn li .bn_tit {font-size:1.8em;width:60%}
    .lt_bn .bx-prev,.lt_bn .bx-next{width:36px;height:36px;margin-top:-18px;background-size:25%}
}