/**
 * SUNHYUNG - 선형상사 브랜드 전용 스타일
 * 레거시 sunhyung.css 마이그레이션
 *
 * 구성:
 *   - 공통 탑 배너
 *   - 회사소개 (company)
 *   - 연혁 (history / media)
 *   - LAST 사업부 (last)
 *   - 찾아오는길 (direction)
 *   - 수상보도자료 게시판 (board)
 *   - 수상보도자료 상세 (board view)
 *
 * 브랜드 컬러: #ca8d7b (로즈 브라운)
 * 이미지 경로: S3 CDN 원본 유지
 */


/* ==========================================================================
   공통 탑 배너
   ========================================================================== */

.sh_top_banner {
    width: 100%;
    display: flex;
    position: relative;
    z-index: -1;
    max-width: 1920px;
    height: 450px;
    background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/153188505459626.jpg") no-repeat center top;
    background-size: cover;
}
.sh_top_banner::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5 !important;
    background-size: 100%;
    content: "";
    z-index: -1;
    background-color: #111111;
}
.sh_top_txt_wrap {
    width: 50%;
    height: 95px;
    margin: auto;
    text-align: center;
}
.sh_top_txt_wrap > h1 {
    font-size: 50px;
    letter-spacing: 0.8rem;
    padding-left: 0.4rem;
    position: relative;
}
.sh_top_txt_wrap::after {
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.sh_top_txt_wrap > p { line-height: 40px; }


/* ==========================================================================
   회사소개 (Company)
   ========================================================================== */

.company_section {
    background-color: #fff;
    margin-top: 120px;
    overflow: hidden;
    margin-bottom: 120px;
}
.company_top_wrap {
    width: 100%;
    position: relative;
    height: 422px;
}
.company_top_txt_con {
    width: 96%;
    height: 360px;
    background-color: #f7e5dd;
    float: left;
    top: 0;
    left: 0;
}
.company-inner-padding {
    width: 579px;
    height: 253px;
    margin-top: 50px;
    margin-left: 44px;
}

/* 인용부호 아이콘 */
.quotes {
    width: 43px;
    height: 100%;
    background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/15318861651486.png") no-repeat center top;
    background-size: contain;
}
.queotes01 { float: left; }
.queotes02 { float: left; transform: rotate(180deg); }

/* 인사말 텍스트 */
.com-inner-txt-con { width: 468px; height: 100%; float: left; }
.com-inner-txt-con > span { display: block; padding: 24px 10px 0 14px; }
.com-inner-txt-con p {
    font-size: 20px;
    font-style: italic;
    color: #4b4b4b;
    line-height: 1.3em;
    margin-bottom: 17px;
}
.com-inner-txt-con p:nth-child(2) { margin-bottom: 40px; }
.highlight {
    font-size: 30px;
    font-weight: 700;
    color: #ca8d7b;
    line-height: 1rem;
}

/* 대표 사진 */
.company-ceo-pic {
    width: 510px;
    height: 359px;
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: 7px 4px 10px rgba(123,123,123,0.42);
}
.company-ceo-pic > img { width: 100%; height: 100%; }

/* 회사 상세 정보 */
.company_detail_wrap {
    width: 100%;
    overflow: hidden;
    margin-top: 120px;
}
.company-detail-title > h2 {
    font-size: 43px;
    color: #ca8d7b;
    letter-spacing: 1px;
    font-family: 'Work Sans', sans-serif;
}
.company_detail-txt {
    column-count: 2;
    column-gap: 32px;
    margin-top: 30px;
}
.com-detail-padding { padding-right: 50px; }
.com-detail-padding > p {
    margin-bottom: 30px;
    font-size: 17px;
    color: #424242;
}
.point-txt { color: #ca8d7b; font-size: 22px; font-weight: 500; }


/* ==========================================================================
   연혁 (History)
   ========================================================================== */

/* 탭 메뉴 */
#history-tab1, #history-tab2 { display: none; }
#history-tab1:checked ~ #tab_con_1 { display: block; }
#history-tab2:checked ~ #tab_con_2 { display: block; }

.history-tab-menu {
    width: 400px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    border: 1px solid #7f7f7f;
    box-sizing: border-box;
}
.history-tab-menu > label {
    cursor: pointer;
    width: 50%;
    height: 100%;
    font-size: 16.6px;
    color: #424242;
    letter-spacing: 1.2px;
    padding: 9px 0;
    float: left;
    display: block;
    text-align: center;
    transition-duration: 0.5s;
}
.history-tab_con {
    display: none;
    width: 100%;
    overflow: hidden;
}

/* 활성 탭 스타일 */
#history-tab1:checked ~ .history-tab-menu > label:nth-child(1) {
    background-color: #ca8d7b;
    color: #fff;
    border-right: 1px solid #7f7f7f;
}
#history-tab2:checked ~ .history-tab-menu > label:nth-child(2) {
    background-color: #ca8d7b;
    color: #fff;
    border-left: 1px solid #7f7f7f;
}

