/* common */
.show,.block{display:block}
.hide{display:none}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
#animTarget{position:absolute;top:-500px;left:-500px;width:1px;height:1px;z-index:-1}
.nob{border:none !important}
.fl{float:left}
.fr{float:right}
.clear:after{display:block;content:"";clear:both}
.font_bold{font-weight:bold}
.text_center{text-align:center}
.btn-white{background-color:#fff;color:rgb(190, 189, 189)}
.cursor_pointer{cursor:pointer !important;}

/* margin */
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr8{margin-right:8px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}

/* padding */
.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}
.pl0{padding-left:0 !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}

/* width ratio */
.wper5{width:5%}
.wper10{width:5%}
.wper15{width:5%}
.wper20{width:5%}
.wper25{width:5%}
.wper30{width:5%}
.wper35{width:5%}
.wper40{width:5%}
.wper45{width:5%}
.wper50{width:5%}
.wper55{width:5%}
.wper60{width:5%}
.wper65{width:5%}
.wper70{width:5%}
.wper75{width:5%}
.wper80{width:5%}
.wper85{width:5%}
.wper90{width:5%}
.wper95{width:5%}
.wper100{width:5%}
.wper5{width:5%}
.wper5{width:5%}


.drag-handler {
    width: 1.4em;
    position: relative;
    background-color: #E4E6EB;
    background-image: linear-gradient(45deg, #E4E6EB, #E4E6EB 2px, #fff 2px, #fff 4px, #E4E6EB 4px, #E4E6EB 9px, #fff 9px, #fff 11px, #E4E6EB 11px, #E4E6EB 16px, #fff 16px, #fff 18px, #E4E6EB 18px, #E4E6EB 22px);
    background-size: 10px 20px;
    cursor: move;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
}
.btn-menu-close{margin-top:12px}
/* http://jsfiddle.net/mbhavfwm/ */
.chartWrapper {
    position: relative;
}

.chartWrapper > canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events:none;
}

