@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.notice{border-radius:5px;margin:30px 15px 15px; padding-left:100px; position:relative;line-height:66px; padding-right:80px;
background: rgb(99, 156, 254);
background: -moz-linear-gradient(left, rgb(99, 156, 254) 0%, rgb(34, 108, 233) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgb(99, 156, 254)), color-stop(100%, rgb(34, 108, 233)));
background: -webkit-linear-gradient(left, rgb(99, 156, 254) 0%, rgb(34, 108, 233) 100%);
background: -o-linear-gradient(left, rgb(99, 156, 254) 0%, rgb(34, 108, 233) 100%);
background: -ms-linear-gradient(left, rgb(99, 156, 254) 0%, rgb(34, 108, 233) 100%);
background: linear-gradient(to right, rgb(99, 156, 254) 0%, rgb(34, 108, 233) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d80fc', endColorstr='#797dfd', GradientType=1 );}
.notice h2{position:absolute;top:0;left:0;padding:0 30px}
.notice h2 a{color:#fff;font-size:1.077em}
.notice li{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.notice li a{color:#fff;font-size:1.077em}
.notice .bx-controls-direction{position:absolute;top:19px;right:25px}

.notice .bx-prev{background:url('./btn_prev.png') #226ce9 no-repeat 50% 50%;width:28px;height:28px;display:inline-block;text-indent:-999px;overflow:hidden;vertical-align:top}
.notice .bx-next{background:url('./btn_next.png') #226ce9 no-repeat 50% 50%;width:28px;height:28px;display:inline-block;text-indent:-999px;overflow:hidden;vertical-align:top;margin-left:1px}
 
@media (max-width: 969px){
    .notice{margin:30px 15px}
}

@media (max-width: 639px){
    .notice{margin:15px 0;padding-left:80px}
    .notice h2{padding:0 15px}
    .notice .bx-controls-direction{right:15px}
    .notice{line-height:55px}
}