@charset('utf-8');
@import url('http://c.dubuplus.com/inc/css/font/notosans/notosanskr.css');


*{margin:0; padding:0; vertical-align:top; box-sizing:border-box;}
li{list-style:none;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; }
img{max-width:100%; width:auto; height:auto;}

body,html{font-family:'Noto Sans KR',sans-serif;}


#wrap{width:1120px; margin:0 auto;}
.header{height:100px;}
.header .logo{float:left; padding:12px 0 0; margin-right:40px;}
.header .nav{float:left; overflow:hidden;}
.header .nav li{float:left;}
.header .nav li.active a{color:#b31117;}
.header .nav li a{display:block; margin:0 16px; font-size:15.5px; font-weight:500; color:#000; line-height:100px;}
.header .nav li a:hover{color:#b31117} 
.header .lan{float:right; position:relative; margin-top:30px;  }
.header .lan p {position:relative; z-index:2; background:#f4f4f4; border:1px solid #ddd;border-radius:50px; padding:10px 15px; color:#999; line-height:16px; cursor:pointer;}
.header .lan p img{margin:0 3px;}
.header .lan ul{position:absolute; background:#fff; padding:20px 10px 7px; width:100%; box-sizing:border-box; top:20px; border:1px solid #ddd; left:0; z-index:1; border-radius:0 0 20px 20px; display:none;} 
.header .lan ul li a{ color:#999; display:block; padding:2px 0; text-align:center;}
.header .lan ul li a:hover{color:#b31117;}
.bd_hd h2{font-size:36px; font-weight:500; padding:50px 0 0;}
.bd_hd h2:before{content:'◆'; color:#b31117; font-size:14px; display: inline-block;  vertical-align: top;}



#main ul{overflow:hidden; width:100%; margin:20px 0;}
#main ul li{float:left; margin-right:20px;  transition:all ease .6s;}
#main ul li:last-child{margin-right:0;}
#main ul li a{position:relative; display:block;  transition:all ease .6s;}
#main ul li a b{display:block; width:40px; height:40px; background:url('/src2/images/main/main_more.png') no-repeat center center; position:absolute; left:50%; margin-left:-20px; bottom:20px;}
#main ul li:hover{background:#b31117; }
#main ul li:hover a{opacity:.8;}
#main ul li a:hover b{background:url('/src2/images/main/main_more_on.png') no-repeat center center;}



#footer{margin:40px 0; border-top:1px solid #ddd; padding:40px 0; overflow:hidden;}
#footer a{float:left; margin-right:40px; }
#footer p{ color:#999; float:left; line-height:2; font-weight:300;}