@charset "utf-8";

/*====================================== customer page =======================================*/

*{margin:0;padding:0;}
/* body{
	background: #dbdbdb;
	padding:0 5% 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height:600px;
} */

body{
    font: 12px/1.231 'Exo','Nanum Gothic', Tahoma, Arial, sans-serif, dotum, Simsun, SimHei;
	background:#fff;
	/* font-size:16px; */	/* 팝업 폰트에 16px 적용돼서 삭제함 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height:600px;
	position: relative;
	overflow-x: hidden;
	overflow-y:auto;
	min-width: 1400px;
	}
.body_bg{
	overflow-y:auto;
}	
	
.bg-point{
	background: #ff5c43;
	color: #fff;
}
.bg-point:hover{
	color: #fff;
}
.blind{
	overflow: hidden;
    position: absolute;
    top: -999px;
    left: -9990px;
    width: 0px;
    height: 0px;
    font-size: 0;
    line-height: 0;	
}
body#bodyBg:before {
    content: "";
    display: inline-block;
    width: 450px;
    height: 420px;
    background: #f2f2f2;
    position: fixed;
    left: -170px;
    top: -220px;
    border-radius: 50%;
    z-index: -1;
}


/*로그인*/
.login-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:30px;
/* 	position:fixed; */
	width:100%;
	box-sizing:border-box;
}

.login-header h1{
	display:flex;
	align-items:center;
	gap:20px;
}
#loginWrap{
	position:relative;
	display:flex;
	align-items:center;
	background: url(/customer/img/sejung/img-login-bg.png) no-repeat right center;
/* 	height:100vh; */
	min-height:667px;
}
#loginWrap:before {
    content: "";
    display: inline-block;
    width: 450px;
    height: 420px;
    background: #eeeef0;
    position: absolute;
    left: -170px;
    top: -290px;
    border-radius: 50%;
    z-index: -1;	
}
#login_form{
	padding:0;
	position:static;
	margin:auto auto auto 10%;
	width:500px;
	height:auto;
	border-radius:250px;
	box-shadow:0 0 50px 10px rgba(64,174,255,.15);
	background:#fff;
}
#login-box{
	padding:70px 120px 125px;
}
#login-box h2{
	text-align:center;
	padding:30px 0 50px;
    font-size: 18px;
    font-weight: bold;
}
#login-box .col li{
	margin-bottom:25px;
}
#login-box .col li label{
	display:block;
	margin-bottom:7px;
	font-size:14px;
}
#login-box .col li input.k-textbox,
#login-box select{
	height:40px;
	width:100%;
	border:1px solid #d5d5d5;
	-webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
    font-size:16px;
}
#login-box .col li input.k-textbox:focus,
#login-box select:focus{
	border-color:#00255a !important;
	background:#fff !important;
}
#login-box span.k-form-error.k-invalid-msg{
	position: static;
    box-sizing: content-box;
    display: block;
    width: 100%;
    overflow: visible;
    font-family: sans-serif;
    font-size: 12px;   
}
#login-box .col li input.k-textbox.k-invalid{
	border-color:red
}
#login-box .login{
	background:#00255a;
	height:42px;
	line-height:42px;
	font-size:14px;
	-webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}
#login-box .accept {
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:12px;
}
#login-box .accept a{
	font-size:12px;	
}

input[type="checkbox"].checkbox {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
}
input[type="checkbox"].checkbox + label.label{
	background:none;
	padding-left:0;
}
#login_form input[type="checkbox"] + label:before,
#login_form input[type="checkbox"]:checked + label:before,
input[type="checkbox"].checkbox + label:before,
input[type="checkbox"].checkbox:checked + label:before{
	content: "";
    display: inline-block;
	background:#fff url(/customer/img/sejung/ico-checkbox.png);
	background-size:17px 34px;
	width:17px;
	height:17px;
	margin-left: 0;
    margin-right: 5px;
    margin-bottom: -4px;
}
#login_form input[type="checkbox"]:checked + label:before,
input[type="checkbox"].checkbox:checked + label:before{
background-position:0 -17px;
}




/*세중 로그인 푸터*/
.login-footer{
	display:flex;
	background:#fff;
	margin-top:20px;
	border-top:1px solid #eee;
	flex-wrap:wrap;
	justify-content: center;
}
.login-footer > div:first-child{
	border-right:1px solid #eee;
}

.login-footer .footer-cs,
.login-footer .footer-mail{
	width:300px;
	padding:30px 40px;
}
.login-footer .footer-content{
	flex:1;
	background:#f2f2f2;
}
.login-footer .footer-cs h3{
	font-size:16px;
	color:#319f62;
	padding-left:25px;
	background:url(/customer/img/sejung/ico-footer-cs.png) no-repeat left center;
	margin-bottom:5px;
}
.login-footer .footer-cs  p{
	margin-bottom:5px;
}
.login-footer .footer-mail h3{
	font-size:16px;
	color:#3583d6;
	padding-left:25px;
	background:url(/customer/img/sejung/ico-footer-mail.png) no-repeat left center;
	margin-bottom:5px;
}
.login-footer .footer-mail  p{
	margin-bottom:5px;
	padding-left:25px
}
.login-footer .footer-mail .btn{
	background:#00255a;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	padding:1px 5px;
	margin-left:25px;
}
.login-footer .footer-cs div,
.login-footer .footer-cs p{
	padding-left:25px;
	
}
.login-footer .footer-cs div{
	font-size:18px;
}
.footer-content {
	padding:30px 40px;
	font-size:14px;
}
.footer-content > div{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:5px;
}
.footer-content ul{
	display:flex;
}
.footer-content ul li{
	border-right:1px solid #444;
	padding:0 20px;
}
.footer-content ul li a{
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
}

.footer-content ul li:last-child{
	border-right:0;
}
.footer-content address{
	font-style: normal;
	padding:2px 0;
    margin-bottom: 0;
}
.footer-content p{
	color:#777;
	padding:2px 0;
}


