@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'맑은 고딕';}

body{padding:0px;margin:0px;vertical-align:top; padding:0; margin:0;
font:normal 12px dotum,'돋움'; color:#000; font-family: "나눔 고딕","맑은 고딕", "돋움", "Segoe UI", "verdana", "arial";}
img{border:0}
table{border-collapse: collapse;}
a{color:#333;}

#wrap{text-align:center;margin:0px;padding:0px;}
#header {width: 100%;height:44px;display:inline-block;background:url(../../images/top_bg.jpg) repeat-x;margin-top:0px;}
#header .inner {width:1222px;height:44px;margin:0 auto;position:relative;display:inline-block;;background:url(../../images/top.jpg);}
#header .inner .logo {width: 259px;height:44px;float:left;}
#header .inner .home {width: 163px;height:19px; position:absolute;right:25px;top:18px;}
#header .inner .gnb {display:inline-block;height:44px;width:1222px;margin-top:0px;float:right;}
#header .inner .gnb .dep1 {float: left;display:inline-block;}
#header .inner .gnb .dep1 ul li {float: left; }
ul, ul li{list-style:none;margin:0;padding:0}
/*로고위치*/
.logo_dkbending{margin-left: 30px;}


.mhm4 a:hover { text-decoration:none; color:#1777b7; font-weight: bold; }
.mhm4 {float:right; width:197px; padding:5 5 5 15px; background-color:#f7f6f6; border-bottom:0px solid #ddd; font-size: 12px; font-weight: none; text-align:left; font-family: "맑은 고딕", "돋움",  "arial";}


.mhm5 a:hover { text-decoration:none; color:#1777b7; font-weight: bold; }
.mhm5 {float:right; width:197px; padding:5 5 5 15px; background-color:#f7f6f6; border-bottom:1px solid #ddd; font-size: 12px; font-weight: none; text-align:left; font-family: "맑은 고딕", "돋움",  "arial";}


#container {width: 100%;margin-bottom:20px;}
#contents{width: 100%;margin:0 auto;display:inline-block;position:relative;}
#scontents{width:100%;height:150px;margin:0 auto;display:inline-block;background:#f3ede4;border-bottom:1px solid #dfdad1;border-top:1px solid #dfdad1;}

#contents .section1 {width: 100%; min-height:381px; margin: 0 auto; overflow:hidden; position:relative;background:url(../../images/visual.jpg);}
#contents .section1 .title {width: 342px; height: 56px; position:absolute; right:6px; top:120px; }
#contents .section1 .main_spot {display:inline-block; position:absolute; right:10px; bottom:40px;}
#contents .section1 .main_spot li {margin-left: 20px; float: left; }
#contents .section1 .main_spot li span {display:inline-block; border: solid 1px #c1c3c5;}
#contents .section1 .main_spot li.on span {border: solid 1px #2f88c7;}
#contents .section1 .main_spot li:hover span {border: solid 1px #2f88c7;}
#contents .section1 .main_spot li .detail {position:absolute; left:-1222px; top:-220px;}
#contents .section1 .main_spot li .detail2 {position:absolute; left:-255px; top:-170px; filter: alpha(opacity=0); opacity:0;}
.top {border-top:5px solid #445dc4; border-bottom:0px solid #ccc;}

.mhm2 a{ text-decoration:none; color:#222; font-weight: bold; box-sizing:border-box;background:#fff;font-size:17px;display:block;width:100%;height:100%;line-height:88px; }
.mhm2 a:hover { text-decoration:none; color:#222; font-weight: bold;background:#fff; }
.mhm2 {font-size: 17px; font-weight: normal; font-family: "맑은 고딕", "돋움",  "arial"; }

#copyright{width: 100%;margin-top:45px;border-top:4px solid #7bafdf;align:center;padding:15px 0px 15px 0px;}

.mvisual{position:relative;background:url(../images/home_bb.jpg) repeat;height:400px;margin-bottom:30px; }
.mv{position:relative;background:url(../../images/visual.png);height:300px;width:1222px;margin:0 auto; border-top:1px solid #ddd;}

.svisual{position:relative;height:222px;background:url(../images/home_bb.jpg) repeat;}
.sv{position:relative;background:url(../images/svisual.png);height:222px;width:1222px;margin:0 auto}
.visual_bg{position:absolute;left:300px;top:220px;z-index:100;}

.move_img{opacity:0;margin-left:-35px;position:absolute;top:33px;left:493px}

.move_txt{opacity:0;margin-top:-15px;position:absolute;top:155px;left:1px}

.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:77px;left:717px;}

.notice{width:315px;float:left;display:inline-block;}
.notice_imgs{float:left;width:85px}
.notice_txt{float:left;display:inline-block;}
.banner{display:inline-block;margin-top:20px}
.banner ul li{list-style:none;float:left}
.banner1{float:left;width:166px;margin-left:28px}
.banner2{float:left;margin-left:28px}

.sub_content{width:1222px;margin:0 auto;display:inline-block;}
.l_menu{width:217px;margin-right:11px;float:left; padding-bottom:47px;}
.marb{margin-bottom:0px; margin-top:0px; margin-bottom:-27px;}
.con{width:960px;float:left;text-align:left}
.mart{margin-top:30px;margin-bottom:20px}

.index_tit{font-size:18px; font-style:나눔고딕; font-weight:200;border-left: 3px solid #445dc4; text-indent: 5px;text-align:left;}

tr {font-size:9pt}

a:link { text-decoration:none}
a:visited {  text-decoration:none}
a:active { text-decoration:none}
a:hover     { font-weight : bold; text-decoration:none}

.fl2{float: left; color: #707070;  width: 930px; padding-bottom: 55px; font-weight: 400; font-size:33px; padding-left: 10px;  padding-top: 26px; font-family:"맑은 고딕";   }

  /* slide */
.slides{position:relative;width:1222px;}
.slides .slide{overflow:hidden;position:relative;width:1222px;height:400px;}
.slides .slide li{display:block;width:1222px;height:555px;}
.slides .slide li a{display:block}
.slides a.prev,.slides a.next{display:inline-block;z-index:100;overflow:hidden;position:absolute;top:90px;width:50px;height:200px;line-height:500px;vertical-align:top}
.slides a.prev{left:25px;background:url(images/prevBtn.gif) 50% no-repeat;}
.slides a.next{right:25px;background:url(images/nextBtn.gif) 50% no-repeat;}

.slides .page{z-index:100;position:absolute;top:400px;left:0;width:1222px;text-align:center;list-style:none}
.slides .page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1}
.slides .page li a{display:block;overflow:hidden;width:12px;height:12px;background:url(../img/sp_page.png) no-repeat;line-height:1222px;vertical-align:top;}
.slides .page li.current a{background-position:0 -12px}

.slides2{position:relative;width:1222px}
.slides2 .slide{overflow:hidden;position:relative;width:1222px;height:400px}
.slides2 .slide li{display:block;width:1222px;height:400px}
.slides2 .slide li a{display:block}

.slides2 .page{z-index:100;position:absolute;bottom:10px;right:10px;height:12px;list-style:none}
.slides2 .page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1}
.slides2 .page li a{display:block;overflow:hidden;width:12px;height:12px;border:1px solid #e7e7e7;background:#fff;color:#999;font-family:Verdana,Geneva,sans-serif;font-size:11px;line-height:12px;text-align:center}
.slides2 .page li a:hover{text-decoration:none}
.slides2 .page li.current a{border:1px solid #6d9506;background:#6d9506;color:#fff;font-weight:bold}

.txt{font-weight:600; font-size:15px; color:#006699; padding:10px 0}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #333;}
.table_style th{color:#333; text-align:center; padding:3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; text-align:center; line-height:180%; color:#666;}

.bmar_50{margin-bottom:10px;}

/* 좌측메뉴 */
.lnb { float:left; width:210px; position:relative; margin-right:25px;  }
.lnb h3 { padding:45px 0 45px 11px; font-size:28px; color:#fff;  background:#0c65c2; url(../../images/inc.png);  font-weight:600; text-align:left; }
.lnb h3 p.stit{color:#b1d3f5; font-weight:100; font-size:14px; letter-spacing:0.3pt;  margin-bottom:7px;  }
.lnb ul {  margin-bottom:46px; text-align:left; }
.lnb li { border-bottom:1px solid #fff;  position:relative;     }


/* 텍스트 메뉴 */
.lnb li a {  padding:14px 10px;  display:block; color:#333; font-size:14px;  font-weight:600;  border-bottom:1px solid #ccc;  }
.lnb li:hover a, .lnb li.active a { color:#333; padding:14px 10px; font-size:14px;  font-weight:600;  background:#f3f3f3 url('../../images/left_up.gif') 183px 18px no-repeat;}




/*depth_3*/
.lnb ol.depth_3{ color:#333;  background: #fafafa; border-bottom:1px solid #ccc; padding:10px 0 20px 10px;}
.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:12px; height:25px; background: #fafafa url('../../images/dot.gif') 0 8px no-repeat !important; padding-left:8px;}
.depth_3 dd a:hover{display:block; color:#333;}
.depth_linktop{color:#fff !important; }
.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }





.lnb_common dl{border:1px solid #cccccc;background:url(../images/i_call.png) no-repeat right 11px top 11px;padding:11px;color:#666; margin-bottom:37px; text-align:left; }
.lnb_common dl dt{  position:relative; color:#33302e; font-size:17px; font-weight:600;line-height:30px;padding:0px px;letter-spacing:-0.5px;}
.lnb_common dl dd.tel{ font-weight:800;font-size:25px; color:#0c65c2;line-height:25px; padding-top:8px}
.lnb_common dl dd.tel2{ font-weight:700;font-size:12px; color:#707070; line-height:25px;}
.lnb_common dl dd.fax{font-size:15px; font-weight:600; color:#707070;  padding-top:3px}
.lnb_common dl dd.email{font-size:13px;color:#666;  padding-top:8px}


.lnb_banner {border:1px solid #cccccc; padding:2px;color:#666; margin-top:5px}

/*sub lnb*/
.cate_box{background:#445dc4; padding-top:40px; padding-bottom:40px; font-size:28px; color:#FFFFFF; margin-bottom:27px;}
.marb_list{float:left; width:217px;border-bottom:1px solid #dddddd; text-align:left; }
.marb_list > a{display:block;width:100%;padding:10px;text-align:left;font-size:15px; }
.marb_list dl{margin:0;}
.marb_list dd{margin:0;padding:10px;background:#eee;}

/*copyright*/
.copy_bg{height:88px; background-position: top; background-repeat: repeat-x; background-image: url(images/copy_bg.jpg);}
.copy_data{color: #000;}
.copy_name{font-weight: bold; color:#445dc4;}

/* 하단롤링배너 */
.product{position:relative;width:1222px;height:225px;margin:0 auto; }
 
.commain{position:relative;float:left;width:245px;height:202px; margin-right:7px; bordert:#666 dotted 1px; background:#f2f2f2  }
.commain h2{position:relative; font-size:17px; color:#000; font-weight:600;  padding:10px  10px 10px 10px ;}
.commain p.n_txt{ color:#777; letter-spacing:-0.2pt; padding:0 10px 10px 10px ;}	
		
.commain2{position:relative;float:left;width:325px;height:202px;   }
.commain2 h2{position:relative; font-size:17px; color:#000; font-weight:600;  padding:10px  10px 10px 10px ;}
.commain2 p.n_txt{color:#777; letter-spacing:-0.2pt; padding:0 10px 10px 10px ;}	

#dbB10 *{list-style:none;padding:0;margin:0;border:0; margin:5px 0px;}
#dbB10 {position:relative;width:1130px;margin-left:30px;}
#dbB10 .mask{height:95px;line-height:5px;width:1130px;;position:relative;overflow:hidden;}
#dbB10 ul{white-space:nowrap;font-size:0}
#dbB10 ul li{display:inline;}
#dbB10 ul li a{padding:5px 5px}
#dbB10 ul li a img{vertical-align:middle;}
#dbB10 .prev{position:absolute;top:27px;left:-30px}
#dbB10 .next{position:absolute;top:27px;right:-30px}

#dbB11 *{list-style:none;padding:0;margin:0;border:0}
#dbB11 {position:relative;width:880px;margin-left:10px;}
#dbB11 .mask{height:180px;line-height:5px;width:880px;;position:relative;overflow:hidden;}
#dbB11 ul{white-space:nowrap;font-size:0}
#dbB11 ul li{display:inline;}
#dbB11 ul li a{padding:5px 5px}
#dbB11 ul li a img{vertical-align:middle;}
#dbB11 .prev{position:absolute;top:40px;left:-30px}
#dbB11 .next{position:absolute;top:40px;right:-30px}