/******************************************************************************************************
(주) 인터스코프 : 하기 내용은 저작권법에 의하여 보호받으며 도용시 법적 조치를 받을 수 있습니다.
*******************************************************************************************************/

@charset "utf-8";
@import url("reset.css");
@import url("headline-order.css");
@import url("stage-large.css");
@import url("audi-button.css");
@import url("navigation.css");
@import url("link-m.css");



@font-face {
    font-family: 'AudiType-ExtendedNormal';
    src: url('../fonts/AudiType-ExtendedNormal.eot');
    src: url('../fonts/AudiType-ExtendedNormal.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AudiType-ExtendedNormal.woff2') format('woff2'),
    url('../fonts/AudiType-ExtendedNormal.woff') format('woff'),
    url('../fonts/AudiType-ExtendedNormal.ttf') format('truetype'),
    url('../fonts/AudiType-ExtendedNormal.svg#AudiType-ExtendedNormal') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'AudiType-ExtendedBold';
    src: url('../fonts/AudiType-ExtendedBold.eot');
    src: url('../fonts/AudiType-ExtendedBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AudiType-ExtendedBold.woff2') format('woff2'),
    url('../fonts/AudiType-ExtendedBold.woff') format('woff'),
    url('../fonts/AudiType-ExtendedBold.ttf') format('truetype'),
    url('../fonts/AudiType-ExtendedBold.svg#AudiType-ExtendedBold') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'AudiType-WideBold';
    src: url('../fonts/AudiType-WideBold.eot');
    src: url('../fonts/AudiType-WideBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AudiType-WideBold.woff2') format('woff2'),
    url('../fonts/AudiType-WideBold.woff') format('woff'),
    url('../fonts/AudiType-WideBold.ttf') format('truetype'),
    url('../fonts/AudiType-WideBold.svg#AudiType-ExtendedBold') format('svg');
    font-weight:normal;
    font-style:normal;
}



@font-face {
    font-family: AudiType;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 700;
    src: url("https://assets.audi.com/audi-fonts/1/AudiTypeVF.woff2")
    format("woff2-variations"), url("https://assets.audi.com/audi-fonts/1/AudiType-Bold.woff2")
    format("woff2"), url("https://assets.audi.com/audi-fonts/1/AudiType-Bold.woff")
    format("woff"), url("https://assets.audi.com/audi-fonts/1/AudiType-Bold.ttf")
    format("truetype");
}

@font-face {
    font-family: AudiTypeExtended;
    font-stretch: 130%;
    font-style: normal;
    font-weight: 700;
    src: url("https://assets.audi.com/audi-fonts/1/AudiTypeVF.woff2")
    format("woff2-variations"), url("https://assets.audi.com/audi-fonts/1/AudiType-ExtendedBold.woff2")
    format("woff2"), url("https://assets.audi.com/audi-fonts/1/AudiType-ExtendedBold.woff")
    format("woff"), url("https://assets.audi.com/audi-fonts/1/AudiType-ExtendedBold.ttf")
    format("truetype");
}

/* 아우디 코리아 전용 변수 */
:root {
    /*  color variables */
    --color-black: #000;
    --color-white: #fff;
    --color-green: #090;
    --color-red: #bb0a30;
    --color-progressive-red: #f50537;
    --color-grey-05: #f2f2f2;
    --color-grey-10: #e5e5e5;
    --color-grey-15: #d9d9d9;
    --color-grey-20: #ccc;
    --color-grey-30: #b3b3b3;
    --color-grey-40: #999;
    --color-grey-50: #808080;
    --color-grey-60: #666;
    --color-grey-70: #4c4c4c;
    --color-grey-80: #333;
    --color-grey-90: #1a1a1a;
    /* font-face font-weight */
    --font-weight-bold: 700;
    --font-weight-light: 200;
    --font-weight-normal: 400;
    /* size variables */
    --space-xxs: 3px;
    --space-xs: 6px;
    --space-s: 12px;
    --space-m: 18px;
    --space-l: 24px;
    --space-xl: 30px;
    --space-xxl: 36px;
    --space-xxxl: 42px;
    --space-column: 4%;
    --space-side-margin: 4%;
    /* icon variables */
    --icon-size-small: 24px;
    --icon-size-large: 48px;
    /* timing variables */
    --time-xxs: 30ms;
    --time-xs: 60ms;
    --time-s: 120ms;
    --time-m: 180ms;
    --time-l: 240ms;
    --time-xl: 420ms;
    --time-xxl: 660ms;
    --time-xxxl: 960ms;
    --transition-ease-in: cubic-bezier(.69, .01, .83, .56);
    --transition-ease-out: cubic-bezier(.21, .55, .43, 1);
    --transition-ease-in-out: cubic-bezier(.75, .02, .5, 1);
    /* usage: transition-timing-function: var(--transition-ease-in); */
}

@media all and (min-width: 768px) and (max-width: 1023px) {  :root {--space-xxxl: 48px;}  }
@media all and (min-width: 1024px) and (max-width: 1439px) {  :root {--space-xxl: 42px;--space-xxxl: 60px;}  }
@media all and (min-width: 1440px) and (max-width: 1919px) {  :root {--space-xl: 36px;--space-xxl: 54px;--space-xxxl: 78px;--space-side-margin: 12%;}  }
@media all and (min-width: 1920px) {  :root {--space-xl: 42px;--space-xxl: 66px;--space-xxxl: 96px;--space-side-margin: 12%;}  }



/** 아우디 코리아 RESET **/
/* global declarations */
html {
    font-size: 62.5%; /* sets the default size to 10px */
    text-size-adjust: 100%;
    touch-action: manipulation;
    font-family: AudiTypeExtended;
}

/* generic, animation and helper styles */
html,
body {
    height: 100%;
    min-width: 0!important;
}

body {
    background: #fff;
}

::selection {
    background: var(--color-progressive-red);
    color: #fff;
}

img::selection {
    background: transparent;
    color: transparent;
}

/* Links */
a {
    color: #000;
    text-decoration: none;
}

/* Table  */
/* for a special table see modules.css */
/*
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

th {
    background: #fff;
    border-right: 2px solid #fff;
    padding: 0 15px 10px;
    text-align: right;
}

tr {
    background: #e7e9ea;
    display: table-row;
}

td {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 10px;
}

tr:last-child td {
    border-bottom: none;
}

tr:active,
tr:focus,
tr:hover {
    background: #e9ebed;
}
*/
strong,
b {
    font-weight: 700;
}



