@charset "UTF-8";

/* ** Sub header ** */
aside {
	min-width: 1200px;
    margin-bottom: 3rem;
}

aside .visual {
    height: 16.625rem;
    padding: 5.5rem 0;
    color: #ffffff;
    /*background-color: #55aacb;*/
    /*background-color: rgb(128, 183, 212);*/
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

aside.intro .visual {
    background-image: url('../../images/background/s_visual_img1.jpg');
}

aside.terminal .visual {
    background-image: url('../../images/background/s_visual_img3.jpg');
}

aside.promote .visual {
    background-image: url('../../images/background/s_visual_img2.jpg');
}

aside.board .visual {
    background-image: url('../../images/background/s_visual_img4.jpg');
}

aside .visual .container {
    padding: 0 2%;
}

aside .visual .category-title {
    margin-bottom: 1rem;
    line-height: 100%;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
}

aside .visual .category-context {
    font-size: 1rem;
    text-align: center;
    letter-spacing: -0.1rem;
}

aside .snb {
	height: 3.125rem;
    background: #163E62;
    margin: 0 auto;
    position: relative;
}

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

aside .snb > ul {
    width: 100%;
    height: 100%;
    font-size: 0;
}

/*aside .snb > ul > li#vessel {*/
/*    display: block;*/
/*}*/

/*aside .snb > ul > li#yard {*/
/*    display: none;*/
/*}*/

/*aside .snb > ul > li#edocu {*/
/*    display: none;*/
/*}*/

/*aside .snb > ul > li#quarantine {*/
/*    display: none;*/
/*}*/

/*aside .snb > ul > li#container {*/
/*    display: none;*/
/*}*/

/*aside .snb > ul > li#codeChk {*/
/*    display: none;*/
/*}*/

aside .snb > ul > li > ul {
    height: 3.125rem;
}

aside .snb > ul > li > ul > li {
    display: inline-table;
    /* width: 8.125rem; */
    width: 7.5rem;
    height: 100%;
    table-layout: fixed;
    position: relative;
    vertical-align: middle;
}

aside .snb > ul > .vessel > ul > li {
	display: inline-table;
	/* width: 8.125rem; */
	width: 6.8rem;
	height: 100%;
	table-layout: fixed;
	position: relative;
	vertical-align: middle;
}

aside .snb > ul > li > ul > li.active a {
    background-color: #1E5B91;
    color: #ffffff;
    line-height: 130%;
}

aside .snb > ul > li > ul > li > a {
    display: table-cell;
    width: 100%;
    height: 100%;
    border-right: 1px solid #1E5B91;
    position: relative;
    font-size: 0.8125rem;
    font-weight: bold;
    letter-spacing: -0.05rem;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    line-height: 130%;
}

aside .snb > ul > li > ul > li > a span {
    font-size: 0.75rem;
}

aside .snb > ul > li > ul > li > a:hover,
aside .snb > ul > li > ul > li > a:focus,
aside .snb > ul > li > ul > li > a:active {
    background-color: #004f95;
    color: #ffffff;
}

aside .snb > ul > li > ul > li:first-of-type > a {
    border-left: 1px solid #1E5B91;
}

/* ** Page title area ** */
#breadcrumbs {
    position: relative;
    top: 1rem;
}

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

#breadcrumbs ul li {
    display: inline-block;
    font-size: 0.75rem;
}

#breadcrumbs ul li:not(:first-of-type):before {
    content: url('../../images/ic_chevron_right.png');
    display: inline-block;
    width: 1rem;
    font-size: 0.75rem;
    color: #888888;
    text-align: center;
}

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

#breadcrumbs ul li.breadcrumbs-home a img {
    width: auto;
    height: 0.75rem;
}

#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 {
	min-width: 1200px;
    /*margin-bottom: 2rem;*/
}

#page-title .page-title {
    margin-bottom: 0.7rem;
    position: relative;
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: -0.1rem;
}


#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;
}

/* ** Common: Form Table ** */
.form-table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1.625rem;
}

.form-table tbody tr th,
.form-table tbody tr td {
    border-bottom: 1px solid #dfdfdf;
}

.form-table tbody tr th {
    padding: 1.125rem 0;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    color: #53a9ca;
    vertical-align: top;
}

.form-table tbody tr td {
    padding: 0.5rem 2%;
    font-size: 0;
    text-align: left;
    color: #555555;
}

.form-table tbody tr:first-child th,
.form-table tbody tr:first-child td {
    border-top: 0.25rem solid #53a9ca;
}

.form-table tbody tr:last-child th,
.form-table tbody tr:last-child td {
    border-bottom-width: 0.25rem;
}

.form-table tbody tr td input,
.form-table tbody tr td textarea {
    width: 98%;
    max-width: 15.25rem;
    border: 1px solid #d2d2d2;
    padding: 0.5rem 2%;
    color: #555555;
}

.form-table tbody tr td input:required:invalid,
.form-table tbody tr td textarea:required:invalid {
    outline: none;
}

.form-table tbody tr td input.full-size {
    max-width: 98%;
}

.form-table tbody tr td textarea {
    max-width: 98%;
    min-height: 9rem;
    resize: vertical;
}

.form-table tbody tr td.form-telephone input {
    display: inline-block;
    max-width: 7rem;
    font-weight: normal;
    font-size: 1rem;
    vertical-align: middle;
}

.form-table tbody tr td.form-telephone .tel-separator {
    display: inline-block;
    width: 1.25rem;
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
}

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

.blind {
	display: none;
}

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

.bg-blue2 {
	background-color: #bce0ff;
}

.bg-blue3 {
	background-color: #004f95;
	color: #ffffff;
}

.bg-blue4 {
	background-color: #0069b5;
	color: #ffffff;
}

.bg-blue5 {
	background-color: #2f76b7;
}

.bg-blue6 {
	background-color: #eaf1f7;
}

.bg-blue7 {
	background-color: #a7eeff;
}

.bg-skyblue {
	background-color: #f8f9fc;
}

.bg-skyblue2 {
	background-color: #DDEBF7;
}

.bg-gray {
	background-color: #F9F9F9;
	z-index: -1;
}

.bg-gray2 {
	background-color: #F2F2F2;
	z-index: -1;
}

.bg-gray3 {
	background-color: #F1F2F4;
	z-index: -1;
}

.bg-gray4 {
	background-color: #EAEAEC;
	z-index: -1;
}

.bg-red {
	background-color: red;
	color: #ffffff;
}

.bg-red2 {
	background-color: #FCE4D6;
}

.bg-orange {
	background-color: #f8b551;
}

.bg-green {
	background-color: #80c269;
}

.bg-yellow {
	background-color: #FFF2CC;
}

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

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

.txt-orange {
	color: #f29710;
}

.txt-gray {
	color: #9fa0a0;
}

.txt-red {
	color: red;
}

.txt-navy {
	color: #004f95;
}

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

.boardTop-wrap {
	width: 100%;
	display: flex;
	margin-bottom: 0.5rem;
}

.boardTop-wrap .total {
	width: 40%;
	padding: 0.5rem 0;
}

.btn-set {
	position: absolute;
	right: 0;
}

.btn-set .btn {
	width: 4.625rem;
	height: 2rem;
	background-color: #5578b5;
	/* border-radius: 0.2rem; */
	color: #ffffff;
	text-align: center;
    font-size: 0.75rem;
	padding: 0;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}

.btn-set .btn.calc {
	background-color: #163E62;
}

.btn-set .btn.search {
	background: url('../../images/esvc/ic_search.png') 20% 60% no-repeat;
	background-color: #163E62;
	padding-left: 17px;
	border: none;
}

.btn-set .btn.print {
	background: url('../../images/esvc/ic_print.png') 20% 60% no-repeat;
	background-color: #1E5B91;
	padding-left: 17px;
	padding-top: 10px;
}

.btn-set .btn.excel {
	background: url('../../images/esvc/ic_excel.png') 20% center no-repeat;
	background-color: #1E5B91;
	padding-left: 15px;
	padding-top: 10px;
}

.btn-set .btn.vehicle {
	background-color: #1E5B91;
	width: auto;
    padding: 10px;
}

.btn-set .btn.column {
	background: url('../../images/esvc/ic_column.png') 10% center no-repeat;
	background-color: #5578b5;
	padding-left: 18px;
	letter-spacing: -0.05rem;
	padding-top: 10px;
}

.btn-set .btn.filter {
	background: url('../../images/esvc/ic_filter.png') 20% center no-repeat;
	background-color: #5578b5;
	padding-left: 15px;
	padding-top: 10px;
}

.btn-set .btn.download {
	background: url('../../images/esvc/ic_download.png') 20% center no-repeat;
	background-color: #1E5B91;
	padding-left: 15px;
	padding-top: 10px;
}

.btn-set button[type="button"].btn.search {
	background-color: #004f95;
	border: none;
	font: inherit;
	font-size: 12px;
}

/* Common: Search */
.search-area {
	position: relative;
	width: 100%;
	min-width: 75rem;
	height: 100%;
	background-color: #F1F1F1;
	border: 1px solid #d2d2d2;
	border-top: 2px solid #163E62;
	padding: 1rem;
	margin-bottom: 2rem;
}

.search-area .area {
	display: flex;
	margin-bottom: 0.2rem;
}

.search-area .area:last-child {
	margin-bottom: 0;
	margin-top: 0.4rem;
}

.search-area .area.first {
	margin-top: 0;
}

.search-area .area > div {
	position: relative;
	/* margin-left: 1rem; */
	margin-left: 0.5rem;
}

.search-area .area > div.ml4 {
	margin-left: 2.5rem;
}

.search-area .area > div.ml5 {
	margin-left: -1rem;
}

/* freetime select modal(checkbox) */
.search-area .area > div .sel-list-wrap {
	display: none;
	position: absolute;
	top: 29px;
	right: 0;
	width: 118px;
	background-color: #DDEBF7;
	border: 1px solid #d2d2d2;	
	z-index: 11;
}

.search-area .area > div .sel-list-wrap.mode {
	width: 118px;
}

.search-area .area > div .sel-list-wrap.cargoType {
	width: 346px;
}

.search-area .area > div .sel-list-wrap.deliveryType {
	width: 346px;
}

.search-area .area > div .sel-list-wrap.class {
	width: 346px;
}

.search-area .area > div .sel-list-wrap.cntrType {
	width: 346px;
}

.search-area .area > div .sel-list-wrap .sel-list {
	width: 100%;
	min-height: 45px;
	max-height: 150px;
	padding: 5px;
	overflow: hidden;
	overflow-y: auto;
}

.search-area .area > div .sel-list-wrap .sel-list ul {
	list-style-type: none;
}

.search-area .area > div .sel-list-wrap .sel-list ul li {
	height: 25px;
}

.search-area .area > div .sel-list-wrap .btn-wrap {
	width: 100%;
	height: 35px;
	background-color: #d2d2d2;
	text-align: center;
	padding: 8px 0;
}

.search-area .area > div .sel-list-wrap .btn-wrap button {
	cursor: pointer;
}

.search-area .label {
	width: 5rem;
    height: 1.875rem;
    float: left;
    text-align: right;
    padding: 0.4rem;
}

.search-area .label.l2 {
	width: 3rem;
}

.search-area .label.l3 {
	width: 7rem;
}

.search-area .label.l4 {
	width: 9rem;
}

.search-area .label.l5 {
	width: 15rem;
}

.search-area .label.eng {
	font-size: 0.75rem;
	letter-spacing: -0.05rem;
}

.search-area label {
	font-size: 0.75rem;
    margin-right: 3rem;
}

.search-area label.mr1 {
	margin-right: 0.5rem;
}

.search-area input {
	outline: none;
	height: 1.875rem;
	vertical-align: middle;
	border: 1px solid #d2d2d2;
	padding: 0 8px;
}

.search-area textarea {
	outline: none;
	height: 2.875rem;
	vertical-align: top;
	border: 1px solid #d2d2d2;
	padding: 0 8px;
	resize: none;
}

.search-area .guide {
	font-size: 0.75rem;
	line-height: 160%;
}

.search-area input[type=radio] {
	/* margin-top: -3px; */
	margin-top: 0;
}

