@charset "utf-8";
/*wrap*/
html,body{font-family: 'NanumSquareR', sans-serif;background:#f0f4f7; }	
.top { width:100%; height:42px; background:url(../../images/common/manual/pop_top_bg.jpg) repeat-x; position:fixed; left:0px; top:0px; z-index:10; }
.top span { font-size:16px; line-height:42px; color:#fff; font-weight:bold; margin-left:20px;    }
.con { width:100%; height:748px; }
/*.con { overflow : hidden; }*/
.con_left { width:200px; background:#fff; height:708px; position:fixed;left:0px; top:42px; z-index:10;}
.nav_title { height:180px; width:100%; background:url(../../images/common/manual/pop_nav_icon.gif) no-repeat 9px;  border-bottom:1px solid #dfdfdf; }
.nav_title span { position:relative; top:132px; display:block; width:100%; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px; color:#20455e;  }
.nav_menu {  width:100%; }
.con_right {width:900px; height:708px; float:left; margin-left:200px; }
.con_img { float:left; width:620px; height:708px; background:url(../../images/common/manual/line.gif) no-repeat 0 42px;  }
.page_tit { height:24px; width:550px; margin:82px 0 20px 38px; font-size:20px; line-height:24px; font-weight:bold;  color:#143042; letter-spacing:-1.5px; background:url(../../images/common/manual/dot_txt.gif) no-repeat top left; text-indent: 19px;   }
.page_tit span { color:#007acc;       }
.con_img img {  margin:0px 0 0px 38px;        }
.con_txt { float:left; width:279px; height:715px;  border-left:1px solid #d5dde4;   }

.txt_tit01 { height:40px; background:#e2e4f0; color:#143042; font-size:14px; line-height:40px; text-indent:17px; font-weight:bold; border-bottom:1px solid #d5dde4; margin-top:42px; background:url(../../images/common/manual/dot_img01.gif) no-repeat 15px 12px #e2e4f0; text-indent:40px;        }
.txt_con01 { margin-left:17px; padding-bottom:30px;}
.txt_con01 ol { list-style:decimal;  margin-left:17px; display:block; margin-top:20px; width:220px; color:#143042; }
.txt_con01 ol li { line-height:17px; margin-bottom:7px;    }
.txt_con01 ol li span { display:block; margin-top:10px;   } 
.txt_con01 ol li ul {   width:203px; margin-top:2px; font-size:11px; }
.txt_con01 ol li ul li {line-height:15px;  }
.txt_con01 ul { margin-left:17px; display:block; margin-top:10px;  width:220px; color:#143042; list-style-image:url(../../images/common/manual/dot.gif); }
.txt_con01 ul li { line-height:17px; margin-bottom:7px;    }
.txt_con01 ul li span { display:block; margin-top:10px;   } 
.txt_tit02 { height:40px; background:#e2f0f0; color:#143042; font-size:14px; line-height:40px; text-indent:17px; font-weight:bold; border-bottom:1px solid #d5dde4;  border-top:1px solid #d5dde4;  background:url(../../images/common/manual/dot_img02.gif) no-repeat 16px 13px #e2f0f0; text-indent:40px;      }
.txt_con02 { margin-left:17px;}
.txt_con02 ul { margin-left:17px; display:block; margin-top:20px; width:220px; color:#143042; list-style-image:url(../../images/common/manual/dot_02.gif); }
.txt_con02 ul li { line-height:17px; margin-bottom:7px;    }
.txt_con02 ul li span { display:block; margin-top:10px;   } 
.txt_con02 ul li ul { width:203px; margin-top:2px;  font-size:11px; list-style-image:url(../../images/common/manual/dot_g.gif);    }
.txt_con02 ul li ul li { line-height:15px;    }




#lnb {position: relative;width: 200px; height:527px;} 
#lnb > ul {} 
#lnb > ul > li { border-bottom: 1px solid #dcdcdc;} 
#lnb > ul > li > a {display: block;padding: 12px 35px 12px 15px; color: #666; font-size: 15px;background:#ffffff url(../../images/common/manual/down.gif) no-repeat 92% 17px; } 
#lnb > ul > li a:hover {color: #20455e; background-color: #ffffff;font-weight:bold;} 
#lnb > ul > li.on > a {color: #20455e; background: #ffffff url(../../images/common/manual/up.gif) no-repeat 92% 17px;} 
#lnb > ul > li ul {display: none; margin-bottom:3px;} 
#lnb > ul > li > ul > li > a {display: block;padding: 0 25px 10px 14px;color: #inherit; font-size: 14px;background: #ffffff;} 
#lnb > ul > li > ul > li > a {color: #20455e; background-color: #ffffff; } 
#lnb > ul > li > ul > li > a span { color:#999; margin-right:3px;} 
#lnb > ul > li > ul > li.on a { background: #ffffff;} 
#lnb > ul > li > ul li ul {display: none;padding-bottom: 8px;background-color: #ffffff;letter-spacing:-1px; } 
#lnb > ul > li > ul li li a {display: block;padding: 0 10px 8px 22px; color: #555; font-size: 11px;background-color: #ffffff; font-weight:normal; }
#lnb > ul > li > ul > li li a:hover {color: #0071d0;} 
#lnb > ul > li > ul li li a span { color:#999; margin-right:5px;} 

#lnb > ul li.noDepth a {background-image: none !important; }