/* sup and sub */
sup,
sub {
    font-size: 10px;
    position: relative;
}

sup {
    top: -5px;
}

sub {
    bottom: -3px;
}

.end__blk{
    padding-bottom:200px;
}

/* clearing */
.clear {
    clear: both;
    font-size: 0;
    height: 0;
}

.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/* prevent event stealing from inline svgs (in links) */
svg {
    pointer-events: none;
}


/** 아우디 코리아 텍스트  **/

.audi-copy-s,
.audi-copy-m {
    font-family: AudiTypeWide, sans-serif;
}

.audi-copy--bold {
    font-weight: var(--font-weight-bold);
}

.audi-copy--inverted {
    color: var(--color-white);
}

.audi-copy-s {
    font-size: 1.3rem;
    line-height: 1.8rem;
}

.audi-copy-m {
    font-size: 1.6rem;
    line-height: 2.4rem;
}


.pos--r{
    position: relative;
}

.pos--a{
    position: absolute;
}


.mt--10{margin-top:10px!important;}
.mt--20{margin-top:20px!important;}
.mt--30{margin-top:30px!important;}
.mt--40{margin-top:40px!important;}
.mt--50{margin-top:50px!important;}



/*************************************************************************************************************************
* 고진 모터스 css : s
 */

/* header */
.header__wrap{
    width:100%;
    max-height: 72px;
    position: relative;
    z-index: 9;
}

.header__wrap .header__slider{
    background-color:#000;
    display: block;
    height: 2px;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 46px;
    transition: left 240ms cubic-bezier(0.75, 0.02, 0.5, 1) 0s, width 240ms cubic-bezier(0.75, 0.02, 0.5, 1) 0s, opacity 240ms ease 0s;
    width: 0px;
    z-index: 3;
}
.header__wrap .header__mask{
    display: none;
    background-color: #000;
    inset: 0px;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    opacity: 0.65;
    position: fixed;
    z-index: 1;
}


.header__wrap.on .header__mask{
    display: block!important;
}


.header__wrap .header__content{
    display: flex;
    height:72px;
    max-height: 72px;
    align-items: center;
    padding:0px 87.5px;
    box-sizing: border-box;
    background: #fff;
    width:100%;
    position: relative;
    z-index: 2;
}


.header__wrap .header__content nav{
    width:calc(100% - 271px);
}
.header__wrap .header__content nav ul{
    display: flex;
    align-items: center;
}
.header__wrap .header__content nav ul  li{
    margin-right:24px;
}
.header__wrap .header__content nav ul  li > a{
    font-family: 'AudiType',sans-serif;
    font-size:16px!important;
    color:#666!important;
    text-decoration: none;
}



.header__wrap .header__content nav ul  li > a:hover{
    color:#000!important;
}

.header__wrap .header__content nav ul  li > div{
    position: absolute;
    top:72px;
    width:100%;
    z-index: 9;
    left:0px;
    background:#fff;
    padding-left:290px;
    box-sizing: border-box;
    opacity: 0;
    transform: scaleY(0);
    transition: max-height 420ms cubic-bezier(0.75, 0.02, 0.5, 1) 0s, opacity 180ms cubic-bezier(0.75, 0.02, 0.5, 1) 300ms;
}
.header__wrap .header__content nav ul  li > div ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width:700px;
    width:100%;
}
.header__wrap .header__content nav ul  li > div ul li{
    margin-bottom:24px;
    max-width:320px;
    width:100%;
}

.header__wrap .header__content nav ul  li.on > div{
    display: block;
    padding-top:52px;
    min-height:320px;
    padding-bottom:52px;
    opacity: 1;
    transform: scaleY(1);
    transition: max-height 420ms cubic-bezier(0.75, 0.02, 0.5, 1) 0s, opacity 180ms cubic-bezier(0.75, 0.02, 0.5, 1) 300ms;
}

.header__wrap .header__content .logo{
    margin-right:44px;
}



/************************************************
* 메인
 */

.main--car--section{
    display: flex;
    overflow: hidden;
    position: relative;
    padding: 96px 4%;
    padding-left: 12%;
    padding-right: 12%;
    width: 76%;
}

.main--car--section.resverse{
    flex-direction:row-reverse;
}

@media(max-width:1080px){
    .main--car--section.resverse{
        flex-direction: column;
    }
}


.main--car--section.ty2{
    background-color: #000;
}


