@charset "utf-8";

/* ////////// advisor ////////// */
.advisor_visual{background:url('/images/service/advisor_visual.jpg') 50% no-repeat;}

.advisor,
.technic{padding-bottom:70px;background:#d9d9dc;}
.technic{background:#fff;}
.advisor h3,
.technic h3{margin-top:68px;}
.advisor h2 + h3,
.technic h2 + h3{margin-top:56px;}

.info{height:846px;background:url('/images/service/info_bg.jpg') 50% no-repeat;}
.info .txt{padding-top:52px;line-height:26px;}

.process{padding-bottom:64px;}
.process h3{margin-top:52px;line-height:30px;}
.process ol li{margin-top:38px;list-style:decimal;list-style-position:inside;font:15px/26px 'NGB';color:#000;}
.process ol li:first-child{margin:0;}
.process ol li p{margin-top:7px;font-size:13px;font-family:'NG';color:#555;}

.acs{padding-bottom:64px;background:#ededed;}
.acs h3{margin-bottom:13px;font-size:15px;}
.acs h2 + h3{margin-top:38px;}
.acs p{margin-top:26px;line-height:26px;}
.acs h3 + p{margin-top:0;}

/* ////////// program ////////// */
.program_visual{background:url('/images/service/program_visual.jpg') 50% no-repeat;}

.pickup, .guarantee{background:#ededed;}
.pickup .point_txt + .cont_txt{margin-top:36px;}

.accident{height:1052px;background:url('/images/service/accident_bg.jpg') 50% no-repeat;}

/* ////////// genuine ////////// */
.genuine_visual{background:url('/images/service/genuine_visual.jpg') 50% no-repeat;}
.genuine{padding-bottom:190px;}
.genuine .btn_red{margin-top:43px;}

/* ////////// care ////////// */
.care_visual{background:url('/images/service/care_visual.jpg') 50% no-repeat;}
.care{padding-bottom:115px;}
.care .dot_list{padding-bottom:25px;}

/* ////////// wage ////////// */
.wage_visual{background:url('/images/service/wage_visual.jpg') 50% no-repeat;}
.wage{padding-bottom:200px;}
.wage h4{margin-top:68px;padding-left:14px;font-size:15px;font-weight:400;color:#000;}
.wage h3 + h4{margin-top:0;}
.unit{margin-bottom:5px;text-align:right;}

table.tbl{border:1px solid #e2e2e2;}
table.tbl thead th{border-left:1px solid #e2e2e2;background:#f4f4f4;font-weight:400;}
table.tbl thead tr.bg th{background:#efefef;border-top:1px solid #e2e2e2;}
table.tbl tbody th{padding:0;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align:center;}
table.tbl tbody th.item{padding-left:42px;text-align:left;}
table.tbl tbody th.item2{padding-left:112px;text-align:left;}
table.tbl tbody th.item3{padding-left:15px;text-align:left;}
table.tbl tbody td{border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}

/* ////////// estimate, test, brochure ////////// */
.estimate_visual{background:url('/images/service/estimate_visual.jpg') 50% no-repeat;}
.inquiry{padding-bottom:200px;}
.inquiry h3{margin:48px 0 30px;}
.inquiry h2 + h3{margin-top:58px;}
.agree_box .scr{overflow:auto;padding:30px 40px;height:120px;border:1px solid #dadada;font-size:13px;line-height:30px;}
.agree_box .chk{padding:15px 0 17px;border-bottom:1px solid #ccc;text-align:right;  }
.agree_box .chk *{display:inline-block;vertical-align:middle;}
.agree_box .chk input{margin:1px 5px 0 20px;}
.agree_box .sb--text{
    display: block;
    width:100%;
    text-align: center;
    padding:15px 0px;
    font-size:13px;
    line-height:27px;
}
.all {color: #bb0a30; font-size:13px;}

.agree_box .chk label{
    font-size:13px;
    cursor: pointer;
}

.agree_box .chk.all label,
.agree_box .chk.all{
    display: flex;
    align-items: center;
}

.test_visual{background:url('/images/service/test_visual.jpg') 50% no-repeat;}
.brochure_visual{background:url('/images/service/brochure_visual.jpg') 50% no-repeat;}

.inquiry tr{
    background-color: transparent;
}

.inquiry .tbl_inquiry{margin-top:-1px;}
.tbl_inquiry{border:1px solid #ccc;border-top:none;}

.tbl_inquiry th {
    padding-left: 33px;
    border-top: 1px solid #ccc;
    background: #f4f4f4;
    font-weight: 400;
    text-align: left;
    color: #000;
    font-size: 13px;
    vertical-align: middle;
}
.tbl_inquiry td{padding:15px 40px;border-top:1px solid #ccc; font-size:13px;}
.tbl_inquiry td input,
.tbl_inquiry td select,
.tbl_inquiry td label{display:inline-block;vertical-align:middle;}
.tbl_inquiry td p{margin-top:10px;}

.tbl_inquiry td input[type=text] {
    padding-left: 8px;
    height: 42px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #555;
    vertical-align: top;
}

.tbl_inquiry td select {
    margin-right: 7px;
    /*height: 30px;*/
    border: 1px solid #ccc;
}
.tbl_inquiry td textarea{padding:5px 0 0 8px;border:1px solid #ccc;line-height:20px;}
.tbl_inquiry td input[type=radio]{margin:1px 5px 0 0;}
.tbl_inquiry td label{margin-right:30px;}

.tbl_inquiry td .zip_code {
    display: inline-flex;
    margin-left: 7px;
    padding: 0 26px;
    height: 42px;
    border: 1px solid #000;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

/* ////////// catalog ////////// */
.catalog_visual{background:url('/images/service/catalog_visual.jpg') 50% no-repeat;}
.catalog{padding-bottom:200px;}

.catalog_list{overflow:hidden;}
.catalog_list ul{overflow:hidden;margin:-5px 0 0 -54px;}
.catalog_list li{float:left;padding:70px 0 0 54px;width:364px;}
.catalog_list li .thumb{display:block;width:362px;height:398px;border:1px solid #e0e0e0;background:#f3f3f3 url('/images/service/bg_none.gif') 50% no-repeat;}
.catalog_list li .thumb img{width:362px;height:398px;}
.catalog_list li .name{display:block;height:64px;border-bottom:1px solid #e0e0e0;font:18px/64px 'Audi';text-align:center;}
.catalog_list li .btn{display:block;margin-top:20px;text-align:center;}
.catalog_list li .btn a{display:inline-block;padding:0 40px;height:40px;background:#bb0a30;font-size:18px;line-height:40px;color:#fff;}

/* ///// financial ///// */
.financial_visual{background:url('/images/service/financial_visual.jpg') 50% no-repeat;}
.financial{padding-bottom:200px;}
.financial .special{padding-left:695px;min-height:302px;background:url('/images/service/bg_financial_special.jpg') no-repeat;}
.financial .special li{margin-top:25px;font-size:16px;list-style:decimal;list-style-position:inside;}
.financial .special li em{color:#000;}
.financial .special li span{display:block;margin-top:5px;padding-left:30px;font-size:13px;line-height:23px;}
.financial h2.ty2{font:25px 'NG';}
.financial h2.ty2 + h3{margin:15px 0 0;}
.financial .fl{padding-top:33px;width:607px;}
.financial table{border:1px solid #d5d5d5;border-top:1px solid #000;}
.financial table thead th{height:39px;background:#f7f7f7;font-weight:normal;color:#555;}
.financial table tbody th,
.financial table td{height:39px;border-top:1px solid #d5d5d5;}
.financial table tbody th{padding-left:25px;line-height:20px;}
.financial table tbody tr:nth-child(14) th{height:79px;}
.financial table td{border-left:1px solid #d5d5d5;}
.financial .fr{width:517px;}
.financial .fr .ko_tit{margin-bottom:35px;padding-bottom:14px;border-bottom:1px solid #000;font-size:18px;color:#000;text-align:center;}

/* ///// warranty ///// */
.warranty_visual{background:url('/images/service/warranty_visual.jpg') 50% no-repeat;}
.warranty .cont{overflow:hidden;}
.warranty .cont .visual{float:left;width:50%;height:100%;margin-left:-176px;}
.warranty .cont .text{float:left;width:50%;height:100%;}

.warranty .cont1{height:552px;background:#8e8f90;}
.warranty .cont1 .visual{background:url('/images/service/warranty_img01.jpg') right 0 no-repeat;}
.warranty .cont1 .text{padding-left:70px;width:706px;color:#fff;}
.warranty .cont1 .text h2{padding-top:70px;color:#fff;}
.warranty .cont1 .text dt{margin:60px 0 25px;font:23px 'NGB';}
.warranty .cont1 .text dd{margin-top:12px;padding-left:10px;background:url('/images/service/ic_wh_dot.png') 0 4px no-repeat;font-size:15px;}

.warranty .cont2{height:478px;}
.warranty .cont2 .visual{float:right;background:url('/images/service/warranty_img02.jpg') 48px 0 no-repeat;}
.warranty .cont2 .text{float:right;margin-right:176px;width:600px;}
.warranty .cont2 .text h2{padding-top:100px;font:35px 'NGB';}
.warranty .cont2 .text p{margin-top:30px;font-size:15px;line-height:26px;}

.warranty .cont3{margin-bottom:45px;height:552px;background:#3d3e3f;}
.warranty .cont3 .visual{background:url('/images/service/warranty_img03.jpg') right 0 no-repeat;}
.warranty .cont3 .text{padding-left:65px;width:711px;color:#fff;}
.warranty .cont3 .text h2{padding:85px 0 10px;font:35px 'NGB';color:#fff;}
.warranty .cont3 .text p{margin-top:30px;font-size:15px;line-height:26px;}

.warranty h2.ko{font:35px 'NGB' !important;}

.qna{margin:35px 0 30px;border-bottom:1px solid #dfdfdf;}
.qna .q{padding:30px 0 30px 80px;border-top:1px solid #dfdfdf;background:#f0f0f0 url('/images/service/ic_q.gif') 20px 50% no-repeat;font-size:15px;color:#000;}
.qna .q span{cursor:pointer;}
.qna .a{display:none;padding:40px 0 40px 110px;border-top:1px solid #dfdfdf;background:url('/images/service/ic_a.gif') 50px 30px no-repeat;font-size:13px;line-height:20px;color:#555;}



.ko_tit.ty2{
    font-size: 3rem;
    line-height: 4.2rem;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: AudiTypeWide,sans-serif;
}


.inquiry .btn_wrap{margin-top:50px;text-align:right;}
.inquiry .btn_wrap2{margin-top:50px;text-align:center;}
.inquiry .btn_wrap a{margin-left:5px;}
.inquiry .btn_red{display:inline-block;padding:0 46px;height:58px;border:1px solid #bb0a30;font-size:18px;color:#bb0a30;line-height:56px;text-align:center;}
.inquiry .btn_blk{display:inline-block;padding:0 46px;height:58px;border:1px solid #000;font-size:18px;color:#000;line-height:56px;text-align:center;}




.visit__loc{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media(max-width:820px){
    .visit__loc{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .visit__loc > div{
        margin:5px 0px;
    }
}

@media(max-width:720px){
    .tbl_inquiry td,
    .tbl_inquiry th{
        display: block;
        padding-right:15px;
        padding-left:15px;
    }
    .tbl_inquiry th{
        height:45px;
        line-height: 45px;
        vertical-align: middle;
    }
}

@media(max-width:450px){
    select,
    input,
    textarea{
        max-width:100%!important;
    }

    .inquiry .btn_wrap{
        display: flex;
    }
    .inquiry .btn_wrap a{
        width:50%;
        box-sizing: border-box;
    }
}