A:link
{
    COLOR: #3D3D3D;
    FONT: 9pt Gulim,±¼¸²;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #E40202;
    FONT: 9pt Gulim,±¼¸²;
    TEXT-DECORATION: none

}
A:visited
{
    COLOR: #B70000;
    FONT: 9pt Gulim,±¼¸²;
    TEXT-DECORATION: none

}
A:hover
{
    COLOR: #C30000;
    TEXT-DECORATION: underline

}
.he 
{
	line-height:15pt;
	color: #494949;

}	
img
{
	border: 0px;
}
BODY
	{	font-family:verdana, ±¼¸², Seoul, Gulim;
		font-size: 9pt;
		line-height:0.6cm
		color:#494949;
		scrollbar-3dlight-color:616161;
        scrollbar-arrow-color:ffffff;
        scrollbar-base-color:CFCFCF;
        scrollbar-face-color:CFCFCF;
        scrollbar-highlight-color:FFFFF;
        scrollbar-shadow-color:595959;
        scrollbar-darkshadow-color:FFFFFF;		
		 }
}
CAPTION
{
    BACKGROUND-COLOR: #77aff6;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 9pt]
	line-height:0.6cm
}
TABLE.table1
{
}
TABLE.table2
{
	border-color:red;
}
TABLE.table3
{
	 border: 1px  ;
	  float: left;
	  width: 100%;
}
TABLE.table4
{
	 border: 1px  ;
	  float: right;
	  width: 37%;
}
.cursor_hand
{
    BACKGROUND-COLOR: #badfff;
    BORDER-BOTTOM: #101010;
    BORDER-LEFT: #ffffff;
    BORDER-RIGHT: #101010;
    BORDER-TOP: #ffffff;
    CURSOR: hand
}
TD
{
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 9pt;
    COLOR:#494949;
	line-height:0.6cm
}
TD.inspection
{
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 9pt;
    COLOR:#e37876;
	line-height:0.6cm
}
TD.process
{
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 9pt;
    COLOR:#5352f3;
	line-height:0.6cm
}
TD.sangen
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 10pt;
    height:10px;
}
TD.countDate
{
    BACKGROUND-COLOR: #E7E7E7;
    COLOR: white;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 10pt
}
TD.essential
{
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 9pt;
    COLOR:#bd1109;
	  line-height:0.6cm
	  font-weight : bolder;
}
 
 
SELECT
{
    BORDER-BOTTOM: #B7B8B8 1px solid;
    BORDER-LEFT: #B7B8B8 1px solid;
    BORDER-RIGHT: #B7B8B8 1px solid;
    BORDER-TOP: #B7B8B8 1px solid;
	  color:#494949;
    FONT-FAMILY:µ¸¿ò;
    FONT-SIZE: 9pt
	  /*line-height:0.6cm*/
}
INPUT
{
    BORDER-BOTTOM: #B7B8B8 1px solid;
    BORDER-LEFT: #B7B8B8 1px solid;
    BORDER-RIGHT: #B7B8B8 1px solid;
    BORDER-TOP: #B7B8B8 1px solid;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 9pt;
}
INPUT.w98 { width:98%; }

.input2
{
    BORDER-BOTTOM: gray 0px solid;
    BORDER-LEFT: gray 0px solid;
    BORDER-RIGHT: gray 0px solid;
    BORDER-TOP: gray 0px solid;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 9pt;
    height : 24px;
}


.image
{
    BACKGROUND-COLOR: lightgrey;
    BORDER-BOTTOM: black;
    BORDER-LEFT: black;
    BORDER-RIGHT: white;
    BORDER-TOP: white;
    FONT-FAMILY: ±¼¸²
	FONT-SIZE: 9pt
}


.button1
{
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: black;
    BORDER-LEFT: black;
    BORDER-RIGHT: white;
    BORDER-TOP: white;
    FONT-FAMILY: ±¼¸²
	FONT-SIZE: 9pt
}

input.saveBtn1
{
	transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  &:hover {
    box-shadow: 0 0 40px 40px $red inset;
  }
}

