/********* Published by Sung-hye Park (Grace Park), 2004 *********/

* {margin:0; padding:0; border:0;}
body {background-color:#fff;}
#wrap {width:100%; margin:0 auto;}
img {-ms-interpolation-mode:bicubic;}

@font-face {font-family: 'NanumGothic';  src: url('../fonts/NanumGothic.ttf') format('truetype');}
@font-face {font-family: 'NanumGothic';  src: url('../fonts/NanumGothic.otf') format('otf');}
@font-face {font-family: 'NanumGothic';  src: url('../fonts/NanumGothic.woff') format('woff');}

@font-face {font-family: 'NanumGothicBold';  src: url('../fonts/NanumGothicBold.ttf') format('truetype');}
@font-face {font-family: 'NanumGothicBold';  src: url('../fonts/NanumGothicBold.otf') format('otf');}
@font-face {font-family: 'NanumGothicBold';  src: url('../fonts/NanumGothicBold.woff') format('woff');}

/************************************************************************************/
@media all and (max-width:320px) {

/******* All Common Start *******/
#bt_top a {text-decoration:none; position:fixed; color:#333; font-size:14px; bottom:1%; left:4%; font-weight:bold; z-index:100; background-color:#F4F4F4; padding:6px 5px 5px 5px; display:block;
border:2px solid #ddd; border-radius:100px; -webkit-border-radius:100px; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px;
box-shadow:1px 1px 3px #333; -webkit-box-shadow:1px 1px 3px #333; -ms-box-shadow:1px 1px 3px #333; -moz-box-shadow:1px 1px 3px #333; -o-box-shadow:1px 1px 3px #333;}

.txt_ex {width:100%; max-width:900px; font:bold 18px 'NanumGothic',나눔고딕; color:#ce3951; float:left; margin:4% 0 2% 0; letter-spacing:-0.5pt;}
	.txt_ex span {font:normal 15px 'consolas',나눔고딕; letter-spacing:-0.5pt;}
/******* Header Start *******/
			#top {width:100%; height:3%; overflow:hidden; background-color:#ccc; position:relative; z-index:100;}
				#top h1 img {width:30%; opacity:0.7; margin:10px 0 8px 5%; float:left; z-index:2;}
				#top h3 {font-size:12px; font-weight:normal; color:#fff; float:left; letter-spacing:-0.2pt; margin:1% 1% 2% 5%;}	
			
			/******* GNB-NAV Start *******/
			nav {width:100%; overflow:hidden; margin-left:1px;}
			nav ul {width:100%; font:normal 16px 'consolas',나눔고딕; height:30px; line-height:30px; margin:0 auto;}
				nav li {width:48.6%; list-style:none; float:left; padding-left:1%; display:block; margin-top:-1px; margin-left:-1px; height:30px;
				border:1px solid #bbb; -webkit-border:1px solid #bbb; -ms-border:1px solid #bbb; -moz-border:1px solid #bbb; -o-border:1px solid #bbb;}
					nav li a {color:#333; text-decoration:none;}
						nav li a:hover {color:#ce3951;}
			/******* GNB-NAV End *******/					 
/******* Header End *******/

.img_main {border-top:1px solid #ddd;-webkit-border-top:1px solid #ddd;-ms-border-top:1px solid #ddd;-moz-border-top:1px solid #ddd;-o-border-top:1px solid #ddd;
		   border-bottom:1px solid #ddd;-webkit-border-bottom:1px solid #ddd;-ms-border-bottom:1px solid #ddd;-moz-border-bottom:1px solid #ddd;-o-border-bottom:1px solid #ddd;}
			
/******* Contents Start *******/
		#sections {height:100%;}
		#sections dl, #sections dt, #sections dd, #sections li {margin:0; padding:0; list-style:none;}				 

						.section_1 {width:90%; display:block; overflow:hidden; margin:0 auto;}
							.section_1 span h2 {width:100%; color:#333; font:bold 13px 'NanumGothic',나눔고딕; line-height:16px; margin-bottom:1%; background-color:#3ac1ca; margin-top:6%}
								.section_1 span h2 span {width:94%; margin:0 auto; display:block; padding:3%;}
							.section_1 ul {width:100%; margin:0 auto; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px; float:left; padding-bottom:3%; display:block;}
									.section_1 li h1 {color:#3f7499; font:bold 14px 'NanumGothic',나눔고딕; line-height:17px; margin-top:1%;}
									.section_1 ul span {width:100%; border-bottom:1px dashed #ddd;}
							.section_1 div {width:75%; margin:0 auto;}
								.section_1 img {width:100%;}
								.section_1 div span {clear:right; width:100%; padding:2%; background-color:#E2DAFA; font:normal 14px 'NanumGothic',나눔고딕; line-height:16px;}
						
						.section_2 {width:90%; margin:-5% auto;}
							.section_2 ul {width:100%; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px;}
								.section_2 li {margin:1px; width:100%; display:block; float:left; color:#333;}
									.section_2 li .tit_year {width:96%; font:bold 14px 'NanumGothic',나눔고딕; background-color:#e5e5e5; color:#333; display:block; text-align:center; line-height:14px;}
									.section_2 li span {display:block; text-align:left; background-color:#f5f5f5; padding:2%;}

						.section_3 {width:90%; margin:0 auto; padding:3%;}
							.section_3 p {margin-top:4%; display:block;}
								.section_3 img {width:100%; margin:2% auto;}
								.section_3 ul {width:100%; margin:1.5% auto; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px; float:right;}
										.section_3 li h1 {color:#333; font:bold 13px 'NanumGothic',나눔고딕; margin:1% 0 0.5% 0; background-color:#eee; padding:0.5%;}

						.section_5 {width:90%; display:block; margin:0 auto;}
								.section_5 ul {width:100%; margin:0 auto; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px; float:right;}
									.section_5 li h1 {color:#333; font:bold 14px 'NanumGothic',나눔고딕; margin:1% 0 0.5% 0; padding:0.5%; background-color:#eee;}
									.section_5 p img {width:100%; margin:4% auto;}
									.section_5 .add li {width:98%; color:#333; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px;}						 
/******* Contents End *******/									

/******* Footer Start *******/
		footer {width:100%; height:105px; background-color:#ccc; position:relative; bottom:-150px;} 
				footer address {width:70%; font-size:12px; color:#fff; line-height:13px; position:absolute; top:5%; left:5%;}
						footer ul {display:block; padding-right:-20px; margin-top:5px; position:absolute; top:2.5%; right:5%;}
							footer li {list-style:none; padding-left:7px;}
								footer li img {width:30px; padding-top:2px; display:block;}
										footer li a img {opacity:0.7; -webkit-opacity:0.7; -ms-opacity:0.7; -moz-opacity:0.7; -o-opacity:0.7;}										
										footer li a img:hover {opacity:1; -webkit-opacity:1; -ms-opacity:1; -moz-opacity:1; -o-opacity:1;}
/******* Footer End *******/

}


/************************************************************************************/
@media all and (min-width:321px) and (max-width:480px) {

/******* All Common Start *******/
#bt_top a {text-decoration:none; position:fixed; color:#333; font-size:14px; bottom:20%; right:4%; font-weight:bold; z-index:100; background-color:#F4F4F4; padding:6px 5px 5px 5px; display:block;
border:2px solid #ddd; border-radius:100px; -webkit-border-radius:100px; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px;
box-shadow:1px 1px 3px #333; -webkit-box-shadow:1px 1px 3px #333; -ms-box-shadow:1px 1px 3px #333; -moz-box-shadow:1px 1px 3px #333; -o-box-shadow:1px 1px 3px #333;}

.txt_ex {width:100%; max-width:900px; font:bold 20px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; color:#ce3951; float:left; margin:4% 0 2% 0; letter-spacing:-0.5pt;}
	.txt_ex span {font:normal 17px 'consolas',나눔고딕; letter-spacing:-0.5pt;}
/******* Header Start *******/
			#top {width:100%; height:3%; overflow:hidden; background-color:#ccc; position:relative; z-index:100;}
				#top h1 img {width:30%; opacity:0.7; margin:10px 0 8px 5%; float:left; z-index:2;}
				#top h3 {font-size:12px; font-weight:normal; color:#fff; float:left; letter-spacing:-0.2pt; margin:1% 1% 2% 5%;}	
			
			/******* GNB-NAV Start *******/
			nav {width:100%;}
			nav ul {width:100%; font:normal 16px 'consolas',나눔고딕; height:30px; line-height:30px; margin:0 auto;}
				nav li {width:48.7%; list-style:none; float:left; padding-left:1%; display:block; margin-top:-1px; margin-left:-1px; height:30px;
				border:1px solid #bbb; -webkit-border:1px solid #bbb; -ms-border:1px solid #bbb; -moz-border:1px solid #bbb; -o-border:1px solid #bbb;}
					nav li a {color:#333; text-decoration:none;}
						nav li a:hover {color:#ce3951;}
			/******* GNB-NAV End *******/					 
/******* Header End *******/

.img_main {border-top:1px solid #ddd;-webkit-border-top:1px solid #ddd;-ms-border-top:1px solid #ddd;-moz-border-top:1px solid #ddd;-o-border-top:1px solid #ddd;
		   border-bottom:1px solid #ddd;-webkit-border-bottom:1px solid #ddd;-ms-border-bottom:1px solid #ddd;-moz-border-bottom:1px solid #ddd;-o-border-bottom:1px solid #ddd;}
			
/******* Contents Start *******/
		#sections {height:100%; margin-top:6%;}
		#sections dl, #sections dt, #sections dd, #sections li {margin:0; padding:0; list-style:none;}				 

						.section_1 {width:90%; display:block; overflow:hidden; margin:0 auto;}
							.section_1 span h2 {width:100%; color:#fff; font:bold 13px 'NanumGothic',나눔고딕; line-height:16px; margin-bottom:1%; background-color:#3ac1ca; margin-top:6%}
								.section_1 span h2 span {width:94%; margin:0 auto; display:block; padding:3%;}
							.section_1 ul {width:100%; margin:0 auto; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px; float:left; padding-bottom:3%; display:block;}
									.section_1 li h1 {color:#3f7499; font:bold 14px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; line-height:17px; margin-top:1%;}
									.section_1 ul span {width:100%; border-bottom:1px dashed #ddd;}
							.section_1 div {width:75%; margin:0 auto;}
								.section_1 img {width:100%;}
								.section_1 div span {clear:right; width:100%; padding:2%; background-color:#E2DAFA; font:normal 14px 'NanumGothic',나눔고딕; line-height:16px;}
						
						.section_2 {width:90%; margin:-5% auto;}
							.section_2 ul {width:97%; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px;}
								.section_2 li {width:100%; float:left; color:#333;}
									.section_2 li .tit_year {width:96%; font:bold 14px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; background-color:#e5e5e5; color:#333; display:block; text-align:center; line-height:14px;									}
									.section_2 li span {display:block; text-align:left; background-color:#f5f5f5; padding:2%;}

						.section_3 {width:90%; margin:0 auto; padding:3%;}
							.section_3 p {margin-top:4%; display:block;}
								.section_3 img {width:100%; margin:2% auto;}
								.section_3 ul {width:100%; margin:1.5% auto; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px; float:right;}
										.section_3 li h1 {color:#333; font:bold 13px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; margin:1% 0 0.5% 0; background-color:#eee; padding:0.5%;}

						.section_5 {width:90%; display:block; margin:0 auto;}
								.section_5 ul {width:100%; margin:0 auto; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px; float:right;}
									.section_5 li h1 {color:#333; font:bold 14px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; margin:1% 0 0.5% 0; padding:0.5%; background-color:#eee;}
								.section_5 p img {width:100%; margin:4% auto;}
									.section_5 .add li {width:98%; color:#333; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px;}						 
/******* Contents End *******/									

/******* Footer Start *******/
		footer {width:100%; height:105px; background-color:#ccc; position:relative; bottom:-140px;} 
				footer address {width:70%; font-size:13px; color:#fff; line-height:13px; position:absolute; top:5%; left:5%;}
						footer ul {display:block; padding-right:-20px; margin-top:5px; position:absolute; top:2.5%; right:5%;}
							footer li {list-style:none; padding-left:7px;}
								footer li img {width:30px; padding-top:2px; display:block;}
										footer li a img {opacity:0.7; -webkit-opacity:0.7; -ms-opacity:0.7; -moz-opacity:0.7; -o-opacity:0.7;}										
										footer li a img:hover {opacity:1; -webkit-opacity:1; -ms-opacity:1; -moz-opacity:1; -o-opacity:1;}
/******* Footer End *******/

}


/************************************************************************************/
@media all and (min-width:481px) and (max-width:800px) {

/******* All Common Start *******/
#bt_top a {position:fixed; color:#333; font-size:15px; bottom:15%; right:5%; font-weight:bold; z-index:100; background-color:#F4F4F4; padding:7px; display:block;
border:2px solid #ddd; text-decoration:none; border-radius:100px; -webkit-border-radius:100px; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px;
box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; -ms-box-shadow:1px 1px 5px #333; -moz-box-shadow:1px 1px 5px #333; -o-box-shadow:1px 1px 5px #333;}
		#bt_top a:hover {color:#fff; background-color:#aaa;}

.txt_ex {width:90%; max-width:900px; font:bold 23px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; color:#ce3951; float:left; letter-spacing:-0.5pt; margin:3% 0 1.5% 0;}
	.txt_ex span {font:normal 19px 'consolas',나눔고딕; color:#777; letter-spacing:-1pt;}
/******* All Common End *******/

/******* Header Start *******/
			#top {width:100%; height:3%; overflow:hidden; background-color:#ccc; position:relative; z-index:100;}
				#top h1 img {width:20%; opacity:0.7; margin:10px 0 8px 25px; float:left; z-index:2;}
				#top h3 {font-size:13px; font-weight:normal; color:#fff; float:right; margin:4% 3% 0 0;}	
			
			/******* GNB-NAV Start *******/
			nav ul {width:100%; font:normal 16px 'consolas',나눔고딕; height:30px; line-height:30px;
			border-bottom:1px dashed #bbb; -webkit-border-bottom:1px dashed #bbb; -ms-border-bottom:1px dashed #bbb; -moz-border-bottom:1px dashed #bbb; -o-border-bottom:1px dashed #bbb;}
				nav li {list-style:none; float:left; margin-left:4%;}
					nav li a {color:#333; text-decoration:none;}
						nav li a:hover {color:#ce3951;}
			/******* GNB-NAV End *******/					 
/******* Header End *******/

.img_main {border-top:1px solid #ddd;-webkit-border-top:1px solid #ddd;-ms-border-top:1px solid #ddd;-moz-border-top:1px solid #ddd;-o-border-top:1px solid #ddd;
		   border-bottom:1px solid #ddd;-webkit-border-bottom:1px solid #ddd;-ms-border-bottom:1px solid #ddd;-moz-border-bottom:1px solid #ddd;-o-border-bottom:1px solid #ddd;}
			
/******* Contents Start *******/
		#sections {height:100%; overflow:hidden; margin-top:-2%;}
		#sections dl, #sections dt, #sections dd, #sections li {margin:0; padding:0; list-style:none;}				 

						.section_1 {width:86%; display:block; overflow:hidden; margin:0 auto; padding-top:2%;}
							.section_1 span h2 {width:98%; color:#fff; font:bold 14px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; line-height:18px; margin-bottom:1%; background-color:#3ac1ca; float:left;
							display:block; letter-spacing:-0.5pt; overflow:hidden;}
								.section_1 span h2 span {width:94%; margin:0 auto; display:block; padding:2%;}
							.section_1 ul {width:62%; margin:0 auto; font:normal 13px 'NanumGothic',나눔고딕; line-height:17px; float:left;}
									.section_1 li h1 {color:#3f7499; font:bold 14px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; line-height:18px; margin-top:1%;}
									.section_1 ul span {width:100%; border-bottom:1px dashed #ddd;}
							.section_1 div {float:right; width:35%;}
								.section_1 img {width:100%; margin-top:16%;}
								.section_1 div span {clear:right; width:96%; padding:2%; background-color:#E2DAFA; font:normal 14px 'NanumGothic',나눔고딕; line-height:16px;}
						
						.section_2 {width:86%; margin:-3% auto;}
							.section_2 ul {width:100%; margin:0 auto; font:normal 13px 'NanumGothic',나눔고딕; line-height:17px;}
								.section_2 li {width:49%; display:block; float:left; color:#333; overflow:hidden;
								border:1px solid #fff; -webkit-border:1px solid #fff; -ms-border:1px solid #fff; -moz-border:1px solid #fff; -o-border:1px solid #fff;}
									.section_2 li .tit_year {width:100%; font:bold 14px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; background-color:#e5e5e5; color:#333; display:block; text-align:center; padding:1.5% 2%; overflow:hidden;}
									.section_2 li span {padding:2%; display:block; text-align:left; background-color:#eee;}

						.section_3 {width:86%; margin:0 auto;}
							.section_3 p {margin-top:4%; display:block;}
								.section_3 img {width:80%; padding-left:10%; margin:1% auto;}
								.section_3 ul {width:100%; margin:1.5% auto; overflow:hidden; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px; float:right;}
										.section_3 li h1 {color:#333; font:bold 13px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; margin:1% 0 0.5% 0; background-color:#eee;}

						.section_5 {width:86%; display:block; margin:0 auto;}
								.section_5 ul {width:100%; margin:0 auto; overflow:hidden; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px; float:right;}
									.section_5 li h1 {color:#333; font:bold 13px 'NanumGothicBold',굵은나눔고딕,NanumGothic,나눔고딕; margin:1% 0 0.5% 0; padding:0.5%; background-color:#eee;}
								.section_5 p img {width:80%; margin:3% auto; padding-left:10%;}
									.section_5 li {width:98%; color:#333; font:normal 13px 'NanumGothic',나눔고딕; line-height:16px;}
/******* Contents End *******/									

/******* Footer Start *******/
		footer {width:100%; height:60px; background-color:#ccc; position:relative; bottom:-40px;} 
				footer address {width:70%; font-size:13px; color:#fff; line-height:13px; position:absolute; top:15%; left:5%;}
						footer ul {display:block; padding-right:-20px; margin-top:5px; position:absolute; top:5%; right:5%;}
							footer li {list-style:none; padding-left:7px; float:left;}
								footer li img {width:30px; padding-top:2px; display:block;}
										footer li a img {opacity:0.7; -webkit-opacity:0.7; -ms-opacity:0.7; -moz-opacity:0.7; -o-opacity:0.7;}										
										footer li a img:hover {opacity:1; -webkit-opacity:1; -ms-opacity:1; -moz-opacity:1; -o-opacity:1;}
/******* Footer End *******/

}


/************************************************************************************/
@media all and (min-width:801px) and (max-width:1024px) {

/******* All Common Start *******/
#bt_top a {position:fixed; color:#333; font-size:16px; bottom:10%; right:5%; font-weight:bold; z-index:100; background-color:#F4F4F4; padding:8px; display:block;
border:2px solid #ddd; text-decoration:none; border-radius:100px; -webkit-border-radius:100px; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px;
box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; -ms-box-shadow:1px 1px 5px #333; -moz-box-shadow:1px 1px 5px #333; -o-box-shadow:1px 1px 5px #333;}
		#bt_top a:hover {color:#fff; background-color:#aaa;}

.txt_ex {width:100%; max-width:900px; font:bold 27px 'NanumGothic',나눔고딕; color:#ce3951; float:left; letter-spacing:-0.5pt; margin:1.5% 0 1% 0;}
	.txt_ex span {font:normal 23px 'consolas',나눔고딕; color:#777; letter-spacing:-1pt;}
/******* All Common End *******/

/******* Header Start *******/
			#top {width:100%; height:3%; overflow:hidden; background-color:#ddd; position:relative; z-index:100;}
				#top h1 img {width:16%; opacity: 0.7; margin:10px 0 8px 25px; float:left; z-index:2;}
				#top h2 {font-size:15px; font-weight:bold; color:#666; position:absolute; top:34%; left:11%; float:left;}
				#top h3 {font-size:14px; font-weight:normal; color:#fff; float:right; margin:3% 3% 0 0;}	
			
			/******* GNB-NAV Start *******/
			nav ul {width:100%; font:normal 17px 'consolas',나눔고딕; height:32px; line-height:32px; margin:0.5%;
			border-bottom:1px dashed #bbb; -webkit-border-bottom:1px dashed #bbb; -ms-border-bottom:1px dashed #bbb; -moz-border-bottom:1px dashed #bbb; -o-border-bottom:1px dashed #bbb;}
				nav li {list-style:none; float:left; margin-left:3%;}
					nav li a {color:#333; text-decoration:none;}
						nav li a:hover {color:#ce3951;}
			/******* GNB-NAV End *******/					 
/******* Header End *******/

.img_main {border-top:1px solid #ddd;-webkit-border-top:1px solid #ddd;-ms-border-top:1px solid #ddd;-moz-border-top:1px solid #ddd;-o-border-top:1px solid #ddd;
		   border-bottom:1px solid #ddd;-webkit-border-bottom:1px solid #ddd;-ms-border-bottom:1px solid #ddd;-moz-border-bottom:1px solid #ddd;-o-border-bottom:1px solid #ddd;}
			
/******* Contents Start *******/
		#sections {height:100%; margin-top:-2%;}
		#sections dl, #sections dt, #sections dd, #sections li {margin:0; padding:0; list-style:none;}				 

						.section_1 {width:86%; display:block; overflow:hidden; margin:0 auto; padding-top:2%;}
							.section_1 span h2 {width:100%; color:#fff; font:bold 15px 'NanumGothic',나눔고딕; line-height:19px; margin-bottom:1%; background-color:#3ac1ca; padding:1%; float:left; display:block;}
							.section_1 ul {width:62%; margin:0 auto; font:normal 14px 'NanumGothic',나눔고딕; line-height:20px; float:left; margin-top:1%;}
									.section_1 li h1 {color:#3f7499; font:bold 15px 'NanumGothic',나눔고딕; line-height:24px; margin-top:1.5%; clear:left;}
									.section_1 ul span {width:100%; border-bottom:1px dashed #ddd;}
							.section_1 div {float:right; width:35%;}
								.section_1 img {width:100%; margin-top:5%;}
								.section_1 div span {clear:right; width:100%; padding:2%; background-color:#E2DAFA; font:normal 14px 'NanumGothic',나눔고딕; line-height:16px;}
						
						.section_2 {width:86%; margin:-3% auto;}
							.section_2 ul {width:100%; margin:0 auto; font:normal 14px 'NanumGothic',나눔고딕; line-height:18px;}
								.section_2 li {margin:1px; width:49.5%; display:block; float:left; color:#333; overflow:hidden;
								border:1px solid #fff; -webkit-border:1px solid #fff; -ms-border:1px solid #fff; -moz-border:1px solid #fff; -o-border:1px solid #fff;}
									.section_2 li .tit_year {width:100%; font:bold 15px 'NanumGothic',나눔고딕; background-color:#e5e5e5; color:#333; display:block; text-align:center; padding:1%;}
									.section_2 li span {padding:2%; display:block; text-align:left; background-color:#eee;}

						.section_3 {width:86%; margin:0 auto;}
							.section_3 p {margin-top:4%; display:block;}
								.section_3 img {width:72%; padding-left:15%; margin:1% auto;}
								.section_3 ul {width:100%; margin:1.5% auto; overflow:hidden; font:normal 14px 'NanumGothic',나눔고딕; line-height:16px; float:right;}
										.section_3 li h1 {color:#333; font:bold 15px 'NanumGothic',나눔고딕; margin:1% 0 0.5% 0; background-color:#eee; padding:0.3%;}

						.section_5 {width:86%; display:block; margin:0 auto;}
								.section_5 ul {width:100%; margin:0 auto; overflow:hidden; font:normal 14px 'NanumGothic',나눔고딕; line-height:16px; float:right;}
										.section_5 li h1 {color:#333; font:bold 15px 'NanumGothic',나눔고딕; margin:1% 0 0.5% 0; padding:0.3%; background-color:#eee;}
									.section_5 p img {width:67%; margin:4% auto; padding-left:17.5%;}
									.section_5 li {width:100%; color:#333; font:normal 14px 'NanumGothic',나눔고딕; line-height:16px;}														 
/******* Contents End *******/									

/******* Footer Start *******/
		footer {width:100%; height:70px; background-color:#ccc; position:relative; bottom:-110px;} 
				footer address {width:70%; font-size:13px; color:#fff; line-height:13px; position:absolute; top:15%; left:5%;}
						footer ul {display:block; padding-right:-20px; margin-top:5px; position:absolute; top:5%; right:5%;}
							footer li {list-style:none; padding-left:7px; float:left;}
								footer li img {width:34px; padding-top:2px; display:block;}
										footer li a img {opacity:0.7; -webkit-opacity:0.7; -ms-opacity:0.7; -moz-opacity:0.7; -o-opacity:0.7;}										
										footer li a img:hover {opacity:1; -webkit-opacity:1; -ms-opacity:1; -moz-opacity:1; -o-opacity:1;}
/******* Footer End *******/

}


/************************************************************************************/
@media all and (min-width: 1025px){

/******* All Common Start *******/
#bt_top a {position:fixed; color:#333; font-size:16px; bottom:15%; right:8%; font-weight:bold; z-index:100; background-color:#F4F4F4; padding:10px; display:block;
border:2px solid #ddd; text-decoration:none; border-radius:100px; -webkit-border-radius:100px; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px;
box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; -ms-box-shadow:1px 1px 5px #333; -moz-box-shadow:1px 1px 5px #333; -o-box-shadow:1px 1px 5px #333;}
		#bt_top a:hover {color:#fff; background-color:#aaa;}

.txt_ex {width:100%; max-width:900px; font:bold 32px 'NanumGothic',나눔고딕; color:#ce3951; float:left; letter-spacing:-1pt; margin:-1.5% 0 1.5% 0;}
	.txt_ex span {font:normal 24px 'consolas',나눔고딕; color:#777; letter-spacing:-1pt;}
/******* All Common End *******/

/******* Header Start *******/
			#top {width:100%; height:3%; overflow:hidden; background-color:#ddd; position:relative; z-index:100;}
				#top h1 img {width:14%; opacity: 0.7; margin:10px 0 8px 25px; float:left; z-index:2;}
				#top h2 {font-size:15px; font-weight:bold; color:#666; position:absolute; top:34%; left:11%; float:left;}
				#top h3 {font-size:15px; font-weight:normal; color:#fff; float:right; margin:3% 3% 0 0;}	
			
			/******* GNB-NAV Start *******/
			nav ul {width:100%; font:normal 18px 'consolas',나눔고딕; height:34px; line-height:28px; margin-top:0.5%;
			border-bottom:1px dashed #bbb; -webkit-border-bottom:1px dashed #bbb; -ms-border-bottom:1px dashed #bbb; -moz-border-bottom:1px dashed #bbb; -o-border-bottom:1px dashed #bbb;}
				nav li {list-style:none; float:left; margin-left:3%;}
					nav li a {color:#333; text-decoration:none;}
						nav li a:hover {color:#ce3951;}
			/******* GNB-NAV End *******/					 
/******* Header End *******/

.img_main {border-top:1px solid #ddd;-webkit-border-top:1px solid #ddd;-ms-border-top:1px solid #ddd;-moz-border-top:1px solid #ddd;-o-border-top:1px solid #ddd;
		   border-bottom:1px solid #ddd;-webkit-border-bottom:1px solid #ddd;-ms-border-bottom:1px solid #ddd;-moz-border-bottom:1px solid #ddd;-o-border-bottom:1px solid #ddd;}
			
/******* Contents Start *******/
		#sections {height:100%; overflow:hidden;}
		#sections dl, #sections dt, #sections dd, #sections li {margin:0; padding:0; list-style:none;}				 

						.section_1 {width:86%; display:block; overflow:hidden; margin:0 auto; padding-top:3.5%;}
							.section_1 h2 {width:62%; color:#fff; font:bold 15px 'NanumGothic',나눔고딕; line-height:21px; margin-bottom:1%; background-color:#3ac1ca; padding:1%; margin-top:0.5%;}
							.section_1 ul {width:62%; margin:0 auto; font:normal 14px 'NanumGothic',나눔고딕; line-height:17px; float:left;}
									.section_1 li h1 {color:#3f7499; font:bold 15px 'NanumGothic',나눔고딕; line-height:20px; letter-spacing:-0.5pt; margin-top:1%; margin-bottom:0.5%;}
									.section_1 ul span {width:100%; border-bottom:1px dashed #ddd;}
							.section_1 div {float:right; width:35%;}
								.section_1 img {width:95%; margin-top:-130px; float:right;}
								.section_1 div span {clear:right; width:100%; padding:2%; background-color:#E2DAFA; font:normal 14px 'NanumGothic',나눔고딕; line-height:16px;}
						
						.section_2 {width:86%; margin:0 auto; padding-top:1%; padding-bottom:-1%;}
							.section_2 ul {width:100%; margin:0 auto; font:normal 14px 'NanumGothic',나눔고딕; line-height:18px;}
								.section_2 li {width:49.8%; display:block; float:left; color:#333; overflow:hidden;
								border:1px solid #fff; -webkit-border:1px solid #fff; -ms-border:1px solid #fff; -moz-border:1px solid #fff; -o-border:1px solid #fff;}
									.section_2 li .tit_year {width:100%; font:bold 16px 'NanumGothic',나눔고딕; background-color:#ddd; color:#333; display:block; text-align:center; padding:1%; letter-spacing:-1.5pt;}
									.section_2 li span {padding:2%; display:block; text-align:left; background-color:#eee;}

						.section_3 {width:86%; margin:0 auto;}
							.section_3 p {margin-top:3.5%; display:block;}
								.section_3 img {width:54%; padding-right:0.5%;}
								.section_3 ul {width:40%; margin:0 auto; overflow:hidden; font:normal 14px 'NanumGothic',나눔고딕; line-height:16px; float:right;}
									.section_3 li {padding-top:2%;} 
										.section_3 li h1 {color:#333; font:bold 15px 'NanumGothic',나눔고딕; line-height:25px; letter-spacing:-0.3pt; background-color:#eee; padding:0.5%; margin:1% 0;}

						.section_5 {width:86%; margin:5% auto;}
								.section_5 ul {width:47%; margin:0 auto; font:normal 14px 'NanumGothic',나눔고딕; line-height:18px; float:left;}
									.section_5 li {padding-top:2%;}
										.section_5 li h1 {color:#333; font:bold 15px 'NanumGothic',나눔고딕; line-height:25px; letter-spacing:-0.3pt; padding:0.3%; background-color:#eee; margin:1% 0;}
								.section_5 p img {width:47%; margin:0 auto; float:right;}
								.section_5 .add {margin-top:2%;}
									.section_5 .add {width:47%; color:#333; font:normal 14px 'NanumGothic',나눔고딕; line-height:18px; float:right;}					 
/******* Contents End *******/									

/******* Footer Start *******/
		footer {width:100%; height:70px; background-color:#ccc; position:relative; bottom:-80px;} 
				footer address {width:70%; font-size:13px; color:#fff; line-height:13px; position:absolute; top:15%; left:5%;}
						footer ul {display:block; padding-right:-20px; margin-top:5px; position:absolute; top:5%; right:8%;}
							footer li {list-style:none; padding-left:7px; float:left;}
								footer li img {width:34px; padding-top:2px; display:block;}
										footer li a img {opacity:0.7; -webkit-opacity:0.7; -ms-opacity:0.7; -moz-opacity:0.7; -o-opacity:0.7;}										
										footer li a img:hover {opacity:1; -webkit-opacity:1; -ms-opacity:1; -moz-opacity:1; -o-opacity:1;}
/******* Footer End *******/

}