﻿/***************/
body, input, textarea, a
    { font-size:9pt; font-family:돋움; /*font-family:Arial;*/ color:#606060; }
select
    { font-size:9pt; font-family:돋움; /*font-family:Arial;*/ color:#606060; }

input[type=text], input[type=password], textarea
{
	border: solid 1px #c0c0c0;
}

input[type=text], input[type=password]
{
	height: 15px;
	line-height : 18px;
	text-decoration: none;
}

.popup_button
{
	margin-top: 15px;
	text-align: center;
}

/********
* frame *
*********/
/* top frame */
.main_frame .top1		{ height: 25px; background: url(../img/tbg01.jpg); }
.main_frame .top1 div	{ height: 25px; background: url(../img/timg01.jpg) no-repeat; }

.main_frame .top2		{ height: 38px; background: url(../img/tbg02.jpg); }
.main_frame .top2 div	{ height: 38px; width: 1250px; background: url(../img/timg03.jpg) no-repeat; }
.main_frame .top2 ul	{ height: 38px; margin-left: 250px; }
.main_frame .top2 li	{ height: 38px; float: left; }

.main_frame .top3		{ height: 27px; background: url(../img/tbg03.jpg); }
.main_frame .top3 div	{ height: 27px; width: 1240px; background: url(../img/timg04.jpg) no-repeat; }

.main_frame .top3 ul	{ height: 25px; }
.main_frame .top3 li	{ height: 25px; float: right; padding-left: 10px; }
.main_frame .top3 span	{ position: relative; top: 7px; }
.main_frame .top3 img	{ position: relative; top: 3px; }

/* middle frame 25 185 30 1000 */
.main_frame .middle		{ margin-top: 10px; table-layout: fixed; /*border: solid 1px green;*/ }
.main_frame .submenu	{ width: 235px; vertical-align: top; text-align: center; /*border: solid 1px red;*/ }
.main_frame .contents	{ width: 1000px; vertical-align: top; padding-left: 5px; /*border: solid 1px blue;*/ }

.main_frame .submenu ul		{ width: 165px; margin: 0 auto; }
.main_frame .submenu li		{ text-align: left; padding-left: 5px; border-bottom: solid 1px #cccccc; } /* 26 26 */
.main_frame .submenu img	{ width: 185px; }

.main_frame .submenu_img1	{ height: 40px; }
.main_frame .submenu_img2	{ height: 6px; }

.main_frame .submenu .line1	{ height: 26px; line-height: 26px; }
.main_frame .submenu .line2	{ height: 30px; line-height: 14px; }

.main_frame .submenu .item1		{ padding-top: 7px; font-weight: bold; color: #4a50a5; cursor:pointer; }
.main_frame .submenu .item2		{ padding-left:12px; background-color:#ebebeb; display:none; }
.main_frame .submenu .item3		{ padding-left:12px; background-color:#5e62a3; }
.main_frame .submenu .item3 a	{ color: white; font-weight: bold; }

.main_frame .contents_title		{ height: 40px; margin-bottom: 2px; margin-bottom: 15px; border-bottom: solid 1px #b2b2b2; }
.main_frame .contents_title img { height: 40px; }

/* footer */
.main_frame .footer { height: 60px; /*background: url(../img/main_bottom_bg.jpg);*/ margin-top: 30px; text-align: center; border-top: solid 1px #cccccc; }

/* xTimepicker */
.ui-timepicker-div { font-family:돋움; /*border:solid 1px red;*/ }
.ui-timepicker-div .ui-widget-header { margin-bottom:8px; }
.ui-timepicker-div dl { text-align:left; /*border:solid 1px red;*/ }
.ui-timepicker-div dl dt { height:25px; margin-bottom:-25px; /*border:solid 1px blue;*/ }
.ui-timepicker-div dl dd { margin:0 10px 10px 65px; }
.ui-tpicker-grid-label { background:none; border:none; margin:0; padding:0; }
/***********
* FILE UPLOAD *
*************/
.file_button
{
	margin: 5px 0px;
	height: 20px;
	width: 40px;
	background-image: url(../img/bt_search.gif);
	overflow: hidden;
}

.file_button input
{
	width: 0px;
	filter: alpha(opacity=0);
	cursor: hand;
}


/* Common : Topline */
table.cond,
.ExRtlHeader th { border-top: solid 2px #003176; }

/* Common : Table Header */
table.cond > tbody > tr > th,
.ExGridViewHeader th,		/* ExGridView */
.ExRgHeaderCell,			/* ExRadGrid */
.ExRgLightObj .rgHeader,	/* ExRadGridLight */
.ExRtlHeader th,
.ExRtlHeader th a { color: #667c9d; background-color: #ebebeb; }

/* Common : Underline */
table.cond > tbody > tr > th,
table.cond > tbody > tr > td,
.ExRgBody td,					/* ExRadGrid */
.ExRgLightObj .rgRow > td,		/* ExRadGridLight */
.ExRgLightObj .rgAltRow > td,	/* ExRadGridLight */
.ExGridViewBody > table > tbody > tr > td,
.ExRtlHeader th,
.ExRtlR td,
.ExRtlA td { border-bottom: solid 1px #dfdfdf; }

/* Common : Image Button */
.ExRgCollapse,
.ExRgExpand,
.ExRgPageFirst,
.ExRgPageLast,
.ExRgPagePrev,
.ExRgPageNext,
.ExRtlExpand,
.ExRtlCollapse { border: 0; margin: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; vertical-align: middle; font-size: 1px; cursor: pointer; }

/* Table : Title */
table.title { width: 100%; }
table.title > tbody > tr > th { width: 50%; height: 25px; line-height: 25px; color: #3764a0; text-align: left; padding-left: 20px; background: url(../img/icon_arrow.jpg) no-repeat left center; }
table.title > tbody > tr > td { text-align: right; }
table.cond_line { border-bottom: solid 2px #003176; margin-bottom: 9px; }

/* Table : Condition */
table.cond > tbody > tr > th			{ height: 30px; line-height: 30px; }
table.cond > tbody > tr > td			{ height: 30px; line-height: 30px; padding-left: 10px; }
table.cond > tbody > tr > td > ul		{ height: 22px; }
table.cond > tbody > tr > td > ul > li	{ height: 22px; float: left; padding-right: 8px; /*border: solid 1px blue;*/ }





/* Table : Tab */
table.tab > tbody > tr > th,
table.tab > tbody > tr > td { height: 26px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; }
table.tab > tbody > tr > th { font-weight: normal; text-align: left; padding-left: 30px; background-color: #f7f7f7; }
table.tab > tbody > tr > td { padding-left: 10px; }

/*************
* 로딩페이지 *
*************/
.Loading
{
	background-color: #fffff0; background-image: url(../img/viewLoading.gif); background-repeat: no-repeat; background-position: center center;
	position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
	opacity: 0.5;
	/* IE를 제외한 나머지 브라우저 투명도 설정 */
	-ms-filter"progidDXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	z-index: 1000;
}

/*************
* ExGridView *
*************/
.ExGridViewObj		{ background: url(../img/radgrid_header_bg.jpg); background-repeat: repeat-x; }
.ExGridViewHeader	{ height: 33px;  line-height: 18px;}
.ExGridViewHeader table { table-layout:fixed; }
.ExGridViewHeader th	{ height: 33px; padding: 0 5px; background-color: transparent; /*border-left: solid 1px red; border-right: solid 1px red;*/ }
.ExGridViewBody table { table-layout:fixed; }
.ExGridViewBody > table > tbody > tr:hover	{ cursor: default; }
.ExGridViewBody > table > tbody > tr > td	{ height: 30px; padding: 0 5px; line-height: 18px; /*border-left: solid 1px red; border-right: solid 1px red;*/ }
.ExGridViewNoRecords	{ padding-top: 10px; padding-left: 20px; }
.ExGridViewSelectedRow	{ background: #d5e1f3 none; }
.ExGridViewPager { text-align: center; background-color: #eeeeee; }
.ExGridViewPager > table { margin: 0 auto; }
.ExGridViewPager td { height: 35px; padding: 0 5px;	/*border: solid 1px blue;*/ }
.ExGridViewPager span { font-weight: bold; }

/**************
* ExJCalendar *
**************/
.ExJCalendar { background: #ffffff url(../img/star.jpg); background-repeat: no-repeat; background-position: right top; cursor: pointer;  }

/***********
* ExJPopup *
************/
.ExJPopup { display: none; }

/**************
* Rad Control *
**************/
/* RadGrid */
.ExRgObj { background: url(../img/radgrid_header_bg.jpg); background-repeat: repeat-x; }
.ExRgHeader		{ height: 33px; }
.ExRgHeaderCell	{ height: 33px; padding: 0 5px; background-color: transparent; /*border: solid 1px red;*/ }

/*.ExRgBody td { border: solid 1px blue; }*/
.ExRgBodyRow:hover	{ cursor: default; }
.ExRgBodyCell		{ height: 30px; padding: 0 5px; }
.ExRgNoRecords td	{ padding-top: 10px; padding-left: 20px; }
.ExRgSelected > td,
.rgSelectedRow > td	{ background: #d5e1f3 none; }

.ExRgGroupHeader td { font-weight: bold; height: 30px; padding: 0 5px; background: none; }
.ExRgGroupHeader div { line-height: 30px; }
.ExRgGroupCol { text-align: center; }
.ExRgCollapse,
.ExRgExpand { width: 20px; height: 20px; }
.ExRgCollapse { background-image: url(../img/SingleMinus.gif); }
.ExRgExpand { background-image: url(../img/SinglePlus.gif); }

.ExRgFooter { height: 33px; background: #d5e1f3 none; /*border: solid 1px red;*/ }
.ExRgFooter td { height: 33px; padding: 0 5px; font-weight: bold; }

.ExRgPager { text-align: left; background-color: #eeeeee; }
.ExRgPager table td { height: 35px; padding: 0 5px;	/*border: solid 1px blue;*/ }
.ExRgPager span { padding: 0 3px; }
.ExRgCurrentPage { font-weight: bold; }

.ExRgPageFirst,	.ExRgPagePrev,
.ExRgPageNext,	.ExRgPageLast { width: 22px; height: 22px; }
.ExRgPageFirst { background-image: url(../img/PagingFirst.gif); }
.ExRgPagePrev { background-image: url(../img/PagingPrev.gif); }
.ExRgPageNext { background-image: url(../img/PagingNext.gif); }
.ExRgPageLast { background-image: url(../img/PagingLast.gif); }

/* RadGridLight */
.ExRgLightObj	{ background: url(../img/radgrid_header_bg.jpg); background-repeat: repeat-x; }
.ExRgLightObj .rgHeaderDiv	{ height: 33px; }
.ExRgLightObj .rgHeader		{ height: 33px; padding: 0 5px; background-color: transparent; /*border: solid 1px red;*/ }
.ExRgLightObj .rgRow:hover,
.ExRgLightObj .rgAltRow:hover	{ cursor: default; }
.ExRgLightObj .rgRow > td,
.ExRgLightObj .rgAltRow > td	{ height: 30px; padding: 0 5px; }
.ExRgLightObj .rgNoRecords > td	{ padding-top: 10px; padding-left: 20px; }



/* RadTabStrip */
.ExRtsObj					{ height: 31px; background: url(../img/tab01_bg.gif); margin-bottom: 12px; /*border: solid 1px red;*/ }
.ExRtsObj li				{ height: 31px; width: 130px; line-height: 31px; float: left; text-align: center; background: url(../img/tab01.gif); }
.ExRtsObj .rtsSelected div	{ height: 31px; background: url(../img/tab02.gif); }

/* RadTreeList */
.ExRtlObj table { width: 100%; }
.ExRtlHeader th { height: 33px; padding: 0 5px; }

.ExRtlR td { height: 30px; padding: 0 5px; }
.ExRtlA td { height: 30px; padding: 0 5px; background-color:#f2f2f2; }

.ExRtlExpand,
.ExRtlCollapse { width: 11px; height: 11px; }

.ExRtlExpand { background-image: url('../img/rtl_plus.gif'); }
.ExRtlCollapse { background-image: url('../img/rtl_minus.gif'); }

.ExRtlL2,
.ExRtlL3 { background-repeat: no-repeat; }
.ExRtlL { border: none !important; background-color: #ffffff !important; /*border: solid 1px red;*/ }
.ExRtlL0 { background-image: url(../img/rtlSingle.gif); }
.ExRtlL1 { background-image: url(../img/rtlTop.gif); }
.ExRtlL2 { background-image: url(../img/rtlMiddle.gif); }
.ExRtlL3 { background-image: url(../img/rtlBottom.gif); }

/* RadComboBox */
.ExRcbObj td { height: 22px !important; padding: 0 !important; }




/* Essential Item */
.essential input[type=text],
.essential select,
input[type=text].essential,
textarea.essential		
	{ background-color: #fff2f2; }


.essential .rcbInput { margin-left: 1px; background-color: #fff2f2 !important; }



/* Modal Popup */
.modalPopup { font-size: 9pt;
	font-family: 돋움;
	color: #606060; }







input.currency { text-align: right; padding-right: 5px; }





.ellipsis
{
	white-space:nowrap; 
	text-overflow:ellipsis;     /* IE, Safari */ 
	-o-text-overflow:ellipsis;  /* Opera under 10.7 */ 
	overflow:hidden;            /* "overflow" value must be different from "visible" */ 
	-moz-binding: url('ellipsis.xml#ellipsis');
	padding-top: 2px;
	/*border: solid 1px blue;*/
}






.sel_ment { color:#aca899; }


.border_none { border: none !important; }
.border_all td { border:solid 1px black; }


.color_r { color: red; }
.color_bl { color: blue; }
.color_bk { color: black; }

.font_b { font-weight: bold; }


.border_1_black { border: solid 1px black; }
.border_1_red { border: solid 1px red; }
.border_1_blue { border: solid 1px blue; }

.align_l { text-align: left; }
.align_c { text-align: center; }
.align_r { text-align: right; }
.align_t { vertical-align: top; }
.align_m { vertical-align: middle; }
.align_b { vertical-align: bottom; }


.cursor_hand { cursor: pointer; }

.hangul { ime-mode: active; }		/* 기본한글, 영문전환가능 */
.english { ime-mode: inactive; }	/* 기본영문, 한글전환가능 */
.english_o { ime-mode: disabled; }	/* 오로지 영문만 */

.fixed { table-layout: fixed; }
/*.fixed2 td { table-layout: fixed; overflow: hidden; text-overflow: ellipsis; word-wrap: nowrap; }*/
/*.fixed td { white-space: nowrap; border: solid 1px red; text-overflow:ellipsis; overflow: hidden; }*/

.display_none { display:none; }



#group_split td { border-top:solid 2px black; }
#wrong_data { font-weight:bold; color:Red; }
#right_data { font-weight:bold; color:Blue; }




.total_row { font-weight:bold; height:33px; line-height:33px; text-align:center; background-color:#d8ffde; }
.total_row input { font-weight:bold; width:80px; background-color:#d8ffde; border:solid 1px #d8ffde; }
.total_row span { width:60px; display:inline-block; }