@charset "UTF-8";

/* ** Sub header ** */
aside {
    min-width: 1400px;
    padding-top: 0;
}

aside .snb {
    position: relative;
    top: 0;
    height: 50px;
    background: linear-gradient(to right, #1D7CC0, #3B98DB);
    border-bottom: 1px solid #d2d2d2;
}

aside .snb a {
    text-decoration: none;
}

aside .snb > ul {
    font-size: 0;
}

aside .snb > ul > li > ul {
	display: flex;
    height: 50px;
}

aside .snb > ul > li > ul > li {
    height: 100%;   
}

aside .snb > ul > li > ul > li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    word-break: keep-all;
    line-height: 120%;
    letter-spacing: -0.5px;
    padding: 0 12px;
    cursor: pointer;
    overflow: hidden;
}

aside .snb > ul > li > ul > li a:hover,
aside .snb > ul > li > ul > li a:focus,
aside .snb > ul > li > ul > li a:active {
    color: #FFE518;
}

aside .snb > ul > li > ul > li.active a {
    color: #FFE518;
}

#table-overflow {
	position: relative;
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}

/* ** Page title area ** */
#breadcrumbs {
    float: left;
}

#breadcrumbs ul {
    font-size: 0;
    text-align: right;
}

#breadcrumbs ul li {
    display: inline-block;
    font-size: 12px;
}

#breadcrumbs ul li:not(:first-of-type):before {
    content: url('../../images/esvc/ic_chevron_right.png');
    display: inline-block;
    font-size: 0.75rem;
    color: #888888;
    padding: 0 5px;
    padding-top: 6px;
}

#breadcrumbs ul li a {
    text-decoration: none;
    color: #888888;
    vertical-align: middle;
}

#breadcrumbs ul li.breadcrumbs-home a img {
    max-width: 100%;
    height: auto;
}

#breadcrumbs ul li:last-child span,
#breadcrumbs ul li a:hover,
#breadcrumbs ul li a:focus,
#breadcrumbs ul li a:active {
    color: #0083cb;
}

#page-title {
    display: flex;
    justify-content: space-between;
    align-items: center;    
    width: 1200px;
    margin: 0 auto;
}

#page-title .page-title {
    position: relative; 
    font-size: 26px;    
    letter-spacing: -0.5px;
}

#page-title .page-context {
    margin-bottom: 1rem;
    line-height: 160%;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: -0.05rem;
    color: #565656;
}

.page-title-sub {
    margin-bottom: 2.0rem;
    padding-top: 0.5rem;
    position: relative;
    font-weight: bold;
    font-size: 2.00rem;
}

.page-title-center {
    text-align: center;
}

button {
    border: none;
}

/* full calendar custom */
[class*='col-'] {
    float: none;
}

.fc .fc-toolbar {
    display: inline-block !important;
    justify-content: unset !important;
    align-items: unset !important;
    text-align: center;
}

.fc .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
    float: right;
}

/* Common */
h2 {
    font-size: 1rem;
    font-weight: bold;
    color: #222222;
    margin-bottom: 0.8rem;
}

h3 {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #222222;
    padding-left: 10px;
}

h3::before {
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    height: 18px;
    background-color: #025A9A;
}

.blind {
    display: none;
}

.bg-skyblue {
	background-color: #E0EDF3 !important;	
}

.bg-blue {
    background-color: #0069b5 !important;
}

.txt-blue {
    color: #0069b5 !important;
}

.txt-green {
	color: #00a045 !important;
}

.txt-red {
	color: red !important;
}

.txt-left {
	text-align: left !important;
}

.txt-right {
	text-align: right !important;
}

.color-aa00dd {
    color: #aa00dd;
}

.color-ff0000 {
    color: #ff0000;
}

.color-0000dd {
    color: #0000dd;
}

.required {
    border: 1px solid red !important;
}

.cont-ready {
    padding: 5rem 0;
    text-align: center;
}

/* Common: Tab */
.tab-wrap {
    position: relative;
    width: 100%;
}

.tab-wrap ul {
    display: flex;
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
}

.tab-wrap ul li {
    display: table;
    width: inherit;
    height: 100%;
    background-color: #E6F0F9;
    border-right: 1px solid rgba(255,255,255,0.3);
    color: #555555;
    font-weight: 500;
    cursor: pointer;
}

.tab-wrap ul li:last-child {
	border-right: 0;
}

.tab-wrap ul li:hover,
.tab-wrap ul li.active {
    background-color: #1D7CC0;
    color: #ffffff;
}

.tab-wrap ul li span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}


/* Common: Search */
.search-wrap {
    position: relative;
    width: 100%;
    background-color: #E6F0F9;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 500;
}

.search-wrap .search-area {
	position: relative;
    display: flex;
    margin-bottom: 10px;
    min-height: 30px;
}

.search-wrap .search-area:last-child {
	margin-bottom: 0;
}

.search-wrap .search-area button.btn-prev,
.search-wrap .search-area button.btn-next {
	height: 30px;
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	vertical-align: middle;
}

.search-wrap .search-area button.btn-next {
	margin-right: 5px;
}

.search-wrap .search-area span.search-period {
	margin-left: 15px;
	font-size: 14px;
}

.search-wrap .label {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	margin-left: 20px;
}

.search-wrap .label.loc {
	display: inline-block;
	padding-top: 10px;
}

.search-wrap .label.loc span {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 12px;
	padding-top: 5px;
}

.search-wrap input {
    height: 30px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 0 8px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
}

.search-wrap input.ml8 {
    margin-left: 8px;
}

.search-wrap input[type="file"] {
    border: 0;
    padding: 5px 8px;
    font-size: 14px;
}

input.select-trigger{
    background: url('../../images/esvc/ic_down_arrow.png') 95% center no-repeat;
    background-color: #ffffff;
    /*padding-left: 8px;*/
}

input.select-trigger:disabled {
    background: none;
    background-color: #fafafa;
}

.search-wrap select {
	min-width: 100px;
    height: 30px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    background-color: #ffffff;
    padding-left: 3px;
    font-size: 12px;
}

.search-wrap select#tmlOutHour,
.search-wrap select#tmlOutMinute {
	min-width: 50px;
}

.search-wrap textarea {
	height: 70px;
    width: 172px;
	outline: none;    
    vertical-align: top;
    border: 1px solid #d2d2d2;
    padding: 8px;
    resize: none;
}

.search-wrap .search-area > div label {
	font-size: 12px;
	font-weight: 500;
	margin-right: 10px;
    margin-left: 3px;
	cursor: pointer;
}

.search-wrap .search-area > div button.btn-select {
	font-size: 12px;
    font-weight: 500;
    background-color: #1099E1;
    color: #ffffff;
    height: 27px;
    border-radius: 5px;
    padding: 0 10px;
}

.search-wrap .search-area .btn-list {
    position: absolute;
    right: 0;
}

.search-wrap .search-area .btn-list button {
	min-width: 70px;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    background-color: #163E62;
    color: #ffffff;
    border-radius: 5px;
}

.search-wrap .search-area .btn-list button.summary {
	width: 144px;
}

.search-wrap .search-area .btn-list button.bgW {
	background-color: #ffffff;
    color: #555555;
    border: 1px solid #d2d2d2;
}

.search-wrap .search-area .btn-list button:hover {
    color: #0E66B0;
    background-color: #def1ff;
    border: 1px solid #0E66B0;
}

.search-wrap .search-area #gbn button {
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    background-color: #ffffff;
    color: #555555;
    border: 1px solid #d2d2d2;
}

.search-wrap .search-area #gbn button:hover,
.search-wrap .search-area #gbn button.active {
    color: #0E66B0;
    background-color: #def1ff;
    border-color: #0E66B0;
}

.search-wrap .search-area #gbn span.cstms-process {
	font-size: 12px;
	font-weight: 500;
	padding-left: 10px;
}

.table-wrap {
	position: relative;
    padding-top: 30px;
}

#myPageForm.table-wrap {
	padding-top: 0;
}

.table-wrap > p.notice {
	position: absolute;
	top: 4px;
	right: 0;
	font-size: 12px;
	font-weight: 500;
	color: #666666;
}

.table-wrap > p.order_notice {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 15px;
    font-weight: 500;
    color: #e94a4a;
}

.table-wrap > .btn-set {
    position: absolute;
    top: -5px;
    right: 0;
}

.table-wrap > .btn-set button {
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    background-color: #1099E1;
    color: #ffffff;
    border-radius: 5px;
}

.table-wrap > .btn-set button > a{
    color: white;
    text-decoration: none;
}

.table-wrap #tblMaster_wrapper > div.xscroll{
	width: 100%;
	overflow-x: auto;
}

/* Common: Table */
.common-table {
    width: 100% !important;
    border: 1px solid #d2d2d2;
    text-align: center;
    white-space: nowrap;
}

.common-table tr th,
.common-table tr td {
    height: 40px;
    padding: 3px 8px;
    background-color: #F1F2F6;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    line-height: 160%;
    letter-spacing: -0.03rem;
    font-weight: 500;
}

.common-table.half {
    width: 50% !important;
}

.common-table.quarter {
    width: 25% !important;
}

.common-table.fe-table {
    width: 500px !important;
    margin: 0 auto;
    margin-top: 20px;
}

.common-table.fe-table tr th,
.common-table.fe-table tr td {
    height: 33px;
    padding: 5px 15px;
}

.common-table.estimatedWork-table tr th,
.common-table.estimatedWork-table tr td {
    height: 33px;
    padding: 5px 15px;
}

.common-table tr td {
    background-color: #ffffff;
}

.common-table tr td button[type=button] {
    font-size: 12px;
    font-weight: 500;
    background-color: #1099E1;
    color: #ffffff;
    width: auto;
    height: 30px;
    border-radius: 5px;
    padding: 0 10px;
    /*margin-top: 3px;*/
}

.common-table tr td button[type=button].btn-Add {
    background-color: #17A2B8;
    margin-top: 3px;
}

.common-table tr td button[type=button].btn-Del {
    background-color: #ADB5BD;
    margin-top: 3px;
}

.common-table tr td input,
.common-table tr td select {
	height: 30px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 3px 8px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
    color: #555555;
}

.common-table tr td input.seal {
    width: 100%;
}

.common-table tr td input.w100 {
    width: 100px !important;
}

.common-table tr td input[type=radio] {
    margin-left: 0.5rem;
}

.common-table tr td input[type=radio]:first-child {
    margin-left: 0;
}

.common-table tr td input.w100 {
    width: 100px;
}

.common-table tr td input.calc-btn {
    border: 0;
    background: none;
}

.common-table tr td select:disabled {
    background-color: rgba(239, 239, 239, 0.3);
}

.common-table tr.divide td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.common-table tr input[type=checkbox] {
    vertical-align: middle;
}

/* dataTable custom */
.common-table.dataTable tr th, .common-table.dataTable tr td {
    height: 1rem;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 15px;    
}

.common-table.dataTable tr th {
    background-color: #224F79;
    color: #ffffff;
    border-right: 1px solid rgba(255,255,255,0.3);
}

.common-table.dataTable tr th.cll_header {
    background-color: rgb(253, 172, 176);
	color: #222222;
}
.common-table.dataTable tr th.cll_body {
    background-color: #F1F1F1;
    border-right: 1px solid #d2d2d2;
	color: #222222;
}

.common-table.dataTable tr th.tcl_header {
    background-color: rgb(172, 189, 253);
	color: #222222;
}

.common-table.dataTable tr th.tcl_body {
    background-color: #F1F1F1;
    border-right: 1px solid #d2d2d2;
	color: #222222;
}

table.dataTable td.dt-left {
    text-align: left;
}
table.dataTable td.dt-center{
    text-align: center;
}
table.dataTable td.dt-right {
    text-align: right;
}
table.dataTable td.dt-justify {
    text-align: justify;
}
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: none;
    border-left: none;
    padding: 5px 15px;
}

table.dataTable tbody td {
    border: 1px solid #d2d2d2;
    border-left: none;
    border-bottom: none;
}

table.dataTable tbody td:last-child {
    border-right: none;
}

table.dataTable {
    border-bottom: 1px solid #d2d2d2;
}

.dataTables_wrapper .dataTables_scrollBody {
    border-bottom: 1px solid #d2d2d2;
}

.dataTables_wrapper .dataTables_length {
    position: absolute;
    left: 0;
    top: -30px;
}

.dataTables_wrapper .dataTables_length label {
    font-size: 0;
}

.dataTables_wrapper .dataTables_length select {
    font-size: 14px;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #d2d2d2;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #d2d2d2;
}

.dataTables_wrapper.no-footer .dataTables_length {
    position: absolute;
    left: 0;
    top: -30px;
}

.dataTables_wrapper.no-footer .dataTables_length label {
    font-size: 0;
}

