@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, 	#Program	.btn_basic	input[type="submit"] { width:170px; height:35px; color:#fff; text-align:center; line-height:33px; font-size:14px; display:inline-block; font-weight:bold; border:0;}


#Program	.program_list	li												{ position:relative; margin-bottom:20px; display:inline-block; font-size:13px; border-top: 2px solid #393939; }
#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							{ width:100px; height:40px; text-align:center; font-weight:normal; color:#333; background-color:#f5f5f5; display:inline-block;}
#Program	.program_list	li	ul	li	span								{ width:auto; height:40px;  padding-left:20px; }
#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; width:1180px; margin-bottom:35px; }
#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:normal; color:#333; background-color:#f5f5f5; display:inline-block;}
#Program	.program_view	li	ul	li	span							{ width:auto; height:40px;  padding-left:20px; }
#Program	.program_view	.subject,
#Program	.program_view	.file										{ position:relative; float:left; width:100%;}
#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; text-align: center; word-wrap: break-word; word-break: keep-all; }
#Program	.program_view	.view_con	.con_list b{ display: block; margin-top: 15px; }
#Program	.program_view	.view_con	.con_list strong{ display: block; }
#Program	.program_view	.view_con	.con_list strong span{ margin-right: 10px; color: #3075b0; font-size: 15px; }

#Program	.program_view	.view_enroll 			{ width:100%; border:0; margin-top:20px;}
#Program	.program_view	.view_enroll strong		{ border:0; background:none; font-weight:bold; font-size:15px;}



#Program	.program_view	p	a											{ width:70px; height:25px; color:#fff; text-align:center; line-height:23px; font-size:12px; display:inline-block; border-radius:3px;}


/* button */
#Program	.program_view	button				{ float:right;font-size:13px;  padding:6px 0; text-align:center; font-weight:200; width:39px; background-color:#443a3a; border:none; color:#fff; text-decoration:none; display:inline-block; margin:4px; cusor:pointer;}
#Program	.program_view	li	ul	li	a		{ float:right;font-size:13px; text-align:center; font-weight:200; width:39px; height:30px; background-color:#822020; border:none; color:#fff; text-decoration:none; display:inline-block; margin:4px; cusor:pointer;}
#Program	.program_view	li	ul	li	a		{ line-height:31px;}



/* 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;}



/* Table */
.tableAp {border:0;border-collapse:collapse;margin:1em 0;width:100%;font-size:12px;font-family:Tahoma, Geneva, sans-serif; }
.tableAp tbody{ border-top: 2px solid #666; }
.tableAp caption{padding:0;}
.tableAp th{border:0;padding:8px;vertical-align:top;text-align:center;border-bottom:1px solid #ddd;background:#f8f8f8}
.tableAp td{border:0;padding:8px;vertical-align:top;text-align:left;padding-left: 25px; text-indent: -9px; border-bottom:1px solid #ddd}


/* 수정 */
#Program  .title 	  { font-weight:bold; font-size:15px; margin-top:20px; display:inline-block; height:30px; line-height:30px; margin-bottom:5px;}
#Program  .info_txt   { margin-left:10px; font-size:13px;}
#Program .program_view { position:relative; margin-bottom:20px; font-size:13px; border-top: 2px solid #393939;}
#Program .program_view > li { width:50%; float:left; border:0; margin:0; padding:0;  border-bottom:1px solid #dfdfdf;  }
#Program .program_view > li.subject { width:100%;}
#Program .program_view .nameD { width:20%; float:left; height:40px; line-height:40px; text-align:center; font-weight:normal; color:#333; background-color:#f5f5f5; font-weight:bold;}
#Program .program_view .nameT { width:76%; float:left; /*height:40px;*/height: auto; line-height:40px; padding-left: 10px;}
#Program .program_view > li.subject .nameD  { width:10%;}
#Program .program_view > li.subject .nameT  { width:86%;}
#Program .program_view > li.subject .nameT .item { margin-right:10px; }
#Program .current { color:#ff0000;}
#Program .total { color:#0000ff;}
#Program .program_view .nameT .size1 { width:10%; }
#Program .program_view .nameT .size2 { width:20%; }
#Program .program_view .nameT .size3 { width:40%; }
#Program .program_view .nameT .size4 { width:60%; }
#Program .program_view .nameT .size5 { width:80%; }
#Program .relation > li { width:100%;}
#Program .relation .nameD { width:10%;}
#Program .relation .nameT { width:38%; padding-left:1%;}
#Program .plus { width:80px; height:30px; background:#000; color:#fff}
#Program .program_view .nameT .minus { float:right; background: #822020; width:50px; color:#fff; text-align:center; height:30px; line-height:30px; margin-top:5px; }
#Program .program_view input[type="radio"] { vertical-align: middle;}
#Program .enroll_btn { float:right;  width:70px; color:#fff; text-align:center; height:30px; line-height:30px; margin-top:5px; } 


.send { text-align: left; color: #4c00a9; font-weight: 400; margin-top: 49px; font-size:17px;  padding-left: 426px;  padding-bottom: 30px; }
.send_01 { text-align: center; font-size: 13px; color: #4c00a9; line-height: 20px; margin-top: 6px; font-size:15px; font-weight: 400;}

.send_02 { text-align: center; font-size: 13px; color: #4c00a9; line-height: 20px; margin-top: 3px; font-size:14px;}



@media all and (max-width:1024px) {

	#Program .program_view > li { width : 100%;}
	#Program .program_view > li.subject .nameD { width:20%; }
	#Program .program_view > li.subject .nameT { width:76%; height: auto; }
	#Program	.program_view	li{ font-size:14px; }
	
	#Program .relation .nameD { width:25%;}
	#Program .relation .nameT { width:71%;}
	#Program .relation .nameT .size1 { width:20%;}
	#Program .relation .nameT .size2 { width:40%;}
	#Program .relation .nameT .size3 { width:60%;}
	.send { margin: 0 auto; margin-top: 0; padding-left: 0; padding-bottom: 0; width: 97%; font-size: 14px; }
	#Program { float: none; margin: 0 auto; margin-top: 6px; width: 97%; }
	#Program .info_txt{ line-height: 1.5; text-indent: 40px; }
}


@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%;}

}






