@charset "utf-8";
@import url(reset_eric.css);
body {font-family:,"나눔고딕", "NanumGothic", "ngeot", "돋움", "DotumChe", "Dotum"; font-size:12px; }
body a {font-family:"나눔고딕", "NanumGothic", "ngeot", "돋움", "DotumChe", "Dotum"; font-size:12px; }
a { text-decoration:none; }

/* header */
#header_top_wrap { width:100%; }
#header_top {width:1000px; margin:0 auto; height:60px; position:relative; }
#header_top h1 { width:99px; margin:10px auto; }
#header_top .util { position:absolute; right:0px; top:25px; }
#header_top .util ul li { float:left; padding:0 10px; background:url(../images/common/util_bar.jpg) no-repeat left 4px; }
#header_top .util ul li:first-child { background:none; }

#header { width:100%;  background:#5f87f7;}
.preload1 {background: url(../images/blank_over.gif);}
.preload2 {background: url(../images/blank_overa.gif);}

#nav { width:1000px; padding:0; margin:0 auto; list-style:none; height:40px; background:#fff; position:relative; z-index:500; }
#nav li.top {display:block; float:left; }
#nav li img { display:block; float:left; }

#nav #top01 a.top_link {display:block; float:left; width:142px; height:40px; line-height:38px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer;background: url(../images/blank.gif); }
#nav #top01 a.top_link span {float:left; display:block; width:142px; height:40px;  background:url(../images/blank.gif) right top;}
#nav #top01 a.top_link span.down {float:left; display:block; text-align:center; height:40px; background:url(../images/blanka.gif) no-repeat right top; }
#nav #top01 a.top_link:hover {background: url(../images/blank_over.gif) no-repeat; }
#nav #top01 a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top01 a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
#nav #top01:hover > a.top_link {color:#4ee2ff; background: url(../images/blank_over.gif) no-repeat;}
#nav #top01:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top01:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

#nav #top02 a.top_link {display:block; float:left; width:141px; height:40px; line-height:38px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer;background: url(../images/blank.gif); }
#nav #top02 a.top_link span {float:left; display:block; width:141px; height:40px;background:url(../images/blank.gif) right top;}
#nav #top02 a.top_link span.down {float:left; display:block; text-align:center; height:40px; background:url(../images/blanka.gif) no-repeat right top;}
#nav #top02 a.top_link:hover {background: url(../images/blank_over.gif) no-repeat; }
#nav #top02 a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top02 a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
#nav #top02:hover > a.top_link {color:#4ee2ff; background: url(../images/blank_over.gif) no-repeat;}
#nav #top02:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top02:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

#nav #top03 a.top_link {display:block; float:left; width:142px; height:40px; line-height:38px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer;background: url(../images/blank.gif); }
#nav #top03 a.top_link span {float:left; display:block; width:142px; height:40px;background:url(../images/blank.gif) right top;}
#nav #top03 a.top_link span.down {float:left; display:block; text-align:center; height:40px; background:url(../images/blanka.gif) no-repeat right top;}
#nav #top03 a.top_link:hover {background: url(../images/blank_over.gif) no-repeat; }
#nav #top03 a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top03 a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
#nav #top03:hover > a.top_link {color:#4ee2ff; background: url(../images/blank_over.gif) no-repeat;}
#nav #top03:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top03:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

#nav #top04 a.top_link {display:block; float:left; width:142px; height:40px; line-height:38px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer;background: url(../images/blank.gif); }
#nav #top04 a.top_link span {float:left; display:block; width:142px; height:40px; background:url(../images/blank.gif) right top;}
#nav #top04 a.top_link span.down {float:left; display:block; text-align:center; height:40px; background:url(../images/blanka.gif) no-repeat right top;}
#nav #top04 a.top_link:hover {background: url(../images/blank_over.gif) no-repeat; }
#nav #top04 a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top04 a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
#nav #top04:hover > a.top_link {color:#4ee2ff; background: url(../images/blank_over.gif) no-repeat;}
#nav #top04:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top04:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

#nav #top05 a.top_link {display:block; float:left; width:142px; height:40px; line-height:38px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer;background: url(../images/blank.gif); }
#nav #top05 a.top_link span {float:left; display:block; width:142px; height:40px;background:url(../images/blank.gif) right top;}
#nav #top05 a.top_link span.down {float:left; display:block; text-align:center; height:40px; background:url(../images/blanka.gif) no-repeat right top;}
#nav #top05 a.top_link:hover {background: url(../images/blank_over.gif) no-repeat; }
#nav #top05 a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top05 a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
#nav #top05:hover > a.top_link {color:#4ee2ff; background: url(../images/blank_over.gif) no-repeat;}
#nav #top05:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top05:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

