/* 변형 (notice_bar 있을때) */
/* #main-act { padding:0 0px; margin-top:150px;} */
/* 기본 (notice_bar 없을때) */
#main-act { padding:0 0px; margin-top:120px;}


#main-act .section01 { padding:33px 10px 50px; background:#ffffff;border-bottom:solid 1px #e6e5df; }
#main-act .section01 .inner { max-width:1190px; margin:0 auto;   }

#main-act .section01 .inner .quick { display:table; width:100%; }
#main-act .section01 .inner .quick > li { display:table-cell; border-top:solid 5px #99968a; height:49px; vertical-align:middle;  border-bottom:solid 1px #e6e4df; text-align:center;}
#main-act .section01 .inner .quick > li a { font-size:14px; font-weight:bold; display:inline-block; zoom:1; *display:inline;  padding:10px 10px 12px ;  border-bottom:solid 4px #fff; margin-top:5px; }
#main-act .section01 .inner .quick > li a:hover { color:#000; }
#main-act .section01 .inner .quick > li.cur a {  border-bottom:solid 4px #ffed00; }
#main-act .section01 .inner .quick > li.title { display:table-cell; line-height:30px; background:url(../images/act/icon_region.png)#ffed00 no-repeat 10px 12px; border-top:solid 5px #ffed00; border-bottom:solid 1px #ffed00; text-align:left; font-size:16px; font-weight:bold; padding-left:40px; width:170px; }

#main-act .section01 .inner .act { display:table; width:100%; margin-top:20px; }
#main-act .section01 .inner .act > li { display:table-cell; vertical-align:middle; }
#main-act .section01 .inner .act > li.map { background:#f4f4f4; }
#main-act .section01 .inner .act > li.map .box { text-align:center; font-size:20px;  min-height:470px;}
#main-act .section01 .inner .act > li.map .marker { font-size:14px !important;width:250px;padding:5px;text-overflow:ellipsis;}
#main-act .section01 .inner .act > li.map .marker2 { font-size:12px; width:280px;padding:5px;text-overflow:ellipsis;letter-spacing:-0.5px;}
#main-act .section01 .inner .act > li.map .marker2 .title { font-size:16px;font-weight:bold; }
#main-act .section01 .inner .act > li.map .marker2 img { width:200px;height:200px;padding:10px 5px;}
#main-act .section01 .inner .act > li.map .marker a h4 { font-size:12px;font-weight:bold;}
#main-act .section01 .inner .act > li.map .marker a p { font-size:11px;font-weight:normal;}
#main-act .section01 .inner .act > li.map .marker a p.date { color:#0099cc;}

#main-act .section01 .inner .act > li.list { width:380px; border:solid 1px #e6e4df; }
/* #main-act .section01 .inner .act > li.list ul > li { padding:17px 0 0px 10px ; height:90px; border-bottom:solid 1px #e6e4df; } */
#main-act .section01 .inner .act > li.list ul > li { padding:5px 0 0px 10px ; height:60px; border-bottom:solid 1px #e6e4df; }
#main-act .section01 .inner .act > li.list ul > li:last-child { border-bottom:none; }
#main-act .section01 .inner .act > li.list ul > li h6 { font-size:13px; font-weight:bold; }
#main-act .section01 .inner .act > li.list ul > li .area { display:block; background:url(../images/main/icon_area.png) no-repeat left 2px; height:17px; padding-left:17px; margin-top:10px; font-size:14px; font-weight:bold; color:#99968a; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  *display:block; }
#main-act .section01 .inner .act > li.list ul > li .time { font-size:12px !important;font-weight:normal !important;display:block; background:url(../images/main/icon_time.png) no-repeat left 3px; height:17px; padding-left:17px; margin-top:10px; font-size:14px; font-weight:bold; color:#99968a; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  *display:block;}


#main-act .section02 { padding:40px 0px; background:#f7f6f0; border-bottom:solid 1px #e6e5df; }
#main-act .section02 > ul { max-width:1210px; margin:0 auto;   }

#main-act .section02 > ul { display:table; width:100%; }
#main-act .section02 > ul > li { display:table-cell; vertical-align:top; width:33.3%; }

