@charset "utf-8";

#MainArea{position:relative;padding:5px 5px 0px 10px;box-sizing:border-box;height:100%;}

#MainArea .sub_top{height:22px;margin-bottom:10px}
/* 현재위치 */
#MainArea .sub_top .map{position:absolute;top:15px;font-size:15px;color:#a2a2a2;white-space:nowrap}
#MainArea .sub_top .map span{color:#888}
/* 기능버튼 */
#MainArea .sub_top .page_btn{position:absolute;right:10px}
#MainArea .sub_top .page_btn a{position:relative;display:none;border:1px solid #c6c6c6;border-radius:2px;color:#666;padding:4px 8px 2px 25px}
#MainArea .sub_top .page_btn a span{position:absolute;left:5px;top:2px;display:inline-block;width:16px;height:16px;background:url(../theme/dtl/page_btn.png) 0 0 no-repeat;}
#MainArea .sub_top .page_btn a.page_btn01 span{background-position:0 0}
#MainArea .sub_top .page_btn a.page_btn02 span{background-position:-20px 0}
#MainArea .sub_top .page_btn a.page_btn03 span{background-position:-40px 0}
#MainArea .sub_top .page_btn a.page_btn04 span{background-position:-60px 0}
#MainArea .sub_top .page_btn a.page_btn05 span{background-position:0 -20px}
#MainArea .sub_top .page_btn a.page_btn06 span{background-position:-20px -20px}
#MainArea .sub_top .page_btn a.page_btn07 span{background-position:-40px -20px}
#MainArea .sub_top .page_btn a.page_btn08 span{background-position:-60px -20px}
#MainArea .sub_top .page_btn a.page_btn09 span{background-position:0 -40px}
#MainArea .sub_top .page_btn a.page_btn10 span{background-position:-20px -40px}
#MainArea .sub_top .page_btn a.page_btn11 span{background-position:-40px -40px}
#MainArea .sub_top .page_btn a.page_btn12 span{background-position:-60px -40px}
#MainArea .sub_top .page_btn a:hover,
#MainArea .sub_top .page_btn a:active{border-color:#1e90e5;color:#1e90e5}

/* title */
#MainArea h2{background:url(../theme/dtl/bullet_tit.png) 0 2px no-repeat;padding-left:8px;font-size:14px;margin-bottom:10px}

/* 조회조건 */
#MainArea .SearchFormArea {position:relative;border:1px solid #e9e9e9;background:#f5f5f5;}
/*#MainArea .SearchFormArea .weather{position:absolute;top:0;right:0;width:102px;height:100%;border-left:1px solid #e9e9e9}*/

#MainArea .SearchFormArea .SearchCondTable{margin:3px 10px 3px 0px;width:100%;}
#MainArea .SearchFormArea .SearchCondTable tr{height:30px;}
#MainArea .SearchFormArea .SearchCondTable td{position:relative;color:#666;padding-left:5px;padding-right:5px;font-size:13px;}
#MainArea .SearchFormArea .SearchCondTable td input[type="radio"]{height: 17px; border:1px solid #cbcdce; color:#666666; background-color:#ffffff;  padding-top:2px; margin-bottom:4px;width:15px;cursor:pointer;vertical-align:middle;line-height:18px;}
#MainArea .SearchFormArea .SearchCondTable td input[type="checkbox"]{height: 17px; border:1px solid #cbcdce; color:#666666; background-color:#ffffff;  padding-top:2px; margin-bottom:4px;width:15px;cursor:pointer;vertical-align:middle;line-height:18px;}
#MainArea .SearchFormArea .SearchCondTable td:nth-child(2n){padding:0 10px 0 10px}
#MainArea .SearchFormArea .SearchCondTable td.star{background:url(../theme/icon/star.png) 1px 50% no-repeat}
#MainArea .SearchFormArea .SearchCondTable td a{display:inline-block;width:22px;height:22px;border:1px solid #c6c6c6;border-radius:4px;background:#fff url(../theme/dtl/search_icon.png) 0 0 no-repeat;margin:0 0 -7px 3px}
#MainArea .SearchFormArea .SearchCondTable td a.cal{background-position:0 0}
#MainArea .SearchFormArea .SearchCondTable td a.del{background-position:-50px 0}
#MainArea .SearchFormArea .SearchCondTable td a.search{background-position:-30px 0}
#MainArea .SearchFormArea .SearchCondTable td a.prev{background-position:0 -30px;margin:0 3px -7px 0}
#MainArea .SearchFormArea .SearchCondTable td a.next{background-position:-30px -30px}
#MainArea .SearchFormArea .SearchCondTable td a.btn_txt{width:auto !important;height:auto !important;background:#fff !important;} /* text 버튼 추가 */
#MainArea .SearchFormArea .SearchCondTable td a:hover,#MainArea .SearchFormArea td a:active{border-color:#1e90e5}

