#page{padding: 30px;box-shadow: 2px 2px 12px #4e4e4e !important;border-radius: 5px;}

.content_box {background-color:#fff;}

#page .page_title_box img {width:100%; border-radius: 5px;box-shadow: 2px 1px 5px 1px #c0c0c0;}

#page .page_title_box {margin: 5px; padding: 5px}

#page .page_title_box .page_main_title {color:#3f3f3f; font-size: 28px; font-weight: 600; text-align: center;margin-bottom: 50px;text-shadow: 2px 1px 2px #808080}


#page .page_title_box .sub_title p {color:#3f3f3f; font-size: 22px;line-height: 40px;text-align: center;margin-bottom: 50px;}

#page .page_title_box .sub_title .slogun_gogyo span {color: #663366; font-weight: 600; }

@media screen and (max-width: 767px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .page_title_box {margin: 5px; padding: 5px;}
	#page .page_title_box .sub_title p {color:#3f3f3f; font-size: 15px;line-height: 30px; margin-bottom: 30px;}
	#page .page_title_box .page_main_title {color:#3f3f3f; font-size: 18px; margin-bottom: 30px;}
}

#page .info{border:1px solid #e5e5e5; padding: 30px;}
#page .info:nth-child(n+2){margin-top:30px;}
#page .info .info_title{font-size:20px; font-weight: 600; color:#333; text-align: center; margin-bottom:30px;}
#page .info ul{padding: 0 0 0 25px; list-style: none;}
#page .info ul li{position:relative;line-height:20px;}
#page .info ul li:nth-child(n+2){margin-top:12px;}
#page .info ul li i{color:#ffa600; font-size:20px;position:absolute;left:-25px;}
#page .info ul li .content{font-size:15px;font-weight: 300; color:#333;}


@media screen and (max-width: 660px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .info .info_title{font-size:17px;}
	#page .info ul li .content{font-size:14px;}
}

@media screen and (max-width: 500px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .info:nth-child(n+2){margin-top:15px;}
	#page .info .info_title{font-size:16px;margin-bottom:20px;}
	#page .info ul li .content{font-size:13px;}
}


#page .curriculum{margin-top:60px;}
#page .curriculum .curriculum_title{font-size:20px; font-weight: 700;margin-bottom:15px;}
#page .curriculum .img_box{}
#page .curriculum .img_box img{width: 100%;vertical-align:middle;}

#page .test_info_box{margin-top:100px;}
#page .test_info_box .test_title{font-size: 24px; font-weight: 700;text-align:Center;}

#page .test_info_box .test_box{margin-top:60px;}
#page .test_info_box .test_box .test_sub_title{font-size:20px; font-weight: 700;margin:30px 0 15px 0;}
#page .test_info_box .test_box table{border-spacing: 0; border-collapse:collapse; width: 100%;text-align:center;}
#page .test_info_box .test_box table thead tr th{border:1px solid #cccccc;background-color:#ebebeb; height:40px; font-size: 15px;}
#page .test_info_box .test_box table tbody tr td{border:1px solid #cccccc;box-sizing:border-box;height:35px;font-size: 14px;line-height:18px; color:#1e1e1e;padding:10px;}
#page .test_info_box .test_box table + table{margin-top: 25px;}

#page .test_info_box .test_box table .subject{width:30%; padding: 3px;}
#page .test_info_box .test_box table .score{ padding: 3px;}
#page .test_info_box .test_box table .number{display:inline-block;vertical-align:middle;margin:10px 0 10px;}
#page .test_info_box .test_box table .number .big_number{font-size: 30px; font-weight: 600;vertical-align:bottom;display:inline-block;line-height:45px;}
#page .test_info_box .test_box table .number .small{font-size:14px;vertical-align:bottom;display:inline-block;margin-left:3px;margin-bottom:9px;}

.text-left {
	text-align: left;
}

@media screen and (max-width: 800px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .curriculum .curriculum_title{font-size:18px;}
	#page .test_info_box .test_title{font-size:22px;}
	#page .test_info_box .test_box .test_sub_title{font-size:18px;}
	#page .test_info_box .test_box{margin-top:50px;}
	#page .test_info_box .test_box table .number .big_number{font-size: 40px;}
}


@media screen and (max-width: 660px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .curriculum .curriculum_title{font-size:16px;}
	#page .test_info_box .test_title{font-size:20px;}
	#page .test_info_box .test_box .test_sub_title{font-size:16px;}
	#page .test_info_box .test_box table .subject{width:30%;}
	#page .test_info_box .test_box table .score{width:120px;}
	#page .test_info_box .test_box table .number .big_number{font-size: 30px;line-height:30px;}
}

@media screen and (max-width: 500px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .curriculum .curriculum_title{font-size:15px;}
	#page .test_info_box .test_box{margin-top:40px;}
	#page .test_info_box .test_title{font-size:18px;}
	#page .test_info_box .test_box .test_sub_title{font-size:15px;margin-bottom:10px;}
	#page .test_info_box .test_box table thead tr th{font-size:13px;}
	#page .test_info_box .test_box table tbody tr td{font-size:12px;}
	#page .test_info_box .test_box table .subject{width:30%;}
	#page .test_info_box .test_box table .score{width:90px;}
	#page .test_info_box .test_box table .number .big_number{font-size: 20px;line-height:35px;}
	#page .test_info_box .test_box table .number .small{font-size:12px;}
}

@media screen and (max-width: 380px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .test_info_box .test_box table .subject{width:30%;}
	#page .test_info_box .test_box table .score{width:70px;}
	#page .test_info_box .test_box table .number .big_number{font-size:20px;line-height:20px;}
	#page .test_info_box .test_box table .number .small{font-size:12px;}
}



.introduce_box .img_box img { width: 31%; display: inline; padding: 0; margin: 12px;box-shadow: 2px 1px 5px 1px #c0c0c0; border-radius: 5px;}



@media screen and (max-width: 1399px) {
	.introduce_box .img_box img { width: 31%; display: inline; padding: 0; margin: 12px;}
}


@media screen and (max-width: 880px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	.introduce_box .img_box img { width: 100%; display: inline; margin: 10px 0px; }
}