.main--car--section h2{
    font-weight: 700;
    margin-bottom: 18px;
    max-width: 100%;
    font-family: AudiTypeExtended,sans-serif;
    font-size: 4.2rem;
    line-height: 6.6rem;
}
.main--car--section > div{
    width:50%;
}
.main--car--section .text--section{
    width: calc(50% - 132px);
    padding: 24px 66px 66px;
    padding-top:66px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.main--car--section .pic--section{
    margin: 0 auto;
    min-height: 0;
    pointer-events: none;
    position: relative;
    padding-bottom:50%;
}

.main--car--section .pic--section img{
    height: auto;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}


.main--car--section p{
    max-width: 100%;
    margin-bottom:24px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: AudiTypeWide,sans-serif;
}

.main--car--section .audi--button{
    align-items: center;
    border: 1px solid #000;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: AudiTypeWide,sans-serif;
    font-weight: 400;
    justify-content: center;
    overflow: hidden;
    padding: 15px 30px;
    position: relative;
    text-decoration: none;
    background-color: transparent;
    color: #000;
    font-size: 1.6rem;
    line-height: 2.4rem;
    max-width: 100%;
}
.main--car--section .audi--button:hover{
    opacity: .7;
}

.main--car--section .audi--button .button--text{
    display:block;
    text-align:center;
    font: inherit;
    font-size: 100%;
}

.main--car--section .audi--button.black{
    background: #000!important;
    color:#fff;
}


.main--car--section .text--section.ty2 a,
.main--car--section .text--section.ty2 p,
.main--car--section .text--section.ty2 h2{
    color:#fff;
}

.main--car--section .text--section.ty2 a{
    border-color:#fff;
}

.main--car--section .text--section.ty3 h2{
    font-size: 35px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #000000;
}

.main--car--section .text--section.ty4{
    text-align:center;
    align-items:center;
}
.main--car--section .text--section.ty4 h3{
    font-size:20px;
    font-weight:600;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
}
.main--car--section .text--section.ty4 h4{
    font-size:30px;
    font-weight:600;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    margin-top:15px;
    margin-bottom:5px;
}
.main--car--section .text--section.ty4 h5{
    font-size:30px;
    font-weight:600;
    line-height: 100%;
    color: #ba0a30;
    margin-bottom:25px;
    justify-content: center;
}
.main--car--section .text--section.ty4 p{}



/******************************
* 푸터 사이트맵
 */
footer{
    padding: 24px 87.5px 68px;
    width: 100%;
    box-sizing: border-box;
    background:#000;
}
footer .sitemap--wrapper{
    width: 100%;
    box-sizing: border-box;
}
footer .sitemap--wrap{
    width:100%;
    padding-bottom:68px;
}
footer .sitemap--wrap > ul{
    width:100%;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
}
footer .sitemap--wrap > ul > li{
    width: calc(100% / 6);
}
footer .sitemap--wrap > ul > li:last-child{

}
@media(min-width:1200px){
    footer .sitemap--wrap > ul > li:nth-of-type(4n){
        width:calc( (100% / 4) - 160px);
    }
}


@media(max-width:1500px){
    footer .sitemap--wrap > ul{
        flex-wrap: wrap!important;
    }
}

@media(max-width:720px){
    footer .sitemap--wrap > ul > li:last-child{
        width: 100%;
    }
}

footer .sitemap--wrap > ul > li > div:nth-of-type(1){
    margin-top:68px;
    margin-bottom:44px;
}
footer .sitemap--wrap > ul > li > div:nth-of-type(1) a{
    font-family: AudiTypeExtended, sans-serif;
    font-size:19px;
    font-weight: 400;
    font-stretch:130%;
    line-height: 32px;
    text-decoration: none;
    color:#fff;
}
footer .sitemap--wrap > ul > li > div:nth-of-type(1) a svg{
    display: none;
}

footer .sitemap--wrap > ul > li > div:nth-of-type(2) ul li{
    padding-bottom:12px;
}
footer .sitemap--wrap > ul > li > div:nth-of-type(2) ul li:last-child{
    padding-bottom:0px;
}
footer .sitemap--wrap > ul > li > div:nth-of-type(2) ul li a{
    color:#fff;
    font-family: 'AudiType, sans-serif';
    font-stretch: 105%;
    font-size:12px;
    cursor: pointer;
    line-height:20px;
    text-decoration: none;
}


footer .top--btn--wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
footer .top--btn--wrap .top--btn{}
footer .top--btn--wrap .top--btn a{
    text-decoration: none;
    align-items: center;
    display: inline-flex;
    color:#fff;
}
footer .top--btn--wrap .top--btn a span{
    font-family: 'AudiType, sans-serif';
    font-size:12px;
    line-height: 20px;
    font-stretch: 105%;
    color:#fff;
    margin-right:12px;
}
footer .top--btn--wrap .top--btn a svg{
    transform: rotate(180deg);
}


footer .copy--right--wrap{
    width:100%;
    background-color: #000;
    border-top: 1px solid rgb(51, 51, 51);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top:24px;
}

footer .copy--right--wrap > span{
    font-family:AudiType, sans-serif;
    color:#fff;
    font-size:12px;
    font-stretch: 105%;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    margin-right:68px;
    margin-inline-end: 68px;
    margin-block-end: 16px;
    margin-bottom:16px;
}
footer .copy--right--wrap > div ul{
    display: inline-flex;
    flex-flow: row wrap;
    list-style: none;
    margin:0px;
    padding: 0px;
}
footer .copy--right--wrap > div ul li{
    padding-right:24px;
}
footer .copy--right--wrap > div ul li:last-child{
    padding-right:0px;
}
footer .copy--right--wrap > div ul li a{
    font-family:AudiType, sans-serif;
    color:#fff;
    font-size:12px;
    font-stretch: 105%;
    text-decoration: none;
}

/** 소셜 미디어 **/
footer .social--media--wrap{
    width:100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom:12px;
}
footer .social--media--wrap > ul > li{
    display: inline-block;
}
footer .social--media--wrap > ul > li a {
    display: inline-block;
    cursor: pointer;
    font-family:AudiType, sans-serif;
    font-size:12px;
    font-stretch:105%;
    line-height:20px;
    text-decoration: none;
    color:#fff;
}
footer .social--media--wrap > ul > li a span{
    border: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}

footer .bottom--caution--caption{
    margin: 0px;
    color: rgb(242, 242, 242);
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-size: 12px;
    font-family:AudiType, sans-serif;
    font-stretch:105%;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    margin-block-start: 24px;
}


/**************************************************
* 메인 소셜 미디어 레이아웃
 */

.nm-module-social-media-stream {
    margin: 0 0 var(--space-xxxl);
    padding: 0 var(--space-column);
    width: calc(100% - (2 * var(--space-column)));
}

.nm-module-social-media-stream .nm-social-media-stream-headline {
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--space-xl);
    width: 100%;
}

.nm-module-social-media-stream .nm-social-media-stream-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.nm-module-social-media-stream .nm-social-media-stream-item {
    background-color: #f2f2f2;
    margin-bottom: var(--space-m);
    width: 100%;
}

.nm-module-social-media-stream .nm-social-media-stream-item:last-child {
    margin-bottom: 0;
}

.nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-item-link-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
}

.nm-module-social-media-stream .nm-social-media-stream-item-headline,
.nm-module-social-media-stream .nm-social-media-stream-item-copy.audi-headline-order-3 {
    font-weight: var(--font-weight-bold);
}

.nm-module-social-media-stream .nm-social-media-stream-image-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}

.nm-module-social-media-stream .nm-social-media-stream-image-container img {
    width: 100%;
}

.nm-module-social-media-stream .nm-social-media-stream-image-container .nm-social-media-stream-image-container-video-overlay {
    background-color: rgba(0, 0, 0, .3);
    height: 0;
    left: 0;
    padding-bottom: 56.25%;
    position: absolute;
    top: 0;
    width: 100%;
}

