@charset "utf-8";
/* CSS Document */

/* icons */
.ico {display:inline-block; content:''; background-repeat:no-repeat;}
.ico.arr {background-image:url(../images/icon/icon_right_arrow_n.png); width:9px; height:14px;}
.ico.cld {background-image:url(../images/icon/icon_sche_n.png); width:17px; height:17px;}
.ico.pickcar {background-image:url(../images/icon/icon_cars_n.png); width:25px; height:18px;}
.ico.check_gray {background-image:url(../images/icon/icon_reserv_n.png); width:18px; height:15px;}
.ico.people {background-image:url(../images/icon/icon_persnal.png); width:20px; height:16px;}
.ico.trunk {background-image:url(../images/icon/ico_trunk.png); width:19px; height:16px;}
.ico.door {background-image:url(../images/icon/ico_door.png); width:18px; height:16px;}
.ico.back {background-image:url(../images/icon/ico_door.png); width:18px; height:16px;}
.ico.checked {background-image:url(../images/icon/icon_check.jpg); width:22px; height:16px;}

.ly_spec .ico {width:24px; height:24px; background-position:center center;}
.ico.aircon {background-image:url(../images/icon/icon_aircon.png);}
.ico.autot {background-image:url(../images/icon/icon_automatic.png);}
.ico.hatch {background-image:url(../images/icon/icon_hatch.png);}
.ico.leather {background-image:url(../images/icon/icon_leather.png);}
.ico.mirror {background-image:url(../images/icon/icon_mirror.png);}
.ico.passenger {background-image:url(../images/icon/icon_passenger.png);}
.ico.luggage {background-image:url(../images/icon/icon_pieces.png);}
.ico.powerlock {background-image:url(../images/icon/icon_power.png);}
.ico.radio {background-image:url(../images/icon/icon_radio.png);}
.ico.cruise {background-image:url(../images/icon/icon_cruise.png);}
.ico.inquiry {background-image:url(../images/icon/icon_inquiry.png);}
.ly_spec .inq {padding-top:10px;}
.ly_spec .inq em {margin-top:-4px;}


