/* 메인 공지 슬라이드 */
.preview_area {overflow: hidden;}
.preview_area .box {width: 100%;height: 100px;float: left;position: relative;}
.preview_area .box.notice {padding: 30px 70px 30px 170px;background-color: #373a3d;}
.preview_area .box.program {padding: 20px;background-color: #6f6fb9;}
.preview_area .box.notice .tit {width: 170px;display: block;font-size:30px;color: #fff;line-height: 100px;position: absolute;top:0;left:0;font-family:'noto-light', dotum, Arial, sans-serif;text-align: center;}
.preview_area .box.notice .btn_more {width: 17px;height: 17px;margin-top: -8px;position: absolute;top:50%;right:30px;background: url('../images/btn_more.png') 0 0 no-repeat;}
.preview_area .notice_info {height: 100%;padding-left: 100px;position: relative;}
.preview_area .notice_info .date, .preview_area .notice_info > a, .preview_area .slide_area .slide_list .slide  {color: #fff;line-height: 40px;display: inline-block;font-size:18px;}
.preview_area .notice_info .date {position: absolute;top:0;left:0;}
.preview_area .notice_info > a, .preview_area .program_info > a {padding-right: 30px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;position: relative;}
.preview_area .notice_info > a strong, .preview_area .program_info > a strong {width: 100%;display: inline-block;}
.preview_area .program_info .date, .preview_area .program_info > a {color: #fff;}
.preview_area .program_info .date {margin-bottom: 5px;font-size: 16px;display: block;line-height: 20px;}
.preview_area .program_info > a {font-size:22px;display: inline-block;line-height: 34px;}
.preview_area .slide_area {height: 100%;padding-right: 120px;position: relative;}
.preview_area .slide_area .slide_list {height: 300%;position: relative;top:-100%;font-size:0;}
.preview_area .slide_area .slide_list .slide {width: 100%;height: 33.33%;position: absolute;top:33.33%;left:0;display: none;}
.preview_area .slide_area .slide_list .slide:first-child {display: block;}
.preview_area .slide_area .screen {height: 100%;overflow: hidden;}
.preview_area .slide_area .ctl_area {margin-top: -10px;position: absolute;top:50%;right:0;font-size: 0;}
.preview_area .slide_area .ctl_area .btn_prev,
.preview_area .slide_area .ctl_area .btn_ctl,
.preview_area .slide_area .ctl_area .btn_next {width: 22px;height: 22px;margin-left: 5px;background-repeat: no-repeat;background-position: 0 0;}
.preview_area .slide_area .ctl_area .btn_prev {margin-left: 0;background-image: url('../images/btn_slide_prev.png');}
.preview_area .slide_area .ctl_area .btn_ctl {background-image: url('../images/btn_slide_pause.png');}
.preview_area .slide_area .ctl_area .btn_ctl.active {background-image: url('../images/btn_slide_play.png');}
.preview_area .slide_area .ctl_area .btn_next {background-image: url('../images/btn_slide_next.png');}
.preview_area .newArtcl {width: 20px;height: 20px;margin-top: -10px;background-color: #6f6fb9;color: #fff;line-height: 20px;text-align: center;border-radius: 50%;display: inline-block;font-size:13px;position: absolute;top:50%;right:0;}

@media screen and (max-width: 1200px) {
	/* 메인 공지 슬라이드 */
    .preview_area .box {height: 60px;float: left;position: relative;}
    .preview_area .box.notice {padding: 20px 30px 20px 90px;}
    .preview_area .box.program {padding: 10px;}
    .preview_area .box.notice .tit {width: 90px;font-size:18px;line-height: 60px;}
    .preview_area .box.notice .btn_more {width: 30px;height: 100%;margin-top: 0;top:0;right:0;background-size: 10px auto;background-position: 50%;}
    .preview_area .notice_info {padding-left: 75px;}
    .preview_area .notice_info .date, .preview_area .notice_info > a, .preview_area .slide_area .slide_list .slide  {line-height: 20px;font-size:14px;}
    .preview_area .program_info .date {display: block;margin-bottom: 3px;font-size: 12px;line-height: 16px;}
    .preview_area .program_info > a {font-size:14px;line-height: 20px;}
    .preview_area .slide_area .ctl_area {margin-top: -10px;position: absolute;top:50%;right:0;font-size: 0;}
}

@media screen and (max-width: 768px) {
	/* 메인 공지 슬라이드 */
    .preview_area .box {height: 40px;float: none;}
    .preview_area .box.notice {width: 100%;padding: 10px 50px 10px 70px;}
    .preview_area .box.notice .tit {width: 70px;font-size:13px;line-height: 40px;}
    .preview_area .box.notice .btn_more {width: 50px;height: 100%;background-size: 13px auto;}
    .preview_area .notice_info {padding-left: 0;}
    .preview_area .notice_info .date {display: none;}
    .preview_area .notice_info > a, .preview_area .slide_area .slide_list .slide  {line-height: 20px;font-size:12px;}

    .preview_area .slide_area {padding-right: 0;}
    .preview_area .slide_area .ctl_area {display: none;}
    .preview_area .newArtcl {width: 14px;height: 14px;margin-top: -7px;line-height: 14px;font-size: 11px;}
}