#joinBody{
	background: url(/customer/img/sejung/img-join-bg.png) no-repeat;
	background-size:cover;	
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;	
    align-items:center;
    overflow:auto;
}
#joinBody .login-footer{
	width:100%;
}
#joinWrap{
	max-width:550px;
	width:96%;
	border-radius:40px;
	background:#fff;
	padding:20px 5%;
    margin: 0 0 20px;
	box-sizing:border-box;
	box-shadow: 0 0 20px 20px rgba(0, 0, 0, .1);
}
#joinWrap h2{
    text-align: center;
    padding: 30px 0 30px;
    font-size: 18px;
    font-weight: bold;	
}
#joinWrap .row label{
	font-weight:600;
}
#joinWrap .form-control,
#joinWrap .input-group .btn{
	font-size:14px;
	border-color:#b1b1b1;
}
#joinWrap .row .d-flex {
	gap:10px;
	padding:10px 0;
}
#joinWrap .row .d-flex button.btn{
	flex:1;
	border:1px solid #b1b1b1 !important;
}
#joinWrap .row .d-flex button.btn:hover{
	background:#fff !imporatnt;
}
#joinWrap .col-12 button.btn{
    height: 45px;
    line-height: 45px;	
    padding:0;
    font-size:12px;
    font-weight:600;
}
#joinWrap .btn-primary{
	background:#00255a !important;
	border-color:#00255a !important;
	margin-bottom:1rem;
 }
#joinWrap .btn-primary:hover{
	opacity:.9;
}
#joinWrap .btn-outline-primary{
	border-color:#b1b1b1;
    color:#222;
    transition:.3s;
}
#joinWrap .btn-outline-primary:hover{
	background:#f7f7f7 !important;
}
.join-popup{
	padding:1rem 2rem;
	text-align:center;	
	font-size:16px;
}
.join-popup p{
	color:#00255a;
	padding:10px 0 20px;
}
.join-popup .btn-primary{
	background:#00255a !important;
	border-color:#00255a !important;
	margin-bottom:1rem;
	width:100px;
 }
div.k-window.k-widget{
/* 	width:100% !important; */
/* 	max-width:1000px; */
}
div.k-window.k-widget:not(.chatKendoWindow){
/* 	width:100% !important; */
/* 	max-width:1000px; */
}
#bodyBg{
	background:#e0e0e0
}
#wrapper{
	height:auto;
	padding:0 3%
}
#wrapper:before{
	content:"";
/* 	g:50%; */
	height:auto;
	overflow-x:auto;
    overflow-y:auto;
}
#wrapper{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:1920px;
	min-width:0;
	margin: 0 auto;
}
#header{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	margin-top: 20px;
	vertical-align: top;
}
#header h1{
	display: inline-block;
	margin: 0;
	margin-right: 30px;
	padding: 0;
}
#header h2{
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-shadow: 4px 4px 8px rgba(0,0,0,.3);
}

#container{
	position: relative;

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background: #fff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 5px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 3px 3px 5px 5px rgba(0,0,0,.1);
	box-shadow: 3px 3px 5px 5px rgba(0,0,0,.1);
}
.nav_user{
	font-size: 12px;
	display: block;
	float: right;
	margin-top: 13px;
	margin-right: 10px;
}
.nav_user > div > div{
	display:inline-block;
	line-height:1;
}
.nav_user .nav_user .user_menu{
	border-left:1px solid rgba(0,0,0,.2);
	padding-left:10px;
	margin-left:10px;
}
.nav_user a{
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	line-height:1.5
}
#header .nav_user a{color:#000}
.nav_user .session{
	display:inline-block;
	padding:4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	color:#fff;
	background:#000;
}
 .nav_user .session label{
	padding:0 !important;
}
.nav_user .btns{
	display:inline-block;
}
.nav_user .logout{
	margin:0 2px;
}
.nav_user .fav{
	display:inline-block;
	width:16px;
	height:16px;
	background:url(/img/customer/t_icon_fav.png) no-repeat center;
	background-size:16px;
	vertical-align:middle;
	margin:0 2px;
}
.nav_user .changeLanguage{
	display:inline-block;
	width:16px;
	height:16px;
	background:url(/img/customer/t_icon_lang.png) no-repeat center;
	background-size:16px;
	vertical-align:middle;
	margin:0 2px;
}

.nav_user .btns a.changeLanguage:hover{
    background: url(/img/customer/t_icon_lang.png) no-repeat center;background-size:16px;
}
#sessionTimer{display:inline-block;width:52px;text-align: center}
#nav{
/* 	background: #213858; */
	position: absolute;
	left: 0;
	top:0;
	overflow: hidden;
}
#nav .nav-top{
    background: #213858;
	height: 50px;
	width: auto;
	min-width:270px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	border-bottom:1px solid rgba(120, 120, 120, 0.2);
	font-size:14px;
	display: flex;
    align-items: center;
    color: #fff;
    padding-left:10px;
}
#container.all .nav-top{
    margin-right: 4px;
    border-radius: 0 20px 0 0;	
}
#nav .nav-top .btn_menu{
	display: inline-block;
	width: 54px;
	height:50px;
	text-align: center;
	margin-right: 13px;
	color: #fff;
	background:url(/customer/img/sejung/ico-menu-open.png) no-repeat center;
	border:none;
	appearance:none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
#nav .nav-top .btn_close{
	color: #353535;
	width: 45px;
    height: 50px;
    text-align: center;
    font-size: 18px;
	background:url(/customer/img/sejung/ico-menu-close.png) no-repeat center;
    border:none;
    appearance:none;
	-moz-appearance: none;
	-webkit-appearance: none;
	display:none;
	margin-left: auto;
    margin-right: 0;
}
#nav .nav-top #menuAllBtn{
	color:#c2d7f4;
	font-size:12px;
	margin-right:20px;
	margin-left:auto;
	background:none;
	border:none;
    appearance:none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
