body { font: .8em Lucida Grande,Lucida Sans,Arial,sans-serif,"나눔고딕","Nanum Gothic", "Malgun Gothic","맑은고딕" ,"Apple SD Gothic Neo","돋움","Dotum" , AppleGothic, Tahoma !important;background: #e6e6e6; color: #777; }
body, html{height:92%;}
img,fieldset{border:0}
a { color: #888; text-decoration:none; }

body,ul,p{margin:0;padding:0}
li{list-style: none; }
h1 {font-size:2em;float:left;font-weight:bold;}
h2 {font-weight:normal;padding:0 0 10px 10px; margin: 0 0 10px 0;border-bottom:3px solid #888;color:#000}
h3 {font-weight:normal;}
select{width:100px;}
em{ font-style:normal}

.x { clear: both; }
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.hidden{display:none}
.error{margin:-2px 0 12px;font-size:12px;line-height:16px;color:#ff1616; }

.input_int{position:relative;width:100%;padding:7px 0 6px;height:16px;z-index:9;border:none;background:#fff;font-size:15px;color:#000;line-height:16px;-webkit-appearance:none}
.input_int2{padding:10px;width:96%;border:solid 1px #dadada;}
.input_int3{padding:10px 5px 3px 5px;border:solid 1px #c5dbec;}
.input_int4{padding:2px;border:solid 2px #c5dbec;}
.input_size{width:70%}
.left{text-align:left;padding-left:3px}
.right{text-align:right;padding-right:3px}
.center{text-align:center}
.bold{font-weight:bold}

#header{background:#203548;color:#fff;width:100%;opacity:0.9;-moz-opacity:0.9;box-shadow:0px 9px 6px -6px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 9px 5px -5px rgb(0, 0, 0); -moz-box-shadow: 0px 9px 5px -5px rgb(0, 0, 0);}
#header a{color:#fff;}
.top_area{overflow:auto;margin:0 auto;width:70%;}
.top_menu {float:right;margin:25px 0 0 0}
.top_menu li {display: inline;}
.top_menu li a {float:left;margin: 0 0 0 20px;}
.top_menu li a:hover {font-weight:bold;}
.top_menu li span {float: left;color:#fff;margin: 0 0 0 20px;}

#content{clear:both;margin:0 auto;width:80%;min-height:100%;background:#fff;padding-top:30px;margin-bottom:50px;overflow:auto}
.left_area{float:left;width:15%;padding-left:20px;}
.left_menu{border-top:2px solid #CFCFCF;border-right:2px solid #CFCFCF;border-left:2px solid #CFCFCF;margin:0 0 20px 0}
.left_menu li {line-height:35px;padding-left:15px;border-bottom:2px solid #CFCFCF;}
.left_menu .on {font-weight:bold;}
.left_menu li:hover {background: #efefef}

.login_form{clear:both;width:60%;margin:50px auto}
.login_form .input_row{position:relative;border:solid 1px #B0B0B0;padding:10px 35px 10px 15px;margin:0 0 10px;background:#fff;height:29px}
.login_form .row{padding-top:5px;}
.login_form .lbl{position:absolute;top:16px;left:15px;z-index:8;font-size:15px;color:#999;line-height:16px}
.login_form .btn{display:block;height:61px;*width:460px;margin:30px 0 13px;background:#f0f0f0}
.login_form .btn input{width:100%;border:1px solid #cecece;*border:none;height:61px;text-indent:-999em;*text-indent:0;*padding-left:900px;-webkit-appearance:none;cursor:pointer}
.login_form .btn input.int_join{background:url(../image/button.png) no-repeat;background-position:center 20px;}
.login_form .input_checkbox{width:13px;height:13px;vertical-align:middle;margin-left:15px}

.body_area{float:left;width:70%;min-width:50%;margin-left:20px;padding: 30px;border:0px solid #ddd}
.body_area .box{margin-top:50px;}
.body_area .box1{margin-top:20px;}
.body_area .box_line{overflow:auto;border:1px solid #B0B0B0;background:#fff;padding:20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-bottom:40px}
.body_area .input_row{margin:10px;}
.body_area .input_line{border:solid 1px #C2C2C2;padding:5px 5px 5px 10px}
.body_area .lbl{display:block;text-align:left;font-size:1.2em;line-height:25px}
.body_area .error{margin-left:10px;}
.body_area .btn{display:block;height:61px;*width:300px;margin:30px 10px 10px 10px;background:#f0f0f0}
.body_area .btn input{width:100%;border:1px solid #cecece;*border:none;height:61px;text-indent:-999em;*text-indent:0;*padding-left:900px;-webkit-appearance:none;cursor:pointer}
.body_area .btn input.int_join{background:url(../image/button.png) no-repeat;background-position:center -20px;}
.body_area .btn input.int_join1{background:url(../image/button.png) no-repeat;background-position:center -65px;}
.body_area .title{display:inline-block;width:120px;text-align:right;padding-right:5px;}
.body_area p{line-height:30px;margin-left:10px;}
.body_area .bold {color:#2e6e9e}


.body_area .table1 {text-align:center;margin:0 auto; border-spacing:0;width:95%}
.body_area .table1 thead th{padding:15px;border-bottom:3px double #A6A6A6}
.body_area .table1 tbody th, td{padding:15px;border-bottom:1px solid #A6A6A6}

.body_area .table2 {text-align:center;margin:0 auto; border-spacing:0;width:100%}
.body_area .table2 thead th{line-height:40px;background:#949694;color:#fff}
.body_area .table2 tbody th,td{border-bottom:1px dotted #949694;line-height:40px;padding:0}
.body_area .table2 .col1{width:60%;text-align:left;padding-left:15px;}
.body_area .table2 .col2{width:15%}
.body_area .table2 .col3{width:10%}
.body_area .table2 .subject{font-size:1.3em;color:#000;border-bottom:0px}
.body_area .table2 .writer{text-align:right}
.body_area .table2 .content{text-align:left;padding:10px;line-height:30px;}
.body_area .table2 .title1{width:40%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.body_area .table2 a:hover {font-weight:bold;}
 
.body_area .table3 {text-align:center;margin:0 auto; border-spacing:0;width:100%;border-bottom:1px solid #8C8C8C;border-right:1px solid #8C8C8C;}
.body_area .table3 .base{line-height:35px;border-top:1px solid #8C8C8C;border-left:1px solid #8C8C8C}
.body_area .table3 .memo{line-height:17px;}
.body_area .table3 thead th{background:#efefef;color:#000;padding:3px}
.body_area .table3 td{border-bottom:0px;padding:3px 5px 3px 5px}
.body_area .table3 tbody > tr:hover {background: #e8eaef;}


.body_area .btn_box{text-align:right;margin:20px 0 20px 0;}
.body_area .btn_box a{margin-left:15px;}
.body_area .btn_search{top:-3px;padding:.5em 1em}
.body_area .select_menu{top:10px}

.body_area .order_confirm_error{margin-top:20px;text-align:center;}
.body_area .order_confirm_error .info{color:#ff1616;font-weight:bold}
.body_area .page{padding-top:15px;text-align:center;}
.body_area .page_num{padding:5px}
.body_area .order_cancel{color:#2e6e9e;font-weight:bold}

.body_area .width60{display:inline-block;width:60%;}
.body_area .width45{display:inline-block;width:45%;}
.body_area .width20{display:inline-block;width:20%;}

.info{padding:5px;line-height:20px;text-align:center}
.info .item{display:inline-block;width:46%;}
.file_image{width:100%}
.dialog{line-height:25px;}
.dialog .red{color:#ff1616;}
.icon{padding: .1em .7em;}
.tooltip_image{width: 305px;height:305px;}


.alarm{font-size:12px;}
.line{border-bottom:1px solid #ccc}
.msg{padding:10px}

#footer{clear:both;position:fixed;bottom:0;width:100%;padding:20px 0;text-align:center; font-size: .9em; color: #999;background:#203547;}


@media print
{
@page {size: auto;margin: 5mm; }    
body{background-color:#fff;padding:0;margin:0;}
h2{text-align:center;font-size:10pt;border-bottom:2px solid #888;padding-bottom:10px;}
table{background-color:#fff;font-size:8pt;border-spacing:0;width:100%;text-align:center;}
table th, td{border-bottom:1px solid #bebebe;border-collapse:collapse;line-height:35px;}
}