.nm-module-social-media-stream .nm-social-media-stream-image-container .nm-social-media-stream-image-container-video-overlay .nm-icon-play-large {
    fill: #fff;
    height: 48px;
    margin-left: calc(50% - 24px);
    margin-top: calc(28.125% - 24px);
    width: 48px;
}

.nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-item-headline,
.nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-item-copy,
.nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-date {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - (2 * var(--space-l)));
}

.nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-item-headline,
.nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-item-copy {
    margin-top: var(--space-s);
}

.nm-module-social-media-stream .nm-social-media-stream-item-link-wrapper div:nth-last-child(2) {
    margin-bottom: var(--space-l);
}

.nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-date {
    align-items: center;
    display: flex;
    margin-bottom: var(--space-m);
    margin-top: auto;
}

.nm-module-social-media-stream .nm-social-media-stream-item svg {
    fill: #000;
    height: 48px;
    width: 48px;
}






@media all and (min-width: 480px) {
    .nm-module-social-media-stream .nm-social-media-stream-item {
        margin-bottom: var(--space-xs);
        width: calc((100% - var(--space-xs)) / 2);
    }

    .nm-module-social-media-stream .nm-social-media-stream-item:last-child {
        margin-bottom: 0;
    }
}

@media all and (min-width: 768px) {
    .nm-module-social-media-stream .nm-social-media-stream-item {
        margin-bottom: 0;
        width: calc((100% - (20 * var(--space-xs))) / 3);
        background: transparent;
    }

}
.nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-item-headline{
    margin-top:50px;
}
.nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-item-copy{
    margin-top:30px;
}
.nm-module-social-media-stream .nm-social-media-stream-item div{
    width:100%!important;
}
.nm-module-social-media-stream .nm-social-media-stream-item svg{
    margin-left: -10px;
}
/***************************************************************************************************************************
* COMPANY
 */
.normal__wrap,
.company__wrap{
    width:100%;
    max-width:1400px;
    margin:0 auto;
}

.normal__wrap.ty2{
    max-width:100%;
}

.top--banner--wrap .banner--title--wrap{
    width:100%;
    margin:0 auto;
    max-width:1177.6px;
    position: relative;
    z-index: 1;
}

.top--banner--wrap .banner--title--wrap .banner--title{
    background-color: #fff;
    box-shadow: 0 0 0 5px hsl(0deg 0% 100% / 15%);
    display: inline-block;
    padding: 0 5px;
    z-index: 9;
    position: absolute;
    top:26px;
    left:0px;
    font-weight: 900;
    color:#000;
    font-family:'AudiTypeExtended';
    font-size: 1.8rem;
    line-height: 3rem;
}

.top--banner--wrap .thumb--wrap{
    height:434px;
    background:url(../img/company/about/topban.webp) no-repeat center;
    background-size: cover!important;
}

.top--banner--wrap .thumb--wrap.about{
    height:434px;
    background:url(../img/company/about/visual_company01.jpg) no-repeat center;
    background-size: cover!important;
}

.top--banner--wrap .thumb--wrap.board{
    height:434px;
    background:url(../img/company/board/visual_audi_news.jpg) no-repeat center;
    background-size: cover!important;
}

.top--banner--wrap .thumb--wrap.board.notice{
    height:434px;
    background:url(../img/company/board/visual_audi_notice.jpg) no-repeat center;
    background-size: cover!important;
}

.top--banner--wrap .thumb--wrap.event{
    height:434px;
    background:url(../img/company/visual_event.jpg) no-repeat center;
    background-size: cover!important;
}

.top--banner--wrap .thumb--wrap.recruit{
    height:434px;
    background:url(../img/company/visual_recruit.jpg) no-repeat center;
    background-size: cover!important;
}


.top--banner--wrap .thumb--wrap.sadv{
    height:434px;
    background:url(../img/company/visual_advisor.jpg) no-repeat center;
    background-size: cover!important;
}




.top--banner--wrap .thumb--wrap.car--list--type{
    height:624px;
}

.top--banner--wrap .thumb--wrap .root_daum_roughmap{
    width:100%!important;
}
.top--banner--wrap .thumb--wrap .root_daum_roughmap .wrap_controllers{
    display: none!important;
    height:100%;
}

.company__wrap .top--banner--wrap .nav--wrap{
    height:54px;
    background:#000;
    display: flex;
    align-items: center;
}

