@CHARSET "UTF-8";
/************************ Golbal ************************/
* {margin:0;padding:0;font-family:'돋움', 'Dotum', '굴림', 'Gulim', 'AppleGothic', 'Sans-serif';}
html{font-size:12px;color:#777;}
body{background:url('/images/header_bg.gif') repeat-x left top;word-wrap:break-word;}
table{border-collapse:collapse;}
img, fieldset, button{border:none;vertical-align:middle;}
caption{visibility:hidden;line-height:0;}
li, dt, dd{list-style:none;}
input, textarea{vertical-align:middle;font-size:12px;color:#777;}
textarea{overflow:auto;} 
select{vertical-align:middle;border:1px solid #ddd;font-size:12px;color:#777;padding:1px;height:22px;}
a, a:link, a:hover, a:active, a:visited{text-decoration:none;color:#777;}
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 

/************************ Input ************************/
input.txt{border:1px solid #ccc;padding:4px 5px;margin-right:5px;}
select.selct{height:24px;border:1px solid #ccc;padding:3px 4px 3px 2px;margin-right:5px;}
textarea.txtarea{border:1px solid #ccc;padding:5px;}
input.radio{margin:0 5px 0 5px;}
input.chk{margin:0 5px 0 5px;}
label{line-height:22px;margin-right:15px;}
label.actv{color:#000;}

/************************ Layout ************************/
#wrap{width:100%;}
#header{position:relative;height:90px;margin:0 auto;}
#header h1{background:#11277c;width:170px;text-align:center;padding:31px 0 17px;}
#footer{position:relative;height:30px;border-top:1px solid #bbb;text-align:center;padding:10px;}
#footer .copy{font-size:11px;color:#aaa;}
#footer .copy span{color:#888;}
#container{position:relative;display:block;background:url('/images/bg.gif') repeat-y left top;margin:0 auto;padding-bottom:50px;}
#container:after{clear:both;content:"";display:block;}
#header .snb{position:absolute;right:20px;top:13px;}
#header .snb span.name{font-weight:bold;margin-right:10px;}
#header div.gnb{position:absolute;left:169px;top:44px;width:990px;height:46px;}
#header ul.gnb_system{float:left;background:#51659b url('../images/gnb_bg.png') repeat-y left top;}
#header ul.gnb_system li{float:left;background:url('/images/gnb_bg.png') repeat-y right top;}
#header ul.gnb_system li:hover, #header ul.gnb_system li.sel{background-color:#304270;}
#header ul.gnb_work{float:left;background:url('/images/gnb_bg.png') repeat-y left top;}
#header ul.gnb_work li{float:left;background:url('/images/gnb_bg.png') repeat-y right top;}
#header ul.gnb_work li:hover, #header ul.gnb_work li.sel{background-color:#3b414f;}
#header ul.gnb_system li a, #header ul.gnb_work li a{color:#aaa;font-size:12px;line-height:45px;font-weight:bold;padding:10px;}
#header ul.gnb_system li:hover a, #header ul.gnb_system li.sel a, #header ul.gnb_work li:hover a, #header ul.gnb_work li.sel a{color:#fff;}

/************************ lnb ************************/
#container .lnb{float:left;width:169px;margin-bottom:100px;}
#container .title{background:#729dd7;border:none;color:#fff;font-size:18px;font-weight:bold;letter-spacing:-1px;padding:21px 15px 18px;}
#container .lnb li{border-bottom:1px solid #ddd;}
#container .lnb li:hover, #container .lnb li.sel{background:#fff;}
#container .lnb li span{display:block;line-height:32px;font-weight:bold;color:#999;letter-spacing:-.5px;padding:0 15px;}
#container .lnb li.sel span.dep1, #container .lnb li a:hover span.dep1{color:#000;}
#container .lnb dl{background:#fff;border-top:1px dashed #ddd;padding:10px 0;}
#container .lnb dd span{color:#999;font-size:12px;line-height:20px;font-weight:normal;letter-spacing:0;padding:0 15px;}
#container .lnb dd a:hover span{color:#000;}
#container .lnb dd.sel a span{background:url('/images/bul_bg.png') no-repeat 15px 2px;color:#000;padding-left:25px;}

/************************* print_body ************************/
body.print_body #container{position:relative;display:block;background:none;margin:0 auto;padding-bottom:0px;}
body.print_body #container #content{padding: 10px; margin: 10px;}

/************************ Contents ************************/
#container #content{min-width:720px;margin:0 20px 0 190px;padding:25px 0;}
#container #content h2{border-bottom:2px solid #bbb;font-size:25px;color:#000;letter-spacing:-2.5px;margin-bottom:20px;padding:0 0 5px 10px;}
#container #content h3{font-size:14px;color:#000;letter-spacing:-1px;margin:0 0 10px 10px;}
#container #content h4{font-size:16px;color:#999;font-weight:normal;line-height:18px;letter-spacing:-1px;margin:0 10px 20px;}
#container #content span.cmmt{display:inline-block;font-size:11px;font-weight:normal;letter-spacing:0;color:#aaa;margin:0 5px 5px;}
#container #content span.arr{display:inline-block;background:url('/images/bul_bg.png') no-repeat 5px -238px;padding-left:25px;}
#container #content a.down{display:inline-block;line-height:19px;background:url('/images/btn_in_file.gif') no-repeat left 0;color:#000;padding-left:25px;}
#container #content a.down:hover{text-decoration:underline;}
#container #content span.stamp img{width:55px;height: 55px;}
#container #content ul.list_in li{float:left;background:url('/images/bul_bg.png') no-repeat left -153px;line-height:20px;margin-right:30px;padding-left:8px;}
#container #content ul.list_in li .emp{font-weight:bold;}
#container #content dl.tit01{float:left;margin-bottom:10px;padding:0 10px;}
#container #content dl.tit01 dt{float:left;background:url('/images/bul_bg.png') no-repeat left -155px;font-weight:bold;padding-left:8px;}
#container #content dl.tit01 dd{float:left;margin-right:50px;}
#container #content .succ_pic{float:left;width:160px;border-top:1px solid #ddd;border-right:1px solid #bbb;border-bottom:1px solid #bbb;border-left:1px solid #ddd;margin:0 10px 10px 0;}
#container #content .succ_pic ul{background:#eee;padding:5px 8px;}
#container #content .succ_pic ul li{line-height:20px;}
#container #content .succ_pic ul li span{font-weight:bold;color:#000;}
#container #content .succ_pic .img_pic{margin:10px;}
#container #content .pic{display:inline-block;width:125px;height:150px;border:1px solid #ddd;padding:4px;}
#container #content .pic img{width:125px;height:150px;}
#container #content .num_big{font-size:14px;}
#container #content .img_pic{text-align:center;}
#container #content .sel_cal{height:30px;text-align:center;}
#container #content .sel_cal .today{font-size:14px;font-weight:bold;color:#000;margin:0 10px;}
#container #content .graph{width:100%;height:18px;border:1px solid #ddd;text-align:left;}
#container #content .graph span{display:inline-block;height:18px;background:#ddd;}

#container ul.board_list{border-top:1px solid #6C727F;}
#container ul.board_list li{position:relative;height:25px;line-height:25px;border-bottom:1px solid #ddd;}
#container ul.board_list li.prev{background:url("/images/icon_bg.png") no-repeat 8px -243px;}
#container ul.board_list li.next{background:url("/images/icon_bg.png") no-repeat 8px -293px;}
#container ul.board_list li span.name{position:absolute;width:50px;line-height:25px;font-weight:bold;padding-left:25px;}
#container ul.board_list li span.tit{position:absolute;left:80px;max-width:600px;height:25px;color:#bbb;white-space:nowrap;overflow:hidden;}
#container ul.board_list li span.tit a{color:#000;}
#container ul.board_list li span.date{position:absolute;right:10px;padding-left:10px;}

/************************ Table ************************/
#container #content table tr.noact td{background:#f5f5f5;color:#bbb;}
#container #content table tr.noact td a{color:#bbb;}
#container #content table tr.sum th{background:#777;border:1px solid #777;border-right:1px solid #fff;font-weight:bold;color:#fff;}
#container #content table tr.sum td{background:#999;border:1px solid #999;font-weight:bold;color:#fff;}
#container #content table textarea.detail{width:98%;}
#container #content span.essen{background:url('/images/bul_bg.png') no-repeat right -295px;padding-right:7px;}

/************************* List 구분 선************************/
#container #content table.tb_list tr.tr_color td{background-color: #ebeff5;}

#container #content table.tb_list{width:100%;border-left:1px solid #ddd;border-bottom:1px solid #aaa;margin-bottom:20px;}
#container #content table.tb_list th{background:#f1f0f0 url('/images/bg_th.gif') no-repeat;border:1px solid #d5d5d5;border-bottom:1px solid #bebebe;line-height:1.3em;color:#515151;padding:8px 1px 5px 1px;}
#container #content table.tb_list td{text-align:center;border-right:1px solid #ddd;border-top:1px solid #ddd;padding:8px 10px;}
#container #content table.tb_list td a{color:#729DD7;text-decoration:underline;}
#container #content table.tb_list td a.btn_in{color:#777;text-decoration:none;}
#container #content table.tb_list td a.btns{text-decoration:none;}

#container #content table.tb_view{width:100%;border-left:1px solid #ddd;border-bottom:1px solid #aaa;margin-bottom:20px;}
#container #content table.tb_view th{background:#f1f0f0 url('/images/bg_th.gif') no-repeat;border-right:1px solid #d5d5d5;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;color:#444;font-weight:bold;padding:10px 0 7px;}
#container #content table.tb_view td{border-right:1px solid #ddd;border-top:1px solid #d5d5d5;padding:10px 10px 7px;}
#container #content table.tb_view td.cont{color:#000;text-align:left;padding:20px;}
#container #content table.tb_view td.cont img{display:block;max-width:690px;text-align:center;margin:15px auto;}

#container #content table.tb_write{width:100%;border-left:1px solid #ddd;border-bottom:1px solid #aaa;margin-bottom:20px;}
#container #content table.tb_write th{background:#f1f0f0 url('/images/bg_th.gif') no-repeat;border-right:1px solid #d5d5d5;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;color:#444;font-weight:bold;padding:10px 0 7px;}
#container #content table.tb_write td{border-top:1px solid #ddd;border-right:1px solid #d5d5d5;padding:6px 8px;}

#container #content div.none table td{margin: 0px;padding: 0px;border:none;}

/************************* gallery list ************************/
#container ul.gallery_list{float:left;margin-bottom:20px;padding:5px;}
#container ul.gallery_list li{float:left;margin:5px;}
#container ul.gallery_list li img{width:168px;height:118px;border:1px solid #ddd;}

