@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;
}
.cssmenu2018 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;

  font-size: 22px;  
  line-height : 50pt;
  color:black;
  font-weight:bold;
}
.cssmenu2018-1 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;

  font-size: 24px;  
  line-height : 24pt;
  color:black;
  font-weight:bold;
}
.cssmenu2018-2 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;

  font-size: 20px;  
  line-height : 24pt;
  color:black;
}
.cssmenu2018-3 {
  margin: 0;
  color:#999999;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 13px;  
  line-height : 24pt;
  font-weight:bold;
}
.cssmenuspm {
  margin: 0;
  color:#000;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 16px;  
  line-height : 24pt;
  font-weight:bold;
}
.cssmenuspm1 {
  margin: 0;
  color:#000;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 13px;  
  line-height : 17pt;
}
.cssmenu_tel {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 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: 30px;  
  line-height : 45pt;
  
  color:yellow;
}
.cssmenu1119 {  
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 0px 0px 0px;
  margin:0px;
  font-size: 13px;  
  line-height : 18pt;
  letter-spacing:1px;
  color:#fff;
}


.cssmenu1112 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 36px;  
  line-height : 45pt;
  color:#000;
  font-weight:bold;
}

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



.cssmenu2017-5 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 13px;  
  line-height : 17pt;
  color:#464646
  letter-spacing: -.9px;
}
.cssmenu12 {
  margin: 0;
  font-family: 'Nanum Myeongjo', sans-serif;
  font-size: 24px;    
  line-height : 26pt;
  color: #005387; 
  border-bottom: 1px solid #005387; 
}

.cssmenu121 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 10px 0px 0px 0px;
  font-size: 18px;  
  line-height : 28pt;
  color: #000;
  font-weight:bold;
  text-align:center;
}

.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:0px 0px; border-left:#e9e9e9 solid 1px; border-bottom:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; border-top:#e9e9e9 solid 1px;  background:#fff; font-size:13px;}*/
.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;}
.box1{ margin:0 0 0 0px; padding:30px 30px; border-left:#e9e9e9 solid 1px; border-bottom:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; border-top:#e9e9e9 solid 1px;  background:#f9f9f9; font-size:13px;line-height : 22pt;}



#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:1240px;
 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:1240px;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: #fff url("/html/pro_back.jpg") top center no-repeat;
  color: #000;
  width:100%;
  height:548px;
  font-size:14px;
  line-height : 20pt;
  z-index: 3;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
   word-break:keep-all;
}

#main_top2  a:hover {
  color: #d70001;
  cursor:pointer;
  font-size:16px;
  font-weight:bold;
  line-height : 18pt;
  text-shadow:3px 3px 5px #000;
  z-index: 3;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#main_top2 > ul {
 width:1240px;
 padding:0px 20px;
 margin:0 auto;
 z-index: 3;
 word-break:keep-all;
}
#main_top2 > ul > li.active {
display:inline-block;
vertical-align:top;
float:right;
}

#main_top2 > ul > li {
display:inline-block;
vertical-align:top;
z-index: 3;
word-break:keep-all;
}

#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:1240px;
 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("/html/text_back.jpg") top center repeat-x;
  width:100%;
  height:299px;
  line-height : 19pt;
  font-size:13px;
  z-index: 4;
  padding:0px;
  vertical-align:top;
  word-break:break-all;
}
#main_top3 > ul {
 width:1240px;
 padding:0px 20px;
 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 > a {
display:inline-block;
vertical-align:top;
text-align:left;
color: #000;
  line-height : 19pt;
  font-size:13px;
}
#main_top3 > ul > li > a:hover {
display:inline-block;
vertical-align:top;
text-align:left;
color: #005387;
  line-height : 19pt;
  font-size:13px;
}
#main_top3 > ul > li > span {
display:inline-block;
vertical-align:top;
letter-spacing: -0.08em;
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 5px 0px 0px 0px;
  font-size: 26px;  
  line-height : 30pt;
  font-weight : bold;
  color:#555555;
}
#main_top4  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("") top center no-repeat;
  color: #000;
  width:100%;
  font-size:12px;
  line-height : 31pt;
  height:600px;
  z-index: 4;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#main_top4 > ul {
 width:2000px;
 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.left {
display:inline-block;
vertical-align:top;
}
#main_top4 > ul > li.center {
display:inline-block;
vertical-align:top;
}
#main_top4 > ul > li.right {
display:inline-block;
vertical-align:top;
}
#main_top4 > ul > li.right > img {
display:inline-block;
vertical-align:top;
padding-right:9px;
}
#main_top5  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("") top center no-repeat;
  color: #fff;
  font-size:13px;
  line-height : 18pt;
  width:100%;
  height:324px;
  z-index: 400;
  float: center;
  padding:0px;
}
#main_top5 > ul {
 width:1240px;
 margin:0 auto;
 padding:0px 20px;
}
#main_top5 > ul > li {
display:inline-block;
vertical-align:top;
}
#main_top5 > ul > li.left {
display:inline-block;
vertical-align:top;
width:852px;
padding:65px 0 0 11px;
}
#main_top5 > ul > li.right {
display:inline-block;
vertical-align:top;
width:414px;
padding:54px 0 0 23px;
}
#main_top5 > ul > li > span{
display:inline-block;
vertical-align:top;
padding-top:105px;
}

