@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
html,body,h1,h2,h3,h4,h5,h6,p,table,tr,td, div { color: black; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; line-height : 16pt; font-size: 10pt; vertical-align: center; margin: 0;padding: 0;}

    A:active, A:visited { color: black; text-decoration: none; font-family: 'Nanum Gothic', sans-serif;  line-height : 16pt; font-size: 10pt;}
	A:link {  color: black; text-decoration: none; font-family: 'Nanum Gothic', sans-serif; line-height : 16pt; font-size: 10pt;}
    A:hover { color: #fff; text-decoration: none;  font-family: 'Nanum Gothic', sans-serif; line-height : 16pt; font-size: 10pt;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0px;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  z-index: 10;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;  
  height:94px;
  color: white;
  font-family: 'Nanum Gothic', sans-serif;
  line-height: 1;
  text-align: left;
  font-weight: bold;
}

#cssmenu > ul > li {
  float: right;
  
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 30px 0px 0px 0px;
  font-size: 13px;
  text-decoration: none;
  text-transform: none;
  color: black;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a  {
  color: #6a6a6a;
}
#cssmenu > ul > li.active > a {
  
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 0px;
  padding-bottom: 2px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 5px;
  right: 17px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #6a6a6a;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: 5px;
  padding-top:94px;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
 
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: ;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
  
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 220px;
  font-size: 12px;
  background: #333333;
  text-decoration: none;
  color: #8d8d8d;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}

.cssmenu0011 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 12px;  
  line-height : 13pt;
  text-align:left;
}

.cssmenu010 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 14px;  
  line-height : 18pt;
}

.cssmenu11 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 20px 0px 0px 0px;
  font-size: 13px;  
  line-height : 16pt;
  color:black;
}

.cssmenuco {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 15px;  
  line-height : 18pt;
  color:black;
}

.cssmenuco_right {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 12px;  
  line-height : 18pt;
  color:black;
  float: right;
}

.cssmenuco1 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 12px;  
  line-height : 18pt;
  color:black;
}

.cssmenu1111 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 14px;  
  line-height : 20pt;
  font-weight : bold;
  color:black;
}

.cssmenu1112 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 14px;  
  line-height : 20pt;
  font-weight : bold;
  color:#32498e;
}

.cssmenu111 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 26px;  
  line-height : 46pt;
  color:black;
}

.cssmenu12 {
  margin: 0;
  font-family: 'Nanum Myeongjo', sans-serif;
  font-size: 24px;    
  line-height : 26pt;
  color: #62a241; 
  border-bottom: 1px solid #62a241; 
}

.cssmenu121 {
  margin: 0;
  font-family: 'Nanum Myeongjo', sans-serif;
  padding: 10px 0px 50px 10px;
  font-size: 24px;  
  line-height : 28pt;
}

.cssmenu001 {
  margin: 0;
  font-family: 'Jeju Myeongjo', sans-serif;
  padding: 10px 0px 10px 10px;
  font-size: 28px;  
  line-height : 42pt;
  color:gray;
}

.cssmenu12m {
  width:100%;
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 18px;    
  line-height : 26pt;
  color: #0365ca; 
  /*border-bottom: 1px solid #000000; */
}
.cssmenu13m {
  width:100%;
  height:60px;
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 18px;    
  line-height : 26pt;
  color: #BLACK;  
  margin-left:10px;
  text-align:center;
}
.cssmenu13-1m {
  width:100%;
  height:60px;
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 18px;    
  line-height : 26pt;
  color: #BLACK;  
  text-align:center;
}
.cssmenu14m {
  width:191;
  height:60px;
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 18px;    
  line-height : 26pt;
  color: #BLACK;  
  margin:0px;
  text-align:center;
}
.cssmenu002 {
  margin: 0;
  font-family: 'Jeju Gothic', sans-serif;
  padding: 10px 0px 10px 10px;
  font-size: 13px;  
  line-height : 16pt;
}