#nav .nav-body{
	display:flex;
	height:100%;
}
#nav .nav-body #quickMenu{
	width:70px;
    min-height:100%;
    height:100%;
    background: #213858;
}
#nav .nav-body #menuList{
	flex:1;
	background: #2b4262;
    height: calc(100% - 50px);
    overflow-y: auto;
    overflow-x: hidden;
}
#nav #quickMenu ul > li.on > a{
	color:#8bc4f9;
	font-weight: bold;
}
#nav .menu-btn{
	display: block;
	height: 70px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	font-size:10px;
	text-align:center;
}
#nav > ul > li > a.nav-a{
	background-image: url(../images/img_collapse.png);
	background-repeat:no-repeat;
	background-position: 90% center;
	-webkit-background-size: 12px 7px;
	background-size: 12px 7px;
}
#nav > ul > li > a.nav-a.on{
	background-image: url(../images/img_collapse_on.png);
	background-repeat:no-repeat;
	background-position: 90% center;
	-webkit-background-size: 12px 7px;
	background-size: 12px 7px;
}
#nav > ul > li .nav-sub a:hover,#nav > ul > li .nav-sub li.on a{
color:#e39109;
}
#quickMenu .quickMenu-top > div{
	font-size:10px;
	color:#687c97;
	white-space:nowrap;
	padding:10px 0;
	text-align:center;
}
#quickMenu .quickMenu-top a{
	color:#8bc4f9;
}


.ico{
	display: block;
	height: 40px;
	width: 70px;
	margin:0 auto;
	vertical-align:middle;
	background-position: center top 7px;
	background-repeat: no-repeat;
}
#quickMenu .ico{
	background-size: auto 26px;	
}
#nav > ul > li > a:hover .ico,#nav > ul > li.on a .ico{
 /*메뉴에 마우스 오버 했을 경우 */
}
.ico.ico-home{
	background-image:url(/customer/img/sejung/ico-home.png);
}

.ico.ico-menu-1{
	background-image:url(/customer/img/sejung/ico-home.png);
}





.ico.ico-search{
	background-image:url(/customer/img/ico-search.png);
}
.ico.ico-input{
	background-image:url(/customer/img/ico-Input.png);
}
.ico.ico-box{
	background-image:url(/customer/img/ico-box.png);
}
.ico.ico-invoice{
	background-image:url(/customer/img/ico-Invoice.png);
}
.ico.ico-bl{
	background-image:url(/customer/img/ico-bl.png);
}
.ico.ico-pod{
	background-image:url(/customer/img/ico-pod.png);
}
.ico.ico-excelUpload{
	background-image:url(/customer/img/ico-excelUpload.png);
}
.ico.ico-registration{
	background-image:url(/customer/img/ico-registration.png);
}
.ico.ico-send{
	background-image:url(/customer/img/ico-send.png);
}
.ico.ico-consol{
	background-image:url(/customer/img/ico-consol.png);
}
.ico.ico-broker{
	background-image:url(/customer/img/ico-broker.png);
}

.ico.ico-pending{
	background-image:url(/customer/img/ico-pending.png);
}
.ico.ico-arrival{
	background-image:url(/customer/img/ico-arrival.png);
}
.ico.ico-carryIn{
	background-image:url(/customer/img/ico-carryln.png);
}
.ico.ico-customing{
	background-image:url(/customer/img/ico-customing.png);
}
.ico.ico-customComplete{
	background-image:url(/customer/img/ico-customcom.png);
}
.ico.ico-carryOut{
	background-image:url(/customer/img/ico-carryOut.png);
}
.ico.ico-notDelivery{
	background-image:url(/customer/img/ico-notdeli.png);
}
.ico.ico-unusual{
	background-image:url(/customer/img/ico-unusual.png);
}





#nav #menuList{
	
}

#menuList {
	color:#fff;
}
.menuList-item {
    border-bottom: 1px solid #213858;
    padding:0 15px;
    width:200px;
}

.menuList-header {
    padding: 15px 10px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
   justify-content: start;
    align-items: center;
    position: relative; /* 화살표 위치를 위해 필요 */
}
.menuList-header img{
	margin-right:10px;
}
.menuList-header:before {
    content: url('/customer/img/sejung/ico-menu-arrow.png');
    position: absolute;
    right: 15px; /* 오른쪽 끝에 위치 */
    font-size: 20px;
    transition: transform 0.3s ease;
}
/* 열릴 때 화살표 회전 */
.menuList-item.open .menuList-header:before {
    transform: rotate(180deg);
}
.menuList-content {
    padding: 15px;
    display: none;
    border-top:1px solid #213858;
}

.menuList-content ul {
    list-style-type: none;
    padding-left: 0;
}

.menuList-content li {
    padding: 6px 0;
    display: flex;
    align-items: center;
    justify-content: start;
}
.menuList-content li:before{
	content:"-";
	margin-right:10px;
}
.menuList-content li:hover{
	color:#8bc4f9;
	cursor:pointer;
}
.quick-btn{
	margin-left:auto;
	margin-right:0;
	width:14px;
	height:13px;
	display:block;
	border:0;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	background:url(/customer/img/sejung/ico-quick-off.png) no-repeat center;
}
.quick-btn.on{
	width:14px;
	height:13px;
	display:block;
	background:url(/customer/img/sejung/ico-quick-on.png) no-repeat center;
}

#nav #menuWrap{
	height:100%
}
#nav #menuAll .row > div{
	margin-bottom:30px;
}

#nav #menuAll{
	display:none;
	width: 850px;
    background:#fff;
    z-index:10;
    border: 1px solid #ddd;
    border-radius: 0 0 20px 0;
    padding:15px 15px 20px;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, .2);
    margin-right: 4px;
    max-height: 500px;
    overflow-y: auto;
}
#nav #menuAll p{
	margin-bottom:30px;
	opacity:.7;
}
#nav #menuAll .row{
	margin-left:40px;
	margin-right:40px;
}
#nav #menuAll .menuAll-header{
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}
#nav #menuAll .menuAll-header img{
	margin-right:5px;
}
#nav #menuAll .menuAll-content{
	background:#f2f7fb;
	padding:15px 0;
	border-radius:4px;
}
#nav #menuAll .menuAll-content ul li{
	display:flex;
	justify-content:start;
	padding:5px 15px;
}
#nav #menuAll .menuAll-content ul li:hover{
	background:#e7eef4;
}
#nav #menuAll .menuAll-content ul li:before{
	content:"-";
	margin-right:5px;
}
#nav #menuAll .menuAll-content ul li span{
	cursor:pointer;
}
#nav #menuAll .menuAll-content ul li button{
	margin-left:auto;
	margin-right:0;
}
#container > div{
	min-height:600px;
	max-height:1000px;
}
#container #contents{
	display: block;
	background: #fff;
	width: 100%;
	height: 100%;
	/* overflow: auto; */
	overflow-x:auto;
    overflow-y:hidden;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.5s;
	-moz-transition: 0.55s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	position: relative;
}
#container #contents .container{
	width: 100% !important;
}
#container #contents h3{
	margin: 0;
	color: #353535;
	font-size: 18px;
	font-weight: 600;
}

