@charset "utf-8";

/*login*/
.login_logo { text-align: center; position: absolute; top:-40px; width:90%; max-width:500px;}
/* index */
h1.event_title { text-align: center ; background:#fff; border-radius: 5px; padding:15px; font-size: 20px; margin-bottom:5px;}
h2.part_name {text-align: center ; background:#fff; border-radius: 5px; padding:15px;font-size: 20px; margin-bottom:15px; }
.index_btn_set_wrap { padding:20px 20px 40px; }
.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_notice { width:32%; 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_attend { width:32%; 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:32%; 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_btn.gowork_btn_1.checkWorkOnNote
, .gowork_btn.gowork_btn_2.checkWorkOnNote
, .gowork_btn.gowork_btn_1.checkWorkOffNote
, .gowork_btn.gowork_btn_2.checkWorkOffNote
, .gowork_btn.gowork_btn_2.checkWorkOff{width:100%}
#gowork .row { margin-top:10px; }
.scroll_on { overflow-y: scroll ; height:200px;}

/*보고서작성*/
#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; }


/*-------------common--------------*/
.repons_br {display: none}
#notice_wrap,
#gowork_wrap,
#report_wrap
{padding:15px; background: #fff; border-radius: 5px; }
#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 { display: none; min-height: 40px;}
.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; }


@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: 2em }
    .index_btn_set_wrap a:after { border:1px solid #ccc; }
    .btn_notice { width:48%; margin-right:2%; background-position: center 20%; background-repeat: no-repeat; background-size: 70px; margin-bottom:2%;  }
    .btn_attend { 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: 320px){
    .stats_btns label:first-child { width:24%; }
    .stats_btns label:nth-child(2) { width:24%; }
    .stats_btns label:last-child { width:49%; }
}

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