@charset "utf-8";


@media only screen and (max-width:1280px) {
    .inner { padding:0 10px; }
    #s_gnb { padding-left:50px; }
    #hd_wrapper .hd_logo_wrap { padding:20px; }

}

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

    .tnb_left p { font-size:12px; }
    #logo img { width:250px; }

    #s_gnb .gnb_ul > li > a { font-size:15px; }
    #s_gnb .gnb_ul > li .lnb a { font-size:14px; }
    .mv_content h2 { font-size:30px; }
    .mv_top_text { font-size:14px; }
    .mv_bottom_text { font-size:14px; line-height:20px; }

    .mv_arr img { width:20px; }

    .sec2_slide { padding:0 20px; }
    .sec2_slide > div { flex-direction: column; }
    .sec2Swiper { height:auto; }
    .sec2_left { width:100%; }
    .sec2_right { width:100%; margin-top:10px; }
    .empty_place { display:none; }
    .sec2_arr { display:none; }

    .tabArea .tabBox { padding:10px; }
    .tabArea .tab li a { font-size:13px; padding:15px 10px; margin:0; }
    .tabBox > div { flex-direction: column; }
    .tab_img { width:100%; }
    .tab_text { width:100%; padding:20px; }
    .tab_text h4 { font-size:20px; line-height:30px; }
    .tab_text_mid { font-size:15px; }
    .tab_text_bottom { font-size:13px; }
    .tab_text a { width:100%; }

    .sec4_title p { font-size:14px; }
    .sec4_title h3 { font-size:20px; }
    .sec4Swiper { height:auto; }
    .sec4_slide > div { flex-direction: column; }
    .sec4_left { width:100%; height:150px; }
    .sec4_right { width:100%; height:auto; padding:10px; }
    .sec4_right p { font-size:13px; }

    #section5 .inner { flex-direction: column; }
    .sec5_left { width:100%; padding:0; }
    .sec5_slide { position:relative; padding-top:50%; }
    .sec5_slide img { height:auto; width:100%; position:absolute; top:0; left:0; right:0; }
    .pager_back { position:unset; margin:0; width:100%; padding:10px; height:auto; }
    .sec5_right { padding:20px; width:100%; }
    .sec5_right h3 { font-size:20px; text-align:center; line-height:30px; }
    .sec5_mid_text { font-size:16px; text-align:center; }
    .sec5_bottom_text { font-size:13px; text-align:center; }
    .sec5_right a { width:100%; text-align:center; }

    .latest_wrap { flex-direction: column; }
    .latest_wrap > div { width:100%; }
    .latest_video { margin:0; margin-top:50px; }
    .board_latest { padding:10px; }
    .board_latest h4 { font-size:20px; }
    .board_latest h4 span { font-size:13px; }

    .lv_title h4 { font-size:20px; }
    .lv_title h4 span { font-size:13px; }
    .lv_title p { font-size:13px; }

    .partner_list { flex-wrap: wrap; }
    .partner_list li { width:33.33333%; height:auto; border:none; padding:10px; }
    .partner_list li img { width:80%; }

    #ft_wr { flex-direction: column; }
    .ft_logo { text-align:center; width:100%; }
    .ft_logo img { width:200px; }
    .ft_info { text-align:center; width:100%; font-size:12px; padding:50px 20px 0px; }

    /* 서브페이지 */
    .subpage_wrap { position:relative; }
    .sh_back { height:200px; }
    .sh_title h2 { font-size:30px; }
    .sh_location { margin-top:-37px; background:transparent; }
    .sh_location ul li a { padding:10px; font-size:13px; margin:0px; }
    .admin_btn { position:absolute; top:10px; right:10px; }

    .subpage_header .sh_location ul { flex-wrap:wrap; justify-content: flex-start; align-items: flex-start;background-color:#f1f1f1;  }
    .sh_location ul li { width:auto; }
    .sh_location ul li a { color:#666; font-size:12px; }

        /* 인사말 */
    .intro_text h3 { font-size:20px; line-height:30px; }
    .intro_text p { font-size:13px; line-height:20px; }

    /* 연혁 */
    .subpage_title { text-align:center; }
    .subpage_title h3 { font-size:20px; }
    .subpage_title p { font-size:13px; }
    .history_li { flex-direction: column; text-align:center; width:100%; padding:30px 20px; }
    .history_year { font-size:25px;  width:100%; }
    .history_inner { width:100%; }
    .history_inner span { font-size:15px; margin-bottom:0px; }
    .history_inner p { font-size:13px; margin-bottom:15px; }

    /* 조직도 */
    .block_item.parent_first { width:150px; }
    .block_item.parent_second { width:150px; }
    .block_item { width:20%; margin:0 1px; font-size:12px; }
    .tree_child { width:100%; margin-left:0px; }
    .child_block { width:100%; font-size:12px; }
    .child_block:before { display:none; }
    .tree_child_parent .child_block:before { display:none; }
    .tree_child_parent { margin-left:0; width:100%; }
    .tree_child_parent .child_block { margin-left:0; width:100%; }
    .tree_child_child { width:100%; margin-left:5px; }
    .tree_child_child .child_block:before { display:none; }
    .member_tree > div { margin-bottom:20px; }

    .member_tree.en { overflow-x: scroll }
    .member_tree.en > div { width:600px; align-items: stretch;  }
    .member_tree.en .block_item  { align-items: stretch; height:auto; padding:5px;  }
    .member_tree.en .child_block { align-items: stretch; height:auto; }
    .member_tree.en .child_block { width:100%; }

    /* 오시는길 */
    .location_title h3 { font-size:20px; }
    .location_content .lc_content p { font-size:14px; }
    .location_content .lc_content span { font-size:13px; }
    .location_content > div { flex-direction: column; }
    .location_content .lc_img { height:auto; border:none; width:100%; padding-bottom:10px;}
    .location_content .lc_content { width:100%; text-align:center;  padding:10px 10px 0px; }
    .location_content .lc_content a { width:100%; }
    .cc_title { font-size:13px; width:100px; }
    .cc_text { flex-direction: column; width:calc(100% - 100px); font-size:13px; }
    .cc_info { width:100%; }

    /* 제조공정 */
    .process_title h3 { font-size:16px; }
    .process_title h3 span { font-size:20px; }
    .process_wrap h4 { font-size:16px; }
    .process_wrap h4 span { font-size:12px; }
    .pr_item p { font-size:13px; padding:5px; }

    /* 기술현황 */
    .history_wrap { margin-top:50px; }
    .history_wrap .tech_ul { flex-wrap: wrap; align-items: stretch; }
    .history_wrap .tech_ul li { width:50%; margin-bottom:20px; }
    .history_wrap .tech_ul li img { width:100%; max-width:300px; }
    .history_wrap .tech_ul p { font-size:13px; }

    /* 국내외거래처 */
    .partner_wrap h3 { font-size:20px; }
    .area_name_group { font-size:15px; }

}

@media only screen and (max-width:768px) {
    .mv_content h2 { font-size:20px; }
    .mv_top_text { font-size:13px; }
    .mv_bottom_text { font-size:13px; line-height:20px; padding:0 20px; }

    .glob_btn span { color:#aaa; font-size:12px; }
    .glob_btn img { width:15px; }
    #tnb { height:auto; border-bottom:none; padding:5px 0; }
    #tnb .glob_btn { align-items: end; justify-content: flex-end; position:absolute; }
    .global_sel { top:30px; z-index:9999; padding:0; }
    .tnb_left p { display:none; }
    #hd_wrapper { height:auto; }
    #hd_wrapper .inner {  }
    #logo { width:100%; margin-top:15px; }
    #s_gnb { width:100%; padding:0; }
    #s_gnb .gnb_ul > li > a { height:auto; line-height:45px; font-size:14px; }
    #s_gnb .gnb_ul > li .lnb { top:45px; flex-direction: column; padding:0; background-color:#f1f1f1; display:none !important; }
    #s_gnb .gnb_ul > li .lnb li { margin:0; width:100%; }
    .mv_arr.swiper-button-prev { left:10px; }
    .mv_arr.swiper-button-next { right:10px; }
    #hd_wrapper .hd_logo_wrap { flex-direction: column-reverse; padding:10px; }
    .hd_right { width:100%; }
    .hd_right .glob_btn { height:auto; width:100px; }
    .catalog_btn { font-size:12px; color:#aaa; }
    .vertical_bar { margin-right:10px; font-size:10px; color:#aaa; }

    .sec2_slide { padding:0 10px; }
    .sec2_left { padding:0; padding-bottom:20px; }
    .sec2Swiper .red_point { text-align:center; font-size:14px; }
    .sec2Swiper .en_title { font-size:16px; text-align:center; width:100%; }
    .sec2Swiper .en_title:after { display:none; }
    .sec2_img_box { height:250px; }
    .sec2Swiper h3 { font-size:20px; text-align:center; margin-bottom:20px; }
    .sec2Swiper .sec2_slide_text { font-size:14px; line-height:25px; text-align:center; padding:0 20px; }
    .sec2Swiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { padding-left:10px; bottom:10px; }

    .sec3_title p { font-size:14px; }
    .sec3_title h3 { font-size:20px; }

    /* 서브페이지 */
    .sh_back { height:250px; }
    .sh_title h2 { font-size:25px; }
    .sh_location { margin-top:-39px; }
    .sh_location ul li a { padding:10px; font-size:13px; margin:0px; }

    /* 회사소개 */
    .sub_title { font-size:20px; }
    .sub_title:after { bottom:-10px; height:2px; }
    .subpage_desc { font-size:13px; line-height:20px; }
    .company_img { height:150px; }
    .sub_subtitle { font-size:20px; }
    .company_info { flex-wrap:wrap; margin:0; }
    .subpage_wrap .company_info li { width:100%; flex-direction: row; justify-content: flex-start; height:auto; text-align:left; padding:10px; box-shadow: unset; border-bottom:1px solid #f1f1f1; }

    .subpage_wrap .company_info li > span { margin-right:10px; width:50px; height:50px; line-height:45px; text-align:center; }
    .subpage_wrap .company_info li > span img { width:60%; }

    .subpage_wrap .company_info li > div { width:calc(100% - 50px); margin-right:10px; }
    .company_info li h5 { font-size:15px; }
    .company_info li p { font-size:13px; }

    /* 인사말 */
    .intro_content { flex-direction:column; }
    .intro_img { width:100%; padding-top:100%; }
    .intro_text { padding:0; width:100%; margin-top:40px; }

    /* 제조공정 */
    .process_title h3 { text-align:center; }
    .process_wrap h4 { text-align:center; }
    .process_wrap h4 span { display:block; }
    .pr_item p { text-align:center; }
    .process_wrap .process_row { width:100%; margin:0 auto; flex-direction: column; justify-content: center; align-items: center; max-width:400px; }
}

@media only screen and (max-width:480px) {
}