.search-area select {
	outline: none;
	height: 1.875rem;
	vertical-align: middle;
	border: 1px solid #d2d2d2;	
	background: url('../../images/ic_sel_arrow.jpg') 99% center no-repeat;
	background-color: #ffffff;
	padding-left: 0.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.search-area .search-icon {
	background: url('../../images/ic_search.jpg') 95% center no-repeat;
	background-color: #ffffff;
}

.search-area .sort-box {
	display: inline-block;
	height: 1.875rem;
}

.search-area .sort-box > * {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.search-area .sort-box > label {
	margin-right: 2rem;
}

.search-area .calendar-icon {
	background: url('../../images/ic_calendar.jpg') 95% center no-repeat;
	background-color: #ffffff;
}

.search-area .calendar {
	width: 7.2rem;
	background: url('../../images/esvc/ic_calendar.png') 92% center no-repeat;
	background-color: #ffffff;
}

.search-area .type1 {
	width: 4.4rem;
}

.search-area .type2 {
	width: 4.75rem;
}

.search-area .type3 {
	width: 9.8rem;
}

.search-area .type4 {
	width: 5.125rem;
}

.search-area .type5 {
	width: 14.625rem;
}

.search-area .type6 {
	width: 14.15rem;
}

.search-area .type7 {
	width: 11.25rem;
}

.search-area .type8 {
	width: 21.625rem;
}

.search-area .type9 {
	width: 8.625rem;
	background: url('../../images/esvc/ic_search2.png') 95% center no-repeat;
	background-color: #ffffff;
}

.search-area .type10 {
    width: 15.625rem;
}

.search-area .type11 {
	width: 12.75rem;
	background: url('../../images/esvc/ic_search2.png') 95% center no-repeat;
	background-color: #ffffff;
}

.search-area .type12 {
	width: 12.75rem;
}

.search-area .type13 {
	width: 26.75rem;
}
.search-area .type14 {
	width: 6rem;
}


.search-area .hc {
	margin: 0;
	margin-left: 8px;
}

.search-area .btn-icon1 {
	width: 1.875rem;
	height: 1.875rem;
	background: url('../../images/esvc/ic_list.png') center no-repeat;
	background-color: #0069b5;
	display: inline-block;
    vertical-align: middle;
	color: #ffffff;
    text-align: center;
    padding: 0.4rem 0;
	cursor: pointer;
}

.search-area .btn-icon1.close {
	background: url('../../images/esvc/ic_close.png') center no-repeat;
	background-color: #0069b5;
}

.search-area .btn-icon2 {
	width: 1.875rem;
	height: 1.875rem;
	background-color: #0069b5;
	display: inline-block;
    vertical-align: middle;
	color: #ffffff;
    text-align: center;
    padding: 0.4rem 0;
	cursor: pointer;
}

.search-area .chkBox {
	width: 1rem;
    height: 1rem;
}

.search-area .chk-txt {
	font-size: 0.75rem;
	padding-top: 0.2rem;
    margin-right: 1rem;
}

.search-area .area .check-list {
	padding-top: 0.5rem;
	padding-left: 3rem;
	height: 2rem;
}

.search-area .area .btn-list {
	position: absolute;
	right: 1rem;
}

.search-area .area .btn {
	width: 4.625rem;
	height: 1.875rem;
	background-color: #1E5B91;
	/* border-radius: 0.2rem; */
	color: #ffffff;
	text-align: center;
    font-size: 0.75rem;
	padding: 0;
	display: inline-block;
	cursor: pointer;
}

.search-area .area .btn.calc {
	background-color: #163E62;
}

.search-area .area .btn.print {
	background: url(../../images/esvc/ic_print.png) 20% 60% no-repeat;
    background-color: #1E5B91;
	padding-left: 17px;
	border: none;
}

.search-area .area .btn.search {
	background: url('../../images/esvc/ic_search.png') 20% 60% no-repeat;
	background-color: #163E62;
	padding-left: 17px;
	border: none;
}

.search-area .area .btn.excel {
	background: url('../../images/esvc/ic_excel.png') 20% center no-repeat;
	background-color: #1E5B91;
	padding-left: 15px;
	padding-top: 10px;
}

.search-area .area .btn.column {
	background: url('../../images/esvc/ic_column.png') 10% center no-repeat;
	background-color: #5578b5;
	padding-left: 18px;
	letter-spacing: -0.05rem;
	padding-top: 10px;
}

.search-area .area .btn.filter {
	background: url('../../images/esvc/ic_filter.png') 20% center no-repeat;
	background-color: #5578b5;
	padding-left: 15px;
	padding-top: 10px;
}

.search-area .lookupTime {
	width: 19rem;
	height: 1.875rem;
	float: left;
	text-align: right;
	padding: 0.4rem;
}

.search-area .area button[type="button"].btn.search {
	background-color: #163E62;
	border: none;
	font: inherit;
	font-size: 12px;
}

.search-area .area .btn.cntrClean {
	width: 6.625rem;
	height: 2rem;
	background-color: #ffffff;
	color: #666666;
	border: 1px solid #d2d2d2;
    vertical-align: bottom;
}

.search-area .area .btn.bg-white {
	background-color: #ffffff;
	color: #666666;
	border: 1px solid #d2d2d2;
}

.search-area .area .btn.column {
	width: 6rem;
}

.search-area .ml {
	margin-left: 2rem;
}

.search-area .ml2 {
	margin-left: 1rem;
}

.search-area .ml3 {
	margin-left: 12.2rem;
}

.no-search {
	width: 100%;
	height: 15.125rem;
	background: url('../../images/ic_no_search.jpg') center 40% no-repeat;
	border: 1px solid #d2d2d2;
	margin-bottom: 2rem;
	text-align: center;
	padding-top: 9rem;
}

.no-search.ver2 {
	border: none;
	margin-bottom: 0;
}

/* Common: State*/
.state-wrap {
	width: 100%;
	padding-bottom: 1.5rem;
}

.state-wrap .date {
	float: left;
}

.state-wrap .state-list {
	float: right;
}

.state-list > * {
	display: inline-block;
	vertical-align: middle;
}

.state-list .box {
	width: 0.875rem;
	height: 0.875rem;
}

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

.common-table.contInfo-table {
	white-space: unset;
}

.common-table.mt {
	margin-top: 1.5rem;
}

.common-table.mb {
	margin-bottom: 1.5rem;
}

.common-table tr th {
	height: 2.2rem;
	padding: 0.5rem;
	background-color: #F9F9F9;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
}

.common-table tr td {
	height: 2.2rem;
	padding: 0.5rem;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
}

/* .common-table tr td:nth-of-type(1){
	border-left: none;
}

.common-table tr td:nth-of-type(4){
	border-right: none;
} */

/* .common-table tr th:last-child{
	border-right: 1px solid #d2d2d2;
} */

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

/* dataTable custom */
.common-table.dataTable tr th, .common-table.dataTable tr td {
	height: 1rem;
	text-align: center;
}

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

table.dataTable thead th:last-child, table.dataTable thead td:last-child {
	border-right: none;
}

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.no-footer {
    border-bottom: 1px solid #d2d2d2;
}

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

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

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

.common-table tr th.b-right,
.common-table tr td.b-right {
	border-right: 2px solid #0069b5;
}

.common-table tr.gray th {
	background-color: gray;
}

.common-table tbody tr.time td:nth-child(n+2) {
	text-align: left;
	padding-left: 0;
}

.common-table tbody tr.time td:nth-child(n+2) div {
	margin-left: -5px;
}

.common-table tr.h-big td {
	/*height: 10rem;*/
}

.common-table tr.h-mid td {
	height: 4rem;
}


.common-table2 {
	width: 100%;
	text-align: left;
	margin-bottom: 4rem;
	white-space: nowrap;
}

.common-table2 tr td {
	height: 54px;
	/* height: auto; */
	padding: 0.5rem 1rem;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
}

.common-table2 tr td.name,
.common-table2 tr td.id {
	height: 47px;
}

.common-table2 tr:nth-of-type(1) td {
	border-top: 2px solid #094172;
}

.common-table2 tr td:nth-child(1) {
	border-left: none;
}

.common-table2 tr td:nth-child(2) {
	border-right: none;
}

.common-table2 tr td select {
	width: 197px;
	height: 30px;
	padding-left: 3px;
	border: 1px solid #d2d2d2;
}

.common-table2 tr td input {
	width: 197px;
	height: 30px;
	padding-left: 8px;
	border: 1px solid #d2d2d2;
}

.common-table2 tr td .service {
	font-size: 0.8125rem;
}

.common-table2 tr td .service:first-child {
	margin-bottom: 0.5rem;
}

.common-table2 tr td .service label {
	width: 9rem;
    display: inline-block;
}

.common-table2 tr td .phoneNum label {
	display: inline-block;
	font-size: 0.8125rem;
	margin-right: 1.5rem;
}

.common-table2 tr td input[type="checkbox"] {
	width: auto;
	height: auto;
}

.common-table2 tr td input[type="radio"] {
	width: auto;
	height: auto;
}

.common-table2 tr td button {
	width: auto;
	height: 30px;
	background-color: #ffffff;
	border: 1px solid #004f95;
	cursor: pointer;
}

.common-table2 tr td #join-check-password,
.common-table2 tr td #join-check-password-confirm {
    position: relative;
    display: inline-block;
    width: 500px;
    height: 30px;
    vertical-align: top;
}

.common-table2 tr td #join-check-password span,
.common-table2 tr td #join-check-password-confirm span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    font-size: 0.8rem;
    line-height: 120%;
    font-weight: normal;
}

.common-table2 tr td .caution {
	width: 19px;
	height: 19px;
	background: url('../../images/ic_caution.jpg') no-repeat;
	padding-left: 1.5rem;
    padding-top: 0.2rem;
    margin-top: 10px;
    color: red;
    font-size: 0.75rem;
}

.common-table2 tr td .phone {
	width: 65px;
	height: 30px;
	padding-left: 3px;
}

.common-table2 tr td .country {
	width: 37.5rem;
}

.common-table2 tr td .email {
	width: 136px;
	height: 30px;
}

.common-table2 tr td .address {
	width: 62.5rem;
}

.common-table2 tr td .request {
	width: 557px;
	height: 184px;
	padding: 3px;
	border: 1px solid #d2d2d2;
}

.common-table2 tr td .codeBox {
	width: 171px;
	height: 47px;
	border: 1px solid #d2d2d2;
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
}

.common-table2 tr td .codeInput {
	width: 140px;
	height: 30px;
	display: inline-block;
}

.common-table3 {
	width: 100%;
	text-align: left;
	margin-bottom: 2rem;
	white-space: nowrap;
}

.common-table3 tr td {
	height: 40px;
	padding: 0.5rem 1rem;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
}

.common-table3 tr td.gray {
	background-color: #f4f5f6;
}

.common-table3 tr td > div {
	display: inline-block;
}

.common-table3 tr td button.ta-search {
	width: 42px;
	height: 23px;
	background-color: #5578b5;
	border: 1px solid #004f95;
	border-radius: 0;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 0;
}

.common-table4 {
	width: 100%;
	border: 1px solid #d2d2d2;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 3rem;
}

.common-table4 tr th {
	height: 2.2rem;
	padding: 0.5rem;
	background-color: #F9F9F9;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	vertical-align: middle;
	/* font-size: 1rem; */
	letter-spacing: -0.03rem;
}

.common-table4 tr td {
	height: 2.2rem;
	/* border: 1px solid #d2d2d2; */
	vertical-align: middle;
}

.common-table5 {
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

.common-table5 tr th {
	height: 2.2rem;
	padding: 0.5rem;
	background-color: #0069b5;
	color: #ffffff;
	border-left: 1px solid #d2d2d2;
	border-bottom: none;
	vertical-align: middle;
	font-size: 1rem;
	letter-spacing: -0.03rem;
}

.common-table5 tr td {
	height: 2.2rem;
	/* border: 1px solid #d2d2d2; */
	vertical-align: middle;
	padding: 1rem;
}

.common-table5 tr td:nth-child(n+2) {
	border-left: 1px solid #d2d2d2;
}

.common-table5 tr td:nth-of-type(4) {
	padding-right: 0.2rem;
}

/* 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 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;
} */

.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;
}


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

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

.vessel-vesselStatus .vesselStatus article .table-wrap {
	clear: both;
	margin: 0;
	padding: 0;
	overflow-x: auto;
	/* border-right: 1px solid #d2d2d2; */
}

.vessel-vesselStatus .vesselStatus article .table-wrap .vessel-status {
	width: 100%;
	text-align: center;
	font-size: 0.875rem;
	font-weight: bold;
}

.vessel-vesselStatus .vesselStatus article .table-wrap .vessel-status tr th,
.vessel-vesselStatus .vesselStatus article .table-wrap .vessel-status tr td {
	height: 3rem;
}

.vessel-vesselStatus .vesselStatus article .table-wrap .vessel-status tr th {
	padding: 0.8rem 0;
	background-color: #3472C5;
	color: #ffffff;
	/* border: 1px solid #538fc3; */
	vertical-align: middle;
	/* width: 12%; */
}

.vessel-vesselStatus .vesselStatus article .table-wrap .vessel-status tr td.sky-blue {
	background-color: #F2F6F9;
}

.vessel-vesselStatus .vesselStatus article .table-wrap .vessel-status tr td.gray {
	background-color: #F5F5F5;
}

.vessel-vesselStatus .vesselStatus article .table-wrap .vessel-status tr td {
	padding: 0.8rem 0;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
	/* width: 5.5%; */
}

.vessel-vesselStatus .vesselStatus article .table-wrap .vessel-status tr td img {
	margin-bottom: 0.5rem;
}

.vessel-vesselStatus .vesselStatus article .table-wrap .vessel-status tr td div {
	width: 8.125rem;
	height: 2rem;
	background-color: #e8edf2;
	font-size: 1.25rem;
	padding: 0.3rem 0;
	border-radius: 1.75rem;
	margin: 0 auto;
}

.vessel-vesselStatus .div-ul-wrap {
	box-sizing: border-box;
	/* width: 100%; */
	font-size: 0;
}