/* bar_title */
.bar_title {position:relative; overflow:hidden; border-bottom:1px solid #d8d8d8; *height:30px}
.bar_title h1 {font-size:22px; color:#144a7e; font-weight:800; float:left;}
.bar_title .h1_sub {position:absolute; right: 557px; bottom:20px; font-size:13px; font-weight:bold; color: #9b9b9b; line-height: 10px;}
.bar_title .progress {position:absolute; right:0; bottom:14px; font-size:12px; color:#9b9b9b}
.bar_title .progress * {vertical-align:middle;}
.bar_title .progress .ico {margin:0 6px;}
.bar_title .progress .arr {margin:2px 2px 0 8px;}
.bar_title .progress a {color:#9b9b9b;}
.bar_title .progress strong {color:#4a90e2;}
.bar_title .progress strong .ico.cld {background-image:url(../images/icon/icon_sche.png);}
.bar_title .progress strong .ico.pickcar {background-image:url(../images/icon/icon_cars.png);}
.bar_title .progress strong .ico.check_gray {background-image:url(../images/icon/icon_reserv.png);}

/* sec_pick_car */
.sec_pick_car {position:relative; font-size:12px; letter-spacing:-0.025em; color:#545454}
.sec_pick_car em,
.sec_pick_car address {font-style:normal;}
.sec_pick_car a {text-decoration:none;}
.sec_pick_car img {vertical-align:middle;}

/* 고정 퀵메뉴  by 2016.04.20 woo */
.sec_pick_car .nav_aside {position:fixed; _position:absolute; _z-index:-1; top:321px; left:50%; margin-left:421px; width:80px; background-color:#144a7e;}
.nav_aside ul {list-style:none; margin:0; padding:0; line-height:2.2; border:1px solid #e5e5e5; letter-spacing:-0.06em; word-spacing:-0.04em;}
.nav_aside li {border-top:1px solid #e5e5e5;}
.nav_aside li:first-child {border-top:none;}
.nav_aside li a {display:block; color:#fff; padding:0 0 0 8px; }
.nav_aside li a:hover {background-color:#787878; color:#fff; font-weight:bold;}

.group_info {background:url(../images/icon/icon_arrow_set.png) 385px center no-repeat #fafafa; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:8px 0 8px 20px; overflow:hidden;}
.group_info dl {float:left; width:50%; overflow:hidden; line-height:1.4; padding:0 40px 0 60px; box-sizing:border-box; position:relative; *width:37%}
.group_info dt {width:50px; height:100%; border-right:1px solid #d8d8d8; margin:0 10px 0 0; position:absolute; left:0}
.group_info dt img {margin:10px 0 0;}
.group_info dd {margin:0;}
.group_info dd strong {font-size:14px; margin-right:2px; color:#164d80;}
.group_info dd span {font-weight: bold; color:#164d80;}
.group_info dd time {font-weight:bold; color:#164d80;}

.sec_pick_car .select_area {text-align:right; padding:20px 0 10px;}

.lst_car:after {content:''; display:table; float:none; clear:both;}
.lst_car .box_item {background-color:#f8f8f8; padding:10px 10px 10px 15px; box-sizing:border-box; float:left; width:400px; height:auto; margin:0 0 24px 0; position:relative;}
.lst_car .box_item:nth-child {property:'';}
.lst_car .box_item:nth-child(even) {margin-left:22px;}
.lst_car .box_item:nth-child(odd) {clear:both;}
.lst_car .box_item .info_area {width:120px; float:left}
.box_item .info_area h2 {margin-top:0;}
.box_item .info_area h2 strong {color:#545454; font-size:15px; display:block;}
.box_item .info_area h2 span {font-size:13px; color:#9b9b9b; font-weight:normal;}
.box_item .info_area figure {padding:0; margin:0; text-align:center;}
.box_item .info_area h3 {text-align:center;}
.box_item .info_area h3 strong {font-family: 'Muli', sans-serif; font-size:12px; font-weight:normal;}
.box_item .info_area h3 span {display:block; font-size:12px; color:#757575; font-weight:normal;}
.box_item .info_area .summary {font-size:12px; color:#5c5c5c; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.box_item .info_area .summary .ico {margin:0 2px -3px 0;}
.box_item .info_area .summary span {display:inline-block; vertical-align:middle; margin:0 0 0 2px}
.box_item .btn_spec {background-color:#fff; border:1px solid #cecece; color:#545454; display:block; text-align:center; line-height:24px;}
.lst_car .box_item .lst_price {width:240px; float:right;}
.lst_car .box_item:hover {*z-index:10;}
.lst_car .box_item .tip:hover {*z-index:10;}

.lst_price dl {cursor:default; position:relative; background-color:#fff; border:1px solid #d8d8d8; border-radius:2px; padding:7px 10px; max-height:200px; margin:0 0 4px;}
.lst_price dt strong {font-size:14px;}
.lst_price dt em {font-size:11px;}
.lst_price dt em:before {content:'|'; margin:0 4px; color:#e5e5e5}
.lst_price dt em.before {color:#71af2d;}
.lst_price dt em.after {color:#1279c8;}
.lst_price dd {padding:0; margin:0}
.lst_price dd.price {position:absolute; top:50%; right:3px; font-size:16px; font-weight:600; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:-10px; color:#4a90e2;}

.lst_price dt.priceD {top:50%; padding:5px 3px 0px 3px; font-size:13px; font-weight:600; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#7b6f5a;height: 22px;}
.lst_price dt.priceP {top:50%; padding:5px 3px 0px 3px; font-size:13px; font-weight:600; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#166fc5;height: 22px;}

.lst_price dt.price_over {background-color:#4a90e2; color:#ffea00;}
.lst_price dt.price_over em,
.lst_price dt.price_over dd.dsc,
.lst_price dt.price_over em,
.lst_price dt.price_over dd.dsc {color:#fff;}
.lst_price dt.price_over dd.tip {display:block;}

.lst_price dd.dsc {padding:3px 0 0; max-height:51px; overflow:hidden; padding-right:30px; font-size:11px; color:#545454; line-height:1.5}
.lst_price dd.tip {position:absolute; top:0; right:-176px; width:168px; background-color:#6196D4; border-radius:2px; color:#fff;; z-index:1; padding:8px 10px; box-sizing:border-box; display:none;}
.lst_price dd.tip {*position:absolute; *top:0; *right:-137px; *width:130px; *background-color:#6196D4; *border-radius:2px; *color:#fff; *z-index:1; *padding:8px 10px; *box-sizing:border-box; *display:none;}
.lst_price dd.tip:before {content:''; position:absolute; top:10px; left:-5px;
    width: 0px; height: 0px; border-style: solid;
    border-width: 3px 5px 3px 0;border-color: transparent #6196D4 transparent transparent;}

.lst_price dl.price_over {background-color:#4a90e2; color:#fff;}
.lst_price dl.price_over em,
.lst_price dl.price_over dd.dsc,
.lst_price dl.price_over em,
.lst_price dl.price_over dd.dsc {color:#fff;}
.lst_price dl.price_over dd.tip {display:block;}

.sec_pick_car .btn_area {text-align:center; padding:40px 0}
.sec_pick_car .btn_area a {display:inline-block; background-color:#1279c8; color:#fff; font-size:16px; line-height:50px; padding:0 54px; border-radius:2px}
.sec_pick_car .btn_area .btn_back {background:url(../images/icon/icon_back_arrow.png) 12px center no-repeat #1279c8;}

.ly_spec {background-color:#fff; z-index:10; position:absolute; top:10px; right:10px; bottom:9px; left:150px; border:1px solid #e5e5e5; border-radius:2px; padding:5px 10px 0; box-sizing:border-box; display:none;}
.ly_spec {*background-color:#fff; *z-index:10; *position:absolute; *top:10px; *right:10px; *bottom:-11px; *left:150px; *border:1px solid #e5e5e5; *border-radius:2px; *padding:5px 10px 0; *box-sizing:border-box; *display:none;}
.ly_spec:before {background:url(../images/icon/arr_ly.png) no-repeat; width:11px; height:18px; content:''; position:absolute; top:
        50%; left:-11px; margin:-9px 0 0;}
.ly_spec:before {*background:url(../images/icon/arr_ly.png) no-repeat; *width:11px; *height:18px; *content:''; *position:absolute; *top:
        50%; *left:-11px; *margin:-9px 0 0;}
.ly_spec ul {list-style:none; margin:0; padding:0}
.ly_spec li {position:relative; padding:7px 0 7px 30px; border-top:1px solid #e5e5e5; font-size:11px; line-height:1.2}
.ly_spec li:first-child {border-top:none;}
.ly_spec li em {position:absolute; left:0;}

.box_item.specon .ly_spec {display:block;}
.box_item.specon .btn_spec {color:#fff; background-color:#1278c6; border-color:#1278c6;}

/* popup style */
#pop_wrap {color:#545454; font-size:13px}
#pop_wrap button {cursor:pointer;}
#pop_wrap img {cursor:pointer;}
#pop_wrap table{border-collapse:collapse;border-spacing:0;}
#pop_wrap caption {display:none;}
#pop_wrap a {text-decoration:none;}
#pop_wrap ul {margin:0; padding:0; list-style:none;}
#pop_head h1 {font-size:24px; padding:0 18px;}
#pop_head h1 img {display:inline-block; margin-right:8px;}
.tab_inpop {overflow:hidden; border-bottom:2px solid #1279c8; font-size:15px; text-align:center; padding:0 14px}
.tab_inpop li {float:left; margin:0 4px; border-radius:14px 14px 0 0; background-color:#ebebeb}
.tab_inpop li a {display:block; padding:12px 0 10px; color:#666; width:191px; font-size:15px !important}
.tab_inpop li.on {background-color:#1279c8;}
.tab_inpop li.on a{color:#fff;}

#pop_cnt {padding:20px 18px; width:788px;}
.tbl_inpop {border:1px solid #c8c8c8; margin:0 0 10px; letter-spacing:-0.04em; width:100%;}
.tbl_inpop thead th {padding:15px 0;}
.tbl_inpop th {background-color:#fafafa; font-size:14px}
.tbl_inpop .small th {font-size:12px; letter-spacing:-0.025em; padding:8px 0}
.tbl_inpop th,
.tbl_inpop td {border:1px solid #c8c8c8;}
.tbl_inpop th {padding:15px 8px;}
.tbl_inpop td {font-size:13px; padding:10px 8px;}
.tbl_inpop td .ly_more {display:none;}

.box_gray {background-color:#fafafa; border:1px solid #c8c8c8; padding:10px 15px 20px; line-height:19px; letter-spacing:-0.025em}
.box_gray p {margin-top:0;}
.box_gray ul>li>p {padding-left:10px;}
.box_gray ul>li>p:before {content:'*'; margin:0 4px 0 -10px}
.box_gray ul>li li p {margin:0 0 0 10px;}
.box_gray ul>li li p:before {content:'-'; margin:0 4px 0 -10px}
.box_gray ul ul {margin-top:-10px !important;}

#pop_foot {padding:10px 0 30px; text-align:center;}
#pop_foot button {background:#1279c8; color:#fff; font-size:16px; line-height:50px; padding:0 54px; border-radius:2px; border:none;}
.btn_more {background-color:#1279c8; color:#fff; border-radius:3px; border:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; line-height:1; width:46px; padding:2px 0 3px;}
.btn_close {background-color:#1279c8; color:#fff; border-radius:3px; border:none; font-size:11px; letter-spacing:0.03em; line-height:1; width:46px; padding:2px 0 3px; padding:1px 0 4px\0;}

.pai_table {width: 100%;}
.on_button{
    font-weight: bold;
    font-size: 11px;
    color: white;
    border: 1px solid #999;
    border: transparent;
    background-color: #144a7e;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer;
    margin: 4px 0px;
}
.on_border_button{
    font-weight: bold;
    font-size: 11px;
    color: #144a7e;
    border: 1px solid #144a7e;
    background-color: transparent;
    border-color: #144a7e;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer;
    margin: 4px 0px;
}
.off_button {
    font-weight: bold;
    font-size: 11px;
    color: white;
    border: 1px solid #999;
    border: transparent;
    background-color: #d2d2d2;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer;
    margin: 4px 0px;
}