/* #MainArea .SearchFormArea .weather div{height:20px;margin:11px 0 0 9px}
#MainArea .SearchFormArea .weather div img{display:inline-block;margin-right:3px} */

/* tab */
#MainArea .tab{position:relative;height:25px;margin-bottom:3px;overflow:auto;}
#MainArea .tab ul{border-bottom:1px solid #c6c6c6;overflow:auto;}
#MainArea .tab li{float:left;margin-right:2px;text-align:center}
#MainArea .tab li:after{display:inline-block;clear:both;content:""}
#MainArea .tab li a{display:inline-block;min-width:75px;height:16px;border:1px solid #c6c6c6;border-bottom:0 none;border-radius:3px 3px 0 0;padding:5px 12px 2px 12px;color:#666;}
#MainArea .tab li a:hover,#MainArea .tab li a:active,#MainArea .tab li.on a{font-weight:600;color:#fff;background:#6282a5;border-color:#6282a5;}
#MainArea .tab span{position:absolute;top:4px;right:0}

/* table - grid */
#MainArea .tablegrid{width:100%;margin-bottom:10px}
#MainArea .tablegrid th,#MainArea .tablegrid td{height:24px;line-height:16px;text-align:center}
#MainArea .tablegrid th{background:#ebf6ff;border:1px solid #c6c6c6;color:#666;font-size:11px;padding:5px 5px 4px 5px}
#MainArea .tablegrid td{border:1px solid #e9e9e9;padding:2px 5px}
#MainArea .tablegrid td input{width:100%;box-sizing:border-box;text-align:right}
#MainArea .tablegrid .total{background:#ffe0cc;font-weight:600}

/* table - ibsheet*/
#MainArea .ibs tr:nth-child(2n){background:#f5f5f5}
#MainArea .ibs tbody tr:hover,#MainArea .ibs tbody tr.selected{background:#ffec96;font-weight:600;letter-spacing:-1px;cursor:pointer}
#MainArea .ibs tbody input:focus,#MainArea .ibs tbody tr.selected input{font-weight:600;}

/* 행사정보 */
#MainArea .event{background:#ffec96;font-size:14px;font-weight:600;color:#000;padding:10px;margin:15px 0}

