/* 레이어팝업 */
.smoke { display:none; position:fixed; top:-30px; left:-30px; opacity:0.3; background-color:black; z-index:198 }
.popup { display:none; position:fixed; background-color: #f5f5f5;   top:0px; z-index:199; border:1px solid #4f4f4f; }
.popup_bar { width:100%; background-color:#c9d7e5; position:relative; top:0;  text-align:center; height:35px; cursor:move;  font-weight:bold;  }
.popup_bar .title {width:90%;float:left; padding:10px; }
.popup_bar .btn_box {width:10%;float:left;  }
.popup .btn_close {  float:right; cursor:pointer; width:35px; height: 35px; background: url(../img/close.png) no-repeat 10px;}
.popup .btn_close:hover { background-color:#a1b6cb;	 }
.popup .popup_inner { width: 95%; margin: 0 auto; background-color: #ffffff;  padding: 10px ; }
.popup .div_tit { font-weight:bold; padding:5px; }
.popup .div_btn_line  {padding:5px; text-align: right; } 
.popup_alertzone {padding:10px;  margin: 10px 0; background: #ffffa7;    line-height: 1.5em;} 

.popup .pd5  {padding:5px; } 
.popup .pd10  {padding:10px; } 
.popup_content_title {padding:10px;line-height:2em;}
.popup_content .contents_wrap { padding: 10px; background-color:#fff; height: -webkit-fill-available; }
.popup .popup-footer { padding: 10px; height: 47px; position: absolute; background-color: #f5f5f5;  bottom:0;   width: 100%;}

.popup_content { padding:10px;width:100%; overflow-x: hidden; height:calc(100% - 35px);}
.popup_content .pop_normal_title {background: url(../img/bul_subtitle.png) no-repeat 0 2px;font-size: 1.2em; padding-left: 17px;font-weight: bold;color: #0000ff; } 
.popup_content .txt_box_gray { padding: 10px; border: 1px solid #d6d6d6; margin: 5px 0; background: #f9f9f9; line-height: 1.4em;}
.popup_content .txt_box { padding: 10px; border: 1px solid #d6d6d6; margin: 5px 0; background: #ffffff; line-height: 1.4em;}
.popup_content .content_title {font-weight:bold; padding:5px;     font-size: 1.4em;}
.popup_content .radio_is {  line-height: 1.7em;  padding: 10px; }
.popup_content .amt {font-weight:bold; padding:5px;  text-align:center; width:100%;   font-size: 1.2em; color:#00f;}

#popup_head { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #3f51b5; z-index: 0; 	}
#popup_head { line-height: 50px; font-size: 1.5em; padding: 0 20px; padding-left: 20px; border-bottom: 1px solid #ddd;  z-index: 99; color:#ffffff;	}
#popup_body { margin:50px auto; }


/* 토스트팝업 */
.toast_popup {
	position: fixed;
	top: 50%;
	left: 50%;
	background: rgba(0,0,0,0.8);
	color: #fff;
	padding: 10px 20px;
	border-radius: 8px;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 9999;
}

.toast_popup.show {
  opacity: 1;
}


.container_wr_pop {padding: 0px;    background: #ffffff;}
.bar_button_box {text-align:right;}

.paper { background-color: #ffffff; padding:20px;}
.paper_title {padding:20px; height:130px;}
.paper_title .left { width:25%; float:left;  }
.paper_title .center { width:50%;  float:left; padding:20px; font-size:30px;  letter-spacing:30px; text-align:center; font-weight:bold;}
.paper_title .right { width:25%; float:left; }


.drop_file_zone{ text-align:center;background-color: #EEE;border: #999 1px dashed;padding:20px; margin-top:10px;}

.quick_fill  {padding:4px; line-height: 30px;}
.quick_fill span{ cursor:pointer; border: 1px solid #cccccc;  padding: 5px;  border-radius: 20px;  background-color: #ffffff;}
.quick_fill span:hover{ background-color: #e9e9e9;}

/* 목록 탭 */
.list_tab {  width:100%; margin-bottom:0px;display:flex; }
.list_tab a {  display:block; float:left;  margin-left: 2px;padding:5px 10px; background-color: #ebe6df;	border-top:1px #d1dee2 solid; border-right:1px #d1dee2 solid; border-left:1px #d1dee2 solid;	
	 color:#a2a2a2; font-weight:500; text-align:center;  }
.list_tab a:first-child { margin-left:0px;}
.list_tab a:hover, 
.list_tab .on { background-color: #fff;	border-top:1px #b99764 solid; border-right:1px #b99764 solid; border-left:1px #b99764 solid !important; ;    color:#000; }
 

/* 표에서 항목 수정에 사용하는 엘레먼트(input select) */
.editbox {display:none; margin: 0; position: absolute;background-color:#efffef;}

/* 리스트 테이블  */
.list_td_left { text-align:left  !important }
.list_td_right { text-align:right  !important }
.td_center { text-align:center  !important }
.list_td_img {width:40px;min-width:40px !important  }
.list_td_title {min-width:260px; text-align:left  !important  }
.list_td_s1 {width:50px }
.list_td_s2 {width:80px; text-align:right  !important  }
.list_td_s3 {width:90px }
.list_td_s4 {width:130px }
.list_td_s5 {width:150px }
.list_td_s6 {width:180px }
.list_td_s7 {width:200px }
.list_td_s8 {width:220px }
.list_td_s9 {width:250px }
.list_td_s50  {width:50px; }
.list_td_s60  {width:60px; }
.list_td_s70  {width:70px; }
.list_td_s80  {width:80px; }
.list_td_s50_r {width:50px; text-align:right  !important  }
.list_td_s60_r {width:60px; text-align:right  !important  }
.list_td_s80_r {width:80px; text-align:right  !important  }
.list_td_s100_r {width:100px; text-align:right  !important  }
.list_td_s300 {width:300px }
.list_td_s350 {width:350px }
.list_td_s400 {width:400px }

.accent_th { background-color:#30384e  !important  }
.accent_td { background-color: #e2e7f7;  } 

.left_in_td{ width: 30px; float: left;padding-right: 5px;}
.right_in_td{ float: left;}

.lp_20 {padding-left: 20px;}
.rp_20 {padding-right: 20px;}

.divide_1 {flex: 0 0 auto; width: 8%;}
.divide_2 {flex: 0 0 auto; width: 16.6666667%;}
.divide_3 {flex: 0 0 auto; width: 25%;}
.divide_4 {flex: 0 0 auto; width: 33.3333333%;}
.divide_5 {flex: 0 0 auto; width: 41.6666667%;}
.divide_6 {flex: 0 0 auto; width: 50%;}
.divide_7 {flex: 0 0 auto; width: 58.3333333%;}
.divide_8 {flex: 0 0 auto; width: 66.6666667%;}
.divide_9 {flex: 0 0 auto; width: 75%;}
.divide_10 {flex: 0 0 auto; width: 83.3333333%;}
.divide_11 {flex: 0 0 auto; width: 91.6666667%;}
.divide_12 {flex: 0 0 auto; width: 100%;}


/* 테이블 헤더 고정 */
.tableFixHead { overflow-y: auto;  height: 530px; } 
.tableFixHead thead .sticky-th { position: sticky; top: 0px; border: 1px solid #60718b;}
.tableFixHead thead .sticky-th-two { position: sticky; top: 26px; border: 1px solid #60718b; }

/* 스크롤테이블 */
#scorollable_table td:hover {background:#f7e2f7;}
.scrolltbody { display: block; width: 360px; border-collapse: collapse;  }
.scrolltbody tbody { display: block; height: 450px; overflow: auto; }
.scrolltbody th:nth-of-type(1), .scrolltbody td:nth-of-type(1) { width: 60px; }
.scrolltbody th:nth-of-type(2), .scrolltbody td:nth-of-type(2) { width: 100px; }
.scrolltbody th:nth-of-type(3), .scrolltbody td:nth-of-type(3) { width: 100px; }
.scrolltbody th:nth-of-type(4), .scrolltbody td:nth-of-type(4) { width: 100px; }
.scrolltbody th:last-child { width: 100px; }
.scrolltbody td:last-child { width: calc( 100px );  } 

.red_badge { position: absolute;width:15px; height:15px; background-color:#ff0000; color:#ffffff; border-radius:50%;  margin:0 auto; font-weight:bold; text-align:center;margin-top: -40px; padding: 5px; }

.badge {border-radius:3px;padding:4px;}


/* 견적서양식 */
#estimate_wrap { width: 100%; border: 2px solid #000; margin-top:5px;}
#estimate_wrap td {  line-height: 15pt; padding:5px;}
#estimate_wrap .w20 { width:20px; }
#estimate_wrap .w50 { width:50px; }
#estimate_wrap .w80 { width:80px; }
#estimate_wrap .w100 { width:100px; }
#estimate_wrap .w120 { width:120px; }
#estimate_wrap .w150 { width:150px; }
#estimate_wrap .w200 { width:200px; }
#estimate_wrap .w250 { width:250px; }
#estimate_wrap .w300 { width:300px; }
#estimate_wrap .w350 { width:350px; }
#estimate_wrap .w400 { width:400px; }
#estimate_wrap .center { text-align:center !important; }
#estimate_wrap .right { text-align:right !important; }
.estimate_tit { background-color: #f0f0f0; border: 1px solid #000; font-weight: bold; text-align:center;}
#est_sumtable {width:100%; border: 2px solid #000;margin-top:5px;}

.estimate_con { 	padding-left: 5px; border: 1px solid #000; line-height: 18px; }
.estimate_con2 { padding-right: 10px; border: 1px solid #000; line-height: 18px;}
.estimate_con3 { padding-right: 10px; 	line-height: 18px; font-weight: bold; }
.estimate_seal { 	border: 1px solid #000; 	line-height: 18px; box-sizing:border-box}

.green_input {border:1px solid #d9dad9;  padding:6px;  background-color: #ecfff4; }
.clean_input {border:1px solid #ffffff; text-align:right; padding:6px; width:100%; }
.big_input {font-size: 16pt; font-weight:bold; }
.btn_gray { padding: 5px 10px 5px 10px; margin: 5px 0 5px 0;cursor:pointer; } 
.comment { color:#999999;     padding: 5px 0;}
.w100p {width:100%;} 
 
/* search_box  */
.search_box  {  width: 100%;   float: left; } 
.search_box .search_box_sub:first-child { border-top: 0; }
.search_box .search_box_sub { border-top: 1px solid #e3e3e3;padding:5px;    line-height: 20px;}
.search_box .sch_btn_box { display: inline-block;   }
.search_box .check_box { display: inline-block;   }
.count_box   {      width: 15%;    max-width: 100px;  float: right; text-align: right; padding: 0 5px 5px 0;}
.rdo {cursor:pointer;margin:0 5px;}
.rdo.rdo_on {color:#f00;font-weight:bold;}


/* dis_web dis_mob */
.dis_mob { display:none;}
.dis_mob_table { display:none;}  

/* dropdown  */
.dropdown{ position : relative;  display : inline-block;}
.dropbtn{ padding:2px 5px;cursor:pointer; }
.dropbtn:hover{ color:#0000ff; text-decoration:underline; }
.dropdown-content{  border : 1px solid rgb(37, 37, 37);  display : none;  position : absolute;  z-index : 99;   background-color: #f9f9f9;  min-width : 100px;  /*top:20px; left:30px;*/}
.dropdown-content a{  display : block;  text-decoration : none;  color : rgb(37, 37, 37);  padding : 10px 10px; text-align:left;}
.dropdown-content a:hover{  background-color : #ececec}
.dropdown:hover .dropdown-content {  display: block;}

/* linked  */
.linked { color:#0000ff !important; cursor:pointer !important; }
.linked:hover{ color:#0000ff;  text-decoration:underline;  cursor:pointer;}

/* Tooltip  */
.tooltip {  position: relative;  display: inline-block;  }
.tooltip .tooltiptext {  visibility: hidden;  background-color: black;  color: #fff;  text-align: center;  border-radius: 4px;  padding: 4px 8px;  position: absolute;  bottom: 125%; /* 위쪽에 표시 */  left: 50%;  transform: translateX(-50%);  white-space: nowrap;  z-index: 1;  opacity: 0;  transition: opacity 0.2s; }
.tooltip:hover .tooltiptext {  visibility: visible; opacity: 1;} /* Show the tooltip text when you mouse over the tooltip container */



/* help */
.help_btn {  background-color: #e1edff;   padding: 4px 6px;   border-radius: 20px; color: #3e97e5;  }
.help_btn:after {   content: " ? ";}

 /*  index */
.pannel { margin-bottom:20px;}
.pannel_title {padding-bottom:5px;}
.pannel_title2 {padding-bottom:5px; font-weight:bold; margin-top:10px;}
.dash_pannel { min-width:max-content; max-width:600px; display: inline-block; padding: 10px; margin-bottom:20px; vertical-align:top; }
.dash_pannel_s { width:350px; display: inline-block; padding: 10px; margin-bottom:20px;}
.chart { min-width: 860px; padding-left: 50px;}
.index_section { background-color: #ffffff; padding: 20px; border-radius: 20px; text-align: center; }
.big_button { border: 1px solid #e2e2e2; width:120px;height:120px;border-radius: 50%; cursor:pointer; display: inline-block; margin: 10px;line-height: 2em;}
.big_button:hover { background-color:#e2e2e2; }
  
.desc_caution {padding: 10px; border: 1px solid #eee; margin-bottom: 10px; background-color: #fffad7; border-radius: 10px;line-height: 20px;}
.memo_section {position:absolute; background-color:#f7f3f3; border:1px solid #d6d6d6; padding: 10px;display:none;}

 /*  calendar */
.calendar td {border: 1px solid #d6dce7;}
.calendar .days {padding: 3px; border-radius: 20px; width: 30px; text-align: center;}
.calendar .today { background-color: #1a73e8; color: #ffffff; font-weight: bold; }
.calendar .plan { background-color: #faebd7;height: 25px;margin: 2px 0;padding: 3px 8px;overflow: hidden;outline: none;border: 1px solid transparent;    border-radius: 15px;-webkit-box-flex: 0;-webkit-box-align: center;transition: background-color .1s linear;}
.calendar .plan:hover { background-color: #e3c49b;}
.calendar thead th { background: #6f809a;  color: #fff; border: 1px solid #60718b;  font-weight: normal;  text-align: center; padding: 5px 5px;  font-size: 0.92em; }

/* 레이아웃 잡기위한 투명 테이블 */
.clear_tbl td {border:0 !important; font-size:1em !important; padding: 0px  !important;}
.clear_tbl tr { background:unset !important; }


.date_display {color:#9f9f9f;font-size: 0.9em;padding: 5px;} 
.date_display .link { color: #f9f9f9; }
.date_display .link:hover { color:#0000ff; text-decoration: underline; }


.thismonth_th.focus , .thismonth_td.focus { font-weight: bold !important; border-right:2px solid #ff0000 !important;  border-left:2px solid #ff0000 !important;  } 
.thismonth_th { color: #ffff00 !important;  background-color: #191f27 !important;;} 
.thismonth_td  { color: #ff0000 !important; }


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

	.dis_web { display:none;}
	.dis_mob { display:block;}  
	.dis_mob_table { display:table;}  
	
	h1{padding:0 10px 5px 0;}
	.tbl_wrap {padding:0 ;}
	.local_sch02 {padding:0;}

	.search_box  { width: 100%;  }  
	.count_box   { width: 100%; float: left;text-align: left; }

	.dash_pannel { width:100%; }
	.dash_pannel_s { width:100%; }
	.chart { min-width:100%; padding:10px;}
	.sch_chk_box { min-width: 80px;  }
	.sch_btn_box { display: block; } 

	.big_button {  width:120px;height:120px;font-size:1.1em; margin:10px 5px 30px 5px;}

	.divide_1 {width:100%; }
	.divide_2 {width:100%; }
	.divide_3 {width:100%; }
	.divide_4 {width:100%; }
	.divide_5 {width:100%; }
	.divide_6 {width:100%; }
	.divide_7 {width:100%; }
	.divide_8 {width:100%; }
	.divide_9 {width:100%; }
	.divide_10 {width:100%; }
	.divide_11 {width:100%; }
	.divide_12 {width:100%; }


}
@media screen and (max-width:540px){
	.big_button {  width:100px;height:100px; }
	.index_section { padding:20px 5px ; }

	.calendar .plan {  height: 20px; width:50px; padding:0 8px; }

}