#slides
{	
}

.slogan
{		
	font-size: 15pt;
	font-weight: 500;
	color: #695858;
	padding: 1em;
}
	.slogan > p:nth-of-type(1)
	{
		font-size: 34pt;
		font-weight: 700;
	}

	.slogan > p:nth-of-type(2)
	{
		font-family: MaruBuri;
		font-size: 18pt;
		color: #9b7f0d;
		margin: -1ex 0 1.5ex 0;
	}

#guide
{
	background: #e7e6e1 url(Main/section-guide-bg.jpg) no-repeat left top;	
}

	#guide ul
	{
		display: flex;
		flex-wrap: wrap;
		flex: 0 0 auto;
		/*align-items: center;		*/
		list-style: none;
		padding: 0;
		margin: 4ex 0;
	}
		#guide ul li
		{
			box-sizing: border-box;
			align-content: center;
			height: 9em;
			width: 9em;
			padding: 2em 1em;
			margin: 2ex 1ex;
			background-color: #e7e6e1;
			border-radius: 50%;
			border: 5px solid #867070;
			display: inline-block;
			text-align: center;
			font-size: 13pt;
			font-weight: 600;
			color: #867070;
			vertical-align: middle;
		}

#program
{
	background-color: #f5ebeb;
}

	#program ul, #facilities ul
	{
		display: flex;
		flex-wrap: wrap;
		flex: 0 0 auto;
		justify-content: space-around;
		list-style: none;
		padding: 0;
		margin: 5ex 2em 2ex 2em;
	}
		#program ul li, #facilities ul li
		{
			box-sizing: border-box;
			margin: 1ex .5em 2ex .5em;
			text-align: center;
		}

		#program ul li img, #facilities ul li img
		{
			display: block;
		}
			#program ul li a
			{
				font-weight: 600;
				font-size: 22pt;
				color: #695858;
			}
				#program ul li a:hover
				{
					text-decoration: none;
					text-shadow: #F2A154 0 0 5px;
				}

			#program ul li span
			{
				display: block;
				color: #9b7f0d;
				font: 600 14pt MaruBuri;
			}

			#facilities ul li span
			{
				font-weight: 700;
				font-size: 14pt;
				color: #695858;
				display: block;
				float: right;
				min-width: 10em;
				text-align: right;
				text-decoration: underline;
				text-decoration-color: #d5b4b4;
				text-decoration-thickness: .8ex;
				text-underline-offset: -.5ex;
				padding: .5ex 1.5em 0 0;
				margin: 0 .8em 0 0;
				border-bottom: .8ex solid lightgray;
			}
			#facilities ul li:nth-child(2n+2) span
			{
				text-decoration-color: #99cfd7;
			}
				
			#facilities iconify-icon
			{
				font-size: 150%;
				margin: 0 .15em 0 0;
				vertical-align: bottom;
			}
#facilities
{
	background: #e7e6e1 url('Main/section-facilities-bg.jpg') no-repeat right top;
}

#cs
{
	background-color: #f5ebeb;
}

	#cs ul
	{
		margin: 2ex 0;
		padding: 0;
		list-style: none;
	}

		#cs ul li
		{
			padding: 0 0 1ex 3em;
			font-size: 105%;			
		}

			#cs ul li::before
			{
				color: #867070;
				content: '*';
				margin-left: -1.5em;
				padding-right: 1em;
			}

			#cs ul li span
			{
				color: #867070;
			}

		#cs .uk-grid > div
		{
			margin: 2ex 0 3ex 0;
		}

@media screen and (max-width: 960px)
{
	#slides .uk-slideshow-items
	{
		height: 800px;
	}

	.slogan-tltle, .slogan-en, .slogan-ko, .slogan-right
	{
		padding: 0;
	}
}

@media screen and (max-width: 640px)
{

	#guide ul li
	{	
		height: 7em;
		width: 7em;
		padding: 1em 0.5em;
		margin: 1ex .5ex;				
		font-size: 12pt;
	}	

	.slogan-tltle, .slogan-en, .slogan-ko, .slogan-right
	{
		padding: 0;
	}
}