.chartAreaWrapper {
    width: 100%;
    overflow-x: scroll !important;
}
/* default layout */
/* 2019.01.03 크롬에서 chartjs label 겹치는 문제*/
/*body{letter-spacing:-1px}*/
.content{padding:30px 42px}
.content.have_p_header{padding:0 42px}
.footer_menu{position:fixed;bottom:0;left:0;width:100%;background:#2C3441}
.footer_menu:after{clear:both;display:block;content:""}
.footer_menu ul{margin:0;padding:0}
.footer_menu li{float:left;width:33.3%;list-style:none}
.footer_menu li:first-child{width:33.4%}
.footer_menu li>span{display:block;color:#fff;padding-top:14px;border-left:1px solid #555;width:100%;line-height:100%;height:40px;font-size:13px;text-align:center;transition:color 0.2s linear;text-decoration:none;box-sizing:border-box}
.footer_menu li:first-child>span{border-left:0 none}
.footer_menu li>span.active{color:#ffc20f}
.version_html{padding:100px 10px 5px 0;text-align:right;color:#aaa;font-size:13px}
.block-content{padding:30px;border:1px solid #d2d2d2}
.block-content.none-padding{padding:0}
.vmiddle{vertical-align:middle !important}
.overflow-x-auto{overflow-x:auto}
.content .block{margin-bottom:20px}

@media screen and (max-width: 768px){
    .content .block{margin-bottom:10px}
    .content{padding:5px}
    .content.have_p_header{padding:5px}
}

/* bootstrap override */
.row {
    margin-right: -6px;
    margin-left: -6px;
}
.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 {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: 0;
    border-radius: 4px;
}

/* 로그인 */
.login_content{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5000;background:url(assets/img/various/bg_intro.jpg) no-repeat scroll 0 0 #071b2f; background-size:cover;min-height:100%; width: 100%}
.login_content .inner{position:absolute;top:50%;left:50%;width:240px;margin-top:-119px;margin-left:-120px}
.login_content .inner .title{text-align:center;margin-bottom:21px}
.login_content .inner .logo_image{width:88px}
.login_content .btn-primary{background-color:#5c90d2 !important}
.login_content .info_txt{font-size:13px;color:#fff;line-height:20px;margin-bottom:10px}
.login_content .info_txt strong{color:rgb(253, 193, 49)}
.login_content .btn_login{padding:12px 0;text-align:center;font-weight:bold;border:0 none;outline:none;color:#fff;font-size:13px;width:100%;border-radius:3px;line-height:100%;background-color: rgb(253, 193, 49);}
.login_content .btn_login:disabled{background-color:#bbb}
.login_content .login_btn button{float:left;width:117px;display:inline-block;padding:12px 0;text-align:center;font-weight:bold;border:0 none;outline:none;color:#fff;font-size:13px;border-radius:3px;line-height:100%;background-color: rgb(253, 193, 49);}
.login_content .login_btn button.cancel{margin-right:6px;background-color:#bbb}
.info_txt02{font-size:12px;color:#999}
.login_sel_company{z-index:6000}
.login_content .form-control{padding:9px 16px 8px 16px}
.login_content .ip01{border-radius:3px 3px 0 0;border-bottom:0}
.login_content .ip02{border-radius:0 0 3px 3px}
@media screen and (max-width: 768px){
    .login_content{position:fixed;height:100%;min-height:400px;overflow:hidden}
}

/* 인사관리 */
.page_header_v01{padding:16px 0 11px}
.page_header_v01 .btn_header_ty01{margin-top:2px;padding-right:10px;text-align:left;height:30px;border:solid 1px #a3a2a2;border-radius:15px;background-color:#fff;font-size:12px;color:#333}
.page_header_v01 .btn_header_ty01.ico01{padding-left:30px;background:url(assets/img/remodel/chart.png) no-repeat 13px center #fff;background-size:12px 12px}
.page_header_v01 .btn_header_ty01.ico02{padding-left:30px;background:url(assets/img/remodel/printer.png) no-repeat 11px center #fff;background-size:14px 14px}
.page_header_v01 .btn_header_ty01.ico03{padding-left:30px;background:url(assets/img/remodel/button-ico-download.png) no-repeat 11px center #fff;background-size:14px 14px}
.page_header_v01 .btn_header_ty01.ico04{padding-left:30px;background:url(assets/img/remodel/btn_x.png) no-repeat 11px center #fff;background-size:10px 10px}
.page_header_v01 .bootstrap-select .btn-default{background-color:#fff !important}
.page_header_v01 .bootstrap-select .btn {padding:8px 16px 7px 16px;font-size:13px;height:auto;font-weight:normal}
.page_header_v01 .bootstrap-select .dropdown-menu>li>a{font-size:12px}
.page_header_v01 select.form-control{padding:11px 27px 11px 16px;font-size:13px;height:auto;font-weight:normal}
.page_header_v01 .btn_custom.btn-default{background-color:#fff !important}
.page_header_v01 .btn_custom.btn {padding:8px 16px 7px 16px;font-size:13px;height:auto;font-weight:normal}
.page_header_v01 .sub_info{display:inline-block;vertical-align:middle;color:#666;font-size:20px;}
.page_header_v02{margin-bottom:15px;font-size:18px;font-weight:bold}
.page_header_v03{padding:10px 0;margin-top:30px;font-size:16px;font-weight:bold}
@media screen and (max-width: 768px){
    .page_header_v03{margin-top:0}
}
.humanlist .col-sm-6, .humanlist .col-lg-3{padding:0 5px}
.humanlist .section_tit{color:#252525;margin:10px 0 15px -10px}
.humanlist .dropdown{vertical-align:middle}
.humanlist .dropdown table{table-layout:fixed}
.humanlist .block{vertical-align: middle; margin-bottom: 18px; border-radius: 1px; border: 1px solid #d1d1d1;}
.humanlist .block>div{position:relative;vertical-align: middle;padding:10px 15px 10px 65px;min-height:60px}
.humanlist .block .photo{position:absolute;top:10px;left:15px;width:40px;vertical-align: middle}
.humanlist .block .photo img{width:40px;height:40px}
.humanlist .block .cont{font-size:12px;color:#666}
.humanlist .block .cont .name{padding-top:7px;font-size:14px;color:#252525;margin-bottom:6px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden}
.humanlist .block .cont *{line-height:100%}

/* 모달 */
.modal_ty01{max-width:400px;border-radius:10px;background-color:#fff}
.modal_ty01.width_ty02{max-width:600px;}
.modal_ty01 .modal_inner{padding:31px 27px}
.modal_ty01 .modal_header{position:relative;margin-right:-27px;margin-bottom:22px;padding:0 27px 10px 0;box-sizing:content-box;border-bottom:1px solid rgb(51, 51, 51);font-size:18px;font-weight:bold}
.modal_ty01 .modal_header .btn_close{position:absolute;top:-13px;right:16px;width:26px;height:26px;padding:10px;margin:0;background:url(assets/img/remodel/btn_x.png) no-repeat center center transparent;z-index:10;background-size:16px 16px;border:0 none;outline:none;background-color:#fff}
.modal_ty01 .modal_footer{text-align:center;margin-top:13px}
.modal_ty01 .modal_footer .btn_ty01{display:inline-block;padding:13px 0;font-size:14px;color:#fff;font-weight:bold;border-radius:20px;background-color:rgb(254, 193, 49);width:100%;max-width:176px;border:0 none}
.modal_ty01 .modal_footer .btn_ty01.btn_close{background-color:#ddd;margin-right:10px}
.modal_ty01 .modal_footer.ty02 .btn_ty01{
    width:40%;
}
.form_style01{padding-bottom:7px}
.form_style01 .section_ty01{margin-bottom:13px;}
.form_style01 .section_ty01:last-child{margin-bottom:0}
.form_style01 .section_ty01 label,.form_style01 .section_ty01 .label{margin-bottom:8px;font-size:12px;color:rgb(113, 126, 137)}
.form_style01 .emphasis{position:relative;top:2px;left:2px;color:rgb(254, 193, 49)}
.form_style01 .line{margin-bottom: 10px}
.checkbox_list{margin:0;padding:0}
.checkbox_list li{margin-bottom:10px;list-style:none;line-height:100%}
.checkbox_list li:after{clear:both;display:block;content:""}
.checkbox_list li>label,.checkbox_list li>p{float:left}
.checkbox_list li>label.empty_box{width:23px;height:1px}
.form_style01 .checkbox_list li>label{margin-bottom:0;}
.checkbox_list li>p{margin:5px 0 0 10px}
.form_info{font-size:12px;margin-top:5px;color:#aaa}

.list_table01{width:100%}
.list_table01 td{padding:10px;font-size:12px}
.list_table01 td p{margin:0;color:#252525}

.humanresource_box { width: 438px; float:left; margin-right: 16.5px; margin-bottom: 8px;}
.humanresource_widget_abovesupervisor { height: 100px; }
.humanresource_widget_belowsupervisor { height: 185px; }
@media screen and (max-width: 768px){
    .modal_ty01 .modal_footer .btn_ty01{max-width:100%}
    .modal_ty01 .modal_footer.ty02 .btn_ty01{
        width:100%;margin-bottom:5px
    }
    .modal_ty01 .modal_footer .btn_ty01:last-child{margin-bottom:0}
    .modal_ty01 .modal_footer .btn_ty01.btn_close{margin-right:0}
    .humanresource_box { width: 100%; margin-bottom: -2px; }
}

@media screen and (min-width: 768px){
    .modal {text-align: center;padding: 0 !important;}
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}
@media screen and (max-width: 768px){
    .humanlist .block .cont .name{padding-top:2px;margin-bottom:3px;white-space: normal;overflow: auto;line-height: 20px}
}

#humanresource_report_monthly_table td {
    cursor:pointer;
}
/* 월간 보고서 테이블 호버 */
#humanresource_report_monthly_table td:hover {
    background-color: #f6f6f6;
}

/* menu */
.side-header .h5 .h4{display:inline-block;padding:22px 0;font-size:14px;color:#fff}
.sidebar-content .side-content{padding-top:0}
.side-header.side-content{border-bottom:1px solid rgba(255,255,255,0.2)}
.sidebar-content .icon_m1{background:url(assets/img/remodel/sidebar-01-pre.png) no-repeat 20px 22px;background-size:19px 14px}
.sidebar-content .icon_m2{background:url(assets/img/remodel/sidebar-02-pre.png) no-repeat 20px 22px;background-size:17px 17px}
.sidebar-content .icon_m3{background:url(assets/img/remodel/sidebar-03-pre.png) no-repeat 20px 22px;background-size:15px 20px}
.sidebar-content .icon_m4{background:url(assets/img/remodel/sidebar-04-pre.png) no-repeat 20px 22px;background-size:17px 17px}
.sidebar-content .icon_m5{background:url(assets/img/remodel/sidebar-05-pre.png) no-repeat 20px 22px;background-size:17px 17px}
.sidebar-content .open .icon_m1{background-image:url(assets/img/remodel/sidebar-01-nor.png)}
.sidebar-content .open .icon_m2{background-image:url(assets/img/remodel/sidebar-02-nor.png)}
.sidebar-content .open .icon_m3{background-image:url(assets/img/remodel/sidebar-03-nor.png)}
.sidebar-content .open .icon_m4{background-image:url(assets/img/remodel/sidebar-04-nor.png)}
.sidebar-content .open .icon_m5{background-image:url(assets/img/remodel/sidebar-05-nor.png)}
.sidebar-content .icon_m1:hover{background-image:url(assets/img/remodel/sidebar-01-nor.png)}
.sidebar-content .icon_m2:hover{background-image:url(assets/img/remodel/sidebar-02-nor.png)}
.sidebar-content .icon_m3:hover{background-image:url(assets/img/remodel/sidebar-03-nor.png)}
.sidebar-content .icon_m4:hover{background-image:url(assets/img/remodel/sidebar-04-nor.png)}
.sidebar-content .icon_m5:hover{background-image:url(assets/img/remodel/sidebar-05-nor.png)}
.sidebar-content .icon_m1.active{background-image:url(assets/img/remodel/sidebar-01-nor.png)}
.sidebar-content .icon_m2.active{background-image:url(assets/img/remodel/sidebar-02-nor.png)}
.sidebar-content .icon_m3.active{background-image:url(assets/img/remodel/sidebar-03-nor.png)}
.sidebar-content .icon_m4.active{background-image:url(assets/img/remodel/sidebar-04-nor.png)}
.sidebar-content .icon_m5.active{background-image:url(assets/img/remodel/sidebar-05-nor.png)}
.nav-main .open a.nav-submenu:before{color:#fff}
.nav-main a.nav-submenu:hover:before{color:#fff}
.side-content .sidebar-mini-hide{font-size:14px}
.nav-main .nav-main-heading{font-weight:normal}
.nav-main a{padding:20px 0 20px 46px;color:#8f9499}
.nav-main li>a:hover{color:#fff}
.nav-main ul{padding-left:30px;background-color:rgba(0,0,0,0.2)}
.nav-main ul a{padding:16px 16px 16px 2px;font-size:13px;color:#8f9499}
a.link-effect:before{background-color:rgba(255,255,255,0.2)}
.header-navbar-fixed #header-navbar{padding:0 42px}
.user_top_info{font-size:13px}
.nav-header>li{margin-right:8px}
.nav-header.rightside{position:absolute;top:50%;right:34px;margin-top:-14px}
.nav-header.leftside{position:absolute;top:50%;left:42px;margin-top:-16px}
.nav-header.leftside .title_area{padding-top:4px;font-size:17px;color: #2c343f;font-weight:bold}
.nav-header.pull-right{margin-top:3px}
.btn_header_menu{padding:0;width:31px;height:31px;border:0;outline:none;background:transparent}
.btn_header_menu img{width:31px;height:31px;vertical-align:top}
.btn_header_logout{margin-left:8px;padding:8px 0 8px 33px;text-align:left;font-size:13px;width:97px;height:29px;line-height:14px;border:0;outline:none;background:url(assets/img/remodel/logoout-btn-n.png) no-repeat transparent;background-size:97px 29px}

@media screen and (max-width: 768px){
    .header-navbar-fixed #header-navbar{padding:0 5px}
    .nav-header.rightside{right:-3px}
    .nav-header.leftside{left:5px}
}


/* select box */
.bootstrap-select .btn-default{background-color:#fff !important}
.bootstrap-select .btn {padding:12px 16px 11px 16px;font-size:13px;height:auto;font-weight:normal}

/* parkinglot_list */
table.parkinglot_list_table > tbody > tr > td {
    cursor: pointer;
}

/* parkinglot_edit */
.parkinglot_edit_tabm:after{display:block;content:"";clear:both}
.parkinglot_edit_tabm{margin:0;padding:0;background-color:#f4f4f4;height: 50px;border-bottom:1px solid rgb(221, 220, 218)}
.parkinglot_edit_tabm li{float:left;list-style:none;height:50px;cursor:pointer;overflow:hidden}
.parkinglot_edit_tabm li span{display:block;padding:20px 0 20px 53px;font-size:13px;letter-spacing:-1px;line-height:100%;color:rgba(51, 51, 51, 0.5)}
.parkinglot_edit_tabm li.m1{width:185px;background-size:185px 50px;}
.parkinglot_edit_tabm li.m1 span{background:url(assets/img/remodel/ico-number-1.png) no-repeat 30px center;background-size:17px 17px}
.parkinglot_edit_tabm li.m1.active {color:#fff;background-image: url(assets/img/remodel/flowback-01.png)}
.parkinglot_edit_tabm li.m1.active span{color:#fff;background-image:url(assets/img/remodel/flow-num-01.png)}
.parkinglot_edit_tabm li.m2{margin-left:-15px;width:210px;background-size:210px 50px;}
.parkinglot_edit_tabm li.m2 span{background:url(assets/img/remodel/flow-num-02.png) no-repeat 30px center;background-size:17px 17px}
.parkinglot_edit_tabm li.m2.active {color:#fff;background-image: url(assets/img/remodel/flowback-02.png)}
.parkinglot_edit_tabm li.m2.active span{color:#fff;background-image:url(assets/img/remodel/ico-number-2.png)}
.push-20-t-md{margin-top:20px}

@media screen and (max-width: 768px){
    .push-20-t-md{margin-top:0}
    .parkinglot_edit_tabm{width:100%}
    .parkinglot_edit_tabm:after{display:none;}
    .parkinglot_edit_tabm li.m1,.parkinglot_edit_tabm li.m2{width:50%;margin:0;padding:0;text-align:center;vertical-align:middle;background-image:none}

    .parkinglot_edit_tabm li.m1.active,.parkinglot_edit_tabm li.m2.active{background-color:#fec131}
    .parkinglot_edit_tabm li.m1 span,.parkinglot_edit_tabm li.m2 span{display:inline-block;vertical-align:middle;padding:19px 0 19px 20px;background-position:0 center}
}


/* form */
.form_div{padding:30px}
.form_div.bl{border-bottom:1px solid rgb(210, 210, 210);}
.form_div .t_lb{display:block;margin-bottom:12px;color:#333;line-height:100%;font-weight:bold;font-size:12px}
.form-control{padding:12px 16px 11px 16px;font-size:13px;height:auto}
select.form-control{padding:15px 26px 14px 16px;line-height:100%;font-size:13px}
select {
    -webkit-appearance: none;
    -moz-appearance: none !important;
    appearance: none;
    background: url(assets/img/remodel/select_arr.png) no-repeat right 5px center #fff !important;
}
select::-ms-expand { display: none; }

.ie9 select{background-image:none}
.section_tit{position:relative;width:100%;padding-right:30px;margin-right:-30px;box-sizing:content-box;padding-bottom:12px;margin-bottom:23px;line-height:100%;border-bottom:1px solid rgba(51,51,51,0.5);font-size:16px;color:#333;font-weight:bold}
.section_tit .right-button{position:absolute;top:0;right:20px;background:#fff;border:0 none;color:#aaa;font-size:14px;font-weight:normal}
.search_box01{position:relative}
.search_box01 .form-control{padding:12px 60px 11px 16px;font-size:13px;height:auto}
.search_box01 .btn_sc{position:absolute;right:0;top:0;width:44px;height:43px;background:url(assets/img/remodel/btn-search-n.png) no-repeat;background-size:44px 43px}
.map_ar{margin-top:9px;border:1px solid #dddcda}
.add_name_ar{padding:12px 15px;border:1px solid #dddcda;border-top:0 none}
.add_name_ar p{margin:6px 0 0;line-height:150%;font-size:12px;color:#2c343f}
.add_name_ar p:first-child{margin-top:0}
.add_name_ar p strong{color:#fec131}
.form-horizontal .form-group {
    margin: 0px;
    padding: 0px;
}
.car_num_form{display:table}
.car_num_form>div{display: table-cell;width:33.3%}
.car_num_form>div:first-child{width:33.4%}
@media screen and (max-width: 768px){
    .form_div{padding:20px 10px}
    .section_tit{padding-right:10px;margin-right:-10px}
    .form-inline.v_02 .form-control{width:auto;display: inline-block !important;}
}


/* 버튼 */
.button_save {
    width:122px;
    height:42px;
    background: url(assets/img/remodel/back-checkbtn-n.png);
    background-size: 122px 42px;

    cursor:pointer;
    color: white;
    padding-top:10px;
}
.button_save .hover {
    background: url(assets/img/remodel/back-checkbtn-o.png);
}

/* table */
.table{border-top:1px solid #333;margin-bottom:0}
.table-fixed{width:100%;table-layout:fixed}
.table>thead>tr>th{color:#666;font-size:13px;padding:13px;font-weight:normal;border-bottom:1px solid #909090;line-height:100%;background-color:#f8f8f8}
.table.ty02>thead>tr>th{padding:11px 0}
table.table.dataTable thead th{vertical-align:middle;font-weight:normal;background-color:#f8f8f8;border-bottom:1px solid #909090;border-left:1px solid #d2d2d2}
table.table>tbody>tr>td,table.table.dataTable tbody td{padding: 12px 3px;height:50px;vertical-align:middle;border-left:1px solid #d2d2d2;font-size:15px;background-color:#fff;word-break:break-all}
table.table.dataTable thead th:first-child,table.table.dataTable tbody td:first-child{border-left:0 none}
table.table.dataTable.no-footer{border-bottom:1px solid #909090}
table.table-bordered{border-left:0 none;border-right:0}
table.table-bordered>tbody>tr>td:first-child,table.table-bordered>thead>tr>th:first-child{border-left:0 none}
table.table-bordered>tbody>tr>td:last-child,table.table-bordered>thead>tr>th:last-child{border-right:0 none}
.month_calender table.table>tbody>tr>td,.month_calender table.table.dataTable tbody td{height:60px}
.table .cost01{color:#00b554}
.table .red01{color:#ff5b45}
.table .time01{font-size:12px;color:#333333cc}
.table .num01{font-size:21px;color:rgb(255,105,85)}
.table .num02{font-size:21px;color:rgb(51,51,51)}
.table .sts_box{display:inline-block;padding:6px 9px;font-size:13px;font-weight:normal;line-height:100%;border-radius:2px;color:#fff}
table.table.dataTable.display tbody tr.odd>.sorting_1, table.table.dataTable.display tbody tr.even>.sorting_1{
    background-color:rgba(243,243,243,0.4)
}
.subtext{display:inline-block;color:#007aff;font-size:12px}
.table_loading{font-size:14px;width:100%;background-color:#fff;padding:50px 0;text-align:center}
.table_loading p{margin-bottom:10px}
.table_loading .loading_icon:before{display:block;width:40px;height:40px;background:url(assets/img/remodel/loading-img.png) no-repeat;background-size:40px 40px;content:""}
.saturday{color:#8383ff !important;font-weight:bold !important;}
.sunday{color:#f77070 !important;font-weight:bold !important;}
/* paging */
div.dataTables_wrapper .dataTables_info { clear:none; padding-left: 5px;}

.dataTables_wrapper .dataTables_info { font-size:13px; }
.dataTables_wrapper .dataTables_length { padding-top:6px; font-weight: normal; }
.dataTables_wrapper .dataTables_length label { font-weight: normal; }
.dataTables_wrapper .dataTables_filter { padding-top:6px; }
.dataTables_wrapper .form-control { display: inline-block; }
.dataTables_wrapper input.form-control { width: 200px; padding: 5px; }
.dataTables_wrapper .bootstrap-select .btn { padding: 5px 16px 5px 7px; }

.dataTables_wrapper table + .dataTables_info{padding-top:12px;color:#7e7b7b;font-size:12px; float:left; display: inline-block; *display: inline;}
div.dataTables_wrapper .dataTables_paginate{ padding-top:10px; float: none; text-align:center; }
div.dataTables_wrapper .dataTables_paginate .paginate_button{display:inline-block; }
div.dataTables_wrapper .dataTables_paginate .paginate_button.previous{
    margin:0;padding:0;vertical-align:top;
    width:27px;height:27px;background:url(assets/img/remodel/arrow-btn-left-n.png) no-repeat;background-size:27px 27px;text-indent:-9999px;cursor:pointer
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover{
    background:url(assets/img/remodel/arrow-btn-left-n.png) no-repeat;background-size:27px 27px
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover{
    background:url(assets/img/remodel/arrow-btn-left-o.png) no-repeat;background-size:27px 27px
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.next{
    margin:0;padding:0;vertical-align:top;
    width:27px;height:27px;background:url(assets/img/remodel/arrow-btn-right-n.png) no-repeat;background-size:27px 27px;text-indent:-9999px;cursor:pointer
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover{
    background:url(assets/img/remodel/arrow-btn-right-n.png) no-repeat;background-size:27px 27px
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
    background:url(assets/img/remodel/arrow-btn-right-o.png) no-repeat;background-size:27px 27px
}
div.dataTables_wrapper .dataTables_paginate .paginate_button{
    vertical-align:top;position:relative;padding:5px 14px;margin:0;font-size:16px;color:#999 !important;border:0 none;background:transparent
}
div.dataTables_wrapper .dataTables_paginate .paginate_button:after{
    position:absolute;left:0;top:8px;border-right:1px solid #999;content:"";display:block;height:13px
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.previous:after,div.dataTables_wrapper .dataTables_paginate .paginate_button.next:after,
div.dataTables_wrapper .dataTables_paginate .paginate_button:first-child:after {display:none}
div.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    font-size:16px;color:#232323 !important;border:0 none;background:transparent
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.current,div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    vertical-align:top;font-size:16px;color:#232323;border:0 none;background:transparent
}
div.dataTables_wrapper .dataTables_info { float:left; display: inline-block; *display: inline;}
div.dataTables_wrapper .dataTables_length { float:left; display: inline-block; *display: inline;}
div.dataTables_wrapper .dataTables_length select.form-control{display:inline-block;width:80px;margin-left:5px;padding:8px 8px 7px;font-size:13px}
table.table.dataTable thead .sorting_asc{background-image:url(assets/img/remodel/sort_asc.png)}
table.table.dataTable thead .sorting_desc{background-image:url(assets/img/remodel/sort_desc.png)}

/*.datatablemv-top {height:100px}*/
@media screen and (max-width: 768px){
    div.dataTables_wrapper .dataTables_info{display:none}
    div.dataTables_wrapper .dataTables_filter{float:right;margin-top:0}
    .table-fixed{width:100%;table-layout:auto}
}
@media screen and (max-width: 375px){
    .dataTables_wrapper input.form-control {
        width: 150px;
        padding: 5px;
    }
}

/*.datatablemv-page { padding-top: 30px; }*/
.datatablemv-bottom {height:25px}

/* sales */
.banner_btn{padding:20px 0 0 66px;font-size:16px;font-weight:bold;color:#2c343f;height:60px;border-radius:7px;border:1px solid #d2d2d2;cursor:pointer;background:url(assets/img/various/ic_search_gray.png) no-repeat 25px center #fff;background-size:30px 30px}
.score_board{height:100px;background-color:#fff;border:1px solid #d2d2d2}
.score_board:after{clear:both;display:block;content:""}
.score_board>div{float:left;padding:27px 0 0 30px;width:33.3%;height:100%;border-left:1px solid #d2d2d2}
.score_board>div:first-child{width:33.4%;border-left:0 none}
.score_board>div p{margin:0;font-size:18px;line-height:100%}
.score_board>div p.tit{margin-bottom:10px;font-size:16px}
.score_board>div p .cost{color:#00b554}
.score_board>div p .subtext{color:#007aff}
.score_board02{position:relative;background-color:#fff;border:1px solid #d2d2d2}
.score_board02:before{position:absolute;left:50%;top:0;bottom:0;content:"";border-left:1px solid #d2d2d2}
.score_board02:after{clear:both;display:block;content:""}
.score_board02>div{float:left;padding:27px 0 27px 30px;width:50%;height:100%}
.score_board02>div p{margin:0;font-size:23px;line-height:100%}
.score_board02>div p.tit{margin-bottom:10px;font-size:20px;font-weight:bold}
.score_board02>div div .cost{font-size:16px;color:#00b554}
.score_board02 .etc>span{display:inline-block;position:relative;padding-left:8px;margin-left:1px}
.score_board02 .etc>span:after{position:absolute;bottom:3px;left:0;content:"\,"}
.score_board02 .etc>span:first-child{margin-left:0;padding-left:0}
.score_board02 .etc>span:first-child:after{display:none}
.tabm_ty01{margin:0;padding:0;background-color:#fff}
.tabm_ty01 ul{margin:0;padding:0;display:inline-block;border:1px solid #ccc;border-radius:5px;overflow:hidden}
.tabm_ty01 ul:after{display:block;content:"";clear:both}
.tabm_ty01 li{float:left;list-style:none}
.tabm_ty01 li.active{background-color:#f2f1ef}
.tabm_ty01 li.active a{color:#333}
.tabm_ty01 li a{display:block;width:82px;height:24px;border-left:1px solid #ccc;line-height:24px;color:#999;font-size:12px;text-align:center;}
.tabm_ty01 li:first-child a{border-left:0 none}
.chart_legend ul:after{clear:both;display:block;content:""}
.chart_legend ul{margin:-26px 0 0 0;float:right}
.chart_legend ul li{margin-left:8px;float:left;list-style:none;font-size:10px;color:rgb(51,51,51)}
.chart_legend ul li:first-child{margin-left:0}
.chart_legend ul li span{vertical-align:middle;margin-right:3px;display:inline-block;width:8px;height:8px}
.chart_legend ul li span img{margin-top:-1px;width:8px;height:8px;vertical-align:top}
.chart_legend.ty02 ul{margin:0}
.chart_legend{max-width:800px;margin:0 auto}
.canvas_wrapper{margin:0 auto;max-width:800px}
.max-widthForCanvas{margin:0 auto;max-width:800px}

@media print {
    .chart_legend{max-width:10000px;margin:0 auto}
    .canvas_wrapper{margin:0 auto;max-width:10000px}
    .max-widthForCanvas{max-width:10000px}

}

@media screen and (max-width: 768px){
    .banner_btn{padding:20px 0 0 46px;background-position: 10px center}
    .score_board{padding:20px 10px;height:auto}
    .score_board>div{width:100%;padding:0;height:auto;margin-top:15px;border-left:0}
    .score_board>div:first-child{width:100%;margin-top:0}
    .score_board>div:after{clear:both;display:block;content:""}
    .score_board>div p{float:left;margin:0;font-size:16px;line-height:100%}
    .score_board>div p:last-child{float:right}
    .score_board>div p.tit{margin-bottom:0;font-size:16px}
    .score_board>div p .cost{color:#00b554}
    .score_board02>div{width:100%;padding-left:10px}
    .score_board02>div:first-child{border-bottom:1px solid #ddd}
    .score_board02:before{display:none}
    .chart_legend ul{margin:0 0 0 0;float:right}
    .tabm_ty01.over ul{width:100%;}
    .tabm_ty01.over li{width:33.3%}
    .tabm_ty01.over li:nth-child(3n) a{border-right:0}
    .tabm_ty01.over li a{width:100%;border-left:0;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
    .tabm_ty01.over li.last_row a{border-bottom:0 none}
}

@media screen and (max-width: 380px){

}

/* print header */
.print_header{padding:25px 0 5px;font-size:20px;font-weight:bold}
.print_header .sub1{font-size:16px;font-weight:normal}
.print_sub_head {font-size:14px}

@media print {
    canvas{max-width:100% !important;height:auto !important;}
    .overflow-x-auto{overflow:visible}
    .table th, .table td{padding-left:0 !important;padding-right:0 !important}
    .overflow-x-auto .table{font-size:12px !important}
    .subtext{display:block}
    .chart_legend ul{margin:0 0 0 0}
}


/* drop menu date */
.dropmenu_date{display:inline-block;padding:9px 6px;border-radius:3px;border:1px solid rgb(205,205,205);font-size:12px;background-color:#fff;}

/* double section */
.db_sec .fl{width:50%;padding-right:10px}
.db_sec .fr{width:50%;padding-left:10px}
.db_sec_tbl{margin-bottom:20px;display: table;width:100%;table-layout:fixed}
.db_sec_tbl>div{display:table-cell;vertical-align: top}
.db_sec_tbl .flc{width:50%}
.db_sec_tbl .frc{width:50%}
.db_sec_tbl .flc,.db_sec_tbl .frc{background:#fff;border:1px solid #ddd}
.db_sec_tbl .block{height:100% !important;margin-bottom:0 !important;}



.static_bar_list01{margin:0;padding:0}
.static_bar_list01 li{list-style:none;margin-bottom:20px}
.static_bar_list01 li:after{clear:both;display:block;content:""}
.static_bar_list01 li>div{float:left}
.static_bar_list01 li .tit{width:20%;padding-right:5px;padding-top:5px;font-size:12px}
.static_bar_list01.main li .tit{font-size:13px}
.static_bar_list01 li .tit .ico{position:relative;top:-2px}
.static_bar_list01 li .bar_1{width:50%;padding-right:2px}
.static_bar_list01 li .bar_2{width:30%}
.progress01{position:relative;height:33px;background-color:#ccc}
.progress01>div{float:right;height:100%;color:#fff;font-weight:bold;text-align:right;font-size:16px;background:#ff6955}
.progress01 .text{position:absolute;top:5px;right:10px;color:#fff;font-weight:bold;text-align:right;font-size:16px}
.progress02{position:relative;height:33px;background-color:#ccc}
.progress02>div{float:left;height:100%;color:#fff;font-weight:bold;text-align:left;font-size:16px;background:#fec131}
.progress02 .text{position:absolute;top:5px;left:10px;color:#fff;font-weight:bold;text-align:left;font-size:16px}
/* 추가 버튼 */
.big_add_btn{position: fixed; z-index: 100; display: inline-block; right: 55px; bottom: 55px}
.big_add_btn .mdl-button--fab.mdl-button--colored{background-color:rgb(3, 0, 0)}

@media screen and (max-width: 768px) {
    .db_sec_tbl{margin-bottom:10px;display:block}
    .db_sec_tbl .flc,.db_sec_tbl .frc{display:block;width:100%}
    .db_sec_tbl .flc{margin-bottom:10px}
    .static_bar_list01 li .tit{width:100%;padding-right:5px;padding-top:5px;font-size:13px}
    .static_bar_list01 li .tit .ico{position:relative;top:1px;font-size:12px}
    .static_bar_list01 li .bar_1{width:60%;padding-right:2px}
    .static_bar_list01 li .bar_2{width:40%}
}
@media screen and (max-width: 768px) {
    .big_add_btn.ty02{right:40px;bottom:40px}
    .big_add_btn{right: 40px; bottom: 70px}
}

.dropdown-menu.dropmenu_mv_custom {
    min-width: 180px;
    padding: 0;
    border-color: #818990;
    border-radius: 2px;
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.dropdown-menu.dropmenu_mv_custom:after{position:absolute;width:15px;height:10px;top:-10px;right:16px;background:url(assets/img/remodel/bg_arrow.png) no-repeat;background-size:15px 10px;display:block;content:""}
.dropdown-menu-right.dropmenu_mv_custom {right:-10px;left: auto}
.dropdown-menu.dropmenu_mv_custom>li>a{padding:14px 15px;line-height:100%;font-size:12px}
.dropdown-menu.dropmenu_mv_custom>li>a:hover{background-color:rgb(254, 193, 49)}
.dropmenu_mv_custom.no_arr:after{display:none}
.dropdown-menu-right.dropmenu_mv_custom.ty02{top:20px;right:0}

/*!* sweet alert override *!*/
/*.sweet-alert .status{margin-top:10px;font-size:18px;color:rgb(9, 31, 50)}*/
/*.sweet-alert .message{margin:15px 0 17px;line-height:150%;font-size:13px;color:rgb(123, 123, 123)}*/
/*.sweet-alert .message strong{color:#222}*/
/*div.sweet-alert button{padding:12px 15px;line-height:100%;min-width:120px;border-radius:20px;background:rgb(254, 193, 49) !important;margin:0 0 15px 0;font-size:14px}*/
/*.sweet-alert .sa-icon.sa-warning{width:40px;height:40px}*/
/*div.sweet-alert .sa-icon.sa-warning .sa-dot{width:4px;height:4px;bottom:5px;margin-left:-2px}*/
/*div.sweet-alert .sa-icon.sa-warning .sa-body{width:4px;height:19px;top:8px;margin-left:-2px}*/
/*.sweet-alert .sa-icon.sa-error{width:41px;height:40px}*/
/*div.sweet-alert .sa-icon.sa-error .sa-line{position: absolute;height: 4px;width: 28px;background-color: #F27474;display: block;top: 18px;border-radius: 2px;}*/
/*div.sweet-alert .sa-icon.sa-error .sa-line.sa-left{left:6px}*/
/*div.sweet-alert .sa-icon.sa-error .sa-line.sa-right{right:6px}*/
/*.sweet-alert .sa-icon.sa-info{width:40px;height:40px}*/
/*div.sweet-alert .sa-icon.sa-info:after{width:4px;height:4px;top:30px;margin-left:-2px}*/
/*div.sweet-alert .sa-icon.sa-info:before{width:4px;height:19px;top:8px;margin-left:-2px}*/
/*div.sweet-alert button.cancel{margin-right:5px;background-color:#ddd !important;}*/
/*.sweet-alert .loading_icon:before{display:block;width:81px;height:81px;background:url(assets/img/remodel/loading-img.png) no-repeat;background-size:81px 81px;content:""}*/

/* horizonal_scroll */
@media screen and (max-width: 768px) {
    .horizonal_scroll {overflow-x:scroll; -webkit-overflow-scrolling:touch; width:100%; margin-bottom:30px}
    .horizonal_scroll::-webkit-scrollbar {-webkit-appearance:none;}
    .horizonal_scroll::-webkit-scrollbar:vertical {width:6px;}
    .horizonal_scroll::-webkit-scrollbar:horizontal {height:6px;}
    .horizonal_scroll::-webkit-scrollbar-thumb {border-radius:6px;border: 1px solid #fff; background-color: rgba(0, 0, 0, .1);}
    .horizonal_scroll .innerWrap {position:relative; top:0; left:0}
    .horizonal_scroll .innerWrap-fade {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 100%;
        z-index: 30;
        background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(248, 248, 248, 0)), color-stop(100%, rgba(248, 248, 248, 1)));
        background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 100%);
        background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 100%);
    }

}



.month_calender{background-color:#fff}
.month_calender .inner{position:relative}
.month_calender .inner:after{clear:both;display:block;content:''}
.month_calender .inner .fl{position:absolute;top:0;left:0;border-right:1px solid #ddd;width:300px}
.month_calender .list_cont{padding-left:301px;overflow-x:scroll}
.month_calender table.table>tbody>tr>td,.month_calender table.table.dataTable tbody td{height:70px}

.button_box_list ul{margin:0;padding:0}
.button_box_list li{list-style:none;padding:15px;font-size:14px;color:#252525;border:1px solid #ddd;background-color:#fff;border-radius:5px}
.button_box_list li .info{fon-size:11px;color:#aaa}

/* list_box */
.list_box{border-radius:2px}
.list_box .list_box_h{border-bottom:1px solid #ddd;background-color: #fafafa; font-size:14px; color: #434449; padding: 10px 18px;}
.list_box .list_box_c{ padding: 10px 18px;color:#999;font-size:13px}
.list_box .text01{color:#252525}
.list_box .text03{font-size:14px;color:#252525}
.list_box .cost01{color:#00b554}

/* 월간 보고서 */
.move_calendar_menu{text-align:center;padding:20px}
.move_calendar_menu>div{display:inline-block;margin-right:10px;font-size:18px;vertical-align:middle;}
.move_calendar_menu>div img{width:100%}
.move_calendar_menu>div.btn_prev, .move_calendar_menu>div.btn_next{position:relative;top:-2px;width:8px;cursor:pointer}

/* datalink */
.datelink{padding:6px 10px;border:1px solid #ddd;border-radius:2px;display:inline-block;color:#444;font-size:13px}
.datelink:hover{background-color:#fafafa;color:#252525}


/* range_picker overide */
div.ranges li:hover{background:#091f32;border: 1px solid #091f32}
div.ranges li.active {
    background-color: #091f32;
    border: 1px solid #091f32
}

div.ranges li {
    color:#252525
}

div.ranges .btn-success{background-color:rgb(254, 193, 49);border-color:rgb(254, 193, 49)}