@charset "UTF-8";
/* list */
.mainVisual {position: relative;}
.mainVisual .newArtcl,
.mainVisual .recentBbsMore {display: none;}
.mainVisual .recentBbsThumb {overflow: hidden;max-width: 625px; max-height: 354px; height:354px;}
.mainVisual .recentBbsInnerLi {position: relative;}
.mainVisual .recentBbsThumb img {display: block; width: 100%;}

/* info */
.mainVisual .recentBbsInfo {overflow: hidden;width: 100%; height: 49px;position: absolute; bottom: 0px; left: 0;padding: 7px 23px 0 23px; box-sizing: border-box;background-color: rgba(64,64,64,1);}
.mainVisual .recentBbsInfo .recentBbsTitle{width:100%;box-sizing:border-box;}
.mainVisual .recentBbsInfo strong {color: #fff; font-weight: 300; font-size: 17px;display: block; overflow: hidden; width:57%; padding-left:36px; line-height:32px; white-space: nowrap; text-overflow: ellipsis;}
.mainVisual .recentBbsInfo strong span{display:inline-block;margin-right:41px;margin-top:-5px;color:#fff;font-size:16px;font-weight:100;}
.mainVisual .recentBbsInfo .recentBbsContents {float:left;color:#fff;font-weight:200;line-height:32px;}
.mainVisual .recentBbsInfo dl {display: none;}

/* slide pager */
.mainVisual .bx-controls {position: absolute; bottom: 18px ;right: 23px; z-index: 100;}
.mainVisual .bx-pager-item {float: left; margin: 2px 3px 0 3px;}
.mainVisual .bx-pager-item a, .mainVisual .bx-pager-item button{display: block;width: 24px; height: 24px;border-radius:100%; background-color: #fff;}
.mainVisual .bx-pager-item a.active,
.mainVisual .bx-pager-item button.active {width:39px; border-radius: 8px; background-color: #fff;}
.mainVisual .bx-pager,
.mainVisual .bx-controls-auto { float: left;padding-right:11px;}
.mainVisual .bx-controls-auto {position:absolute;top:2px; right:-27px;}
.mainVisual .bx-controls-auto-item .active {display: none;}
.mainVisual .bx-controls-auto-item a,
.mainVisual .bx-controls-auto-item button {display: block; width: 24px; height: 24px; border-radius:100%;}
.mainVisual .bx-controls .bx-controls-direction{position:absolute;bottom:-2px;left:-44px;display:none;}
.mainVisual .bx-controls .bx-controls-direction button{display: inline-block;width: 17px;height: 17px;background: url('../images/slider_btn4.png') left bottom no-repeat;text-indent: -5000px;vertical-align: middle;}
.mainVisual .bx-controls .bx-controls-direction button.bx-prev{margin-left:-15px;margin-right:23px;background-position: 0 -51px;}
.mainVisual .bx-controls .bx-controls-direction button.bx-next{background-position:0 -34px;}
.mainVisual .bx-controls-auto-item .bx-start {background: #fff url('../images/ico_play.png') center no-repeat;}
.mainVisual .bx-controls-auto-item .bx-stop {background: #fff url('../images/ico_stop.png') center no-repeat;}

body.Tablet .mainVisual .bx-controls {bottom: 10px;}
body.Tablet .mainVisual .recentBbsThumb {height: 363px; }
body.Tablet .mainVisual .recentBbsThumb img{width: 100%;height : 100%;background-size : contain;background-position : center;	background-repeat: no-repeat;}

body.Mobile .mainVisual .bx-controls {bottom: 10px;}
body.Mobile .mainVisual .recentBbsInfo {height: 90px;}
body.Mobile .mainVisual .recentBbsInfo .recentBbsContents {height: 22px;}
body.Mobile .mainVisual .recentBbsThumb img {display:block;width:100%; max-height:304px;}