<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*---------------------------------------------------------------------------
	[LAYOUT GUIDE]
	#wrapper	&gt;	#container	&gt;	(#regin)	&gt;	#area	&gt;	#section	&gt;	#box	&gt;	#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';

	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 #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




	#####	Shades and Tints of #262c2d	(38, 44, 45)	:	TABLE	color
	#020202		#0b0d0d		#141718		#1d2222		#262c2d		#2f3638		#384142		#414b4d		#4a5658
	#536062		#5c6a6d		#657577		#6e7f82		#77898c		#829395		#8c9c9e		#97a5a7		#a2aeb0
	#acb7b9		#b7c1c2		#c2cacb		#ccd3d4		#d7dcdd		#e2e5e6		#ecefef		#f7f8f8



	#####	Shades and Tints of #a7a9ab	:	logo_silver	:	text
	#020202		#0c0c0c		#151616		#1f2020		#292a2a		#323335		#3c3d3f		#454749		#4f5153
	#585b5d		#626467		#6c6e71		#75787b		#7f8285		#898c8e		#939598		#9d9fa1		#a7a9ab
	#b1b3b5		#bbbdbe		#c5c6c8		#cfd0d1		#d9dadb		#e3e4e4		#edeeee		#f7f7f8






	#####	Shades and Tints of #ed1c24	:	logo_red
	#090101		#1b0203		#2e0405		#400507		#520609		#64080b		#76090e		#880b10		#9b0c12
	#ad0e14		#bf0f16		#d11118		#e3121a		#ed1c24		#ee2e36		#f04047		#f15359		#f3656a
	#f4777c		#f6898d		#f79b9f		#f9adb0		#fac0c2		#fbd2d3		#fde4e5		#fef6f6





	[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	:	SG	RED
	#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	-------------------------------------------------*/




/*-------------------------------------------------
	MAIN LAYOUT
-------------------------------------------------*/
	.container_main{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}





/*-------------------------------------------------
	MAIN VISUAL 5
-------------------------------------------------*/
	.main_contents_5{
		padding-top: 36px;
		overflow:hidden;
		/*min-width: 860px;*/
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
@media (min-width: 991px){	/*@media	-------------------------------------------------*/
	.main_contents_5 .main_visualzone{
		position: relative;
		width: 760px;
		overflow: hidden;
		float: left;
	}
}	/*@media	-------------------------------------------------*/
@media (max-width: 990px){	/*@media	-------------------------------------------------*/
	.main_contents_5 .main_visualzone{
		position: relative;
		width: 100%;
		overflow: hidden;
		float: left;
	}
}	/*@media	-------------------------------------------------*/
	.main_contents_5 .main_visualzone &gt; ul{
		position: relative;
		width: 100%;
		height: 360px;
	}
	.main_contents_5 .main_visualzone &gt; ul &gt; li{
		width: 100%;
		height: 360px;
		padding: 0;
		margin: 0;
		font-size: 0;
		line-height: 0;
	}
	.main_contents_5 .main_visualzone &gt; ul &gt; li &gt; a{
		line-height: 1;
	}


@media (min-width: 601px){	/*@media	-------------------------------------------------*/
	.main_contents_5 .visual_img{
		width: calc(100% - 220px);
		/*width: 540px;*/
		height: 360px;
		position:relative;
		float: left;
		overflow-y: hidden;
	}
	.main_contents_5 .visual_txt{
		width: 220px;
		height: 360px;
		float: left;
		padding-top: 40px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #292a2a;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.main_contents_5 .btn_visual{
		position: absolute;
		right: 0;
		bottom: 20px;
		width: 220px;
		text-align: center;
		z-index: 1000;
	}
}	/*@media	-------------------------------------------------*/
@media (max-width: 600px){	/*@media	-------------------------------------------------*/
	.main_contents_5 .visual_img{
		width: calc(100% - 160px);
		/*
		width: 540px;
		*/
		height: 360px;
		position:relative;
		float: left;
		overflow-y: hidden;
	}
	.main_contents_5 .visual_txt{
		width: 160px;
		height: 360px;
		float: left;
		padding-top: 40px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #292a2a;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.main_contents_5 .btn_visual{
		position: absolute;
		right: 0;
		bottom: 20px;
		width: 160px;
		text-align: center;
		z-index: 1000;
	}
}	/*@media	-------------------------------------------------*/




	.main_contents_5 .visual_img img{
		width: 100%;
		height: auto;
		min-height: 360px;
	}



	.main_contents_5 .visual_title{
		clear: both;
		display: block;
		position: relative;
		text-align: left;

		font-family: 'Noto Sans KR';
		font-size: 0.96rem;
		color: #fff;
		font-weight: 400;
		line-height: 1.4;
	}
	.main_contents_5 .visual_desc{
		clear: both;
		display: block;
		position: relative;
		margin-top: 20px;
		text-align: left;

		font-family: 'Nanum Barun Gothic';
		font-size: 0.82rem;
		color: #fff;
		font-weight: 400;
		line-height: 1.4;
	}

	.main_contents_5 .more_visual{
		position: absolute;
		bottom: 50px;
		right: 20px;
	}
	.main_contents_5 .more_visual a{
		padding-right: 8px;
		background: url('/images/common/more_arrow.png') right 4px no-repeat;

		font-family: 'Nanum Barun Gothic';
		font-size: 0.74rem;
		color: #fff;
		font-weight: 400;
		line-height: 1.5;
	}



/*-------------------------------------------------
	MAIN NEWS
-------------------------------------------------*/
@media (min-width: 991px){	/*@media	-------------------------------------------------*/
	.main_contents_5 .main_notice{
		float: left;
		width: calc(100% - 760px);
	}
	.main_contents_5 .main_notice &gt; .noticer_box{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		height: 320px;
		overflow: hidden;
		padding-top: 0px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
}	/*@media	-------------------------------------------------*/
@media (max-width: 990px){	/*@media	-------------------------------------------------*/
	.main_contents_5 .main_notice{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		padding-top: 40px;
	}
	.main_contents_5 .main_notice &gt; .noticer_box{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		/*
		height: 320px;
		overflow: hidden;
		*/
		padding-top: 0px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
}	/*@media	-------------------------------------------------*/

	.main_contents_5 .main_notice &gt; h3{
		text-align: center;
		background-color: #004e53;
		width: 100%;
		height: 40px;

		font-family: 'Raleway';
		font-size: 1.02rem;
		color: #fff;
		font-weight: 600;
		line-height: 40px;
	}


	.main_contents_5 ul.notice{
		clear: both;
		display: block;
		position: relative;
	}
	.main_contents_5 ul.notice &gt; li{
		clear: both;
		list-style-position: outside;
		list-style-type: square;
		margin-left: 1.34rem;
		padding-top: 1.00rem;
		padding-bottom: 1.00rem;
		line-height: 1.6;
		color: #0c66bc;
	}
	.main_contents_5 ul.notice &gt; li:last-child{
		padding-bottom: 0;
	}
	.main_contents_5 ul.notice &gt; li &gt; div{
		vertical-align: top;
		margin-left: -6px;
	}
	.main_contents_5 ul.notice &gt; li &gt; div.contents{
		float: left;
		width: calc(100% - 70px);
		text-align: left;
		cursor: pointer;
	}
	.main_contents_5 ul.notice &gt; li &gt; div.contents &gt; ul{
		clear: both;
		display: block;
		position: relative;
	}
	.main_contents_5 ul.notice &gt; li &gt; div.contents &gt; ul &gt; li{
		padding-top: 0.10rem;
	}
	.main_contents_5 ul.notice &gt; li &gt; div.contents &gt; ul &gt; li.title{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.88rem;
		color: #323435;
		font-weight: 700;
		line-height: 1.4;
	}
	.main_contents_5 ul.notice &gt; li &gt; div.contents &gt; ul &gt; li.desc{
		padding-left: 1.00rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

		font-family: 'Nanum Barun Gothic';
		font-size: 0.84rem;
		color: #4f5154;
		font-weight: 400;
		line-height: 1.4;
		font-style: italic;
	}
	.main_contents_5 ul.notice &gt; li &gt; div.date{
		float: right;
		width: 60px;
		vertical-align: top;
		text-align: right;

		font-family: 'Nanum Barun Gothic';
		font-size: 0.78rem;
		color: #585b5e;
		font-weight: 400;
		line-height: 1.4;
		font-style: italic;
	}




/*-------------------------------------------------
	MAIN VISUAL 1
-------------------------------------------------*/
	/*
	.main_contents_1{
		padding-top: 36px;
		overflow:hidden;
		min-width: 880px;
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
	.main_contents_1 .main_visualzone{
		position: relative;
		width: 880px;
		overflow: hidden;
		float: left;
	}
	.main_contents_1 .main_visualzone &gt; ul{
		position: relative;
		width: 880px;
		height: 360px;
	}
	.main_contents_1 .main_visualzone &gt; ul &gt; li{
		width: 880px;
		height: 360px;
		padding: 0;
		margin: 0;
		font-size: 0;
		line-height: 0;
	}
	.main_contents_1 .main_visualzone &gt; ul &gt; li &gt; a{
		line-height: 1;
	}

	.main_contents_1 .visual_img{
		width: 600px;
		height: 360px;
		position:relative;
		float:left;
	}
	.main_contents_1 .visual_img img{
		width: 600px;
		height: 360px;
	}
	.main_contents_1 .visual_txt{
		width: 280px;
		height: 360px;
		float: left;
		padding-top: 40px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #292a2a;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.main_contents_1 .visual_title{
		clear: both;
		display: block;
		position: relative;

		font-family: 'Noto Sans KR';
		font-size: 0.94rem;
		color: #fff;
		font-weight: 400;
		line-height: 1.5;
	}
	.main_contents_1 .visual_desc{
		clear: both;
		display: block;
		position: relative;
		margin-top: 20px;

		font-family: 'Nanum Barun Gothic';
		font-size: 0.84rem;
		color: #fff;
		font-weight: 400;
		line-height: 1.5;
	}

	.main_contents_1 .btn_visual{
		position: absolute;
		right: 0;
		bottom: 20px;
		width: 260px;
		text-align: center;
		z-index: 1000;
	}
	.main_contents_1 .more_visual{
		position: absolute;
		bottom: 50px;
		right: 20px;
	}
	.main_contents_1 .more_visual a{
		padding-right: 8px;
		background: url('/images/common/more_arrow.png') right 4px no-repeat;

		font-family: 'Nanum Barun Gothic';
		font-size: 0.74rem;
		color: #fff;
		font-weight: 400;
		line-height: 1.5;
	}
*/

/*-------------------------------------------------
	MAIN CALENDAR
-------------------------------------------------*/
	.main_calendar{
		float: left;
		width: 300px;
	}
	.main_calendar &gt; h3{
		text-align: center;
		background-color: #0c66bc;
		width: 300px;
		height: 40px;

		font-family: 'Noto Sans KR';
		font-size: 0.92rem;
		color: #fff;
		font-weight: 400;
		line-height: 40px;
	}
	.main_calendar &gt; .calendar_box{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		height: 320px;
	}
	.main_calendar &gt; .calendar_box &gt; iframe.iframe_calendar{
		width: 100%;
		height: 100%;
		resize: none;
		border: 0px;
		padding: 0;
		margin: 0;
	}




/*-------------------------------------------------
	MAIN SHORTCUT
-------------------------------------------------*/
	.main_contents_2{
		display: block;
		position:relative;
		width: 100%;
		height: 180px;
		margin-top: 40px;
		padding-top: 0px;
		z-index: 1000;
		background-color: #eeeeef;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";       /* IE 8 */
		filter: alpha(opacity=100);		/*	IE 5-7	*/
		-moz-opacity: 1.0;				/*	Netscape	*/
		-khtml-opacity: 1.0;			/*	Safari 1.x	*/
		opacity: 1.0;					/*	Good browsers	*/
	}
	.main_contents_2 &gt; .main_shortcut{
		overflow: hidden;
		/*min-width: 880px;*/
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
	.main_contents_2 &gt; .main_shortcut &gt; ul{
		display: block;
		position:relative;
		width: 100%;
		height: 180px;
		border-right: 1px solid #fff;
	}
	.main_contents_2 &gt; .main_shortcut &gt; ul &gt; li{
		float: left;
		width: 16.666%;
		height: 180px;
		text-align: center;
		font-size: 15px;
		color: #fff;
		border-left: 1px solid #fff;
	}
	.main_contents_2 &gt; .main_shortcut &gt; ul &gt; li:hover{
		cursor: pointer;
	}
	/*
	.main_contents_2 &gt; .main_shortcut &gt; ul &gt; li &gt; img{
		display: block;
		padding: 25px 0px 15px 70px;
	}
	*/

	.main_contents_2 &gt; .main_shortcut &gt; ul &gt; li &gt; .box_img{
		padding-top: 40px;
		display: block;
		position: relative;
	}
@media (min-width: 881px){	/*@media	-------------------------------------------------*/
	.main_contents_2 &gt; .main_shortcut &gt; ul &gt; li &gt; .box_img .icon{
		color: #004e53;
		font-size: 50px;
	}
}	/*@media	-------------------------------------------------*/
@media (max-width: 880px){	/*@media	-------------------------------------------------*/
	.main_contents_2 &gt; .main_shortcut &gt; ul &gt; li &gt; .box_img .icon{
		color: #004e53;
		font-size: 40px;
	}
}	/*@media	-------------------------------------------------*/
	.main_contents_2 &gt; .main_shortcut &gt; ul &gt; li &gt; .box_title{
		display: block;
		position: relative;
		padding-top: 20px;
		word-break: break-word;

		font-family: 'Noto Sans KR';
		font-size: 0.86rem;
		color: #161617;
		font-weight: 400;
		line-height: 1.5;
	}



/*-------------------------------------------------
	MAIN FIGURES
-------------------------------------------------*/
	.main_contents_3{
		padding-top: 50px;
		overflow:hidden;
		/*min-width: 880px;*/
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
	.section_title{
		display: block;
		position: relative;
		padding-bottom: 30px;
	}
	.section_title &gt; .title_bar{
		width: 100px;
		height: 7px;
		background:-webkit-linear-gradient(to right, rgba(5, 99, 51, 0.9) 0%, rgba(5, 99, 51, 0.6) 35%, rgba(5, 99, 51, 0.3) 70%, rgba(5, 99, 51, 0) 100%);
		background:-moz-linear-gradient(to right, rgba(5, 99, 51, 0.9) 0%, rgba(5, 99, 51, 0.6) 35%, rgba(5, 99, 51, 0.3) 70%, rgba(5, 99, 51, 0) 100%);
		background:-o-linear-gradient(to right, rgba(5, 99, 51, 0.9) 0%, rgba(5, 99, 51, 0.6) 35%, rgba(5, 99, 51, 0.3) 70%, rgba(5, 99, 51, 0) 100%);
		background:linear-gradient(to right, rgba(5, 99, 51, 0.9) 0%, rgba(5, 99, 51, 0.6) 35%, rgba(5, 99, 51, 0.3) 70%, rgba(5, 99, 51, 0) 100%);
	}
@media (min-width: 601px){	/*@media	-------------------------------------------------*/
	.section_title &gt; .title_txt{
		display: inline-block;
		position: relative;
		padding-top: 7px;

		font-family: 'Raleway';
		color: #000;
		font-size: 1.88rem;
		font-weight: 700;
		letter-spacing: -0.5px;
	}
}	/*@media	--------------------------------------------------*/
@media (max-width: 600px){	/*@media	-------------------------------------------------*/
	.section_title &gt; .title_txt{
		display: inline-block;
		position: relative;
		padding-top: 7px;

		font-family: 'Raleway';
		color: #000;
		font-size: 1.38rem;
		font-weight: 700;
		letter-spacing: -0.5px;
	}
}	/*@media	--------------------------------------------------*/
	.tbl_figures{
		display: block;
		position: relative;
		width: 100%;
	}
	.tbl_figures &gt; table{
		clear: both;
		table-layout: fixed;
		border-spacing: 0px;
		border-collapse: collapse;
		padding: 0;
		margin: 0;
	}
@media (min-width: 861px){	/*@media	-------------------------------------------------*/
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td{
		padding-left: 30px;
	}
}	/*@media	--------------------------------------------------*/
@media (min-width: 551px) and (max-width: 860px){	/*@media	-------------------------------------------------*/
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td{
		padding-left: 20px;
	}
}	/*@media	--------------------------------------------------*/
@media (max-width: 550px){	/*@media	-------------------------------------------------*/
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td{
		padding-left: 5px;
	}
}	/*@media	--------------------------------------------------*/
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td:first-child{
		padding-left: 0px;
	}
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td &gt; .box{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		height: 200px;
		cursor: default;
		background-color: #fff;
		text-align: center;
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		border-right: 1px solid #f1f1f1;
		border-left: 1px solid #f1f1f1;
	}
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td &gt; .box:hover{
		/*
		background-color: #fcfcfc;
		*/
	}
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td:last-child &gt; .box{
		float: right;
	}
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td &gt; .box &gt; .box_title{
		padding-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
		display: block;
		position: relative;
		word-break: break-word;
		line-height: 1.2;
	}
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td &gt; .box &gt; .box_title &gt; span{
		font-family: 'Noto Sans KR';
		font-size: 1.06rem;
		color: #45474a;
		font-weight: 700;
		letter-spacing: -0.5px;
	}
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td &gt; .box &gt; .box_title &gt; span.highlighter{
		color: #1f2021;
		font-weight: 400;

		/*�뺢킅�� �④낵		*/
		/*
		display: inline;
		box-shadow: inset 0 -14px 0 #7af7ff;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 1px;
		*/
	}
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td &gt; .box &gt; .box_numbers{
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 28px;
		word-break: break-word;
	}
@media (min-width: 801px){	/*@media	-------------------------------------------------*/
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td &gt; .box &gt; .box_numbers &gt; span{
		font-family: 'Sans-serif';
		font-size: 2.50rem;
		color: #004e53;
		font-weight: lighter;
		line-height: 1.4;
		font-style: italic;
		letter-spacing: 3.0px;
	}
}	/*@media	-------------------------------------------------*/
@media (min-width: 551px) and (max-width: 800px){	/*@media	-------------------------------------------------*/
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td &gt; .box &gt; .box_numbers &gt; span{
		font-family: 'Sans-serif';
		font-size: 1.40rem;
		color: #004e53;
		font-weight: lighter;
		line-height: 1.3;
		font-style: italic;
		letter-spacing: 3.0px;
	}
}	/*@media	-------------------------------------------------*/
@media (max-width: 550px){	/*@media	-------------------------------------------------*/
	.tbl_figures &gt; table &gt; tbody &gt; tr &gt; td &gt; .box &gt; .box_numbers &gt; span{
		font-family: 'Sans-serif';
		font-size: 1.08rem;
		color: #004e53;
		font-weight: lighter;
		line-height: 1.2;
		/*
		font-style: italic;
		letter-spacing: 3.0px;
		*/
	}
}	/*@media	-------------------------------------------------*/




/*-------------------------------------------------
	MAIN NOTICE
-------------------------------------------------*/
	.main_contents_4{
		padding-top: 40px;
		overflow:hidden;
		min-width: 880px;
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
	}
	.main_contents_4 &gt; .area_left{
		float: left;
		width: calc(100% - 460px);
	}
	.main_contents_4 &gt; .area_right{
		float: right;
		width: 420px;
	}

	.main_contents_4 .tab_contents{
		display: block;
		position: relative;
		height: 280px;
		overflow: hidden;
	}

	.main_contents_4 .gallery_ksa{
		display: block;
		position: relative;
		height: 280px;
		overflow: hidden;
	}

	.main_contents_4 ul.main_notice{
		clear: both;
		display: block;
		position: relative;
		overflow: hidden;
	}
	.main_contents_4 ul.main_notice &gt; li{
		clear: both;
		list-style-position: outside;
		list-style-type: square;
		margin-left: 1.34rem;
		padding-bottom: 1.72rem;
		line-height: 1.6;
		color: #0c66bc;
	}
	.main_contents_4 ul.main_notice &gt; li:last-child{
		padding-bottom: 0;
	}
	.main_contents_4 ul.main_notice &gt; li &gt; div{
		vertical-align: top;
		margin-left: -6px;
	}
	.main_contents_4 ul.main_notice &gt; li &gt; div.contents{
		float: left;
		width: calc(100% - 110px);
		text-align: left;
	}
	.main_contents_4 ul.main_notice &gt; li &gt; div.contents &gt; ul{
		clear: both;
		display: block;
		position: relative;
	}
	.main_contents_4 ul.main_notice &gt; li &gt; div.contents &gt; ul &gt; li{
		padding-top: 0.10rem;
	}
	.main_contents_4 ul.main_notice &gt; li &gt; div.contents &gt; ul &gt; li.title{
		font-family: 'Nanum Barun Gothic';
		font-size: 0.88rem;
		color: #323435;
		font-weight: 400;
		line-height: 1.4;
	}
	.main_contents_4 ul.main_notice &gt; li &gt; div.contents &gt; ul &gt; li.desc{
		padding-left: 1.20rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

		font-family: 'Nanum Barun Gothic';
		font-size: 0.84rem;
		color: #585b5e;
		font-weight: 300;
		line-height: 1.4;
		font-style: italic;
	}
	.main_contents_4 ul.main_notice &gt; li &gt; div.date{
		float: right;
		width: 100px;
		vertical-align: top;
		text-align: right;
		margin-right: 0.30rem;

		font-family: 'Nanum Barun Gothic';
		font-size: 0.78rem;
		color: #585b5e;
		font-weight: 400;
		line-height: 1.4;
		font-style: italic;
	}






/*--------------------------------------------------
	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; �띿꽦 �ъ슜�댁빞 ��. / &lt;nobr&gt; �ъ슜



	//�몃줈 媛��대뜲 �뺣젹
		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;

		.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

	//vw�� vh�먯꽌 �ㅽ겕濡ㅻ컮媛� 諛쒖깮�� �댁쑀�� viewport媛� �ㅽ겕濡ㅻ컮�� �곸뿭�� �ы븿�섍린 �뚮Ц�낅땲��. �붾뱾由щ뒗 臾몄젣 �닿껐

*/</pre></body></html>