.mt0 {margin-top:0px !important;}
.mt40 {margin-top:40px !important;}
.mt70 {margin-top:70px !important;}
.mr10 {margin-right:10px !important;}
.mgb-70 {margin-bottom:70px;}

/*****TABLE*****/
.sub_table {margin-top:80px; width:100%;}
.sub_table_s {margin-top:50px; width:100%;}
.com_table_list th , .com_table_list td {height:55px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; box-sizing:border-box; }
.com_table_list th {background:#efefef; font-weight:bold; font-size:16px; font-weight:400; text-align:center; color:#232323; font-family:'NotoKrM';}
.com_table_list th.red_st {background:#e8ecf4; }
.com_table_list th .icon_ess {font-weight:300; color:#d12b3b;}

.com_table_list td {padding:10px 20px ;font-size:15px;line-height:20px;text-align:center;color:#6a6a6a;}
.com_table_list th:last-child {border-right:none;}
.com_table_list td:last-child {border-right:none;}
.com_table_list td.left {text-align:left;line-height:26px;}
.com_table_list td.right {text-align:right;}
.com_table_list td.num {color:#222222;}
.com_table_list td.title {text-align:left; padding:4px 30px; cursor:pointer; }
.com_table_list td.title span {text-align:left; max-width:410px; text-overflow:ellipsis; overflow:hidden; word-break: break-all; word-wrap: break-word; white-space:nowrap; float:left;}
.com_table_list td.date {font-size:15px; color:#8f8f8f;}
.com_table_list td .iptype_txt{width:300px; text-align:left; padding:4px 30px; cursor:pointer; }
.com_table_list td .line {display:inline-block; margin-right:10px;}
.com_table_list td .line label {line-height:30px; vertical-align: text-bottom; }
.com_table_list td.orderinfo {padding:5px 20px; text-align:left; background:#f1f4ff; height:40px; font-size:13px;}
.com_table_list td.orderinfo span.num {position:relative; padding-right:12px; margin-right:15px;}
.com_table_list td.orderinfo span.num::after {content:""; width:1px; height:15px; background:#727272; right:0px; top:3px; position:absolute; }
.com_table_list td.orderinfo span.num b {padding-right:5px;}
.com_table_list td p.explain_info {width:100%; text-align:left; font-size:13px; padding:12px 0px; letter-spacing:0.1px; }
.com_table_list td .btn_td_sb {background:#1d85d5; padding:4px 10px; border-radius:8px; font-weight:bold; color:#fff;}
.com_table_list.regit_table td input.tel_ip,
.com_table_list.regit_table td input#txt_step03_phone_01,
.com_table_list.regit_table td input#txt_step03_phone_02,
.com_table_list.regit_table td input#txt_step03_phone_03 {width:100px !important;}
.com_table_list.regit_table td input.tels {width:75px !important;}
.com_table_list.regit_table td input.ip_date {border:1px solid #e5e5e5; width:220px; }
.com_table_list.regit_table td .mc {text-align:center;}
.com_table_list.regit_table td .che_day {border:1px solid #e5e5e5; display:inline-block; text-align:center; padding:8px 12px;}
.com_table_list.regit_table td .che_day:hover {border:1px solid #989898;}
.com_table_list.regit_table td .che_day.on {background: #3b3b3b; color:#fff; border:#3b3b3b;}
.com_table_list .no-pl {padding-left:0;padding-right:0;}
.com_table_list.list {border-top:1px solid #005bac;}
.com_table_list.regit_table td {text-align:left;}
.com_table_list.regit_table td input{margin:0 auto; padding:10px 15px; height:38px;  text-align: left; width:220px; border:1px solid #e5e5e5; box-sizing:border-box;}
.com_table_list.regit_table td.date input {width:170px;}
.com_table_list.regit_table td input.read_btn {background:#e7ebf4; }
.com_table_list.regit_table td input[type="radio"] {width:18px; height:18px; vertical-align:middle; margin-right:4px; }
.com_table_list.regit_table td .product_data input[type="text"] {width:auto; background:#e7ebf4; margin-right:7px; font-weight:600; }
.com_table_list.regit_table td label {vertical-align:middle; margin-right:8px;}
.com_table_list.regit_table td input.table_input_l {width:90%;}
.com_table_list.regit_table td.address input {margin-bottom:10px; clear:both;}
.com_table_list.regit_table td.address input.adr_num {width:25%;}
.com_table_list.regit_table td.address input.adr_txt {width:100%;}
.com_table_list.regit_table td.dist {text-align:right;}
.com_table_list.regit_table td input.ip_title {width:70%; border:1px solid #aaaaaa;}
.com_table_list.regit_table td input.radio_st { width:inherit;  border:1px solid #aaaaaa; width:21px; height:21px; padding:2px; }
.com_table_list td .td_btn_typeR {display:table; font-size:14px; margin-right:8px; float:left; border-radius:2px; padding:8px 0px; text-align:center; width:95px; box-sizing:border-box; background:#304e97; color:#fff; }
.com_table_list td .td_btn_typeS {display:table; font-size:14px; margin:0 auto; border-radius:8px; padding:2px 0px; text-align:center; width:60px; box-sizing:border-box; background:#304e97; color:#fff; }
.com_table_list td .x-grid-table .td_btn_typeS { display:initial; font-size:13px; margin:0 auto; border-radius:8px; padding:8px 20px; text-align:center; box-sizing:border-box; background:#304e97; color:#fff; }
.com_table_list td .table_in_btn {display:table; text-align:right; float:right; margin-top:5px; }
.com_table_list td .table_in_btn a {display:block; padding:0px; width:95px; box-sizing:content-box; text-align:center; line-height:40px;  height:40px; font-weight:600; font-size:15px; float:left; }
.com_table_list td .cck_cont {display:block; width:100%; clear:both; padding-top:8px; font-size:13px; color:#6a6a6a; }
.com_table_list td .cck_cont input {width:14px; height:14px;  border:1px solid #d7d7d7;}
.com_table_list td select {min-width:120px; width:170px; height:38px; padding:7px 15px;  border:1px solid #e5e5e5;  
-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none; 
	background: url('../../images/client/icon_admin_arrow_off.png') no-repeat 95% 50%;
}
.com_table_list td select.sel_m {width:280px;}
.com_table_list td option {padding:10px 0px; height:30px;}
.com_table_list .in_table_box2 th {font-size:14px;}
.com_table_list .in_table_box2 td {font-size:14px; height:50px;}


/* 시멘트 */
.div_list tr.x-grid-row-alt td{background:#f9f9f9; }
.div_list tr.x-grid-row-alt td div {background:#f6f7fe;}
.div_list tr.x-grid-row-alt td div.x-grid-row-checker{
	height:14px;
	width:14px;
	line-height:0;
	background-image:url('./images/grid/unchecked.gif');
	background-position:-1px -1px;
	background-repeat:no-repeat;
	background-color:transparent
;z-index: 9999;display: inline-block;}

.com_table_list tr.bg-gry2 td{background:#f9f9f9; }
.bg-gry{background:#f6f7fe;}
.bg-gry td div{background:#f6f7fe;}
.bold {font-weight:600; color:#2b2b2b;}
.com_table_list tr.bold td {font-weight:600; color:#2b2b2b;}
.table_wrap .tabulator-row .tabulator-cell {line-height:24px;}
.table_wrap .th_line {border-top:1px solid #6c6c6c;}

/* 테이블 버튼 */
.table_wrap .tab-date {width:100%; overflow: hidden; margin-top:50px;}
.table_wrap .tab-date a {display:inline-block; font-size:15px; margin:0 12px 12px 0; color:#fff; background:#808080; width:15%; box-sizing:border-box; text-align:center; padding:20px 0px; border-radius:5px;}
.table_wrap .tab-date a:hover,
.table_wrap .tab-date a.on {background:#304c8a;}
.table_wrap .tab-date a:last-child {margin-right:0px;}
.table_wrap .table-btn-wrap {text-align: center; margin-top:33px; overflow:hidden; position:relative;}
.table_wrap .table-btn-wrap.tbw-right {display:inline-flex; float:right; }
.table_wrap .table-btn-wrap.popup {text-align: center; margin-top:25px;}
.table_wrap .table-btn-wrap a { text-align:center; display:inline-block; padding:13px 42px; margin-right:5px; font-size:16px; }
.table_wrap .table-btn-wrap a.smallr {padding:9px 30px; }
.table_wrap .table-btn-wrap a:last-child {margin-right:0px; }
.table_wrap a.t_top_r_r {display:inline-block; box-sizing:border-box; padding:9px 13px; font-size:13px; border-radius:5px; margin-bottom:7px; overflow: hidden;}
.table_wrap a.btn_list-blue {border:1px solid #304e97; background:#304e97;color:#fff; }
.table_wrap a.btn_list-blue:hover {border:1px solid #fff; box-shadow:5px 5px 10px rgb(1, 1, 1, 0.05); cursor:pointer; }
.table_wrap .table-btn-wrap a {cursor:pointer;}
.table_wrap .table-btn-wrap a.align-left {float:left; }
.table_wrap .table-btn-wrap a.align-right {float:right; margin-left:5px; overflow: hidden; }
.table_wrap .table-btn-wrap a.btn_list-blue {border:1px solid #304e97; background:linear-gradient(105.47deg, #2267b2 -3.86%, #582acd 106.44%);/* #304e97;*/color:#fff; }
.table_wrap .table-btn-wrap a.btn_list-blue:hover {background: linear-gradient(50.10deg, #2267b2 -3.86%, #582acd 76.44%); }
.table_wrap .table-btn-wrap a.btn_list-green {height:49px; background:#0a7c15; color: #fff; padding: 9px 30px; display: inline-flex; align-items: center; gap:5px;}
.table_wrap .table-btn-wrap a.btn_list-green:hover {background:#0e8c1a;}
.table_wrap .table-btn-wrap a.Btn-blue-line{border:1px solid #304e97; color:#304e97; font-weight:bold;}
.table_wrap .table-btn-wrap a.Btn-blue-line:hover {border:1px solid #ccc; }
.table_wrap .table-btn-wrap a.btn_list-gray {border:1px solid #838383; background:#838383; color:#fff; }
.table_wrap .table-btn-wrap a.btn_list-gray:hover {border:1px solid #fff; box-shadow:5px 5px 10px rgb(1, 1, 1, 0.05); cursor:pointer;}
.table_wrap .table-btn-wrap a.btn_initial{background: #fff url(../../images/client/icon_refresh.png) 85px 12px no-repeat; border:1px solid #838383;color:#838383;text-indent: -10px;padding: 13px 50px 13px 42px;}
.table_wrap .table-btn-wrap a.btn_initial:hover{ border:1px solid #ccc;}
.table_wrap .btn-delete {background:#e94f44; font-size:13px; color:#fff; padding:5px 10px; border-radius:5px;}
a.btn_excel .icon_excel{display: inline-block; width: 20px; height: 24px; background: url(../../images/client/icon_excel.png); background-size: contain; background-repeat: no-repeat;}
a.btn_print{display:inline-block;margin-top:40px;background: url(../../images/client/icon_print.png) 76px 12px no-repeat;border:1px solid #304e97;color: #304e97;padding: 13px 60px 13px 35px;}
a.btn_print:hover{ border:1px solid #ccc;}
a.btn_published{display:inline-block; font-size:14px; margin-top:40px; border:1px solid #304e97;color: #304e97;padding: 13px 35px 13px 35px;}
a.btn_published:hover{ border:1px solid #ccc;}
.table_wrap .table-btn-wrap a.btn_cancel {border:1px solid #d0051d; background:#fff; color:#d0051d; font-weight:bold; }
.table_wrap .table-btn-wrap a.btn_cancel:hover {border:1px solid #ccc; cursor:pointer;}
.table_wrap .table-btn-wrap a.btn_list {position:absolute;right:0px;top:0px;background: url('../../images/client/icon_listpage.png') 13px 14px no-repeat; border:1px solid #ccc;line-height: 21px;padding: 10px 15px 10px 37px;display: inline-table;}
.table_wrap .table-btn-wrap a.btn_list:hover {border:1px solid #838383;}
.table_wrap .btn-print {float:right;}
.table_wrap .btn-print #sel_rowCount{width:100px; padding:8px 10px; border:1px solid #989898;}
.table_wrap .table-btn-wrap .btn-print a{display:inline-block;padding: 0 29px;height: 39px;font-size:14px; color:#fff; background:#000; transition: all .5s;box-sizing:border-box;line-height: 36px;}
.com_table_list .form .table_input1{width:205px; height:20px; padding:10px 5px; border:1px solid #989898; cursor:text; font-family:'NotoKr'; font-size:14px; text-indent:10px ; letter-spacing:0;  }


/* 테이블 안/밖 버튼 */
.table_wrap a.btn_sel_all{display:inline-block;padding: 0 29px;height: 36px;font-size:14px; border: 1px solid #c3c4c5; transition: all .5s;box-sizing:border-box;line-height: 33px;} 
.table_wrap a.btn_sel_all:hover {background: #000; color:#fff;}
.table_wrap a.btn_del_all{display:inline-block; padding:0 12px; height:30px; font-size:14px; border-radius:13px; border:1px solid #c3c4c5; transition: all .5s; box-sizing:border-box; } 


/* 센션 원라인 버튼 */
section.mg20 {position: relative;}
.online-btn {position:absolute; top:20px; right:30px;}
.online-btn a { text-align:center; display:inline-block; padding:13px 42px; margin-right:5px; font-size:16px; }
.online-btn a.btn_list-blue {border:1px solid #304e97; background:#304e97;color:#fff; float:right; }


/** Step **/
.ment {padding:20px; box-sizing:border-box; border:5px solid #eee; text-align:center; margin:30px 0px 10px 0px; }
.ment strong {padding-top:5px;}
.notice_box2 { text-align:center;  font-weight:bold; padding:20px; border:5px solid #eee; margin-bottom:30px; font-size:14px; line-height:25px; letter-spacing:-0.3px;   }
.notice_box2 i {color:#de1414; font-style: normal;}

/* TABLE- simple list */
.table_wrap.culha_table {width:1000px; margin:0 auto; padding-right:50px;}
.table_wrap.culha_table td.ctitle{text-align:center; color:#000; font-weight:bold;}
.table_wrap.culha_table td.date input{width:47%; margin-right:2%; border:1px solid #989898;}
.table_wrap.culha_table td .culha_info {border:1px solid #989898; padding:20px; }
.table_wrap.culha_table td .culha_info li {line-height:38px;}
.table_wrap.culha_table td .culha_info li input {width:70px; text-align:center; margin-right:7px; height:27px;}
.table_wrap.culha_table td .culha_info li input.etc_info {width:300px; text-align:left;}

.table_wrap .com_table_list.simple_list th { height:55px; background:#f6f6f6; font-size:16px; font-weight:normal; text-align:center; color:#222222; font-weight:600; font-family:'NotoKrB';}
.table_wrap .com_table_list.simple_list td {height:55px; padding:0px;font-size:15px;line-height:20px;text-align:center;color:6a6a;}
.table_wrap #empty_grid {border-bottom:1px solid #dbdbdb; }
.table_wrap #empty_grid p {text-align:center; min-height:100px; line-height:100px; font-size:16px;  }
.table_wrap #empty_grid .img {display:inline-block; width:47px; height:43px; background:url('../../images/mobile/client/icon_nolist.png') center no-repeat; vertical-align:middle; margin-right:20px; }
.com_table_list td.in_table_box {padding:0px;}
.com_table_list td.in_table_box .in_table_list {margin:0px; padding:0px; border:1px solid #98b8f6;  }
.com_table_list td.in_table_box .in_table_list th {background:#ebf2ff; text-align:center; font-size: 16px; color:#222222; font-weight:600;  }
.com_table_list td.in_table_box .in_table_list td {border-bottom:0px; text-align:center;}
.com_table_list td.in_table_box .in_table_list td input {width:100%; margin:0 auto; padding:10px 15px; text-align: left; box-sizing:border-box;  background:#f6f6f6; border:1px solid #e5e5e5; text-align:center;}
.com_table_list {margin-top:20px; border-top:1px solid #6c6c6c;}
.com_table_list th , .com_table_list td {height:53px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; box-sizing:border-box; }
.com_table_list th {background:#efefef; font-size:16px; text-align:center; color:#222222; font-weight:400; font-family:'NotoKrM';}
.com_table_list td {padding:10px 20px ;font-size:15px;line-height:20px;text-align:center;color:#6a6a6a;}
.com_table_list td .ico_ar {display:inline-block;width: 21px;height: 21px;background:url('../../images/client/icon-arrow-right.png') center no-repeat;border:1px solid #d0d9f0;margin-left: 9px;/* margin-top: 10px; */vertical-align: bottom;}
.com_table_list td.th_col_total:hover {background:#fafcff;}
.com_table_list td.th_col_total:hover .ico_ar,
.com_table_list td .ico_ar:hover {border:1px solid #6c6c6c;}
.com_table_list th.height-free {height:110px;}
.com_table_list td.height-free p{display:inline-block; position:relative; padding-right:150px; padding-top:5px; }
.com_table_list td.height-free p span {display:block; clear: both; margin-top:10px; color:#ea4d32;}
.com_table_list td.height-free p a.hf_s_btn {position:absolute; right:0px; top:0px; border-radius:5px; padding:8px 10px; color:#000; background:#d0d9f0; border:1px solid #d0d9f0; font-size:13px; }
.com_table_list td.height-free p a.hf_s_btn:hover {border:1px solid #304e97; box-sizing:content-box ;}
.com_table_list th:last-child {border-right:none;}
.com_table_list td:last-child {border-right:none;}
.com_table_list td .info-delivery { line-height:30px; position: relative; display:inline-block; padding-right:150px;}
.com_table_list td .info-delivery a { position:absolute; top:0px; right:0px; border-radius:7px; padding:2px 16px; background:#304e97; font-size:14px; float:right; color:#fff;}
.com_table_list td .info-delivery a:hover {background:#1a326d;}
a.btn_list-ok {margin-top:30px; padding:15px 50px; background:#304e97; font-size:15px; font-weight:bold; float:right; color:#fff;}

.select-tree-box .table_wrap {clear:none;} 
.table_wrap .x-grid-table {width:100% !important;}
.table_wrap .table01 {width:100%; /*border-top:1px solid #6c6c6c;*/}
.table_wrap .x-grid-table th , .x-grid-table td {height:55px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; box-sizing:border-box; }
.table_wrap .x-grid-table th {background:#f6f6f6; font-size:16px; font-weight:normal; text-align:center; color:#222222; font-weight:600; font-family:'NotoKrB';}
.table_wrap .x-grid-table td {padding:10px 20px ;font-size:15px;line-height:20px;text-align:center;color:#6a6a6a;}
.table_wrap .x-grid-table th:last-child {border-right:none; }
.table_wrap .x-grid-table td:last-child {border-right:none; }

/* Top-fixed-box */
.mask-h-none .x-mask {height:inherit !important; } 
.table_wrap .top_fixed_box .table01 {width:100%; height:600px !important; overflow-y:scroll; margin:0px; border-bottom:1px solid #6c6c6c;}
.table_wrap .top_fixed_box {position:relative; border-bottom:1p solid #dbdbdb; display:block; overflow:hidden;}
.table_wrap .top_fixed_box .x-box-layout-ct {position: sticky !important; top:0px;}
.table_wrap .top_fixed_box .table01 .x-panel-body {top:-1px !important; }
.table_wrap .top_fixed_box .table_wrap .x-grid-table td.x-grid-cell .x-grid-cell-inner {padding:7px 5px;}
.table_wrap .top_fixed_box  .com_table_list td .td_btn_typeS {width:60px; padding:2px 0px;}

/* wide-scroll-table */
.wide-scroll-table { 
    overflow-x: auto;
    white-space: nowrap;	
}
.table_wrap .wide-scroll-table .table01 {overflow-x:auto; overflow-y:hidden; width:1200px;  }
.table_wrap .wide-scroll-table .table01.mgb-70{margin-bottom:0px;}
.table_wrap .wide-scroll-table .x-grid-table td.x-grid-cell .x-grid-cell-inner {padding:10px 5px; font-size:14px;}

.txt_red { color:#d0051d}
.txt_blue { color:#304c8a}
.txt_lightblue {color:#0e7ee6}

/* 외부 테이블 CSS */
#div_ori_enterprise_select .table01 {height:inherit !important;}
.table01 {clear:both; position:relative; font-size:9pt; background-color: none; width:100%; height:100%; /*border-top:2px #96a6a6 solid;*/ }
.table01 .bdleft_no {border-left:none;}
.table01 .b {font-weight:bold;} 
.table01 .x-grid-row {cursor:pointer; }
.table01 .x-grid-row .x-grid-cell {padding:10px 20px ;font-size:15px;line-height:20px;text-align:center;color:#6a6a6a;}
.table01 .x-grid-with-row-lines .x-grid-cell {	border-width:0px;}
.x-grid-with-row-lines .x-grid-cell-inner {line-height: 32px;padding-bottom:0px;text-align:center !important; font-size:13px;}
.x-grid-row-alt .x-grid-cell, .x-grid-row-alt .x-grid-rowwrap-div { background-color:#fff;}
.x-box-inner {overflow:hidden; zoom:1; position:relative; left:0; top:0; background:#f6f6f6; border-bottom:1px solid #dbdbdb; padding:10px 0px;  }
.x-grid-row-summary {display:none;}
#fileTable .com_table_list td {border-bottom:0px;}
.table01_border {clear:both; position:relative; font-size:9pt; background-color: none; width:100%; height:100%; border:1px #c7d2d2 solid; border-top:2px #96a6a6 solid;border-left:1px #e9e9e9 solid; }	
.table01_border td {font-weight: normal; padding:7px 5px 7px 5px; margin:0; color:#666; border-bottom:1px #d8d8d8 solid; border-left:1px #e9e9e9 solid; height:25px; }
.x-panel-body { top:48px; background:#f6f6f6; padding:15px 0px; font-size:16px; }	

.table01 .x-column-header-inner { background:#f6f6f6; font-size:16px; font-weight:normal; text-align:center; color:#222222; font-weight:600; font-family:'NotoKrB'; padding:20px 5px !important;}
.table01 .x-column-header:last-child {border-right:0px;}
.table01 .x-grid-row .x-grid-cell {padding:10px 12px ; font-size:15px; line-height:22px; color:#6a6a6a; text-align:center; background:#fff; color:#6a6a6a;  border-right:1px #dbdbdb solid;  }
.table01 .x-grid-row td.x-grid-cell:first-child {}
#div_kunnr_select .table01 .x-grid-row .x-grid-cell,
#div_site_list .table01 .x-grid-row .x-grid-cell {padding:0px 12px ;}
.table_td #mobile {display:inline-block; margin-right:5px; }
.com_table_list.regit_table td input.tel_ip {font-size:14px;}
.table_td .select_company {display:table; margin:0 auto; float:none; width:80%; height:45px; vertical-align:top; text-indent:10px; border:1px solid #222222;}
.table_td .select_team {display:table; margin:0 auto; width:30%; height:45px; vertical-align:top; text-indent:10px; border:1px solid #222222; }
.table01 .x-grid-row-alt .x-grid-cell { background-color:#fff; }
.table01 .x-tree-panel .x-grid-cell-inner {padding:5px 0px;}
.table01 .x-panel-body {height:100% !important; padding:0px;}
.select-tree-box .table_wrap {clear:none;} 
.table_wrap .x-grid-table {width:100% !important;}
.table_wrap .x-grid-table th , 
.x-grid-table td {height:55px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; box-sizing:border-box; }
.table_wrap .x-grid-table th {background:#f6f6f6; font-size:16px; font-weight:normal; text-align:center; color:#222222; font-weight:600; font-family:'NotoKrB';}
.table_wrap .x-grid-table td {padding:10px 20px ;font-size:15px;line-height:20px;text-align:center;color:#6a6a6a;}
.table_wrap .x-grid-table td.x-grid-cell {padding:0px; width:100%; box-sizing:border-table;}
.table_wrap .x-grid-table td.x-grid-cell .x-grid-group-title {font-size:13px; padding:3px 0px 2px 28px; text-align:left;}
.table_wrap .x-grid-table td.x-grid-cell .x-grid-cell-inner {padding:8px 5px;}
.table_wrap .x-grid-table .x-grid-group-body td {padding:0px;} 
.table_wrap .x-grid-table th:last-child {border-right:none;}
.table_wrap .x-grid-table td:last-child {border-right:none; }

.table_wrap .com_table_list .reg1_txt td {padding:0px; border:0px; height:auto;}
.table_wrap .com_table_list .reg1_txt {display:inline-block; float:left;  margin-right:10px; }
/* 시멘트 */
.table_wrap .top-info-txt {color:#2b2b2b; font-size:16px; font-weight:bold; letter-spacing:-0.9px; overflow: hidden; margin-bottom:-10px; } 
.table_wrap .top-info-txt span {display:block; float:left; width:100%;}
.table_wrap .top-info-txt span.f_r {text-align:right;}


/* 거래처 월간 출하현황*/
.select_company {float:left; width:45%;}
.div_company_list {border:1px solid #ccc;}
.pop_select_box {width:100%; position:relative;}
.pop_select_box input.pcl_search {width:320px; height:47px;margin:0 5px; padding-left:15px;vertical-align:top; border:1px solid #222222; box-sizing: border-box;}
.pop_select_box a.btn { display:block; float:right; width:56px; height:47px; background:url('../../images/client/icon_search.png') center no-repeat; text-indent: -9999px; font-size:0px; }
.btn_arrow {float:left; padding-top:25%; width:20%; text-align:center;}
.btn_arrow a {display:table; display:block; margin:0 auto; padding-bottom:20px;}
.selected_box {float:right; width:35%;}
.selected_box .list { border:1px solid #b4b4b4; padding:20px; min-height:400px;}
.selected_box .list ol li {line-height:25px; text-align:left; font-size:15px; color:#6a6a6a; }
.selected_box .list ol li:hover {color: #4a76cd; cursor: pointer;}
.selected_box option { font-weight:bold; text-align:center; padding:15px; font-size:15px;}



/* 제품 */

.h4_inner {font-size: 21px; font-weight:bold; color:#000;display:inline-block;margin-bottom: 15px;}
.m21{margin-bottom: 20px; margin-top: 40px;}
.m21 .m21_seach{display:flex; max-width:1200px; width:100%; box-sizing:border-box; margin-top:20px;}
.m21 .m21_seach input{box-sizing:border-box; width:calc(100% - 200px); height:50px; border:1px solid #ddd;outline:0; padding:0 0 0 65px; font-size:16px; background:url(../../images/client/ico_search.png) no-repeat 20px center;}
.m21 .m21_seach input::placeholder {color: #999;}
.m21 .m21_seach a{display:block;box-sizing:border-box;width:200px;height:50px;border:1px solid #457aa4;background:#304c8b;outline:0;font-size:17px;color:#fff;font-weight:500;text-align: center;line-height: 50px;}
.tabbox .height-space02 {width:100%;display: block;overflow: hidden;}
.tabbox .height-space02 .categ_select{margin-right:20px;}
.tabbox .btn {width: 23%;float:left;display: flex;justify-content: center;align-items:center;background: #fff;box-sizing: border-box;font-size: 1em;color: #304c8b;padding:14px 15px;margin-right: 15px;margin-bottom: 10px;border: 1px solid #304c8b;}
.tabbox .categ .m21 {margin-top:0px;}
.tabbox .categ .m21 .m21_seach{margin-top:0px;}
.tabbox .categ .m21 .m21_seach input{background:#fff; border:1px solid #ddd;outline:0; padding:0 0 0 65px; font-size:16px; background:#fff url(../../images/client/ico_search.png) no-repeat 20px center;}
.tabbox .categ .btn{border-radius:25px;}
.tabbox .btn:before { content: ''; width: 21px; height: 27px; margin-right: 10px; background: url(../images/about/ioc_location_point.png) center no-repeat; }
.tabbox .categ {background:#eee; padding: 30px; overflow:hidden; width:100%; margin-bottom: 20px;}
.tabbox .categ .info {margin: 15px 0px 20px;text-align: left;float: left;}
#step-2.step02 { width:100%; }

.table_wrap .tblin-line-btn {display:inline-block;  font-weight: 600; background:#fff; border: 2px solid #304c8b; padding: 7px 15px;color:#304c8b;font-size: 15px;white-space: nowrap;}
.table_wrap .tblin-line-btn_r{display:inline-block; font-weight: 600; background:#fff; border: 2px solid #304c8b; padding: 7px 15px;color:#304c8b;font-size: 15px;white-space: nowrap; margin-left:10px;}
.table_wrap .tblin-line-btn_r:hover {border: 2px solid #476097; }
.com_table_list.regit_table td .form-s-s {display:table;}
.com_table_list.regit_table td .form-s-s label.site_nm {text-align: left;padding: 10px 20px;margin: 0px;display: table-cell;min-width:240px;background:#e7ebf4;height:37px;}

/*  가로 스크롤 테이블  */
.wide-scroll {overflow-x: auto; white-space: nowrap;}
.table_wrap .wide-scroll .table01 {overflow-x:auto; overflow-y:hidden; width:1200px;  }
.wide-scroll2 {overflow-x: auto; white-space: nowrap; height:800px;}
.table_wrap .wide-scroll2 .table01 {overflow-x:auto; overflow-y:hidden; width:1200px;  }


/*  REPORT  */
.confirmation_box {font-family:'굴림';}
.confirmation_box input { text-indent:4px ;}
.confirmation_box .ip_line_m {display:inline-block;width:17%;border: 1px solid #a9a9a9; height: 30px;}
.confirmation_box .ip_line_m2 {display:inline-block;width:50%;border: 1px solid #a9a9a9; height: 30px; background:#fff ;}
.confirmation_box .ip_line_l {display:inline-block;width:32%;border: 1px solid #a9a9a9; height: 30px; background:#f8f8f8 ;}
.confirmation_box .print_info{ display:block; margin-bottom:5px; text-align:right; font-family: 'NotoKrM'; color:#474747; font-size:15px; }
.confirmation_box .info li {width:100%;padding-bottom: 15px;}
.confirmation_box .info li span{width: 77px;font-weight:bold;display: inline-block;line-height: 20px;}
.ex_confirmation {width:100%; padding:70px; text-align: center; border:1px solid #989898; box-sizing:border-box; font-size:15px; color:#6a6a6a; }
.confirmation {border:1px solid #989898; padding:70px 0px;}
.confirmation .title { text-align:center; font-size:18px;}
.confirmation p {text-align: center; font-size:13px; color:#6a6a6a;}
.confirmation p span {margin-right:15px;}
.confirmation ul.info {margin:50px;}
.confirmation ul.info li{text-align:left;/* line-height: 40px; */}
.confirmation .distance_table { margin:60px;}
.confirmation .distance_table .com_table_list {border:1px solid #6c6c6c;}
.confirmation .distance_table input {border: 1px solid #a9a9a9; width:80px; height:25px;}
.confirmation .distance_table td.dist {font-size:13px;}
.confirmation .distance_table .com_table_list th, 
.confirmation .distance_table .com_table_list td {height:47px;}
.confirmation input.dt-table-ip2{ width:50px; margin-right:5px; border: 1px solid #a9a9a9; height:25px;}
.confirmation .confirmer_line {width:100%; margin:50px 0px; background:#efefef; padding:16px 60px; color:#6a6a6a; font-size:13px;}
.confirmation_table .table_title {position: relative; width:100%; background:#848484; color:#fff; text-align:center; font-size:23px; font-weight:bold; padding:20px; box-sizing:border-box;}
.confirmation_table .table_title span {font-size:15px; font-weight:normal;display:block; width:100%; padding-top:5px;}
.confirmation_table .table_title span.date {position:absolute; right:15px; bottom:10px; text-align:right; width:auto; letter-spacing: 1px;}
.confirmation_table table tr.h-200 td {height:200px;}
/* select+search  *//* 공지사항 서치 + 탭 박스 */
.sch_tab_box2 {width:100%; overflow: hidden; background:#efefef; width:100%; box-sizing:border-box; padding:30px; text-align:left; margin-bottom:20px; }
.sch_tab_box2 span.h4_title {width:100%; padding-bottom:10px; font-size:16px; font-weight:bold; color:#000; display:inline-block; }
.sch_tab_box2 .search_txt {position:relative; background:#efefef; width:100%; box-sizing:border-box; text-align:center; }
.sch_tab_box2 .search_txt .src-box {width:100%; border:1px solid #b4b4b4; box-sizing:border-box ; background:#fff; text-align:left; overflow:hidden; }
.sch_tab_box2 .search_txt select {width:30%;min-width:inherit; padding:3px 0px; height:38px; text-indent:15px; border:0px; margin-top:0px; box-sizing:border-box; float:left; }
.sch_tab_box2 .search_txt input {width:70%; padding:3px 0px; height:38px; text-indent:15px; border:0px;  border-left:0px; box-sizing:border-box ; float:left; }
.sch_tab_box2 .search_txt button {position:absolute; right:0px; top:0px; width:45px; height:40px; text-indent:-9999px; border:1px solid #b4b4b4; background:#fff url(/../images/client/ico_search.png) no-repeat center; }

/* Sales map */

.data-count-container {display:flex; align-items:center; font-size: 14px; font-weight: normal; color: #044f7d; margin-bottom:15px;}
.data-count-container.color {background: #eaf7ff;  padding: 10px 12px; border-radius: 5px; border: 1px solid #c0d1f9;}
.data-count-container .num {display:inline-block; font-weight:bold; padding-left:5px;}

.region-info-container {border:1px solid #304c8b; padding:20px;}
.table_wrap .add-region-form {    margin-top: 20px; padding: 20px; border-radius: 0px;background: #f0f0f0; color: #044f7d;}
.table_wrap .add-region-form .sub-title {font-family:'NotoKrB', sans-serif; font-size:18px; color: #000;}
.form-row-wrap {display: flex;align-items: center; padding: 15px 20px; background: #fff; margin:10px 0px 30px 0;}
.form-row-wrap .form-row {display:flex; align-items:center; flex:1; margin-bottom:0;}
.form-row-wrap .form-row label {width: initial;font-size: 16px;font-weight: bold;min-width: 54px;} 
.form-row-wrap .form-row select {min-width:120px;width:170px;height:38px;padding:7px 15px;border:1px solid #e5e5e5;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: url('../../images/client/icon_admin_arrow_off.png') no-repeat 95% 50%;}
.add-region-form .form-buttons {margin-top:0;}
.form-buttons {display: flex; align-items:center; gap:10px; justify-content: center;}
.form-buttons button {display: inline-block; padding: 7px 15px; font-size: 15px;white-space: nowrap;}
.form-buttons .btn_list-blue {background:#304e97;color:#fff; }
.form-buttons .btn_list { background:#636363; color:#fff;}

/***** POPUP *****/
.popup_area {padding:20px;}
.popup_area .close a {display:block; width:26px; height:26px; background: url(../../images/client/btn_close.png) center no-repeat; position:absolute; right:10px; top:30px; text-indent:-9999px; }
.popup_area .tit {font-size:30px; color:#222222; font-family:'NanumSquare', 'NotoKrB', sans-serif; font-weight:900; margin-bottom:30px; }

/* popup - top - search - 최종본 */
.popup_area .pop_top_search {background:#efefef; width:100%; box-sizing:border-box; padding:30px; text-align:left; margin-bottom:20px; }
.popup_area .pop_top_search span.h4_title {width:100%; padding-bottom:10px; font-size:16px; font-weight:bold; color:#000; display:inline-block; }
.popup_area .pop_top_search .src-box {position:relative; width:100%; }
.popup_area .pop_top_search .src-box .iput-box {width:100%; border:1px solid #b4b4b4; box-sizing:border-box ; background:#fff; }
.popup_area .pop_top_search .src-box .iput-box input {width:80%; padding:3px 0px; height:38px; text-indent:15px; border:0px;  }
.popup_area .pop_top_search .src-box button {position:absolute; right:0px; top:0px; width:45px; height:40px; text-indent:-9999px; border:1px solid #b4b4b4; background:#fff url(../../images/client/ico_search.png) no-repeat center; }
/**/


.popup_area .pop_top_search select {width:15%; padding:3px 0px; height:38px; text-indent:15px; border:1px solid #b4b4b4; }
.popup_area section {margin-bottom:55px;}

.s_top_search {background:#efefef; box-sizing:border-box; padding:15px; text-align:center; }
.s_top_search span.h4_title {font-size:16px; font-weight:bold; color:#000; display:inline-block; margin-right:20px;}
.s_top_search input {width:60%; padding:3px 0px; height:30px; box-sizing:content-box; text-indent:15px; border:1px solid #b4b4b4; }
.s_top_search a.btn_blue {display:inline-block; padding:10px 25px; color:#fff; margin-left:5px; border-radius:3px; background:#304e97; }

.popup_wrap {max-width:1000px; padding:30px; box-sizing:border-box; }
.popup_wrap h3 {font-size:30px; color:#222222; font-family:'NanumSquare', 'NotoKrB', sans-serif; font-weight:900; margin-bottom:30px; }
.tab_btn_box a {width:150px; float:left; font-size:15px; margin-right:7px; background:#888888; color:#fff; font-weight:700; text-align:center; padding:13px 0px; border-radius:15px 15px 0px 0px; cursor:pointer; }
.tab_btn_box a:hover {background:#707070; }
.tab_btn_box a.on {background:#5a86dd; }
.tab_btn_box a.on:hover {background:#4a76cd; }
.tab_box {display:none; }
.tab_box.on {display:block; }  
.com_table_list.regit_table #use_table td {font-size:15px; padding:10px 5px; text-align:center;}


/* 담당자 연락처 */
.contacter {width:100%; background:#dbe0e0; padding:100px 50px; box-sizing:border-box;} 
.contacter .map {position:relative; height:700px;  margin:0 auto; background:url('../../images/client/map_contacter.png') center no-repeat;}
.contacter .map dl.box-m {position:absolute; background:#fff; padding:30px 0px 30px 20px ; border:1px solid #b4b4b4; width:240px; height:120px; box-sizing: border-box;}
.contacter .map dl.box-m dt {font-size:16px; color:#000;  float:left; line-height:55px; font-weight:900; float:left; width:45px; margin-right:20px; position: relative; }
.contacter .map dl.box-m dt::after {content:""; width:2px; height:17px; position:absolute; right:0px; top:20px; background:#000000; }
.contacter .map dl.box-m dd {width:60%; float:left;}
.contacter .map dl.box-m dd span {float:left; width:100%; display:block; font-size:13px; line-height:30px;}
.contacter .map dl.id-01 {top:-10px; left:-10px;}
.contacter .map dl.id-02 {top:130px; left:-10px;}
.contacter .map dl.id-03 {top:310px; left:-10px;}
.contacter .map dl.id-04 {top:480px; left:-10px;}
.contacter .map dl.id-05 {top:0px; left:700px;}
.contacter .map dl.id-06 {top:160px; left:700px;}
.contacter .map dl.id-07 {top:350px; left:700px;}
.contacter .map dl.id-08 {top:500px; left:700px;}


/* 220509 추가 */
.contact table {border-top: 1px solid #cecece; padding-bottom: 30px}
.contact table th{background: #f2f2f2; font-size: 14px; border-bottom: 1px solid #cecece; }
.contact table td{padding:12px 0; border-left: 1px solid #cecece; border-bottom: 1px solid #cecece; text-align: center;font-size: 14px}




/* paging */
.paging{margin:70px 0 0;text-align:center;}
.paging a{
	display:inline-block;vertical-align:top;
	width:42px;height:42px;line-height:42px;
	font-family:"Montserrat";font-size:16px;color:rgba(0,0,0,0.6);
}
.paging a img{vertical-align:top;}
.paging strong{
	display:inline-block;vertical-align:top;
	width:42px;height:42px;
	font-family:"Montserrat";font-size:16px;color:#fff;line-height:42px;font-weight:600;
	background:#457aa4;
}
.paging .prev{margin-right:33px;}
.paging .next{margin-left:33px;}



/* pagination **/
.common-paging {padding-top:40px; text-align:center; clear:both; position: relative; }
.common-paging a {
	display:inline-block;
	height:38px;
	box-sizing:border-box;
	color:#7d7d7d;
	text-align:center;
	vertical-align:top;
	line-height:36px;
	transition:border-color 0.3s ease 0s;
	display:inline-block;
	vertical-align:top;
	width: 41px;
	height:42px;
	line-height:42px;
	font-size:16px;
	color:rgba(0,0,0,0.6);
	}
.common-paging a[class^="btn_"]{width:38px;border:1px solid #84878c;background-image:url("../../images/client/btn_pagination.png");background-repeat:no-repeat;text-indent:100%;overflow:hidden;white-space:nowrap;}
.common-paging a.active
 {
	font-weight:bold;
	background:#85868b;
	display:inline-block;
	vertical-align:top;
	width: 41px;
	height:42px;
	font-size:16px;
	color: #fff;
	line-height:42px;
	font-weight:600;
	border-radius: 20px;
	}
	.common-paging a:hover { text-decoration:underline; font-wegith:bold; }
.common-paging a.btn_go {border:0px; margin:0px;}
.common-paging a.on {background-position-y:-38px;}
.common-paging a.prev{background:url('../../images/client/icon_paginate_prev.png') center no-repeat;}
.common-paging a.next{background:url('../../images/client/icon_paginate_next.png') center no-repeat;}
.common-paging a.btn_go{width:35px;height: 45px;}
.common-paging a.prev2 {background:url('../../images/client/icon_paginate_prev2.png') center no-repeat; }
.common-paging a.next2 {background:url('../../images/client/icon_paginate_next2.png') center no-repeat; }
.common-paging span{border-color:#365ec3; color:#365ec3;}
.common-paging a:not([class^="btn_"]):hover,
.common-paging a:not([class^="btn_"]):focus{/* border-color:#bdc7e0; */}


/* search box */
.com-search { position:absolute; right:0px; top:0px; height:45px; margin-top:0px; text-align:right;}
.com-search.sch_tab_box select {float:left;}
.com-search select {width:125px;height:45px;vertical-align:top;text-indent:10px;border:1px solid #222; float: left;margin-left: 10px;}
.com-search select.select_sty_long:first-child {margin-left:0px;}
.com-search select.select_sty_long {width:49%; float:left; margin-left:2%;}
.com-search diu {width:125px;height:45px;vertical-align:top; text-indent:10px; border:1px solid #222;}
.com-search input {width:270px; height:45px;margin:0 5px; padding-left:15px;vertical-align:top; border:1px solid #222; box-sizing: border-box;}
.com-search a.btn {display:block; float:right; width:56px; height:47px; background:url('../../images/client/icon_search.png') center no-repeat; text-indent: -9999px; font-size:0px; }
.com-search .search_txt {border:1px solid #222;height:45px;display: inline-block;overflow: hidden;margin-left: 10px;}
.com-search .search_txt input {border:0px;}
.hiBtnGrp {width:100%;padding-bottom:60px;margin:0 auto;margin-top:30px;}
.hiBtnGrp.Btn3Grp button {width:32%;}
.hiBtnGrp button {height:45px;text-align:center;font-size:15px;margin: 0px auto;width:20%;display: flow-root; box-sizing:border-box; }
.hiBtnGrp button:last-child{margin-right:0%;}
.hiBtnGrp button.btn_1 {margin:0 auto; display:block;}
.hiBtnGrp button.Btn-modify,
.hiBtnGrp button.Btn-search,
.hiBtnGrp button.Btn-blue{background:#304c8a; color:#fff; border:0px;  }
.hiBtnGrp button.Btn-close,
.hiBtnGrp button.Btn-blue:hover {border:1px solid #fff;}
.hiBtnGrp button.Btn-blue-line{border:1px solid #304e97; color:#304e97; font-weight:bold;}
.hiBtnGrp button.Btn-blue-line:hover {border:1px solid #ccc; cursor:pointer;}
.hiBtnGrp button.Btn-line{border:1px solid #304c8a; color:#121212; background:rgb(255,255,255,0.8);}
.hiBtnGrp button.Btn_cancel {border:1px solid #d0051d; background:#fff; color:#d0051d; font-weight:bold; }
.hiBtnGrp button.Btn_cancel:hover {border:1px solid #ccc; cursor:pointer;}
.container .swMain .buttonDisabled{border:1px solid #304c8a; color:#121212; background:rgb(255,255,255,0.8);}


/*  BTN  */
.btn_area {display: table;margin:0 auto;margin-top:20px;width: 100%;text-align: center;}
.btn_area.btn_w_right {float:right; text-align:right !important;}
.btn_area.btn_w_right a {margin-right:0px !important; margin-left:10px;}
.btn_area a {display:inline-table;padding:10px 0px;width: 45%; margin-right:10px; box-sizing:content-box;text-align:center;line-height:30px;height:30px;font-weight:600;font-size:16px;}
.btn_area a:last-child {margin-right:0px;}
.btn_area a.btn_add {background:#315ac3; color:#fff; margin-right:15px; }
.btn_area a.btn_add:hover {background:#4268cc; }
.btn_area a.btn_save {background:#315ac3; color:#fff; margin-right:15px; }
.btn_area a.btn_save:hover {background:#4268cc; }
.btn_area a.btn_cancel {background:#555555; color:#fff; }
.btn_area a.btn_cancel:hover {background:#6b6b6b; }






/*****  INPUTBOX STYLE  *****/
button{overflow:visible;margin:0;padding:0;font-weight:400;font-size:15px;font-family:'NotoKrM', sans-serif;text-align:center;vertical-align:middle;background:none;border:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;}
.gray_input {background:#f6f6f6; border-radius:25px;  display: inline-block;}
.gray_input select.est_select {min-width:150px;}
.com_table_list.regit_table td input.input_gray {background:#f6f6f6; border-radius:25px; color:#5a86dd; border:0px; }
.com_table_list.regit_table td input.input_gray.est_select {width:400px;}
.com_table_list.pop_tl {max-height:320px; overflow-y:scroll;}
.com_table_list.regit_table input[type="file"] {height:auto; width:auto;}
.btn_box01  a {display:block; float:left; display:block; padding:10px 22px; color:#fff; font-size: 15px; font-weight:bold; border-radius:20px; letter-spacing:-0.3px; box-sizing: border-box; margin:0 auto; text-align:center; }
.btn_box01 .btn_lplus{ background:#5a86dd; margin-right:13px; }
.btn_box01 .btn_ldel{ background:#888888; }
.btn_03{height:36px; padding:0 11px; color:#5a86dd; border:1px solid #5a86dd; background-color:#fff; font-weight:600; border-radius:25px;  } 
.btn_00{height:38px; padding:0 11px; color:#fff; background-color:#777; font-weight:300; line-height:38px; vertical-align:baseline;  }
.btn_00:hover {background-color:#666;}
.gray_input input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.gray_input input[type="select"] { border:0px; background:none;  padding:10px 20px; color:#5a86dd; }
.gray_input select { border:0px; background:none;  padding:10px 20px; color:#5a86dd; }
.gray_input label { display: inline-block; padding:5px 13px; color:#5a86dd; font-weight:800; font-size:15px; vertical-align: middle; border:1px solid #5a86dd; background-color:#fff;  border-radius:25px;  
cursor: pointer; } /* named upload */ 
.gray_input .upload-name { display: inline-block; padding: .5em .75em; font-size: inherit; font-family: inherit; line-height: normal; 
vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; 
-webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* 체크박스 모음 */
.cck_cont {margin:0; padding:0;}
.cck_cont label input[type="checkbox"] {display:none;}
.cck_cont label input[type="checkbox"] + em {display:inline-block;width:18px;height:18px;margin-right:5px;background:url(../../images/client/bg_chkbox.png) 0 0 no-repeat;vertical-align:top;}
.cck_cont label input[type="checkbox"]:checked + em {background-position:-27px 0;}
.x-grid-cell-inner input[type="checkbox"] {width:16px; height:16px; display:block; margin-top:10px;}

/* 젤리표과*/
.com_table_list .checkbox input {display:none;}
.com_table_list .checkbox span {display:inline-block;vertical-align:bottom;cursor:pointer;}
.com_table_list .checkbox .icon {position:relative;width: 17px;height: 17px;border: 1px solid #c8ccd4; background:#fff ; border-radius: 3px;transition: background 0.1s ease;}
.com_table_list .checkbox .icon::after {content: '';position: absolute;top: 1px;left: 5px;width: 5px;height: 11px;border-right: 2px solid #3b3b3b;border-bottom: 2px solid #3b3b3b;transform: rotate(45deg) scale(0);transition: all 0.3s ease;transition-delay: 0.15s;opacity: 0;}
.com_table_list .checkbox .text {margin-left: 5px;}
.com_table_list .checkbox input:checked ~ .icon {border-color: transparent;background: #ededed;animation: jelly 0.6s ease;}
.com_table_list .checkbox input:checked ~ .icon::after {opacity: 1;transform: rotate(45deg) scale(1);
}

@keyframes jelly {
	from {transform: scale(1, 1);}
	30% {transform: scale(1.25, 0.75);}
	40% {transform: scale(0.75, 1.25);}
	50% {transform: scale(1.15, 0.85);}
	65% {transform: scale(0.95, 1.05);}
	75% {transform: scale(1.05, 0.95);}
	to {transform: scale(1, 1);}
}



/***** scroll design  *****/
::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-track { background-color: #f0f0f0; }
::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #1697bf, #5a86dd); }
::-webkit-scrollbar-button { display: none; }


/*****  MAIN  *****/
#mcontainer h3 {font-size:25px; padding-bottom:15px;  color:#222222;  text-align: left; width:100%; border-bottom:2px solid #000;}


/*****  MAIN-left  *****/
.main_left {overflow: hidden; }
.main_left .myinfo_box {border:1px solid #dcdfe4; width:100%; overflow:hidden; margin-bottom:30px; box-sizing: border-box; }
.main_left .myinfo_box .info_wrap {width:100%; position:relative; }
.main_left .myinfo_box .info_wrap a.icon_setting{ position:absolute; right:11px; top:17px; width:30px; height:30px; background:url('../../images/client/icon_setting.png') no-repeat; }
.main_left .myinfo_box .info_wrap .info_box {padding:55px 0px 30px 0px; }
.main_left .myinfo_box .info_wrap .info_box img {display:block; margin:0 auto; margin-bottom:15px; }
.main_left .myinfo_box .info_wrap .info_box p {font-size:15px; color:#909090; display:table; margin:0 auto; margin-bottom:5px; }
.main_left .myinfo_box .info_wrap .info_box p span{ font-weight:600; color:#292929; }
.main_left .myinfo_box .info_wrap .info_box span.welcome {text-align: center; display: table; font-size:15px; color:#909090; margin:0 auto; }
.main_left .myinfo_box .info_wrap .info_box p a {display:inline-block; width:23px; height:22px; background:url('../../images/client/icon_refresh.png') no-repeat; vertical-align: text-bottom; }
.main_left .myinfo_box .button {width:100%; border-top:1px solid #dcdfe4; }
.main_left .myinfo_box .button a {display:block; width:50%; text-indent:-25px; font-weight:600; float:left; border-right:1px solid #dcdfe4; font-size:15px; text-align:center; padding:15px 0px; box-sizing:border-box; }
.main_left .myinfo_box .button a.regit {background:url('../../images/client/icon_mi_addregit.png') 120px 16px no-repeat; }
.main_left .myinfo_box .button a.logout {background:url('../../images/client/icon_mi_logout.png') 99px 16px no-repeat; }
.main_left .myinfo_box .button a:last-child {border-right:0px;  }
.main_left .btn_box li {width:100%; margin-bottom:12px; }
.main_left .btn_box li a.btn_st01 {display:block; border:1px solid #222222; color:#222222; text-align:center; width:100%; font-size:15px; font-weight:500;  box-sizing:border-box; padding:18px 0px; background:url('../../images/client/btnbox-icon-plus.png') 94% 50% no-repeat;  }


/*****  MAIN-Right  *****/
.main_right {overflow: hidden; }
.main_right .main_banner {margin-bottom:55px; overflow:hidden; cursor:pointer; border:1px solid #e4e5e9; }
.main_right .section{margin-bottom:80px; position: relative; overflow:hidden; }
.main_right .section .btn_more {position:absolute; right:0px; top:3px; float:left; display:block; padding:7px 15px; color:#fff; font-size: 15px; font-weight:bold; border-radius:20px; letter-spacing:-0.3px; box-sizing: border-box; margin:0 auto; text-align:center; background:#888888; }
.main_right .section .notice_list ul {overflow:hidden; }
.main_right .section .notice_list ul li{border-bottom:1px solid #bdbdbd; padding:15px 15px 15px 20px; height:30px; }
.main_right .section .notice_list ul li i {float:left; font-size:13px; margin-right:10px; font-style:normal; padding:5px 12px; border-radius:15px; }
.main_right .section .notice_list ul li i.nl-guide {float:left; border:1px solid #ea4d32; color:#ea4d32;; }
.main_right .section .notice_list ul li i.nl-event {float:left; border:1px solid #485060; color:#485060; }
.main_right .section .notice_list ul li a {float:left; font-size:15px; line-height:28px;  color:#6a6a6a; width:600px; }
.main_right .section .notice_list ul li a:hover {text-decoration:underline; }
.main_right .section .notice_list ul li span {color:#8f8f8f; font-size:14px; float:right; line-height:27px; }

/* cement */
.main_right .section .order_list {margin-top:30px; border:1px solid #cbcbcb; min-height:120px; padding:20px; box-sizing:border-box;}
.main_right .section .order_list table {margin:0px; padding:0px;}
.main_right .section .order_list table th {text-align:center; font-size: 14px; color:#222222; font-weight:600; padding:7px; background:#eee ; }
.main_right .section .order_list table td {border-bottom:0px; font-size: 13px; text-align:center;padding:5px 0px; padding:7px;  border-bottom:1px dashed #dcdfe4;}
.main_right .section .standby_list {margin-top:30px;}
.main_right .section .standby_list a{display:inline-block; float:left; width:30%; margin-right:5%; padding:20px 0px; font-size:15px; color:#fff; text-align:center;}
.main_right .section .standby_list a span {text-decoration:none; font-weight:bold; }
.main_right .section .standby_list a:last-child{ margin-right:0px;}
.main_right .section .standby_list a.shipment {background:#4b6daf; }
.main_right .section .standby_list a.introduction {background:#4b6daf;}
.main_right .section .standby_list a.delay {background:#4baf52;}

/**  ERROR PAGE  **/
.error_page { left:0px; top:0px; right:0px; width:100%; height:93%; padding:11% 0px; box-sizing:border-box;background:#fff ; }
.error_page p span{width:100%; display:inline-block; text-align:center; font-family:'nanumsquare';  letter-spacing:-1.8; }
.error_page p .main_t { font-size:3.0em; color:#2b2b2b; font-weight:600; padding-top:17px;}
.error_page p .sub_t {font-size:1.8em; color:#5f5f5f; padding-top:5px; font-weight:500;}
.error_page img {display:block; margin:0 auto; }
.error_page a {display:block; border:1px solid #121212; width:400px; padding:15px; text-align:center; margin:0 auto; font-size:1.3em; font-weight:400; box-sizing:border-box; margin-top:70px; cursor: pointer; }
.error_page a:hover {border:1px solid #5f5f5f; text-decoration: underline; }




/*****  COMMON  *****/
#container {margin:0 auto; padding:0px 0px 75px 50px; position:relative; }
#container h3 {font-size:30px; color:#222222; font-family: 'NanumSquare', 'NotoKrB', sans-serif; font-weight:900; margin-bottom:30px; }
#container h4 {font-size:26px; line-height:48px; color:#222222; font-family: 'NanumSquare', 'NotoKrB', sans-serif; font-weight:900; }
#container section.mg20 { padding:20px 30px; background:#fff; border:1px solid #98b8f6; overflow: hidden; margin-bottom:40px;}
#container section.mg20:hover {border:1px solid #4268cc; }
.table_wrap {clear:both;}
.table_wrap select .com-search select {width:125px; height:45px; vertical-align:top; text-indent:10px; border:1px solid #222222; }
.table_wrap .tc span{display:block;  padding:10px 12px; width:86px; color:#fff; font-size: 15px; font-weight:bold; border-radius:20px; letter-spacing:-0.3px; box-sizing: border-box; margin:0 auto; }
.table_wrap .category_wrap {width:100%; margin-top:50px;}
.table_wrap .category_t_left {width:20%; float:left; box-sizing:border-box;}
.table_wrap .category_t_right {width:80%; float:left;}
.table_wrap .state_regit {background:#5a86dd; color:#fff;  }
.table_wrap .state_end{background:#b4b5b6; color:#fff;}
.table_wrap textarea {width:100%; min-height:130px; border:1px solid #d0d0d0; padding:20px; font-size:15px; box-sizing:border-box; }


/***   CATEGORY TREE   ****/
.table_wrap .category_tree {padding-top:37px;}
.table_wrap .category_wrap #div_material_list {display:block; clear:both; padding-top:10px;}



#lodingMask {
    position:absolute;
    background-color:#ffffff;
    opacity:0.80;
    top:0;
    filter:alpha(opacity=80);
    z-index:30000;
  	background-image:url("../../images/client/loading_img.gif"); 
	background-repeat:no-repeat; 
	height:100%;
	width:100%;
}

#lodingMask .loading{
	position:absolute;
	width:200px;
	height:200px;
    top:300px;
    left:350px;
	background-image:url("../../images/client/loading_img.gif"); 
	background-repeat:no-repeat; 

}

/**  X-Y SCROLL TABLE  **/
#tblBackground {
/**  화면에 보여야 할 Table의 가로크기를 잡아줍니다.*/
width: 1032px; table-layout: fixed; display:table;}

#divHeadScroll {
/**  안의 내용이 1000보다 길게 적용이 되므로 overflow-x, overflow-y를 hidden을 걸어줘서 설정한 가로너비만큼만 화면에 보이도록 잡아줍니다.*/
width: 100%; overflow-x: hidden; overflow-y: hidden; }

#tblHead {
/*  Table의 필드명의 너비를 여기에서 지정합니다.
 *  필드명을 보여줄 테이블은 body보다 하나의 td를 더 가지며 마지막 td는 아무것도 입력하지 않고 크기만 잡아줍니다.
 *  이렇게 하는 이유는 데이터를 보여주는 테이블은 세로 스크롤의 가로두께만큼 더 이동하기 때문입니다. */
display:table;
table-layout: fixed;
background-color: #efefef;
padding-top: 4px;
width: 1474px;
height: 30px;
border-collapse: collapse;
margin-top:0px;
}

#divBodyScroll {
/*
                     *  overflow-x, overflow-y는 scroll로 지정하고,
                     *  height는 테이블의 데이터가 나올 기본 크기를 잡아줍니다.
                     *  세로길이를 잡아주지 않으면 overflow-y가 걸리지 않습니다.
                     */
width: 100%; height: 350px; overflow-x: scroll; overflow-y: scroll; }

#tblBody {
/* tblBody의 데이터는 필요한 열의 수만큼만 만드시고 헤더와 col의 width는 동일해야 합니다. */
width: 1400px; display:table; table-layout: fixed; height: 30px; border-collapse: collapse; margin-top:0px; border-top:0px;}



/* 테이블 스타일용 */
.title {text-align: center; font-weight: bold;}
.content {border-bottom: 1px solid #efefef; padding: 10px 10px 10px 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


@media print {
  .table01 .x-box-inner {border-top:1px solid #6c6c6c;border-bottom:1px solid #6c6c6c;border-left:1px solid #6c6c6c; }
  .x-column-header {border-right: 1px solid #6c6c6c;}
  .table01 .x-panel-body {border: 1px solid #6c6c6c;}
  .table01 .x-panel-body td {text-align:center;}
  
}