@charset "UTF-8";

html { overflow-y: scroll; }
body {font: normal 12px/1.5 "맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, "돋움", Dotum, Tahoma; }
th,td,input,select,textarea{font-size:1em}

/* global tag */
a { color: #480055; text-decoration: none; }
a:hover { color: #ff6d09; }
img { border: none; }
form, p { margin: 0px; padding: 0px; }

/* layout */
.padding_10 { padding: 10px; }
.padding_5 { padding: 5px; }
.align_center { text-align: center; }
.align_right { text-align: right; }
.align_middle { vertical-align: middle; }
.float_left { float: left; }
.float_right {float: right; }
.clear_both:after { content: " "; display: block; clear: both; height: 0; visibility: hidden;}
.display_none { display: none; }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.font_bold { font-weight: bold; }
.button { cursor: pointer; }
.nowrap { white-space: nowrap; }

/* link style */ 
.link1 { color: #ff5957; background-color:#feffae; font-size: 1em; cursor: pointer; }
.link1:hover { color: #feffae; background-color:#ff5957; }
.link2 { color: #000000; background-color:#feffae; font-size: 0.8em; cursor: pointer; }
.link2:hover { color: #feffae; background-color:#000000; }
.link11 { color: #f04361; font-size: 1em; font-weight: bold; cursor: pointer; padding: 2px; border-radius: 2px; }
.link11:hover { color: #ffffff; background-color:#f04361; }
.link51 { color: #fbbb34; font-size: 0.9em; font-weight: bold; cursor: pointer; padding: 1px 5px; border-radius: 2px; }
.link51:hover { color: #9B4C22; background-color:#fbbb34; }
.link52 { color: #ff0000; font-size: 0.9em; font-weight: bold; cursor: pointer; padding: 1px 5px; border-radius: 2px; }
.link52:hover { color: #ffffff; background-color:#ff0000; }
.link53 { color: #047105; font-size: 0.9em; font-weight: bold; cursor: pointer; padding: 1px 5px; border-radius: 2px; }
.link53:hover { color: #ffffff; background-color:#047105; }

/* table style */
table {  border-collapse: collapse; }
.table1 { width: 100%; table-layout:fixed; }
.table1 th { padding: 3px; border: 1px solid #d7d7d7; background-color: #efefef; }
.table1 td { padding: 3px; border: 1px solid #d7d7d7; background-color: #ffffff; }
.table2 { width: 100%; table-layout:fixed; }
.table2 th { padding: 3px; border-bottom: 2px solid #d7d7d7; }
.table2 td { padding: 3px; border-bottom: 1px solid #d7d7d7; }

.opmo { filter:alpha(opacity=50); opacity:0.5; -moz-opacity: 0.4; }
.opmo:hover { filter:alpha(opacity=100); opacity:1; -moz-opacity: 1; }

ul.type1 { list-style: none; padding:0px; margin: 0px; }
input.highlight { background-color: #ff9999; }
select { font-size: 12px; }
textarea { line-height: 1.5; font-size: 12px; }
.input1 { border: 1px solid #dadada; padding: 2px; font-size: 12px; }
.input2 { border: none; }

.highlight11 { color: #ffffff; background-color: #047105; padding: 1px 3px; border-radius: 3px; font-size: 0.9em; }
.highlight12 { color: #393939; background-color: #e9e9e9; padding: 1px 3px; border-radius: 3px; font-size: 0.9em; }
.highlight13 { color: #ffffff; background-color: #ff0000; padding: 1px 3px; border-radius: 3px; font-size: 0.9em; }
.page_str_btn { vertical-align: middle; padding-left:5px; padding-right: 5px; }

div#dbDebug { margin-top: 30px; clear: both; padding: 10px; font-size: 11px; }
div#dbDebug p { cursor: pointer }
div#dbDebug pre {font-family: monaco; }
div#dbDebug .eachQuery { border: 1px dashed #ddd; margin-top: 10px; margin-bottom: 10px; padding: 3px; display: none; }
div#dbDebug .query { background-color: #eeeeaf; padding: 5px; margin: 5px; overflow: auto; }
div#dbDebug .explain { background-color: #eeeeef; padding: 5px; margin: 5px; overflow: auto;}