TH
{
    BACKGROUND-COLOR: #0f4c99;
    COLOR: white;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 10pt
}
TH.sangen
{
    BACKGROUND-COLOR: #949494;
    COLOR: white;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 9pt
}
TH.carWeekList
{
    BACKGROUND-COLOR: #949494;
    COLOR: white;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 10pt
}
TH.nextWeekListTitle
{
    BACKGROUND-COLOR: #ADADAD;
    COLOR: white;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 10pt
}
TT
{
    BACKGROUND-COLOR: #ccfffc;
    COLOR: white;
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 10pt
}
TEXTAREA
{
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 9pt
	line-height:0.6cm
	color:#494949;
		scrollbar-3dlight-color:616161;
        scrollbar-arrow-color:ffffff;
        scrollbar-base-color:CFCFCF;
        scrollbar-face-color:CFCFCF;
        scrollbar-highlight-color:FFFFF;
        scrollbar-shadow-color:595959;
        scrollbar-darkshadow-color:FFFFFF;	

}
TEXTAREA.white1
{
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 9pt
		line-height:0.6cm
		color:#494949;
		background: #ffffff;
		border:0;
		width: 100%;
		resize: vertical;
			scrollbar-3dlight-color:616161;
        scrollbar-arrow-color:ffffff;
        scrollbar-base-color:CFCFCF;
        scrollbar-face-color:CFCFCF;
        scrollbar-highlight-color:FFFFF;
        scrollbar-shadow-color:595959;
        scrollbar-darkshadow-color:FFFFFF;	

}
TEXTAREA.gray1
{
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 9pt
		line-height:0.6cm
		color:#494949;
		background: #E7E7E7;
		border:0;
		width: 100%;
	 	resize: vertical;
		scrollbar-3dlight-color:616161;
        scrollbar-arrow-color:ffffff;
        scrollbar-base-color:CFCFCF;
        scrollbar-face-color:CFCFCF;
        scrollbar-highlight-color:FFFFF;
        scrollbar-shadow-color:595959;
        scrollbar-darkshadow-color:FFFFFF;	

}
TEXTAREA.indexTitle
{
    FONT-FAMILY: ±¼¸²;
    FONT-SIZE: 9pt
		line-height:0.6cm
		color:#494949;
		background: #E7E7E7;
		border: solid 2px #1E90FF; 
		border-radius: 5px;
		width: 550px;
		height:150px; 
		resize: both;
		scrollbar-3dlight-color:616161;
        scrollbar-arrow-color:ffffff;
        scrollbar-base-color:CFCFCF;
        scrollbar-face-color:CFCFCF;
        scrollbar-highlight-color:FFFFF;
        scrollbar-shadow-color:595959;
        scrollbar-darkshadow-color:FFFFFF;	

}

.TD_BAR
{
    COLOR: #50367f;
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 9pt
}
.TD_TXT1
{
    COLOR: #646464;
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 9pt
}
TD.title_list
{
    COLOR: #000000;
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 9pt;
    background-color: #ffffff;
    text-align: center;
    width:3%;
}
TD.title_list1
{
    COLOR: #747474;
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 14pt;
    background-color: #ffffff;
    text-align: center;
    border-color:#ffffff;
    width:20%; 
    font-weight: bold;
  }
.TXT1
{
    COLOR: #006f18;
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 9pt
}
.TXT2
{
    COLOR: #009999;
    FONT-FAMILY: '±¼¸²';
    FONT-SIZE: 9pt
}
.findsearch
{
    COLOR: red
}
TD.day_business
{
    text-align: center;
}

