/**
 * SUNHYUNG & DOREMI - 반응형 스타일
 * 레거시 responsive.css 마이그레이션
 *
 * 브레이크포인트:
 *   - 1300px: 포털 메인
 *   - 1200px: 데스크탑 축소
 *   - 1024px: 태블릿 (아이패드 프로)
 *   - 960px: 모바일 전환
 *   - 768px: 모바일 중간
 *   - 680px: 모바일 작은
 *   - 560px: 모바일 최소
 *   - 380px: 초소형 디바이스
 */


/* ==========================================================================
   1300px 이하
   ========================================================================== */

@media all and (max-width: 1300px) {
    /* 포털 메인 */
    .main_container { width: 90%; height: 90%; }
}


/* ==========================================================================
   1200px 이하 - 데스크탑 축소
   ========================================================================== */

@media all and (max-width: 1200px) {

    /* 선형상사 헤더 */
    .header_menu_container,
    .header_menu_container_block { width: 70%; }

    /* 포털 메인 */
    .logo { width: 85%; margin-left: auto; margin-right: auto; }
    .sunhyung_logo { left: 8%; }

    /* 선형상사 회사 메인 */
    .boundary, .do-boundary { width: 96%; }
    .sh_sec1_con, .sh_sec2_con { width: 95%; margin: auto; }
    .sh_sec2_con { margin-bottom: 6rem; }
    .sh_sec2_con > li { width: 32%; }
    .sh_sec2_con > li:nth-child(2) { margin-right: 2%; margin-left: 2%; }
    .sh_sec2_txt { padding: 30px 9px 60px 9px; }
    .sh_sec2_pic { height: 226px; }

    /* 선형상사 회사소개 */
    .company_top_txt_con { width: 100%; height: 475px; margin-top: 223px; position: relative; overflow: hidden; }
    .company-inner-padding { position: relative; width: 96%; margin: auto; margin-top: 170px; }
    .company-ceo-pic { width: 50%; top: 0; bottom: unset; left: 50%; margin-left: -25%; }
    .com-inner-txt-con { text-align: center; width: 90%; }
    .quotes { width: 5%; }
    .company_top_wrap { overflow: hidden; position: relative; height: unset; }
    .company_detail_wrap { padding: 20px; margin-top: 0; }

    /* 선형상사 수상내역 */
    .sh_board { width: 96%; }

    /* 선형상사 LAST 사업부 */
    .section2, .section3, .section4 { width: 95%; margin: 0 auto; margin-top: 80px; }
    .last-short-part { float: right; }
    .last-under-bg { display: none; }
    .last-long-part { width: 50%; }
    .last-short-part { width: 50%; }
    .last-pic01, .last-pic03, .last-pic02 { left: 0; }
    .last-sec2-pic { width: 100%; }

    /* 선형상사 찾아오는길 */
    .sh_map_con { width: 90%; margin: 0 auto; }

    /* 도레미 브랜드 스토리 */
    .doremi-brand { width: 90%; }

    /* 도레미 제품소개 */
    .intro-bg { display: none; }
    .product-introduction { width: 95%; margin: 0 auto; margin-top: 80px; margin-bottom: 80px; }
    .doremi-process-intro > li { width: 48.5%; margin-right: 3%; margin-bottom: 2rem; }
    .doremi-process-intro > li:nth-child(2n) { margin-right: 0; }
    .intro-pic { width: 100%; }
    .intro-pic01, .intro-pic02, .intro-pic03, .intro-pic04 { background-size: 70%; }

    /* 도레미 QnA */
    .doremi_board_view { width: 95%; margin: 0 auto; }

    /* 도레미 찾아오는길 */
    .doremi_map_con { width: 90%; margin: 0 auto; }

    /* 도레미 문의 작성 */
    .qna_input_2 > li > input { width: 100%; }
    .qna_input_3 > li > textarea { width: 100%; height: 300px; }

    /* 푸터 */
    .footer_wrap { width: 90%; margin: auto; }

    /* 도레미 상품 상세 */
    .product-introduction > ul { margin: 0 16px; }
    .detail_title { font-size: 22px; margin-top: 16px; }
    .detail_sub_title { margin-top: 4px; }
}


