@charset "utf-8";
@import url("./font-awesome.css");
@import url("./RadioCheckbox.css");

@font-face {
    font-family: 'NotoSansCJKkrM';
    src: local(NotoSansKR-Medium),
        url(/fonts/NotoSansKR-Medium.woff) format("woff"),
        url(/fonts/NotoSansKR-Medium.otf) format("opentype"),
        url(/fonts/NotoSansKR-Medium.eot) format("embedded-opentype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'NotoSansCJKkrR';
    src:
        url('/fonts/NotoSansKR-Regular.woff') format("woff"),
        url('/fonts/NotoSansKR-Regular.otf') format("opentype"),
        url('/fonts/NotoSansKR-Regular.eot') format("embedded-opentype");
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'NotoSansCJKkrB';
    src:
        url('/fonts/NotoSansKR-Bold.woff') format("woff"),
        url('/fonts/NotoSansKR-Bold.otf') format("opentype"),
        url('/fonts/NotoSansKR-Bold.eot') format("embedded-opentype");
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'LSelecB';
    src: url('/fonts/LSELECTRIC.ttf') format("truetype");
    font-weight:500;
    font-style: normal;
    font-stretch: normal;
}

/* jqgrid header 글자색 변경 */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #2B2B2B;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #2B2B2B;
}


/* @import url("reset.css"); ***************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;

    /*패딩에 영향 받지 않는 박스모달*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.5;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    /*border-collapse: separate;*/
     border-collapse: collapse;
    border-spacing:0;
}


table, tr, td {
	color:#333333;
	font-size:9pt; font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif; ;
}
table.top0 {
	border-collapse: separate;
	border-spacing:1px;	
	background-color:#bbb;
}
table.top1 {
	border-collapse: separate;
	border-spacing:1px;	
	border-top:-1px solid #596DA9;
	background-color:#bbb;
}
table.top2 {
	border-collapse: separate;
	border-spacing:1px;	
	/* border-top:2px solid #596DA9; */
	background-color:#bbb;
}
table.tbl_sch {
 	border-collapse: separate; 
	border-spacing:0;
	margin-top:2px; margin-bottom:2px;
}
/*----------------------------------------------------------
Basic Markup Style
----------------------------------------------------------*/