#main_top6  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #f8f8f8 url("/html/tel_back.jpg") top center no-repeat;
  color: #333333;
  width:100%;
  font-size:13px;
  line-height : 18pt;
  height:1120px;
  z-index: 4;
  vertical-align:top;
  word-break:keep-all;
}
#main_top6 > ul {
 width:1240px;
 padding:0px 20px;
 margin:0 auto;
}
#main_top6 > ul > li > a {
color: #000;
font-size:13px;
line-height : 18pt;
display:inline-block;
vertical-align:top;
margin:0px;
padding:0px;
text-align:left;
}
#main_top6 > ul > li > a:hover {
color: #000;
font-size:13px;
line-height : 18pt;
display:inline-block;
vertical-align:top;
margin:0px;
padding:0px;
text-align:left;
}

#main_top6 > ul > li {
display:inline-block;
vertical-align:middle;
}


#main_top6_eng  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #f8f8f8 url("/html/tel_back.jpg") top center no-repeat;
  color: #333333;
  width:100%;
  font-size:13px;
  line-height : 18pt;
  height:1160px;
  z-index: 4;
  vertical-align:top;
  word-break:keep-all;
}
#main_top6_eng > ul {
 width:1240px;
 padding:0px 20px;
 margin:0 auto;
}
#main_top6_eng > ul > li > a {
color: #000;
font-size:13px;
line-height : 18pt;
display:inline-block;
vertical-align:top;
margin:0px;
padding:0px;
text-align:left;
}
#main_top6_eng > ul > li > a:hover {
color: #000;
font-size:13px;
line-height : 18pt;
display:inline-block;
vertical-align:top;
margin:0px;
padding:0px;
text-align:left;
}

#main_top6_eng > ul > li {
display:inline-block;
vertical-align:middle;
}

#main_top60  {
  font-family: 'Nanum Gothic', sans-serif;
  background:#f1f1f1 url("") top center no-repeat;
  color: #333333;
  width:100%;
  font-size:13px;
  line-height : 18pt;
  height:260px;
  z-index: 4;
  vertical-align:top;
  word-break:keep-all;
}
#main_top60 > ul {
 width:1240px;
 padding:0px 20px;
 margin:0 auto;
}
#main_top60 > ul > li > a {
color: #000;
font-size:13px;
line-height : 18pt;
display:inline-block;
vertical-align:top;
margin:0px;
padding:0px;
text-align:left;
}
#main_top60 > ul > li > a:hover {
color: #000;
font-size:13px;
line-height : 18pt;
display:inline-block;
vertical-align:top;
margin:0px;
padding:0px;
text-align:left;
}

#main_top60 > ul > li {
display:inline-block;
vertical-align:middle;
}

#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: #f4f4f4 url("") top center repeat-x;
  color: #000;
  font-size:12px;
  width:100%;
  height:172px;
  z-index: 12; 
  text-align:center;
  padding:0px 0px 0px 0px;
  margin:0px;
}
#main7 > ul {
 width:1240px;
 margin:0 auto;
 padding:0px 20px;
}
#main7 > ul > li {
display:inline-block;
text-align:center;
}

#main7 > ul > li.logo {
display:inline-block;
vertical-align:top;
margin:0px;
width:180px;
}
#main7 > ul > li.logoright {
display:inline-block;
vertical-align:top;
width:1020px;
text-align:left;
padding-top:61px;
filter:alpha(opacity=90);opacity:.90;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
#main7 > ul > li.active {
display:inline-block;
vertical-align:top;
font-size:12px;
line-height : 14pt;
padding-top:45px;
color: #bcbcbc;
}



