@charset "UTF-8";
/* CSS Document */
dl,ul,ol,menu,li {list-style:none}

/* page layout common */

.nav {padding-left: 0;list-style: none;height: 40px;}

.nav>li {position: relative;display: block;}
.nav>li>a {position: relative;display: block;padding: 10px 15px;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;background-color: #eee;}

.nav-tabs {border-bottom: 1px solid #ddd;height: 39px;}

.nav-tabs>li {float: left;margin-bottom: -1px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #555;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;cursor: default;}

.form-group {line-height:2em; padding:10px 0;}
.form-group .control-label{text-align: right;}

.main-content{overflow: hidden;}


.row.nowrap{
    -ms-flex-wrap: inherit;
        flex-wrap: inherit;}
.page-content{margin:0 auto; width: 1500px;}
.page-content.large{margin:0 auto; width: 1800px !important;}
.page-content.small{margin:0 auto; width: 1200px !important;}
.card-body{border:1px solid #dfdfdf;}

.card-body .card-heading,.card-body .page-header{width:100%; margin-bottom:10px;  border-bottom: 1px solid #ccc; display: inline-block; line-height: 3em; text-align: center;;}

.row.login{width:600px; margin:0 auto;}
.row.mypage{width:800px; margin:0 auto;}

.pull-left{float: left;}
.pull-right{float: right;}

/* element common */
.per5{width:5% !important;}
.per10{width:10% !important;}
.per15{width:15% !important;}
.per20{width:20% !important;}
.per25{width:25% !important;}
.per30{width:30%;}
.per35{width:35%;}
.per40{width:40%;}
.per45{width:45%;}
.per50{width:50%}
.per55{width:55%;}
.per60{width:60%}
.per65{width:65%;}
.per70{width:70%}
.per75{width:75%;}
.per80{width:80%}
.per85{width:85%;}
.per90{width:90%}
.per95{width:95% !important;}
.per100{width:100% !important;}

.px10{width:10px !important;}
.px20{width:20px !important;}
.px30{width:30px !important;}
.px40{width:40px !important;}
.px45{width:45px !important;}
.px50{width:50px !important;}
.px60{width:60px !important;}
.px70{width:70px !important;}
.px80{width:80px !important;}
.px90{width:90px !important;}
.px100{width:100px !important;}
.px110{width:110px !important;}
.px120{width:120px !important;}
.px130{width:130px !important;}
.px140{width:140px !important;}
.px150{width:150px !important;}
.px160{width:160px !important;}
.px170{width:170px !important;}
.px180{width:180px !important;}
.px190{width:190px !important;}
.px200{width:200px !important;}
.px250{width:250px !important;}
.px290{width:290px !important;}
.px300{width:300px !important;}
.px350{width:350px !important;}
.px400{width:400px !important;;}
.px450{width:450px !important;;}
.px500{width:500px !important;;}
.px550{width:550px !important;;}
.px600{width:600px !important;;}
.px650{width:650px !important;;}
.px700{width:700px !important;;}
.px1150{width:1150px !important;;}
.px1200{width:1200px !important;;}


.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd100{padding: 100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}

.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}
.mg40{margin: 40px;}
.mg50{margin: 50px;}
.mg100{margin: 100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}

.ph45{height:45px !important}
.ph55{height:55px !important; line-height: 55px; vertical-align: middle;}


.fs_10{font-size: 10px;}
.fs_11{font-size: 11px;}
.fs_13{font-size: 13px;}
.fs_15{font-size: 15px !important;}
.fs_20{font-size: 20px !important;}
.fs_25{font-size: 25px !important;}

.fs_0_2em{font-size:0.2em !important;}
.fs_0_3em{font-size:0.3em !important;}
.fs_0_4em{font-size:0.4em !important;}
.fs_0_5em{font-size:0.5em !important;}
.fs_0_7em{font-size:0.7em !important;}
.fs_0_8em{font-size:0.8em !important;}
.fs_0_9em{font-size:0.95em !important;}
.fs_1_5em{font-size:1.5em !important;}
.fs_2em{font-size:2em !important;}
.fs_3em{font-size:3em !important;}
.fs_4em{font-size:4em !important;}
.fs_5em{font-size:5em !important;}

.fc_red ,.fc_red a{color: #ff0000 !important;}
.fc_gray{color: #898989;}
.fc_cblue, .fc_cblue a{color: cornflowerblue !important;}
.fc_oragne, .fc_orange a{color: #d89359 !important;}

.bg_pink{background-color: #cc83a7 !important;}
.bg_warning{background-color: #ffe6e3 !important;}
.bg_aqua{background-color:aqua;}
.bg_eblue{background-color: #e3edff;}
.bg_orange{background-color: #ffc7a7;}

.fb{font-weight: bold !important;}
.ta-center{text-align: center;}
.ta-right{text-align: right;}
.ovh{overflow: hidden;}

.bd_none{border: none !important;}
.bd_r{ border-right: 1px solid #ddd !important;}
.bd_bt_line{border-bottom: 1px solid #333;}

.radio_20{width:20px; height:20px;}

.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-justify{text-align: justify !important;}
.Page{margin-top:20px;}


  
div > label{line-height: 2em;}

.helptip {
    position: relative;
    display: inline-block;
  }
  
  /* Tooltip text */
  .helptip .helptiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
   
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .helptip:hover .helptiptext {
    visibility: visible;
  }

/* form common  .form-group > label{display: block;}*/

.form-input{display: inline-block !important;}


/* page common */
.cur-point{cursor: pointer;}
.layout_box{margin-top:20px;}
.card-body.v2{padding:1.25em 8.25rem}
.card-body.v3{padding:0 8.25rem !important;}
tr.edit_tr > td > input{width:100% !important;}

/* 주문서 폼 */
.ord_form{font-size: 13px;}
.ord_form > .ord_no {font-size: 14px; border-bottom:1px solid #ccc;}
.table_ordform>:not(caption)>* > *{padding: .0rem .15rem .0rem .15rem}
.table_ordform{border:2px solid #333; font-size: 14px;}
.table_ordform th{font-weight: normal !important;}

.table_ordform .tit{padding: 0px !important; font-weight: 600 !important;}
.table_ordform .tit.v01{width:66px; padding: 0px !important;}

.table_ordform > thead > tr , .table_ordform > tbody > tr, .table_ordform > thead > tr > th , .table_ordform > tbody > tr > td{ vertical-align: middle; text-align: center; }
.table_ordform > thead > tr > th , .table_ordform > tbody > tr > td{ display: table-cell; }
.table_ordform td, .table_ordform th {
    border: 1px solid #616161;
}

.in_table{border: none !important;}
.in_table td, .in_table th{border-bottom: 1px solid #ccc; border-right: none; border-left: none;}

.in_table>thead>tr{border-bottom: 1px solid #000;}
.in_table>:not(:last-child)>:last-child>*{border-bottom-color: #000;}

.ord_form{
    width: 800px;
}
/* custom form ele */
.checkbox-xl .form-control-label::before, 
.checkbox-xl .form-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

.checkbox-xl .form-control-label {
    padding-top: 23px;
    padding-left: 10px;
}

.help-block {display: block;margin-top: 5px;color: #737373;font-size: 12px;}

.table-box {width:90%; margin-bottom: 20px; background-color: #fff;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);border: 1px solid #ddd;overflow:hidden;margin: 0 auto 20px; clear: both;}
.table-box.box-bt{padding-top:20px;}


/* page style */

.list-box .head{color: #333; background-color: #f5f5f5; font-size: 15px; padding: 10px 15px; font-weight: bold;
	border-top-right-radius: 3px; border-top-left-radius: 3px; position: relative;}
.list-box .row{width:100%; line-height: 30px; font-size: 14px; display: inline-block; clear: both; border-bottom:1px solid #ccc;}
.list-box .row li{float: left; padding:3px 5px; margin-right:10px;}

.list-box .row .col-type{width:20%;}
.list-box .row .col-title{width:40%;}
.list-box .row .col-unit{width:10%;}
.list-box .row .col-pros{width:10%;}

.list-box .cate_row{width:100%; line-height: 30px; font-size: 14px; display: inline-block; clear: both; border-bottom:1px solid #ccc;}
.list-box .cate_row li{float: left; padding:3px 5px; margin-right:10px;}
.list-box .cate_row .col-type{width:20%;}
.list-box .cate_row .col-title{width:35%;}
.list-box .cate_row .col-unit{width:15%;}
.list-box .cate_row .col-pros{width:10%;}

.list-box .list-set{width:90%; margin:0 auto;}
.list-box .cate_row.depth1{margin-top:30px;}
.list-box .cate_row .depth1{color:orangered; font-weight: bold;}
.list-box .cate_row .depth2{padding-left:10px;}
.list-box .cate_row .col-type.depth2{padding-left:30px;}
.list-box .cate_row .depth3{pdding-left:50px;}

.list-box .cate_edit{display: inline-block; line-height: 65px; border: none;}

.list-box .inlist .ivn_cnt{font-size:11px; margin-right:10px;}
.list-box .inlist .unit{font-size:10px;}


.input_alert{background-color: #fde9e9 !important;}
.input_blue{background-color:#bbdfff !important;}



#dropdown-menu {padding: 10px 0 30px 0; width:70%}
    #dropdown-menu .mm-active > .has-arrow:after {-webkit-transform: rotate(180deg); transform: rotate(180deg); }
    #dropdown-menu .has-arrow:after { content: "\F0140"; font-family: 'Material Design Icons'; display: block; float: left; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; font-size: 1rem;}
    #dropdown-menu ul li a { display: block; padding: .625rem 1.5rem; color: #545a6d; position: relative; font-size: 13px; -webkit-transition: all .4s; transition: all .4s;}
    #dropdown-menu ul li a i { display: inline-block; min-width: 1.75rem; padding-bottom: .125em; font-size: 1.25rem; line-height: 1.40625rem; vertical-align: middle; color: #7f8387; -webkit-transition: all .4s; transition: all .4s;}
    #dropdown-menu ul li a:hover {color: #383c40; }
    #dropdown-menu ul li a:hover i {color: #383c40; }
    #dropdown-menu ul li .badge {margin-top: 4px; }
    #dropdown-menu ul li ul.sub-menu {padding: 0; }
    #dropdown-menu ul li ul.sub-menu li a {padding: .4rem 3.5rem .4rem 2rem; ont-size: 13px; color: #545a6d; }
    #dropdown-menu ul li ul.sub-menu li a:hover {color: #383c40; }
    #dropdown-menu ul li ul.sub-menu li ul.sub-menu { padding: 0; }
    #dropdown-menu ul li ul.sub-menu li ul.sub-menu li, #dropdown-menu ul li ul.sub-menu li ul.sub-menu li a { padding: .4rem 4.5rem .4rem 3rem; font-size: 13px; }


.dsubmenu { margin: 0; }
    .dsubmenu li { display: block; width: 100%; }
    .dsubmenu .mm-collapse {display: none; }
    .dsubmenu .mm-collapse:not(.mm-show) {display: none; }
    .dsubmenu .mm-collapse.mm-show { display: block; }
    .dsubmenu .mm-collapsing {position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; transition-property: height, visibility; }



.registerform {padding:20px;  border-top: 1px solid #ddd;}
    .registerform li {display: block;margin: 0px; clear: both; margin-bottom: 15px;}
    .registerform li>span {float: left;width: 20%;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}

    .registerform li.inbox {display: block;margin: 0px; clear: both; margin-bottom: 15px;}
    .registerform li.inbox>span {float: left;width: 80px;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}
    .registerform li.inbox>span:first-child{width:10%;}
    .registerform li.inbox>div {float:left; display: inline-block !important;}
    .registerform li.inbox>div input{width:200px;}

    .registerform li.inbox .fl{float:left; width:200px;}

    .register_result {padding:30px 0;  border-top: 1px solid #ddd;}


/* work order common */
/* work order common */
/* work order common */

#sitelist { height: 100px; overflow: scroll; resize: vertical; }
#sitelist .list_wrap{line-height: 30px; vertical-align: text-top;}
#sitelist .list_wrap .ctlist{width:150px; display: inline-block; line-height: 1em !important;}
#sitelist .list_wrap .ctlist .cnt{display: block; color: #ffffff;}


.table{width:100%;border-collapse: collapse;border-spacing: 0;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.table>tbody:last-child{border-bottom: 1px solid #ccc;}
.table>thead{border-top: 2px solid #000;}
.table>tbody>tr>td .addr{width:200px; overflow-x:scroll; height: 40px;}
.idx > input{border:none;}

.input__on-off { display: none; }
  
.label__on-off {
    overflow: hidden; position: relative; display: inline-block; width: 158px; height: 26px; -webkit-border-radius: 13px; -moz-border-radius: 13px;
    border-radius: 13px; background-color: #ed4956; color: #fff; font-weight: bold; cursor: pointer;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.label__on-off > * {
    vertical-align: sub;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    font-size: 14px;
}

.label__on-off .marble {
    position: absolute; top: 1px; left: 1px; display: block;
    width: 24px; height: 24px; background-color: #fff;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.label__on-off .on { display: none; padding-left: 12px; }
.label__on-off .off { padding-left: 30px; line-height: 25px; }

.input__on-off:checked + .label__on-off { background-color: #0bba82;}
.input__on-off:checked + .label__on-off .on { display: inline-block; }
.input__on-off:checked + .label__on-off .off {display: none;}
.input__on-off:checked + .label__on-off .marble { left: 133px; }

/* button style */
.btn-lightpuple { color: #fff; background-color: #5a57ff; border-color: #5a57ff; background-image: none;}
.btn-midpink { color: #fff; background-color: #cc83a7; border-color: #cc83a7; background-image: none;}
.btn-lightgreen { color: #fff; background-color: #7be0db; border-color: #7be0db; background-image: none;}
.btn-midlime { color: #fff; background-color: #e4de8a; border-color: #e4de8a; background-image: none;}
.btn-lightorange { color: #fff; background-color: #e0c09a; border-color: #e0c09a; background-image: none;}



.btn-cool-blues {
    background: #2193b0;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 1px solid #eee;
}

.btn-cool-blues:hover, .btn-cool-blues:focus, .btn-cool-blues:active {
    background: #2193b0;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #000;
    border: 1px solid #eee;
 }

/* loader */
.img_loader{position:absolute; width:100%; height: 100%; top:0%; left:0; padding:30% 0; text-align: center; vertical-align: middle; z-index: 1; background-color: #ffffff96 !important;}
.img_loader i{font-size:50em !important;}


.table-editable td input{width:100% !important;}

.bg_orange{background-color: #e0c09a;}
.bg_our{background-color: #fdb03d1c;}




.sale_table ul, .sale_table ul li{border-collapse: collapse;}
.sale_table ul:first-child{border-bottom:1px solid #ccc;}
.sale_table ul li:first-child{border-left:none}
.sale_table ul li{border-left:1px solid #ccc;}

.headinfo label{float:right}
.headinfo input[type=checkbox] {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 10px;
}



/*##########################*/
/*#   IRPD 운영설정 > 자산관리  #*/
/*##########################*/

.irpd_cnt_row{line-height: 2em;}