@charset "utf-8";
/*
	hanbom.com
	KimJuYeon
	2022.02.24
*/

@import url(_base.css);
@import url(_color.css);
@import url(_font.css);
@import url(_layout.css);
@import url(_button.css);
@import url(_form.css);
@import url(_global.css);
@import url(_pivot.css);

/* defult */

/* border-box */
.login-wrap,
.error-wrap{
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/* login */
#wrap.login{width: 100%;}
#wrap.login .container{width: 100%; height: 100%;}
#wrap.login .left-bg{position: relative; overflow: hidden; width: 33.6%; height: 100%; background: var(--most-white)}
#wrap.login .login-wrap,
#wrap.login .error-wrap{width: 66.4%; height: 100%; padding: 4rem;
	display: flex; flex-direction: column;
}
#wrap.login h1{position: relative; left: -105px;}
#wrap.login .login-form{width: 360px;}

#wrap.login .field + .field{margin-top: 12px;}
#wrap.login .label {font-size: smaller; font-weight:700; line-height:2; color:rgba(34,34,34,.4);}

#wrap.login .error-wrap .msg{padding: 60px 0; font-size: 20px; font-weight: 700;}
#wrap.login .error-wrap .button-area{width: 360px;}
#wrap.login .error-wrap .button-area .btn{letter-spacing: -1px;}

#optionMapping .popup{width: 600px; height: 500px;}
#optionMapping .w-option{width: 220px;}
#optionMapping .w-value{width: 148px;}
#optionMapping .w-date{width: 110px;}
#optionMapping .w-btn{width: 90px;}
#optionMapping .data-table.thead-fixed tbody{height: 265px;}

/* .forwarder-detail */
.freeze-table.forwarder-detail .data-table th.forwarder-email{min-width: 160px;}
.freeze-table.forwarder-detail .input-text{width: 100%;}
.freeze-table.forwarder-detail .data-table thead tr:nth-child(2) th,
.freeze-table.forwarder-detail .data-table tbody tr td:nth-child(4),
.freeze-table.forwarder-detail .data-table tbody tr td:nth-child(7),
.freeze-table.forwarder-detail .data-table tbody tr td:nth-child(11),
.freeze-table.forwarder-detail .data-table tbody tr td:nth-child(15) {border-left: 1px solid #e7e7f7}

#logo .popup{width: 360px; height: 360px;}
#logo .popup-header {height: 0; padding: 0; border-bottom: 0 none;}
#logo .popup-body{padding: 0; height: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#logo .popup-body .profile{width: 240px; height: 240px;}
#upload .add-file-con{position: relative; overflow-y: auto; min-height: 36px; max-height: 150px;}
#upload .add-file-con .add-file{position: sticky; top: 0; left: 0; width: 100%; height: 36px; z-index: 1;}
#upload .add-file-con .add-file .btn{width: 100%; }
#upload .add-file-con .file{display: block; width: 100%;}

#loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}