/* layout */
#MainArea .MasterFormArea{position:relative;overflow-y:auto;overflow-x:hidden;}
#MainArea .SubLayoutArea{position:relative;}
#MainArea .SubLayoutArea .TabLayout{position:relative;float:left;margin-right:1px;}
/* layout 가로 2단 */
#MainArea .SubLayoutArea .LeftLayout{position:absolute;left:0;}
#MainArea .SubLayoutArea .RightLayout{position:absolute;right:0;}
#MainArea .SubLayoutArea .CenterLayout{position:absolute;}
#MainArea .SubLayoutArea .TopLayout{position:relative;}
#MainArea .SubLayoutArea .MiddleLayout{position:relative;}
#MainArea .SubLayoutArea .BottomLayout{position:relative;}
#MainArea .SubLayoutArea .GridArea{height:100%;}
/*#MainArea .SubLayoutArea .GridArea{height:100%;border:1px solid #c6c6c6;}*/
.red{color:#f9593a}
.item .item_img{float:left;width:150px;height:150px;border:1px solid #e9e9e9}
.item ul{float:left;width:91px;border-top:1px solid #e9e9e9;text-align:center;margin-left:-1px}
.item li{height:20.5px;border:1px solid #e9e9e9;border-top:0 none;padding-top:10px}

/* text 버튼 */
#MainArea .btn_txt{display:inline-block;border:1px solid #c6c6c6;border-radius:2px;color:#666;padding:5px 4px 3px 5px;margin-right:3px;text-align:center;}
#MainArea .btn_txt:hover,#MainArea .btn_txt:active{border-color:#1e90e5}

/* form */
#MainArea .MasterTable td{color:#666;padding-left:10px;padding-right:10px;box-sizing:border-box;white-space:nowrap;}
#MainArea .MasterTable td.star{background:#f9f9f9 url(../theme/icon/star.png) 3px 50% no-repeat;}
#MainArea .MasterTable td input[type="radio"]{height: 17px; border:0px; padding-top:2px; margin-bottom:2px;width:15px;cursor:pointer;}
#MainArea .MasterTable td input[type="checkbox"]{height: 17px; border:0px; padding-top:2px; margin-bottom:2px;width:15px;cursor:pointer;}

.closeBar{height:15px;width:100%;margin-top:-1px;margin-bottom:5px;}
.closeBar .btn{float:right;width:42px;height:15px;cursor:pointer;border-bottom:1px solid #eeeeee;background:#fafafa url('../theme/common/closeBar_close.png') no-repeat 50% 50%;}
.closeBar.hid{border-top:1px solid #eeeeee;}
.closeBar.hid .btn{background:#fafafa url('../theme/common/closeBar_open.png') no-repeat 50% 50%;}

.table_title {margin-top:10px; margin-bottom:10px;}
.table {border-left:1px solid #b4afd1; border-bottom:5px solid #c2c2c2;}
.table_th {border:1px solid #b4afd1; background:#f9f9f9; padding:3px; font-weight:bold; padding-left:5px;}
.table_td {border:1px solid #b4afd1; background:#FFFFFF; padding:3px;}

.sub_title {background:url(../theme/icon/sub_title_bullet.gif) no-repeat 5px 10px; padding:7px 0 0 20px; font-size:14px; font-weight:bold; height:24px;}
.sub_btn_set{float:right;}
.text_btn{margin-bottom:5px; background:#85a0ba; min-width:100px; height:20px; padding:2px 5px 2px 5px; margin-right:5px; margin-top:2px; font-weight:bold; color:#ffffff; border:1px solid #929292; cursor:pointer; text-align:center; white-space:nowrap; display:inline-block; }
.text_btn:hover{margin-bottom:5px; background:#6282a5; min-width:100px; height:20px; padding:2px 5px 2px 5px; margin-right:5px; margin-top:2px; font-weight:bold; color:#ffffff; border:1px solid #929292; cursor:pointer; text-align:center; white-space:nowrap; display:inline-block; }

.text_span{display:inline-block;height:20px;line-height:23px;vertical-align:top;}

.input{height: 17px; border:1px solid #cbcdce; color:#666666; background-color:#ffffff; padding-top:2px;padding-bottom:2px;margin-bottom:2px;vertical-align:middle;line-height:18px;}
.input_num{height: 17px; border:1px solid #cbcdce; color:#666666; background-color:#ffffff; padding-top:2px;padding-bottom:2px;text-align:right;padding-right:1px;ime-mode:disabled; margin-bottom:2px;vertical-align:middle;line-height:18px;}
.input_dis{height: 17px; border:1px solid #cbcdce; color:#666666; background-color:#e5e5e5; padding-top:2px;padding-bottom:2px;margin-bottom:2px;vertical-align:middle;line-height:18px;}
.input_num_dis{height: 17px; border:1px solid #cbcdce; color:#666666; background-color:#e5e5e5; padding-top:2px;padding-bottom:2px;text-align:right;padding-right:1px;ime-mode:disabled; margin-bottom:2px;vertical-align:middle;line-height:18px;}
.input_cal{height:17px; border:1px solid #cbcdce; color:#666666; background-color:#ffffff; padding-top:2px;padding-bottom:2px;margin-bottom:2px;vertical-align:middle;line-height:18px;text-align:center;width:80px;}
.input_cal_dis{height:17px; border:1px solid #cbcdce; color:#666666; background-color:#e5e5e5; padding-top:2px;padding-bottom:2px;margin-bottom:2px;vertical-align:middle;line-height:18px;text-align:center;width:80px;}
.input_check{height: 17px; border:1px solid #cbcdce; color:#666666; background-color:#ffffff; padding-top:2px;padding-bottom:2px;margin-bottom:4px;vertical-align:middle;line-height:18px;}

.text {color:#666666; background-color:#ffffff; padding-top:3px;}
.text_dis {color:#666666; background-color:#e5e5e5; padding-top:3px;}

.select {height:23px; border:1px solid #cbcdce; color:#666666; background-color:#ffffff;padding-top:1px;vertical-align:middle;line-height:20px;}
.select_dis {height:23px; border:1px solid #cbcdce; color:#666666; background-color:#e5e5e5;padding-top:1px;vertical-align:middle;line-height:20px;}

.box_all {display: inline; border: 1px solid #c2c2c2;}


.helper_box {                                     /* Helper Box Style */
    width: 100%;
    overflow: none;
    background-color: #FFCD3E;
    border: 1px solid #C47712;
    padding-top: 8px;
    padding-left: 10px;
    padding-bottom: 5px;
    text-align: left;
    font-weight: bold;
}

.bill_edit_box {                                /* Scroll Modify Box Style */
    width:100%;
    overflow-y: auto;
    background-color: #E9E9E5;
    border: 1px solid #ACACC2;
}

/*************************************************************************************/

.ui-datepicker {
   width: 17em;
   padding: .2em .2em 0;
   display: none;
   font-size: 16px;
}
.ui-datepicker .ui-datepicker-header {
   position: relative;
   padding: .2em 0;
   vertical-align:middle;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   position: absolute;
   top: 9px;
   width: 1.8em;
   height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
   top: 8px;
}
.ui-datepicker .ui-datepicker-prev {
   width:21px;height:21px;
   background:url('../theme/common/cal_left.png') no-repeat;
   left: 8px;
}
.ui-datepicker .ui-datepicker-next {
   width:21px;height:21px;
   background:url('../theme/common/cal_right.png') no-repeat;
   right: 8px;
}
.ui-datepicker .ui-datepicker-prev-hover {
   width:21px;height:21px;
   background:url('../theme/common/cal_left.png') no-repeat;
   left: 7px;
}
.ui-datepicker .ui-datepicker-next-hover {
   width:21px;height:21px;
   background:url('../theme/common/cal_right.png') no-repeat;
   right: 7px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   top: 50%;
   margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
   margin: 0 2.3em;
   line-height: 1.8em;
   text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
   font-size: 1em;
   margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
   width: 100%;
}
.ui-datepicker select.ui-datepicker-month {
    width: 40%;
    padding:5px 5px 5px 5px;
    font-size: 14px;
}
.ui-datepicker select.ui-datepicker-year {
   width: 45%;
   padding:5px 5px 5px 5px;
   font-size: 14px;
}
.ui-datepicker table {
   width: 100%;
   font-size: .9em;
   border-collapse: collapse;
   margin: 0 0 .4em;
}
.ui-datepicker th {
   padding: .7em .3em;
   text-align: center;
   font-weight: bold;
   border: 0;
}
.ui-datepicker td {
   border: 0;
   padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
   display: block;
   padding: .2em;
   text-align: right;
   text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
   background-image: none;
   margin: .7em 0 0 0;
   padding: 0 .2em;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
   float: right;
   margin: .5em .2em .4em;
   cursor: pointer;
   padding: .2em .6em .3em .6em;
   width: auto;
   overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
   width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
   float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
   width: 95%;
   margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
   width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
   width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
   width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
   border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
   clear: left;
}
.ui-datepicker-row-break {
   clear: both;
   width: 100%;
   font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
   direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
   right: 2px;
   left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
   left: 2px;
   right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
   right: 1px;
   left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {;
   left: 1px;
   right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
   clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
   float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
   float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px;
}

.ui-datepicker-trigger{cursor:pointer; padding-left:5px;}

/* Board View  Style ---------------------------------------------------------------------------- */
.board_view_opn_table {
   width: 100%;
   border-top: 1px solid #999999;
}

.board_view_opn_td {
   padding :5px;
   border-bottom: 1px solid #999999;
}

.board_view_opn_sp {
   width: 2px;
   background-color: #CCCCCC;
   border-bottom: 1px solid #999999;
}

.board_view_ref_table {
   width: 100%;
   border-top: 1px solid #999999;
}

.board_view_ref_td {
   padding :2px;
   border-bottom: 1px solid #999999;
}

.board_view_lst_table {
   width: 100%;
   border: 1px solid #999999;
   background-color: #F5F5F5;+
}

.board_view_lst_td {
   background-color: #E1E9EC;
}
/* ---------------------------------------------------------------------------------------------- */