/*** 메뉴 on/off ***/
#container{
	padding-left: 70px;
    background: #213858;
}
#container #nav{
	width:70px;
	transition: width 0.5s ease;
}
#container.on{
}
#container.on #nav{
	width:270px;
	position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    border-radius: 25px;
}
#container.all #nav{
	width:auto;
}
#container #contents input,#container #contents select{
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	height: 30px;
	line-height: 30px;
}
#container #contents .con-top{
	height: 30px;
	margin-bottom: 5px;
}
#container #contents .row h4 + div{
	border: 1px solid #eee;
	background: #fff;
	min-height:50px;;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#container #contents .row h4 + div table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#container #contents .tb-st{
	width: 100%;
}
#container #contents .tb-st tbody{
	background: #fff;
}
#container #contents .tb-st th{
	background: #eaebef;
}
#container #contents .tb-st th,
#container #contents .tb-st td{
	border-bottom: 1px solid #ebebeb;
	padding: 5px 2px;
	text-align: center;
}
#container #contents .row h4 + div.chart-box{
	padding: 30px 15px;
	margin: 0;
	min-height: 260px;
}
#container #contents .chart-info th,#container #contents .chart-info td{
	padding: 10px 2px 5px;
	border-bottom: 1px solid #ebebeb;
	font-weight: 400;
}
#container #contents .chart-info th{
	text-align: left;
}
#container #contents .chart-info td{
	text-align: right;
}
#container #contents .chart-info tr.tr-total th{
	font-weight: bold;
}
#container #contents .chart-info tr:nth-child(2) th{
	color: #4772d0;
}
#container #contents .chart-info tr:nth-child(3) th{
	color: #80d0e7;
}
#container #contents .chart-info tr:nth-child(4) th{
	color: #bec7ce;
}
#container #contents .chart-info tr:nth-child(5) th{
	color: #2f2f2f;
}
#container #contents .chart-info tr:nth-child(5) td{
	color: #f64300;
}
#container #contents .chart-info tr td:last-child{
	color: #c0c0c0;
}
#container #contents .chart-info tr.tr-total td{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	}
.h4-msgs-in{
	padding-left: 45px;
	background: url(/img/customer/img_msgs_in.png) no-repeat 10px center;
	-webkit-background-size: 25px auto;
	background-size: 25px auto;
}
.h4-msgs-out{
	padding-left: 45px;
	background: url(/img/customer/img_msgs_out.png) no-repeat 10px center;
	-webkit-background-size: 25px auto;
	background-size: 25px auto;
}



/*세중 OMS 탭*/
 #main-tabstrip{
    position:relative;
    height:100%;
    border:none
}
#main-tabstrip > .k-tabstrip-items{
	margin:0 !important;
}
#main-tabstrip #closeAllTabs{
	position:absolute;
	right:27px;
	box-sizing:border-box;
	z-index: 2;
	top: 10px;
    border: 1px solid #ddd !important;
    background: #fff !important;
    padding:4px 8px;
}
#main-tabstrip #closeAllTabs .k-flat{
	border: 1px solid #ddd !important;
    background: #fff !important;
    padding: 4px 8px;
}
 #main-tabstrip > .k-content{
    border:none;
    margin:0;
    padding:10px 20px;
    overflow: auto;
    height: calc(100% - 50px);
    box-sizing: border-box;
}
#main-tabstrip > .k-content > iframe{
	height:99.3% !important;
}
 #main-tabstrip > .k-tabstrip-items{
    overflow:hidden;
    white-space:nowrap;
    padding:0;
    height: 50px;
    line-height:50px;
    box-shadow:inset 1px -2px 4px rgba(0,0,0,.15);
    -webkit-box-shadow:inset 1px -2px 4px rgba(0,0,0,.15);
    -moz-box-shadow:inset 1px -2px 4px rgba(0,0,0,.15);
    background:#fcfcfc;
}
 #main-tabstrip > .k-tabstrip-items .k-item{
    background:#fff;
    border-bottom:0;
    margin-left:-1px;
    font-size:12px;
    font-weight:300;
    color:#4a4a4a;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    border-top:0;
    margin-right:10px;
}
 #main-tabstrip > .k-tabstrip-items .k-item .k-link{
    padding:0 20px;
    position:relative;
}
 #main-tabstrip > .k-tabstrip-items .k-item.k-first .k-link{
 	padding:0 15px;
 	vertical-align: middle;
 }
 #main-tabstrip > .k-tabstrip-items .k-item .k-i-close{
 	position:absolute;
	right:3px;
	top:13px; 
	color:#4a4a4a;
	font-size:12px
 }
 #main-tabstrip > .k-tabstrip-items .k-item:not(.k-state-active, .k-first){
 height:25px;
 line-height:25px;
 border:1px solid #959595;
 border-radius:2px;
