@charset "EUC-KR";
@import "etc.css";
*{margin:0; padding:0}
html, body { height:100%;  }
body,textarea,input,select{color:#666; font-size:12px; font-family:"NanumBarunGothic", dotum, "µ¸¿ò","±¼¸²", "Gulim", "Arial"; font-weight:normal; -webkit-text-size-adjust:none; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0;}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend{display:none;}
caption{width:1px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; line-height:0;}
button{color:#666; padding:0; margin:0; border:0; background:none; cursor:pointer; }

select{padding:4px; height:27px; background:#fff; border:1px solid #DCE1E5;}
textarea{font-size:12px; vertical-align:top; background:#fff; color:#666; border:0; padding:12px 14px;}
a{text-decoration:none; color:#666; color:inherit;}
a:hover, a:focus, a:active{text-decoration:none;}
table{width:100%; border-collapse:collapse;}

strong,th,dt{color:#333; font-family:"NanumGothicBold";font-weight:normal;}
em{font-style:normal; font-family:"NanumGothicBold";font-weight:normal;}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}

/* ¸µÅ© */
a {text-decoration:none;color:#666;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#666;}
a:hover{background:none;text-decoration:none;}

/* Ä¿¼­ */
.cursor {cursor:pointer;}

/* ÆùÆ® */
.ngb {  font-family:"NanumGothicBold";}
.ngeb {  font-family:"NanumGothicExtraBold"; }

/* Á¤·Ä */
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}
.fl{float:left} 
.fr{float:right}

.skip{display:block; position:absolute; top:-5000px; left:0;  z-index:9999; width:100%; background:#354053; text-align:center; line-height:1.8; color:#eee;}
.skip:hover,
.skip:focus,
.skip:active{position:absolute; top:0; padding:10px 0; color:#eee;}

.none { border:none; }

#wrap{width:100%; /* background:url(/images/bg.gif) no-repeat top center;*/ overflow:hidden; background-color:#E4E4E4;}
#main{width:100%; background-color:#f2f2f2; }


#header {position:relative; width:1000px; margin:0 auto; padding:20px 0px 10px 18px; height:70px; }
#header .logo { position:absolute;bottom:10px; left:18px; }
#header .search { position:absolute;bottom:20px; right:68px; }
#header .search li { float:left; }
#header .search .input { height:31px; width:180px; border:0px; padding:0 0 0 20px; font-size:12px; color:#548FBE; line-height:31px; background-color:#fff}
#header #gnbWrap { position:absolute;bottom:20px; right:18px;  }
#header #gnbWrap #gnb {width:30px;}
/*#header #gnbLayerWrap {display:none; position:absolute; right:0; top:60px;  width:982px; margin:0 auto; background:url(/images/m_bg.png); z-index:999999}*/

#header #gnbLayerWrap {display:none; position:absolute; right:0; top:60px;  width:982px; margin:0 auto; 

 background-color:#000; 
					opacity: .9; 
					
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
					
					-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				
z-index:999999}




#header #gnbLayerWrap #gnbLayer {overflow:hidden;  z-index:9999999999; width:982px;}
#header #gnbLayerWrap #gnbLayer ul {width:244px; float:left; border-right:1px solid #444; height:212px; padding:10px 0 10px 0; text-align:center;  }
#header #gnbLayerWrap #gnbLayer li{padding:9px 0 0 0}
#header a { font-size:13px; color:#ccc; font-family:"NanumGothic" }
#header a:hover { font-size:13px; color:#fff;  }
#header a.mTit { font-size:16px; color:#fff; padding:20px 0 10px 0; display:block; font-weight:bold }


#mainArea,#container {width:1000px; margin:0 auto; overflow:hidden;min-height:500px;}
#mainArea .mainVisualArea {position:relative; float:left; padding:9px;}
#mainArea .mainVisualArea a.prev { position:absolute;top:240px; left:9px; display:block; z-index:999 }
#mainArea .mainVisualArea a.next { position:absolute;top:240px; right:9px; display:block; z-index:999  }






#mainArea .mainSer {float:left; width:500px;}
#mainArea .mainSer li {float:left; margin:9px; width:232px; }
#mainArea .mainSer .notArea {position:relative; width:232px; height:232px; background:url(/images/main_03.gif) no-repeat top center; }
#mainArea .mainSer .notice { position:absolute;top:95px; left:30px;  }
#mainArea .mainSer .notice h1 { font-size:16px; color:#333; font-weight:normal; padding-bottom:10px; }
#mainArea .mainSer .notice a { display:block; width:180px; line-height:18px; color:#888; }
#mainArea .mainSer .notice .dd { width:180px; line-height:18px; color:#888; padding-top:10px; color:#333; }

#mainArea #mainMenu li {float:left; margin:9px; width:232px; }
.mainBanner li {float:left; margin:9px; width:230px; height:63px; border:1px solid #DCE1E5; text-align:center; padding-top:9px; background-color:#fff;  }



#container #contents { position:relative; float:left; width:780px;overflow:hidden;}
#container #contents .listSer {float:left; width:780px;}
#container #contents .listSer li {float:left; margin:9px; width:240px;  border:1px solid #DCE1E5; text-align:center; background-color:#fff; }


#container .leftMenu {float:left; width:220px; }
#container .leftMenu h1 { margin:9px; }
#container .leftMenu h1 img { width:202px; }
#container .leftMenu .subList { margin:9px; }
#container .leftMenu .subList li {width:98px; padding:8px 0px 8px 0px;  margin:0px 0px 1px 1px;  border:1px solid #fff; text-align:center; background-color:#fff; float:left; }
#container .leftMenu .subList .on_1 {  border:1px solid #007DD2; }
#container .leftMenu .subList .on_2 {  border:1px solid #CB2840; }
#container .leftMenu .subList .on_3 {  border:1px solid #FF7800; }
#container .leftMenu .subList .p_l { margin-left:0px; }
#container .leftMenu .subList .noBrand { filter:gray(enabled=1) alpha(opacity:'30')  ;   opacity: .3;  }

#container .leftMenu .subMenu { margin:9px; }
#container .leftMenu .subMenu li a  { display:block; width:175px; padding:15px 0px 15px 25px;  margin:3px 0px 3px 0px;  }


#container .leftMenu .subMenu li a.com {  border:1px solid #DCE1E5;  background-color:#fff;  }
#container .leftMenu .subMenu li a.com:hover {  background-color:#CA2640; color:#fff }
#container .leftMenu .subMenu li a.com_on {  background-color:#CA2640; color:#fff; font-size:14px; }

#container .leftMenu .subMenu li a.help {  border:1px solid #DCE1E5;  background-color:#fff;  }
#container .leftMenu .subMenu li a.help:hover {  background-color:#82A02B; color:#fff }
#container .leftMenu .subMenu li a.help_on {  background-color:#82A02B; color:#fff; font-size:14px;  }

#container .leftMenu .subMenu li a.inst { border:1px solid #DCE1E5;  background-color:#fff;  }
#container .leftMenu .subMenu li a.inst:hover {  background-color:#0071CD; color:#fff }
#container .leftMenu .subMenu li a.inst_on {  background-color:#0071CD; color:#fff; font-size:14px;  }



#container .leftMenu .arr { text-align:center; padding:5px; }



.conArea { width:680px;  margin:9px; min-height:700px; padding:40px;  border:1px solid #DCE1E5; overflow:hidden; 
background: url(/images/all_icon.jpg) no-repeat 480px 5px ;  background-color:#fff;
} 
.conArea .navi{ color:#999; font-size:11px; padding:0 0 40px 0; }
.conArea .navi span { color:#333;  }
.conArea .navi img { margin:1px 5px 0px 5px; }
.conArea .title { color:#333; font-size:28px; letter-spacing:-1px; margin:30px 0 0 0; }


.conArea .sTxt { float:left; padding:1px 5px 5px 0px; font-size:11px; margin:1px 0 20px 0;  color:#f60;   }
.conArea .sTxt_00 {  color:#666;  }
/*
.conArea .sTxt_01 { background-color:#CB2840; }
.conArea .sTxt_02 { background-color:#0071CD; }
.conArea .sTxt_03 { background-color:#82A02B; }
.conArea .sTxt_04 { background-color:#0071CD; }
.conArea .sTxt_05 { background-color:#FF7800; }
*/
.conArea .con { line-height:160%; font-size:12px; padding:50px 0px 50px 0px;  border-top:2px solid #333; clear:both; overflow:hidden; }
.conArea .con .proCat { border-bottom:1px solid #DCE1E5; overflow:hidden;  clear:both;  }
.conArea .con .proCat a { display:block; float:left; width:150px; padding:6px 0 ; background-color:#DCE1E5;  margin:0px 0px 1px 1px; text-align:center; }
.conArea .con .proCat a.proOn {  background-color:#007DD2; color:#fff; }
.conArea .con .proCat a.proOn_1 {  background-color:#CB2840; color:#fff; }
.conArea .con .proCat a.proOn_2 {  background-color:#FF6C00; color:#fff; }

.conArea .braCon { border:1px solid #DCE1E5; background-color:#f8f8f8; padding:20px; }
.conArea .con .proTit { position:relative;  padding:15px 0 15px 0;  border-bottom:1px solid #DCE1E5;  font-size:30px; color:#000; font-family:"NanumGothicExtraBold"; clear:both; letter-spacing:-1px;   }
.conArea .con .downArea { position:relative;  padding:15px 0 35px 0; overflow:hidden;  }
.conArea .con .downArea a
{font-size:12px; color:#666; font-family:"NanumBarunGothic"; background: url(/images/bro.gif) no-repeat left 0; padding:0 0 0 25px; height:30px; line-height:25px; display:block; float:left; margin-right:20px; }

.conArea .con .downArea .fileTit { float:left; color:#5F4E3D; padding:5px 20px 0 0; }

#container #contents .conArea .con .proCon { padding:50px 0 50px 0; }


.quick { position:fixed; left:50%; top:110px; margin-left:395px;  height:100%; background:url(/images/right_04.gif);  z-index:999; }
.quick li{padding-bottom:5px; width:160px; text-align:right;}

a,img{selector-dummy: expression(this.hideFocus=true)};




#nav li { height:50px; }
#nav li a {
display:block; width:100px; height:60px;
}

#nav li a.icon1 {
background: url(/images/11.png) no-repeat center 0px; 
}
#nav li a.icon2 {
background: url(/common/jq/menu/images/22.png) no-repeat center 0;
}
#nav li a.icon3 {
background: url(/common/jq/menu/images/33.png) no-repeat center 0;
}
#nav li a.icon4 {
background: url(/common/jq/menu/images/44.png) no-repeat center 0;
}




#footer {width:100%; margin-top:30px;  padding:30px 0px 30px 0px; font-size:12px; color:#999; line-height:20px; border-top:1px solid #ccc; background-color:#000;}
#footer ul { width:982px; margin:0 auto; background:url(/images/b_logo.gif) no-repeat top right; height:60px   }


.font_1 { color:#CA2640; font-size:18px; letter-spacing:-1px; padding-bottom:30px;}
.font_2 { color:#ccc; font-size:14px; padding-bottom:6px;  }