.dataTables_wrapper.no-footer .dataTables_length select {
    font-size: 12px;
    border: 1px solid #d2d2d2;
    padding: 3px 6px;
}

/* Common: Table(out/in) */
.outer-table {
    width: 100%;
    border: 1px solid #d2d2d2;
    text-align: center;
    margin: 0;
    padding: 0;
    table-layout: fixed; /* table 자체 고정 */
}

.outer-table tr td {
    height: auto;
}

.outer-table tr td:first-child {
    border-right: 1px solid #d2d2d2;
}

.outer-table tr td.left {
    width: 8.625rem;
}

.outer-table tr td.left.sizeType {
    width: 42rem;
    padding-top: 0;
}

.outer-table tr td.right.sizeType {
    width: calc(100% - 66.375rem);
}

.outer-table tr td.left2 {
    width: 20.75rem;
}

.outer-table tr td.right2 {
    width: 54.25rem;
}

.inner-wrap {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow-x: scroll;
}

.inner-wrap.noscroll {
    overflow-x: hidden;
}

.inner-wrap2 {
    width: 100%;
    height: auto;
    max-height: 43.75rem;
    margin: 0;
    padding: 0;
    overflow: scroll;
}

.inner-table {
    width: 100%;
    white-space: nowrap;
    border-collapse: collapse;
}

.inner-table tr th {
    height: 2rem;
    padding: 0.5rem 0;
    background-color: #0069b5;
    color: #ffffff;
    border-top: 2px solid #004f95;
    border-left: 1px solid #d2d2d2;
    border-bottom: none;
    letter-spacing: -0.05rem;
    font-size: 0.75rem;
    vertical-align: middle;
}

.inner-table tr th:first-child {
    border-left: none;
}

.inner-table tr td {
    height: 2rem;
    padding: 0.5rem 0;
}

.inner-table tr td:first-child {
    border: none;
}

.inner-table tr.b-use td {
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
}

.inner-table tr.b-use td:first-child {
    border-left: none;
}

.btn-list-wrap {
    text-align: center;
    margin-top: 16px;
}

.btn-list-wrap .btn {
    min-width: 75px;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 5px;
    background-color: #0362A6;
    color: #ffffff;
}

.btn-list-wrap .btn.reset {
    background-color: #1099E1;
    /*background-color: #ADB5BD;*/
}

/* Containers: CntrInfo */
.cntr-cntrInfo .cntrInfo {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.cntr-cntrInfo .cntrInfo::after {
    display: block;
    content: '';
    clear: both;
}

.cntr-cntrInfo .cntrInfo .table-wrap {
    width: 100%;
    clear: both;
    padding-top: 0;
}

.cntr-cntrInfo .cntrInfo .table-wrap.record {
    margin-top: 20px;
}

.cntr-cntrInfo .cntrInfo .table-wrap #tblMaster2 {
    width: 100% !important;
}

.cntr-cntrInfo .cntrInfo .table-wrap #tblMaster3 {
    /*margin-top: -20px;*/
}

.cntr-cntrInfo .cntrInfo .table-wrap .left {
    float: left;
    width: 40%;
    margin-right: 1%;
    margin-bottom: 15px;
}

.cntr-cntrInfo .cntrInfo .table-wrap .right {
    float: left;
    width: 59%;
}

.cntr-cntrInfo .cntrInfo .table-wrap table.common-table tr td {
    height: 20px;
    padding: 5px;
    word-break: break-all;
    /*white-space: normal;*/
}

.cntr-cntrInfo .cntrInfo .table-wrap table.common-table button#btnPrint_DMG {
    margin-left: 3px;
    margin-right: 3px;
}

.cntr-cntrInfo .cntrInfo .table-wrap table.common-table tr td#adj > button{
    float: right;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 500;
    background-color: #1099E1;
    color: #ffffff;
    border-radius: 5px;
}

.cntr-cntrInfo .cntrInfo .table-wrap table.common-table tr td#holdInfo > div button {
    float: right;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 500;
    background-color: #1099E1;
    color: #ffffff;
    border-radius: 5px;
}

.cntr-cntrInfo .cntrInfo .table-wrap table.common-table #freeStackingDte {
    font-weight: bold;
    color:black;
}

.cntr-cntrInfo .cntrInfo .table-wrap div:last-child {
    margin-bottom: 0;
}

.cntr-cntrInfo .cntrInfo .table-wrap div h4 {
    margin-bottom: 0.5rem;
}

.cntr-cntrInfo .cntrInfo .table-wrap > div h4 {
    clear: both;
    text-align: left;
}

.cntr-cntrInfo .cntrInfo .emptyReturn {
    text-align: center;
    margin-bottom: 20px;
}

.cntr-cntrInfo .cntrInfo .emptyReturn #mtReturnAmt {
    margin-left: 30px;
}

.cntr-cntrInfo .cntrInfo .btn-set {
    float: right;
    margin: 10px 0;
}

.cntr-cntrInfo .cntrInfo .btn-set button {
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    background-color: #1099E1;
    color: #ffffff;
    border-radius: 5px;
}

.cntr-cntrInfo .cntrInfo .notice-wrap {
    width: 100%;
    min-height: 100px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #d2d2d2;
    padding: 16px;
    clear: both;
}

.cntr-cntrInfo .cntrInfo .notice-wrap ul {
    margin-left: 20px;
    margin-bottom: 10px;
}

.cntr-cntrInfo .cntrInfo .notice-wrap ul li {
    list-style-type: decimal;
    line-height: 140%;
}

.cntr-cntrInfo .cntrInfo .notice-wrap p {
    line-height: 140%;
    margin-bottom: 0;
}