#nav #top06 a.top_link {display:block; float:left; width:142px; height:40px; line-height:38px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer;background: url(../images/blank.gif); }
#nav #top06 a.top_link span {float:left; display:block; width:142px; height:40px;background:url(../images/blank.gif) right top;}
#nav #top06 a.top_link span.down {float:left; display:block; text-align:center; height:40px; background:url(../images/blanka.gif) no-repeat right top;}
#nav #top06 a.top_link:hover {background: url(../images/blank_over.gif) no-repeat; }
#nav #top06 a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top06 a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
#nav #top06:hover > a.top_link {color:#4ee2ff; background: url(../images/blank_over.gif) no-repeat;}
#nav #top06:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top06:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

#nav #top07 a.top_link {display:block; float:left; width:141px; height:40px; line-height:38px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer;background: url(../images/blank.gif); }
#nav #top07 a.top_link span {float:left; display:block; width:141px; height:40px;background:url(../images/blank.gif) right top;}
#nav #top07 a.top_link span.down {float:left; display:block; text-align:center; height:40px; background:url(../images/blanka.gif) no-repeat right top;}
#nav #top07 a.top_link:hover {background: url(../images/blank_over.gif) no-repeat; }
#nav #top07 a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top07 a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
#nav #top07:hover > a.top_link {color:#4ee2ff; background: url(../images/blank_over.gif) no-repeat;}
#nav #top07:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav #top07:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}


/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
#nav li .sub { background:#fff; filter:alpha(opacity=80);opacity:0.8; color:#fff;}