#main77  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #f8f8f8 url("/html/pr_back.jpg") top center repeat-x;
  color: #444444;
  font-size:11px;
  font-weight:bold;
  width:100%;
  height:34px;
  z-index: 12; 
  text-align:left;
  padding:15px 20px 0px 20px;
  margin-top:50px;
  
  
}
#main77 > ul {
 width:1240px;
 margin:0 auto;
 padding:0px 20px;
}
#main77 > ul > li {
display:inline-block;
text-align:left;
}
#main77 > ul > li > a {
display:inline-block;
color: #444444;
  font-size:12px;
  font-weight:bold;
}

#main77 > ul > li > a:hover {
display:inline-block;
color: red;
  font-size:12px;
  font-weight:bold;
}

#main77 > ul > li.logo {
display:inline-block;
vertical-align:top;
margin:0px;
width:126px;
}
#main77 > ul > li.logoright {
display:inline-block;
vertical-align:top;
width:1174px;
}
#main77 > 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_main2018  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("/html/banner_back.jpg") top center no-repeat;
  color: #fff;
  width:100%;
  height:452px;
  z-index: 13;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#sub_main2018 > ul {
 width:1240px;
 padding:0px 20px;
 margin:0 auto;
}
#sub_main2018 > ul > li {
display:inline-block;
vertical-align:top;
}
#sub_main2018 > ul > li.active {
display:inline-block;
vertical-align:top;
padding-top:45px;
color: #bcbcbc;
}

/*서브*/
#sub_main  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #ffffff url("/html/about/banner1.jpg") top center no-repeat;
  color: #fff;
  width:100%;
  height:132px;
  z-index: 13;
  float: center;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
#sub_main > ul {
 width:2000px;
 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:  url("/html/about/swep_back.png") top center no-repeat;
  width:100%;
  font-size:14px;
  height:148px;
  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:1240px;
 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:1240px;
 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:1240px;
 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:1240px;
 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_map  {
  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;
  text-align:center;
  padding:0px;
  vertical-align:top;
}
#sub_main_title_map > ul {
 width:100%;
 height:100%;
 margin:0 auto;
}
#sub_main_title_map > ul > li {
display:inline-block;
}
#sub_main_title_map > ul > li > span {
display:inline-block;
width:1240px;
text-align:left;
}

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

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

display:inline-block;
padding:0px;
margin:0px;
vertical-align:top;
width:70px;
}
#sub_main_title > ul > li.spm3 {

display:inline-block;
padding:0px;
margin:0px;
vertical-align:top;
width:890px;
}
#sub_main_title > ul > li.line5 {
display:inline-block;
font-size:14px;
line-height : 22pt;
padding:50px 30px;
width:1138px;
margin:0px;
margin-bottom:20px;
background-color:#f9f9f9;
text-align:left;
border: 1px solid #e2e2e2;
}
#sub_main_title > ul > li.line6 {
display:inline-block;
font-size:14px;
line-height : 22pt;
padding:50px 30px;
width:330px;
margin:0px;
margin-bottom:20px;
background-color:#f9f9f9;
text-align:left;
border: 1px solid #e2e2e2;
}
#sub_main_title > ul > li.line6-1 {
display:inline-block;
font-size:14px;
line-height : 22pt;
padding:50px 30px;
width:330px;
margin:0px;
margin-bottom:20px;
margin-left:12px;
background-color:#f9f9f9;
text-align:left;
border: 1px solid #e2e2e2;
}

#sub_main_title > ul > li.title {
display:inline-block;
padding:0px;
margin:0px;
vertical-align:top;
padding-top:50px;
}
#sub_main_title > ul > li > span.cssmenu2017-1 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 20px;  
  line-height : 28pt;
  color:#464646;
  letter-spacing: -.9px;
  text-align:center;
}
#sub_main_title > ul > li > span.cssmenu2017-2 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 26px;  
  line-height : 34pt;
  color:#fd7c00;
  letter-spacing: -.9px;
  text-align:center;
}
#sub_main_title > ul > li > span.cssmenu2017-3 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 14px;  
  line-height : 24pt;
  color:#464646
  letter-spacing: -.9px;
  text-align:center;
}

