html,body {
    height: 100%;
}

body, th, td, tr {
    padding: 0px;
    font-family: gulim,dotum,seoul,arial,verdana;
    font-size: 12px;
    scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#A3A2A2; scrollbar-3dlight-color: #E0E0E0;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color:#eeeeee; scrollbar-arrow-color:#CCCCCC; }

input {
    margin: 2px;
    font-family: 굴림체,gulim,dotum,seoul,arial,verdana;
    font-size: 12px;
    border-color: #a7a7a7;
}

select {
    margin: 2px;
    padding: 1px;
    font-family: 굴림체,gulim,dotum,seoul,arial,verdana;
    font-size: 12px;
    height: 20px;
}

textarea {
    margin: 2px;
    font-family: gulim,dotum,seoul,arial,verdana;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-color: #a7a7a7;
}

form {
    margin: 0px;
}

img, input, select {
    vertical-align: middle;
}

.tb {
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
    border: 0px;
}

.tb100 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
    border: 0px;
}

.tbBorderColor {
    width: 100%;
    border-spacing: 0px;
    padding: 2px 14px;
    border: 1px solid #bbbbbb;
    background-color: #e8e8e8;
}

.tbBox {
    width: 100%;
    border-spacing: 0px;
    padding: 5px;
    border: 1px solid #bbbbbb;
    background-color: #f5f5f5;
}

.tbInnerLine {
    width: 100%;
    border-collapse: collapse;
}

.tbInnerLine th {
    border-spacing: 0px;
    padding: 1px 2px;
    border: 1px solid #bbbbbb;
    background-color: #f7f7f7;
    font-weight: normal;
    text-align: right;
}

.tbInnerLine td {
    border-spacing: 0px;
    padding: 1px 2px;
    border: 1px solid #bbbbbb;
    background-color: #eeeeee;
}

.tbTextLine {
    width: 100%;
    border-collapse: collapse;
}

.tbTextLine th {
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #bbbbbb;
    background-color: #f7f7f7;
    font-weight: normal;
    text-align: right;
}

.tbTextLine td {
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #bbbbbb;
    background-color: #eeeeee;
}

.tbPrint {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #000000;
}

.tbPrint tr {
    height: 22px;
}

.tbPrint th {
    border-spacing: 0px;
    padding: 0px 4px 0px 4px;
    border: 1px solid #000000;
    background-color: #eeeeee;
    font-weight: normal;
    text-align: center;
}

.tbPrint td {
    border-spacing: 0px;
    padding: 0px 4px 0px 4px;
    border: 1px solid #000000;
}

.top3px {
    margin-top: 3px;
    margin-bottom: 0px;
}

.top5px {
    margin-top: 5px;
    margin-bottom: 0px;
}

.top10px {
    margin-top: 10px;
    margin-bottom: 0px;
}

.width6px {
    white-space: nowrap;
    width: 6px;
}

.width20px {
    white-space: nowrap;
    width: 20px;
}

.input1 {
    border-style: solid;
    border-width: 1px;
}

.input1h {
    border-style: solid;
    border-width: 1px;
    height: 12px;
    padding: 3px 1px;
}

