/*---------------------------------------------------------------------------
	[LAYOUT GUIDE]
	#wrapper	>	#container	>	(#regin)	>	#area	>	#section	>	#box	>	#sector
	GNB	(Global Navigation Bar)	:	사이트 최상위 전체 공통네비게이션.메인메뉴, 대분류 메뉴, 전체 사이트에서 사용되는 공통메뉴바
	LNB	(Local Navigation Bar)	:	현재 서비스 영역(Local)만 해당되는 네비게이션.서브메뉴, 중분류 메뉴, 각 서브분류 별 사용되는 메뉴바
	SNB	(Side Navigation Bar)	:	메인메뉴, 서브메뉴를 제외한 나머지 사이드메뉴, 기타메뉴바
	FNB	(Foot Navigation Bar)	:	하단메뉴, 하단로고, 주소, 카피라이팅 영역

	font-family: 'Nanum Barun Gothic';	font-weight: 400;		200	300	400			700
	font-family: 'Noto Sans KR';		font-weight: 400;	100		300	400	500		700		900
	font-family: 'Raleway';				font-weight: 400;	100	200	300	400	500	600	700	800	900
	font-family: 'Roboto';				font-weight: 400;	100		300	400	500		700		900
	font-family: 'NanumBarunGothic';	font-weight: 400;		200	300	400			700
	font-family: 'Nanum Barun Gothic', 'Noto Sans KR', 'NanumBarunGothic', 'Roboto', 'Raleway', 'Sans-serif', 'Verdana', 'Arial', 'Times New Roman', 'Trebuchet MS', 'Dotum', '돋움', 'Gulim', '굴림', 'AppleGothic';


	[olympiad]
	olympiad_blue	:	#066CB0
	olympiad_red	:	#DB1D3A
	olympiad_green	:	#05753C
	olympiad_yellow	:	#FAA519
	olympiad_black	:	#231F20
	olympiad_grey	:	#a3a5a8

	#####	Shades and Tints of #a7a9ac	:	PLATINUM	:	TEXT
	#030303		#0c0d0d		#161617		#1f2021		#292a2b		#323435		#3c3d3f		#45474a		#4f5154
	#585b5e		#626468		#6b6e72		#75787c		#7f8286		#898b8f		#939599		#9d9fa2		#a7a9ac
	#b1b3b6		#bbbdbf		#c5c7c9		#cfd0d2		#d9dadc		#e4e4e5		#eeeeef		#f8f8f8


	SG_RED	:	#ff350a
	SG_BLUE	:	#0080ff

	focus		#0096a0
	logo_color	#004e53
	logo_red	#ed1c24
	logo_black	#231f20		(35, 31, 32)
	logo_gray	#58585b		(88, 88, 91)
	logo_silver	#a7a9ab		(167, 169, 171)
	logo_gold	#ac8a1b		(172, 138, 27)


	olympiad			#58a9fa		(88, 169, 250)
	olympiad_black		#231F20
	olympiad_navy1		#066CB0
	olympiad_navy2		#0b66bc
	olympiad_navy3		#0c66bc
	olympiad_red		#DB1D3A
	olympiad_green		#05753C
	olympiad_yellow		#FAA519

	#####	Shades and Tints of #004e53	:	LOGO
	#000405		#001718		#00292c		#003c3f		#004e53		#006067		#00737a		#00858e		#0098a1
	#00aab5		#00bdc9		#00cfdc		#00e1f0		#05f0ff		#18f1ff		#2cf2ff		#3ff3ff		#53f5ff
	#67f6ff		#7af7ff		#8ef8ff		#a1f9ff		#b5fbff		#c9fcff		#dcfdff		#f0feff
	[Tones of #004e53]
	#262c2d		#232f30		#203233		#1d3536		#1a3839		#163a3d		#133d40		#104043		#0d4346
	#0a4649		#06484d		#034b50		#004e53





	[Shades and Tints of #00caf5]
	#00080a		#00181d		#002831		#003844		#004958		#00596c		#00697f		#007993		#0089a7
	#0099ba		#00aace		#00bae1		#00caf5		#0ad4ff		#1dd7ff		#31dbff		#44deff		#58e2ff
	#6ce5ff		#7fe9ff		#93ecff		#a7efff		#baf3ff		#cef6ff		#e1faff		#f5fdff

	[Shades and Tints of #718184]
	#040505		#0d0f10		#171a1a		#202425		#292e2f		#32393a		#3b4345		#444d4f		#4d585a
	#566264		#5f6c6f		#687779		#718184		#7b8b8e		#859497		#909da0		#9aa7a9		#a5b0b2
	#b0b9bb		#bac3c4		#c5cccd		#cfd5d6		#dadedf		#e4e8e8		#eff1f1		#fafafa

	[Shades and Tints of #ff350a]
	#0a0200		#1e0500		#310900		#450c00		#581000		#6c1300		#801600		#931a00		#a71d00
	#bb2100		#ce2400		#e22800		#f52b00		#ff350a		#ff451e		#ff5531		#ff6645		#ff7658
	#ff866c		#ff9680		#ffa693		#ffb6a7		#ffc7bb		#ffd7ce		#ffe7e2		#fff7f5
---------------------------------------------------------------------------*/
@charset "utf-8";
@media (min-width: 861px){	/*@media	-------------------------------------------------*/
}	/*@media	-------------------------------------------------*/
@media (min-width: 481px) and (max-width: 860px){	/*@media	-------------------------------------------------*/
}	/*@media	-------------------------------------------------*/
@media (max-width: 480px){	/*@media	-------------------------------------------------*/
}	/*@media	-------------------------------------------------*/
/*-------------------------------------------------
	BASIC
-------------------------------------------------*/
	html, body{
		font-size: 15px;
	}


/*sginput	--------------------------------------*/
.sginput{
	clear: both;
	display: block;
	position: relative;
	height:56px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	min-width:70px;
	background-color: rgba(255,255,255,0.7);
}
.sginput > input{
	width:100%;
	height: 32px;
	border: 0;
	background: transparent;
	position: absolute;
	left: 0;
	bottom: 0px;
	padding: 0 10px;
	z-index:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	line-height: 32px;
	font-size: 0.86rem;
	color: #0c0c0b;
}
.sginput > label{
	position: absolute;
	left: 0%;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	pointer-events: none;
	border: 1px solid rgba(100,100,100,0.1);
}
.sginput > label span{
	position: absolute;
	left: 10px;
	top: 12px;
	transition: all .2s ease-in;

	font-size: 0.88rem;
	color: #5f5c55;
	font-weight: 400;
	font-style: oblique;
}
.sginput > label::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 0;
	height: 100%;
}
.sginput input:focus + label span,
.sginput input:valid + label span,
.sginput input:read-only + label span{
	transform: translateY(-50%);
	font-size: 0.76rem;
	color: #0080ff;
	font-weight: 600;
}
.sginput input:focus + label,
.sginput input:valid + label,
.sginput input:read-only + label{
	border: none;
}
.sginput input:focus + label::after,
.sginput input:valid + label::after,
.sginput input:read-only + label::after{
	width: 100%;
	transform: translateX(0);
	border: 1px solid rgba(100,100,100,0.4);
}
/*sginput_red	-----------------*/
.sginput_red > label{
	border: 1px solid #ee3823;
}
.sginput_red input:focus + label span,
.sginput_red input:valid + label span,
.sginput_red input:read-only + label span{
	color: #ee3823;
}
.sginput_red input:focus + label,
.sginput_red input:valid + label,
.sginput_red input:read-only + label{
	border: none;
}
.sginput_red input:focus + label::after,
.sginput_red input:valid + label::after,
.sginput_red input:read-only + label::after{
	border: 1px solid #ee3823;
}
/*sginput_tel	-----------------*/
.sginput_tel > label span{
	font-size: 0.80rem;
	color: #d0d0d0;
	font-weight: 300;
	font-style: oblique;
}
.sginput_tel input:focus + label span,
.sginput_tel input:valid + label span,
.sginput_tel input:read-only + label span{
	color: #d0d0d0;
	font-weight: 300;
}


