/*--------------------------------------------------------------------------

Site : faxwide
Author : jsh
Version : 2013/11/22

-------------------------------------------------------------------------------*/

/*sub_°øÅë*/
/* @font-face {
 font-family: 'Nanum Gothic';
 src: url('/fonts/NanumGothic.eot'); IE9 Compat Modes
 src: url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), IE6-IE8
      url('/fonts/NanumGothic.woff') format('woff'), Modern Browsers
      url('/fonts/NanumGothic.ttf')  format('truetype'), Safari, Android, iOS
      url('/fonts/NanumGothic.svg#svgMothnnaFont') format('svg'); Legacy iOS
} */ /*2013³â 11¿ù25ÀÏ ¼öÁ¤*/

.loading { position: fixed; left: 0px; top: 0px; z-index: 9999; width: 100%; height: 100%; text-align: center; background:#fff; opacity: 0.8; }
.loading span { position:fixed; left:50%; top:50%; width:22px; height:22px; background:url(/images/ico_infiniteLoadingBar_F9F9F9.gif) no-repeat 0 0; text-indent:-9999px; }

/**
 * jquery ³¯Â¥ ¼±Åà ÄÞÆ÷³ÍÆ® °ü·Ã
 */
.ui-datepicker-trigger {
    cursor:pointer;
    vertical-align: -5px;
}

/* Jeong Chan Myeong(dece24@gmail.com) */

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(./button/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(./button/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(./button/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(./button/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(./button/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}


/*****************************************************************/
/* Å×ÀÌºí ±âº» µðÀÚÀÎ */
/*****************************************************************/
table.table_default {
  border-collapse:collapse;
}
table.table_default th {
  font-weight : bold;
  text-align:center;
  border:1px solid #DEE3F7;
  background-color:#F7F7FF;
  padding: 5px;
}
table.table_default td {
  padding:5px;
  border:1px solid #DEE3F7;
}

table.none {
    border-collapse: collapse;
}
table.none th {
    border:none;
    padding: 0px;
}
table.none td {
    border:none;
    padding: 0px;
}

/*****************************************************************/
/* ÀÔ·ÂÈ­¸é */
/*****************************************************************/
.input_table {
    border-collapse:collapse;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #DEDEDE;
    border-bottom-color: #DEDEDE;
    border-left-color: #DEDEDE;
}

.input_table th {
    text-align:center;
    background-color:#F1F1F1;
    font-size: 11px;
    font-weight: bold;
    color: #484848;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #DEDEDE;
    border-bottom-color: #DEDEDE;
}

.input_table td {
    border-collapse:collapse;
    padding-left:20px;
    letter-spacing: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: dashed;
    border-right-color: #DEDEDE;
    border-bottom-color: #DEDEDE;
}

/*****************************************************************/
/* ÀÔ·ÂÈ­¸é ¸®½ºÆ®¿ë */
/*****************************************************************/
.input_list {
    border-collapse:collapse;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #DEDEDE;
    border-bottom-color: #DEDEDE;
    border-left-color: #DEDEDE;
}

.input_list th {
    text-align:center;
    background-color:#F1F1F1;
    font-size: 11px;
    font-weight: bold;
    color: #484848;
    border-right-width: 1px;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #DEDEDE;
    border-bottom-color: #DEDEDE;
}

.input_list td {
    letter-spacing: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: dashed;
    border-right-color: #DEDEDE;
    border-bottom-color: #DEDEDE;
}

/*****************************************************************/
/* ¶ó¿îµå ó¸®µÈ ¸®½ºÆ® */
/*****************************************************************/
.data_table {
    background: url(./ui/images/list_bg01.gif) repeat-x;
}

.data_table th {
    height:31px;
    color: #22559A;
    background: url(./ui/images/line02.gif) no-repeat right;
    padding:0 5px 0 5px;
}


.data_table .first {
    padding:0;
    width:10px;
    background: url(./ui/images/list_bg02.gif) no-repeat left;
}

.data_table .last {
    background: url(./ui/images/list_bg03.gif) no-repeat right;
}

.data_table tbody .point {
    font-size: 11px;
    color: #8C8A8C;
}

.data_table tbody td {
    height:27px;
    padding:0 5px 0 5px;
    border-bottom: 1px solid #EFEBEF;
}

/*****************************************************************/
/* µ¥ÀÌÅÍ ±×¸®µå ½ºÅ¸ÀÏ */
/*****************************************************************/
.dtable_label_frame {
    border:1px solid #999;
    background:url(./ui/images/bg_ga_tab3.gif) repeat-x;
}

.dtable_label_frame .wy_drop {
    margin-right:16px;
}

.dtable_label_frame table {
    width:100%;
    border-collapse:collapse;
}

.dtable_label_frame th {
    padding:0 2px 0 2px;
    height:31px;
    border-left:1px solid #EEE;
}

.dtable_label_frame th span {
    color:#575757;
    font-size:11px;
    display:block;
    letter-spacing:-1px;
    line-height:28px;
}

.dtable_data_frame {
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    overflow-x:hidden;
    overflow-y:scroll;
    position:relative;
}

.dtable_data_frame table {
    width:100%;
    border-collapse:collapse;
}

.dtable_data_frame td {
    padding:0 2px 0 2px;
    height:22px;
    border-left:1px solid #EEE;
    border-bottom:1px solid #EEE;
}

/*
.dtable_data_frame td span {
    color:#000000;
    font-size:11px;
    display:block;
    letter-spacing:-1px;
    line-height:22px;
}
*/

/*****************************************************************/
/* ÀÏ¹Ý ¸®½ºÆ® ½ºÅ¸ÀÏ */
/*****************************************************************/
.dtable {
    border:1px solid #999;
    background:url(./ui/images/bg_ga_tab3.gif) repeat-x;
}

.dtable table {
    width:100%;
    border-collapse:collapse;
}

.dtable th {
    padding:0 2px 0 2px;
    height:31px;
    border-left:1px solid #EEE;
    border-bottom:1px solid #EEE;
}

.dtable th span {
    color:#575757;
    font-size:11px;
    display:block;
    letter-spacing:-1px;
    line-height:28px;
}

.dtable td {
    padding:0 2px 0 2px;
    height:22px;
    border-left:1px solid #EEE;
    border-bottom:1px solid #EEE;
}

/*
.dtable td span {
    color:#000000;
    font-size:11px;
    display:block;
    letter-spacing:-1px;
    line-height:22px;
}
*/

/*****************************************************************/
/* xe¿¡¼­ »ç¿ëµÇ´Â ÀÔ·Â Form */
/*****************************************************************/
/* Ãâó : http://naradesign.net/ouif/uio/form/table/quirks.html */
/* widthµî ¾à°£ÀÇ ¼öÁ¤ */

/* Form Table */
.formTable{ margin:0 0 0 0; padding:10px 0 0 0; font-size:12px; }
.formTable input,
.formTable textarea,
.formTable select,
.formTable table,
.formTable button{ font-size:12px;}
.formTable table{ border:0; border-top:2px solid #999;}
.formTable caption{ padding:8px 0; font-weight:bold; text-align:left;}
.formTable th,
.formTable td{ border:0; padding:8px; vertical-align:top;}
.formTable th{ color:#333;}
.formTable td{ color:#666;}
.formTable thead th{ border-bottom:1px solid #ccc; background:#f8f8f8;}
.formTable tbody th{ border-bottom:1px solid #ddd; background:#fafafa; text-align:center;}
.formTable tfoot th{ border-bottom:1px solid #ddd;}
.formTable tbody td{ border-bottom:1px solid #ddd;}
.formTable tfoot td{ border-bottom:1px solid #ddd; font-weight:bold; color:#333;}
.formTable .item{ position:relative; margin:-4px 0;}
.formTable .item .iHelp{ position:absolute; top:4px; right:0;}
.formTable .item .iLabel{ top:5px; left:6px;}
.formTable .item .iDesc{ margin:2px 0;}
.formTable .item .itemheck,
.formTable .item .iRadio{ width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle;}
.formTable .item .iText{ position:relative; padding:2px 3px; margin:2px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.formTable .item .hide{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
.formTable .item select{ margin:2px;}
.formTable .item label{ margin:0 10px 0 0; cursor:pointer;}

.formTable .formTitle {
    font: normal normal bold 14px/normal Dotum, µ¸¿ò;
    padding: 5px 0 5px 5px;
    font-weight:bold;
}

.formTable .formTitle .icon {
    color: #999;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
}