.rtop, .rbottom{display:block;margin:0 0 0 0px;}
.rtop *, .rbottom *{display:block; height:1px; overflow:hidden; }
.r1{margin:0 5px; background:#f2f2f2;}
.r2{margin:0 3px; border-left:2px solid #e9e9e9; border-right:2px solid #e9e9e9; background:#f2f2f2;}
.r3{margin:0 2px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:#f2f2f2;}
.r4{margin:0 1px; height:2px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:#f2f2f2;}
.box{ margin:0 0 0 0px; padding:5px 30px; border-left:#e9e9e9 solid 1px; border-bottom:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; border-top:#e9e9e9 solid 1px;  background:#f2f2f2; font-size:13px;}



#cssmenuleft {
  font-family: 'Nanum Gothic', sans-serif;
  background: #333;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 200px;
}
#cssmenuleft li {
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#cssmenuleft a {
  font-family: 'Nanum Gothic', sans-serif;
  background: #333;
  border-bottom: 1px solid #686868;
  color: #ccc;
  display: block;
  margin: 0px;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: bold;
}

#cssmenuleft a:hover {
  font-family: 'Nanum Gothic', sans-serif;
  background: #005ea1 url("images/hover.gif") left center no-repeat;
  color: #fff;
  padding-bottom: 8px; 
}



/* company */
.company { font-size: 15px; line-height: 24px; letter-spacing: -.5px; color: #989189; font-family: 'Nanum Gothic', sans-serif; width: auto; }
.company > article { margin: 0 auto; }
.company > article:after { content: ''; display: block; clear: both; }
.company > article > .wrap { width: 1000px; margin: 0 auto; position: relative; }
.company h2 { font-size: 25px; color: #333; line-height: 27px; font-family: 'Nanum Gothic', sans-serif; margin-bottom: 1.6em; }
.company h3 { font-size: 21px; color: #989189; }
.company em { color: #5ab130; }
.company p + p { margin-top: 2em; }
.company p > span { display: block; }
.company .title { font-size: 28px; line-height: 42px; color: #333; }

.company .intro { text-align: center; padding: 0 0 370px; background: url('') center bottom repeat-x; margin-top: 80px; margin-bottom: 80px; }
.company .intro .title { font-size: 24.5px; line-height: 33px; letter-spacing: -0.2px; font-family: 'Nanum Myeongjo', sans-serif; margin-bottom: 2em; }
.company .intro strong { color: #5ab130; border-bottom: 1px solid #5ab130; }
.company .intro .sign { margin-top: 2.5em; }


#box00{
    border:10px solid #000;
    border-radius: 10px 40px 40px 10px;
    width: 200px;
    height: 100px;
    background-color:#ccc;
}

/* 톱메뉴*/
ul, li{
list-style:none;
padding:0px;
margin:0px;}

#wrap1 {
	width:100%;
	position: relative;
	padding:0px;
	margin:0px;
	  z-index: 9;
}

#header1 {
	width:100%;
	height:112px;
	padding:0px;
	margin:0px;
	background: url('http://duri.ezwebh.gethompy.com/html/top_back.jpg'); background-repeat:repeat-x;
}

.navi_bg{
}

.nav {
	height:112px;
	list-style: none;
	width:1010px;
	font-size: 15px;
    font-family: 'Nanum Gothic', sans-serif;
	color:black;
	padding:0px;
	margin:0px;

}

.topnav{
	text-align:center;
	width:112px;
	cursor:pointer;
	font-weight:bold;
	padding:15px 0px 0px 0px;
	margin:0px;
}

.topnav11{
	text-align:center;
	width:96px;
	cursor:pointer;
	font-weight:bold;
	padding:15px 0px 0px 0px;
	margin:0px;
}

.topnav1{
	width:275px;
	height:112px;
    padding:0px 0px 0px 0px;
	margin:0px;
	cursor:pointer;
}

.topnav:hover{
	color:#d3d3d3;
	padding:15px 0px 0px 0px;
	margin:0px;
}

.navi_set{
	float: left;
	padding:0px;
	margin:0px;
	position: relative;
}

.navi_set1{
	float: left;
	padding:0px;
	margin:0px;
	position: relative;
}

/* 톱메뉴끝*/




/*메인*/
#main_top  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("/html/menu/top_back.png") top center repeat-x;
  color: #fff;
  width:100%;
  height:36px;
  z-index: 1;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
  text-align:right;
}
#main_top > ul {
 width:1300px;
 margin:0 auto;
}
#main_top > ul > li {
display:inline-block;
vertical-align:top;
text-align:right;
padding-right:16px;
}
#main_top > ul > li.m1 {
width:518px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m2 {
width:98px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m3 {
width:31px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m4 {
width:134px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m5 {
width:27px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m6 {
width:112px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m7 {
width:31px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m8 {
width:80px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m9 {
width:30px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m10 {
width:96px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m11 {
width:23px;
padding-top:15px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li.m12 {
width:662px;
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top > ul > li > ul {
 width:645px;
 margin:0 auto;
}
#main_top > ul > li > ul > li  {
display:inline-block;
vertical-align:top;
padding-top:0px;
color: #ffffff;
}
#main_top > ul > li.active {
display:inline-block;
vertical-align:top;
padding-top:0px;
color: #ffffff;
}

/*마우스오버시 색상바뀜*/
/*#main_top div.mm a{filter:alpha(opacity=70);opacity:.70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}
#main_top div.mm a:hover{filter:alpha(opacity=100);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}*/

/*마우스오버시 색상바뀜*/
#main_top div.mm a{
width:75px; height:29px; padding:7px 0px 0px 0px; margin-bottom:0px;
float:right; text-align:center; 
font-size:12px;
color:#ffffff;
background: #0d4da1 url("") top center repeat-x;
}
#main_top div.mm a:hover{background:#1e63bd; color:#fff;}


#main_top1  {
  font-family: 'Nanum Gothic', sans-serif;
  background: url("/html/banner_back.jpg") top center no-repeat;
  color: #fff;
  width:100%;
  height:492px;
  z-index: 2;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#main_top1 > ul {
 width:1300px;padding:0px 50px;
 margin:0 auto;
}
#main_top1 > ul > li {
display:inline-block;
vertical-align:top;
}

#main_top1 > ul > li.L1{
width:500px;
vertical-align:middle;
}
#main_top1 > ul > li.L2{
width:680px;
display:inline-block;
padding-top:20px;
vertical-align:bottom;
}
#main_top20  {
  font-family: 'Nanum Gothic', sans-serif;
  background: url("/html/banner_back1.jpg") top center no-repeat;
  color: #000;
  width:100%;
  height:181px;
  font-size:16px;
  font-weight:bold;
  line-height : 37pt;
  z-index: 3;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#main_top2  {
  font-family: 'Nanum Gothic', sans-serif;
  background: url("/html/banner_back.jpg") top center no-repeat;
  color: #000;
  width:100%;
  height:427px;
  font-size:16px;
  font-weight:bold;
  line-height : 37pt;
  z-index: 3;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}

#main_top2  a:hover {
  color: #d70001;
  cursor:pointer;
  font-size:16px;
  font-weight:bold;
  line-height : 37pt;
  z-index: 3;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#main_top2 > ul {
 width:1300px;
 margin:0 auto;
}
#main_top2 > ul > li.active {
display:inline-block;
vertical-align:top;
float:right;
}

#main_top2 > ul > li {
display:inline-block;
vertical-align:top;
}

#main_top2 > ul > li.no1 {
width:267px;
display:inline-block;
vertical-align:top;
height:419px;
padding:56px 0px 0px 33px;
}

#main_top2 > ul > li.no2 {
width:900px;
display:inline-block;
vertical-align:top;
padding-top:3px;
}