/*-------------------------------------------------
	LAOUT
-------------------------------------------------*/
	#wrap{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}
	#header{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		/*
		z-index: 1000;
		*/
	}
	#container{
		clear: both;
		display: block;
		position: relative;
		min-height: 20rem;
		/*
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0;
		padding-bottom: 1.7rem;
		
		background-color: rgba(255, 255, 255, 0.1);
		*/
	}
	#footer{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		background-color: #18191b;
		margin-top: 100px;
		min-height: 100rem;
		/*
		background-color: #212325;
		min-width: 860px;
		padding: 0;
		background-color: #2b2c31;
		z-index: 0;
		*/
	}



/*--------------------------------------------------
	header_top
--------------------------------------------------*/
	.header_top{
		clear: both;
		display: block;
		position: relative;
		height: 34px;
		background-color: #212325;
		/*
		background-color: rgba(15, 15, 15, 0.8);
		*/
	}
	.header_top > .top_width{
		display: block;
		position: relative;
		width: 100%;
		/*min-width: 900px;*/
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
	.header_top > .top_width > .top_left{
		float: left;
		width: calc(100% - 310px);
	}
	.header_top > .top_width > .top_right{
		float: right;
		width: 400px;
		text-align: right;
	}
	.header_top > .top_width > .top_right > ul{
		display: inline-block;
		margin-top: 5px;
	}
	.header_top > .top_width > .top_right > ul > li{
		float: left;
	}
	.header_top > .top_width > .top_right > ul > li > div{
		margin-top: 2px;
		word-break: break-word;
		word-wrap: break-word;
	}
	.header_top > .top_width > .top_right > ul > li.detach{
		padding-left: 0.36rem;
		padding-right: 0.42rem;
	}
	.header_top > .top_width > .top_right > ul > li.detach > div{
		height: 8px;
		border-left: 1px solid #75787c;
		margin-top: 8px;
	}
	.header_top > .top_width > .top_right > ul > li > div > a{
		font-family: 'Roboto';
		font-size: 0.76rem;
		color: #fafafa;
		font-weight: 300;
		letter-spacing: 0.04rem;
	}
	.header_top > .top_width > .top_right > ul > li > div > a.login{
		color: #FFC5C5;
	}
	.header_top > .top_width > .top_right > ul > li > div > a.register{
		color: #F1EB90;
	}
	.header_top > .top_width > .top_right > ul > li > div > a.language{
		color: #E0F4FF;
	}
	.header_top > .top_width > .top_right > ul > li > div > a.portal{
		font-weight: 400;
		color: #9FBB73;
	}
	.header_top > .top_width > .top_right > ul > li > div > a.olympiad{
		font-weight: 400;
		color: #F3B664;
	}
	.header_top > .top_width > .top_right > ul > li > div > a.elearning{
		font-weight: 400;
		color: #87C4FF;
	}
	.header_top > .top_width > .top_right > ul > li > div > a:hover{
		text-decoration: none;
		color: #fff;
	}





@media (min-width: 861px){	/*@media	-------------------------------------------------*/
	.area_header{
		display: block;
	}
	.area_header_mob{
		display: none;
	}


/*-------------------------------------------------
	area_header
-------------------------------------------------*/
	.area_header{
		clear: both;
		display: block;
		position: relative;
		height: 70px;
		background-color: #F6F8FC;
		border-bottom: 1px solid #b7c1c2;
		/*background-color: rgba(226, 229, 230, 0.7);		#e2e5e6	*/
	}
	.area_header_fix{
		-moz-box-shadow: 0px 1px 17px 1px #324B4D;
		-webkit-box-shadow: 0px 1px 17px 1px #324B4D;
		box-shadow: 0px 1px 17px 1px #324B4D;
	}
	.area_header > .header_width{
		display: block;
		position: relative;
		max-width: 1200px;
		padding-left: 10px;
		margin: 0 auto;
		/*
		width: 100%;
		min-width: 900px;
		padding-right: 10px;



		overflow: hidden;
		*/
	}
	.area_header > .header_width > .header_left{
		float: left;
		width: 370px;
	}

	.area_header > .header_width > .header_left > .header_logo{
		float: left;
		height: 70px;
	}
	.area_header > .header_width > .header_left > .header_logo:after{
		display: inline-block;
		height: 100%;
		content: '';
		vertical-align: middle;
	}
	.area_header > .header_width > .header_left > .header_logo img{
		vertical-align: middle;
		height: 100%;
	}
	.area_header > .header_width > .header_right{
		float: right;
		width: calc(100% - 380px) !important;
	}
	.area_header > .header_width > .header_right > .header_gnb{
		width: 100%;
	}
}	/*@media	-------------------------------------------------*/








@media (max-width: 860px){	/*@media	~480	-------------------------------------------------*/
	.area_header{
		display: none;
	}
	.area_header_mob{
		display: block;
	}




/*-------------------------------------------------
	area_header_mob
-------------------------------------------------*/
	.area_header_mob{
		clear: both;
		display: block;
		position: relative;
		height: 70px;
		background-color: #fff;
		border-bottom: 1px solid #b7c1c2;
		/*background-color: rgba(226, 229, 230, 0.7);		#e2e5e6	*/
	}
	.area_header_fix{
		-moz-box-shadow: 0px 1px 17px 1px #324B4D;
		-webkit-box-shadow: 0px 1px 17px 1px #324B4D;
		box-shadow: 0px 1px 17px 1px #324B4D;
	}
	.area_header_mob > .header_width{
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.area_header_mob > .header_width > .header_logo{
		display: block;
		position: relative;
		text-align: center;
		height: 70px;
	}
	.area_header_mob > .header_width > .header_logo:after{
		display: inline-block;
		height: 100%;
		content: '';
		vertical-align: middle;
	}
	.area_header_mob > .header_width > .header_logo img{
		max-height: 66px;
		vertical-align: middle;
		margin-left: 40px;
	}

	.area_header_mob > .header_width > .btn_gnb{
		position: absolute;
		top: 5px;
		left: 5px;
		height: 60px;
	}
	.area_header_mob > .header_width > .btn_gnb img{
		width: 58px;
	}




}	/*@media	~480	-------------------------------------------------*/










/*--------------------------------------------------
	side_menu
--------------------------------------------------*/
	.side_menu{
		position: absolute;
		display: block;
		width: 120px;
		top: 300px;
		left: 50%;
		margin-left: 610px;
		z-index: 2000;
	}
	.side_menu > .appdata {
		display: block;
		position: relative;
		text-align: center;
		background-color: #1ba5c2;
		padding-top: 17px;
		padding-bottom: 20px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.side_menu > .appdata > a{
		font-size: 13px;
		color: #ffff00;
		font-weight: normal;
		letter-spacing: -0.5px;
	}














/*--------------------------------------------------
	location
--------------------------------------------------*/
	.location{
		clear: both;
		display: block;
		position: relative;
		height: 40px;
		margin-top: 0px;
		background-color: #f7f8f8;
		/*border-top: 1px solid #b7c1c2;*/
		border-bottom: 1px solid #d7dcdd;
	}
	.location > .location_width{
		display: block;
		position: relative;
		width:100%;
		/*min-width: 900px;*/
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
	.location > .location_width > .location_box{
		display: inline-block;
		vertical-align: middle;
		width:100%;
		height: 40px;
		line-height: 40px;
		word-break: break-word;
		word-wrap: break-word;
	}
	.location > .location_width > .location_box img{
		position: absolute;
		top: 13px;
	}
	.location > .location_width > .location_box a{
		margin-right: 10px;

		font-family: 'Gulim';
		font-size: 11px;
		color: #829395;
		font-weight: lighter;
	}
	.location> .location_width > .location_box a.last{
		font-family: 'Nanum Barun Gothic';
		color: #0096a0;
		font-weight: bold;
	}
	.location > .location_width > .location_box .arrow_location{
		display: inline-block;
		margin-right: 20px;
		/*
		position: relative;
		*/
	}
	.location > .location_width > .location_box .arrow_location:after{
		position: absolute;
		top: -7px;
		left: 0;
		content: '';
		width: 5px;						/*가로크기*/
		height: 5px;					/*세로크기*/
		margin-top: 0px;
		margin-left: 0px;
		border-width: 1px 1px 0 0;		/*두께*/
		border-style: solid;
		border-color: #a2aeb0;
		transform: rotate(45deg);		/*시계방향 회줜*/
		-webkit-transform: rotate(45deg);
	}




/*--------------------------------------------------
	container
-------------------------------------------------*/
@media (min-width: 861px){	/*@media	861~	-------------------------------------------------*/
	.container_width{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		min-width: 861px;
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
	.container_width > .area_lnb{
		float: left;
		width: 250px;
	}
	.area_lnb > .lnb{
		display: block;
		position: relative;
		width: 210px;
		margin-top: 50px;
	}
	.container_width > .area_contents{
		float: left;
		width: calc(100% - 250px) !important;
		/*width: 930px;*/
	}
}	/*@media	<861	-------------------------------------------------*/
@media (max-width: 860px){	/*@media	~480	-------------------------------------------------*/
	.container_width{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		/*
		min-width: 861px;
		max-width: 1200px;
		margin: 0 auto;
		*/
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
	.container_width > .area_lnb{
		display: none;
	}
	.area_lnb > .lnb{
		display: none;
	}
	.container_width > .area_contents{
		display: block;
		position: relative;
		width: calc(100% - 0px) !important;
		/*
		width: 100% !important;
		width: 930px;
		*/
	}
}	/*@media	~480	-------------------------------------------------*/

	.container_width > .area_contents > .contents{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		margin-top: 50px;
	}
	.container_width > .area_contents > .contents > .contents_body{
		clear: both;
		display: block;
		position: relative;
		margin-top: 40px;
		word-break: break-word;
		word-wrap: break-word;
		line-height: 1.6;
	}
	.container_width > .area_contents > .contents > .contents_body img{
		max-width: 99%;
		height: auto !important;
	}










/*--------------------------------------------------
	LNB(Local Navigation Bar) : 현재 서비스 영역(Local)만 해당되는 네비게이션.서브메뉴, 중분류 메뉴, 각 서브분류 별 사용되는 메뉴바
--------------------------------------------------*/
	.lnb_box{
		clear: both;
		position: relative;
		display: block;
	}
	.lnb_box > .lnb_title{
		position: relative;
		display: block;
		height: 44px;
	}
	.lnb_box > .lnb_title > div{
		position: relative;
		display: block;
		vertical-align: top;
		word-break: break-word;
		word-wrap: break-word;

		font-family: 'Noto Sans KR';
		color: #4f5154;
		font-size: 1.30rem;
		font-weight: 500;
		letter-spacing: -0.9px;
		line-height: 1.0;
	}
	.lnb_box > .lnb_title > div.olympiad{
		font-size: 1.56rem;
		letter-spacing: -1.3px;
		display: inline;
		box-shadow: inset 0 -19px 0 #58a9fa;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
	}
	.lnb_box > .lnb_line{
		position: relative;
		display: block;
		height: 1px;
		background:-webkit-linear-gradient(to right, rgba(35, 31, 32, 0.9) 0%, rgba(35, 31, 32, 0.6) 35%, rgba(35, 31, 32, 0.3) 70%, rgba(35, 31, 32, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(35, 31, 32, 0.9) 0%, rgba(35, 31, 32, 0.6) 35%, rgba(35, 31, 32, 0.3) 70%, rgba(35, 31, 32, 0) 100%);
		background:-o-linear-gradient(to right, rgba(35, 31, 32, 0.9) 0%, rgba(35, 31, 32, 0.6) 35%, rgba(35, 31, 32, 0.3) 70%, rgba(35, 31, 32, 0) 100%);
		background:linear-gradient(to right, rgba(35, 31, 32, 0.9) 0%, rgba(35, 31, 32, 0.6) 35%, rgba(35, 31, 32, 0.3) 70%, rgba(35, 31, 32, 0) 100%);
	}


	.lnb_box > .lnb_menu{
		position: relative;
		display: block;
		margin-top: 20px;
	}
	.lnb_menu > ul{
		position: relative;
		display: block;
	}
	.lnb_menu > ul > li{
		position: relative;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 20px;
		text-align: left;
		line-height: 1.1;
		word-break: break-word;
		word-wrap: break-word;
	}
	.lnb_menu > ul > li > a{
		text-indent: 0px;

		font-family: 'Noto Sans KR';
		color: #292a2b;
		font-size: 0.91rem;
		font-weight: 500;
		letter-spacing: 0px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.lnb_menu > ul > li > a:hover{
		text-decoration: none;
		color: #000;
	}
	.lnb_menu > ul > li.current > a{
		color: #0096a0;
		font-weight: 500;
	}
	.lnb_menu > ul > li > a > .arrow_lnb{
		position: absolute;
		top: 22px;
		right: 10px;
	}
	.lnb_menu > ul > li > a > .arrow_lnb:after{
		position: absolute;
		top: 1px;
		right: 10px;
		content: '';
		width: 5px;						/*가로크기*/
		height: 5px;					/*세로크기*/
		margin-top: 0px;
		margin-left: 0px;
		border-width: 1px 1px 0 0;		/*두께*/
		border-style: solid;
		border-color: #acb7b9;
		transform: rotate(45deg);		/*시계방향 회줜*/
		-webkit-transform: rotate(45deg);
		z-index: 20;
	}
	.lnb_menu > ul > li.current > a > .arrow_lnb:after{
		border-color: #0096a0;
	}
	.lnb_menu > ul > li.lnb_sub > a > .arrow_lnb{
		position: absolute;
		top: 20px;
		right: 10px;
	}
	.lnb_menu > ul > li.lnb_sub > a > .arrow_lnb:after{
		position: absolute;
		top: 1px;
		right: 10px;
		content: '';
		width: 5px;						/*가로크기*/
		height: 5px;					/*세로크기*/
		margin-top: 0px;
		margin-left: 0px;
		border-width: 1px 1px 0 0;		/*두께*/
		border-style: solid;
		border-color: #acb7b9;
		transform: rotate(45deg);		/*시계방향 회줜*/
		-webkit-transform: rotate(45deg);
		z-index: 20;
	}






	.lnb_menu > ul > li > ul{
		position: relative;
		display: block;
		margin-left: 10px;
	}
	.lnb_menu > ul > li > ul > li{
		position: relative;
		width: 100%;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 20px;
		text-align: left;
		line-height: 1.1;
		word-break: break-word;
		word-wrap: break-word;
	}
	.lnb_menu > ul > li > ul > li:last-child{
		padding-bottom: 0px;
	}
	.lnb_menu > ul > li > ul > li > a{
		text-indent: 0px;

		font-family: 'Nanum Barun Gothic';
		color: #6b6e72;
		font-size: 0.72rem;
		font-weight: 400;
		letter-spacing: 0px;
		/*
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		*/
	}
	.lnb_menu > ul > li > ul > li > a:hover{
		text-decoration: none;
		color: #000;
	}
	.lnb_menu > ul > li > ul > li.current > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.78rem;
		color: #0096a0;
		font-weight: 700;
	}
	.lnb_menu > ul > li > ul > li > a > .arrow_lnb{
		position: absolute;
		top: 13px;
		right: 0px;
	}
	.lnb_menu > ul > li > ul > li > a > .arrow_lnb:after{
		position: absolute;
		top: 1px;
		right: 0px;
		content: '';
		width: 5px;						/*가로크기*/
		height: 5px;					/*세로크기*/
		margin-top: 0px;
		margin-left: 0px;
		border-width: 1px 1px 0 0;		/*두께*/
		border-style: solid;
		border-color: #acb7b9;
		transform: rotate(45deg);		/*시계방향 회줜*/
		-webkit-transform: rotate(45deg);
		z-index: 20;
	}
	.lnb_menu > ul > li > ul > li.current > a > .arrow_lnb:after{
		border-color: #0096a0;
	}




	.lnb_menu > ul > .lnb_subline{
		width: 100%;
		height: 1px;
		background:-webkit-linear-gradient(to right, rgba(167, 169, 171, 0.9) 0%, rgba(167, 169, 171, 0.6) 35%, rgba(167, 169, 171, 0.3) 70%, rgba(167, 169, 171, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(167, 169, 171, 0.9) 0%, rgba(167, 169, 171, 0.6) 35%, rgba(167, 169, 171, 0.3) 70%, rgba(167, 169, 171, 0) 100%);
		background:-o-linear-gradient(to right, rgba(167, 169, 171, 0.9) 0%, rgba(167, 169, 171, 0.6) 35%, rgba(167, 169, 171, 0.3) 70%, rgba(167, 169, 171, 0) 100%);
		background:linear-gradient(to right, rgba(167, 169, 171, 0.9) 0%, rgba(167, 169, 171, 0.6) 35%, rgba(167, 169, 171, 0.3) 70%, rgba(167, 169, 171, 0) 100%);
	}




/*-------------------------------------------------
	contents_hearder
-------------------------------------------------*/
	.area_contents > .contents > .contents_hearder{
		display: block;
		position: relative;
		width: 100%;
		border-bottom: 1px solid #ecefef;
	}
	.contents_hearder > .hearder_title{
		position: relative;
		display: block;
		width: 100%;
		height: 44px;
	}
	.contents_hearder > .hearder_title > div{
		position: relative;
		display: block;
		width: 100%;
		vertical-align: top;
		word-break: break-word;
		word-wrap: break-word;

		font-family: 'Noto Sans KR';
		color: #292a2b;
		font-size: 1.8rem;
		font-weight: 500;
		letter-spacing: -0.9px;
		line-height: 1.0;
	}
	.contents_hearder > .hearder_line{
		position: relative;
		display: block;
		height: 1px;
		background:-webkit-linear-gradient(to right, rgba(35, 31, 32, 0.9) 0%, rgba(35, 31, 32, 0.6) 35%, rgba(35, 31, 32, 0.3) 70%, rgba(35, 31, 32, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(35, 31, 32, 0.9) 0%, rgba(35, 31, 32, 0.6) 35%, rgba(35, 31, 32, 0.3) 70%, rgba(35, 31, 32, 0) 100%);
		background:-o-linear-gradient(to right, rgba(35, 31, 32, 0.9) 0%, rgba(35, 31, 32, 0.6) 35%, rgba(35, 31, 32, 0.3) 70%, rgba(35, 31, 32, 0) 100%);
		background:linear-gradient(to right, rgba(35, 31, 32, 0.9) 0%, rgba(35, 31, 32, 0.6) 35%, rgba(35, 31, 32, 0.3) 70%, rgba(35, 31, 32, 0) 100%);
		/*
		background:-webkit-linear-gradient(to right, rgba(88, 88, 91, 0.9) 0%, rgba(88, 88, 91, 0.6) 35%, rgba(88, 88, 91, 0.3) 70%, rgba(88, 88, 91, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(88, 88, 91, 0.9) 0%, rgba(88, 88, 91, 0.6) 35%, rgba(88, 88, 91, 0.3) 70%, rgba(88, 88, 91, 0) 100%);
		background:-o-linear-gradient(to right, rgba(88, 88, 91, 0.9) 0%, rgba(88, 88, 91, 0.6) 35%, rgba(88, 88, 91, 0.3) 70%, rgba(88, 88, 91, 0) 100%);
		background:linear-gradient(to right, rgba(88, 88, 91, 0.9) 0%, rgba(88, 88, 91, 0.6) 35%, rgba(88, 88, 91, 0.3) 70%, rgba(88, 88, 91, 0) 100%);
		*/
	}




/*--------------------------------------------------
	hearder_tabs
--------------------------------------------------*/
	.contents_hearder > .hearder_tabs{
		position: relative;
		display: block;
		margin-top: 40px;
		padding-bottom: 35px;

	}
	.contents_hearder > .hearder_tabs > ul{
		display: flex;
		/*flex-flow: row wrap;*/
		justify-content: space-between;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.contents_hearder > .hearder_tabs > ul > li{
		flex-basis: 25%;
		flex-grow: 0;
		flex-shrink: 1;
		/*
		flex: 1 1 auto;
		*/
		border: #e2e5e6 1px solid;
		border-width: 1px 1px 1px 0;
		background-color: #fafafa;

		padding-left: 5px;
		padding-right: 5px;
		word-break: break-word;
		word-wrap: break-word;
	}
	.contents_hearder > .hearder_tabs > ul > li:first-child {
		border-width: 1px;
	}
	.contents_hearder > .hearder_tabs > ul > li > a {
		display: flex;
		height: 60px;
		align-items: center;
		justify-content: center;
		/*
		flex: 1 1 auto;
		text-align-last: center;
		*/
		text-align: center;
		text-decoration: none;

		font-family: 'Noto Sans KR' !important;
		font-size: 0.80rem !important;
		color: #8c9c9e;
		font-weight: lighter;
		line-height: 1.2;
		letter-spacing: 0px;
	}
	.contents_hearder > .hearder_tabs > ul > li.current{
		border-top: 4px solid #0096a0;
		border-bottom: 1px solid #fff;
		background-clip: content-box;
	}
	.contents_hearder > .hearder_tabs > ul > li.current > a {
		border-bottom: none;
		background-color: #fff;

		font-family: 'Nanum Barun Gothic';
		font-size: 0.85rem !important;
		color: #161617;
		font-weight: bold;
	}



/*--------------------------------------------------
	hearder_menu
--------------------------------------------------*/
	.contents_hearder > .hearder_menu{
		position: relative;
		display: block;
	}
	.contents_hearder > .hearder_menu > ul{
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.contents_hearder > .hearder_menu > ul > li{
		flex-basis: auto;
		flex-grow: 0;
		flex-shrink: 1;
		padding-right: 6%;
		padding-bottom: 25px;
		word-break: break-word;
		word-wrap: break-word;
	}
	.contents_hearder > .hearder_menu > ul > li > a{
		font-family: 'Noto Sans KR';
		font-size: 18px;
		color: #b7c1c2;
		letter-spacing: -0.5px;
		font-weight: 500;
	}
	.contents_hearder > .hearder_menu > ul > li.current > a{
		color: #414b4d;
		position: relative;
	}
	.contents_hearder > .hearder_menu > ul > li.current > a:after{
		content: '';
		display: block;
		width: 100%;
		height: 3px;
		position: absolute;
		bottom: -8px;
		left: 0px;
		background-color: #0096a0;
	}





/*--------------------------------------------------
	contents_body
--------------------------------------------------*/
	#container_sub > #sub_contents > #contents_body{
		position: relative;
		display: inline-block;
		float: right;
		width: 940px;
		margin-bottom: 100px;
	}
	#container_sub > #sub_contents > #contents_body > .body_title{
		display: block;
		position: relative;
		text-align: left;
		vertical-align: top;
		padding-bottom: 55px;
	}
	#container_sub > #sub_contents > #contents_body > .body_title > .title_txt{
		font-family: 'Raleway';
		font-size: 38px;
		color: #231f20;
		font-weight: normal;
		letter-spacing: -1.0px;
		line-height: 30px;
		height: 45px;
	}
	#container_sub > #sub_contents > #contents_body > .body_title > .title_line{
		width: 100%;
		height: 1px;
		background:-webkit-linear-gradient(to right, rgba(176, 142, 95, 0.9) 0%, rgba(176, 142, 95, 0.6) 35%, rgba(176, 142, 95, 0.3) 70%, rgba(176, 142, 95, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(176, 142, 95, 0.9) 0%, rgba(176, 142, 95, 0.6) 35%, rgba(176, 142, 95, 0.3) 70%, rgba(176, 142, 95, 0) 100%);
		background:-o-linear-gradient(to right, rgba(176, 142, 95, 0.9) 0%, rgba(176, 142, 95, 0.6) 35%, rgba(176, 142, 95, 0.3) 70%, rgba(176, 142, 95, 0) 100%);
		background:linear-gradient(to right, rgba(176, 142, 95, 0.9) 0%, rgba(176, 142, 95, 0.6) 35%, rgba(176, 142, 95, 0.3) 70%, rgba(176, 142, 95, 0) 100%);
	}






/*-------------------------------------------------
	FOOTER	SPONSOR
-------------------------------------------------*/
	.footer_sponsor{
		clear: both;
		display: block;
		position: relative;
		border-top: 4px solid #e4e4e5;
		background-color: #fff;
	}
	.footer_sponsor > .sponsor_box{
		display: block;
		position: relative;
		width:100%;
		min-width: 861px;
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 18px;
		padding-bottom: 14px;
	}
	.sponsor_box > ul{
		display: block;
		position: relative;
		width:100%;
	}
	.sponsor_box > ul > li{
	}
	.sponsor_box > ul > li > div{
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 70px;
		margin-top: 5px;


		font-family: 'Noto Sans KR';
		font-size: 0.86rem;
		color: #a7a9ac;
		font-weight: 400;
	}
	.sponsor_box > ul > li > ul{
		position: relative;
		display: inline-block;
	}
	.sponsor_box > ul > li > ul > li{
		float: left;
		vertical-align: top;
		padding-right: 12px;
	}






/*-------------------------------------------------
	FOOTER
-------------------------------------------------*/
@media (min-width: 861px){	/*@media	--------------------------------------------------*/
	#footer > .footer_top{
		clear: both;
		display: block;
		position: relative;
		border-top: 6px solid #9da3a8;
		background-color: #18191b;
	}
	.footer_top > .footer_width{
		display: block;
		position: relative;
		width:100%;
		min-width: 861px;
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.footer_width > .footer_left{
		float: left;
		width: calc(100% - 300px);
	}
	.footer_width > .footer_right{
		float: right;
		width: 250px;
	}



	.footer_right > ul{
		width: 100%;
	}
	.footer_right > ul > li{
		width: 100%;
		text-align: right;
		padding-bottom: 10px;
		word-break: break-word;
		word-wrap: break-word;
	}
	.footer_right > ul > li > span{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.76rem;
		color: #75787b;
		font-weight: 400;
		line-height: 1.3;
		letter-spacing: -0.5px;
	}
	.footer_right > ul > li > .symbol{
		width: 76px;
		float: right;
		margin-top: 12px;
		/*
		height: 100px;
		background-image: url('/olympiad/images/common/symbol_olympiad_17th.png');
		background-color: #f8f8f8;
		background-blend-mode: multiply;
		*/
	}
	.footer_right > ul > li > .symbol > img{
		width: 100%;
		-webkit-filter: drop-shadow(0rem 0rem 0.9rem #fff);
		filter: drop-shadow(0rem 0rem 0.9rem #fff);
	}


	#footer > .footer_bottom{
		clear: both;
		display: block;
		position: relative;
		border-top: 1px solid #3c3d3f;
	}
	.footer_bottom > .footer_width{
		display: block;
		position: relative;
		width:100%;
		/*min-width: 900px;*/
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 25px;
		padding-bottom: 30px;
	}
	.footer_bottom > .footer_width > .footer_copy{
		font-family: 'Raleway';
		font-size: 0.74rem;
		color: #6c6e71;
		font-weight: 500;
	}






	/*	Depth	1	begin	*/
	.footer_left > ul.footer_menu{
		clear: both;
		display: block;
		position: relative;
	}
	ul.footer_menu > li{
		float: left;
		width: 160px;
		padding: 0;
	}
	ul.footer_menu > li > .top_menu{
		width: 100%;
		padding-top: 0;
		padding-bottom: 8px;
		line-height: 1.2;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_menu > li > .top_menu > a{
		font-family: 'Noto Sans KR';
		font-size: 0.84rem;
		color: #d9dadb;
		letter-spacing: -0.2px;
		font-weight: 500;
	}
	ul.footer_menu > li > .top_menu > a:hover{
		color: #fff;
	}
	ul.footer_menu > li > .top_menu > a.current{
		color: #d9dadb;
	}
	ul.footer_menu > li > .menu_bar{
		display: block;
		position: relative;
		width: 85%;
		height: 1px;
		background:-webkit-linear-gradient(to right, rgba(227, 228, 228, 0.9) 0%, rgba(227, 228, 228, 0.6) 35%, rgba(227, 228, 228, 0.3) 70%, rgba(227, 228, 228, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(227, 228, 228, 0.9) 0%, rgba(227, 228, 228, 0.6) 35%, rgba(227, 228, 228, 0.3) 70%, rgba(227, 228, 228, 0) 100%);
		background:-o-linear-gradient(to right, rgba(227, 228, 228, 0.9) 0%, rgba(227, 228, 228, 0.6) 35%, rgba(227, 228, 228, 0.3) 70%, rgba(227, 228, 228, 0) 100%);
		background:linear-gradient(to right, rgba(227, 228, 228, 0.9) 0%, rgba(227, 228, 228, 0.6) 35%, rgba(227, 228, 228, 0.3) 70%, rgba(227, 228, 228, 0) 100%);
	}

	/*	Depth	2	begin	*/
	ul.footer_menu > li > ul{
		display: block;
		position: relative;
		width: 98%;
		margin-top: 6px;
	}
	ul.footer_menu > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
	}
	ul.footer_menu > li > ul > li > div{
		display: block;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 3px;
		line-height: 1.1;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_menu > li > ul > li > div > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.73rem;
		color: #bbbdbe;
		font-weight: normal;
		letter-spacing: -0.2px;
	}
	ul.footer_menu > li > ul > li > div > a:hover{
		color: #fff;
	}
	ul.footer_menu > li > ul > li > div > a.current{
		color: #0096a0;
		text-shadow: -1px 1px 12px #0096a0, 1px -1px 12px #0096a0;
	}


	/*	Depth	3	begin	*/
	ul.footer_menu > li > ul > li > ul{
		display: block;
		position: relative;
		width: 100%;
		margin-top: 3px;
	}
	ul.footer_menu > li > ul > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
	}
	ul.footer_menu > li > ul > li > ul > li > div{
		display: block;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 5px;
		padding-left: 10px;
		line-height: 0.9;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_menu > li > ul > li > ul > li > div > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.70rem;
		color: #9d9fa1;
		font-weight: normal;
		letter-spacing: -0.2px;
	}
	ul.footer_menu > li > ul > li > ul > li > div > a:hover{
		color: #fff;
	}
	ul.footer_menu > li > ul > li > ul > li > div > a.current{
		color: #0096a0;
		text-shadow: -1px 1px 12px #0096a0, 1px -1px 12px #0096a0;
	}


	/*	Depth	4	begin	*/
	ul.footer_menu > li > ul > li > ul > li > ul{
		display: block;
		position: relative;
		width: 100%;
		margin-top: 3px;
	}
	ul.footer_menu > li > ul > li > ul > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
	}
	ul.footer_menu > li > ul > li > ul > li > ul > li > div{
		display: block;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 5px;
		padding-left: 20px;
		line-height: 0.9;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_menu > li > ul > li > ul > li > ul > li > div > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.67rem;
		color: #7f8285;
		font-weight: normal;
		letter-spacing: -0.2px;
	}
	ul.footer_menu > li > ul > li > ul > li > ul > li > div > a:hover{
		color: #fff;
	}
	ul.footer_menu > li > ul > li > ul > li > ul > li > div > a.current{
		color: #0096a0;
		text-shadow: -1px 1px 12px #0096a0, 1px -1px 12px #0096a0;
	}






/*--------------------------------------------------
	[표준교육프로그램]
--------------------------------------------------*/
	/*	Depth	1	begin	*/
	.footer_left > ul.footer_submenu{
		clear: both;
		display: block;
		position: relative;
		padding-top: 40px;
		margin-left: 3%;
	}
	.footer_left > ul.footer_submenu > div{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.83rem;
		color: #f69747;
		letter-spacing: -0.2px;
		font-weight: 400;
		padding-bottom: 5px;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_submenu > li{
		float: left;
		width: 19%;
		padding: 0;
	}
	ul.footer_submenu > li > .top_menu{
		width: 100%;
		padding-top: 0;
		padding-bottom: 8px;
		line-height: 1.2;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_submenu > li > .top_menu > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.83rem;
		color: #d9dadb;
		letter-spacing: -0.2px;
		font-weight: 400;
	}
	ul.footer_submenu > li > .top_menu > a:hover{
		color: #fff;
	}
	ul.footer_submenu > li > .top_menu > a.current{
		color: #d9dadb;
	}
	ul.footer_submenu > li > .menu_bar{
		display: block;
		position: relative;
		width: 85%;
		height: 1px;
		/*	#f3780f		rgb(234, 120, 15)	*/
		background:-webkit-linear-gradient(to right, rgba(234, 120, 15, 0.9) 0%, rgba(234, 120, 15, 0.6) 35%, rgba(234, 120, 15, 0.3) 70%, rgba(234, 120, 15, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(234, 120, 15, 0.9) 0%, rgba(234, 120, 15, 0.6) 35%, rgba(234, 120, 15, 0.3) 70%, rgba(234, 120, 15, 0) 100%);
		background:-o-linear-gradient(to right, rgba(234, 120, 15, 0.9) 0%, rgba(234, 120, 15, 0.6) 35%, rgba(234, 120, 15, 0.3) 70%, rgba(234, 120, 15, 0) 100%);
		background:linear-gradient(to right, rgba(234, 120, 15, 0.9) 0%, rgba(234, 120, 15, 0.6) 35%, rgba(234, 120, 15, 0.3) 70%, rgba(234, 120, 15, 0) 100%);
	}



	/*	Depth	2	begin	*/
	ul.footer_submenu > li > ul{
		display: block;
		position: relative;
		width: 98%;
		margin-top: 6px;
	}
	ul.footer_submenu > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
	}
	ul.footer_submenu > li > ul > li > div{
		display: block;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 3px;
		line-height: 1.1;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_submenu > li > ul > li > div > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.73rem;
		color: #bbbdbe;
		font-weight: normal;
		letter-spacing: -0.2px;
	}
	ul.footer_submenu > li > ul > li > div > a:hover{
		color: #fff;
	}
	ul.footer_submenu > li > ul > li > div > a.current{
		color: #0096a0;
		text-shadow: -1px 1px 12px #0096a0, 1px -1px 12px #0096a0;
	}


	/*	Depth	3	begin	*/
	ul.footer_submenu > li > ul > li > ul{
		display: block;
		position: relative;
		width: 100%;
		margin-top: 3px;
	}
	ul.footer_submenu > li > ul > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
	}
	ul.footer_submenu > li > ul > li > ul > li > div{
		display: block;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 5px;
		padding-left: 10px;
		line-height: 0.9;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_submenu > li > ul > li > ul > li > div > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.70rem;
		color: #9d9fa1;
		font-weight: normal;
		letter-spacing: -0.2px;
	}
	ul.footer_submenu > li > ul > li > ul > li > div > a:hover{
		color: #fff;
	}
	ul.footer_submenu > li > ul > li > ul > li > div > a.current{
		color: #0096a0;
		text-shadow: -1px 1px 12px #0096a0, 1px -1px 12px #0096a0;
	}



	/*	Depth	4	begin	*/
	ul.footer_submenu > li > ul > li > ul > li > ul{
		display: block;
		position: relative;
		width: 100%;
		margin-top: 3px;
	}
	ul.footer_submenu > li > ul > li > ul > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
	}
	ul.footer_submenu > li > ul > li > ul > li > ul > li > div{
		display: block;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 5px;
		padding-left: 20px;
		line-height: 0.9;
	}
	ul.footer_submenu > li > ul > li > ul > li > ul > li > div > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.67rem;
		color: #7f8285;
		font-weight: normal;
		letter-spacing: -0.2px;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_submenu > li > ul > li > ul > li > ul > li > div > a:hover{
		color: #fff;
	}
	ul.footer_submenu > li > ul > li > ul > li > ul > li > div > a.current{
		color: #0096a0;
		text-shadow: -1px 1px 12px #0096a0, 1px -1px 12px #0096a0;
	}















/*--------------------------------------------------
	Footer Olympiad
--------------------------------------------------*/
	/*	Depth	1	begin	*/
	.footer_left > ul.footer_olympiad{
		clear: both;
		display: block;
		position: relative;
		padding-top: 40px;
		margin-left: 3%;
	}
	.footer_left > ul.footer_olympiad > div{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.83rem;
		color: #ac8a1b;
		letter-spacing: -0.2px;
		font-weight: 400;
		padding-bottom: 5px;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_olympiad > li{
		float: left;
		width: 19%;
		padding: 0;
	}
	ul.footer_olympiad > li > .top_menu{
		width: 100%;
		padding-top: 0;
		padding-bottom: 8px;
		line-height: 1.2;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_olympiad > li > .top_menu > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.83rem;
		color: #F9F871;
		letter-spacing: -0.2px;
		font-weight: 400;

		display: inline;
		box-shadow: inset 0 -10px 0 #004B91;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 1px;
	}
	ul.footer_olympiad > li > .top_menu > a:hover{
		color: #fff;
	}
	ul.footer_olympiad > li > .top_menu > a.current{
		color: #F9F871;
	}
	ul.footer_olympiad > li > .bar_olympiad{
		display: block;
		position: relative;
		width: 85%;
		height: 1px;
		background:-webkit-linear-gradient(to right, rgba(88, 169, 250, 0.9) 0%, rgba(88, 169, 250, 0.6) 35%, rgba(88, 169, 250, 0.3) 70%, rgba(88, 169, 250, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(88, 169, 250, 0.9) 0%, rgba(88, 169, 250, 0.6) 35%, rgba(88, 169, 250, 0.3) 70%, rgba(88, 169, 250, 0) 100%);
		background:-o-linear-gradient(to right, rgba(88, 169, 250, 0.9) 0%, rgba(88, 169, 250, 0.6) 35%, rgba(88, 169, 250, 0.3) 70%, rgba(88, 169, 250, 0) 100%);
		background:linear-gradient(to right, rgba(88, 169, 250, 0.9) 0%, rgba(88, 169, 250, 0.6) 35%, rgba(88, 169, 250, 0.3) 70%, rgba(88, 169, 250, 0) 100%);
	}



	/*	Depth	2	begin	*/
	ul.footer_olympiad > li > ul{
		display: block;
		position: relative;
		width: 98%;
		margin-top: 6px;
	}
	ul.footer_olympiad > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
	}
	ul.footer_olympiad > li > ul > li > div{
		display: block;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 3px;
		line-height: 1.1;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_olympiad > li > ul > li > div > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.73rem;
		color: #bbbdbe;
		font-weight: normal;
		letter-spacing: -0.2px;
	}
	ul.footer_olympiad > li > ul > li > div > a:hover{
		color: #fff;
	}
	ul.footer_olympiad > li > ul > li > div > a.current{
		color: #0096a0;
		text-shadow: -1px 1px 12px #0096a0, 1px -1px 12px #0096a0;
	}


	/*	Depth	3	begin	*/
	ul.footer_olympiad > li > ul > li > ul{
		display: block;
		position: relative;
		width: 100%;
		margin-top: 3px;
	}
	ul.footer_olympiad > li > ul > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
	}
	ul.footer_olympiad > li > ul > li > ul > li > div{
		display: block;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 5px;
		padding-left: 10px;
		line-height: 0.9;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_olympiad > li > ul > li > ul > li > div > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.70rem;
		color: #9d9fa1;
		font-weight: normal;
		letter-spacing: -0.2px;
	}
	ul.footer_olympiad > li > ul > li > ul > li > div > a:hover{
		color: #fff;
	}
	ul.footer_olympiad > li > ul > li > ul > li > div > a.current{
		color: #0096a0;
		text-shadow: -1px 1px 12px #0096a0, 1px -1px 12px #0096a0;
	}



	/*	Depth	4	begin	*/
	ul.footer_olympiad > li > ul > li > ul > li > ul{
		display: block;
		position: relative;
		width: 100%;
		margin-top: 3px;
	}
	ul.footer_olympiad > li > ul > li > ul > li > ul > li{
		position: relative;
		width: 100%;
		text-align: left;
	}
	ul.footer_olympiad > li > ul > li > ul > li > ul > li > div{
		display: block;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 5px;
		padding-left: 20px;
		line-height: 0.9;
	}
	ul.footer_olympiad > li > ul > li > ul > li > ul > li > div > a{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.67rem;
		color: #7f8285;
		font-weight: normal;
		letter-spacing: -0.2px;
		word-break: break-word;
		word-wrap: break-word;
	}
	ul.footer_olympiad > li > ul > li > ul > li > ul > li > div > a:hover{
		color: #fff;
	}
	ul.footer_olympiad > li > ul > li > ul > li > ul > li > div > a.current{
		color: #0096a0;
		text-shadow: -1px 1px 12px #0096a0, 1px -1px 12px #0096a0;
	}










}	/*@media	END	//--------------------------------------------------*/




@media (max-width: 860px){	/*@media	~480	--------------------------------------------------*/
	#footer > .footer_top{
		display: none;
	}
	#footer > .footer_bottom{
		clear: both;
		display: block;
		position: relative;
		border-top: 1px solid #3c3d3f;
	}
	.footer_bottom > .footer_width{
		display: block;
		position: relative;
		width:100%;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 25px;
		padding-bottom: 30px;
	}
	.footer_bottom > .footer_width > .footer_copy{
		text-align: center;
		font-family: 'Raleway';
		font-size: 0.74rem;
		color: #6c6e71;
		font-weight: 500;
	}
}	/*@media	~480	--------------------------------------------------*/






/*--------------------------------------------------
	Reference
--------------------------------------------------
	//box-sizing
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;

		border-box		: 테두리를 기준으로 크기를 정합니다.
		content-box		: 콘텐트 영역을 기준으로 크기를 정합니다.
		initial			: 기본값으로 설정합니다.
		inherit			: 부모 요소의 속성값을 상속받습니다.


	//border-collapse: separate;
		separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
		collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
		initial		: 기본값으로 설정합니다.
		inherit		: 부모 요소의 속성값을 상속받습니다.



	//word-wrap:	[비아시아언어]박스의 가로 영역을 넘친 단어 내에서 임의의 분리 여부를 결정한다.
		break-word	: 가로사이즈나 엘리먼트에 맞춰서 강제 줄바꿈 해준다.
		normal		: 기본값으로 줄바꿈을 안함.

	//word-break:	[아시아언어]단어의 분리를 어떻게 할 것인지 결정한다.
		break-all	: 글자단위 줄바꿈(특수문자를 제외하고 강제로 줄바꿈)
		break-word	: 특수문자를 포함하고 강제 줄바꿈 
		keep-all	: 단어단위 줄바꿈(영문)
		nowrap		: 줄바꿈 하지 않음

	//white-Space:	공백문자를 어떻게 할 것인지 설정.(띄어쓰기나 줄바꿈, 탭으로 인한 공백 부분 등등)
		normal		: 기본값. 연속 공백과 줄바꿈 등을 통합해서 표현
		pre			: normal과 반대. 원문 그대로 출력
		pre-wrap	: 마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다(pre-line)
		nowrap		: 스페이스를 막 눌러서 들어가는 연속공백은 통합되지만(normal의 효과) 줄바꿈은 인정함(pre의 효과)

	//text-overflow:	긴 문자열을 잘라주는 형태를 지정
		clip		: 엘리먼트의 테두리에 맞춰서 글자를 자른다.
		ellipsis	:	잘라지는 끝부분에 자동으로 '...'을 넣어준다. ie6 이상에서만 지원 가능, 파폭은 안됨
						width 값이 지정되어야 함 / 높이를 정해주거나 white-space-nowrap; 속성 사용해야 함. / <nobr> 사용



	//세로 가운데 정렬
		1. 인라인구조 가운데 정렬	: 가장 기본적인 방법이지만 이 방법은 한 줄(요소)일 경우에서만 해당이 됩니다.
			- 부모요소(인라인구조)	: text-align: center;line-height: (height값과 동일하게);

		2. 블록구조 가운데 정렬	: 가장 기본적인 방법이지만 이 방법은 한 줄(요소)일 경우에서만 해당이 됩니다.
			- 요소(블록구조)	: margin: 0 auto;width값 설정;line-height: (height값과 동일하게);

		3. 요소의 성질을 table로 변환시켜서 가운데 정렬을 하는 방법이지만 table자체를 레이아웃에 많이 사용하지 않기 때문에 잘 쓰지 않는 방법입니다.
			- 부모요소	: display: table;
			- 자식요소	: display: table-cell;text-align: center;vertical-align: middle;

		4. 절대 요소를 이용한 가운데 정렬방법이며, 제일 흔하게 쓰이지만 단점은 영역이 없어지는 것이 단점이어서 반응형을 할 때 사용하기 불편한 점이 있습니다.
			- 부모요소	: position: relative;
			- 자식요소	: position: absolute;top: 50%;left: 50%;margin-top: -(자식 요소 높이값의 반);margin-left: -(자식 요소 가로값의 반);

		5. 만약 자식요소의 가로값과 세로 값을 모르고 유동적인 경우에 절대 요소를 사용하여 가운데로 오는 정렬방법입니다.
			- 부모요소	: position: relative;
			- 자식요소	: position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);

		6. 절대 요소를 이용한 가운데 정렬 방법이지만 흔하게 쓰이지는 않습니다.
			- 부모요소	: position: relative;
			- 자식요소	: position: absolute;top: 0;left: 0;top: 0;right: 0;margin: auto;

		7. CSS3를 이용한 방법이지만 최신 브라우저 이외에서는 작동하지 않는 단점이 있지만 표준화 된다면 앞으로 많이 쓰일 방법입니다.
			- 부모요소	: height 값 설정
			- 자식요소	: display: flex;justify-content: center;align-items: center;

		.top_slogan{
			float: left;
			height: 40px;
		}
		.top_slogan:after{
			display: inline-block;
			height: 100%;
			content: '';
			vertical-align: middle;
		}
		.top_slogan img{
			vertical-align: middle;
		}
		.wrapper {
			height: 100%;
			text-align: center;
		}
		.wrapper:before {
			content: "";
			display: inline-block;
			width: 1px;
			height: 100%;
			margin-right: 0;
			vertical-align: middle;
		}

	//gradient
		background: linear-gradient(180deg, #ccc, #fff);		//Standard syntax
		background: -webkit-linear-gradient(180deg, #ccc, #fff);	//For Safari 5.1 to 6.0
		background: -o-linear-gradient(180deg, #ccc, #fff);		//For Opera 11.1 to 12.0
		background: -moz-linear-gradient(180deg, #ccc, #fff);		//For Firefox 3.6 to 15
*/