.company__wrap .top--banner--wrap .nav--wrap > ul{
    width:100%;
    margin:0 auto;
    max-width:1177.6px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.company__wrap .top--banner--wrap .nav--wrap a{
    color:#fff;
    font-weight: 700;
    font-family: AudiTypeWide,sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.company__wrap .contents--wrap{
    width:100%;
    margin:0 auto;
    max-width:1177.6px;
    padding-top:44px;
    min-height:720px;
}

.company__wrap .contents--wrap h1{
    font-size:4.2rem;
    line-height:6rem;
    font-weight: 700;
    font-family: AudiTypeWide,sans-serif;
}

.normal__wrap h1.m--titlez{
    font-size:4.2rem;
    line-height:6rem;
    font-weight: 700;
    font-family: AudiTypeWide,sans-serif;
}

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

.company__wrap .contents--wrap p{
    font-size: 1.3rem;
    line-height: 1.8rem;
    letter-spacing: -1px!important;
    font-family: AudiTypeWide,sans-serif;
}

.company__wrap .ceo__name{
    /*padding-right: 255px;*/
    text-align: right;
    font-family: AudiTypeWide,sans-serif;
    position: absolute;
    left: -210px;
    top: 329px;
}

.company__wrap .ceo__name em{
    font-size: 23px;
    font-family: AudiTypeWide,sans-serif;
    margin-left:5px;
}

.company__wrap .ceo__pic{
    position: absolute;
    top: 140px;
    right: 0px;
    z-index: 1;
}



/********************************
* 커리어
 */

.career--contents h2{
    margin-top:45px;
}

.career--contents .section--desc--wrap{
    border-bottom:1px solid #ddd;
    padding-bottom:45px;
    padding-left:35px;
}

.recruit--btn--wrap{
    padding:30px 0px 150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.board--list--wrap{
    margin-top:45px;
}

.board--list--wrap table thead th{
    height: 67px!important;
    border-top: 2px solid #000!important;
    border-bottom: 1px solid #ccc!important;
    font-size: 15px!important;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border-right:0px!important;
}

.board--list--wrap table td{
    height: 59px!important;
    border-bottom: 1px solid #ccc!important;
    text-align: center!important;
    padding:0 10px!important;
    font-size:13px!important;
    vertical-align: middle;
    background: #fff;
    border-right:0px!important;
}

.page_no{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:100px;
}

.page_no img{
    margin:0 2px;
}

.page_no a{
    width:31px;
    height:30px;
    display:flex;
    align-items: center;
    justify-content: center;
    border:1px solid #ddd;
    box-sizing: border-box;
    margin:0 2px;
    overflow: hidden;
}
.page_no a.actv{
    color:red!important;
    font-weight: bold;
}

.page_no a.bd__none{
    border:0px!important;
}

.page_no p{
    display:flex;
    align-items: center;
    justify-content: center;
}


.wide__inner__content{
    width:100%;
    background: #fff;
}

/************************************************************
* 퀵메뉴
 */

.quick__menu__wrap{
    position:fixed;
    top:50%;
    transform: translateY(-50%);
    right:0px;
    z-index: 99;
}

.quick__menu__wrap > div .thumb{
    width:50px;
    height:50px;
}
.quick__menu__wrap > div{
    position: relative;
}

.quick__menu__wrap.actv > div:hover > div{
    background-color:#b2b2b2!important;
    cursor: pointer;
}
.quick__menu__wrap.actv > div > div:nth-of-type(2){
    left:-100px;
    background-color: #000;
    color:#fff;
}
.quick__menu__wrap > div > div:nth-of-type(1){
    position: relative;
    z-index: 2;
}
.quick__menu__wrap > div > div:nth-of-type(2){
    position: absolute;
    top:0;
    white-space: nowrap;
    left:10px;
    font-size:14px;
    transition: all .2s ease-in;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width:250px;
    height:50px;
    z-index: 1;
    padding-left:15px;
    cursor: pointer;
}
.quick__menu__wrap .th_01{
    background:url(../img/quick_01.png) no-repeat center;
}
.quick__menu__wrap .th_02{
    background:url(../img/quick_02.png) no-repeat center;
}
.quick__menu__wrap .th_03{
    background:url(../img/quick_03.png) no-repeat center;
}
.quick__menu__wrap .th_04{
    background:url(../img/quick_04.png) no-repeat center;
}
.quick__menu__wrap .th_05{
    background:url(../img/quick_05.png) no-repeat center;
}
.quick__menu__wrap .th_06{
    background:url(../img/quick_06.png) no-repeat center;
}

.quick__menu__wrap .th_07{
    background:url(../img/quick_07.png) no-repeat center;
}


@media(max-width:720px){
    .quick__menu__wrap{
        left:0px;
        top:auto;
        transform: translateY(0);
        bottom:0px;
        width:100%;
        max-width:100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #000;
    }
    .quick__menu__wrap > div{

    }
    .quick__menu__wrap > div > div:nth-of-type(2){
        display: none!important;
    }


    .company__wrap .contents--wrap{
        padding-left:15px;
        padding-right:15px;
        box-sizing: border-box;
    }
}




/**********************************************************
* 서비스 센터 리뉴얼
 */

.service--center--wrap .cont--txt{
    font-size:14px;
    color:#474747;
    font-weight: 400;
    margin-bottom:20px;
}

.service--center--wrap .imt--title{
    font-size:20px!important;
    font-weight: 400;
}

.swiper--contents{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.swiper--contents > div{
    width:50%;
    overflow: hidden;
}

.swiper--contents > div:nth-of-type(1) > h2{
    font-size:20px!important;
    margin-bottom:0px;
    color:#474747!important;
    font-weight: 400;
}
.swiper--contents > div:nth-of-type(1) > p{
    font-size:14px;
    color:#474747!important;
    font-weight: 400;
    margin-bottom:15px;
}

/*.swiper--contents .sv_visual img {
    width: 100%;
    max-width: 100%;
}*/

.swiper--contents .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    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;
}
.swiper--contents .swiper-slide  img {
    display: block;
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
}

@media(max-width:850px){
    .swiper--contents {
        flex-direction: column;
    }
    .swiper--contents > div{
        width:100%;
    }
}


.slick--cp--visual img{
    display: block;
    max-width:100%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*object-fit: cover;*/
}

.slider-nav--w{
    margin-top:10px;
}
.slider-nav--w .slick-slide > div > div{
    box-sizing: border-box;
    padding:0 2px;
}
.slider-nav--w .slick-slide > div > div > img{
    display: block;
    box-sizing: border-box;
    border:2px solid #fff;
}
.slider-nav--w .slick-current.slick-active > div > div > img{
    border:2px solid #000;
}



.bg--none{
    background: none!important;
}



/********************************************
* 위본 모터스 업데이트
 */

.text--section--db{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.text--section--db span{
    display: inline-flex;
}

.text--section--db span:nth-of-type(1){width:200px;}
.text--section--db span:nth-of-type(2){width:calc(100% - 200px)}

/****************
* 세일즈 어드바이저
 */
.best--sales-adviser{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;

    margin: 0 0 var(--space-xxxl);
    padding: 0 var(--space-column);
    width: calc(100% - (2 * var(--space-column)));

    margin-top:140px;
    margin-bottom:240px
}
.best--sales-adviser > div{
    width:calc(100% / 3);
}

.main--board--list--wrap .title--wrapper > h2,
.best--sales-adviser > div > h2{
    font-family: 'AudiType',sans-serif;
    font-weight: bold;
    font-size: 28px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #000000;
}

.best--sales-adviser > div > h2 span{
    font-size:15px;
    margin-left:10px;
    position: relative;
    top:5px;
}

.main--board--list--wrap .title--wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main--board--list--wrap .title--wrapper a{
    font-family: Audi Type;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: right;
    color: #000000;
}




.best--sales-adviser .advisor--info{
    display: flex!important;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top:60px;
}
.best--sales-adviser .advisor--info .thumb{
    width:210px;
    height:270px;
}
.best--sales-adviser .advisor--info .thumb img{
    width:100%;
    max-width:100%;
}
.best--sales-adviser .advisor--info .advisor--info--desc{
    position:relative;
    z-index: 1;
    height: 270px;
    margin-left:70px;
}
.best--sales-adviser .advisor--info .advisor--info--desc > h2{
    font-family: Audi Type;
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom:30px;
}


.best--sales-adviser .advisor--info .advisor--info--desc > p{
    font-family: Audi Type;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em;
    color: #000000;
    padding:0px;
    margin:0px;
    margin-bottom:20px;
}
.best--sales-adviser .advisor--info .advisor--info--desc > a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 53px;
    background: #000000;
    color:#fff;
    font-weight: normal;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: -0.02em;

    position: absolute;
    bottom:0px;
    left:0px;
}

.main--board--list--wrap{
    max-width:393px;
}
.main--board--list--wrap .title--wrapper{
    margin-bottom:60px;
}
.main--board--list--wrap .board--contents{
    max-height: 200px;
    min-height: 200px;
}
.main--board--list--wrap .board--contents li a{
    display: block;
    width:100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;


    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 50px;
    letter-spacing: -0.02em;
    color: #000000;
}
.btn--wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:17px;
}
.btn--wrap a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:calc( (100% - 20px) / 3 );
    height: 53px;

    border: 1px solid rgba(0, 0, 0, 0.5);
    box-sizing: border-box;

    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    /* identical to box height, or 14px */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.02em;

    color: #000000;

}

.plus--logo{
    width:203px;
    height:40px;
    background:url(../img/main/logo_plus.png) no-repeat center;
    margin-bottom:55px;
}


@media(max-width:1600px){
    .best--sales-adviser .advisor--info .advisor--info--desc{
        margin-left:30px;
    }
}

@media(max-width:1350px){
    .best--sales-adviser > div{
        width:50%;
        margin-bottom:100px;
    }
    .best--sales-adviser > div:last-child{
        max-width:100%;
        width:100%;
    }
}

@media(max-width:1090px){
    .best--sales-adviser > div{
        width:100%;
        margin-bottom:100px;
    }
}

@media(max-width:500px){
    .best--sales-adviser .advisor--info{}
    .best--sales-adviser .advisor--info .thumb{
        width:40%;
        height:auto;
    }
    .best--sales-adviser .advisor--info .advisor--info--desc{
        width:60%;
        margin-left:20px!important;
    }
    .best--sales-adviser .advisor--info .advisor--info--desc > p{
        font-size:16px;
        word-break: break-all;
    }
    .best--sales-adviser .advisor--info .advisor--info--desc > a{
        width:100%;
        position: static;
    }


    .text--section--db span:nth-of-type(2),
    .text--section--db span:nth-of-type(1){
        width:auto;
    }
    .text--section--db span:nth-of-type(2){
        margin-left:15px;
    }

    .main--car--section .text--section.ty3 h2,
    .main--car--section h2{
        font-size:2.6rem;
    }
    .main--car--section p{
        margin-bottom:15px;
    }

    .main--car--section .text--section{
        padding-top:0px!important;
    }

    .nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-item-headline,
    .nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-item-copy,
    .nm-module-social-media-stream .nm-social-media-stream-item .nm-social-media-stream-date{
        width: calc(100% - (2 * var(--space-l)))!important;
    }

    .best--sales-adviser{
        margin-top:70px;
        margin-bottom:70px;
    }
    .best--sales-adviser > div > h2{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .best--sales-adviser > div > h2 span{
        display: block;
        width:100%;
        margin-left:0px;
    }
}


.top--banner--wrap.smpmap .thumb--wrap{
    background:url(../img/main/map.jpg) no-repeat center;
    position: relative;
    z-index: 1;
}

.top--banner--wrap.smpmap .thumb--wrap .pop--data{
    position: absolute;
    top:30px;
    right:30px;
    z-index: 9999;
    background: #fff;
    padding:33px 40px;
    height:calc(100% - 60px);
    box-sizing: border-box;
}

.top--banner--wrap.smpmap .thumb--wrap .pop--data .close--pop{
    width:24px;
    height:24px;
    cursor: pointer;
    background: url(../img/main/pop_close.svg) no-repeat center;
    position: absolute;
    top:25px;
    right:25px;
}

.top--banner--wrap.smpmap .thumb--wrap .pop--data h2{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    color: #000000;
    margin-bottom:25px;
}

.top--banner--wrap.smpmap .thumb--wrap .pop--data p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom:25px;
}

.top--banner--wrap.smpmap .thumb--wrap .pop--data div li {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #000000;
}

.top--banner--wrap.smpmap .thumb--wrap .pop--data .pop--contents a{
    width: calc(100% - 80px);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;

    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #000000;
    position: absolute;
    bottom:33px;
}
.showroom--ct--wrap{
    padding-top:80px!important;
}
.showroom--ct--wrap .showroom--contents > h1{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.05em;
    color: #000000;
}

.showroom--ct--wrap .showroom--contents .showroom--view .desc--wrap >p{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 350;
    font-size: 17px;
    line-height: 35px;
    color: #000000;
    margin-top:40px;
}

.shownav--wrap{
    margin-top:10px;
    width: calc(100% + 10px);
}
.shownav{
    width:100%;
}
/*.shownav > div{
    width:25%;
}*/
.shownav > div img{
    width:calc(100% - 10px);
    max-width:100%;
}
.shownav .slick-slide,
.showfor .slick-slide{
    height:auto;
}
.showroom--ct--wrap .showroom--contents .showroom--view{
    margin-bottom:200px;
}
.showroom--ct--wrap .showroom--contents .showroom--view .detail--wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top:110px;
}
.showroom--ct--wrap .showroom--contents .showroom--view .detail--wrap .thumb--swiper{
    max-width:515px;
}

