@charset "UTF-8";

/* 메인 공지 슬라이드 */
.preview_area {overflow: hidden;}
.preview_area .box {width: 100%;height: 100px;float: left;position: relative;}
.preview_area .box.program {padding: 20px;background-color: #6f6fb9;}
.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;}
.preview_area .program_info > a,
.preview_area .slide_area .slide_list .slide.no_data,
.preview_area .program_info .date {display: inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;position: relative;}
.preview_area .program_info > a {font-size:22px;display: inline-block;}
.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 .slide_list .slide.no_data {line-height: 60px;}
.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('/sites/laboratory_01_tem08/masterSkin/laboratory_01_tem08_main/images/common/btn_slide_prev.png');}
.preview_area .slide_area .ctl_area .btn_ctl {background-image: url('/sites/laboratory_01_tem08/masterSkin/laboratory_01_tem08_main/images/common/btn_slide_pause.png');}
.preview_area .slide_area .ctl_area .btn_ctl.active {background-image: url('/sites/laboratory_01_tem08/masterSkin/laboratory_01_tem08_main/images/common/btn_slide_play.png');}
.preview_area .slide_area .ctl_area .btn_next {background-image: url('/sites/laboratory_01_tem08/masterSkin/laboratory_01_tem08_main/images/common/btn_slide_next.png');}

@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  {line-height: 20px;font-size:14px;}
    .preview_area .program_info .date {display: block;margin-bottom: 3px;font-size: 12px;}
    .preview_area .program_info > a {font-size:14px;}
    .preview_area .slide_area .ctl_area {margin-top: -10px;position: absolute;top:50%;right:0;font-size: 0;}
    .preview_area .slide_area .slide_list .slide.no_data {line-height: 40px;}
}

@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  {line-height: 20px;font-size:12px;}

    .preview_area .slide_area {padding-right: 0;}
    .preview_area .slide_area .ctl_area {display: none;}
}