.wrap {
	box-sizing: border-box;
    width: 90%;
	max-width:1260px;
   /* padding: 50px 20px; */
    padding:50px 30px;
    margin: 50px auto;
    background:#fff;
    min-height: 500px;
    border-radius: 12px;
}

.shadow {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.2);
}

.topBar{
	width:100%;
	height:40px;
	/*background:linear-gradient(to right, #6bb85e, #55944b);*/
	background:#4c30a5;
	text-align:right;
	color:#fff;
	line-height:40px;
	padding:0 20px 0 0;
}

.topMenu{
	width:100%;
	height:72px;
	background:#f5f6f7;
	padding:9px 0 0 9px;
}



.topArea{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.topArea input:hover + .topBtn{
	background: #fff;
	border-color: #ff5a5f;
	color:#ff5a5f;
}

.topArea input:checked + .topBtn{
	background: #ff5a5f;
	border-color: #ff5a5f;
	color:#fff;
}

.topArea .ss1 {display: block;margin:0;padding:0;}
.topArea .ss1 input {display: none;}
.topArea .ss1 .topBtn {
	float:left;
	border: 1px solid #ccc;
	line-height: 50px;
	margin: 0 9px 0 0;
	padding:1px 15px;
	text-align:center;
	overflow: hidden; 
	font-size:16px;
	cursor:pointer;
	background-color:#fff;
	box-sizing:border-box;
	font-weight:normal;
}

.glb_mobile{display:none;}

@media screen and (min-width: 960px) {
	.zTable th{width:17%;}
	.zTable td{width:33%;}
}

@media only screen and (max-width:768px){
	.wrap{
		width: 100%;
		padding:10px 15px;
		border:0;
		margin:0;
		box-sizing: border-box;
	}

	.shadow {
		-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 50);
		-moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 50);
		box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 50);
	}

	.topArea .ss1 .topBtn {
		padding:1px 10px;
		font-size:14px;
		line-height: 40px;
		margin: 3px 9px 0 0;
	}

	.zTable {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.zTable table {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.zTable tr {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.zTable th, .zTable td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}

	.zTable th{display:none;}
	.zTable .pc-colgroup{display:none;}

	.zTable td {
		clear: both;
		padding: 15px 0 15px 45%;
		position: relative;
		text-align: left;
		height:auto;
		word-break: keep-all;
		white-space: normal;
		line-height: 1.4;
		border:0;
		border-bottom:1px solid #ccc;
		font-size:14px;
		min-height:50px;
		width: 100%;
		box-sizing: border-box;
	}

	/* 홀수행 배경 색상 */
	.zTable td.odd:nth-child(even){
		background:#f9f9f9;
	}


	.zTable td:before {
		color: #000;
		content: attr(data-th) " :";
		display: inline-block;
		width: 50%;
		left: 10px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 14px;
		font-weight: bold;
	}

	.zTable td.full{padding:1em 0;}
	.zTable td.full:before{content:"" !important;}

	.zTable td.glb_pc{display:none;}
	.glb_mobile{display:block;}
}

/* 400px 이하에서 인라인 width 스타일 오버라이드 */
@media screen and (max-width: 400px) {
	*[style*="width:200px"] {
		width: 100% !important;
	}
}

.wallActiveNone{display:none !important;}

#wall{	
	display:block;
	width:100%;
	height:100%;
	background:#000;
	z-index:999;
	position:fixed;
	opacity : 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
}

/*-서브페이지 표 스타일*/
.block_t{
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;

	box-sizing:border-box;
	/*border-radius:5px;*/
	margin-bottom:15px;
	background:#ffffff;
	overflow:hidden;
}
.block_t th,.block_t td,.block_t{
	border-collapse:collapse;
	box-sizing:border-box;
	font-size:12px;
}
.block_t th,.block_t td{
	padding:25px;
	box-sizing:border-box;
	text-align:left;
	background:#ffffff;
}

.block_t th{
	vertical-align:top;
	font-size:20px;
	font-weight:normal;
	padding-bottom:0;
	border-bottom:1px solid #d1d5d9;
	color:#999;
	min-width:180px;
}
.block_t tr:last-child th{
	padding-bottom:25px;
}
.block_t td{
	padding-bottom:40px;
	border-bottom:1px solid #d1d5d9;
}