html { height: 100%;  font-size:12px; overflow-y:scroll;}
body { margin: 0;padding: 0;height: 100%;color: #333;    font-family: "맑은 고딕", "Malgun Gothic",Dotum,"돋움",  sans-serif;}
img {border:none; vertical-align:middle;}
a{ text-decoration:none; color: #337ab7;}
a:hover,a:focus{text-decoration:underline; color:#23527c;}
caption{ display:none; }


/*인풋*/
input[type=tel],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=number],
input[type=date],
textarea,select,option,button{

    font-size:9pt;
    font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif; ;
    vertical-align: middle;
    ime-mode:active;

    font: inherit;
    color: #333;
    max-width:100%;
    height: 22px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 0 5px 1px 5px;
    margin: 2px 0px 2px 0;
    vertical-align:middle;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=file] {
    font-size:9pt;
    height:24px; color:#666 font-size:12px; border:1px solid #ccc; background-color:#F0F6F9;
    margin: 2px 0px 2px 0px;
    padding-left:0px;
}




/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    background-color: transparent;
    border: 0;
}
input[type="submit"]{font-family: inherit; cursor: pointer;}
input[type="radio"], input[type="checked"] {border: none;height: auto;}
input:not([type=checkbox]):not([type=radio]):focus,
textarea:focus,select:focus{
    border-color:#3897e1;
    outline:none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ /*크롬,아이폰,안드로이디*/
     color:#676767;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ /*익스*/
     color:#676767;
}
input:placeholder-shown{}
button{
    font: inherit; cursor: pointer;border:1px solid #ccc; background:#fff;
}
button:focus{
    border-color:#3897e1;
    outline:none;
}

.boxSizing {
    /*패딩에 영향 받지 않는 박스모달*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.hide,legend {    /*숨기기*/
    position:absolute;width:0;height:0;overflow:hidden;font:0px/0 Sans-serif;/* visibility:hidden;*/margin:0;padding:0;
}
/* *************************************** */



.ui-jqgrid tr.jqgrow{outline-style:none; height:26px; }

/* Type Selector */
img, fieldset, button{border:none;}
li{list-style-type:none;}
hr, button img{display:none;}
a{text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:none;}
textarea{overflow:auto;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
caption{display:none;}
img{border:0; vertical-align: middle;}
html, body{margin:0; padding:0; height: 100%;width: 100%;}

table, tr, td {
    color:#333333;
    font-size:9pt; font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif; ;
}
table.top0 {
    border-collapse: separate;
    border-spacing:1px;
    background-color:#bbb;
}
table.top2 {
    border-collapse: separate;
    border-spacing:1px;
    border-top:2px solid #596DA9;
    background-color:#D8DCDF;
}
table.prt {
    border-collapse: separate;
    border-spacing:1px;
    background-color:#333;
}
table.tbl_sch {
     border-collapse: separate;
    border-spacing:0;
    margin:2px 0px 0px 0px;
}

.layout-table tr td{
    background-color:#fff;
    vertical-align:top;
}



table.tbl_line td {
    border:1px solid #333;
}
.th_1 {
    background-image:url(/images/table/th@2x26.png);
    background-position:bottom center;
    background-repeat: repeat-x;
    text-align:center;
    height:26px;
    color:#004276;
    font-size:9pt;
    font-weight:bold;
}
.th_2 {
    background: linear-gradient( to top, #EEEEEE, #F8F8F8 );
    text-align:center;
    height:26px;
    color:#2b2b2b;
    font-size:9pt;
    font-weight:bold;
}


.td_1 {background-color:#eeeeee; text-align:right; height:30px; padding-right:10px; color:#333333; font-size:9pt; font-weight:bold}
.td_2 {background-color:#ffffff; padding-left:5px}

.td_21 {text-align:right; height:28px; padding-right:5px; color:#2A363F; font-size:9pt; font-weight:bold}
.td_22 {padding-left:1px}

.td_31 {color:#333333; font-size:9pt; font-weight:bold}
.td_32  {color:#333333; font-size:9pt;}

.l {text-align:left; padding-left:5px; padding-right:0px}
.c {text-align:center; padding-left:0px; padding-right:0px}
.r {text-align:right; padding-left:0px; padding-right:5px}

.grayFont {color:#FFFFFF}

.inputs {
    color: #333333;
    height:200px;
    font-size:9pt; font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif; ;
    vertical-align: middle;
    border:1px solid #ccc;
    ime-mode:auto;
}
textarea {
    color: #333333;
    font-size:9pt; font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif; ;
    vertical-align: middle;
    border:1px solid #ccc;
    ime-mode:auto;
}




/* BODY ********************************************************** */
body {
    margin:0px; padding:0px ;
     background-color:#E9ECEF;
    color:#000000;
    font-size:9pt; font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;
    scroll:auto;
}

#bodyArea {
}

/* LEFT MENU ********************************************************** */
#menuArea {
    border:0 solid #00ff00;
    margin:8px 20px 0px 10px;
    padding:0px;
    font-family:NotoSansCJKkrR,"맑은 고딕","Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;
    color:#000000;
    font-weight:900;
    font-size:12px;
}

.M-L0 {
    height:28px;
    background-color:#ffffff;
    border-bottom:1px solid #666666;
    padding:0px 4px 0px 20px;
    cursor:pointer;
}
.M-L1 {
    height:32px;
    background-color:#dddddd;
    padding:5px 8px 0px 0px;
}
.M-L1-txt1 {
    height:100%;
    border-bottom:1px solid #bbbbbb;
    padding:2px 0px 0px 20px;
    cursor:pointer;
}
.M-L1-txt2 {
    height:100%;
    padding:2px 0px 0px 20px;
    cursor:pointer;
}
.M-L2 {
    height:32px;
    background-color:#fff;
    padding:5px 8px 0px 10px;
}
.M-L2-txt1 {
    height:100%;
    font-size:9pt;
    font-family:맑은 고딕,굴림,굴림체,"Arial";
    font-weight:normal;
    padding:2px 0px 0px 20px;
    cursor:pointer;
}
.M-L2-txt2 {
    height:100%;
    font-size:9pt;
    font-family:맑은 고딕,굴림,굴림체,"Arial";
    font-weight:normal;
    border-bottom:1px solid #e3e3e3;
    padding:2px 0px 0px 20px;
    cursor:pointer;
}

/* TOP ********************************************************** */
.top-sys_name {
    color:#333333;
    font-family:NotoSansCJKkrB, "맑은 고딕","Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;
    font-size:22px;
    letter-spacing:2px;
    margin:0px 0px 0px 20px;
}


.top-system-group {
    color:#333333;
    font-family:NotoSansCJKkrR;
    font-size:12px;
    font-weight:100;
    text-align:right;
}

.top-user-info {
    color:#ffffff;
    font-family:NotoSansCJKkrR;
    font-size:12px;
    text-align:right
}

.btn-logout {
  cursor:pointer;
  width: 76px;
  height: 22px;
  border:solid 1px #ffffff;
  font-family:맑은 고딕,굴림,굴림체,"Arial";
  font-size:10px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  color: #ffffff;
  background-color:#0978FF;
  margin-left:20px;
}

.topMenu-focus {
    color:#0978FF;
    font-family:NotoSansCJKkrR,"맑은 고딕","Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;;
    font-weight:900;
    background-color:#fff;
    border:1px solid #CCCCCC;
    border-radius:5px;
    margin:1px 10px 0px 10px;
    padding:2px 20px 2px 20px;
    font-size:14px;
}
.topMenu-unfocus {
    color:#FFFFFF;
    font-family:NotoSansCJKkrM;
    background-color:#0978FF;
    padding:2px 20px 2px 20px;
    font-size:14px;
}


.input {height:22px; }
.input.c {height:22px;text-align:left}
.input.l {height:22px;padding-left:5px;}
.input.r {height:22px;text-align:right; padding-right:5px;}

.input.i.c {height:22px;text-align:left}
.input.i.l {height:22px;padding-left:5px;}
.input.i.r {height:22px;text-align:right; padding-right:5px;}

.input.di   {height:22px;background-color:#EFEFEF;}
.input.di.c {height:22px;text-align:left}
.input.di.l {height:22px;padding-left:5px;}
.input.di.r {height:22px;text-align:right; padding-right:5px;}
.input.h24 {height:24px;}

.input2.di   {height:25px; background-color:#EFEFEF;}

.input3.di.c   {border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px; width:30px;text-align:center;}
.input3.di.l   {border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px; width:30px;text-align:left;}
.input3.di.r   {border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px; width:30px;text-align:right;}


select {
    color: #333333;
    height:22px;
    font-size:9pt; font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;
    vertical-align: middle;
    border:1px solid #a0afbc;
}



/* HEADER */
.tMenu1 {font-size: 24px; font-weight: bold; color:#333;}
.tMenu2 {width:200px; font-size: 20px; font-weight: bold; color:#AAA}
.tMenu3 {font-size:12px; font-weight:bold; color:#DDD}

.header_wrap    {padding:0px; margin:0px; width:100%; vertical-align:top}
.header_wrap ul    {white-space:nowrap; list-style:none}
.header_wrap li    {display:inline; }

/* FOOTER */
.copyright {
    width:1000px;
    margin:30px 0px 10px 0px;
    font-family:NotoSansCJKkrR, 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing:1;
    color:#999;
    text-align:center
}

/* Top Menu - Navigater */
.mainMenu                    {float:left; padding:0; margin:0px; width:1180px; height:38px; vertical-align:top}
.mainMenu ul                {margin:0px; padding:0; list-style:none}
.mainMenu li                {display:inline; margin:0 10px; padding:0; float:left}
.mainMenu a                    {float:left; margin:0; padding:0 0 0 18px; text-decoration:none; font-size:14px; font-weight:bold; font-family:맑은 고딕; line-height:1.2; letter-spacing:3 }
.mainMenu a span            {float:left;  display:block;  padding:5px 27px 16px 6px;  color:#fff }
.mainMenu a span            {float:none;} /* End IE5-Mac hack */
.mainMenu a:hover            {background:url("/images/menu_bg_left.png") no-repeat left top; text-decoration:none}
.mainMenu a:hover span        {background:url("/images/menu_bg_right.png") no-repeat right top; color:#003300; padding:5px 27px 16px 6px }
.mainMenu .current a        {background:url("/images/menu_bg_left.png") no-repeat left top}
.mainMenu .current a span    {background:url("/images/menu_bg_right.png") no-repeat right top; text-decoration:none; color:#003300; padding:5px 27px 16px 6px}

.subMenu                    {margin:0px; padding:0; color:#555; font-size:normal; line-height:1.2; float:left; clear:both; height:24px; vertical-align:top}
.subMenu ul                    {white-space:nowrap; margin:2px 0 5px 0; padding:0;}
.subMenu li                    {display:inline; list-style:none; margin:0; padding:0px 5px}
.subMenu li.current a        {color:#111; font-weight:bold; text-decoration:none; font-size:12px; }
.subMenu li.current a:hover,
.subMenu li.current a:visited    {color:#333; font-weight:bold; text-decoration:none}
.subMenu li a:link            {color:#666; text-decoration:none; font-size:12px; }
.subMenu li a:hover            {color:#666; text-decoration:none }
.subMenu li a:visited        {color:#666; text-decoration:none }
.subMenu li.vertical        {font-size:12px; font-weight:bold; color:#aaa; margin:0px 2px; vertical-align:top }

/* comment */
.comment1 {display:block;line-height:18px; padding-left:15px;background:url('/css/img/icon1.png') no-repeat left 4px; color:#333}
.comment1.cert {padding-left:15px; font-sze:10pt}

.comment2 {display:block;line-height:18px; padding-left:15px;background:url('/css/img/icon2.png') no-repeat left 4px; color:#f00}



/* Contents */
#contentsArea {
    vertical-align:top;
    margin:12px 0px 10px 10px;
}

.gridArea {
    margin-top:10px;
}

.btnGrp {text-align:right; margin:2px 0px 0px 0px}
.btnGrp td.l {padding-left:0px;}
.btnGrp td.r {padding-right:0px;}

#popup_page {
    margin:0px;
    padding:8px;
    border-top:3px solid #596DA9;
}

.pop_title {
    margin:0px 0px 10px 0px;
    padding:0px 0px 2px 6px;
    font-size: 18px;
    font-weight: bold;
    color: #3D3D3D;
    border-bottom: 2px solid #596DA9;
}

.pop_title:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 3px solid #1A1E6B;
    border-radius: 6px;
    margin-right: 3px;
}

.main_title {
    padding: 0px 0px 2px 10px;
    font-family: NotoSansCJKkrM, "맑은 고딕","Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #3D3D3D;
}
.main_title:before{
    content:'';
    display: inline-block;
    width: 6px;
    height: 6px;
    border:4px solid #1A1E6B;
    margin-right: 3px;
}

.page_title {
    width: 1000px;
    padding: 0px 0px 2px 10px;
    margin: 0px 0px 10px 0px;
    font-family: NotoSansCJKkrM, "맑은 고딕","Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #3D3D3D;
    border-bottom: 2px solid #596DA9;
}
.page_title:before{
    content:'';
    display: inline-block;
    width: 6px;
    height: 6px;
    border:4px solid #1A1E6B;
    margin-right: 3px;
}

.page_stitle {
    flex: 1;
    font-size: 16px;
    font-weight: bold;
    color: #3D3D3D;
    padding: 0px 0px 2px 10px;
    margin:10px 0px 0px 0px;
}
.page_stitle:before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 3px dashed #1A1E6B;
    border-radius: 6px;
    margin-right: 3px;
}

#sch_title {
    margin:0px 0px 8px 0px;
    padding:0px 0px 2px 10px;
    font-size: 12pt; font-weight: bold; color:#21387C;
    border-bottom:2px solid #596DA9;
    height:26px;
}
#sch_title:before{
    content:"\f0a9 ";
    font:normal normal normal 14px/1 FontAwesome;
    padding-right:5px;
}



.sch_group {
    background: linear-gradient( to top, #D1DCE5, #fff );
    border:1px solid #778DA0;
    color:#000;
    width:1000px;
    padding: 0px 10px 2px 10px;
    margin-bottom:2px;
    font-size:9pt; font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;
}
.sch_group.1L {height:70px;}
.sch_group.2L {height:55px;}

.col.r {color:red}

/* FONT */
.fs12 {font-size:12pt}
.fs11 {font-size:11pt}
.fs10 {font-size:10pt}
.fs9  {font-size:9pt }
.fs8  {font-size:8pt }
.fs7  {font-size:7pt }
.fs6  {font-size:6pt }

/* btn */
/*---------------버튼*/
.button{
    background: linear-gradient( to top, #EDF0F2, #fff );
    border:1px solid #AFB8BC;
    color:#000;
    padding: 2px 10px 2px 10px;
    cursor:pointer;
    height:18pt;
    font-size:9pt; font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif; ;
    vertical-align: middle;
}
.button:hover{
    background: linear-gradient( to bottom, #ebeff3, #fff );
}
.button.fa{
    font-family: inherit;
}
.button.fa:before{
    color: #2375d1;
    padding-right:5px;
    font-family: FontAwesome;
}

.button_i{
    background: linear-gradient( to top, #EDF0F2, #fff );
    border:1px solid #AFB8BC;
    color:#000;
    padding: 0px 5px 0px 5px;
    cursor:pointer;
    height:22px;
    vertical-align: middle;
}
.button_i.fa{
    font-family: inherit;
}
.button_i.fa:before{
    color: #2375d1;
    font-family: FontAwesome;
}

.button_s{
    background: linear-gradient( to top, #EDF0F2, #fff );
    border:1px solid #AFB8BC;
    color:#000;
    margin:0px -1px 0px -1px;
    padding: 0px 4px 0px 4px;
    cursor:pointer;
    height:18px;
    vertical-align: middle;
}
.button_s.fa{
    font-family: inherit;
}
.button_s.fa:before{
    color: #2375d1;
    font-family: FontAwesome;
}

.button_m{
    background: linear-gradient( to top, #EDF0F2, #fff );
    border:1px solid #AFB8BC;
    color:#000;
    margin:0px -1px 0px 2px;
    padding: 1px 5px 1px 5px;
    cursor:pointer;
    height:22px;
    vertical-align: middle;
}
.button_m.fa{
    font-family: inherit;
}
.button_m.fa:before{
    color: #2375d1;
    font-family: FontAwesome;
}

.button_b{
    background: linear-gradient( to top, #EDF0F2, #fff );
    border:1px solid #AFB8BC;
    color:#000;
    padding: 2px 10px 2px 10px;
    cursor:pointer;
    height:28px;
    font-size:9pt; font-family: 맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif; ;
    vertical-align: middle;
}
.button_b:hover{
    background: linear-gradient( to bottom, #ebeff3, #fff );
}
.button_b.fa{
    font-family: inherit;
}
.button_b.fa:before{
    color: #2375d1;
    padding-right:5px;
    font-family: FontAwesome;
}

.button_b2 {
    background: linear-gradient( to top, #EDF0F2, #fff );
    border:1px solid #AFB8BC;
    color:#000;
    padding: 2px 7px 2px 7px;
    cursor:pointer;
    height:28px;
    font-size:12pt;
    vertical-align: middle;
}
.button_b2:hover{
    background: linear-gradient( to bottom, #ebeff3, #fff );
}
.button_b2.fa{
    font-family: inherit;
}
.button_b2.fa:before{
    color: #2375d1;
    padding-right:0px;
    font-family: FontAwesome;
}


.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dddddd;
    font-size:110%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons a:hover{color:#4786AD;}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
#content_img_div{clear:both;float:left;margin-top:20px;}
.content_field{float:left;}
.content_field h2{background: url("../images/bl/bl_h2.gif") no-repeat left center; vertical-align: bottom;padding-left:17px;font-size: 120%;; letter-spacing: -1px;}
.content_field h3{background: url("../images/bl/bl_h3.gif") no-repeat left center; vertical-align: bottom;padding-left:12px;font-size:110%;}
.content_field fieldset{border:1px solid #C75DF2;padding:10px;line-height:30px;width:800px;line-height:30px;}


.search_leftselect{float:left}
.search_leftselect select{height:30px;width:110px; vertical-align: bottom;border:1px solid #F0B8F4}
.inputbox_style01{float:left;position:relative;border:1px solid #F0B8F4;margin-left:10px;}
.inputbox_style01 input{ border: none; background-color: #ffffff; height: 28px;width:500px;}


.qnaboard{height:250px;}
.qnaboard ul{}
.qnaboard ul li{}
.qclass_top{height: 25px; padding-top: 5px;padding-left:5px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;  background-color: #F2EBFF; font-weight: bold;}
.qclass{min-height:50px; padding-left: 10px; padding-top: 10px;padding-bottom:10px}
.aclass{min-height:50px; padding-left: 10px; padding-top: 10px;}
.aclass_top{height: 25px; padding-top: 5px;padding-left:5px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;  background-color: #EEF5FF; font-weight: bold;}

/* 자료실 */
#download_div01{float:left;width: 810px;min-height:300px;border-bottom: 1px solid #CBB9FC;padding-bottom:10px}
#download_div01 h3{background: url("../images/bl/bl_h4.gif") no-repeat left center; vertical-align: bottom;padding-left:12px;font-size:120%;border-bottom: 2px solid #dddddd; padding-top: 3px;}
#download_div02{float:left;width: 810px;min-height:220px;border-bottom: 1px solid #CBB9FC;padding-bottom:10px}
#download_div02 h3{background: url("../images/bl/bl_h4.gif") no-repeat left center; vertical-align: bottom;padding-left:12px;font-size:120%;border-bottom: 2px solid #dddddd; padding-top: 3px;}
#download_div03{float:left;width: 810px;height:300px;padding-bottom:10px}
#download_div03 h3{background: url("../images/bl/bl_h4.gif") no-repeat left center; vertical-align: bottom;padding-left:12px;font-size:120%;padding-top: 3px;}
.qatable_wrap{float:left;width:800px;padding-top:5px;border-bottom: 1px solid #dddddd;height:140px;}
.qa_1st_wrap{clear:both;float:left;width:810px;min-height:120px;border:3px solid #ADB8F5;}
.qa_1st_loc{float:left;width:800px;padding-left:10px;padding-top:5px;}
.qa_answer{clear:both;float:left;width:790px;min-height:30px;border:3px solid #dddddd;margin-top:10px;padding:10px}
.qa_answer ul li{display:inline;}
.qa_btn_delete{float:right;padding-right:3px;}
.qa_write_wrap{clear:both;float:left;width:790px; min-height:30px;border:1px solid #dddddd;margin-top:10px;padding:10px}
.qa_write_label{padding-top:30px;padding-left:30px;vertical-align:middle}
.qa_write_txtarea{border:1px solid #dddddd;vertical-align:middle;height:40px;padding:5px;margin-left:10px;}


.download_loc{float:left;width:400px;height:270px;padding-top:10px; background-color:#f7f7f7;padding-left:10px}
.download_content_top_wrap{clear:both;position:relative;padding-top:5px;}
.download_content_btm_wrap{clear:both;position:relative;padding-top:10px;}
.download_img_loc{float:left;width:160px;height:109px;border:1px solid #dddddd}
.download_text_loc{float:left;width:220px;padding-left:10px;}
#download_new{float:left;}
#download_new h3{background: url("../images/bl/bl_h4.gif") no-repeat left center; vertical-align: bottom;padding-left:12px;font-size:120%;}
#top10_div{clear:both;float:left;width:800px;height:140px;border:1px solid #E8D0EB;margin-top:1px;overflow:hidden; position: relative;}
.top10_loc{float:left;width:380px;padding-left:10px;padding-top:5px;padding-right:3px;}
.top10_rightloc{float:left;width:380px;padding-left:10px;padding-top:5px;}
#top10_div ol{list-style-type:none; line-height:26px;height:26px;}
#top10_div ol li{height:26px;margin:0;padding:0;}
.top10name{float:left;width:280px;padding-right:10px; overflow: hidden;color:red;}
.top10date{color:#3B9C8A;padding-left:10px;float:right;}
.top10_img{float:left;vertical-align:bottom;padding-top:7px;padding-right:3px}
#download_detailtable{clear:both;width:220px;padding-left:10px;padding-top:5px;}
#download_detailtable table{border:1px solid #dddddd;border-collapse:collapse;width: 600px;}
#download_detailtable table th{border-right:1px solid #dddddd;border-collapse:collapse;line-height:20px; background-color: #F7F7F7;}
#download_detailtable table td{padding-left:10px;}
.download_reg_loc{float:left;width:200px;padding-top:15px;}
.download_reg_imgtext{float:left;padding-top:10px;}
.download_tbstatus{float:left;width:400px;padding-top:10px;}
.datafield_wrap{clear:both;width:790px;height:250px;border:3px solid #ADB8F5;}
.datafield_textarea{float:left;width:750px;padding-left:20px;padding-top:12px;height:200px}
.sum_img_div_wrap{float:left;width:200px;padding-top:10px;}
.sum_img_div_loc{float:left;width:160px;height:109px;border:1px solid #dddddd;padding-left:10px}
.download_btn_area{clear:both;padding-top:10px;padding-bottom:10px;}
.download_modify_table{float:left;width:400px;padding-top:10px;}
.download_modify_txtarea_wrap{clear:both;width:800px;height:250px;border:3px solid #ADB8F5;}
.download_modify_content{float:left;width:800px;padding-left:10px;padding-top:5px;}
.btm_prev{clear:both;width:800px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;margin-top:5px}
.btm_next{clear:both;width:800px;border-bottom:1px solid #dddddd;}

/* 자료등록 */
#download_regdiv{float:left;clear:both;width: 800px;min-height:250px;border-bottom: 1px solid #CBB9FC;}
.downloadDetail_title{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;padding-top:10px;padding-left:5px;}
.download_reg_img{float:left;width:160px;height:109px;border:1px solid #dddddd;padding-left:5px;}
.download_regtable{clear:both;width:220px;padding-left:10px;padding-top:5px;height:100%}
.download_regtable table{margin-bottom:20px;border:1px solid #dddddd;border-collapse:collapse;width: 580px;}
.download_regtable table th{border-right:1px solid #dddddd;border-collapse:collapse;height:33px; background-color: #F7F7F7;}
.download_regtable table td{padding-left:10px;}
.download_regtable input{border:1px solid #dddddd;width:450px; height: 20px;}
.downloadDetail_program_loc{clear:both;}
.downloadDetail_titletxt{color:#CC5A5A;font-weight:bold;}
.input_file {border:1px solid #dddddd; height:20px}
#download_regdiv h3{background: url("../images/bl/bl_h4.gif") no-repeat left center; vertical-align: bottom;padding-left:12px;font-size:120%;}
.detail_inputtitle input{width:700px;border:1px solid #dddddd;margin-left:10px; height: 20px;}

#qna_detailtable table{float:left;border:1px solid #dddddd;border-collapse:collapse;width: 800px;}
#qna_detailtable table th{border:1px solid #dddddd;border-collapse:collapse;line-height:20px; background-color: #F7F7F7; text-align:left;padding-left:10px;font-weight:bold;}
#qna_detailtable table td{border:1px solid #dddddd;border-collapse:collapse;padding-left:10px;}

/* index페이지 */
.lefttitle_image{float:left;padding-top:9px;padding-left:9px;width:439px;height:480px;}
.rightmain_wrap{float:left;width:722px;padding-left:20px;}
.board_wrap{float:left;padding-top:0;padding-left:10px;}
.notice_area{float:left;width:384px;height:170px; vertical-align:middle;}
.notice_area h3{border-bottom:1px solid #dddddd;padding:3px;}
.notice_area ul{list-style-type:none; clear: both;}
.notice_area ul li{display:block; height:21px;}
.notice_lefttext{float:left;width:300px;background: url("../images/bl_dot.gif") no-repeat 0 5px; vertical-align: middle;padding-left:8px;}
.notice_righttext{float:right;}
.more{position:relative;top:-20px;float:right;}
.info_divwrap{float:left;width:286px;height:327px; position:relative;padding-left:36px}
.righttop_banner{float:left;width:286px;height:120px;padding-top:40px;}
.righttop_banner ul{}
.righttop_banner ul li{display:inline;float:left;}
.middle_banner{float:left;padding-top:20px;}
.middle_banner .li_btm{padding-bottom:10px;}
#img_area{float:left;width:298px;height:327px;border:1px solid #dddddd;}

.mainbtm_text1{left: 100px; position: absolute; top: 40px; width: 212px;}
.mainbtm_text2{left: 440px; position: absolute; top: 40px; width: 212px;}
.img_div01{position: absolute;left: 360px; top: 15px; width: 212px;}

#main_btm_area{clear:both;float:left;position:absolute;top:458px;left:470px;background: url("../images/index/bg_bottom.gif") no-repeat left top; width:716px;height: 112px;}
#main_btm_area ul{list-style-type:none;padding-top:15px;padding-left:10px;}
#main_btm_area ul li{display:inline-block;}
.mainbtm_vline{left: 330px; position: absolute; top: 12px; width: 212px;}

.header_login{float:right;height:26px;}
.header_login ul li{height:26px;display:inline-block}
#header_loginname{float:left;padding-top:20px;padding-right:10px;}
#header_loginname a{font-weight:bold;}
#header_loginname a:link {
    color: #F29113;
    letter-spacing: 0px;
    text-decoration: none;
}
#header_loginname a:visited {
    color: #F29113;
    letter-spacing: 0px;
    text-decoration: none;
}

#header_loginname a:active {
    color: #F29113;
    letter-spacing: 0px;
    text-decoration: none;
}
#header_loginname a:hover {
    color: #F29113;
    text-decoration: none;
}

.header_loginconnection{float:left;padding-top:20px;padding-right:20px;}

.login_bg_area{padding-top:15px;float:left}
.righttop_bgleft{background: url("../images/header/img_loginright_leftbg.gif") no-repeat;width:7px;height:26px;float:left;}
.righttop_bgmiddle{background: url("../images/header/img_loginright_middlebg.gif") repeat-x scroll 0 0 ;float:left;padding-top:5px; font-weight:bold;padding-left:5px;padding-right:5px}
.righttop_bgright{background: url("../images/header/img_loginright_rightbg.gif") no-repeat;width:9px;height:26px;float:left;}
#header_mainsize{margin-top:5px;width:1150px;}
.vline_rt{font-weight:normal;color:#dddddd;}
.righttop_bgmiddle a {
    color: #666666;
}
.righttop_bgmiddle a:link, a:visited {
    color: #666666;
}
.righttop_bgmiddle a:hover {
    color: #1F58B1;
}
.invisible {
width:0px;
height:0px;
visibility: hidden;
}


/* Dropdown Box */
.dropdownBox{display:inline-block;}
.dropdownBox * {vertical-align:middle; padding:0px; margin:0px; font-size:9pt;}
.dropdownBox dt{cursor:pointer;}
.dropdownBox dt{width:120px;color: #333; display:inline-block; vertical-align:middle; line-height:20px; padding:0em 0.5em; border:1px solid #ccc; background-color:#fff;}
.dropdownBox dt>span{display:inline-block; vertical-align:middle;}
.dropdownBox dt>span.multiCheckValues{width:90px;}
.dropdownBox dt>span.dropBtn{width:10px;}
.dropdownBox dd{
    min-width:120px;display:none; position:absolute; overflow-x:hidden; overflow-y:auto; word-break:break-all; z-index:100;
    color: #333; border:1px solid #aaa; background-color:#ffffff; max-height:200px; padding:0.3em 0.5em;
}
.dropdownBox ul, .dropdownBox li {list-style:none;}
.dropdownBox dd>ul li {line-height:20px}
.dropdownBox dd>ul li input[type="checkbox"] {display:inline-block; position:relative; align:absmiddle; }


#popArea {
    background-color: white;
    padding: 0px 5px;
}


.ui-jqgrid input[type="checkbox"] { border-color:#eee; position: relative; display:block; margin:2px 6px 0px 8px; }

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 400px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(192,208,244); /* Fallback color */
    background-color: rgba(192,208,244,0.3); /* Black w/ opacity */
}

.required:before {
    content: "*";
    display: inline-block;
    margin-right: 5px;
    color: red;
}

input[readonly="readonly"], textarea[readonly="readonly"], select[readonly="readonly"] {
    color: #777777;
    background: #f0f0f0;
}

.gridMergeCheckBox {
    vertical-align: top !important;
    padding-top: 5px !important;
}



html, body{background-color:#ffffff}