.bxframe {height:500px;position:relative;}
.bxframe .slide_app li {position:relative;float:left; border-top:0px solid #f00; }
.bxframe .slide_app li a {display:inline-block; padding: 0 30px 0 40px; font-size:13px; color:#ffffff; height:500px;}

.bxframe .slide_app li a .hd_title {font-family:Nanum Gothic, 나눔고딕, Dotum; color:#ffffff; font-weight:700; letter-spacing:-1px; }
.bxframe .slide_app li a span {display:block; font-size:16px; font-weight:700; line-height: 28px; padding-bottom:10px;}
.bxframe .slide_app li a p.txtarea {font-family:Nanum Gothic, 나눔고딕, Dotum; font-size:13px; font-weight:600;  margin:22px 0 0 0;}
.bxframe .slide_app li a p.txtarea span {display:block; color:#ffffff}
.bxframe .slide_app li a p.txtarea .app_txt {display:block;float:left; width:100%; color:#fff; font-size:12.5px; opacity: 0.6; line-height:20px; max-height:115px; border-bottom:0px solid #fff; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.bxframe .slide_app li a:hover {text-decoration:none}
.bxframe .slide_app li a:hover p.txtarea span.app_txt {text-decoration:none}
.bxframe .slide_app li a p.txtarea .app_txt img {float:right; width:40%; margin-left:15px;}
.bxframe .bx-wrapper {position:relative; overflow:hidden; height:500px;}

.bxframe .bx-pager {position:relative; left:100px; bottom:61px; width:100%; height:15px; line-height:0; font-size:0; text-align:left;}
.bxframe .bx-pager .bx-pager-item {display:inline-block; width:15px; height:15px; margin-left:5px; vertical-align:top; }
.bxframe .bx-pager .bx-pager-item:first-child {margin-left:0}
.bxframe .bx-pager .bx-pager-item a {display:block; position:relative; width:15px; height:15px; text-indent:-9999px;}
.bxframe .bx-pager .bx-pager-item a:after {content:""; display:block; position:absolute; top:0; left:0; width:7px; height:7px; margin:5px 0 0 5px; background:#fff; border-radius:30px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;}/*플레이버튼 색상 변경*/
.bxframe .bx-pager .bx-pager-item a.active:after {width:15px; height:15px; margin:0; background:#ff4d4d;}
.bxframe .bx-controls-auto  {position:absolute; z-index:10; left:0; bottom:50px; margin-left:40px; width:40px; height:40px;}
.bxframe .bx-controls-auto a  {display:block; position:absolute; top:16px; left:0; width:40px; height:40px; background:url(btn_play.png) no-repeat 0 0; text-indent:-9999px;}
.bxframe .bx-controls-auto a.active {display:none}
.bxframe .bx-controls-auto a.bx-stop {background-position:0 0}
.bxframe .bx-controls-auto a.bx-start {background-position:0 -40px}

@media screen and (max-width:991px){
.bxframe .slide_app li a span {display:block; font-size:15px; line-height: 25px; padding-bottom:10px;}
.bxframe .slide_app li a .hd_title {color:#fff; border:0px solid #f00; font-size:2.00em !important}
.bxframe .slide_app li a p.txtarea {margin:5px 0 0 0;}
.bxframe .slide_app li a p.txtarea span {display:block; color:#fff}
.bxframe .slide_app li a p.txtarea .app_txt {display:block;float:left; width:100%; color:#fff; font-size:12.5px; opacity: 0.6; line-height:20px;  display:-webkit-box; -webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.bxframe .slide_app li a p.txtarea .sum {float:right; width:35%;}
.bxframe .slide_app li a:hover {text-decoration:none}
.bxframe .slide_app li a:hover p.txtarea span.app_txt {text-decoration:none}
.bxframe .slide_app li a p.txtarea .app_txt img {float:right; width:40%; margin-left:15px;}
}

@media screen and (max-width:752px){
.bxframe {position:relative;height:800px; background:url(bg_cs_mobile.jpg) no-repeat center top; }
.bxframe .bxframe_wrap {position:relative; float:left;width:100%;border:0px solid #f00; margin-right:0; margin-left:0; left:0%; height:500px;}
}

@media screen and (max-width:470px){
.bxframe .bxframe_wrap {left:0}
.bxframe .slide_app li a {padding:0 16px}
.bxframe_wrap .hd_title {padding:30px 0 0}
.bxframe .bx-pager {left:0; text-align:center}
.bxframe .bx-controls-auto  {position:absolute; z-index:10; left:50%; bottom:50px; width:40px; height:40px; margin-left:-110px}
}