@charset "utf-8";


/*----- 공통 -----*/


#sub_content.sub2 h1{
	width:390px;
}

#sub_content.sub2 h2{
	margin:50px 0 20px 0;
}



#sub_content2{
	overflow:hidden;
	margin-bottom:100px;
	font-size:1.2em;
}
#sub_content2 h1{
	margin:100px auto;
	padding:20px 0 5px 0;
	width:200px;
	font-size:2em;
	border-bottom:3px solid #a1a1a1;
	text-align:center;
}
#sub_content2.sub2 h1{
	width:390px;
}

#sub_content2.sub2 h2{
	margin:50px 0 20px 0;
}

#sub_content2 table{
	border-collapse:collapse;
}
#sub_content2 table td{
	/*text-align:center;*/
	padding:10px;
}


/*----- kua -----*/


#kua_header{
	overflow:hidden;
	padding:0 10px;
}
#kua_header > div{
	float:left;
	width:1000px;
}
#kua_header > a{
	display:block;
	float:right;
	width:150px;
	height:80px;
	line-height:80px;
	background-color:#0099ff;
	color:white;
	text-align:center;
	border-radius:5px;
}





/*----- kua_regist -----*/


#step1 table td{
	text-align:left;
}

h2{
	border:1px solid #e7e7e7;
	background-color:#f4f4f4;
	padding:10px;
	color:#999999;
}

h2 span{
	font-size:1rem;
	font-weight:500;
}

#step1 >  label{
	display:block;
	padding:20px;
	margin:20px 0;
	background-color:#e7e7e7;
	border-radius:10px;
	text-align:center;
	cursor:pointer;
}

#step1 > input{
	display:none;
}
.chk{
	background-color:#0099ff;
	color:white;
}

#step2{
	display:none
}

/*#step1 > input:checked + label + #step2{
	display:block;
}*/

.rr{
	color:red;
	font-weight:700;
}

	
#step2 input[type=text]{
	font-size:1.2em;
}

#stutable{
	margin:20px 0 10px 0;
	display:none;
}

#isstu1:checked + label + input + label+ input + label + #stutable{
	display:block;
}
#isstu2:checked + label+ input + label + #stutable{
	display:block;
}
#isstu3:checked + label + #stutable{
	display:none;
}


#step2 >  a{
	display:block;
	padding:20px;
	margin:20px 0;
	background-color:#e7e7e7;
	border-radius:10px;
	text-align:center;
	cursor:hand;
}

#step2 >  button{
	display:block;
	padding:20px;
	margin:20px 0;
	background-color:#e7e7e7;
	border-radius:10px;
	text-align:center;
	cursor:hand;
	width: 100%;
	border-color: #e7e7e7;
    font-size: 1em;
}


#step1 > table > tbody > tr > th {
	width:250px;
    text-align: center;
    border: 1px solid #808080;
}

#step1 > table > tbody > tr > td {
    text-align: center;
    border: 1px solid #808080;
}

@media (max-width:1200px){
	
#kua_header > div{
	width:1000vw;
}

}

#table_w1,#table_w2{
	display:block;
}
#table_m1, #table_m2{
	display:none;
}

.step2 {
	padding:0 10px;
	margin-bottom: 20px;
}

#step2 > table {
	width:100%;
}



#step2 > div:nth-child(2) > div > label{
	margin-right:20px;
}

#step2 > div:nth-child(5) > div > label{
	margin-right:20px;
}

#step2 > div:nth-child(6) > div > label{
	margin-right:20px;	
}
#isstu > div:nth-child(1) > div > label{
	margin-right:20px;		
}


/* ============================================================================== */

#isstu {
	display:none;
}

	
#kua_header > div{
	width:100%;
}

#kua_header > a{
	margin:20px;
}

#table_w1,#table_w2{
	display:none;
}
#table_m1, #table_m2{
	display:block;
}

#sub_content2 table {
    margin: 0 10px;
}


#step1 > table > tbody > tr > th {
	width:130px;
}

#step2 > table > tbody > tr:nth-child(1) > th {
	width:100px;
	
}
#step1 > label {
	margin: 20px 10px;
}
}