#main_top2 > ul > li.no3 {
width:256px;
display:inline-block;
vertical-align:top;
}

#main_top22  {
  font-family: 'Nanum Gothic', sans-serif;
  background: url("/html_re/about/banner_back.jpg") top center no-repeat;
  color: #fff;
  width:100%;
  height:160px;
  z-index: 3;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#main_top22 > ul {
 width:1300px;
 margin:0 auto;
}
#main_top22 > ul > li.active {
display:inline-block;
vertical-align:top;
float:right;
}

#main_top22 > ul > li {
display:inline-block;
vertical-align:top;
}

#main_top22 > ul > li.no1 {
width:762px;
display:inline-block;
vertical-align:top;
}

#main_top22 > ul > li.no2 {
width:162px;
display:inline-block;
vertical-align:top;
}

#main_top22 > ul > li.no3 {
width:256px;
display:inline-block;
vertical-align:top;
}
#main_top3  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("") top center repeat-x;
  width:100%;
  height:306px;
  z-index: 4;
  padding:0px;
  vertical-align:top;
}
#main_top3 > ul {
 width:1300px;
 margin:0 auto;
}
#main_top3 > ul > li.active {
display:inline-block;
vertical-align:top;
float:right;
}
#main_top3 > ul > li {
display:inline-block;
vertical-align:top;
text-align:left;
}
#main_top3 > ul > li.bo {
display:inline-block;
vertical-align:top;
font-size:13px;
color: #000;
padding-left:16px; 
}
#main_top3 > ul > li > span {
display:inline-block;
vertical-align:top;
font-size:16px;
color: #fff;
padding-top:45px; 
padding-left:14px;
}
#main_top4  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #575757 url("") top center no-repeat;
  color: #fff;
  width:100%;
  font-size:12px;
  line-height : 31pt;
  height:42px;
  z-index: 4;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#main_top4 > ul {
 width:1300px;
 margin:0 auto;
}
#main_top4 > ul > li > a {
color: #fff;
font-size:12px;
line-height : 31pt;
display:inline-block;
vertical-align:top;
}
#main_top4 > ul > li > a:hover {
color: yellow;
font-size:12px;
line-height : 31pt;
display:inline-block;
vertical-align:top;
}

#main_top4 > ul > li {
display:inline-block;
vertical-align:middle;
}
#main_top5  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ededed url("") top center no-repeat;
  color: #fff;
  font-size:13px;
  line-height : 18pt;
  width:100%;
  height:363px;
  z-index: 400;
  float: center;
  padding:0px;
  margin:0px;
}
#main_top5 > ul {
 width:1300px;
 margin:0 auto;
}
#main_top5 > ul > li {
display:inline-block;
vertical-align:top;
}
#main_top5 > ul > li > span{
display:inline-block;
vertical-align:top;
padding-top:105px;
}
#main1  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("/html/banner_back_b.jpg") center center no-repeat;
  color: #fff;
  width:100%;
  height:462px;
  float: center;
  z-index: 5;
  padding:0px;
  margin:0px;
}
#main1 > ul {
 width:1040px;
 margin:0 auto;
}
#main1 > ul > li {
display:inline-block;
}
#main1_sub  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("/html/banner1.jpg") center center no-repeat;
  color: #fff;
  width:1101px;
  height:462px;
  float: center;
  z-index: 6;
  padding:0px;
  margin:0px;
}
#main1_sub > ul {
 width:1101px;
 margin:0 auto;
}
#main1_sub > ul > li {
display:inline-block;
}
#main2  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("") center center no-repeat;
  color: #fff;
  width:100%;
  height:106px;
  z-index: 7;
  float: center;
  padding:0px;
  margin:0px;
}
#main2 > ul {
 width:1101px;
 margin:0 auto;
}
#main2 > ul > li {
display:inline-block;
}

#main3  {
  font-family: 'Nanum Gothic', sans-serif;
  background: url("") center center repeat-x;
  color: #fff;
  width:100%;
  height:352px;
  z-index: 8;
  float: center;
  padding:0px;
  margin:0px;
}
#main3 > ul {
 width:1101px;
 margin:0 auto;
 padding:0px;
}
#main3 > ul > li {
display:inline-block;
}

#main3 > ul > li.notice {
 width:199px;
 vertical-align:top;
 margin:0 auto;
 padding:0px;
}
#main3 > ul > li.notice > li {
 width:294px;
 vertical-align:top;
 margin:0 auto;
 padding:0px;
}
#main3 > ul > li.notice1 {
 width:424px;
background:  url("/html/notice_back.jpg") center center repeat-x;
 margin:0 auto;
 padding:0px;
}
#main3 > ul > li.notice2 {
 width:417px;
 margin:0 auto;
 padding:0px;
}

