.about .inner {
    max-width: calc(144rem + 16rem);
}
/* company  */
.about .company {
    margin-top: 10rem;
}
.about .company .inner {
    display: flex;
    justify-content: space-between;
}

.about .company .hgroup {
    width: 40rem;
} 
.about .company .hgroup .num {
    display: block;
    color: var(--point-color);
    line-height: 1.25;
    font-size: 1.8rem;
    font-weight: 900;
}
.about .company .hgroup h3 {
    margin-top: 4rem;
    line-height: 1.25;
    font-size: 4rem;
    font-weight: 900;
}
.about .company .content {
    width: 72rem;
}
.about .company .content .desc {
    line-height: 1.6;
    font-size: 2.2rem;
    font-weight: 600;
}
.about .company .content .txt {
    margin-top: 6rem;
    line-height: 1.6;
    font-size: 1.8rem;
}

.about .company .bg .inner {
    display: block;
}
.about .company .bg {
    margin-top: 10rem;
}
.about .company .bg .block {
    /* width: 100vw; */
    width: 90vw;
}

.about .company .bg {
    overflow: hidden;
}
.about .company .bg.left .block {
    float: right;
}
.about .company .bg img {
    width: 100%;
}
.about .company .bg img.mo {
    display: none;
}

@media (max-width: 1919px) {
    .about .inner {
        max-width: calc(calc(100vw * (1440 / 1919)) + calc(100vw * (160 / 1919)));
    }
    /* company  */
    .about .company {
        margin-top: calc(100vw * (100 / 1919));
    }
    .about .company .hgroup {
        width: calc(100vw * (400 / 1919));
    } 
    .about .company .hgroup .num {
        font-size: calc(100vw * (18 / 1919));
    }
    .about .company .hgroup h3 {
        margin-top: calc(100vw * (40 / 1919));
        font-size: calc(100vw * (40 / 1919));
    }
    .about .company .content {
        width: calc(100vw * (720 / 1919));
    }
    .about .company .content .desc {
        font-size: calc(100vw * (22 / 1919));
    }
    .about .company .content .txt {
        margin-top: calc(100vw * (60 / 1919));
    }
    
    .about .company .bg {
        margin-top: calc(100vw * (100 / 1919));
    }
}

