/* 프로그램 제작자: Mlang (010-5005-6102 ) 현 소스를 수정/배포 할경우 법적 제제를 받습니다. */

/* 모바일 ************************************************************************************************************************************************************************/
@media only screen and (min-width:100px) and (max-width:1024px) {

	.clear { background:#262626; border:1px solid #313131; }
	.clears { width:100%; display:inline-block; padding:15px; }
	.clears li { 
		float:left; text-align:left; padding:5px; 
		font-size:12px; color:#ccc; font-family:NanumGothic; letter-spacing: 0.1em; line-height:1.0em; 
	} 
	.clears li span { 
		background:#363636; padding:5px; border-radius:4px; margin-left:2px; margin-right:10px;
		font-size:12px; color:#eee; font-family:NanumGothicBold; letter-spacing: 0.1em; line-height:1.0em; 
	}

	.day { background:#262626; border-left:1px solid #313131; border-right:1px solid #313131; border-bottom:1px solid #313131; }
	.days { width:100%; display:inline-block; } 
	.days li { height:60px; float:left; text-align:center; padding:5px; width:13.5%; margin:1px; background:#363636; color:#ddd; }
	.day_ok { background:#ffc600; color:#000; font-size:14px; font-family:NanumGothicBold; padding:6px; border-radius:6px;  }
	.day_x { background:#000; color:#ccc; font-size:14px; font-family:NanumGothicBold; padding:6px; border-radius:6px; }

	.sat_form { background:#262626; border:1px solid #ffc600; }
	.sat_forms { width:100%; display:inline-block; padding:10px; } .sat_forms li { float:left; }
	.sat_form_l { width:80%; } .sat_form_r { width:20%; background:#ffc600; }
	.sat_form_input { width:100%; border:1px solid #000; background:#000; color:#fff; padding:8px; height:32px; }
	.sat_form_btn { 
		width:100%; border:0px; background:#ffc600; color:#000; height:32px;
		font-size:18px; font-family:NanumGothicBold; letter-spacing: 0.1em; line-height:1.0em; 
	}

	.sat_hy { background:#262626; border:1px solid #313131; }
	.sat_hys { width:100%; display:inline-block; padding:15px; color:#ccc; font-size:14px; font-family:NanumGothicBold; }
	.alert_date { background:#000; color:#fff; border-radius:6px; padding:6px; }
	
	.ajax_list_loading { text-align:center; padding:100px; color:#fff; }
	.sat_list { text-align:center; }
	.sat_lists { width:100%; display:inline-block; }
	.sat_lists_li { float:left; width:100%; margin-top:15px; background:#262626; border:0px; padding:10px; }
	.sat_lists_li dd { float:left; text-align:left; }
	.rankimg { height:20px; Vertical-align:middle; border:0px; }
	.sat_lists_toint1 { 
		height:20px; background:#363636; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#bbb; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint7 { 
		background:#ffc600; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#000; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint30 { 
		background:#ff2e78; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#000; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint365 { 
		background:#078f00; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#eee; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_level_icon { height:16px; Vertical-align:middle; border:0px; }
	.sat_lists_nic { padding-top:2px; font-size:12px; color:#eee; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; }
	.sat_lists_msg { padding-top:3px; margin-left:10px; margin-right:10px; font-size:12px; color:#ccc; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em;  }
	.sat_lists_subject { 
		width:100%; border-radius:4px; margin-top:10px; padding:6px; background:#000; color:#ccc; font-size:12px; font-family:NanumGothic; 
		position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 
	}

} /* 모바일 end */

/* PC ************************************************************************************************************************************************************************/
@media  all and (min-width : 1025px)  {

	.clear { background:#262626; border:1px solid #313131; }
	.clears { width:100%; display:inline-block; padding:15px; }
	.clears li { 
		float:left; text-align:left; padding:5px; 
		font-size:12px; color:#ccc; font-family:NanumGothic; letter-spacing: 0.1em; line-height:1.0em; 
	} 
	.clears li span { 
		background:#363636; padding:5px; border-radius:4px; margin-left:2px; margin-right:10px;
		font-size:12px; color:#eee; font-family:NanumGothicBold; letter-spacing: 0.1em; line-height:1.0em; 
	}

	.day { background:#262626; border-left:1px solid #313131; border-right:1px solid #313131; border-bottom:1px solid #313131; }
	.days { width:100%; display:inline-block; padding:15px; } 
	.days li { height:60px; float:left; text-align:center; padding:5px; width:14%; margin:1px; background:#363636; color:#ddd; }
	.day_ok { background:#ffc600; color:#000; font-size:14px; font-family:NanumGothicBold; padding:6px; border-radius:6px;  }
	.day_x { background:#000; color:#ccc; font-size:14px; font-family:NanumGothicBold; padding:6px; border-radius:6px; }

	.sat_form { background:#262626; border:1px solid #ffc600; }
	.sat_forms { width:100%; display:inline-block; padding:10px; } .sat_forms li { float:left; }
	.sat_form_l { width:80%; } .sat_form_r { width:20%; background:#ffc600; }
	.sat_form_input { width:100%; border:1px solid #000; background:#000; color:#fff; padding:8px; height:32px; }
	.sat_form_btn { 
		width:100%; border:0px; background:#ffc600; color:#000; height:32px;
		font-size:18px; font-family:NanumGothicBold; letter-spacing: 0.1em; line-height:1.0em; 
	}

	.sat_hy { background:#262626; border:1px solid #313131; }
	.sat_hys { width:100%; display:inline-block; padding:15px; color:#ccc; font-size:14px; font-family:NanumGothicBold; }
	.alert_date { background:#000; color:#fff; border-radius:6px; padding:6px; }
	
	.ajax_list_loading { text-align:center; padding:100px; color:#fff; }
	.sat_list { text-align:center; }
	.sat_lists { width:100%; display:inline-block; }
	.sat_lists_li { float:left; width:100%; margin-top:15px; background:#262626; border:0px; padding:10px; }
	.sat_lists_li dd { float:left; text-align:left; }
	.rankimg { height:20px; Vertical-align:middle; border:0px; }
	.sat_lists_toint1 { 
		height:20px; background:#363636; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#bbb; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint7 { 
		background:#ffc600; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#000; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint30 { 
		background:#ff2e78; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#000; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint365 { 
		background:#078f00; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#eee; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_level_icon { height:16px; Vertical-align:middle; border:0px; }
	.sat_lists_nic { padding-top:2px; font-size:12px; color:#eee; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; }
	.sat_lists_msg { padding-top:3px; margin-left:10px; margin-right:10px; font-size:12px; color:#ccc; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em;  }
	.sat_lists_subject { 
		border-radius:4px; margin-left:10px; margin-right:10px; padding:6px; background:#000; color:#ccc; font-size:12px; font-family:NanumGothic; 
		position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 
	}

} /* PC end */