@charset "utf-8";
/* CSS Document */
@font-face{font-family:'Gibatang'; src:url('../font/Batang_Regular.woff')}	

@media screen and (min-width: 1025px) 
		{

	.subwrap {width: 100%; position: relative }
	.title01 {width: 100%; text-align: center; font-size: 35px;font-family:'Gibatang'; margin-bottom: 90px }
	.title_big {width: 100%; height: 56px; background: url("../image/sub/titlebg.jpg") left center
	no-repeat; color: #fff; font-size: 28px; line-height: 56px; text-indent: 20px }			
	.res_img {max-width: 100%; height: auto}
	
	.htable {width: 100%; height: auto; position: relative; margin: 30px 0 70px 0; border-top:#505d77 2px solid; border-collapse:collapse; text-align: center}
    .htable .n01 {background: #f6f7f8; font-weight: bold; height: 50px; line-height: 50px; font-size:18px; font-family:'Gibatang';}
	.htable td {height: 50px; line-height: 50px; font-size:18px; font-family:'Gibatang'; border: 1px solid #bbb; padding-left: 10px }
	
	
	.pagewrap {width: 100%; height: auto; position: relative}
	.imgright {width:390px; height: 480px; background: url("../image/sub/s0503.jpg") no-repeat; position: absolute; top: 0; right: 50px}
	.titlewrap {width: 100%; height: auto; position: relative; margin-top: 60px; margin-bottom: 30px}
	.titlebar {width: 15px; height:3px;  background:#e6920e left center; float: left; position: absolute; top: 8px; left: 0}
	.title02 {font-size:25px; font-family:'Gibatang'; text-indent: 30px; float: left; font-weight: bold}
	.subwrap p {margin-top: 20px; line-height: 28px; font-size: 18px}
	
	.text_right {width: 100%; text-align: right; font-weight: bold; font-size: 24px}
	
	.his_wrap {width: 900px; height: auto; position: relative}
	.his_wrap01 {width: 900px; height: auto; position: relative; margin-left: 200px}
	.his_wrap02 {width: 900px; height: auto; position: relative; margin-left: 0}		
	.his01 {width: 200px; height: 550px; float: left; background: url("../image/sub/his_bg.jpg") no-repeat center 100px; font-size: 50px; font-weight: bold; color: #000; text-align: center}
	.his02 {width: 40px; height: 550px; float: left; text-align: center; top: 10px; position: relative }
	.his03  {width: 640px; height: 550px; float: left; margin-left: 20px}
	.his03 ul {font-size: 18px; line-height: 35px}
	.his010 {width: 200px; height: 350px; float: left; background: url("../image/sub/his_bg0.jpg") no-repeat center 100px; font-size: 50px; font-weight: bold; color: #000; text-align: center}	
	.his020 {width: 40px; height: 350px; float: left; text-align: center; top: 10px; position: relative }
	.his030  {width: 640px; height: 350px; float: left; margin-left: 20px}
	.his030 ul {font-size: 18px; line-height: 35px}
	
}

@media screen and (max-width: 1024px) 
		{
			
	.subwrap {width: 100%; position: relative }
	.title01 {width: 100%; text-align: center; font-size: 20px;font-family:'Gibatang'; margin-bottom: 50px; line-height: 30px }
	.title_big {width: 100%; height: 45px; background: url("../image/sub/titlebg.jpg") left center
	no-repeat; color: #fff; font-size: 20px; line-height: 45px; text-indent: 20px }			
	.res_img {max-width: 100%; height: auto}
	
	.htable {width: 100%; height: auto; position: relative; margin: 30px 0 70px 0; border-top:#505d77 2px solid; border-collapse:collapse; text-align: center; color: #000}
    .htable .n01 {background: #f6f7f8; font-weight: bold; height: 40px; line-height: 40px; font-size:13px; font-family:'Gibatang';}
	.htable td {height: 40px; line-height: 40px; font-size:12px; font-family:'Gibatang'; border: 1px solid #bbb; padding-left: 10px }
	
	
	.pagewrap {width: 100%; height: auto; position: relative}
	.imgright {display: none; }
	.titlewrap {width: 100%; height: auto; position: relative; margin-top: 60px; margin-bottom: 30px}
	.titlebar {width: 15px; height:3px;  background:#e6920e left center; float: left; position: absolute; top: 8px; left: 0}
	.title02 {font-size:18px; font-family:'Gibatang'; text-indent: 30px; float: left; font-weight: bold}
	.subwrap p {margin-top: 20px; line-height: 28px; font-size: 14px}
	
	.text_right {width: 100%; text-align: right; font-weight: bold; font-size: 18px}
	
	.his_wrap {width: 100%; height: auto; position: relative}
	.his_wrap01 {width: 100%; height: auto; position: relative; margin-left: 0; margin-top: 50px}
	.his_wrap02 {width: 100%; height: auto; position: relative; margin-left: 0; margin-top: 50px}		
	.his01 {width: 20%; height: auto; float: left;  font-size: 20px; font-weight: bold; color: #000; text-align: center; padding: 0 10px}
	.his02 {width: 5%; height: auto; float: left; text-align: center;  position: relative }
	.his03  {width: 73%; height: auto; float: left; margin-left: 2% }
	.his03 ul {font-size: 14px; line-height: 25px}
	.his010 {width: 20%; height: auto; float: left;  font-size: 20px; font-weight: bold; color: #000; text-align: center; padding: 0 10px}	
	.his020 {width: 5%; height: auto; float: left; text-align: center;  position: relative }
	.his030  {width: 73%; height: auto; float: left; margin-left: 2%}
	.his030 ul {font-size: 14px; line-height: 25px}
			
}