﻿
/* GridView Pager */
.pager span
{
	font-family: 돋움;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.pager a:link, .pager a:visited, .pager a:active, .pager a:hover
{
	font-family: 돋움;
	color: #ff9900;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

/* 그리드뷰 관련 */
.egvHeader th {
    background-color: #f5f5f5;
    border-top: 2px solid #666666;
    border-left-style: none;
    border-bottom: 1px solid #666666;
    border-right-style: none;
}

.egvHeader A:link, .egvHeader A:visited, .egvHeader A:active, .egvHeader A:hover
{
	color: #666666;
	text-decoration: none;
}

.egvItem tr, .egvItem td
{
	height:25px;
	border-top-style:none;
	border-left-style:none;
	border-bottom-style:solid;
	border-bottom-color:#D5CFB9;
	border-bottom-width:1px;
	border-right-style:none;
    line-height:18px;
}

.egvItem A:link, .egvItem A:visited, .egvItem A:active, .egvItem A:hover
{
	color:#118ED9;
	text-decoration:underline;
}

.egvItemExt tr, .egvItemExt td
{
	height:25px;
	border-top-style:none;
	border-bottom-style:solid;
	border-bottom-color:#D5CFB9;
	border-bottom-width:1px;
	border-left-style:solid;
	border-left-color:#D5CFB9;
	border-left-width:1px;
	border-right-style:solid;
	border-right-color:#D5CFB9;
	border-right-width:1px;
}

.egvItemExt A:link, .egvItemExt A:visited, .egvItemExt A:active, .egvItemExt A:hover
{
	color:#118ED9;
	text-decoration:underline;
}


/* 캘린더 관련 */
.calendar {BEHAVIOR: url(/SKIOMS/Resources/htc/calendar.htc) }


/* Table Tag 관련 */
.tbDummy{border-width:0px ; BORDER-COLLAPSE: collapse;} /* 틀만있는 안보이는 테이블 */

.tbButton
{
	border-width:0px;
	border-collapse:collapse;
	text-align:right;
}

/* 상세보기 항목 제목 */
.conHeader	
{
	width:130px;
	height:25px;
	padding-left:5px;
	text-align:left;
	background-color:#EEE8C4;
	border-left-style:solid;
	border-left-color:#E7D29D;
	border-left-width:3px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-bottom-width:3px;
}

/* 상세보기 항목 */
.conItem	
{
	padding-left:2px;
	text-align:left;
	background-color:#F5F3E7;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-bottom-width:3px;
}

/*
	디자이너 추가 스타일
*/
body
{
	scrollbar-face-color: #f3f3f3;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #f3f3f3;
	scrollbar-shadow-color: #606060;
	scrollbar-darkshadow-color: #f3f3f3;
	scrollbar-track-color: #e0dfdf;
	scrollbar-arrow-color: #1e1d1d;
	
	font-family: 돋움, 굴림, arial, verdana; 
	font-size:12px; 
	color:#444444;
	margin : 0 0 0 0;
}

html
{
	scrollbar-face-color: #f3f3f3;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #f3f3f3;
	scrollbar-shadow-color: #606060;
	scrollbar-darkshadow-color: #f3f3f3;
	scrollbar-track-color: #e0dfdf;
	scrollbar-arrow-color: #1e1d1d;
	
	overflow-y:auto;
	overflow-x:hidden;
	border:0px;
}

td 
{
	font-family:돋움,굴림,arial,verdana; 
    font-size:12px; 
	color:#444444;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}
a:hover {color: #fb6205; text-decoration: none;}

.topArea
{
	/* height:20px; */
	background-image:url(/SKIOMS/Resources/Images/Top/bg.gif);
	background-repeat:no-repeat;
}
 
img{border:0px;}

input
{
	margin-top:expression( (this.type=='checkbox'|| this.type=='radio'|| this.type=='image') ? '':'2px' );
	border: expression( (this.type=='checkbox'|| this.type=='radio'|| this.type=='image')?'0px solid':'1px solid #CCCCCC' );
	background-color:#f8f8f8; 
	height:expression( (this.type=='checkbox'|| this.type=='radio'|| this.type=='image' || this.type=='file') ? '':'12px' );
	color:#333333;
	font-family: 돋움, 굴림, arial, verdana;
	font-size:12px;
	padding-top:expression( (this.type=='checkbox'|| this.type=='radio'|| this.type=='image') ? '':'3px' );
}

textarea
{
	border:1px solid #CCCCCC;
	background-color:#f8f8f8;
	color:#333333;
	
	font-size:12px;
}

textarea:read-only{border:0px}
	  
.noborder{border:0px;}
.m_left {padding-left:10px; border-bottom:1px solid #dddddd;}
.m_num{color:#9b7758;}

.title_list {
    height: 25px;
    border-top: 2px solid #edd18d;
    border-bottom: 1px solid #666666;
    background-color: #f5f5f5;
    font-weight: bold;
    text-align: center;
    color: #787677;
}

.list_con01
{
	height:25px;
	border-bottom:1px solid #d0cfc9;
	text-align:center;
	color:#555555;
}
.list_con02
{
	height:25px;
	border-bottom:1px solid #d0cfc9;
	background-color:#f5f5f5;
	text-align:center;
	color:#555555;
}

.title_con01 {
    background-color: #f5f5f5;
    border-bottom: 1px solid #dddddd;
    padding-left: 15px;
    text-align: center;
}
    .title_con01.top {
        
        border-top: 2px solid #666666 ;
    }

.title_con02 {
    background-color: #f5f5f5;
    height: 24px;
    border-bottom: 1px solid #dddddd;
    text-align: center;
    border-left: 1px solid #dddddd;
}

.title_con03 {
    background-color: #f5f5f5;
    height: 24px;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}

.title_con01_toggle {
    background-color: #f5f5f5;
    height: 24px;
    padding-left: 15px;
    text-align: left;
}

.con01_toggle
{
	padding-left:5px;
	height:24px;
	text-align:left;
}

.con01 {
    border-bottom: 1px solid #dddddd;
    padding-left: 5px;
    height: 24px;
    text-align: left;
}
.con01_right {
    border-bottom: 1px solid #dddddd;
    padding-left: 5px;
    height: 24px;
    text-align: right;
}
.con02 {
    border-bottom: 1px solid #dddddd;
    padding-left: 5px;
    height: 24px;
    background-color: #f5f5f5;
}

.con03 {
    border-bottom: 1px solid #dddddd;
    text-align: center;
    height: 24px;
    border-left: 1px solid #dddddd;
}
.con04 {
    border-bottom: 1px solid #dddddd;
    text-align: center;
    height: 24px;
}

.print_con
{
	border-bottom:1px solid #d3ceb8;
	border-left:1px solid #d3ceb8;
	padding-left:3px;
	height:40px;
	font-size:14px;
}

.print_conLU
{
	border-bottom:1px solid #d3ceb8;
	border-left:1px solid #d3ceb8;
	padding-left:3px;
	height:60px;
	font-size:16px;
}

.print_conSC
{
	border-bottom:1px solid #d3ceb8;
	border-left:1px solid #d3ceb8;
	padding-left:5px;
	height:60px;
	font-size:24px;
	font-weight:bold;
	font-family:굴림;
}

.print_cafe
{
    text-align:center;
    line-height:1.5em;
}

.title_line01 {
    height: 2px;
    background-color: #666666;
}

.title_line_black
{
	height:1px;
	background-color:#000000;
}
.title_t01
{
	BACKGROUND-IMAGE: url(/SKIOMS/Resources/Images/Content/title_bg.gif);	
	height:26px;
}

.title_t01_add
{   	
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	color:#606060;
}
.title_t01_add img
{
    vertical-align:middle;
    padding:0px 5px 0px 10px;
}

.title_t02
{
	background-image:url(/SKIOMS/Resources/Images/Content/title_bg.gif);
	height:36px;
	text-align:right;
	font-size:11px;
	color:#777777;
	padding-right:10px;
}

.outline01
{
	
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding-left:3px;
	padding-top:3px;
	
}

.outline02
{
	
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding-left:10px;
	
}

.con_table
{
	width:760px;
	text-align:center;
}

.pad_con{padding-left:13px;}
.pad_left10{padding-left:10px;}
.pad_left5{padding-left:5px;}
.pad_top5{padding-top:5px;}
.pad_left20{padding-left:20px;}

.left_m01
{
	background-image:url(/SKIOMS/Resources/Images/Left/left_bg.gif);
	padding-left:13px;
}

.left_m02
{
	height:25px;
	border-bottom:1px solid #d0cfc9;
	padding-left:5px;	
}

.left_m03
{
	height:23px;
	border-bottom:1px dotted #d0cfc9;
	padding-left:15px;	
}


.left_m02 a:link {color: #666; text-decoration: none;}
.left_m02 a:visited {color: #666; text-decoration: none}
.left_m02 a:active {color: #666; text-decoration: none}
.left_m02 a:hover {color: #fb6205; text-decoration: none;}


.left_m03 a:link {color: #666; text-decoration: none; font-size:11px;}
.left_m03 a:visited {color: #666; text-decoration: none;font-size:11px;}
.left_m03 a:active {color: #666; text-decoration: none;font-size:11px;}
.left_m03 a:hover {color: #fb6205; text-decoration: none;font-size:11px;}


.app_border { background-color:#b1bcce;}
.app_title { background-color:#DEE6F3; font-weight:bold; text-align:center; height:23px;}
.app_con { background-color:#ffffff;text-align:center; height:23px;}

.t_right {text-align:right;}

.tab { background-image:url(/SKIOMS/Resources/Images/Content/tab_bg.gif); font-weight:bold; color:#656565; padding-left:18px; padding-top:6px;}

.photo { text-align:center; background-color:#f5f5f5;border-bottom:1px solid #d3ceb8; }

.info{color:#555555;line-height:19px; background-color:#f6f6f6;padding:10px 0px 10px 15px; border:1px solid #e5e5e5;}
.info1 { height:25px; color:#fb6205;}
.info2 { height:25px; color:#FF3300;}

.hide{ visibility:hidden }
.display_none{ display:none }

/* 그리드뷰 헤더 고정 */
.headFixed th
{
   position:relative;
   top: expression(this.parentNode.parentNode.parentNode.parentNode.parentNode.scrollTop-1);
}

/* 팝업창 관련 */
.pop_bg { background-color:#FF3300;}
.pop_con{background-color:#FFffff;}
.pop_top{background-image:url(/SKIOMS/Resources/Images/Popup/pop_topbg.gif); font-size:14px; font-weight:bold; color:#ffffff; height:37px; padding-left:30px;}
.pop_line{height:1px; background-color:#CCCCCC;}



.m_left {padding-left:10px; border-bottom:1px solid #dddddd;}

/* 결재 상태 컨트롤 */
.tdAppInfo
{
	border-bottom:1px solid #d3ceb8;
	text-align:center;
	width:100px;
	height:20px;
	padding:0 0 0 0;
}

.tdAppInfoNoborder
{
	border-style:none;
	text-align:left;
	height:24px;
	padding:0 5 0 5;
}

.tdAppHeader{
    background-color:#f8f4e3;
    height:20px;
    text-align:center;
}

.tdAppLineLeft {border-left:1px solid #d3ceb8;}
.tdAppLineTop {border-top:1px solid #d3ceb8;}
.tdAppLineRight {border-right:1px solid #d3ceb8;}
.tdAppLineBottom {border-bottom:1px solid #d3ceb8;}

/* 자동완성(코드/명) 레이어 */
.CodeName
{
	z-index:10000;
}








.goodsTbl
{
    width:100%;
    border:0px;
}

.goodsTbl th {
    display:inline-block;
}

.goodsTbl td {
    border: 1px solid #ddd;
    padding:0;
    margin:0;
}

.goodsTbl span {
    display:inline;
}
.goodsTbl .btns {
    float:right;
}

.goodsTbl button {    
    min-width:20px;
    background-color:#ddd;
    padding:0 2px;
    margin:0 1px;
    border:1px solid #ccc;
}

.btn_blue       { color:#fff; font-weight:bold; font-size:13px; background-color:#347dbf;  border:solid 1px #347dbf; display:inline-block; padding:8px 18px 0 18px; height:24px; overflow:hidden; text-decoration:none; cursor:pointer; }
.btn_blue span  { color:#fff; font-weight:bold; font-size:13px; padding:0 3px 0 3px; }
.btn_blue input { color:#fff; font-weight:bold; font-size:13px; background:#1aae88; border:none; }

.btn_gray       { color:#fff; font-weight:bold; font-size:13px; background-color:#949494;  border:solid 1px #949494; display:inline-block; padding:8px 18px 0 18px; height:24px; overflow:hidden; text-decoration:none; cursor:pointer; }
.btn_gray span  { color:#fff; font-weight:bold; font-size:13px; padding:0 3px 0 3px; }
.btn_gray input { color:#fff; font-weight:bold; font-size:13px; background:#9e9e9e; border:none; }

.btn_red       { color:#fff; font-weight:bold; font-size:13px; background-color:#d41818;  border:solid 1px #d41818; display:inline-block; padding:8px 18px 0 18px; height:24px; overflow:hidden; text-decoration:none; cursor:pointer; }
.btn_red span  { color:#fff; font-weight:bold; font-size:13px; padding:0 3px 0 3px; }
.btn_red input { color:#fff; font-weight:bold; font-size:13px; background:#c71818; border:none; }



.btn_s_blue       { color:#fff; font-weight:bold; font-size:12px; background-color:#347dbf;  border:solid 1px #347dbf; display:inline-block; padding:2px 9px 0 9px; height:18px; overflow:hidden; text-decoration:none; cursor:pointer; }
.btn_s_blue span  { color:#fff; font-weight:bold; font-size:12px; padding:0 2px; }
.btn_s_blue input { color:#fff; font-weight:bold; font-size:12px; background:#1aae88; border:none; }

.btn_s_gray       { color:#fff; font-weight:bold; font-size:12px; background-color:#949494;  border:solid 1px #949494; display:inline-block; padding:2px 9px 0 9px; height:18px; overflow:hidden; text-decoration:none; cursor:pointer; }
.btn_s_gray span  { color:#fff; font-weight:bold; font-size:12px; padding:0 2px; }
.btn_s_gray input { color:#fff; font-weight:bold; font-size:12px; background:#9e9e9e; border:none; }

.btn_s_red       { color:#fff; font-weight:bold; font-size:12px; background-color:#d41818;  border:solid 1px #d41818; display:inline-block; padding:2px 9px 0 9px; height:18px; overflow:hidden; text-decoration:none; cursor:pointer; }
.btn_s_red span  { color:#fff; font-weight:bold; font-size:12px; padding:0 2px; }
.btn_s_red input { color:#fff; font-weight:bold; font-size:12px; background:#c71818; border:none; }



.replyItem { background-color:#eaeaea; min-height:50px; padding:5px; display:inline-block;}
.replyItem .replyWriter span { font-weight:bold;}
.replyBtns { float:right; }
.replyBtns a { margin:0 2px; }