@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif'); */
@import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');
@import url('//fonts.googleapis.com/earlyaccess/kopubbatang.css');
	/*reset*/
		
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;line-height: 1.2;}

		
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {display: block;}
		
		
		ol, ul, li {list-style:none;text-decoration: none;}
		a {text-decoration: none;list-style:none;}
		blockquote, q {quotes: none;}
		
		blockquote:before, blockquote:after,
		q:before, q:after {content: ''; content: none;}
		
		table {border-collapse: collapse; border-spacing: 0;width:100%;}
		
		img,fieldset{border:0;}
		li img,dd img,dt img,label img{vertical-align:top;}
		li{line-height:100%;list-style:none}
		table{border-collapse:collapse;width:100%;}
		input,select,textarea,button{font-family:"NanumGothic";font-size:12px;color:#333;}
		img,input,select{vertical-align:middle;}
		address,caption,em{font-weight:normal;font-style:normal;}
		hr{display:none;}
		
		p {line-height: 1.5;}
		
		/* base */
		html{width:100%;}
		body {width:100%;font-size:12px;color:#333;line-height:1.5; font-family:"NanumGothic";font-weight:250;}
		caption,legend{width:0;height:0;font-size:0;text-indent:-9999px;overflow:hidden;}
		
		#skipNav a{display:block;position:absolute;left:0;top:-10000px;text-align: center;width:100%;height:30px;z-index: 500;line-height:30px;font-weight:bold;font-size:14px;}
		#skipNav a:hover,#skipNav a:focus,#skipNav a:active{background:#ccc;top:0}
		h1,h2,h3,h4,h5,h6{font-family:"NanumGothic";font-size:12px;color:#333;}
		
		
		.hide {width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0; 
				font-size:0; text-indent:-9999px; overflow:hidden; visibility:hidden}
		
		
		.clearfix:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}

/***********************************************************************************/
		
		
		
		/*header*/
		
			#headerwrap {width: 100%;height: 145px;background:url(../images/nav_bg.jpg) 0 0 repeat-x;}
			#header,#nav {width: 1100px;margin: auto;box-sizing:border-box;}
			#header ul {float: right;}
			#header ul li {float: left;padding-right:5px;padding-top: 5px;color:#626262;}
			#header ul li a {padding-right: 10px;color:#626262;font-size: 11px;font-family: "NanumGothicBold";}
			#header ul li.last {display: block;background:url(../images/top_naver.jpg) 0 0 no-repeat;width: 127px;height: 24px;text-align: right;line-height: 22px;padding: 0;}
			#header ul li.last a {font-size: 13px;color:#fff;font-weight: bold;}
			#header h1 {padding-top: 25px;padding-bottom: 10px;}

			#nav {height: 40px;}
			#nav>ul>li>a {display: block;float: left;width: 14.285%;box-sizing:border-box;text-align: center;color:#fff;font-size: 16px;font-family: "NanumGothicBold";line-height: 39px;}

		/*footer*/

			#footerwrap {width: 100%;background: #333;color:#999}
			#footer {width: 1100px;height: 85px;margin: auto;box-sizing:border-box;padding-top: 29px;font-size: 12px;}


		/*main*/
			
			#main {width: 100%;background:url(../images/main.jpg) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
			.main_title {width: 1100px;height: 490px;margin: auto;box-sizing:border-box;text-align: right;padding-top: 275px;}
			.main_title h2 {font-size: 58px;color:#000;font-family: "NanumMyeongjo";text-shadow: 2px 2px 5px #fff;font-weight: bold;padding-bottom:5px;}
			.main_title span {background:#719aa5;font-family: "NanumMyeongjo";color:#fff;font-size: 23px;padding: 5px;}
			
			.main_con {width: 1100px;margin: auto;}
			.main_con li {float: left;width: 366px;height: 250px;box-sizing:border-box;background:#f1f1f1;}
			.main_con li .con {width: 100%;height: 100%;padding: 35px 30px;box-sizing:border-box}
			.con h3 {font-size: 25px;font-family: "NanumGothicBold";color:#333;}
			.con h3:before {display: block;clear: both;content: '';width: 13px;height: 2px;background:#989898;}
			.con p {padding: 23px 0;font-size: 13px;color:#676767}
			.con a {display: block;width: 127px;height: 36px;line-height: 35px;text-align: center;color:#676767;font-size: 13px;border: 1px solid #ccc;}
			.main_con li.con2 {background: #fff;}
			.main_con li.con1 .con {background:url(../images/main_con1.jpg) 100% 0 no-repeat;}
			.main_con li.con2 .con {background:url(../images/main_con2.jpg) 100% 0 no-repeat;}
			.main_con li.con3 .con {background:url(../images/main_con3.jpg) 100% 0 no-repeat;}
			
			.main_aside {width: 1100px;height: 250px;margin: auto;}
			.main_aside li {float: left;width: 366px;height: 250px;box-sizing:border-box;}
			.main_aside li .aside1 {background:url(../images/aside_bg1.jpg) 0 0 no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;width: 100%;height: 177px;box-sizing:border-box;color:#fff;padding: 30px 20px;}
			 .aside1 h3 {color:#fff;font-family: "NanumGothicBold";font-size: 25px;}
			 .aside1 p {font-size: 11px;padding-top: 5px;padding-bottom:35px;}
			 .aside1 a {display: block;width: 127px;height: 36px;line-height: 35px;text-align: center;color:#eecbca;font-size: 13px;border: 1px solid #eecbca;}
			 .aside2 {background:#eecbca;padding: 15px 20px;height:73px;box-sizing:border-box}
			 .aside2 p {font-family: "NanumGothicBold";font-size: 13px;color:#000;padding-bottom:5px;}
			 .aside2 p span {color:#af2f28;padding-right: 5px;}
			 .aside2 strong {font-size: 20px;color:#333;font-weight: bold;}
			.main_aside li img {width: 100%;height: 100%;}


		/*sub*/

		.sub_main {height:300px;background:url(../images/sub/sub_main.jpg) 0 0 no-repeat}
		
		.sub {width: 1100px;margin: auto;padding-bottom: 80px;}
		.sub>h2 {text-align: center;padding:60px 0;font-family: "NanumGothicBold";font-size:38px;}



		.sub1 {text-align: center;background:url(../images/sub/about.png) 100% 100% no-repeat;}
		.sub1 p {font-size: 15px;padding-top: 30px;padding-bottom:120px;}
		.sub1 p strong {font-weight: bold;display: block;padding:20px 0;}

		.sub2 {}
		.sub2>ul>li {padding-top: 45px;padding-bottom: 45px;padding-left: 80px;border-bottom: 1px solid #ddd;}
		.sub2 li h3 {color:#666;font-size: 25px;font-family: "NanumGothicBold";padding-bottom:25px;}
		.sub2 li h3 img {vertical-align: middle;padding-right: 10px;}
		.sub2 li p {padding-left:70px;font-size: 14px;}
		.sub2 li p strong {display: block;font-weight: bold;padding-bottom: 15px;}
		
		
		.side_photo {text-align: center;padding-left:50px;}
		.side_photo li {float: left;width: 50%;margin-bottom:3%;}
		.side_photo li span {display: block;font-size: 14px;font-weight: bold;padding-top: 15px;}

		.sub4 span,.sub5 span {display: block;color:red;font-size: 18px;text-align: center;padding-bottom: 35px;}
 		.sub4 h3,.sub5 h3 {padding-top: 30px;padding-bottom: 20px;font-weight: bold;font-size: 25px;}
		.sub4 table,.sub5 table {text-align: center;margin-bottom: 60px;}
		.sub4 table th,.sub5 table th {font-size: 14px;background:#ddd;padding: 10px 0;border-right: 1px solid #fff;font-family: "NanumGothicBold";color:#666}
		.sub4 table td,.sub5 table td {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 10px 0;vertical-align: middle;font-size: 13px;}
		.sub4 table td.last,.sub5 table td.last {border-right:none}
		.sub5 p {text-align: center;font-size: 14px;padding-bottom: 30px;}
		.sub5 p strong {font-weight: bold;}


		.sub6 h3 {font-family: "NanumGothicBold";font-size: 25px;padding-bottom:15px;}
		.sub6 address {font-size: 14px;padding-bottom: 30px;}
		#map_canvas {width: 100%;height: 500px;}