@charset "utf-8";
*{
	padding:0px;
	margin:0px;
}

a
{
	color:inherit;
	text-decoration:none;
}

#algo_info
{
	position:relative;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	margin:20px auto;
	font-size:1.33rem;
}

#algo_click
{
	position:relative;
	
}

#algo_select
{
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	width:1200px;
	z-index:20;
	text-align:center;
}

#algo_select > div
{
	position:relative;
	display:inline-block;
}

#algo_select img
{
	width:90%;
	box-shadow:8px 10px 6px #ddb97f;
	cursor:pointer;
}

#algo_all
{
	display:none;
	position:relative;
	width:1200px;
	margin:0px auto;
	background-color:#b5a399;
	font-size:1.33rem;
	text-align:center;
}

#mission_1
{
	position:relative;
	display:inline-block;
	width:450px;
	height:380px;
}

#mission_1>div
{
	position:absolute;
	width:450px;
	height:380px;
	text-align:left;

	
}

.mission_1_acc, .mission_2_acc
{
	position:relative;
	border-radius:20px;
	background-color:#3c492c;
	color:#b6a49a;
	font-weight:bold;
	text-align:center;
	padding:5px 0px;
	margin:10px 0px;
}

.mission_2_acc
{
	display:none;
	position:relative;
	border-radius:20px;
	background-color:#3c492c;
	color:#b6a49a;
	font-weight:bold;
	text-align:center;
	padding:5px 0px;
	margin:10px 0px;
}

#mission_2
{
	position:relative;
	display:inline-block;
	width:700px;
	height:380px;
}

#mission_2>div
{
	position:absolute;
	width:700px;
	height:380px;
}


#container_view
{
	position:relative;
	width:450px;
	height:180px;
	overflow:hidden;
	margin:0px auto;
	border:1px solid #801b1f;
}

.contents_box
{
	position:relative;
	height:100%;	
}

.btn
{
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
	/*background-color:rgba(252,192,192,0.5);*/
}

.cy
{
	position:absolute;
	top:50px;
	right:0px;
	width:150px;
	height:50px;
	/*background-color:rgba(255,255,255,0.5);*/
}

.cn
{
	position:absolute;
	top:140px;
	right:220px;
	width:120px;
	height:40px;
	/*background-color:rgba(255,255,0,0.5);*/
}

.next_mission
{
	position:absolute;
	top:130px;
	right:110px;
	font-weight:bold;
	color:#801b1f;
	display:none;
}

.contents_box > img
{
	position:absolute;
	margin-left:0px;
	margin-top:0px;
}

#result_view > img
{
	display:none;
}

.rv_title
{
	position:relative;
	color:#811b1f;
	font-weight:bold;
	font-size:1.5rem;
	display:none;
}


.rv_content
{
	position:relative;
	text-align:left;
	font-size:1.1rem;
	padding:20px;
	color:#3f4c2e;
	border:1px solid #3f4c2e;
	border-radius:20px;
	font-weight:bold;
	display:none;
} 

/*초등*/
#algo_all_ele
{
	display:none;
	position:relative;
	width:1200px;
	margin:0px auto;
	background-color:#b5a399;
	font-size:1.33rem;
	text-align:center;
}

#mission_1_ele
{
	position:relative;
	display:inline-block;
	width:450px;
	height:380px;
}

#mission_1_ele>div
{
	position:absolute;
	width:450px;
	height:380px;
	text-align:left;

	
}

.mission_1_acc_ele, .mission_2_acc_ele
{
	position:relative;
	border-radius:20px;
	background-color:#3c492c;
	color:#b6a49a;
	font-weight:bold;
	text-align:center;
	padding:5px 0px;
	margin:10px 0px;
}

.mission_2_acc_ele
{
	display:none;
	position:relative;
	border-radius:20px;
	background-color:#3c492c;
	color:#b6a49a;
	font-weight:bold;
	text-align:center;
	padding:5px 0px;
	margin:10px 0px;
}

#mission_2_ele
{
	position:relative;
	display:inline-block;
	width:700px;
	height:380px;
}

#mission_2_ele>div
{
	position:absolute;
	width:700px;
	height:380px;
}


#container_view_ele
{
	position:relative;
	width:450px;
	height:180px;
	overflow:hidden;
	margin:0px auto;
	border:1px solid #801b1f;
}

.contents_box_ele
{
	position:relative;
	height:100%;	
}

.btn_ele
{
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
	/*background-color:rgba(252,192,192,0.5);*/
}

.cy_ele
{
	position:absolute;
	top:50px;
	right:0px;
	width:150px;
	height:50px;
	/*background-color:rgba(255,255,255,0.5);*/
}

.cn_ele
{
	position:absolute;
	top:140px;
	right:220px;
	width:120px;
	height:40px;
	/*background-color:rgba(255,255,0,0.5);*/
}

.next_mission_ele
{
	position:absolute;
	top:145px;
	right:110px;
	font-weight:bold;
	color:#801b1f;
	display:none;
}

.contents_box_ele > img
{
	position:absolute;
	margin-left:0px;
	margin-top:0px;
}

#result_view_ele > img
{
	display:none;
}



.rv_title_ele
{
	position:relative;
	color:#811b1f;
	font-weight:bold;
	font-size:1.5rem;
	display:none;
}


.rv_content_ele
{
	position:relative;
	text-align:left;
	font-size:1.1rem;
	padding:20px;
	color:#3f4c2e;
	border:1px solid #3f4c2e;
	border-radius:20px;
	font-weight:bold;
	display:none;
} 

#redo, #redo_ele, #back, #back_ele
{
	position:relative;
	display:inline-block;
}

/*
sss
*/


.select_go2
{
	display:none;
	position:relative;
	border-radius:20px;
	background-color:#3c492c;
	color:#b6a49a;
	font-weight:bold;
	text-align:center;
	padding:5px 0px;
	margin:10px 0px;
	height:80px;
	cursor:pointer;
}

.select_left
{
	position:relative;
	width:80px;
	height:80px;
	display:inline-block;
}

.select_left > div
{
	position:absolute;
	width:80px;
	height:80px;
}

.select_left > div > img
{
	width:80px;
}

.select_right
{
	position:relative;
	width:410px;
	height:80px;
	display:inline-block;
}

.select_right > div
{
	position:absolute;
	width:410px;
	height:80px;	
	padding-top:10px;
}




/*
//SSS
*/