/* ==========================================================================
   1024px 이하 - 태블릿 (아이패드 프로)
   ========================================================================== */

@media all and (max-width: 1024px) {

    /* 선형상사 헤더: 데스크탑 메뉴 숨김, 모바일 메뉴 표시 */
    .sunhyung_menu_container,
    .sunhyung_menu_container_block { display: none; }
    #menu-wrap, #do-menu-wrap { border-bottom: 1px solid #eee; }
    #main-nav, #do-main-nav { display: block; border-bottom: none; }
    .sh_logo, .sh_bl_logo { left: 30px; }
    .sh_bl_logo {
        width: 97px;
        height: 21px;
        margin-top: -10.5px;
        background-size: cover;
    }
    .doremi_bl_logo {
        width: 100px;
        left: 30px;
        height: 25px;
        margin-top: -12.5px;
        background-size: contain;
    }

    /* 포털 메인 */
    .main_page { width: 100%; height: 50vh; background-size: 105%; }

    /* 선형상사 회사 메인 */
    .sec2_title { font-size: 18px; }
    .sh_sec2_icon { margin-right: 4px; }

    /* 도레미 QnA */
    .doremi_reply_admin ul > li:nth-child(1) { width: 100%; text-align: left; height: 20px; line-height: 0; margin-left: 2px; }
    .doremi_reply_admin ul > li:nth-child(2) { width: 100%; }
    .doremi_reply_admin ul > li { padding: 10px; }

    /* 도레미 상품 상세 */
    .detail_title { font-size: 20px; }
}


/* ==========================================================================
   960px 이하 - 모바일 전환
   ========================================================================== */