.showroom--ct--wrap .showroom--contents .showroom--view .detail--wrap .detail--content{
    margin-left:110px;
}
.showroom--ct--wrap .showroom--contents .showroom--view .detail--wrap .detail--content li{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 350;
    font-size: 17px;
    line-height: 50px;
    display: flex;
    align-items: center;
    color: #000000;
}
.showroom--ct--wrap .showroom--contents .showroom--view .detail--wrap .detail--content a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width:220px;
    height: 60px;
    background: #000000;

    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 350;
    font-size: 15px;
    line-height: 100%;

    text-align: center;

    color: #FFFFFF;
    margin-top:40px;
}


@media(max-width:1024px){
    .showroom--ct--wrap .showroom--contents .showroom--view .detail--wrap{
        flex-direction: column;
    }
    .showroom--ct--wrap .showroom--contents .showroom--view .detail--wrap .detail--content{
        width:100%;
        margin-left:0px!important;
    }
    .showroom--ct--wrap .showroom--contents .showroom--view .detail--wrap .thumb--swiper{
        max-width:100%;
    }
    .showfor > div img{
        width:100%;
        max-width:100%;
    }
}



/********************************
* 위본모터스 회사소개
 */
.about--contents{}
.about--contents > h1{

}
.about--contents > h2{
    margin-top:45px;
}
.about--contents > h3{
    font-size: 2rem;
    line-height: 4.2rem;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: AudiTypeWide,sans-serif;
}
.about--contents > p{}

