@charset "utf-8";

@import url("/_library/common/stylesheet/default.css");
@import url("pagemaker.css");

/*
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select	{ padding: 0; margin: 0; font-size: 1em; }
*/
body	{ clear: both; padding: 0; margin: 0; font-family: "Malgun Gothic", "맑은 고딕", dotum, "돋움", Gulim, "굴림", Helvetica,AppleGothic,Sans-serif; color: #4B4B4B; font-size: 12px; line-height: 1.7em; word-spacing: 0.1em; text-align: center; }

.layout-split-hr,
.skipBookmark	{ visibility: hidden; display: block; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 0; position: absolute; }


body .root	{ clear: both; padding: 0; margin: 0; }

/*
HEADER
*/
div.header	{ position: relative; z-index: 900; clear: both; height: 100px; padding: 0; margin: 0; text-align: center; }
div.header .dumy-line-1	{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 50%; height: 3px; background-color: #0092d1; }
div.header .dumy-line-2	{ position: absolute; right: 0; bottom: 0; z-index: 1; width: 50%; height: 3px; background-color: #004f9c; }
div.header .dumy-box	{ position: relative; z-index: 900; clear: both; width: 1020px; height: 100px; padding: 0; margin: 0 auto -3px auto; text-align: left; *zoom: 100%; }
div.header .dumy-box:after	{ display: block; clear: both; content: " "; }

div.header .logo	{ float: left; }
div.header .logo h1	{ clear: both; padding: 0; margin: 0; font-size: 15px; }
div.header .logo h1 a	{ display: block; width: 300px; height: 97px; padding: 0; margin: 0; background: url(../image/header-logo.png) no-repeat left top; }
div.header .logo h1 a span	{ position: absolute; z-index: -1; }
div.header .logo p	{ display: none; }

div.header .nav-main	{ float: right; width: 700px; }
div.header .nav-main h2	{ display: none; }
div.header .nav-main .small-nav	{ position: absolute; right: 0; top: 0; z-index: 2; float: right; }
div.header .nav-main .small-nav ul	{ float: right; clear: both; padding: 0; margin: -1px 0 0 0; list-style: none; white-space: nowrap; }
div.header .nav-main .small-nav ul li	{ float: left; padding: 0 0 0 3px; margin: 0; list-style: none; }
div.header .nav-main .small-nav ul li a	{ display: block; width: 83px; line-height: 23px; text-align: center; font-size: 11px; text-decoration: none; font-weight: bold; border: 1px solid #acacac; }
div.header .nav-main .small-nav ul li.home a	{ background-color: #fff; color: #a2a2a2; }
div.header .nav-main .small-nav ul li.home a:focus, div.header .nav-main .small-nav ul li.home a:hover, div.header .nav-main .small-nav ul li.home a:active	{ background-color: #adadad; color: #fff; }
div.header .nav-main .small-nav ul li.sitemap a	{ background-color: #adadad; color: #fff; }
div.header .nav-main .small-nav ul li.sitemap a:focus, div.header .nav-main .small-nav ul li.sitemap a:hover, div.header .nav-main .small-nav ul li.sitemap a:active	{ background-color: #fff; color: #a2a2a2; }


div.header .nav-main .topmenu-nav	{ float: right; width: 700px; padding: 40px 0 0 0;}
div.header .nav-main .topmenu-nav ul,
div.header .nav-main .topmenu-nav li	{ padding: 0; margin: 0; list-style: none; }

div.header .nav-main .topmenu-nav .ld1	{ float: right; clear: both; *zoom: 100%; }
div.header .nav-main .topmenu-nav .ld1:after	{ display: block; clear: both; content: " "; }
div.header .nav-main .topmenu-nav .ld1 .cd1	{ float: left; }
div.header .nav-main .topmenu-nav .ld1 .cd1c1,
div.header .nav-main .topmenu-nav .ld1 .cd1c7,
div.header .nav-main .topmenu-nav .ld1 .cd1c8	{ display: none; }
div.header .nav-main .topmenu-nav .ld1 .cd1 .l1	{ display: block; line-height: 57px; padding: 0 25px; font-size: 18px; font-weight: bold; color: #000; text-decoration: none; cursor: pointer; }
div.header .nav-main .topmenu-nav .ld1 .cd1 .l1 span	{ border-bottom: 2px solid #fff; }
div.header .nav-main .topmenu-nav .ld1 .cd1 .l1:focus span, div.header .nav-main .topmenu-nav .ld1 .cd1 .l1:hover span, div.header .nav-main .topmenu-nav .ld1 .cd1 .l1:active span, div.header .nav-main .topmenu-nav .ld1 .cd1 .l1.active span	{ color: #d8354a; border-color: #d8354a; }

div.header .nav-main .topmenu-nav .ld2	{ display: none; position: absolute; z-index: 990; width: 120px; padding: 10px; margin: -5px 0 0 0; border: 1px solid #ccc; background-color: #fff; background-color: rgba(255, 255, 255, 0.8);}
div.header .nav-main .topmenu-nav .ld2 .cd2	{ clear: both; }
div.header .nav-main .topmenu-nav .ld2 .cd2 .l2	{ display: block; line-height: 24px; padding: 0 0 0 13px; margin: 0; text-decoration: none; color: #666; background: url(../image/topmenu-delth2-bullet.png) no-repeat left center; }
div.header .nav-main .topmenu-nav .ld2 .cd2 .l2:focus, div.header .nav-main .topmenu-nav .ld2 .cd2 .l2:hover, div.header .nav-main .topmenu-nav .ld2 .cd2 .l2:active, div.header .nav-main .topmenu-nav .ld2 .cd2 .l2.active	{ color: #000; font-weight: bold; }




/*
FOOTER
*/
div.footer	{ clear: both; padding: 0; margin: 30px 0 -1px 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; background-color: #f4f4f4; text-align: center; }
div.footer .box	{ position: relative; clear: both; width: 1020px; height: 90px; padding: 0; margin: 0 auto; background: url(../image/footer-logo.png) no-repeat left top; text-align: left; }
div.footer .box address	{ clear: both; padding: 22px 0 0 90px; font-size: 12px; font-style: normal; color: #787878; }
div.footer .box div.familysite	{ position: absolute; z-index: 1; right: 5px; top: 34px; }
div.footer .box div.familysite h2	{ clear: both; width: 175px; line-height: 21px; padding: 0; margin: 0; border: 1px solid #bebebe; font-size: 11px; color: #9a9a9a; cursor: pointer; background: #fff url(../image/footer-familysite.png) no-repeat right center; }
div.footer .box div.familysite h2:focus, div.footer .box div.familysite h2:hover, div.footer .box div.familysite h2:active, div.footer .box div.familysite h2.active	{ color: #d8354a; border-color: #d8354a; }
div.footer .box div.familysite h2 span	{ display: inline-block; padding: 0 5px; }
div.footer .box div.familysite ul	{ display: none; position: absolute; left: 0; bottom: 22px; width: 175px; line-height: 21px; padding: 5px 0; margin: 0; list-style: none; border: 1px solid #d8354a; background-color: #fff; }
div.footer .box div.familysite ul li	{ clear: both; padding: 0 10px; margin: 0; list-style: none; }
div.footer .box div.familysite ul li a	{ display: block; line-height: 24px; padding: 0 0 0 13px; margin: 0; text-decoration: none; color: #666; background: url(../image/topmenu-delth2-bullet.png) no-repeat left center; }
div.footer .box div.familysite ul li a:focus, div.footer .box div.familysite ul li a:hover, div.footer .box div.familysite ul li a:active	{ color: #000; font-weight: bold; }





/*
CONTAINDER
*/
div.container	{ position: relative; clear: both; width: 1020px; padding: 0; margin: 0 auto; text-align: left; *zoom: 100%; }
div.container:after	{ display: block; clear: both; content: " "; }

div.container #submenu-area	{ float: left; width: 200px; padding: 0; margin: 0 0 0 20px; }
div.container #content-area	{ float: right; width: 750px; min-height: 600px; padding: 0; margin: 0; }


div.container #submenu-area h2	{ display: none; }
div.container #submenu-area .submenu	{ clear: both; padding: 0; margin: 0; }
div.container #submenu-area .submenu ul,
div.container #submenu-area .submenu li	{ clear: both; padding: 0; margin: 0; list-style: none; }

div.container #submenu-area .submenu .ld1	{ margin: 30px 0 0 0; }
div.container #submenu-area .submenu .ld1 .cd1	{}
div.container #submenu-area .submenu .ld1 .cd1 .l1	{ display: block; height: 80px; font-size: 24px; text-decoration: none; text-align: center; color: #f1f1f1; background: #156ebf url(../image/submenu-depth1.png) no-repeat left top; cursor: default; }
div.container #submenu-area .submenu .ld1 .cd1 .l1 span	{ display: inline-block; padding-top: 22px; }

div.container #submenu-area .submenu .ld2	{ margin: 35px 0 0 0; }
div.container #submenu-area .submenu .ld2 .cd2	{ margin: 0 0 1px 0; }
div.container #submenu-area .submenu .ld2 .cd2 .l2	{ display: block; line-height: 33px; padding: 0 0 0 22px; margin: 0; text-decoration: none; font-size: 14px; font-weight: bold; color: #5d5d5d; border: 1px solid #fff; }
div.container #submenu-area .submenu .ld2 .cd2 .l2:focus, div.container #submenu-area .submenu .ld2 .cd2 .l2:hover, div.container #submenu-area .submenu .ld2 .cd2 .l2:active, div.container #submenu-area .submenu .ld2 .cd2 .l2.active	{ color: #0d59a0; border-color: #499bdf; background: #f5f5f5 url(../image/submenu-depth2-bullet.png) no-repeat 10px center; }


div.container #content-area h1	{ clear: both; line-height: 30px; padding: 50px 0 30px 0; margin: 0; font-size: 26px; font-weight: normal; color: #3f3e3e; background: url(../image/content-h1.png) no-repeat left top; }
div.container #content-area .content-box	{ clear: both; padding: 0; margin: 0; }

div.container #content-area .content-box .menupath	{ clear: both; line-height: 35px; padding: 0 5px; margin: 0; text-align: right; font-size: 11px; color: #838383; }
div.container #content-area .content-box .menupath .title	{ display: none; }

#document_content	{ clear: both; padding: 0; margin: 0; *zoom: 100%; }
#document_content:after	{ display: block; clear: both; content: " "; }








/*
MAIN
*/
body.main #div-contents	{ clear: both; width: 1020px; padding: 0; margin: 0 auto; text-align: left; *zoom: 100%; }
body.main #div-contents:after	{ display: block; clear: both; content: " "; }

body.main #div-contents .main-image	{ clear: both; height: 350px; padding: 0; margin: 0; overflow: hidden; *zoom: 100%; }
body.main #div-contents .main-image:after	{ display: block; clear: both; content: " "; }
body.main #div-contents .main-image *	{ display: block; padding: 0; margin: 0; border: 0 none; cursor: default; }

body.main #div-contents .menu-link	{ float: left; width: 331px; }
body.main #div-contents .menu-link h2	{ display: none; }
body.main #div-contents .menu-link ul	{ clear: both; padding: 0; margin: 0; list-style: none; }
body.main #div-contents .menu-link li	{ clear: both; padding: 0; margin: 0; list-style: none; }
body.main #div-contents .menu-link li a	{ display: block; padding: 0; margin: 0; cursor: pointer; background: url(../image/main-menulink1.png) no-repeat left top; }
body.main #div-contents .menu-link li a span	{ position: absolute; z-index: -1; }
body.main #div-contents .menu-link li.l1 a	{ height: 100px; background-position: 0px 0px; }
body.main #div-contents .menu-link li.l2 a	{ height: 101px; background-position: 0px -100px; }
body.main #div-contents .menu-link li.l3 a	{ height: 103px; background-position: 0px -201px; }
body.main #div-contents .menu-link li.l4 a	{ height: 136px; background-position: 0px -304px; }

body.main #div-contents .etc	{ float: left; width: 358px; }
body.main #div-contents .etc .link1	{ clear: both; }
body.main #div-contents .etc .link1 h2	{ clear: both; padding: 0; margin: 0; font-size: 13px; font-weight: normal; }
body.main #div-contents .etc .link1 h2 a	{ display: block; height: 303px; padding: 0; margin: 0; cursor: pointer; background: url(../image/main-menulink2.png) no-repeat left top; }
body.main #div-contents .etc .link1 h2 a span	{ position: absolute; z-index: -1; }
body.main #div-contents .etc .link1 p	{ display: none; }

body.main #div-contents .etc .link2	{ clear: both; }
body.main #div-contents .etc .link2 h2	{ display: none; }
body.main #div-contents .etc .link2 ul	{ clear: both; padding: 0; margin: 0; list-style: none; *zoom: 100%; }
body.main #div-contents .etc .link2 ul:after	{ display: block; clear: both; content: " "; }
body.main #div-contents .etc .link2 li	{ float: left; padding: 0; margin: 0; list-style: none; }
body.main #div-contents .etc .link2 li a	{ display: block; height: 137px; padding: 0; margin: 0; cursor: pointer; background: url(../image/main-menulink2.png) no-repeat left -303px; }
body.main #div-contents .etc .link2 li a span	{ position: absolute; z-index: -1; width: 80px; }
body.main #div-contents .etc .link2 li.l1 a	{ width: 100px; background-position: 0px -303px; }
body.main #div-contents .etc .link2 li.l2 a	{ width: 79px; background-position: -100px -303px; }
body.main #div-contents .etc .link2 li.l3 a	{ width: 79px; background-position: -179px -303px; }
body.main #div-contents .etc .link2 li.l4 a	{ width: 100px; background-position: -258px -303px; }

body.main #div-contents .board	{ float: left; width: 331px; }
body.main #div-contents .board .board	{ clear: both; }
body.main #div-contents .board .board h2	{ clear: both; padding: 0; margin: 0; font-size: 16px; font-weight: bold; }
body.main #div-contents .board .board h2 a	{ display: block; line-height: 60px; padding: 0 0 0 20px; color: #323232; text-decoration: none; border-width: 1px 1px 0 0; border-style: solid; border-color: #e2e2e2; background: url(../image/main-board-bullet.png) no-repeat 285px center; }
body.main #div-contents .board .board ul	{ clear: both; height: 139px; padding: 0; margin: 0; list-style: none; border-right: 1px solid #e2e2e2; }
body.main #div-contents .board .board ul li	{ clear: both; padding: 0; margin: 0; list-style: none; }
body.main #div-contents .board .board ul li span.empty,
body.main #div-contents .board .board ul li a	{ display: block; line-height: 22px; padding: 0 25px; font-size: 11px; color: #5e5e5e; text-decoration: none; background: url(../image/main-board-bullet2.png) no-repeat 15px center; }
body.main #div-contents .board .board ul li a span.title	{ display: inline-block; width: 200px; cursor: pointer; }
body.main #div-contents .board .board ul li a:focus span.title, body.main #div-contents .board .board ul li a:hover span.title, body.main #div-contents .board .board ul li a:active span.title	{ color: #d8354a; text-decoration: underline; }

body.main #div-contents .board .link1	{ clear: both; *zoom: 100%; }
body.main #div-contents .board .link1:after	{ display: block; clear: both; content: " "; }
body.main #div-contents .board .link1 p.infomation	{ float: left; width: 165px; height: 103px; padding: 0; margin: 0; background: url(../image/main-menulink3.png) no-repeat left top; }
body.main #div-contents .board .link1 p.infomation span	{ position: absolute; z-index: -1; width: 165px; }
body.main #div-contents .board .link1 p.loadmap	{ float: left; width: 166px; padding: 0; margin: 0; }
body.main #div-contents .board .link1 p.loadmap a	{ display: block; height: 103px; background: url(../image/main-menulink3.png) no-repeat -165px top; }
body.main #div-contents .board .link1 p.loadmap a span	{ position: absolute; z-index: -1; width: 166px; }

body.main #div-contents .board .link2	{ clear: both; }
body.main #div-contents .board .link2 h2	{ clear: both; padding: 0; margin: 0; font-size: 14px; }
body.main #div-contents .board .link2 h2 a	{ display: block; height: 137px; background: url(../image/main-menulink4.png) no-repeat left top; }
body.main #div-contents .board .link2 h2 a span	{ position: absolute; z-index: -1; }
body.main #div-contents .board .link2 p	{ display: none; }