.vessel-vesselStatus .div-ul-wrap *{
	box-sizing: border-box;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap {
	display: inline-block;
	min-height: 853px;
	vertical-align: top;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.left {
	width: 110px;
	/*height: 18rem;*/
	background-color: #3472C5;
	font-size: 0.8rem;
	position: absolute;
	z-index: 999;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right {
	/* width: calc(100% - 100px); */
	position: relative;
	left: 108px;
}

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

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div {
	height: 40px;
	padding-top: 0.9rem;
	/* border-left: 1px solid #9dacbb;
	border-bottom: 1px solid #9dacbb; */
	text-align: center;
	color: #fff;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div:first-child {
	height: 133px;
	padding-top: 4rem;
	border-top: 1px solid #9dacbb;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div:last-child {
	height: 520px;
	padding: 0;
	font-size: 0;
    border-top: 1px solid #538fc3;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div:last-child > div {
	display: inline-block;
	width: 50%;
	height: 100%;
	vertical-align: top;
	font-size: 0.8rem;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div:last-child > div:first-child {
	padding-top: 12.4rem;
	line-height: 160%;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div:last-child > div:last-child {
	background-color: #065faf;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.left .div-ul > div:last-child > div:last-child span {
	display: block;
	width: 100%;
	height: 40px;
	padding-top: 15px;
	border-left: 1px solid #538fc3;
	border-bottom: 1px solid #538fc3;
	font-weight: normal;
}

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

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul {
	/* display: inline-block; */
	width: 273px;
	vertical-align: top;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div {
	height: 40px;
	/* border-left: 1px solid #d2d2d2; */
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	text-align: center;
	color: #555555;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul > div:first-child {
	padding-top: 1rem;
	height: 133px;
	border-top: 1px solid #d2d2d2;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li {
	font-size: 0;
	position: relative;
}

/* .vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li:nth-child(3) {
	background-color: #e8edf2;
} */

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li span {
	display: inline-block;
	width: 100%;
	padding-top: 0.9rem;
	font-size: 0.8rem;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li:nth-child(2) {
	display: table;
	width: 100%;
	height: 40px;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li:nth-child(2) span {
	padding-top: 0;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li:nth-child(2) .vesselName {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding-top: 0;
	font-size: 0.7rem;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li .span-2 {
	display: inline-block;
	width: 50%;
	height: 100%;
	vertical-align: top;
	border-right: 1px solid #d2d2d2;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li .span-2:nth-of-type(2n) {
	border-right: none;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li .span-2.gray {
	background-color: #F5F5F7;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li .span-3 {
	display: inline-block;
	width: 33.3%;
	height: 100%;
	vertical-align: top;
	border-right: 1px solid #d2d2d2;
	color: #333;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li .span-3.gray {
	background-color: #F5F5F7;	
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li .span-3:nth-child(3) {
	border-right: none;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li.sm {
	/* height: 29px; */
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li.sm .span-4 {
	width: 25%;
	height: 40px;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	vertical-align: top;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li.sm .span-4.gray {
	background-color: #F5F5F7;	
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li.sm .span-4.title {
	background-color: #e8edf2;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li.sm .span-4:last-child {
	border-right: none
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li img{
	display: inline;
	max-width: none;
	width: auto;
	height: auto;
	max-height: 80px;
	margin-top: 5px;
	margin-bottom: 1rem;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li .block {
	width: 8.125rem;
	height: 2rem;
	background-color: #e8edf2;
	font-size: 1.25rem;
	font-weight: normal;
	padding: 0.3rem 0;
	border-radius: 1.75rem;
	margin: 0 auto;
}

.vessel-vesselStatus .div-ul-wrap .div-ul-inner-wrap.right .div-ul .div-li a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #555555;
}

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

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

.vessel-vesselAssign .vesselAssign .table-wrap .common-table tr td a {
	/* text-decoration: none; */
	color: #0069b5;
}

.port-modal {
	position: fixed;
	top: 35%;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	font-size: 0.875rem;
}

.port-modal .content-wrap {
	position: fixed;
	left: calc( 50% - 221px );
	top: 50%;
	transform: translateY(-50%);
	width: 600px;
	min-height: 250px;
	background-color: #ffffff;
	padding: 1.5rem;
	margin: 0 auto;
	color: #555555;
}

.port-modal .content-wrap .title {
	font-size: 1rem;
	font-weight: bold;
	/* float: left; */
	margin-bottom: 5px;
    padding: 8px 0;
    /* border-bottom: 1px solid #d2d2d2; */
}

.port-modal .content-wrap .content {
	width: 100%;
	height: 100%;
	font-size: 0.875rem;
	font-weight: bold;
	text-align: left;
	clear: both;
}

.port-modal .content-wrap .content .res {
	font-size: 1rem;
	color: #004f94;
	margin-bottom: 2rem;
}

.port-modal .content-wrap .content .btn-wrap {
	width: 245px;
	margin: 0 auto;
	text-align: center;
}

.port-modal .content-wrap .content .btn-wrap .btn {
	width: 120px;
	height: 46px;
	background-color: #004f94;
	color: #ffffff;
	padding-top: 1rem;
	font-size: 15px;
    text-decoration: none;
	display: inline-block;	
	cursor: pointer;
}

.port-modal .content-wrap .content .btn-wrap .btn.confirm {
	background-color: #879abb;
}

.port-modal .content-wrap .table-wrap{
	height: 300px;
	overflow-y: auto;
}

.port-modal .dataTable tbody tr td {
	padding: 5px;
	font-size: 14px;
}

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

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

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

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

.vessel-vesselChart .vesselChart .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-vesselChart .vesselChart .chkShape label {
	position: relative;
    top: -2px;
}

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

.vessel-vesselChart .vesselChart .table-wrap {
	position: relative;
}

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

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

.vessel-vesselChart .vesselChart .table-wrap .box-on {
	position: absolute;
	top: 214px;
	left: 347px;
	width: 600px;
	/*height: 352px;*/
	background-color: #ffffff;
	border: 2px solid #004f95;
	z-index: 1000;
}

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

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

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

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

.vessel-vesselChart .berth-schedule .common-table td {
	height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vessel-hangchaList .hangchaList #tblMaster tbody tr {
	cursor: pointer;
}

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

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

/* Yard: YardMap */
.yard-yardMap .yardMap {
	min-width: 1200px;
	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 .condition-box {
	width: 100%;
	height: 2.625rem;
	border: 1px solid #d2d2d2;
	border-top: 2px solid #004f95;
	margin-bottom: 1rem;
	padding: 0.7rem 1rem;
}

.yard-yardMap .yardMap .condition-box p {
	display: inline-block;
}

.yard-yardMap .yardMap .condition-box p:first-child {
	margin-right: 2rem;
}

.yard-yardMap .yardMap .condition-box p span {
	font-size: 1rem;
}

.yard-yardMap .yardMap .table-wrap {
	width: 1200px;
	margin-bottom: 3rem;
}

.yard-yardMap .yardMap .result-wrap {
	width: 100%;
	height: 4.25rem;
	display: flex;
	/*margin-bottom: 2rem;*/
}

.yard-yardMap .yardMap .result-number {
	width: 10.875rem;
	height: 100%;
	background-color: #004f95;
	color: #ffffff;
	text-align: center;
	font-size: 1.5rem;
	padding: 1.3rem 0;
}

.yard-yardMap .yardMap .result-table {
	width: calc(100% - 11.875rem);
	margin-left: 1rem;
}

.yard-yardMap .yardMap .yardmap-table {
	width: 100%;
	border: 1px solid #d2d2d2;
	text-align: center;
	white-space: nowrap;
}

.yard-yardMap .yardMap .yardmap-table tr th {
	height: 2rem;
	padding: 0.5rem 0;
	background-color: #F9F9F9;
	border-left: 1px solid #d2d2d2;
	border-bottom: none;
}

.yard-yardMap .yardMap .yardmap-table tr td {
	height: 2rem;
	padding: 0.5rem 0;
	border: 1px solid #d2d2d2;
}

.yard-yardMap .yardMap .yardmap-table2 {
	width: 100%;
	border: 1px solid #d2d2d2;
	text-align: center;
	white-space: nowrap;
}

.yard-yardMap .yardMap .yardmap-table2 tr td {
	position: relative;
	height: 2.5rem;
	padding: 0.5rem 0.8rem;
	border: 3px solid #ffffff;
	background-color: #e5e5e5;
	font-size: 11px;
	line-height: 150%;
}

.yard-yardMap .yardMap .yardmap-table2 tr td:first-child {
	border-left: none;
}

.yard-yardMap .yardMap .yardmap-table2 tr.big td {
	height: 9rem;
	background-color: #f0f1f1;
	text-align: left;
}

.yard-yardMap .yardMap .yardmap-table2 tr td.txt-big {
	font-size: 1.375rem;
}

.yard-yardMap .yardMap .yardmap-table2 tr td.txt-big2 {
	font-size: 1.125rem;
	background-color: #f0f1f1;
}

.yard-yardMap .yardMap .yardmap-table2 tr td.blue {
	background-color: #163E62;
	color: #ffffff;
	font-size: 1.125rem;
	vertical-align: middle;
	text-align: center;
}

.yard-yardMap .yardMap .yardmap-table2 {
	margin-top: 20px;
}

.yard-yardMap .yardMap .yardmap-table2 tr td.blue2 {
	background-color: #77d3ff;
}

.yard-yardMap .yardMap .yardmap-table2 tr td.tier-num {
	width: 50px;
}

/* Yard: YardStatus */
.yard-yardStatus .yardStatus {
	min-width: 1200px;
	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 .yardStat-wrap {
	width: 100%;
	height: 6.75rem;
	display: flex;
	margin-bottom: 3rem;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left {
	width: 49.5%;
	height: 6.75rem;
	border: 1px solid #d2d2d2;
	margin-right: 1%;
    padding: 0.5rem 8rem;
    display: flex;
}

.yard-yardStatus .yardStatus .yardStat-wrap .right {
	width: 49.5%;
	height: 6.75rem;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-gauge {
	width: 5.675rem;
	height: 5.675rem;
	margin-right: 4rem;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-gauge .circle {
	width: 5.675rem;
	height: 5.675rem;
	border: 10px solid #f8c170;
	border-radius: 50%;
	background-color: #f29710;
	text-align: center;
	color: #ffffff;
	padding: 1rem 0;
	font-size: 1.25rem;
	font-weight: bold;
	float: right;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-gauge .circle.green {
	border: 10px solid #00dd5e;
	background-color: #00a045;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-gauge .circle.red {
	border: 10px solid #ffb2b2;
	background-color: red;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-gauge .unit {
	font-size: 1rem;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-gauge .unit2 {
	padding-top: 0.7rem;
	font-size: 1rem;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-info {
	width: 14rem;
	height: 100%;
	padding: 1rem 0;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-info p {
	font-size: 1.125rem;
	font-weight: bold;
	padding-left: 3.5rem;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-info .carry-in {
	background: url('../../images/yard/ic_carry_in.png') left center no-repeat;
	margin-bottom: 1.3rem;
	width: 15rem;
}

.yard-yardStatus .yardStatus .yardStat-wrap .left .status-info .carry-out {
	background: url('../../images/yard/ic_carry_out.png') left center no-repeat;
	width: 15rem;
}

.yard-yardStatus .yardStatus .copino-wrap {
	width: 100%;
	height: 30rem;
	border: 1px solid #d2d2d2;
	padding: 2rem 6rem;
	margin-bottom: 3rem;
	overflow-y: scroll;
}

.yard-yardStatus .yardStatus .common-table4 tr td,
.yard-yardStatus .yardStatus .common-table5 tr td {
	vertical-align: top;
    border-left: none;
}

.yard-yardStatus .yardStatus .copino-wrap ul.cont-box {
	width: 100%;
	list-style: none;
}

.yard-yardStatus .yardStatus .copino-wrap ul.cont-box li {
	width: 20rem;
	height: 3.375rem;
	vertical-align: middle;
	border: 1px solid #888888;
	background-color: #d2d2d2;
	margin-right: 0.4rem;
	margin-bottom: 0.75rem;
    padding: 1.1rem;
	display: inline-block;
}

.yard-yardStatus .yardStatus .copino-wrap ul.cont-box li.active {
	border: 2px solid red;
	/* background: url('../../images/yard/ic_crane.jpg') 95% center no-repeat; */
	background-color: #ffdede;
}

.yard-yardStatus .yardStatus .copino-wrap ul.cont-box li div.crane-icon {
	width: 28px;
	height: 57px;
	background: url('../../images/yard/ic_crane.jpg') no-repeat;
	margin-top: -21px;
	float: right;
}

.yard-yardStatus .yardStatus .copino-wrap2 {
	width: 100%;
	height: 30rem;
	/* padding: 1rem; */
	/* margin-bottom: 3rem; */
	overflow-y: scroll;
	overflow-x: hidden;
}

.yard-yardStatus .yardStatus .copino-wrap2 ul.cont-box {
	width: 100%;
	list-style: none;
	margin-left: 10px;
}

.yard-yardStatus .yardStatus .copino-wrap2 ul.cont-box li {
	position: relative;
	width: 22rem;
	height: 3.375rem;
	padding-left: 1rem;
	vertical-align: middle;
	text-align: left;
	border: 1px solid #888888;
	background-color: #C1D8EA;
	margin-bottom: 0.75rem;
	display: block;
}

.yard-yardStatus .yardStatus .copino-wrap2 ul.cont-box li.hasCrane {
	cursor: pointer;
}

.yard-yardStatus .yardStatus .copino-wrap2 ul.cont-box li.active {
	border: 2px solid red;
	/* background: url('../../images/yard/ic_crane.jpg') 95% center no-repeat; */
	background-color: #ffdede;
}



.yard-yardStatus .yardStatus .copino-wrap2 ul.cont-box li > div {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}

.yard-yardStatus .yardStatus .copino-wrap2 ul.cont-box li > div div.crane-icon {
	position: absolute;
	top: -13px;
	right: 25px;
	width: 28px;
	height: 57px;
	background: url('../../images/yard/ic_crane.jpg') no-repeat;
}

.yard-yardStatus .yardStatus .copino-wrap2 ul.cont-box li > div div.left-crane-icon {
	position: absolute;
	top: -13px;
	left: 25px;
	width: 28px;
	height: 57px;
	background: url('../../images/yard/ic_crane.jpg') no-repeat;
}

.crane-left{
	position: absolute; 
	top:-12px; 
	background: url('../../images/yard/ic_crane.jpg') no-repeat; 
	width: 28px; 
	height: 57px; 
	left: -5px; 
	display:none;
}

.crane-right{
	position: absolute; 
	top:-12px; 
	background: url('../../images/yard/ic_crane.jpg') no-repeat; 
	width: 28px; 
	height: 57px; 
	right:25px; 
	display:none;
}

.yard-yardStatus .yardStatus .copino-wrap2 ul.cont-box li > div p {
	margin-top: 5px;
}

.yard-yardStatus .yardStatus .copino-wrap2 ul.cont-box li > div{
	padding-left: 40px;
}

.yard-yardStatus .yardStatus span.caution {
	font-size: 0.75rem;
	color: red;
	/* float: right; */
	margin-left: 0.5rem;
}


/* Yard: Cargo */
.yard-cargo .cargo {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

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

.yard-cargo .cargo .table-wrap {
	width: 1200px;
	overflow: auto;
	margin-bottom: 3rem;
}

.yard-cargo .cargo .table-wrap select {
	width: 5rem;
	height: 1.875rem;
	margin-bottom: 0.5rem;
	outline: none;
}

/* Yard: Cargo */
.yard-gateInOutList .gateInOutList {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

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

.yard-gateInOutList .gateInOutList .table-wrap {
	width: 1200px;
	overflow: auto;
	/* margin-bottom: 3rem; */
}

.yard-gateInOutList .gateInOutList .table-wrap select {
	width: 5rem;
	height: 1.875rem;
	margin-bottom: 0.5rem;
	outline: none;
}


/* Yard: EmptyStatus */
.yard-emptyStatus .emptyStatus {
	min-width: 1200px;
	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: EarlyGateIn */
.yard-earlyGateIn .earlyGateIn {
	min-width: 1200px;
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

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

.yard-earlyGateIn .earlyGateIn button {
	clear: both;
	width: 134px;
	height: 32px;
	display: block;
	margin: 0 auto;
	background-color: #1E5B91;
	color: #ffffff;
	border: none;
	/* border-radius: 5px; */
	font-weight: bold;
	cursor: pointer;
}

.yard-earlyGateIn .earlyGateIn .notice {
	margin-top: -1.5rem;
    margin-bottom: 1rem;
    font-size: 12px;
    color: #1E5B91;
}

.yard-earlyGateIn .earlyGateIn .caution {
	position: relative;
	text-align: right;
}

.yard-earlyGateIn .earlyGateIn .caution p {
	font-size: 0.75rem;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box {
	position: relative;
    width: 100%;
    min-width: 75rem;
    height: 100%;
    background-color: #DDEBF6;
    border: 1px solid #AFCDE5;
    padding: 20px 30px;
    margin-top: 1rem;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box h3 {
	font-size: 15px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box h3.mt20 {
	margin-top: 20px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .vessel-info-line {
	display: flex;
	width: 100%;
	height: 40px;
	margin-top: 10px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .vessel-info-line dl {
	display: flex;
	width: 379px;
	height: 100%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .vessel-info-line dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 100%;
	background-color: #50779E;
	color: #ffffff;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .vessel-info-line dl dd {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(100% - 150px);
	height: 100%;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
	padding-left: 10px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
	margin-top: 10px;
	padding: 15px;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line {
	display: flex;
	width: 100%;
	height: 36px;
	border: 1px solid #d2d2d2;
	margin-bottom: 15px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line dl {
	display: flex;
	height: 100%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line dl.class {
	width: 30%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line dl.size {
	width: 25%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line dl.type {
	width: 45%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add.test .sel-line dl.class {
	width: 30%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add.test .sel-line dl.size {
	width: 25%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add.test .sel-line dl.type {
	width: 45%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 85px;
	height: 100%;
	background-color: #F9F9F9;
	border-right: 1px solid #d2d2d2;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line dl dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 85px);
	height: 100%;
	border-right: 1px solid #d2d2d2;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line dl.type dd {
	border-right: 0;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line dl dd label + input {
	margin-left: 15px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .sel-line dl dd input[type="radio"]:disabled + label {
	color: #d2d2d2;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left {
	width: calc(100% - 324px);
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .slot-wrap {
	display: flex;
	align-items: center;
	width: 100%;
	height: 36px;
	font-size: 14px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .slot-wrap .tit {
	margin-right: 20px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap {
	display: flex;
	/*justify-content: space-between;*/
	align-items: center;
	flex-flow: wrap;
	width: 100%;
	font-size: 14px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div {
	display: flex;
	align-items: center;
	width: 32.5%;
	height: 112px;
	margin: 3px;
	background-color: #F9F9F9;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
	overflow: hidden;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active {
	color: #ffffff;
	border: 0;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.disabled {
	pointer-events: none;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div .day {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 74px;
	height: 100%;
	border-right: 1px solid #d2d2d2;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.disabled .day {
	color: #d2d2d2;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon1 .day {
	background-color: #1288D2;
	border-right: 0;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon2 .day {
	background-color: #2462B5;
	border-right: 0;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon3 .day {
	background-color: #0F4B7F;
	border-right: 0;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon5 .day {
	background-color: #143054;
	border-right: 0;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon7 .day {
	background-color: #1e2d64;
	border-right: 0;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div .price {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	width: calc(100% - 74px);
	height: 100%;
	padding: 0 15px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.disabled .price {
	color: #d2d2d2;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon1 .price {
	background-color: #2C97DB;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon2 .price {
	background-color: #3671BF;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon3 .price {
	background-color: #1E5B91;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon5 .price {
	background-color: #083278;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon7 .price {
	background-color: #364370;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div .price > div {
	display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div .price > div:first-child {
	margin-bottom: 15px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div .price > div span {
	display: flex;
    justify-content: center;
    align-items: center;
	width: 65px;
	height: 25px;
	border: 1px solid #555555;
	border-radius: 15px;
	font-size: 14px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active .price > div span {
	border: 1px solid #ffffff;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .left .coupon-wrap > div.disabled .price > div span {
	border: 1px solid #d2d2d2;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .right {
	width: 304px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .right .cont-box {
	width: 100%;	
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .right .cont-box .cont-num {
	/*display: flex;
	align-items: center;*/
	width: 100%;
	height: 36px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .right .cont-box textarea {
	width: 100%;
	height: 148px;
    resize: none;
    border: 1px solid #d2d2d2;
    overflow-y: auto;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .btn-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .btn-wrap button[type="button"] {
	width: 80px;
	margin: 0 3px;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
	color: #222222;	
}

.yard-earlyGateIn .earlyGateIn .egi-add-box .egi-add .btn-wrap button[type="button"]#btnRegist {
	background-color: #163E62;
	color: #ffffff;	
}



.yard-earlyGateIn .earlyGateIn .egi-add-wrap {
	position: relative;
	display: flex;
    width: 100%;
    min-width: 75rem;
    height: 100%;
    background-color: #F1F1F1;
    border: 1px solid #d2d2d2;
    padding: 1rem;
    margin-top: 1rem;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box {
	min-width: 290px;
	border: 1px solid #d2d2d2;
	padding: 15px;
	margin-right: 10px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box dl {
	display: flex;
	width: 100%;
	margin-bottom: 30px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box dl:last-child {
	margin-bottom: 0;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box dl dt {
	width: 100px;
	letter-spacing: -0.3px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box dl dd {
	width: calc(100% - 100px);
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box input[type="text"] {
	width: 165px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box:nth-child(3) input[type="text"] {
	width: 226px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box input[type="radio"]:disabled + label {
	color: #888888;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .coupon-wrap {
	display: flex;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon {
	width: 110px;
	height: 85px;
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	margin-right: 5px;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	padding: 12px 10px;
	cursor: pointer;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon.active {
	background-color: #163E62;
	color: #ffffff;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon.hidden {
	display: none;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon > div {
	line-height: 130%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon > div:first-child {
	margin-bottom: 12px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon:last-child {
	margin-right: 0;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .cont-box {
	width: 100%;	
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .cont-box .cont-num {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 5px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .egi-box .cont-box textarea {
	width: 100%;
	height: 156px;
    resize: none;
    border: 1px solid #d2d2d2;
    overflow-y: auto;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .manage-area {
	position: relative;
	width: 196px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .manage-area .manage-box {
	/*display: none;*/
	position: relative;
	width: 100%;
	border: 1px solid #d2d2d2;
	padding: 8px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .manage-area .manage-box dl {
	width: 100%;
    margin-bottom: 15px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .manage-area .manage-box dl dt {
	margin-bottom: 10px;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .manage-area .manage-box dl dd {
	line-height: 130%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .manage-area .manage-box dl dd input[type="text"] {
	width: 75%;
	border: 1px solid #d2d2d2;
	text-align: right;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .manage-area .manage-box button[type="button"] {
	display: block;
	width: 50px;
    background-color: #163E62;
    color: #ffffff;
    padding: 5px 0;
    margin-bottom: 10px;
    cursor: pointer;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .btn-wrap {
	/* position: absolute;
	right: 12px; */
	display: flex;
	justify-content: space-evenly;
	width: 100%;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .btn-wrap button[type="button"] {
	display: block;
	width: 80px;
    background-color: #163E62;
    color: #ffffff;
    padding: 5px 0;
    margin-bottom: 10px;
    cursor: pointer;
}

.yard-earlyGateIn .earlyGateIn .egi-add-wrap .btn-wrap button[type="button"].reset {
	background-color: #ffffff;
    color: #555555;
    border: 1px solid #d2d2d2;
}


.yard-earlyGateIn .earlyGateIn .calculate-area {
	margin-top: 10px;
}

.yard-earlyGateIn .earlyGateIn .calculate-btn-list{
	margin-top: 30px;
	margin-bottom: 10px;
	display: flex;
}

.yard-earlyGateIn .earlyGateIn .calculate-btn-list .btn-wrap {
	display: flex;
}

.yard-earlyGateIn .earlyGateIn .calculate-btn-list .left-area {
	width: 93%;
}

.yard-earlyGateIn .earlyGateIn .calculate-btn-list .btn-wrap button[type="button"] {
	display: block;
	width: 80px;
	height: 1.875rem;
    background-color: #163E62;
    color: #ffffff;
    padding: 5px 0;
    margin-left: 5px;
    cursor: pointer;
}


.yard-earlyGateIn .earlyGateIn .sum-fee {
	clear: both;
	float: right;
	width: 480px;
	height: 50px;
	border: 1px solid #d2d2d2;
	margin-bottom: 4rem;
	display: flex;
}

.yard-earlyGateIn .earlyGateIn .sum-fee .left {
	width: 120px;
	text-align: right;
    font-size: 0.94rem;
    padding-top: 15px;
	padding-right: 10px;
	background-color: #f4f5f6;
	border-right: 1px solid #d2d2d2;
}

.yard-earlyGateIn .earlyGateIn .sum-fee .left span {
	font-size: 0.75rem;
}

.yard-earlyGateIn .earlyGateIn .sum-fee .right {
	width: calc(100% - 120px);
	font-size: 1.125rem;
	text-align: right;
	padding: 14px;
}

.yard-earlyGateIn .earlyGateIn .sum-fee .right .unit{
	width: calc(100% - 120px);
	font-size: 1.125rem;
	text-align: right;
	padding: 14px;
}

/* Yard: EarlyGateIn : popup-taWrite */
.popup-taWrite {
	display: none;
	position: fixed;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 1200px;
	height: 700px;
	font-size: 0.875rem;
	font-weight: bold;
	color: #555555;
	padding: 1rem 0;
	background-color: #ffffff;
	border: 2px solid #0069b5;
	overflow-y: auto;
	z-index: 9999;
}

.popup-taWrite::after {
	display: block;
	content: '';
	clear: both;
}

.popup-taWrite h2 {
	font-size: 2rem;
}

.popup-taWrite .btn-close {
	position: absolute;
	top: -7px;
	right: 3px;
	font-size: 30px;
	font-weight: 600;
	cursor: pointer;
}

.popup-taWrite p {
	margin-bottom: 1rem;
}

.popup-taWrite p.mb {
	margin-bottom: 2rem;
}

.popup-taWrite .table-wrap {
	margin-bottom: 1.5rem;
}

.popup-taWrite .table-wrap input {
	width: 200px;
	outline: none;
	height: 1.5rem;
	border: 1px solid #d2d2d2;
	padding: 0 8px;
}

.popup-taWrite .table-wrap span {
	font-size: 0.75rem;
	margin-left: 0.3rem;
}

.popup-taWrite .ta-notice {
	min-height: 404px;
	border: 1px solid #d2d2d2;
	margin-bottom: 1rem;
	font-size: 0.825rem;
}

.popup-taWrite .ta-notice .title {
	height: 32px;
	background-color: #0069b5;
	color: #ffffff;
	font-size: 1rem;
	padding: 8px 25px;
}

.popup-taWrite .ta-notice .content {
	height: auto;
	padding: 20px 25px;
}

.popup-taWrite .ta-notice .content .txt-small {
	display: block;
	font-size: 0.75rem;
	padding-top: 7px;
	padding-left: 14px;
}

.popup-taWrite .chk-agree {
	margin-bottom: 1rem;
}

.popup-taWrite button {
	clear: both;
	width: 120px;
	height: 40px;
	/*display: block;*/
	margin: 0 auto;
	background-color: #5578b5;
	color: #ffffff;
	border: none;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	margin: 0.5rem;
	/*margin-bottom: 5rem;*/
}

.popup-taWrite .account {
	height: 36px;
	border: 1px solid #888888;
	display: none;
}

.popup-taWrite .account .left {
	width: 180px;
	height: 36px;
	background-color: #696969;
	border-right: 1px solid #888888;
	color: #ffffff;
	float: left;
	padding: 9px 15px;
}

.popup-taWrite .account .right {
	width: calc(100% - 180px);
	display: inline-block;
	padding: 9px 15px;
}

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

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

.yard-earlyGateInHistory .earlyGateInHistory h2 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.yard-earlyGateInHistory .earlyGateInHistory .notice {
	margin-top: -1.5rem;
    margin-bottom: 2rem;
    font-size: 12px;
    color: #1E5B91;
}

.yard-earlyGateInHistory .earlyGateInHistory .notice2 {
	margin-top: -1.5rem;
    margin-bottom: 1rem;
    font-size: 16px;
    color: #004f95;
    text-align: right;
}

.yard-earlyGateInHistory .earlyGateInHistory .btn-wrap {
	position: relative;
}

.yard-earlyGateInHistory .earlyGateInHistory .btn-wrap button[type="button"] {
	float: right;
	width: 80px;
    background-color: #ffffff;
    color: #555555;
    border: 1px solid #d2d2d2;
    padding: 5px 0;
    cursor: pointer;
}


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

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

.yard-earlyGateInHistOpr .earlyGateInHistOpr h2 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.yard-earlyGateInHistOpr .earlyGateInHistOpr .notice {
	margin-top: -1.5rem;
    margin-bottom: 2rem;
    font-size: 12px;
    color: #1E5B91;
}

.yard-earlyGateInHistOpr .earlyGateInHistOpr .notice2 {
	margin-top: -1.5rem;
    margin-bottom: 1rem;
    font-size: 16px;
    color: #004f95;
    text-align: right;
}

.yard-earlyGateInHistOpr .earlyGateInHistOpr .btn-wrap {
	position: relative;
}

.yard-earlyGateInHistOpr .earlyGateInHistOpr .btn-wrap button[type="button"] {
	float: right;
	width: 80px;
    background-color: #ffffff;
    color: #555555;
    border: 1px solid #d2d2d2;
    padding: 5px 0;
    cursor: pointer;
}

/* Yard: ExcludeList */
.yard-excludeList .excludeList {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

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

.yard-excludeList .excludeList .table-top-wrap {
    width: 100%;
    text-align: right;
    margin-bottom: 0.5rem;
}

.yard-excludeList .excludeList .table-top-wrap #btnDel {
    padding: 5px 15px;
    border: 1px solid #d2d2d2;
    font-weight: 600;
    cursor: pointer;
}

.yard-excludeList .excludeList .search-area input[type=file] {
	background-color: #ffffff;
    padding: 2px;
}

.yard-excludeList .excludeList .search-area .area .btn#btnClear {
	width: 2rem;
}

/* Yard: ExcludeHistory */
.yard-excludeHistory .excludeHistory {
	font-size: 0.875rem;
	font-weight: bold;
	color: #555555;
	margin-bottom: 12rem;
	padding-top: 1rem;
}

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

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

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

.yard-lateGateIn .lateGateIn button {
	clear: both;
	width: 134px;
	height: 32px;
	display: block;
	margin: 0 auto;
	background-color: #1E5B91;
	color: #ffffff;
	border: none;
	/* border-radius: 5px; */
	font-weight: bold;
	cursor: pointer;
}

.yard-lateGateIn .lateGateIn .notice {
	margin-top: -1.5rem;
	margin-bottom: 1rem;
	font-size: 12px;
	color: #1E5B91;
}

.yard-lateGateIn .lateGateIn .caution {
	position: relative;
	text-align: right;
}

.yard-lateGateIn .lateGateIn .caution p {
	font-size: 0.75rem;
}

.yard-lateGateIn .lateGateIn .egi-add-box {
	position: relative;
	width: 100%;
	min-width: 75rem;
	height: 100%;
	background-color: #DDEBF6;
	border: 1px solid #AFCDE5;
	padding: 20px 30px;
	margin-top: 1rem;
}

.yard-lateGateIn .lateGateIn .egi-add-box h3 {
	font-size: 15px;
}

.yard-lateGateIn .lateGateIn .egi-add-box h3.mt20 {
	margin-top: 20px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .vessel-info-line {
	display: flex;
	width: 100%;
	height: 40px;
	margin-top: 10px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .vessel-info-line dl {
	display: flex;
	width: 379px;
	height: 100%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .vessel-info-line dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 100%;
	background-color: #50779E;
	color: #ffffff;
}

.yard-lateGateIn .lateGateIn .egi-add-box .vessel-info-line dl dd {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(100% - 150px);
	height: 100%;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
	padding-left: 10px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
	margin-top: 10px;
	padding: 15px;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line {
	display: flex;
	width: 100%;
	height: 36px;
	border: 1px solid #d2d2d2;
	margin-bottom: 15px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line dl {
	display: flex;
	height: 100%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line dl.class {
	width: 30%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line dl.size {
	width: 25%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line dl.type {
	width: 45%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add.test .sel-line dl.class {
	width: 30%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add.test .sel-line dl.size {
	width: 25%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add.test .sel-line dl.type {
	width: 45%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 85px;
	height: 100%;
	background-color: #F9F9F9;
	border-right: 1px solid #d2d2d2;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line dl dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 85px);
	height: 100%;
	border-right: 1px solid #d2d2d2;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line dl.type dd {
	border-right: 0;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line dl dd label + input {
	margin-left: 15px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .sel-line dl dd input[type="radio"]:disabled + label {
	color: #d2d2d2;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left {
	width: calc(100% - 324px);
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .slot-wrap {
	display: flex;
	align-items: center;
	width: 100%;
	height: 36px;
	font-size: 14px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .slot-wrap .tit {
	margin-right: 20px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap {
	display: flex;
	/*justify-content: space-between;*/
	align-items: center;
	flex-flow: wrap;
	width: 100%;
	font-size: 14px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div {
	display: flex;
	align-items: center;
	width: 32.5%;
	height: 112px;
	margin: 3px;
	background-color: #F9F9F9;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
	overflow: hidden;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active {
	color: #ffffff;
	border: 0;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.disabled {
	pointer-events: none;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div .day {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 74px;
	height: 100%;
	border-right: 1px solid #d2d2d2;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.disabled .day {
	color: #d2d2d2;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon1 .day {
	background-color: #1288D2;
	border-right: 0;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon2 .day {
	background-color: #2462B5;
	border-right: 0;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon3 .day {
	background-color: #0F4B7F;
	border-right: 0;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon5 .day {
	background-color: #143054;
	border-right: 0;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon7 .day {
	background-color: #1e2d64;
	border-right: 0;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div .price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc(100% - 74px);
	height: 100%;
	padding: 0 15px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.disabled .price {
	color: #d2d2d2;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon1 .price {
	background-color: #2C97DB;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon2 .price {
	background-color: #3671BF;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon3 .price {
	background-color: #1E5B91;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon5 .price {
	background-color: #083278;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active#coupon7 .price {
	background-color: #364370;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div .price > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div .price > div:first-child {
	margin-bottom: 15px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div .price > div span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 65px;
	height: 25px;
	border: 1px solid #555555;
	border-radius: 15px;
	font-size: 14px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.active .price > div span {
	border: 1px solid #ffffff;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .left .coupon-wrap > div.disabled .price > div span {
	border: 1px solid #d2d2d2;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .right {
	width: 304px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .right .cont-box {
	width: 100%;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .right .cont-box .cont-num {
	/*display: flex;
	align-items: center;*/
	width: 100%;
	height: 36px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .right .cont-box textarea {
	width: 100%;
	height: 148px;
	resize: none;
	border: 1px solid #d2d2d2;
	overflow-y: auto;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .btn-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .btn-wrap button[type="button"] {
	width: 80px;
	margin: 0 3px;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
	color: #222222;
}

.yard-lateGateIn .lateGateIn .egi-add-box .egi-add .btn-wrap button[type="button"]#btnRegist {
	background-color: #163E62;
	color: #ffffff;
}



.yard-lateGateIn .lateGateIn .egi-add-wrap {
	position: relative;
	display: flex;
	width: 100%;
	min-width: 75rem;
	height: 100%;
	background-color: #F1F1F1;
	border: 1px solid #d2d2d2;
	padding: 1rem;
	margin-top: 1rem;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box {
	min-width: 290px;
	border: 1px solid #d2d2d2;
	padding: 15px;
	margin-right: 10px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box dl {
	display: flex;
	width: 100%;
	margin-bottom: 30px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box dl:last-child {
	margin-bottom: 0;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box dl dt {
	width: 100px;
	letter-spacing: -0.3px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box dl dd {
	width: calc(100% - 100px);
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box input[type="text"] {
	width: 165px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box:nth-child(3) input[type="text"] {
	width: 226px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box input[type="radio"]:disabled + label {
	color: #888888;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .coupon-wrap {
	display: flex;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon {
	width: 110px;
	height: 85px;
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	margin-right: 5px;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	padding: 12px 10px;
	cursor: pointer;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon.active {
	background-color: #163E62;
	color: #ffffff;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon.hidden {
	display: none;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon > div {
	line-height: 130%;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon > div:first-child {
	margin-bottom: 12px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .coupon-wrap .coupon:last-child {
	margin-right: 0;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .cont-box {
	width: 100%;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .cont-box .cont-num {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 5px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .egi-box .cont-box textarea {
	width: 100%;
	height: 156px;
	resize: none;
	border: 1px solid #d2d2d2;
	overflow-y: auto;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .manage-area {
	position: relative;
	width: 196px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .manage-area .manage-box {
	/*display: none;*/
	position: relative;
	width: 100%;
	border: 1px solid #d2d2d2;
	padding: 8px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .manage-area .manage-box dl {
	width: 100%;
	margin-bottom: 15px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .manage-area .manage-box dl dt {
	margin-bottom: 10px;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .manage-area .manage-box dl dd {
	line-height: 130%;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .manage-area .manage-box dl dd input[type="text"] {
	width: 75%;
	border: 1px solid #d2d2d2;
	text-align: right;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .manage-area .manage-box button[type="button"] {
	display: block;
	width: 50px;
	background-color: #163E62;
	color: #ffffff;
	padding: 5px 0;
	margin-bottom: 10px;
	cursor: pointer;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .btn-wrap {
	/* position: absolute;
	right: 12px; */
	display: flex;
	justify-content: space-evenly;
	width: 100%;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .btn-wrap button[type="button"] {
	display: block;
	width: 80px;
	background-color: #163E62;
	color: #ffffff;
	padding: 5px 0;
	margin-bottom: 10px;
	cursor: pointer;
}

.yard-lateGateIn .lateGateIn .egi-add-wrap .btn-wrap button[type="button"].reset {
	background-color: #ffffff;
	color: #555555;
	border: 1px solid #d2d2d2;
}


.yard-lateGateIn .lateGateIn .calculate-area {
	margin-top: 10px;
}

.yard-lateGateIn .lateGateIn .calculate-btn-list{
	margin-top: 30px;
	margin-bottom: 10px;
	display: flex;
}

.yard-lateGateIn .lateGateIn .calculate-btn-list .btn-wrap {
	display: flex;
}

.yard-lateGateIn .lateGateIn .calculate-btn-list .left-area {
	width: 93%;
}

.yard-lateGateIn .lateGateIn .calculate-btn-list .btn-wrap button[type="button"] {
	display: block;
	width: 80px;
	height: 1.875rem;
	background-color: #163E62;
	color: #ffffff;
	padding: 5px 0;
	margin-left: 5px;
	cursor: pointer;
}


.yard-lateGateIn .lateGateIn .sum-fee {
	clear: both;
	float: right;
	width: 480px;
	height: 50px;
	border: 1px solid #d2d2d2;
	margin-bottom: 4rem;
	display: flex;
}

.yard-lateGateIn .lateGateIn .sum-fee .left {
	width: 120px;
	text-align: right;
	font-size: 0.94rem;
	padding-top: 15px;
	padding-right: 10px;
	background-color: #f4f5f6;
	border-right: 1px solid #d2d2d2;
}

.yard-lateGateIn .lateGateIn .sum-fee .left span {
	font-size: 0.75rem;
}

.yard-lateGateIn .lateGateIn .sum-fee .right {
	width: calc(100% - 120px);
	font-size: 1.125rem;
	text-align: right;
	padding: 14px;
}

.yard-lateGateIn .lateGateIn .sum-fee .right .unit{
	width: calc(100% - 120px);
	font-size: 1.125rem;
	text-align: right;
	padding: 14px;
}

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

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

.yard-lateGateInHistory .lateGateInHistory h2 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.yard-lateGateInHistory .lateGateInHistory .notice {
	margin-top: -1.5rem;
	margin-bottom: 2rem;
	font-size: 12px;
	color: #1E5B91;
}

.yard-lateGateInHistory .lateGateInHistory .notice2 {
	margin-top: -1.5rem;
	margin-bottom: 1rem;
	font-size: 16px;
	color: #004f95;
	text-align: right;
}

.yard-lateGateInHistory .lateGateInHistory .btn-wrap {
	position: relative;
}

.yard-lateGateInHistory .lateGateInHistory .btn-wrap button[type="button"] {
	float: right;
	width: 80px;
	background-color: #ffffff;
	color: #555555;
	border: 1px solid #d2d2d2;
	padding: 5px 0;
	cursor: pointer;
}

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

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

.onDock-booking #tblBookingTop tbody tr{
    cursor: pointer;
}

.onDock-booking #tblBookingTop tbody tr td:nth-of-type(2) {
    color: #0069b5;
}

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

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

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

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

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

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

.onDock-nightCarry .nightCarry .cntr-wrap {
	display: inline-block;
	padding-top: 0.4rem;
}

.onDock-nightCarry .nightCarry .cntr-wrap .cntr-list {
	display: block;
	width: 15.625rem;
    margin-bottom: 1.5rem;
}

.onDock-nightCarry .nightCarry .cntr-wrap .cntr-list .cntr-no {
	float: left;
}

.onDock-nightCarry .nightCarry .cntr-wrap .cntr-list .cntr-count {
	float: right;
}

.onDock-nightCarry .nightCarry .cntr-wrap .cntrNoH {
	height: 6.5rem;
}

.onDock-nightCarry .nightCarry .nCarry-btn {
	position: absolute;
    bottom: 1rem;
}

.onDock-nightCarry .nightCarry .table-wrap .th-gray {
	background-color: #F2F2F4;
	border: 1px solid #d2d2d2;
	border-bottom: none;
}

/* OnDock: PtiApply */
.onDock-ptiApply .ptiApply {
	min-width: 1200px;
	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 h2 {
	font-size: 0.8125rem;
}

.onDock-ptiApply .ptiApply input {
    outline: none;
    height: 1.875rem;
    vertical-align: middle;
    border: 1px solid #d2d2d2;
    padding: 0 8px;
}

.onDock-ptiApply .ptiApply .type1 {
	width: 11.5rem;
}

.onDock-ptiApply .ptiApply .type2 {
	width: 17.75rem;
}

.onDock-ptiApply .ptiApply .type2.calendar {
	background: url('../../images/esvc/ic_calendar.png') 95% center no-repeat;
}

.onDock-ptiApply .ptiApply span.txt-red {
	margin-left: -0.7rem;
}

.onDock-ptiApply .ptiApply .remark {
	width: 97%;
	height: 4.5rem;
	border: 1px solid #d2d2d2;
	resize: none;
}

.onDock-ptiApply .ptiApply .table-wrap {
    margin-bottom: 1rem;
}

.onDock-ptiApply .ptiApply .table-wrap .common-table td:nth-of-type(9) {
	color: RED;
}

.onDock-ptiApply .ptiApply .apply-notice {
	width: 100%;
	height: auto;
	border: 1px solid #d2d2d2;
	padding: 1rem;
	margin-bottom: 1rem;
}

.onDock-ptiApply .ptiApply .apply-notice ul {
	margin-bottom: 1rem;
}

.onDock-ptiApply .ptiApply .apply-notice ul li {
	position: relative;
	list-style: none;
	line-height: 160%;
	font-size: 0.75rem;
	color: #666666;
	letter-spacing: -0.03rem;
    word-break: keep-all;
    padding-left: 1rem;
}

.onDock-ptiApply .ptiApply .apply-notice ul li::before {
	content: '※';
	position: absolute;
	left: 0;
}

.onDock-ptiApply .ptiApply .apply-notice ul li:first-child {
	margin-bottom: 1rem;
}

.onDock-ptiApply .ptiApply .apply-notice p {
	margin-bottom: 1rem;
	font-size: 0.8125rem;
}

.onDock-ptiApply .ptiApply .apply-notice p span.underline {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.onDock-ptiApply .ptiApply .btn-wrap {
	text-align: right;
}

.onDock-ptiApply .ptiApply .btn-enroll {
	/*float: right;*/
	width: 4.375rem;
	height: 2rem;
	background-color: #1E5A8E;
	color: #ffffff;
	cursor: pointer;
}

.onDock-ptiApply .ptiApply .btn-cancel {
	width: 4.375rem;
	height: 2rem;
	background-color: #FFFFFF;
	/*color: #ffffff;*/
	border: 1px solid #d2d2d2;
	cursor: pointer;
}

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

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

/* OnDock: Free Pool Summary */
.onDock-freePool .freePool {
	min-width: 1200px;
	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-freePool .freePool table.dataTable tbody td {
	position: relative;
}

.onDock-freePool .freePool table.dataTable tbody td button[type=button] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-color: white;
}

/* Free Pool 팝업 */
#modal-freePool {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	height: 100%;
	z-index: 9999;
	display: none;
	font-size: 0.875rem;
}

#modal-freePool .content {
	width: 100%;
	height: auto;
	background-color: #ffffff;
	border: 3px solid #004f95;
	padding: 20px;
	margin: 0 auto;
}

#modal-freePool .content h1 {
	font-size: 1.25rem;
	font-weight: bold;
	/*float: left;*/
	padding: 10px 20px;
}

#modal-freePool .content .table-wrap {
	/*height: 27rem;*/
	padding: 1.5rem;
	padding-bottom: 0;
	display: flex;
	overflow-y: auto;
}

#modal-freePool .content .btn-area {
	position: relative;
	display: block;
	text-align: center;
}

#modal-freePool .content .table-wrap .left{
	width: 100%;
}

#modal-freePool .btn-area #btnClose {
	width: 5rem;
	height: 2rem;
	margin-right: 0.5rem;
	padding: 0.4rem 0.5rem 0.5rem 0.5rem;
	border: none;
	background-color: #6D6D6D;
	color: #fff;
	cursor: pointer;
}

#modal-freePool .content .table-wrap .dataTables_wrapper .dataTables_info {
	position: absolute;
	top: -30px;
}

#modal-freePool .content .table-wrap .dataTables_wrapper .dataTables_paginate {
	float: unset;
	text-align: center;
}

/* Free Pool summary 팝업 */
#modal-freePoolSummary {
	position: absolute;
	top: -30%;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	font-size: 0.875rem;
}

#modal-freePoolSummary .content {
	width: 52.5rem;
	background-color: #ffffff;
	border: 3px solid #004f95;
	padding: 1.5rem;
	margin: 0 auto;
}

#modal-freePoolSummary .content h1 {
	font-size: 1.25rem;
	font-weight: bold;
	padding-bottom: 1rem;
}

#modal-freePoolSummary .content .search-area {
	min-width: 100%;
	height: 5rem;
	margin-bottom: 1rem;
}

#modal-freePoolSummary .content .table-wrap {
	max-height: 20rem;
	min-height: 5rem;
	margin-bottom: 1rem;
	display: block;
	overflow: hidden;
	overflow-y: auto;
}

#modal-freePoolSummary .content .table-wrap .dataTables_wrapper {
   margin-bottom: 0;
}

#modal-freePoolSummary .content .table-wrap .dataTables_wrapper table {
   width: 99.5% !important;
}

#modal-freePoolSummary .btn-area {
	display: block;
	margin-top: 1rem;
}

#modal-freePoolSummary .btn-area #btnClose3 {
	width: 5rem;
	height: 2rem;
	margin-right: 0.5rem;
	padding: 0.4rem 0.5rem 0.5rem 0.5rem;
	border: none;
	background-color: #6D6D6D;
	color: #fff;
	cursor: pointer;
}

#modal-freePoolSummary .content .table-wrap #tblMaster thead tr th{
	border-bottom: 1px solid #d2d2d2;
}

#modal-freePoolSummary .content .btn-download {
	display: inline-block;
	width: 20%;
	height: 100%;
	background-color: #004f95;
	color: #ffffff;
	text-align: center;
	font-size: 1.5rem;
	padding: 0.5rem 0;
	margin-bottom: 0.5rem;
	cursor: pointer;
}

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

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

.onDock-ptiManage .ptiManage .table-wrap select {
	width: 6.625rem;
	height: 28px;
	font-size: 0.75rem;
	outline: none;
	background: url(../../images/ic_sel_arrow.jpg) 95% center no-repeat;
    background-color: #ffffff;
	border: 1px solid #d2d2d2;
	padding-left: 3px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.onDock-ptiManage .ptiManage .table-wrap button {
	width: 46px;
	height: 28px;
	font-size: 0.75rem;
	color: #ffffff;
	cursor: pointer;
}

.onDock-ptiManage .ptiManage .delete {
	background-color: #7C8894;
}

.onDock-ptiManage .ptiManage .table-wrap tr.red td {
	background-color: #FEE1E3;
}

.onDock-ptiManage .ptiManage .table-wrap tr.red td:last-child {
	background-color: #ffffff;
}



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

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

.edocu-booking .booking #tblBookingTop{
	border-bottom: none;
	/* margin-bottom: 2rem; */
}

.edocu-booking .booking #tblBookingTop a {
	color: #0069b5;
	text-decoration: none;
}

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

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

.edocu-booking .reset {
	width: 74px;
	height: 32px;
	border: none;
	background-color: #7B8793;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}

.edocu-booking .btn-rem {
	width: 74px;
	height: 32px;
	border: none;
	border-radius: 5px;
	background-color: #AA2727;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}

.edocu-booking .bookingMod .table-wrap h3 {
	color: #004f95;
	margin-bottom: 1rem;
}

.edocu-booking .bookingMod .booking-table {
	width: 100%;
	text-align: left;
	white-space: nowrap;
	margin-bottom: 2rem;
}

.edocu-booking .bookingMod .booking-table.last {
	margin-bottom: 2.5rem;
}

.edocu-booking .bookingMod .booking-table tr td {
	height: 3.25rem;
	padding: 0.5rem 1rem;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
}

.edocu-booking .bookingMod .booking-table tr td:first-child {
	border-left: none;
}

.edocu-booking .bookingMod .booking-table tr td:last-child {
	border-right: none;
}

.edocu-booking .bookingMod .booking-table tr td input {
	width: 14.7rem;
	height: 1.875rem;
	padding: 0 0.5rem;
	border: 1px solid #d2d2d2;
}

.edocu-booking .bookingMod .booking-table tr td select {
	width: 14.7rem;
	height: 1.875rem;
	padding: 0 0.5rem;
	background: url('../../images/ic_sel_arrow.jpg') 95% center no-repeat;
	border: 1px solid #d2d2d2;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.edocu-booking .bookingMod .booking-table tr td input[type=checkbox] {
	width: 13px;
	height: 13px;
}

.edocu-booking .bookingMod .booking-table tr td input[type=checkbox].pick {
	margin-top: 8px;
}

.edocu-booking .bookingMod .booking-table tr td select::-ms-expand {
	display: none;
}

.edocu-booking .bookingMod .booking-table tr td .search {
	width: 8.5rem;
	background: url('../../images/esvc/ic_search2.png') 95% center no-repeat;
}

.edocu-booking .bookingMod .booking-table tr td .search2 {
	width: 4.625rem;
	background: url('../../images/esvc/ic_search2.png') 95% center no-repeat;
}

.edocu-booking .bookingMod .booking-table tr td .calendar {
	background: url('../../images/esvc/ic_calendar.png') 95% center no-repeat;
}

.edocu-booking .bookingMod .booking-table tr td .calendar2 {
	background: url('../../images/esvc/ic_calendar.png') 95% center no-repeat;
	float: right;
	vertical-align: middle;
}

.edocu-booking .bookingMod .booking-table tr td .type1 {
	width: 4.5rem;
}

.edocu-booking .bookingMod .booking-table tr td .type2 {
	width: 3.375rem;
}

.edocu-booking .bookingMod .booking-table tr td .type3 {
	width: 11.125rem;
}

.edocu-booking .bookingMod .booking-table tr td .type4 {
	width: 17.7rem;
}

.edocu-booking .bookingMod .booking-table tr td .type5 {
	width: 100%;
}

.edocu-booking .bookingMod .booking-table tr td .type6 {
	width: 7.25rem;
}

.edocu-booking .bookingMod .booking-table tr td .type7 {
	height: 5.1875rem;
}

.edocu-booking .bookingMod .booking-table tr td .type8 {
	width: 5rem;
}

.edocu-booking .bookingMod .booking-table tr td .type9 {
	width: 4rem;
}

.edocu-booking .bookingMod .booking-table tr td.txt-center {
	text-align: center;
}

.dangerInfo-list {
	font-size: 0;
}

.dangerInfo-list h2,
.dangerInfo-list .btn-box {
	display: inline-block;
}

.dangerInfo-list h2 {
	width: 70%;
}

.dangerInfo-list .btn-box {
	width: 30%;
	text-align: right;
}

.dangerInfo-list .btn-box button {
	width: 4.5rem;
	padding: 0.5rem;
	border: none;
	border-radius: 0.2rem;
	background-color: #EA5A59;
	color: #fff
}

.dangerInfo-list .btn-box button:first-child {
	margin-right: 0.3rem;
	background-color: #5678B7;
}

.dangerInfo-list .table-wrap {
	height: 15rem;
	margin-bottom: 2rem;
	border: 1px solid #ddd;
	border-top: none;
	overflow-x: scroll;
	font-size: 0.9rem;
}

#modal-sztp #tblPopupSztp select {
	width: 100%;
	height: 2rem;
	padding-left: 0.2rem;
	border: 1px solid #ccc;
}

.edocu-booking .bookingMod .save-wrap {
	margin-top: 30px;
	text-align: center;
}

.btn-add {
	float: right;
	width: 50px;
	height: 30px;
	border: none;
	border-radius: 5px;
	background-color: #0069b5;
	color: #ffffff;
	font-weight: bold;	
	margin-bottom: 10px;
	cursor: pointer;
}

.btn-save {	
	width: 74px;
	height: 32px;
	border: none;
	background-color: #1E5B91;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}

.btn-print {
	width: 74px;
	height: 32px;
	border: none;
	border-radius: 5px;
	background-color: #004f95;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}

/* Edocu: Copino */
.copino #tblCopinoInfo a {
	text-decoration: none;
	font-weight: bold;
}

.copino+#errorPopup .content-wrap {
	min-height: 0;
}

.copino+#errorPopup .content-context {
	margin-bottom: 20px;
}


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

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

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

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

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

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

.edocu-copino .copino .notice {
	margin-top: -1.3rem;
	margin-bottom: 2rem;
	font-size: 0.75rem;
	/*color: #1E5B91;*/
}

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

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

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

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

#inspectForm {
	margin-bottom: 4rem;
}

#inspectForm tr td {
	height: 55px;
	font-size: 0.9rem;
	background-color: #fff;
}

#inspectForm tr td .sh {
	width: 6rem;
}

#inspectForm tr td .md {
	width: 15rem;
}

#inspectForm tr td .lo {
	width: 22rem;
}


#inspectForm tr td .btnCheck {
	/* width: 3rem; */
	border: none;
	background-color: #163E62;
	color: #fff;
}

#inspectForm tr td label {
	display: inline-block;
	margin-right: 1rem;
	vertical-align: top;
}

#inspectForm tr td label > * {
	display: inline-block;
	vertical-align: top;
}

#inspectForm tr td label .input-radio {
	width: 1rem;
	margin-right: 0.4rem;
}

#inspectForm tr td label span {
	height: 100%;
	/* padding-top: 0.6rem; */
}

#inspectForm .caution {
	float: left;
	font-size: 0.875rem;
	color: #1E5B91;
	padding-top: 8px;
}

#inspectForm .btn-box {
	margin-bottom: 0.5rem;
	text-align: right;
}

#inspectForm .btn-box button {
	min-width: 4rem;
	padding: 0.5rem;
	border: none;
	background-color: #1E5B91;
	color: #fff
}

#inspectForm .checkText.success {;
	color: #2F76B8;
}

#inspectForm .checkText.fail {;
	color: red;
}

#inspectForm tr td .ctnr {
	width: 11rem;
}

#inspectForm tr td .ctnr.sm {
	width: 4rem;
}

#inspectForm tr td .ctnr.checked {
	border: 1px solid #2F76B8;
}

#inspectForm .container-list td:nth-child(odd) {
	text-align: center;
}

#inspectForm .btn-area #btnRegister,
#inspectForm .btn-area .reset {
	width: 5rem;
	height: 2rem;
	margin-right: 0.5rem;
	padding: 0.4rem 0.5rem 0.5rem 0.5rem;
	border: none;
	background-color: #6D6D6D;
	color: #fff
}

#inspectForm .btn-area #btnRegister {
	background-color: #1E5B91;
}

/* Quarantine: Lookup */
.quarantine-lookup .search-area label{
	margin-right: 0.5rem;
}

.quarantine-lookup .lookup {
	min-width: 1200px;
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

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

.quarantine-lookup .lookup .chkList {
	margin-left: 80px;
	margin-top: 3px;
}

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

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

.cntr-info .contInfo .notice {
    margin-top: -1.3rem;
    margin-bottom: 2rem;
    font-size: 0.75rem;
    color: #1E5B91;
}

.cntr-info .contInfo .table-wrap {
    width: 100%;
}

.cntr-info .contInfo .table-wrap .left {
    float: left;
    width: 40%;
    margin-right: 1%;
}

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

.cntr-info .contInfo .table-wrap div {
    margin-bottom: 21px;
}

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

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

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

.cntr-info .contInfo .table-wrap td{
    position: relative;
}

.cntr-info .contInfo .table-wrap .btn {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	height: 25px;
    padding: 0.1rem 0.5rem;
    font-size: 0.75rem;
    background-color: #163e62;
    color: #ffffff;
    cursor: pointer;
	text-decoration: none;
	font-weight: normal;
}

.cntr-info .contInfo p {
	margin-bottom: 0.5rem;
}

#inspectForm tr td input.failed {
	border: 1px solid red;
}

#inspectForm tr td .checkContainerMsg {
	display: none;
}

#inspectForm tr td .checkContainerMsg.failed {
	display: inline-block;
	color: red;
}

#tblDetail td {
	position: relative;
}

#tblDetail td a {
	text-decoration: none;
	color: #0069b5;
}

#tblDetail td.HS_YN {
	color: red;
}

.btn-overday {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	background-color: #0069b5;
	color: #fff;
}

.pop-overday {
	display: none;
	position: absolute;
	bottom:10px;
	left:50%;
	transform: translateX(-50%);
	width: 700px;
	height: 360px;
	padding: 25px;
	border: 1px solid #ddd;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.pop-overday > button:first-child {
	position: absolute;
	top: 5px;
	right: 5px;
	line-height: 100%;
	background: none;
	font-size: 2.3rem;
}

.pop-overday > h4 {
	padding-left: 80px;
	height: 40px;
	background: url("../../images/main/popup/popup_logo.png") center no-repeat;
	background-size: 60px;
	background-position: 3px 3px;
	margin-bottom: 20px;
	font-size: 1.5rem;
	font-weight: normal;
}

.pop-overday > table {
	width: 100%;
	margin-bottom: 20px;
}

.pop-overday > table thead tr:first-child th{
	height: 32px;
	padding-top: 8px;
	border-top: 2px solid #194E7A;
	background-color: #2F76B8;
	font-size: 0.8rem;
	font-weight: normal;
	color: #fff;
}

.pop-overday > table thead tr:nth-child(2) th{
	height: 26px;
	padding-top: 7px;
	background-color: #BBD3ED;
	font-size: 0.8rem
}

.pop-overday > table tbody tr th{
	height: 32px;
	padding-top: 10px;
	border-bottom: 1px solid #DDE2E8;
	background-color: #EEF3F9;
	font-size: 0.8rem;
}

.pop-overday > table tbody tr td + th,
.pop-overday > table tbody tr td + td {
	border-left: 1px solid #DDE2E8;
}

.pop-overday > table tbody tr td{
	height: 32px;
	padding: 5px;
	border-bottom: 1px solid #DDE2E8;
}

.pop-overday > div:last-child {
	text-align: right;
}

.pop-overday > div:last-child button {
	padding: 7px 15px;
	border-radius: 3px;
	background-color: #838D97;
	font-size: 0.7rem;
	color: #fff;
}


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

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

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

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

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

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

.cntr-hsService .hsService p {
	margin-bottom: 0.5rem;
}

.cntr-hsService .hsService .caution {
	position: relative;
    text-align: right;
}

.cntr-hsService .hsService .caution p {
	font-size: 0.75rem;
}

.cntr-hsService .hsService .table-wrap {
	margin-bottom: 1.5rem;
}

.cntr-hsService .hsService .sum-fee {
	clear: both;
	float: right;
	width: 480px;
	height: 50px;
	border: 1px solid #d2d2d2;
	margin-bottom: 4rem;
	display: flex;
}

.cntr-hsService .hsService .sum-fee .left {
	width: 120px;
	text-align: right;
	font-size: 0.875rem;
	padding: 10px;
    background-color: #f4f5f6;
	border-right: 1px solid #d2d2d2;
}

.cntr-hsService .hsService .sum-fee .left span {
	font-size: 0.75rem;
}

.cntr-hsService .hsService .sum-fee .right {
	width: calc(100% - 120px);
	font-size: 1.125rem;
	text-align: right;
	padding: 14px;
}

.cntr-hsService .hsService button {
	clear: both;
	width: 134px;
	height: 32px;
	display: block;	
	margin: 0 auto;
	background-color: #1E5B91;
	color: #ffffff;
	border: none;
	/* border-radius: 5px; */
	font-weight: bold;
	cursor: pointer;
}

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

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

.cntr-hsService .taWrite p {
	margin-bottom: 1rem;
}

.cntr-hsService .taWrite p.mb {
	margin-bottom: 2rem;
}

.cntr-hsService .taWrite .table-wrap {
	margin-bottom: 1.5rem;
}

.cntr-hsService .taWrite .table-wrap input {
	outline: none;
	height: 1.5rem;
	border: 1px solid #d2d2d2;
	padding: 0 8px;
}

.cntr-hsService .taWrite .table-wrap span {
	font-size: 0.75rem;
	margin-left: 0.3rem;
}

.cntr-hsService .taWrite .ta-notice {
	min-height: 404px;
	border: 1px solid #d2d2d2;
	margin-bottom: 1rem;
	font-size: 0.825rem;
}

.cntr-hsService .taWrite .ta-notice .title {
	height: 32px;
	background-color: #0069b5;
	color: #ffffff;
	font-size: 1rem;
	padding: 8px 25px;
}

.cntr-hsService .taWrite .ta-notice .content {
	height: auto;
	padding: 20px 25px;
}

.cntr-hsService .taWrite .ta-notice .content .txt-small {
	display: block;
	font-size: 0.75rem;
	padding-top: 7px;
    padding-left: 14px;    
}

.cntr-hsService .taWrite .ta-notice .content .txt-blue {
	color: blue;
}

.cntr-hsService .taWrite .ta-notice .content .txt-red {
	color: red;
}

.cntr-hsService .taWrite .chk-agree {
	margin-bottom: 3rem;
}

.cntr-hsService .taWrite button {
	clear: both;
	width: 134px;
	height: 32px;
	display: block;	
	margin: 0 auto;
	background-color: #5578b5;
	color: #ffffff;
	border: none;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 5rem;
}

.cntr-hsService .taWrite .account {
	height: 36px;
	border: 1px solid #888888;	
}

.cntr-hsService .taWrite .account .left {
	width: 180px;
	height: 36px;
	background-color: #696969;
	border-right: 1px solid #888888;
	color: #ffffff;
	float: left;
	padding: 9px 15px;
}

.cntr-hsService .taWrite .account .right {
	width: calc(100% - 180px);
	display: inline-block;
	padding: 9px 15px;
}

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

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

.cntr-emptyHsService .emptyHsService p {
	margin-bottom: 0.5rem;
}

.cntr-emptyHsService .emptyHsService .caution {
	position: relative;
	text-align: right;
}

.cntr-emptyHsService .emptyHsService .caution p {
	font-size: 0.75rem;
}

.cntr-emptyHsService .emptyHsService .table-wrap {
	margin-bottom: 1.5rem;
}

.cntr-emptyHsService .emptyHsService .sum-fee {
	clear: both;
	float: right;
	width: 480px;
	height: 50px;
	border: 1px solid #d2d2d2;
	margin-bottom: 4rem;
	display: flex;
}

.cntr-emptyHsService .emptyHsService .sum-fee .left {
	width: 120px;
	text-align: right;
	font-size: 0.875rem;
	padding: 10px;
	background-color: #f4f5f6;
	border-right: 1px solid #d2d2d2;
}

.cntr-emptyHsService .emptyHsService .sum-fee .left span {
	font-size: 0.75rem;
}

.cntr-emptyHsService .emptyHsService .sum-fee .right {
	width: calc(100% - 120px);
	font-size: 1.125rem;
	text-align: right;
	padding: 14px;
}

.cntr-emptyHsService .emptyHsService button {
	clear: both;
	width: 134px;
	height: 32px;
	display: block;
	margin: 0 auto;
	background-color: #1E5B91;
	color: #ffffff;
	border: none;
	/* border-radius: 5px; */
	font-weight: bold;
	cursor: pointer;
}

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

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

.cntr-emptyHsService .taWrite p {
	margin-bottom: 1rem;
}

.cntr-emptyHsService .taWrite p.mb {
	margin-bottom: 2rem;
}

.cntr-emptyHsService .taWrite .table-wrap {
	margin-bottom: 1.5rem;
}

.cntr-emptyHsService .taWrite .table-wrap input {
	outline: none;
	height: 1.5rem;
	border: 1px solid #d2d2d2;
	padding: 0 8px;
}

.cntr-emptyHsService .taWrite .table-wrap span {
	font-size: 0.75rem;
	margin-left: 0.3rem;
}

.cntr-emptyHsService .taWrite .ta-notice {
	min-height: 404px;
	border: 1px solid #d2d2d2;
	margin-bottom: 1rem;
	font-size: 0.825rem;
}

.cntr-emptyHsService .taWrite .ta-notice .title {
	height: 32px;
	background-color: #0069b5;
	color: #ffffff;
	font-size: 1rem;
	padding: 8px 25px;
}

.cntr-emptyHsService .taWrite .ta-notice .content {
	height: auto;
	padding: 20px 25px;
}

.cntr-emptyHsService .taWrite .ta-notice .content .txt-small {
	display: block;
	font-size: 0.75rem;
	padding-top: 7px;
	padding-left: 14px;
}

.cntr-emptyHsService .taWrite .ta-notice .content .txt-blue {
	color: blue;
}

.cntr-emptyHsService .taWrite .ta-notice .content .txt-red {
	color: red;
}

.cntr-emptyHsService .taWrite .chk-agree {
	margin-bottom: 3rem;
}

.cntr-emptyHsService .taWrite button {
	clear: both;
	width: 134px;
	height: 32px;
	display: block;
	margin: 0 auto;
	background-color: #5578b5;
	color: #ffffff;
	border: none;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 5rem;
}

.cntr-emptyHsService .taWrite .account {
	height: 36px;
	border: 1px solid #888888;
}

.cntr-emptyHsService .taWrite .account .left {
	width: 180px;
	height: 36px;
	background-color: #696969;
	border-right: 1px solid #888888;
	color: #ffffff;
	float: left;
	padding: 9px 15px;
}

.cntr-emptyHsService .taWrite .account .right {
	width: calc(100% - 180px);
	display: inline-block;
	padding: 9px 15px;
}

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

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

.cntr-invoiceReprint .contInvoice p {
	margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.cntryCode-msg {
	display: inline-block;
	padding-left: 10px;
	color: #c92c14
}

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

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

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

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

.codeChk-compCode .compCode .table-wrap select {
	width: 5rem;
	height: 1.875rem;
	margin-bottom: 0.5rem;
	outline: none;
}

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

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

.codeChk-compVoyage .compVoyage .table-wrap select {
	width: 5rem;
	height: 1.875rem;
	margin-bottom: 0.5rem;
	outline: none;
}

.codeChk-compVoyage .compVoyage input {
	outline: none;
    height: 1.875rem;
    vertical-align: middle;
    border: 1px solid #d2d2d2;
    padding: 0 8px;
}

.codeChk-compVoyage .compVoyage .table-wrap button {
	width: 46px;
	height: 28px;
	font-size: 0.75rem;
	color: #ffffff;
	cursor: pointer;
}

.codeChk-compVoyage .compVoyage .modify {
	background-color: #1E5B91;
}

.codeChk-compVoyage .compVoyage .delete {
	background-color: #7C8894;
}

.codeChk-compVoyage .compVoyage .enroll {
	background-color: #163E62;
}


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

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

.codeChk-dangerCode .dangerCode .table-dbl {
	display: flex;
}

.codeChk-dangerCode .dangerCode .table-dbl .table-wrap {
	width: 50%;	
}

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

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

.membership-login .login .login-wrap {
	display: flex;
	width: 100%;
	height: 21.125rem;
	border-top: 2px solid #163E62;
	background: url('../../images/membership/bg_login.jpg') left bottom no-repeat;
	background-color: #F1F2F4;
}

.membership-login .login .login-wrap .left {
	position: relative;
	width: 50%;
	height: 21.125rem;
}

.membership-login .login .login-wrap .left::before {
	content: '';
	display: block;
	position: absolute;
	top: 2rem;
	right: 0;
	height: 17rem;
	border-right: 1px solid #d2d2d2;	
}

.membership-login .login .login-wrap .left .title-wrap {
	position: absolute;
	top: 8.5rem;
	left: 12.5rem;
}

.membership-login .login .login-wrap .left .title-wrap .title {	
    font-size: 1.5rem;
    letter-spacing: -0.05rem;
    margin-bottom: 1rem;
}

.membership-login .login .login-wrap .left .title-wrap .sub-title {
	font-size: 0.8125rem;
	letter-spacing: -0.05rem;
}

.membership-login .login .login-wrap .right {
	position: relative;
	width: 50%;
	height: 21.125rem;
}

.membership-login .login .login-wrap .right .login-area {
	position: absolute;
	top: 4.375rem;
	left: 4.625rem;
	text-align: center;
}

.membership-login .login .login-wrap .right .login-area input {
	width: 28rem;
	height: 3rem;
	border: 1px solid #d2d2d2;
	display: block;
	padding-left: 1rem;
}

.membership-login .login .login-wrap .right .login-area .input-id {
	margin-bottom: 0.5rem;
}

.membership-login .login .login-wrap .right .login-area .input-pw {
	margin-bottom: 1rem;
}

.membership-login .login .login-wrap .right .login-area .btn-login {
	width: 28.125rem;
	height: 3.125rem;
    background-color: #163E62;
    color: #ffffff;
    font-size: 1rem;
    padding: 1rem 0;
	margin-bottom: 0.5rem;
	cursor: pointer;
}

.membership-login .login .login-wrap .right .login-area .join-area {
	display: flex;
	width: 100%;
	padding: 0 4rem;
}

.membership-login .login .login-wrap .right .login-area .join-area a {
	padding: 1rem 0;
	color: #666666;
	cursor: pointer;
	text-decoration: none;
	letter-spacign: -0.03rem;
}

.membership-login .login .login-wrap .right .login-area .join-area a:nth-of-type(1) {
	margin-left: 3.5rem;
	margin-right: 1rem;
}

.membership-login .login .login-wrap .right .login-area .join-area a:nth-of-type(1)::after {
	content: '';
	display: inline-block;
	padding-left: 1rem;
	height: 0.75rem;
	border-right: 1px solid #888888;
}


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

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

.membership-memberJoin .memberJoin h2 {
	letter-spacing: -0.1rem;
	float: left;
}

.membership-memberJoin .memberJoin p.essential {
	letter-spacing: -0.1rem;
	font-size: 0.75rem;
	float: right;
}

.membership-memberJoin .memberJoin .tab-menu {
	width: 100%;
	height: 70px;
	margin-bottom: 3rem;
}

.membership-memberJoin .memberJoin .tab-menu ul {
	list-style: none;
	display: flex;
	text-align: center;
	font-size: 1.25rem;
	color: #a7a7a8;
}

.membership-memberJoin .memberJoin .tab-menu ul li {
	width: 399px;
	height: 70px;
	border: 1px solid #dcdcdc;
	background-color: #eeeeee;
	padding: 1.5rem 0;
	padding-left: 2.5rem;
}

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

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

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

.membership-memberJoin .memberJoin .tab-menu ul li.active:nth-of-type(1) {
	background: url('../../images/membership/ic_member_1_on.png') 22% center no-repeat;
	background-color: #004f95;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active:nth-of-type(2) {
	background: url('../../images/membership/ic_member_2_on.png') 22% center no-repeat;
	background-color: #004f95;
}

.membership-memberJoin .memberJoin .tab-menu ul li.active:nth-of-type(3) {
	background: url('../../images/membership/ic_member_3_on.png') 22% center no-repeat;
	background-color: #004f95;
}

.membership-memberJoin .memberJoin .tab-menu ul li:nth-child(n+2) {
	border-left: none;
}

/* .membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(1):hover,
.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(1):focus,
.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(1):active {
	background: url('../../images/membership/ic_member_1_on.png') 22% center no-repeat;
	background-color: #004f95;
	color: #ffffff;
}

.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(2):hover,
.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(2):focus,
.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(2):active {
	background: url('../../images/membership/ic_member_2_on.png') 22% center no-repeat;
	background-color: #004f95;
	color: #ffffff;
}

.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(3):hover,
.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(3):focus,
.membership-memberJoin .memberJoin .tab-menu ul li:nth-of-type(3):active {
	background: url('../../images/membership/ic_member_3_on.png') 22% center no-repeat;
	background-color: #004f95;
	color: #ffffff;
}
 */
.membership-memberJoin .memberJoin .tab-menu ul li.active {
	background-color: #004f95;
	color: #ffffff;
}

.membership-memberJoin .memberJoin .tab-menu ul li span {
	font-size: 0.875rem;
	vertical-align: top;
}

.membership-memberJoin .memberJoin .table-wrap .horizon {
	display: inline-block;
	width: auto;
}

.membership-memberJoin .memberJoin .txt-box {
	width: 100%;
	height: 262px;
	border: 1px solid #d2d2d2;
	padding: 1rem;
	margin-bottom: 0.5rem;
	overflow-y: scroll;
}

.membership-memberJoin .memberJoin .txt-box p {
	line-height: 150%;
	letter-spacing: -0.05rem;
	font-size: 0.75rem;
	word-break: keep-all;
}

.membership-memberJoin .memberJoin .txt-box .mb {
	margin-bottom: 1rem;
}

.membership-memberJoin .memberJoin .txt-box p em {
	padding-left: 13px;
}

.membership-memberJoin .memberJoin .txt-box p em.pl2 {
	padding-left: 27px;
}

.membership-memberJoin .memberJoin .txt-agree {
	font-size: 0.875rem;
	margin-bottom: 3rem;
}

.membership-memberJoin .memberJoin .txt-agree2 {
	margin-bottom: 4rem;
}

.membership-memberJoin .memberJoin .step01 {
	display: block;
}

.membership-memberJoin .memberJoin .step02 {
	display: block;
}

.membership-memberJoin .memberJoin .step03 {
	display: block;
	padding-top: 5rem;
}

.membership-memberJoin .memberJoin .step03 .img-complete {
	width: 63px;
	height: 51px;
	background: url('../../images/membership/ic_check.png') center no-repeat;
	margin: 0 auto;
	margin-bottom: 1.5rem;
}

.membership-memberJoin .memberJoin .step03 p {
	text-align: center;
	letter-spacing: -0.05rem;
}

.membership-memberJoin .memberJoin .step03 p.title {
	font-size: 25px;
	margin-bottom: 1rem;
}

.membership-memberJoin .memberJoin .step03 p.sub-title {
	font-size: 16px;
	color: #666666;
	margin-bottom: 2rem;
}

.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: 1200px;
	font-size: 0.875rem;
    font-weight: bold;
    color: #666666;
    margin-bottom: 12rem;
    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 {
	display: flex;
	width: 100%;
	height: 30rem;
}

.membership-idPwFind .idPwFind .box-wrap .left {
	width: 45%;
	margin-left: 2.5%;
	margin-right: 5%;
}

.membership-idPwFind .idPwFind .box-wrap .right {
	width: 45%;
}

.membership-idPwFind .idPwFind .box-wrap .box {
	position: relative;
	width: 100%;
	height: 30rem;
	background-color: #F1F2F4;
	border: 1px solid #d2d2d2;
	border-top: 2px solid #163E62;
    padding: 2rem 1rem;
}

.membership-idPwFind .idPwFind .box-wrap .box h3 {
	font-size: 1.25rem;
	letter-spacing: -0.05rem;
	color: #333333;
	margin-bottom: 0.5rem;
}

.membership-idPwFind .idPwFind .box-wrap .box p {
	font-size: 0.75rem;
	letter-spacing: -0.02rem;
	margin-bottom: 2.5rem;
}

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

.membership-idPwFind .idPwFind .box-wrap .box .label {
	display: inline-block;
	width: 5rem;
    font-size: 0.8125rem;
    letter-spacing: -0.03rem;
    margin-right: 0.5rem;
}

.membership-idPwFind .idPwFind .box-wrap .box input {
	width: 25.625rem;
	height: 3rem;
	border: 1px solid #d2d2d2;
	padding-left: 5px;
	font-size: 0.75rem
}

.membership-idPwFind .idPwFind .box-wrap .box .btn-find {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2rem;
	width: 20.375rem;
	height: 3rem;
	color: #ffffff;	
	background-color: #163E62;
	text-align: center;
	padding: 1rem 0;
	margin-bottom: 2rem;
	cursor: pointer;
	margin: 0 auto;
}

.membership-idPwFind .idPwFind .find-area {
	width: 100%;
	height: auto;
	/* border: 1px solid #c3cfe3; */
	border-top: 2px solid #0d4273;
	background-color: #f5f5f6;
	padding: 1.5rem 2rem;
	margin-bottom: 0.5rem;
}

.membership-idPwFind .idPwFind .find-area .label {
	width: 97px;
	height: 30px;
	display: inline-block;
}

.membership-idPwFind .idPwFind .find-area input {
	width: 25.625rem;
	height: 3rem;
	border: 1px solid #d2d2d2;
	padding-left: 5px;
	font-size: 0.75rem;
}

.membership-idPwFind .idPwFind .find-area input::placeholder {
	color: #888888;
}



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

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

.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_mail.png') center 20% no-repeat;
}

.find-modal .content-wrap .content .result {
	padding-top: 8.5rem;
	margin-bottom: 1rem;
}

.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: 1.125rem;
	color: #004f94;
	margin-bottom: 2rem;
}

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

.find-modal .content-wrap .content .btn-wrap .btn {
	width: 120px;
	height: 46px;
	background-color: #004f94;
	color: #ffffff;
	padding-top: 1rem;
	font-size: 15px;
    text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

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

.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: 1200px;
	font-size: 0.875rem;
    font-weight: bold;
    color: #666666;
    margin-bottom: 12rem;
    padding-top: 1rem;
}

.membership-mypage .mypage::after {
    display: block;
    content: '';
    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 {
	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;
    /* border: 1px solid #e5e5e5; */
}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:active,
.pagination .page-item.active .page-link {
    /* font-weight: bold;
    color: #ffffff;
    background-color: #1E64BA;
    border-color: #1E64BA; */
    color: #1E64BA;
    text-decoration: underline;    
}

/* .pagination .page-item.first .page-link,
.pagination .page-item.prev .page-link,
.pagination .page-item.next .page-link,
.pagination .page-item.last .page-link {
    font-size: 1.25rem;
}
 */
.pagination .page-item.disabled .page-link {
    font-weight: normal;
    color: #4e555b;
    /* background-color: #efefef; */
    text-decoration: none;
    cursor: default;
}

/* .pagination .page-item.first .page-link {
	font-size: 0;
	background: url('../../images/ic_page_first.jpg') center no-repeat;
}

.pagination .page-item.prev .page-link {
	font-size: 0;
	background: url('../../images/ic_page_prev.jpg') center no-repeat;
}

.pagination .page-item.next .page-link {
	font-size: 0;
	background: url('../../images/ic_page_next.jpg') center no-repeat;
}

.pagination .page-item.last .page-link {
	font-size: 0;
	background: url('../../images/ic_page_last.jpg') center no-repeat;
} */

/* ** 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) {
    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-weight: bold;
    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: 37.5rem;
    padding: 1rem 0;
}

.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 {
    margin: 3.375rem 0 10rem;
    font-size: 0;
}

.board-detail .detail-navigation > * {
    display: inline-block;
    height: 3.5rem;
    vertical-align: middle;
}

.board-detail .detail-navigation .nav-link-wrap {
    width: 30%;
    padding: 0.5rem 0;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position-y: center;
}

.board-detail .detail-navigation .nav-link-wrap.nav-prev {
    padding-left: 3.5rem;
    text-align: left;
    background-image: url('../../images/news/ic_prev.png');
    -ms-background-position-x: left;
    background-position-x: left;
}

.board-detail .detail-navigation .nav-link-wrap.nav-next {
    padding-right: 3.5rem;
    text-align: right;
    background-image: url('../../images/news/ic_next.png');
    -ms-background-position-x: right;
    background-position-x: right;
}

.board-detail .detail-navigation .nav-link-wrap .nav-text {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    color: #888888;
}

.board-detail .detail-navigation .nav-link-wrap .nav-title {
    font-size: 0.875rem;
    color: #222222;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.board-detail .detail-navigation a.nav-link-wrap:hover .nav-title,
.board-detail .detail-navigation a.nav-link-wrap:focus .nav-title,
.board-detail .detail-navigation a.nav-link-wrap:active .nav-title {
    color: #33a1d2;
}

.board-detail .detail-navigation .button-group {
    width: 40%;
    text-align: center;
}

.board-detail .detail-navigation .button-group .button {
    margin: 0 2% 0.5rem;
    padding: 1rem 3rem;
    color: #555555;
    border-color: #555555;
}

.board-detail .detail-navigation .button-group2 {
    width: 100%;
    text-align: right;
}

.board-detail .detail-navigation .button-group2 .button {
    margin-left: 0.2rem;
    padding: 1rem 3rem;
    color: #555555;
    border-color: #555555;
}

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

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

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

.board-com .board-top .total {
	width: 15%;
	padding: 1rem 0;
}

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

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

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

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

.board-com .search-wrap .search-box .input-search {
	width: 14rem;
	border: none;
	padding: 0.1rem 0.5rem;
}

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

.board-com .search-wrap .search-box .btn-search {
	width: 2rem;
	border: none;
	background: url('../../images/ic_search.png') right center no-repeat;
	cursor: pointer;
}

.board-com .search-wrap .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 .board-table a {
	text-decoration: none;
	color: #555555;
}

.board-com .table-wrap .board-table tr th {
	padding: 0.8rem;
	background-color: #f7f8f8;
	border: 1px solid #e5e5e5;
	border-top: 2px solid #053661;
	vertical-align: middle;
}

.board-com .table-wrap .board-table tr td {
	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;
}

/* Board: Terms */
.board-terms {
	font-size: 0.875rem;
    font-weight: bold;
    color: #555555;
    margin-bottom: 8rem;
}

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

.board-terms .terms-wrap {
	position: relative;
	width: 100%;
	height: 650px;
}

.board-terms .terms-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;
}

/* ** Initializing bxSlider wrappers ** */
.intro-overview .nested-slider .slider-container #slider-wrap,
.product-info .info.product-detail #slider-wrap,
.recruit-welfare .welfare #slider-wrap {
    visibility: hidden;
}

.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;
}
.common-table.dataTable {
	border-collapse: collapse;
	/* overflow: hidden; */
}
.common-table.dataTable tr th, .common-table.dataTable tr td {
	height: 1rem;
	border-bottom: 1px solid #d2d2d2;
} 

.dataTables_wrapper {
    margin-bottom: 2rem;
}

#jobTable4_wrapper.dataTables_wrapper {
	overflow-x: auto;
}

.hide {
	display: none !important;
}
.sub-table-wrap {
	margin-top: 20px;
}
.vslSearchErrorWrap{
	margin-left : 90px;
}
.vslSearchError{
	color : red;
}

.berth-chart {
	position: absolute;
	padding: 5px;
}

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

.common-table tr.plan {
	background-color: #a7eeff;
}

.common-table tr.work {
	background-color: #f6d66b;
	border: #d4731b;
}

.common-table tr.done {
	background-color: #80c269;
	border: 1px solid #80c269;
}

.berth-chart.green {
	background-color: #009966;
	border: 3px solid #009966;
}
.berth-chart.blue {
	background-color: #00CCFF;
	border: 3px solid #00CCFF;
}
.berth-chart.orange {
	background-color: #ff9900;
	border: 3px solid #ff9900;
}
.berth-chart.navy {
	background-color: #000066;
	border: 3px solid #000066;
	color: #C1293A
}
.berth-chart.skyblue {
	background-color: #C0DFFF;
	border: 3px solid #C0DFFF;
}
.berth-chart.pink {
	background-color: #FF66FF;
	border: 3px solid #FF66FF;
}
.berth-chart.blue2 {
	background-color: #0066FF;
	border: 3px solid #0066FF;
}
.berth-chart.blue3 {
	background-color: #00b4ff;
	border: 3px solid #00b4ff;
}
.berth-chart.orange2 {
	background-color: #FF9999;
	border: 3px solid #FF9999;
}
.berth-chart.grey {
	background-color: #cccccc;
	border: 3px solid #cccccc;
}


/*.berth-chart.plan {
	border: 1px solid #d2d2d2;
	background-color: #a7eeff;
}*/

.berth-chart.work {
	background-color: #6b8bf6;
	border: 3px solid #3352B7;
	color: #222
}

.berth-chart.done {
	border: 3px solid #D0680F;
	background-color: #F6D66B;
	color: #222
}

.testTr {
	text-align: left;
}

.testTr.on,
.berth-chart.on {
	background-color: #7FCEFF;
}
.testTr:hover {
	background-color: #B2E1FF;
}

.berth-chart .line {
	/* position: absolute;
    top: -17px;
    min-width: 100px;
    left: -10px; */
}

input.uppercase {
	text-transform: uppercase;
}

#main-board .summary a {
	text-decoration: none;
	color: inherit;
}

@media print {

	@page {margin:1.5rem}
	/*body {
		padding: 1.5rem;
	}*/
	* { -webkit-print-color-adjust:exact;}

	.common-table.chart {
		margin-bottom: 50px;
	}
	.common-table.chart thead tr:first-child {
		height: 35px;
	}
	.common-table.chart tbody tr:first-child,
	.common-table.chart tbody tr:nth-of-type(2) {
		height: 175px;
	}
	.common-table.chart tbody tr:nth-of-type(3),
	.common-table.chart tbody tr:nth-of-type(4),
	.common-table.chart tbody tr:nth-of-type(5) {
		height: 100px;
	}
}

/* 야드 작업현황  팝업 */
#modal-rfid {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	height: 100%;
	z-index: 9999;
	display: none;
	font-size: 0.875rem;
}

#modal-rfid .content {
	width: 100%;
	height: 33.75rem;
	background-color: #ffffff;
	border: 3px solid #004f95;
	padding: 0;
	margin: 0 auto;	
}

#modal-rfid .content h1 {
	font-size: 1.25rem;
	font-weight: bold;
	float: left;
	padding-bottom: 0.5rem;
}

#modal-rfid .content .table-wrap {
	height: 27rem;
	padding: 1.5rem;
	margin-bottom: 1rem;
	display: flex;
	overflow-y: auto;
}

#modal-rfid .content .table-wrap .left{
	width: 100%;
}

/*#modal-rfid .content .table-wrap .right{
	width: 24%;
}*/

#modal-rfid .btn-area #btnClose,
#modal-rfid .btn-area .reset {
	width: 5rem;
	height: 2rem;
	margin-right: 0.5rem;
	padding: 0.4rem 0.5rem 0.5rem 0.5rem;
	border: none;
	background-color: #6D6D6D;
	color: #fff;
	cursor: pointer;
}

#modal-rfid .btn-area .reset {
	background-color: #1E5B91;
}

#inspectForm tr td .type1{
	width: 5rem;
}

#inspectForm tr td .type4{
	width: 5rem;
}

#inspectForm tr td .type5{
	width: 15rem;
}

#inspectForm .btn{
	width: 4.625rem;
	height: 1.875rem;
	background-color: #1E5B91;
	/* border-radius: 0.2rem; */
	color: #ffffff;
	text-align: center;
    font-size: 0.75rem;
	padding: 0;
	display: inline-block;
	cursor: pointer;
}

.quarantine-type-label{
	font-weight: bold;
	margin-left: 10%;
}

.quarantine-year-label{
	font-weight: bold;
	margin-left: 5%;
}

.quarantine-equip-label{
	font-weight: bold;
	margin-left: 2%;
}

.empty-space-250{
	width: 250px;
}

/* 검역 일일물동량 수량조회  팝업 */
#qAmount {
	position: fixed;
	top: 10%;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	font-size: 0.875rem;
}

#qAmount .content {
	width: 60rem;
	background-color: #ffffff;
	border: 3px solid #004f95;
	padding: 1.5rem;
	margin: 0 auto;
}

#qAmount .content h1 {
	font-size: 1.25rem;
	font-weight: bold;
	padding-bottom: 1rem;
}

#qAmount .content .search-area {
	min-width: 100%;
	height: 5rem;
}

#qAmount .content .table-wrap {
	min-height: 5rem;
	margin-bottom: 1rem;
	display: block;
	overflow-y: auto;
}

#qAmount .btn-area {
	display: block;
	margin-top: 1rem;
}

#qAmount .btn-area #btnClose {
	width: 5rem;
	height: 2rem;
	margin-right: 0.5rem;
	padding: 0.4rem 0.5rem 0.5rem 0.5rem;
	border: none;
	background-color: #6D6D6D;
	color: #fff;
	cursor: pointer;
}

.hy-input-email{
	width:200px;
}

#qAmount .content .table-wrap #tblMaster thead tr th{
	border-bottom: 1px solid #d2d2d2;
}

#tblMaster_wrapper .DTFC_LeftBodyLiner {
	overflow-x: hidden;
    border-top: 1px solid #d2d2d2;
}

/* 본선작업현황 베이별 물량  팝업 */
#shipBay {
	position: fixed;
	top: 10%;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	font-size: 0.875rem;
}

#shipBay .content {
	width: 60rem;
	min-height: 14rem;
	max-height: 40rem;
	background-color: #ffffff;
	border: 3px solid #004f95;
	padding: 1.5rem;
	margin: 0 auto;
	/* overflow-y: auto; */
}

#shipBay .content h1 {
	font-size: 1rem;
	font-weight: bold;
	padding-bottom: 1rem;
	float: left;
}

#shipBay select {
    outline: none;
    width: 6rem;
    height: 1.875rem;
    vertical-align: middle;
    border: 1px solid #d2d2d2;
    background: url(../../images/ic_sel_arrow.jpg) 95% center no-repeat;
    background-color: #ffffff;
    padding-left: 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
}

#shipBay .content .table-wrap {
	/* min-height: 5rem;
	max-height: 14rem; */
	margin-bottom: 1rem;
	display: block;
	/* overflow-y: auto; */
	clear: both;
}

#shipBay .dataTables_scrollHeadInner {
	min-width: 100% !important;
}

#shipBay .common-table.dataTable.no-footer {
	min-width: calc( 100% - 20px ) !important;
}

#shipBay .content #bayImgClick {
	cursor: pointer;
}

#shipBay .btn-area {
	display: block;
	margin-top: 1rem;
}

#shipBay .btn-area #btnClose {
	width: 5rem;
	height: 2rem;
	margin-right: 0.5rem;
	padding: 0.4rem 0.5rem 0.5rem 0.5rem;
	border: none;
	background-color: #6D6D6D;
	color: #fff;
	cursor: pointer;
}

#shipBay .content .table-wrap #tblMaster thead tr th{
	border-bottom: 1px solid #d2d2d2;
}

#shipBay .content .table-wrap .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    overflow-x: hidden !important;
}

/* 컨테이너정보조회 history 팝업 */
.modal-history {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	height: 100%;
	z-index: 9999;
	display: none;
	font-size: 0.875rem;
}

.modal-history .content {
	width: 100%;
	max-height: 33.75rem;
	background-color: #ffffff;
	border: 3px solid #004f95;
	padding: 0;
	margin: 0 auto;	
}

.modal-history .content h1 {
	font-size: 1.25rem;
	font-weight: bold;
	float: left;
	padding-bottom: 0.5rem;
}

.modal-history .content .table-wrap {
	max-height: 27rem;
	padding: 1.5rem;
	margin-bottom: 1rem;
	display: flex;
	overflow-y: auto;
}

.modal-history .content .table-wrap .left{
	width: 100%;
}

.modal-history .btn-area {
	display: block;
}

.modal-history .btn-area #btnClose {
	width: 5rem;
	height: 2rem;
	margin-right: 0.5rem;
	padding: 0.4rem 0.5rem 0.5rem 0.5rem;
	border: none;
	background-color: #6D6D6D;
	color: #fff;
	cursor: pointer;
}

.modal-history .btn-area .reset {
	background-color: #1E5B91;
}

/* 진출입차량통계 팝업 */
.modal-vehicle {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	width: 28%;
	z-index: 9999;
	display: none;
	font-size: 0.875rem;
}

.modal-vehicle .content {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border: 3px solid #004f95;
	padding: 0;
	margin: 0 auto;	
}

.modal-vehicle .content .result-area {
	padding: 1.5rem;
}

.modal-vehicle .content .result-area h1 {
	font-size: 1.25rem;
	font-weight: bold;
	float: left;
	padding-bottom: 0.5rem;
}

.modal-vehicle .content .result-area .period {
	float: right;
	margin-bottom: 2rem;
}

.modal-vehicle .content .result-area .result {
	clear: both;
	text-align: center;
}

.modal-vehicle .content .result-area .result p:nth-of-type(1) {
	font-size: 1rem;
    font-weight: bold;
	margin-bottom: 0.5rem;
}

.modal-vehicle .content .result-area .result p:nth-of-type(2) {
	color: #1E5B91;
}

.modal-vehicle .btn-area {
	display: block;
}

.modal-vehicle .btn-area #btnClose {
	width: 5rem;
	height: 2rem;
	margin-right: 0.5rem;
	padding: 0.4rem 0.5rem 0.5rem 0.5rem;
	border: none;
	background-color: #6D6D6D;
	color: #fff;
	cursor: pointer;
}

#searchAmountBox select{
	outline: none;
	margin-left: 35rem;
	min-width: 80px;
	height: 2rem;
	vertical-align: middle;
	border: 1px solid #d2d2d2;
	background: url('../../images/ic_sel_arrow.jpg') 95% center no-repeat;
	background-color: #ffffff;
	padding-left: 0.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.backslash {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');
}
.backslash div.up { text-align: right; padding-right: 30px;}
.backslash div.down { text-align: left; padding-left: 30px;}