#main-act .section02 > ul > li.notice { padding:0 10px; }
#main-act .section02 > ul > li.notice .box { border:solid 1px #e6e4df; border-top:solid 5px #99968a; padding:12px 0px 0 0px; background:#fff; }
#main-act .section02 > ul > li.notice .box h4 { height:30px; font-size:17px; font-weight:bold; padding:0 10px; }
#main-act .section02 > ul > li.notice .box h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:3px; }
#main-act .section02 > ul > li.notice .box .list { border-top:solid 1px #e6e4df; padding:4px 10px 27px 10px;  }
#main-act .section02 > ul > li.notice .box .list > li { display:table; margin:15px 0; height:37px;}
#main-act .section02 > ul > li.notice .box .list > li.market { padding:5px;margin:0;height:25px;}
#main-act .section02 > ul > li.notice .box .list > li .no { display:table-cell; vertical-align:top; padding-top:1px; }
#main-act .section02 > ul > li.notice .box .list > li .no span { display:block; border:solid 1px #e6e6e6; line-height:15px; font-size:12px; font-weight:bold; width:15px; text-align:center; color:#585858; }
#main-act .section02 > ul > li.notice .box .list > li .desc { display:table-cell; vertical-align:top; padding:0px 5px 0 13px; }
#main-act .section02 > ul > li.notice .box .list > li .desc h5 { font-size:14px; font-weight:normal; height:17px; line-height:17px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  *display:block;letter-spacing:-0.5px;}
#main-act .section02 > ul > li.notice .box .list > li .desc span { font-size:11px; display:block; color:#bbb; margin-top:2px; letter-spacing:-0.5px;} 

#main-act .section02 > ul > li.photo  { padding:0 10px; }
#main-act .section02 > ul > li.photo .box { border:solid 1px #e6e4df; border-top:solid 5px #fc9d23; padding:12px 5px 0 5px; background:#fff; }
#main-act .section02 > ul > li.photo .box h4 { height:26px; font-size:16px; font-weight:bold; padding:0 5px; }
#main-act .section02 > ul > li.photo .box h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; }
#main-act .section02 > ul > li.photo .box ul {  padding:5px 0px 0px 0px;  }
#main-act .section02 > ul > li.photo .box ul > li { float:left; width:50%; padding:0 0 10px 0; text-align:center; }
#main-act .section02 > ul > li.photo .box ul > li img { width:95%; height:auto !important; }

#main-act .section02 > ul > li.media  { padding:0 10px; }
#main-act .section02 > ul > li.media .box { border:solid 1px #e6e4df; border-top:solid 5px #baee2f; padding:12px 5px 0 5px; background:#fff; }
#main-act .section02 > ul > li.media .box h4 { height:21px; font-size:16px; font-weight:bold; padding:0 5px; }
#main-act .section02 > ul > li.media .box h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; }
#main-act .section02 > ul > li.media .box .list  {  padding:0px 5px 11px 5px;  }
#main-act .section02 > ul > li.media .box .list  > li  { display:table; width:100%; margin-top:7px;  }
#main-act .section02 > ul > li.media .box .list  > li a { display:table-row; }
/* #main-act .section02 > ul > li.media .box .list  > li .img { display:table-cell;  width:10px; } */
#main-act .section02 > ul > li.media .box .list  > li .img { display:table-cell;  width:130px; }
#main-act .section02 > ul > li.media .box .list  > li .img img { width:100%;height:85px;}
#main-act .section02 > ul > li.media .box .list  > li .desc { display:table-cell;  vertical-align:top; margin-left:170px; padding:2px 5px 0 10px; background:#fff; border:solid 0px #e6e4df;}
#main-act .section02 > ul > li.media .box .list  > li .desc h5 { font-size:15px; font-weight:normal; height:20px; line-height:19px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  *display:block;letter-spacing:-0.5px;}
#main-act .section02 > ul > li.media .box .list  > li .desc p { font-weight:normal;font-size:12px; display:block; color:#8d8d8d; margin-top:0px; height:20px; line-height:20px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical;  *display:block;letter-spacing:-0.5px;}
#main-act .section02 > ul > li.media .box .list  > li .desc span { font-size:11px; display:block; color:#bdbdbd; margin-top:5px; letter-spacing:-0.5px;} 


@media all and (max-width: 960px) {
	
	#main-act .section02 > ul { display:block; }
	#main-act .section02 > ul > li { display:block; width:auto; clear:both; margin-top:20px; }
	#main-act .section02 > ul > li.bundle { width:auto; clear:both; padding-left:10px; }
	#main-act .section02 > ul > li.study { width:auto; clear:both; padding-top:10px;  padding-right:10px; }
	
}

@media all and (max-width: 640px) {
	#main-act .section01 { margin-top:-17px; padding:23px 10px 30px;  }
	#main-act .section01 .inner .quick > li.title { display:none; }
	#main-act .section01 .inner .act > li.list { display:none; }
	#main-act .section01 .inner .quick > li a { padding:0px; }
	
	#main-act .section02 { padding:20px 0px; }
	
}