@media all and (max-width: 960px) {

    /* 데스크탑 전용 요소 숨김 */
    .mo_del { display: none; }

    /* 선형상사 비주얼: 동영상 대신 정적 배경 */
    .visual {
        width: 100%;
        height: 450px;
        z-index: -1;
        background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/1533502560725.jfif") no-repeat center;
    }
    .visual::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;
    }
    .visual_txt_wrap {
        width: 97%;
        height: 160px;
        position: absolute;
        top: 50%;
        margin-top: -50px;
    }
    .sh_main_title, .doremi_main_title { width: 100%; background-size: 90%; }
    .visual_txt_wrap > p { font-size: 15px; }
    .sh_sec1_text { margin: 25px auto; }

    /* 선형상사 회사소개 */
    .company_detail-txt { column-count: 1; }
    .com-detail-padding { padding-right: 10px; }

    /* 선형상사 연혁 */
    .history-tab-menu { width: 90%; }
    .history-dot, .history-in-dot { left: 10%; }
    .history-in-dot { top: 1267px; }
    .history-line { left: 10%; height: 1160px; }
    .history-container > li { width: 82%; float: right; }
    .history-content { width: 100%; }
    .history-num { text-align: left; }
    .history-top-bar { margin-left: unset; position: absolute; margin-top: 39px; left: 10%; }
    .history-bg { text-align: left; }

    .history-tab_con { margin-top: unset; }
    .media-dot, .media-in-dot { left: 10%; }
    .media-line { left: 10%; }
    .m-con-left { width: 100%; }
    .m-con-right { width: 100%; }
    .media-content { float: right; }
    .media-inner { padding: unset; margin-left: 17%; padding-right: 25px; }
    .m-con-right > .media-inner > p { font-size: 13px; line-height: 25px; }
    .media-num { text-align: left; margin-left: 17%; }
    .media-top-bar { position: absolute; left: 10%; margin-left: unset; margin-top: 36px; }
    .media-bg { left: 0; text-align: left; }

    /* 선형상사 LAST */
    .section2, .section3, .section4 { margin-top: 40px; }
    .last-long-part { width: 100%; }
    .last-sec2-pic { height: 400px; position: relative; }
    .last-pic01, .last-pic02, .last-pic03 { background-position: center; }
    .last-short-part { width: 100%; height: 80%; float: left; }
    .last-sec-wrap { width: 100%; height: 370px; margin-top: 0; }
    .last-inner { width: 100%; padding: 25px; padding-top: 40px; }
    .last-bar { width: 100%; }
    .last-in-inner > p { padding-right: 0; }
    .sec02-last-inner { padding-top: 50px; }
    .last-in-inner01 > .last-bus-txt > p { font-size: 26px; }

    /* 선형상사 찾아오는길 */
    .sh_map { height: 450px; }
    .sh_map_con { height: unset; }
    .sh_direction { overflow: hidden; }
    .sh_dir_txtbox { width: 100%; left: 0; position: relative; margin-left: 0; }
    .sh_direction-inner { width: 90%; }

    /* 도레미 공통 배너 */
    .doremi_top_txt_wrap > h1 { font-size: 30px; }

    /* 도레미 회사 메인: 동영상 대신 정적 배경 */
    .do-mo_del { display: none; }
    .do-visual {
        position: relative;
        width: 100%;
        height: 450px;
        z-index: -1;
        background: url("https://d1qwqwcfqaqmy4.cloudfront.net/static/images/SUNHYUNG/15335025666014.jfif") no-repeat center;
        background-size: cover;
    }
    .do-visual::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;
    }
    .doremi_product_wrap { width: 95%; margin: 0 auto; }
    .doremi_product_wrap > li { width: 49%; margin-right: 2%; margin-bottom: 2em; }
    .doremi_product_wrap > li:nth-child(2n) { margin-right: 0; }
    .do-brand01 { border-bottom: 1px solid rgba(255,255,255,0.5); }
    .dormei_brand_wrap { width: 95%; margin: 0 auto; }
    .doremi_brand-con { width: 100%; height: unset; }
    .doremi_brad_con_right { margin-bottom: 100px; padding-top: 16%; border-top: 1px solid rgba(255,255,255,0.5); }

    .do-brand-padding .do-br-font { width: 100%; }

    /* 도레미 제작 과정 */
    .doremi-process { width: 95%; margin: 0 auto; margin-top: 80px; }

    /* 도레미 브랜드 스토리 */
    .brand-txt-inner01 > p:nth-child(2) { font-size: 32px; }
    .brand-txt-02 { font-size: 22px; }
    .brand-txt-03 { font-size: 18px; }

    /* 도레미 제작 과정 상세 */
    .process-section { height: unset; overflow: hidden; }
    .trans_text-form { display: none; }
    .process-pic { height: 340px; width: 100%; }
    .process-pic02 { position: relative; right: 0; }
    .process-pic01, .process-pic02, .process-pic03 { background-size: cover; }
    .process-pic { margin-left: 0; position: relative; }
    .process-information { height: 307px; width: 100%; position: relative; }
    .process02 { margin-top: 40px; }
    .pro-info01, .pro-info02 { top: 0; margin-top: 0; }
    .pc { display: none; }
    .mobile { display: block; }

    /* 도레미 찾아오는길 */
    .doremi_map { height: 450px; }
    .doremi_map_con { height: unset; }
    .do_direction { overflow: hidden; }
    .doremi_dir_txtbox { width: 100%; left: 0; position: relative; margin-left: 0; }
    .doremi_direction_inner { width: 90%; }

    /* 도레미 문의 작성 */
    .qna_input_box { width: 87%; }
    .qna_input_1 > li, .qna_input_2 > li, .qna_input_3 > li { float: none; }
    .qna_input_1, .qna_input_2, .qna_input_3 { height: 85px; padding-top: 3px; }
    .qna_input_3 { height: 400px; padding-top: 20px; }
    .qna_input_2 > li, .qna_input_3 > li { width: 98.5%; }
    .qna_text_btn { float: right; margin-right: 10px; }
    .qna_input_3 > li > textarea, .qna_input_2 > li > input { width: 100%; }
    .qna_input_3 > li > textarea { border: 1px solid rgb(211, 210, 210); }
    .qna_input_3 > li:nth-child(1) { width: 100%; }
    .qna_input_3 > li:nth-child(2) { width: 100%; }
    .qna_input_3 { height: auto; overflow: hidden; }

    .qna_textarea { width: 100%; }
    .qna_textarea > ul input { margin-right: 0; }

    /* 도레미 상품 상세 */
    .detail_wrap { width: calc(50% - 15px); }
}


