@charset "utf-8";

/* layout */
#wrap{width:100%; position:relative; min-width:1200px}
header div.top-menu{background-color:#e6edf6; height:29px;}
header div.top-menu .top-link{text-align:right; width:980px; margin:0px auto; padding:3px 0;}
header div.top-menu .top-link a.btn_home{margin-right: 10px;}
header{width:100%; position:relative; height:160px; z-index:10; min-width:1200px; }
header #inner-header{width:980px; height:89px; margin:0 auto; position:relative;}
header #inner-header:after{clear:both; content:""; height:0; display:block;}
header #inner-header h1.logo{position:absolute;top:27px; left:11px}
header #inner-header .user{position:absolute;top:32px; right:0; }
header #inner-header .user:after{display:block; overflow:hidden; clear:both; content:''; width:100%; height:0; font-size:0; line-height:0; }
header #inner-header .user .util { float:left; margin-top:9px; }
header #inner-header .user .util ul li{float:left; padding-left:7px; margin-left:7px; background:url(/images/common/util_line.gif) no-repeat 0 4px;}
header #inner-header .user .util ul li:first-child { padding-left:0; margin-left:0; background:none; }
header #inner-header .user .util ul li a{ font-family:tahoma, arial; color:#878787; font-size:11px;}
header #inner-header .user .search { float:left; margin-left:18px; }
header #inner-header .user .search .inp_txt{width:189px; height:29px; border:1px solid #d1d1d1; border-right-color:#f0f0f0; background:#f0f0f0;}
header #inner-header .user .search .inp_btn{  }


/*gnb*/
header #gnb_area{position:absolute; right:0; top:118px; width:100%; height:42px; background:#343434; z-index:5; }
header #gnb_area ul.gnb{width:980px; margin:0 auto;}
header #gnb_area ul.gnb:after{display:block; overflow:hidden; clear:both; content:''; width:100%; height:0; font-size:0; line-height:0; }
header #gnb_area ul.gnb > li {position:relative; float:left; width:12.4%; height:31px; padding:11px 0 0; text-align:center; font-size:16px; font-weight:bold;}
header #gnb_area ul.gnb > li a{color:#fff;}
header #gnb_area ul.gnb > li.on > a{color:#5eb9e8;}
header #gnb_area ul.gnb > li .sub-menu {position:absolute; left:0; top:42px; width:100%;}
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask.on{background-color:#343434;}
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask { overflow:hidden; position:relative; width:100%; height:270px; text-align:left; border-left:1px solid #343434; visibility: hidden}
header #gnb_area ul.gnb > li:last-child .sub-menu .sub-menu-mask{border-right:1px solid #343434;}
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask > ul{ position:absolute; left:0; width:100%; text-align:left; }
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask > ul.on {background-color:#343434;}
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask > ul > li{ position:relative; width:100%; font-size:12px; }
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask > ul > li:first-child { margin-top:6px; }
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask > ul > li a { display:block; padding:6px 0 6px 16px; font-family:dotum, gulim, arial; color:#bbbbbb; white-space:nowrap; }
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask > ul > li a:hover{background:#6695c5; color:#fff;}
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask > ul > li.on a {background:#6695c5; color:#fff;}
header #gnb_area ul.gnb > li .sub-menu .sub-menu-mask > ul > li a.fake-link{display:none;}

header .menu-bg-mask { overflow:hidden; position:absolute; left:0; top:160px; width:100%; height:273px; visibility: hidden}
header .menu-bg-mask div.outer-menu-bg { position:relative; width:100%; }
header .menu-bg-mask div.outer-menu-bg div.inner-menu-bg { position:absolute; left:0; width:100%; height:270px; background:#454545; border-bottom:3px solid #343434; text-align:center; }

/*lnb*/
#container nav#lnb{float:left; width:210px; margin-right:50px;}
#container:after{clear:both; height:0; content:""; display:block;}
nav#lnb .title{width:100%;height:98px; background:url(/images/common/sub/lnb_title.gif) no-repeat left top; background-size:210px 6px; border-bottom:1px solid #5f6161;}
nav#lnb .title h2{text-align:center; line-height:104px; color:222; font-size:24px; font-weight:bold;}

nav#lnb ul.lnb-menu{width:210px;}
nav#lnb ul.lnb-menu > li{border-bottom:1px solid #e0e0e0; line-height:38px;}
nav#lnb ul.lnb-menu > li > a{display:block; font-size:15px; color:#444444; font-weight:bold; width:190px; padding-left:20px;}
nav#lnb ul.lnb-menu > li.on > a{color:#1980c4; background:#f9f9f9;}

nav#lnb ul.sub-menu { display:none; }
nav#lnb ul.sub-menu > li{border:none; background:#f9f9f9 url(/images/common/sub/lnb_submenu_on.gif) no-repeat 23px center; height:30px; line-height:30px;}
nav#lnb ul.sub-menu > li > a{display:block; color:#666; font-size:12px; font-weight:normal; padding-left:32px; width:178px; font-family:dotum, gulim, arial;}
nav#lnb ul.sub-menu > li.on > a{font-weight:bold; color:#000;}

/* Footer */
.footer {clear:both;position:relative;height:115px;border-top:1px solid #e5e5e5; background:#fff;min-width:1200px}
#page_footer {margin:0 auto;width:980px;height:115px;}
#page_footer p.footer-logo {float:left;margin:15px 22px 0 0;padding:0 0 10px 0;}
#page_footer ul.footer-link,
#page_footer ul.footer-link li {margin:0;padding: 0;list-style:none;}
#page_footer ul.footer-link li{padding:0px;}
#page_footer ul.footer-link {width:785px;float:left;margin:24px 0 6px 0;background:url(/images/common/footer_bg.gif) left top no-repeat; height: 18px;}
#page_footer ul.footer-link li {float:left;padding-left: 1px;}
#page_footer ul.footer-link li a {padding:0 7px 0px 6px; margin-top:3px; background:url(/images/common/footer_link_line.gif) right 5px no-repeat; float: left;}
#page_footer ul.footer-link li a img{vertical-align:top;}
#page_footer ul.footer-link li a.first {padding-left:10px;}
#page_footer ul.footer-link li a.last{background:none;}
#page_footer div.footer-info{width:1200px; clear:both;margin:0 auto; position:relative;}
#page_footer div.footer-info div.footer-copy{ margin-left:1px; margin-right:55px; margin-top:2px; position:absolute; top:-25px; left:206px}
#page_footer div.footer-info div.footer-copy p{font-size:11px; color:#828282; line-height:15px; margin:0; font-family:dotum, '돋움', gulim, '굴림', AppleGothic, sans-serif}
#page_footer div.footer-info div.footer-copy p.copyright span{color:#4171b3;}

/*admin*/
body.admin{width:100%;}
/*lnb*/
body.admin #container-wrap nav#lnb{float:left; width:210px; margin-right:50px;}
body.admin #container-wrap:after{clear:both; content:""; height:0; display:block;}
body.admin #container-wrap{width:100%;}
body.admin #container-wrap .content-group{width:720px; float:right; margin-top:45px;}
body.admin #container-wrap .container{width:980px; margin:0 auto}
body.admin h3.content-title{font-size: 24px; font-weight: bold; color:#222; margin-bottom:24px;}

nav#lnb ul.lnb-menu .sub-dep li:first-child{border-top:1px solid #e0e0e0}
nav#lnb ul.lnb-menu .sub-dep li{background:#f9f9f9;padding-left:30px;}
nav#lnb ul.lnb-menu .sub-dep li a:hover{font-weight:bold; color:#000;}


/*관리자메뉴얼*/
.admin-giude {float: right;}
.admin-giude:after{clear:both; display:block; overflow:hidden; height:0; content:"";}
.admin-giude ul { list-style: none; margin: 0; padding: 0;}
.admin-giude ul li a {display: block; padding: 9px 0 0 40px; font-weight: bold; font-size: 14px; color: #333;}
.btn-list{text-align:right !important; float:none !important;}