/*
Description: dwb_style_LoginoteClient_PC
Author: mail@dwb.kr
Version: 1.0
P-Day:2022.03.04
Last_Edit:2022.03.07
Update:2022.03.07
*/


/*기본정의*/
@import url("font-awesome/3.2.1/font-awesome-ie7.min.css");
@import url("font-awesome/3.2.1/font-awesome.css");
html{ overflow:hidden;}
body {margin:0px;padding:0px; background-color:#ddd;overflow:hidden;scroll: no;}
img{margin:0px; padding:0px;}
#dwb_Center_header .inner,
#dwb_Center_body .inner,
#dwb_Center_footer .inner{ width:1900px !important; overflow:hidden; }
.span1{width:190px;}.span2{width:380px;}.span3{width:570px;}.span4{width:760px;}.span5{width:950px;}
.span6{width:1140px;}.span7{width:1330px;}.span8{width:1520px;}.span9{width:1710px;}.span10{width:1900px;}
.PCNoneDisplay,.NoneDisplay{display:none;}
.container {padding-right:0px; padding-left:0px; margin-right:0px;margin-left:0px;}
button{line-height:16px !important; }input,select,textarea{color:#000!important;font-size:12px!important;}
.btn-default{border: none; color: #000; border-radius: 2px; height: 33px !important; line-height:20px !important;}
.btn-white{border-radius: 2px; height: 35px !important; line-height:22px !important;}.btn-primary,.btn-danger,.btn-success,.btn-info,.btn-warning{border: none; color: #fff; border-radius: 2px; height: 33px !important; line-height:20px !important;}
.adNewBtn.mini{width:60px!important; padding: 0px;}


@media screen and (max-width:1280px){body {overflow-y: scroll;} #dwb_Center_header .inner,#dwb_Center_body .inner,#dwb_Center_footer .inner{ width:100% !important; overflow:hidden;}
input, textarea {-moz-user-select: auto;-webkit-user-select: auto;-ms-user-select: auto;user-select: auto;}}

/*기본정의 끝*/


/*상단 정보창 시작*/
.topBox{width: 100%;  padding: 10px 0 0 0; background-color:#111;}
.topBox .span2 img{height: 25px; margin-right: 20px; margin-left:10px;}
.topBox .span2{width: 20%; float: left;	}
.topBox .span6{width: 60%;float: left; text-align:center; color:#fff; }
.topBox .span6 #shipperNumber,.topBox .span6 #shipperManagerNumber{font-weight:700; font-size:15px; line-height:25px; margin:0; padding:0; color: #fff; }
.topBox .span2 h5{font-size: 12px; font-weight:700; line-height:25px;}
.topBox #TextTimer{margin-top: 12px;}
.userID{text-align: right; color:#fff!important;}
.userID a{margin-left: 10px; color:#fff;}
.userID i{font-size:15px; margin-right: 10px;}
.logoutBtn{width:40px; height: 30px; border-radius: 10px; background-color: #113366; color: #fff; text-align: center; line-height: 30px; display: inline-block; margin-right:10px;}
.freight_new_modify{width: 100%; display: inline-block; }
.freight_new_modify_title h5{float: left; font-size: 14px; line-height: 25px;}
.freight_new_modify_box{display: inline-block !important; }
.freight_new_modify_box .n_m_btn{ background-color: #113366; border: none; color: #fff; border-radius: 2px; height: 33px !important; line-height:20px !important;}
.contentsWrap{width:1900px !important;}
.loginote_write_wrap{width: 1024px; float: left; background-color: #fff !important; border-radius:5px; margin-top:10px;}
.freightInfoWrite{width: 100%; padding: 0; background-color: #fff !important; border-radius:5px;}
.freightWrap{width:100%;  height:230px !important; overflow: hidden; outline-right:1px #ddd solid;} 
.price_wrap{width:270px; float:left; background-color: #fff !important; border-radius:5px; margin-top:10px; margin-left:10px; height:303px !important; overflow: hidden;} 
.driver_wrap{width:270px; float:left; background-color: #fff !important; border-radius:5px; margin-top:10px; margin-left:10px; height:303px !important; overflow: hidden;}
.shipper_wrap{width:300px; float:left; background-color: #fff !important; border-radius:5px; margin-top:10px; margin-left:10px; height:303px !important; overflow: hidden;}
.tgTools{float: right; width: auto; font-size: 25px;}
.departTable{width: 49%; float: left; margin-right: 1%;}
.departTable.tableBoxRight{float: right;}
.intwrap{width: 100%; height: 35px; display: inline-block; margin-top: 10px;}
.intwrapTextarea{width: 100%; margin-top: 10px; display: inline-block;}
.intwrapTextarea textarea{width: 100%; margin: 0!important; float: right;}
.intbox{width: 80%; margin-top: 4px; display: inline-block;}
.intbox.w50 div{display: inline-block !important; width: 49.5%!important;}
.intbox.w30 div{display: inline-block !important; width: 32.6%!important;}
.intbox.w30 div.w70{display: inline-block !important; width: 66.5%!important; text-align: right}
.carTonBox select{height: 35px!important; margin: 0;  width:100%!important; }
.lableTitle{width: 20%; line-height: 45px; float: left; text-align: center; font-weight: bold; color: #000;}
.departTable input{}
.adInt{width: 37%!important; border-radius: 5px;}
.intform{width: 100%; display: inline-block; }
.chBox_logi{margin-right: 10px; display: inline-block; line-height: 35px; }
.chBox_logi label{font-size: 12px;}
.intDate{width: 26%!important; height: 35px; margin-right: 0px !important;}
.intTimeBox{width:21.6%; margin-left:0px !important;}
.intTime{height: 35px; }
.carTonBox{width: 100%; display: inline-block;}
.priceIntBox{width: 80%; padding-left: 0px; float: right; display: inline-block; margin: 0;}
.priceInt{width: 100%; height: 35px; margin: 4px 0 0 0; border-radius: 5px;}
.adNewBtn{float: right; background-color: #113366; border: solid #113366; height: 33px !important; }
.adNewBtn2{margin-left: 5px; margin-top: 0px;height: 33px !important; line-height:20px !important;;}
.adNewBtn3{margin-left: 5px; margin-top: 0px;height: 33px !important; line-height:20px !important;;}
.ExpectedInfoInt{width: 70%; float: left; height: 35px;}
.dwb_wrap{font-weight:700; color: #000 }
.dwbLabel{width: 20%; line-height: 45px; text-align: center; font-weight: bold; color: #000;}
.dwb_wrap .point{font-size:20px;}
.graph_wrap{width: 450px; float: right; } 
.dwb_input{width:240px !important; margin-top: 4px;  display: inline-block;}
.dwb_input input{width:100% !important;}
.dwb_input textarea{width: 100%; margin: 0!important;  float: right;}
.cargoList{ border-top-right-radius:5px; border-top-left-radius:5px; margin-top:10px; border-bottom:0px;margin-right: 5px; }
.cargoList h5{margin-bottom: 5px!important; margin-left:10px !important; color: #000; }
.cargoList.ibox-title{padding-top:20px!important; height: 60px;}
.order_list_block{ padding-top:10px!important; border-bottom:0px;}
.jqGrid_wrapper{border-top:0px;padding-top: 0px;margin-top: 0px;}
#order_list{border-top:0px;padding-top: 0px;margin-top: 0px;}
.listViewMain{padding:0px;margin-right: 5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.intbox.w100{width:100% !important;}
.intbox.w100 div{display: inline-block !important; width: 100%!important;}
.shipper_wrap .ibox-tools i{font-size:18px;}
#newDiv i{color:#b20000 !important;}
#shipperNumber,#shipperManagerNumber{letter-spacing:2px; font-size:22px;}
#gbox_address_book_list{height:250px !important; overflow-y: scroll; overflow-x: hidden !important; width: 780px !important;}
#officerName{margin-left:0px !important;}
#AdditionalFee label{margin-right:10px !important;} #AdditionalFee label input{ vertical-align:-2px; }
#address_book_popup .modal-dialog{width:820px !important; overflow: hidden !important; }
.form-inline .form-control#lgnStDate,.form-inline .form-control#lgnEdDate{width:100px !important;}
@media screen and (max-width:1280px){.userID{ font-size: 0 !important;}.topBox .span2{width: 230px; float: left; text-align: right; padding-bottom:5px;}.topBox .span2 h5:last-child{line-height:10px !important;} .topBox .span2:last-child{ width:30px !important; position: absolute; margin-top:0px !important; top: 10px !important; height: 30px !important; right:10px !important;}.topBox .span6{width: 60%;float:right; text-align:right; color:#fff; padding-right:30px; }.loginote_write_wrap{width: 99% !important;}
.contentsWrap{width:100% !important;}.price_wrap,.driver_wrap,.shipper_wrap{width:32% !important; overflow: hidden;}.order_list_block form.form-inline,.order_list_block .col-sm-4.btn_block.logiListBox,div .col-sm-4.btn_block.logiListBox{width:90%!important;}}
@media screen and (max-width:1050px){.order_list_block form.form-inline,.order_list_block .col-sm-4.btn_block.logiListBox{width:90%!important;}form.form-inline{width:600px!important;} .order_list_block form.form-inline,.order_list_block .col-sm-4.btn_block.logiListBox,div .form-inline .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}.form-inline .form-control {display: inline-block;width: auto;vertical-align: middle;}.form-inline .form-control-static {display: inline-block;}
  .form-inline .input-group {display: inline-table; vertical-align: middle; }.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control { width: auto;}
  .form-inline .input-group > .form-control {width: 100%;}.form-inline .control-label {margin-bottom: 0;vertical-align: middle;}.form-inline .radio,.form-inline .checkbox {display: inline-block; margin-top: 0;margin-bottom: 0;vertical-align: middle; }
  .form-inline .radio label,.form-inline .checkbox label{padding-left: 0;}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position: relative;margin-left: 0;}.form-inline .has-feedback .form-control-feedback {top: 0;}
  .form-inline .form-control{width:145px !important;} #lgnUpDate,#lgnDnDate{width:90px !important;}.intTimeBox.clockpicker input{width: 80px !important;} .input-group.clockpicker.intTimeBox{width: 80px !important;}form.form-inline{width:360px !important}#lgnStDate,#lgnEdDate{width:90px !important;}
  .logiListBox form.form-inline{width:100% !important}
}
@media screen and (max-width:970px){.price_wrap,.driver_wrap,.shipper_wrap{width:32% !important; overflow: hidden;}.form-inline .form-control{width:145px !important;} #lgnUpDate,#lgnDnDate{width:90px !important;}.intTimeBox.clockpicker input{width: 80px !important;} .input-group.clockpicker.intTimeBox{width: 80px !important;}form.form-inline{width:360px !important}#lgnStDate,#lgnEdDate{width:90px !important;}.intbox.w30 div.w70{display: inline-block !important; width:235px !important; text-align: right}}
@media screen and (max-width:924px){.price_wrap,.driver_wrap,.shipper_wrap{width:31% !important; overflow: hidden;}.form-inline .form-control{width:105px !important;} #lgnUpDate,#lgnDnDate{width:88px !important;}.intTimeBox.clockpicker input{width:43px !important;} .input-group.clockpicker.intTimeBox{width:43px !important;}form.form-inline{width:280px !important}#lgnStDate,#lgnEdDate{width: 90px !important;}.intbox.w30 div.w70{display: inline-block !important; width:180px !important; text-align: right}.intbox.w50 div{display: inline-block !important; width: 140px!important;}.intbox.w30 div{display: inline-block !important; width:92px!important;} #btnCopyOrder{display: none !important;}.logiListBox form.form-inline{width:100% !important} 
}

@media screen and (max-width:780px){
#address_book_popup .modal-dialog{width:740px !important; overflow: hidden !important; }
#gbox_address_book_list{width:700px !important; overflow-x: scroll !important; }
#AdditionalFee label{margin-right:2px !important;}
.topBox .span2:last-child{right:5px!important;}
#lgnStDate{margin-left:10px !important;}
}

@media screen and (max-width:740px){.price_wrap{width:100% !important; overflow: hidden; margin:0px !important;outline: 1px solid #ddd!important; margin-top: 10px !important;}.driver_wrap,.shipper_wrap{width:100% !important; overflow: hidden; margin:0px !important; border-radius:0 !important;}  .topBox .span6{width:100% !important;float:left; text-align:left !important; color:#fff; padding:10px !important; overflow: hidden !important; font-size: 2.5vw!important;}.topBox .span2:last-child{ width:30px !important; position: static; margin-top:-75px !important; top: 0px !important; height: 30px !important; float: right!important; margin-right:10px !important;}.userID i{font-size:6vw;}.ibox-title{border:none !important;}
.departTable{width:100%; float: left;}.departTable.tableBoxRight{float: left; padding-bottom:5px !important;}.freightWrap{width:100%;  height:auto !important; outline-right:0px;}.freightWrap.ibox{margin-bottom:10px;}.loginote_write_wrap {width:100% !important; margin-top:0px !important;} 
#MobileTab{width:100%; margin-top: 5px;} #MobileTab .TabLink{width: 24.5% !important; margin-right:0.5% !important;  float: left !important; text-align: center; background: #f1f1f1; border-top-left-radius:5px; border-top-right-radius:5px; padding-top:10px; padding-bottom: 10px; outline: 1px #ddd solid;}#MobileTab .TabLink.Active{background-color: #fff;}.MobileNoneDisplay{display: none!important;}.order_list_block form.form-inline,.order_list_block .col-sm-4.btn_block.logiListBox,div .col-sm-4.btn_block.logiListBox{width:100%!important;}
#order_list_block .ibox-title{margin-top: 0px !important;border-radius:0 !important; }#order_list_block .cargoList{margin: 0px !important; height: auto !important;} #lgnStDate,#lgnEdDate{margin-left: 10px !important; ;} #lgnStDate,#lgnEdDate{margin-bottom:10px !important;}
.listViewMain{padding:0px;margin-right:0px !important; border-radius:0px !important;}.jqGrid_wrapper{overflow-x: scroll !important;}
#address_book_popup .modal-dialog{width:96% !important; overflow: hidden !important; margin-left: 2% !important;}#address_book_popup{margin-top:20px !important;}
#gbox_address_book_list{width:320px !important; overflow-x: scroll !important; height:180px !important;}
#address_book_popup .modal-body{height:450px !important;}#order_list_block{background-color: #fff;}
.topBox .span6 #shipperNumber,.topBox .span6 #shipperManagerNumber{font-weight:700; font-size:4vw; line-height:6vw; margin:0; padding:0; color: #fff; }
}

/*상단 정보창 끝  font-size: 0 !important;*/


/*그리드 시작*/
.ui-jqgrid .ui-jqgrid-htable{height: 35px;}
#order_list .ui-widget-content .ui-jqgrid-labels{background: #000;}
.ui-jqgrid .ui-jqgrid-htable th div{color: #000; font-weight: bold;}
.ui-jqgrid tr.jqgrow{line-height: 25px;}
table.lgnTable001 {width: 100%;border:1px solid #808080;}
tr.lgnTable001tr001 {height: 50px;}
td.lgnTable001td001 {width: 7%;border:1px solid #808080;background-color: #E0E0E0;}
td.lgnTable001td002 {width: 43%;border:1px solid #808080;padding-left:10px;padding-right:10px;}
.carousel-indicators {position: absolute;bottom: 0px;left: 50%;z-index: 15;width: 60%;padding-left: 0;margin-left: -30%;text-align: center;}

/*@media screen and (max-width:740px){#order_list_block,.listViewMain{display: none!important;}}*/
@media screen and (min-width:740px){#MobileTab{display: none !important;} }
/*그리드 끝*/


.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus {background-color: #113366;border-color: #113366;color: #FFFFFF;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {background-color: #113366;border-color: #113366;color: #FFFFFF;}


/*로그인화면 login.html 시작 2022-06-07 kyj*/
/*loginote_login_bg.png이미지 추가*/
.logiWrap.new_loginote_bg{width: 890px; height: 515px; background: url("../images/loginote/loginote_login_bg.png") no-repeat center/cover; margin: 200px auto; }
.logiWrap.logiWrap_register{width: 400px; height:460px; background: #fff; margin: 200px auto; padding-top:40px; border-radius:25px !important; }
.logiWrap.logiWrap_register .span4 h2{padding-bottom: 30px; font-size:30px; color: #113366; font-weight: bold; text-align: center;}
.logiWrap.logiWrap_register .span4{width: 400px; float: right;}
.logiWrap .span3.leftBox{width: 390px; float: left;}
.logiWrap .span4{width: 490px; float: right;}
.logiWrap .span4.loginpage{ margin-top: 30px;}
.logiWrap .span4.loginpage p{text-align: center; font-size:20px;font-weight:700; margin-bottom: 20px;}
.logiWrap .span4.loginpage p .point{color:#05589b; }
.greenText{margin: 20px 0 0 20px; color: #cbdc51; font-weight: 500; font-size: 20px; line-height: 30px;}
.loginoteJoin{width: 300px; height: 55px; margin: 270px auto 0; display: block; text-align: center; border: none; line-height: 55px; color: #113366; background-color: #cbdc51; font-weight: 500; font-size: 16px; }
.bottomT{margin-top: 330px; color: #fff; font-weight: 500; text-align: center; line-height: 70px; font-size: 15px;}
.logiLogo{text-align: center; padding: 30px 0 50px 0;}
.logiWrap .span4 h2{padding-bottom: 30px; font-size: 20px; color: #113366; font-weight: bold; text-align: center;}
.loginBtn{width: 300px; height: 55px; margin: 10px auto; }
.logiWrap .chBox{width: 300px; margin-left: 95px; margin-top: 25px;}
.logiWrap .chBox label{float: left; font-size: 14px; display: inline-block;}
.logiWrap .chBox label input{width: 16px; height: 16px; float: left; margin-right: 5px;}
.lostiId{float: right; font-weight: bold; font-size: 14px;}
.loginoteLogin{width: 300px!important; height: 55px; margin: 80px auto 0; display: block!important; text-align: center; border: none; color: #fff; background-color: #113366; font-weight: 500; font-size: 16px;}
#dwb_video_Area.dwb_video-size{ width: 400px; float: left; height: 507px; overflow: hidden; margin: 0px; padding: 0px; margin-top:4px; border-bottom-left-radius:28px;border-top-left-radius:28px;  }
#dwb_video{ width:1920px; height:1200px; min-height:100vh; min-width: 177.77vh; margin-top:0px; margin-top:-500px; margin-left: -900px;}
@media screen and (max-width: 1280px){
	.logiWrap.new_loginote_bg{
		width: 890px; 
		height: 515px; 
		background: url("../images/loginote/loginote_login_bg.png") no-repeat center/cover; 
		margin: 30px auto; 
	}
}
@media screen and (max-width: 900px){
	.logiWrap .span3.leftBox,#dwb_video_Area.dwb_video-size{
		display: none !important;
	}
	.logiWrap{
		background:none !important;
		width: 490px!important;
	}
	.logiWrap .span4{
		width: 490px; 
		float: right;
	}
	#loginForm.new_loginpage.loginpage{background-color: #fff!important;}
}
@media screen and (max-width: 490px){
	.logiWrap{
		background:none !important;
		width: 320px!important;
	}
	.logiWrap .span4{
		width: 320px; 
		float: right;
	} 
	#loginForm{
		background: none!important;
	}
	.logiWrap.logiWrap_register{
		background:none !important;
		width: 320px!important; 
		height: auto !important;
		margin-top: 30px!important;
	}
	.logiWrap.logiWrap_register .span4{
		width: 320px; float: right;
	}
	#loginForm.new_loginpage.loginpage{background-color: transparent!important;}
}
#loginForm.new_loginpage.loginpage{margin-top: 30px !important; padding: 0px!important; background-color: transparent;}.loginoteLogin {height: 50px!important;}

/*로그인화면 login.html 끝 2022-06-07 kyj*/


#shipperManagerNumber,#shipperNumber{margin-left:5px !important;}
.login_block a{ color:#fff !important; margin-left:5px !important;}
.login_block .btn{margin-left:5px !important;  padding:5px !important; padding-bottom:5px !important; padding-top: 5px !important; height:20px !important; line-height:12px!important; margin-bottom:5px !important; }