margin-top:10px;
opacity: 1;
font-weight: 500;
 }
 #main-tabstrip > .k-tabstrip-items .k-item .k-loading{
    border:0
}
 #main-tabstrip > .k-tabstrip-items .k-state-active{
    background:#fff;
    border-bottom:1px solid #fff;
    margin-bottom:-1px;
    font-size:14px;
    font-weight:600;
    border-right:0;
    box-shadow:0px 0px 4px 2px rgba(0,0,0,.15);
    -webkit-box-shadow:0px 0px 4px 2px rgba(0,0,0,.15);
    -moz-box-shadow:0px 0px 4px 2px rgba(0,0,0,.15);
    min-width:140px;
    border-left:0;
    padding-right:13px;
}
#main-tabstrip > .k-tabstrip-items .k-first{
	background: none;
    border: 0;
    padding-right:0;
}
 #main-tabstrip > .k-tabstrip-items .k-state-active.k-first{
    min-width:auto;
    width:65px;
    background:#fff;
}
 .k-tabstrip > .k-content{
    border:1px solid #c1c1c1;
    margin: 0px;
    padding: 0px 3px 3px 3px
}
 #main-tabstrip #center_main_content .k-tabstrip-items{
    padding:0
}
 #main-tabstrip #center_main_content .k-tabstrip-items .k-item{
    border-color:#c1c1c1;
    border-radius:3px;
    background:#fff;
}
 #main-tabstrip #center_main_content .k-tabstrip-items .k-state-active{
    background:#dcdfe4;
    border-width:1px;
}
 #main-tabstrip #center_main_content .k-tabstrip-items .k-link{
    color:#333
}
 #closeAll{
    position:absolute;
    top:11px;
    right:7px;
    cursor:pointer;
    color:#606060;
    font-size:15px;
}
#main-tabstrip > .k-tabstrip-items .k-item.k-first .k-link{
	padding-left:25px;
    width: 100%;
    box-sizing: border-box;
}
 #closeAll img{
    vertical-align:middle
}
.k-item.k-first .ico-tab-home{
	width:17px;
	height:19px;
	display:block;
	background:url(/customer/img/sejung/ico-tab-home-off.png) no-repeat center;
}
.k-item.k-state-active .ico-tab-home{
	width:17px;
	height:19px;
	display:block;
	background:url(/customer/img/sejung/ico-tab-home-on.png) no-repeat center;
}
.k-item .tab-close{
	display:inline-block;
	cursor:pointer;
	padding:0 8px;
	width:
}
.k-item.k-state-active .tab-close{
	position: absolute;
	right: 5px;
	top: 5px;
	line-height: 1;
	padding:5px;
}




/*Modal 팝업 style*/
.modal-dialog{
	margin-top: 5%;
}
.modal-content{
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	overflow: hidden;
}
.modal-header{
	background: #f4f4f4;
	padding: 15px 20px 10px;
}
.modal-title{
	display: inline-block;
	font-size: 16px;
}
button.close{
	font-size: 27px;
	font-weight: 200;
	opacity:1;
}

.btn_menu.m_only{
	display:none;
}
#main_cust{
    position:relative;
    margin:0 auto;
    padding:0 0 0 0;
}

/* width 1280px 이상일 때의 디자인 적용해야해서 반응형 css 둘 다 삭제함 */
@media (max-width: 1280px) {}
/* 테블릿 기준 */
@media (max-width: 768px) {} 

