@charset "utf-8";

.top_visual{position:relative;max-width:1200px;}
.top_visual img{width:100%;}
.top_visual ._imgSldVisual .bx-wrapper .bx-viewport ul li dl{display:none;}
.top_visual ._imgSldVisual .bx-wrapper .bx-viewport ul li a{display:block;width:100%;height:100%;outline-offset:-5px;}
.top_visual .bx-controls{position:absolute;bottom:32px;right:33px;text-align:right;}
.top_visual .bx-controls > div,
.top_visual .bx-controls > div > div,
.top_visual .bx-controls .bx-pager > div{display:inline-block;vertical-align:middle;}
.top_visual .bx-controls .bx-pager{padding-right:18px;box-sizing:border-box;}
.top_visual .bx-controls .bx-pager > div{text-align:right;}
.top_visual .bx-controls .bx-pager > div > button{display:block;width:11px;height:11px;margin-right:5px;text-indent:-9999em;background-color:#656565;border-radius:50% 50%; outline-offset: 2px;}
.top_visual .bx-controls .bx-pager > div > button.active{width:50px;border-radius:9px 9px;}
.top_visual .bx-controls-auto{position:absolute;right:0;}
.top_visual .bx-controls-auto button{display:block;text-indent:-99999em;width:18px;height:19px;background:url('../images/handler03.png') no-repeat;}
.top_visual .bx-controls-auto button.active{display:none;vertical-align:middle;}
.top_visual .bx-controls-auto button.bx-start{background-position:2px 2px;}
.top_visual .bx-controls-auto button.bx-stop{background-position:-18px 3px;}
/* 반응형 */
body.Desktop .top_visual .bx-controls-direction,
body.Tablet  .top_visual .bx-controls-direction{display:none;}
body.Tablet  .top_visual .bx-controls{bottom:13px;}
body.Mobile .top_visual .bx-controls .bx-pager{display:none;}
body.Mobile .top_visual .bx-controls-auto{position: absolute; bottom: -50px; left: 50%;width: 19px; height: 19px;
    transform: translate(-50%, 0); background: rgba(255, 255, 255, 0.5); border: 1px solid #eee;}
body.Mobile .top_visual .bx-controls{right:0;bottom:50%;width:100%;}
body.Mobile .top_visual .bx-controls-direction{position:relative;display:block;width:100%;}
body.Mobile .top_visual .bx-controls-direction .bx-prev,
body.Mobile .top_visual .bx-controls-direction .bx-next{position:absolute;float:none;text-indent:-99999em;width: 25px;height: 35px;background:rgba(255, 255, 255, 0.8) url('../images/handler03.png') no-repeat;margin-top: -15px;}
body.Mobile .top_visual .bx-controls-direction .bx-prev{left: 0;top:0;background-position: -42px center;}
body.Mobile .top_visual .bx-controls-direction .bx-next{right:0;top: 50%;background-position: -61px center;}