@charset "utf-8";
/* HTML Elements
---------------------------------------------------------*/
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; margin: 0; padding: 0; border: 0; }
* { margin: 0; padding: 0; }
body { font: 13px/1.5em '맑은 고딕', Malgun Gothic, sans-serif; color: #4e5155; letter-spacing: -0.05em }
hr { display: none; }
img, fieldset, button { border: none; vertical-align: middle; }
ul, ol { list-style: none; }
legend, caption { position: relative; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; }
a:link, a:visited { color: #4e5155; text-decoration: none; cursor: pointer; }
a:hover, a:active { color: #000000; text-decoration: none; cursor: pointer; }
table { border-collapse: collapse; width: 100%; }
table td { word-break: break-all; }
table th { font-weight: 600; white-space: nowrap; }
td.cont { height: 150px; vertical-align: top; }
input[type="text"], input[type="password"], input[type="search"], input[type="file"], input[type="date"], select, textarea, button { font: 12px '맑은 고딕', Malgun Gothic, sans-serif; }
input[type="text"], input[type="password"], input[type="search"], input[type="file"], input[type="email"] { height: 27px; padding: 2px 5px; border: 1px solid #c9c9c9; border-radius: 2px; color: #444444; box-sizing: border-box; vertical-align: middle; }
input[type="file"] { padding: 2px 5px; line-height: 21px; vertical-align: top; width: 100%; }
select { padding: 0 0 0 10px; border: 1px solid #c9c9c9; color: #444444; }
input[readonly="readonly"], textarea[readonly="readonly"], select[readonly="readonly"] { border: 1px solid #c9c9c9; border-radius: 2px; background: #ebebe4; color: #1f2635; }
input:readonly, textarea:readonly, select:readonly {
border:1px solid #c9c9c9;
border-radius: 2px;
background:#ebebe4;
color:#1f2635;
}
input[disabled="disabled"], input:disabled, textarea[disabled="disabled"], textarea:disabled, select[disabled="disabled"], select:disabled { border: 1px solid #c9c9c9; border-radius: 2px; background: #e9e9e9; color: #949494; }
input[type="radio"][readonly="readonly"], input[type="radio"][readonly], input[type="checkbox"][readonly="readonly"], input[type="checkbox"][readonly], input[type="radio"][disabled="disabled"], input[type="radio"][disabled], input[type="checkbox"][disabled="disabled"], input[type="checkbox"][disabled] { border: none; background: none; }
::-ms-value {
color:inherit;
border:none;
background:transparent;
}
select:focus { border: 1px solid #6a9add; border-radius: 2px; box-shadow: 0 0 1px #a0c1f8; }
input[type="text"]::-ms-clear {
display: none;
}
input.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.input25 { width: 25%; box-sizing: border-box }
.input30 { width: 30%; box-sizing: border-box }
.input50 { width: 50%; box-sizing: border-box }
.input75 { width: 75%; box-sizing: border-box }
.input90 { width: 90%; box-sizing: border-box }
.input100 { width: 100%; box-sizing: border-box }
.inputDate { width: 100px; box-sizing: border-box }
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; }
xmp { display: block; }
input[type="date"] { width: 100px; height: 27px; padding: 2px; border: 1px solid #c9c9c9; border-radius: 2px; text-align: center; line-height: 18px; color: #101010; box-sizing: border-box; vertical-align: middle; }
textarea { display: block; width: 100%; padding: 2px 5px; box-sizing: border-box; color: #444444; border: 1px solid #c9c9c9; border-radius: 2px; line-height: 18px; vertical-align: middle; resize: none;}
input[type="checkbox"], input[type="radio"] { margin: 0 4px; vertical-align: middle; }
button { overflow: visible; display: inline-block; margin: 0; padding: 0; cursor: pointer; border: 0; white-space: nowrap; box-sizing: content-box; background: none; }
button::-moz-focus-inner {
margin:0;
padding:0;
border:0;
}
button[disabled="disabled"], button[disabled="disabled"]:hover, button[disabled="disabled"]:focus { color: #a5a5a5; text-decoration: none; cursor: default; }
option { line-height: 16px; padding: 0 4px; }
select { min-width: 70px; height: 27px; line-height: 25px; padding: 2px; border-radius: 2px; }
table select { min-width: 70px; height: 27px; line-height: 27px; padding: 2px; }
table input, table input[type="file"], table button, table a, table select { vertical-align: middle; }
mark { font-weight: bold; }
/* Global Elements
---------------------------------------------------------*/
.clear:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.displaynone { display: none; }
.displayblock { display: block !important }
.inputblock { display: block; width: 100%; box-sizing: border-box; }
.inputhalf { box-sizing: border-box; }
/*.inputhalf { width:48.5%;box-sizing:border-box; }*/

.overflowH { overflow: hidden }
.clearBoth { clear: both; }
.clearfix:after { display: block; visibility: hidden; clear: both; content: '.'; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
.textLeft { text-align: left !important; }
.textCenter { text-align: center !important; }
.textRight { text-align: right !important; }
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.leftArea { float: left; width: 49%; }
.rightArea { float: right; width: 49%; }
.leftArea30 { float: left; width: 29%; }
.rightArea70 { float: right; width: 69%; }
.floatTrio { float: left; width: 33%; padding-left: 1% }
.floatTrio.first { width: 32%; padding-left: 0 }
.fullArea { width: 100% }
.mrgnleft20 { margin-left: 20px !important; }
.mrgntop5 { margin-top: 5px !important; }
.mrgntop10 { margin-top: 10px !important; }
.mrgntop20 { margin-top: 20px !important; }
.mrgntop100 { margin-top: 100px !important; }
.mrgnbttm10 { margin-bottom: 10px !important; }
.mrgnbttm15 { margin-bottom: 15px !important; }
.mrgnbttm20 { margin-bottom: 20px !important; }
.mrgnbttm40 { margin-bottom: 40px !important; }
.mrgnbttm4 { margin-bottom: 4px !important; }
.mrgnbttm5 { margin-bottom: 5px !important; }
.mrgnbttm0 { margin-bottom: 0 !important; }
.imgArea { text-align: center; margin-bottom: 10px; !important;
}
.basic { min-width: 134px !important; }
.pd20 { padding: 20px; }
.pl_5 { padding-left: 5px; }
.pl_10 { padding-left: 10px; }
.pl_15 { padding-left: 15px; }
.pl_20 { padding-left: 20px !important; }
.pl_25 { padding-left: 25px }
.pr_15 { padding-right: 15px !important; }
.pr_50 { padding-right: 50px !important; }
.pbttm0 { padding-bottom: 0 !important; }
.line_h21 { line-height: 21px; !important;
}
.W70 { width: 70px; }
.W90 { width: 90px; }
.H60 { height: 60px }
.col10 { width: 10%; }
.col17 { width: 18%; }
.col20 { width: 20%; }
.col293 { width: 293px; }
.col24 { width: 24%; }
.col74 { width: 72%; }
.col79 { width: 79%; }
.col30 { width: 30%; }
.col33 { width: 32.6%; }
.col69 { width: 69%; }
.col60 { width: 60%; }
.border0 { border: 0 !important; }
input[type="text"]:focus { border: 1px solid #6ba4de; background: #ebf3ff; }
input.error { border: 1px solid #f05d5d; background: #facece; }
input.text { padding: 2px; border: 0; background: transparent; }
input.text:focus { padding: 2px; border: 0 !important; background: none !important }
textarea.current { border: 1px solid #8aa6be; background: #e0f4ff; }
textarea.error { border: 1px solid #f05d5d; background: #facece; }
textarea.text { padding: 2px; border: 0; background: transparent; }
.green { color: #22b994 !important; }
.blue { color: #2d9cf5 !important; }
.yellow { color: #ffb000 !important; }
.orange { color: #ff9161 !important; }
.red { color: #f05d5d !important; }
.blueB { color: blue !important; font-weight: bold !important}
.redB { color: red !important; font-weight: bold !important; }
.text-point-b { color: red; font-weight: bold; padding-left: 5px; padding-right: 5px; vertical-align: middle }
.btn_color { padding: 1px 4px; font-size: 11px; border-radius: 9px; color: #fff }
.btn_color span { color: #fff }
.btn_color.green { background: #22B994 }
.btn_color.blue { background: #319EF5 }
.btn_color.red { background: #F05D5D }
/*검색버튼 스타일*/
.searchb { overflow: hidden; display: inline-block; position: relative; padding-right: 20px; vertical-align: middle }
.searchb input { border-right: none; box-sizing: border-box; width: 100% }
.searchb input.current, .searchb input[type="text"]:focus { border-right: none }
.searchb input + button { position: absolute; bottom: 0; right: 0; border-left: 1px solid #C3C3C3 }
.searchc input { box-sizing: border-box; width: 100%; margin-top: 4px; }
/* 첨부파일 스타일 */
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 }
.filebox label { cursor: pointer; display: inline-block; vertical-align: middle }
.upload-name:focus+label { background: #000 !important }
.filebox .upload-name { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #444 }
/* Global
---------------------------------------------------------*/
.skiplink { display: block; }
.skiplink p a { position: absolute; display: block; width: 100%; left: 0; text-align: center; top: -10000px; z-index: 500; font-size: 1.3em; }
.skiplink p a:hover, .skiplink p a:focus, .skiplink p a:active { position: absolute; top: 0; padding: 20px 0; font-weight: bold; color: #fff; background: #053B72; z-index: 500; }
/* 버튼 스타일


---------------------------------------------------------*/
.btn_section:after, .btn_total:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.btn_total { }
.btn_total a, .btn_total button { display: inline-block; height: 27px; padding: 0 15px; border: 1px solid #aaaaaa; border-radius: 3px; font-size: 12px; font-weight: bold; color: #444444; line-height: 27px; box-shadow: 0px 1px 1px #e8e8e8; background: #ffffff; background: linear-gradient(#ffffff, #ffffff);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#ffffff");
}
.btn_total button:hover { border: 1px solid #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: linear-gradient(#f9f9f9, #f9f9f9);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#f9f9f9", endColorStr="#f9f9f9");
}
.btn_total button:active, .btn_total a:active { box-shadow: inset 3px 3px 3px #cdcdcd; }
.btn_total a[disabled="disabled"], .btn_total a[disabled="disabled"]:active, .btn_total button[disabled="disabled"], .btn_total button[disabled="disabled"]:active { border: 1px solid #cecece; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; background: linear-gradient(#eee, #f6f6f6); filter: none; }
.btn_type1 { }
.btn_type1 a, .btn_type1 button { display: inline-block; height: 27px; padding: 0 15px; border: 1px solid #d14836; font-size: 12px; font-weight: bold; color: #fff; line-height: 27px; box-shadow: 0px 1px 1px #e8e8e8; background: #e0523f; background: linear-gradient(#ed6352, #e0523f);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#ed6352", endColorStr="#e0523f");
}
.btn_type1 button:hover { border: 1px solid #d14836; box-shadow: 0px 1px 1px #e8e8e8; background: linear-gradient(#f27965, #e96651);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#f27965", endColorStr="#e96651");
}
.btn_type1 button:active, .btn_type1 a:active { box-shadow: inset 3px 3px 3px #b44233; }
.btn_type1 a[disabled="disabled"], .btn_type1 a[disabled="disabled"]:active, .btn_type1 button[disabled="disabled"], .btn_type1 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; background: linear-gradient(#eee, #f6f6f6); filter: none; }
.btn_type2 { }
.btn_type2 a, .btn_type2 button { display: inline-block; height: 27px; padding: 0 15px; border: 0px solid #00aac8; border-radius: 3px; font-size: 12px; font-weight: bold; color: #fff; line-height: 27px; display: inline-block; background: #01b1c8; background: linear-gradient(#00bcd4, #01b1c8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#00bcd4", endColorStr="#01b1c8");
}
.btn_type2 button:hover { border: 0px solid #00aac8; box-shadow: 0px 1px 1px #e8e8e8; background: linear-gradient(#01b1c8, #00bcd4);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#01b1c8", endColorStr="#00bcd4");
}
.btn_type2 button:active, .btn_type2 a:active { box-shadow: inset 3px 3px 3px #009cb8; }
.btn_type2 a[disabled="disabled"], .btn_type2 a[disabled="disabled"]:active, .btn_type2 button[disabled="disabled"], .btn_type2 button[disabled="disabled"]:active { border: 0px solid #00aac8; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; background: linear-gradient(#eee, #f6f6f6); filter: none; }
.btn_type3 { }
.btn_type3 a, .btn_type3 button { display: inline-block; height: 29px; padding: 0 15px; border: 0px solid #1a3bb4; border-radius: 3px; font-size: 12px; font-weight: bold; color: #fff; line-height: 29px; box-shadow: 0px 1px 1px #e8e8e8; background: #2a4bc5; background: linear-gradient(#2a4bc5, #2a4bc5);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#2a4bc5", endColorStr="#2a4bc5");
}
.btn_type3 button:hover { border: 0px solid #2142bd; box-shadow: 0px 1px 1px #e8e8e8; background: linear-gradient(#2142bd, #2142bd);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#2142bd", endColorStr="#2142bd");
}
.btn_type3 button:active, .btn_type3 a:active { box-shadow: inset 3px 3px 3px #1233ae; }
.btn_type3 a[disabled="disabled"], .btn_type3 a[disabled="disabled"]:active, .btn_type3 button[disabled="disabled"], .btn_type3 button[disabled="disabled"]:active { border: 0px solid #cecece; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; background: linear-gradient(#eee, #f6f6f6); filter: none; }
.btn_type4 { }
.btn_type4 a, .btn_type4 button { display: inline-block; vertical-align: top; height: 25px; padding: 0 10px; border: 1px solid #cacaca; font-size: 12px; color: #444444; font-weight: normal; line-height: 25px; text-decoration: none; cursor: pointer; background: #f8f8f8; background: linear-gradient(#fefefe, #f0f0f0); }
.btn_type4 a span, .btn_type4 button span { display: block; height: 25px; }
.btn_type4 button[type="submit"], .btn_type4 button.submit { border: 1px solid #8a8a8a; color: #fff; background: #9a9a9a; background: linear-gradient(#aaa, #888); }
.btn_type4 button:active, .btn_type4 a:active { box-shadow: inset 2px 3px 3px #d8d8d8; }
.btn_type4 button[type="submit"]:active, .btn_type4 button.submit:active { box-shadow: inset 2px 3px 3px #838383; }
.btn_type4 a[disabled="disabled"], .btn_type4 a[disabled="disabled"]:active, .btn_type4 button[disabled="disabled"], .btn_type4 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #a3a3a3; box-shadow: none; background: #f1f1f1; background: linear-gradient(#eee, #f6f6f6); }
.btn_type5 { margin: 10px 0; padding: 10px 0; }
.btn_type5 a, .btn_type5 button { display: inline-block; vertical-align: top; height: 23px; padding: 0 10px; border: 1px solid #d6d6d6; border-radius: 3px; font-size: 12px; color: #555555; font-weight: bold; line-height: 23px; text-decoration: none; cursor: pointer; background: #f8f8f8; background: linear-gradient(#fefefe, #f0f0f0); }
.btn_type5 a span, .btn_type5 button span { display: block; height: 26px; }
.btn_type5 button[type="submit"], .btn_type5 button.submit { border: 1px solid #8a8a8a; color: #fff; background: #9a9a9a; background: linear-gradient(#aaa, #888); }
.btn_type5 button:active, .btn_type5 a:active { box-shadow: inset 2px 3px 3px #d8d8d8; }
.btn_type5 button[type="submit"]:active, .btn_type5 button.submit:active { box-shadow: inset 2px 3px 3px #838383; }
.btn_type5 a[disabled="disabled"], .btn_type5 a[disabled="disabled"]:active, .btn_type5 button[disabled="disabled"], .btn_type5 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #a3a3a3; box-shadow: none; background: #f1f1f1; background: linear-gradient(#eee, #f6f6f6); }
.btn_type6 { padding-bottom: 0px; }
.btn_type6 a, .btn_type6 button { display: inline-block; height: 27px; padding: 0 15px; border: 1px solid #ec900c; font-size: 12px; font-weight: bold; color: #fff; line-height: 27px; background: #ff9f15; }
.btn_type6 button:hover { border: 1px solid #ec900c; background: #ff9f15; }
.btn_type7 { padding-bottom: 0px; }
.btn_type7 a, .btn_type7 button { display: inline-block; height: 27px; padding: 0 15px; border: 1px solid #2287eb; font-size: 12px; font-weight: bold; color: #fff; line-height: 27px; background: #3399ff; }
.btn_type7 button:hover { border: 1px solid #2287eb; background: #3399ff; }
.btn_type8 { padding-bottom: 0px; }
.btn_type8 a, .btn_type8 button { display: inline-block; height: 27px; padding: 0 15px; border: 1px solid #616982; font-size: 12px; font-weight: bold; color: #fff; line-height: 27px; background: #677088; }
.btn_type8 button:hover { border: 1px solid #616982; background: #677088; }

.btn_type9 { }
.btn_type9 a, .btn_type9 button { display: inline-block; vertical-align: top; height: 25px; padding: 0 10px; border: 1px solid #d14836; font-size: 12px; color: #fff; font-weight: normal; line-height: 25px; text-decoration: none; cursor: pointer; background: #e0523f; background: linear-gradient(#ed6352, #e0523f); }
.btn_type9 a span, .btn_type9 button span { display: block; height: 25px; }
.btn_type9 button[type="submit"], .btn_type9 button.submit { border: 1px solid #8a8a8a; color: #fff; background: #9a9a9a; background: linear-gradient(#aaa, #888); }
.btn_type9 button:active, .btn_type9 a:active { box-shadow: inset 2px 3px 3px #d8d8d8; }
.btn_type9 button[type="submit"]:active, .btn_type9 button.submit:active { box-shadow: inset 2px 3px 3px #838383; }
.btn_type9 a[disabled="disabled"], .btn_type9 a[disabled="disabled"]:active, .btn_type9 button[disabled="disabled"], .btn_type9 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #a3a3a3; box-shadow: none; background: #f1f1f1; background: linear-gradient(#eee, #f6f6f6); }

.btn_total1 { }
.btn_total1 a, .btn_total1 button { display: inline-block; height: 27px; padding: 0 15px; border: 1px solid #b5b5b5; border-radius: 3px; font-size: 12px; font-weight: bold; color: #444444; line-height: 27px; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; background: linear-gradient(#f9f9f9, #e6e6e6);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#fdfdfd", endColorStr="#ebebeb");
}
.btn_total1 button:hover { border: 1px solid #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: linear-gradient(#f9f9f9, #f9f9f9);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#f9f9f9", endColorStr="#f9f9f9");
}
.btn_total1 button:active, .btn_total1 a:active { box-shadow: inset 3px 3px 3px #cdcdcd; }
.btn_total1 a[disabled="disabled"], .btn_total1 a[disabled="disabled"]:active, .btn_total1 button[disabled="disabled"], .btn_total1 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; background: linear-gradient(#eee, #f6f6f6); filter: none; }
/* 탭 스타일


---------------------------------------------------------*/
ul.tab_type1 { overflow: hidden; margin-bottom: 16px; background: url(../../_Images/common/bg_tab.gif) repeat-x 0 100%; }
ul.tab_type1.upper, ul.tab_type2.upper, ul.tab_type3.upper { margin-bottom: 1px; background: none; }
ul.tab_type1:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.tab_type1 li { float: left; }
ul.tab_type1 li a { display: block; padding: 0 40px; color: #233545; font-size: 13px; line-height: 30px; border: 1px solid #dddddd; border-left: 1px solid #eeeeee; background: #eeeeee; }
ul.tab_type1 li:first-child a { border-left: 1px solid #dddddd; }
ul.tab_type1 li.selected a { border: 1px solid #757a87; color: #fff; background: #757a87; font-weight: bold; }
ul.tab_type2 { margin-bottom: 12px; }
ul.tab_type2:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.tab_type2 li { float: left; }
ul.tab_type2 li a { display: block; padding: 0 40px; line-height: 30px; color: #666666; font-size: 13px; font-weight: normal; border: 1px solid #d7d7d7; border-left: 1px solid #f5f5f5; background: #f5f5f5; }
ul.tab_type2 li:first-child a { border-left: 1px solid #d7d7d7; }
ul.tab_type2 li.selected a { color: #222222; font-weight: bold; border: 1px solid #757a87; border-bottom: 0px solid #757a87; background: #fff; }
ul.tab_type2 li.previous a { border-right: 1px solid #f7f7f7; }
ul.tab_type3 { margin-bottom: 12px; }
ul.tab_type3:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.tab_type3 li { float: left; }
ul.tab_type3 li a { display: block; padding: 0 40px; line-height: 32px; color: #333; font-size: 13px; font-weight: normal; border: 1px solid #5d647b; border-left: 0px solid #f5f5f5; background: #ffffff; }
ul.tab_type3 li:first-child a { border-left: 1px solid #5d647b; }
ul.tab_type3 li.selected a { color: #fff; font-weight: bold; border: 1px solid #626779; background: #5d647b; }
ul.tab_type3 li.previous a { border-right: 0px solid #f7f7f7; }
.grid { margin-bottom: 3px; overflow: hidden; }
.grid aside { position: relative; line-height: 27px; text-align: right; margin-bottom: 7px; width: 100%; }
.grid aside:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.grid aside .floatLeft > span { display: inline-block; min-width: 92px; text-align: left; font-size: 13px; color: #1c1c1c; vertical-align: middle; }
.grid aside .floatLeft > span strong { margin: 0 4px; }
.grid aside .floatLeft .pages { width: auto; margin: 0; padding: 0; background: none; }
.grid aside .floatLeft .pages select, .grid aside .floatRight select { min-width: 70px; height: 27px; padding: 4px; }
.grid aside .floatLeft h3 { margin: 0; padding: 0; line-height: 27px; }
.grid aside .floatRight > span { display: inline-block; text-align: left; font-size: 13px; color: #1c1c1c; vertical-align: bottom; }
.grid aside .bdrRight { float: left; margin-right: 4px; padding-right: 5px; background: url(../../images/bdr_grid_top.gif) no-repeat 100% 50%; }
.grid h3 { padding-top: 10px; padding-bottom: 10px; line-height: 16px; font-size: 14px; color: #151515; font-weight: bold; }
/*.grid aside button { 
	display:inline-block;height:25px;padding:0 10px;border:1px solid #cacaca;font-size:13px;color:#3a3a3a;font-weight:normal;line-height:25px; vertical-align:baseline;
	background:#f8f8f8;
	background:linear-gradient(#fefefe, #f0f0f0);
}

.grid aside button:hover { background:#ffffff; }
.grid aside button:focus,
.grid aside button:active { text-decoration:none; }

.grid aside button[disabled="disabled"], .grid aside button[disabled="disabled"]:hover, .grid aside button[disabled="disabled"]:focus { 
	color:#8a8a8a;
    border:1px solid #dfdfdf;
	background:#f5f5f5;
    background:linear-gradient(#eee, #f7f7f7); 
}*/


/* contents Elements
---------------------------------------------------------*/
#content header { position: relative; margin-bottom: 3px; border-bottom: 0px solid #c8c8c8; height: auto; min-height: 23px; margin-top: 5px; }
#content header:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
#content header h2, #content header a { display: inline-block; }
#content header h2 { font-size: 18px; color: #000; margin-top: 15px; font-weight: bold; margin-bottom: 12px; }
#content header a { width: 20px; height: 20px; margin-top: -6px; border: 0; vertical-align: middle; background: url(../../images/btn_favorite.png) no-repeat 0 0; }
#content header a.current { background: url(../../images/btn_favorite.png) no-repeat 0 100%; }
#content header a span { overflow: hidden; display: block; visibility: hidden; width: 20px; height: 20px; font-size: 0; }
#content header aside { float: right; text-align: right; margin-top: 10px; margin-bottom: 5px; }
#content header aside ul li { font-size: 12px; display: inline-block; line-height: 17px; padding-right: 14px; color: #777777; background: url(../../_Images/common/location_after.png) no-repeat 100% 50%; }
#content header aside ul li.current { margin: 0; padding: 0; font-weight: bold; background: none; }
#content header aside ul li a { display: inline-block; width: auto; margin-top: 0px; color: #000000; background: none; }
#content header aside ul li a:hover { color: #4574d2; }
h2 { padding-bottom: 2px; line-height: 25px; font-size: 15px; color: #6691e5; font-weight: bold; }
h3 { padding-bottom: 10px; line-height: 16px; font-size: 13px; color: #151515; font-weight: normal; }
.search { margin-bottom: 10px; }
.search > dl { height: 27px; padding: 6px 0; line-height: 27px; border: 1px solid #d5d5d5; border-bottom: 0; background: #e6e6e6; }
.search > dl > dt { display: inline-block; min-width: 105px; padding-right: 10px; text-align: right; color: #494846; font-size: 13px; font-weight: bold; }
.search > dl > dd, .search > dl > dd select { display: inline-block; height: 27px; line-height: 27px; vertical-align: top; }
.search > dl > dd select { vertical-align: middle; padding: 4px; line-height: 23px; }
.search > div { padding: 7px 0 6px; border: 1px solid #d9d9d9; background: #f5f4f4; }
.search table th { padding: 2px 6px 4px 30px; line-height: 27px; text-align: right; color: #4d4d4d; font-weight: 600; font-size: 13px; white-space: nowrap; }
.search table th strong { color: #ff3636; padding: 0 3px; }
.search table th strong label, .search table th strong span { color: #3a3a3a; }
.search table td { padding: 2px 6px 3px; line-height: 27px; }
.search table td label { display: inline-block; vertical-align: middle; }
.search table td input[type="text"] { height: 27px; line-height: 23px; }
.search table select { min-width: 100px; height: 27px; padding: 4px; }
.search .btn_type2 span { background: url(../../_Images/common/btn_searchmagnifier.png) no-repeat 0px 50%; padding: 0px 0px 0px 17px; }
/*서치영역 그룹핑(myc 예외)*/
.search.group .bott_line { border-bottom: 1px solid #E2E0DE }
.search footer { position: relative; padding-top: 8px; text-align: right; overflow: hidden }
.btn_calendar { display: inline-block; width: 23px; line-height: 23px; overflow: hidden }
.btn_calendar span { display: block; text-indent: -9999px; background: url(../../images/btn_calendar.gif) no-repeat 50% 50%; }
.btn_calendar.disabled span { display: block; text-indent: -9999px; background: url(../../images/btn_calendar_off.gif) no-repeat 50% 50%; }
.btn_calendar:nth-last-of-type(1) { margin-right: 2px; }
.search.folded > div { position: relative; margin-bottom: 12px; }
.search.folded > div > a { position: absolute; left: 50%; bottom: -13px; width: 65px; height: 13px; margin-left: -32px; text-align: center; background: url(../../images/btn_fold_opener.gif) no-repeat 0 0; }
.search.folded > div > a span { display: inline-block; text-indent: -9999px; }
.search.folded > div > a.current { background: url(../../images/btn_fold_opener.gif) no-repeat 0 100%; }
.grid_list .depth1 { display: block; padding-left: 30px; text-align: left !important; background: url(../../_Images/common/icon_depth1.png) no-repeat 10px 50%; font-weight: bold }
.grid_list .depth2 { display: block; padding-left: 42px; text-align: left !important; background: url(../../_Images/common/icon_depth2.png) no-repeat 30px 50%; }
.grid_list .depth3 { display: block; padding-left: 65px; text-align: left !important; background: url(../../_Images/common/icon_depth3.png) no-repeat 45px 50%; }
.grid_list { border-top: 1px solid #868e96; margin-bottom: 17px; }
.grid_list table { border-spacing: 0; }
.grid_list.scroll { overflow-x: auto; margin-top: auto; border: 1px solid #dddddd; border-top: 1px solid #868e96; }
.grid_list.scroll table { min-width: 100% }
.grid_list.scroll table tr th, .grid_list.scroll table tr td { border-left: 0; }
.grid_list thead tr th { background: #f6f6f6; border: 1px solid #dddddd; border-top: 0; padding: 6px 4px; line-height: 20px; font-weight: normal; text-align: center; font-weight: 600; font-size: 13px; color: #474747; white-space: nowrap; }
.grid_list table th strong { color: #ff3636; padding: 0 3px; }
.grid_list table th strong label, .grid_list table th strong span { color: #4d4c4c; font-weight: normal; }
.grid_list table th.ellipsis, .grid_list table td.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.grid_list tbody tr th { padding: 6px 10px; line-height: 20px; font-weight: normal; text-align: right; color: #4d4c4c; border: 1px solid #dddddd; background: #f5f5f5; }
.grid_list tbody tr th.textR { text-align: center; }
.grid_list tbody tr td { padding: 4px 4px; line-height: 20px; text-align: center; border: 1px solid #dddddd; background: #fff; font-weight: normal; font-size: 13px }
.grid_list tbody tr td.textLeft { padding-left: 7px }
.grid_list tbody tr td.depth1 { padding-left: 40px; text-align: left !important; background: url(../../_Images/common/icon_depth1.png) no-repeat 20px 50%; }
.grid_list > table > tbody > tr.gridhover > td { background: #ffffec !important; }
.grid_list tbody tr:first-child td, .grid_list tbody tr:first-child th { border-top: 0; }
.grid_list tbody tr th:first-child { border-right: 0; }
.grid_list table tbody tr.even td, .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid_list table tbody tr.current td { background: #e3f0ff !important; }
.grid_list table tbody tr.nodata td { color: #6e6e6e; cursor: default; }
.grid_list table tbody tr.nodata.gridhover td { background: #fff !important; }
.grid_list table tbody td a { color: #474747; text-decoration: underline; font-size: 13px; }
.grid_list table tbody td a:hover { text-decoration: underline; }
.grid_list tfoot tr th { padding: 3px 10px; line-height: 23px; color: #4d4c4c; border: 1px solid #dddddd; border-top: 1px solid #969696; border-right: 0; border-bottom: 0; font-weight: normal; text-align: right; background: #f5f5f5; }
.grid_list tfoot tr td { padding: 3px 8px; line-height: 23px; text-align: center; border: 1px solid #dddddd; border-top: 1px solid #969696; border-right: 0; border-bottom: 0; }
.grid_list table tbody tr.deleteLine td, .grid_list table tbody tr.deleteLine td * { background: #d3d6d8 !important; color: #888; text-decoration: line-through; }
.grid_list table tbody tr.deleteLine.gridhover td { background: #d3d6d8; }
/* 그리드 테이블 링크 선택시 row배경 클래스 */
.grid_list table tbody tr.selectedon td, .grid_list table tbody tr.selectedon.gridhover td, .grid_list table tbody tr.selectedon.current.gridhover td { background: #ece6fa !important; }
/* 필터 및 오름-내림기능 관련 추가사항 */
.grid_list table .edit .input_button, .input_button { position: relative; padding-right: 32px }
.grid_list table .edit .input_button input[type="text"], .grid_list table .edit .input_button select { width: 100% !important; }
.grid_list table .edit .input_button button, .input_button button { position: absolute; top: 5px; right: 10px; }
.grid_list table a.sort { display: inline-block; vertical-align: middle; width: 9px; height: 11px; background: url(../../images/bul_grid_01.gif) no-repeat center center; }
.grid_list table a.sort span { display: inline-block; text-indent: -9999px; }
.grid_list table a.sort.up { background: url(../../images/bul_grid_02.gif) no-repeat center center; }
.grid_list table a.sort.down { background: url(../../images/bul_grid_03.gif) no-repeat center center; }
.grid.twolines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.twolines > .grid_list > table > tbody > tr:nth-child(4n-1) > td, .grid.twolines > .grid_list > table > tbody > tr:nth-child(4n) > td { background: #fafafa; }
.grid.threelines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.threelines > .grid_list > table > tbody > tr:nth-child(6n-2) > td, .grid.threelines > .grid_list > table > tbody > tr:nth-child(6n-1) > td, .grid.threelines > .grid_list > table > tbody > tr:nth-child(6n) > td { background: #fafafa; }
.grid.fourlines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n-3) > td, .grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n-2) > td, .grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n-1) > td, .grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n) > td { background: #fafafa; }
.grid.fivelines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-4) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-3) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-2) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-1) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n) > td { background: #fafafa; }
.grid.sixlines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-5) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-4) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-3) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-2) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-1) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n) > td { background: #fafafa; }
.grid_list > table > tbody > tr.gridhover > td { background: #ffffec !important; }
.grid_list table tbody tr.gridhover.current td { background: #e3f0ff !important; }
.grid_list tbody tr.hiddenCells table, .grid_list tbody tr.hiddenCells_etc table { border-top: 0; border-bottom: 1px solid #dddddd; }
.grid_list tbody tr.hiddenCells table tr th, .grid_list tbody tr.hiddenCells_etc table tr th, .grid_list tbody tr.hiddenCells table tr td, .grid_list tbody tr.hiddenCells_etc table tr td { padding: 3px 8px; line-height: 23px; border-top: 1px solid #dddddd; border-right: 0; border-left: 1px solid #dddddd; color: #111; font-size: 13px; }
.grid_list tbody tr.hiddenCells table tr th, .grid_list tbody tr.hiddenCells_etc table tr th { font-weight: normal; text-align: right; background: #f5f5f5; }
.grid_list tbody tr.hiddenCells table tr td, .grid_list tbody tr.hiddenCells_etc table tr td { text-align: left; }
.grid_list tbody tr.hiddenCells td .grid_list table thead tr th,, .grid_list tbody tr.hiddenCells_etc td .grid_list table thead tr th, .grid_list table tbody tr td .grid_list table thead tr th {
text-align:center;
}
.grid_list tbody tr.hiddenCells > td, .grid_list tbody tr.hiddenCells_etc > td { padding: 10px; }
.grid_list tbody tr.hiddenCells table tr th:first-child, .grid_list tbody tr.hiddenCells_etc table tr th:first-child { border-left: 0 }
.grid_list tbody tr.hiddenCells > td .grid, .grid_list tbody tr.hiddenCells_etc > td .grid { margin: 0; }
.grid_list tbody tr.hiddenCells .grid_list, .grid_list tbody tr.hiddenCells_etc .grid_list { border-bottom: none; }
.grid_list table tbody tr td .grid_list table tbody tr td { text-align: center; }
.grid_list tbody tr.hiddenCells .grid_list table tr th:first-child, .grid_list tbody tr.hiddenCells_etc .grid_list table tr th:first-child { border-left: 1px solid #dddddd }
.grid_list tbody tr.hiddenCells .grid_list table tr th, .grid_list tbody tr.hiddenCells_etc .grid_list table tr th { text-align: center; }
.grid_list tbody tr.hiddenCells > td .grid_list table tbody tr.gridhover td, .grid_list tbody tr.hiddenCells_etc > td .grid_list table tbody tr.gridhover td { background: inherit; }
/*그리드배경색상제거*/
.grid_list.bgnone tr td, .grid_list.bgnone tr.gridhover td { background: none !important }
.paging { height: 29px; padding: 10px 0 10px 0; text-align: center; font-size: 13px; }
.paging ul { display: inline-block; border-left: 1px solid #d5d8dc; padding: 0 0 0 7px; }
.paging ul:first-child { border-left: 0; border-right: 1px solid #d5d8dc; padding: 0 7px 0 0; }
.paging ul.pages { padding: 0 7px 0 7px; border: none; }
.paging ul.last { border-left: 1px solid #d5d8dc; padding: 0 0 0 7px; }
.paging ul li { float: left; margin-left: 4px; }
.paging ul > li:first-child { margin-left: 0; }
.paging ul li a { display: block; width: 27px; line-height: 27px; color: #4d4c4c; border: 1px solid #d5d8dc; }
.paging ul.pages li a { min-width: 23px; width: auto; padding: 0 2px; border: 1px solid #cbcbcb; background: #fff; filter: none; }
.paging ul li a span { display: block; text-indent: -9999px; }
.paging ul li.selected { }
.paging ul li.selected span, .paging ul li.selected strong, .paging ul li.firstSelcected span, .paging ul li.firstSelcected strong { display: block; min-width: 23px; padding: 0 2px; line-height: 27px; border: 1px solid #707070; color: #fff; background: #5d647b }
.paging ul li a span { background: #ffffff url(../../_Images/common/btn_paging.png) no-repeat 0 0; }
.paging ul li.morePrev a span { background-position: 0px 0px; }
.paging ul li.prev a span { background-position: 0px -27px; }
.paging ul li.next a span { background-position: 0px -54px; }
.paging ul li.moreNext span { background-position: 0px -81px; }
.btn_open, .btn_print { height: 21px; padding: 1px 12px; line-height: 21px; border: 1px solid #dddddd; font-size: 12px; background: #f5f5f5; background: linear-gradient(#fff, #eee); }
.btn_open, .btn_open:hover, .btn_print, .btn_print:hover { color: #2985db; text-decoration: none; }
.btn_open span { display: inline-block; }
.btn_print span { display: inline-block; }
.btn_open:hover, .btn_print:hover { background: #ffffff; }
.btn_open:focus, .btn_open:active, .btn_print:focus, .btn_print:active { text-decoration: none; background: #d8d8d8 linear-gradient(#eee, #fff); }
ul.subtab { margin-bottom: 12px; }
ul.subtab:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.subtab li { float: left; }
ul.subtab li a { display: block; padding: 0 25px; line-height: 32px; color: #606976; font-size: 13px; font-weight: bold; border: 1px solid #dddddd; border-left: 1px solid #f7f7f7; background: #f7f7f7; }
ul.subtab li:first-child a { border-left: 1px solid #dddddd; }
ul.subtab li.selected a { color: #2a313b; border: 1px solid #a0a0a0; background: #fff; }
ul.subtab li.previous a { border-right: 1px solid #f7f7f7; }
ul.indicatetab { background: url(../../images/bg_tab.gif) repeat-x 0 100%; }
ul.indicatetab:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.indicatetab li { float: left; padding-right: 17px; background: url(../../images/bg_indicate_off.png) no-repeat 100% 0; }
ul.indicatetab li a { display: block; padding: 0 20px; line-height: 32px; color: #4c4d4d; font-size: 13px; font-weight: bold; border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; background: #ededed; }
ul.indicatetab li:first-child a { border-left: 1px solid #a0a0a0; }
ul.indicatetab li.selected { background: url(../../images/bg_indicate_on.png) no-repeat 100% 0; }
ul.indicatetab li.selected a { color: #fff; border-top: 1px solid #4270cc; border-bottom: 1px solid #4270cc; background: #4270cc; }
ul.indicatetab li.selected:first-child a { border-left: 1px solid #4270cc; }
ul.indicatetab li.previous { background: url(../../images/bg_indicate_prev.png) no-repeat 100% 0; }
ul.indicatetab li:last-child, ul.indicatetab li:last-child.selected { padding: 0; border-right: 1px solid #a0a0a0; background: 0; }
ul.indicatetab li.end, ul.indicatetab li.end.selected { padding: 0; border-right: 1px solid #a0a0a0; background: none }
.indicatetabarea, .tab_common_cont, .tab_common_bottom { padding: 14px 10px; border: 1px solid #dddddd; border-top: 0; }
.tab_common_cont { margin-bottom: -10px; border-bottom: 0 }
.tab_common_bottom { margin-top: -1px; border-top: 1px solid #fff }
.tab_common_cont.full_type { margin: 0; padding: 14px 0; border: 0; }
.tree_area { overflow-y: auto; height: 318px; margin-bottom: 10px; border: 1px solid #a3a3a5; }
.tree { padding: 10px; }
.tree li { position: relative; padding: 0 0 0 22px; line-height: 20px; font-size: 13px; background: url(../../images/bul_tree_depth.gif) no-repeat 9px 0; }
.tree ul li ul li { background: url(../../images/bul_tree_depth.gif) no-repeat 9px 0; }
.tree ul li a span { margin-left: 4px; color: #4574d2; font-weight: bold; }
.tree ul li ul li ul li a span { color: #444; font-weight: normal; }
.tree li a.control { display: block; position: absolute; top: 0; left: 0; width: 13px; height: 13px; padding: 3px; }
.tree ul > li > a > span:hover { font-weight: bold; }
.tree ul li span.closed { color: #444; font-weight: normal; }
.tree ul li.end { background: url(../../images/bul_tree_end.gif) no-repeat 9px 0; }
.ico_tree { margin-right: 4px; vertical-align: middle; }
span.information, p.information { display: inline-block; min-height: 14px; margin-left: 5px; padding-left: 20px; color: #666; background: url(../../images/ico_alert.png) no-repeat 0 50%; }
div.information { padding-bottom: 10px; }
div.information p { padding-left: 20px; line-height: 21px; color: #666; background: url(../../images/ico_alert.png) no-repeat 0 4px; }
.btn_instruct { position: relative; display: inline-block; vertical-align: top; }
.btn_instruct .instruct_layer { position: absolute; top: -8px; left: 23px; min-width: 290px; padding-left: 10px; background: url(../../images/bg_instructlayer.png) no-repeat 0 0; z-index: 2; }
.btn_instruct .instruct_layer p { padding: 5px 10px; border: 1px solid #eed997; border-left: none; border-radius: 2px; color: #80441c; background: #fffddb; }
.inline_info { display: inline-block; margin-left: 5px; color: #4270cc; }
.tabinfo { margin-bottom: 16px; background: url(../../images/bg_tab.gif) repeat-x 0 100%; }
.tabinfo ul.tab, .tabinfo .information { display: inline-block; }
.tabinfo ul.tab { margin: 0; vertical-align: middle; background: none; }
.check { margin-bottom: 12px; font-size: 13px; line-height: 20px; }
.check label { vertical-align: middle; }
.check ul { padding-left: 25px; }
.check input[type="text"] { height: 27px; vertical-align: top; }
dl.instruct_module { margin-bottom: 12px; border: 1px solid #ddd; border-radius: 2px; background: #f5f5f5; }
dl.instruct_module dt { position: relative; height: 33px; padding-right: 45px; line-height: 33px; border-bottom: 1px solid #ddd; }
dl.instruct_module dt p { overflow: hidden; padding: 0 0 0 17px; color: #3a3a3a; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
dl.instruct_module dt a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; background: url(../../images/ico_instruct.gif) no-repeat 100% 0; }
dl.instruct_module dt.current { border-bottom: 0; }
dl.instruct_module dt.current a { background: url(../../images/ico_instruct.gif) no-repeat 100% 100%; }
dl.instruct_module dd { padding: 12px 18px; color: #3a3a3a; }
dl.instruct_module dd ol li ol { padding-left: 12px; }
dl.instruct_module dd.rowover { height: 70px; overflow-y: auto; border: 0px solid red }
p.instruct_module { overflow: hidden; height: 33px; margin-bottom: 12px; padding: 0 0 0 17px; line-height: 33px; border: 0px solid #ddd; border-radius: 2px; color: #3a3a3a; text-overflow: ellipsis; white-space: nowrap; }
p.instruct_module.freeline { overflow: visivility; min-height: 22px; height: auto !important; height: 22px; padding: 6px 0 5px 0px; line-height: 22px; text-overflow: clip; white-space: normal; }
p.instruct_module.freeline strong { color: #F00 }
.btn_info, .btn_alert { width: 18px; height: 18px; margin-top: -2px; vertical-align: middle; }
.btn_info span, .btn_alert span { overflow: hidden; display: block; visibility: hidden; width: 18px; height: 18px; font-size: 0; }
.btn_info { background: url(../../images/ico_layer_instruct_info.png) no-repeat 0 0; }
.btn_alert { background: url(../../images/ico_layer_instruct_alert.png) no-repeat 0 0; }
.alert { position: absolute; width: 338px; border: 1px solid #b4b4b4; background: #fff; z-index: 2; }
.alert h4 { padding-left: 22px; height: 50px; line-height: 50px; background: #f5f5f5; font-size: 18px; color: #222; }
.alert p { padding: 25px 12px; color: #333; font-size: 13px; line-height: 21px; text-align: center; }
.alert .detail { margin: 0 12px 15px; border: 1px solid #ddd; background: #f5f5f5; }
.alert .detail p { padding: 10px 15px; color: #555; line-height: 16px; }
.alert footer { padding-bottom: 20px; text-align: center; }
.alert footer button { display: inline-block; height: 32px; line-height: 32px; padding: 0 20px; border: 1px solid #a5a5a5; border-radius: 3px; font-size: 14px; font-weight: bold; color: #424242; background: #f1f1f1; background: linear-gradient(#f9f9f9, #e6e6e6); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#f9f9f9", endColorStr="#e6e6e6");*/
box-shadow: 1px 1px 1px #d8d8d8; }
.alert footer button[type="submit"] { display: inline-block; height: 32px; line-height: 32px; padding: 0 20px; border: 1px solid #6a6a6a; border-radius: 3px; font-size: 14px; font-weight: bold; color: #fff; background: #656565; background: linear-gradient(#888, #5a5a5a); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#888", endColorStr="#5a5a5a");*/
box-shadow: 1px 1px 1px #d8d8d8; }
.alert.warn h4 { padding-left: 67px; height: 60px; line-height: 52px; background: #f5f5f5 url(../../images/ico_warn.png) no-repeat 26px 16px; }
.alert.warn p strong { color: #4574d2; }
.alert.warn dl { position: absolute; bottom: 25px; left: 30px; color: #777; font-size: 13px; }
.alert.warn dl dt, .alert.warn dl dd { display: inline-block; line-height: 14px; }
.alert.warn dl dt { padding-right: 6px; border-right: 1px solid #777; }
.alert.warn footer { padding-bottom: 75px; }
.pop_loading { position: absolute; top: 50%; left: 50%; margin-left: -23px; text-align: center; z-index: 2; }
.pop_loading p { width: 45px; padding-top: 52px; font-weight: bold; color: #24489a; font-size: 12px; background: url(../../images/loading.gif) no-repeat 50% 0 }
.pop_loading button { display: inline-block; height: 32px; line-height: 32px; padding: 0 20px; border: 1px solid #a5a5a5; border-radius: 3px; font-size: 14px; font-weight: bold; color: #424242; background: #f1f1f1; background: linear-gradient(#f9f9f9, #e6e6e6);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#f9f9f9", endColorStr="#e6e6e6");
box-shadow: 1px 1px 1px #d8d8d8; }
#popupbody { overflow-y: hidden; margin-bottom: 44px; }
.popup { position: relative; overflow-y: auto; margin-bottom: 44px; }
.popup > header { background: #ffffff; border-bottom: 2px solid #2f4050; height: 43px; }
.popup > header h1 { display: inline-block; padding-left: 20px; line-height: 43px; color: #000000; font-size: 16px; font-weight: bold; }
.popup > header a { display: inline-block; width: 20px; height: 20px; margin-top: -6px; border: 0; vertical-align: middle; background: url(../../images/btn_favorite.png) no-repeat 0 0; }
.popup > header a.current { background: url(../../images/btn_favorite.png) no-repeat 0 100%; }
.popup > header a span { overflow: hidden; display: block; visibility: hidden; width: 20px; height: 20px; font-size: 0; }
.popwrapper { padding: 20px 20px 30px; }
.popup > footer { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; border-top: 1px solid #b4b4b4; box-sizing: border-box; }
.popup > footer p { line-height: 27px; padding: 8px 18px; background: #f5f4f4; }
.popup > footer a { display: inline-block; vertical-align: middle; padding: 0 16px; line-height: 25px; border: 1px solid #cacaca; background: #fafafa; background: linear-gradient(#fefefe, #f0f0f0);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#fefefe", endColorStr="#f0f0f0");
}
.popup > footer a span { display: inline-block; color: #3a3a3a; }
.pop_layer { position: absolute; background: #fff; padding: 20px; border: 1px solid #b4b4b4; z-index: 1; }
.pop_layer_close { position: absolute; top: 10px; right: 10px; }
/* 첨부파일 타이틀 */
.floatLeft .subtitle .btn_instruct { margin-left: 5px; }
.floatLeft .subtitle .btn_instruct a { display: inline-block; width: 18px; height: 18px; margin-top: -2px; vertical-align: middle; background: url(../../images/ico_layer_instruct_info.png) no-repeat 0 0; text-indent: -9999px; }
.floatLeft .btn_info { width: 18px !important; height: 18px; margin-top: -2px; vertical-align: middle; border: none !important; padding: 0 }
.floatLeft .btn_info span { overflow: hidden; display: block; visibility: hidden; width: 18px; height: 18px; font-size: 0; }
.floatLeft .btn_info, .floatLeft .btn_info:hover { background: url(../../images/ico_layer_instruct_info.png) no-repeat 0 0; }
.floatLeft .instruct_layer { text-align: left; width: 450px }
.floatLeft .instruct_layer p { line-height: 20px }
/*문서함사용관리'?'이미지 위치*/
.img_info { vertical-align: middle; cursor: pointer; }
/*버튼영역*/
.searchTop_btn_area { width: 100%; overflow: hidden; padding: 3px 0px; }
.btn_date2 { width: 25px; height: 25px; display: inline-block; padding: 2px; border: 1px solid #c9c9c9; background: url(../../_Images/common/date_btn_bg.gif) no-repeat 50% 50%; cursor: pointer; margin-left: 1px; }
.btn_calendar { display: inline-block; width: 21px; line-height: 21px; padding: 1px; border: 1px solid #c9c9c9; background: #fff url(../../_Images/common/date_btn_bg.gif) no-repeat 50% 50%; }
.btn_calendar span { display: block; text-indent: -9999px; }
.btn_calendar:nth-last-of-type(1) { margin-right: 2px; }
.btn_search2 { width: 21px; height: 21px; display: inline-block; padding: 1px; border: 1px solid #c9c9c9; background: #fff url(../../_Images/common/search_btn_bg.gif) no-repeat 50% 50%; cursor: pointer; margin-left: 1px; }
.btn_search2 span { display: block; width: 25px; height: 25px; text-indent: -9999px; }
/*스크롤 그리드 헤드 고정*/
/*
.scroll_head{  background:#f6f6f6; border-top:1px solid #999; padding:6px 0px;line-height:20px;font-weight:normal; text-align:center; font-weight:600; font-size:13px; color:#474747; display:block;  height:20px;}
*/
.scroll_head { background: #f6f6f6; border-top: 1px solid #999; line-height: 20px; font-weight: normal; text-align: center; font-weight: 600; font-size: 13px; color: #474747; display: block; }
.scroll_head table thead tr th { background: #f6f6f6; border: 1px solid #dddddd; border-top: 0; border-bottom: 0; padding: 6px 4px; line-height: 20px; font-weight: normal; text-align: center; font-weight: 600; font-size: 13px; color: #474747; }
/*메인페이지 추가*/
.main_info { position: relative; width: 100%; margin: 0 auto; overflow: hidden; margin-bottom: 10px; }
#content .main_top, #content .main_top header { position: relative; }
#content .main_top .Nodata { background: url(../../_Images/main/img_Nodata.png) no-repeat 1px top; }
#content .main_top { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#content .main_top { width: 33.3%; float: left; position: relative; padding-top: 20px; padding-right: 6px; padding-left: 6px; padding-bottom: 12px; }
#content .main_top .line { border: 1px solid #3ab6ea; border-radius: 8px; box-shadow: 0 1px 1px rgba(0,0,0,.05); background: #ffffff }
#content .main_top header { height: 50px !important; border-bottom: 0px dashed #90d8f6 !important; background: #fff; margin: 0px 10px; }
#content .main_top header.current { border-bottom: 1px solid #c8c8c8 }
#content .main_top header h2 { margin: 0; padding: 20px 5px 10px 5px; line-height: 27px; border-bottom: 0; color: #3ab6ea !important; font-size: 16px !important; font-weight: bold !important; }
#content .main_top header h2 span { vertical-align: middle }
#content .main_top header h2 i { display: inline-block; font-size: 18px; line-height: 17px; margin: 0 6px 0px 3px; text-align: center; width: 20px; color: rgba(49, 58, 70, 0.7); }
#content .main_top .gridpd { padding: 5px 0px 20px 0px; height: auto; }
#content .main_top .grid.rate { height: 120px; border: 0px solid #d9d9d9; border-top: none; margin-bottom: 0; }
#content .main_top .grid.rate .grid_list { border-top: 0px solid #000; border-right: none; margin-bottom: 0; }
#content .main_top .grid.rate .grid_list table { width: 75%; position: relative;}
#content .main_top .grid.rate .grid_list thead tr th, #content .main_top .grid.rate .grid_list tbody tr td { padding: 8px 0; word-break: break-all }
#content .main_top .grid.rate .grid_list thead tr th { background: #fff; text-align: center; font-size: 13px; font-weight: bold; border: none; border-bottom: 1px solid #cccccc; padding: 7px 10px }
#content .main_top .grid.rate .grid_list tbody tr td strong { display: block; border-right: 1px solid #bebebe; line-height: 15px }
#content .main_top .grid.rate .grid_list thead tr th.textRight, #content .main_top .grid.rate .grid_list tbody tr td.textRight { padding-right: 15px }
#content .main_top .grid.rate .grid_list tbody tr td { border: none; border-top: 0px solid #e7eaec; text-align: center; padding: 0px 10px; background: #ffffff; line-height: 28px; }
/*#content .main_top .grid.rate .grid_list tbody tr.gridhover td { background:#ffffff !important}
#content .main_top .grid.rate .grid_list tbody tr.even.gridhover td { background:#f9f9f9 !important}*/
#content .main_top .grid.rate .grid_list tbody tr td { background: transparent }
/*#content .main_top .grid.rate .grid_list tbody tr.even td { background:#f9f9f9}*/
#content .main_top .grid.rate .grid_list tbody tr td a { overflow: hidden; max-width: 100%;  white-space: nowrap; display: inline-block; text-decoration: none; font-size: 14px; font-weight: normal; background: #ffffff }
#content .main_top .grid.rate .grid_list tbody tr td a:hover { text-decoration: underline }
#content .main_top .grid.rate .grid_list tbody .title { padding-left: 15px; text-align: left }
#content .main_top .grid.rate .grid_list tbody .date { color: #999; font-size: 13px }
#content .main_top .grid.rate .grid_list tbody span { padding-right: 7px; vertical-align: middle; }
#content .main_top .icon01 { background: url(../../_Images/main/main_icon01.png) no-repeat right 50%; }
#content .main_top .icon02 { background: url(../../_Images/main/main_icon02.png) no-repeat right 50%; }
#content .main_top .icon03 { background: url(../../_Images/main/main_icon03.png) no-repeat right 50%; }

.grid_menu { width:75%; margin:0px 15px}
.grid_menu a { width:30%; margin:5px; display: inline-block; text-align: center; padding: 5px 20px; border:1px solid #e5e5e5; background:#fff; font-size:14px;} 
.grid_menu a:hover { border:1px solid #6f7174;}
 @media only screen and (max-width: 1500px) {
#content .main_top .icon01 { background: none; }
#content .main_top .icon02 { background: none; }
#content .main_top .icon03 { background: none; }
#content .main_top .grid.rate .grid_list table { width: 96%; position: relative; table-layout: fixed }
#content .main_top .grid.rate .grid_list thead tr th.textRight, #content .main_top .grid.rate .grid_list tbody tr td.textRight { padding-right: 0px }
.grid_menu { width:90%; margin:0px 15px}
.grid_menu a { width:30%; margin:5px; display: inline-block; text-align: center; padding: 5px 20px; border:1px solid #e5e5e5; background:#fff; font-size:14px;} 
.grid_menu a:hover { border:1px smenu-listolid #6f7174;}
}
.content_info { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.row { margin-right: -6px; margin-left: -6px; }
#content .main_con, #content .main_con header, #content .main_ban { position: relative; }
#content .main_con, #content .main_ban { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#content .main_con { width: 33.3%; float: left; position: relative; padding-right: 6px; padding-left: 6px; padding-bottom: 12px; }
#content .main_con .line { border: 1px solid #dadce0; border-radius: 8px; box-shadow: 0 1px 1px rgba(0,0,0,.05); background: #ffffff; position: relative; }
#content .main_con header { height: 50px; border-bottom: 0px solid #e8e8e8; background: #fff; margin: 0px 10px; }
#content .main_con header.current { border-bottom: 1px solid #c8c8c8 }
#content .main_con header h2 { margin: 0; padding: 15px 0px 10px 0px; line-height: 28px; border-bottom: 0; color: #222222 !important; font-size: 14px !important; font-weight: bold !important; }
#content .main_con header h2 span { vertical-align: middle }
#content .main_con header h2 i { display: inline-block; font-size: 18px; line-height: 17px; margin: 0 6px 0px 3px; text-align: center; width: 20px; color: rgba(49, 58, 70, 0.7); vertical-align: middle; }
#content .main_con .grid.rate { /*height: 150px;*/ height: 310px; border: 0px solid #d9d9d9; border-top: none; margin-bottom: 0; padding: 0px 0px 22px 1px; }
#content .main_con .grid.rate .grid_list { border-top: 0px solid #000; border-right: none; margin-bottom: 0; }
#content .main_con .grid.rate .grid_list table { width: 100%; position: relative; table-layout: fixed }
#content .main_con .grid.rate .grid_list thead tr th, #content .main_con .grid.rate .grid_list tbody tr td { padding: 8px 0; word-break: break-all }
#content .main_con .grid.rate .grid_list thead tr th { background: #fff; text-align: center; font-size: 13px; font-weight: bold; border: none; border-bottom: 1px solid #cccccc; padding: 7px 10px }
#content .main_con .grid.rate .grid_list tbody tr td strong { display: block; border-right: 1px solid #bebebe; line-height: 15px }
#content .main_con .grid.rate .grid_list thead tr th.textRight, #content .main_con .grid.rate .grid_list tbody tr td.textRight { padding-right: 15px }
#content .main_con .grid.rate .grid_list tbody tr td { border: none; border-top: 0px solid #e7eaec; text-align: center; padding: 4px 10px; }
/*#content .main_con .grid.rate .grid_list tbody tr.gridhover td { background:#ffffff !important}
#content .main_con .grid.rate .grid_list tbody tr.even.gridhover td { background:#f9f9f9 !important}*/
#content .main_con .grid.rate .grid_list tbody tr td { background: #ffffff; }
/*#content .main_con .grid.rate .grid_list tbody tr.even td { background:#f9f9f9}*/
#content .main_con .grid.rate .grid_list tbody tr td a { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: inline-block; text-decoration: none; font-size: 14px }
#content .main_con .grid.rate .grid_list tbody tr td a:hover { text-decoration: underline }
#content .main_con .grid.rate .grid_list tbody .title { padding-left: 10px; text-align: left }
#content .main_con .grid.rate .grid_list tbody .date { color: #999; font-size: 13px }
#content .main_con .grid.rate .grid_list tbody span { padding-right: 7px; vertical-align: middle }
#content .main_con .grid.rate .grid_list tbody .sort { color: #3cbfe0; font-size: 14px; display: inline-block; }
.rate_more { display: block; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; text-align: center; font-size: 24px; background: url(../../_Images/common/btn_more.png) no-repeat 50% 50%; }
.rate_more:hover { color: #333 !important; text-decoration: none; cursor: pointer; background: url(../../_Images/common/btn_moreon.png) no-repeat 50% 50%; }
.btncolor_01 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #1f06ff; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*대기*/
.btncolor_02 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #8892d6; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*승인*/
.btncolor_03 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #f7531f; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*취소*/
.btncolor_04 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #8892d6; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*승인*/
.btncolor_05 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #f7531f; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*취소*/
.btncolor_06 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #8892d6; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*승인*/
.btncolor_07 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #f7531f; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*취소*/
.btncolor_08 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #8892d6; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*승인*/
.btncolor_09 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #f7531f; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*취소*/
.btncolor_10 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #8892d6; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*승인*/
.btncolor_11 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #f7531f; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*취소*/
.btncolor_12 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #8892d6; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*완료*/
.btncolor_13 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #f7531f; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*취소*/
.btncolor_14 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #8892d6; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*승인*/
.btncolor_15 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #f7531f; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*승인*/
.btncolor_16 { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 3px 5px; margin-left: 3px; background: #ff9800; color: #ffffff; border-radius: 2.5px; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 12px; }/*승인*/
.icon_new { display: inline-block; zoom: 1; *display: inline;
width: auto; height: auto; padding: 2px 4px 2px 3px !important; margin-left: 3px; background: #ff9800; color: #ffffff; border-radius: 2px; line-height: 1; text-indent: 0 !important; font-size: 10px; vertical-align: middle }/*new*/
.board { text-align: left; overflow: hidden; position: relative; padding: 20px }
.board div { position: relative; margin-left: 15px }
.board div:first-child { margin-left: 0; float: left; width: 100% }
.board h2 { display: block; color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; height: 35px; line-height: 30px; border-bottom: 1px solid #6491c9 }
.board .more { position: absolute; right: 0; top: 5px }
.board ul { margin: 13px 0 0; }
.board ul li { position: relative; height: 26px; padding-right: 75px; box-sizing: border-box; background: none; }
.board ul li a { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; color: #fff }
.board ul li a span { position: absolute; right: 0; color: #fff }
.faq { border-top: 2px solid #4d4d56; font-size: 13px; margin-top: 10px; margin-bottom: 10px; }
.faq ul { margin: 0; padding: 0; list-style: none }
.faq .q { margin: 0; padding: 11px 15px; border-bottom: 1px solid #ddd; background: #ffffff }
.faq .q .q_text { margin: 0 15px 0 0; padding: 2px 8px; background: #8f98a4; color: #fff; font-size: 12px; }
.faq .q .squ { width: 70px; display: inline-block; }
.faq .q a.trigger { display: block; background: #fff; font-weight: bold; color: #333; text-align: left; text-decoration: none !important }
.faq .hide .q a.trigger { font-weight: normal; background: none }
.faq .q a.trigger:hover, .faq .q a.trigger:active, .faq .q a.trigger:focus { background: #ffffff; color: #000 }
.faq .a { margin: 0; padding: 11px 15px; line-height: 1.5; border-bottom: 1px solid #ddd; background: #f6f6f6 }
.faq .a .a_text { margin: 0 15px 0 0; padding: 2px 8px; background: #ffffff; border: 1px solid #cecece; color: #333; font-size: 12px; }
/* TAB */
[class^='tab-'] .tab { overflow: hidden; margin-bottom: 60px; }
[class^='tab-'] .tab li { float: left; box-sizing: border-box; }
[class^='tab-'].col_3 .tab li { width: 33%; }
[class^='tab-'].col_3 .tab li:first-child { width: 34%; }
[class^='tab-'].col_4 .tab li { width: 25%; }
[class^='tab-'].col_5 .tab li { width: 20%; }
[class^='tab-'].col_6 .tab li { width: 16.66%; }
[class^='tab-'].col_6 .tab li:first-child { width: 16.7%; }
[class^='tab-'].col_7 .tab li { width: 14.3%; }
[class^='tab-'].col_7 .tab li:first-child { width: 14.2%; }
[class^='tab-'].col_7_type02 .tab li { width: 13.5%; }
[class^='tab-'].col_7_type02 .tab li:nth-child(4) { width: 19%; }
[class^='tab-'].col_6>li>a { width: 16.66%; }
[class^='tab-'].col_6>li>a:first-child { width: 16.7%; }
[class^='tab-'] .tab-cont {/*margin-top:54px;*/ margin-top: 20px; }
[class^='tab-'] .tab-cont > li { display: none; }
[class^='tab-'] .tab-cont > li.active { display: block; }
[class^='tab-'] .tab-cont > li [class^='cont_box-']:first-child { padding-top: 0; }
.tab-type01 .tab { margin-bottom: 0px; }
.tab-type01 .tab:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.tab-type01 .tab li { float: left; }
.tab-type01 .tab li a { display: block; padding: 0 30px; line-height: 30px; color: #4e5155; font-size: 13px; font-weight: normal; border: 1px solid #d6d6d6; border-left: 0px solid #f5f5f5; background: #ffffff; text-align: center }
.tab-type01 .tab li:first-child a { border-left: 1px solid #d6d6d6; }
.tab-type01 .tab li.active a { color: #fff; font-weight: bold; border: 1px solid #4099ff; background: #4099ff; }
/* 팝업 */
.popup { overflow: hidden; background: #ffffff; }
.popup_top { top: 0px; left: 0px; width: 100%; }
.popup_top_new { position: fixed; top: 0px; left: 0px; width: 100%; background: url(../../_Images/common/popup_bg.png) top center repeat-x; }
.popup_top_tit { padding: 20px 0 0 15px; height: 54px; color: #ffffff; font-size: 16px; font-weight: bold; letter-spacing: -0.1em; float: left; }
.popup_top_bt { float: right; padding-top: 15px; padding-right: 20px; }
.popup_top { overflow: hidden; margin: 80px 15px 0 0px; }
.popup_tit01 { padding: 2px 15px 5px 15px; font-size: 17px; color: #c91414; font-weight: bold; letter-spacing: -0.05em; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.popup_date { padding: 2px 15px 10px 15px; color: #666666; font-size: 13px; }
.popup_cont { margin: 10px 15px 10px 15px; padding: 15px 0px; color: #000000; background: #fff; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.popup_file { overflow: hidden; margin: 10px 15px 15px 15px; padding: 15px 20px; background-color: #f5f5f5 }
.popup_file span { display: block; padding: 2px 0px; }
.popup_file a { color: #0c3ebd; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.popup_file a:hover { text-decoration: underline }
.btn_popup { padding-bottom: 10px; }
.btn_popup a, .btn_popup button { display: inline-block; height: 27px; padding: 0 15px; border: 1px solid #35478c; font-size: 12px; font-weight: bold; color: #fff; line-height: 27px; background: #35478c; background: linear-gradient(#4255a0, #35478c);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#4255a0", endColorStr="#35478c");
}
.btn_popup button:hover { border: 1px solid #ec900c; background: linear-gradient(#faab39, #ff9f15);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#faab39", endColorStr="#ff9f15");
}
.btnIconDown { display: inline-block; vertical-align: middle; padding: 4px 38px 4px 15px; margin: 0 0 0 15px; overflow: hidden; background: #627ad0 url(../../_Images/common/icon_down.png) 73px center no-repeat; color: #fff; border: 0px solid #000; font-weight: normal; }
.btn_inlinesearch { display: inline-block; width: 25px; height: 25px; margin-left: -5px; padding: 0; border: 1px solid #c4c4c4; border-left: none; border-radius: 0; background: #f7f7f7; background: linear-gradient(#ffffff, #f0f0f0);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#f0f0f0");
vertical-align: middle; }
.btn_inlinesearch span { display: block; width: 25px; height: 25px; text-indent: -9999px; background: url(../../_Images/common/btn_againmagnifier.png) no-repeat 50% 50%; }
.portletUnit { position: inherit; float: left; width: 32.4%; margin-right: 0.8%; }
.portlet-placeholder { position: inherit; float: left; height: 245px; width: 32.6%; margin-top: 10px; margin-right: 0.7%; }
.btn_sorting { display: inline-block; position: relative; }
.btn_sorting > a { display: inline-block; width: 19px; height: 18px; background: url(../../images/btn_th_layer.png) no-repeat 0 0; }
.btn_sorting > a.on { background-position: 0 -18px; }
.btn_sorting .list_sorting { position: absolute; top: 19px; left: 0px; border: 1px solid #969696; }
.btn_sorting .list_sorting ul { min-width: 60px; background: #fff; }
.btn_sorting .list_sorting ul li { border-top: 1px solid #dddddd; }
.btn_sorting .list_sorting ul li:first-child { border-top: 0; }
.btn_sorting .list_sorting ul li a { display: block; padding: 0 12px; line-height: 28px; color: #4d4c4c; text-decoration: none; }
.btn_sorting .list_sorting ul li a:hover, .btn_sorting .list_sorting ul li a:focus { color: #4d4c4c; text-decoration: none; background: #e3f0ff; }
.table_left { margin-bottom: 10px; border-top: 1px solid #868e96; }
.table_left thead tr th, .table_left tbody tr th { padding: 4px 10px; line-height: 22px; color: #474747; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-weight: normal; background: #f5f5f5; font-size: 13px; white-space: nowrap }
.table_left tbody tr th { text-align: right; font-weight: 600; }
.table_left tbody tr td { padding: 4px 10px; line-height: 20px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #474747; font-size: 13px; background: #ffffff; }
.table_left thead tr th:first-child, .table_left tbody tr th:first-child { }
.table_left tbody tr th.th_depth { border-left: 1px solid #ddd; background: #f8f8f8; }
.table_left tr th.th_depth, .table_top tr th.th_depth { background: #f8f8f8; }
.table_left tbody tr.current td, .table_top tbody tr.current td { background: #e3f0ff; }
.table_left table th strong, .table_top table th strong { color: #ff3636; padding: 0 3px; }
.table_left table th strong label, .table_top table th strong label, .table_left table th strong span, .table_top table th strong span { color: #4d4c4c; font-weight: normal; }
.table_left tbody tr td.list_file p { margin-top: 5px; line-height: 24px; }
.table_left tbody tr td.list_file p:first-child { margin-top: 0; }
.table_left .btn_inlinesearch, .table_top .btn_inlinesearch, .grid_list .btn_inlinesearch, .btn_filter, .table_left .btn_inlinesearch span, .table_top .btn_inlinesearch span, .grid_list .btn_inlinesearch span, .btn_filter span { width: 21px; height: 21px; }
.table_left tr td .table_top { margin: 0; border: 1px solid #c3c3c3; }
.table_left tr td .table_top table tr th { text-align: center; }
.table_left tr td .table_top table tr th, .table_left tr td .table_top table tr td { border-right: 0 }
.table_left tr td .table_top table tr td { border-top: 1px solid #dddddd; border-bottom: 0; }
.table_left tr td .table_top table tr:first-child td { border-top: 0; }
.table_left tr td .table_top table tr td:first-child { border-left: 0 }
.child { border-top: 1px solid #969696; margin-top: -4px !important }
.child>table { border-top: 1px solid #eee }
/* 회원로그인 */
#block-login { min-height: 100%; width: 100%; height: auto; position: fixed; top: 0; left: 0; }

	#block-login { min-height: 100%; width: 100%; height: auto; position: fixed; top: 0; left: 0; background: url(../../_Images/main/bg_login.jpg) no-repeat center; background-size: cover; }

#login_wrap { position: absolute; width: 500px; height: 500px; top: 50%; left: 50%; margin: -250px 0 0 -250px; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1); border: 1px solid #cfdbe2; background: #ffffff; border-radius: 12px; z-index: 10; }
#login_wrap .login { padding: 60px; }
#login_wrap .first_txt { font-size: 14px; text-align: center; letter-spacing: -0.5px; }
#login_wrap .layerPop_logo { margin-top: 15px; margin-bottom: 30px; text-align: center; overflow: hidden; }

.pw_check { float:right; display:inline-block; font-size:13px; text-decoration:underline;}
#loginForm { position: relative; margin-top: 20px; }
#loginForm input[type="text"], #loginForm input[type="password"] { width: 100%; height: 44px; margin-bottom: 6px; padding: 11px; box-sizing: border-box; font-size: 13px; border-left: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb }
#loginForm input:focus { border: 1px solid #3ab6ea; background: none; }
#loginForm .id_save { display: inline-block; letter-spacing: -0.5px; overflow: hidden; font-size: 13px; }
#loginForm .id_save label { vertical-align: middle }
#loginForm .id_save input[type="checkbox"] { margin: 0; }
#loginForm .btn_login { display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; height: 50px; line-height: 50px; text-align: center; padding: 0; background: linear-gradient(to right, #38a9f9, #43e9b3); border: solid 1px #2dc3e8; border-radius: 0px; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer }

 @media only screen and (max-width: 500px) {
#block-login { min-height: 100%; width: 100%; height: auto; position: fixed; top: 0; left: 0; background: none; }
#login_wrap { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; margin: -50% 0 0 -50%; box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.1); border: 0px solid #cfdbe2; background: #ffffff; border-radius: 0px; z-index: 10; }
#login_wrap .login { padding: 30px; }
#login_wrap .first_txt { font-size: 14px; text-align: center; letter-spacing: -0.5px; word-break: keep-all }
#login_wrap .layerPop_logo { margin-top: 15px; margin-bottom: 30px; text-align: center; overflow: hidden; }
#loginForm { position: relative; margin-top: 20px; }
#loginForm input[type="text"], #loginForm input[type="password"] { width: 100%; height: 44px; margin-bottom: 6px; padding: 11px; box-sizing: border-box; font-size: 13px; border-left: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb }
#loginForm input:focus { border: 1px solid #3ab6ea; background: none; }
#loginForm .id_save { display: block; letter-spacing: -0.5px; overflow: hidden; font-size: 13px; }
#loginForm .id_save label { vertical-align: middle }
#loginForm .id_save input[type="checkbox"] { margin: 0; }
#loginForm .btn_login { display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; height: 50px; line-height: 50px; text-align: center; padding: 0; background: linear-gradient(to right, #38a9f9, #43e9b3); border: solid 1px #2dc3e8; border-radius: 0px; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer }
#loginForm .btn_login:hover { color: #fff; }
}
.gbutton { display: inline-block; vertical-align: top; height: 25px; padding: 0 10px; border: 1px solid #cacaca; font-size: 12px; color: #444444; font-weight: normal; line-height: 25px; text-decoration: none; cursor: pointer; background: #f8f8f8; background: linear-gradient(#fefefe, #f0f0f0); }
.WS_Normal { white-space: normal !important; }
.inline { display: inline-block; }
.admin_menuL { float: left; width: 30%; }
.admin_menuR { float: right; width: 68%; }
.tablelayout_Auto { table-layout: auto !important }
.button_t1 { display: inline-block; vertical-align: top; height: 22px; padding: 0 10px; border: 1px solid #cacaca; font-size: 12px; color: #000000; font-weight: normal; line-height: 22px; text-decoration: none; cursor: pointer; background: #ffffff; vertical-align: middle; }
@media only screen and (max-width: 1810px) {
#content .main_top .grid.rate .grid_list tbody tr td .title_notice { overflow: hidden; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
}
.label_type01 { font-size: 17px; font-weight: bold; color: #000000; }
.weekLine { background-color: #fff8d2 }
.H250 { height: 250px !important; }
.H50 { height: 50px !important; }
.bottom12 { margin-bottom: 12px; }
#content .main_top .grid.rate .grid_list tbody .title01 { font-size: 14px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; text-align: left; padding: 0px 0px 0px 15px; text-align: left; border: 0px solid #dddddd; background: #ffffff; }
.grid_list table tbody .txtcolor_01 a { color: #f2372e; letter-spacing: -1px; font-size: 14px; font-weight: bold !important; }
.grid_list table tbody .title a:hover { color: #000; text-decoration: underline !important; }

#content .main_ban { width: 100%; float: left; position: relative; padding-right: 6px; padding-left: 6px; padding-bottom: 12px; }
#content .main_ban .line { border: 1px solid #dadce0; border-radius: 8px; box-shadow: 0 1px 1px rgba(0,0,0,.05); background: #ffffff; position: relative; }
#content .main_ban header { height: 50px; border-bottom: 0px solid #e8e8e8; background: #fff; margin: 0px 10px; }

.ir {text-indent: -9999px; position: fixed; top: -9999px; font-size: 1px; width: 1px; height: 1px; opacity: 0;}
.menu-list { display: block; height: 100%; overflow: hidden;}
.menu-list ul {position: relative;}
.menu-list ul li:first-child { margin-left: 0;}
.menu-list ul li { width: 9%; float: left;}
.menu-list ul li a { display: block; text-align: center; padding:30px 0px}
.menu-list ul li a span { width: 80px; height: 80px; line-height: 80px; display: inline-block; background-color: #f6f6f6; border-radius: 32px; margin-bottom: 16px; position: relative;}
.menu-list ul li a p {line-height: 20px; font-size: 14px; }