html,body{ width:100% ;height:100%; min-width:320px; background-color:#ededea; font-family:'Noto Sans KR',Sans-Serif; font-weight:300; font-size:100%; }
ul,ol,li {list-style:none;}
/* bootstrap css빼기
body { line-height:1; }
dl, dd, dt, ol, ul, label { margin-bottom:0; }
dt { font-weight:inherit; }
p { margin-bottom:0; }
*/
/* bootstrap css빼기 */
.ab{float:left; margin:10px 0;}
.ui-menu {
max-height: 350px !important;
overflow: scroll;
}
input[type="text"]{}
.order-checkbox > input,.radio-btn > input{visibility:hidden;position:absolute;}
.order-checkbox > input + div{
cursor:pointer;width:20px;height:20px;
background:url('../img/checkbox2_new_uncheck.png') center no-repeat;}
.order-checkbox > input:checked + div{background:url('../img/checkbox2_check.png') center no-repeat;}
.order-checkbox span{margin-left:8px;z-index:10;cursor:pointer; font-size:14px !important; color:#454545 !important; line-height:20px;}
.order-checkbox b {font-size:12px !important; color:#fd6147 !important; font-weight:400; display:inline-block; margin-top:-4px; }
.order-checkbox2 > input,.radio-btn > input{visibility:hidden;position:absolute;}
.order-checkbox2 > input + div{
cursor:pointer;width:20px;height:20px;
background:url('../img/checkbox_uncheck.png') center no-repeat; margin-top:-5px; }
.order-checkbox2 > input:checked + div{background:url('../img/checkbox_check.png') center no-repeat;}
.order-checkbox2 > input:disabled + div{background:#ddd;}
.order-checkbox2 span{margin:8px; z-index:10; cursor:pointer; font-size:15px !important; color:#454545 !important; line-height:20px; }
.order-checkbox2 b {font-size:12px !important; color:#fd6147 !important; font-weight:400}
.order-checkbox3 > input,.radio-btn > input{visibility:hidden;position:absolute;}
.order-checkbox3 > input + div{
cursor:pointer;width:20px;height:20px;
background:url('../img/checkbox_uncheck.png') center no-repeat; margin-top:-5px; }
.order-checkbox3 > input:checked + div{background:url('../img/checkbox_check.png') center no-repeat;}
.order-checkbox3 > input:disabled + div{background:#ddd;}
.order-checkbox3 span{margin:8px; z-index:10; cursor:pointer; font-size:15px !important; color:#454545 !important; line-height:20px; }
.order-checkbox3 b {font-size:12px !important; color:#fd6147 !important; font-weight:400}
.mgR55 { margin-right:55px; }
.order34_left{width:100%;}
.order_line_main_left{float:left;}
.order_line_left{ height: 34px;float:left;border:0;border-left:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0; width: 50%;}
.order_line_right{ height: 34px;float:left;border:0;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0; width: 50%;}
.hide900{display:none;}
.btn_sideMenu{position:relative; z-index:100;cursor:pointer}
.btn_sideMenu img {width:40px}
.radio-btn > input + div{
cursor:pointer;width:19px;height:19px;
background:url('../img/radio_bt_uncheck.png') center no-repeat;}
.radio-btn > input:checked + div{background:url('../img/radio_bt_check.png') center no-repeat;}
.radio1-span{margin-left:20px;margin-right:80px;cursor:pointer;z-index:10;}
.center{text-align:center;}.left{text-align:left;}.right{text-align:right;}
.wrap{position:relative;height:100%;margin:0 auto;}.pointer{cursor:pointer;}
.inline{display:inline-block;}.rel{position:relative}.bold{font-weight:600;}
.underline{border-bottom:1px solid #222;}
.clear{clear:both;}
#ordermain{width:960px}
#gmap{overflow:hidden;}
.ordertitle{width:100%;padding:20px 30px;border-bottom:1px solid #e2e2e2;}
.ordertitle p{margin-left:15px;font-size:26px !important;}
.ordersub{width:100%}
.order-subtl{padding:7px;border:1px solid #a1a1a1;margin-right:10px;}
#order_wrap {padding-bottom:55px;}
#order-row1{margin-right:48px;}
#order-row2{margin-right:65px;}
.row{margin-top:10px;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#5a574f;
font-size:14px;
font-weight:normal;
opacity: 0.5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#5a574f;
font-size:14px;
font-weight:normal;
opacity: 0.5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#5a574f;
font-size:14px;
font-weight:normal;
opacity: 0.5;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#5a574f;
font-size:14px;
font-weight:normal;
opacity: 0.5;
}
::-ms-input-placeholder { /* Microsoft Edge */
color:#5a574f;
font-size:14px;
font-weight:normal;
opacity: 0.5;
}
.order-textinput{height:33px;border:1px solid #c0c0c0}
.order-textinput input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:17px;padding:0 10px; background-color:#fff; border-radius:4px; color:#000}
.order2-textinput{height:33px;border:1px solid #c0c0c0; width:100%}
.order2-textinput input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:17px;padding:0 10px; /* color:#5a574f; */ font-weight: 500;}
.order2_2-textinput{height:33px; border-left:1px solid #c0c0c0; border-top:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; width:100%; margin-top:3px;}
.order2_2-textinput input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:17px;padding:0 10px; /* color:#5a574f */font-weight: 500;}
.order2_3-textinput{height:33px;border:1px solid #c0c0c0; width:100%}
.order2_3-textinput input[type="text"]{
border:0;height:100%;width:90%;font-family:'Noto Sans KR',Sans-Serif;font-size:17px;padding:0 10px; /* color:#5a574f; */ font-weight: 500;}
.order3-textinput{height:33px;border:1px solid #c0c0c0; width:50%}
.order3-textinput input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:17px;padding:0 10px; /* color:#5a574f */font-weight: 500;}
.order4-textinput{height:33px;border:1px solid #c0c0c0; width:50%}
.order4-textinput input[type="text"]{border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:16px;padding:0 10px; /* color:#5a574f */font-weight: 500;}
.order5-textinput{height:32px;border:1px solid #c0c0c0; width:60px; margin-left:5px}
.order5-textinput input[type="text"],.order5-textinput input[type="password"]{border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif; padding:0 5px;font-size:16px; color:#555;}
.order5-textinput input[type="password"]{font-size:9px}
.order6-textinput{height:32px;border:1px solid #c0c0c0; width:140px; margin-left:10px}
.order6-textinput input[type="text"]{
border:0;height:100%;width:45%;font-family:'Noto Sans KR',Sans-Serif; font-size:15px !important; padding:0 10px; color:#555;}
.order7-textinput{height:34px; width:50%}
.order7-textinput input[type="text"]{border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:16px;padding:0 10px; /* color:#5a574f */font-weight: 500;}
.order-subtext{width:100px;margin-left:30px;}
.textright{width:380px;margin-left:20px !important;}
.orange{color:#3d93fd; font-weight:600;}
.bigOrange{color:#6f6c63; font-weight:600; font-size:19px; margin-top:28px; margin-bottom:14px}
.bigOrange ul {overflow:hidden}
.bigOrange ul li {float:left}
.bigOrange ul .txt_area {font-size:13px; font-weight:400; margin-top:7px}
.bigOrange ul .txt_area span {color:#ffa000; font-size:14px; border-right:1px solid #ffa000; color:#ffa000; font-weight:700; margin-right:8px}
.bigOrange2{color:#6f6c63; font-weight:600; font-size:19px; margin-top:28px; margin-bottom:14px}
.order-optioninfo {width:100%}
.order-optioninfo > p{margin-bottom:10px}
#order-option-kind p {font-weight:500; color:#5f5d57}
#order-option-weigh p {font-weight:500; color:#5f5d57; font-size:15px}
#order-option-vehicle .vehicle-cost p {color:#5a574f !important}
.order-option-vehicle-pc {/* overflow:hidden; */ background-color:#fff;}
.order-option-vehicle-pc .left_area {float:left; width:70%; overflow:hidden; background-color:#fff; padding:4px}
.order-option-vehicle-pc .left_area table {border:1px solid #e4e4e4}
.order-option-vehicle-pc table {width:100%;}
.order-option-vehicle-pc .right_area {float:right; width:30%; overflow:hidden; background-color:#fff; padding:4px; border-right:1px solid #d1d0ce}
#order-option-vehicle .left_area td {width:25%; cursor:pointer}
#order-option-vehicle .right_area td{width:100%; cursor:auto}
#order-option-kind .optioninfo-item{width:100%}
.optioninfo-item{}
.order-option-vehicle-pc .left_area td{border:1px solid #e4e4e4; background-color:#fff}
.credit_detail {width:100%; max-width:1020px; }
.credit_detail p {margin-left:20px; margin-top:3px}
.txt_credit_detail,
.txt_credit_detail2,
.txt_credit_detail3 {width:100%; max-width:675px; margin-left:39px;}
.txt_credit_detail ul {overflow:hidden; border-top:1px solid #d7d7d7; padding-top:10px;}
.txt_credit_detail ul li {float:left; width:56%}
.txt_credit_detail ul li+li {float:left; width:40%}
.txt_credit_detail2 ul {overflow:hidden; border-top:1px solid #d7d7d7; padding-top:8px; margin-top:10px}
.txt_credit_detail2 ul li {float:left; width:40%}
.txt_credit_detail2 ul li+li {width:50%}
.txt_credit_detail2 ul+ul {border-top:none; padding-top:0px; margin-top:10px}
.txt_credit_detail2 ul+ul li {float:none; width:100%}
.txt_credit_detail2 .txt_type3 {color:#ff9000}
.txt_credit_detail3 {overflow:hidden; border-top:1px solid #d7d7d7; padding-top:8px; margin-top:10px}
.card-use-checkbox.on {border:2px solid #656565}
.card-use-checkbox {display:inline-block; border:2px solid #d7d7d7; border-radius:3px; margin-left:2px; margin-right:2px; position:relative}
.card-use-checkbox.on {border:2px solid #656565}
.card-use-checkbox .img_card_check {cursor:pointer; display:inline-block; width:13px; height:50px; background:url('../img/checkbox4_uncheck.png') center no-repeat; padding:0px 20px; border-right:1px solid #d7d7d7}
.card-use-checkbox .checkboxon {background:url('../img/checkbox4_check.png') center no-repeat; border-right:1px solid #656565}
.card-use-checkbox .txt_card_check {cursor:pointer; display:inline-block; cursor:pointer; padding:0px 30px 0px 15px}
.card-use-checkbox .txt_card_check .txt_card1 {font-size:16px; color:#222222}
.card-use-checkbox .txt_card_check .txt_card2 {font-size:14px; color:#a1a1a1; margin-top:5px}
.card-use-checkbox .ico_close {position:absolute; right:0px; top:-1px; cursor:pointer; z-index:50}
.card-use-checkbox .ico_close img {margin-right:0px !important; width:16px;}
.disabledCls,input[type="text"]:disabled,input[type="password"]:disabled {
background: #dddddd;
}
#order-option-kind .optioninfo-item td.active {border:2px solid #7fc33c}
#order-option-weigh .optioninfo-item td+td {margin-left:10px}
#order-option-weigh .optioninfo-item td.active {background-color:#96ce36; color:#fff}
#order-option-vehicle .optioninfo-item td.active {}
#order-option-weigh .optioninfo-item {overflow:hidden; background-color:#fff; }/*border-right:1px solid #d1d0ce; border-bottom:1px solid #d1d0ce*/
#order-option-weigh .optioninfo-item dl {padding:4px; overflow:hidden}
#order-option-weigh .optioninfo-item dl dt {float:left; width:22%; text-align:left; height:44px; background:url('../img/arr_weigh.gif') no-repeat; padding-left:70px; font-size:16px; color:#6f6c63; font-weight:700; line-height:35px}
#order-option-weigh .optioninfo-item dl dd {float:right; width:78%; margin:4px 0px}
#order-option-weigh .optioninfo-item ul {overflow:hidden}
#order-option-weigh .optioninfo-item ul li {float:left; width:16%; background-color:#fff; border:1px solid #d7d7d7; line-height:35px; font-size:15px}
#order-option-weigh .optioninfo-item ul li.active {background-color:#96ce36; color:#fff !important; font-weight:bold; border:1px solid #80b91f}
#order-option-weigh .optioninfo-item ul li+li {margin-left:6px}
.optioninfo-item td p {font-size:15px; font-weight:500}
.goods-type {margin-top:8px}
.vehicle-cost{width:100%; line-height:35px; font-size:13px !important; color:#eb742c !important; font-weight:700; border-top:1px solid #dedede}
.vehicle-select {overflow:hidden; padding-top:12px}
.ico-vehicle {height:25px}
.vehicle-s,,elect p {padding-top:5px !important; font-weight:700; color:#5f5d57 !important}
.optioninfo-icon-m {display:none}
.txt_vehicle_detail {height:50px !important; font-size:13px; color: #60ab36 !important; border:2px solid #96ce36 !important}
#order-option-kind .optioninfo-item td{height:122px; width:17%}
#order-option-kind .optioninfo-item ul {overflow:hidden}
#order-option-kind .optioninfo-item ul li {height:81px; width:129px;/* width:169px; */ float:left; background-color:#fff; position:relative; border-bottom:1px solid #d1d0ce; border-right:1px solid #d1d0ce}
#order-option-kind .optioninfo-item ul li+li {margin-left:7px}
#order-option-kind .optioninfo-item ul li+li+li+li {width:150px}
#order-option-kind .optioninfo-item ul li+li+li+li+li {/* width:390px */width:100px}
#order-option-kind .optioninfo-item ul li+li+li+li+li+li {/* width:390px */width:160px}
#order-option-kind .optioninfo-item .box_ico_goods {/* width:132px */width:92px}
#order-option-kind .optioninfo-item ul li+li+li+li .box_ico_goods {/* width:150px */width:100px}
#order-option-kind .optioninfo-item .box_ico_goods p {margin-top:6px; font-size:15px}
#order-option-kind .optioninfo-item td+td+td+td+td+td {width:15%; cursor:auto}
.box_ico_goods .optioninfo-icon{
background-position:center center;background-repeat:no-repeat;
height:35px; margin-top:10px}
#order-option-weigh .optioninfo-item td{height:56px; width:16.66%; cursor:pointer}
.vehicle-select .optioninfo-icon{
background-position:center center; background-repeat:no-repeat;
height:25px; width:41px;}
#doc .optioninfo-icon{
background-image:url(../img/sub_envelope_icon_gray.png);}
#sBox .optioninfo-icon{
background-image:url(../img/sub_box_small_icon_gray.png);}
#mBox .optioninfo-icon{
background-image:url(../img/sub_box_medium_icon_gray.png);}
#bBox .optioninfo-icon{
background-image:url(../img/sub_box_large_icon_gray.png);}
#glass .optioninfo-icon{
background-image:url(../img/sub_glass_icon_gray.png);}
#pc .optioninfo-icon{
background-image:url(../img/sub_computer_icon_gray.png);}
#nBike .optioninfo-icon{
background-image:url(../img/sub_motorcyle_icon_gray.png);}
#nDama .optioninfo-icon{
background-image:url(../img/sub_damas_icon_gray.png);}
#nLabo .optioninfo-icon{
background-image:url(../img/sub_labo_icon_gray.png);}
#nVan .optioninfo-icon{
background-image:url(../img/sub_van_icon_gray.png);}
#nTruck .optioninfo-icon{
background-image:url(../img/sub_1t_truck_icon_gray.png);}
#nTop .optioninfo-icon{
background-image:url(../img/sub_big_truck_icon_gray.png);}
#electronics .optioninfo-icon{
background-image:url(../img/sub_electronics_icon_gray.png);}
#etc .optioninfo-icon{
background-image:url(../img/sub_etc_icon_gray.png);}
#doc.active .optioninfo-icon{
background-image:url(../img/sub_envelope_icon_orange.png);}
#sBox.active .optioninfo-icon{
background-image:url(../img/sub_box_small_icon_orange.png);}
#mBox.active .optioninfo-icon{
background-image:url(../img/sub_box_medium_icon_orange.png);}
#bBox.active .optioninfo-icon{
background-image:url(../img/sub_box_large_icon_orange.png);}
#glass.active .optioninfo-icon{
background-image:url(../img/sub_glass_icon_orange.png);}
#pc.active .optioninfo-icon{
background-image:url(../img/sub_computer_icon_orange.png);}
#nBike.active .optioninfo-icon{
background-image:url(../img/sub_motorcyle_icon_orange.png);}
#nDama.active .optioninfo-icon{
background-image:url(../img/sub_damas_icon_orange.png);}
#nLabo.active .optioninfo-icon{
background-image:url(../img/sub_labo_icon_orange.png);}
#nVan.active .optioninfo-icon{
background-image:url(../img/sub_van_icon_orange.png);}
#nTruck.active .optioninfo-icon{
background-image:url(../img/sub_1t_truck_icon_orange.png);}
#nTop.active .optioninfo-icon{
background-image:url(../img/sub_big_truck_icon_orange.png);}
#electronics.active .optioninfo-icon{
background-image:url(../img/sub_electronics_icon_orange.png);}
#etc.active .optioninfo-icon{
background-image:url(../img/sub_etc_icon_orange.png);}
.optioninfo-item td.active p{color:#60ab36 !important}
.clsop2.active p{color:#ff8400 !important;}
.option-check{display:none;}
.optioninfo-item td.active .option-check{display:inline-block;}
.order-subtext2{margin-left:30px;margin-right:30px;}
.radio2-span{margin-left:14px;margin-right:25px;cursor:pointer;z-index:10;}
.samecheck{position:absolute;top:20px;left:645px;}
#orderfinal span{vertical-align:middle;color:inherit;font-size:inherit;}
#orderfinal{width:370px;margin-left:30px;}
#orderfinal td{padding:18px 15px;font-size:15px;white-space:nowrap;color:inherit;}
#orderfinal td:nth-child(2){text-align:right;}
.order-points{width:48%;line-height:34px;border:1px solid #dedede; background:#f9f9f9; text-align:center; font-size:14px}
#orderpayment{width:370px;margin-left:30px;padding-top:20px;}
#orderpayment p,#orderpayment span{font-size:15px;}
.paymentselect{
width:100%;border:1px solid #dedede;padding:18px 0;cursor:pointer;margin-bottom:3px;}
.paymentselect.active p{color:#ff8400 !important;font-weight:600;}
.paymentselect.active .option-check{display:inline-block;}
.wrap_order_policy_m {display:none}
.wrap_order_policy_pc {margin-top:10px; overflow:hidden;}
.wrap_order_policy_pc ul {overflow:hidden; float:left; width:49%; background-color:#ffffff; border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7; padding:9px 0px 10px 85px; }
.wrap_order_policy_pc ul li:first-child {float:left; }
.wrap_order_policy_pc ul li+li {float:left}
.open_order_policy {display:none;/*display:table;*/ position:fixed; overflow:hidden; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,.7); z-index:999}
.open_order_policy .box_area {display:table-cell; overflow:hidden}
.open_order_policy .btn_close {text-align:right; width:580px; margin:10px auto; }
.box_btn_terms {overflow:hidden}
.wrap_btn_terms {overflow:hidden}
.order-policy-btn-pc {float:right; width:49%}
#policyOk,#cancelfeeOk {
background-color: #99ca30;
border-bottom: 3px solid #78b41a;
border-radius: 2px;
width: 222px;
height: 52px;
text-align: center;
line-height: 49px;
color: #fff !important;
font-size: 18px;
margin: 10px auto;
}
.order-policy-pc{
width:580px; margin:auto; background:#ededea;
height:509px; overflow-y:scroll}
.order-policy-pc h5 {
background-color: #ffffff;
text-align: center;
padding: 15px 0px;
color: #7fc33c;
border-bottom: 1px solid #e3e3e0;
font-weight: 700;
}
.order-policy-pc div {padding:15px 35px;}
.order-policy-pc p{font-size:11px !important;line-height:20px;color:#383838}
.order-policy{
width:100%; border-left:2px solid #d6d2cb; border-right:2px solid #d6d2cb; border-bottom:2px solid #d6d2cb; background:#fff;
padding:15px 35px; height:509px; overflow-y:scroll; display:none}
.order-policy p{font-size:11px !important;line-height:20px;color:#383838;}
.order-cancelfee{
width:100%; border-left:2px solid #d6d2cb; border-right:2px solid #d6d2cb; border-bottom:2px solid #d6d2cb; background:#fff;
padding:15px 35px; height:509px; overflow-y:scroll; display:none}
.order-cancelfee p{font-size:11px !important;line-height:20px;color:#383838;}
.btn_order_type{
background-color:#99ca30; border-bottom:3px solid #78b41a; border-radius:2px;
width:130px; height:45px; text-align:center; line-height:43px;
color:#fff !important;font-size:18px; margin:auto; display: inline-block;}
.btn_order_type2{
background-color:#898989; border-bottom:3px solid #7b7b7b; border-radius:2px;
width:130px; height:45px; text-align:center; line-height:43px;
color:#fff !important;font-size:18px; margin:auto; display: inline-block;}
#submitfinalPc{
background-color: #99ca30;
border: 1px solid #80b91f;
width: 100%;
height: 52px;
text-align: center;
line-height: 49px;
color: #fff !important;
font-size: 18px;
}
.s-hidden{visibility:hidden;padding-right:10px;}
.select{
cursor:pointer;display:inline-block;position:relative;
border:1px solid #c0c0c0;text-align:center;font-size:14px;
white-space:nowrap;line-height:34px;width:160px;}
.styledSelect{
position:absolute;top:0;right:0;bottom:0;left:0;
background-color:#fff;}
.styledSelect:after{
content:"";width:0;height:0;border:5px solid transparent;
border-color:#a1a1a1 transparent transparent transparent;
position:absolute;top:15px;right:10px;}
.styledSelect:active,.styledSelect.active{background-color:#f9f9f9}
.options{
display:none;position:absolute;top:100%;right:0;left:0;
z-index:999;margin:0;padding:0;list-style:none;
border:1px solid #c0c0c0;background-color:#fff;}
.options li{
padding:0;margin:0;padding:0;line-height:40px;
border-bottom:1px solid #c0c0c0;}
.options li:last-child{border-bottom:0;}
.options li:hover{background-color:#ff9d2a;color:#fff}
.warpSelect2{width:20%;position:relative;cursor:pointer;display:inline-block}
.emailDisp {line-height:32px;margin:0px;border:1px solid #c0c0c0;cursor:pointer;background:#fff;font-size:14px; text-align:left; padding-left:10px; background-color:#f9f9f9}
#selectemail {
position:absolute;top:33px;left:0;width:100%;background:#fff;max-height:100px;
list-style-type:none;padding:0;margin:0;cursor:pointer;border:1px solid #c9c9c9;
overflow:auto;display:none}
#selectemail li {text-align:left;line-height:32px;margin:0;border-bottom:1px solid #c9c9c9; font-size:14px; padding:0px 10px}
#selectemail li:last-child {border-bottom:0;}
#selectemail li:hover {background-color:#bdbbb7; color:#ffffff}
.warpSelect{width:100%;position:relative;cursor:pointer;display:inline-block}
.selectDisp{
line-height: 35px;
margin: 0px;
border: 1px solid #c0c0c0;
cursor: pointer;
background: #f9f9f9;
font-size: 16px;
text-align: center;
color: #60ab36;
font-weight: 500;
}
.arrow-down {
margin-top:15px;margin-right:10px;position:abosolute;
float:right;width: 0;height: 0;
border-left: 5px solid transparent;border-right: 5px solid transparent;
border-top: 8px solid #a1a1a1;cursor:pointer}
#selectbox1 {
position:absolute;top:36px;left:0;width:100%;background:#fff;max-height:150px;
list-style-type:none;padding:0;margin:0;cursor:pointer;border:1px solid #c9c9c9;
overflow:auto;display:none}
#selectbox1 li {text-align:center;line-height:40px;margin:0;display:none;border-bottom:1px solid #c9c9c9; font-size:14px}
#selectbox1 li:last-child {border-bottom:0;}
#selectbox1 li:hover {background-color:#bdbbb7; color:#ffffff}
#selectbox2 {
position:absolute;top:36px;left:0;width:100%;background:#fff;max-height:150px;
list-style-type:none;padding:0;margin:-2px 0 0;cursor:pointer;border:1px solid #c9c9c9;
overflow:auto;display:none;z-index:999;}
#selectbox2 li {text-align:center;line-height:40px;font-size:14px !important;margin:0;display:none;border-bottom:1px solid #c9c9c9;z-index:999}
#selectbox2 li:last-child {border-bottom:0}
#selectbox2 li:hover {background-color:orange;}
.arrow-down2 {
margin-top:15px;margin-right:10px;position:abosolute;
float:right;width: 0;height: 0;
border-left: 5px solid transparent;border-right: 5px solid transparent;
border-top: 8px solid #a1a1a1;cursor:pointer;}
/*header*/
#orderHeader {height:79px; background:#fff; border-bottom: #e5e5e5 1px solid; box-shadow:0px 4px 2px #e8e8e9; overflow:hidden; width:100%;margin:0 auto;top:0px;z-index:8;}
.order_header_new {width: 1080px; margin:0 auto; }
.order_header_new .logo {float:left; line-height:77px; margin-top:7px; z-index: 2000;}
.order_header_new .logo_m {display:none; z-index: 2000;}
.order_header_new .logo_m img { width:215px !important;}
.order_header_new .wrap_gnb {float:left; width: 100%; max-width: 1080px;}
.order_header_new .gnb_top { position:absolute; float:left; width: 100%; max-width: 1080px; top:-4px; text-align:right; line-height:16px;font-family:'돋움',dotum,Sans-Serif;}
.box_usage_type {display:inline-block; width:315px; height:40px; margin-right:5px;cursor:pointer}
.box_usage_type span {display:inline-block; width:150px; text-align:center; cursor:pointer; font-size:13px; color:#666; padding:9px 0 5px;border:1px solid #ccc; border-radius:3px; margin-left:7px;}
.box_usage_type span:hover {color:#000; border:1px solid #96c11f;}
.order_header_new .btn_gnb_top {font-family:dotum,'돋음',Sans-Serif; font-weight:bold;display: inline-block; left:0px; border:1px solid #80b91f; background:#96ce36; line-height:26px; padding:0px 8px; color:#fff; font-size:13px; margin:33px 3px 0 5px; cursor:pointer}
.order_header_new .btn_gnb_top a { color:#fff; }
.order_header_new .btn_gnb_top2 {display:inline-block; font-size:13px; color:#194c66; border-right:1px solid #abc291; padding-right:6px; margin-right:4px; margin-top:0px; cursor:pointer}
.order_header_new .btn_gnb_top3 {display:inline-block; font-size:13px; color:#194c66; padding-right:0px; margin-top:0px; cursor:pointer}
.order_header_new .tab_order {position:absolute; width:780px; margin-left:300px;top:35px; height:32px; padding:0;}
.order_header_new .tab_order ul { /* float:right; */}
.order_header_new .tab_order ul li {float:right;display:block; width: 50%; max-width: 100px; padding-right:5px; text-align:right;color:#abc291; line-height:32px; font-size:18px;}
.order_header_new .tab_order ul li+li {margin-left:0px}
.order_header_new .tab_order ul span { display: inline-block}
.order_header_new .tab_order ul .on span {font-weight:bold; color:#474747; font-size:18px; }
/*#orderHeader .gnb_top ul {overflow:hidden; width:95%; margin:auto; padding-top:20px}
#orderHeader .gnb_top ul li:first-child {float:right}
#orderHeader .gnb_top ul li+li {float:left; color:#fff}
#orderHeader h1 {color:#fff; font-size:33px; letter-spacing:-1px; margin-top:7px; text-align:center}*/
@media screen and (max-width: 1080px) {
.order_header_new .wrap_gnb {float:left; min-width: 940px; width: 100%; max-width: 1080px;}
.order_header_new .tab_order {position:absolute; width:600px; margin-left:300px; right:20px;top:35px; height:32px; padding:0;}
.order_header_new .gnb_top { position:absolute; min-width:650px; max-width:980px; right:20px; top:-4px; text-align:right; line-height:16px;font-family:'돋움',dotum,Sans-Serif;}
}
@media screen and (max-width: 960px) {
#orderHeader { height:130px; background:#90cc27; box-shadow:0px 4px 2px #e8e8e9; overflow:hidden; min-width:600px;max-width:960px; padding-top:8px;top:0px;z-index:8;}
.order_header_new .logo { display:none;}
.order_header_new .logo_m {display:block; float:right; line-height:78px; height:78px; margin-top:32px;margin-right:225px;}
.order_header_new .logo_m img { position:absolute; display:block;}
.order_header_new .gnb_top { min-width:580px; max-width:940px; right:5px; float:left; margin-top:0px; text-align:right; line-height:16px;}
.order_header_new .tab_order { min-width:600px; width:100%; max-width:1080px; float:left; top:90px; left:0px; margin:0 auto; border-top:1px solid #7db95b;}
.order_header_new .tab_order ul li {float:left; width:50%; max-width: 480px;text-align:center !important; color:#444; font-size:16px; padding:0px !important; margin:0px !important;}
.order_header_new .tab_order ul .on span {font-weight:bold; color:#fff; font-size:18px;}
.order_header_new .btn_gnb_top {display:inline-block; float:left; border:1px solid #b9dde7; padding:0px 8px; line-height:20px; color:#fff; font-size:13px !important; cursor:pointer;}
.order_header_new .btn_gnb_top.m360{margin:10px 0 0 240px;}
.order_header_new .btn_gnb_top a { color:#fff; }
.order_header_new .btn_gnb_top2 {display:inline-block; font-size:13px; color:#194c66; border-right:1px solid #ddd; padding-right:6px; margin-right:4px; cursor:pointer}
.order_header_new .btn_gnb_top3 {display:inline-block; font-size:13px; color:#194c66; padding-right:6px; cursor:pointer}
.box_usage_type {display:inline-block; width:260px; margin-top:7px; line-height:16px; margin-right:5px;cursor:pointer}
.box_usage_type span {display:inline-block; width:120px; text-align:center; cursor:pointer; font-size:13px; color:#fff; padding:9px 0px 0px;border:0; margin-left:5px;}
.box_usage_type span:hover {color:#000; border:0px;}
}
@media screen and (max-width: 590px) {
#orderHeader { height:130px; background:#90cc27; box-shadow:0px 4px 2px #e8e8e9; overflow:hidden; min-width:320px;max-width:590px; padding-top:8px;top:0px;z-index:8;}
.order_header_new .logo { display:none;}
.order_header_new .logo_m { min-width:320px; width:100%; max-width:570px; float:right !important; text-align:right; line-height:78px; height:78px;}
.order_header_new .logo_m img { width:150px !important; float:right !important; right:20px !important; }
.order_header_new .wrap_gnb {float:left; min-width: 320px; width: 100%; max-width: 590px;}
.order_header_new .gnb_top { min-width:320px; max-width:575px; padding-right:10px; float:left; margin-top:70px; text-align:right; line-height:16px;}
.order_header_new .tab_order { min-width:320px; width:100%; max-width:590px; float:left; top:90px; left:0px; margin:0 auto; border-top:1px solid #7db95b;}
.order_header_new .tab_order ul li {float:left; width:50%; max-width: 295px;text-align:center !important; color:#444; font-size:16px; padding:0px !important; margin:0px !important;}
.order_header_new .tab_order ul .on span {font-weight:bold; color:#fff; font-size:18px;}
.order_header_new .btn_gnb_top {display:inline-block; float:left; border:1px solid #b9dde7; padding:0px 8px; line-height:20px; color:#fff; font-size:13px !important; cursor:pointer;}
.order_header_new .btn_gnb_top a { color:#fff; }
.box_usage_type {position:absolute !important; display:block !important; right:0px; float:right ;top:-75px; line-height:16px; margin-right:5px;cursor:pointer}
.box_usage_type span {display:inline-block; width:120px; text-align:center; cursor:pointer; font-size:13px; color:#fff; padding:9px 0px 0px;border:0; margin-left:5px;}
.box_usage_type span:hover {color:#000; border:0px;}
}
#orderHeader .btn_order_detail {padding:0px 10px; font-size:15px}
#orderHeader .btn_order_detail img {margin-right:3px}
#orderHeader .btn_mypage {font-size:15px; font-weight:700}
#orderHeader .bar_right {color:#ddf682; font-size:17px; margin:0px 8px}
#orderHeader .btn_initialize {background-color: rgba( 255, 255, 255, 0.3); box-shadow:2px 2px rgba(91,181,167,.50); margin-bottom:2px; text-align:center; color:#ffffff; width:80px; line-height:32px; font-size:15px; display:none; margin-left:3px; border-radius:2px;}
.orderHeaderFix{position:fixed !important;width:100%;top:0 !important;z-index:50}
.mb_compcls{position:relative !important;padding-top:170px !important;z-index:40;width:100% !important;background-color:#ededea;margin:0 auto !important;}
.mb_comp_group_wrap{position:relative !important;margin-top:20px;}
.mb_comp_nogroup_wrap{position:relative !important;padding-top:170px;}
.pc_compcls{position:relative !important;margin-left:215px !important}
#comp_wrap{padding-bottom:14px;}
#tmpLoginResult{width:auto;position:absolute;right:70px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:0;}
#logoutFacebook{margin-left:20px;}
#showhist{width:90px;border:1px solid #ccc;line-height:44px;border-radius:3px;text-align:center;font-size:18px;margin-left:10px;}
#rel900{display:none}
.ml40 {margin-left:30px; margin-right:10px}
.mt8 {margin-top:8px}
.mt10 {margin-top:10px}
.mt14 {margin-top:14px}
.mlr10 {margin-left:10px; margin-right:10px}
.textphon{width:230px;}
.textphon2{width:240px;}
#groupField{display:none; !important}
#topListCustomer {width:1080px; margin:0px auto; }
.tabContents {width:1080px; margin:0px auto;}
.top_location {overflow:hidden; font-size:14px; color:#acacac; margin-top:25px}
.top_location .left_area {float:left}
.top_location .right_area {float:right; margin-top:15px;font-family:'돋움',dotum,Sans-Serif;font-size:12px;}
.top_location .txt1 {padding:0px 5px; color:#252525}
.top_location .txt2 {font-weight:700; color:#ff7e00; padding-left:3px}
.login_corporate {margin-top:10px; max-height:155px; overflow-y:auto; background-color:#fff;border-top:1px solid #d1d0ce; border-bottom:1px solid #d1d0ce; }
.login_corporate table {background-color:#fff; line-height:28px;}
.login_corporate thead {background-color:#636363; color:#fff;}
.login_corporate thead tr {height:28px; line-height:28px; font-size:14px}
.login_corporate thead th {text-align:center; line-height:28px;}
.login_corporate tbody tr.on {background-color:#99cc33 !important; font-weight:700 !important;color:#fff !important}
.login_corporate tbody tr td {text-align:center;overflow:hidden; font-family:dotum,'돋음',Sans-Serif; font-size:12px; line-height:28px;}
.login_corporate tbody tr td:nth-child(1) {text-align:left}
/*.login_corporate tbody tr td:nth-child(2) {text-align:left}*/
.login_corporate tbody tr {height:28px; font-size:13px; color:#595959}
.login_corporate tbody tr+tr {border-top:1px solid #d7d7d3}
.login_corporate tbody tr:nth-child(odd){background-color:#f0f0f0}
@media screen and (max-width: 960px) {
.login_corporate {margin:10px 10px 0 10px; max-height:155px; }
}
.list_arrow {display:inline-block;width:14px;height:14px;margin:0px 5px;border-radius:7px;background-color: #bababa;text-align: center;vertical-align: middle;line-height: 14px;font-weight:600;font-size:8px;color:#f0f0f0;}
.list_arrow_m{display:none}
#btnAddCustomerinit{margin-top:5px;right:0px;}
#user_add_field{
display: none;
/* display: table; */
background-color: rgba( 0, 0, 0, 0.5 );
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
overflow: hidden;
}
#user_add_field > div > .company_detail{
border-radius: 5px;
min-width: 380px;
max-width: 850px;
margin: 0px auto;
position: relative;
}
.tbCell{width: 100%;height: 100%;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;}
#close {
background:#fff;
color:#ccc;
font: 20px/100% arial, sans-serif;
position: absolute;
right: -14px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
top: -14px;
width:25px;
height:25px;
border-radius:12.5px;
padding:3px;
cursor:pointer;
}
/*
div::-webkit-scrollbar {
width: 1px;
}
div.login_corporate{ -ms-overflow-style: none; overflow: auto;}
*/
#usrId {color:#000}
.corporate_controller {font-family:'돋움',dotum,Sans-Serif;
width:215px;
min-height:c
height:calc(100% - 0px);
max-height:4000px;
position:fixed; left:0px; top:0px !important; margin-top:0px; background-color: #47484a; z-index:10;overflow-x: hidden; overflow-y:auto;
}
.corporate_controller ul{font-size:12px !important; font-weight:bold !important; }
.corporate_controller ul li{line-height:25px; }
.corporate_logo {
width:215px; height:79px;
background:url('../img/partners_exclusive.png') center no-repeat;}
}
.tax_ok {display:inline-block; margin-left:63px}
.btn_tax_ok {
display: inline-block;
color: #fff;
background-color: #94c920;
border: 1px solid #80b91f;
text-align: center;
font-weight: 500;
width: 125px;
line-height: 32px;
cursor: pointer;
margin-left: 10px;
}
.check_vehicle {overflow:hidden; padding:3px 0px; width:124px; margin:11px auto 12px;}
.check_vehicle.on {background-color:#fff;}
.check_vehicle.on .txt_vehicle_checkbox {color:#333;font-size:17px; line-height:20px; margin-top:-1px; font-weight:bold; }
.vehicle-checkbox > input,.radio-btn > input{visibility:hidden;position:absolute;}
.vehicle-checkbox > input + div{
cursor:pointer;width:22px;height:20px;
background:url('../img/checkbox2_new_uncheck.png') center no-repeat; float:left; margin-left:10px}
.vehicle-checkbox > input:checked + div {background:url('../img/checkbox2_check.png') center no-repeat;}
.txt_vehicle_checkbox {color:#6a8958; font-size:17px; line-height:20px; float:right; margin-right:15px; margin-top:-1px}
.box_goods_amount {overflow:hidden; padding:5px}
.goods_amount {background-color:#ededea; overflow:hidden; width:100%; height:70px; line-height:68px; float:left}
.txt_goods_amount {font-size:14px; color:#5a574f; margin-top:17px; line-height:18px;text-align:center; float:left; margin-left:15px}
.num_goods_amount {font-size:20px; vertical-align:baseline; color:#7fc33c !important; font-weight:600; float:right; margin-right:15px}
.num_goods_amount span {color:#7fc33c !important; vertical-align:baseline; font-size:40px !important}
.box-goods-textinput {height:70px; float:right; border:1px solid #cccccc; width: 100%;}
.goods-textinput{height:70px; text-align:left}
.goods-textinput textarea {
border:0;height:97%;width:100%; font-family:'Noto Sans KR',Sans-Serif; font-size:13px; text-align:left; padding:0 10px; color:#a1a1a1}
.order_login_nbox {border-right:1px solid #d1d0ce; border-bottom:1px solid #d1d0ce; background-color:#fff; padding:10px}
.ordersub_con {width:100%; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#fff; }
.ordersub_con_login {width:100%; border:1px solid #e4e4e4; background:#fff; }
.ordersub_tit {overflow:hidden; background:#469a0d; height:51px; margin:0; padding:0; }
.ordersub_tit ul {overflow:hidden; padding:0;}
.ordersub_tit ul li:first-child {float:left; font-weight:600; font-size:18px;}
.ordersub_tit ul li+li {float:right}
.btn_breakdown {display:inline-block; background-color:#474747; font-weight:600; padding:8px 15px; margin:7px 0px; border-radius:2px; font-size:13px; font-weight:400; cursor:pointer}
.btn_breakdown_blue {display:inline-block; background-color:#008CBA; font-weight:600; padding:8px 15px; margin:7px 0px; border-radius:2px; font-size:13px; font-weight:400; cursor:pointer;margin-left:5px;}
.ordersub_tit1_2 {/*overflow:hidden;*/ margin-top:28px; color:#6f6c63; font-size:19px; font-weight:600; line-height:30px; margin-left:0px; margin-bottom: 13px}
.ordersub_tit1_2 img{line-height:0px ;margin-top:-4px; }
.ordersub_tit1_2 .txt_area {display:inline-block; font-family:dotum,'돋음',Sans-Serif; font-size:13px; margin-left:10px; letter-spacing: -0.5px; line-height:30px; }
.ordersub_tit1_2 .txt_area span {color:#ff9000; font-weight:600; font-family:dotum,'돋음',Sans-Serif; font-size:13px;}
.ordersub_tit1_2_truck {margin-top:10px; color:#6f6c63; font-size:19px; font-weight:600; margin-left:25px; margin-bottom: 13px}
.ordersub_tit1_2_truck .txt_area {display:inline-block; font-size: 14px; font-weight:400; margin-left:10px; line-height:1.3em; font-family:'돋움',dotum,Sans-Serif;font-size:12px;}
.ordersub_tit1_2_truck .txt_area span {color:#ff9000; font-weight:600}
.ordersub_tit2 {overflow:hidden; margin-top:28px; background-color:#fff; padding:10px 0px}
.ordersub_tit2 ul li:first-child {color:#6f6c63; font-size:15px; margin-left:20px; float:left; margin-top:5px}
.ordersub_tit2 ul li+li {float:right; margin-right:20px}
.btn_policy_off {border:1px solid #94c920; text-align:center; color:#60ab36; font-size:14px; font-weight:600; height:33px; line-height:30px; width:99px; margin-left:10px}
.btn_policy_on {display:none; border:1px solid #94c920; background-color:#94c920; text-align:center; color:#ffffff; font-size:14px; font-weight:600; height:33px; line-height:30px; width:99px}
.btn_cancelfee_off {border:1px solid #96c11f; text-align:center; color:#96c11f; font-size:14px; font-weight:600; height:33px; line-height:30px; width:75px; margin-left:10px}
.btn_cancelfee_on {display:none; border:1px solid #96c11f; background-color:#96c11f; text-align:center; color:#ffffff; font-size:14px; font-weight:600; height:33px; line-height:30px; width:99px}
.mb_box_login {display:none}
.delivery_type {width:100%; font-size:17px}
.delivery_type dl {overflow:hidden; background-color:#ededea; padding:4px}
.delivery_type dl+dl {margin-top:2px}
.delivery_type dl dt {color:#222; line-height:33px; float:left; width:30%}
.delivery_type dl dd {overflow:hidden; float:left; width:70%}
.delivery_type dl dd ul li {float:left; width:49%; line-height:33px; color:#333; background-color:#fff; border:1px solid #d7d7d7}
.delivery_type dl dd ul li+li {float:right}
.delivery_type .active { background-color: #96ce36;color: #fff;border: 1px solid #80b91f;}
.order_nbox1 ul {overflow:hidden}
.order_nbox1 ul li {float:left; width:33.3%; height:49px; line-height:45px}
.order_nbox1 ul li+li {border-left:1px solid #e4e4e4}
.login_check_on {background-color: #fff; border-bottom: 1px solid #94c920;}
.login_check_on .txt_log_right {color:#60ab36; font-weight:bold;}
.login_check_off {border-bottom:1px solid #e4e4e4}
.login_check_off p {color:#86837c}
.login-checkbox {overflow:hidden; width:100%; display:inline-block; cursor:pointer; text-align:center}
.login-checkbox > input,.radio-btn > input{visibility:hidden;position:absolute;}
.login-checkbox > input + div{txt_credit_detail
cursor:pointer;width:22px;height:20px; vertical-align:middle;
background:url('../img/checkbox2_new_uncheck.png') center no-repeat}
.login-checkbox > input:checked + div {background:url('../img/checkbox2_check.png') center no-repeat}
.login-checkbox p {font-size:13px; display:inline-block; vertical-align:middle; border-left:1px solid #86837c; padding-left:5px; margin:0 0 0 5px; line-height:18px}
.login_check_on p {
border-left: 1px solid #86837c;
color: #6a7b60;
}
.txt_log_right {font-size:16px; color:#5a574f; margin-left:5px; display:inline-block; vertical-align:middle}
.clsSPB {font-weight:500 !important}
.credit-detail-checkbox {overflow:hidden; display:inline-block; cursor:pointer}
.credit-detail-checkbox > input,.radio-btn > input{visibility:hidden;position:absolute;}
.credit-detail-checkbox > input + div{
cursor:pointer;width:18px;height:18px; vertical-align:middle;
background:url('../img/checkbox2_new_uncheck.png') center no-repeat; background-size:18px}
.credit-detail-checkbox > input:checked + div {background:url('../img/checkbox2_new2_check.png') center no-repeat; background-size:18px}
.credit-detail-checkbox .txt_type1 {color:#fd6147}
.credit-detail-checkbox .txt_type2 {color:#a1a1a1}
.reservation-checkbox {overflow:hidden; line-height:40px;}
.reservation-checkbox > input,.radio-btn > input{visibility:hidden;position:absolute;}
.reservation-checkbox > input + div{
cursor:pointer;width:22px;height:20px;
background:url('../img/checkbox2_uncheck.png') center no-repeat}
.reservation-checkbox > input:checked + div {background:url('../img/checkbox2_check.png') center no-repeat;}
.order_nbox1_2 > ul > li:first-child {padding:19px 0px 19px 58px}
.order_nbox1_2 > ul > li:first-child span {margin-left:10px; vertical-align:baseline;}
.order_nbox1_2 > ul > li+li {font-size:13px; margin-top:12px; background-color:#fff; text-align:center; padding:8px 0px; border-top:1px solid #e4e4e4}
.order_nbox1_2 > ul > li+li .textarea1 {font-size:13px !important; color:#96c11f; vertical-align:top}
.order_nbox1_2 > ul > li+li .textarea2 {font-size:13px !important; color:#f98f30; vertical-align:top}
.login-textinput{height:35px;border:1px solid #d4d4d4; width:270px; border-radius:2px; margin-left:5px}
.login-textinput input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif; font-size:15px; padding:0 10px; background-color:#fff}
.login-textinput input[type="password"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:12px; padding:0 10px; background-color:#fff}
.textid {width:200px}
.textpw {width:145px}
.btn_login {
height: 35px;
line-height: 35px;
background-color: #7fc33c;
width: 73px;
border-radius: 2px;
margin-left: 5px;
color: #ffffff;
text-align: center;
font-size: 14px;
}
.btn_findpw {height:35px; line-height:35px; background-color:#7fc33c; width:73px; border-radius:2px; margin-left:5px; color:#ffffff; text-align:center; font-size:14px}
.warpSelect2 {width:164px !important;position:relative;cursor:pointer;display:inline-block; margin-left:10px}
.selectDisp2 {line-height:33px;margin:0px;border:1px solid #c0c0c0;cursor:pointer;background:#fff;font-size:14px; text-align:left; padding-left:10px}
.nomemeber_box {font-size:16px; margin:7px 0px 18px;}
.nomemeber_box b {color:#ff3817}
.nomemeber_box dl { float:left;margin-left:13px}
.nomemeber_box dl+dl {margin-left:5px}
.nomemeber_box dl dt {float:left; margin-top:10px; color:#222}
.nomemeber_box dl dd {float:left; margin-left:9px}
.nomemeber_box_form {overflow:hidden}
.nomemeber_box_txt { font-size:12px; font-family:'돋움',dotum,Sans-Serif; margin:-27px 40px 0 680px; line-height:18px;color:#ff9000; text-align:left; }
.nomemeber_box_txt img {width:14px; margin-right:3px}
.txt_mem_m {display:none; }
.btn_nor_login {font-size:14px; border:1px solid #c9c7c7; width:70px; height:37px; line-height:37px; text-align:center}
.btn_nor_login:hover {border:1px solid #8e8e8e}
.txt_join {margin-left:14px}
.btn_join {text-decoration:underline}
.ico_order_deliver {position:absolute; top:71px; left:48.5%}
.ordersub_top {overflow:hidden; position:relative;z-index:7}
.ordersub_top_truck {overflow:hidden; position:relative;z-index:7;padding: 5px 20px 20px 20px; border: 1px solid #d1d0ce;}
.ordersub_bottom_m {display:none}
.ordersub_bottom {overflow:hidden; font-size:14px; color:#6f6c63; border-bottom:2px solid #d6d2cb; border-right:2px solid #d6d2cb; border-left:2px solid #d6d2cb; padding:0px 38px; background:#fff}
.ordersub_bottom img {margin-right:5px}
.ordersub_bottom dl {width:47%; float:left; margin:23px 0px 29px 0px}
.ordersub_bottom dl+dl {float:right}
.ordersub_bottom dl dd {background-color:#f4f4f4; border-top:2px solid #96c11f; margin-top:9px; overflow-y:scroll; max-height:150px}
.ordersub_bottom ul {overflow:hidden;; border-bottom:1px solid #d6d2cb; padding:10px 18px 9px 18px}
.ordersub_bottom ul li:first-child {float:left; margin-top:5px; width:85%}
.ordersub_bottom ul li:first-child img {display:block; float:left; margin-top:2px}
.ordersub_bottom ul li:first-child p {float:left; width:85%;line-height:18px}
.ordersub_bottom ul li+li {float:right}
.ordersub_bottom .btn_choice {border:2px solid #96c11f; border-radius:100px; text-align:center; font-weight:600; color:#96c11f; width:49px; height:29px; line-height:22px}
.ordersub_bottom .btn_choice.on {color:#ffffff; background-color:#96c11f}
.ico_order_history {overflow:hidden; float:left}
.txt_order_history {overflow:hidden; float:left; width:80%; line-height:19px}
.order_nbox2_inp {display:inline-block; width:70%}
.ordersub_left {overflow:hidden; width:49.2%; float:left;}
.ordersub_right {overflow:hidden; width:49.2%; float:right; }
.ordersub_left .order_nbox2 {overflow:hidden; background:#fff;}
.ordersub_right .order_nbox2 {overflow:hidden; background:#fff;}
.order_nbox2 p {width:75px; font-size:16px; margin-left:25px; color:#333;}
.ordersub_right .order_nbox2 p {margin-left:25px}
.order_nbox2 span {color:#f66b3b !important; vertical-align:text-top}
.order_nbox2 ul {margin:0px 0px}
/* .order_nbox2 ul li+li+li {margin-top:8px} */
.txt_arrival {color: #ff9000;
font-family:dotum,'돋음',Sans-Serif; font-size:12px; line-height:22px;
margin-top: 5px;
margin-left: 100px;}
.order_nbox2 {margin:10px 0px}
.delivery_bill2 {overflow:hidden}
.delivery_charge {overflow:hidden; margin:20px 30px}
.order_distance {float:left; width:45%; overflow:hidden}
.order_distance dl {overflow:hidden; width:35%; float:left}
.order_distance dl:first-child dd {padding-bottom:10px}
.order_distance dl+dl {width:65%}
.order_distance dl+dl dd p {color: #60ab36 !important;font-weight: 600;vertical-align: top; }
.order_distance dl dt {float:left;}
.order_distance dl dd {float:left;padding-top:10px; margin-left:10px; font-size:18px; }
.order_distance dl dd > div { font-weight:400; }
.order_distance .txt_area1 {margin-top: 5px}
.order_charge {float:right; width:48.5%;}
.add_charge {margin-left:86px; font-size:14px; color:#5a574f; border-top:1px solid #dedede; padding-top:5px}
.add_charge ul {overflow:hidden; padding-bottom:5px}
.add_charge ul+ul {padding-top:5px}
.add_charge ul li {color:#5a574f}
.add_charge ul li:first-child {float:left}
.add_charge ul li+li {float:right}
.txt_charge_p {font-size:20px !important}
.charge-txt-point {font-size:20px; font-weight:600}
.total_charge {overflow:hidden; margin:13px 0px 10px 47px; font-size:20px; font-weight:600}
.total_charge ul {overflow:hidden}
.total_charge ul li {color:#5a574f; font-weight:600 !important}
.total_charge ul li:first-child {float:left}
.total_charge ul li+li {float:right}
.total_charge img {margin-right:10px}
.txt-total_charge {font-size:14px; font-weight:600}
#txtSum {font-weight:600 !important}
.point_charge {font-size:20px; display:inline-block; width:42%; margin:15px 0 0 10px;}
.point_charge ul {overflow:hidden; padding-bottom:0px; overflow:hidden; }
.point_charge ul li {color:#5a574f; font-weight:600 !important; }
.point_charge ul .all_charge {color:#eb592c !important; font-weight:600 !important;}
.point_charge ul .all_charge .txt_p_all_charge {color:#ff4d3b !important; font-size:26px !important; font-weight:600 !important;}
.point_charge ul+ul {padding-top:0px}
.point_charge .line_bottom {border-bottom:1px solid #dedede}
.point_charge ul+ul span {color:#86837c !important; font-size:12px !important}
.point_charge ul li:first-child {float:left}
.point_charge ul li+li {float:right; ; font-weight:600 !important;}
.point_charge img {margin-right:10px}
.delivery_point {border-top:1px solid #d7d7d7;padding:0px 30px; }
.view_point {display:inline-block; width:55%; margin-top:-5px; }
.view_point dl dt {display:inline-block; font-size:17px; width:61.1%; }
.view_point dl dt img {vertical-align:text-top; margin-right:5px; margin-top:3px; }
.view_point dl dt span {vertical-align:baseline}
.view_point dl dt b {font-weight:600 !important; line-height:35px;}
.view_point dl dd {display:inline-block; width:31%}
#txtMileage { font-weight: 600;color: #60ab36; }
.view_point dl dt p {font-size:12px !important;font-family:'돋움',dotum,Sans-Serif; margin-top:0px; margin-left:32px; margin-bottom:5px; color:#86837c !important}
.payment_data {overflow:hidden; border-top:1px solid #d7d7d7; padding:0px 30px 0px 30px; font-size:15px}
.payment_data img {margin-right:5px; width:35px;}
.payment_data dl {overflow:hidden; padding:8px 0px}
.payment_data dl dt {float:left; width:30%}
.payment_data dl dd {float:left; width:70%}
.box_pay_type dl dt{width:34%;font-weight:bold; font-size:17px;}
.box_pay_type dl dt img{margin-top:-4px;}
.box_pay_type dl dd { width:66%;}
.box_pay_type dl dd {text-align:right;}
.payment-textinput {height:32px; border:1px solid #cccccc; padding-left:10px}
.payment_inp_w1 {width:130px}
.payment_inp_w2 {width:220px}
.payment-textinput input[type="text"]{border:0;height:100%;width:100%; font-family:'Noto Sans KR',Sans-Serif; font-size:13px; padding:0 10px}
.payment-textarea {border:1px solid #cccccc; width:100%}
.payment-textarea textarea {/*border:0;height:100%;width:100%; font-family:'Noto Sans KR',Sans-Serif; font-size:13px; padding:10px 10px*/border:0;font-family:'Noto Sans KR',Sans-Serif; font-size:13px;width:100%;resize:none;overflow-y:hidden;padding:0.3em;padding-bottom:0.6em;line-height:1.6}
.btn_payment_type {border:1px solid #d6d2cb; text-align:center; width:19.5%; line-height:32px; color:#222; font-size:16px}
.btn_payment_type.active {
color: #fff;
background-color: #94c920;
border: 1px solid #80b91f;
}
.btn_payment_type2 {border:1px solid #d6d2cb; text-align:center; width:18%; line-height:32px; color:#5a574f; font-size:14px}
.btn_payment_type2.active {color:#3d93fd; font-weight:600}
.box_custom_num {overflow:hidden; margin:13px 40px 0px 47px; padding-bottom:7px; border-bottom:1px solid #d6d2cb; font-size:15px}
.box_custom_num dl dt{float:left; width:30%}
.box_custom_num dl dd {float:left; width:40%}
.box_custom_num b {color:#ff6600; vertical-align:baseline}
.box_custom_num span {vertical-align:baseline}
.box_custom_num img {margin-right:10px}
.box_reservation {font-size:15px; }
.box_reservation dl {padding:10px 33px 10px 30px}
.box_reservation dl+dl {border-top:1px solid #d7d7d7}
.box_reservation dl dt {width:28%; margin-top:8px; display:inline-block; font-weight:bold; font-size:17px; color: #000;}
.box_reservation dl dt img {margin-right:7px; width:35px;}
.box_reservation dl dd {width:70%; display:inline-block;}
.box_reservation .left_area {float:left; width:18%; margin-top:0px;height:33px;}
.box_reservation .left_area .radio_area {margin-top:4px}
.box_reservation .right_area {float:right; width:81%; margin-top:-3px;}
.box_reservation .right_area b {float:left; color: #ff9000; font-size:14px; margin:9px 6px 0px 10px}
.box_reservation .right_area .radio_area {margin-top:8px; float:left}
.line_right_c {color:#c0bdb6; margin-top:3px;}
.day_area {overflow:hidden; float:left; text-align:center;display:none;}
.day-textinput{height:33px; width:113px; border:1px solid #cccccc; float:left;}
.day-textinput input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:16px; padding:0 10px;color: #000; text-align:center}
.check_amount_m {width:35px; position:absolute; top:0px; right:0px; border-left:1px solid #c0c0c0}
.check_amount_m img {width:px}
.ico-minus {height:33px; line-height:30px; width:33px; text-align:center; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; border-left:1px solid #c0c0c0; float:left}
.ico-minus img {width:12px}
.ico-plus {height:33px; line-height:30px; width:33px; text-align:center; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; border-right:1px solid #c0c0c0; float:left}
.ico-plus img {width:12px}
.timeSelect {width:115px;position:relative; z-index:90; float:left; cursor:pointer;}
.timeSelect input[type="text"]{font-family:'Noto Sans KR',Sans-Serif;font-size:16px;color: #000;}
.txt_etc {font-size:14px; margin:15px 0px 13px 0px}
.amount-textinput {height:30px; width:30px; text-align:center}
.amount-textinput input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:14px; padding:0 5px; text-align:center}
.vehiclegoods-textarea {border:1px solid #cccccc; width:100%}
.vehiclegoods-textarea textarea {border:0;font-family:'Noto Sans KR',Sans-Serif; font-size:13px;width:100%;resize:none;overflow-y:hidden;padding:0.3em;padding-bottom:0.6em;line-height:1.6}
.vehiclegooddt{width: 20%; display: inline-block;}
.vehiclegooddd{width: 78%; display: inline-block;}
.ico-minus2 {
height: 25px;
line-height: 20px;
width: 35px;
text-align: center;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.ico-minus2 img {width:10px}
.ico-plus2 {
height: 25px;
line-height: 20px;
width: 35px;
text-align: center;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.ico-plus2 img {width:10px}
.timeSelect input {width:115px; line-height:31px; height:33px; border:1px solid #c0c0c0 !important; text-align:center; font-size:1.1em; color:#5a574f}
.hide_reservation {display:none}
.inp_email{height:33px; width:26%; border:1px solid #c0c0c0}
.inp_email input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:14px; padding:0 10px; text-align:center}
.deposit_account {overflow:hidden; line-height:30px; background-color:#f2f2f2; border:1px solid #dedede; display:none; padding:2px 10px;margin-bottom:14px;}
.deposit_account .kbimg{ width:120px; height:32px; margin-top:3px;}
.ico_account_m {display:none}
.deposit_account ul li {float:left; overflow:hidden}
.deposit_account ul li:first-child {font-size:17px; color:#333;margin-top:2px; }
.deposit_account ul li+li {margin-left:208px; font-size:17px; color:#5a574f}
.txt-account {color:#222; padding-left:5px; margin-top:-8px;margin-left:15px; display:inline-block; line-height:30px;}
.txt-account span {color:#333;}
.deposit_account ul li+li img {float:left;line-height:0px;margin-top:6px}
.box-txt-account {overflow:hidden; float:left; margin-top:5px}
.order-policy-btn {overflow:hidden; margin-top:20px;display:none}
.delivery_type_m {display:none}
.memeber_txt_m {display:none}
.ml10 {margin-left:10px}
.txt_m_custom {display:none}
.loginRow {margin-top:25px}
/*calculate*/
.wrap_calculate { width:100%; margin:auto; position:relative;}
.btn_calculate_print { /* margin:15px 8px 0px 0px; position:absolute; right:-390px; top:64px; */ float: left; margin-bottom: 10px; width:100%;}
.btn_calculate_print ul{border:0px !important;}
.btn_calculate_print li {float:left; width:90px; border:1px solid #c8c8c3; font-weight:700; cursor:pointer; border-radius:3px; height:27px; line-height:24px; font-size:13px; color:#5a574f; text-align:center;background-color: #fff}
.btn_calculate_print li+li {margin-left:5px}
.btn_calculate_print p {float:right;font-weight:700; cursor:pointer; border-radius:3px; height:27px; line-height:24px; font-size:13px; color:#5a574f; }
.search_box {border:1px solid #d7d7d3; background-color:#fff; border-radius:3px; margin-top:15px;margin-bottom:15px;border-radius:5px;}
.search_box .lcon {width:905px; display:inline-block; overflow:hidden; font-size:14px; padding:13px;height:50px; /*border-right:1px solid #d7d7d3;*/}
.search_box .lcon dl {display:inline-block}
.search_box .lcon dl dt {display:inline-block; color:#5a574f; font-weight:700}
.search_box .lcon dl dd {display:inline-block; margin-left:10px}
.search_box .lcon ul {border:1px solid #c0c0c0; border-radius:2px; overflow:hidden}
.search_box .lcon ul li {float:left; background-color:#fff; cursor:pointer}
.search_box .lcon ul li.on {background-color:#96c11f; color:#fff}
.search_box .lcon ul li+li {border-left:1px solid #c0c0c0}
.search_box .lcon ul li p {padding:9px 35px}
#search_box_searchdate{width:85%;display:inline-block;}
#search_box_bounceType{width:10%;display:inline-block;}
#btn-search{font-size: 15px;background-color: #96c11f; border: 1px solid #96c11f; color: #fff; height: 50px; line-height: 47px; border-radius: 3px;}
.orderbox_calculate_calendar {display:inline-block; margin-left:8px}
.order_calculate_searchword{background-color:#fff; display:inline-block; border:1px solid #cbc9c5;width:290px; height:33px; /*border-radius:3px;*/ margin-left:9px}
.search_box2 {border:1px solid #d7d7d3; background-color:#fff; margin-top:15px;margin-bottom:15px; width:100%;border-radius: 5px;}
.search_box2 .lcon {width:100%; display:inline-block; overflow:hidden; font-size:14px; padding:13px;height:50px; /*border-right:1px solid #d7d7d3;*/}
.search_box2 .lcon dl {display:inline-block; float:left; }
.search_box2 .lcon dl dt {display:inline-block; color:#5a574f; font-weight:700}
.search_box2 .lcon dl dd {display:inline-block; margin-left:10px}
.search_box2 .lcon ul {border:1px solid #c0c0c0; border-radius:3px; overflow:hidden}
.search_box2 .lcon ul li {float:left; background-color:#fff; cursor:pointer}
.search_box2 .lcon ul li.on {background-color:#96c11f; color:#fff}
.search_box2 .lcon ul li+li {border-left:1px solid #c0c0c0}
.search_box2 .lcon ul li p {padding:9px 22.5px}
.box_calculate_calendar { display:inline-block; margin:0 24px 0 8px; float:left; }
.calculate_calendar {width:136px; height:33px; display:inline-block; background-color:#fff; border:1px solid #C0C0C0}
.order_calendar {width:32px; height:32px; cursor:pointer; display:inline-block; border-width:1px 1px 1px 0; background:url(../img/cal.png) center center no-repeat;}
#comp-calendar-s,#comp-calendar-e {width:75%;height:100%;font-size:14px;vertical-align:top; color:#383838; display:inline-block}
.search_box .rcon {width:100%; display:inline-block; font-size:14px; padding:13px}
.search_box .rcon dl {display:inline-block; float:left;}
.search_box .rcon dl dt {display:inline-block; color:#5a574f; font-weight:700}
.search_box .rcon dl dd {display:inline-block; margin-left:5px}
.search_box2 .rcon {/* width:100%; */ display:inline-block; font-size:14px; padding:6px 13px 13px; }
.search_box2 .rcon dl {display:inline-block; float:left;}
.search_box2 .rcon dl dt {display:inline-block; color:#5a574f; font-weight:700}
.search_box2 .rcon dl dd {display:inline-block; margin-left:10px}
.txt_comp_notice{padding:0 0 15px 5px;color:#ff6a47;}
.search_box2 .rcon ul {border:1px solid #c0c0c0; border-radius:3px; overflow:hidden}
.search_box2 .rcon ul li {float:left; background-color:#fff; cursor:pointer}
.search_box2 .rcon ul li.on {background-color:#96c11f; color:#fff}
.search_box2 .rcon ul li+li {border-left:1px solid #c0c0c0}
.search_box2 .rcon ul li p {padding:9px 30px}
dl.mgL24 { /* margin-left:24px; */ }
.bounce-checkbox.on { /* border:1px solid #96c11f */border:none;}
.bounce-checkbox > input,.radio-btn > input{visibility:hidden;position:absolute;}
.bounce-checkbox {background-color:#fff; display:inline-block; /* border:1px solid #cbc9c5; */border:none; padding:6px 15px 8px 15px; border-radius:3px; margin-left:2px}
.bounce-checkbox div{cursor:pointer;width:16px;height:16px;background:url('../img/checkbox3_uncheck.gif') center no-repeat;}
.bounce-checkbox .checkboxon {background:url('../img/checkbox3_check.gif') center no-repeat;}
.bounce-checkbox > input:checked p {color:#fff}
.bounce-checkbox p {margin-left:3px; display:inline-block; z-index:10;cursor:pointer; font-size:14px; color:#454545}
.btn_calculate {display:inline-block; background-color:#96c11f; color:#fff; padding:22px 24px; font-size:17px; cursor:pointer; font-weight:700; border-radius:0px 3px 3px 0px}
.calculate_searchword{background-color:#fff; display:inline-block; border:1px solid #cbc9c5;width:220px; height:33px; }
#comp-searchword{height:100%;width:100%;font-size:14px}
#order_searchword{height:100%;width:100%;font-size:14px}
.tbl_calculate {width:100%; margin:auto;border-left:1px solid #707070;border-right:1px solid #707070;}
.tbl_calculate thead tr td {background-color:#999999; border-top:1px solid #707070; border-bottom:1px solid #707070; text-align:center; color:#fff; padding:11px 0px}
.tbl_calculate thead tr td+td {border-left:1px solid #707070}
.tbl_calculate thead tr td:nth-child(11) {width:200px;}
.tbl_calculate tbody tr td {color:#525252; font-size:13px; border-bottom:1px solid #d7d7d3; text-align:center; line-height:21px}
.tbl_calculate tbody tr td+td {border-left:1px solid #d7d7d3; padding:6px 0px}
.tbl_calculate .txt_point1 {color:#ff6a47}
.tbl_calculate .txt_point2 {color:#4765ff}
.tbl_calculate tbody tr:nth-child(odd) {background-color:#fff}
.tbl_calculate tbody tr td:nth-child(11) {text-align:left; padding:10px}
.footer_fee {position:fixed; bottom:0px; width:100%; background-color:#3a9deb;display:none;z-index:999}
.footer_fee .box_con {width:100%; margin:auto; overflow:hidden}
.footer_fee .left_area {background-color:#055b97; width:24%; margin-left:27%; float:left; color:#fff; }
.footer_fee ul {overflow:hidden; padding:13px 0px}
.footer_fee ul li:first-child {float:left; margin-left:20px; font-size:14px; margin-top:3px}
.footer_fee ul li+li {float:right; margin-right:20px; font-size:20px; font-weight:700}
.footer_fee .right_area {background-color:#0e4165; width:24%; margin-right:25%; float:right; color:#fff; }
.footer_fee ul li.tit_color { color:#6ce9ff !important; font-weight:400; font-size:17px; }
#footer {display:none;z-index:999}
#order_prevpage,#submitfinal2{display:none;}
.btn_comp_excel2 {display:inline-block; background-color:#53c9c8;float:right; color:#fff; padding:12px 10px; font-size:17px; cursor:pointer; font-weight:700; border-radius:3px; text-align:center;margin:20px 8px 0px 0px;}
.btn_comp_excel2 p { font-size:13px; margin-top:5px}
.btn_comp_excel2 img {width:20px}
.btn_comp_excel2 {display:none}
.compExcelMobile{display:none !important}
.company_detail {border-right :1px solid #d1d0ce; border-bottom:1px solid #d1d0ce; background-color:#fff; padding:10px; margin-top:20px}
.company_detail dl {overflow:hidden; border:1px solid #e4e4e4}
.company_detail dl dt {background-color:#96ce36; color:#fff; text-align:center; font-weight:600; padding:13px 0px}
.company_detail dl dd {margin:10px 0px; font-size:14px; text-align:center}
.company_detail dl dd span {vertical-align:middle}
.order-textinput2{height:35px;border:1px solid #c0c0c0; margin:0px 20px 0px 6px; width:240px}
.order-textinput2 input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:15px;padding:0 10px; background-color:#fff; border-radius:4px; color:#5a574f}
.txt_company_detail {display:inline-block}
.btn_company_detail {display:inline-block; cursor:pointer; height:34px; line-height:34px; background-color:#008cba; padding:0px 12px; color:#ffffff; text-align:center; font-family:'돋움',dotum !important;font-size:12px;font-weight: bold;}
.txt_company_detail2 {float:left; font-size:16px; font-weight:500; padding:8px 0px 0px 20px}
.txt_company_detail2 img {margin-right:5px}
.option_vehicle_area {overflow:hidden}
.box_share_boarding {border-bottom: 1px solid #d1d0ce;display:none;background-color: #fff;}
.box_share_boarding ul li:first-child {background-color:#ededea; margin:0px 5px}
.box_share_boarding .txt_area1 {display:inline-block; margin:7px 10px}
.box_share_boarding .txt_area2 {display:inline-block; margin-left:10px}
.box_share_boarding .txt_area3 {display:inline-block; font-size:13px; margin-left:10px;font-family:'돋움',dotum,Sans-Serif}
/* .box_share_boarding .txt_area3 span {color:#ff9000; font-weight:600} */
.box_share_boarding ul li+li {margin:5px 0px 12px 85px}
.box_share_boarding .reservation-checkbox {margin-right:5px}
.deposit_account_notice {font-size:13px; margin-bottom:10px;background-color: #fff;border:0px;}
.deposit_account_notice span {color:#ff9000; font-family:'돋움',dotum,Sans-Serif; font-weight:600}
.company_account_notice {float: left; padding: 8px 0px 10px 20px;font-size:13px;background-color: #fff;border:0px;}
.company_account_notice span {color:#ff9000; font-weight:600}
.orderpopup_tr{border-bottom:1px solid #ddd}
.orderpopup_td_title{font-size:13px;text-align: left;width:60px;}
.orderpopup_td_title div{margin: 0px 5px;}
.orderpopup_td_title_ex{font-size:13px;width:60px;}
.orderpopup_td_title_ex div{margin: 0px 5px;}
.orderpopup_td_comma{padding-right:8px;}
.orderpopup_td_data{font-size:13px;text-align: left; padding: 10px 0px;}
#empty_tag{display:none;}
.add_charge .emptyLRow{border:none;}
#btnfindpw,.onlogin,.prevOrderList,.memeber_box{display:none;}
.login-hold-checkbox {overflow:hidden; display:inline-block; cursor:pointer;padding:15px;font-size:14px}
.login-hold-checkbox > input,.radio-btn > input{visibility:hidden;position:absolute;}
.login-hold-checkbox > input + div{
cursor:pointer;width:22px;height:20px; vertical-align:middle;
background:url('../img/checkbox2_new_uncheck.png') center no-repeat; }
.login-hold-checkbox > input:checked + div {background:url('../img/checkbox2_new2_check.png') center no-repeat; }
.login-hold-checkbox .txt_type1 {color:#fd6147}
.login-hold-checkbox .txt_type2 {color:#a1a1a1}
.ui-datepicker2 {
width: 200px;
height: auto !important;
margin: 1px auto 0 auto !important;
font-size: 12px !important;
border:1px solid #999 !important;
border-radius:0 !important;
background:#fff !important;
padding:0;
z-index: 999 !important
}
.ui-datepicker a {
text-decoration: none
}
.ui-datepicker table {
width: 100% !important
}
.ui-datepicker-header {
width:100% !important;
margin:0 !important;
padding:10px 0 !important;
background: #fff !important;
color: #383838 !important;
font-weight: bold !important;
font-size:15px !important;
border:0 !important
}
.ui-state-hover{
border:0 !important;
cursor:pointer
}
.ui-datepicker-prev, .ui-datepicker-next {
top:10px !important
}
.ui-datepicker-prev {
background: url('../img/ui-prev.png') center center no-repeat !important
}
.ui-datepicker-next {
background: url('../img/ui-next.png') center center no-repeat !important
}
.ui-icon-circle-triangle-w,.ui-icon-circle-triangle-e {
background:transparent !important;
background-image:none !important
}
.ui-datepicker thead {
background: #fbfbfb;
border-top:1px solid #f4f4f4
}
.ui-datepicker th {
color:#383838 !important;
font-weight:400 !important
}
.ui-datepicker-year,.ui-datepicker-month{
vertical-align:top !important
}
.ui-state-default{
color:#383838;
border:0;
background:#fff;
text-align:center;
line-height:14px;
}
.ui-datepicker-week-end .ui-state-default{
color:red !important
}
.ui-state-highlight{
color:#fc871f !important
}
.ui-state-active{
border:1px solid #ddd !important
}
.disStatusR{color:red}
.compList {margin-top:8px}
.compList li{display:inline-block;height:30px;order:1px solid #454545;line-height:25px}
/* custom tooltip ui*/
.ui-tooltip-content {color:#ffffff}
.ui-tooltip, .arrow:after {
background:rgba(90, 87, 79, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#605a574f,endColorstr=#605a574f); zoom:1;
color:#ffffff;
}
.ui-tooltip {
padding:10px 20px;
color:#ffffff;
border-radius:5px;
font-size:12px;
line-height:20px
}
.ui-tooltip1{padding:8px;position:absolute;z-index:9999;max-width:300px;}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
color:#ffffff;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 15px;
height: 25px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
color:#ffffff;
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
/* custom tooltip ui*/
.menu_cols li{margin:0 !important;}
.add_charge > ul {display:none}
.add_charge > ul:first-child {display:block}
.deposit_account_notice{display:none}
/* */
div.route_tab { background:#fff; width:100%; float:left; border-bottom:1px solid #d6d2cb; border-right:1px solid #d6d2cb; }
ol.sub_tab { overflow:hidden; margin-left:104px; padding:8px 0 14px; font-size:15px; }
ol.sub_tab li { float:left; border:1px solid #d6d2cb; width:95px; height:32px; line-height:28px; text-align:center; margin-right:4px; font-weight:400; color:#5a574f; }
ol.sub_tab li.on { background:#96c11f; border:1px solid #0c74c6; color:#fff; }
ol.sub_tab li.text { border:0; width:auto; text-align:left; line-height:32px; font-size:14px; }
ol.sub_tab li.text img { margin:0 5px 0 12px; }
.bdT { border-top:1px solid #d6d2cb; }
.con_pd { padding:20px 20px; }
.con_pd_truck { padding:0px 20px 20px 20px; }
div.order-option-vehicle-pc div.vehicle_option_left { /*float:left;*/ width:65%; display:inline-block;}
div.order-option-vehicle-pc div.vehicle_option_right { /*float:right;*/ width:33%; display:inline-block;}
.sub_tit { font-size:15px; font-weight:400; color:#5a574f; margin:5px 0px 10px 0px; }
.wsBoxWrap { width:auto; }
.warpSelect3 { position: relative; cursor: pointer; display: inline-block; }
.wsBoxWrap .disp2 { line-height: 32px; margin: 0px; border: 1px solid #c0c0c0; cursor: pointer; background: #fff; font-size: 14px; text-align: left; padding-left: 10px; }
div.order_car_select { width:170px; }
div.order_cargo_select { width:450px; }
div.order_cargo_select span { color:#8d8b86; margin-left:5px; }
#carsel1 .disp,#carsel2 .disp,#emailSel .disp{line-height:32px;}
div.infobox_warp { overflow:hidden; width:100%; padding:20px 20px 0 20px; }
div.infobox_warp2 { overflow:hidden; width:100%; padding:20px 0 20px 20px; }
div.infobox_warp3 { overflow:hidden; width:100%; padding:0px 20px 20px 20px; }
div.infobox_warp div.info_tit,
div.infobox_warp2 div.info_tit,
div.infobox_warp3 div.info_tit { width:75px; float:left; line-height:32px; font-family: 'Noto Sans KR',Sans-Serif;font-size:17px;}
div.infobox_warp div.info_con,
div.infobox_warp2 div.info_con,
div.infobox_warp3 div.info_con { width:92.6%; float:left; }
div.infobox_warp div.info_con div.info_conbox,
div.infobox_warp2 div.info_con div.info_conbox,
div.infobox_warp3 div.info_con div.info_conbox { width:100%; padding-bottom:10px;font-family: 'Noto Sans KR',Sans-Serif;font-size:17px;}
ol.sub_tab2 { overflow:hidden; font-size:15px; }
ol.sub_tab2 li { float:left; border:1px solid #d6d2cb; width:95px; height:32px; font-size:18px;line-height:28px; text-align:center; margin-right:4px; color:#000; }
ol.sub_tab2 li.on { background:#96c11f; border:1px solid #80b91f; color:#fff; }
div.infobox_warp div.info_con div.info_conbox > ul.info_conbox_li,
div.infobox_warp2 div.info_con div.info_conbox > ul.info_conbox_li,
div.infobox_warp3 div.info_con div.info_conbox > ul.info_conbox_li { overflow:hidden; }
div.infobox_warp div.info_con div.info_conbox > ul.info_conbox_li > li,
div.infobox_warp2 div.info_con div.info_conbox > ul.info_conbox_li > li,
div.infobox_warp3 div.info_con div.info_conbox > ul.info_conbox_li > li { float:left; margin-right:20px; line-height:32px; }
div.infobox_warp div.info_con div.info_conbox > ul.info_conbox_li > li:last-child,
div.infobox_warp2 div.info_con div.info_conbox > ul.info_conbox_li > li:last-child,
div.infobox_warp3 div.info_con div.info_conbox > ul.info_conbox_li > li:last-child { margin-right:0; }
div.infobox_warp div.info_con div.info_conbox > ul.info_conbox_li > li p.info_conbox_li_tit,
div.infobox_warp2 div.info_con div.info_conbox > ul.info_conbox_li > li p.info_conbox_li_tit,
div.infobox_warp3 div.info_con div.info_conbox > ul.info_conbox_li > li p.info_conbox_li_tit { color:#96c11f; font-weight:500; font-size:14px; margin-right:10px; float:left; }
ol.sub_tab2 li.info_txt { border:0; width:auto; font-family:'돋움',dotum,Sans-Serif !important; font-size:12px !important; color:#ff9000; }
span.m_inline-block { display:none; }
.datepic_box { overflow:hidden; border:1px solid #d6d2cb; height:32px; line-height:32px; text-align:center; }
.datepic_box div { float:left; font-size:15px; }
.datepic_box div.minus { width:32px; border-right:1px solid #d6d2cb; height:32px; line-height:28px; cursor: pointer; }
.datepic_box div.plus { width:32px; border-left:1px solid #d6d2cb; height:32px; line-height:28px; cursor: pointer;}
.datepic_box div.date { width:175px; height:32px; line-height:28px;}
.datepic_box div.date input[type="text"] { font-family: 'Noto Sans KR',Sans-Serif; font-size: 14px; text-align: center; cursor: pointer; border: none;}
.info_bdB { /* border-bottom:1px solid #d6d2cb; */ font-family: '돋움',dotum,Sans-Serif !important;font-size:13px !important;}
.info_txtbox { overflow: hidden; background-color: #f2f2f2; border: 1px solid #dedede; margin-bottom:14px; width:98%; }
.info_txtbox ul { overflow:hidden; }
.info_txtbox ul li { display:inline-block; float:left; padding:10px 14px; }
.info_txtbox ul li > div.info_bdB { border-bottom:none; }
.info_txtbox ul li > div.info_conbox { margin-left:10px; padding-bottom:0 !important; }
.info_txtbox ul li.info_txtbox_bg { background:#e1e1e1; height:42px; }
table.th_color thead th { background:#999; border-top:1px solid #707070 !important; border-bottom:1px solid #707070 !important; border-left:1px solid #707070 !important; border-right:0 !important; color:#fff; }
table.th_color thead th:first-child { border-left:0 !important; }
calculate-checkbox { float:left; }
calculate-checkbox p { padding: 9px 24.8px; }
.calculate-checkbox.on { border:1px solid #96c11f; background-color:#96c11f; }
.calculate-checkbox.on > p { color:#fff !important; }
.calculate-checkbox > input,.radio-btn > input{visibility:hidden;position:absolute;}
.calculate-checkbox { background-color:#fff; border:1px solid #c0c0c0; display:inline-block; border-radius:3px; padding:6px 14px 8px 6px; margin-left:2px}
.calculate-checkbox div{
cursor:pointer;width:16px;height:16px;
background:url('../img/checkbox3_uncheck.gif') center no-repeat;}
.calculate-checkbox .checkon {background:url('../img/checkbox3_check.gif') center no-repeat; }
.calculate-checkbox > input:checked p {color:#fff}
.calculate-checkbox p {margin-left:3px; display:inline-block; z-index:10;cursor:pointer; font-size:14px; color:#454545}
div.search_box2.calculate_search_bt { width:96px; height:106px; position:absolute; top:-15px; right:-110px; text-align:center; line-height:106px; background:#96c11f; color:#fff; font-weight:600; font-size:17px; }
.footer_fee ul li.txt { font-size:13px !important; display:block; width:100%; margin-right:0; padding:10px 20px; font-weight:300; }
.footer_fee ul li.txt span.footer_fee_titcl { color:#bbb; }
.footer_fee ul li.txt span.footer_fee_txt { color:#fff; }
.footer_fee ul li.txt span.footer_fee_titcl2 { color:#fff; }
.footer_fee ul li.txt span.footer_fee_txt2 { color:#fff; float:right; font-weight:500; }
div.footer { text-align:center; background:#d3d2d1; border-top:1px solid #d6d2cb; padding:10px 0; font-size:13px; color:#7f7d76; }
/* .mgL216 { margin-left:226px; } */
/* @media all and (max-width:1540px) {
.mgL216 { margin-left:0 !important; }
} */
#handwork_no,#d_handwork_no{padding-right:14px;}
#orderaddpadding{padding-right:8px;}
.btn-dropdown{position: relative; display: inline-block; vertical-align: middle;margin: 10px 5px 10px 5px; border: 1px solid #ddd; width: 28%;}
.btn-dropdown-toggle{ width:100%; outline:none; margin-left:0; position:relative; float:left; color:#333; background-color:#fff; border-color:#ccc; display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:normal; line-height:1.428571429; text-align:left; white-space:nowrap; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid transparent; border-radius:4px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; min-height: 36px;}
.btn-dropdown-toggle span{margin-left: 0; border-top-color: #333; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000; border-right: 4px solid transparent; border-bottom: 0 dotted; border-left: 4px solid transparent; float:right; margin:7px; }
.btn-dropdown-menu{width: 100%;position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box;}
.btn-dropdown-menu li{display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap;text-decoration: none;}
.btn-dropdown-menu>li:hover {color: #262626; text-decoration: none; background-color: #f5f5f5;}
.btn-dropdown-w{position: relative; display: inline-block; vertical-align: middle;margin: 10px 0px 10px 0px; border: 1px solid #ddd; width: 98%; min-height: 36px;}
.btn-dropdown-d{position: relative; display: inline-block; vertical-align: middle;margin: 10px 5px 10px 5px; border: 1px solid #ddd; width: 28%;}
.btn-dropdown-menu-d{width: 100%;position: absolute; top: auto; bottom: 100%; margin-bottom: 2px; left: 0; z-index: 1000; display: none; float: left; padding: 5px 0; font-size: 14px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box;}
.btn-dropdown-menu-d li{display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap;text-decoration: none;}
.btn-dropdown-menu-d>li:hover {color: #262626; text-decoration: none; background-color: #f5f5f5;}
.btn-dropdown-w-d{position: relative; display: inline-block; vertical-align: middle;margin: 10px 0px 10px 0px; border: 1px solid #ddd; width: 98%; min-height: 36px;}
/*card list css*/
.shape{
float:right;
width: 100px;
text-align: center;
padding: 10px 0;
}
.shape-text{
color:#fff; font-size:16px;
}
.project {
/* min-height:300px;
height:auto; */
border-color: #999999;
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
margin: 15px 0;
overflow: hidden;
}
.project{
background:#fff; border:2px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 10px 0; overflow:hidden;
}
.project-radius{
border-radius:7px;
font-size: 14px;
}
.project-default { border-color: #999999; }
.project-default .shape{
/* border-color: transparent #999999 transparent transparent;
border-color: rgba(255,255,255,0) #999999 rgba(255,255,255,0) rgba(255,255,255,0); */
background:#999999;
}
.project-danger { border-color: #d9534f; }
.project-danger .shape{
/* border-color: transparent #d9534f transparent transparent;
border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0); */
background:#d9534f;
}
.project-success { border-color: #5cb85c; }
.project-success .shape{
/* border-color: transparent #5cb85c transparent transparent;
border-color: rgba(255,255,255,0) #5cb85c rgba(255,255,255,0) rgba(255,255,255,0); */
background:#5cb85c;
}
.project-primary { border-color: #428bca; }
.project-primary .shape{
/* border-color: transparent #428bca transparent transparent;
border-color: rgba(255,255,255,0) #428bca rgba(255,255,255,0) rgba(255,255,255,0); */
background:#428bca;
}
.project-info { border-color: #5bc0de; }
.project-info .shape{
/* border-color: transparent #5bc0de transparent transparent;
border-color: rgba(255,255,255,0) #5bc0de rgba(255,255,255,0) rgba(255,255,255,0); */
background:#5bc0de;
}
.project-warning { border-color: #f0ad4e; }
.project-warning .shape{
/* border-color: transparent #f0ad4e transparent transparent;
border-color: rgba(255,255,255,0) #f0ad4e rgba(255,255,255,0) rgba(255,255,255,0); */
background:#f0ad4e;
}
.project-content { padding: 10px;cursor:pointer;}
#datagrouplist{background-color: #e4e4e4;}
.datagrouplist_row{width:100%; padding: 0px 10px 0px 10px; }
#searchbox_phone{display:none}
#searchbox_pc{display:block}
#example_wrapper{display:block;font-family:'돋움',dotum,Sans-Serif;}
#datagrouplist{display:none}
.content_data{margin-bottom: 5px;}
#datagrouplist{height:calc(100% - 200px);}
#totalCnt_fee tr td:nth-child(1){width: 20%;}
#totalCnt_fee tr td:nth-child(2){width: 25%; text-align: right;}
#totalCnt_fee tr td:nth-child(3){width: 3%; text-align: center;}
#totalCnt_fee tr td:nth-child(4){width: 27%;}
#totalCnt_fee tr td:nth-child(5){width: 25%; text-align: right;}
#txtTotalCnt_pc{display:block;}
#txtTotalCnt_mobile{display:none;}
.mtd{line-height: 20px;}
.order_check_margin{margin-left:20px;}
/*card list css*/
.upPageDisp{display:block;}
.downPageDisp{display:block;}
.btn-dropdown-w{display:none;}
.btn-dropdown-w-d{display:none;}
.accbackground{cursor: pointer; width: 19px; height: 19px; background: url(../img/checkbox_uncheck.png) center no-repeat;}
#info_txtbox_up,#info_txtbox_down{display:none;}
.order-option-vehicle-m_li{display:none}
.accountlistsearch{float: right; margin: 10px 10px; font-size: 15px; color: #96c11f; font-weight: 600;}
.accountlist_searchinput{line-height: 15px; font-size: 15px; border: 3px solid #94c920; font-weight: 600; outline: none;}
.btn_area_one{display:inline-block;}
.btn_area_two{display:inline-block;}
#accountTable{font-size:12px;}
.arrow_tag{float: left; width: 22%;text-align: left;height: 44px; background: url(../img/arr_weigh.gif) no-repeat; padding-left: 70px; font-size: 16px; color: #6f6c63; font-weight: 700; line-height: 25px;}
.truck_boarding{display:none;}
#revTime,#revDate{background: transparent; border: none; width: 100%;}
.dt-body-center-checkbox{ text-align: center; vertical-align: middle !important;}
@media screen and (max-width: 479px) {
.txt_credit_detail,
.txt_credit_detail2,
.txt_credit_detail3 {width:100%; max-width:880px; margin-left:23px;}
.box_ico_goods{width:100%;}
.ordersub_tit2 {display:block !important}
.arrow_tag{background:none;float:none;height:30px;padding-left:0px;width: 100%;}
#txt_option{display:inline-block;}
.orderbox_calculate_calendar{display:none}
.order_calculate_searchword{display:none}
.emptyLRow{display:none}
.corporate_controller {position:fixed; top:0px; height:calc(100% - 0px); overflow-y:scroll}
#rightCon {width:100%; height:calc(100% - 200px);}
.bg_rightcon {background-color: rgba(0, 0, 0, 0.3); width:100%; height:100%;position:fixed; z-index:9}
#topListCustomer {width:98%; margin:0px auto}
.tabContents{width:98%; margin:0px auto}
.top_location{margin:10px 0 0 10px;font-size:13px;}
#order_wrap {margin-bottom:55px;}
.txt_vehicle_detail {padding:10px; line-height:15px; font-size:12px}
.ml40 {margin-left:0px}
.loginRow {margin-top:10px}
.txt_mem_m {display:inline-block}
.txt_mem_p {display:none; }
.btn_sideMenu {left:15px; top:60px;position:absolute; z-index:888}
.pc_box_login {display: inline-block; width: 100%;}
.mb_box_login {display:inline-block; width:100%}
.mb_box_login .login_check_on {background-color:#fff; border-bottom:1px solid #e4e4e4}
.mb_box_login .login_check_on .txt_log_right {color:#96c11f; font-weight: 600;}
.pc_box_login .login_check_on {background-color:#fff; border-bottom:1px solid #e4e4e4}
.pc_box_login .login_check_on .txt_log_right {color:#96c11f; font-weight: 600;}
.wrap_search_box2 {overflow:hidden}
.search_box2 {display:inline-block}
.company_detail dl dd {margin:10px 10px; text-align:left}
.company_detail dl dd span {width:100px; display:inline-block}
.order-textinput2 {width:80%}
.txt_company_detail2 {float:none; padding-bottom:5px; margin:0px 0px 0px 0px; text-align:center}
.txt_company_detail2 img {width:12px}
.txt_company_detail {margin-top:5px; display:block}
.btn_company_detail {height:28px; line-height:25px; padding:0px 5px; font-size:12px; display:block; margin:5px auto}
.company_detail .txt_company_detail span{width:100px;}
.company_detail .company_account_notice span{width:340px !important;}
.wrap_search_box {overflow:hidden;min-width: 320px;}
.search_box {display:inline-block}
/*header*/
.order_header_new {width:100%; margin:0px; padding:0px 10px; overflow:hidden}
#orderHeader .btn_mypage {font-size:13px}
#orderHeader .btn_mypage img {margin-right:3px}
#orderHeader .txt_id {font-size:13px}
#orderHeader .btn_loginOut {font-size:13px}
#orderHeader .btn_order_detail {padding:0px 10px; font-size:13px}
#orderHeader .bar_right {margin:0px 6px}
.order2-textinput {height:33px}
.order2_2-textinput{border:1px solid #c0c0c0; height:33px; width:260px;}
.order2_3-textinput{border:1px solid #c0c0c0; height:33px; width:260px;}
.order2_3-textinput input[type="text"]{width:80%;}
.order_nbox2 p {margin-left:15px}
.ordersub_right .order_nbox2 p {margin-left:15px}
.order3-textinput {height:33px}
.order4-textinput {height:33px}
.order7-textinput {height:33px;border:1px solid #c0c0c0;}
.order-option-vehicle-pc .left_area {width:100%}
.order-option-vehicle-pc .right_area {width:100%}
.check_vehicle {width:90%; border-radius:3px; margin:5px auto}
.txt_vehicle_checkbox {font-size:12px}
#order-option-weigh .optioninfo-item {width:100%}
#order-option-weigh .optioninfo-item dl dt {width:100%; float:none; line-height:25px; padding-left:10px; font-size:14px; background:none; height:auto}
#order-option-weigh .optioninfo-item dl dt img {width:20px}
#order-option-weigh .optioninfo-item dl dd {width:100%; float:none; margin-top:5px}
.ab{float:none; margin:2px 0;}
.btn_initialize {float:right; }
.ordersub_tit1_2 {margin-left:0px}
#ordermain p, #ordermain span{font-size:13px}
.order-padding-m {padding:0px 10px 55px 10px}
#ordermain {width:100%}
.ordersub_con {width:100%}
.ico_order_deliver {display:none}
.delivery_point {padding:0px 0px}
.view_point {width:100%; padding:14px 15px 0px 15px}
.point_charge {width:100%; border-top:1px solid #d7d7d7; margin-left:0px; padding:10px 15px }
.login_corporate {border-radius:0px;margin-left: 10px;}
#order-option-weigh .optioninfo-item ul li {width:32.5%; font-size:13px}
#order-option-weigh .optioninfo-item ul li+li {margin-left:3px}
#order-option-weigh .optioninfo-item ul li+li+li+li {margin-left:0px; margin-top:3px}
#order-option-weigh .optioninfo-item ul li+li+li+li+li {margin-left:3px}
#order-option-weigh .optioninfo-item p {height:43px; line-height:41px}
#order-option-kind .optioninfo-item {width:100%}
.order-policy-btn {display:block;text-align: center;padding:5px;margin:0;}
.order-policy-btn-pc {display:none}
.order-policy-btn-m{display:block;}
.prevOrderList_p {display:none}
.ordersub_bottom {display:none}
.ordersub_bottom_m {display:block; overflow:hidden; font-size:14px; color:#6f6c63; border-bottom:2px solid #d6d2cb; border-right:2px solid #d6d2cb; border-left:2px solid #d6d2cb; padding:0px 15px; background:#fff}
.ordersub_bottom_m img {margin-right:5px}
.ordersub_bottom_m dl {width:100%; float:nonew; margin:13px 0px 13px 0px}
.ordersub_bottom_m dl+dl {float:right}
.ordersub_bottom_m dl dd {background-color:#f4f4f4; border-top:2px solid #96c11f; margin-top:9px; overflow-y:scroll; max-height:150px}
.ordersub_bottom_m ul {overflow:hidden;; border-bottom:1px solid #d6d2cb; padding:10px 18px 9px 18px}
.ordersub_bottom_m ul li:first-child {margin-top:5px; width:100%}
.txt_order_history {width:90%}
.ordersub_bottom_m ul li+li {display:none}
.ordersub_bottom_m .btn_choice {border:2px solid #96c11f; border-radius:100px; text-align:center; font-weight:600; color:#96c11f; width:49px; height:26px; line-height:22px; font-size:13px}
.ordersub_bottom_m .btn_choice.on {color:#ffffff; background-color:#96c11f}
.order_nbox1 ul li {height:60px; line-height:55px}
.order_nbox1 ul li+li {line-height:30px; border-left:0px}
.login-checkbox p {font-size:13px; display:block; vertical-align:middle; border:none; padding-left:0px; margin-left:0px; }
.login_check_on p { color:#96c11f; }
.login-checkbox > input:checked + div {background: url(../img/checkbox2_check.png) center no-repeat;}
.memeber_txt_pc {display:none}
.memeber_box img {padding-bottom:5px}
.memeber_txt_m {display:inline-block; font-size:15px !important; padding-bottom:5px}
.order_nbox1_2 {text-align:center}
.order_nbox1_2 > ul > li:first-child {padding:10px 0px 10px 0px; margin-left:0px}
.order_nbox1_2 > ul > li:first-child span {margin-left:0px}
.order_nbox1_2 > ul > li+li {margin-top:5px; padding:8px 10px}
.order_nbox1_2 > ul > li+li span {font-size:13px !important; line-height:18px; font-weight:600 !important; vertical-align:baseline}
.login-textinput{height:35px;border:1px solid #d4d4d4; width:60%; border-radius:2px; margin:5px auto}
.textid {width:60%}
.textpw {width:60%}
.btn_login {height:35px; display:block; width:60%; margin:5px auto}
.btn_findpw {height:35px; line-height:35px; background-color:#7fc33c; width:73px; border-radius:2px; margin-left:5px; color:#ffffff; text-align:center; font-size:14px}
.warpSelect2 {width:60%; display:inline-block; margin-left:0px}
.selectDisp2 {line-height:35px;margin:0px;border:1px solid #c0c0c0;cursor:pointer;background:#fff;font-size:14px; text-align:left; padding-left:10px}
.nomemeber_box {font-size:16px; margin:10px 0px 18px;}
.nomemeber_box b {color:#ff3817; font-size:22px;}
.nomemeber_box dl { float:left; margin-left:10%;}
.nomemeber_box dl+dl {margin-left:30px;}
.nomemeber_box_form {overflow:hidden}
.nomemeber_box_txt { font-size:12px; font-family:'돋움',dotum,Sans-Serif; margin:10px 40px 0 21%; line-height:18px;color:#ff9000; text-align:left; }
.order_nbox1 {width:100%}
.box_custom_num { margin:13px 20px 0px 20px; font-size:13px}
.box_custom_num dl dt{float:none; width:100%}
.box_custom_num dl dd {float:none; width:100%; margin-top:10px; margin-left:0px}
.box_reservation {font-size:14px}
.box_reservation dl {padding:10px 15px 10px 15px}
.box_reservation dl dt {display:block; width:100%; font-weight:bold;}
.box_reservation dl dd {display:block; margin-top:10px; width:100%;}
.box_reservation dl:first-child dd{overflow:hidden}
.box_reservation .left_area {float:none; width:100%; margin-top:0px}
.box_reservation .right_area {float:none; width:100%; margin-top:5px; }
.box_reservation .right_area .radio_area {padding-left:0px}
.reservation-checkbox > input + div {width:18px; background-size:18px !important; height:17px; }
.btn_tax_ok {width:90px; line-height:29px}
#order-option-kind .optioninfo-item ul li {width:32.5%}
#order-option-kind .optioninfo-item ul li+li {margin-left:1%}
#order-option-kind .optioninfo-item ul li+li+li+li {width:32.5%; margin-top:1%; margin-left:0%}
#order-option-kind .optioninfo-item ul li+li+li+li+li {margin-left:1%; width:32.5%;}
#order-option-kind .optioninfo-item ul li+li+li+li+li+li {margin-left:1%; width:32.5%;}
.day_area {overflow:hidden; float:left; text-align:center}
.day-textinput input[type="text"]{
border:0;height:100%;width:100%;font-family:'Noto Sans KR',Sans-Serif;font-size:14px; padding:0 10px; text-align:center}
#order-option-kind .optioninfo-item .box_ico_goods {width:80%}
#order-option-kind .optioninfo-item ul li+li+li+li .box_ico_goods {width:100%}
.check_amount_m {width:20%}
.ico-plus2 {width:100%}
.ico-minus2 {width:100%}
.amount-textinput {width:100%}
.time_area {float:none; clear:left}
.ordersub_left {overflow:hidden; width:100%; float:none; }
.ordersub_right {overflow:hidden; width:100%; float:none;}
.order_nbox2_inp {width:80%;margin-left:-5px; margin-top:5px}
.txt_arrival {margin-left:25px;margin-right:10px;}
.order_charge {float:none; width:95%}
.order_distance {float:none; width:95%}
.total_charge {margin:13px 0px 10px 0px}
.add_charge {margin:0px 0px 0px 0px}
.delivery_charge {float:none; width:100%; border-right:none; margin:20px 15px}
.delivery_point {float:none; width:100%}
.payment_data {padding:0px 15px 15px 15px}
.payment_data dl {border-top:none;}
.payment_data dl dt {float:none; width:100%;}
.payment_data dl dd {float:none; width:auto; margin-top:10px; margin-left:0px}
.payment_data dl dd img {display:inline}
.btn_payment_type {font-size:13px; width:19.4%;}
.btn_payment_type2 {font-size:13px}
.payment-textinput {height:32px; margin-left:0px; width:100%; border:1px solid #cccccc; padding-left:0px; margin-top:5px}
.goods-textinput{width:95%}
.deposit_account {overflow:hidden; padding:10px 10px;line-height:20px;}
.deposit_account .kbimg{margin-left:11px; margin-top:0px; }
.ico_account {display:none}
.ico_account_m {display:inline; width:18px}
.deposit_account ul li {float:none}
.deposit_account ul li:first-child {font-size:14px; margin-left:9px}
.deposit_account ul li:first-child img {margin-right:5px}
.deposit_account ul li+li {margin-left:25px; margin-top:8px; font-size:14px}
.txt-account {border-left:2px solid #ff8400; margin-left:15px; display:block; padding:0px 0px 0px 15px}
/*.delivery_type {display:none}
.delivery_type_m {display:block}
.delivery_type_m {width:100%; font-size:14px}
.delivery_type_m dl {background-color:#f5f5f1; overflow:hidden; margin-top:3px; border:2px solid #d6d2cb}
.delivery_type_m dl dt {color:#5a574f; line-height:30px; float:left; width:60%}
.delivery_type_m dl dt p {margin-left:10px; font-size:13px !important; color:#5a574f; margin-top:2px}
.delivery_type_m dl dd {overflow:hidden; float:left; width:40%}
.delivery_type_m dl dd ul li {float:left; width:49.9%; line-height:38px; color:#86837c; border-left:2px solid #d6d2cb; text-align:center}
.delivery_type_m .active {color:#3d93fd; font-weight:600} */
#rel900{position:relative;width:100%;height:60px;}
#tmpLoginResult{top:10px;right:10px;-webkit-transform:none;transform:none;}
#gmap{overflow:hidden;display:none;}
.hide900{display:inline-block;}
.show900{display:none;}
.ordertitle{padding:20px 20px;}
.rdiv{display:block;margin-top:5px;}
#order-row1,#order-row2{margin-right:0;}
.textright{margin-left:120px !important;width:270px;}
#ordermain .wrap{padding-left:20px;}
.optioninfo-item{width:100%;}
.order-subtext,.order-subtext2{margin-left:20px;}
.rm{text-align:right;margin-right:30px;}
.samecheck{position:absolute;top:20px;left:270px;white-space:nowrap;}
#orderpayment,#orderfinal{margin-left:20px;}
.btn_order_type{
background-color:#99ca30; border-bottom:3px solid #78b41a; border-radius:2px;
width:100px; height:25px; text-align:center; line-height:23px;
color:#fff !important;font-size:14px; margin:auto; display: inline-block;}
.btn_order_type2{
background-color:#898989; border-bottom:3px solid #7b7b7b; border-radius:2px;
width:100px; height:25px; text-align:center; line-height:23px;
color:#fff !important;font-size:14px; margin:auto; display: inline-block;}
#submitfinal{
background-image:none; background-repeat:repeat; background-color:#96c11f;
width:100%; height:42px; line-height:42px; text-align:center;
color:#fff !important; font-size:14px !important; float:none; border-bottom:2px solid #0c74c6; border-radius:2px}
.txt_m_custom {display:inline-block; font-size:0.9em !important; margin-left:3px}
.txt_pc_custom {display:none}
.wrap_order_policy_m {display:block; margin-top:10px}
.wrap_order_policy_pc {display:none}
.bigOrange2 {font-size:15px; margin-top:10px; margin-bottom:8px}
.ordersub_tit2 {margin-top:0px}
/*#rightCon{position: absolute; left: 0; right: 0; bottom: 0px; -webkit-overflow-scrolling: touch;}*/
#footer {display:block;position:fixed; bottom:0px;}
/* #search_box_searchdate{width:90%;} */
#search_box_bounceType{width:12%;}
.vehiclegooddt{width: 100%; margin-top: 8px; display: inline-block;}
.vehiclegooddd{width: 98%; display: inline-block; margin-top: 5px;}
ol.sub_tab { margin-left:15px !important; }
/* div.order_car_select { width:150px !important; }
div.order_cargo_select { width:400px !important; } */
div.infobox_warp div.info_con,
div.infobox_warp2 div.info_con { width:100% }
.btn_policy_off { width:99px !important; }
.btn_cancelfee_off{ width:99px !important; }
.view_point dl dt { width:68%; }
#box_calculate_search{display:none}
.datepic_box div.date { width:150px; }
div.order-option-vehicle-pc div.vehicle_option_left,
div.order-option-vehicle-pc div.vehicle_option_right { /*float:left !important;*/ width:100% !important; }
div.order_car_select {width: 33%;}
div.order_cargo_select { width: 66.5%}
}