.about--contents .ceo--sig--wrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top:45px;
}
.about--contents .ceo--sig--wrap span{
    display: inline-flex;
    height:30px;
    line-height: 30px;
}
.about--contents .ceo--sig--wrap .ceo--title{
    margin-left:20px;
}
.about--contents .ceo--sig--wrap .ceo--name{
    font-weight: bold;
    font-size:16px;
    position: relative;
    top:-2px;
    margin-left:5px;
}

.about--contents .ceo--sig--wrap .sig--img{
    margin-left:25px;
}

.about--contents .company--history{
    margin-top:80px;
    margin-bottom:80px;
}


.about--contents .company--history > h2{
    font-size: 2rem;
    font-weight: 700;
    font-family: AudiTypeWide,sans-serif;
    margin-bottom:0px;
}
.about--contents .company--history table{
    border-top: 2px solid #000!important;
}
.about--contents .company--history table th{
    height: 67px!important;
    border-bottom: 1px solid #ccc!important;
    font-size: 15px!important;
    text-align: center!important;
    vertical-align: middle;
    background: #fff;
    border-right:0px!important;
}

.about--contents .company--history table td{
    height: 59px!important;
    border-bottom: 1px solid #ccc!important;
    text-align: left!important;
    padding:10px!important;
    font-size:13px!important;
    vertical-align: middle;
    background: #fff;
    line-height: 1.7;
    border-right:0px!important;
}