#main4  {
  font-family: 'Nanum Gothic', sans-serif;
  background: url("") center center no-repeat;
  color: #fff;
  width:100%;
  height:302px;
  z-index: 9;
  float: center;
  padding:0px 0px 0px 0px;
  margin:0px;
}
#main4 > ul {
 width:2000px;
 margin:0 auto;
}
#main4 > ul > li {
display:inline-block;
padding:0px 0px 0px 0px;
}

#main4 > ul > li > div{
 width:581px;
 height:230px;
display:inline-block;
}

#main5  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("") center center no-repeat;
  color: #fff;
  width:100%;
  height:106px;
  z-index: 10;
  float: center;
  padding:0px;
  margin:0px;
}
#main5 > ul {
 width:1040px;
 margin:0 auto;
}
#main5 > ul > li {
display:inline-block;
}

#main6  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #000000 url("") center center no-repeat;
  color: #ffffff;
  width:100%;
  height:39px;
  z-index: 11;
  float: center;
  padding:0px;
  margin:0px;
}
#main6 > ul {
 width:1040px;
 margin:0 auto;
   float: center;
}
#main6 > ul > li {
display:inline-block;
padding:0px;
color: gray;
float: center;
}

#main6 > ul > li > a {
display:inline-block;
padding:10px 10px 10px 10px;
color: gray;
}

#main6 > ul > li:hover > a  {
  color: white;

}

#main7  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("/html/copy_back.png") top center repeat-x;
  color: #474747;
  font-size:12px;
  width:100%;
  height:219px;
  z-index: 12; 
  float: center;
  padding:0px;
  margin:0px;
}
#main7 > ul {
 width:1300px;
 margin:0 auto;
}
#main7 > ul > li {
display:inline-block;
vertical-align:top;
margin-top:40px;
}

#main7 > ul > li.logo {
display:inline-block;
vertical-align:top;
margin:0px;
width:215px;
}
#main7 > ul > li.logoright {
display:inline-block;
vertical-align:top;
width:1085px;
}
#main7 > ul > li.active {
display:inline-block;
vertical-align:top;
font-size:12px;
line-height : 14pt;
padding-top:45px;
color: #bcbcbc;
}

#main71  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("/html/copy_back.jpg") center center repeat-x;
  color: #fff;
  width:100%;
  height:105px;
  z-index: 12; 
  float: center;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}
#main71 > ul {
 width:1040px;
 margin:0 auto;
}
#main71 > ul > li {
display:inline-block;
}
#main71 > ul > li.active {
display:inline-block;
font-size:12px;
line-height : 14pt;
padding-top:45px;
color: #bcbcbc;
}
/*요기까지*/

.main_p {
    width:331px;
	height:417px;
	list-style: none;
	width:1010px;
	font-size: 15px;
    font-family: 'Nanum Gothic', sans-serif;
	color:black;
	padding:0px;
	margin:0px;

}



/*서브*/
#sub_main  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("/html/about/banner_back.jpg") top center no-repeat;
  color: #fff;
  width:100%;
  height:187px;
  z-index: 13;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#sub_main > ul {
 width:1300px;
 margin:0 auto;
}
#sub_main > ul > li {
display:inline-block;
vertical-align:top;
}
#sub_main > ul > li.active {
display:inline-block;
vertical-align:top;
padding-top:45px;
color: #bcbcbc;
}


#sub_main1  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("/html/about/tel1.png") top center no-repeat;
  width:100%;
  font-size:14px;
  height:90px;
  color: #000000;
  line-height : 18pt;
  z-index: 14;
  float: center;
  padding:0px 0px;
  margin:0px 0px 0px 0px;
  vertical-align:top;
}
#sub_main1 > ul {
 width:1300px;
 margin:0 auto;
}
#sub_main1 > ul > li {
display:inline-block;
}
#sub_main1 > ul > li.le {
width:264px;
vertical-align:top;
color: black;
margin:0 auto;
}

#sub_main1 > ul > li.co {
width:776px;
vertical-align:top;
padding:0px 0px 0px 0px;
margin:0 auto;
color: black;
}
#sub_main1 > ul > li.coright {
width:776px;
vertical-align:top;
padding:0px 0px 0px 0px;
color: black;
}
#sub_main2  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("") top center repeat-x;
  color: #000000;
  width:100%;
  font-size:14px;
  line-height : 18pt;
  z-index: 15;
  float: center;
  padding:0px 0px;
  margin:0px 0px 50px 0px;
  vertical-align:top;
}
#sub_main2 > ul {
 width:1040px;
 margin:0 auto;
}
#sub_main2 > ul > li {
display:inline-block;
vertical-align:top;
}
#sub_main2 > ul > li.active {
display:inline-block;
vertical-align:top;
padding-top:45px;
color: #bcbcbc;
}

#sub_main10  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("/html/about/banner.jpg") top center no-repeat;
  color: #fff;
  width:100%;
  height:167px;
  z-index: 13;
  float: center;
  padding:0px;
  margin:0px 0px 30px 0px;
  vertical-align:top;
}
#sub_main10 > ul {
 width:1300px;
 margin:0 auto;
}
#sub_main10 > ul > li {
display:inline-block;
vertical-align:top;
}
#sub_main10 > ul > li.L1{
width:500px;
vertical-align:middle;
}
#sub_main10 > ul > li.L2{
width:680px;
display:inline-block;
padding-top:20px;
vertical-align:bottom;
}
#sub_main10 > ul > li.active {
display:inline-block;