#nav li:hover #sub01
{left:1px; top:40px; background: #30447c; white-space:nowrap; width:142px; height:auto; z-index:300; filter:alpha(opacity=80);}
#nav li:hover #sub01 li
{display:block; height:30px; position:relative; float:left; width:142px; font-weight:normal; color:#fff; font-weight:bold; border-bottom:1px solid #515e88;  }
#nav li:hover #sub01 li:first-child { border-top:1px solid #515e88; }
#nav li:hover #sub01 li a
{display:block; font-size:11px; height:30px; width:142px; line-height:33px; text-indent:5px; color:#fff; text-decoration:none; text-align:center; }
#nav li:hover #sub01 li a:hover 
{background:#212a43; color:#fff;}

#nav li:hover #sub02
{left:1px; top:40px; background: #30447c; white-space:nowrap; width:141px; height:auto; z-index:300; filter:alpha(opacity=80);}
#nav li:hover #sub02 li
{display:block; height:30px; position:relative; float:left; width:141px; font-weight:normal; color:#fff; font-weight:bold; border-bottom:1px solid #515e88;  }
#nav li:hover #sub02 li:first-child { border-top:1px solid #515e88; }
#nav li:hover #sub02 li a
{display:block; font-size:11px; height:30px; width:141px; line-height:33px; text-indent:5px; color:#fff; text-decoration:none; text-align:center; }
#nav li:hover #sub02 li a:hover 
{background:#212a43; color:#fff;}

#nav li:hover #sub03
{left:1px; top:40px; background: #30447c; white-space:nowrap; width:142px; height:auto; z-index:300; filter:alpha(opacity=80);}
#nav li:hover #sub03 li
{display:block; height:30px; position:relative; float:left; width:142px; font-weight:normal; color:#fff; font-weight:bold; border-bottom:1px solid #515e88;  }
#nav li:hover #sub03 li:first-child { border-top:1px solid #515e88; }
#nav li:hover #sub03 li a
{display:block; font-size:11px; height:30px; width:142px; line-height:33px; text-indent:5px; color:#fff; text-decoration:none; text-align:center; }
#nav li:hover #sub03 li a:hover 
{background:#212a43; color:#fff;}

#nav li:hover #sub03
{left:1px; top:40px; background: #30447c; white-space:nowrap; width:142px; height:auto; z-index:300; filter:alpha(opacity=80);}
#nav li:hover #sub03 li
{display:block; height:30px; position:relative; float:left; width:142px; font-weight:normal; color:#fff; font-weight:bold; border-bottom:1px solid #515e88;  }
#nav li:hover #sub03 li:first-child { border-top:1px solid #515e88; }
#nav li:hover #sub03 li a
{display:block; font-size:11px; height:30px; width:142px; line-height:33px; text-indent:5px; color:#fff; text-decoration:none; text-align:center; }
#nav li:hover #sub03 li a:hover 
{background:#212a43; color:#fff;}

#nav li:hover #sub04
{left:1px; top:40px; background: #30447c; white-space:nowrap; width:142px; height:auto; z-index:300; filter:alpha(opacity=80);}
#nav li:hover #sub04 li
{display:block; height:30px; position:relative; float:left; width:142px; font-weight:normal; color:#fff; font-weight:bold; border-bottom:1px solid #515e88;  }
#nav li:hover #sub04 li:first-child { border-top:1px solid #515e88; }
#nav li:hover #sub04 li a
{display:block; font-size:11px; height:30px; width:142px; line-height:33px; text-indent:5px; color:#fff; text-decoration:none; text-align:center; }
#nav li:hover #sub04 li a:hover 
{background:#212a43; color:#fff;}

#nav li:hover #sub05
{left:1px; top:40px; background: #30447c; white-space:nowrap; width:142px; height:auto; z-index:300; filter:alpha(opacity=80);}
#nav li:hover #sub05 li
{display:block; height:30px; position:relative; float:left; width:142px; font-weight:normal; color:#fff; font-weight:bold; border-bottom:1px solid #515e88;  }
#nav li:hover #sub05 li:first-child { border-top:1px solid #515e88; }
#nav li:hover #sub05 li a
{display:block; font-size:11px; height:30px; width:142px; line-height:33px; text-indent:5px; color:#fff; text-decoration:none; text-align:center; }
#nav li:hover #sub05 li a:hover 
{background:#212a43; color:#fff;}

#nav li:hover #sub06
{left:1px; top:40px; background: #30447c; white-space:nowrap; width:142px; height:auto; z-index:300; filter:alpha(opacity=80);}
#nav li:hover #sub06 li
{display:block; height:30px; position:relative; float:left; width:142px; font-weight:normal; color:#fff; font-weight:bold; border-bottom:1px solid #515e88;  }
#nav li:hover #sub06 li:first-child { border-top:1px solid #515e88; }
#nav li:hover #sub06 li a
{display:block; font-size:11px; height:30px; width:142px; line-height:33px; text-indent:5px; color:#fff; text-decoration:none; text-align:center; }
#nav li:hover #sub06 li a:hover 
{background:#212a43; color:#fff;}

#nav li:hover #sub07
{left:1px; top:40px; background: #30447c; white-space:nowrap; width:141px; height:auto; z-index:300;  color:#fff; filter:alpha(opacity=80);}
#nav li:hover #sub07 li
{display:block; height:30px; position:relative; float:left; width:141px; font-weight:normal; color:#fff; font-weight:bold; border-bottom:1px solid #515e88;  }
#nav li:hover #sub07 li:first-child { border-top:1px solid #515e88; }
#nav li:hover #sub07 li a
{display:block; font-size:11px; height:30px; width:141px; line-height:33px; text-indent:5px; color:#fff; text-decoration:none; text-align:center; }
#nav li:hover #sub07 li a:hover 
{background:#212a43; color:#fff;}


#content_wrap { clear:both; width:100%; background:#fff; }
#content {width:1000px; margin:0 auto; padding-top:40px; }
#content .content_left { float:left; width:250px; }
#content .content_right { float:left; width:750px; min-height:700px; }
#content .content_right .content_title01 { height:21px; }
#content .content_right .content_title01 img { margin-right:10px; }
#content .content_right .content_title01 .title01 a { color:#ababab; margin-right:10px; }
#content .content_right .content_title01 .title01 a:hover { text-decoration:underline; }
#content .content_right .content_title01 .title02 { color:#6d6c6c; }
#content .content_right .content_title02 { width:750px; height:200px; position:relative; padding-bottom:30px; }
#content .content_right .content_title02 .title_bg01 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/dddd.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg01_1 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg01_1.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg01_2 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg01_2.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg01_3 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg01_3.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg01_4 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg01_4.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg02 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg02.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg02_1 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg02_1.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg02_2 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg02_2.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg03 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg03.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg03_1 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg03_1.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg03_2 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg03_2.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg04 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg04.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg05 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg05.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg05_1 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg05_1.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg05_2 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg05_2.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg05_3 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg05_3.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg05_4 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg05_4.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg06 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg06.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg06_1 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg06_1.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg07 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg07.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg07_1 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg07_1.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg07_2 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg07_2.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg07_3 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg07_3.png) no-repeat right top; }
#content .content_right .content_title02 .title_bg08 { width:750px; height:200px; position:absolute; right:0px; top:0px; background:url(../images/title/title_bg08.png) no-repeat right top; }
#content .content_right .content_main { color:#696969; }
#content .content_right .content_main p { margin-bottom:150px; }

#content .content_right .content_main table {}
#content .content_right .content_main table td {font-size:12px; line-height:18px;}

#footer_wrap { clear:both; width:100%; border-top:1px solid #e2e2e2; }
#footer {width:1000px; height:100px; margin:0 auto; position:relative; }
#footer h1 { display:inline-block; padding-top:25px;  }
#footer .footer_copy { position:absolute; left:115px; top:25px; line-height:17px; letter-spacing:0.7px; color:#737373; }