.tabs{
    display: flex;
    width:100%;
    margin-top:45px;
}
.tabs .tab{
    width:100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.tabs .tab:after{
    content:'';
    display: block;
    width:100%;
    height:1px;
    background:#000;
    position: absolute;
    bottom:0px;
    z-index: 2;
}

.tabs .tab a{
    width:calc(50% - 5px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom:0px;
    height:50px;
    border: 1px solid #e7e9ea;
    background: #e7e9ea;
    position: relative;
    z-index: 1;
}
.tabs .tab a.actv{
    border-color:#000;
    background: #fff;
    color: #cc0033;
    border-bottom-color: #fff;
    z-index: 3;
}
.tabs .tab a:hover{
    color: #cc0033;
}


/*********************************
* 이벤트
 */
.event--contents{
    padding-bottom:85px;
}
.event--contents .event--list{
    margin-top:45px;
}
.event--contents .event--list ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.event--contents .event--list ul li{
    margin-right:18px;
    margin-bottom:18px;
}
.event--contents .event--list ul li:nth-of-type(3n+3){
    margin-right:0px;
}

.event--contents .event--list ul li .event_tl{
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 16px;
    color: #212121;
    margin-bottom:10px;
    margin-top:20px;
}

.event_date{
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 12px;
    color: #6c6f75;
}

@media(max-width:1190px){
    .event--contents .event--list{
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    .event--contents .event--list ul li{
        width:calc(50% - 9px);
        margin-right:18px;
        margin-bottom:18px;
    }
    .event--contents .event--list ul li img{
        width:100%;
        max-width:100%;
        height:auto!important;
    }
    .event--contents .event--list ul li:nth-of-type(3n+3){
        width:calc(50% - 18px);
        margin-right:18px;
    }
    .event--contents .event--list ul li:nth-of-type(2n+2){
        margin-right:0px;
    }
}
@media(max-width:720px){
    .event--contents .event--list ul li{
        width:100%!important;
        margin-right:0px;
        margin-bottom:18px;
    }
}


/**********************************
* recruit
 */
.recruit--contents{}
.recruit--contents .inquiry{
    margin-top:45px;
}
.recruit--contents .inquiry .email--box--wrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.recruit--contents .inquiry .btn_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recruit--contents .inquiry .btn_wrap a.ml--0{
    margin-left:0px!important;
}

.recruit--contents .inquiry .btn_wrap a{
    font-size:14px!important;
}



/**************************************
* 세일즈 어드바이저
 */
.sales--adv--list{
    margin-top:45px;
}
.sales--adv--list > ul{
    margin-bottom:35px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width:100%;
}


.sales--adv--list > ul > li{
    width:calc(50% - 12.5px);
    margin-right:25px;
}
.sales--adv--list > ul > li:nth-of-type(2n){
    margin-right:0px;
}
.sales--adv--list > ul > li .postion{
    width:100%;
    background: #e7e9ea;
    height: 60px;
    line-height: 60px;
    font-family: 'AudiType-ExtendedNormal','Nanum Gothic','돋움', Dotum,sans-serif;
    font-size: 18px;
    color: #000;
    text-indent: 20px;
}
.sales--adv--list > ul > li .adv--info{
    padding:15px;
    display: flex;
    justify-content: flex-start;
    border: 1px solid #e8eaeb;
    position: relative;
    margin-top:20px;
}

.sales--adv--list > ul.manager > li .adv--info{
    align-items: flex-end;
}

.sales--adv--list > ul > li .adv--info .thumb{
    max-width:210px;
    width:100%;
    border: 1px solid #e8eaeb;
}
.sales--adv--list > ul > li .adv--info .thumb img{
    width:100%;
}
.sales--adv--list > ul > li .logo{
    position: absolute;
    top:15px;
    right:15px;
    width:90px;
    height:31px;
    background:url(../img/advisor_logo.jpg) no-repeat center;

}
.sales--adv--list > ul > li .auth--mark{
    width:55px;
    height:66px;
    position: absolute;
    top:5px;
    right:5px;
    background:url(../img/auth_mark.png) no-repeat center;
}
.sales--adv--list > ul > li .desc{
    margin-left:15px;
}
.sales--adv--list > ul > li .desc .bs--data h2{
    font-family: 'Nanum Gothic','돋움', Dotum,sans-serif;
    font-size: 12px;
    margin:0px;
    color: #6c6f75;
    line-height: 100%;
    margin-bottom:15px;
}
.sales--adv--list > ul > li .desc .bs--data p{
    font-family: 'Nanum Gothic','돋움', Dotum,sans-serif;
    font-size: 18px;
    color: #000;
    margin:0px;
    font-weight: bold;
}
.sales--adv--list > ul > li .desc .bs--data p span{
    font-family: 'Nanum Gothic','돋움', Dotum,sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #6c6f75;
    margin: 0 0 0 5px;
}

.sales--adv--list > ul.teams > li{
    width:100%;
    margin:0px!important;
}
.sales--adv--list > ul.teams > li > ul{
    display: flex;
    width:100%;
}
.sales--adv--list > ul.teams > li > ul > li{
    width:calc(50% - 12.5px);
    margin-right:25px;
}
.sales--adv--list > ul.teams > li > ul > li:nth-of-type(2n){
    margin-right:0px!important;
}

.sales--adv--list > ul.teams .bs--data{
    padding-top:10px;
}

.sales--adv--list .dt--data{
    margin-top:85px;
}
.sales--adv--list .buy--consulting{
    margin-top:15px;
    display: flex;
    align-items: center;
    justify-content: center;

    padding:10px 15px;
    background: #cc0033;
    color:#fff;
    font-weight: 900;
}

.sales--adv--list .dt--data p{
    margin-bottom:5px;
}
.sales--adv--list .dt--data p a,
.sales--adv--list .dt--data p span{
    color:#000;
    display: inline-flex;
}
.sales--adv--list .dt--data p span:nth-of-type(1){
    color: #6c6f75;
    width:80px;
}


@media(max-width:1130px){
    .sales--adv--list > ul.teams > li > ul,
    .sales--adv--list > ul{
        flex-direction: column;
    }
    .sales--adv--list > ul.teams > li > ul > li,
    .sales--adv--list > ul > li{
        width:100%;
    }
}
@media(max-width:620px){
    .sales--adv--list > ul > li .logo{
        top:25px;
        right:25px;
    }
    .sales--adv--list > ul > li .desc{
        margin-left:0px;
        margin-top:15px;
        width:100%;
    }
    .sales--adv--list > ul > li .adv--info{
        flex-direction: column;
    }
    .sales--adv--list > ul > li .adv--info .thumb{
        max-width:100%;
    }
    .sales--adv--list > ul > li .auth--mark{
        top:15px;
        right:15px;
    }
}


.showroom--hover--cont{
    position: relative;
    z-index: 1;
}
.showroom--hover--cont .cover--img{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:0px;
    z-index: 2;
    content:'';
    width:100%;
    height:100%;
    background-size:cover!important;
}

.showroom--hover--cont .cover--img[data-idx="1"]{background:url(../../assets/img/showroom/sh_seocho/sh_seo_b_01.jpg) no-repeat center;}
/*.showroom--hover--cont .cover--img[data-idx="2"]{background:url(../../assets/img/showroom/sh_seocho/sh_seo_b_01.jpg) no-repeat center;}*/
.showroom--hover--cont .cover--img[data-idx="2"]{background:url(../../../assets/img/company/sh_bun_b_01.jpg) no-repeat center;}
/*.showroom--hover--cont .cover--img[data-idx="4"]{background:url(../../../assets/img/company/sh_bun_b_02.jpg) no-repeat center;}*/
.showroom--hover--cont .cover--img[data-idx="3"]{background:url(../../../assets/img/company/sh_pan_b_01.jpg) no-repeat center;}
.showroom--hover--cont .cover--img[data-idx="4"]{background:url(../../../assets/img/company/sh_dong_b_01.jpg) no-repeat center;}
.showroom--hover--cont .cover--img[data-idx="5"]{background:url(../../../assets/img/company/sh_anyang_01.jpg) no-repeat center;}


.showroom--hover--cont.ty2 .cover--img[data-idx="1"]{background:url(../../assets/img/company/ser_bun_b_01.jpg) no-repeat center;}
.showroom--hover--cont.ty2 .cover--img[data-idx="2"]{background:url(../../assets/img/company/ser_seo_b_01.jpg) no-repeat center;}
.showroom--hover--cont.ty2 .cover--img[data-idx="3"]{background:url(../../assets/img/company/ser_ase_b_01.jpg) no-repeat center;}
.showroom--hover--cont.ty2 .cover--img[data-idx="4"]{background:url(../../assets/img/company/yongin_b_01.jpg) no-repeat center;}
.showroom--hover--cont.ty2 .cover--img[data-idx="5"]{background:url(../../assets/img/company/ser_dong_b_01.jpg) no-repeat center;}
.showroom--hover--cont.ty2 .cover--img[data-idx="6"]{background:url(../../assets/img/company/advisor_img_09.jpg) no-repeat center;}


.bsa--slick,
.sak--slick{
    overflow: hidden;
    max-height:332px;
}

.sns--new--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:60px;
}
.sns--new--wrap a{
    display: inline-flex;
    height:100px;
    align-items: center; 
    width:100%;    
    background:#f2f2f2;
    padding-left:40px;
    position: relative;
    font-size:18px;
    font-weight: 400;
}

.sns--new--wrap a:after{
    content:'';
    display: inline-flex;
    width:10px;
    height:16px;
    background:url(../../assets/img/arrow_ic.png) no-repeat center;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:40px;
}
.sns--new--wrap a i{
    margin-right:33px;
}
.sns--new--wrap a:nth-of-type(1) i{
    display: inline-flex;
    width:36px;
    height:36px;
    background: url(../../assets/img/nw_sns01.png) no-repeat center;    
}

.sns--new--wrap a:nth-of-type(2) i{
    display: inline-flex;
    width:36px;
    height:36px;
    background: url(../../assets/img/nw_sns02.png) no-repeat center;
}

.sns--new--wrap a:nth-of-type(3) i{
    display: inline-flex;
    width:36px;
    height:36px;
    background: url(../../assets/img/nw_sns03.png) no-repeat center;
}


@media(max-width:800px){
    .sns--new--wrap{
        padding:0 20px;
        gap:20px;
        flex-direction: column;
    }
}