vertical-align:top;
color: #bcbcbc;
}

#sub_main10_eng  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("/html/eng/about/banner_back.jpg") top center no-repeat;
  color: #fff;
  width:100%;
  height:236px;
  z-index: 13;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#sub_main10_eng > ul {
 width:1300px;
 margin:0 auto;
}
#sub_main10_eng > ul > li {
display:inline-block;
vertical-align:top;
}
#sub_main10_eng > ul > li.L1{
width:500px;
vertical-align:middle;
}
#sub_main10_eng > ul > li.L2{
width:680px;
display:inline-block;
padding-top:20px;
vertical-align:bottom;
}
#sub_main10_eng > ul > li.active {
display:inline-block;

vertical-align:top;
color: #bcbcbc;
}

#sub_main11  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("") top center no-repeat;
  color: #000;
  width:100%;
  font-size:16px;
  line-height : 18pt;
  height:121px;
  z-index: 13;
  float: center;
  padding-top:40px;
  margin:0px;
  vertical-align:top;
}
#sub_main11 > ul {
 width:1040px;
 margin:0 auto;
}
#sub_main11 > ul > li {
display:inline-block;
vertical-align:top;
}

#sub_main11 > ul > li.L1 {
width:220px;
vertical-align:top;
}
#sub_main11 > ul > li.L2 {
width:820px;
padding-left:50px;
vertical-align:top;
}

#sub_main12  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("") top center no-repeat;
  color: #000;
  width:100%;
  font-size:15px;
  line-height : 20pt;
  z-index: 13;
  float: center;
  padding-top:0px;
  margin:0px;
  vertical-align:top;
}
#sub_main12 > ul {
 width:923px;
 margin:0 auto;
}
#sub_main12 > ul > li {
display:inline-block;
vertical-align:top;
}

#sub_main12 > ul > li.L1 {
width:400px;
vertical-align:top;
padding-bottom:30px;
}
#sub_main12 > ul > li.L2 {
width:475px;
padding-left:0px;
vertical-align:top;
}
#sub_main12 > ul > li.L11 {
width:582px;
vertical-align:top;
padding-bottom:30px;
}
#sub_main12 > ul > li.L22 {
width:293px;
padding-left:0px;
vertical-align:top;
}
#sub_main12 > ul > li.L3 {
width:450px;
padding-left:25px;
vertical-align:top;
}

#sub_main13  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("") top center no-repeat;
  color: #000;
  width:100%;
  font-size:13px;
  line-height : 16pt;
  z-index: 13;
  float: center;
  padding-top:0px;
  margin:0px;
  vertical-align:top;
}
#sub_main13 > ul {
 width:859px;
 margin:0 auto;
}
#sub_main13 > ul > li {
display:inline-block;
vertical-align:top;
}

#sub_main13 > ul > li.L1 {
width:659px;
vertical-align:top;
padding-bottom:30px;
}
#sub_main13 > ul > li.L2 {
width:200px;
padding-left:0px;
vertical-align:top;
}

#sub_main14  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("") top center no-repeat;
  color: #000;
  width:100%;
  font-size:13px;
  line-height : 16pt;
  z-index: 13;
  float: center;
  padding-top:0px;
  margin:0px;
  vertical-align:top;
}
#sub_main14 > ul {
 width:937px;
 margin:0 auto;
}
#sub_main14 > ul > li {
display:inline-block;
vertical-align:top;
}

#sub_main14 > ul > li.L1 {
width:602px;
vertical-align:top;
}
#sub_main14 > ul > li.L2 {
width:335px;
padding-left:0px;
vertical-align:top;
}

/*배경 전체화면으로 보이고 브라우저 사이즈에 따라 이미지 사이즈 변경*/
#sub_main15  {
  font-family: 'Nanum Gothic', sans-serif;
  /*요부분이 다른것과 다름*/
  background:  url("/html/about/banner_back.jpg") top center no-repeat fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*요기까지*/
  color: #fff;
  width:100%;
  height:236px;
  z-index: 13;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#sub_main15 > ul {
 width:1300px;
 margin:0 auto;
}
#sub_main15 > ul > li {
display:inline-block;
vertical-align:top;
}
#sub_main15 > ul > li.L1{
width:500px;
vertical-align:middle;
}
#sub_main15 > ul > li.L2{
width:680px;
display:inline-block;
padding-top:20px;
vertical-align:bottom;
}
#sub_main15 > ul > li.active {
display:inline-block;

vertical-align:top;
color: #bcbcbc;
}
/*여기까지*/

#sub_main_title  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("") top center no-repeat;
  color: #000000;
  font-size:14px;
  line-height : 22pt;
  word-break:keep-all;
  width:100%;
  z-index: 200;
  float: center;
  padding:0px;
  margin-top:0px auto;
  vertical-align:top;
}
#sub_main_title > ul {
 width:1300px;
 height:100%;
 margin:0 auto;
}
#sub_main_title > ul > li {
display:inline-block;
}

