<!--  xjsv.css for xjsv 2.12 -->
    /*-------------------------------------------------------
     * XJSV CSS
     *-------------------------------------------------------
     */

    .required     { border:1 solid black; background-color:white; background-image : url(../js/images/required.gif); background-position:top right; background-repeat:no-repeat;}
    .required_right { border:1 solid black; background-color:white; background-image : url(../js/images/required.gif); background-position:top right; background-repeat:no-repeat;text-align : right;}
    .right        { border:1 solid black; background-color:white; text-align :right;}
    #DRAG         { LEFT: 100px; POSITION: absolute; TOP: 120px; Z-INDEX: 50 }
    #READ         { LEFT: 100px; POSITION: absolute; TOP: 150px; Z-INDEX: 10 }

    .xjs_source   { height:19px; border-width:1; width:530; border-style:ridge; border-color:#d0d0d0; background-color:#dfdfdf;}

    .xjs_required01  { background-image : url(./images/required01.gif); background-position:top right; background-repeat:no-repeat;}
    .xjs_required02  { background-image : url(./images/required02.gif); background-position:top right; background-repeat:no-repeat;}
    .xjs_required03  { background-image : url(./images/required03.gif); background-position:top right; background-repeat:no-repeat;}
    .xjs_required04  { background-image : url(./images/required04.gif); background-position:top right; background-repeat:no-repeat;}
    .xjs_required05  { background-image : url(./images/required05.gif); background-position:top right; background-repeat:no-repeat;}

    .xjs_right     { text-align : right;}
    .xjs_center    { text-align : right;}
    .xjs_edit_box  { background-color: #FFFFFF; border: A6A6A6; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: "Tahoma"; font-size: 12px}
    .xjs_button    { height:19px; border-width:1; border-style:ridge; border-color:#d0d0d0; background-color:#dfdfdf;}
    .xjs_dek       { POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;overflow:hidden;}
    .xjs_plain     { background-color: #FFFFFF; border: A6A6A6; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: "Tahoma"; font-size: 12px}

    .xjs_imeKor    { ime-mode:active }
    .xjs_imeEng    { ime-mode:inactive }
    .xjs_imeDis    { ime-mode:disabled }

    .xjs_lable     { border:0 solid black; background-color:transparent; }

    /*-------------------------------------------------------
     * HTML COMMON CSS
     *-------------------------------------------------------
     */
    body {
        font-family: Tahoma,Verdana,Courier New;
        font-size: 12px;

    }
    /*
    a:link    {color:#666666;text-decoration:none;}
    a:visited {color:#666666;text-decoration:none;}
    a:active  {color:#666666;text-decoration:none;}
    a:hover   {color:red;text-decoration:none;}
    */
    h1 { font-weight: bold; font-size: 24px; font-family: Tahoma,Verdana,Courier New; margin-bottom: 0px; }
    h2 { font-weight: bold; font-size: 18px; font-family: Tahoma,Verdana,Courier New; margin-top: 10px; margin-bottom: 0px; }
    h3 { font-weight: bold; font-size: 16px; font-family: Tahoma,Verdana,Courier New; margin-top: 10px; margin-bottom: 0px; }
    h4 { font-weight: bold; font-size: 12px; font-family: Tahoma,Verdana,Courier New; margin-top: 10px; margin-bottom: 0px; }
    h5 { font-weight: bold; font-size: 11px; font-family: Tahoma,Verdana,Courier New; margin-bottom: 0px; }
    h6 { font-weight: bold; font-size: 10px; font-family: Tahoma,Verdana,Courier New; margin-bottom: 0px; }

    form {
        border: 1px;
        margin: 0px;
    }

    img {
        border: none;
    }

    table {
        border: 0px;
        border-spacing: 0px;
        padding: 0px;
    }

    tr, td, th {
        font-family: Tahoma,Verdana,Courier New;
        font-size: 12px;
        line-height: 18px;
        color: #666666;
        word-break:break-all;
        table-layout:fixed;
        word-wrap:break-word;
    }

    select {
        background: #ffffff;
        color: #000000;
        cursor: hand;
        font-family: Tahoma,Verdana,Courier New;
        font-size: 12px;
        font-weight: normal;
    }

    input.radio { cursor: hand; }
    input.checkbox { cursor: hand; }

    .button {
        font-family: Tahoma,Verdana,Courier New;
        border-right: 1px solid #8F8F8F;
        border-bottom: 1px solid #8F8F8F;
        border-left: 1px solid #B7B7B7;
        border-top: 1px solid #B7B7B7;
        cursor: hand;
        color: white;
        background-color: #797979;
        font-size: 12px;
    }

    /*--
    .button_s {
        font-family: Tahoma,Verdana,Courier New;
        border-right: 1px solid #8F8F8F;
        border-bottom: 1px solid #8F8F8F;
        border-left: 1px solid #B7B7B7;
        border-top: 1px solid #B7B7B7;
        cursor: hand;
        color: #000000;
        background-color: #efbc57;
        font-size: 12px;
    }
    --*/

    .text {
        font-family: Tahoma,Verdana,Courier New;
        font-size: 12px;
        border-top: 1px solid #8E9DAA;
        border-right: 1px solid #8E9DAA;
        border-bottom: 1px solid #8E9DAA;
        border-left: 1px solid #8E9DAA;
    }

    textarea {
        background-color:white;
        font-size: 12px;
        color:black;
        font-weight:normal;
        width:100%;
        border-top: 1px solid #8E9DAA;
        border-right: 1px solid #B4B4B4;
        border-bottom: 1px solid #B4B4B4;
        border-left: 1px solid #8E9DAA;
    }

    .hr {
        border: 1px;
        width: 100%;
        color: #8E9DAA;
    }

    .tableBorder {
        background-color: #bbbbbb;
    }
    .noticeBorder_l {
        background-color: #CCD5E9; text-align: left;
    }
    .noticeBorder_c {
        background-color: #CCD5E9; text-align: center;
    }
    .noticeBorder_r {
        background-color: #CCD5E9; text-align: right;
    }
    .descBorder_l {
        background-color: #ffffff; text-align: left;
    }
    .descBorder_c {
        background-color: #ffffff; text-align: center;
    }
    .descBorder_r {
        background-color: #ffffff; text-align: right;
    }
    .titleBorder_l {
        background-color: #f0f0f0; font-weight: bold ; text-align: left;
    }
    .titleBorder_c {
        background-color: #f0f0f0; font-weight: bold ; text-align: center;
    }
    .titleBorder_r {
        background-color: #f0f0f0; font-weight: bold ; text-align: right;
    }
    .tableMenuTitle {
        background-color: #dddddd;
    }
    .tableMenuDesc {
        background-color: #f0f0f0;
    }
    .tableMenuLine {
        background-color: #3c78b5;
    }
    ul.commentHelp {
        margin:15px;
        margin-top:0px;
        margin-bottom:0px;
        list-style-image: url('./images/help-16x16.gif');
        vertical-align:middle
    }
    ul.commentMar {
        margin:10px
    }

    .navItemOver {
        font-family: Tahoma, Sans-Serif;
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        background-color: #003366;
        cursor: hand;
        voice-family: '\'}\'';
        voice-family:inherit;
        cursor: pointer;
    }
    .navItemOver a {
        color: #ffffff;
        text-decoration: none;
    }
    .navItem {
        font-size: 11px;
        font-family: Tahoma, Sans-Serif;
        font-weight: bold;
        color: #ffffff;
    }
    .navItem a {
        color: #ffffff;
        text-decoration: none;
    }

	.tab {
        background-color:#DDDDDD;
        font-size: 12px;
		font-weight: bold;
        color:#666666;
		text-align:center;
        border-top: 1px solid #8E9DAA;
        border-right: 1px solid #B4B4B4;
        border-bottom: 1px solid #B4B4B4;
        border-left: 1px solid #8E9DAA;
		cursor: hand;
	}