@charset "utf-8";

@import url('reset.css');
@import url('jquery.scrollbar.css');
/*@import url('leaflet.css');*/
@import url('layout.css');

@media (min-width: 1025px) {
	.loading_layer .layer_cont{width: calc(100% - 100px);transform:rotate(-90deg);}
}
@media (min-width:768px){
	span.mo{display:inline;}
	.sub_title{display:none;}

	/* 운송기사 정보 */
	.trans_zone{display:flex; padding-top:20px;}
	.trans_zone .trans{padding-right:20px;}
}

@media (max-width: 1600px) {
	
}

@media (max-width: 1300px) {
	.result .route_list .route_info .btn_takeover{position:relative; top:auto; right:auto; margin-left:20px; transform:translate(0);}

	/* 재고리스트 */
	.stock .stock_body .stock_info2{width:50%; padding-bottom:10px;}
	.stock .stock_body .stock_info2:last-child{padding-bottom:0;}
}

@media(max-width: 1150px){
	/* 재고리스트 */
	.stock .stock_body .stock_info2{width:100%;}
}

@media (max-width: 1024px) {
	#wrap.sub{padding:0 10px; background:fixed url(/Images/main_visual.jpg) no-repeat 50% 50%;}
	.sub #header{background:transparent;}
	
	#footer.sub{background:#fff;}
	#footer.sub .fixed_in.type1{margin-bottom:10px;}
	#footer.sub address{padding-top:30px; padding-bottom:30px;}

	.result_zone{background:#fff;}

	.result .load_info{display:block; padding:15px 0 15px 110px;}
	.result .load_detail{padding:0 0 10px;}
	.result .load_detail:before{display:none;}
	.result .route_list .route_info{display:block;}
	.result .route_list .route_desc.type2{padding-bottom:10px;}
	.result .route_list .route_desc.type2:last-child{padding-bottom:0;}

	.result .route_list .route_info .btn_takeover{margin-left:0;}
	.result .route_list .route_info .btn_takeover.pc{display:none;}
	.result .route_list .route_info .btn_takeover.mo{display:block;}
	
	.prd_dtl{margin:10px 0; padding:0;}
	.product{display:block; padding:20px 6px;}
	.product .prd_cont{padding-bottom:13px;}
	.product .prd_cont:last-child{padding-bottom:0;}

	/* 재고리스트 */
	.stock_bg{background:#fff;}
	.stock .stock_head{display:block;}
	.stock .stock_head .stock_info .stock_db:first-child{padding-bottom:4px;}
}
@media (max-width: 767px){
	/* Layout */
	.fixed_in.type1{padding: 0 10px;}

	.sub #header{height:65px; background:transparent;}
	.sub #header .logo{width:127px; height:38px;}
	.sub #header .logo a{width:127px; height:38px; background-size:cover;}
	.sub #header .menu{display:none;}


	/* 로그인 */
	.login_info{padding:20px 0; border:0;}
	.login_title p{font-size:26px;}

	/* 탭 */
	.tab_area{max-width:260px; margin:0 auto;}

	/* 버튼 */
	.btns.type1{max-width:100px;}

	/* 검색 */
	.search_zone{background:#fff;}
	.search_zone .sub_title{padding:20px 0;}
	.search_area{display:block; padding:20px 0;}
	.search_area .search{margin:0 0 10px; padding:0;}
	.search_area .search.text p{line-height:normal;}
	.search_area .search select,
	.search_area .search input[type='text']{height:50px; border:1px solid #d2d2d2;}
	.search_area .search select{background:transparent url(/Images/icn_sel.png) no-repeat calc(100% - 16px) 50%;}
	.search_area .search .btns.icon.calendar{right:8px;}
	.search_area .search.btn .btn_search{height:50px;}
	.search_area .search .btns.icon.delete{right:0;}

	/* 운송기사 */
	.trans_zone{padding:15px; background:#f5f5f5;}
	.trans_zone .trans{padding-bottom:15px;}
	.trans_zone .trans:last-child{padding-bottom:0;}

	/* 로그아웃 버튼 */
	.trans_zone .btn_logout{position:relative; top:auto; right:auto; width:110px; background: #3f3f3f url(/Images/btn_logout.png) no-repeat calc(100% - 10px) 50%;}

	/* 검색결과 */
	.result{padding:10px 76px 30px 0;}
	.result .loadtype{border-radius:10px; overflow:hidden;}
	.result .loadtype:before{display:none;}
	.result .load_info{padding: 17px 5px 17px 15px; font-weight:400; border-top-left-radius: 10px; border-top-right-radius: 10px;}
	.result .load_info span{font-weight:700;}
	.result .load_detail:last-child{padding:0;}
	.result .load_detail p{font-size:14px;}
	.result .load_detail p span{font-size:18px;}
	.result .load_list{padding:0;}
	.result .load_list .panel:last-child{padding:0 15px;}
	.result .route_list{padding:0;}
	.result .route_list:before{top:35px; left:13px;}
	.result .route_list .route:first-child:before{top:20px; left:4px;}
	.result .route_list .route:last-child:before{left:7px; height:80%; background:#eff0f2 url(/Images/icn_arr.png) no-repeat 50% 0%;}
	.result .route_list .route{border:0;}
	.result .route_list .route:first-child{border-top:0;}
	.result .route_list .route .route_info:first-child{border-top:1px solid #dfdfdf;}
	.result .route_list .route{padding:0;}
	.result .route_list .route_info{margin:0 15px 0 30px; padding:20px 0;}
	.result .route_list .route_info:first-child{padding-bottom:0;}
	.result .route_list .route_desc{padding-bottom:8px;}
	.result .route_list .route_desc.arrive{padding-bottom:0;}
	.result .route_list .route_desc.depart{width:100%;}
	.result .route_list .route_desc.type1 p{display:block; width:100%;}
	.result .route_list .route_desc span{display:block;}
	.result .route_list .route_desc.arrive span{padding-left:0;}

	.result .detail{width:75px;}
	.result .detail .btn_tab{height:60px; padding-left:10px; font-size:12px; text-align:left;}
	.result .detail .btn_tab:nth-child(2){top:60px;}
	.result .detail .btn_tab:nth-child(3){top:120px;}
	.result .detail .btn_tab:nth-child(4){top:180px;}

	.no_data{font-size:18px;}
	.no_data span{display:block;}

	/* 재고리스트 */
	.stock_area{padding:20px}
	.stock{display:block;}
	.stock .stock_head{max-width:unset;box-sizing:border-box;}
	.stock .stock_head .stock_info .stock_db{flex:1 1 50%; box-sizing:border-box;}
	.stock .stock_head .stock_info .stock_db:first-child{padding-right:5px;}
	.stock .stock_body .stock_info2{padding:0 0 10px;}
	.stock .stock_body .stock_info2 .stock_title2{flex-basis:80px;}
	.stock .stock_body .stock_info2 .stock_title2 p{text-align:center;}
}

@media (max-width: 480px) {

}

@media (max-width: 320px) {

}

@supports (-webkit-touch-callout: none){

	#wrap.sub{background:url(/Images/main_visual.jpg) no-repeat fixed 50% 50% / auto 100%;}
}