@charset "utf-8";
/* CSS Document */

/* -------------------------------- 

Sub Contents style

-------------------------------- */
.sub_menu_wrap {
	width:100%;
	height:108px;
}
@media only screen and (max-width: 980px) {
	.sub_menu_wrap {
		width:980px;
	}
}
.sub_menu {
	overflow:hidden;
	width:980px;
	margin:0 auto;
	padding-top:37px;
}
.sub_menu p {
	float:left;
	margin-left: 15px;
}
.sub_menu ul {
	display:block;
	float:right;
	overflow:hidden;
}
@media only screen and (max-width: 980px) {
	.sub_menu ul {
		margin-right: 15px;
	}
}
.sub_menu ul li {
	float:left;
	margin:6px 0 0 0;
	padding:0 25px;
	border-right:1px solid rgba(255, 255, 255, 0.4);
}
.sub_menu ul li:last-child {border-right:0; padding-right:0;}
.sub_menu ul li a.pt {
	color:#9ae4ff;
	font-size:112.5%;
	letter-spacing:-1px;
	font-weight:600;
}
.sub_menu ul li a.mlt {
	color:#c4e79c;
	font-size:112.5%;
	letter-spacing:-1px;
	font-weight:600;
}
.sub_menu ul li a.ot {
	color:#ecde75;
	font-size:112.5%;
	letter-spacing:-1px;
	font-weight:600;
}
.sub_menu ul li a.emt {
	color:#fdd4a5;
	font-size:112.5%;
	letter-spacing:-1px;
	font-weight:600;
}
.sub_menu ul li a.dt {
	color:#fcb4cd;
	font-size:112.5%;
	letter-spacing:-1px;
	font-weight:600;
}
.sub_menu ul li a.dht {
	color:#a8c0fd;
	font-size:112.5%;
	letter-spacing:-1px;
	font-weight:600;
}
.sub_menu ul li a.vt {
	color:#e3b4fe;
	font-size:112.5%;
	letter-spacing:-1px;
	font-weight:600;
}
.sub_menu ul li a:hover, .sub_menu ul li a.active {
	color:#ffffff;
	font-size:112.5%;
	letter-spacing:-1px;
	font-weight:600;
}