/* ==========================================================================
   768px 이하 - 모바일 중간
   ========================================================================== */

@media all and (max-width: 768px) {

    /* 선형상사 회사 메인 */
    .sh_top_txt_wrap { width: 95%; margin: 0 auto; margin-top: 165px; }
    .sh_top_txt_wrap > h1 { font-size: 34px; }
    .sh_top_banner { height: 370px; }
    .sub_title { font-size: 15px; }
    .sh_sec1_con > li { width: 100%; }
    .sh_sec1_con > li:nth-child(1) { padding-right: 0; margin-bottom: 20px; }
    .sh_sec1_con > li:nth-child(2) { padding-left: 0; }
    .pdd-right { padding-right: 0; }
    .inner03 p { padding-left: 0; }
    .more_link { width: 116px; }
    .sh_section1 { margin-bottom: 5em; }
    .sh_section3 { margin: 5em 0 5em 0; }

    .sh_sec2_con > li { width: 100%; margin-bottom: 20px; }
    .sh_sec2_txt { padding: 30px 20px 30px 20px; }
    .sh_sec2_con > li:nth-child(2) { margin-right: 0; margin-left: 0; }

    .sh_sec3_wrap { width: 95%; margin: auto; margin-bottom: 100px; }
    .f-size-30 { font-size: 26px; }
    .f-size-38 { font-size: 30px; }

    /* 선형상사 연혁 */
    .his-inner { padding: 15px 0 15px 0; }
    .h-con-right > .his-inner > p { font-size: 15px; line-height: 29px; }
    .media-top-bar { width: 5%; }

    /* 선형상사 수상내역 */
    .searchboard_table th:last-child, .searchboard_table th:nth-child(3) { display: none; }
    .searchboard_table td:last-child, .searchboard_table td:nth-child(3) { display: none; }
    .searchboard_table .number { width: 18%; }
    .board_title { width: 58%; }
    .searchboard_table th, .searchboard_table td { font-size: 14px; }

    /* 선형상사 찾아오는길 */
    .sh_trans_info > p:nth-child(2) { font-size: 14px; }

    /* 도레미 메인 */
    .doremi_shoe { height: 150px; }
    .doremi_product_link { margin-top: 40px; margin-bottom: 40px; }
    .doremi_brad_con_right > .do-brand-tt { font-size: 17px; line-height: 24px; }
    .do-txt-big { font-size: 33px; line-height: 40px; margin-bottom: 20px; }

    /* 도레미 브랜드 스토리 */
    .brand-pic-01, .brand-pic-02 { height: 350px; }
    .brand-txt-02 { top: 418px; font-size: 16px; }
    .brand-txt-03 { top: 850px; font-size: 15px; }
    .brand-pic-03 { bottom: 290px; height: 457px; }

    /* 도레미 문의 게시판 */
    .qna { width: 95%; margin: 0 auto; margin-top: 50px; }
    .qna_input_title { width: 100%; }
    .qna_input_0 > li.qna_input_title { width: 18%; }
    .qna_type { display: none; }
    ul.qna_input_1.qna_input_type { height: 60px; line-height: 48px; }
    .doremi_qna-table th:last-child, .doremi_qna-table th:nth-child(3) { display: none; }
    .doremi_qna-table td:last-child, .doremi_qna-table td:nth-child(3) { display: none; }
    .doremi_qna-table .number { width: 18%; }

    /* 도레미 찾아오는길 */
    .doremi_trans_info > p:nth-child(2) { font-size: 14px; }

    /* 도레미 문의 작성 */
    .qna_input_2 > li, .qna_input_3 > li { width: 100%; }

    /* 푸터 */
    .footer_sh_address { font-size: 13px; }
    .footer_do_address { margin-left: unset; margin-top: 20px; }
}