.input1c {
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

.input1hc {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    height: 12px;
    padding: 3px 1px;
}

.input1ch {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    height: 12px;
    padding: 3px 1px;
}

.input1r {
    border-style: solid;
    border-width: 1px;
    text-align: right;
}

.input1hr {
    border-style: solid;
    border-width: 1px;
    text-align: right;
    height: 12px;
    padding: 3px 1px;
}

.input1rh {
    border-style: solid;
    border-width: 1px;
    text-align: right;
    height: 12px;
    padding: 3px 1px;
}

.input2 {
    border-width: 0px;
}

.input2h {
    border-width: 0px;
    height: 12px;
    padding: 3px 1px;
}

.input2c {
    border-width: 0px;
    text-align: center;
}

.input2hc {
    border-width: 0px;
    text-align: center;
    height: 12px;
    padding: 3px 1px;
}

.input2ch {
    border-width: 0px;
    text-align: center;
    height: 12px;
    padding: 3px 1px;
}

.input2r {
    border-width: 0px;
    text-align: right;
}

.input2hr {
    border-width: 0px;
    text-align: right;
    height: 12px;
    padding: 3px 1px;
}

.input2rh {
    border-width: 0px;
    text-align: right;
    height: 12px;
    padding: 3px 1px;
}

.input3 {
    border-width: 0px;
    background-color: transparent;
}

.input3c {
    border-width: 0px;
    background-color: transparent;
    border-width: 0px;
    text-align: center;
}

.input3hc {
    border-width: 0px;
    background-color: transparent;
    border-width: 0px;
    text-align: center;
    height: 12px;
    padding: 5px 0px;
}

.input4 {
    border-width: 0px;
    background-color: transparent;
    color: #ffffff;
    font-weight: bold;
    width: 100%;
}

.read1 {
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0e9;
}

.read1h {
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0e9;
    height: 12px;
    padding: 3px 1px;
}

.read1c {
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0e9;
    text-align: center;
}

.read1hc {
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0e9;
    text-align: center;
    height: 12px;
    padding: 3px 1px;
}

.read1ch {
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0e9;
    text-align: center;
    height: 12px;
    padding: 3px 1px;
}

.read1r {
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0e9;
    text-align: right;
}

.read1hr {
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0e9;
    text-align: right;
    height: 12px;
    padding: 3px 1px;
}

.read1rh {
    border-style: solid;
    border-width: 1px;
    background-color: #f0f0e9;
    text-align: right;
    height: 12px;
    padding: 3px 1px;
}

.hand {
    cursor: pointer;
}

.imeHan {
    ime-mode : active
}

/*(기본입력:한글모드) 한/영 전환가능*/
.imeEng {
    ime-mode : inactive
}

/*(기본입력:영문모드) 한/영 전환가능*/
.imeEngOnly {
    ime-mode : disabled
}

/*(기본입력:영문모드) 한/영 전환불가능 (영문/숫자만 입력가능)*/
.imeEngOnlyUp {
    ime-mode : disabled;
    text-transform: uppercase;
}

/*(기본입력:영문모드) 한/영 전환불가능 (영문/숫자만 입력가능, 영문 대문자로 표시)*/
.imeEngOnlyLow {
    ime-mode : disabled;
    text-transform: lowercase;
}

/*(기본입력:영문모드) 한/영 전환불가능 (영문/숫자만 입력가능, 영문 소문자로 표시)*/
.msgArea {
    height: 103px;
    width: 118px;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: "gulim,dotum,seoul,arial,verdana";
    font-size: 12px;
    margin: 19px,0,0,0 ;
    border: 0px;
    background-color: transparent;
    background: '';
}

.btnCalendar02 {
    background-image: url('/image/calendar/btn_calen_02.gif');
    margin: 0px;
    height: 20px;
    width: 40px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #6f9dd9;
    background-color: transparent;
    cursor: pointer;
}

.btnButton01 {
    background-image: url('/image/button/btn_button_01.gif');
    margin: 0px;
    height: 20px;
    width: 27px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton02 {
    background-image: url('/image/button/btn_button_02.gif');
    margin: 0px;
    height: 20px;
    width: 40px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton03 {
    background-image: url('/image/button/btn_button_03.gif');
    margin: 0px;
    height: 20px;
    width: 53px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton04 {
    background-image: url('/image/button/btn_button_04.gif');
    margin: 0px;
    height: 20px;
    width: 66px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton05 {
    background-image: url('/image/button/btn_button_05.gif');
    margin: 0px;
    height: 20px;
    width: 79px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton06 {
    background-image: url('/image/button/btn_button_06.gif');
    margin: 0px;
    height: 20px;
    width: 92px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton07 {
    background-image: url('/image/button/btn_button_07.gif');
    margin: 0px;
    height: 20px;
    width: 105px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton08 {
    background-image: url('/image/button/btn_button_08.gif');
    margin: 0px;
    height: 20px;
    width: 118px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton09 {
    background-image: url('/image/button/btn_button_09.gif');
    margin: 0px;
    height: 20px;
    width: 131px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton10 {
    background-image: url('/image/button/btn_button_10.gif');
    margin: 0px;
    height: 20px;
    width: 144px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton11 {
    background-image: url('/image/button/btn_button_11.gif');
    margin: 0px;
    height: 20px;
    width: 157px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton12 {
    background-image: url('/image/button/btn_button_12.gif');
    margin: 0px;
    height: 20px;
    width: 170px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton13 {
    background-image: url('/image/button/btn_button_13.gif');
    margin: 0px;
    height: 20px;
    width: 183px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnButton14 {
    background-image: url('/image/button/btn_button_14.gif');
    margin: 0px;
    height: 20px;
    width: 196px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone01 {
    background-image: url('/image/main_btn/btn_none_01.gif');
    margin: 0px;
    height: 20px;
    width: 27px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone02 {
    background-image: url('/image/main_btn/btn_none_02.gif');
    margin: 0px;
    height: 20px;
    width: 40px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone03 {
    background-image: url('/image/main_btn/btn_none_03.gif');
    margin: 0px;
    height: 20px;
    width: 53px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone04 {
    background-image: url('/image/main_btn/btn_none_04.gif');
    margin: 0px;
    height: 20px;
    width: 66px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone05 {
    background-image: url('/image/main_btn/btn_none_05.gif');
    margin: 0px;
    height: 20px;
    width: 79px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone06 {
    background-image: url('/image/main_btn/btn_none_06.gif');
    margin: 0px;
    height: 20px;
    width: 92px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone07 {
    background-image: url('/image/main_btn/btn_none_07.gif');
    margin: 0px;
    height: 20px;
    width: 105px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone08 {
    background-image: url('/image/main_btn/btn_none_08.gif');
    margin: 0px;
    height: 20px;
    width: 118px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone09 {
    background-image: url('/image/main_btn/btn_none_09.gif');
    margin: 0px;
    height: 20px;
    width: 131px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone10 {
    background-image: url('/image/main_btn/btn_none_10.gif');
    margin: 0px;
    height: 20px;
    width: 144px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone11 {
    background-image: url('/image/main_btn/btn_none_11.gif');
    margin: 0px;
    height: 20px;
    width: 157px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone12 {
    background-image: url('/image/main_btn/btn_none_12.gif');
    margin: 0px;
    height: 20px;
    width: 170px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone13 {
    background-image: url('/image/main_btn/btn_none_13.gif');
    margin: 0px;
    height: 20px;
    width: 183px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNone14 {
    background-image: url('/image/main_btn/btn_none_14.gif');
    margin: 0px;
    height: 20px;
    width: 196px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon01 {
    background-image: url('/image/main_btn/btn_common_01.gif');
    margin: 0px;
    height: 20px;
    width: 47px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon02 {
    background-image: url('/image/main_btn/btn_common_02.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon03 {
    background-image: url('/image/main_btn/btn_common_03.gif');
    margin: 0px;
    height: 20px;
    width: 73px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon04 {
    background-image: url('/image/main_btn/btn_common_04.gif');
    margin: 0px;
    height: 20px;
    width: 86px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon05 {
    background-image: url('/image/main_btn/btn_common_05.gif');
    margin: 0px;
    height: 20px;
    width: 99px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon06 {
    background-image: url('/image/main_btn/btn_common_06.gif');
    margin: 0px;
    height: 20px;
    width: 112px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon07 {
    background-image: url('/image/main_btn/btn_common_07.gif');
    margin: 0px;
    height: 20px;
    width: 125px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon08 {
    background-image: url('/image/main_btn/btn_common_08.gif');
    margin: 0px;
    height: 20px;
    width: 138px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon09 {
    background-image: url('/image/main_btn/btn_common_09.gif');
    margin: 0px;
    height: 20px;
    width: 151px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon10 {
    background-image: url('/image/main_btn/btn_common_10.gif');
    margin: 0px;
    height: 20px;
    width: 164px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon11 {
    background-image: url('/image/main_btn/btn_common_11.gif');
    margin: 0px;
    height: 20px;
    width: 177px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon12 {
    background-image: url('/image/main_btn/btn_common_12.gif');
    margin: 0px;
    height: 20px;
    width: 190px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon13 {
    background-image: url('/image/main_btn/btn_common_13.gif');
    margin: 0px;
    height: 20px;
    width: 203px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainCommon14 {
    background-image: url('/image/main_btn/btn_common_14.gif');
    margin: 0px;
    height: 20px;
    width: 216px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainClose02 {
    background-image: url('/image/main_btn/btn_close.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainDelete02 {
    background-image: url('/image/main_btn/btn_delete.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainExcel02 {
    background-image: url('/image/main_btn/btn_excel.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainGraph03 {
    background-image: url('/image/main_btn/btn_graph.gif');
    margin: 0px;
    height: 20px;
    width: 73px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainInsert02 {
    background-image: url('/image/main_btn/btn_insert.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainNew02 {
    background-image: url('/image/main_btn/btn_new.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainPrint02 {
    background-image: url('/image/main_btn/btn_print.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainReset03 {
    background-image: url('/image/main_btn/btn_reset.gif');
    margin: 0px;
    height: 20px;
    width: 73px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainSave02 {
    background-image: url('/image/main_btn/btn_save.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainSearch02 {
    background-image: url('/image/main_btn/btn_search_02.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainSearch03 {
    background-image: url('/image/main_btn/btn_search_03.gif');
    margin: 0px;
    height: 20px;
    width: 73px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainSearch04 {
    background-image: url('/image/main_btn/btn_search_04.gif');
    margin: 0px;
    height: 20px;
    width: 86px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainSelect02 {
    background-image: url('/image/main_btn/btn_select.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnMainUpdate02 {
    background-image: url('/image/main_btn/btn_update.gif');
    margin: 0px;
    height: 20px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #7E4F03;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone01 {
    background-image: url('/image/sub_btn/btn_none_01.gif');
    margin: 0px;
    height: 22px;
    width: 27px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone02 {
    background-image: url('/image/sub_btn/btn_none_02.gif');
    margin: 0px;
    height: 22px;
    width: 40px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone03 {
    background-image: url('/image/sub_btn/btn_none_03.gif');
    margin: 0px;
    height: 22px;
    width: 53px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone04 {
    background-image: url('/image/sub_btn/btn_none_04.gif');
    margin: 0px;
    height: 22px;
    width: 66px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone05 {
    background-image: url('/image/sub_btn/btn_none_05.gif');
    margin: 0px;
    height: 22px;
    width: 79px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone06 {
    background-image: url('/image/sub_btn/btn_none_06.gif');
    margin: 0px;
    height: 22px;
    width: 92px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone07 {
    background-image: url('/image/sub_btn/btn_none_07.gif');
    margin: 0px;
    height: 22px;
    width: 105px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone08 {
    background-image: url('/image/sub_btn/btn_none_08.gif');
    margin: 0px;
    height: 22px;
    width: 118px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone09 {
    background-image: url('/image/sub_btn/btn_none_09.gif');
    margin: 0px;
    height: 22px;
    width: 131px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone10 {
    background-image: url('/image/sub_btn/btn_none_10.gif');
    margin: 0px;
    height: 22px;
    width: 144px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone11 {
    background-image: url('/image/sub_btn/btn_none_11.gif');
    margin: 0px;
    height: 22px;
    width: 157px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone12 {
    background-image: url('/image/sub_btn/btn_none_12.gif');
    margin: 0px;
    height: 22px;
    width: 170px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone13 {
    background-image: url('/image/sub_btn/btn_none_13.gif');
    margin: 0px;
    height: 22px;
    width: 183px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNone14 {
    background-image: url('/image/sub_btn/btn_none_14.gif');
    margin: 0px;
    height: 22px;
    width: 196px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon01 {
    background-image: url('/image/sub_btn/btn_common_01.gif');
    margin: 0px;
    height: 22px;
    width: 47px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon02 {
    background-image: url('/image/sub_btn/btn_common_02.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon03 {
    background-image: url('/image/sub_btn/btn_common_03.gif');
    margin: 0px;
    height: 22px;
    width: 73px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon04 {
    background-image: url('/image/sub_btn/btn_common_04.gif');
    margin: 0px;
    height: 22px;
    width: 86px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon05 {
    background-image: url('/image/sub_btn/btn_common_05.gif');
    margin: 0px;
    height: 22px;
    width: 99px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon06 {
    background-image: url('/image/sub_btn/btn_common_06.gif');
    margin: 0px;
    height: 22px;
    width: 112px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon07 {
    background-image: url('/image/sub_btn/btn_common_07.gif');
    margin: 0px;
    height: 22px;
    width: 125px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon08 {
    background-image: url('/image/sub_btn/btn_common_08.gif');
    margin: 0px;
    height: 22px;
    width: 138px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon09 {
    background-image: url('/image/sub_btn/btn_common_09.gif');
    margin: 0px;
    height: 22px;
    width: 151px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon10 {
    background-image: url('/image/sub_btn/btn_common_10.gif');
    margin: 0px;
    height: 22px;
    width: 164px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon11 {
    background-image: url('/image/sub_btn/btn_common_11.gif');
    margin: 0px;
    height: 22px;
    width: 177px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon12 {
    background-image: url('/image/sub_btn/btn_common_12.gif');
    margin: 0px;
    height: 22px;
    width: 190px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon13 {
    background-image: url('/image/sub_btn/btn_common_13.gif');
    margin: 0px;
    height: 22px;
    width: 203px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubCommon14 {
    background-image: url('/image/sub_btn/btn_common_14.gif');
    margin: 0px;
    height: 22px;
    width: 216px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubClose02 {
    background-image: url('/image/sub_btn/btn_close.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubDelete02 {
    background-image: url('/image/sub_btn/btn_delete.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubDelete04 {
    background-image: url('/image/sub_btn/btn_delete_04.gif');
    margin: 0px;
    height: 22px;
    width: 86px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubExcel02 {
    background-image: url('/image/sub_btn/btn_excel.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubGraph03 {
    background-image: url('/image/sub_btn/btn_graph.gif');
    margin: 0px;
    height: 22px;
    width: 73px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubInsert02 {
    background-image: url('/image/sub_btn/btn_insert.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubNew02 {
    background-image: url('/image/sub_btn/btn_new.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubPrint02 {
    background-image: url('/image/sub_btn/btn_print.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubReset03 {
    background-image: url('/image/sub_btn/btn_reset.gif');
    margin: 0px;
    height: 22px;
    width: 73px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubSave02 {
    background-image: url('/image/sub_btn/btn_save.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubSearch02 {
    background-image: url('/image/sub_btn/btn_search.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubSelect02 {
    background-image: url('/image/sub_btn/btn_select.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

.btnSubUpdate02 {
    background-image: url('/image/sub_btn/btn_update.gif');
    margin: 0px;
    height: 22px;
    width: 60px;
    padding: 3px 0px 1px 18px;
    border: 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
}

/* 아래는 모바일용 */
.mbBody {
    margin: 0px;
    background-color: #f4f4f4;
    font-size: 14px;
}

.tdHead {
    background-color: #0000ff;
    color: red;
    font-weight: bold;
}

.tdTitl {
    color: gray;
    font-weight: bold;
}

.tdData {
    color: gray;
}

.btnSubMenu {
    background-image: url('/image/mobile/btn/btn_sub_menu.png');
    margin: 0px;
    height: 55px;
    width: 145px;
    padding: 3px 0px 1px 0px;
    border: 0px;
    font-weight: bold;
    background-color: transparent;
    cursor: pointer;
    color: #000000;
}

.mbTextLine {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

.mbTextLine td {
    font-size: 14px;
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #bbbbbb;
}

.mbTextLine .th_a {
    font-size: 14px;
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #bbbbbb;
    background-color: #dbe8ff;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
}

.mbTextLine .th_b {
    font-size: 14px;
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #bbbbbb;
    background-color: #e4efd1;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
}

.mbTextLine .th_c {
    font-size: 14px;
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #bbbbbb;
    background-color: #f5ebe4;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
}

.mbTextLine .th_d {
    font-size: 14px;
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #daebef;
    background-color: #e7f6fa;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
}

.mbTextLine .th_e {
    font-size: 14px;
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: none;
    border-radius: 5px 5px 0 0;
    background-color: #93dff3;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
}

.mbTextLine .th_f {
    font-size: 14px;
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #bbbbbb;
    background-color: #e7f6fa;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
}

.mbTextLine .tr0 {
    font-size: 14px;
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
}

.mbTextLine .tr1 {
    font-size: 14px;
    border-spacing: 0px;
    padding: 4px 4px 3px 4px;
    border: 1px solid #bbbbbb;
    background-color: #f4f4f4;
}

.mbBorderRed {
    border-color: red;
}

/* 매출내역 */
.bg_sub_title_a_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_a_01.png');
    height: 35px;
    width: 33px;
}

.bg_sub_title_a_02 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_a_02.png');
    height: 35px;
    width: 191px;
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
}

.bg_sub_title_a_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_a_03.png');
    height: 35px;
    text-align: right;
}

.bg_sub_title_a_04 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_a_04.png');
    height: 35px;
    width: 10px;
}

.bg_list_a_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_list_a_01.png');
    height: 90px;
    width: 4px;
}

.bg_list_a_02_L {
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg_list_a_02_R {
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    padding-right: 10px;
}

.bg_list_a_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_list_a_03.png');
    height: 90px;
    width: 4px;
}

/* 입금내역 */
.bg_sub_title_b_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_b_01.png');
    height: 35px;
    width: 33px;
}

.bg_sub_title_b_02 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_b_02.png');
    height: 35px;
    width: 191px;
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
}

.bg_sub_title_b_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_b_03.png');
    height: 35px;
    text-align: right;
}

.bg_sub_title_b_04 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_b_04.png');
    height: 35px;
    width: 10px;
}

.bg_list_b_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_list_b_01.png');
    height: 90px;
    width: 4px;
}

.bg_list_b_02_L {
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg_list_b_02_R {
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    padding-right: 10px;
}

.bg_list_b_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_list_b_03.png');
    height: 90px;
    width: 4px;
}

/* 부가기능 */
.bg_sub_title_c_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_c_01.png');
    height: 35px;
    width: 33px;
}

.bg_sub_title_c_02 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_c_02.png');
    height: 35px;
    width: 191px;
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
}

.bg_sub_title_c_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_c_03.png');
    height: 35px;
    text-align: right;
}

.bg_sub_title_c_04 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_c_04.png');
    height: 35px;
    width: 10px;
}

.bg_list_c_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_list_c_01.png');
    height: 90px;
    width: 4px;
}

.bg_list_c_02_L {
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg_list_c_02_R {
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    padding-right: 10px;
}

.bg_list_c_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_list_c_03.png');
    height: 90px;
    width: 4px;
}

/* 회원관리 */
.bg_sub_title_d_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_d_01.png');
    height: 35px;
    width: 33px;
}

.bg_sub_title_d_02 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_d_02.png');
    height: 35px;
    width: 191px;
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
}

.bg_sub_title_d_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_d_03.png');
    height: 35px;
    text-align: right;
}

.bg_sub_title_d_04 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_d_04.png');
    height: 35px;
    width: 10px;
}

.bg_list_d_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_list_d_01.png');
    height: 90px;
    width: 4px;
}

.bg_list_d_02_L {
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.bg_list_d_02_R {
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    padding-right: 10px;
}

.bg_list_d_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_list_d_03.png');
    height: 90px;
    width: 4px;
}

/* 수발주관리 */
.bg_sub_title_e_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_a_01.png');
    height: 35px;
    width: 33px;
}

.bg_sub_title_e_02 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_a_02.png');
    height: 35px;
    width: 191px;
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
}

.bg_sub_title_e_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_a_03.png');
    height: 35px;
    text-align: right;
}

.bg_sub_title_e_04 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_a_04.png');
    height: 35px;
    width: 10px;
}

/* 상품관리 */
.bg_sub_title_f_01 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_b_01.png');
    height: 35px;
    width: 33px;
}

.bg_sub_title_f_02 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_b_02.png');
    height: 35px;
    width: 191px;
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
}

.bg_sub_title_f_03 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_b_03.png');
    height: 35px;
    text-align: right;
}

.bg_sub_title_f_04 {
    font-size: 14px;
    background-image: url('/image/mobile/bg/bg_sub_title_b_04.png');
    height: 35px;
    width: 10px;
}

.ie_update {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #454545;
    padding-top: 100px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    z-index: 2000;
}

.ie_update .msg_update {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -67px 0 0 -195px;
}

.ie_update .btn_area {
    margin-top: 30px;
}

.ie_update .btn_area .btn {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none !important;
}

.ie_update .btn_area .btn {
    width: 200px;
    height: 40px;
    padding: 0 10px;
    border: 0;
    color: #fff;
    margin: 5px;
    font-size: 15px;
    line-height: 38px;
    background: #ff6c00;
}

/* 로딩중 */
#loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    z-index: 5000;
}

#loading .box_loading {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 270px;
    margin: -115px 0 0 -135px;
    padding: 10px;
    border: 1px solid #69a9da;
    border-radius: 6px;
    text-align: center;
    background: #fff;
}

#loading .box_loading .img {
    margin: 15px 0px;
}

#loading .box_loading .msg {
    margin-bottom: 10px;
    color: #4066a4;
    font-size: 16px;
    line-height: 18px;
}

#loading .box_loading .msg2 {
    margin-bottom: 5px;
    color: #4066a4;
    font-size: 13px;
    line-height: 18px;
}

#loading .btn_close_loading {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 3px;
    width: 17px;
    height: 17px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    background: #999;
    overflow: hidden;
}

/* 레이어팝업 */
.popLayer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    background-color: rgb(245, 245, 245);
    border: 3px solid rgb(187, 187, 187);
    z-index: 100;
}

.popLayer .popContainer {
    padding: 3px;
}

.popLayer .layerBtn {
    width: 100%;
    margin: 10px 0 20px;
    padding-bottom: 10px;
    text-align: right;
}

#popLayerMask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: #000;
    display: none;
}

/* Mobile ASP Login 화면 */
.login-wrap {
    position: relative;
    box-sizing: border-box;
    background-color: #f0f0f0;
    margin: auto;
    padding: 17px 35px;
    height: auto;
    min-height: 100%;
    padding-bottom: 100px;
}

.login-wrap .tit {
    margin-left: -12px;
}

.login-wrap .tit img {
    height: 27px;
    max-width: 100%;
}

.login-inner fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

.login-wrap .tts {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.login-visual {
    text-align: center;
    margin-top: 55px;
}

.login-visual img {
    width: 232px;
    height: 83px;
    max-width: 100%;
}

.login-inner {
    max-width: 300px;
    margin: 30px auto 16.5px;
    position: relative;
}

.login-input input {
    margin: 0;
    height: 55px;
    border: 1px solid #c6c6c6;
    font-size: 17.5px;
    background: #fff url(/image/mobile/bg/ico_id.png) no-repeat 16px center;
    background-size: 25px 25px;
    width: calc(100% - 108px);
    padding: 0 53px;
}

.login-input input::placeholder {
    color: #999999;
}

.login-input input[type=password] {
    background: #fff url(/image/mobile/bg/ico_password.png) no-repeat 16px center;
    background-size: 25px 25px;
}

.login-input input + input {
    border-top: 0;
}

.login-save {
    font-size: 14px;
    color: #454545;
    margin-top: 99px;
    overflow: hidden;
}

.login-save span {
    float: left;
    width: 50%;
}

.login-save input {
    margin: 0;
    display: none;
}

.login-save input[type="checkbox"] + label:before {
    content: '';
    display: inline-block;
    background: url(/image/mobile/btn/btn_check_02.png) no-repeat center center;
    height: 26px;
    width: 25px;
    margin-right: 10px;
    vertical-align: middle;
    background-size: 25px 25px;
}

.login-save input[type="checkbox"]:checked + label:before {
    background-image: url(/image/mobile/btn/btn_check_01.png);
}

.btn-login {
    position: absolute;
    left: 0;
    bottom: 56px;
    width: 100%;
    height: 45px;
    background-color: #16509b;
    color: #fff;
    border: none;
    font-family: 'Klavika';
    font-weight: 600;
    font-size: 17px;
}

.login-footer {
    position: absolute;
    left: 0;
    bottom: 15px;
    right: 0;
}

.pc-view {
    text-align: center;
}

.pc-view .btn-pc-open {
    width: 128px;
    height: 26px;
    background: #393939;
    color: #fff;
    border: none;
    display: inline-block;
    line-height: 26px;
    text-decoration: none;
}

.copy-wrap {
    text-align: center;
    margin-top: 17px;
}

.copy-wrap img {
    width: 144px;
    height: 32px;
}

/* 아래는 POS 공지사항 */
.border-none.mbTextLine td {
    border: none;
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin: 0;
    padding: 4px;
    min-width: 52px;
    height: 25.5px;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    color: #fff;
    vertical-align: middle;
}

.btn i {
    display: block;
    margin-right: 5px;
    width: 9px;
    height: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/image/bbs/i-check.png');
}

.btn-blue {
    background-color: #0c43bf;
}

.btn-orange {
    background-color: #f07100;
}

.btn-black {
    background-color: #444b4d;
}

.btn-purple {
    background-color: #7511ae;
}

.btn-red {
    background-color: #ff2a00;
}

.btn.btn-sign {
    padding: 0 10px;
}

.btn.btn-sign i {
    width: 11px;
    height: 12px;
    background-image: url('/image/bbs/i-sign.png');
}

.notice-txt {
    padding: 5px;
    width: 100%;
    height: auto;
    background-color: #f3f3f3;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    box-sizing: border-box;
}

.notice-txt .notice-box {
    margin: 0;
    padding: 22px 20px;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
    border: none;
    box-sizing: border-box;
}

.notice-txt .notice-box p {
    margin: 0;
    line-height: 1.75;
}

.tbFile {
    table-layout: fixed;
    border: 1px solid #daebef;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.tbFile td {
    padding: 6px 12px;
}

.tbFile td a {
    display: inline-block;
    margin-left: 6px;
    font-family: 'Pretendard-Regular', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #1454e4;
    vertical-align: middle;
}

.input-checkbox {
    display: block;
    margin-bottom: 10px;
    width: fit-content;
    margin-left: auto;
    text-align: right;
}

.input-checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.input-checkbox input[type="checkbox"] + span {
    position: relative;
    padding-left: 28px;
    font-family: 'Pretendard-Regular', sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.input-checkbox input[type="checkbox"] + span::before, .input-checkbox input[type="checkbox"] + span::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: linear 0.2s;
}

.input-checkbox input[type="checkbox"] + span::before {
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-color: #f3f3f3;
    border: 1px solid #eaeaea;
    border-radius: 2px;
}

.input-checkbox input[type="checkbox"] + span::after {
    top: 6px;
    left: 7px;
    width: 9px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/image/bbs/i-checkbox.png');
}

.input-checkbox input[type="checkbox"]:checked + span::before {
    background-color: #444b4d;
    border-color: #444b4d;
}

.input-checkbox input[type="checkbox"]:checked + span::after {
    background-image: url('/image/bbs/i-checkbox_act.png');
    opacity: 1;
}

.list-box td {
    height: 40px;
}

.list-box td h4 {
    margin: 0;
}

/* s :: 240924 수정 */
@media (max-width: 480px) {
    #popLayerMobile {
        width: calc(100vw - 30px) !important;
        max-height: calc(100vh - 30px);
        margin-top: 0 !important;
        margin-left: 0 !important;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }

    #POP_LAYER_MOBILE_FRAME {
        width: 100% !important;
        height: calc(201.2077vw - 83px) !important;
        max-height: calc(100vh - 80px);
    }
}
/* e :: 240924 수정 */