.chat-overlay{position: fixed;top: 0;left: 0;z-index: 10001;width: 100%;height: 100%}
.chatTextWrap{height:100%;box-sizing:border-box;padding:39px 0 40px}
.viewChatText{height:100%;overflow-y:auto;box-sizing:border-box;padding:10px;color:#3a3a3a;font-size:12px}
.chatInputBox{position:absolute;bottom:0;left:0;width:100%}
.newLiveChat{height:40px;background:#ffb133;color:#fff;text-align:center;font-weight:bold;font-size:15px;padding-top:9px;box-sizing:border-box;cursor:pointer}
.newLiveChat label{font-size:15px;cursor:pointer}
.sendMsgBox{padding:5px 10px;border-top:1px solid #ffb133}
.chatInputTextBox{padding-right:48px;position:relative}
.chatInputTextBox input{height:28px;font-size:12px}
.chatSendBtn,.sendImage{position:absolute;top:5px;right:3px;font-weight:bold;font-size:13px;background:#ffb133;color:#fff;padding:5px 12px 5px;border-radius:3px;cursor:pointer}
.chatSendBtn label,.sendImage label{font-size:13px;cursor:pointer}
.sendImage{position:unset}
.sendImage:active,.sendImage:focus,.sendImage:visited,.sendImage:hover{color:#fff;text-decoration:none}
.srchTextWrap{position:absolute;left:0;width:100%;padding:0 10px 5px 10px;box-sizing:border-box;top:5px;border-bottom:1px solid #ffb133;background:#fff}
.srchTextBox{position:relative}
.srchTextBox .commonCode{width:100%;height:28px}
.srchTextBox input#srchTextInput{height:22px !important;font-size:12px}
.srchTextBox .srchTextClose{position:absolute;top:4px;right:-5px}
#liveChatBtn{color:#ffb133;padding:0px 5px;display:inline-block}



/*홈 대시보드*/
.home-wrap .home-top{
	display:flex;
	align-items:end;
	justify-content: space-between;
	margin-bottom:15px;
}
.home-wrap .home-top .btn-delivery{
	display:inline-block;
	padding:0 5px 0 25px;
	background:url(/customer/img/sejung/ico-delivery.png) no-repeat left center;
	text-decoration:none;
}
.home-wrap .home-top .btn-delivery:after{
	content:url(/customer/img/sejung/ico-arrow-right.png);
	margin-left:10px;
}
.home-wrap .w-card{
	box-shadow:0 0 5px 2px rgba(0,0,0,.1);
	border-radius:10px;
	flex-direction: row;
}
.home-wrap .widget-total{
	border-radius:10px;
	background:#f8f9fb;
	display:flex;	
	padding:5px 0;
	margin-bottom:20px;

}
.home-wrap .widget-total > div{
	padding:0 20px;
}
.home-wrap .widget-total .col-01{
	width:200px;
	border-right:1px solid #ddd;
	padding:5px 20px;
}
.home-wrap .widget-total .col-01 h4{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.home-wrap .widget-total .col-01 h4 + div{
	font-size:16px;
	text-align:right;
	padding-top:30px;
}
.home-wrap .widget-total .col-01 b{
	font-size:20px;
	font-weight:bold;
	margin-right:5px;
}
.home-wrap .widget-total .col-02{
    flex:1;
	overflow-y:auto;
	scroll-behavior: smooth;
}

.home-wrap .widget-total .select-list > div .select-item:first-child{
	margin-left:10px;
}
 .home-wrap .widget-total .items.active {
    background: rgba(255,255,255,0.3);
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1);
  }
.home-wrap .widget-total .select-list .items::-webkit-scrollbar {
  display: none;
}
.home-wrap .widget-total .select-list .items {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
/*     transform: scale(0.98); */
    will-change: transform;
    user-select: none;
    cursor: pointer;
    display:flex;
    gap:1rem;
    cursor: pointer;
    height: 95px;
    align-items: center;
  }

 .home-wrap .widget-total .select-item,
 .home-wrap .widget-total .select-item label{
     cursor:pointer;
  }
 .home-wrap .widget-total .select-item:last-child{
   margin-right:1rem;
   }
.widget-total{
	position:relative;
	overflow:hidden;
}

.widget-total:before{
	content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 10px;
    display: block;
    left: auto;
    background: #f8f9fb;
    z-index: 3;
    box-shadow: 0px 0 10px 10px rgb(248 249 251);
}
.select-list .select-item input[type="checkbox"].checkbox + label{
    width: 100px;
    height: 90px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 12px;
    padding: 0px 5px 5px;
    box-sizing: border-box;
}
.select-list .select-item input[type="checkbox"].checkbox:checked + label{
	border:3px solid #dbd8ed;
	padding:3px;
}
.select-list .select-item input[type="checkbox"].checkbox + label:before{
	margin:5px;
}
.select-list .select-item input[type="checkbox"].checkbox + label img{
	display:block;
	margin:0 auto;
	width:auto;
	height:16px;
	max-width:90px;
	max-height:16px;
	margin-bottom:10px;
}
.select-list .select-item input[type="checkbox"].checkbox + label  span{
	display:block;
	text-align:center;
	font-size:14px;
}
.widget-status-top{
	display:flex;
	justify-content:end;
	padding-bottom:7px;
	gap:20px;
}
.widget-status {
	margin-bottom:30px;
}
.widget-status-top a{
	position:relative;
	display:block;
	padding:5px 10px;
	font-size:13px;
}
.widget-status-top a:hover,
.widget-status-top a.on{
	text-decoration: underline !important;
	font-weight:bold;
}
.widget-status-top a:after{
	content:"";
	display:block;
	position:absolute;
	right:-10px;
	top:5px;
	width:1px;
	height:20px;
	background:#ddd;
}
.widget-status-top a:last-child:after{
	display:none;
}
.widget-status .d-flex{
	gap:15px;
}
.widget-status .w-card{
    margin-right: 50px;
    position: relative;
	padding:10px 10px 5px;
	flex: 1;
	text-align: right;
}
.widget-status .w-card:after{
	content:"";
	display:block;
	width:40px;
	height:40px;
	background:url(/customer/img/sejung/ico-status-arrow.png) no-repeat center;
	position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
}
.widget-status .w-card:last-child{
	margin-right:0;
}
.widget-status .w-card:last-child:after{
    display: none;
}
.widget-status .w-card .badge{
	padding:4px 10px;
	font-size:13px;
	color:#000;
	font-weight:normal;
}
.widget-status .w-card:nth-child(-n+3) .badge{
	background:#fcd36a;
}
.widget-status .w-card:nth-child(n+4) .badge{
	background:#8cc5fc;
}
.widget-status img{
	display:block;
	margin:-5px auto 13px;
	width:45px;
}
.widget-status img + div{
    position: relative;
	padding:3px 0;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 21%, rgba(240,241,246,1) 50%, rgba(255,255,255,1) 89%);
	text-align:center;
	font-size:15px;
	font-weight:bold;
}
.widget-status img + div:before{
	content:"";
	display:block;
	height:1px;
	width:100%;
	background:#ddd;
	margin-bottom:3px;
	position: absolute;
    top: -5px;
}
.widget-graph{
	display:flex;
	gap:30px;
	margin-bottom:30px;
}
.widget-graph .w-card{
	background:#fbfbfb;
	flex:1;
	padding:15px;
	height:200px;
}
.widget-graph .w-card .w-card-header,
.widget-board .board-header,
.widget-gaugeChart .widget-header{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.widget-board{
	width:25%;
}
.widget-board-top{
	width:90%;
}
.widget-board .widget-board-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.widget-board .b-new{
	background:#ff9d9e;
	color:#000;
	font-weight:normal;
}
.widget-board .b-date{
	background:#e2e2e2;
	color:#000;
	font-weight:normal;
}
.widget-board ul {
	display:flex;
	flex-flow:column wrap;
	height: 140px;
}
.widget-board ul li {
	margin-bottom:10px;
	width:80%;
}
.widget-board ul li:nth-child(-n+3){
	margin-right:1%;
}
.widget-board ul li:nth-child(n+4){
	margin-left:1%;
}
.widget-board ul li a{
	display:block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.widget-board .board-btn-wrap button{
	background:none;
	appearance:none;
	border:0;
	padding:3px 5px;
}
#contents > .k-tabstrip-wrapper{
	height:100%;
}
.widget-gaugeChart *{
	box-sizing:border-box;
}
.widget-gaugeChart > .d-flex{
	overflow:hidden;
}
.widget-gaugeChart div[class*="col-"]{
	position:Relative;
}
.widget-gaugeChart div[class*="col-"]:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  box-shadow: 5px 0 10px -3px rgba(0, 0, 0, 0.15);
  pointer-events: none;
}
.widget-gaugeChart div[class*="col-"]:last-child:after{
	display:none;
}
.chart-wrap{
	position:relative;
	width:300px;
	margin: -1rem auto 0;
}
.gauge-chart{
	background:url(/customer/img/sejung/img-gauge-bg.jpg) no-repeat center;
	margin:0 auto;
    display: block;
}
/* .gauge-chart:after{
	content:"";
	display:block;
	background:url(/customer/img/sejung/ico-gaugeChart-in.png) no-repeat center;
	width:49px;
	height:49px;
	position:Absolute;
	right:125px;
	top:70px;
} */
.gauge-text{
	text-align:center;
	width:100%;
}
.gauge-text .gauge-percent{
	font-size:22px;
	font-weight:bold;
}
.chart1 .gauge-percent{
	color:#61a9fd;
}
.chart2 .gauge-percent{
	color:#ff5774;
}
.gauge-text .gauge-label{
	color:#000;
	font-size:15px;
	font-weight:bold;
}
.gauge-text .gauge-sub{
	color:#a5a5a5;
	font-size:12px;
}
.status-card-wrap{
	display:flex;
	gap:20px;
	padding:1rem 0;
}
.status-card{
	flex:1;
	border:1px solid #ddd;
	border-radius:10px;
	padding:1.25rem;
	text-align:center;
}
.status-card:hover{
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    transition:.3s;
}
.status-card-header{
	font-size:14px;
	color:#000;
	font-weight:bold;
	text-align:left;
}
.status-card .status-count{
	font-size:15px;
	padding:1.25rem 0;
}
.status-card .status-count b{
	font-size:16px;
	font-weight:bold;
	margin-right:3px;
}
.status-card .btn{
	background:#d3e3f2;
	border-radius:20px;
	color:#000;
	font-size:12px;
	padding:0.125rem 1rem;
}
.widget-sub-header{
	padding:1rem 0 .5rem 0;
	font-size:14px;
	font-weight:bold;
}
.k-chart-tooltip{
	background-image:none;
}
.w-card-body{
	display:flex;
	align-items:center;
	flex:1;
}
.chart-legend {
	flex:1;
	height: -webkit-fill-available;
	display: flex;
    flex-direction: column;
}
.chart-legend .chart-total{
	background:#efefef;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:5px 10px;
	color:#666;
	font-size:12px;
	width:100%;
	border-radius:6px;
	box-sizing:border-box;
	margin-top:0;
	margin-bottom:20px;
}
.chart-legend-items{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	gap:5px;
	flex:1;
	justify-content:center;
	max-height: 150px;
    overflow: auto;
}
.chart-legend-items .legend-item{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.chart-legend-items .legend-item i{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	margin-right:10px;
	vertical-align: middle;
}
.chart-legend-items .legend-item i + img{
	max-height: 16px;
}
/* 국가 별 배송 리드타임 */
.widget-table-wrap{
  max-height: 170px;
  overflow-y: auto; 
  border-bottom:1px solid #ddd;
}
.widget-table-wrap table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; 
}
.widget-table-wrap table th,
.widget-table-wrap table td {
  padding: 13px 2px;
  text-align: center;
  border:0;
}
.widget-table-wrap table thead{
}
.widget-table-wrap table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: #666;
  font-size: 12px;
  padding:4px;
  background: #efefef;
}
.widget-table-wrap table thead th:first-child{
	border-radius:6px 0  0 6px;
}
.widget-table-wrap table thead th:last-child{
	border-radius:0 6px 6px 0;
}
.widget-table-wrap table tbody td {
	font-size:13px;
	font-weight:500;
	color:#000;
}

/* 전 기간 대비 증감 현황 */
#statusChart > div{
	display:flex;
	border-radius:10px;
	font-size:13px;
	padding:13px;
	margin-bottom:10px;
	font-weight:500;
	color:#000;
}
#statusChart .tit{
	width:100px;
	font-size:14px;
}
#statusChart .num{
	flex:1;
	text-align:right;
}
#statusChart .k-icon{
	width:50px;
}
#statusChart .inc{
	background:#f9eef2;
}
#statusChart .dec{
	background:#ecf0f9;
}
#statusChart > div .k-icon{
    font-size: 24px;
    height: auto;
}
#statusChart .inc .k-i-expand-n{
	color:#f72759;
}
#statusChart .dec .k-i-expand-s{
	color:#5399ff;
}