#sub_main_title > ul > li > div > ul > li > span.cssmenu2017-1 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 20px;  
  line-height : 28pt;
  color:#464646;
  letter-spacing: -.9px;
  text-align:center;
}
#sub_main_title > ul > li > div > ul > li > span.cssmenu2017-2 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 26px;  
  line-height : 34pt;
  color:#fd7c00;
  letter-spacing: -.9px;
  text-align:center;
}
#sub_main_title > ul > li > div > ul > li > span.cssmenu2017-3 {
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 14px;  
  line-height : 24pt;
  color:#464646
  letter-spacing: -.9px;
  text-align:center;
}
#sub_main_title > ul > li > div {
width:100%;
  margin: 0;
  font-family: 'Nanum Gothic', sans-serif;
}
#sub_main_title > ul > li > div.cover {
display: flex;
justify-content: space-between;
width:100%;
margin: 0;
font-family: 'Nanum Gothic', sans-serif;
font-size:14px;
line-height : 26pt;
}
#sub_main_title > ul > li > div.cover > div {
width:100%;
margin: 0;
font-family: 'Nanum Gothic', sans-serif;
font-size:14px;
line-height : 26pt;
text-align:justify;
}

#sub_main_title > ul > li > div.cover > div > p {
width:100%;
margin: 0;
font-family: 'Nanum Gothic', sans-serif;
font-size:14px;
line-height : 26pt;
font-weight:bold;
text-align:right;
}

#sub_main_title > ul > li > div.cover1 {
display: flex;
justify-content: space-between;
width:100%;
margin: 0;
font-family: 'Nanum Gothic', sans-serif;
font-size:14px;
line-height : 26pt;
}
#sub_main_title > ul > li > div.cover1 > div {
width:100%;
margin: 0;
font-family: 'Nanum Gothic', sans-serif;
font-size:14px;
line-height : 26pt;
}

#sub_main_title > ul > li > div.cover1 > div > p {
width:100%;
margin: 0;
font-family: 'Nanum Gothic', sans-serif;
font-size:14px;
line-height : 26pt;
font-weight:bold;
text-align:right;
}


#sub_main_title > ul > li > div > ul {
 width:1200px;
 padding:0px;
 height:100%;
 margin:0 auto;
}
#sub_main_title > ul > li > div > ul > li {
display:inline-block;
padding:0px;
margin:0px;
vertical-align:top;
font-size:14px;
 line-height : 26pt;
}
#sub_main_title > ul > li > div > ul > li > p {
display:inline-block;
padding:0px;
margin:0px;
vertical-align:top;
width:500px;
font-weight:bold;
font-size:14px;
}

#sub_main_title > ul > li.left {
width:240px;
vertical-align:top;
color: black;
margin:0 auto;
margin-right:50px;
margin-top:20px;
}
#sub_main_title > ul > li.right{
display:inline-block;
width:910px;
vertical-align:top;
color: black;
margin:0 auto;
margin-top:80px;
}
#sub_main_title > ul > li > img.mr{
float:center;
}
#sub_main_title > ul > li.right > div{
width:910;
vertical-align:top;
color: black;
margin:0 auto;
word-break:keep-all;
}
#sub_main_title > ul > li.right > div > ul {
 width:910px;
 margin:0 auto;
}
#sub_main_title > ul > li.right > div > ul > li {
display:inline-block;
padding:0px;
margin:0px;
line-height : 22pt;
font-size:14px;
}
#sub_main_title > ul > li.right > div > ul > li > div > div > ul > li {
display:inline-block;
padding:0px;
margin:0px;
line-height : 18pt;
font-size:13px;
}
#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 > ul > li > div {
display:inline-block;
vertical-align:top;
}
#sub_main_title > ul > li > div > div > ul >li {
display:inline-block;
padding-top:30px;
vertical-align:top;
line-height : 24pt;
word-break:keep-all;
letter-spacing: -.5px;
}