#sub_main_title > ul > li.left {
width:218px;
vertical-align:top;
color: black;
margin:0 auto;
margin-right:70px;
padding-left:16px;
}
#sub_main_title > ul > li.right{
width:981px;
vertical-align:top;
color: black;
margin:0 auto;
margin-bottom:80px;
padding-right:15px;
}
#sub_main_title > ul > li.right > img.mr{
width:316px;
vertical-align:top;
padding-left:13px;
}
#sub_main_title > ul > li.right > div{
width:981;
vertical-align:top;
color: black;
margin:0 auto;
word-break:keep-all;
}
#sub_main_title > ul > li.right > div > ul {
 width:981px;
 margin:0 auto;
}
#sub_main_title > ul > li.right > div > ul > li {
display:inline-block;
}
#sub_main_title > ul > li.right > div > ul > li > div{
width:100%;
padding:0px;
margin:0 auto;
word-break:keep-all;
}
#sub_main_title > ul > li.t2 {
width:842px;
vertical-align:top;
margin:0px 0px 0px 0px;
/*border-bottom-width: 1px; 
BORDER-BOTTOM-COLOR: #cccccc; 
border-bottom-style: solid;
padding-bottom:17px;*/
}

#sub_main_title > ul > li.active {
display:inline-block;
vertical-align:top;
padding-top:45px;
color: #bcbcbc;
}

/*마우스오버시 색상바뀜*/
#sub_main_title div.mm a{
width:225px; height:30px; padding:7px 0px 0px 10px; margin-bottom:3px;
float:left; text-align:left; 
font-size:13px;
color:#ffffff;
background: #494857 url("") top center repeat-x;
}
#sub_main_title div.mm a:hover{background:#0a6ba4; color:#fff;}

#sub_main_title div.mm1 span{
width:971px; height:37px; padding:0px 0px 0px 10px; margin-bottom:43px;
float:left; text-align:left; 
font-size:15px;
color:#000;
background: #f0f0f0 url("") top center repeat-x;
}

#sub_main_title div.m a{
width:201px; height:53px; padding:7px 0px 0px 0px; 
float:left; text-align:left; 
font-size:13px;
color:#000000;
background:#494857 url("./images/button_h_b.png") top center repeat-x;
}
#sub_main_title div.m a:hover{background:#656b6f; color:#fff;}
/*요기까지*/


#sub_main_title1  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("") top center repeat-y;
  color: #000000;
  font-size:18px;
  width:100%;
  height:127px;
  z-index: 200;
  float: center;
  padding:0px;
  margin:0px 0px 0px 0px;
}
#sub_main_title1 > ul {
 width:1300px;
 margin:0 auto;
}
#sub_main_title1 > ul > li {
display:inline-block;
}

#sub_main_title1 > ul > li.logo {
width:328px;
vertical-align:top;
color: black;
margin:0 auto;
}
#sub_main_title1 > ul > li.menu {
width:956px;
vertical-align:top;
margin:0px;
padding-top:36px;
padding-right:16px;
color: black;
float:right;
}

#sub_main_title1 > ul > li.t2 {
width:842px;
vertical-align:top;
margin:0px 0px 0px 0px;
/*border-bottom-width: 1px; 
BORDER-BOTTOM-COLOR: #cccccc; 
border-bottom-style: solid;
padding-bottom:17px;*/
}

#sub_main_title1 > ul > li.active {
display:inline-block;
vertical-align:top;
padding-top:45px;
color: #bcbcbc;
}
/*요기까지*/

/*div 100%일때 배경색이 짤려보여서 추가함*/
#wrap  {
  background:  url("") top center no-repeat;
  width:100%;
  min-width:1300px;
  z-index: 1;
  float: center;
  padding:0px;
  margin:0px;
  position:relative;
 overflow:hidden;
}
/*요기까지*/

/*게시판설정*/
#sub_main_board  {
  font-family: 'Nanum Gothic', sans-serif;
  width:981px;
  font-size:13px;
  line-height : 16pt;
  z-index: 17;
  float: center;
  padding:0px 0px 50px 0px;
  margin:0px auto;
  position:relative;
  overflow:hidden;
}

#sub_main_content  {
  font-family: 'Nanum Gothic', sans-serif;
  width:100%;
  font-size:15px;
  line-height : 18pt;
  z-index: 17;
  float: center;
  padding:0px 0px 0px 0px;
  margin:0px auto;
  position:relative;
  overflow:hidden;
}



/*마우스오버시 색상바뀜*/
#sub_main_title1 div.mm a{
width:150px; height:30px; padding:7px 0px 0px 0px; margin-left:5px;
float:right; text-align:center; 
font-size:13px;
color:#ffffff;
background:  url("./images/button_h.png") top center repeat-x;
}
#sub_main_title1 div.mm a:hover{background:#000; color:#fff;}

#sub_main_title1 div.m a{
width:150px; height:53px; padding:7px 0px 0px 0px; 
float:right; text-align:center; 
font-size:13px;
color:#000000;
background:  url("./images/button_h_b.png") top center repeat-x;
}
#sub_main_title1 div.m a:hover{background:#1f538c; color:#fff;}

#sub_main_title1 div.mm1 a{
width:150px; height:53px; padding:7px 0px 0px 10px; 
float:right; text-align:center; 
font-size:16px;
color:#000000;
background:  url("./images/button_h_b.png") top center repeat-x;
}
#sub_main_title1 div.mm1 a:hover{background:#3f7708; color:#fff;}

#sub_main_title1 div.mm2 a{
width:150px; height:30px; padding:7px 0px 0px 40px; 
float:right; text-align:center; 
font-size:13px;
color:#000000;
background: url("./images/button_h11.png") top center repeat-x;
}
#sub_main_title1 div.mm2 a:hover{background:#939393; color:#fff;}
/*요기까지*/