/*트래킹 페이지 */
#trackingWrap *{
	font-size:13px;
	vertical-align: middle;
}
#trackingWrap b{
	color:#002760;
}
#trackingWrap #header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:auto;
	margin:2rem 0;
}
#trackingWrap #header .btn-group{
	gap:5px;
}
#trackingWrap #header .btn-group button{
	border:1px solid #888 !important;
	color:#666;
	border-radius:4px !important;
}
#trackingWrap #header .btn-group button.active{
	background:#002760;
	borer:1px solid #002760 !important;
	color:#fff;
}
#trackingWrap h2{
	font-size:1.15rem;
	color:#002760;
	font-weight:600;
	margin-bottom:2rem;
}
#trackingWrap .search-wrap{
	display:flex;
	margin-bottom:1.5rem;
	max-width:560px;
	align-items:center;
}
#trackingWrap .search-wrap .form-control{
	margin-right:10px;
	height:30px;
}
#trackingWrap .search-wrap .btn{
	padding:0;
	border-radius:50%;
	border:0 !important;
}
#trackingWrap .notice-wrap{
	background:#fce5eb url(/customer/img/sejung/ico-notice.png) no-repeat left 10px center;
	border-radius:4px;
	padding:.5rem;
	padding-left:40px;
	font-size:14px;
	margin-bottom:1rem;
}
#trackingWrap .tracking-result{
	margin-bottom:3rem;
}
#trackingWrap .detail-wrap{
	display:flex;
	border-radius:4px;
	border:1px solid #ddd;
	margin-bottom:2rem;
	width:100%;
	align-items: stretch;
	background:#f5f6fa;
}
#trackingWrap .detail-wrap > div{
	padding:1rem 1.25rem;
	box-sizing:border-box;
}
#trackingWrap .detail-wrap .tracking-no {
	background:#eaf1f9;
	width:300px;
	font-weight:bold;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#trackingWrap .detail-wrap .tracking-no .text-primary{
	font-size:1rem;
	font-weight:600;
	text-align:right;
} 
#trackingWrap .detail-wrap .detail-info{
	background:#f5f6fa;
	flex:1;
	height:100%;
	padding-left:3rem
}
#trackingWrap .detail-wrap .detail-info table{
	width:100%;
}
#trackingWrap .detail-wrap .detail-info table th,
#trackingWrap .detail-wrap .detail-info table td{
	padding:.27rem;
}
#trackingWrap .detail-wrap .detail-info table th{
	font-weight:bold;
}
#trackingWrap .detail-wrap .detail-info table th:before{
	content:"‧";
	margin-right:10px;
	font-weight:bold;
}
#trackingWrap .widget-status .w-card{
	border:1px solid #ddd;
	border-radius:6px;
	box-shadow:2px 2px 5px 5px rgba(0,0,0,.05);
}
#trackingWrap .widget-status .w-card.active{
	border:3px solid #8dbef6;
}
#trackingWrap .widget-status .w-card.active img + div{
	color:#1d75fa;
}
#trackingWrap .widget-status .w-card.active img + div{
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 21%, rgba(236, 238, 249,.7) 50%, rgba(255, 255, 255, 1) 89%);
}
#trackingWrap .table-wrap{
	border-top:2px solid #c4daff;
	border-bottom:1px solid #dee2e5
}
#trackingWrap .table-wrap table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:0;
	text-align:center;
}
#trackingWrap .table-wrap table thead th{
	background:#eaf1f9;
}
#trackingWrap .table-wrap table td{
	border-top:1px solid #dee2e5;
}
.menuList-content li span:hover{
    color:#8bc4f9;
    cursor:pointer;
}
.menuList-content li span{
    color:#eaeaea;
}