/* 연혁 타임라인 */
.history-tab_con { margin-top: 100px; position: relative; }
.history-dot {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 3px solid #ca8d7b;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -8px;
}
.history-in-dot {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ca8d7b;
    position: absolute;
    left: 50%;
    top: 1105px;
    margin-left: -5px;
}
.history-line {
    width: 1px;
    height: 1000px;
    overflow: hidden;
    background-color: #ca8d7b;
    position: absolute;
    left: 50%;
    top: 115px;
}
.history-container {
    width: 100%;
    overflow: hidden;
    margin-top: 254px;
    position: relative;
    margin-bottom: 350px;
}
.history-container > li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.history-content { width: 50%; height: auto; float: left; display: flex; }
.history-num {
    font-size: 45px;
    width: 90%;
    font-weight: 700;
    text-align: right;
    color: #ca8d7b;
    float: left;
    font-family: 'Roboto', 'Nanum Gothic', 'Noto Sans', sans-serif;
}
.history-top-bar {
    float: left;
    width: 5%;
    height: 1px;
    background-color: #ca8d7b;
    display: block;
    margin: auto;
    margin-left: 30px;
}
.his-inner { padding: 15px 0 15px 41px; }
.h-con-left { height: 75px; }
.h-con-right > .his-inner > p {
    color: #424242;
    letter-spacing: 1px;
    line-height: 40px;
    font-size: 17px;
}
.hitory-bold { font-weight: 700; margin-right: 20px; }

/* 연혁 배경 번호 */
.history-bg {
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: -1;
    text-align: center;
    position: absolute;
}
.his-bg-number {
    font-size: 110px;
    color: #f2f2f2;
    top: 0;
    left: 0;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}
.bg-num01 { top: 0; }
.bg-num02 { top: 470px; }
.bg-num03 { top: 1010px; }


/* ==========================================================================
   보도자료 타임라인 (Media)
   ========================================================================== */

.media-boundary { max-width: 1200%; margin: 0 auto; position: relative; }
.media-tab_con { margin-top: 100px; position: relative; }
.media-dot {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 3px solid #ca8d7b;
    position: absolute;
    top: 100px;
    left: 40%;
    margin-left: -8px;
}
.media-in-dot {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ca8d7b;
    position: absolute;
    left: 40%;
    top: 1710px;
    margin-left: -5px;
}
.media-line {
    width: 1px;
    height: 1600px;
    overflow: hidden;
    background-color: #ca8d7b;
    position: absolute;
    left: 40%;
    top: 115px;
}
.media-container {
    width: 100%;
    overflow: hidden;
    margin-top: 254px;
    position: relative;
    margin-bottom: 350px;
}
.media-container > li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.media-content { height: auto; float: left; display: flex; }
.media-num {
    font-size: 45px;
    width: 90%;
    font-weight: 700;
    text-align: right;
    color: #ca8d7b;
    float: left;
    font-family: 'Roboto', 'Nanum Gothic', 'Noto Sans', sans-serif;
}
.media-top-bar {
    float: left;
    width: 39px;
    height: 1px;
    background-color: #ca8d7b;
    display: block;
    margin: auto;
    margin-left: 38px;
}
.media-inner { padding: 15px 0 15px 64px; }
.m-con-left { height: 75px; width: 40%; }
.m-con-right { width: 60%; }
.m-con-right > .media-inner > p {
    color: #424242;
    letter-spacing: 1px;
    line-height: 40px;
    font-size: 17px;
}
.media-bold { font-weight: 700; margin-right: 20px; }

/* 보도자료 배경 번호 */
.media-bg {
    left: -180px;
    width: 100%;
    overflow: hidden;
    z-index: -1;
    text-align: center;
    position: absolute;
}
.media-bg-number {
    font-size: 110px;
    color: #f2f2f2;
    top: 0;
    left: 0;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}