#sub_main_content > ul {
 width:1101px;
 margin:0 auto;
 padding:0px;
}
#sub_main_content > ul > li.button2 {
width:193px;
height:37px;
text-align:center;
margin:0px 0px 0px 0px;
background: #ff0000 url("") top center no-repeat;
}
#sub_main_content > ul > li.pp1 {
width:193px;
display:inline-block;
padding:0px 0px 0px 0px;
}
#sub_main_content > ul > li.pp2 {
width:842px;
vertical-align:top;
display:inline-block;
}

#sub_main_content > ul > li.pp3 {
width:66px;
vertical-align:top;
display:inline-block;
text-align:center;
}

#sub_main_content_his  {
  font-family: 'Nanum Gothic', sans-serif;
  width:1040px;
  font-size:14px;
  line-height : 18pt;
  z-index: 17;
  float: center;
  padding:20px 0px 50px 0px;
  margin:0px auto;
  position:relative;
  overflow:hidden;
}
#sub_main_content_his > ul {
 width:1040px;
 margin:0 auto;
 padding:0px;
}

#sub_main_content_his > ul > li.pp1 {
width:220px;
vertical-align:top;
display:inline-block;
}
#sub_main_content_his > ul > li.pp2 {
width:800px;
vertical-align:top;
display:inline-block;
}
#sub_main_content_his > ul > li.pp2 > div {
width:390px;
margin-right:10px;
vertical-align:top;
display:inline-block;
}
#sub_main_content_his > ul > li.pp3 {
width:20px;
vertical-align:top;
display:inline-block;
}
#sub_main_content1  {
  font-family: 'Nanum Gothic', sans-serif;
  width:100%;
  font-size:16px;
  line-height : 18pt;
  z-index: 17;
  float: center;
  padding:0px 0px 0px 0px;
  text-align:right;
  margin:0px auto;
  position:relative;
  overflow:hidden;
}

#sub_main_content1 > ul {
 width:842px;
 margin:0 auto;
 padding:0px;
}
#sub_main_content1 > ul > li {
display:inline-block;
}
#sub_main_content1 > ul > li.lm1 {
width:375px;
vertical-align:top;
color: black;
margin:0 auto;
padding:0px;
}
#sub_main_content1 > ul > li.lm2 {
width:26px;
vertical-align:top;
color: black;
margin:0 auto;
padding:0px;
}
#sub_main_content1 > ul > li.lm3 {
width:375px;
vertical-align:top;
color: black;
margin:0 auto;
padding:0px;
}
#las  {
  font-family: 'Nanum Gothic', sans-serif;
  width:100%;
  font-size:13px;
  line-height : 16pt;
  z-index: 17;
  float: center;
  padding:0px 0px 0px 0px;
  margin:0px auto;
}
#las > ul {
 width:307px;
 margin:0 auto;
 padding:0px;
}
#las > ul > li {
display:inline-block;
padding:0px;
}


/*표*/
#sub_line  {
  font-family: 'Nanum Gothic', sans-serif;
  width:100%;  
  font-size:13px;
  line-height : 16pt;
  z-index: 17;
  float: center;
  padding:0px;
  margin:0px auto;  
  position:relative;
  overflow:hidden;
}
#sub_line > ul {
 width:981px;
 margin:0 auto;
}
#sub_line > ul > li {
display:inline-block;
vertical-align:top;
}
#sub_line > ul > li.t1 {

padding-left:0px;
padding-right:0px;
padding-bottom:47px;
padding-top:10px;
display:inline-block;
margin:0 auto;
text-align:center;
position:relative;
vertical-align:top;
}

#sub_line > ul > li.t1-1 {
background: #EDEDED url("") top center no-repeat;
border-top-width:2px; 
border-bottom-width:1px; 
border-top-color:rgb(228,69,73); 
border-bottom-color:rgb(194,195,204); 
border-top-style:solid; 
border-bottom-style:solid;
padding-left:0px;
padding-right:0px;
padding-bottom:10px;
padding-top:10px;
display:inline-block;
margin:0 auto;
text-align:center;
position:relative;
}
#sub_line > ul > li.t2 {

padding-left:0px;
padding-right:0px;
padding-bottom:47px;
padding-top:10px;
display:inline-block;
margin:0 auto;
text-align:left;
font-size:18px;
position:relative;
vertical-align:top;
}

#sub_line > ul > li.t2-1 {
background: #EDEDED url("") top center no-repeat;
border-top-width:2px; 
border-bottom-width:1px; 
border-left-width:1px; 
border-top-color:rgb(119,119,119); 
border-left-color:#ffffff; 
border-bottom-color:rgb(194,195,204); 
border-top-style:solid; 
border-bottom-style:solid;
border-left-style:solid;
padding-left:0px;
padding-right:0px;
padding-bottom:10px;
padding-top:10px;
display:inline-block;
margin:0 auto;
text-align:center;
position:relative;
}
#sub_line > ul > li.t3-1 {
background: #fafafa url("") top center no-repeat;
border-bottom-width:1px; 
border-bottom-color:rgb(194,195,204); 
border-bottom-style:solid;
padding-left:0px;
padding-right:0px;
padding-bottom:7px;
padding-top:7px;
display:inline-block;
margin:0 auto;
text-align:center;
}
#sub_line > ul > li.t3 {
background: #fafafa url("") top center no-repeat;
border-bottom-width:1px; 
border-left-width:1px; 
border-left-color:#ececec; 
border-bottom-color:rgb(194,195,204); 
border-bottom-style:solid;
border-left-style:solid;
padding-left:0px;
padding-right:0px;
padding-bottom:7px;
padding-top:7px;
display:inline-block;
margin:0 auto;
text-align:center;
}
#sub_line > ul > li.t4-1 {
background: #fff url("") top center no-repeat;
border-bottom-width:1px; 
border-bottom-color:rgb(194,195,204); 
border-bottom-style:solid;
padding-left:0px;
padding-right:0px;
padding-bottom:7px;
padding-top:7px;
display:inline-block;
margin:0 auto;
text-align:center;
}
#sub_line > ul > li.t4 {
background: #fff url("") top center no-repeat;
border-bottom-width:1px; 
border-left-width:1px; 
border-left-color:#ececec; 
border-bottom-color:rgb(194,195,204); 
border-bottom-style:solid;
border-left-style:solid;
padding-left:0px;
padding-right:0px;
padding-bottom:7px;
padding-top:7px;
display:inline-block;
margin:0 auto;
text-align:center;
height:100%;
}

