@CHARSET "UTF-8";

#Program																		{ position:relative; float:left; margin-top: 60px;  width:100%;}
#Program	.bg_color1														{ background-color:#8d6bb7;}
#Program	.bg_color2														{ background-color:#0f165f;}		
#Program	.ls_none														{ letter-spacing:0;}
#Program	.btn_basic														{ text-align:center; margin-top:25px;}
#Program	.btn_basic	a													{ width:170px; height:35px; color:#fff; text-align:center; line-height:33px; font-size:14px; display:inline-block; font-weight:bold;}


#Program	.program_list	li												{ position:relative; border-top:2px solid #393939; margin-bottom:20px; display:inline-block; font-size:16px;}
#Program	.program_list	li	ul	li										{ float:left; width:50%; height:40px; border-top:none; border-bottom:1px solid #dfdfdf; line-height:38px; margin-bottom:0;}
#Program	.program_list	li	ul	li	strong							{ width:120px; height:40px; text-align:center; font-weight:bold; color:#333; background-color:#f5f5f5; display:inline-block;}
#Program	.program_list	li	ul	li	span								{ width:auto; height:40px;  text-indent:20px; /*display:inline-block;*/}
#Program	.program_list	.subject										{ position:relative; float:left; width:100%;}
#Program	.program_list	.subject	 span							{ width:auto; color:#333; font-weight:bold;}
#Program	.program_list	p												{ position:absolute; top:9px; right:10px; text-indent:0;}
#Program	.program_list	p	a											{ width:70px; height:25px; color:#fff; text-align:center; line-height:23px; font-size:12px; display:inline-block; border-radius:3px;}


#Program	.program_view	li											{ position:relative; border-top:2px solid #393939; display:inline-block; font-size:16px;}
#Program	.program_view	li	ul	li									{ float:left; width:50%; height:40px; border-top:none; border-bottom:1px solid #dfdfdf; line-height:38px; margin-bottom:0;}
#Program	.program_view	li	ul	li	strong						{ width:100px; height:40px; text-align:center; font-weight:bold; color:#333; background-color:#f5f5f5; display:inline-block;}
#Program	.program_view	li	ul	li	span							{ width:auto; height:40px;  text-indent:20px; display:inline-block;}
#Program	.program_view	.subject,
#Program	.program_view	.file										{ position:relative; float:left; width:100%;}
#Program	.program_view	.subject	 span						{ width:auto; color:#333; font-weight:bold;}
#Program	.program_view	.file	span								{ width:auto;}
#Program	.program_view	.file	span	img						{ vertical-align:middle; padding-right:5px;}
#Program	.program_view	.view_con								{ width:100%; border-top:0; border-bottom:1px solid #dfdfdf; padding:30px 0;}
#Program	.program_view	.view_con	.con_list					{ position:relative; width:95%; margin:0 auto;}


/* Pagination */
.pagination													{ padding:15px 0; text-align:center; line-height:normal;}
.pagination strong										{ width:33px; font-size:14px; color:#393939; text-align:center; line-height:35px; vertical-align:middle; display:inline-block;}
.pagination a												{ width:33px; font-size:14px; color:#606060; text-align:center; line-height:35px; vertical-align:middle; display:inline-block;}
.pagination a:hover										{ width:33px; font-weight:bold; color:#393939;}
.pagination .btnMove									{ display:inline-block;height:33px;border:1px solid #d9d9d9; background-color:#fff; background-repeat:no-repeat; background-image:url(../img/btn_paging.png);}
.pagination a.btnMove:hover						{ background-color:#f1f2f2;}
.pagination .btnMove.first							{ background-position:0 0;}
.pagination .btnMove.prev							{ background-position:-33px 0;margin:0 13px 0 5px;}
.pagination .btnMove.next							{ background-position:-66px 0;margin:0 5px 0 12px;}
.pagination .btnMove.last							{ background-position:-99px 0;}
.pagination .hide											{ position:absolute;*position:static;top:-11000px;left:-11000px;width:0;height:0;padding:0;margin:0;color:transparent;font-size:0;line-height:0;overflow:hidden;}


/*버튼*/
.btnbox {float: left;width: 100%;text-align: right;margin: 20px 0 -40px 0;}
.btn {vertical-align: top;padding: 5px 25px;display: inline-block;text-align: center;border: 1px solid transparent; font-size:14px; line-height:30px; letter-spacing: 0;}
.btn-default {color: #333;background: #fff;border: 1px solid #dfdfdf;border-bottom: 1px solid #c4c4c4; }
.btn-default:link, .btn-default:visited{ color:#333;}
.btn-default:hover { color:#333;font-weight: bold;}



@media all and (max-width:1024px) {

	#Program { float: none; margin: 0 auto; margin-top: 6px; width: 97%; }
	.btnbox {float: none; margin: 0 auto; width: 97%;text-align: right;margin: 20px 0 10px 0;}
	#Program	.program_list	li{ font-size:14px;}
}

@media all and (max-width:800px) {
	
	#Program	.program_list	li	ul	li,
	#Program	.program_view	li	ul	li											{ width:100%;}
	#Program	.program_list	li	ul	li	strong,
	#Program	.program_view	li	ul	li	strong								{ width:25%;}
	#Program	.program_list	li	ul	li	span,
	#Program	.program_view	li	ul	li	span									{ width:75%;}
	#Program	.program_list	.subject,
	#Program	.program_view	.subject,
	#Program	.program_view	.file												{ height:auto;}
	#Program	.program_list	.subject	 strong,
	#Program	.program_view	.subject	 strong,
	#Program	.program_view	.file	strong									{ width:100%; border-bottom:1px solid #dfdfdf; }
	#Program	.program_list	.subject	 span,
	#Program	.program_view	.subject	 span,
	#Program	.program_view	.file	span										{ width:96%; height:auto; text-align:center; margin:0 2%; text-indent:0; padding:15px 0; line-height:15px;}
	#Program	.ls_none																{ letter-spacing:-1px;}

}





@media all and (max-width:400px) {
	
	#Program	.program_list	li	ul	li,
	#Program	.program_view	li	ul	li							{ font-size:12px;}
	#Program	.program_list	li	ul	li	strong,
	#Program	.program_view	li	ul	li	strong				{ width:30%;}
	#Program	.program_list	li	ul	li	span,
	#Program	.program_view	li	ul	li	span					{ width:70%;}

}