.wrap {width:100%;}
.inner {margin:0 auto;
		width:1000px;
		position:relative;}
.header {height:60px;
		 background:#209271 }
.header a {color:#fff;}
.header h1 {float:left;
			width:150px;
			 padding-top:15px;
			color:#fff;
			font-size:35px}
.header .menu {float:left;
			   width:850px;
			   padding-top:30px;}
.header .menu .menu_title {float:left;
			      			width:120px;
			    		    text-align: center}
.header .path {position: absolute;
				top:5px;
				right:0;
				font-size:10px}
.header .path a {padding-left:10px}
/*서브메뉴 부분*/
.menu {position:relative;}
.menu .sub_menu {height:25px;
				 margin-top:20px;
				 margin-bottom:10px;
				 margin-left:28px;
				 padding-top:4px;
				 padding-bottom:3px;
				 background: #f4f4f4;}
.menu .sub_menu01 {position:absolute;
				   top:45px;
				   left:0;
				   }	
.menu .sub_menu02 {position:absolute;
				   top:45px;
				    left:-18px;
					width:840px;
				   }
.menu .sub_menu03 { position: absolute;top: 45px;left: 236px;}
.menu .sub_menu04  {position:absolute;
				    top:45px;
				    left:305px;
					width:540px;}
.menu .sub_menu05  {position:absolute;
				    top:45px;
				    left:300px;
				   }
.menu .sub_menu06  {position:absolute;
				    top:45px;
				    left:470px;
				   width:100%;}
.menu .sub_menu07  {position:absolute;
				    top:45px;
				    left:515px;
				   }
.menu .sub_menu li {float:left;
					padding-right:5px;
					padding-left:5px;}
.menu .sub_menu li a {color:#808080;
				  		font-size: 13px;}
.menu .sub_menu li a:hover {color:#ec0b45;
							  font-weight: 700}
.container {clear:both;
			margin-top:40px;}
.ctn {position: relative;
	  margin-top:20px;
	  font-size: 13px}
.ctn h3 {padding-bottom:10px;
		 font-size:17px;
		 font-weight: 600;}

/*슬라이드 메뉴 부분*/
.main_visual {height:400px;
			  position: relative;}
.main_visual .spot li{display:none;
						z-index:100;
						position:absolute;
						top:0;left:0;
						width:1000px;
						height:400px;
					}
.main_visual  img {position: absolute;
					top:0;
					z-index:100}
.main_visual .spot_controll{position:absolute;
							top:-50px;
							right:0px;
							z-index: 500}
.main_visual .spot_controll {position:absolute;
							 top:0; right:20px; }
.main_visual .spot_controll a { display: inline-block;
								  width:11px;
								  height:11px;
								  background:url(/main/image/bullet.png) no-repeat 0 0;
								  font-size:0;
								  margin-right:3px}
.viewport_wrap{width:1000px; 
				height:100px;
			    position: absolute;
			   top:-120px;
			   background:url(/images_2014/rolling_bg.png) 0 0 no-repeat ;
				z-index: 1000}
.viewport_wrap .prev{position:absolute;
					 top:0px;left:10px}
.viewport_wrap .next{position:absolute;
					 top:0px;right:10px}
.viewport_wrap .viewport{margin:0 auto;
						 width:900px}
.viewport_wrap .viewport ul {position: absolute;
						     top:0px;width:900px;height:100px;overflow:hidden}
/*.viewport_wrap .viewport ul li {float:left;
								width:180px;
							    height:100px;
								text-align: center}*/
.viewport_wrap .viewport ul li {position:absolute;
								top:0;
								width:180px;
							    height:100px;
								text-align: center;
								font-weight: 700;
							    cursor: pointer}
.viewport_wrap .viewport ul li img {display: block;
									width:100px;
									height:50px;
									padding-left:40px;
									padding-bottom:5px;}

.section_02 {clear:both;
			 padding:10px 0; }
.notice {float:left;
		  width:350px;
		  padding-bottom:20px;
		  margin-left:5px;}
.notice ul li {padding:2px 0;}
.service {float:left;
		  width:380px;
		  padding-bottom:20px;}
.service a {
    float: left;
    width: 68px;
    text-align: center;
    margin-right: 35px;	}
.service a img {}
.service a span {display: block;}
.customer {
			float: left;
			width: 90px;
			text-align: center;
	}
.consumer-center{
		float: right;
}
.consumer-center-wrap{
	margin-top: 12.5px;
}
.consumer-center-img-box{
	display: inline-block;
}
.consumer-center-text-box{
    display: inline-block;
    margin-left: 5px;
}
.consumer-center-text-box p{}
.consumer-center-text-box span{}
.customer_01 {float:left;width:182px;}
.customer_01 a {width:167px;height:40px;}
.customer_01 a:hover {opacity:0.5;filter: Alpha(opacity=50); /* IE8 and earlier */}
.customer_01 b {float:left;width:45px;height:25px;padding-top:13px;background:#444;text-align:center;color:#fff;font-size:12px;font-weight:700;margin-right:5px;}
.customer_01 span {padding-bottom:5px;line-height: 18px;}
.customer_02 {float:left;width:155px;padding-left:20px;background:url(/images_2014/list_var.gif) left 60px no-repeat}
.customer_02 span {display:block;line-height: 22px;font-size:13px;}
.quick_menu {width:80px;
			 height:537px;
			 position: absolute;
			 top:-420px;
			 right:-100px;
			 /*border:1px solid #444444;*/
			 border-top:2px solid #444;
			 text-align: center; }
.quick_menu h4 {display: inline-block;
				height:30px;
				padding-top:5px;
				padding-bottom:5px;
				font-size: 13px;
				/*border-bottom:1px solid #444444*/}
.quick_menu a {width:80px;
			   height:80px;
			   display: block;
			   font-size: 11px;
			   /*border-bottom:1px solid #444444;*/}
.footer {clear:both;
		 padding-top:20px; 
		 padding-bottom:20px;
		 font-size: 12px;
		 border-top:2px solid #808080;}
.footer .inner {position: relative;}
.footer ul {display: inline-block;
			width:1000px;}
.footer ul li {float:left;
			   height: 20px;
			   margin-right:10px;
			   }
.footer ul li a:hover {color:#808080;}
.footer ul li select {height: 20px;
					  font-size: 12px;
					  }
.footer p {line-height: 20px}
.footer .img_01 {width:108px;
				 position: absolute;
				 top:0;
				 right:0;}
.footer .img_02 {width:108px;
				 position: absolute;
				 top:0;
				 right:110px;}
.footer .img_03 {width:108px;
				 position: absolute;
				 top:0;
				 right:110px;}
/*서브페이지 총 width:830로 작업 진행 */
.inner_830 {margin:0 auto;
			width:830px;
			position: relative;}
.inner_830 .quick_menu {position: absolute;
						 top:0px;
						 right:-120px;}
.inner_830 .quick_menu h5 {display: inline-block;
							height:30px;
							padding-top:10px;
							padding-bottom:10px;
							font-size: 13px;
							border-bottom:1px solid #444444}
.header .inner_830 h1 {float:left;
						width:150px;
						padding-top:15px;
						color:#fff;
						font-size:35px}
.header .inner_830 .menu {float:left;
						   width:680px;
						   padding-top:30px;}
.header .inner_830 .menu .menu_title {float:left;
								      width:140px;
								      text-align: center}
.inner_830 .snb_menu {float:left;
					  width:164px;
					  height:800px;
					  background: url(/main/image/side_var.png) right 80px no-repeat}
.inner_830 .snb_menu h3 {margin-top:20px;
						 margin-bottom: 28px;}
.inner_830 .snb_menu ul {width:140px;
						 font-size: 14px;
						font-weight: 700}
.inner_830 .snb_menu ul li {height:22px;
							padding:7px 0;
							padding-left:10px;
							background: url(/main/image/side_arrow.gif) 120px 9px no-repeat;
						    border-bottom:1px solid #cfe5e3;}
.inner_830 .ctn {float:left;
				 width:664px;}
.footer .inner_830 ul {display: inline-block;
			  		    width:722px;}
.footer .inner_830 img {width:108px;
						 position: absolute;
						 top:-10px;
						 right:0;}
.inner_830 .ctn {margin-top:35px;
				position:relative;}
.inner_830 .ctn h4 {font-size: 18px;
					padding-bottom:10px;}
.inner_830 .ctn .path {font-size: 10px;
					  position: absolute;
					  top:10px;
					  right:0;}
.inner_830 .ctn .path li {float:left;}
.inner_830 .ctn table {width:640px; 
						margin-left:24px;}
.inner_830 .ctn table caption {height:0;
							   font-size: 0}
.inner_830 .ctn table th {height:30px;
						   background: #d7dfeb;}
.inner_830 .ctn table td {height:30px;
						  padding-left:20px;
						  border-bottom:2px dotted #d7dfeb;}
.inner_830 .ctn table .date {text-align: center;
							 padding-left:0;}
.inner_830 .ctn .year_list {margin:0 auto;
							margin-top:20px;
							width:400px; 
							height:18px;}
.inner_830 .ctn .year_list li {float:left;
								width:36px;
								padding:0 2px;
							   text-align: center;}
.inner_830 .ctn .year_list li a:hover {color:#ff6c54 ;}
.inner_830 .ctn table .view {padding-top:10px;
							 padding-bottom:10px;}
.inner_830 .customer_board {width:666px; }
.inner_830 .customer_board .search {float:right;
									margin-bottom:10px;
								    width:320px;}
.inner_830 .customer_board .search select {float:left;
										   width:100px;
										   height:25px;
											margin-right:5px;
										    font-size: 12px;}
.inner_830 .customer_board .search input {float:left;
										  width:170px;
										  height:23px;
										  border:1px solid #808080;
										  margin-right:5px; }
.inner_830 .customer_board .search img {float:left;
										width:26px;
										height:20px;}
.inner_830 .customer_board table {width:640px;
								  text-align: center;
								  border-collapse: collapse;
								  border-top:2px solid #d7dfeb;				}
.inner_830 .customer_board table th {width:140px; border-bottom:1px solid #fff; text-align: center}
.inner_830 .customer_board table td {padding-left:0;
									 border-bottom:1px solid #d7dfeb;
									 text-align: left;
									  padding-left:10px;}
.inner_830 .customer_board .title {width:250px; text-align:left; padding-left:10px;}
.inner_830 .customer_board .checking {text-align: center;
									  padding-left:0;}
.inner_830 .customer_board .text {display:block;
							     	width:620px;
								 	padding:10px;
								    text-align: left;
								    font-weight: 400}
.inner_830 .customer_board .clear_yes {display: inline-block;
									  width:60px;
									  height:20px;
									  padding-top:5px;
									  background: #25b080;
									  color:#fff;
									  border-radius: 5px;
									  -moz-border-radius:5px;
									  -webkit-border-radius:5px;
									  font-size: 12px}
.inner_830 .customer_board .clear_ing {display: inline-block;
									  width:60px;
									  height:20px;
									  padding-top:5px;
									  background: #ff6c54;
									  color:#fff;
									  border-radius: 5px;
									  -moz-border-radius:5px;
									  -webkit-border-radius:5px;
									  font-size: 12px}
.inner_830 .customer_board .board_btn {margin:0 auto;
									   width:276px;
									   margin-top:10px;}
.inner_830 .customer_board .board_btn li {float:left;
										  text-align: center}
.inner_830 .customer_board .board_btn li a {display: inline-block;
										 	height:20px;
										 	width:80px;
										 	padding-top:5px;
									 		margin:0 5px;
										  	border:1px solid #325081;}
.inner_830 .customer_board .board_btn li a:hover {color:#cc324b;
												  border:1px solid #cc324b;
												 font-weight: 700}
.inner_830 .customer_board .number_list {margin:0 auto;
										margin-top:20px;
										width:250px; 
										height:18px;}
.inner_830 .customer_board .number_list .prev,
.inner_830 .customer_board .number_list .next {width:46px;}
.inner_830 .customer_board .number_list li {float:left;
											width:10px;
											padding:0 2px;
										    text-align: center;}
.inner_830 .customer_board .number_list li a:hover {color:#ff6c54 ;}
.inner_830 .customer_board .write {float:right;
								   text-align: center}
.inner_830 .customer_board .write a {display: inline-block;
								    width:90px;
								    height:20px;
								    border-radius: 5px;
								    -webkit-border-radius:5px;
								    -moz-border-radius:5px;
								    padding-top:5px;
								     color:#808080;
									 border:1px solid #808080;	}
.inner_830 .customer_board .write a:hover {color:#ff3000;
											border:1px solid #ff3000;}

.underline-1{
    border-bottom: solid 1px #5b5ba3;
    width: 40px;
    display: inline-block;
    margin: 5px;
}.underline-2{
    border-bottom: solid 1px #e07d32;
    width: 40px;
    display: inline-block;
    margin: 5px;
}.underline-3{
    border-bottom: solid 1px #000;
    width: 40px;
    display: inline-block;
    margin: 5px;
}

@font-face {
    /* 사용할 폰트의 이름 */
    font-family: "SCDream4";
    font-display: fallback;
  
    /* 
    src: 사용할 폰트의 위치 및 형식 
       Safari, Android, iOS => ttf
       Modern Browsers => woff
       IE6-IE8 => eot
    */
    src: url("/font/SCDream4.otf") format("opentype")
        ,url("/font/SCDream4.eot") format("embedded-opentype");
  
    /* 사용할 폰트의 기본 스타일 */
    font-style: normal;
  }
  @font-face {
    /* 사용할 폰트의 이름 */
    font-family: "SCDream3";
    font-display: fallback;
  
    /* 
    src: 사용할 폰트의 위치 및 형식 
       Safari, Android, iOS => ttf
       Modern Browsers => woff
       IE6-IE8 => eot
    */
    src: url("/font/SCDream3.otf") format("opentype")
        ,url("/font/SCDream3.eot") format("embedded-opentype");
  
    /* 사용할 폰트의 기본 스타일 */
    font-style: normal;
  }
  @font-face {
    /* 사용할 폰트의 이름 */
    font-family: "SCDream5";
    font-display: fallback;
  
    /* 
    src: 사용할 폰트의 위치 및 형식 
       Safari, Android, iOS => ttf
       Modern Browsers => woff
       IE6-IE8 => eot
    */
    src: url("/font/SCDream5.otf") format("opentype")
        ,url("/font/SCDream5.eot?iefix") format("embedded-opentype");
  
    /* 사용할 폰트의 기본 스타일 */
    font-style: normal;
  }