.bg-num02 { top: 610px; }
.bg-num03 { top: 1032px; }
.bg-num04 { top: 1613px; }


/* ==========================================================================
   LAST 사업부
   ========================================================================== */

.sh_top_wrap-last { width: 400px; }
.last-sec-wrap {
    width: 100%;
    height: 370px;
    margin-top: 90px;
    margin-bottom: 90px;
}
.last-long-part {
    float: left;
    width: 55%;
    height: 100%;
    position: relative;
}
.last-short-part {
    float: left;
    width: 45%;
    height: 100%;
    position: relative;
    display: flex;
}
.section2, .section3, .section4 { width: 100%; overflow: hidden; }
.section3 { background-color: #f2f2f2; }
.last-under-bg {
    width: 600px;
    height: 316px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.last-bg01 { background-color: #ca8d7b; }
.last-bg02 { border-right: 3px solid #ca8d7b; border-bottom: 3px solid #ca8d7b; }
.last-sec2-pic {
    width: 600px;
    height: 316px;
    position: absolute;
    top: 0;
}
.last-pic01 {
    left: 50px;
    background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/153196786290986.jpg") no-repeat center top;
    background-size: cover;
}
.last-pic02 {
    left: -50px;
    background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/153196780595214.jpg") no-repeat center top;
    background-size: cover;
}
.last-pic03 {
    left: 50px;
    background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/153196781112317.jpg") no-repeat center top;
    background-size: cover;
}

.last-inner { width: 400px; height: 272px; margin: auto; }
.last-inner > h2 { color: #ca8d7b; font-size: 24px; letter-spacing: 1px; }
.last-bar { width: 90%; height: 1px; background-color: #ca8d7b; display: block; }
.last-quotes {
    float: left;
    background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/153196883321143.png") no-repeat;
    background-size: cover;
    width: 20px;
    height: 16px;
    display: block;
}
.last-quotes02 { transform: rotate(180deg); }
.last-bus-txt { float: left; }

.last-in-inner01 { width: 100%; height: 90px; margin-top: 30px; }
.last-in-inner01 > .last-bus-txt {
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
}
.last-in-inner01 > .last-bus-txt > p {
    font-size: 30px;
    color: #4c4c4c;
    font-weight: 700;
    line-height: 44px;
}
.last-in-inner > p {
    font-size: 17px;
    color: #424242;
    padding-right: 50px;
    margin-top: 20px;
}


/* ==========================================================================
   찾아오는길 (Direction)
   ========================================================================== */

.sh_direction { margin-top: 100px; }
.sh_map_con { width: 100%; height: 770px; position: relative; }
.sh_map { width: 100%; height: 700px; }
.sh_map iframe { border: 0; }
.sh_dir_txtbox {
    width: 70%;
    height: 134px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-color: #ca8d7b;
    left: 50%;
    margin-left: -35%;
}
.sh_dir_txtbox p { color: #fff; }
.sh_dir_inner { width: 100%; height: 100%; }
.sh_dir_inner > li {
    float: left;
    height: 100%;
    text-align: center;
    display: table;
    position: relative;
}
.sh_dir_inner > li:nth-child(1) { width: 25%; }
.sh_dir_inner > li:nth-child(2) { width: 75%; }
.sh_dir_inner > li .sh-dir-title {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.sh_dir_inner > li:nth-child(1)::after {
    content: "";
    width: 1px;
    height: 60%;
    position: absolute;
    top: 20%;
    right: 0;
    display: block;
    background-color: #fff;
}
.sh-dir-inner-txt {
    width: 80%;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
}

/* 교통편 안내 */
.sh_direction-inner {
    width: 70%;
    height: 155px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 80px;
}
.sh_direction-inner > li { width: 50%; float: left; height: 100%; }

.sh_trans-icon {
    width: 20%;
    height: 90%;
    float: left;
    position: relative;
    border-right: 2px solid rgba(202,141,123,0.43);
}
.sh_trans_info { width: 80%; height: 100%; float: left; }
.sh_trans_info > p { padding-left: 30px; }
.sh_trans_icon { width: 50px; height: 40px; }
.train {
    background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/153202991563238.png") no-repeat center top;
    background-size: 100%;
}
.bus {
    background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/15320299206241.png") no-repeat center top;
    background-size: 100%;
}
.trans-info-txt { font-size: 22px; margin-bottom: 16px; }


/* ==========================================================================
   수상보도자료 게시판
   ========================================================================== */

/* 검색창 */
.search_table { overflow: hidden; }
.sh_board { margin: 0 auto; margin-top: 100px; }
.template-hidden { display: none; }
.sh_search_inner { float: right; }
.sh_search_container {
    width: 100%;
    padding: 20px;
    background-color: #f5f5f5;
    margin-bottom: 60px;
    overflow: hidden;
}
.sh_search_inner .sch_input {
    height: 46px;
    width: 287px;
    padding-left: 15px;
    background: #fff;
    float: left;
    border: 0;
}
.sch_btn {
    height: 46px;
    float: left;
    border: 0;
    width: 40px;
    font-size: 15px;
    background-color: #fff;
}
/* 검색 돋보기 아이콘 */
.find {
    display: inline-block;
    color: #ca8d7b;
    font-size: 1.5em;
    font-weight: normal;
    width: 20px;
    height: 20px;
    background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/153203737552429.png") no-repeat center top;
    background-size: cover;
}

/* 검색 결과 카운트 */
.sh_search-list-total { font-size: 14px; padding-bottom: 12px; }
.sh_search-list-total > p { color: #7f7f7f; }
.sh_search-list-total span.sch-color { color: #ca8d7b; font-weight: bolder; }

/* 게시판 테이블 */
.searchboard_table { width: 100%; font-size: 15px; table-layout: fixed; }
.searchboard_table th,
.searchboard_table td {
    padding: 20px 10px;
    vertical-align: middle;
    text-align: center;
    color: #424242;
}
.searchboard_table th {
    border-top: 2px solid #ca8d7b;
    border-bottom: 1px solid rgba(202, 141, 123, 0.5);
    font-weight: 300;
    letter-spacing: 2px;
}
.searchboard_table td {
    border-bottom: 1px solid rgba(202, 141, 123, 0.5);
    cursor: pointer;
}
.sh_board_empty { text-align: center; padding: 40px 0; color: #7f7f7f; }
.searchboard_table td.board_title:hover { color: #ca8d7b; }
.board_title { width: 50%; }

/* 페이지네이션 */
.pagination_container { padding-top: 60px; }
.pagination { text-align: center; font-size: 15px; }
.pagination .page_item {
    cursor: pointer;
    display: inline-block;
    margin: 0 6px;
    color: #424242;
    border: none;
    height: 38px;
    width: 38px;
    line-height: 38px;
    background-color: transparent;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-transform: uppercase;
}
.page_item:hover { color: #ca8d7b; }


/* ==========================================================================
   수상보도자료 상세 (Board View)
   ========================================================================== */

.sh_board_view { color: #111111; font-size: 14px; }
.sh_board_view_title_wrap {
    overflow: hidden;
    padding: 15px 24px 20px 24px;
    border-top: 2px solid #ca8d7b;
    border-bottom: 1px solid rgba(202, 141, 123, 0.5);
}
.sh_board_title { font-size: 20px; font-weight: 500; }
.sh-board-view { padding-top: 0; float: left; }
.sh-board-view > li { font-size: 14px; float: left; color: #b3b3b3; }
.sh-board-view > li:nth-child(2) { margin-right: 15px; margin-left: 15px; }
.sh_board_view_wrap {
    padding: 30px;
    min-height: 300px;
    border-bottom: 1px solid rgba(202, 141, 123, 0.5);
    font-size: 15px;
    letter-spacing: 0.5px;
}

/* 이전글/다음글 */
.sh_pre_next_wrap {
    width: 100%;
    border-top: 2px solid #ca8d7b;
    text-align: left;
}
.sh_pre_next_wrap > dl {
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(202, 141, 123, 0.5);
    font-size: 14px;
}
.sh_pre_next_wrap dt { padding: 0 30px; float: left; }
.sh_pre_next_wrap dd { padding: 0 30px; float: left; color: #b3b3b3; }
.sh_prenext::after { content: ""; display: block; clear: both; }
.sh_prn-btn {
    font-family: "FONT Awesome 5 Free";
    display: inline-block;
    font: normal;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 15px;
}
.sh_prn-btn > i { display: block; }

/* 목록 버튼 */
.sh_board-view-list {
    margin: 0 auto;
    display: table;
    margin-top: 30px;
    margin-bottom: 100px;
}
.sh_board-view-list > a {
    width: 150px;
    height: 50px;
    background-color: #ca8d7b;
    display: table-cell;
    font-size: 15px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}