#sub_line > ul > li.t11 {
background: #EDEDED url("") top center no-repeat;
border-top-width:2px; 
border-bottom-width:1px; 
border-top-color:rgb(228,69,73); 
border-bottom-color:rgb(194,195,204); 
border-top-style:solid; 
border-bottom-style:solid;
padding-left:0px;
padding-right:0px;
padding-bottom:10px;
padding-top:10px;
display:inline-block;
margin:0 auto;
text-align:center;
position:relative;
}
#sub_line > ul > li.t22 {
background: #EDEDED url("") top center no-repeat;
border-top-width:2px; 
border-bottom-width:1px; 
border-left-width:1px; 
border-top-color:rgb(119,119,119); 
border-left-color:#ffffff; 
border-bottom-color:rgb(194,195,204); 
border-top-style:solid; 
border-bottom-style:solid;
border-left-style:solid;
padding-left:0px;
padding-right:0px;
padding-bottom:10px;
padding-top:10px;
display:inline-block;
margin:0 auto;
text-align:center;
position:relative;
}


.button2{ display:inline-block; width:183px; height:30px;  vertical-align:middle; padding:7px 0px 0px 10px; margin: 0px 0px 0px 0px; font-size: 16px; line-height: 16px; color:#000000;background: url('./images/button_h.png') repeat-x #fff;border-radius: 0px;box-shadow: 0 0px 0px #d5d7d0;}
.button2:hover{ background: url('./images/button_h.png') 0 37px repeat-x #151d6d ;color:#ffffff;width:183px; height:30px;   vertical-align:middle;}

.button3{ display:inline-block; width:183px; height:53px;  vertical-align:middle; padding:7px 0px 0px 10px; margin: 0px 0px 0px 0px; font-size: 16px; line-height: 16px; color:#000000;background: url('./images/button_h_b.png') repeat-x #fff;border-radius: 0px;box-shadow: 0 0px 0px #d5d7d0;}
.button3:hover{ background: url('./images/button_h_b.png') 0 60px repeat-x #151d6d ;color:#ffffff;width:183px; height:53px;   vertical-align:middle;}

/*끝*/
/*요기까지*/
/*이미지에 커서를 올리면 나타나는 효과 15가지*/
.column div {
	position: relative;
	float: left;
	width: 276px;
	height: 100%;
	margin: 0 0 0 0px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 276px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 276px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* Zoom In #2 */
.hover02 figure img {
	width: 300px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover02 figure:hover img {
	width: 350px;
}

/* Zoom Out #1 */
.hover03 figure img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover03 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Zoom Out #2 */
.hover04 figure img {
	width: 400px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover04 figure:hover img {
	width: 300px;
}

/* Slide */
.hover05 figure img {
	margin-left: 30px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover05 figure:hover img {
	margin-left: 0;
}

/* Rotate */
.hover06 figure img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover06 figure:hover img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

/* Blur */
.hover07 figure img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover07 figure:hover img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* Sepia */
.hover09 figure img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover09 figure:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

/* Blur + Gray Scale */
.hover10 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover10 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}

/* Opacity #1 */
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
}

/* Opacity #2 */
.hover12 figure {
	background: #531abc;
}
.hover12 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12 figure:hover img {
	opacity: .5;
}
/* Opacity #2 */
.hover12-1 figure {
	background: #5094c3;
}
.hover12-1 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12-1 figure:hover img {
	opacity: .5;
}
/* Opacity #2 */
.hover12-2 figure {
	background: #f25659;
}
.hover12-2 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12-2 figure:hover img {
	opacity: .5;
}

/* Opacity #2 */
.hover12-3 figure {
	background: #1abc25;
}
.hover12-3 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12-3 figure:hover img {
	opacity: .5;
}

/* Opacity #2 */
.hover12-4 figure {
	background: #bc1aa3;
}
.hover12-4 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12-4 figure:hover img {
	opacity: .5;
}

/* Opacity #2 */
.hover12-5 figure {
	background: #1abc9c;
}
.hover12-5 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12-5 figure:hover img {
	opacity: .5;
}
/* Opacity #2 */
.hover12-6 figure {
	background: #bcb21a;
}
.hover12-6 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12-6 figure:hover img {
	opacity: .5;
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}




/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*요기까지*/

/* 모든 페이지에 스크롤만들기 가장 하단에 넣어라*/

html>/**/body {overflow-y:scroll;}


/* 만약에 상단에 여백이 1px 또는 2px 생기면 게시판 head_sub.php의 doctype 부분을 홈페이지와 같이 변경해봐*/