.sub_wrap {
	width:100%;
	padding:60px 0 100px;
}
@media only screen and (max-width: 980px) {
	.sub_wrap {
		width:980px;
	}
}
.sub_contents {
	width:980px;
	overflow:hidden;
	margin:0 auto;
}
.sub_contents h2 {
	color:#000000;
	font-size:165%;
	font-weight:600;
	letter-spacing:-1px;
}
.contents_container {
	/*width:980px;
	margin-top:65px;*/
	text-align:left;
	overflow:hidden;
	margin: 65px 15px 0 15px;
}
.left_tit {
	float:left;
	width:185px;
	border-top:3px #000000 solid;
	padding-top:30px;
	font-size:150.0%;
	letter-spacing:-1px;
	color:#000000;
}
ul.right_sentence {
	float:right;
	width:750px;
	border-top:1px #000000 solid;
	font-size:93.8%;
	color:#444444;
	letter-spacing:-0.75px;
}
ul.right_sentence li {
	margin-top:32px;
}
ul.right_sentence span {
	font-weight:600;
	line-height: 22px;
}
.right_sentence p {
	margin-top:20px;
	line-height:28px;
}
.right_sentence div.other {
  padding-left: 20px;
	line-height:30px;
}
.sub_note_area {
	display:block;
	overflow:hidden;
	margin-top:35px;
	text-align:left;
}
.sub_note_area ul {
	overflow:hidden;
}
.sub_note_area ul li {
	line-height:30px;
}
.sub_note_area ul li .p_pt {
	background:url(../../images/icon/icon_dot_pt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.sub_note_area ul li .p_mlt {
	background:url(../../images/icon/icon_dot_mlt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.sub_note_area ul li .p_ot {
	background:url(../../images/icon/icon_dot_ot.png) no-repeat left center;
	padding:0 0 0 12px;
}
.sub_note_area ul li .p_emt {
	background:url(../../images/icon/icon_dot_emt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.sub_note_area ul li .p_dt {
	background:url(../../images/icon/icon_dot_dt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.sub_note_area ul li .p_dht {
	background:url(../../images/icon/icon_dot_dht.png) no-repeat left center;
	padding:0 0 0 12px;
}
.sub_note_area ul li .p_vt {
	background:url(../../images/icon/icon_dot_vt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.sub_note_area ul li .sub_p {
	padding-left:12px;
}
.sub_exam_wrap {
	display:block;
	width:980px;
}
.sub_exam_area {
	display:block;
	width:980px;
	text-align:left;
	margin-bottom:40px;
	padding-bottom:40px;
	background:url(../../images/icon/icon_slice.png) repeat-x bottom;
	line-height:30px;
}
.checkGrades_wrap {
	display:block;
	width:980px;
	margin:50px 0 0 0;
	text-align:left;
	line-height:30px;
}
@media only screen and (max-width: 980px) {
	.checkGrades_wrap {
		padding: 0 15px;
	}
}
.banner_area {
	display:block;
	wdith:980px;
	margin-top:65px;
}
@media only screen and (max-width: 980px) {
	.banner_area {
		padding: 0 15px;
	}
}

/* -------------------------------- 

Login style

-------------------------------- */
.login_box {
	display:block;
	overflow:hidden;
	width:980px;
	border:10px #f2f2f2 solid;
	margin-top:70px;
}
.login_box .input_area {
	float:left;
	display:block;
	overflow:hidden;
	width:569px;
	border-right:1px #f2f2f2 solid;
}
.login_box .input_area ul {
	overflow:hidden;
	width:325px;
	margin:30px 122px;
	text-align:left;
}
.login_box .input_area ul li {
	margin-bottom:10px;
}
.login_box .input_area ul li:last-child {margin-bottom:0;}
.input_name {
	width:325px;
	height:40px;
	border:1px #aaaaaa solid;
	font-size:87.5%;
	color:#444444;
	background:url(../../images/icon/icon_name.png) no-repeat 17px center;
	padding:0 10px 0 55px;
	font-weight:600;
}
.input_id {
	width:325px;
	height:40px;
	border:1px #aaaaaa solid;
	font-size:87.5%;
	color:#444444;
	background:url(../../images/icon/icon_id.png) no-repeat 17px center;
	padding:0 15px 0 55px;
	font-weight:600;
}
.input_pw {
	width:325px;
	height:40px;
	border:1px #aaaaaa solid;
	font-size:87.5%;
	color:#444444;
	background:url(../../images/icon/icon_pw.png) no-repeat 17px center;
	padding:0 15px 0 55px;
	font-weight:600;
}
.btn_login {
	display:block;
	width:325px;
	padding:12px 0;
	text-align:center;
	marign-top:10px;
	color:#ffffff;
	font-size:112.5%;
	font-weight:600;
}
.btn_login2 {
	display:block;
	width:157px;
	padding:12px 5px;
	text-align:center;
	marign-top:10px;
	margin-right:5px;
	color:#ffffff;
	font-size:112.5%;
	font-weight:600;
	float:left;
}
.btn_login3 {
	display:block;
	width:157px;
	padding:12px 5px;
	text-align:center;
	marign-top:10px;
	margin-left:5px;
	color:#ffffff;
	font-size:112.5%;
	font-weight:600;
	float:left;
}
.problem_area {
	display:block;
	overflow:hidden;
	float:right;
	width:390px;
	padding:27px 0 0 0;
	line-height:24px;
}
.problem_area ul {
	overflow:hidden;
}
.problem_area ul li.img {
	display:block;
	margin-top:12px;
}
.problem_area .phone_number {
	display:block;
	margin-top:8px;
	font-size:112.5%;
	color:#000000;
	font-weight:bold;
	letter-spacing:-0.5px;
}
.note_area {
	display:block;
	overflow:hidden;
	margin-top:40px;
	text-align:left;
	padding-top:30px;
	border-top:1px #eeeeee solid;
}
@media only screen and (max-width: 980px) {
	.note_area {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.note_area ul {
	overflow:hidden;
}
.note_area ul li {
	font-size:93.8%;
	margin:20px 0;
	line-height:30px;
}
.note_area ul li .p_pt {
	background:url(../../images/icon/icon_dot_pt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.note_area ul li .p_mlt {
	background:url(../../images/icon/icon_dot_mlt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.note_area ul li .p_ot {
	background:url(../../images/icon/icon_dot_ot.png) no-repeat left center;
	padding:0 0 0 12px;
}
.note_area ul li .p_emt {
	background:url(../../images/icon/icon_dot_emt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.note_area ul li .p_dt {
	background:url(../../images/icon/icon_dot_dt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.note_area ul li .p_dht {
	background:url(../../images/icon/icon_dot_dht.png) no-repeat left center;
	padding:0 0 0 12px;
}
.note_area ul li .p_vt {
	background:url(../../images/icon/icon_dot_vt.png) no-repeat left center;
	padding:0 0 0 12px;
}
.note_area ul li .sub_p {
	padding-left:12px;
}

/* -------------------------------- 

Tab style

-------------------------------- */
.sub_tab_area {
	display:block;
	overflow:hidden;
	width:980px;
	margin:50px auto 50px;
}
.sub_tab_area .sub_tab {
	display:block;
	width:980px;
	height:60px;
	overflow:hidden;
	background:#ffffff;
	border:1px #d9d9d9 solid;
	box-sizing:border-box;
}
.sub_tab_area .sub_tab li {
	display:block;
	float:left;
	width:489px;
	height:60px;
	border-left:1px #d9d9d9 solid;
	background:#fafafa;
	font-size:125%;
}
.sub_tab_area .sub_tab li:first-child {border-left:none;}
.sub_tab_area .sub_tab li > a {
	display:block;
	height:60px;
	padding:18px 0 0 0;
	text-align:center;
	color:#666666;
}
.sub_tab_area .sub_tab li > a:hover {
	display:block;
	background:#f5f5f5;
}
.sub_tab_area .sub_tab li > a.pt_active {
	display:block;
	background:#ffffff;
	font-weight:600;
	color:#02a1da;
}
.sub_tab_area .sub_tab li > a.mlt_active {
	display:block;
	background:#ffffff;
	font-weight:600;
	color:#6bb119;
}
.sub_tab_area .sub_tab li > a.ot_active {
	display:block;
	background:#ffffff;
	font-weight:600;
	color:#6bb119;
}
.sub_tab_con {
	display:block;
	overflow:hidden;
	width:980px;
	margin:0 auto;
	text-align:left;
}

/* -------------------------------- 

Step style

-------------------------------- */
.sub_step_com {
	display:block;
	overflow:hidden;
	width:980px;
	margin-top:35px;
}
@media only screen and (max-width: 980px) {
	.sub_step_com {
		margin-left: -15px;
	}
}
.sub_step_list {
	overflow:hidden;
}
.sub_step_list li {
	float:left;
	display:block;
	position:relative;
	width:219px;
	height:199px;
	margin:0 0 0 34px;
	padding-top:30px;
	background-color:#f2f2f2;
	color:#000000;
	text-align:center;
	line-height:20px;
	background:url(../../images/bg/bg_step3.png) no-repeat;
}
.sub_step_list li:first-child {margin:0;}
.sub_step_list li:before {
	content:"";
	display:block;
	position:absolute;
	right:-22px;
	top:90px;
	width:10px;
	height:19px;
	background:url(../../images/icon/icon_arrow3.png) no-repeat;
}
.sub_step_list li .step {
	display:inline-block;
	padding-bottom:13px;
	border-bottom:1px #a9a9a9 solid;
	font-weight:600;
}
.sub_step_list li strong {
	display:block;
	margin-top:33px;
	line-height:26px;
}

/* -------------------------------- 

Button style

-------------------------------- */
.btn_download_pt {
	display:block;
	width:120px;
	height:35px;
	margin-top:20px;
	font-size:87.5%;
	color:#ffffff;
	background:#0ba7df url(../../images/icon/icon_download.png) no-repeat 20px center;
	padding:10px 0 0 45px;
}
.btn_download_mlt {
	display:block;
	width:120px;
	height:35px;
	margin-top:20px;
	font-size:87.5%;
	color:#ffffff;
	background:#7ec031 url(../../images/icon/icon_download.png) no-repeat 20px center;
	padding:10px 0 0 45px;
}
.btn_download_ot {
	display:block;
	width:120px;
	height:35px;
	margin-top:20px;
	font-size:87.5%;
	color:#ffffff;
	background:#bfaa09 url(../../images/icon/icon_download.png) no-repeat 20px center;
	padding:10px 0 0 45px;
}
.btn_download_emt {
	display:block;
	width:120px;
	height:35px;
	margin-top:20px;
	font-size:87.5%;
	color:#ffffff;
	background:#f38401 url(../../images/icon/icon_download.png) no-repeat 20px center;
	padding:10px 0 0 45px;
}
.btn_download_dt {
	display:block;
	width:120px;
	height:35px;
	margin-top:20px;
	font-size:87.5%;
	color:#ffffff;
	background:#d46586 url(../../images/icon/icon_download.png) no-repeat 20px center;
	padding:10px 0 0 45px;
}
.btn_download_dht {
	display:block;
	width:120px;
	height:35px;
	margin-top:20px;
	font-size:87.5%;
	color:#ffffff;
	background:#315bc5 url(../../images/icon/icon_download.png) no-repeat 20px center;
	padding:10px 0 0 45px;
}
.btn_download_vt {
	display:block;
	width:120px;
	height:35px;
	margin-top:20px;
	font-size:87.5%;
	color:#ffffff;
	background:#a268c4 url(../../images/icon/icon_download.png) no-repeat 20px center;
	padding:10px 0 0 45px;
}
.btn_register {
	display:block;
	width:310px;
	padding:15px 0;
	font-size:112.5%;
	color:#ffffff;
	font-weight:600;
	margin:60px auto 0;
	text-align:center;
}
.btn_check {
	display:block;
	overflow:hidden;
	width:130px;
	padding:3px 0;
	font-size:80%;
	color:#ffffff;
	font-weight:600;
	text-align:center;
	margin-left:10px;
}
.btn_exam_complete {
	display:block;
	width:80px;
	padding:5px 0;
	background:#8f8f8f;
	font-size:87.5%;
	font-weight:600;
	margin:0 auto;
}
.btn_exam_ing {
	display:block;
	width:80px;
	padding:5px 0;
	background:#ffffff;
	font-size:87.5%;
	font-weight:600;
	margin:0 auto;
}
.btn_exam_to {
	display:block;
	width:80px;
	padding:5px 0;
	font-size:87.5%;
	font-weight:600;
	margin:0 auto;
}

/* -------------------------------- 

Table style

-------------------------------- */
table {
	margin-top:20px;
	text-align:center;
	line-height:20px;
}
table th {
	border-top:2px #7f7f7f solid;
	background:#f9f9f9;
	padding:10px 0;
	font-size:93.8%;
	color:#000000;
	font-weight:600;
}
table tr {
	border-bottom:1px #eaeaea solid;
}
table td {
	padding:12px 0;
	font-size:93.8%;
	color:#000000;
	vertical-align:middle;
}
.row_line {
	border-left:1px #eaeaea solid;
}

/* -------------------------------- 

Sub Footer style

-------------------------------- */

.s_footer {
	float:left;
	display:block;
	width:100%;
	padding:40px 0;
	background:#ffffff;
	border-top:1px #cccccc solid;
	text-align:center;
	z-index:1;
}
@media only screen and (max-width: 980px) {
	.s_footer {
		width:980px;
	}
}
.s_footer-area {
	display:inline-block;
	width:980px;
	margin:0 auto;
	text-align:center;
}
.s_products {
	float:right;
	line-height:24px;
	font-size:75%;
	text-align:left;
	margin-right:120px;
}
.s_support {
	float:right;
	line-height:24px;
	font-size:75%;
	text-align:left;
}
@media only screen and (max-width: 980px) {
	.s_support {
		margin-right: 15px;
	}
}
.s_support ul {
	overflow:hidden;
	margin-top:10px;
}
.s_support ul li {
	display:inline-block;
	padding:0 3px;
}
a.facebook {width:21px; height:21px; background:url(../../images/icon/icon_footer.png) no-repeat left -21px; display:block; text-indent:-555555px;}
a.twiter {width:21px; height:21px; background:url(../../images/icon/icon_footer.png) no-repeat left -63px; display:block; text-indent:-555555px;}
a.youtube {width:21px; height:21px; background:url(../../images/icon/icon_footer.png) no-repeat left -105px; display:block; text-indent:-555555px;}
a.blog {width:21px; height:21px; background:url(../../images/icon/icon_footer.png) no-repeat left -147px; display:block; text-indent:-555555px;}

.s_copyright {
	float:left;
	width:239px;
	margin:0 auto;
	font-size:75%;
	line-height:22px;
	text-align:center;
	padding-top:15px;
	text-align:left;
}
@media only screen and (max-width: 980px) {
	.s_copyright {
		margin-left: 15px;
	}
}





.layer{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url("../../images/bg/bg_popup.png") repeat left top; z-index: 10000;}
.layer_area_testSpec {position: absolute; left: 50%; top: 50%; width: 687px; height: 327px; margin: -163px 0 0 -344px;}
#textSpec > a {width:18px; height:18px; position:absolute; right:-58px; top:0px;}
.layer_area .btn_close{position: absolute; right: 30px; top: 30px;}

#poppu1_wapper {width:707px; background:#ffffff; padding:25px 25px; text-align:left; color:#444; font-size:87.5%;}
#poppu1_box {width:657px; height:264px; border-top:1px #02A1BE solid; border-bottom:1px #02A1BE solid; margin-top:15px; padding:11px 0;}
#poppu1_box ul.top_category {width:657px; height:35px; background:#02A1BE; margin-top:15px; color:#ffffff; font-weight:600;}
#poppu1_box ul.top_category li {float:left;}
#poppu1_box ul.top_category .category1 {width:141px; height:27px; text-align:center; padding-top:8px;}
#poppu1_box ul.top_category .category2 {width:354px; height:27px; text-align:center; padding-top:8px;}
#poppu1_box ul.top_category .category3 {width:162px; height:27px; text-align:center; padding-top:8px;}
#poppu1_box ul.cate_con {width:657px; height:58px; text-align:center; padding:7px 0;}
#poppu1_box ul.cate_con li {float:left;}
#poppu1_box ul.cate_con .cate_con_list1 {width:141px;}
#poppu1_box ul.cate_con .cate_con_list2 {width:354px;}
#poppu1_box ul.cate_con .cate_con_list3 {width:162px;}
#poppu1_box ul.cate_con2 {width:657px; height:23px; text-align:center; padding:7px 0;}
#poppu1_box ul.cate_con2 li {float:left;}
#poppu1_box ul.cate_con2 .cate_con_list1 {width:141px;}
#poppu1_box ul.cate_con2 .cate_con_list2 {width:354px;}
#poppu1_box ul.cate_con2 .cate_con_list3 {width:162px;}