/* 미디어쿼리 */
#m_header{display: none;}
.m_popup{display: none;}
.m_area{display: none !important;}
.guide_tabs .bx-controls{display:none;}




@media (max-width:1082px){

    .analysis .analysis_wrap01 {justify-content: center;}
    .analysis_wrap01 .text_box_wrap {margin-right: 40px; margin-top: 20px; text-align: center;}
    .analysis_wrap01 .text_box_wrap .analysis_text::before {left: 50%; transform: translateX(-50%);}

}


@media (max-width:960px){

    /****** 서브 페이지 공통 ******/
    .sub_title_area{ height: 180px; font-size: 26px; }
    .sub_nav ul{ padding: 0; }
    .sub_nav ul li{ font-size: 18px; }
    .sub_nav ul li:nth-of-type(1){ display: none; }
    .sub_nav ul li:nth-of-type(2){ border-left: 1px solid rgb(0,0,0); }
    .sub_nav ul li:nth-of-type(2), .sub_nav ul li:nth-of-type(3){ width: 200px; height: 100%; border-right: 1px solid rgb(0,0,0); position: relative; }
    .sub_nav .menu_select, .sub_nav .sub_menu_select{ width: 201px; position: absolute; top: 60px; left: -1px; border: 1px solid rgb(0,0,0); background-color: rgb(255,255,255); display: none; }
    .sub_nav i{ transition: all 0.2s ease-in-out; }
    .sub_nav .menu_select p, .sub_nav .sub_menu_select p{ height: 60px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }

    .content_title dt{ font-size: 30px; }
    .content_title dd{ font-size: 12px; }

    .content_sub_title{ width: 100%; height: auto; padding: 80px 20px 40px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
    .content_sub_title:nth-of-type(1){ padding: 40px 20px; }
    .content_sub_title p{ font-size: 24px; font-weight: bold; border-bottom: 1px solid rgb(0,0,0); padding-bottom: 5px; }


    /* 전자설계 */
    .content_explain{ flex-flow: row wrap; }
    .content_explain>li{ width: 100%; }


    /* 첨단 IT 소재 */
    .material_content>dl>dt{ min-width: 180px; }
    .material_content>dl>dd>div{ flex-flow: row wrap; justify-content: space-around; }
    .material_content>dl>dd>div>h6{ width: 100%; }
    .material_content>dl>dd>div>div{ margin-top: 20px; }

    /* DESIGN */
    .design_content{ padding-bottom: 80px; }
    .design_content #bg_top{ height: 300px; }
    .design_content #bg_bottom{ height: 300px; }
    .design_content>dl{ padding: 20px 40px; }
    .design_content>dl>dt{ margin-bottom: 35px; font-size: 24px; }
    .design_content>dl>dd>div{ width: 100%; max-width: 450px; }
    .design_content>dl>dd>ul{ width: 100%; max-width: 450px; }
    .design_content>dl>dd>ul>li:nth-of-type(2){ margin-top: 20px; }
    .design_content>section{ padding: 20px 40px; flex-flow: row wrap; }
    .design_content>section>article{ order: 2; width: 70%; }
    .design_content>section>h4{ order: 1; width: 100%; padding: 0 0 4%; font-size: 24px; text-align: left; }
    
    /* 정밀부품제조 */
/*     .produce_content .produce_wrap01 {display: block;} */
.produce_content .produce_wrap01 {display: grid;grid-template-columns: repeat(auto-fill, minmax(100%, auto));}
.produce_text_wrap {order: 2;}
.produce_box_wrap {order: 1;}
.produce_content .produce_box p {font-size: 18px;}
.produce_content .produce_text01{border: none; text-align: center;}
.produce_wrap05>div {display: block;}
.produce_wrap05>div .text_box {width: 100%;}
.produce_wrap05>div .text_box1 {margin-right: 0;}
.produce_wrap05>div .text_box2 {margin-left: 0; margin-top: 25px;}
.produce_wrap06 .img_box1 .produce06 {display: none;}
.produce_wrap06 .img_box1 .produce06_m {display: block; width: 100%; height: auto;}
.produce_wrap06 .text_box_wrap {display: block;}
.produce_wrap06>div .text_box {width: 100%;}
.produce_content .produce_text {text-align: center; font-size: 16px;}
.produce_wrap>div ul::before {left: 50%; transform: translateX(-50%);}
.produce_wrap07 .text_box5 ul{text-align: left;}
.produce_wrap08>div {display: block;}
.produce_wrap08 .img_box2 {width: 100%;}
.produce_wrap08 .text_box_wrap {width: 100%; margin-top: 20px;}
.produce_wrap08 .img_box3 {width: 100%; position: inherit;}
.produce_wrap09>div {display: block;}
.produce_wrap09 .img_box3 {width: 100%;}
.produce_wrap09 .img_box3 .produce10{ width: 100%; height: auto;}
.produce_wrap09 .text_box_wrap {width: 100%; margin-top: 20px;}
.produce_wrap09 .img_box4 {width: 100%; position: inherit;}
.produce_wrap .produce_text b {font-size: 18px;}
.produce_content .produce_wrap strong {font-size: 18px;}
.produce_content .produce_box {padding: 23px;}
.text_tip span {font-size: 16px;}
.text_tip b {font-size: 16px; line-height: 1.8;}



    /* FAB 공정 */
    .fab_content{ flex-flow: row wrap; }
    .fab_content>li{ width: 100%; }
    .fab_content_area2{ max-width: 600px; margin: 40px auto 60px; }
    .fab_content_area2>ol.mobile_view{ display: flex; }
    .fab_content_area2>ol.col2{ margin-top: 30px; }
    .fab_content_area2>ol.col3{ margin-top: 30px; }
    .fab_content_area2>ol>li{ padding: 30px 15px; }
    .fab_content_area2>ol>li:nth-of-type(1){ display: none; }
    .fab_content_area2>ol>li:nth-of-type(2){ width: 100%; }
    .fab_content_area2>ol.col1>li:nth-of-type(3){ display: none; }
    .fab_content_area2>ol.col1>li:nth-of-type(4){ display: none; }
    .fab_content_area2>ul.mobile_view{ display: flex; }
    .fab_content_area2>ul>li{ padding: 10px; font-size: 14px; }
    .fab_content_area2>ul>li:nth-of-type(1){ width: 40%; }
    .fab_content_area2>ul>li:nth-of-type(2){ width: 60%; background-color: rgb(173,205,234); }
    .fab_content_area2>ul.col2>li:nth-of-type(2){ background-color: rgb(161,184,225); }
    .fab_content_area2>ul.col3>li:nth-of-type(2){ background-color: rgb(165,165,165); }
    .fab_content_area2>ul.col1>li:nth-of-type(3){ display: none; }
    .fab_content_area2>ul.col1>li:nth-of-type(4){ display: none; }


    /* 분석 및 측정 */


    .analysis_content02 .table_wrap{width: 100%; overflow-x: auto; white-space: nowrap;}
    .analysis_content02 .table_wrap table{width: 100%;}
    .analysis_wrap01 .text_box_wrap .analysis_text {font-size: 16px;}
    .analysis .text_box_wrap li>p {font-size: 18px;}





    /* S/W 개발 */
    .sw_content{ margin: 40px auto 60px; }

    /* 인사말 */
    .greeting_content{ background-image: none !important; }
    .greeting_content>dl{ margin: 50px 0 100px; }
    .greeting_content>dl>dd{ width: 100%; max-width: 470px; margin-left: 10px; }
    .greeting_content>dl>dd>h4{ font-size: 18px; }
    .greeting_content>dl>dd>p{ line-height: 30px; font-size: 16px; }
    .greeting_content>dl>dt{ width: 100%; max-width: 470px; margin-top: 50px; margin-left: 0; }
    .greeting_content>dl>dt>h4{ font-size: 18px; margin-left: 10px; }
    .greeting_content>dl>dt>h4>span>img{ width: 180px; }
    .greeting_content>dl>dt>img{ width: 100%; height: auto; max-width: 743px; margin-top: 70px; }

    /* 파트너 */
    .partner_content{ margin-bottom: 70px; }
    .partner_content>ul{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
    .partner_content>ul>li{ width: 30%; max-width: 260px; min-width: 180px; margin: 10px 1%; }
    .partner_content>div{ margin-top: 20px; }

    /* 오시는 길 */
    .directions_content{ margin-bottom: 70px; }
	#map{ width: 100%; height: 300px; }
    .directions_content>ul{ margin-top: 30px; }

    /* CONTACT US */
    .contact_content{ margin-bottom: 70px; }
    .contact_content>ul{ flex-flow: row wrap; margin-top: 20px; }
    .contact_content>ul li:nth-of-type(1){ width: 100%; }
    .contact_content>ul li:nth-of-type(2){ width: 100%; margin-top: 20px;}
    .contact_content>ul .co_info{ min-width: 0; font-size: 15px; }
    .contact_content>ul .co_info div:nth-of-type(2), .contact_content>ul .co_info div:nth-of-type(5){ margin-bottom: 15px; }
	.contact_content>ul .co_info_02{ width: 100px; }
    .contact_content>ol{ margin-top: 20px; }
    .contact_content>ol>li{ width: 100%; margin: 20px 0 0; }

}


@media (max-width:720px){

    /* S/W 개발 */
    .sw_content>dl{ height: auto; margin: 15px auto; }
    .sw_content>dl>dt{ order: 2; width: 100%; height: auto; padding: 20px 0; }
    .sw_content>dl>dt>h4{ margin: 5px 0; }
    .sw_content>dl>dt>h4>img{ margin-right: 10px; }
    .sw_content>dl:nth-of-type(1)>dt>h4{ max-width: 260px; }
    .sw_content>dl:nth-of-type(2)>dt>h4{ max-width: 260px; }
    .sw_content>dl:nth-of-type(3)>dt>h4{ max-width: 170px; }
    .sw_content>dl>dd{ order: 1; width: 100%; height: 250px; }

    /* 분석 및 측정 */
    .analysis .text_box_wrap .img_box2 {justify-content: center; flex-wrap: wrap;}   
    .analysis .text_box_wrap .img_box2 li {margin-right: 0; padding: 10px;}

}

@media (max-width:480px){

    /****** 서브 페이지 공통 ******/
    .sub_nav .menu_name, .sub_nav .sub_menu_name{ width: 130px; font-size: 16px; }

    .content_sub_title{ padding: 50px 20px 20px; }
    .content_sub_title:nth-of-type(1){ padding: 30px 20px; }
    .content_sub_title p{ font-size: 20px; }


    /* 전자설계 */
    .content_explain>li{ margin: 30px 0 0; }
    .pc_view{ display: none; }
    .m_view{ display: block; }


    /* 첨단 IT 소재 */
    .material_content>dl>dt{ width: 100%; margin-right: 0; }
    .material_content>dl>dd{ width: 100%; }
    .material_content>dl>dd>h4{ font-size: 20px; }
    .material_content>dl>dd>p{ font-size: 14px; }
    .greeting_content>dl>dd>p.pc_view{ display: none; }
    .greeting_content>dl>dd>p.m_view{ display: flex; }
    .material_content>dl>dd>p>span:first-of-type{ margin-right: 10px; line-height: 26px; }
    .material_content>dl>dd>p>span:first-of-type>i{ font-size: 4px; }
    .material_content>dl>dd>p>span:nth-of-type(2){ min-width: 95px; }
    .material_content>dl>dd>p>span:last-of-type{ display: flex; flex-flow: row wrap; }
	.material_content>dl>dd>div>div{ width: 24%; }
    .material_content>dl>dd>div>div>img{ width: auto; height: 30%; max-height: 50px; }
    .material_content>dl>dd>div>div>p{ font-size: 14px; }
    .material_content>dl>dd>ul>li{ margin: 10px 20px 0; font-size: 14px; }
    .material_content>dl>dd>table{ font-size: 14px; }

    /* DESIGN */
    .design_content{ padding-bottom: 30px; }
    .design_content #bg_top{ height: 250px; }
    .design_content #bg_bottom{ height: 250px; }
    .design_content>dl{ padding: 10px 20px; }
    .design_content>dl>dt{ margin-bottom: 25px; font-size: 18px; }
    .design_content>dl>dd>ul>li:nth-of-type(2){ margin-top: 15px; }
    .design_content>section{ padding: 10px 20px; }
    .design_content>section>article{ width: 100%; }
    .design_content>section>h4{ padding: 0 0 2%; font-size: 18px; }

    /* 정밀부품제조 */
    .produce_content .produce_box p {font-size: 16px;}
    .produce_content .produce_text {font-size: 14px;}
    .produce_wrap .produce_text b {font-size: 16px;}
    .produce_content .produce_wrap strong {font-size: 16px;}
    .text_tip span {font-size: 14px;}
    .text_tip b {font-size: 14px; line-height: 2; width: 80px;}
    .analysis_wrap01 .text_box_wrap .analysis_text p>span {display: inline;}


    



    /* FAB 공정 */
    .fab_content>li{ margin: 30px 0 0; }
    .fab_content>li>div:nth-of-type(1) h4{ font-size: 18px; }
    .fab_content_area2{ margin: 30px auto; }
    .fab_content_area2>ol.col2{ margin-top: 20px; }
    .fab_content_area2>ol.col3{ margin-top: 20px; }
    .fab_content_area2>ol>li{ padding: 20px 10px; }
    .fab_content_area2>ol>li>h4{ margin-bottom: 20px; font-size: 16px; }
    .fab_content_area2>ol>li>img{ max-width: 90%; }
    .fab_content_area2>ul>li{ padding: 6px; font-size: 12px; }
    .fab_content_area2>ul>li:nth-of-type(1){ width: 40%; }
    .fab_content_area2>ul>li:nth-of-type(2){ width: 60%; }


    /* 분석 및 측정 */
    .con_box02_text {padding-top: 20px; font-size: 14px;}
        .analysis_content02 .table_wrap{width: 100%; overflow-x: auto; white-space: nowrap;}
        .analysis_content02 .table_wrap table{width: 100%;}
        .analysis_wrap01 .text_box_wrap .analysis_text {font-size: 14px;}
        .analysis .text_box_wrap li>p {font-size: 16px;}


    /* S/W 개발 */
    .sw_content>dl{ margin: 10px auto; }
    .sw_content>dl>dt{ padding: 10px 0; }
    .sw_content>dl>dt>h4{ font-size: 14px; }
    .sw_content>dl>dt>h4>img{ width: 18px; margin-right: 5px; }
    .sw_content>dl:nth-of-type(1)>dt>h4{ max-width: 240px; }
    .sw_content>dl:nth-of-type(2)>dt>h4{ max-width: 240px; }
    .sw_content>dl:nth-of-type(3)>dt>h4{ max-width: 150px; }
    .sw_content>dl>dd{ height: 150px; }

    /* 인사말 */
    .greeting_content>dl{ margin: 30px 0 60px; }
    .greeting_content>dl>dd{ margin-left: 0; }
    .greeting_content>dl>dd>h4{ font-size: 16px; }
    .greeting_content>dl>dd>p{ margin-left: 0; font-size: 14px; }
    .greeting_content>dl>dd>p>span{ width: auto; }
    .greeting_content>dl>dt{ margin-top: 30px; }
    .greeting_content>dl>dt>h4{ margin-left: 0; padding-left: 0; border-left: 0; font-size: 14px; }
    .greeting_content>dl>dt>h4>span{ width: 100%; margin: 10px 0; }
    .greeting_content>dl>dt>h4>span>img{ width: 150px; display: block; }
    .greeting_content>dl>dt>h4.en_content>span>img{ display: inline; }
    .greeting_content>dl>dt>img{ width: 100%; height: auto; max-width: 743px; margin-top: 30px; }

    /* 파트너 */
    .partner_content{ margin-bottom: 50px; }
    .partner_content>p{ font-size: 16px; }
    .partner_content>ul>li{ width: 48%; max-width: 240px; min-width: 160px; }

    /* 오시는 길 */
    .directions_content{ margin-bottom: 50px; }
    #map{ width: 100%; height: 250px; margin-top: 20px; }
    .directions_content>ul{ margin-top: 20px; }
    .directions_content>ul>li{ width: 100%; border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row wrap; justify-content: center; }
    .directions_content>ul>li>h4{ width: 100%; border-right: 0; font-size: 14px; }
    .directions_content>ul>li>p{ width: 100%; padding-left: 30px; font-size: 14px; }

    /* CONTACT US */
    .contact_content{ margin-bottom: 50px; }
    .contact_content>ul{ flex-flow: row wrap; margin-top: 20px; }
    .contact_content>ul li:nth-of-type(1){ width: 100%; }
    .contact_content>ul li:nth-of-type(2){ width: 100%; margin-top: 20px;}
    .contact_content>ul .co_info{ min-width: 0; font-size: 15px; }
    .contact_content>ul .co_info div:nth-of-type(2), .contact_content>ul .co_info div:nth-of-type(5){ margin-bottom: 15px; }
    .contact_content>ol{ margin-top: 0; }

}
@media (max-width:390px){

    /* 파트너 */
    .partner_content>ul>li{ width: 100%; max-width: 100%; min-width: 0; }

}