.area {width:1200px; margin:0 auto}
.area:after {display:block;visibility:hidden;clear:both;content:""}

#hd {padding:50px 0; 
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #242424 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1e5799 0%,#242424 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1e5799 0%,#242424 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#242424',GradientType=1 ); /* IE6-9 */
}

#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd dl {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
#hd dt {float:left; line-height:59px}
#hd .logo {text-align:center; margin-bottom:30px}
#hd .logo:after {display:block;visibility:hidden;clear:both;content:""}
#hd .logo span {color:#fff; font-size:36px; font-weight:600}
#hd .gnb ul {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
#hd .gnb li {float:left}
/*#hd .gnb li:first-child {margin-right:100px}*/

a.btn_01 {display:inline-block; width:100%; padding:10px 20px; color:#fff; font-size:36px; font-weight:400}
a.btn_01:hover {color:#ff0000; padding:10px  20px; border-radius:10px}

#container {width:100%; margin:0 auto; padding:50px 0}
#container:after {display:block;visibility:hidden;clear:both;content:""}
.banner {position:relative; margin-bottom:50px;width:33%;float:left;padding:5px;}
.banner:last-child {margin-bottom:0}
.banner img {width:100%;}

.bg {position:absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0}
.bg:hover {background:url('../img/logo2.png') center no-repeat rgba(0,0,0,0.85);
border:10px solid #ff0000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}


@media screen and (max-width:1194px) {
img {width:100%; height:auto}
.area {width:100%}
#hd {padding:20px}
#hd dt {line-height:40px}
#hd .logo {margin-bottom:20px}
#hd .logo img {height:40px; width:auto}
#hd .logo span {font-size:2em}
#hd .gnb ul {width:100%}
#hd .gnb li {width:50%; text-align:center}
#hd .gnb li:first-child {margin-right:0}
a.btn_01 {padding:10px 0; font-size:2em}
#container {width:100%; padding:10px 10px}
.banner {margin-bottom:20px}
.bg:hover {background-size:50% 50%;
border:5px solid #ff0000;
}

}