.block_t tr:last-child>td{
	border-bottom:1px solid #d1d5d9;
}
.block_t input[type=text],.block_t input[type=file],.block_t input[type=password],.block_t select{
	padding:8px;
	border:1px solid #d1d1d1;
	border-radius:3px;
	font-size:14px;
	height:34px;
}

.block_t input[type=text]:hover,.block_t input[type=file]:hover,.block_t input[type=password]:hover,.block_t textarea:hover,.block_t input[type=text]:focus,.block_t input[type=file]:focus,.block_t textarea:focus,.block_t select:hover,.block_t select:focus{
	border:1px solid #3e88d6
}

.block_t .file_input label {
	font-size:14px;height:34px;line-height:34px;margin-left:5px;
	position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
    background:#f1f1f1;
    color:#000000;
    text-align:center;
	border: 1px solid #d1d1d1;
	box-sizing:border-box;
}
.block_t textarea{
	margin: 0;
	letter-spacing: -.2px;
	width: 100%;
	height: 100px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 14px;
	resize:none;
}

.block_t td table td{
	border:0px !important;
	padding:0px;

}

.step_top{
    font-size: 21px;
    padding-top: 3px;
    color: #1b2a3a;
    font-weight: bold;
    padding-bottom: 15px;
}


.boxType{
	width:100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.boxType input:hover + .boxBtn{
	background: #fff;
	border-color: #3e88d6;
	color:#3e88d6;
}

.boxType input:hover + .payBtn{
	background: #ac0303;
}

.boxType input:hover + .boxArea .boxBtn{
	background: #fff;
	border-color: #3e88d6;
	color:#3e88d6;
}

.boxType input:checked + .boxBtn{
	background: #3e88d6;
	border-color: #3e88d6;
	color:#fff;
}

.boxType input:checked + .boxArea .boxBtn{
	background: #3e88d6;
	border-color: #3e88d6;
	color:#fff;
}

.mobileTitle{display:none;text-align:left;}

/* 레벨테스트 */
.levelTest .ss1 {display: block;margin:0;padding:0;}
.levelTest .ss1 input {display: none;}
.levelTest .ss1 .boxBtn {
	float:left;
	border: 1px solid #ccc;
	width: 32%;
	margin: 0 2% 2% 0;
	line-height: 50px;
	text-align:center;
	overflow: hidden; 
	font-size:16px;
	cursor:pointer;
	background-color:#fff;
	box-sizing:border-box;
	font-weight:normal;
}

.levelTest .ss1:nth-child(3n) .boxBtn{margin-right:0;}

.levelTest .ss1 .payBtn {
	border: 1px solid #ccc;
	width: 100%;
	line-height: 50px;
	text-align:center;
	overflow: hidden; 
	font-size:16px;
	cursor:pointer;
	background-color:#ff5a5f;
	color:#fff;
	box-sizing:border-box;
	font-weight:800;
}

.levelTest .ss2{
	display: block;
	float:left;
	width: 49%;
	margin: 0 2% 2% 0;
	overflow: hidden; 
	cursor:pointer;
	box-sizing:border-box;
}

.levelTest .ss2:nth-child(3){margin-right:0;}

.levelTest .ss3{
	display: block;
	float:left;
	width: 100%;
	margin: 0 2% 2% 0;
	overflow: hidden; 
	cursor:pointer;
	background:#fff;
	box-sizing:border-box;
}


@media only screen and (max-width:960px){
	.pcTxt{display:none;}
	.step_top{display:none;}
	.block_t th{display:none;}
	.mobileTitle{
		display:block;
		margin:0 0 10px 0;
		font-size:14px;
		border-radius: 0.375em;
		border:1px solid #ff5a5f;
		padding:10px;
		background:#ffeaeb;
	}
	.block_t td{padding:0;padding-bottom:30px;border-bottom:0;}

}







/* 수강신청 */
.classOrder .ss1 {display: block;margin:0;padding:0;}
.classOrder .ss1 input {display: none;}
.classOrder .ss1 .boxBtn {
	float:left;
	border: 1px solid #ccc;
	width: 23.5%;
	line-height: 50px;
	margin: 0 2% 2% 0;
	text-align:center;
	overflow: hidden; 
	font-size:16px;
	cursor:pointer;
	background-color:#fff;
	box-sizing:border-box;
	font-weight:normal;
}

.classOrder .ss1 .payBtn {
	border: 1px solid #ccc;
	width: 100%;
	line-height: 50px;
	text-align:center;
	overflow: hidden; 
	font-size:16px;
	cursor:pointer;
	background-color:#ff5a5f;
	color:#fff;
	box-sizing:border-box;
	font-weight:800;
}

.classOrder .ss1 .backBtn {
	border: 1px solid #6b6b77;
	width: 100%;
	line-height: 50px;
	text-align:center;
	overflow: hidden; 
	font-size:16px;
	cursor:pointer;
	background-color:#7c7a89;
	color:#fff;
	box-sizing:border-box;
	font-weight:800;
}

.classOrder .ss1 .backBtn:hover {
	background-color:#4f4d56;
}

.classOrder .ss2 {display: block;margin:0;padding:0;}
.classOrder .ss2 input {display: none;}
.classOrder .ss2 .boxArea{
	float:left;
	width: 23.5%;
	margin: 0 2% 2% 0;
	overflow: hidden; 
	cursor:pointer;
	background:#fff;
	box-sizing:border-box;
}

.classOrder .ss2:last-child .boxArea{margin-right:0;}

.classOrder .ss2 .boxBtn {
	border: 1px solid #ccc;
	width: 100%;
	line-height: 40px;
	text-align:center;
	overflow: hidden; 
	font-size:16px;
	background:#aaa;
	box-sizing:border-box;
	font-weight:normal;
	color:#fff;
}

.classOrder .ss2 .boxTxt {
	width:100%;
	padding:10px 0;
	font-size:16px;
	border:1px solid #ccc;
	border-top:0;
	font-weight:normal;
	text-align:center;
	overflow: hidden; 
}

.classOrder .ss3 {display: block;margin:0;padding:0;}
.classOrder .ss3 input {display: none;}
.classOrder .ss3 .boxArea{
	float:left;
	width: 32%;
	margin: 0 2% 2% 0;
	overflow: hidden; 
	cursor:pointer;
	background:#fff;
	box-sizing:border-box;
}

.classOrder .ss3:nth-child(3n) .boxArea{margin-right:0;}

.classOrder .ss3 .boxBtn {
	border: 1px solid #ccc;
	width: 100%;
	line-height: 40px;
	text-align:center;
	overflow: hidden; 
	font-size:16px;
	background:#aaa;
	box-sizing:border-box;
	font-weight:normal;
	color:#fff;
}

.classOrder .ss3 .boxTxt {
	width:100%;
	height:60px;
	padding:10px 0;
	font-size:16px;
	border:1px solid #ccc;
	border-top:0;
	font-weight:normal;
	text-align:center;
	overflow: hidden; 
}
.classOrder .ss3 .amtTxt01{font-size:18px;font-weight:800;}
.classOrder .ss3 .amtTxt02{display:block;font-size:14px;line-height:25px;}

.classOrder .ss4 {display: block;margin:0;padding:0;}
.classOrder .ss4 input {display: none;}
.classOrder .ss4 .boxBtn {
	float:left;
	border: 1px solid #ccc;
	width: 10%;
	line-height: 50px;
	margin: 0 2% 2% 0;
	text-align:center;
	overflow: hidden; 
	font-size:16px;
	cursor:pointer;
	background-color:#fff;
	box-sizing:border-box;
	font-weight:normal;
}

.classOrder .ss5 {display: block;margin:0;padding:0;}
.classOrder .ss5 input {display: none;}
.classOrder .ss5 .boxBtn {
	float:left;
	border: 1px solid #ccc;
	width: 23.5%;
	line-height: 50px;
	margin: 0 2% 2% 0;
	text-align:center;
	overflow: hidden; 
	font-size:14px;
	cursor:pointer;
	background-color:#fff;
	box-sizing:border-box;
	font-weight:normal;
}


.classOrder #amtTxt{font-size:32px;font-weight:800;color:#ff5a5f;}

@media only screen and (max-width:960px){
	.classOrder .ss1 .boxBtn {width:49%;}
	.classOrder .ss1:nth-child(2n) .boxBtn{margin-right:0;}
	.classOrder .ss5 .boxBtn {width:32%;}
	.classOrder .ss5:nth-child(3n) .boxBtn{margin-right:0;}
	.classOrder .ss3 .amtTxt01{font-size:16px;font-weight:normal;}
	.classOrder .ss3 .amtTxt02{font-size:12px;line-height:25px;}
	.classOrder .payTxt{text-align:right;}

	.classOrder .ss4 .boxBtn {width: 18%;}
}