
/* 1) 블루 */
div.mainTabs.blue ul li {float:left;width:25%;background:#044a90}
div.mainTabs.blue a span{border-left:1px solid #e7e7e7;}

.product_list.blue dt span{ display:inline-block; color:#044a90}

/*.wrap.blue .header{  }/*border-top:solid 10px #064a90;*/
.wrap.blue h1.logo{ color:#064a90; }
.wrap.blue h1.logo a{ color:#064a90; }
.wrap.blue .call_center dd strong{ color:#044a90; }
.wrap.blue .main_truck_info dd.info .btn_gray{ background:#3d83d0 url(/WEB/Level_1/img/gradation_line_01.png) repeat-x bottom; color:#f2f5f8; border:solid 1px #3d83d0; }
.wrap.blue .main_truck_info dd.info:hover .btn_gray{ background:#2c6abe url(/WEB/Level_1/img/gradation_line_01.png) repeat-x bottom;  }
.wrap.blue .left_menu dt{ color:#064aae; }
.wrap.blue .left_menu dd strong{ color:#d84148; }
.wrap.blue .right_content h1{ color:#064aae; }

/* 2) 그린 */
div.mainTabs.green ul li {float:left;width:25%;background:#484848}
div.mainTabs.green a span{border-left:1px solid #e7e7e7;}

.product_list.green dt span{ display:inline-block; color:#333}

.wrap.green .s_top span.user{ color:#5a8c10; }
/*.wrap.green .header{ border-top:solid 10px #448a31; }*/
.wrap.green  h1.logo{  color:#448a31; }
.wrap.green  h1.logo a{ color:#448a31; }
.wrap.green .container dl dt{ color:#2a6a19; }
.wrap.green .call_center dd strong{ color:#448a31; }
.wrap.green .main_truck_info dd.info strong{ color:#1580cb; }
.wrap.green .top_menu li a:hover{ color:#4ba417; }

.wrap.green .main_truck_info dd.info .btn_gray{ background:#99c15f url(/WEB/Level_1/img/gradation_line_01.png) repeat-x bottom; color:#fff; border:solid 1px #99c15f; }
.wrap.green .main_truck_info dd.info .btn_gray:hover{ background:#85a753 url(/WEB/Level_1/img/gradation_line_01.png) repeat-x bottom;  }
/*.wrap.green .btn_gray:hover b{ background:url(/WEB/Level_1/img/arrow_two_white.png) no-repeat center left; }*/
.wrap.green .main_truck_info{ background:url(/WEB/Level_1/img/cargo_info_01.png) no-repeat 5px 24px;}
.wrap.green .main_truck_info dd.info strong{ color:#ee4907; }
.wrap.green .main_truck_info dd.truck_img span:hover{ border:solid 1px #90c344; }
.wrap.green .main_truck_info dd.truck_img span:hover b{color:#42770e; }

.wrap.green .fare_charge{ background:url(/WEB/Level_1/img/cargo_price_01.png) no-repeat right; }
.wrap.green .footer{ color:#777777; }
.wrap.green .footer_logo{ color:#a7ae9f; }
.wrap.green .foot_btn a:hover{ background:#99c15f url(/WEB/Level_1/img/gradation_line_01.png) repeat-x bottom; color:#fff; border:solid 1px #99c15f; }
.wrap.green .left_menu dd strong{ color:#ff5400; }


/* 3) 빨강 */
div.mainTabs.red ul li {float:left;width:25%;background:#aa1722}
div.mainTabs.red a span{border-left:1px solid #e7e7e7;}

.product_list.red dt span{ display:inline-block; color:#f64c5c}

.wrap.red .s_top span.user{ color:#a02d38; }
/*.wrap.red .header{ border-top:solid 10px #d82517; }*/
/*.wrap.red  h1.logo{  color:#d82517; }
.wrap.red  h1.logo a{ color:#d82517; }*/
.wrap.red .top_menu li a:hover{ color:#f64c5c; }
.wrap.red .container dl dt{ color:#a01313; }
.wrap.red .call_center dd strong{ color:#f64c5c; }
.wrap.red .main_truck_info dd.info strong{ color:#373737; }
.wrap.red .main_truck_info dd.info .btn_gray{ background:#f64c5c url(/WEB/Level_1/img/gradation_line_01.png) repeat-x bottom; color:#fff; border:solid 1px #f64c5c; }
.wrap.red .main_truck_info dd.info .btn_gray:hover{ background:#d84250 url(/WEB/Level_1/img/gradation_line_01.png) repeat-x bottom;  }
.wrap.red .main_truck_info dd.truck_img span:hover{ border:solid 1px #f64c5c; }
.wrap.red .main_truck_info dd.truck_img span:hover b{color:#c73946; }
.wrap.red .foot_btn a:hover{ background:#f64c5c url(/WEB/Level_1/img/gradation_line_01.png) repeat-x bottom; color:#fff; border:solid 1px #f64c5c; }
.wrap.red .left_menu dd strong{ color:#f64c5c; }
.wrap.red .right_content h1{ color:#f64c5c; }

/* 푸터 */
.footer_wrap{width:100%; border-top:1px solid #dfdfdf; padding-top:5px}

/* 1) 로고 정중앙  */
.wrap .s_top { height:75px; padding-top:5px }
.wrap h1.logo {position:absolute; top:-55px;  left:50%; width:300px; margin-left:150px;  display:inline-block; margin:0 0 0 -150px; text-align:center; }
.wrap h1.logo a {font:bold 28px/32px Malgun Gothic; color:#1d3751; cursor:pointer;  }

.right_content{ position:relative; width:1100px; margin:20px auto; min-height:400px }

/* 비쥬얼 이미지 */
.visual_wrap{ position:relative; width:100%; margin:0 auto; overflow:hidden; background:url(/Homepage/img/main_type1.jpg)center no-repeat;  }
.visual_wrap .visual{ position:relative; width:100%; height:360px; margin:0 auto; }
.visual_wrap .visual .text{ position:absolute; color:#fff; padding:10px; font:bold 27px/36px malgun gothic  }

.sub_visual{ position:relative; width:100%;margin:0 auto; height:160px;  border:none; background:url(/Homepage/img/sub_type1.jpg) no-repeat top center; }
.sub_visual.sub.a01{ background:#f4f4f4 url(/Homepage/img/sub_img_01.jpg) no-repeat; }
.sub_visual.sub.a02{ background:#f4f4f4 url(/Homepage/img/sub_img_02.jpg) no-repeat; }
.sub_visual.sub.a03{ background:#f4f4f4 url(/Homepage/img/sub_img_03.jpg) no-repeat; }
.sub_visual.sub.a04{ background:#f4f4f4 url(/Homepage/img/sub_img_04.jpg) no-repeat; }
.sub_visual.sub.a05{ background:#f4f4f4 url(/Homepage/img/sub_img_05.jpg) no-repeat; }
.sub_visual.sub.a06{ background:#f4f4f4 url(/Homepage/img/sub_img_06.jpg) no-repeat; }
.sub_visual.sub.a07{ background:#f4f4f4 url(/Homepage/img/sub_img_07.jpg) no-repeat; }

.sub_visual h1{text-align:center; margin:0 auto;height:140px; line-height:160px; font-size:32px; color:#fff}
.sub_visual .path{width:1100px; margin:0 auto; text-align:right; font-size:11px}




















