@charset "UTF-8";


a{
	color: #47763c;
	transition: 0.5s;
}

h1{
	font-size: 4.5vw;
	margin: 8% 0% 10% 0%;
	text-align: center;
	color: #1962A3;
}

.learningtool-text h2{
	font-size: 2.7vw;
}

main p{
	color: #010A4F;
}


.contents-table{
	justify-content: center;
	margin: 3% 7% 0% 7%;
	height: 20%;
}

.table-title{
	text-align: center;
	padding: 1%;
	border: solid medium;
}

.MenuTd{
	display: grid;
	justify-content: center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 0.5%;
	text-align: center;
}

.contents{
	padding: 3%;
	color: white;
	font-size: 1em;
	transition: 0.5s;
}

.c-ice{
	background-color: #00adf1;
}

.c-cir{
	background-color: #40ae4b;
}

.c-dev{
	background-color: #921638;
}

.c-lib{
	background-color: #df1782;
}

.c-pea{
	background-color: #cd8d2b;
}

a:hover .contents{
	background-color: #1962A3;
	color: white;
	transition: 0.5s;
}

.learningtool-text{
	font-size: 1.7vw;
}

.learningtool-lead{
	margin: 0 7%;
}

.activity-table-layout{
	margin:10% 7%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.activity-big-table{
	grid-column: 1/3;
	justify-content: center;
}

.activity-table{
	margin: 8% 0%;
}

.lt-explain{
	width: 100%;
	margin: 0 ;
	margin-bottom: 20px;
}



.ice-small{
	flex: 1;
	width: 30%;
	transition: 0.5s;
}

.cir-small{
	flex: 1;
	width: 30%;
	transition: 0.5s;
}

.activity-title{
	color: white;
	background-color: #47763c;
	height: 4em;
	display:flex;
	justify-content: center;
	align-items: center;
	padding: 2%;
	transition: 0.5s;
}

a:hover .activity-title{
	background-color: #1962A3;
	transition: 0.5s;
}


.activity-data{
	padding: 20px 20px 10px 20px;
	background-color:rgba(255,253,228,1);
	color: #010A4F;
}




/*---¥¢¥¤¥¹¥Ö¥ì¥¤¥­¥ó¥°---*/

.icebreaking{
	display: flex;
	margin: 3% 0%;
	gap: 20px;
	margin-bottom: 50px;
}


.icebreaking .activity-title{
	background-color: #00adf1;
}


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



/*---­h¾³---*/

.circumstance{
	display: flex;
	margin: 3% 0%;
	gap: 20px;
	margin-bottom: 50px;
}


.circumstance .activity-title{
	background-color: #40ae4b;
}

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


/*---é_°k---*/

.development{
	display: flex;
	margin: 3% 0%;
	gap: 20px;
	margin-bottom: 50px;
}


.development .activity-title{
	background-color: #921638;
}

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


/*---˜ØÀû---*/

.liberty{
	display: flex;
	margin: 3% 0%;
	gap: 20px;
	margin-bottom: 50px;
}



.liberty .activity-title{
	background-color: #df1782;
}

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



/*---ƽºÍ---*/

.peace{
	display: flex;
	margin: 3% 0%;
	gap: 20px;
	margin-bottom: 50px;
}


.peace .activity-title{
	background-color: #cd8d2b;
}

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