/* ==========================================================================
   680px 이하 - 모바일 작은
   ========================================================================== */

@media screen and (max-width: 680px) {

    /* 선형상사 회사소개 */
    .company-ceo-pic { width: 80%; margin-left: -40%; }
    .com-inner-txt-con { width: 90%; }
    .com-inner-txt-con p { font-size: 15px; }
    .highlight { font-size: 20px; }

    /* 선형상사 수상보도 */
    .sh_search_inner .sch_input { width: 255px; }

    /* 선형상사 찾아오는길 */
    .sh_dir_inner > li:nth-child(1), .sh_dir_inner > li:nth-child(2) { width: 100%; height: 50%; }
    .sh_dir_inner > li:nth-child(1)::after { width: 70%; height: 1px; top: 90%; left: 50%; margin-left: -35%; }
    .sh-dir-inner-txt { font-size: 15px; }
    .sh_direction-info { overflow: hidden; }
    .sh_direction-inner > li { width: 100%; margin-bottom: 15px; }

    /* 도레미 브랜드 스토리 */
    .doremi-brand > li { width: 100%; position: relative; }
    .brand-pic-01, .brand-pic-02 { background-size: cover; }
    .brand-pic-03 { display: none; }
    .doremi-brand-txt, .doremi-brand-pic { height: 287px; }
    .brand-pic-02 { top: 287px; }
    .brand-txt-02 { top: -273px; }
    .brand-txt-03 { top: 50px; }
    .h-line-01 { left: 9%; top: 169px; }
    .h-line-03 { display: none; }
    .doremi_h-line { height: 80px; }
    .dormei-brand-link { position: relative; margin: 0 auto; margin-top: 4rem; }

    /* 도레미 제품소개 */
    .intro-pic { height: 213px; }
    .intro-pic01, .intro-pic02, .intro-pic03, .intro-pic04 { background-size: 85%; }

    /* 도레미 문의 게시판 */
    .doremi_qna_inner .sch_input { width: 270px; }

    /* 도레미 찾아오는길 */
    .doremi_dir_inner > li:nth-child(1), .doremi_dir_inner > li:nth-child(2) { width: 100%; height: 50%; }
    .doremi_dir_inner > li:nth-child(1)::after { width: 10%; height: 1px; top: 90%; left: 50%; margin-left: -5%; background-color: #111111; }
    .doremi-dir-inner-txt { font-size: 15px; }
    .doremi_direction-info { overflow: hidden; }
    .doremi_direction-inner > li { width: 100%; margin-bottom: 15px; }

    /* 도레미 상품 상세 */
    .product-introduction > ul { gap: 40px 20px; }
    .detail_wrap { width: calc(50% - 10px); }
}


/* ==========================================================================
   560px 이하 - 모바일 최소
   ========================================================================== */

@media all and (max-width: 560px) {

    .footer_sh_address { margin-top: 10px; }
    .company-detail-title > h2 { max-width: 280px; margin: 0 auto; text-align: center; }
    .com-detail-padding { padding-right: 0; text-align: center; }
    .qna_input_4 { height: 100px; }

    .doremi_top_txt_wrap > h1 br { display: block; }

    /* 도레미 상품 상세 */
    .product-introduction > ul { gap: 36px; }
    .detail_wrap { width: 100%; }
    .detail_sub_title { margin-top: 0; }
}


/* ==========================================================================
   380px 이하 - 초소형 디바이스
   ========================================================================== */

@media screen and (max-width: 380px) {
    /* 현재 추가 스타일 없음 - 필요 시 확장 */
}