/*2009-06-27Ãß°¡*/
.introCon {background:url(../img/intro/bg_intro01.gif) top right no-repeat;}
.introCon td {color:#7B7B7B;}

.tabArea1 {background:url(../img/pad/bg_tabmenu.gif) bottom 0 repeat-x; margin-bottom:15px;}
.tabArea1 td {padding-right:5px;}

/*°Ô½ÃÆÇ°ü·Ã*/
.board_bg_01 {background:url(../images/board/img_boardbox03.gif); background-repeat:repeat-x;}
.board_input {border:0px solid #E9E9E9; background:#E9E9E9; height:16px;}
.board_textarea {border: 1px solid #E9E9E9; background:#FFFFFF; padding:15px;}

.num_01 a{color:#79746C; text-decoration:none; font-size:11px;}
.num_01 a:link{color:#79746C; text-decoration:none; font-size:11px;}
.num_01 a:visited{color:#79746C; text-decoration:none; font-size:11px;}
.num_01 a:hover{color:#79746C; text-decoration:none; font-size:11px;}
.num_01 a:active{color:#79746C; text-decoration:none; font-size:11px;}

.board_01 a{color:#808080; text-decoration:none; font-size:12px;}
.board_01 a:link{color:#808080; text-decoration:none; font-size:12px;}
.board_01 a:visited{color:#808080; text-decoration:none; font-size:12px;}
.board_01 a:hover{color:#E4640B; text-decoration:none; font-size:12px;}
.board_01 a:active{color:#E4640B; text-decoration:none; font-size:12px;}

.board_ti_01 {color:#25579C; font-size:12px;}

.board_n_01 a{color:#808080; text-decoration:none; font-size:11px;}
.board_n_01 a:link{color:#808080; text-decoration:none; font-size:11px;}
.board_n_01 a:visited{color:#808080; text-decoration:none; font-size:11px;}
.board_n_01 a:hover{color:#E4640B; text-decoration:none; font-size:11px;}
.board_n_01 a:active{color:#E4640B; text-decoration:none; font-size:11px;}

.board_n_02 {color:#A9A9A9; font-size:11px;}

input {border:1px solid #c0c0c0; background:#fffff; height:20px;}
input.height17 {border:1px solid #c0c0c0; background:#fffff; height:17px;}
input.choice, .btn {border:0px; background:#FFF;}
input.btn {height:100%;}
input.searchbtn {height:18px;}
input.indexTitle {border:1px solid #c0c0c0; background:#fffff; height:20px; width:300px;}

input[type="radio"].v_middle {  vertical-align: middle; margin-bottom: 5px;}
input[type="radio"].v_bottom {  vertical-align: bottom;}
input[type="checkbox"].v_bottom {  vertical-align: bottom;}

checkbox {border:1px solid #c0c0c0; background:#E9E9E9;}
textarea {border: 1px solid #c0c0c0; background:#E9E9E9;}
.icoNew {margin-left:5px;}
.onlineInput th {background-color:#fff; padding:0 0 0 20px; margin:0; text-align:left;}
.onlineInput td {color:#A3A3A3;}
.onlineInput2 th {background-color:#fff; padding:0 0 0 20px; margin:0; text-align:left;}
.onlineInput2 td {color:#717171;}
.input3 {border:0; background:none;}
.board_input2 {border:0px solid #E9E9E9; background:none; height:16px;}

.products_tab {padding:0 9px;}
.products_tab a {color:#808080; font-size:12px;}
.products_tab a:link {color:#808080;}
.products_tab a:visited {color:#808080;}
.products_tab a:hover {color:#808080;}
.products_tab a:active {color:#808080;}

.products_tab_first {padding:0 9px 0 14px;}
.products_tab_first a {color:#808080; font-size:12px;}
.products_tab_first a:link {color:#808080;}
.products_tab_first a:visited {color:#808080;}
.products_tab_first a:hover {color:#808080;}
.products_tab_first a:active {color:#808080;}

/*Á¦Ç°¾È³» ¸®½ºÆ®*/
#proList .img img {border:1px solid #C9C9C9;}
#proList .tit {color:#000;}
#proList p {margin:0; padding:0; color:#808080; line-height:14px;}
#proList p.tit {color:#000; margin-bottom:9px;}
#proList .dotLine {background:url(../img/img_dotline1.gif) 0 20px repeat-x;}
.proListBtn {border-top:1px solid #E3E3E3;}

/*online service*/
.onlineTitleTD {padding: 0,0,0,20; text-align:left;}

/*online service*/
.onlineTitleTD2 {padding: 0,0,0,20; text-align:left;font-weight:bold;}

/*online service*/
.amount {padding: 0,5,0,0; text-align:right;font-weight:none;}

/*product*/
.productTitleTD {padding: 0,0,0,20; text-align:left; font-size:15px;}
.productContentTD {padding: 0,0,0,20; text-align:left; font-size:15px;}

/*intranet °ü·Ã~*/

.intTitle {
		font-size:18px;
    font-color:#212121;
    font-family:"Dotum";
    }
.intTitle2 {
	font-size:12px;
	font-family:"Dotum";
	font-weight:bold;
	text-align:center;
    } 
.intTitle3 {
	font-size:12px;
	font-family:"Dotum";
	font-weight:bold;
	text-align:right;
	padding-right:3px;
    }    
 .intTitle4 {
	font-size:18px;
	font-family:"Dotum";
	font-weight:bold;
	text-align:left;
	padding-right:3px;
    }   
 
 .indexTitle4 {
	font-size:18px;
	font-family:"Dotum";
	font-weight:bold;
	text-align:left;
	padding-right:3px;
    }
  .indexTitle5 {
	font-size:18px;
	font-family:"Dotum";
	font-weight:bold;
	text-align:center;
	padding-right:3px;
    }       
  .indexTitle6 {
	font-size:18px;
	font-family:"Dotum";
	font-weight:bold;
	text-align:left;
	padding-right:3px;
	width: 60%;
    }                        
 .intTitle_Tab_on {
		font-size:18px;
    color : #FFFFFF;
    font-weight : bold;
    font-family:"Dotum";
    background-color : #747474;
    text-align:center;
    padding-top : 10px;
    }   
 .intTitle_Tab_off {
		font-size:18px;
    color : #747474;
    font-weight : bold;
    font-family:"Dotum";
    background-color : #FFFFFF;
    text-align:center;
    padding-top : 10px;
    }       
 .intTitle_Tab_left {
		font-size:18px;
		width: 3%;
    color : #747474;
    font-weight : bold;
    font-family:"Dotum";
    background-color : #FFFFFF;
    text-align:left;
    padding-top : 14px;
    }          
.institution {height:28px;background:url(./images/img_boardbox03.gif)}

/*Àå¾Öó¸® »ó¼¼º¸±â*/
td.bg_gray{ text-align:right; width:150px; BACKGROUND-COLOR:#EAEAEA;}
td.bg_gray_center{ text-align:center; width:150px; BACKGROUND-COLOR:#EAEAEA;}
td.bg_white_center{ text-align:center; width:150px;}
td.text_line{text-decoration:line-through;}

/*¿äû±â°ü*/
td.text_white_b2{ text-align:center;font-weight:bold;color:#ffffff;BACKGROUND-COLOR:#bfbebe; }
td.text_white_b{ text-align:center;font-weight:bold;color:#ffffff;BACKGROUND-COLOR:#949494; }
td.padding_3 {padding:3px}
td.padding_5 {padding:5px}


/*daily work operations insertForm*/
td.text_white_b3{ font-size:14px;text-align:center;font-weight:bold;color:#666666;}
td.text_bg_daliy1{ font-size:9px;text-align:center;font-weight:bold;color:#666666;}
td.text_white_b4{ font-size:14px;text-align:center;font-weight:bold;color:#666666;}
td.text_bg_daliy2{ font-size:9px;text-align:center;font-weight:bold;color:#666666;}


.greyTableBorder1 {border-collapse: collapse;}
.greyTableBorder1 tr {border:1px solid rgba(188, 188, 188, 1);}
.greyTableBorder1 td {border:1px solid rgba(188, 188, 188, 1);}
.greyTableBorder1 td.title {
	font-size:12px;
	font-family:"Dotum";
	font-weight:bold;
	text-align:center;
	line-height:30px;
	}
.greyTableBorder1 td.title.yellowTab {
	background-color:rgba(233, 233, 233, 1);
	color:#000;
	}		
.greyTableBorder1 td.input {
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	}	
img.searchIconCenter{	
	padding-left: 2px; vertical-align: bottom;
}

.greySearchBorder1 {border:1px solid rgba(188, 188, 188, 1);}
.greySearchBorder1 td.title {
	font-size:12px;
	font-family:"Dotum";
	font-weight:bold;
	text-align:right;
	line-height:30px;
	}
.listTitle01 {
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}   

input.bgGray { background-color: rgba(214, 214, 214, 1); }
input.bgGray_name { background-color: rgba(214, 214, 214, 1);  width:50px;}
input.bgGray.v_bottom { vertical-align : bottom; }
input.bgGray2 { background-color: rgba(214, 214, 214, 1); vertical-align : bottom; height:18px}



.layer {
    position: fixed;
    width: 60%;
    left: 40%;
    margin-left: -20%; /* half of width */
    height: 400px;
    top: 50%;
    margin-top: -150px; /* half of height */
    overflow: auto;

    /* decoration */
    border: 1px solid #000;
    background-color: #fff;
    padding: 1em;
    box-sizing: border-box;
}
.layer2 {
    position: fixed;
    width: 60%;
    left: 40%;
    margin-left: -20%; /* half of width */
    /*height: 100px;*/
    top: 50%;
    margin-top: -150px; /* half of height */
    overflow: auto;

    /* decoration */
    border: 1px solid #000;
    background-color: #fff;
    padding: 1em;
    box-sizing: border-box;
 }
 .layer3 {
 		position: absolute;

    /* decoration */
    border: 1px solid #000;
    background-color: #fff;
    padding: 1em;
    box-sizing: border-box;
    
}
.layer4 {
    position: fixed;
    width: 600px;
    left: 40%;
    margin-left: -20%; /* half of width */
    height: 550px;
    top: 20%;
    margin-top: -50px; /* half of height */
    overflow: auto;

    /* decoration */
    border: 1px solid #000;
    background-color: #fff;
    padding: 1em;
    box-sizing: border-box;
}

.insert {
    padding: 20px 30px;
    display: block;
    width: 600px;
    margin: 5vh auto;
    height: 90vh;
    border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.layer4 .file-list {
    height: 150px;
    overflow: auto;
    border: 1px solid #989898;
    padding: 10px;
}

.layer4 .file-list .filebox p {
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}
.layer4 .file-list .filebox .delete i{
    color: #ff5353;
    margin-left: 5px;
}
.layer5 {
    position: fixed;
    width: 350px;
    left: 50%;
    margin-left: -20%; /* half of width */
    /*height: 400px;*/
    top: 30%;
    margin-top: -50px; /* half of height */
    overflow: auto;

    /* decoration */
    border: 1px solid #000;
    background-color: #fff;
    padding: 1em;
    box-sizing: border-box;
}
.layer5 .file-list {
    
    overflow: auto;
    border: 1px solid #989898;
    /*padding: 10px;*/
}

.layer5 .file-list .filebox p {
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}
.layer5 .file-list .filebox .delete i{
    color: #ff5353;
    margin-left: 5px;
}
.loding_layer {
    position: absolute;
    left: 45%;
    top: 40%;
}
.layerAbs {
    position: absolute;
    /*width: 60%;
    left: 40%;*/
    margin-left: -20%; /* half of width */
    /*height: 100px;
    top: 50%;*/
    margin-top: -150px; /* half of height */
    overflow: auto;

    /* decoration */
    border: 1px solid #000;
    background-color: #fff;
    padding: 1em;
    box-sizing: border-box;
}
.layerAbs2 {
    position: absolute;
    /*width: 60%;
    left: 40%;*/
    margin-left: -20%; /* half of width */
    /*height: 100px;
    top: 50%;*/
    margin-top: -150px; /* half of height */
    overflow: auto;

    /* decoration */
    /*border: 1px solid #000;*/
    background-color: #fff;
    /*padding: 1em;*/
    box-sizing: border-box;
}


@media (max-width: 600px) {
    .layer {
        width: 80%;
        margin-left: -40%;
    }
}
.hidden {
    display: none;
}

.issueTitleTD {padding-right:5px; text-align:right;}

button.jb-bold {
 float:right;
 font-weight: 600;
 font-size: 1rem;
 border-radius: 100px;
 border-color:#F6F5F4;
 outline: none;
 border:none;
}