@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px; border:0; font-family:"돋움", dotum, Arial, Helvetica, Verdana; font-size:12px; }

body.logBg {
    background: url(../Images/bg/pattern2.png);
}
html, body {margin:0; height:100%; min-height:100%;  padding:0;}   
  
a, a:link, a:visited, a:hover, a:active {text-decoration:none; }

img, fieldset {border:0; }
ul, ol, li, dl {list-style:none;}

em, i, address { font-style:normal; font-weight:normal; }
input, select, label, button{vertical-align:middle;}

textarea {resize:none;}
label {cursor:pointer;}


/* align */

.va_m {vertical-align:middle;}
.va_t {vertical-align:top;}
.va_b {vertical-align:bottom;}

.al_c {text-align:center!important;}
.al_r {text-align:right!important;}
.al_l {text-align:left!important;}

/* block */

.dis_ib{display:inline-block}
.dis_b{display:block}
.dis_n{display:none}

/* disable */

.disableY{background:#ebf4ff;}
.disableN{background:#fff;}

/* float */

.flo_l {float:left;}
.flo_r {float:right;}
.cl_l	{clear:left;}
.cl_b	{clear:both;}

/* overflow */

.over_h{overflow:hidden;}

/* font */

.bb{font-weight:bold;}


/* margin*/

.ma_n {margin:0;}
.ma_t0{margin-top:0;}
.ma_t1{margin-top:1px;}
.ma_t2{margin-top:2px;}
.ma_t3{margin-top:3px;}
.ma_t4{margin-top:4px;}
.ma_t5{margin-top:5px;}
.ma_t7{margin-top:7px;}
.ma_t10{margin-top:10px;}
.ma_t15{margin-top:15px;}
.ma_t20{margin-top:20px;}
.ma_t25{margin-top:25px;}
.ma_t30{margin-top:30px;}
.ma_t70{margin-top:70px;}
.ma_t250{margin-top:250px;}
.ma_t50_m{margin-top:-50px;}

.ma_r0{margin-right:0;}
.ma_r1{margin-right:1px;}
.ma_r2{margin-right:2px;}
.ma_r3{margin-right:3px;}
.ma_r4{margin-right:4px;}
.ma_r5{margin-right:5px;}
.ma_r10{margin-right:10px;}
.ma_r15{margin-right:15px;}
.ma_r20{margin-right:20px;}
.ma_r25{margin-right:25px;}
.ma_r30{margin-right:30px;}
.ma_r35{margin-right:35px;}

.ma_b0{margin-bottom:0;}
.ma_b1{margin-bottom:1px;}
.ma_b2{margin-bottom:2px;}
.ma_b3{margin-bottom:3px;}
.ma_b4{margin-bottom:4px;}
.ma_b5{margin-bottom:5px;}
.ma_b10{margin-bottom:10px;}
.ma_b15{margin-bottom:15px;}
.ma_b20{margin-bottom:20px;}
.ma_b25{margin-bottom:25px;}
.ma_b30{margin-bottom:30px;}
.ma_b40{margin-bottom:40px;}
.ma_b45{margin-bottom:45px;}
.ma_b70{margin-bottom:70px;}

.ma_l0{margin-left:0;}
.ma_l1{margin-left:1px;}
.ma_l2{margin-left:2px;}
.ma_l3{margin-left:3px;}
.ma_l4{margin-left:4px;}
.ma_l5{margin-left:5px;}
.ma_l10{margin-left:10px;}
.ma_l15{margin-left:15px;}
.ma_l20{margin-left:20px;}
.ma_l25{margin-left:25px;}
.ma_l30{margin-left:30px;}

/*padding*/

.pd_t1{padding-top:1px}
.pd_t2{padding-top:2px}
.pd_t3{padding-top:3px}
.pd_t4{padding-top:4px}
.pd_t5{padding-top:5px}
.pd_t10{padding-top:10px}
.pd_t15{padding-top:15px}
.pd_t20{padding-top:20px}
.pd_t25{padding-top:25px}
.pd_t30{padding-top:30px}

.pd_r1{padding-right:1px}
.pd_r2{padding-right:2px}
.pd_r3{padding-right:3px}
.pd_r4{padding-right:4px}
.pd_r5{padding-right:5px}
.pd_r10{padding-right:10px}
.pd_r15{padding-right:15px}
.pd_r20{padding-right:20px}
.pd_r25{padding-right:25px}
.pd_r30{padding-right:30px}

.pd_b1{padding-bottom:1px}
.pd_b2{padding-bottom:2px}
.pd_b3{padding-bottom:3px}
.pd_b4{padding-bottom:4px}
.pd_b5{padding-bottom:5px}
.pd_b10{padding-bottom:10px}
.pd_b15{padding-bottom:15px}
.pd_b20{padding-bottom:20px}
.pd_b25{padding-bottom:25px}
.pd_b30{padding-bottom:30px}

.pd_l1{padding-left:1px}
.pd_l2{padding-left:2px}
.pd_l3{padding-left:3px}
.pd_l4{padding-left:4px}
.pd_l5{padding-left:5px}
.pd_l10{padding-left:10px}
.pd_l15{padding-left:15px}
.pd_l20{padding-left:20px}
.pd_l25{padding-left:25px}
.pd_l30{padding-left:30px}



/* text blind */

.blind{overflow:hidden; position:absolute; top:-1000em; left:-9999em; visibility:hidden; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em;} /*텍스트 블라인드 처리*/


/*input style*/

.inputSt01{height:40px; line-height:40px; padding-left:18px; border:1px #c6b7a1 solid; color:#ccb798; font-weight:bold;}
.inputSt02{height:19px; line-height:19px; padding-left:13px; border:1px #cbcbcb solid; color:#666; background:#fff;}
.inputST03{height:23px; line-height:23px; padding-left:10px; border:1px #bda78b solid; color:#666; background:#fff; line-height:23px;}
.inputST04{height:23px; line-height:23px; padding-left:10px; border:1px #cbcbcb solid; color:#666; background:#fff;}

/* select style */

.selectSt01{height:19px; border:1px #cbcbcb solid; color:#666; background:#fff; text-align:center;}
.selectSt02{height:23px; border:1px #bda78b solid; color:#666; background:#fff;}


/* textarea style*/

.textareaST01{border:1px #bda78b solid; padding:10px;}


/* button style */

/*.btnST01{height:25px; border:1px #d7d7d7 solid; background:#f4f4f4; color:#000; cursor:pointer;}*/
.btnST01{
        height:25px; border:1px #d7d7d7 solid; background:#f4f4f4; color:rgb(102,102,102); cursor:pointer; margin:0 auto; font-weight:bold; padding-top:2px;
         -webkit-transition-duration: 0.4s; /* Safari */
         transition-duration: 0.4s;
}
.btnST01:hover {background:rgb(192,192,192); color:#f4f4f4;}
.btnST02{cursor:pointer; vertical-align:middle;}
.btnCal01{height:23px; border:1px #d7d7d7 solid; background:#f4f4f4; color:rgb(102,102,102); cursor:pointer; width:45px; text-align:center; padding-top:2px;} /* 달력버튼*/
.btnCal01:hover{background:rgb(192,192,192); color:#f4f4f4;} /* 달력버튼over */


/* txt style */

.txtSt01{font-size:12px; color:#666666;}
.txtSt02{font-size:11px; color:#666666;}
.txtSt03{color:rgb(102,102,102);}

/* table styel*/

.tableSt01{width:100%; border-top:3px #78451e solid; border-bottom:1px #78451e solid;}
.tableSt01 thead tr th {height:35px; background:#ebf4ff; font-size:12px; color:#736559; border-right:1px #dfd5c8 solid; border-bottom:1px #dfd5c8 solid;}
.tableSt01 thead tr th.lastR,.tableSt01 tbody tr td.lastR{border-right:0;}
.tableSt01 tbody tr td {min-height:20px; *height:20px; padding:6px; border-bottom:1px #dfd5c8 solid; text-align:center; border-right:1px #dfd5c8 solid; line-height:19px; color:#736559;}
.tableSt01 tbody tr td a {float:left; text-align:left; line-height:19px; font-size:12px; color:#736559; font-weight:bold;}
.tableSt01 tbody tr td a:hover {color: #d7d7d7;}
.tableSt01 tbody tr td.lastB{border-bottom:0;}

.tableSt02{width:100%; border-top:3px #78451e solid; border-bottom:1px #78451e solid; table-layout:fixed;}
.tableSt02 tbody tr th{width:162px; min-height:25px; *height:25px; background:#ebf4ff; color:#736559; border-bottom:1px #dfd5c8 solid;}
.tableSt02 tbody tr td{min-height:25px; *height:25px; padding:10px; border-bottom:1px #dfd5c8 solid;}
.tableSt02 tbody tr th.lastB,.tableSt02 tbody tr td.lastB{border-bottom:0;}
.tableSt02 tbody tr td.conST01{text-align:left; line-height:18px; min-height:150px; vertical-align:top; *height:150px;}

.tableSt03{width:100%; border-top:3px #78451e solid; border-bottom:1px #78451e solid; table-layout:fixed;}
.tableSt03 thead tr th{height:39px; background:#a97b48; border-right:1px #dfd5c8 solid; border-bottom:1px #dfd5c8 solid; color:#ebf4ff;}
.tableSt03 tbody tr td{min-height:13px; *height:13px; padding:18px 0; text-align:center; border-right:1px #dfd5c8 solid; border-bottom:1px #dfd5c8 solid;}
.tableSt03 thead tr th.lastR,.tableSt03 tbody tr td.lastR{border-right:0;}
.tableSt03 tbody tr td.lastB{border-bottom:0;}

/* a style */

.aSt01:hover{text-decoration:underline;}

/* box style */

.boxSt01{width:100%; overflow:hidden; line-height:18px; min-height:170px;}


/*계정정보변경 Dialog Style*/
#dialog-form label,
#dialog-form input {
    display: block;
}

#dialog-form input.text {
    margin-bottom: 12px;
    width: 95%;
    padding: .4em;
}

fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}

h1 {
    font-size: 1.2em;
    margin: .6em 0;
}

.ui-dialog .ui-state-error {
    padding: .3em;
}

.validateTips {
    border: 1px solid transparent;
    padding: 0.3em;
}