@charset "UTF-8";

.section_about_main .contents_top.contents_top_visual::after {
    background-image:url("/img/about/img_main_visual-75663d91795ccc94a93740dae1060f0c.jpg");
}

.main_ceo .content_area_column .column_right {
    width:928px;
}
.main_ceo .signature {
    display:flex;
    align-items:center;
    margin-top:60px;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 600;
}
.main_ceo .signature .ceo_name {
    display:inline-block;
    margin-left:16px;
    font-family: "Nanum Myeongjo";
}

.main_history {
    display:flex;
    flex-direction:column;
    gap:120px;
}
.main_history .history_list {
    display:flex;
    gap:56px;
}
.main_history .text_year {
    display:inline-block;
    font-size:6rem;
    line-height:1.4;
    font-weight:500;
}
.main_history .text_desc {
    color:#333;
    margin-top:24px;
}
.main_history .history_list.history_list_2023 {
    padding-left:120px;
}
.main_history .history_list.history_list_2021 {
    padding-left:259px;
}
.main_history .history_list.history_list_2017 {
    padding-left:408px;
}
.main_history .history_list.history_list_2007 {
    padding-left:148px;
}
.main_history .history_list.history_list_1999 {
    padding-left:348px;
}
.main_history .history_list.history_list_1999 .history_box > img {
    width:480px;
}
.main_history .history_list.history_list_2007 .history_box > img {
    width:800px;
}
.main_history .history_list.history_list_2017 .history_box > img {
    width:540px;
}
.main_history .history_list.history_list_2019 .history_box > img {
    width:720px;
}
.main_history .history_list.history_list_2021 .history_box > img {
    width:510px;
}
.main_history .history_list.history_list_2023 .history_box > img {
    width:570px;
}
.main_history .history_list.history_list_2025 .history_box > img {
    width:1028px;
}

.main_location .location_text {
    margin-top:48px;
}
.main_location .text_name {
    font-size:2.4rem;
    line-height:1.4;
    font-weight:600;
}
.main_location .text_address {
    font-size:1.6rem;
    line-height:1.5;
    margin-top:12px;
}

/* 히스토리 보기 text_link (PC/MO 공통) */
.section_about_main .title_area .wrap_text_link {
    display: flex;
    flex-direction: column;
    width: fit-content;
}
.section_about_main .title_area .wrap_text_link::after {
    content: "";
    align-self: stretch;
    height: 1px;
    border-radius: 1px;
    background: #808080;
}
.section_about_main .title_area .text_link {
    font-weight: 400;
    padding-right: 16px;
}
.section_about_main .title_area .text_link .text {
    text-decoration: none;
}
.section_about_main .title_area .text_link::after,
.section_about_main .title_area .text_link::before {
    width: 10px;
    height: 10px;
    background-image: url("/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
}
.section_about_main .title_area a.text_link:focus::after,
.section_about_main .title_area a.text_link:focus::before,
.section_about_main .title_area a.text_link:hover::after,
.section_about_main .title_area a.text_link:hover::before {
    background-image: url("/img/common/icon/icon_bestseller_text_link_arrow-976cd65a3d9fa1e7f3e76d2206d03619.svg");
    background-position: center;
    background-size: contain;
}

/*pc*/
@media only screen and (min-width: 1170px) {
.section_about_main .contents_top_header .title_list {
        margin-top: -66px;
    }

    .section_about_main .title_area .wrap_text_link {
        margin-top: 54px;
    }
    .section_about_main .title_area .text_link {
        line-height: 150%;
        padding-bottom: 2px;
    }
    .section_about_main .title_area .text_link::before {
        top: 8px;
    }
    .section_about_main .title_area a.text_link:focus::after,
    .section_about_main .title_area a.text_link:hover::after {
        top: 7px;
    }
}
/* Mobile (1169.98px 이하) */
@media only screen and (max-width: 1169.98px) {
    .section_about_main .contents_top.contents_top_visual::after {
        background-image:url("/img/about/img_main_visual_mo-bb6933ed934b601941114105e8289bde.jpg");
    }

    .main_ceo .content_area_column .column_right {
        width:auto;
    }
    .main_ceo .signature {
        margin-top:30px;
        font-size: 1.6rem;
        line-height: 1.5;
        color:#333;
    }
    .main_ceo .signature .ceo_name {
        margin-left:12px;
    }

    .main_history {
        gap:60px;
    }
    .main_history .history_list {
        flex-direction:column;
        gap:30px;
    }
    .main_history .history_list.history_list_reverse {
        flex-direction: column-reverse;
    }
    .main_history .history_box > img {
        width:100%;
    }
    .main_history .text_year {
        font-size:3.2rem;
        line-height:1.4;
        font-weight:500;
    }
    .main_history .text_desc {
        margin-top:16px;
    }
    .main_history .history_list.history_list_2023,
    .main_history .history_list.history_list_2021,
    .main_history .history_list.history_list_2017,
    .main_history .history_list.history_list_2007,
    .main_history .history_list.history_list_1999 {
        padding-left:0;
    }
    .main_history .history_list.history_list_1999 .history_box > img,
    .main_history .history_list.history_list_2007 .history_box > img,
    .main_history .history_list.history_list_2017 .history_box > img,
    .main_history .history_list.history_list_2019 .history_box > img,
    .main_history .history_list.history_list_2021 .history_box > img,
    .main_history .history_list.history_list_2023 .history_box > img,
    .main_history .history_list.history_list_2025 .history_box > img {
        width:100%;
    }
    .main_location img {
        width:100%;
    }
    .main_location .location_text {
        margin-top:24px;
    }
    .main_location .text_name {
        font-size:1.6rem;
        line-height:1.5;
        font-weight:600;
        color:#333;
    }
    .main_location .text_address {
        font-size:1.4rem;
        line-height:1.5;
        color:#333;
        margin-top:8px;
    }

    .section_about_main .title_area .wrap_text_link {
        margin-top: 23px;
    }
}