/***
 
 회원가입정보입력

***/
.membership-wrap * {
	font-size:12px;
}
.membership-wrap .form-control,
.membership-wrap .form-select{
	border-radius:3px;
}
.membership-wrap .k-textbox{
	height:32px !important;
}
.membership-wrap span.k-textbox .k-icon.k-i-search{
	width:16px;
	height:16px;
}
.membership-wrap .membership-header{
	border-bottom: 1px solid #ddd;
	margin-bottom:2rem;
    position: sticky;
    width: 100%;
    z-index: 100;
    background: #fff;
    top: 0;
    left: 0;
}
.membership-wrap .membership-header .container{
	display:flex;
	justify-content:space-between;
	align-items:center;	
}
.membership-wrap .membership-header .btn{
    color: #fff;
    padding: .5rem 1rem;
    width:70px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.membership-wrap .btn-save.k-state-disabled{
	background: #eee !important;
    filter: grayscale(0);
    opacity: 1 !important;
    color: #878787;
}
.membership-wrap .btn{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:#002961;
	color: #fff;
	padding: 10px;
	font-weight: 600;
}
.user-info button.btn{
	width: 150px;
}
.membership-wrap h2{
	font-weight: bold;
	font-size: 18px;
	line-height:1;
}
.membership-wrap .nav{
	gap:30px;
	border-bottom: 0;

}
.membership-wrap .nav-tabs .nav-link{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #000;
	border:0;
	font-size: 18px;
}
.membership-wrap .nav-tabs .nav-link.active{
	color: #00275e;
	border-bottom: 3px solid #00275e;
	font-weight: 900;
}
.user-info.row{
	--bs-gutter-x: 1rem;
}
.user-info.row > [class*="col-"]{
	margin-bottom: 1rem;
}
.user-info .card h5{
	background:#ced7e0;
    padding: 3px 15px;
	color: #213858;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
}
.user-info .card .d-flex > h5{
	background:#eee;
	color:#666;
}
.user-info .card h5.on{
	background:#ced7e0;
	color: #213858;
}
.user-info .card{
	padding: 0 !important;
/* 			overflow: hidden; */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0;
	height:100%;
}
.user-info .card .card-body{
	padding: 5px 10px;
	background: #f9f9f9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #ddd;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius: 0 0 10px 10px;
/* 			overflow: hidden; */
}
.user-info .card .card-body table{
	background: none;
	border: 0;
	width: 100%;
    table-layout: fixed;
}
.user-info .card .card-body table th,
.user-info .card .card-body table td{
	border: 0;
	background: none;
	padding: 3px;
	vertical-align: middle;
}
.user-info .card .card-body table td{
	position:relative;
}
.user-info .card .card-body table td .k-invalid{
	border-color:#D51923;
}

.user-info .card .card-body table th{
	white-space: nowrap;
	padding-right: 20px;
}
.user-info table td .d-flex{
	gap:3x;
	align-items:center;
}
.user-info.row .card-body.p-0 textarea{
	border: 0;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
.user-info span.k-form-error.k-invalid-msg{
	z-index:10;
	border-radius:0;
	width:0;
    font: 12px / 1.231 'Exo', 'Nanum Gothic', Tahoma, Arial, sans-serif, dotum, Simsun, SimHei;
    top:7px;
    text-indent: 7px;
}
.user-info span.k-form-error.k-invalid-msg:before{
   font-family: 'WebComponentsIcons';.
   font-size:12px;
}
.k-form-error.k-invalid-msg:before{
	display:none;
	
}

.membership-wrap .container{
max-width:1400px;
}

.membership-wrap .k-dropdown,
.membership-wrap .k-dropdown-wrap{
width:100% !important;
}
#excelTypeStr{
width:100%;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.membership-wrap span.k-textbox input{
height:100% !important;
}
.membeership-wrap .k-grid .k-button.k-grid-customAdd{
	line-height:1;
}
.form-list-wrap {
	overflow: auto;
	max-height:170px;
	padding:0;
	border:1px solid #ddd;
	border-left:0;
	border-right:0;
}
.form-list-wrap ol{
	list-style:auto;
	padding-left: 0;
	margin: 0;
	list-style-position: inside;
	list-style:none;
	padding:5px;
}
.form-list-wrap li{
	position:relative;
	margin-bottom:3px;
}
.form-list-wrap ol li:last-child{
	border-bottom:0;
}
.form-list-wrap li::marker{
	position:absolute;
	left:0;
	top:0;
	color: #939393;
}
.form-list-wrap ol li label{
	white-space:nowrap;
	margin-right:5px;
}
 .form-list-wrap .form-control{
 	padding:.375rem .25rem
 }
/* .form-list-wrap input,
.form-list-wrap input:focus,
.form-list-wrap input:active{
	border: 0;
	width: 100%;
	box-shadow:none;
	outline:0;
} */


@media (max-width: 768px) {
	.login-header{
	padding:10px;
	}	
	#joinBody .login-footer{
	display:block;
	text-align:center;
	}
	.footer-content > div{
	display:block;
	}
	.footer-content ul{
	display:block;
	}
	.login-footer > div:first-child{
	border-bottom:1px solid #eee;
	}
	.login-footer .footer-cs, .login-footer .footer-mail{
	width:100%;
	border:0;
	}
	.footer-content ul li{
	border:0;
	}
	.login-footer .footer-cs h3,
	.login-footer .footer-mail h3{
	display:inline-block;
	}

}