@charset "utf-8";

/*******************************************
Author : By Y.zo
First Date: 2018-08-03
Last Date: 2018-00-00
*******************************************/

* {*-webkit-text-size-adjust:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;*}
html, body {width:100%; margin:0px;}
html {height:100%; overflow:auto;}
html.overflow {height:100%; overflow:hidden;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, textarea, button, select {margin:0; padding:0; /*vertical-align:middle;*/}
img {vertical-align:middle;}
form {clear:both}
legend {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; padding:0; font-size:0; line-height:0}
body, select, button, table {font-family:'Noto Sans KR','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:15px; color:#181818;}
input, textarea {font-family:'Noto Sans KR','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:15px; color:#181818; }
input[type=text],
input[type=number],
input[type=tel],
input[type=date],
input[type=password] {border:1px solid #ccc; background:#fff; -webkit-appearance: none; appearance: none; border-radius: 0;}
.required {background-image: url('/mobile/assets/images/common/required.png') !important; background-position: right 6px top 6px !important; background-repeat: no-repeat !important;}
input[type=text]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {color: #888; font-size: 15px;}
input[type=text]::-moz-input-placeholder, input[type=tel]::-moz-input-placeholder, input[type=password]::-moz-input-placeholder {color: #888; font-size: 15px;}
input[type=text]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {color: #888; font-size: 15px;}
input[type=button],
input[type=image],
input[type=submit],
button {border-radius:0; -webkit-appearance:none; appearance:none; background: transparent; cursor: pointer;}
textarea {border:1px solid #ccc; background:#fff; padding:5px;}
textarea::-webkit-input-placeholder {color: #888; font-size: 15px;}
textarea::-moz-input-placeholder {color: #888; font-size: 15px;}
textarea:-ms-input-placeholder {color: #888; font-size: 15px;}
select {border:1px solid #ccc; background:#fff; height:30px; line-height: 20px; padding:5px 27px 5px 10px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
select::-ms-expand {display: none;}
input[type=checkbox],
input[type=radio] {margin:0px; padding:0px; height:12px; border-radius: 0; }
img, fieldset {border:0}
ul {font-size: 0;}
li {font-size: 14px;}
ul, ol {list-style:none}
em, address {font-style:normal}
a {text-decoration:none; color: #181818;}
label {cursor:pointer}
.hr {border: 0; height: 0; width: 100%; margin: 14px;}
.pointer {cursor: pointer;}
.sound_only {font-size: 0; width: 0; height: 0;}

/* 여백 */
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom: 20px;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}

/* float */
.fleft {float: left !important;}
.fright {float: right !important;}
.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}

/*color*/
.black {color: #181818 !important;}
.gray {color: #555 !important;}
.lblue {color: #007db6 !important;}
.dblue {color: #055f9b !important;}

/* button style */
.btn-wrap_group {margin: 30px auto 0; text-align: center;}
.full_btn {display: block; width: 100%; margin: 0; padding: 14px 0; text-align: center; font-size: 16px; border: 1px solid transparent; vertical-align: middle;}
.btn {display: inline-block; width: auto; padding: 4px 12px; text-align: center; font-size: 13px; border: 1px solid transparent; vertical-align: middle;}
.small_btn {display: inline-block; width: auto; padding: 4px 6px; text-align: center; font-size: 13px; line-height: 14px !important; border: 1px solid transparent; vertical-align: middle; margin: 0 4px;}
.large_btn {display: inline-block; width: auto; padding: 12px 28px; text-align: center; font-size: 14px; border: 1px solid transparent; vertical-align: middle;}

.btn_01 {background: #055f9b; border-color: #055f9b; line-height: 20px; color: #fff !important; text-decoration: none !important;}
a.btn_01 {background: #055f9b; border-color: #055f9b; line-height: 20px; color: #fff !important; text-decoration: none !important;}
.btn_01:hover {background: #104f78; border-color: #104f78;}
.btn_02 {background: #fff; border-color: #055f9b; line-height: 20px; color: #055f9b !important; text-decoration: none !important;}
a.btn_02 {background: #fff; border-color: #055f9b; line-height: 20px; color: #055f9b !important; text-decoration: none !important;}
.btn_02:hover {background: #dbeefa;}
.btn_03 {background: #fff; border-color: #555; line-height: 20px; color: #555 !important; text-decoration: none !important;}
a.btn_03 {background: #fff; border-color: #555; line-height: 20px; color: #555 !important; text-decoration: none !important;}
.btn_03:hover {border-color: #777; color: #fff !important; background: #777;}
.btn_04 {background: #555; border-color: #555; line-height: 20px; color: #fff !important; text-decoration: none !important;}
a.btn_04 {background: #555; border-color: #555; line-height: 20px; color: #fff !important; text-decoration: none !important;}
.btn_04:hover {background: #333; border-color: #333;}
a.btn_help, .btn_help {background: #85bf24; border-color: #75ac1a; line-height: 20px; color: #fff !important; text-decoration: none !important;}


/* specitial ** upload multiple button */
.upload_multi_btn {position: relative;}
.upload_multi_btn input[type="file"] {display: none;}

/* basic-input-type */
.basic-type_field {position: relative; display: block; text-align: center; font-size: 0;}
.basic-type_field.first {margin-top: -14px;}
.basic-type_field li .label.default {width: 27%; font-size: 13px; line-height: 17px; }
.basic-type_field .half-form_type li .label.default {}
.basic-type_list.second {margin-top: 14px;}
.basic-type_list {border-bottom: 1px solid #eee;}
.basic-type_list li {padding-bottom: 14px; min-height: 48px;}
.basic-type_list li:after {display: block; content: ''; clear: both;}
.basic-type_list li .head_list {display: inline-block; width: 120px; padding: 3px 8px; text-align: left; margin-right: 10px; font-size: 16px; color: #666; border:1px solid #ccc; vertical-align: top;}
.basic-type_list li .sub_list {display: inline-block; min-width: 300px; padding: 5px; text-align: left; font-size: 15px; vertical-align: top;}
.basic-type_list li .sub_list span {padding-right: 6px;}
.sub_list__file_list {float: right; text-align: right; max-width: 680px; display: inline-block; margin-left: 10px;}
.sub_list__file_list li {display: inline-block; padding: 0 10px 3px 0; }
.sub_list__file_list li a {margin-right: 10px; color: #129fcd;}

.basic-type_input {width: 100%; height: 38px; border: 1px solid #ccc; padding: 10px; line-height: 24px; font-size: 16px; color: #171717; vertical-align: middle; resize: none;}
.basic-type_minput {width: 100%; height: 30px; border: 1px solid #ccc; padding: 6px 6px; line-height: 20px; font-size: 15px; color: #171717; vertical-align: middle; resize: none;}
textarea.basic-type_minput {min-height: 140px; height: auto;}
.basic-type_minputarea {width: 100%; height: 300px; padding: 6px 10px; line-height: 20px; font-size: 15px; color: #171717; resize: none;}

[class*="input"][readonly] {background: #eee;}
[class*="input"].wpm {width: 100% !important;}
[class*="input"].wpsm {width: 70% !important;}
[class*="input"].wps {width: 40% !important;}
[class*="input"].wpxs {width: 30% !important; min-width: 100px; }
[class*="input"].wpxxs {width: 26% !important; min-width: 70px;}
[class*="input"].wpsxs {width: 15% !important; min-width: 60px;}

.table_sort {display: inline-block; width: 6px; height: 6px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid transparent; border-top: 8px solid #555; vertical-align: middle;}
.table_sort.re {border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #555; border-top: 5px solid transparent; margin-top: -10px;}

.basic-type_select {position: relative; display: inline-block; vertical-align: middle;}
.basic-type_select .basic-type_select__btn {padding: 4px 30px 4px 6px; text-align: left; background: url('/mobile/assets/images/common/select.png') #fff right 8px center no-repeat; background-size: 17px; border: 1px solid #ccc; vertical-align: middle; cursor: pointer;}
.basic-type_select .basic-type_select__btn.required {background-image: url('/mobile/assets/images/common/select.png'), url('/data/safechem/assets/images/common/required.png') !important; background-position: right 8px top 8px, left 6px top 6px !important;}
.basic-type_select .basic-type_select__btn.readonly {background: url('/mobile/assets/images/common/select.png') #eee right 8px center no-repeat;}
.basic-type_select select.basic-type_select__btn {-webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; }
.basic-type_select .basic-type_select__list {display: none; position: absolute; width: 100%; left: 0; border: 1px solid #eee; border-bottom: 0;}
.basic-type_select .basic-type_select__list li {display: block; padding: 10px !important; background: #fff; border-bottom: 1px solid #eee; margin: 0; cursor: default;}
.basic-type_select .basic-type_select__list li:hover {background: #fafafa;}
.basic-type_select__list.bottom_select {top: 34px;}
.basic-type_select__list.top_select {bottom: 34px;}
.input_select .basic-type_select__btn {height: 46px;}

.simple-type_radio {display: inline-block; width: 12px; height: 12px !important; border: 1px solid #ddd; border-radius: 50%; background: #fff; -moz-appearance: none; -webkit-appearance: none; appearance: none; vertical-align: middle;}
.simple-type_radio:checked {background: #007db6; border-color: #007db6;}
.simple-type_check {display: inline-block; width: 12px; height: 12px !important; border: 1px solid #ddd; background: #fff; -moz-appearance: none; -webkit-appearance: none; appearance: none;vertical-align: middle;}
.simple-type_check:checked {background: #007db6; border-color: #007db6;}

input.non-type_input {width: 100%; height: 46px; border: 0; border-bottom: 1px solid #eee; padding: 10px; line-height: 24px; font-size: 16px; color: #171717; vertical-align: middle;}
input.non-type_minput {width: 100%; height: 34px; border: 0; border-bottom: 1px solid #eee; padding: 6px 10px; line-height: 20px; font-size: 15px; color: #171717; vertical-align: middle;}
.non-type_inputarea {width: 100%; height: 300px; padding: 6px 10px; border: 0; border-bottom: 1px solid #eee; line-height: 20px; font-size: 15px; color: #171717; resize: none;}

.basic-type_check_orgin {line-height: 1.2; }
.basic-type_check_orgin input[type="checkbox"],.basic-type_check_orgin input[type="radio"]{display: none;}
.basic-type_check {display: inline-block; width: 17px; height: 17px; margin: 0 auto; background: url('/mobile/assets/images/common/check.png') center no-repeat; background-size: 17px; vertical-align: middle;}
.basic-type_check_orgin input[type="checkbox"]:checked ~ .basic-type_check {background: url('/mobile/assets/images/common/checked.png') center no-repeat; background-size: 17px;}
.basic-type_check_orgin input[type="radio"]:checked ~ .basic-type_check {background: url('/mobile/assets/images/common/checked.png') center no-repeat; background-size: 17px;}
.basic-type_check_squre {display: block; width: 17px; height: 17px; margin: auto; background: url('/mobile/assets/images/common/square.png') center no-repeat; background-size: 17px; vertical-align: middle;}
.basic-type_check_orgin input[type="checkbox"]:checked ~ .basic-type_check_squre {background: url('/mobile/assets/images/common/squared.png') center no-repeat; background-size: 17px;}

.title_btn_group {display: inline-block; float: right; font-size: 0;}
.title_btn_group .btn {margin-right: 4px;}
.title_btn_group .btn:last-child {margin-right: 0;}

/* title style */
.unline-title {position: relative; height: 40px; border-bottom: 2px solid #055f9b; }
.unline-title span {position: relative; display: inline-block; height: 32px; z-index: 1; font-size: 20px; font-weight: 600; margin-bottom: -2px; padding-right: 20px;}
.video-title {position: relative; height: 34px;}
.video-title span {position: relative; display: inline-block; height: 32px; z-index: 1; font-size: 20px; font-weight: 600; margin-bottom: -2px; padding-right: 20px; }
.video-title .video_sub_title {padding-right: 0; padding-left: 28px; background: url('/mobile/assets/images/main/camera.png') 0px 0px no-repeat; background-size: 20px; font-size: 14px; font-weight: 400; vertical-align: middle;}
.line-title {position: relative; border-bottom: 2px solid #171717; }
.line-title span {position: relative; display: inline-block; z-index: 1; font-size: 20px; margin-bottom: 10px; font-weight: 600; padding-right: 20px; background: #fff;}
.page-title {height: 33px; padding-bottom: 3px; border-bottom: 2px solid #171717; margin-bottom: 20px;}
.page-title h2 {position: relative; display: inline-block; height: 28px; font-size: 18px; font-weight: 400; padding-left: 14px;}
.page-title h2:before {position: absolute; top: 12px; left: 2px; content: ''; width: 6px; height: 2px; background: #171717; transform: rotate(45deg);}
.page-title h2:after {position: absolute; top: 16px; left: 2px; content: ''; width: 6px; height: 2px; background: #171717; transform: rotate(-45deg);}
.page-sub-title {min-height: 33px; padding-bottom: 3px; border-bottom: 2px solid #171717; margin-bottom: 10px;}
.page-sub-title h2 {position: relative; display: inline-block; height: 28px; font-size: 16px; line-height: 33px; font-weight: 400; padding-left: 14px;}
.page-sub-title h2:before {position: absolute; top: 15px; left: 2px; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #171717;}
.alert-title {font-size: 14px; margin-bottom: 20px; color: #bd0c0c; font-weight: 400;}
.page-title ~ .basic-table {margin-top: -10px;}
.page-sub-title ~ .basic-table {margin-top: 0;}

.page-dotted-title {padding-bottom: 3px; margin-bottom: 16px;}
.page-dotted-title h2 {position: relative; display: inline-block; font-size: 16px; line-height: 24px; font-weight: 400; padding-left: 14px;}
.page-dotted-title h2:before {position: absolute; top: 15px; left: 2px; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #171717;}

[class*="-title"] .title__more {position: absolute; right: 0; top: 4px; font-size: 14px; font-weight: 400; vertical-align: middle;}
[class*="-title"] .title__more i {display: inline-block; margin-left: 4px; padding: 2px; font-size: 14px; color: #222; border: 1px solid #ccc; }
[class*="-title"] .title__more i.dblue {border-color: #055f9b;}

table {width: 1200px; table-layout: fixed; border-collapse: collapse;}

.basic-table__border, .basic-table, .basic-table__read, .scrolling-table {width: 100%; overflow-x: auto;}
.basic-table__border::-webkit-scrollbar { -webkit-appearance: none; } 
.basic-table__border::-webkit-scrollbar:vertical { width: 12px; } 
.basic-table__border::-webkit-scrollbar:horizontal { height: 12px; } 
.basic-table__border::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
.basic-table__border::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

.basic-table::-webkit-scrollbar { -webkit-appearance: none; } 
.basic-table::-webkit-scrollbar:vertical { width: 12px; } 
.basic-table::-webkit-scrollbar:horizontal { height: 12px; } 
.basic-table::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
.basic-table::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

.basic-table__read::-webkit-scrollbar { -webkit-appearance: none; } 
.basic-table__read::-webkit-scrollbar:vertical { width: 12px; } 
.basic-table__read::-webkit-scrollbar:horizontal { height: 12px; } 
.basic-table__read::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
.basic-table__read::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

.scrolling-table::-webkit-scrollbar { -webkit-appearance: none; } 
.scrolling-table::-webkit-scrollbar:vertical { width: 12px; } 
.scrolling-table::-webkit-scrollbar:horizontal { height: 12px; } 
.scrolling-table::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
.scrolling-table::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }


.basic-table__border table {}
.basic-table__border table thead th {padding: 8px 0; font-size: 17px; font-weight: 400;border-bottom: 1px solid #888;}
.basic-table__border table tbody th {padding: 6px 0; font-size: 14px; line-height: 20px; font-weight: 400;border-bottom: 1px solid #ccc;}
.basic-table__border table td {height: 45px; border-bottom: 1px solid #ccc; padding: 10px 0; font-size: 14px; line-height: 24px; color: #3b3b3b;}
.basic-table__border table .left td {text-align: left;}
.basic-table__border table .center td {text-align: center;}
.basic-table__border table td .title {display: block; width: 378px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #3b3b3b;}

.basic-table table {position: relative; margin-top: -10px; z-index: 1; }
.basic-table.first table {margin-top: 0; border-top: 2px solid #171717;}
.basic-table table thead th {padding: 6px 0; font-size: 15px; line-height: 20px; font-weight: 400;border-bottom: 1px solid #888;}
.basic-table table thead .basic-table--subed_head th {padding: 6px 0; font-size: 14px; color: #666;}
.basic-table table thead .head_line_col {position: relative;}
.basic-table table thead .head_line_col:after {position: absolute; width: 202px; height: 1px; content: ''; top: 19px; left: 0; transform: rotate(11deg); background: #ccc;}
.basic-table table td {height: 38px; border-bottom: 1px solid #ccc; padding: 6px 2px; font-size: 14px; line-height: 17px; color: #3b3b3b; word-break: break-all;}
.basic-table table tfoot th { border-bottom: 1px solid #ccc; }
.basic-table table .check {position: relative; width: 15px; height: 15px; display: inline-block;}
.basic-table table .check:after {position: absolute; top: 7px; left: -4px; content:''; width: 14px; height: 2px; background: #555; transform: rotate(45deg);}
.basic-table table .check:before {position: absolute; top: 7px; right: -4px; content:''; width: 14px; height: 2px; background: #555; transform: rotate(-45deg);}
.basic-table table .left td {text-align: left;}
.basic-table table .center td {text-align: center;}
.basic-table table .center .basic_side_td {background: #f1f1f1;}
.basic-table table td .title {display: block; width: 378px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #3b3b3b;}

.basic-table__read table {border-top: 1px solid #aaa; border-bottom: 1px solid #ddd;}
.basic-table__read table tbody th {position: relative; padding: 4px 0; font-size: 15px; line-height: 23px; font-weight: 400;border-bottom: 1px solid #ddd; background: #f1f1f1;}
.basic-table__read table td {border-bottom: 1px solid #ddd; padding: 4px; font-size: 14px; line-height: 24px; color: #3b3b3b;}
.basic-table__read table tr:last-child td, .basic-table__read table tr:last-child th {border-bottom: 0;}
.basic-table__read table .basic_side_td {border-left: 1px solid #ddd;}
.basic-table__read table .left td {text-align: left;}
.basic-table__read table .center td {text-align: center;}
.basic-table__read table td .title {display: block; width: 378px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #3b3b3b;}
.basic-table__read .detail_view_map {border: 1px solid #ddd; width: 190px; height: 294px;}

.scrolling-table {overflow-y: auto; height: 150px; border-top: 2px solid #000; border-bottom: 1px solid #ddd; -webkit-overflow-scrolling: touch;}
.scrolling-table table {border-top: 0 !important;}
.scrolling-table table thead th {background: #efefef; border-bottom: 0;}
.scrolling-table table td {border-bottom: 0; border-top: 1px solid #ccc;}
.scrolling-table::-webkit-scrollbar {
    -webkit-appearance: none;
}
.scrolling-table::-webkit-scrollbar:vertical {
    width: 12px;
}
.scrolling-table::-webkit-scrollbar:horizontal {
    height: 12px;
}
.scrolling-table::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
.scrolling-table::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

.label {display: inline-block; padding: 4px 12px; text-align: center; color: #fff; font-size: 18px; font-weight: 300; line-height: 1;}
.label.red {background: #c51818;}
.label.green {background: #00cc30; }
.label.pink {background: #e76e6e; }
.label.blue {background: #0c059b; }
.label.default {color: #000; padding: 0 4px 0 16px; margin-right: 3px; border-right: 1px solid #ddd; font-size: 16px; vertical-align: middle; font-weight: 400;}
.label.default:first-child {padding-left: 0;}

/* pagination */
.pagination {margin-top: 20px; font-size: 0; text-align: center;}
.pagination a {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 4px; line-height: 16px; border-bottom: 1px solid #fff; font-size: 14px; color: #666; vertical-align: middle;}
.pagination .now {color: #055f9b; border-color: #055f9b;}
.pagination .first, .pagination .last, .pagination .prev, .pagination .next {font-size: 0;}
.pagination .prev:before {position: absolute; top: 6px; left: 0; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(-45deg);}
.pagination .prev:after {position: absolute; bottom: 6px; left: 0; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(45deg);}
.pagination .next:before {position: absolute; top: 6px; right: 0; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(45deg);}
.pagination .next:after {position: absolute; bottom: 6px; right: 0; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(-45deg);}
.pagination .first:before {position: absolute; top: 6px; left: 0; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(-45deg);}
.pagination .first:after {position: absolute; bottom: 6px; left: 0; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(45deg);}
.pagination .last:before {position: absolute; top: 6px; right: 0; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(45deg);}
.pagination .last:after {position: absolute; bottom: 6px; right: 0; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(-45deg);}
.pagination .first span:before {position: absolute; top: 6px; left: 6px; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(-45deg);}
.pagination .first span:after {position: absolute; bottom: 6px; left: 6px; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(45deg);}
.pagination .last span:before {position: absolute; top: 6px; right: 6px; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(45deg);}
.pagination .last span:after {position: absolute; bottom: 6px; right: 6px; width: 9px; height: 1px; content: ''; background: #666; transform: rotate(-45deg);}

/* search group */
.basic_search_form {position: relative; padding: 10px; background: #fafafa; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.basic_search_form.top_searh {margin-top: -20px;}
.basic_search_form ul li { padding: 0 0 6px; margin-bottom: 6px; border-bottom: 1px solid #eee; }
.basic_search_form ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.search-btn_group {position: absolute; bottom: 10px; right: 10px;}
.search-btn_group.top_type {bottom: auto; top: 10px;}

/* layer popup */
.layer_pop {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 103; zoom:1;}
.layer_pop .pop_container {position: absolute; top: 50%; left: 50%; width: 94%; background: #fff; transform: translate(-50%,-50%);}
/* .layer_pop.small-type .pop_container {width: 600px;}
.layer_pop.large-type .pop_container {width: 1400px;} */
.layer_pop .pop_container .pop_header {position: relative; width: 100%; padding: 10px 12px; background: #055f9b; color: #fff;}
.layer_pop .pop_container .pop_header h2 {font-size: 20px; line-height: 22px; font-weight: 400;}
.layer_pop .pop_container .pop_header .close_pop {position: absolute; top: 6px; right: 6px; border: 0; background: transparent; width: 30px; height: 30px; font-size: 22px; color: #fff; line-height: 20px;}
.layer_pop .pop_container .pop_body {padding: 24px 24px 25px; min-height: 130px; max-height: 600px; overflow-y: auto;}
.layer_pop .pop_container .pop_body [class*="table"] {max-height: 400px; overflow-y: auto;}
.layer_pop .pop_container .pop_body .calendar-table {max-height: 100%;}
.layer_pop .pop_container .pop_body .calendar-table table {}

.basic-table__read a:link, .basic-table__read a:visited, .basic-table table a:link, .basic-table table a:visited { color: #129fcd; text-decoration: underline; }

/* datepicker style */
.ui-widget-content {background: #f9f9f9;}
.ui-widget-header {background: #055f9b; border-color: #007db6;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #fff; border-color: #eee; color: #666; text-align: center;}
.ui-datepicker td.ui-datepicker-today a {color: #000; border-color: #aaa;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border-color: #007db6; background: #fafafa; color: #007db6;}

/* calendar */
.calendar .calendar__head {text-align: left; padding: 10px 0;}
.calendar .calendar__head .calendar__head-selecter {display: inline-block; padding: 0px; vertical-align: middle; }
.calendar .calendar__body { max-width: 100%; overflow-x: auto; }
.calendar .calendar__body table { border-top: 2px solid #121212; border-left: 1px solid #ddd; }
.calendar .calendar__body table th, .calendar .calendar__body td {width: 14.282%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.calendar .calendar__body table th {padding: 6px 0; background: #fafafa; font-size: 15px;}
.calendar .calendar__body table td { vertical-align: top; }
.calendar .calendar__body table td > div {min-height: 100px; padding: 6px;}
.calendar .calendar__body table td .calendar_date {display: block; font-size: 13px; width: 26px; height: 26px; text-align: center; line-height: 24px; border: 1px solid #ccc; border-radius: 50%; margin-bottom: 8px;}
.calendar .calendar__body table td .possible_date {display: block; font-size: 13px; width: 26px; height: 26px; text-align: center; line-height: 24px; border: 1px solid #ccc; border-radius: 50%; margin-bottom: 8px; cursor: pointer;}
.calendar .calendar__body table td .impossible_date {display: block; font-size: 13px; width: 26px; height: 26px; text-align: center; line-height: 24px; border: 1px solid #ccc; border-radius: 50%; margin-bottom: 8px;}
.calendar .calendar__body table td .possible_date:hover, .calendar .calendar__body table .checked_date .possible_date {border-color: #007db6; background: #007db6; color: #fff;}
.calendar .calendar__body table td .date_checkup {padding: 2px 4px; font-size: 14px; background: #007db6; border-radius: 3px; color: #fff; word-break: break-all; margin-bottom: 2px;}
.calendar .calendar__body table .select_date {background-color:lightskyblue;}
.calendar .calendar__body table td .date_holiday {padding: 2px 4px; font-size: 14px; background: #d02424; border-radius: 3px; color: #fff; word-break: break-all; margin-bottom: 2px;}
.calendar .calendar__body table .holiday_date {background: #f1f1f1;}
.calendar .calendar__body table .holiday_date .calendar_date {color: #aaa;}
.calendar .calendar__body table .checked_date {background: #8acfef;}
.calendar .calendar_select__btn {border: 0; font-size: 20px; height: auto; padding: 5px 30px;}
.calendar [class*="calendar-selecter_"] span {font-size: 0; position: relative;}
.calendar .calendar-selecter_prev, .calendar .calendar-selecter_next { border: 0; background: transparent; padding: 5px; vertical-align: middle; }
.calendar .calendar-selecter_prev span, .calendar .calendar-selecter_next span {display: block; width: 25px; height: 25px; background: #fff; border-radius: 50%; border: 2px solid #007db6; vertical-align: middle;}
.calendar .calendar-selecter_prev span:before {position: absolute;top: 7px;right: 7px;content: '';width: 9px;height: 1px;background: #007db6;transform: rotate(-45deg);}
.calendar .calendar-selecter_prev span:after {position: absolute;top: 13px;right: 7px;content: '';width: 9px;height: 1px;background: #007db6;transform: rotate(45deg);}
.calendar .calendar-selecter_next span:before {position: absolute;top: 7px;left: 7px;content: '';width: 9px;height: 1px;background: #007db6;transform: rotate(45deg);}
.calendar .calendar-selecter_next span:after {position: absolute;top: 13px;left: 7px;content: '';width: 9px;height: 1px;background: #007db6;transform: rotate(-45deg);}

.table100 table { width: 100%; }
.table300 table { width: 300px; }
.table500 table { width: 500px; }
.table700 table { width: 700px; }
.table900 table { width: 900px; }

table td { word-break: break-all; }

#win_pop { width: 100%; padding: 10px; overflow: hidden; }

.table__process {height: 26px;}
.table__process li {position: relative; display: inline-block; width: 33.332%; font-size: 17px; color: #555;}
.table__process li:after {position: absolute; top: -1px; right: 0; content: ''; width: 25px; height: 26px; background: url('/images/common/process_off.png') center no-repeat;background-size:14px;}
.table__process li:last-child:after {display: none;}
.table__process .active {color: #000; font-weight: 600;}
.table__process .active:after {background: url('/images/common/process_on.png') center no-repeat;background-size:14px;}