/*마우스오버시 색상바뀜*/
#sub_main_title div.mm a.active:last-child{
border-bottom: 1px solid #ccc;
}
#sub_main_title div.mm a{
border-bottom: 1px solid #ccc;
width:200px; height:10px; padding:0px 10px 15px 10px; 
margin:0px 0px 3px 0px;
float:left;
vertical-align:middle;
font-size:13px;
color:#fff;
border: 0px solid #ccc;
background-color:;
letter-spacing:-0.2px;
}
#sub_main_title div.mmspm a{
border-bottom: 1px solid #ccc;
width:200px; height:10px; padding:0px 10px 15px 10px; 
margin:0px 0px 3px 0px;
float:left;
vertical-align:middle;
font-size:13px;
color:#fffc00;
border: 0px solid #ccc;
background-color:;
letter-spacing:-0.2px;
}
#sub_main_title div.mm a.active{
border-bottom: 0px solid #003366;
width:200px; height:10px; padding:0px 10px 15px 10px; 
margin:0px;
float:left;
vertical-align:middle;
font-size:13px;
color:#fffc00;
background:;
border: 0px solid #003366;
border-bottom:0px;
letter-spacing:-0.2px;
}
#sub_main_title div.mm a:hover{background:; color:#fffc00;border:0px solid #003366; border-bottom:0px;letter-spacing:-0.2px;}


#sub_main_title div.mm9 {
border-bottom: 1px solid #ccc;
width:220px; height:180px; padding:0px 10px 20px 10px; 
margin:15px 0px 15px 0px;
float:left;
vertical-align:middle;
font-size:13px;
color:#000000;
border: 1px solid #ccc;
background-color:#f6f6f6;
}

#sub_main_title div.mm1 a{
border-top: 0px solid #ccc;
width:220px; height:20px; padding:0px 10px 20px 10px; 
margin:0px 0px 3px 0px;
float:left;
vertical-align:middle;
font-size:13px;
color:#000000;
border: 1px solid #ccc;
background-color:#f6f6f6;
}

#sub_main_title div.mm1 a.active{
width:220px; height:20px; padding:10px 10px; 
margin:0px;
float:left;
vertical-align:middle;
font-size:13px;
color:#fff;
background:#005387;
border: 1px solid #005387;
}
#sub_main_title div.mm1 a:hover{background:#ececec; color:#000;border:1px solid #ccc; }

#sub_main_title div.mm2 a{
border-bottom: 1px solid #005387;
width:220px; height:20px; padding:10px 10px; 
margin:0px 0px 3px 0px;
float:left;
vertical-align:middle;
font-size:13px;
color:#fff;
border: 1px solid #005387;
background-color:#005387;
}
/*요기까지*/

#sub_main_title2  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("") top center repeat-x;
  color: #000000;
  font-size:18px;
  width:100%;
  z-index: 9999;
  float: center;
  padding:0px;
  margin:0px;
}
#sub_main_title2 > ul {
 width:1240px;
 padding:0px 20px;
 margin:0 auto;
}
#sub_main_title2 > ul > li {
display:inline-block;
}
#sub_main_title1  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("/html/menu/menu_back.jpg") top center repeat-x;
  color: #000000;
  font-size:18px;
  width:100%;
  height:45px;
  z-index: 9999;
  float: center;
  padding-top:0px;
  margin:0px;
}
#sub_main_title1 > ul {
 width:1240px;
 padding:0px 20px;
 margin:0 auto;
}
#sub_main_title1 > ul > li {
display:inline-block;
}


#sub_main_title1 > ul > li.bar {
display:inline-block;
background:#484f55;
}
#sub_main_title1 > ul > li.logo {
width:279px;
}
#sub_main_title1 > ul > li.menu {
width:921px;
vertical-align:top;
margin:0px;
z-index: 9999;
}

#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;
}


#sub_main_title1-1  {
  font-family: 'Nanum Gothic', sans-serif;
  background:  url("/html/menu/top_back.jpg") top center repeat-x;
  color: #000000;
  font-size:18px;
  width:100%;
  height:153px;
  z-index: 9999;
  float: center;
  padding-top:0px;
  margin:0px;
}
#sub_main_title1-1 > ul {
 width:1240px;
 padding:0px 20px;
 margin:0 auto;
}
#sub_main_title1-1 > ul > li {
display:inline-block;
text-align:center;
}
#sub_main_title1-1 > ul > li > img {
display:inline-block;
text-align:center;margin:0 auto;
}

#sub_main_title1987  {
  font-family: 'Nanum Gothic', sans-serif;
  background: #484f55  url("") top center repeat-x;
  color: #000000;
  font-size:18px;
  width:100%;
  height:41px;
  z-index: 9999;
  float: center;
  padding:0px;
  margin-bottom:50px;
}
#sub_main_title1987 > ul {
 width:1240px;
 padding:0px 20px;
 margin:0 auto;
}
#sub_main_title1987 > ul > li {
display:inline-block;
}
/*요기까지*/

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