@media (max-width: 1180px) {
    .about .inner {
        max-width: 100%;
    }
    /* company  */
    .about .company {
        margin-top: calc(100vw * (100 / 1180));
    }
    .about .company .hgroup {
        width: calc(100vw * (300 / 1180));
    } 
    .about .company .hgroup .num {
        font-size: calc(100vw * (20 / 1180));
    }
    .about .company .hgroup h3 {
        margin-top: calc(100vw * (40 / 1180));
        font-size: calc(100vw * (40 / 1180));
    }
    .about .company .content {
        width: calc(100vw * (720 / 1180));
    }
    .about .company .content .desc {
        font-size: calc(100vw * (22 / 1180));
    }
    .about .company .content .txt {
        margin-top: calc(100vw * (60 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    
    .about .company .bg {
        margin-top: calc(100vw * (100 / 1180));
    }
    .about .company .bg .block {
        width: 100vw;
    }
}

@media (max-width: 767px) {
    /* company  */
    .about .company .inner {
        display: block;
    }
    .about .company {
        margin-top: calc(100vw * (100 / 767));
    }
    .about .company .hgroup {
        width: 100%;
    } 
    .about .company .hgroup .num {
        font-size: calc(100vw * (32 / 767));
    }
    .about .company .hgroup h3 {
        margin-top: calc(100vw * (24 / 767));
        font-size: calc(100vw * (56 / 767));
    }
    .about .company .content {
        width: 100%;
        margin-top: calc(100vw * (60 / 767));
    }
    .about .company .content .desc {
        font-size: calc(100vw * (32 / 767));
    }
    .about .company .content .txt {
        margin-top: calc(100vw * (76 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    
    /* .about .bg {
        margin-top: calc(100vw * (100 / 767));
    } */
    .about .company .bg img.pc {
        display: none;
    }
    .about .company .bg img.mo {
        display: block;
    }
}

/* careers */
.about .careers {
    margin-top: 10rem;
}
.about .careers h3 {
    line-height: 1.45;
    font-size: 3.2rem;
    font-weight: 900;
}
.about .careers .desc {
    margin-top: 2.4rem;
    line-height: 1.6;
    font-size: 1.8rem;
}
.about .careers .banner {
    position: relative;
    width: 100%;
    height: 30rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.2rem;
    text-align: center;
}
.about .careers .banner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/about/img_careers.png") no-repeat left top / 100% 100%;
    z-index: -1;
}
.about .careers .banner .title {
    display: block;
    line-height: 1.25;
    text-transform: uppercase;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 900;
}
.about .careers .banner .btn_area {
    margin-top: 2.4rem;
}
.about .careers .banner .btn_area .btn_white_line.large {
    min-width: 16.8rem;
}
.about .careers .txt {
    margin-top: 5.2rem;
    line-height: 1.6;
    font-size: 1.8rem;
}
.about .careers .txt a {
    font-weight: 700;
}

@media (max-width: 1919px) {
    .about .careers {
        margin-top: calc(100vw * (100 / 1919));
    }
    .about .careers h3 {
        font-size: calc(100vw * (32 / 1919));
    }
    .about .careers .desc {
        margin-top: calc(100vw * (24 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }
    .about .careers .banner {
        height: calc(100vw * (300 / 1919));
        margin-top: calc(100vw * (52 / 1919));
    }
    .about .careers .banner .title {
        font-size: calc(100vw * (24 / 1919));
    }
    .about .careers .banner .btn_area {
        margin-top: calc(100vw * (24 / 1919));
    }
    .about .careers .banner .btn_area .btn_white_line.large {
        min-width: calc(100vw * (168 / 1919));
    }
    .about .careers .txt {
        margin-top: calc(100vw * (52 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }
}

@media (max-width: 1180px) {
    .about .careers {
        margin-top: calc(100vw * (100 / 1180));
    }
    .about .careers h3 {
        font-size: calc(100vw * (32 / 1180));
    }
    .about .careers .desc {
        margin-top: calc(100vw * (24 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .about .careers .banner {
        height: calc(100vw * (300 / 1180));
        margin-top: calc(100vw * (52 / 1180));
    }
    .about .careers .banner .title {
        font-size: calc(100vw * (24 / 1180));
    }
    .about .careers .banner .btn_area {
        margin-top: calc(100vw * (24 / 1180));
    }
    .about .careers .banner .btn_area .btn_white_line.large {
        min-width: calc(100vw * (178 / 1180));
    }
    .about .careers .txt {
        margin-top: calc(100vw * (52 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
}

@media (max-width: 767px) {
    .about .careers {
        margin-top: calc(100vw * (100 / 767));
    }
    .about .careers h3 {
        font-size: calc(100vw * (48 / 767));
    }
    .about .careers .desc {
        margin-top: calc(100vw * (40 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .about .careers .banner {
        height: calc(100vw * (436 / 767));
        margin-top: calc(100vw * (60 / 767));
    }
    .about .careers .banner::before {
        background-image: url("../images/about/img_careers_m.png");
    }
    .about .careers .banner .title {
        width: calc(100vw * (404 / 767));
        font-size: calc(100vw * (40 / 767));
    }
    .about .careers .banner .btn_area {
        margin-top: calc(100vw * (32 / 767));
    }
    .about .careers .banner .btn_area .btn_white_line.large {
        min-width: calc(100vw * (290 / 767));
    }
    .about .careers .txt {
        margin-top: calc(100vw * (60 / 767));
        font-size: calc(100vw * (32 / 767));
    }
}

/* contact */
.about .contact {
    margin-top: 10rem;
}
.about .contact .hgroup h3 {
    line-height: 1.45;
    font-size: 3.2rem;
    font-weight: 900;
}
.about .contact .hgroup .txt {
    margin-top: .8rem;
    line-height: 1.6;
    color: #222;
    font-size: 1.6rem;
}
.about .contact .hgroup .address {
    margin-top: 2.8rem;
    line-height: 1.45;
    font-size: 1.8rem;
    font-weight: 600;
}
.about .contact .hgroup.line {
    position: relative;
    padding-top: 8rem;
}
.about .contact .hgroup.line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #D9D9D9;
}
.about .contact .contact_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
    margin-top: 4.8rem;
    margin-bottom: 8rem;
}
.about .contact .contact_list > li {
    padding: 4rem;
    border-radius: .4rem;
    background: #F3F3F3;
}
.about .contact .contact_list h4 {
    position: relative;
    padding-left: 1.4rem;
    /* text-transform: capitalize; */
    font-size: 1.8rem;
    font-weight: 700;
}
.about .contact .contact_list h4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%; 
    transform: translateY(-50%);
    width: .4rem;
    height: 1.4rem;
    background: var(--point-color);
}
.about .contact .contact_list .info_list {
    margin-top: 2.4rem;
}
.about .contact .contact_list .info_list li {
    display: flex;
    gap: 2rem;
    margin-top: 1.2rem;
}
.about .contact .contact_list .info_list li:first-child {
    margin-top: 0;
}
.about .contact .contact_list .info_list .title {
    display: block;
    width: 10rem;
    line-height: 1.35;
    font-size: 1.8rem;
}
.about .contact .contact_list .info_list .txt {
    width: calc(100% - 10rem);
    color: #666;
    line-height: 1.35;
    font-size: 1.8rem;
    text-decoration: none;
}
.about .contact .contact_list .info_list .txt a {
    color: #666;
    pointer-events: none;
    text-decoration: none;
}
.about .contact .contact_list .info_list .txt a[href^="mailto"] {
    pointer-events: all;
}

.about .contact .contact_list .btn_area {
    /* display: none; */
    margin-top: 3.2rem;
}

@media (max-width: 1919px) {
    .about .contact {
        margin-top: calc(100vw * (100 / 1919));
    }
    .about .contact .hgroup h3 {
        font-size: calc(100vw * (32 / 1919));
    }
    .about .contact .hgroup .txt {
        margin-top: calc(100vw * (8 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }
    .about .contact .hgroup .address {
        margin-top: calc(100vw * (28 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }
    .about .contact .hgroup.line {
        padding-top: calc(100vw * (80 / 1919));
    }
    .about .contact .contact_list {
        gap: calc(100vw * (16 / 1919));
        margin-top: calc(100vw * (48 / 1919));
        margin-bottom: calc(100vw * (80 / 1919));
    }
    .about .contact .contact_list > li {
        padding: calc(100vw * (40 / 1919));
        border-radius: calc(100vw * (4 / 1919));
    }
    .about .contact .contact_list h4 {
        padding-left: calc(100vw * (14 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }
    .about .contact .contact_list h4::before {
        width: calc(100vw * (4 / 1919));
        height: calc(100vw * (14 / 1919));
    }
    .about .contact .contact_list .info_list {
        margin-top: calc(100vw * (24 / 1919));
    }
    .about .contact .contact_list .info_list li {
        gap: calc(100vw * (20 / 1919));
        margin-top: calc(100vw * (12 / 1919));
    }
    .about .contact .contact_list .info_list .title {
        width: calc(100vw * (100 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }
    .about .contact .contact_list .info_list .txt {
        width: calc(100% - calc(100vw * (100 / 1919)));
        font-size: calc(100vw * (18 / 1919));
    }
    .about .contact .contact_list .btn_area {
        margin-top: calc(100vw * (32 / 1919));
    }
}
@media (max-width: 1180px) {
    .about .contact {
        margin-top: calc(100vw * (100 / 1180));
    }
    .about .contact .hgroup h3 {
        font-size: calc(100vw * (32 / 1180));
    }
    .about .contact .hgroup .txt {
        margin-top: calc(100vw * (8 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .about .contact .hgroup .address {
        margin-top: calc(100vw * (28 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .about .contact .hgroup.line {
        padding-top: calc(100vw * (80 / 1180));
    }
    .about .contact .contact_list {
        gap: calc(100vw * (16 / 1180));
        margin-top: calc(100vw * (48 / 1180));
        margin-bottom: calc(100vw * (80 / 1180));
    }
    .about .contact .contact_list > li {
        padding: calc(100vw * (40 / 1180));
        border-radius: calc(100vw * (4 / 1180));
    }
    .about .contact .contact_list h4 {
        padding-left: calc(100vw * (14 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .about .contact .contact_list h4::before {
        width: calc(100vw * (4 / 1180));
        height: calc(100vw * (14 / 1180));
    }
    .about .contact .contact_list .info_list {
        margin-top: calc(100vw * (24 / 1180));
    }
    .about .contact .contact_list .info_list li {
        gap: calc(100vw * (20 / 1180));
        margin-top: calc(100vw * (12 / 1180));
    }
    .about .contact .contact_list .info_list .title {
        width: calc(100vw * (100 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .about .contact .contact_list .info_list .txt {
        width: calc(100% - calc(100vw * (100 / 1180)));
        font-size: calc(100vw * (20 / 1180));
    }
    .about .contact .contact_list .btn_area {
        margin-top: calc(100vw * (24 / 1180));
    }
}
@media (max-width: 767px) {
    .about .contact {
        margin-top: calc(100vw * (100 / 767));
    }
    .about .contact .hgroup h3 {
        font-size: calc(100vw * (48 / 767));
    }
    .about .contact .hgroup .txt {
        margin-top: calc(100vw * (8 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .about .contact .hgroup .address {
        margin-top: calc(100vw * (28 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .about .contact .hgroup.line {
        padding-top: calc(100vw * (80 / 767));
    }
    .about .contact .contact_list {
        grid-template-columns: repeat(1, 1fr);
        gap: calc(100vw * (16 / 767));
        margin-top: calc(100vw * (48 / 767));
        margin-bottom: calc(100vw * (80 / 767));
    }
    .about .contact .contact_list > li {
        padding: calc(100vw * (40 / 767));
        border-radius: calc(100vw * (4 / 767));
    }
    .about .contact .contact_list h4 {
        padding-left: calc(100vw * (28 / 767));
        font-size: calc(100vw * (36 / 767));
    }
    .about .contact .contact_list h4::before {
        width: calc(100vw * (8 / 767));
        height: calc(100vw * (28 / 767));
    }
    .about .contact .contact_list .info_list {
        margin-top: calc(100vw * (24 / 767));
    }
    .about .contact .contact_list .info_list li {
        gap: calc(100vw * (20 / 767));
        margin-top: calc(100vw * (12 / 767));
    }
    .about .contact .contact_list .info_list .title {
        width: calc(100vw * (130 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .about .contact .contact_list .info_list .txt {
        width: calc(100% - calc(100vw * (130 / 767)));
        font-size: calc(100vw * (32 / 767));
    }
    .about .contact .contact_list .btn_area {
        margin-top: calc(100vw * (32 / 767));
    }
}

/* Store Policies */
.about .store {
    margin-top: 10rem;
}
.about .store .policies {
    position: relative;
    display: flex;
    gap: 10rem;
}
.about .store .policies.eu {
    margin-top: 2rem;
    padding-top: 8rem;
}
.about .store .policies.eu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #D9D9D9;
}
.about .store .policies .hgroup {
    width: 36rem;
}
.about .store .policies .hgroup h3 {
    line-height: 1.45;
    font-size: 3.2rem;
    font-weight: 900;
}
.about .store .policies .policies_list {
    width: calc(100% - 36rem);
}
.about .store .policies .policies_list > li:first-child {
    margin-top: 0;
}
.about .store .policies .policies_list .shgroup {
    padding: 2.1rem 2.4rem;
    background: #F3F3F3;
}
.about .store .policies .policies_list .shgroup h4 {
    line-height: 1.25;
    font-size: 2rem;
}
.about .store .policies .policies_list .content {
    padding: 1.6rem 0 6rem;
    color: #666;
    line-height: 1.6;
    font-size: 1.5rem;
    font-weight: 500;
}
.about .store .policies .policies_list .content .txt {
    font-weight: 500;
}
.about .store .policies .policies_list .content .txt:first-child + .title {
    margin-top: 3.2rem;
}
.about .store .policies .policies_list .content .txt a {
    position: relative;
    color: #666;
}
.about .store .policies .policies_list .content .txt a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #666;
}
.about .store .policies .policies_list .content .title {
    display: block;
    margin-top: 2rem;
    color: #000;
}
.about .store .policies .policies_list .content .num_list {
    margin-left: 2rem;
}
.about .store .policies .policies_list .content .num_list li {
    list-style: decimal;
    margin-top: 2rem;
}
.about .store .policies .policies_list .content .num_list li:first-child {
    margin-top: 0;
}
.about .store .policies .policies_list .content .num_list li a {
    color: #666;
}
.about .store .policies .policies_list .content .num_list li a[href] {
    display: inline-block;
    position: relative;
}

.about .store .policies .policies_list .content .num_list li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #666;
}

@media (max-width: 1919px) {
    .about .store {
        margin-top: calc(100vw * (100 / 1919));
    }
    .about .store .policies {
        gap: calc(100vw * (100 / 1919));
    }
    .about .store .policies.eu {
        margin-top: calc(100vw * (20 / 1919));
        padding-top: calc(100vw * (80 / 1919));
    }
    .about .store .policies .hgroup {
        width: calc(100vw * (360 / 1919));
    }
    .about .store .policies .hgroup h3 {
        font-size: calc(100vw * (32 / 1919));
    }
    .about .store .policies .policies_list {
        width: calc(100% - calc(100vw * (360 / 1919)));
    }
    .about .store .policies .policies_list .shgroup {
        padding: calc(100vw * (21 / 1919)) calc(100vw * (24 / 1919));
    }
    .about .store .policies .policies_list .shgroup h4 {
        font-size: calc(100vw * (20 / 1919));
    }
    .about .store .policies .policies_list .content {
        padding: calc(100vw * (16 / 1919)) 0 calc(100vw * (60 / 1919));
        font-size: calc(100vw * (15 / 1919));
    }
    .about .store .policies .policies_list .content .txt:first-child + .title {
        margin-top: calc(100vw * (32 / 1919));
    }
    .about .store .policies .policies_list .content .title {
        margin-top: calc(100vw * (20 / 1919));
    }
    .about .store .policies .policies_list .content .num_list {
        margin-left: calc(100vw * (20 / 1919));
    }
    .about .store .policies .policies_list .content .num_list li {
        margin-top: calc(100vw * (20 / 1919));
    }
}
@media (max-width: 1180px) {
    .about .store {
        margin-top: calc(100vw * (100 / 1180));
    }
    .about .store .policies {
        display: block;
    }
    .about .store .policies .policies_list {
        margin-top: calc(100vw * (24 / 1180));
    }
    .about .store .policies.eu {
        margin-top: calc(100vw * (20 / 1180));
        padding-top: calc(100vw * (80 / 1180));
    }
    .about .store .policies .hgroup {
        width: 100%;
    }
    .about .store .policies .hgroup h3 {
        font-size: calc(100vw * (32 / 1180));
    }
    .about .store .policies .policies_list {
        width: 100%;
    }
    .about .store .policies .policies_list .shgroup {
        padding: calc(100vw * (20 / 1180)) calc(100vw * (24 / 1180));
    }
    .about .store .policies .policies_list .shgroup h4 {
        font-size: calc(100vw * (22 / 1180));
    }
    .about .store .policies .policies_list .content {
        padding: calc(100vw * (16 / 1180)) 0 calc(100vw * (60 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .about .store .policies .policies_list .content .txt:first-child + .title {
        margin-top: calc(100vw * (32 / 1180));
    }
    .about .store .policies .policies_list .content .title {
        margin-top: calc(100vw * (20 / 1180));
    }
    .about .store .policies .policies_list .content .num_list {
        margin-left: calc(100vw * (24 / 1180));
    }
    .about .store .policies .policies_list .content .num_list li {
        margin-top: calc(100vw * (20 / 1180));
    }
}
@media (max-width: 767px) {
    .about .store {
        margin-top: calc(100vw * (100 / 767));
    }
    .about .store .policies .policies_list {
        margin-top: calc(100vw * (40 / 767));
    }
    .about .store .policies.eu {
        margin-top: calc(100vw * (80 / 767));
        padding-top: calc(100vw * (80 / 767));
    }
    .about .store .policies .hgroup {
        width: 100%;
    }
    .about .store .policies .hgroup h3 {
        font-size: calc(100vw * (48 / 767));
    }
    .about .store .policies .policies_list {
        width: 100%;
    }
    .about .store .policies .policies_list > li {
        margin-top: calc(100vw * (20 / 767))
    }
    .about .store .policies .policies_list .shgroup {
        position: relative;  
        padding: calc(100vw * (40 / 767)) calc(100vw * (130 / 767)) calc(100vw * (40 / 767)) calc(100vw * (40 / 767));
        cursor: pointer;
    }
    .about .store .policies .policies_list .shgroup h4 {
        font-size: calc(100vw * (36 / 767));
    }
    .about .store .policies .policies_list .content {
        padding: calc(100vw * (32 / 767)) 0 calc(100vw * (60 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .about .store .policies .policies_list .content .txt:first-child + .title {
        margin-top: calc(100vw * (40 / 767));
    }
    .about .store .policies .policies_list .content .title {
        margin-top: calc(100vw * (28 / 767));
    }
    .about .store .policies .policies_list .content .num_list {
        margin-top: 0;
        margin-left: calc(100vw * (40 / 767));
    }
    .about .store .policies .policies_list .content .num_list li {
        margin-top: calc(100vw * (28 / 767));
    }

    /**/
    .about .store .policies .policies_list .shgroup::before {
        content: "";
        position: absolute;
        right: calc(100vw * (40 / 767));
        top: 50%; 
        transform: translateY(-50%);
        width: calc(100vw * (36 / 767));
        height: calc(100vw * (36 / 767));
        background: url("../images/about/ico_open.svg") no-repeat left top / 100% 100%;
    }
    .about .store .policies .policies_list li.on .shgroup::before {
        background-image: url("../images/about/ico_close.svg");
    }
    .about .store .policies .policies_list .block {
        display: none;
    }
}


/* button download */
.about .btn_download.large {
    min-width: 25rem;
    height: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 0;
    border-color: #D9D9D9;
    text-align: left;
    background: #fff;
    color: #000;
}
.about .btn_download.large .ico {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    height: 100%;
    word-break: break-word;
    padding-right: 3.2rem;
    transition: color .2s ease;
}
.about .btn_download.large .ico::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background: url("../images/support/btn_down_black.svg") no-repeat center center / 100% 100%;
    transition: background .2s ease;
}
/* only pc hover */
@media (hover: hover) and (min-width: 1180px) {
    .about .btn_download.large:hover .ico {
        color: var(--point-color)
    }
    .about .btn_download.large:hover .ico::after {
        background-image: url("../images/support/btn_down_red.svg");
    }
}

@media (max-width: 1919px) {
    .about .btn_download.large {
        min-width: calc(100vw * (250 / 1919));
        padding-left: calc(100vw * (20 / 1919));
        padding-right: calc(100vw * (20 / 1919));
    }
    .about .btn_download.large .ico {
        padding-right: calc(100vw * (32 / 1919));
    }
    .about .btn_download.large .ico::after {
        width: calc(100vw * (20 / 1919));
        height: calc(100vw * (20 / 1919));
    }
    
}
@media (max-width: 1180px) {
    .about .btn_download.large {
        min-width: calc(100vw * (220 / 1180));
        padding: calc(100vw * (18 / 1180)) calc(100vw * (20 / 1180));
    }
    .about .btn_download.large .ico {
        padding-right: calc(100vw * (32 / 1180));
    }
    .about .btn_download.large .ico::after {
        width: calc(100vw * (20 / 1180));
        height: calc(100vw * (20 / 1180));
    }
    
}
@media (max-width: 767px) {
    .about .btn_download.large {
        min-width: calc(100vw * (200 / 767));
        padding: calc(100vw * (30 / 767)) calc(100vw * (40 / 767));
        border-width: calc(100vw * (2 / 767));
    }
    .about .btn_download.large .ico {
        padding-right: calc(100vw * (56 / 767));
    }
    .about .btn_download.large .ico::after {
        width: calc(100vw * (36 / 767));
        height: calc(100vw * (36 / 767));
    }
    
}

/* ethics compliance */
.about .ethics {
    margin-top: 6rem;
}
.about .ethics h3 {
    line-height: 1.45;
    font-size: 3.2rem;
    font-weight: 900;
}
.about .ethics .txt {
    margin-top: 2.4rem;
    line-height: 1.6;
    font-size: 1.8rem;
}
.about .ethics .txt a {
    font-weight: 700;
}
.about .ethics .btn_area {
    margin-top: 5.2rem;
    text-align: right;
}
.about .ethics .info_list {
    display: flex;
    gap: 1.6rem;
    margin-top: 5.2rem;
}
.about .ethics .info_list li {
    display: flex;
    gap: 2rem;
    width: 50%;
    padding: 4rem;
    background: #F3F3F3;
}
.about .ethics .info_list .title {
    display: block;
    width: 10rem;
    line-height: 1.35;
    font-size: 1.8rem;
} 
.about .ethics .info_list .txt {
    width: calc(100% - 10rem);
    margin-top: 0;
    line-height: 1.35;
    color: #666;
    font-size: 1.8rem;
}
.about .ethics .info_list .txt a {
    font-weight: 400;
}

@media (max-width: 1919px) {
    .about .ethics {
        margin-top: calc(100vw * (60 / 1919));
    }
    .about .ethics h3 {
        font-size: calc(100vw * (32 / 1919));
    }
    .about .ethics .txt {
        margin-top: calc(100vw * (24 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }
    .about .ethics .btn_area {
        margin-top: calc(100vw * (52 / 1919));
    }
    .about .ethics .info_list {
        gap: calc(100vw * (16 / 1919));
        margin-top: calc(100vw * (52 / 1919));
    }
    .about .ethics .info_list li {
        gap: calc(100vw * (20 / 1919));
        padding: calc(100vw * (40 / 1919));
    }
    .about .ethics .info_list .title {
        width: calc(100vw * (100 / 1919));
        font-size: calc(100vw * (18 / 1919));
    } 
    .about .ethics .info_list .txt {
        width: calc(100% - calc(100vw * (100 / 1919)));
        font-size: calc(100vw * (18 / 1919));
    }
    
}
@media (max-width: 1180px) {
    .about .ethics {
        margin-top: calc(100vw * (60 / 1180));
    }
    .about .ethics h3 {
        font-size: calc(100vw * (32 / 1180));
    }
    .about .ethics .txt {
        margin-top: calc(100vw * (24 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .about .ethics .btn_area {
        margin-top: calc(100vw * (52 / 1180));
    }
    .about .ethics .info_list {
        gap: calc(100vw * (16 / 1180));
        margin-top: calc(100vw * (52 / 1180));
    }
    .about .ethics .info_list li {
        gap: calc(100vw * (20 / 1180));
        padding: calc(100vw * (40 / 1180));
    }
    .about .ethics .info_list .title {
        width: calc(100vw * (100 / 1180));
        font-size: calc(100vw * (20 / 1180));
    } 
    .about .ethics .info_list .txt {
        width: calc(100% - calc(100vw * (100 / 1180)));
        font-size: calc(100vw * (20 / 1180));
    }
}
@media (max-width: 767px) {
    .about .ethics {
        margin-top: calc(100vw * (60 / 767));
    }
    .about .ethics h3 {
        font-size: calc(100vw * (48 / 767));
    }
    .about .ethics .txt {
        margin-top: calc(100vw * (40 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .about .ethics .btn_area {
        text-align: left;
        margin-top: calc(100vw * (60 / 767));
    }
    .about .ethics .info_list {
        flex-direction: column;
        gap: calc(100vw * (16 / 767));
        margin-top: calc(100vw * (52 / 767));
    }
    .about .ethics .info_list li {
        gap: calc(100vw * (20 / 767));
        width: 100%;
        padding: calc(100vw * (40 / 767));
    }
    .about .ethics .info_list .title {
        width: calc(100vw * (130 / 767));
        font-size: calc(100vw * (32 / 767));
    } 
    .about .ethics .info_list .txt {
        width: calc(100% - calc(100vw * (130 / 767)));
        font-size: calc(100vw * (32 / 767));
    }
}

/* dealer locator */
.about.dealer {
    margin-bottom: 0;
}
.about.dealer .process {
    padding: 10rem 0 15rem;
    background: #F8F8F8;
}

.about.dealer .filter {
    display: flex;
    gap: 1.6rem;
}
.about.dealer .filter.mo {
    display: none;
}
.about.dealer .filter > div {
    flex: 1 1 0%;
}
.about.dealer .filter .select_box .txt {
    padding: 0 5.4rem 0 3rem;
    border-color: transparent;
    border-radius: 99rem;
    background: #fff;
    box-shadow: 0 .8rem 3.2rem 0 #EEE;

    /* 말줄임 */
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 1;
}
.about.dealer .filter .select_box.on .txt {
    border-color: #000;
}
.about.dealer .filter .select_box .txt::after {
    right: 3rem;
}
.about.dealer .filter .select_box .select_inner {
    padding: 3.2rem .4rem;
    border-radius: 2.8rem;
    background: #fff;
}
.about.dealer .filter .select_box .select_inner .select_list {
    padding: 0 2.4rem;
}
.about.dealer .filter .select_box .select_inner .select_list li {
    margin-top: 1.6rem;

    /* 말줄임 */
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 1;
}
.about.dealer .filter .select_box .select_inner .select_list li:first-child {
    margin-top: 0;
}
.about.dealer .filter .select_box .btn_area {
    display: none;
}
.about.dealer .filter .search_box {
    position: relative;  
    /* width: 48rem; */
    border-color: transparent;
    border-radius: 99rem;
    background: #fff;
    box-shadow: 0 .8rem 3.2rem 0 #EEE;
    margin-left: auto;
}

.about.dealer .filter .search_box input[type="search"]{
    width: 100%;
    padding: 0 7rem 0 3rem;
    border: none;
    border-radius: 99rem;
    background: #fff;
}
.about.dealer .filter .search_box input[type="search"]:focus {
    padding-right: 11rem;
}
.about.dealer .filter .search_box .delete {
    display: none;
    position: absolute;
    right: 7rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    text-indent: -9999em;
}
.about.dealer .filter .search_box .delete::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/support/ico_search_delete.svg") no-repeat left top / 100% 100%;
}

.about.dealer .filter .search_box .btn_search {
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    border: none;
    text-indent: -9999em;
}
.about.dealer .filter .search_box .btn_search::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/support/ico_search_result.svg") no-repeat left top / 100% 100%;
}

@media (max-width: 1919px) {
    .about.dealer .process {
        padding: calc(100vw * (100 / 1919)) 0 calc(100vw * (150 / 1919));
    }
    
    .about.dealer .filter {
        gap: calc(100vw * (16 / 1919))
    }
    .about.dealer .filter .select_box .txt {
        padding: 0 calc(100vw * (54 / 1919)) 0 calc(100vw * (30 / 1919));
        box-shadow: 0px 8px 32px 0px #EEE;
    }
    .about.dealer .filter .select_box .txt::after {
        right: calc(100vw * (30 / 1919));
    }
    .about.dealer .filter .select_box .select_inner {
        padding: calc(100vw * (32 / 1919)) calc(100vw * (4 / 1919));;
        border-radius: calc(100vw * (28 / 1919));
    }
    .about.dealer .filter .select_box .select_inner .select_list {
        padding: 0 calc(100vw * (24 / 1919));
    }
    .about.dealer .filter .select_box .select_inner .select_list li {
        margin-top: calc(100vw * (16 / 1919));
    }
    .about.dealer .filter .search_box {
        box-shadow: 0px calc(100vw * (8 / 1919)) calc(100vw * (32 / 1919)) 0px #EEE;
    }
    
    .about.dealer .filter .search_box input[type="search"]{
        padding: 0 calc(100vw * (70 / 1919)) 0 calc(100vw * (30 / 1919));
    }
    .about.dealer .filter .search_box input[type="search"]:focus {
        padding-right: calc(100vw * (110 / 1919));
    }
    .about.dealer .filter .search_box .delete {
        right: calc(100vw * (70 / 1919));
        width: calc(100vw * (20 / 1919));
        height: calc(100vw * (20 / 1919));
    }
    
    .about.dealer .filter .search_box .btn_search {
        right: calc(100vw * (30 / 1919));
        width: calc(100vw * (20 / 1919));
        height: calc(100vw * (20 / 1919));
    }
}

@media (max-width: 1180px) {
    .about.dealer .process {
        padding: calc(100vw * (100 / 1180)) 0 calc(100vw * (150 / 1180));
    }
    
    .about.dealer .filter {
        gap: calc(100vw * (16 / 1180))
    }
    .about.dealer .filter .select_box .txt {
        padding: 0 calc(100vw * (54 / 1180)) 0 calc(100vw * (30 / 1180));
        box-shadow: 0px calc(100vw * (8 / 1180)) calc(100vw * (32 / 1180)) 0px #EEE;
        font-size: calc(100vw * (18 / 1180));
    }
    .about.dealer .filter .select_box .txt::after {
        right: calc(100vw * (30 / 1180));
    }
    .about.dealer .filter .select_box .select_inner {
        padding: calc(100vw * (32 / 1180)) calc(100vw * (4 / 1180));
        border-radius: calc(100vw * (28 / 1180));
    }
    .about.dealer .filter .select_box .select_inner .select_list {
        padding: 0 calc(100vw * (24 / 1180));
        max-height: calc(100vw * (234 / 1180));
    }
    .about.dealer .filter .select_box .select_inner .select_list li {
        margin-top: calc(100vw * (16 / 1180));
    }
    .about.dealer .filter .search_box {
        box-shadow: 0px calc(100vw * (8 / 1180)) calc(100vw * (32 / 1180)) 0px #EEE;
    }
    
    .about.dealer .filter .search_box input[type="search"]{
        padding: 0 calc(100vw * (70 / 1180)) 0 calc(100vw * (30 / 1180));
    }
    .about.dealer .filter .search_box input[type="search"]:focus {
        padding-right: calc(100vw * (110 / 1180));
    }
    .about.dealer .filter .search_box .delete {
        right: calc(100vw * (70 / 1180));
        width: calc(100vw * (20 / 1180));
        height: calc(100vw * (20 / 1180));
    }
    
    .about.dealer .filter .search_box .btn_search {
        right: calc(100vw * (30 / 1180));
        width: calc(100vw * (20 / 1180));
        height: calc(100vw * (20 / 1180));
    }
}

@media (max-width: 767px) {
    .filter_dim {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        height: 100dvh;
        background: rgba(0, 0, 0, 0.75);
        z-index: 9998;
    }
    .about.dealer .process {
        padding: calc(100vw * (100 / 767)) 0 calc(100vw * (150 / 767));
    }
    .about.dealer .filter.pc {
        display: none;
    }
    .about.dealer .filter.mo {
        display: flex;
        flex-wrap: wrap;
        gap: calc(100vw * (24 / 767)) calc(100vw * (16 / 767));
    }
    .about.dealer .filter > div {
        order: 2;
    }
    .about.dealer .filter .select_box .txt {
        padding: 0 calc(100vw * (74 / 767)) 0 calc(100vw * (32 / 767));
        box-shadow: 0px calc(100vw * (8 / 767)) calc(100vw * (32 / 767)) 0px #EEE;
        font-size: calc(100vw * (28 / 767));
    }
    .about.dealer .filter .select_box .txt::after {
        right: calc(100vw * (30 / 767));
    }
    .about.dealer .filter .select_box .select_inner {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-height: calc(100vw * (950 / 767));
        padding: calc(100vw * (50 / 767)) 0 calc(100vw * (80 / 767));
        border-radius: calc(100vw * (40 / 767)) calc(100vw * (40 / 767)) 0 0;
        border: none;
        background: #F3F3F3;
        z-index: 9999;
    }
    .about.dealer .filter .select_box .select_inner .select_list {
        padding: 0;
        max-height: calc(100vw * (660 / 767));
    }
    .about.dealer .filter .select_box .select_inner .select_list li {
        margin-top: calc(100vw * (24 / 767));
        padding: calc(100vw * (21 / 767)) 0 calc(100vw * (27 / 767));
        text-align: center;
        line-height: 1.5;
        font-size: calc(100vw * (28 / 767));
    }
    .about.dealer .filter .select_box .select_inner .select_list li:first-child {
        margin-top: 0;
    }
    .about.dealer .filter .select_box .select_inner .select_list li.current {
        background: #EAEAEA;
    }

    .about.dealer .filter .select_box .btn_area {
        display: block;
        margin-top: calc(100vw * (53 / 767));
        padding: 0 calc(100vw * (40 / 767));
    }
    .about.dealer .filter .select_box .btn_area a {
        display: block;
        width: 100%;
        padding: calc(100vw * (30 / 767)) 0;
        border: 1px solid #D9D9D9;
        border-radius: 99rem;
        text-align: center;
        font-size: calc(100vw * (28 / 767));
        font-weight: 700;
        
    }
    .about.dealer .filter .search_box {
        order: 1;
        flex: none;
        width: 100%;
        box-shadow: 0px calc(100vw * (8 / 767)) calc(100vw * (32 / 767)) 0px #EEE;
    }
    
    .about.dealer .filter .search_box input[type="search"]{
        padding: 0 calc(100vw * (120 / 767)) 0 calc(100vw * (40 / 767));
    }
    .about.dealer .filter .search_box input[type="search"]:focus {
        padding-right: calc(100vw * (170 / 767));
    }
    .about.dealer .filter .search_box .delete {
        right: calc(100vw * (110 / 767));
        width: calc(100vw * (40 / 767));
        height: calc(100vw * (40 / 767));
    }
    
    .about.dealer .filter .search_box .btn_search {
        right: calc(100vw * (30 / 767));
        width: calc(100vw * (48 / 767));
        height: calc(100vw * (48 / 767));
    }
}

.about.dealer .location {
    position: relative;
    display: flex;
    gap: 1.6rem;
    width: 100%;
    height: 64rem;
    margin-top: 4rem;
}
.about.dealer .location .shop {
    overflow: hidden;
    width: 46rem;
    height: 100%;
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 .8rem 3.2rem 0 #eee;
}
.about.dealer .location .hgroup {
    position: relative;
    height: 8rem;
    padding: 0 3rem;
    background: #fff;
    z-index: 1;
}
.about.dealer .location .hgroup .txt {
    color: #000;
    line-height: 8rem;
    font-size: 1.6rem;
    font-weight: 600;
}
.about.dealer .location .hgroup .txt .num {
    font-weight: 900;
}
.about.dealer .location .shop_inner {
    padding: 0 .8rem 0 0;
}
.about.dealer .location .scrollbar {
    overflow-y: auto;
    height: calc(64rem - 8.8rem);
}
.about.dealer .location .scrollbar::-webkit-scrollbar {
    width: .4rem;
    -webkit-overflow-scrolling: touch;
}
.about.dealer .location .scrollbar::-webkit-scrollbar-thumb {
    border-radius: .4rem;
    background: #aaa;
}
.about.dealer .location .scrollbar.scrolling::-webkit-scrollbar-thumb {
    background: var(--point-color);
}
/* .about.dealer .location .scrollbar::-webkit-scrollbar-thumb:hover {
	background: var(--point-color);
} */
.about.dealer .location .scrollbar::-webkit-scrollbar-track {
    background: #fff;
}
.about.dealer .location .shop_list {
    display: flex;
    gap: 1.6rem;
    flex-direction: column;
    padding: 0 3rem 3rem;
    background: #fff;
}
.about.dealer .location .shop_list > li {
    position: relative;
    width: 100%;
    padding: 3rem 0;
}
.about.dealer .location .shop_list > li:first-child {
    padding-top: 0;
}
.about.dealer .location .shop_list > li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #E4E4E4;
}
.about.dealer .location .shop_list > li > a {
    padding-right: 5rem;
}
.about.dealer .location .shop_list > li .title {
    text-transform: uppercase;
    line-height: 1.45;
    font-size: 1.8rem;
    word-break: keep-all;
}
.about.dealer .location .shop_list > li .sort {
    display: block;
    margin-top: .3rem;
    color: var(--point-color);
    line-height: 1.45;
    font-size: 1.6rem;
    font-weight: 500;
}
.about.dealer .location .shop_list > li .info_list {
    margin-top: 1.6rem;
}
.about.dealer .location .shop_list > li .info_list li {
    position: relative;
    margin-top: .6rem;
    padding-left: 2.4rem;
    color: #666;
    line-height: 1.45;
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none;
}
.about.dealer .location .shop_list > li .info_list li:first-child {
    margin-top: 0;
}
.about.dealer .location .shop_list > li .info_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .35rem;
    width: 1.6rem;
    height: 1.6rem;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
}
.about.dealer .location .shop_list > li .info_list li.address::before {
    background-image: url("../images/about/ico_dealer_address.svg");
}
.about.dealer .location .shop_list > li .info_list li.tel::before {
    background-image: url("../images/about/ico_dealer_tel.svg");
}
.about.dealer .location .shop_list > li .info_list li.email::before {
    background-image: url("../images/about/ico_dealer_email.svg");
}
.about.dealer .location .shop_list > li a {
    display: flex;
    word-break: break-all;
    color: #666;
    text-decoration: none;
}
.about.dealer .location .shop_list > li .info_list li a {
    pointer-events: none;
}
.about.dealer .location .shop_list > li .info_list li.email a {
    pointer-events: all;
}

.about.dealer .location .shop_list > li .btn_area {
    position: absolute;
    right: 0;
    top: 3rem;
}
.about.dealer .location .shop_list > li:first-child .btn_area {
    top: 0;
}
.about.dealer .location .shop_list > li .btn_area a {
    position: relative;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 99rem;
    text-indent: -9999rem;
    background: #F3F3F3;
    pointer-events: all;
}
.about.dealer .location .shop_list > li .btn_area a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .9rem;
    height: .9rem;
    background: url("../images/about/ico_arrow_go_black.svg") no-repeat left top / 100% 100%;
    /* transition: all .2s; */
}
.about.dealer .location .shop_list > li.on .title {
    color: var(--point-color)
}
.about.dealer .location .shop_list > li.on::before {
    background: var(--point-color)
}
.about.dealer .location .map {
    overflow: hidden;
    width: calc(100% - 46rem);
    height: 100%;
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 .8rem 3.2rem 0 #eee;
}
.about.dealer .location .shop_list > li:last-child::before {
    display: none;
}
.about.dealer .location .map iframe {
    width: 100%;
    height: 100%;
}

/* only pc hover */
@media (hover: hover) and (min-width: 1180px) {
    .about.dealer .location .shop_list > li .btn_area a:hover::before {
        background-image: url("../images/about/ico_arrow_go_red.svg");
    }
}

@media (max-width: 1919px) {
    .about.dealer .location {
        gap: calc(100vw * (16 / 1919));
        height: calc(100vw * (640 / 1919));
        margin-top: calc(100vw * (40 / 1919));
    }
    .about.dealer .location .shop {
        width: calc(100vw * (460 / 1919));
        border-radius: calc(100vw * (8 / 1919));
        box-shadow: 0 calc(100vw * (8 / 1919)) calc(100vw * (32 / 1919)) 0 #eee;
    }
    .about.dealer .location .hgroup {
        height: calc(100vw * (80 / 1919));
        padding: 0 calc(100vw * (30 / 1919));
    }
    .about.dealer .location .hgroup .txt {
        line-height: calc(100vw * (80 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .about.dealer .location .shop_inner {
        padding: 0 calc(100vw * (8 / 1919)) 0 0;
    }
    .about.dealer .location .scrollbar {
        height: calc(100vw * (640 / 1919) - calc(100vw * (88 / 1919)));
    }
    .about.dealer .location .scrollbar::-webkit-scrollbar {
        width: calc(100vw * (4 / 1919));
    }
    .about.dealer .location .scrollbar::-webkit-scrollbar-thumb {
        border-radius: calc(100vw * (4 / 1919));
    }
    .about.dealer .location .shop_list {
        gap: calc(100vw * (16 / 1919));
        padding: 0 calc(100vw * (30 / 1919)) calc(100vw * (30 / 1919));
    }
    .about.dealer .location .shop_list > li {
        padding: calc(100vw * (30 / 1919)) 0;
    }
    .about.dealer .location .shop_list > li > a {
        padding-right: calc(100vw * (50 / 1919))
    }
    .about.dealer .location .shop_list > li .title {
        font-size: calc(100vw * (18 / 1919));
    }
    .about.dealer .location .shop_list > li .sort {
        margin-top: calc(100vw * (3 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .about.dealer .location .shop_list > li .info_list {
        margin-top: calc(100vw * (16 / 1919));
    }
    .about.dealer .location .shop_list > li .info_list li {
        margin-top: calc(100vw * (6 / 1919));
        padding-left: calc(100vw * (24 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .about.dealer .location .shop_list > li .info_list li::before {
        top: calc(100vw * (3.5 / 1919));
        width: calc(100vw * (16 / 1919));
        height: calc(100vw * (16 / 1919));
    }
    
    .about.dealer .location .shop_list > li .btn_area {
        top: calc(100vw * (30 / 1919));
    }
    .about.dealer .location .shop_list > li .btn_area a {
        width: calc(100vw * (32 / 1919));
        height: calc(100vw * (32 / 1919));
    }
    .about.dealer .location .shop_list > li .btn_area a::before {
        width: calc(100vw * (12 / 1919));
        height: calc(100vw * (12 / 1919));
        /* brain 240703
        width: calc(100vw * (9 / 1919));
        height: calc(100vw * (9 / 1919)); */
    }
    .about.dealer .location .map {
        width: calc(100% - calc(100vw * (460 / 1919)));
        border-radius: calc(100vw * (8 / 1919));
        box-shadow: 0 calc(100vw * (8 / 1919)) calc(100vw * (32 / 1919)) 0 #eee;
    }
}

@media (max-width: 1180px) {
    .about.dealer .location {
        gap: calc(100vw * (16 / 1180));
        height: calc(100vw * (640 / 1180));
        margin-top: calc(100vw * (40 / 1180));
    }
    .about.dealer .location .shop {
        width: calc(100vw * (340 / 1180));
        border-radius: calc(100vw * (8 / 1180));
        box-shadow: 0 calc(100vw * (8 / 1180)) calc(100vw * (32 / 1180)) 0 #eee;
    }
    .about.dealer .location .hgroup {
        height: calc(100vw * (80 / 1180));
        padding: 0 calc(100vw * (30 / 1180));
    }
    .about.dealer .location .hgroup .txt {
        line-height: calc(100vw * (80 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .about.dealer .location .shop_inner {
        padding: 0 calc(100vw * (8 / 1180)) 0 0;
    }
    .about.dealer .location .scrollbar {
        height: calc(100vw * (640 / 1180) - calc(100vw * (88 / 1180)));
    }
    .about.dealer .location .scrollbar::-webkit-scrollbar {
        width: calc(100vw * (4 / 1180));
    }
    .about.dealer .location .scrollbar::-webkit-scrollbar-thumb {
        border-radius: calc(100vw * (4 / 1180));
    }
    .about.dealer .location .shop_list {
        gap: calc(100vw * (16 / 1180));
        padding: 0 calc(100vw * (30 / 1180)) calc(100vw * (30 / 1180));
    }
    .about.dealer .location .shop_list > li {
        padding: calc(100vw * (30 / 1180)) 0;
    }
    .about.dealer .location .shop_list > li > a {
        padding-right: calc(100vw * (50 / 1180))
    }
    .about.dealer .location .shop_list > li .title {
        font-size: calc(100vw * (20 / 1180));
    }
    .about.dealer .location .shop_list > li .sort {
        margin-top: calc(100vw * (3 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .about.dealer .location .shop_list > li .info_list {
        margin-top: calc(100vw * (16 / 1180));
    }
    .about.dealer .location .shop_list > li .info_list li {
        margin-top: calc(100vw * (6 / 1180));
        padding-left: calc(100vw * (24 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .about.dealer .location .shop_list > li .info_list li::before {
        top: calc(100vw * (4 / 1180));
        width: calc(100vw * (16 / 1180));
        height: calc(100vw * (16 / 1180));
    }
    
    .about.dealer .location .shop_list > li .btn_area {
        top: calc(100vw * (30 / 1180));
    }
    .about.dealer .location .shop_list > li .btn_area a {
        width: calc(100vw * (32 / 1180));
        height: calc(100vw * (32 / 1180));
    }
    .about.dealer .location .shop_list > li .btn_area a::before {
        width: calc(100vw * (9 / 1180));
        height: calc(100vw * (9 / 1180));
    }
    .about.dealer .location .map {
        width: calc(100% - calc(100vw * (340 / 1180)));
        border-radius: calc(100vw * (8 / 1180));
        box-shadow: 0 calc(100vw * (8 / 1180)) calc(100vw * (32 / 1180)) 0 #eee;
    }
}

@media (max-width: 767px) {
    .about.dealer .location {
        flex-direction: column;
        gap: calc(100vw * (16 / 767));
        height: 100%;
        margin-top: calc(100vw * (40 / 767));
    }
    .about.dealer .location .shop {
        order: 2;
        width: 100%;
        border-radius: calc(100vw * (8 / 767));
        box-shadow: 0 calc(100vw * (8 / 767)) calc(100vw * (32 / 767)) 0 #eee;
    }
    .about.dealer .location .hgroup {
        height: calc(100vw * (120 / 767));
        padding: 0 calc(100vw * (40 / 767));
    }
    .about.dealer .location .hgroup .txt {
        line-height: calc(100vw * (120 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .about.dealer .location .shop_inner {
        padding: 0;
    }
    .about.dealer .location .scrollbar {
        overflow-y: unset;
        height: 100%;
    }
    .about.dealer .location .shop_list {
        gap: calc(100vw * (32 / 767));
        padding: 0 calc(100vw * (40 / 767)) calc(100vw * (60 / 767));
    }
    .about.dealer .location .shop_list > li {
        padding: calc(100vw * (40 / 767)) 0;
    }
    .about.dealer .location .shop_list > li > a {
        padding-right: calc(100vw * (74 / 767))
    }
    .about.dealer .location .shop_list > li .title {
        font-size: calc(100vw * (36 / 767));
    }
    .about.dealer .location .shop_list > li .sort {
        margin-top: calc(100vw * (6 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .about.dealer .location .shop_list > li .info_list {
        margin-top: calc(100vw * (32 / 767));
    }
    .about.dealer .location .shop_list > li .info_list li {
        margin-top: calc(100vw * (12 / 767));
        padding-left: calc(100vw * (48 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .about.dealer .location .shop_list > li .info_list li::before {
        top: calc(100vw * (8 / 767));
        width: calc(100vw * (32 / 767));
        height: calc(100vw * (32 / 767));
    }
    .about.dealer .location .shop_list > li .info_list li.address::before {
        background-image: url("../images/about/ico_dealer_address_m.svg");
    }
    .about.dealer .location .shop_list > li .info_list li.tel::before {
        background-image: url("../images/about/ico_dealer_tel_m.svg");
    }
    .about.dealer .location .shop_list > li .info_list li.email::before {
        background-image: url("../images/about/ico_dealer_email_m.svg");
    }
    
    .about.dealer .location .shop_list > li .btn_area {
        top: calc(100vw * (40 / 767));
    }
    .about.dealer .location .shop_list > li .btn_area a {
        width: calc(100vw * (64 / 767));
        height: calc(100vw * (64 / 767));
    }
    .about.dealer .location .shop_list > li .btn_area a::before {
        width: calc(100vw * (17 / 767));
        height: calc(100vw * (17 / 767));
        background-image: url("../images/about/ico_arrow_go_black_m.svg");
    }
    .about.dealer .location .map {
        order: 1;
        width: 100%;
        height: calc(100vw * (460 / 767));
        border-radius: calc(100vw * (8 / 767));
        box-shadow: 0 calc(100vw * (8 / 767)) calc(100vw * (32 / 767)) 0 #eee;
    }
}

/* dealer locator 검색결과 없음 */
.about.dealer .no_result .shop {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.about.dealer .no_result .shop .txt {
    line-height: 1.45;
    color: #aaa;
    font-size: 2rem;
    font-weight: 500;
}
.about.dealer .no_result .shop .txt .num {
    color: #aaa;
    font-weight: 900;
}
.about.dealer .no_result .map {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #D9D9D9;
}
.about.dealer .no_result .map .txt {
    line-height: 1.45;
    color: #aaa;
    font-size: 2rem;
    font-weight: 500;
}

@media (max-width: 1919px) {
    .about.dealer .no_result .shop .txt {
        font-size: calc(100vw * (20 / 1919));
    }
    .about.dealer .no_result .map .txt {
        font-size: calc(100vw * (20 / 1919));
    }
}

@media (max-width: 1180px) {
    .about.dealer .no_result .shop .txt {
        font-size: calc(100vw * (20 / 1180));
    }
    .about.dealer .no_result .map .txt {
        font-size: calc(100vw * (20 / 1180));
    }
}

@media (max-width: 767px) {
    .about.dealer .no_result .shop {
        height: calc(100vw * (900 / 767));
    }
    .about.dealer .no_result .shop .txt {
        font-size: calc(100vw * (32 / 767));
    }
    .about.dealer .no_result .map .txt {
        font-size: calc(100vw * (32 / 767));
    }
}

/* 검색결과 보임 / 안보임*/
.about.dealer .location,
.about.dealer .location.show {
    display: flex;
}
.about.dealer .location.hide {
    display: none;
}
.about.dealer .no_result.show {
    display: flex;
}
.about.dealer .no_result,
.about.dealer .no_result.hide {
    display: none;
}