@charset "euc-kr";
/* CSS Document */

<style type="text/css">
	
	
	#contents_180813{ width:100%; background: #f2f2f2; padding-bottom: 15%;}
	#contents_180813 .dot{background: #7f7f7f; width: 0.3em; height: 0.3em; border-radius:5px; float: left; margin-right: 1.2%; margin-top: 3.2%;}
	#contents_180813 .top_txt {background: #f2f2f2; padding: 4%;}
	#contents_180813 .top_txt li { padding:0.9%; font-size: 1.4em; letter-spacing: -1px; font-family: 'Malgun Gothic'; color: #7f7f7f; line-height: 1.5em;}
	#contents_180813 .moctest_list{  width:100%;} /* height: 700px; */
	#contents_180813 .moctest_list ul{border-bottom: 1px solid #e3e3e3; padding: 5%; position: relative; background: #fff;}
	#contents_180813 .moctest_list ul li:nth-child(1){font-family: 'Malgun Gothic'; color: #000; font-size: 1.8em; font-weight: bold; width: 85%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	#contents_180813 .moctest_list ul li:nth-child(2){font-family: 'Malgun Gothic'; color: #929292; font-size: 1.5em; margin-top: 2.5%; width: 85%; }
	#contents_180813 .moctest_list ul li.arr{ position: absolute; top: 50%; margin-top: -3%; right:6%;}
	#contents_180813 .morelist{width: 100%; position: fixed; bottom: 0%;}
	
	/* Á¢¼ö ÀÌ·Â ¾øÀ½ */
	#contents_180813 .moctext_listnone {background: #e9e9e9;   padding: 20% 0 30% 0; }
	#contents_180813 .moctext_listnone li{font-family: 'Malgun Gothic';  font-size: 2em; text-align: center; line-height: 1.6em; color: #9a9a9a; }
	
	/*Á¢¼ö È®ÀÎÁõ */
	#contents_180813 .moctest_checktop{background: #FF5015; position: relative; padding: 14% 7% 10% 7%; }
	#contents_180813 .moctest_checktop li{padding: 0.9%;}
	#contents_180813 .moctest_checktop .title{font-family: 'Malgun Gothic';  font-size: 2.6em; color: #fff; font-weight: bold; letter-spacing: -1px;}
	#contents_180813 .moctest_checktop .title .checkicon{float: left; margin-top: 2%; margin-right: -1.8%; }
	#contents_180813 .moctest_checktop .title .checkicon img{width: 75%; }
	#contents_180813 .moctest_checktop .moctest_name{ font-family: 'Malgun Gothic';  font-size: 2em; color: #fff; letter-spacing: -1px;  width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	#contents_180813 .moctest_checktop .student_info{  font-family: 'Malgun Gothic';  font-size: 1.4em; color: #fff; margin-top: 7%;} <%' bcd5ef %>
	#contents_180813 .moctest_checklist{font-family: 'Malgun Gothic'; background: #f2f2f2;}
	#contents_180813 .moctest_checklist .title{  padding: 5% 3% 2% 3%; font-size: 1.2em; letter-spacing: -1px;}
	#contents_180813 .moctest_checklist .title em{font-size: 0.8em; }
	#contents_180813 .moctest_checklist ul{border-top: 0.14em solid #FF5015; background: #fff; padding: 0%; font-family: 'Malgun Gothic'; font-size: 1.6em; letter-spacing: -1px; margin-bottom: 4%;}
	#contents_180813 .moctest_checklist ul li{ margin: 5% 6.6% 5% 6.6%;  }
	#contents_180813 .moctest_checklist ul .line{height: 1px; background: #e3e3e3;}
	#contents_180813 .moctest_checklist ul li span.ttext{font-weight: bold; text-align: left; font-size:0.9em; }
	#contents_180813 .moctest_checklist ul li span.stext{width: 65%; float: right;  text-align: left; font-size:0.9em;}
	#contents_180813 .moctest_checklist a .list_btn {width: 82%; margin: auto; height: 2.3em; background: #FF5015; text-align: center; color: #fff; font-size: 2em; padding: 3%; font-weight: bold; }
	

	/*¹Ìµð¾îÄõ¸®*/
	@media screen and (max-width: 1000px) and (min-width: 600px) {
		#contents_180813 .dot{ width: 0.3em; height: 0.3em; margin-top: 2.1%;}
		#contents_180813 .top_txt li { padding:0.7%; font-size: 2em;  line-height: 1.4em;}
		#contents_180813 .moctest_list ul li:nth-child(1){font-size: 2.6em;  }
		#contents_180813 .moctest_list ul li:nth-child(2){font-size: 2.2em; }
		#contents_180813 .moctest_list ul li.arr{ margin-top: -2%; }
		
		#contents_180813 .moctest_checktop .title{ font-size: 3.4em; }
		#contents_180813 .moctest_checktop .title .checkicon{ margin-top: 2.4%; margin-right: 0%; }
		#contents_180813 .moctest_checktop .moctest_name{font-size: 2.8em; }
		#contents_180813 .moctest_checktop .student_info{font-size: 2em;}
		#contents_180813 .moctest_checklist .title{  padding: 5% 4% 2% 4%; font-size: 2em; }
		#contents_180813 .moctest_checklist ul{border-top: 0.2em solid #FF5015;}
		#contents_180813 .moctest_checklist ul li{ margin: 5% 7% 5% 7%;  }
		#contents_180813 .moctest_checklist ul li span.ttext{font-size:1.3em; }
		#contents_180813 .moctest_checklist ul li span.stext{font-size:1.3em;}
		#contents_180813 .moctest_checklist a .list_btn {height: 1.3em; font-size: 2.4em; padding: 5%; }

	}
	@media screen and (min-width: 1001px) {
		#contents_180813 .dot{ width: 0.3em; height: 0.3em; margin-top: 2.3%;}
		#contents_180813 .top_txt li { padding:0.7%; font-size: 2.8em;  line-height: 1.4em;}
		#contents_180813 .moctest_list ul li:nth-child(1){font-size: 3.5em;  }
		#contents_180813 .moctest_list ul li:nth-child(2){font-size: 3em; }
		#contents_180813 .moctest_list ul li.arr{ margin-top: -1%; }
		#contents_180813 .moctest_checktop .title{ font-size: 4.5em; }
		#contents_180813 .moctest_checktop .title .checkicon{ margin-top: 2.4%; margin-right: 2%; }
		#contents_180813 .moctest_checktop .title .checkicon img{width: 100%; }
		#contents_180813 .moctest_checktop .moctest_name{font-size: 3.6em; }
		#contents_180813 .moctest_checktop .student_info{  font-size: 2.6em; }
		#contents_180813 .moctest_checklist .title{  padding: 5% 4% 2% 4%; font-size: 2.6em; }
		#contents_180813 .moctest_checklist ul{border-top: 0.3em solid #FF5015;}
		#contents_180813 .moctest_checklist ul li{ margin: 5% 8% 5% 8%;  }
		#contents_180813 .moctest_checklist ul li span.ttext{font-size:2em; }
		#contents_180813 .moctest_checklist ul li span.stext{font-size:2em;}
		#contents_180813 .moctest_checklist a .list_btn {height: 1.3em; font-size: 3.8em; padding: 5%; }
	}
</style>