@charset "utf-8";

/* ////////// common ////////// */
.sub{padding-bottom:200px;}
.blind{display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}

/* ////////// selectbox ////////// */
.sbHolder{position: relative;display:inline-block;height:33px;width:148px;/*background:#19191d;*/background:url('/images/company/bg_select.png');border:solid 1px #fff;}
.sbSelector{overflow:hidden;position:absolute;display:block;top:0;left:0;width:148px;height:33px;outline:none;color:#fff;text-indent:15px;line-height:33px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{outline:none;text-decoration:none;}
.sbToggle{display:block;position:absolute;top:0;right:0;width:30px;outline:none;height:30px;background: url('/images/company/bg_select_arr.png') right 0 no-repeat;}
.sbOptions{overflow-y:auto;position:absolute;top:34px;left:-1px;z-index:1;margin:0;padding:0;width:100%;border:solid 1px #fff;/*background:#19191d;*/background:url('/images/company/bg_select.png');}
.sbOptions li{text-indent:15px;}
.sbOptions a{display:block;padding:7px 0 7px 3px;border-bottom:dotted 1px #515151;outline:none;}
.sbOptions a:link, .sbOptions a:visited{color:#fff;text-decoration:none;}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{background:#cc0033;color:#fff;}
.sbOptions li.last a{border-bottom:none;}
.sbOptions .sbDisabled{display: block;padding:7px 0 7px 3px;border-bottom:dotted 1px #515151;color:#999;}
.sbOptions .sbGroup{display:block;padding:7px 0 7px 3px;border-bottom:dotted 1px #515151;font-weight:bold;color:#EBB52D;}
.sbOptions .sbSub{padding-left:17px;}


/* ////////// about, ceo ////////// */
.about_visual{background:url('/images/company/about_visual.jpg') 50% no-repeat;}
.ceo_visual{background:url('/images/company/ceo_visual.jpg') 50% no-repeat;}
.about h2 + .point_txt2,
.ceo h2 + .point_txt2{margin:52px 0 37px;}
.about .cont_txt,
.ceo .cont_txt{margin-top:25px;letter-spacing:-.01em;}

.ceo .inner{padding-bottom:60px;background:url('/images/company/ceo_img.jpg') 916px bottom no-repeat;}
.ceo .sign{margin-top:80px;padding-right:305px;text-align:right;}
.ceo .sign em{font-size:23px;}


/* ////////// history ////////// */
.history_visual{background:url('/images/company/history_visual.jpg') 50% no-repeat;}
.history h3{margin-top:57px;font-family:'AudiB'}
.history_list li{padding-left:55px;font-size:15px;line-height:30px;text-indent:-55px;}


/* ////////// award ////////// */
.award_visual{background:url('/images/company/award_visual.jpg') 50% no-repeat;}
.award_list{overflow:hidden;}
.award_list ul{overflow:hidden;margin:-11px 0 0 -120px;}
.award_list li{float:left;margin-top:70px;padding-left:120px;width:540px;}
.award_list li img{width:540px;height:290px;}
.award_list li .txt{display:block;padding:22px 0 23px 15px;background:url('/images/company/bg_arr.png') 0 22px no-repeat;border-bottom:1px solid #ccc;font-size:15px;color:#000;}

/* ////////// showroom ////////// */
.sr_visual .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.sr_visual img{width:100%;height:100%;}
.sr_visual .select{position:absolute;top:30px;left:50%;z-index:200;margin-left:445px; background-color: #fff;}
.sr_visual .select_deco dt{padding-left:15px;width:130px;}
.sr_visual .select_deco dd{width:145px;}
.sr_visual .select_deco dd li{padding-left:15px;}
.sr_visual .swiper-button-next,
.sr_visual .swiper-button-prev{margin-top:-72px;bottom:16px;width:55px;height:143px;}
.sr_visual .swiper-button-prev{left:70px;background:url('/images/company/bg_visual_prev.png') no-repeat;}
.sr_visual .swiper-button-next{right:70px;background:url('/images/company/bg_visual_next.png') no-repeat;}

.showroom{overflow:hidden;display:flex;}
.showroom .fl{float:left;width:50%;}
.showroom .fr{float:right;width:50%;background:#cc0033;}
.showroom .fr .cont{padding:0 0 64px 100px;color:#fff;}
.showroom .fr .cont h2{margin-bottom:30px;font:18px 'NGB';color:#fff; padding-top:57px!important;}
.showroom .fr .cont .cont_txt{margin-top:16px;font-size:12px;line-height:20px;}
.showroom .fr .cont dl{margin-top:37px;}
.showroom .fr .cont dt{margin-bottom:3px;font:20px 'Audi';color:#000;}
.showroom .fr .cont dd{margin-bottom:12px;line-height:20px;}
.showroom .fr .cont dd.tel{margin-top:-5px;font:20px 'AudiB';}

.root_daum_roughmap{border:none !important;padding:0 !important;}
.root_daum_roughmap .wrap_controllers{display:none !important;}

.btn_sales {font:15px 'AudiB'; margin-top:30px }
.btn_sales a {border:1px solid #FFF; padding:10px; width:150px;}
.btn_sales a:hover {border:none; padding:10px; width:150px; background: #000; color:#fff;}

.btn_service {font:15px 'NG'; margin-top:30px }
.btn_service a {border:1px solid #FFF; padding:10px; width:150px;}
.btn_service a:hover {border:none; padding:10px; width:150px; background: #000; color:#fff;}


/* ////////// career ////////// */
.career_visual{background:url('/images/company/career_visual.jpg') 50% no-repeat;}
.career{padding-bottom:200px;}
.career_section{padding:0 0 41px 32px;border-bottom:1px solid #ccc;}
.career_section ol li{list-style:decimal;list-style-position:inside;line-height:30px;}
.career_section .cont_txt{margin-top:30px;line-height:30px;}
.career_section dl{margin-top:9px;line-height:30px;}
.career_section dt{font-family:'NGB';}


/* ////////// event ////////// */
.event_visual{background:url('/images/company/event_visual.jpg') 50% no-repeat;}
.event_list{overflow:hidden;}
.event_list ul{overflow:hidden;}
.event_list li{float:left;margin-top:70px;padding-right:48px;width:360px;}
.event_list li:nth-of-type(3n){
    padding-right:0px;
}
.event_list li a{display:block;}
.event_list li img{display:block;width:358px;height:228px;border:1px solid #ccc;}
.event_list li .txt{display:block;padding:42px 0 22px;border-bottom:1px solid #ccc;font-size:15px;font-family:'NGB';color:#000;}

.event_view{padding-top:59px; font-size:16px;}
.event_view dt{position:relative;height:59px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font:15px/57px 'NGB';color:#000;}
.event_view dt:nth-child(2) {border-top:none}
.event_view dt .date{position:absolute;top:50%;right:0;margin-top:-29px;}

.event_view dd {
    padding: 70px 0;
    border-bottom: 1px solid #ccc;
    line-height: 18px;
    text-align: center;

}
.event_view dd img{
    max-width:100%;
    margin:0 auto;
}


    /* ////////// news ////////// */
.news_visual{background:url('/images/company/news_visual.jpg') 50% no-repeat;}
.news{padding-bottom:200px;}
table.tbl_news{margin-top:59px;}
table.tbl_news thead th{height:67px;border-top:2px solid #000;border-bottom:1px solid #ccc;font-size:15px;font-family:'NGB';text-align:center;}
table.tbl_news td{height:59px;border-bottom:1px solid #ccc;text-align:center;}
table.tbl_news td.subject{padding-left:40px;text-align:left;}

.news_view{padding-top:59px;}

.news_view dt {
    position: relative;
    height: 59px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    font-size:15px;
    line-height: 59px;
    color: #000;
    text-indent:10px;
}

.news_view dt:nth-child(2) {
    border-top: none
}

.news_view dt:nth-child(3) {
    border-top: none
}

.news_view dt .date {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -29px;
}

.news_view dt .hit {
    padding-left: 30px
}

.news_view dd {
    padding: 70px 10px;
    border-bottom: 1px solid #ccc;
    font-size:14px;
    line-height: 26px;
}
.news_view dd img{display:block;margin-bottom:40px;}
.btn_wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top:25px;
}
.btn_wrap a{margin-left:5px;}
.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;}

.ir_visual{background:url('/images/company/ir_visual.jpg') 50% no-repeat;}


/* ////////// sales ////////// */
.sales_visual .inner {
    position: relative;
    height: 100%;
    width:100%;
    max-width:1200px;
}
.sales_visual,
.sales_visual h2{color:#fff;}
.sales_visual h2{/*padding-top:108px;*/padding-top:60px;}
.sales_visual p.txt{padding-top:32px;/*height:370px;*/height:190px;line-height:26px;}
.sales_visual .manager{font:18px 'NGB'}
.sales_visual .select{position:absolute;bottom:50px;right:0;}
.sales_list_visual {background:url('/images/company/sales_list_visual.jpg') 50% no-repeat;}
.bg{background:url('/images/company/sales_visual.jpg') 50% no-repeat;}
.bg01{background:url('/images/company/sales_visual01.jpg') 50% no-repeat;}
.bg02{background:url('/images/company/sales_visual48.jpg') 50% no-repeat;}
.bg03{background:url('/images/company/sales_visual03.jpg') 50% no-repeat;}
.bg04{background:url('/images/company/sales_visual04.jpg') 50% no-repeat;}
.bg05{background:url('/images/company/sales_visual05.jpg') 50% no-repeat;}
.bg06{background:url('/images/company/sales_visual11.jpg') 50% no-repeat;}
.bg07{background:url('/images/company/sales_visual07.jpg') 50% no-repeat;}
.bg08{background:url('/images/company/sales_visual08.jpg') 50% no-repeat;}
.bg09{background:url('/images/company/sales_visual06.jpg') 50% no-repeat;}
.bg10{background:url('/images/company/sales_visual10.jpg') 50% no-repeat;}
.bg11{background:url('/images/company/sales_visual11.jpg') 50% no-repeat;}
.bg12{background:url('/images/company/sales_visual12.jpg') 50% no-repeat;}
.bg13{background:url('/images/company/sales_visual47.jpg') 50% no-repeat;}
.bg14{background:url('/images/company/sales_visual02.jpg') 50% no-repeat;}
.bg15{background:url('/images/company/sales_visual50.jpg') 50% no-repeat;}

.sales h3{margin:68px 0 29px;}
.sales h3:first-child{margin-top:78px;}


.sales .inner{
    max-width:1200px;
    width:100%;
}




.sales_list {
    /*overflow:hidden;border-top:1px solid #ccc;*/
    border-left: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.sales_list:after{content:'';display:block;clear:both;}

.sales_list li {
    position: relative;
    /*float: left;*/
    margin: -1px 0 0 -1px;
    padding-top: 25px;
    width: 33.2%;
    height: 380px;
    background: #f8f8f9 url('/images/company/bg_none.gif') 50% no-repeat;
    border: 1px solid #ccc;
    text-align: center;
}
.sales_list .flag{overflow:hidden;position:absolute;top:-9px;left:0; width:100%;text-align:left;}
.sales_list .flag img{width:auto;height:auto;}
/*.sales_list li .flag.ty2 span{float:left;padding-left:13px; padding-top:10px}
.sales_list li .flag.ty2 span:nth-child(2){float:right; padding-right:13px}*/
.sales_list li:nth-child(1),
.sales_list li:nth-child(2),
.sales_list li:nth-child(3){margin-top:0;}
.sales_list li .thumb{display:inline-block;border:1px solid #ccc;}
.sales_list li img{width:172px;height:212px;}
.sales_list li .name{display:block;margin-top:17px;font-size:15px;line-height:30px;color:#000;}

.btn_sales_estimate { margin-top:10px}
.btn_sales_estimate a { background:#bb0a30; padding:5px 10px; font-size:12px; width:180px; color:#FFF;}

/* ////////// showroom list ////////// */
.showroom_list_visual {background:url('/images/company/showroom_list_visual.jpg') 50% no-repeat;}
.showroom_list {width:1200px; margin:0 auto;}
.showroom_list .inner { position:relative; margin-top:70px;}
.showroom_list .inner ul { float:left; margin-bottom:30px}
.showroom_list .inner ul:last-child { margin-bottom:170px}
.showroom_list .inner li { width:275px; border:1px solid #cbcbcb; text-align:center;  float:left; margin-right:30px; height:248px; line-height:248px}
.showroom_list .inner li:last-child { margin-right:0}
.showroom_list .inner li > a { color:#000; font-size:20px; font-weight:bold;font:20px 'AudiB'; line-height:201px}
.showroom_list .inner li.title {  border:none;width:277px; background:url(../images/company/icon_showroom.png) 50% 0 no-repeat; color:#FFF; font:20px 'AudiB'; text-align:center; height:250px;}
.showroom_list .inner li.title2 {  border:none;width:277px; background:url(../images/company/icon_sales.png) 50% 0 no-repeat; color:#FFF; font:20px 'AudiB'; text-align:center; height:250px;}
.showroom_list .inner li.title2 em {line-height:303px;}
.showroom_list .inner li.title em {line-height:303px;}

.showroom_list .inner .ov { display:none; position:absolute; top:0; margin-left:-1px;width:217px; height:220px; background:#000; color:#FFF; padding:30px 30px 0 30px}
.showroom_list .inner .ov a{display:block;}
.showroom_list .inner .ov h3 { text-align:left; color:#FFF; font-size:18px; border-bottom:1px solid #696969; background:url(../images/company/bg_audi_logo.gif) 0 0 no-repeat; padding:0 0 15px 70px; margin-top:0}
.showroom_list .inner .ov p { text-align:left; line-height:18px}
.showroom_list .inner .ov p.en {font:15px 'Audi'; margin-bottom:15px}
.showroom_list .inner .ov p.tel {font:13px 'Audi'; margin-top:15px}

.showroom_list .inner li.line2 {line-height:250px}
.showroom_list .inner .line2_ov { top:280px;}
.showroom_list .inner .line3_ov { top:560px;}

.elite_wrap{width:1200px;margin:0 auto;text-align:center;}
.elite_wrap{padding:90px 0 180px 0;}


.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}


@media(max-width:1200px){
    .sales_list{
        box-sizing: border-box;
    }
    .sales_visual .inner{
        box-sizing: border-box;
        padding:0 15px;
    }
    .sales .inner{
        box-sizing: border-box;
        padding:0 15px;
    }

}


@media(max-width:1345px){
    .showroom .fr .cont{
        padding:0 0 64px 50px;
    }
}

@media(max-width:1145px){
    .showroom .fr .cont{
        padding:0 25px 64px 25px;
    }
}

@media(max-width:1024px){
    .showroom{
        flex-direction: column;
    }
    .showroom > div{
        width:100%!important;
    }
    .sales_list li{
        width:calc(50% - 2px);
    }
}


@media(max-width:999px){
    .sr_visual .swiper-button-next,
    .sr_visual .swiper-button-prev {
        width: 25px;
        height: 143px;
        background-position: center;
        background-size: 100%;
    }

    .sr_visual .swiper-button-next{right:35px;}
    .sr_visual .swiper-button-prev{left:35px;}
}


@media(max-width:720px){
    .sales_list li{
        width:calc(100% - 2px);
    }
    .sales_visual{
        background-position: 70% top!important;
        margin-bottom:300px;
    }
    .sales_visual h2{
        font-size:20px;
        position:absolute;
        top:-34px;
        left:15px;
        color:#000;
        padding-top:0px;
    }
    .sales_visual p.txt{
        position: absolute;
        bottom:-230px;
        width:calc(100% - 20px);
        color:#000;
    }
    .sales_visual .select{
        right:20px;
        bottom:20px;
    }

    .sales_visual{
        margin-top:45px;
    }
    .sales_visual .manager{
        position: absolute;
        bottom:-30px;
        left:15px;
        color:#000;
    }

}

@media(max-width:540px){
    .sr_visual .swiper-button-next{right:15px;}
    .sr_visual .swiper-button-prev{left:15px;}


}


@media(max-width:500px){
    .showroom .fr .cont .cont_txt{
        word-break: keep-all;
    }
    .showroom .fr .cont .cont_txt br{
        display: none;
    }

    .sales_visual{
        margin-bottom:350px;
    }
}