@charset "utf-8";

/*login*/
.login_logo { text-align: center; position: absolute; top:-40px; width:90%; max-width:500px;}
/* index */
h1.area_title { text-align: center ; background:#fff; border-radius: 5px; padding:15px; font-size: 20px; margin-bottom:5px; width:32.5%; float:left; }
h2.position_title {text-align: center ; background:#fff; border-radius: 5px; padding:15px;font-size: 20px; margin-bottom:15px; width:32.5%; float:left; margin-left:1.3% }
h3.name_title {text-align: center ; background:#fff; border-radius: 5px; padding:15px;font-size: 20px; margin-bottom:15px; width:32.5%; float:right }
h4.date_title {text-align: center ; background:#fff; border-radius: 5px; padding:15px;font-size: 20px; margin-bottom:15px; width:100%; float:left; }
.index_btn_set_wrap { padding:20px 20px 40px; clear: both}
.index_btn_set_wrap a { display: inline-block; position: relative; border-radius: 10px; padding:150px 20px 20px; font-size: 1.6em; text-align: center;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
}
.index_btn_set_wrap a:after { content: ""; position: absolute; width:97%; height:96%; left:1.5%; top:2%; border:2px solid #ccc; border-radius: 7px }
.btn_vacation { width:49%; float:left; margin-right:2%;background-color: #fff; background-image: url("../img/main_icon_01.png"); background-position: center 20%; background-repeat: no-repeat; background-size: 100px;  }
.btn_move { width:46%; float:left; margin-right:2%;background-color: #fff; background-image: url("../img/main_icon_02.png"); background-position: center 20%; background-repeat: no-repeat; background-size: 100px;  }
.btn_report { width:46%; float:left;background-color: #fff; background-image: url("../img/main_icon_03.png"); background-position: center 20%; background-repeat: no-repeat; background-size: 100px;  }
.noread_count { position: absolute; width:40px; height: 40px; top:-15px; right:-10px; text-align: center; background: #ff0000; line-height: 40px; z-index: 1; color: #fff; font-size: 14px; border-radius: 200px;}

/*공지사항*/
#notice_wrap li a {border:1px solid #ddd;}
.notice_list { margin-top:10px;}
.notice_list table { border-bottom:1px solid #ddd}
.notice_list table th { text-indent:-9999px; display: none }
.notice_list table th, .notice_list table td { vertical-align: middle !important}
.notice_list table td span.label { display: inline-block; width:60px !important; height: 40px !important; line-height: 38px !important; font-size: 0.9em }
.list_num { font-size: 12px; text-align: center }
h1.notice_view_title { font-size: 1.4em; font-weight: 500; padding-bottom:10px; border-bottom:1px solid #ddd; background: #fff; }
.notice_view_haed {padding:0 0 10px; border-bottom:1px solid #ddd; background: #fafafa}
.notice_view_haed .badge { font-weight: normal !important}
.content_view { word-break: break-all; padding:30px 0 }

/*휴가신청*/
.check_date { font-size: 1em; background: #fff; border:2px solid #ccc; padding:10px; border-radius:5px}
#gowork_wrap li a {border:1px solid #ddd;}
.gowork_btn { white-space: normal !important; word-break: break-all; height: auto }
.gowork_btn.gowork_btn_1 { width: 49%; padding-left:4px !important; padding-right:4px !important; }
.gowork_btn.gowork_btn_2 { width: 49%; padding-left:4px !important; padding-right:4px !important; min-height: 50px; }
#gowork .row { margin-top:10px; }
.scroll_on { overflow-y: scroll ; height:200px;}
#content_wrap { overflow: hidden; background: #fff; padding:15px; border-radius: 5px; margin:20px 0 }
.vacation_form_team { border-top:1px solid #ddd}
.vacation_form_team th, .vacation_form_team td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; width:16.66666666666667% !important ; font-size: 11px !important; text-align: center; padding-left:3px !important; padding-right:3px !important; padding-top:5px !important; padding-bottom:5px !important; line-height: 1.1 }
.vacation_form_team input[type=text] { max-width: 100%; width:100%; border:1px solid #646464; height:26px; font-size: 12px}
.info_form_del { font-size: 11px; float:right; margin-top:5px; padding:3px 10px; background: #fafafa; border:1px solid #ddd}
.info_form_plus { font-size: 11px; float:left; padding:3px 10px; background: #fafafa; border:1px solid #ddd}
.approval_date { text-align: center; margin-top:10px; line-height: 1.6}

/*printing*/
.print_wrap { width:595px; margin:0 auto; padding:40px 0; background: url("../img/mobile/print_bg.jpg")center top no-repeat; background-size: contain}
.print_wrap > h1 { text-align: center;  text-decoration: underline }

.print_tlb {border:2px solid #242424}
.print_tlb caption {padding:0 0 10px;color:#777;text-align:left}
.print_tlb thead th {padding:12px 0;border:1px solid #cacaca;background:#d9d9da;color:#383838;font-size:1em;text-align:center;letter-spacing:-0.1em}
.print_tlb thead a {color:#383838}
.print_tlb thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.print_tlb tbody th {padding:8px 5px 8px 10px;border-top:1px solid #242424;border-bottom:1px solid #242424; background-color: #F1F1F1; font-size: 1em; width:90px;}
.print_tlb tfoot th {padding:8px 5px 8px 10px;border-top:1px solid #242424;border-bottom:1px solid #242424; background-color: #F1F1F1; font-size: 1em; width:90px;}
.print_tlb tfoot th.total { background: #FBD6D7 }
.print_tlb td {padding:8px;border:1px solid #242424; border-right-width:0; line-height:1.5em;word-break:break-all; font-size: 1em}
.print_tlb tr td:first-child { border-left-width:0 }
.print_tlb .width_data td { width:25%}
.team_width_data { width:12.5% }
.th_area { background: #ffe599; text-align: center; font-size: 14px !important;}
.cause_field { height: 300px; vertical-align: top}

/*보고서작성*/
#report_wrap { overflow: hidden}
.stats_wrap { padding:10px; line-height: 40px; background: #fafafa; border:1px solid #ddd; font-size: 1.3em; margin-bottom:15px; }
.stats_wrap select { background: #fff; display: inline-block; margin-left:5px; margin-bottom:3px;}
.stats_btns label { width:32%; padding-left:5px; padding-right:5px;}
#stats_label { line-height: 28px; display: inline-block !important; background-color: transparent; width:50%; margin-left:20px; }
#stats_label.meeting { background-color:#5cb85c }
#stats_label.resting { background-color:#5bc0de }
#stats_label.claim { background-color:#d9534f }
#stats_label.meeting:after { content: "미팅중"; }
#stats_label.resting:after { content: "휴식중"; }
#stats_label.claim:after { content: "클레임발생"; }
.store_create { padding:10px; background: #eaeaea; border:1px solid #ddd; margin-bottom:15px; margin-top:25px; overflow: hidden}
.store_create_label { font-size: 14px; line-height: 1.2; font-weight: 400 !important; margin-bottom:0; vertical-align: middle; }
.store_list_label { font-size: 14px; font-weight:normal !important; margin-bottom:0; vertical-align: middle; line-height:34px; text-align: center}
.store_list ul li { margin-bottom:5px; }
.count_plus { font-size: 30px; color: #FF0004; border:1px solid #ddd; margin-bottom:3px; height:40px; position: relative; border-radius: 5px;}
.count_minus { font-size: 30px; color: #00598B; border:1px solid #ddd; margin-top:3px; height:40px; position: relative; border-radius: 5px; }
.count_plus i { display: block; position: absolute; height:30px; width:30px; top:50%; margin-top:-15px; left:50%; margin-left:-15px; }
.count_minus i { display: block; position: absolute; height:30px; width:30px; top:50%; margin-top:-15px; left:50%; margin-left:-15px; }
.item_wrap { padding:10px 5px; text-align: center ;  border:1px solid #ddd; border-radius: 5px; background: #fafafa; }
.item_wrap input[type="text"] { text-align: center }
.item_name { display: block; margin-bottom: 5px; font-size: 11px;}
.use_item_title { font-size: 1.2em; margin-bottom:15px; margin-top:10px; }
.section_div { margin-bottom:5px;}
.icon_circle_wrap { background: #ea2329; padding:5px; border-radius: 100px; display: inline-block; text-align: center; width:38px; }
.icon_circle_wrap i { color:#fff; }


/* MD 활동비 */
.md_oe_nav li { width:50%; float:left; text-align: center; padding:2px; }
.md_oe_nav li a { display: block; text-align: center; font-size: 1.1em; padding:20px 10px ; border:1px solid #ddd}

/*-------------common--------------*/
.sub_title { font-size:1.4em !important }
.repons_br {display: none}
#container_title { height:0px; width:0px; overflow: hidden; position: absolute}
.paging { text-align: center }
/*boots modify*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background-color: #ea2329 !important }
.pagination>li>a, .pagination>li>span { color: #242424;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #ff4800  }
.btn-default { color: #333; background-color: #eaeaea; border-color: #adadad !important; background-image: none; text-shadow: none; }
.btn-primary { color: #fff; background-color: #337ab7 !important; background-image: none; text-shadow: none; border-color: #2e6da4 !important; }
.form-control[readonly] { background: #fff !important }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px !important; padding-left: 5px !important;
}
.row { margin-right:-5px !important; margin-left:-5px !important; }
.tab-content { padding-top:10px;}
.modal-header { padding:10px 20px !important}
.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning { background-image: none !important}
.btn-darkred { background-color: #a90329; color:#fff }

.padding_t_10 { padding-top:10px;}
.page_title { min-height: 40px; margin-bottom:30px;}
.mobile_back { position: absolute; border:1px solid rgba(255,255,255,0.3); left:0; top:50%; margin-top:-18px; background: rgba(255,255,255,0.1); padding-left:15px; padding-right:15px; }

/* 테이블 */
.table_wrap {}
.table_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.table_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tlb_default {}
.tlb_default caption {padding:0 0 10px;color:#777;text-align:left}
.tlb_default thead th {padding:12px 0;border:1px solid #cacaca;background:#d9d9da;color:#383838;font-size:1em;text-align:center;letter-spacing:-0.1em}
.tlb_default thead a {color:#383838}
.tlb_default thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tlb_default tbody th {padding:8px 5px 8px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc; background-color: #F1F1F1; font-size: 1em; width:90px;}
.tlb_default tfoot th {padding:8px 5px 8px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc; background-color: #F1F1F1; font-size: 1em; width:90px;}
.tlb_default tfoot th.total { background: #FBD6D7 }
.tlb_default td {padding:8px;border:1px solid #ccc; border-right-width:0; line-height:1.5em;word-break:break-all; font-size: 1em}
.tlb_default tr td:first-child { border-left-width:0 }

/*btn*/
.btn_wrap { margin:20px 0; overflow: hidden; text-align: center }
.default_btn { padding:8px 10px; font-size: 1em; background: #ea2329; text-align: center; display: inline-block; margin:0 3px; color:#fff; min-width: 120px; }
.btn-darkgray { padding:8px 10px; font-size: 1em; background: #2B2B2B; text-align: center; display: inline-block; margin:0 3px; color:#fff; min-width: 120px; }
.btn-warning2 { padding:8px 10px; font-size: 1em; background: #F0AD4E; text-align: center; display: inline-block; margin:0 3px; color:#fff; min-width: 120px; cursor: pointer }

/*form*/
.m_radio_input { margin-top:0 !important }
.default_textarea { width:100%; border:1px solid #ddd; min-height: 150px; }
.defaul_select { height:28px; border:1px solid #ddd }
.default_input { height:28px; border:1px solid #ddd }
label { font-weight: 500 !important; margin-bottom:0 !important}

/*size*/
.width_10_per { width:10% }
.width_20_per { width:20% }
.width_30_per { width:30% }
.width_40_per { width:40% }
.width_50_per { width:50% }
.width_60_per { width:60% }
.width_70_per { width:70% }
.width_80_per { width:80% }
.width_90_per { width:90% }
.width_100_per { width:100% }

/*font*/
.txt-right { text-align: right}
.txt-left { text-align: left}
.txt-center { text-align: center }
.color_red { color: #FF0004}


@media (max-width: 639px){
    .repons_br {display: inline}
    h2.part_name { margin-top:0 !important }
    #container { padding:10px;}
    .index_btn_set_wrap { padding:20px 0 60px; float:left; width:100%; }
    .index_btn_set_wrap a { padding:120px 20px 20px; font-size: 1.5em }
    .index_btn_set_wrap a:after { border:1px solid #ccc; }
    .btn_vacation { width:48%; margin-right:2%; background-position: center 20%; background-repeat: no-repeat; background-size: 70px; margin-bottom:2%;  }
    .btn_move { width:48%; margin-right:0;background-color: #fff; background-position: center 20%; background-repeat: no-repeat; background-size: 70px; margin-bottom:2%; }
    .btn_report { width:98.5%; background-color: #fff; background-position: center 20%; background-repeat: no-repeat; background-size: 80px; clear: both }
    #notice_tab li { float:left !important; width:32% !important; }
    #gowork_tab li { float:left !important; width:49% !important; }
    .page_title { display: block; position: relative; margin-left:-10px; margin-right:-10px; background:#888888; margin-top:-10px; font-size: 1.2em; text-align: center; color: #fff; padding:10px 0; margin-bottom:30px; }
}

@media (max-width: 480px){
    .stats_btns label:first-child { width:24%; }
    .stats_btns label:nth-child(2) { width:24%; }
    .stats_btns label:last-child { width:49%; }
    
    h1.area_title { width:49%; margin:5px 0; font-size: 1em }
    h2.position_title { width:49%; margin-left:0; margin:5px 0; font-size: 1em; float:right }
    h3.name_title { width:100%; margin:5px 0; font-size: 1em }
    h4.date_title { width:100%; margin:5px 0; font-size: 1em }
}

@media (min-width: 970px){
    .store_create { margin-top:0;}
    .stats_btns label { width:32%; padding-left:5px; padding-right:5px;}
}

.tr-color-red, .tr-color-red a:not(.btn) {color: #ED1C24 !important;}
.tr-color-orange, .tr-color-orange a:not(.btn) {color: #FF7F27 !important;}