@charset "UTF-8";
/**
(구)모바일전역 css로서 이파일은 향후 폐기할것, sass 로 전환하자.
 */
@font-face {
  font-family: 'IBM Plex Sans KR';
  font-weight: 700;
  src: url(font/IBMPlexSansKR-Bold.ttf) format('ttf');
}
@font-face {
  font-family: 'IBM Plex Sans KR';
  font-style: normal;
  font-weight: 600;
  src: local('MalgunGothic'), local('Nanum Gothic'), local('NanumGothic');
  src: url(font/IBMPlexSansKR-SemiBold.ttf);
  src: url(font/IBMPlexSansKR-SemiBold.ttf) format('embedded-opentype'),
       url(font/IBMPlexSansKR-SemiBold.ttf) format('ttf'),
       url(font/IBMPlexSansKR-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans KR';
  font-style: normal;
  font-weight: 500;

  src: url(font/IBMPlexSansKR-Medium.ttf);
  src: url(font/IBMPlexSansKR-Medium.ttf) format('embedded-opentype'),
       url(font/IBMPlexSansKR-Medium.ttf) format('ttf'),
       url(font/IBMPlexSansKR-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(font/IBMPlexSansKR-Regular.ttf);
  src: url(font/IBMPlexSansKR-Regular.ttf) format('embedded-opentype'),
       url(font/IBMPlexSansKR-Regular.ttf) format('ttf'),
       url(font/IBMPlexSansKR-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(font/IBMPlexSansKR-Light.ttf);
  src: url(font/IBMPlexSansKR-Light.ttf) format('embedded-opentype'),
       url(font/IBMPlexSansKR-Light.ttf) format('ttf'),
       url(font/IBMPlexSansKR-Light.ttf) format('truetype');
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* 쓰기편한것들 */
html{
  font-size: 10px;
}
#ui-datepicker-div{
  font-size: 16px;
}


ul li{
  list-style: none;
}

.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex_space_between{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex_space_around{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex_column{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;

  -webkit-box-align: center;
  -ms-flex-align: center;
   align-items: center;

   -webkit-box-orient: vertical;
   -ms-flex-direction: column;
   flex-direction: column;
}
.number-font{
  font-family: "Open Sans", sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.45px !important;
}
.op0{
  opacity: 0 !important;
  pointer-events: none;
}
.mt-2{
  margin-top: 2px;
}
.mt-3{
  margin-top: 3px;
}
.mt-4{
  margin-top: 4px;
}
.mt-7{
  margin-top: 7px;
}
.ml-05{
  margin-left: 0.5px;
}
.ml-1{
  margin-left:1px !important;
}
.ml-2{
  margin-left: 2px;
}
.ml-4{
  margin-left: 4px;
}
.ml-6{
  margin-left: 6px;
}
.fw_bold{
  font-weight: 700 !important;
}
.fw_normal{
  font-weight: 500 !important;
}
.fw_light{
  font-weight: 300 !important;
}


.fw_thin{
  font-weight: 100 !important;
}
.fw_extra_light{
  font-weight: 200 !important;
}
.fw_light{
  font-weight: 300 !important;
}
.fw_regular{
  font-weight: 400 !important;
}
.fw_medium{
  font-weight: 500 !important;
}
.fw_semibold{
  font-weight: 600 !important;
}
.fw_bold{
  font-weight: 700 !important;
}
.fw_bolder{
  font-weight: 700 !important;
}
.fz_9{
  font-size: 9px !important;
  letter-spacing:-0.225px;
}
.fz_10{
  font-size: 10px !important;
  letter-spacing:-0.25px;
}
.fz_11{
  font-size: 11px !important;
  letter-spacing:-0.275px;
}
.fz_12{
  font-size: 12px!important;
  letter-spacing:-0.3px;
}
.fz_13{
  font-size: 13px !important;
  letter-spacing:-0.325px;
}
.fz_14{
  font-size: 14px !important;
  letter-spacing:-0.35px;
}
.fz_15{
  font-size: 15px !important;
  letter-spacing:-0.375px;
}
.fz_16{
  font-size: 16px !important;
  letter-spacing:-0.4px;
}
.fz_17{
  font-size: 17px !important;
  letter-spacing:-0.425px;
}
.fz_18{
  font-size: 18px !important;
  letter-spacing:-0.45px;
}
.fz_19{
  font-size: 19px !important;
  letter-spacing:-0.475px;
}
.fz_20{
  font-size: 20px !important;
  letter-spacing:-0.5px;
}
.fz_24{
  font-size: 24px !important;
  letter-spacing:-0.5px;
}
.c_w{
  color:#fff;
}
.c_b{
  color:#000;
}
.c_red{
  color: #ba1a1a;
}
.c_blue{
  color:#107FEE;
}
.c_a1{
  color:#a1a1a1;
}
.c_333{
  color:#333;
  opacity: 0.7;
}
.t_c{
  text-align: center;
}
.t_l{
  text-align: left;
}
.t_r{
  text-align: right;
}
.border_x{
  border:none !important;
}
.button_gray{
  color: #8f8f8d;
  background-color: #e1dddd;
  border:none;
  border-radius: 8px;
  font-weight: 800 !important;
  font-size: 14px;
  padding: 14px;
  width: 100%;
}
button.off {
  color:#949494;
  background-color: #e6e5e5;
  border:none;
  border-radius: 8px;
  font-weight: 600 !important;
  font-size: 14px;
  padding: 14px;
  width: 100%;
}

button.on {
  color:#322708;
  background-color: #ffc72d;
  border:none;
  border-radius: 8px;
  font-weight: 600 !important;
  font-size: 14px;
  padding: 14px;
  width: 100%;
}

.button_yellow{
  color:#322708;
  background-color: #ffc72d;
  border:none;
  border-radius: 8px;
  font-weight: 600 !important;
  font-size: 14px;
  padding: 14px;
  width: 100%;
}
.button_white{
  color:#333;
  background-color: #fcfcfc;
  border:1px solid #909090;
  border-radius: 8px;
  font-weight: 600 !important;
  font-size: 13px;
  padding: 8px;
}
.button_yellow_no{
  color:#322708;
  background-color: #ffc72d;
  border-radius: 8px;
  font-weight: 600 !important;
  font-size: 13px;
  padding: 8px;
  border:none;
}
button:active,
.button_yellow:active,
.button_white:active,
.button_yellow_no:active
{
  opacity: 0.3;
  transform: scale(0.9);
}
.bracket img{
  width:7px;
  height:12px;
  vertical-align: middle;
  transition: all 0.3s;
}
.bracket_left img{
  width:7px;
  height:12px;
  vertical-align: middle;
  transition: all 0.3s;
  transform: rotate(180deg);
}
.bracket_right img{
  width:7px;
  height:12px;
  vertical-align: middle;
  transition: all 0.3s;
}
.bracket_bottom img{
  width:7px;
  height:auto;
  vertical-align: middle;
  transform: rotate(90deg);
  transition: all 0.3s;
}

.division_4,
.division_3,
.division_2{
  width: 100%;
}
.division_4 > *{
  width:25%;
}
.division_3 > *{
  width: 33.3%;
}
.division_2 > *{
  width: 50%;

}
.w100{
  width:100%;
}
.w50{
  width:50%;
}
.h100{
  height:100%;
}
.space_nowrap{
  white-space: nowrap;
}
/* 제이쿼리 공통모달 */
.blocker{
  padding: 1.5rem 0rem !important;

}
.modal{
  padding: 1.5rem !important;
}

.modal a.close-modal{
  background-image: url("/img/sign/sign_button_test2.png") !important;
}
.modal_button{
  margin-top: 2.4rem;
  gap: 1.6rem;
}
.modal_button a button{
  min-width: 8rem;
  height: 4.5rem;
}
.modal_title{
  font-size: 1.8rem !important;
  font-weight: 800;
  padding-bottom: 1.6rem;
  text-align: center;
}
.modal_sub_title{
  margin-top: 0.8rem;
  margin-bottom:1.6rem;
  font-size: 1.6rem !important;
  font-weight: 700;
}
.work_time_modal .modal_content{
  gap: 1rem;
}
.work_time_modal .modal_content > .flex_space_between{
  padding: 1rem;
  width: 100%;
  height: 4.5rem;
  border:1px solid #C9CBD0;
  border-radius: 0.8rem;
}
.work_time_modal .modal_content > .flex_space_between.selected{
  border:3px solid #FFC72D;
  background-color: #FFF6C6;
}
.work_time_modal .modal_content > .flex_space_between .flex{
  gap: 1.6rem;
}
.work_time_modal .modal_content .selected_content{
  width: 100%;
  border:1px solid #C9CBD0;
  border-radius: 0.8rem;
  padding: 12px;
  height: 38rem;
}
.work_time_modal .modal_content .selected_content.date{
  padding: 4px;
}
.work_time_modal .modal_content .selected_content.date .select_time{
  display:none;
}
.work_time_modal .modal_content .selected_content.time .calendar{
  display:none;
}
.mbsc-calendar-title{
  font-size: 1.8rem !important;
  color: #007aff !important;
}
.mbsc-font {
  font-family: -apple-system, Segoe UI, Roboto, sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-text-size-adjust: 100% !important;
}
.mbsc-icon>svg path{
  color: #007aff !important;
}
.mbsc-ios.mbsc-datepicker-inline{
  border-top:none !important;
  border-bottom:none !important;

}

.work_time_modal .arrive_time{
  gap: 1rem;
  display:flex;
  width: 100%;

  justify-content: flex-start;
  
}
.work_time_modal .arrive_time .item{
  border: 1.5px solid #C9CBD0;
    border-bottom: 5px solid #c9cbd0;
    border-radius: 0.8rem;
    height: 4rem;
    width: 100%;
}
.work_time_modal .arrive_time .item.selected{
  border: 3px solid #FBD26A;
  border-bottom: 5px solid #FBD26A;
  background-color: #FFF2D5;
  font-weight: bolder !important;
  font-size: 1.5rem;
}
.work_time_modal .arrive_time .clock{
  gap:1rem;
}
.work_time_modal .arrive_time .clock > .flex{
  gap:0.8rem;
}
.work_time_modal .arrive_time .box{
  border:1px solid #C9CBD0;
  width: 10rem;
  height: 5rem;
  border-radius: 0.8rem;
}
.work_time_modal .arrive_time .hour_grid .item.on,
.work_time_modal .arrive_time .minute_grid .item.on{
  background: #FFF2D5;
  border: 3px solid #FBD26A;
}

.work_time_modal .arrive_time .hour_grid{
  display:grid;
  grid-template-columns:repeat(6 , calc((100% - 5rem)/6)) ;
  grid-template-rows: ;
  gap:1rem;
  width: 100%;
  
}
.work_time_modal .arrive_time .minute_grid{
  display:grid;
  grid-template-columns:repeat(3 , calc((100% - 2rem)/3)) ;
  grid-template-rows: ;
  gap: 1rem;
  width: 100%;
}
/* .work_time_modal .modal_content .wrap .cacluate_info .detail_time_wrap .detail_time + .detail_time_content,
.work_time_modal .modal_content .wrap .cacluate_info .add_time_wrap .add_time + .add_time_content
{
  position: absolute;
  left:0;
  top:4.4rem;
  width: 45%;
  border:1px solid #ccc;
  border-radius: 0.8rem;
  z-index: 10;
  background-color: #E7E8EA;
  height: 0;
  overflow: scroll;
  opacity: 0;
  transition: all 0.1s;
  box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
.work_time_modal .modal_content .wrap .cacluate_info .detail_time_wrap .detail_time.on + .detail_time_content,
.work_time_modal .modal_content .wrap .cacluate_info .add_time_wrap .add_time.on + .add_time_content
{
  opacity: 1;
  height: 16rem;
  transition: all 0.1s;
}
.work_time_modal .modal_content .wrap .cacluate_info .detail_time_wrap .detail_time.on .bracket_bottom img{
  transform: rotate(270deg);
}
.work_time_modal .modal_content .wrap .cacluate_info .detail_time_wrap .detail_time_content li,
.work_time_modal .modal_content .wrap .cacluate_info .add_time_wrap .add_time_content li
{
  height: 4rem;
  color:#999;
  font-weight: 500;
  margin: 0.4rem;
  border-radius: 0.8rem;
  font-size: 1.2rem;
  transition: all 0.1s;
}
.work_time_modal .modal_content .wrap .cacluate_info .add_time_wrap .add_time_content li:first-child{
  background: none;
}
.work_time_modal .modal_content .wrap .cacluate_info .detail_time_wrap .detail_time_content li.selected,
.work_time_modal .modal_content .wrap .cacluate_info .add_time_wrap .add_time_content li.selected
{
  background-color: #fff;
  border:1px solid #a1a1a1;
  color:#040D23;
  font-weight:700;
  font-size: 1.3rem;
  transition: all 0.1s;
}
.work_time_modal .modal_content .wrap .cacluate_info .add_time_wrap .add_time_content .morning_night_wrap{
  gap:0.8rem;
}
.work_time_modal .modal_content .wrap .cacluate_info .add_time_wrap .add_time_content .morning_night_wrap span{
  padding: 0.6rem;
  font-size: 1.2rem;
  white-space: nowrap;
  border:1px solid #a1a1a1;
  border-radius: 0.4rem;
  color:#a1a1a1;
  background-color: #d9d9d9;
}
.work_time_modal .modal_content .wrap .cacluate_info .add_time_wrap .add_time_content .morning_night_wrap span.on{
  background-color: #ffc72d;
  border:1px solid #000 !important;
  color:#040D23;
}
.work_time_modal .modal_content .wrap .cacluate_info .detail_time_wrap .detail_time_price,
.work_time_modal .modal_content .wrap .cacluate_info .add_time_wrap .add_time_price
{
  width: 50% !important;
  justify-content: flex-end;
  padding-right: 1rem;
  outline: none;
  border:none;
  text-align: right;
}
.work_time_modal .modal_content .total{
  width: 100%;
  gap:4.8rem;
  margin-top:1.6rem;
}
 */
/* 곽진성 퍼블리싱 수정  */
/* 2023.03.13일 전체 폰트사이즈 지정, menu_btn 하위 그룹 폰트사이트 지정*/
table,td,th,div,span a{font-size: 13px;}
.menu_btn *  {
  font-size:14px;

}
/* 2023.03.13일 The end */


/*인덱스화면*/
/* div,table,td { font-family: 'NanumSquare','Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'Noto Sans','sans-serif';} */

#indexPage{position:fixed; left:0; top:0; background:url(../img/back2.png) 0 0 no-repeat; background-size:100% 100%;width:100%; height:100%; z-index:1;}
#indexPage .indexLogo{position:absolute; left:50%; top:25%; width:18rem; margin-left:-8.5rem;}
#indexPage .indexTxt{position:absolute; left:0; bottom:1rem; color:#fff; font-weight:500; width:100%; text-align:center; font-size: 12px;}
a{text-decoration:none}
.bottom_tableMenu img {height:25px}
.bottom_tableMenu td {line-height:15px;}

.messagebox {position: absolute; top: 100px;left: 100px; width:80%; height:250px; display:none;visibility:hidden;text-align:center;z-index:101;border:1px solid #000000;background-color:#7F7F7F; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;z-index:99999}
.messagebox2 {position: absolute; top: 100px;left: 100px; width:90%; height:250px; display:none;visibility:hidden;text-align:center;z-index:101;border:1px solid #000000;background-color:#7F7F7F; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;z-index:9999}
.mgbox_workdone {position: absolute; top: 100px;left: 100px; width:80%; max-width:400px;  display:none;visibility:hidden;text-align:center;z-index:101;
				border:2px solid #C1C1C1;background-color:#FFFFFF; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;z-index:9999999}

.insidemsgbox {width:95%;background-color:#FFFFFF;padding:0px;margin:0 auto;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.inside_message_text { width:95%;text-align:center;}

.callbtn {background-color: #FFFFFF; border:none;color: #000000;width: 60px;height: 15px;text-decoration: none;border-bottom: 2px solid #FEC540;-webkit-border-radius: 0px;border-radius: 0px;
			line-height: 15px;float: right;outline: none;}

	.callbtnWhite {
		background-color:white; color:#404040;width:80px;height:15px;border-radius:10px;border:1px solid #404040;
	}
	.callbtnWhite.tranBtn{
		color:#C0C0C0; border:1px solid #C0C0C0;
	}
	.callbtnB {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,128,0,1)), color-stop(100%,rgba(147,73,0,1)));color:white;width:60px;height:25px;border-radius:6px;
		background: -ms-linear-gradient(top,  rgba(88,90,93,1) 0%,rgba(24,24,24,1) 100%);
	}
	.callbtn.tranBtn{opacity:.5;}
	.resetbtn {background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,90,93,1)), color-stop(100%,rgba(24,24,24,1)));
		width:40px;height:30px;border-radius:6px ; color:#FFFFFF;box-sizing:border-box; float:right}
	.serdate {width:25%; border:1px solid #e0e1e3; border-radius:3px; box-sizing:border-box; background:#fff; padding:5px;}
	.lista {text-align:left; padding-left:2px;padding-top:3px;line-height:15px;display:block;visibility:visible;letter-spacing:-1px}
	.colisttable td {text-align:center}
	.input_styleA {
		border: 1px solid #848484;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px;  outline:0; padding-left:10px;  padding-right:10px;
	  }


.btn_gray { 
	display:block; height:35px; line-height:35px;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;outline: none;cursor:pointer;
	border:none; text-align:center; font-weight:bold; color:#000000;  width:100%; box-sizing:border-box;  background-color:#e7e8ea;font-size:13px;
}
.btnp_gray { display:block; height:40px; line-height:19px;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;outline: none;cursor:pointer;
	border:none; text-align:center; font-weight:bold; color:#000000;  width:100%; box-sizing:border-box;  background-color:#e7e8ea;font-size:13px;
}
.btnp_gray.on{border:2px solid #f7c031; background-color:#FFFFFF}
.btnp_gray.dis{color:darkgray}

.btn_gray.on{border:3px solid #f7c031; background-color:#FFFFFF}

/* 진한 버튼 */
.btn_time {width:90%;margin:0px auto;height:60px;border-radius:6px;font-size:13px;font-weight:normal;background-color:#f1f1f1;border:1px solid #B6B6B6;color:#D0D0D0}
.btn_time.on {width:90%;margin:0px auto;height:60px;border-radius:6px;font-size:13px;font-weight:normal;background-color:#D0D0D0;border:1px solid #B6B6B6;color:#000000}
/* 진한데 글자큰 버튼 */
.btn_time1 {width:90%;margin:0px auto;height:60px;border-radius:6px;font-size:17px;font-weight:normal;background-color:#f1f1f1;border:1px solid #B6B6B6;color:#D0D0D0}
.btn_time1.on {width:90%;margin:0px auto;height:60px;border-radius:6px;font-size:17px;font-weight:normal;background-color:#D0D0D0;border:1px solid #B6B6B6;color:#000000}
/* 조금 글자작은 버튼 */
.btn_time2 {width:90%;margin:0px auto;height:60px;border-radius:6px;font-size:13px;font-weight:normal;border:1px solid #B6B6B6;color:#D0D0D0}
.btn_time2.on {width:90%;margin:0px auto;height:60px;border-radius:6px;font-size:13px;font-weight:normal;background-color:#D0D0D0;border:1px solid #B6B6B6;color:#000000}

.orderbtn_gray{
	display:block; height:35px; line-height:35px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:2px solid #888888; text-align:center; line-height:35px;
	font-weight:bold; color:#000000;  width:100%; box-sizing:border-box;  background-color:#FFFFFF;outline: none; overflow:hidden;
}
.orderbtn_gray.on{border:3px solid #f7c031;  }
.orderbtn_gray.dis{color:darkgray }
.btn_arraycir { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;float:right; border:1px solid #808080; width:15px; height:15px;line-height:15px; margin-top:8px}

.bal_intno{color:#000000}
.bal_m{color:#707173}
.tonTit{white-space:nowrap}
.workerX2{width: 100%;height: 25px;text-align: center; }
.botmtxt{color:#FFFFFF; font-weight:bolder; padding-left:15px;border:none}
.btn_Niti {color: #fff;background: #362d25;border-radius: 6px;background: -moz-linear-gradient(top, #362d25);background: -webkit-gradient(linear, left top, left bottom, #362d25);background: -webkit-linear-gradient(top, #362d25);background: -o-linear-gradient(top, #362d25);background: -ms-linear-gradient(top, #362d25);background: linear-gradient(to bottom, #362d25);filter: progid:DXImageTransform.Microsoft.gradient( ='#c14848', endColorstr='#8c1818',GradientType=0 );border: 0; padding:0px}

.secondTab_32 {width:32%; height:35px;line-height:35px; text-align:center; display:inline-block; border:1px solid #808080; vertical-align:top;border-bottom-right-radius:5px;position:relative; background-color:#D0D2D3;}
.secondTab_32.on{background-color: #939597; color:#FFFFFF}

.secondTab_48 {font-size:14px; width:48%; height:35px;line-height:35px; text-align:center; display:inline-block; border:1px solid #808080; vertical-align:top;border-bottom-right-radius:5px;position:relative; background-color:#D0D2D3;}
.secondTab_48.on{background-color: #939597; color:#FFFFFF}
.secondTab_23 {font-size:14px; width:23%; height:35px;line-height:35px; text-align:center;  display:inline-block; border:1px solid #808080; vertical-align:top;border-bottom-right-radius:5px;position:relative; background-color:#D0D2D3;}
.secondTab_23.on{background-color: #939597; color:#FFFFFF}
.baljooBtn:focus{background-color:#62CCFF !important;}
.baljooBtn:blur{background-color:#FFFFFF !important;}
.btn_log_M:focus{background-color:#62CCFF !important;}
.hovewr_green:focus{background-color:#62CCFF !important;}
.topTabA:focus{background-color:#62CCFF !important;}
.topTabB:focus{background-color:#62CCFF !important;}
.tClickon:focus{background-color:#62CCFF !important;}
.tClickon{display: flex; align-items: center; justify-content: center; font-size:18px; font-weight:bold;}
.optionMainDiv{margin:0px auto; font-family:맑은 고딕,Georgia, Times, serif;  top:30%;position:relative;  -webkit-border-radius:15px;border-radius:15px;background-color:#E9E9E9 ; padding:3px 10px;z-index:9999999}
.optionListBtn{display:block; text-decoration:none; color:#000000; line-height:30px;border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; cursor:pointer;	}
.optionListBtn:hover { color:#FF8040; }
.optonBtn {background-color: #FFFFFF;outline: none;border: 1px solid #808080;color: #000000;-webkit-border-radius: 3px;border-radius: 3px;font-weight: normal;}
.optonBtn:focus {background-color:#0080FF !important; color:#FFFFFF;}
.directinfodiv{ line-height:30px; border-bottom:1px dotted #C1C1C1; text-align:left; padding-left:10px; color:#808080; font-weight:normal}
.chatnotice{width:30px !important; height:30px !important; -webkit-border-radius:30px;border-radius:30px;background-color:#FF0000;  color:#FFFFFF; position:relative}
.baljooBtn {
	color:#101011;width:50px;height:35px; line-height:30px; border-radius:3px; border:1px solid #000000;background-color:#FFFFFF;font-size:15px ; font-weight:normal; outline:none;text-align: center
}

/* 페이징 */
.pg_wrap {clear:both;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {text-align:center} 
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}                                                                              
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}


/* 최근 통화목록 스타일 */
.teadivbats table{margin-left:8px;padding-right:8px;table-layout:fixed;width:100%;border:1px solid #ccc;border-left:none;border-top:none;}
.teadivbats table tr{display:flex;justify-content:space-between;align-items:center;height:55px;text-align:center;}
.teadivbats table td:nth-of-type(1){height:30px;}
.teadivbats table td:nth-of-type(1) img:first-child{display:block;}
.teadivbats table td:nth-of-type(1) img:last-child{display:none;}
.teadivbats table td:nth-of-type(2){font-size:15px;width:130px;font-weight:bold;color:#333;}
.teadivbats table td:nth-of-type(3){font-size:15px;width:80px;font-weight:bold;color:#333;}
.teadivbats table td:nth-of-type(4){font-size:13px;padding-right:8px;font-weight:normal;color:#333;}
.teadivbats table.devil td:nth-of-type(1) img:first-child{display:none;}
.teadivbats table.devil td:nth-of-type(1) img:last-child{display:block;}
.teadivbats table.devil td:nth-of-type(2){font-weight:bold;color:#922F2F;}
.teadivbats table.devil td:nth-of-type(3){font-weight:bold;color:#922F2F;}
.teadivbats table.devil td:nth-of-type(4){color:#922F2F;}

/* 좌측메뉴 스타일 (수발주자용) */
.tClickon{width: 100%; height:35px; border:none}
.sidem_h1{font-size:13px; font-weight:bolder; line-height:30px; padding-left:10px;color:#333333; border:none}
.sidem_tr1{height:30px}
.sidem_tr2{height:30px}
.sidem_h2{padding-left:40px ; cursor:pointer; color:#333333;font-weight:500; border:none}
.sidem_h2.sub{color:#9a9595}
.sidem_h3{text-align:right; padding-right:10px; border:none}
.sideBtn{background-color:#FFFFFF; color:#808080; border:1px solid #C1C1C1; outline:none; font-size:13px;padding:5px 5px;-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;}
.botHref{color:#000000}

/* 좌측메뉴 스타일 (발주자용) */
.infossTab {}
.seldshowinfotable td {border:0px;}
.td_t { background-color:#BCBCBC}
.radioa {width:20px ; height:20px}
.btnsall td {padding-left:5px;padding-top:5px}
.baljooBtn {
  color:#101011;width:60px;height:45px; line-height:30px; border-radius:6px; border:2px solid #000000;background-color:#FFFFFF;font-size:20px ; font-weight:bolder;
}
.resetbtn {background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,90,93,1)), color-stop(100%,rgba(24,24,24,1)));
  width:40px;height:30px;border-radius:6px ; color:#FFFFFF;box-sizing:border-box; float:right}
.serdate {width:40%; border:1px solid #e0e1e3; border-radius:3px; box-sizing:border-box; background:#fff; padding:5px;}
.lista {text-align:left; font-size:8pt;padding-left:2px;padding-top:3px;line-height:15px;display:block;visibility:visible;letter-spacing:-1px;white-space: nowrap;overflow-x:hidden}
.box_link div{display:block;width:100%;padding-left:10px;min-height:40px;line-height:40px;color:#999;border:1px solid #999;border-bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
.selectCarOpt {width:98%;margin:0px auto;text-align:left;background-color:#FFFFFF;border-radius:10px;line-height:20px;font-size:10pt ; overflow-x: hidden;overflow-y:hidden;}

.teadivbats{
  display:block;margin:0px auto; float:left; width:98%;;min-height:30px;line-height:30px;color:#999; border:1px solid #8C8C8C;
  font-size:12px; color:#000000; box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:5px;padding:2px;border-radius:0px;
}
.teadivbats_on{
  display:block;margin:0px auto; float:left; width:98%;;min-height:30px;line-height:30px;color:#999; border:2px solid red;
  font-size:12px; color:#000000; box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:5px;padding:2px;border-radius:0px;;
}
.confirm_table { margin:0px auto ;    border-collapse: collapse;}
.confirm_table tr { height:40px ;  }
.confirm_table td {border-right:1px solid #808000;font-size:15px; padding-left:10px;font-weight:bold }
.confirm_table th {text-align:right; padding-right:5px;font-size:15px;font-weight:normal;  border:1px solid #808000 ; background-color:#EBEBD6;;font-weight:bold}
.orderTbA td { padding-left:5px ; }
::-webkit-input-placeholder { color:    #8D8D8D; }
:-moz-placeholder { color:    #8D8D8D;opacity:  1;}
::-moz-placeholder { color:    #8D8D8D;opacity:  1;}
:-ms-input-placeholder { color:    #8D8D8D;}
.caseSedTd1 {padding:0px;margin:0px ; width:20px !important; padding:0px 0px 0px 5px}
.caseSedTd2 {text-align:left;padding-right:0px;white-space:nowrap;}
.simpleBtn{ background-color:#5DCCF5; -webkit-border-radius:10px;border-radius:10px; border:none ; height:35px; font-size:18px; font-weight:bolder}
.caseSelInput {background: #fff;border-radius: 4px;border: 1px solid #d9dadd;padding: 0 8px;box-sizing: border-box; width:30px;height:30px}
.topTabA {font-weight:normal;width:33.3%; display:inline-block;text-align:center;height:32px;line-height:30px;font-size:20px;background-color: #FFF2D5;color:#000000; font-weight:bolder; border-bottom:2px solid #fac333}
.topTabB{font-weight:normal;width:33.3%; display:inline-block;text-align:center;height:32px;line-height:30px;font-size:20px;background-color: #FFFFFF;color:#000000;ont-weight:bolder}
.topTabA:focus{background-color:#FFC5A8 !important;}
.topTabB:focus{background-color:#FFC5A8 !important;}

.hrsDiv {width:85%; margin:0px auto;  border:1px solid #C1C1C1; background-color:#FFFFFF; color:#808080;padding:5px; font-size:15px; text-align:center; margin-bottom:3px; line-height:30px}


.goBtn {width:150px; background-color:#FEC540; color:#000000; font-size:17px; font-weight:bolder; height:60px; border:none;-webkit-border-radius:3px;border-radius:3px;}
.goBtn:focus{background-color:#62CCFF !important;}

.carTonType{width:31%; margin-right:2%; height:45px; border:1px solid #808080; line-height:35px;-webkit-border-radius:3px;border-radius:3px; }
.carTonType:focus{background-color:#FEC540 !important;}
.carTonType.on{background-color:#FEC540 !important;}
.carHR{width:18%; margin-right:1%; border:1px solid #808080; line-height:45px;-webkit-border-radius:3px;border-radius:3px; }
.carHR:focus{background-color:#FEC540 !important;}
.carHR.on{background-color:#FEC540 !important;}



/* my메모 레이아웃 오류 수정 */
.ordermemoina {
  margin-bottom: 12px;
  width: 95%;
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  border-bottom: 1px dotted #C1C1C1;
  line-height: 1.5;
  white-space: normal;
  word-break: break-all;
  padding-left: 14px;
  padding-bottom: 5px;
  text-indent: -14px;
}

.ordermemoina:last-child {
  margin-bottom: 0;
}