@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@font-face{
font-family:"NanumGothic";
src:url('/fonts/NanumGothic.eot');
src:url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumGothic.woff') format('woff'),
url('/fonts/NanumGothic.ttf') format('truetype');
url('/fonts/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/fonts/NanumGothic.woff') format('woff');
}



@charset "utf-8";

/*초기화*/
*{margin:0;padding:0;-webkit-text-size-adjust:none;}
html,body{width:100%;height:100%;margin:0;padding:0; min-width: 1200px;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;overflow-y:scroll; overflow-x:auto}
body,input,button{font-size:13px;line-height:170%;font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;color:#626262}
body table {font-size:14px;color:#626262; line-height:150%;}
td {word-wrap:break-word;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
ul, dl {margin:0; padding:0;}
a,a:visited,a:active{color:#666;text-decoration:none;}
a:hover{color:#67bac0; text-decoration:none;}
em,address{font-style:normal}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}  
.img_c 	{	text-align:center; width:100%;}
.img_l 	{	text-align:left; width:100%;}
.img_r 	{	text-align:right; width:100%;}

.imgbase {}
.imgover {opacity: 0.7;}
.grayimg1 {  filter: none;  -webkit-filter: grayscale(0);  }
.grayimg1:hover {  filter: url(filters.svg#grayscale); /* Firefox */  filter: gray; /* IE */  -webkit-filter: grayscale(1); /* Webkit */}
.grayimg2 {  filter: url(filters.svg#grayscale); /* Firefox */  filter: gray; /* IE */  -webkit-filter: grayscale(1); /* Webkit */ }
.grayimg2:hover {  filter: none;  -webkit-filter: grayscale(0); }
.phide {text-indent:-9999px; height:0; line-height:0; overflow:hidden;}
.imgr {border:none; float:right; margin-left:20px; }
.zs_orange14 { font-size:14px; color:#FF6600; }
.zs_11 { font-size:11px;}
.co_black { color:#000000;} 
#clearb {	clear:both;  }
.clearb {	clear:both;  }
.phide {text-indent:-9999px; height:0; line-height:0; overflow:hidden;}2015-07-01
.blind{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;visibility:hidden;position:absolute;top:0px;left:-9999px;}
.clear{*zomm:1}
.clear:after{content:"";display:block;clear:both}


/*헤더-탑메뉴*/
#header	{width:100%; height:98px; background:url(img/menu/topbg.jpg) repeat-x;min-width:1200px;}
#header1{width:100%; height:139px; background:url(img/menu/topbg1.jpg) repeat-x}
#topmenu{position:relative;width:100%;height:98px;margin:0px auto}
#topmenu .utill_menu{float:right; width:100%; height:28px;  }
#topmenu .utill_menu .t_toplnb {width:1000px; height:28px; margin:0 auto;}
#topmenu .utill_menu .t_toplnb ul{width:100px; float:right}
#topmenu .utill_menu .t_toplnb ul li{float:left; }
#topmenu .utill_menu .t_toplnb ul li a{margin-right:1px}

#topmenu #menu {width:1000px; height:78px; margin:0 auto; }
#mlogo{width:226px; float:left; padding-top:10px}

/* GNB */
#gnb { width:720px; height:40px; float:right; margin-top:20px}
#gnb ul {  margin:0 auto; }
#gnb ul li{ position:relative;  }
#gnb ul li.dep1li {float:left; font-size:16px; height:55px }


#gnb ul li  {font-weight:bold; color:#000;}
#gnb ul li a {display:inline-block;zoom:1; color:#000;}
#gnb ul li a.dep1 { margin:0 30px;font-family:roboto; font-weight:400 }
#gnb ul li a.dep1end { margin-right:0 }
#gnb ul li a.dep1:hover { color:#005dc5; }

#gnb ul li.on a.dep1   {color:#005dc5;}


#gnb .dep2 {position:absolute; top:30px; width:800px; height:32px; margin:0; z-index:20; line-height:100%; text-align:left;}
#gnb .dep2 ul {height:32px; padding:0; margin:0;}
#gnb .dep2 ul li {float:left; height:15px; padding:0px 3px;  font-size:13px; line-height:150%; color:#663;}
#gnb .dep2 ul li.end {float:left; height:15px; padding:10px 0 0 10px; background:none; font-size:13px; line-height:100%;  color:#663;}
#gnb .dep2 ul li a,#gnb .dep2 ul li a:visited,#gnb .dep2 ul li a:active{margin:0 10px; color:#000;text-decoration:none;}
#gnb .dep2 ul li a:hover{text-decoration:none; font-weight:bold;color:#005dc5; font-size:14px}
#gnb ul li.on .dep2 {display:block !important;} 


#gnb ul li.on .dep2 {display:block !important;} 


#gnb ul li il a {height:20px;}
#gnb ul li li a:hover {font-weight:bold;}
#gnb ul li li a:hover img {margin:-16px 0 0;}
#gnb ul li li a.on img {margin:-16x 0 0;}

#gnb #d2_1 {left:0px;}
#gnb #d2_1 ul {}
#gnb #d2_2 {left:0px;}
#gnb #d2_2 ul {}
#gnb #d2_3 {left:0px;}
#gnb #d2_3 ul {}

#gnb #d2_4 {left:30px;}
#gnb #d2_4 ul {width:500px;}

#gnb #d2_5 {left:-50px;}
#gnb #d2_5 ul {width:500px;}






/*font*/
.roboto { font-family: 'Roboto', sans-serif;}
.oswald {font-family: 'Oswald', sans-serif;}


/*메인 컨텐츠*/

#maintheme{width:100%; height:662px; background:url(img/main/maintheme.jpg); background-position:center; }
#main_banners{min-width:1200px;}
#mainpro { position:relative;top:-50px; width: 1200px; height:140px; margin:0 auto; padding-bottom:20px}
.main_pro{position:absolute; width:1200px; margin:0 auto}
.main_pro ul{width:1125px; height:140px; margin-left:39px}
.main_pro ul li{float:left}
.main_pro ul li a{display:block;width:116px;height:140px;  background:url("img/main/mainpro.png") no-repeat;line-height:1000px;overflow:hidden;}
.main_pro ul li .menu1{background-position:-40px 0px}
.main_pro ul li .menu2{background-position:-166px 0px}
.main_pro ul li .menu3{background-position:-293px 0px}
.main_pro ul li .menu4{background-position:-419px 0px}
.main_pro ul li .menu5{background-position:-545px 0px}
.main_pro ul li .menu6{background-position:-671px 0px}
.main_pro ul li .menu10{background-position:-1179px 0px}
.main_pro ul li .menu7{background-position:-798px 0px}
.main_pro ul li .menu8{background-position:-924px 0px}
.main_pro ul li .menu9{background-position:-1050px 0px}
.main_pro ul li .menu1:hover, .main_pro ul li .menu1:focus{background-position:-40px -141px}
.main_pro ul li .menu2:hover, .main_pro ul li .menu2:focus{background-position:-166px -141px}
.main_pro ul li .menu3:hover, .main_pro ul li .menu3:focus{background-position:-293px -141px}
.main_pro ul li .menu4:hover, .main_pro ul li .menu4:focus{background-position:-419px -141px}
.main_pro ul li .menu10:hover, .main_pro ul li .menu10:focus{background-position:-1179px -141px}
.main_pro ul li .menu5:hover, .main_pro ul li .menu5:focus{background-position:-545px -141px}
.main_pro ul li .menu6:hover, .main_pro ul li .menu6:focus{background-position:-671px -141px}
.main_pro ul li .menu7:hover, .main_pro ul li .menu7:focus{background-position:-798px -141px}
.main_pro ul li .menu8:hover, .main_pro ul li .menu8:focus{background-position:-924px -141px}
.main_pro ul li .menu9:hover, .main_pro ul li .menu9:focus{background-position:-1050px -141px}

#section{width:1000px; margin:0 auto; }
 #article1{text-align:center; argin:70px 0 40px 0; }
 #article1 .art_title{font-family:roboto; font-weight:100; font-size:62px; color:#1e1e1e; line-height:120%}	 
 #article1 b{color:#3678ac; font-size:22px; font-weight:400; line-height:120%}
 #article1 p{color:#8e8e8e; font-size:13px; line-height:150%}
 #article2 {margin:40px 0 30px 0}
 	.main_menu1{width:502px; float:left}
	.main_menu1 img {float:left}
	.main_menu2{width:498px; float:right}


/* left-menu */
.lnb {}
.lnb ul{}
.lnb ul li	{ overflow:hidden; font-size:15px; border-top:1px solid #e0e0e0}
.lnb ul li a { color:#262626; position:relative;  display:block; text-align:left; width:200px; height:50px; line-height:50px; padding-left:10px; overflow:hidden; }
.lnb ul li a:hover {position:relative;  text-align:left;  color:#0c6ab5; background:url(img/leftmenu/leftbg_over.jpg); font-weight:bold}
.lnb ul li a.on {position:relative; color:#0c6ab5; text-align:left;  background:url(img/leftmenu/leftbg_over.jpg); font-weight:bold}

.sm1 a {color:#000; position:relative;  display:block; text-align:center; width:200px; height:30px; line-height:30px;  overflow:hidden; ; z-index:5; font-size:12px; background:#eff2f5  }
.sm1 a:hover {position:relative;  text-align:center;  color:#0c6ab5; background:url(img/leftmenu/leftbg_over2.jpg); z-index:15; font-weight:bold}
.sm1 a.on {position:relative; color:#0c6ab5; text-align:center;  background:url(img/leftmenu/leftbg_over2.jpg); z-index:15; font-weight:bold}


/*서브*/
.int1bg { width:100%; background:url(/new/img/int1bg.jpg) no-repeat right top;}
.int1bg #sub_con { margin-bottom:0; }
#sub_con {width:1000px; height:auto; margin:0 auto; }
#conleft { float:left; width:200px; padding:0;  border:1px solid #e1e1e1;}
#leftmenu { position:fixed;}
.leftmenu {width:200px; padding:0; border:0; margin:0;   }
 #conright { float:left; width:770px; margin-left:20px; margin-bottom:50px}
 .titles	{ height:30px; padding:0; text-align:left;  line-height:100%; margin-top:40px }
 .titles .subtitle {float:left; font-size:30px; color:#3b3c3e; font-weight:bold;}
 .titles .navi	{float:right; width:270px; margin-right:10px; color:#959595; text-align:right; font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;;}
.subbody {width:770; padding:20px 0 5px 0px; text-align:left; font-size:14px;}
.subbody a,a:visited,a:active{color:#666;text-decoration:none;}
.subbody a:hover{color:#b10000;text-decoration:none; font-weight:bold;}
#subtheme { width:100%; min-width:1200px;height:160px; font-size:100px; line-height:100%; color:#FFF; text-align:center;font-family:'Oswald',Arial, dotum, sans-serif; overflow:hidden; background:#f8f8f8; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9}
#subthemeimg {width:100%; height:160px; margin:0 auto   }




/* sub 공통 */
.title{/* font-size:25px; font-weight:bold;  color:#292929; margin-bottom:20px;*/}
.title_bar{width:20px; height:2px;background:#1c70be; margin-bottom:15px}
.marb30{margin-bottom:30px}


/*int*/

.int1_titlebox {width:780px; height:190px; background:url('img/int1.png') no-repeat; }
.int1_title {padding-top:48px; font-size:30px; line-height:1.4; padding-left:10px; color:#302f2d}
.int1_title span{color:#0c6ab5}
.int1_txt {font-size:15px; margin-top:25px;}

/* pro */
.pro_box{margin-bottom:25px}
.pro_title{color:#0c6ab5; font-size:16px; font-weight:bold; margin-bottom:15px}
.pro_title img{ float:left; margin-right:15px}
.pro_tb{border-top:2px solid #84b5d2;border-collapse:collapse}
.pro_tb th{border:1px solid #e6e6e6; padding:5px 5px 5px 5px; color:#144474}
.pro_tb td{padding:5px 5px 5px 5px; border:1px solid #e6e6e6; color:##909090 }
.pro_tb thead th{background:#84b5d2; text-align:center; color:#fff;}






/*테일*/


#tail{width:100%;height:122px;}
.footer_menu{width:100%; min-width:1000px; height:29px; background:#f1f1f1; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.footer_menu ul{width:420px; height:29px; background:#fff;  margin:0 auto;  border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.footer_menu ul li {float:left}
.footer_menu ul li a {display:block;height:29px; float:left; margin:0 20px;; line-height:26px; text-align:center }
.footer_text {width:1000px; min-width:1000px; margin:0 auto; padding:10px 0;font-size:12px}
.footer_text p{width:580px; float:left; font-size:11px; word-spacing:0.35em; color:#898989;padding-left:30px; }
.footer_text a, .footer_text a:link {color:#898989;font-size:12px;}
.footer_text a:hover, .footer_text a:focus{color:#005dc5}