/*게시판설정*/
#sub_main_board  {
  font-family: 'Nanum Gothic', sans-serif;
  width:890px;
  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:1240px;
 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: #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:0px;
padding-top:7px;
display:inline-block;
margin:0 auto;
text-align:center;
}
#sub_line > ul > li.t4-1 > a:hover {
background: #fff url("") top center no-repeat;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
display:inline-block;
margin:0 auto;
text-align:center;
color:red;
}
#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:0px;
padding-top:7px;
display:inline-block;
margin:0px auto;
text-align:center;
height:100%;
}

#sub_line > ul > li.t44 {
background: #fff url("") top center no-repeat;
border-bottom-width:1px; 
border-left-width:1px; 
border-right-width:1px; 
border-left-color:#ececec; 
border-right-color:#ececec; 
border-bottom-color:rgb(194,195,204); 
border-bottom-style:solid;
border-left-style:solid;
border-right-style:solid;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-top:7px;
display:inline-block;
margin:0px 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;
}
#sub_line > ul > li.t222 {
background: #EDEDED url("") top center no-repeat;
border-top-width:2px; 
border-bottom-width:1px; 
border-right-width:1px; 
border-left-width:1px; 
border-top-color:rgb(119,119,119); 
border-left-color:#ffffff; 
border-right-color:#ffffff; 
border-bottom-color:rgb(194,195,204); 
border-top-style:solid; 
border-bottom-style:solid;
border-left-style:solid;
border-right-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: 78px;
	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: 78px;
	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: 78px;
	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;
	}
}
/*요기까지*/

/* Bubble Float Bottom */

.hvr-bubble-float-bottom {
  display: inline-block;
  background:#7e7e7e;
  color:#fff;
  font-weight:bold;
  padding:10px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  color:#fff;
  z-index: -1;
  content: '';
  
  left: calc(50% - 10px);
  bottom: -10px;
  border-style: solid;
  border-width: 10px 10px 0px 10px;
  border-color: #7e7e7e transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}


/* Bubble Float Bottom */

.hvr-bubble-float-bottom-red {
  display: inline-block;
  background:#d9000d;
  color:#fff;
  font-weight:bold;
  padding:10px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom-red:before {
  position: absolute;
  color:#fff;
  z-index: -1;
  content: '';
  
  left: calc(50% - 10px);
  bottom: -10px;
  border-style: solid;
  border-width: 10px 10px 0px 10px;
  border-color: #d9000d transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}


/* Bubble Float Bottom */
.hvr-bubble-float-bottom1 {
  display: inline-block;
  background:#7e7e7e;
  color:#fff;
  padding:10px 30px;
  margin-right:20px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-bottom1:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #7e7e7e transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom1:hover, .hvr-bubble-float-bottom1:focus, .hvr-bubble-float-bottom1:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
    color:#fff;
}
.hvr-bubble-float-bottom1:hover:before, .hvr-bubble-float-bottom1:focus:before, .hvr-bubble-float-bottom1:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  color:#fff;
}

/* Double-color dashed line */
/* Gradient color1 - color2 - color1 라인스타일 */

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
hr.style-seven {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}
hr.style-eight {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}



hr#hr1
{
    border-top: 1px solid #8c8b8b;
}
hr#hr2
{
    border-top: 3px double #8c8b8b;
}
hr#hr3
{
    border-top: 1px dashed #8c8b8b;
}
hr#hr4
{
    border-top: 1px dotted #8c8b8b;
}
hr#hr5
{
    background-color: #fff;
    border-top: 2px dashed #8c8b8b;
}
hr#hr6
{
    background-color: #fff;
    border-top: 2px dotted #8c8b8b;
}
hr#hr7
{
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
}
hr#hr8
{
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
}
hr#hr8:after
{
    content: '';
    display: block;
    margin-top: 2px;
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
}
hr#hr9
{
    border-top: 1px dashed #8c8b8b;
    border-bottom: 1px dashed #fff;
}
hr#hr9-1
{
    border-top: 1px dashed #6f7180;
    border-bottom: 1px dashed #434552;
}
hr#hr10
{
    border-top: 1px dotted #8c8b8b;
    border-bottom: 1px dotted #fff;
}
hr#hr11
{
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
hr#hr12
{
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
hr#hr13
{
  height: 30px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 1px 0 0 0;
  border-radius: 20px;
}
hr#hr13:before 
{
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}


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

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


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