/* Containers: CntrTrack */
.cntr-cntrTrack .cntrTrack {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.cntr-cntrTrack .cntrTrack::after {
    display: block;
    content: '';
    clear: both;
}

/* Containers: CntrLoc */
.cntr-cntrLoc .cntrLoc {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.cntr-cntrLoc .cntrLoc::after {
    display: block;
    content: '';
    clear: both;
}

/* Containers: CntrBill */
.cntr-cntrBill .cntrBill{
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.cntr-cntrBill .cntrBill::after {
    display: block;
    content: '';
    clear: both;
}

/* Containers: overflowCashCntrInfo */
.cntr-overflowCashCntrInfo .overflowCashCntrInfo {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo::after {
    display: block;
    content: '';
    clear: both;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .table-wrap {
    width: 100%;
    clear: both;
    padding-top: 0;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .table-wrap .left {
    float: left;
    width: 40%;
    margin-right: 1%;
    margin-bottom: 15px;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .table-wrap .right {
    float: left;
    width: 59%;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .table-wrap table.common-table tr td {
    height: 20px;
    padding: 5px;
    word-break: break-all;
    /*white-space: normal;*/
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .table-wrap table.common-table tr td.border-side-white {
    border-left-color: white;
    border-right-color: white;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .table-wrap div:last-child {
    margin-bottom: 0;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .table-wrap div h4 {
    margin-bottom: 0.5rem;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .table-wrap > div h4 {
    clear: both;
    text-align: left;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .btn-set {
    float: right;
    margin: 10px 0;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .btn-set button {
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    background-color: #1099E1;
    color: #ffffff;
    border-radius: 5px;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .notice-wrap {
    width: 100%;
    min-height: 100px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #d2d2d2;
    padding: 16px;
    clear: both;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .notice-wrap ul {
    margin-left: 20px;
    margin-bottom: 10px;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .notice-wrap ul li {
    list-style-type: decimal;
    line-height: 140%;
}

.cntr-overflowCashCntrInfo .overflowCashCntrInfo .notice-wrap p {
    line-height: 140%;
    margin-bottom: 0;
}

/* Vessel: BerthScheduleT */
.vessel-berthScheduleT .berthScheduleT {
    min-width: 1400px;
    font-size: 10px;
    /*font-size: 0.875rem;*/
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-berthScheduleT .berthScheduleT::after {
    display: block;
    content: '';
    clear: both;
}

.vessel-berthScheduleT .berthScheduleT #tblMaster tbody tr td {
    padding: 8px 6px;
}

.vessel-berthScheduleT .berthScheduleT #tblMaster tbody tr.d td {
    background-color: #FFFFFF;
}

.vessel-berthScheduleT .berthScheduleT #tblMaster tbody tr.w td {
    background-color: #d5fad6;
}

.vessel-berthScheduleT .berthScheduleT #tblMaster tbody tr.b td {
    background-color: #bee0fd;
}

.vessel-berthScheduleT .berthScheduleT #tblMaster tbody tr.p td {
    background-color: #fde9db;
}

.vessel-berthScheduleT .berthScheduleT #tblMaster tfoot tr td span {
    display: block;
    text-align: left;
}

.vessel-berthScheduleT .berthScheduleT .table-head {
	display: flex;
	justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.vessel-berthScheduleT .berthScheduleT .table-head .period {
	
}

.vessel-berthScheduleT .berthScheduleT .table-head .status-wrap {
	display: flex;
}

.vessel-berthScheduleT .berthScheduleT .table-head .status-wrap > div {
	position: relative;
	margin-left: 30px;
}

.vessel-berthScheduleT .berthScheduleT .table-head .status-wrap > div::before {
	content: '';
	position: absolute;
	left: -18px;
	width: 14px;
	height: 14px;
	background-color: gray;
	border: 1px solid #e5e5e5;
}

.vessel-berthScheduleT .berthScheduleT .table-head .status-wrap > div.d::before {
	background-color: #FFFFFF;
}

.vessel-berthScheduleT .berthScheduleT .table-head .status-wrap > div.w::before {
	background-color: #d5fad6;
}

.vessel-berthScheduleT .berthScheduleT .table-head .status-wrap > div.b::before {
	background-color: #bee0fd;
}

.vessel-berthScheduleT .berthScheduleT .table-head .status-wrap > div.p::before {
    background-color: #fde9db;
}

/* Vessel: BerthScheduleG */
.vessel-berthScheduleG .berthScheduleG {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-berthScheduleG .berthScheduleG::after {
    display: block;
    content: '';
    clear: both;
}



vessel-berthScheduleG .berthScheduleG h2.mt {
    margin-top: 3rem;
    font-size: 0.875rem;
}

.vessel-berthScheduleG .berthScheduleG .container {
    width: 1200px;
}

.vessel-berthScheduleG .berthScheduleG .search-area .btn-date {
    background-color: #ffffff;
    cursor: pointer;
}

.vessel-berthScheduleG .berthScheduleG .chkShape {
    display: inline-block;
    width: 11rem;
    height: 1.875rem;
    padding: 0.2rem 0 0.2rem 0.8rem;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
}

.vessel-berthScheduleG .berthScheduleG .chkShape label {
    position: relative;
    top: -2px;
}

.vessel-berthScheduleG .berthScheduleG .chkShape .mr0 {
    margin-right: 0;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap {
    position: relative;
    /*margin-bottom:2rem;*/
    padding-top: 0;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap.first > div {
    position: absolute;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .txt-left {
    text-align: left;
    padding-left: 30px;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table {
    position: relative;
    color: #444444;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr.berth {
    vertical-align: middle;
}

/* 첫 번째 행: 15px * 10bitt = 150px */
.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr.berth.non-loa {
    height: 150px;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr.berth:nth-child(3).loa {
    height: 150px;
}

/* 두 번째 행: 15px * 11bitt = 165px */
.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr.berth:nth-child(4).loa {
    height: 165px;
}

/* 세 번째 행: 15px * 20bitt = 300px */
.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr.berth:nth-child(5).loa {
    height: 300px;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr td {
    background-color: #F4F9FF;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr td.today {
    /*background-color: #F6ECDA !important;*/
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr td.date {
    height: 50px;
    background-color: #F1F2F6;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr td.time {
    position: relative;
    height: 25px;
    color: #FFFFFF;
    background-color: #3074B5;
    padding: 2px;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr td.time span {
    position: absolute;
    top: 0;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr td.time span:nth-of-type(1) {
    left: 10px;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr td.time span:nth-of-type(2) {
    left: 45%;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-table tr td.time span:nth-of-type(3) {
    right: 10px;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .box-in01 {
    position: absolute;
    top: 214px;
    left: 274px;
    width: 73px;
    height: 165px;
    background-color: #facd89;
    padding: 5px;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .box-in02 {
    position: absolute;
    top: 396px;
    left: 232px;
    width: 112px;
    height: 165px;
    background-color: #ffd18c;
    padding: 5px;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-chart {
    height: 18px;
    position: absolute;
    /* padding: 5px; */
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-chart.red {
    background-color: #fd7171;
    border: 5px solid #ff3636;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-chart.sky {
    background-color: #81d5e3;
    border: 5px solid #3db7cc;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-chart.yellow {
    background-color: #fdfd7e;
    border: 5px solid #ffe036;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-chart.gray {
    background-color: #888888;
    border: 5px solid #686868;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-chart.orange {
    background-color: #fd9c63;
    border: 5px solid #ff5e00;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .berth-chart table.chart-table {
    height: 100%;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .chart-table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .chart-table tr td {
    height: 14px;
    text-align: center;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .chart-table tr:nth-of-type(1) td:nth-of-type(1) {
    text-align: left;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .chart-table tr:nth-of-type(1) td:nth-of-type(2) {
    text-align: right;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .chart-table tr td.st-time {
    position: absolute;
    top: 15px;
    left: 0;
    color: #888888;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .chart-table tr td.ed-time {
    position: absolute;
    top: 15px;
    right: 0;
    color: #888888;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .chart-table tr td.line {
    position: absolute;
    top: -21px;
    left: -3px;
    color: #0867C1;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .chart-table tr td.line span {
    color: red;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .chart-table tr td.info {
    position: absolute;
    top: 30px;
    left: 0;
    text-align: left;
    white-space: nowrap;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .box-on {
    position: absolute;
    top: 214px;
    left: 347px;
    width: 420px;
    background-color: #ffffff;
    z-index: 99;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .box-on.planned {
    border: 1px solid #004f95;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .box-on.arrived {
    border: 1px solid #B21A19;
}

.vessel-berthScheduleG .berthScheduleG .table-wrap .box-on.departed {
    border: 1px solid #686868;
}

.vessel-berthScheduleG .berth-schedule .common-table th,
.vessel-berthScheduleG .berth-schedule .common-table td {
    height: 25px;
    padding: 3px 10px;
}

.vessel-berthScheduleG .berth-schedule .common-table th {
    text-align: left;
}

.vessel-berthScheduleG .berth-schedule.planned .common-table th {
    background-color: #E7F4FD;
}

.vessel-berthScheduleG .berth-schedule.arrived .common-table th {
    background-color: #F8EAEA;
}

.vessel-berthScheduleG .berth-schedule.departed .common-table th {
    background-color: #EBEBEB;
}

.vessel-berthScheduleG .berth-schedule .common-table td {

}

.vessel-berthScheduleG .berth-schedule .common-table td.head-area {
    height: 30px;
    font-size: 14px;
    border: 1px solid;
    color: #ffffff;
}

.vessel-berthScheduleG .berth-schedule .common-table td.head-area span.btn-close {
    float: right;
    cursor: pointer;
}

.vessel-berthScheduleG .berth-schedule.planned .common-table td.head-area {
    background-color: #0054A5;
    border-color: #0054A5;
}

.vessel-berthScheduleG .berth-schedule.arrived .common-table td.head-area {
    background-color: #B21A19;
    border-color: #B21A19;
}

.vessel-berthScheduleG .berth-schedule.departed .common-table td.head-area {
    background-color: #686868;
    border-color: #686868;
}

.vessel-berthScheduleG .berth-schedule .common-table td span.eng {
    font-size: 0.75rem;
}

.vessel-berthScheduleG .common-table.info td {
    border: none;
    border-bottom: 1px solid #d2d2d2;
}

.vessel-berthScheduleG .common-table.chart tr:first-child th {
    border-top: 2px solid #163E62;
}

.vessel-berthScheduleG .common-table.chart tr th.sun {
    background-color: #FFB4B4;
}

.vessel-berthScheduleG .common-table.chart tr th.sat {
    background-color: #AFE0FF;
}

.vessel-berthScheduleG .common-table.chart td.berth04 {
    /* background: url('../../images/esvc/vessel/bitt_dot.jpg') top right repeat-y; */
    background-color: #F9F9F9;
    height: 175px;
}

.vessel-berthScheduleG .common-table.chart td.berth03 {
    /* background: url('../../images/esvc/vessel/bitt_dot.jpg') top right repeat-y; */
    background-color: #F9F9F9;
    height: 175px;
}

.vessel-berthScheduleG .common-table.chart td.berth02 {
    /* background: url('../../images/esvc/vessel/bitt_dot.jpg') top right repeat-y; */
    background-color: #F9F9F9;
    height: 100px;
}

.vessel-berthScheduleG .common-table.chart td.berth01 {
    /* background: url('../../images/esvc/vessel/bitt_dot.jpg') top right repeat-y; */
    background-color: #F9F9F9;
    height: 100px;
}

.vessel-berthScheduleG .common-table.chart td.berth00 {
    /* background: url('../../images/esvc/vessel/bitt_dot.jpg') bottom right no-repeat; */
    background-color: #F9F9F9;
}

.vessel-berthScheduleG .common-table.chart td.berthOT {
    /* background: url('../../images/esvc/vessel/bitt_dot_ot.jpg') top right no-repeat; */
    background-color: #F9F9F9;
    height: 100px;
}

.vessel-berthScheduleG #secondArea .bitt-box {
    position: absolute;
    top: 0;
    left: 95px;
    width: 4px;
}

.vessel-berthScheduleG #secondArea .bitt-box .bitt {
    display: block;
    position: absolute;
    width: 4px;
    height: 1px;
    border-bottom: 1px solid #000000;
}

/* 취약점 관련 */
.vessel-berthScheduleG .display-inline-table {
    display: inline-table;
    font-size: 13px;
}

.vessel-berthScheduleG .text-deco-none {
    text-decoration: none;
}

.vessel-berthScheduleG .font-size-0 {
    font-size: 0;
}

.vessel-berthScheduleG .pad-left-10 {
    padding-left: 10px;
}

.vessel-berthScheduleG .bg-F6ECDA {
    background-color: #F6ECDA;
}

.vessel-berthScheduleG .bg-ECE8DA {
    background-color: #ECE8DA;
}

.vessel-berthScheduleG .bg-darkblue {
    color: #FFFFFF;
    background-color: #224f79;
}

.defualt {
    font-size: 10pt;
    color: #404040;
    text-decoration: none
}

.balloonstyle {
    position: absolute;
    top: -500px;
    left: 0;
    visibility: hidden;
}

/* Vessel: VesselStatus */
.vessel-vesselStatus .vesselStatus {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    padding-top: 2rem;
}

.vessel-vesselStatus .vesselStatus::after {
    display: block;
    content: '';
    clear: both;
}

.vessel-vesselStatus .vesselStatus .table-wrap {
	clear: both;
    padding-top: 10px;
    margin-bottom: 40px;
}

.vessel-vesselStatus .vesselStatus .table-wrap input {
    margin-right: 5px;
}

.vessel-vesselStatus .vesselStatus .table-wrap .check-box {
    float: right;
}

.vessel-vesselStatus .vesselStatus .table-wrap .div-ul-wrap {
    display: flex;
    box-sizing: border-box;
	font-size: 0;
}

.vessel-vesselStatus .vesselStatus .table-wrap .div-ul-wrap .div-ul-inner-wrap {
	font-size: 12px;
    font-weight: 500;
}

.vessel-vesselStatus .vesselStatus .table-wrap .div-ul-wrap .div-ul-inner-wrap.left {
	width: 180px;
	background-color: #224F79;
	z-index: 10;
}

.vessel-vesselStatus .vesselStatus .table-wrap .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	color: #ffffff;
}

.vessel-vesselStatus .vesselStatus .table-wrap .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div:last-child {
	border-bottom: 0;
}

.vessel-vesselStatus .vesselStatus .table-wrap .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div:first-child {
	height: 160px;
}

.vessel-vesselStatus .vesselStatus .table-wrap .div-ul-wrap .div-ul-inner-wrap.right {
    position: relative;
    width: calc(100% - 180px);
    overflow-y: hidden;
    /* overflow-x: scroll; */
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .view-box {
	display: inline-flex;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .view-box .skyblue {
	background-color: #F4F9FF;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .view-box .gray {
	background-color: #F0F4F7;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul {
	width: 340px;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	border-right: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	text-align: center;
	color: #555555;
	background-color: #ffffff;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div:first-child {
	height: 160px;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div:last-child {
	border-bottom: 1px solid #d2d2d2;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.divide > div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: 100%;
	border-left: 1px solid #d2d2d2;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.divide > div:first-child {
	border-left: 0;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth {
	justify-content: unset;
	gap: 15px;
	padding: 25px 20px;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth > .left > span {
	display: block;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth > .left > span.berth-nm {
    width: 26px;
    height: 26px;
    background-color: #112943;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 10px;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth > .left > span.ship-img {
    padding-left: 15px;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth > .right {
	
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth > .right .berth-status-chart > svg {
	width: 85px;
	height: 85px;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth > .right .berth-status-chart .circle-progress-value {
	stroke-width: 6px;
	stroke: #27527A;
	stroke-dasharray: 2 6;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth > .right .berth-status-chart .circle-progress-circle {
	stroke-width: 6px;
	stroke: #ddd;
	stroke-dasharray: 2 6;
	stroke-dashoffset: 2;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth > .right .berth-status-chart .circle-progress-text {
	fill: #27527A;
	font-size: 26px;
}

.vessel-vesselStatus .vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div.berth > .right .berth-status-chart .circle-progress-text .small-percent {
	font-size: 16px;
}

/* Vessel: CntrWorkList */
.vessel-cntrWorkList .cntrWorkList {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-cntrWorkList .cntrWorkList::after {
    display: block;
    content: '';
    clear: both;
}

/* Vessel: CntrWorkTime */
.vessel-cntrWorkTime .cntrWorkTime {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-cntrWorkTime .cntrWorkTime::after {
    display: block;
    content: '';
    clear: both;
}

/* Vessel: CllYardCmpr */
.vessel-cllYardCmpr .cllYardCmpr {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-cllYardCmpr .cllYardCmpr::after {
    display: block;
    content: '';
    clear: both;
}

.vessel-cllYardCmpr .cllYardCmpr .common-table.dataTable tr th,
.vessel-cllYardCmpr .cllYardCmpr .common-table.dataTable tr td {
	font-size: 12px;
	padding: 5px;
}

/* Vessel: OvrGateInList */
.vessel-ovrGateInList .ovrGateInList {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-ovrGateInList .ovrGateInList::after {
    display: block;
    content: '';
    clear: both;
}

/* Vessel: NoGateInList */
.vessel-noGateInList .noGateInList {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-noGateInList .noGateInList::after {
    display: block;
    content: '';
    clear: both;
}

/* Vessel: NoGateOutList */
.vessel-noGateOutList .noGateOutList {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-noGateOutList .noGateOutList::after {
    display: block;
    content: '';
    clear: both;
}

/* Vessel: LoadCnclList */
.vessel-loadCnclList .loadCnclList {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-loadCnclList .loadCnclList::after {
    display: block;
    content: '';
    clear: both;
}

/* Vessel: ChkList */
.vessel-chkList .chkList {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-chkList .chkList::after {
    display: block;
    content: '';
    clear: both;
}

/* Vessel: ChkDmgList */
.vessel-chkDmgList .chkDmgList {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-chkDmgList .chkDmgList::after {
    display: block;
    content: '';
    clear: both;
}

/* Vessel: dmgInput */
.vessel-dmgInput .dmgInput {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-dmgInput .dmgInput::after {
    display: block;
    content: '';
    clear: both;
}


/* Vessel: sealInput */
.vessel-sealInput .sealInput {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.vessel-sealInput .sealInput::after {
    display: block;
    content: '';
    clear: both;
}

/* Yard: YardMap */
.yard-yardMap .yardMap {
	min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.yard-yardMap .yardMap::after {
    display: block;
    content: '';
    clear: both;
}

.yard-yardMap .yardMap .table-head {
	display: flex;
	justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.yard-yardMap .yardMap .table-head .period {
	
}

.yard-yardMap .yardMap .table-head .status-wrap {
	display: flex;
}

.yard-yardMap .yardMap .table-head .status-wrap > div {
	position: relative;
	margin-left: 30px;
}

.yard-yardMap .yardMap .table-head .status-wrap > div::before {
	content: '';
	position: absolute;
	left: -18px;
	width: 14px;
	height: 14px;
	background-color: gray;
	border: 1px solid #e5e5e5;
}

.yard-yardMap .yardMap .table-head .status-wrap > div.inbound::before {
	background-color: #ccccff;
}

.yard-yardMap .yardMap .table-head .status-wrap > div.outbound::before {
	background-color: #f1f1f1;
}

.yard-yardMap .yardMap .table-head .status-wrap > div.storage::before {
	background-color: #ffdddf;
}

.yard-yardMap .yardMap .table-wrap {
	padding-top: 0;
}

.yard-yardMap .yardMap .table-wrap .common-table {
	
}

.yard-yardMap .yardMap .table-wrap .common-table tr td {
	width: 117px;
    height: 127px;
    padding: 5px;
    overflow: hidden;
}

.yard-yardMap .yardMap .table-wrap .common-table tr:last-child td {
	height: 30px;
	padding: 0;
}

.yard-yardMap .yardMap .table-wrap .common-table tr td.tier-num {
	width: 30px;
    background-color: #275E97;
    color: #ffffff;
}

.yard-yardMap .yardMap .table-wrap .common-table tr td.skyblue {
	background-color: #F2FAFC;
}

.yard-yardMap .yardMap .table-wrap .common-table tr td > div.cntrBox {
	width: 100%;
	height: 100%;
}

.yard-yardMap .yardMap .table-wrap .common-table tr td > div.cntrBox table {
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.yard-yardMap .yardMap .table-wrap .common-table tr td > div.cntrBox table tr td {
	height: 25%;
	padding: 0;
	margin: 0;
	background-color: #f1f1f1;
	font-size: 10px;
	font-weight: 500;
	border: 1px solid #bbbbbb;
    letter-spacing: -0.07rem;
}

.yard-yardMap .yardMap .table-wrap .common-table tr td > div.cntrBox table.inbound tr td {
	background-color: #ccccff;
}

.yard-yardMap .yardMap .table-wrap .common-table tr td > div.cntrBox table.outbound tr td {
	background-color: #f1f1f1;
}

.yard-yardMap .yardMap .table-wrap .common-table tr td > div.cntrBox table.storage tr td {
	background-color: #ffdddf;
}

/* Yard: GateIOList */
.yard-gateIOList .gateIOList {
	min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.yard-gateIOList .gateIOList::after {
    display: block;
    content: '';
    clear: both;
}

/* Yard: RctrlList */
.yard-rctrlList .rctrlList {
	min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.yard-rctrlList .rctrlList::after {
    display: block;
    content: '';
    clear: both;
}

/* Yard: YardStatus */
.yard-yardStatus .yardStatus {
	min-width: 1000px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.yard-yardStatus .yardStatus::after {
    display: block;
    content: '';
    clear: both;
}

.yard-yardStatus .yardStatus .table-wrap.first {
    padding-top: 0;
    margin-bottom: 20px;
}

.yard-yardStatus .yardStatus .table-wrap > button {
    min-width: 80px;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    background-color: #163E62;
    color: #ffffff;
    border-radius: 5px;
    float: right;
    margin-bottom: 10px;
}

.yard-yardStatus .yardStatus table.fe-table2 tr th,
.yard-yardStatus .yardStatus table.fe-table2 tr td {
    height: 27px;
    padding: 0;
}

.yard-yardStatus .yardStatus table.fe-table2 tr th {
    background-color: #275E97;
    color: #ffffff;
}

.yard-yardStatus .yardStatus table.fe-table2 tr:last-child td {
    background-color: #F1F2F6;
}

.yard-yardStatus .yardStatus table.fe-table2 tr td:nth-child(6),
.yard-yardStatus .yardStatus table.fe-table2 tr td:nth-child(11),
.yard-yardStatus .yardStatus table.fe-table2 tr td:nth-child(16){
    background-color: #F2FAFC;
}

/* Yard: EmptyStatus */
.yard-emptyStatus .emptyStatus {
	min-width: 1000px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.yard-emptyStatus .emptyStatus::after {
    display: block;
    content: '';
    clear: both;
}

/* Yard: BndCntr */
.yard-bndCntr .bndCntr {
	min-width: 1000px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.yard-bndCntr .bndCntr::after {
    display: block;
    content: '';
    clear: both;
}

/* Yard: DmgCntr */
.yard-dmgCntr .dmgCntr {
	min-width: 1000px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.yard-dmgCntr .dmgCntr::after {
    display: block;
    content: '';
    clear: both;
}

/* Yard: FrznCntr */
.yard-frznCntr .frznCntr {
	min-width: 1000px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.yard-frznCntr .frznCntr::after {
    display: block;
    content: '';
    clear: both;
}

/* Yard: PeriodGateIOList */
.yard-periodGateIOList .periodGateIOList {
    min-width: 1000px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.yard-periodGateIOList .periodGateIOList::after {
    display: block;
    content: '';
    clear: both;
}

.yard-periodGateIOList .periodGateIOList .table-wrap {
    padding-top: 5px;
}

.yard-periodGateIOList .periodGateIOList .table-wrap.first #tblSummary {
    width: 50% !important;
}

.yard-periodGateIOList .periodGateIOList .table-wrap > button {
    min-width: 80px;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    background-color: #163E62;
    color: #ffffff;
    border-radius: 5px;
    float: right;
    margin-bottom: 10px;
}

.yard-periodGateIOList .periodGateIOList table.fe-table2 tr th,
.yard-periodGateIOList .periodGateIOList table.fe-table2 tr td {
    height: 1rem;
    padding: 5px 15px;
    /*height: 27px;
    padding: 0;*/
}

.yard-periodGateIOList .periodGateIOList table.fe-table2 tr th {
    background-color: #275E97;
    color: #ffffff;
}

.yard-periodGateIOList .periodGateIOList table.fe-table2 tr:last-child td {
    background-color: #F1F2F6;
}

/* OnDock: BkOrderInput */
.onDock-bkOrderInput .bkOrderInput {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-bkOrderInput .bkOrderInput::after {
    display: block;
    content: '';
    clear: both;
}

.onDock-bkOrderInput .bkOrderInput p.notice {
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 10px;
}

.onDock-bkOrderInput .bkOrderInput .table-wrap {
	padding-top: 0;
}

.onDock-bkOrderInput .bkOrderInput .table-wrap table td a.delOrder {
	cursor: pointer;
}

.onDock-bkOrderInput .bkOrderInput .table-wrap table td select.w171 {
	width: 171px;
}

.onDock-bkOrderInput .bkOrderInput .table-wrap table td input.memo {
	width: 75%;
}

.onDock-bkOrderInput .bkOrderInput .table-wrap table td table th input {
	width: 100px;
    margin-right: 10px;
    padding-right: 5px;
    text-align: right;	
}

.onDock-bkOrderInput .bkOrderInput .table-wrap table td table th select {
	width: 100px;
    margin-right: 10px;
}

.onDock-bkOrderInput .bkOrderInput .btn-list {
    text-align: center;
    margin-top: 16px;
}

/* OnDock: BkOrderSrch */
.onDock-bkOrderSrch .bkOrderSrch {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-bkOrderSrch .bkOrderSrch::after {
    display: block;
    content: '';
    clear: both;
}

.onDock-bkOrderSrch .bkOrderSrch #subTable {
    margin-top: 30px;
}

.onDock-bkOrderSrch .bkOrderSrch #subTable .table-wrap > .btn-set {
    top: -12px;
}

.onDock-bkOrderSrch .bkOrderSrch .table-scroll {
    overflow: hidden;
    overflow-x: auto;
}

/* OnDock: HoldCntr */
.onDock-holdCntr .holdCntr {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-holdCntr .holdCntr::after {
    display: block;
    content: '';
    clear: both;
}

/* OnDock: EmpStc */
.onDock-empStc .empStc {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-empStc .empStc::after {
    display: block;
    content: '';
    clear: both;
}

/* OnDock: EmpStcSummary */
.onDock-empStcSummary .empStcSummary {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-empStcSummary .empStcSummary::after {
    display: block;
    content: '';
    clear: both;
}

/* OnDock: Freepool */
.onDock-freepool .freepool {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-freepool .freepool::after {
    display: block;
    content: '';
    clear: both;
}

/* OnDock: FreepoolSummary */
.onDock-freepoolSummary .freepoolSummary {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-freepoolSummary .freepoolSummary::after {
    display: block;
    content: '';
    clear: both;
}

/* OnDock: PtiApply */
.onDock-ptiApply .ptiApply {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-ptiApply .ptiApply::after {
    display: block;
    content: '';
    clear: both;
}

.onDock-ptiApply .ptiApply p.notice {
    text-align: right;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #666666;
}

/* OnDock: PtiSrch */
.onDock-ptiSrch .ptiSrch {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-ptiSrch .ptiSrch::after {
    display: block;
    content: '';
    clear: both;
}

/* OnDock: reShuffleCntrMng */
.onDock-reShuffleCntrMng .reShuffleCntrMng {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-reShuffleCntrMng .reShuffleCntrMng::after {
    display: block;
    content: '';
    clear: both;
}

/* OnDock: reShuffleStockSrch */
.onDock-reShuffleStockSrch .reShuffleStockSrch {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.onDock-reShuffleStockSrch .reShuffleStockSrch::after {
    display: block;
    content: '';
    clear: both;
}

/* OnDock: reShuffleHsService */
.onDock-reShuffleHsService .reShuffleHsService {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 4rem;
    padding-top: 1rem;
}

.onDock-reShuffleHsService .reShuffleHsService::after {
    display: block;
    content: '';
    clear: both;
}

.onDock-reShuffleHsService .reShuffleHsService .search-wrap .label.loc.radio {
    padding-top: 0;
}

.onDock-reShuffleHsService .reShuffleHsService .search-wrap .label.loc > label {
    font-size: 14px;
}

.onDock-reShuffleHsService .reShuffleHsService .search-wrap .search-area .notice-wrap {
    padding: 10px 20px;
}

.onDock-reShuffleHsService .reShuffleHsService .search-wrap .search-area .notice-wrap h4 {
    margin-bottom: 10px;
}

.onDock-reShuffleHsService .reShuffleHsService .search-wrap .search-area .notice-wrap ul {
    list-style: decimal;
    padding-left: 25px;
}

.onDock-reShuffleHsService .reShuffleHsService .search-wrap .search-area .notice-wrap ul li {
	font-size: 13px;
    line-height: 160%;
}

.onDock-reShuffleHsService .reShuffleHsService .search-wrap .search-area .notice-wrap ul li span {
	font-size: 12px;
}

.onDock-reShuffleHsService .reShuffleHsService .table-wrap {
    padding-top: 40px;
}

.onDock-reShuffleHsService .reShuffleHsService .sum-fee {
    float: right;
    display: flex;    
    width: 480px;
    height: 50px;
    border: 1px solid #d2d2d2;
    margin-top: 20px;
    margin-bottom: 50px;
    clear: both;
}

.onDock-reShuffleHsService .reShuffleHsService .sum-fee > div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
    font-weight: 500;
}

.onDock-reShuffleHsService .reShuffleHsService .sum-fee .left {
    width: 120px;
    background-color: #E0EDF3;
    border-right: 1px solid #d2d2d2;
}

.onDock-reShuffleHsService .reShuffleHsService .sum-fee .right {
    width: calc(100% - 120px);
}

.onDock-reShuffleHsService .reShuffleHsService .btn-wrap {
    text-align: center;
    clear: both;
}

.onDock-reShuffleHsService .reShuffleHsService .btn-wrap button {
    font-size: 14px;
    font-weight: 500;
    background-color: #163E62;
    color: #ffffff;
}

.onDock-reShuffleHsService .reShuffleHsService .btn-wrap button:hover {
    color: #0E66B0;
    background-color: #def1ff;
    border: 1px solid #0E66B0;
}

/* OnDock: emptyRtnTime */
.onDock-emptyRtnTime .emptyRtnTime {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    padding-top: 1rem;
}

.onDock-emptyRtnTime .emptyRtnTime::after {
    display: block;
    content: '';
    clear: both;
}

/* Edocu: GateIOSrch */
.edocu-gateIOSrch .gateIOSrch {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    padding-top: 1rem;
}

.edocu-gateIOSrch .gateIOSrch::after {
    display: block;
    content: '';
    clear: both;
}

.edocu-gateIOSrch .gateIOSrch .btn-wrap {
    text-align: right;
    margin-top: 20px;
    margin-bottom: -20px;
}

.edocu-gateIOSrch .gateIOSrch .btn-wrap button {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    background-color: #eeeeee;
    border: 1px solid #d2d2d2;
    cursor: pointer;
    z-index: 1;
}

/* Edocu: GateInInput */
.edocu-gateInInput .gateInInput {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: -0.05rem;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.edocu-gateInInput .gateInInput::after {
    display: block;
    content: '';
    clear: both;
}

.edocu-gateInInput .gateInInput p.notice {
	font-size: 14px;
    font-weight: 500;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 10px;
}

.edocu-gateInInput .gateInInput .table-wrap {
	padding-top: 0;
}

.edocu-gateInInput .gateInInput .btn-list {
    text-align: center;
    margin-top: 16px;
}

/* Edocu: GateOutInput */
.edocu-gateOutInput .gateOutInput {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: -0.05rem;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.edocu-gateOutInput .gateOutInput::after {
    display: block;
    content: '';
    clear: both;
}

.edocu-gateOutInput .gateOutInput p.notice {
	font-size: 14px;
    font-weight: 500;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 10px;
}

.edocu-gateOutInput .gateOutInput .table-wrap {
	padding-top: 0;
}

.edocu-gateOutInput .gateOutInput .btn-list {
    text-align: center;
    margin-top: 16px;
}


.containerNo:after, .veheicle:after, .carrierCode:after, .size-type:after, .full-empty:after, .containerWeight:after,  .classCode:after,
.vvd-year:after, .vesselCode:after, .voyage:after, .companyCode:after, .pod:after, .title-class:after, .bookingNo:after, .driverPhone:after, .dono:after {
	content: " (*)";
    color: red;
}

/* Edocu: CllSrch */
.edocu-cllSrch .cllSrch {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.edocu-cllSrch .cllSrch::after {
    display: block;
    content: '';
    clear: both;
}

/* Edocu: BaplieInput */
.edocu-baplieInput .baplieInput {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.edocu-baplieInput .baplieInput::after {
    display: block;
    content: '';
    clear: both;
}

/* Edocu: HotCargoStatus */
.edocu-hotCargoStatus .hotCargoStatus {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.edocu-hotCargoStatus .hotCargoStatus::after {
    display: block;
    content: '';
    clear: both;
}

/* Quarantine: QrntApply */
.quarantine-qrntApply .qrntApply {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.quarantine-qrntApply .qrntApply::after {
    display: block;
    content: '';
    clear: both;
}

.quarantine-qrntApply .qrntApply .tab-content {
    display: none;
}

.quarantine-qrntApply .qrntApply .tab-content.active {
    display: block;
}

.quarantine-qrntApply .qrntApply .tab-content p {
    font-size: 14px;
    font-weight: 500;
}

.quarantine-qrntApply .qrntApply .common-table tr td.msn-wrap input {
	width: 80px;
}

.quarantine-qrntApply .qrntApply .common-table tr td.msn-wrap input#inputMRN {
	width: 167px;
}

.quarantine-qrntApply .qrntApply .common-table tr td textarea {
	width: 100%;
	border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 3px 8px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
    color: #555555;
    resize: unset;
}

.quarantine-qrntApply .qrntApply .tab-content .btn-wrap {
    display: flex;
	text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;	
}

.quarantine-qrntApply .qrntApply .tab-content .btn-wrap .btn {
	font-size: 14px;
    font-weight: 500;
    background-color: #163E62;
    color: #ffffff;
    cursor: pointer;	
}

.quarantine-qrntApply .qrntApply .tab-content .btn-wrap .btn:hover {
    color: #0E66B0;
    background-color: #def1ff;
    border: 1px solid #0E66B0;
}

.quarantine-qrntApply .qrntApply .tab-content .btn-wrap .btn:disabled {
    cursor: default; /* 마우스 커서를 기본 화살표로 설정 */
    background-color: #ccc; /* 비활성화 시 배경색 회색으로 변경 */
    color: #888; /* 비활성화 시 글자 색상 변경 */
    border: 1px solid #aaa; /* 테두리 변경 */
    opacity: 0.6; /* 약간 흐릿하게 설정 */
}

.quarantine-qrntApply .qrntApply .tab-content .notice-area {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #d2d2d2;
    padding: 16px;
}

.quarantine-qrntApply .qrntApply .tab-content .notice-area .area > div p {
    line-height: 160%;
}

.quarantine-qrntApply .qrntApply .tab-content .notice-area .area > div p.tit {
    position: relative;
    font-size: 16px;
    padding-left: 10px;
}

.quarantine-qrntApply .qrntApply .tab-content .notice-area .area > div p.tit::before {
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #163E62;
    border-radius: 50%;
    margin-top: 10px;
}

.quarantine-qrntApply .qrntApply .tab-content .notice-area .area > div p.mb {
    margin-bottom: 10px;
}

.quarantine-qrntApply .qrntApply .tab-content .notice-area .area > div ul {
    padding-left: 33px;
}

.quarantine-qrntApply .qrntApply .tab-content .notice-area .area > div ul li {
    list-style-type: decimal;
    line-height: 160%;
    font-weight: 500;
}

.quarantine-qrntApply .qrntApply .tab-content .notice-area .area > div ul li span.underline {
	color: red;
    text-decoration: underline;
    text-underline-position: under;
}

.quarantine-qrntApply .qrntApply .tab-content .apply-notice {
    background-color: #666;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px;
    display: block;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: calc(100% - 58px);
    vertical-align: middle;
    /*height: 35px;*/
    line-height: 35px;
    margin-right: 3px;
}


.quarantine-qrntApply .qrntApply .tab-content .apply-notice > input[type="checkbox"]{
    margin-right: 15px;
    transform: scale(1.8);
}

/* Quarantine: QrntSrch */
.quarantine-qrntSrch .qrntSrch {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.quarantine-qrntSrch .qrntSrch::after {
    display: block;
    content: '';
    clear: both;
}

/* Imdg: ImdgApply */
.imdg-imdgApply .imdgApply {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    padding-top: 1rem;
}

.imdg-imdgApply .imdgApply::after {
    display: block;
    content: '';
    clear: both;
}

.imdg-imdgApply .imdgApply .tab-content {
    display: none;
}

.imdg-imdgApply .imdgApply .tab-content.active {
    display: block;
}

.imdg-imdgApply .imdgApply .tab-content p {
	font-size: 12px;
    font-weight: 500;
}

.imdg-imdgApply .imdgApply #tab02.tab-content .table-wrap {
	padding-top: 5px;	
}

.imdg-imdgApply .imdgApply #tab02.tab-content .table-wrap .file-select-wrap {
	display: flex;
	gap: 5px;
	padding-top: 5px;
}

.imdg-imdgApply .imdgApply #tab02.tab-content .table-wrap .file-select-wrap .input-file-list > input {
	display: block;
}

/*.imdg-imdgApply .imdgApply #tab02.tab-content .table-wrap .btn-select,
.imdg-imdgApply .imdgApply #tab02.tab-content .table-wrap .btn-fileAdd {
	font-size: 12px;
    font-weight: 500;
    background-color: #1099E1;
    color: #ffffff;
    width: 80px;
    height: 30px;
    border-radius: 5px;
    padding: 0 10px;
}*/

/*.imdg-imdgApply .imdgApply #tab02.tab-content .table-wrap .btn-Add {
    background-color: #17A2B8;
    margin-top: 3px;
}

.imdg-imdgApply .imdgApply #tab02.tab-content .table-wrap .btn-Del {
    background-color: #ADB5BD;
    margin-top: 3px;
}*/

.imdg-imdgApply .imdgApply #tab02.tab-content .table-wrap input[type="file"] {
	height: auto;
	border: 0;
}

.imdg-imdgApply .imdgApply #tab02.tab-content .table-wrap input[class="phone"] {
    width: 100px;
}

.imdg-imdgApply .imdgApply .tab-content .btn-wrap {
	text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;	
}

.imdg-imdgApply .imdgApply .tab-content .btn-wrap .btn {
	font-size: 13px;
    font-weight: 500;
    background-color: #224F79;
    color: #ffffff;
    cursor: pointer;	
}

.imdg-imdgApply .imdgApply .tab-content .btn-wrap .btn:hover {
    color: #0E66B0;
    background-color: #def1ff;
    border: 1px solid #0E66B0;
}

.imdg-imdgApply .imdgApply .tab-content .btn-wrap .btn:disabled {
    cursor: default; /* 마우스 커서를 기본 화살표로 설정 */
    background-color: #ccc; /* 비활성화 시 배경색 회색으로 변경 */
    color: #888; /* 비활성화 시 글자 색상 변경 */
    border: 1px solid #aaa; /* 테두리 변경 */
    opacity: 0.6; /* 약간 흐릿하게 설정 */
}

/* CodeChk: VesselCode */
.codeChk-vesselCode .vesselCode {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    padding-top: 1rem;
}

.codeChk-vesselCode .vesselCode::after {
    display: block;
    content: '';
    clear: both;
}

/* CodeChk: OprCode */
.codeChk-oprCode .oprCode {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.codeChk-oprCode .oprCode::after {
    display: block;
    content: '';
    clear: both;
}

/* CodeChk: PortCode */
.codeChk-portCode .portCode {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.codeChk-portCode .portCode::after {
    display: block;
    content: '';
    clear: both;
}

/* CodeChk: LaneCode */
.codeChk-laneCode .laneCode {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.codeChk-laneCode .laneCode::after {
    display: block;
    content: '';
    clear: both;
}

/* CodeChk: IsoTpSz */
.codeChk-isoTpSz .isoTpSz {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.codeChk-isoTpSz .isoTpSz::after {
    display: block;
    content: '';
    clear: both;
}

/* CodeChk: HotCargoCode */
.codeChk-hotCargoCode .hotCargoCode {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.codeChk-hotCargoCode .hotCargoCode::after {
    display: block;
    content: '';
    clear: both;
}

/* CodeChk: tariffRates */
.codeChk-tariffRates .tariffRates {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.codeChk-tariffRates .tariffRates::after {
    display: block;
    content: '';
    clear: both;
}

.codeChk-tariffRates .tariffRates .tariffRates-sel {
    margin: 15px 0;
}

.codeChk-tariffRates .tariffRates .tariffRates-sel .vat {
    float: right;
}

.codeChk-tariffRates .tariffRates .tariffRates-sel select {
    border: 1px solid #d2d2d2;
    font-size: 14px;
    font-weight: 500;
    padding: 8px;
}

.codeChk-tariffRates .tariffRates .table-wrap {
    padding-top: 10px;
    margin-bottom: 30px;
}

.codeChk-tariffRates .tariffRates .table-wrap p {
    font-size: 12px;
    margin: 5px 0;
    line-height: 130%;
}

.codeChk-tariffRates .tariffRates .table-wrap .common-table tr th,
.codeChk-tariffRates .tariffRates .table-wrap .common-table tr td {
    height: 30px;
    padding: 0 10px;
}

.codeChk-tariffRates .tariffRates .table-wrap .common-table tr td {
    text-align: right;
}

/* Membership: Login */
.membership-login .login {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    padding-top: 1rem;
}

.membership-login .login::after {
    display: block;
    content: '';
    clear: both;
}

.membership-login .login .login-wrap {
    position: relative;
    width: 100%;
    height: 542px;
    border-radius: 5px;
    background: url('../../images/membership/ic_login.png') center 12% no-repeat;
    background-color: #F1F5F8;
    padding-top: 170px;
}

.membership-login .login .login-wrap .login-intro {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 160%;
    color: #888888;
    margin-bottom: 50px;
}

.membership-login .login .login-wrap .login-form {
	display: flex;
	align-items: center;
	width: 100%;
}

.membership-login .login .login-wrap .login-form > div {
	width: 50%;
	font-size: 12px;
    font-weight: 500;
    text-align: center;
    padding: 20px 80px;
}

.membership-login .login .login-wrap .login-form .left{
	border-right: 1px solid #d2d2d2;
}

.membership-login .login .login-wrap .login-form .left > div.id {
	margin-bottom: 8px;
}

.membership-login .login .login-wrap .login-form .left > div.password {
	margin-bottom: 10px;
}

.membership-login .login .login-wrap .login-form .left > div label {
	width: 65px;
    text-align: left;
}

.membership-login .login .login-wrap .login-form .left > div input {
	width: 370px;
	height: 45px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding-left: 10px;
}

.membership-login .login .login-wrap .login-form .left .id-save {
    width: 100%;
    text-align: left;
    padding-left: 66px;
    margin-bottom: 28px;
}

.membership-login .login .login-wrap .login-form .left .id-save input[type="checkbox"] {
    display: none;
}

.membership-login .login .login-wrap .login-form .left .id-save input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    width: auto;
    padding-top: 3px;
    padding-left: 26px;
    font-size: 10px;
    cursor: pointer;
}

.membership-login .login .login-wrap .login-form .left .id-save input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    background-color: #ffffff;
}

.membership-login .login .login-wrap .login-form .left .id-save input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: url('../../images/membership/ic_check.png') center no-repeat;
    background-size: contain;
}

.membership-login .login .login-wrap .login-form .left .btn-login {
    width: 100%;
	height: 50px;
    background-color: #0F5EA9;
    color: #ffffff;
    border-radius: 5px;
}

.membership-login .login .login-wrap .login-form .right {
    
}

.membership-login .login .login-wrap .login-form .right > a {
    display: block;
    margin-bottom: 10px;
}

.membership-login .login .login-wrap .login-form .right > a:last-child {
    margin-bottom: 0;
}

.membership-login .login .login-wrap .login-form .right > a > button {
    width: 100%;
	height: 50px;
    color: #ffffff;
    border-radius: 5px;
}

.membership-login .login .login-wrap .login-form .right > a > button.btn-join {
    background-color: #224F79;
}

.membership-login .login .login-wrap .login-form .right > a > button.btn-idPwFind {
    background-color: #516371;
}

/* Membership: MemberJoin */
.membership-memberJoin .memberJoin {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    padding-top: 1rem;
}

.membership-memberJoin .memberJoin::after {
    display: block;
    content: '';
    clear: both;
}

.membership-memberJoin .memberJoin h2 {
    font-size: 18px;
    font-weight: 500;
    color: #224F79;
}

.membership-memberJoin .memberJoin .tab-menu {
    width: 100%;
    height: 76px;
    background-color: #E8ECEF;
    border-radius: 5px;
    margin-bottom: 40px;
    overflow: hidden;
}

.membership-memberJoin .memberJoin .tab-menu ul {
    list-style: none;
    display: flex;
    align-items: center;
    height: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.membership-memberJoin .memberJoin .tab-menu ul li {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 100%;
    color: #AAB1B7;
    padding-left: 60px;
    border-right: 1px solid #ffffff;
}

.membership-memberJoin .memberJoin .tab-menu ul li::before {
	content: '';
	position: absolute;
	right: -17px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #C6D0D9;
	z-index: 100;
}

.membership-memberJoin .memberJoin .tab-menu ul li::after {
	content: '';
	position: absolute;
	right: -8px;
	width: 11px;
	height: 17px;
	background: url('../../images/membership/ic_arrow_off.png') center no-repeat;
	z-index: 101;
}

.membership-memberJoin .memberJoin .tab-menu ul li:last-child {
	border-right: 0;
}

.membership-memberJoin .memberJoin .tab-menu ul li:last-child::before,
.membership-memberJoin .memberJoin .tab-menu ul li:last-child::after {
	display: none;
}

.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(1) {
    background: url('../../images/membership/ic_step1_off.png') 25% center no-repeat;    
}

.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(1):lang(en) {
    background: url('../../images/membership/ic_step1_off.png') 25% center no-repeat;
}

.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(2) {
    background: url('../../images/membership/ic_step2_off.png') 25% center no-repeat;
}

.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(3) {
    background: url('../../images/membership/ic_step3_off.png') 25% center no-repeat;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active:nth-of-type(1) {
    background: url('../../images/membership/ic_step1_on.png') 25% center no-repeat;
    background-color: #224F79;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active:nth-of-type(1):lang(en) {
    background: url('../../images/membership/ic_step1_on.png') 25% center no-repeat;
    background-color: #224F79;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active:nth-of-type(2) {
    background: url('../../images/membership/ic_step2_on.png') 25% center no-repeat;
    background-color: #224F79;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active:nth-of-type(3) {
    background: url('../../images/membership/ic_step3_on.png') 25% center no-repeat;
    background-color: #224F79;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active {
	color: #ffffff;
	border-color: #224F79;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active::before {
	background-color: #224F79;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active.compl::before {
	background-color: #ffffff;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active.compl::after {
	background: url('../../images/membership/ic_arrow_on.png') center no-repeat;
}

.membership-memberJoin .memberJoin .tab-menu ul li span {
	font-size: 12px;
	margin-right: 10px;
}

.membership-memberJoin .memberJoin .join-notice {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 45px;
    line-height: 160%;
}

.membership-memberJoin .memberJoin .join-notice.cmplt {
    text-align: center;
    padding: 40px 0;
    border-radius: 0;
}

.membership-memberJoin .memberJoin .join-wrap {
    position: relative;
    width: 100%;
    height: 440px;
    margin-bottom: 40px;
}

.membership-memberJoin .memberJoin .join-wrap2 {
    position: relative;
    width: 100%;
    height: 340px;
    margin-bottom: 15px;
}

.membership-memberJoin .memberJoin .join-wrap textarea,
.membership-memberJoin .memberJoin .join-wrap2 textarea {
    width: 100%;
    height: 100%;
    background-color: #FAFAFA;
    border: 0;
    padding: 15px 30px;
    font-size: 12px;
    font-weight: 500;
    color: #666666;
    line-height: 160%;
    resize: none;
}

.membership-memberJoin .memberJoin .agree-wrap {
    position: relative;
    margin-bottom: 60px;
}

.membership-memberJoin .memberJoin .agree-wrap input[type="checkbox"] { 
    display: none;
}

.membership-memberJoin .memberJoin .agree-wrap input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding-top: 6px;
    padding-left: 32px;
    cursor: pointer;
}

.membership-memberJoin .memberJoin .agree-wrap input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #d2d2d2;
}

.membership-memberJoin .memberJoin .agree-wrap input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    background: url('../../images/membership/ic_check.png') center no-repeat;
    background-size: contain;
}

.membership-memberJoin .memberJoin .btn-wrap {
    position: relative;
    width: 100%;
    text-align: center;
}

.membership-memberJoin .memberJoin .btn-wrap button {
    padding: 15px 25px;
    border-radius: 5px;
}

.membership-memberJoin .memberJoin .btn-wrap button + button {
    margin-left: 5px;
}

.membership-memberJoin .memberJoin .btn-wrap button.prev {
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
}

.membership-memberJoin .memberJoin .btn-wrap button.next {
    background-color: #224F79;
    color: #ffffff;
    border: 1px solid #224F79;
}

.membership-memberJoin .memberJoin .memberinfo-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 70px;
}

.membership-memberJoin .memberJoin .memberinfo-wrap .notice {
    position: absolute;
    top: -28px;
    right: 0;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
}

.membership-memberJoin .memberJoin .memberinfo-wrap .notice em {
    color: red;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table {
    width: 100%;
    border-top: 2px solid #666666;
    box-sizing: border-box;
    font-weight: 500;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td {
    padding: 20px;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: middle;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td.gray {
    background-color: #F5F9FC;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td em.essential {
    color: red;
    margin-right: 5px;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td input {
	height: 32px;
    border: 1px solid #d2d2d2;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td input.compRegNum01 {
	width: 78px;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td input.compRegNum02 {
	width: 124px;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td input.address {
	width: 520px;
	margin-top: 7px;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td input::placeholder {
	font-size: 13px;
    font-weight: 500;
    color: #666666;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td #uGroupId {
    height: 32px;
    width: 100px;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td select.email {
	height: 32px;
    border: 1px solid #d2d2d2;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #666666;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td button {
	height: 32px;
    font-size: 12px;
    font-weight: 500;
    background-color: #707070;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 22px;
}

.membership-memberJoin .memberJoin .memberinfo-wrap table tr td span {
	font-size: 12px;
    font-weight: 500;
    color: #888888;
    margin-left: 15px;
}


.membership-memberJoin .memberJoin .complete-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;    
    width: 100%;
    height: 150px;
    margin-bottom: 40px;
    background: url('../../images/membership/ic_complete.png') center 45% no-repeat;
}

.membership-memberJoin .memberJoin .complete-wrap p {
    font-size: 20px;
    font-weight: 600;
    color: #0362A6;
}

/* Membership: Mypage */
.membership-mypage .mypage {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.membership-mypage .mypage::after {
    display: block;
    content: '';
    clear: both;
}

.membership-mypage .mypage h2 {
    font-size: 19px;
    font-weight: 600;
    color: #0362A6;
    margin-top: 20px;
}

.membership-mypage .mypage .tab-menu {
    width: 100%;
    height: 116px;
    border-top: 2px solid #0362A6;
    margin-bottom: 40px;
}

.membership-mypage .mypage .tab-menu ul {
    list-style: none;
    display: flex;
    height: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.membership-mypage .mypage .tab-menu ul li {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 100%;
}

.membership-mypage .mypage .tab-menu ul li::after {
	content: '';
	position: absolute;
	right: 0;
	width: 15px;
	height: 25px;
	background: url('../../images/membership/ic_arrow.png') center no-repeat;
}

.membership-mypage .mypage .tab-menu ul li:last-child::after {
	display: none;
}

.membership-mypage .mypage .tab-menu ul li:nth-of-type(1) {
    background: url('../../images/membership/ic_step1_off.png') 34% center no-repeat;
    padding-left: 60px;
}

.membership-mypage .mypage .tab-menu ul li:nth-of-type(2) {
    background: url('../../images/membership/ic_step2_off.png') 30% center no-repeat;
    padding-left: 70px;
}

.membership-mypage .mypage .tab-menu ul li:nth-of-type(3) {
    background: url('../../images/membership/ic_step3_off.png') 32% center no-repeat;
    padding-left: 80px;
}

.membership-mypage .mypage .tab-menu ul li.active:nth-of-type(1) {
    background: url('../../images/membership/ic_step1_on.png') 34% center no-repeat;
    padding-left: 60px;
}

.membership-mypage .mypage .tab-menu ul li.active:nth-of-type(2) {
    background: url('../../images/membership/ic_step2_on.png') 30% center no-repeat;
    padding-left: 70px;
}

.membership-mypage .mypage .tab-menu ul li.active:nth-of-type(3) {
    background: url('../../images/membership/ic_step3_on.png') 32% center no-repeat;
    padding-left: 80px;
}

.membership-mypage .mypage .join-notice {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 76px;
    background-color: #F9F9F9;
    border-radius: 15px;
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 50px;
    line-height: 160%;
    text-align: center;
}

.membership-mypage .mypage .join-notice.cmplt {
    padding: 40px 0;
    border-radius: 0;
}

.membership-mypage .mypage .join-wrap {
    position: relative;
    width: 100%;
    height: 440px;
    margin-bottom: 40px;
}

.membership-mypage .mypage .join-wrap2 {
    position: relative;
    width: 100%;
    height: 340px;
    margin-bottom: 15px;
}

.membership-mypage .mypage .join-wrap textarea,
.membership-mypage .mypage .join-wrap2 textarea {
    width: 100%;
    height: 100%;
    background-color: #F9F9F9;
    border: 0;
    padding: 15px 30px;
    font-size: 12px;
    font-weight: 500;
    color: #666666;
    line-height: 160%;
    resize: none;
}

.membership-mypage .mypage .agree-wrap {
    position: relative;
    margin-bottom: 60px;
}

.membership-mypage .mypage .agree-wrap input[type="checkbox"] { 
    display: none;
}

.membership-mypage .mypage .agree-wrap input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding-top: 6px;
    padding-left: 40px;
    cursor: pointer;
}

.membership-mypage .mypage .agree-wrap input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #d2d2d2;
}

.membership-mypage .mypage .agree-wrap input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: url('../../images/membership/ic_check.png') center no-repeat;
    background-size: contain;
}

.membership-mypage .mypage .btn-wrap {
    position: relative;
    width: 100%;
    text-align: center;
}

.membership-mypage .mypage .btn-wrap button {
    padding: 15px 25px;
    border-radius: 5px;
}

.membership-mypage .mypage .btn-wrap button + button {
    margin-left: 5px;
}

.membership-mypage .mypage .btn-wrap button.prev {
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
}

.membership-mypage .mypage .btn-wrap button.next {
    background-color: #0362A6;
    color: #ffffff;
    border: 1px solid #0362A6;
}

.membership-mypage .mypage .memberinfo-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 70px;
}

.membership-mypage .mypage .memberinfo-wrap .notice {
    position: absolute;
    top: -28px;
    right: 0;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
}

.membership-mypage .mypage .memberinfo-wrap .notice em {
    color: red;
}

.membership-mypage .mypage .memberinfo-wrap table {
    width: 100%;
    border-top: 2px solid #666666;
    box-sizing: border-box;
}

.membership-mypage .mypage .memberinfo-wrap table tr td {
    padding: 20px;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
}

.membership-mypage .mypage .memberinfo-wrap table tr td.gray {
    background-color: #F9F9F9;
}

.membership-mypage .mypage .memberinfo-wrap table tr td em.essential {
    color: red;
    margin-right: 5px;
}

.membership-mypage .mypage .memberinfo-wrap table tr td input {
	height: 32px;
    border: 1px solid #d2d2d2;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
}

.membership-mypage .mypage .memberinfo-wrap table tr td input.compRegNum01 {
	width: 78px;
}

.membership-mypage .mypage .memberinfo-wrap table tr td input.compRegNum02 {
	width: 124px;
}

.membership-mypage .mypage .memberinfo-wrap table tr td input.address {
	width: 520px;
	margin-top: 7px;
}

.membership-mypage .mypage .memberinfo-wrap table tr td input::placeholder {
	font-size: 13px;
    font-weight: 500;
    color: #666666;
}

.membership-mypage .mypage .memberinfo-wrap table tr td select.email {
	height: 32px;
    border: 1px solid #d2d2d2;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #666666;
}

.membership-mypage .mypage .memberinfo-wrap table tr td button {
	height: 32px;
    font-size: 12px;
    font-weight: 500;
    background-color: #707070;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 22px;
}

.membership-mypage .mypage .memberinfo-wrap table tr td span {
	font-size: 12px;
    font-weight: 500;
    color: #888888;
    margin-left: 15px;
}


.membership-mypage .mypage .complete-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;    
    width: 100%;
    height: 150px;
    margin-bottom: 40px;
    background: url('../../images/membership/ic_complete.png') center 45% no-repeat;
}

.membership-mypage .mypage .complete-wrap p {
    font-size: 20px;
    font-weight: 600;
    color: #0362A6;
}

.btn-area {
    width: 203px;
    height: 46px;
    margin: 0 auto;
    display: flex;
    text-align: center;
}

.btn-area .btn {
    width: 100px;
    height: 46px;
    /* padding: 1rem 0; */
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
}

.btn-area .confirm {
    background-color: #163E62;
    margin-right: 3px;
}

.btn-area .cancel {
    background-color: #7B8793;
}

.btn-area .login {
    width: 120px;
    background-color: #004f95;
    margin-right: 3px;
}

.btn-area .gohome {
    width: 120px;
    background-color: #879abb;
}

/* Membership: IdPwFind */
.membership-idPwFind .idPwFind {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #666666;
    padding-top: 1rem;
}

.membership-idPwFind .idPwFind::after {
    display: block;
    content: '';
    clear: both;
}

.membership-idPwFind .idPwFind h2 {
    font-size: 0.875rem;
    color: #0d4273;
    clear: both;
}

.membership-idPwFind .idPwFind .box-wrap {
    position: relative;
    display: flex;
    width: 100%;
    height: 470px;
    border-radius: 5px;
    background-color: #F1F5F8;
    padding: 30px 0;
    margin-bottom: 20px;
}

.membership-idPwFind .idPwFind .box-wrap > div {
    width: 50%;
    padding: 25px 80px;
}

.membership-idPwFind .idPwFind .box-wrap > div.left {
    border-right: 1px solid #d2d2d2;
}

.membership-idPwFind .idPwFind .box-wrap h3 {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    height: 100px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 35px;
}

.membership-idPwFind .idPwFind .box-wrap h3::before {
    display: none;
}

.membership-idPwFind .idPwFind .box-wrap h3::after {
	content: '';
	position: absolute;
	top: 0;	
}

.membership-idPwFind .idPwFind .box-wrap > div.left h3::after {
    width: 62px;
	height: 50px;
    background: url('../../images/membership/ic_id.png') center no-repeat;
}

.membership-idPwFind .idPwFind .box-wrap > div.right h3::after {
    width: 45px;
	height: 58px;
    background: url('../../images/membership/ic_pw.png') center no-repeat;
}

.membership-idPwFind .idPwFind .box-wrap > div.left .id {
    margin-bottom: 8px;
}

.membership-idPwFind .idPwFind .box-wrap > div.right .id {
    margin-bottom: 8px;
}

.membership-idPwFind .idPwFind .box-wrap > div.right .name {
    margin-bottom: 8px;
}

.membership-idPwFind .idPwFind .box-wrap label {
    width: 80px;
    font-size: 12px;
    font-weight: 500;
}

.membership-idPwFind .idPwFind .box-wrap input {
    width: calc(100% - 85px);
    height: 40px;
    border: 1px solid #d2d2d2;
    padding-left: 8px;
    font-size: 12px;
    border-radius: 5px;
}

.membership-idPwFind .idPwFind .box-wrap button {
    width: 100%;
    height: 50px;
    background-color: #224F79;
    color: #ffffff;    
    border-radius: 5px;
    font-size: 13px;
}

.membership-idPwFind .idPwFind .box-wrap #id-find {
     margin-top: 75px;
}

.membership-idPwFind .idPwFind .box-wrap #pw-find {
    margin-top: 26px;
}

.membership-idPwFind .idPwFind .btn-wrap {
    position: relative;
    width: 100%;
    text-align: center;
}

.membership-idPwFind .idPwFind .btn-wrap button {
    padding: 15px 25px;
    border-radius: 5px;
}

.membership-idPwFind .idPwFind .btn-wrap button + button {
    margin-left: 5px;
}

.membership-idPwFind .idPwFind .btn-wrap button.prev {
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
}

.membership-idPwFind .idPwFind .btn-wrap button.next {
    background-color: #0362A6;
    color: #ffffff;
    border: 1px solid #0362A6;
}

/* Membership: Sleep */
.membership-sleep .sleep {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #666666;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.membership-sleep .sleep::after {
    display: block;
    content: '';
    clear: both;
}

.membership-sleep .sleep h2 {
    font-size: 0.875rem;
    color: #0d4273;
    clear: both;
}

.membership-sleep .sleep .box-wrap {
    position: relative;
    width: 100%;
    height: 545px;
    border: 1px solid #E3E7F2;
    background-color: #F7F7F7;
    padding: 45px 60px;
    margin-bottom: 40px;
}

.membership-sleep .sleep .box-wrap > div {
    width: 48%;
    margin: 0 auto;
}

.membership-sleep .sleep .box-wrap .box {
    position: relative;
    width: 100%;
    height: 450px;
    background-color: #ffffff;
    padding: 32px 28px;
    box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
}

.membership-sleep .sleep .box-wrap .box h3 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    height: 100px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05rem;
    color: #333333;
    margin-bottom: 45px;
}

.membership-sleep .sleep .box-wrap .box h3::before {
    display: none;
}

.membership-sleep .sleep .box-wrap .box h3::after {
    content: '';
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.membership-sleep .sleep .box-wrap > div .box h3::after {
    background: url('../../images/membership/ic_pw.png') center no-repeat;
    background-color: #028BEB;
}

.membership-sleep .sleep .box-wrap .box > div {
    margin-bottom: 1rem;
}

.membership-sleep .sleep .box-wrap .box .label {
    display: inline-block;
    width: 105px;
    font-size: 14px;
    font-weight: 500;
    color: #222222;
    letter-spacing: -0.03rem;
}

.membership-sleep .sleep .box-wrap .box input {
    width: calc(94% - 85px);
    height: 40px;
    border: 1px solid #d2d2d2;
    padding-left: 8px;
    font-size: 12px;
    border-radius: 5px;
}

.membership-sleep .sleep .box-wrap .box #pw-find {
    width: 100%;
    height: 48px;
    color: #ffffff;
    background-color: #034B85;
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
    border-radius: 10px;
}

.membership-sleep .sleep .btn-wrap {
    position: relative;
    width: 100%;
    text-align: center;
}

.membership-sleep .sleep .btn-wrap button {
    padding: 15px 25px;
    border-radius: 5px;
}

.membership-sleep .sleep .btn-wrap button + button {
    margin-left: 5px;
}

.membership-sleep .sleep .btn-wrap button.prev {
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
}

.membership-sleep .sleep .btn-wrap button.next {
    background-color: #0362A6;
    color: #ffffff;
    border: 1px solid #0362A6;
}

/* Modal - find-modal */
.find-modal {
    position: fixed;
    top: 30%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    font-size: 0.875rem;
}

.find-modal .content-wrap {
    width: 442px;
    min-height: 312px;
    background-color: #ffffff;
    padding: 1.5rem;
    margin: 0 auto;
    color: #555555;
    border-radius: 10px;
}

.find-modal .content-wrap .title {
    font-size: 1rem;
    font-weight: bold;
    float: left;
}

.find-modal .content-wrap .btn-close {
    float: right;
    width: 21px;
    height: 21px;
    background: url('../../images/membership/ic_popup_close.png') no-repeat;
    cursor: pointer;
}

.find-modal .content-wrap .content {
    width: 100%;
    height: 100%;
    background: url('../../images/membership/ic_id.png') center 15% no-repeat;
    font-size: 0.875rem;
    font-weight: bold;
    text-align: center;
    clear: both;
}

.find-modal .content-wrap .content.pw {
    background: url('../../images/membership/ic_pw.png') center 10% no-repeat;
}

.find-modal .content-wrap .content .result {
    padding-top: 95px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
}

.find-modal .content-wrap .content .result2 {
    padding-top: 8rem;
    margin-bottom: 4rem;
    line-height: 160%;
    letter-spacing: -0.1rem;
}

.find-modal .content-wrap .content .res-id {
    font-size: 22px;
    color: #004f94;
    margin-bottom: 30px;
}

.find-modal.content-wrap .content .btn-wrap {
    width: 245px;
    margin: 0 auto;
}

.find-modal .content-wrap .content .btn-wrap .btn {
    width: 100px;
    height: 40px;
    background-color: #0F5EA9;
    color: #ffffff;
    padding-top: 10px;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.find-modal .content-wrap .content .btn-wrap .btn.confirm {
    background-color: #516371;
}

.find-modal .modal_layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

/* Membership: Mypage */
.membership-mypage .mypage {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #666666;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.membership-mypage .mypage::after {
    display: block;
    content: '';
    clear: both;
}

/* Privacy */
.board-privacy .privacy {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #666666;
    padding-top: 1rem;
}

.board-privacy .privacy::after {
    display: block;
    content: '';
    clear: both;
}

.board-privacy .privacy .privacy-wrap {
	position: relative;
	width: 100%;
	height: 670px;
}

.board-privacy .privacy .privacy-wrap textarea {
	width: 100%;
	height: 100%;
	resize: none;
	border: 0;
	font-size: 12px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: -0.5px;
	background-color: #F9F9F9;
	color: #666666;
	padding: 20px;
}

/* Email */
.board-email .email {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #666666;
    padding-top: 1rem;
}

.board-email .email::after {
    display: block;
    content: '';
    clear: both;
}

.board-email .email .email-wrap {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 100px;
}

.board-email .email .email-wrap .ic-email {
	width: 100px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.board-email .email .email-wrap .ic-email > img {
	width: 100%;
}

.board-email .email .email-wrap .txt {
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
}

.board-email .email .email-wrap .txt span {
	color: #0083cb;
}

/* VisitCarSave */
.board-visitCarSave .visitCarSave {
    min-width: 1400px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #666666;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.board-visitCarSave .visitCarSave::after {
    display: block;
    content: '';
    clear: both;
}

.board-visitCarSave .visitCarSave .table-wrap {

}

.board-visitCarSave .visitCarSave .table-wrap table td select.selDate {
	width: 65px;
}

.board-visitCarSave .visitCarSave .table-wrap table td select.selDate.year {
	width: 85px;
}

.board-visitCarSave .visitCarSave .table-wrap table td input.memo {
	width: 100%;
}

.board-visitCarSave .visitCarSave .table-wrap .save-agree {
	position: relative;
	margin-top: 10px;
    padding-top: 2px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: 500;
	color: #888888;
}

.board-visitCarSave .visitCarSave .table-wrap .save-agree input[type="checkbox"] {
	display: none;
}

.board-visitCarSave .visitCarSave .table-wrap .save-agree input[type="checkbox"] + label {
	cursor: pointer; 
}

.board-visitCarSave .visitCarSave .table-wrap .save-agree input[type="checkbox"] + label::before {
	content:'';
    position: absolute;
    left: 0;
    top:0;
    width: 14px;
    height: 14px;
    border: 1px solid #888888;
}

.board-visitCarSave .visitCarSave .table-wrap .save-agree input[type="checkbox"]:checked + label::before {
	content:'✔';
    font-size: 16px;
}

.board-visitCarSave .visitCarSave .btn-list {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 20px
}

.board-visitCarSave .visitCarSave .btn-set {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 25px;
    border-radius: 5px;
    background-color: #0362A6;
    color: #ffffff;
}

.board-visitCarSave .visitCarSave .btn-set.reset {
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    color: #888888;
}

.board-visitCarSave .visitCarSave .btn-set.search {
    background-color: #000B49;
}

.board-visitCarSave .visitCarSave .notice-area {
    width: 100%;
    min-height: 100px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #d2d2d2;
    padding: 16px;
    clear: both;
}

/* ** Board: Common ** */
.board-news .news,
.board-data .data {
    margin-bottom: 5rem;
}

.board-search {
    margin-bottom: 2.75rem;
}

.board-search select {
    display: inline-block;
    height: 2.5rem;
    border: 1px solid #a0a0a0;
    padding: 0.75rem 2rem 0.75rem 1rem;
    font-size: 0.75rem;
    color: #a0a0a0;
    background-color: #ffffff;
    vertical-align: middle;
}

.board-search select::-ms-expand {
    border: none;
    color: #a0a0a0;
    background-color: transparent;
}

@media all and (-ms-high-contrast: none) {
    .board-search select {
        width: 100%;
        max-width: 8.25rem;
        padding: 0 0.5% 0 1%;
    }
}

.board-search .input-with-button {
    display: inline-block;
    width: 15rem;
    height: 2.5rem;
    border: 1px solid #a0a0a0;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

.board-search .input-with-button input[type='text'] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0.75rem 2.75rem 0.75rem 1rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    font-size: 0.75rem;
    color: #a0a0a0;
    background-color: #ffffff;
}

.board-search .input-with-button button {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: auto;
    border: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0.5625rem;
    bottom: 0;
    left: auto;
    z-index: 11;
    font-size: 0;
    background-color: #ffffff;
    background-image: url('../../images/news/ic_search.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.125rem 1.125rem;
    opacity: 0.7;
    cursor: pointer;
}

.board-search .input-with-button button:hover,
.board-search .input-with-button button:focus,
.board-search .input-with-button button:active {
    opacity: 1;
}

.pagination {
    display: block;
    clear: both;
    font-size: 0;
}

.pagination .page-item {
    display: inline-table;
    width: 2rem;
    height: 2rem;
    /* margin: 0 0.25rem 1rem; */
    vertical-align: middle;
}

.pagination .page-item .page-link {
    display: table-cell;
    width: 100%;
    height: 100%;
    line-height: 100%;
    font-size: 0.875rem;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: #222222;
    background-color: #ffffff;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    -ms-transition: color 0.2s, background-color 0.2s;
    -o-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:active,
.pagination .page-item.active .page-link {
    color: #1E64BA;
    text-decoration: underline;
}

.pagination .page-item.disabled .page-link {
    font-weight: normal;
    color: #4e555b;
    text-decoration: none;
    cursor: default;
}

/* ** Board: List ** */
.board-list table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 4.75rem;
}

.board-list table thead tr th {
    height: 3.25rem;
    border-bottom: 1px solid #d2d2d2;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #478eaa;
}

.board-list table thead tr:first-of-type th {
    border-top: 0.25rem solid #33a1d2;
}

.board-list table tbody tr {
    cursor: pointer;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.board-list table tbody tr:hover,
.board-list table tbody tr:focus,
.board-list table tbody tr:active {
    background-color: #e2e3e5;
}

.board-list table tbody tr th,
.board-list table tbody tr td {
    height: 3.25rem;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: middle;
    color: #545454;
}

.board-list table tbody tr:last-of-type th,
.board-list table tbody tr:last-of-type td {
    border-bottom-width: 0.25rem;
}

.board-list table tbody tr td a {
    text-decoration: none;
    color: #222222;
}

.board-list table tbody tr:hover td a,
.board-list table tbody tr:focus td a,
.board-list table tbody tr:active td a {
    color: #33a1d2;
}

.board-list table th:first-child,
.board-list table td:first-child {
    width: 6.25rem;
    text-align: center;
}

.board-list table th:nth-child(2),
.board-list table td:nth-child(2) {
    width: calc(100% - 25.75rem);
    text-align: left;
}

.board-list table th:nth-child(3),
.board-list table td:nth-child(3) {
    width: 9.75rem;
    text-align: center;
}

.board-list table th:nth-child(4),
.board-list table td:nth-child(4) {
    width: 9.75rem;
    text-align: center;
}

/* ** Board: Detail ** */
.board-detail {
    width: 100%;
    font-size: 0.875rem;
    color: #555555;
}

.board-detail .board-detail-row {
    border-bottom: 1px solid #d2d2d2;
    font-size: 0;
}

.board-detail .board-detail-row:nth-of-type(1) {
	margin-top: 15px;
    border-top: 2px solid #053661;
}

.board-detail .board-detail-row > * {
    display: inline-block;
    padding: 1.125rem 2%;
    font-size: 0.875rem;
    vertical-align: top;
}

.board-detail .board-detail-row .board-detail-label {
    width: 7.25rem;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.board-detail .board-detail-row .board-detail-text {
    width: 14rem;
    font-size: 0.875rem;
}

.board-detail .board-detail-row .board-detail-text.full-size {
    width: 100%;
}

.board-detail .board-detail-row .board-detail-label + .board-detail-text.full-size {
    width: calc(100% - 7.25rem);
}

.board-detail .board-detail-row .board-detail-text table {
    border: 1px solid #222;
    border-collapse: separate;
    border-spacing: 2px;
}


.board-detail .board-detail-row .board-detail-text table td {
    border: 1px solid #222;
    border-collapse: separate;
    vertical-align: middle;
}

.board-detail .board-detail-row .board-detail-text > span {
    display: inline-block;
}

.board-detail .board-detail-row .board-detail-text > a {
    display: block;
    text-decoration: none;
    color: #888888;
}

.board-detail .recruit-detail-contents-wrap {
    min-height: 30rem;
    padding: 1rem 0;
}

.board-detail .recruit-detail-contents-wrap img {
    max-width: 100%;
	height: auto;
}

.board-detail .recruit-detail-contents-wrap p {
    margin-bottom: 1rem;
    line-height: 200%;
}

.board-detail .recruit-detail-contents-wrap ol {
    margin-left: 2rem;
    line-height: 200%;
    list-style: decimal;
}

.board-detail .recruit-detail-contents-wrap ul {
    margin-left: 2rem;
    line-height: 200%;
    list-style: disc;
}

.board-detail .recruit-detail-contents-wrap ul li {
    line-height: 200%;
}

.board-detail .recruit-detail-contents-wrap strong {
    font-weight: bold;
}

.board-detail .detail-navigation {
	position: relative;
	padding: 50px 0;
}

.board-detail .detail-navigation {
	position: relative;
	padding: 20px 0;
	text-align: right;
}

.board-detail .detail-navigation a button[type=button] {
	font-size: 14px;
	font-weight: 500;
	padding: 12px 28px;
	background-color: #024c84;
	color: #ffffff;
}

/* Board: Notice */
.board-com {
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
}

.board-com::after {
    display: block;
    content: '';
    clear: both;
}

.board-com .board-top {
    width: 100%;
    display: flex;
}

.board-com .board-top .total {
    width: 15%;
    padding: 19px 0;
    font-size: 13px;
    font-weight: 500;
    background: url('../../images/esvc/board/ic_notice.png') left center no-repeat;
    padding-left: 50px;
}

.board-com .search-area {
    width: 85%;
    text-align: right;
}

.board-com .search-area select::-ms-expand {
    display: none;
}

.board-com .search-area .sel-search {
    width: 8.75rem;
    height: 2.75rem;
    border: 1px solid #d2d2d2;
    border-right: 0;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: url('../../images/esvc/board/ic_s_arrow.png') 95% center no-repeat;
    background-color: #ffffff;
    padding-left: 0.5rem;
    font-size: 13px;
    font-weight: 500;
}

.board-com .search-area .search-box {
    width: 16rem;
    height: 2.75rem;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    color: #555555;
    text-align: left;
    padding-left: 0.8rem;
    font-weight: bold;
    display: flex;
    float: right;
    margin-bottom: 0.5rem;
    margint-left: 0.5rem;
}

.board-com .search-area .search-box .input-search {
    width: 13rem;
    border: none;
    font-size: 13px;
    font-weight: 500;
}

.board-com .search-area .search-box .input-search:focus {
    outline: none; /* input 클릭시 테두리 없애기 */
}

.board-com .search-area .search-box .btn-search {
    width: 3rem;
    border: none;
    background: url('../../images/esvc/board/ic_search.png') center no-repeat;
    background-color: #005FAF;
    cursor: pointer;
}

.board-com .search-area .search-box .btn-search:focus {
    outline: none;
}

.board-com .table-wrap {
    clear: both;
    margin: 0 0 3rem 0;
    padding: 0;
}

.board-com .table-wrap .board-table {
    width: 100%;
    text-align: center;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
}

.board-com .table-wrap #noticeBoardTable tbody tr td:nth-child(2) {
    padding: 0 0.8rem;
}

.board-com .table-wrap .board-table .category {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 24px;
	background-color: #7d7d7d;
	color: #ffffff;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 500;
    margin: 0 auto;
}

.board-com .table-wrap .board-table .category.ipchal {
	background-color: #13b5b1;
}

.board-com .table-wrap .board-table .category.gonggo {
	background-color: #3556c0;
}

.board-com .table-wrap .board-table .category.popup {
	background-color: #4093C7;
}

.board-com .table-wrap .board-table a {
    display: block;
    text-decoration: none;
    color: #555555;
}

.board-com .table-wrap .board-table tr th {
    font-size: 14px;
    font-weight: 500;
    padding: 16px;
    background-color: #ECF6FF;
    border-bottom: 1px solid #707070;
    border-top: 2px solid #1471B4;
    vertical-align: middle;
}

.board-com .table-wrap .board-table tr td {
    font-size: 13px;
    font-weight: 500;
    padding: 0.8rem;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
}

.board-com .table-wrap .board-table tr td.title {
    text-align: left;
}

.board-com .table-wrap .board-table tr td.title img {
    vertical-align: sub;
}

.board-com .voice-note {
    width: 100%;
    height: auto;
    background-color: #f0f4fa;
    margin-bottom: 2rem;
    padding: 1.5rem 2rem;
}

.board-com .voice-note h3 {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.board-com h2 {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.board-com .voice-note p {
    line-height: 160%;
    letter-spacing: -0.08rem;
}

.board-com .privacy {
    width: 100%;
    height: 10.625rem;
    background-color: #f7f8f8;
    border: 1px solid #d2d2d2;
    margin-bottom: 0.5rem;
    padding: 1.5rem 2rem;
}

.board-com .privacy .txt-area {
    width: 100%;
    height: 7.625rem;
    overflow-y: scroll;
}

.board-com .privacy .txt-area p {
    line-height: 150%;
    letter-spacing: -0.05rem;
    word-break: keep-all;
}


.board-com .privacy .txt-area .mb {
    margin-bottom: 1rem;
}


.board-com .txt-agree {
    margin-bottom: 4rem;
}

.board-com .table-wrap .board-table2 {
    width: 100%;
    text-align: left;
    white-space: nowrap;
}

.board-com .table-wrap .board-table2 tr td {
    height: auto;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: middle;
}

.board-com .table-wrap .board-table2 tr:nth-child(1) td {
    border-top: 2px solid #004f95;
}

.board-com .table-wrap .board-table2 tr td:nth-child(1) {
    padding-left: 2rem;
}

.board-com .table-wrap .board-table2 tr td select {
    width: 9.25rem;
    height: 1.875rem;
    padding-left: 3px;
    border: 1px solid #d2d2d2;
    background: url('../../images/ic_sel_arrow.jpg') 95% center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.board-com .table-wrap .board-table2 tr td input[type=text] {
    width: 12.3125rem;
    height: 1.875rem;
    padding-left: 8px;
    border: 1px solid #d2d2d2;
}

.board-com .table-wrap .board-table2 tr td button {
    width: 4.5rem;
    height: 1.875rem;
    background-color: #ffffff;
    border: 1px solid #004f95;
    cursor: pointer;
}

.board-com .table-wrap .board-table2 tr td select.phone,
.board-com .table-wrap .board-table2 tr td input[type=text].phone {
    width: 4.0625rem;
    height: 1.875rem;
    padding-left: 3px;
}

.board-com .table-wrap .board-table2 tr td input[type=text].name {
    width: 17.5rem;
    height: 1.875rem;
}

.board-com .table-wrap .board-table2 tr td input[type=text].subject {
    width: 32.125rem;
    height: 1.875rem;
}

.board-com .table-wrap .board-table2 tr td.reply {
    height: 2.875rem;
}

.board-com .table-wrap .board-table2 tr td .email {
    width: 8.5rem;
    height: 1.875rem;
}

.board-com .table-wrap .board-table2 tr td .request {
    width: 100%;
    height: 11.5rem;
    padding: 3px;
    border: 1px solid #d2d2d2;
}

.board-com .btn-write {
    clear: both;
    width: 6.625rem;
    height: 2.625rem;
    background-color: #004f95;
    float: right;
    padding: 0.8rem 0;
    margin-top: -2rem;
}

.board-com .btn-write a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
}

.s-menu {
    display: none;
}

.s-menu.active {
    display: block;
}

.pagination {
    margin-top: 10px;
}

.dataTables > tbody > tr > td {
    border-top: none !important;
}

.dataTables_empty {
    border: none !important;
}

.dataTables_wrapper, .dataTables_scrollBody table.dataTable {
    width: 100% !important;
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
	border-top: 0;	
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead > div.dataTables_scrollHeadInner {
	/* width: auto !important; */
}

#rehandlePopup .dataTables_wrapper.no-footer div.dataTables_scrollHead > div.dataTables_scrollHeadInner {
	width: auto !important;
}

.common-table.dataTable {
    border-collapse: collapse;
    box-sizing: border-box;
    /* overflow: hidden; */
}

.dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #888888 !important;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    background: none;
    color: #0E66B0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: none;
    background: none;
    color: #0E66B0 !important;
}

.dataTables_wrapper .dataTables_info {
    position: absolute;
    top: -32px;
    left: 80px;
    font-size: 12px;
    font-weight: 500;
}

#commonPopup .dataTables_wrapper .dataTables_info {
    left: unset;
}

.hide {
    display: none !important;
}

.calendar {
    background: url('../../images/esvc/ic_date.png') 95% center no-repeat;
    background-color: #ffffff;
    padding-left: 8px;
}

.datepicker {
    width: 173px;
}

.datepicker table tr td, .datepicker table tr th {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    font-size: 10px;
}

.datepicker .prev, .datepicker .next {
    font-size: 14px;
}

.file-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.file-row-header {
    margin-bottom: 6px;
}

.file-list .file-row {
    margin-top: 6px;
}

.file-btns button {
    width: 32px;
    height: 32px;
}

.w5  {
    width: 5px !important;
}