@media screen and (max-width:767px) {
    #visual{height:600px; background-size:cover;}
    #visual h2{font-size:20px; line-height:35px; padding:130px 10px 25px;}
    #visual p{font-size:14px; line-height:25px; padding:0 50px;}
    
    #cont01,#cont02,#cont03{height:230px; background-size:cover;}
    .main_banner h5{font-size:14px; padding-top:80px;}
    .main_banner h3{font-size:25px;}
    
    .en_page{position:absolute; top:25px; right:40px; color:#fff; display:block; width:30px; height:30px; background:rgba(255,255,255,0.4); border-radius:100%; text-align:center; line-height:30px; font-size:12px;}
    .goMes{position:absolute; top:25px; right:40px; color:#fff; display:block; width:40px; height:30px; background:#D8541B; border-radius:100%; text-align:center; line-height:30px; font-size:12px;}

    #icon_wrap{background:none; height:auto;}
    #icon_wrap .mobile_cont01{display:block;}
    #icon_wrap .mobile_cont01 ul{display:block;}
    #icon_wrap .mobile_cont01 ul img{width:100%;}
    
    #slide .slide_txt h2{font-size:25px; line-height:35px; padding-bottom:25px;}
    #slide .slide_txt h3{font-size:14px; }
    #slide .slide_txt a{padding:15px; }
    #slide .slide_img{height:400px;}
    #slide .s03,#slide .s02,#slide .s01{background-size:contain; height:400px !important;}
    
    #banner ul{padding:30px 0;}
    #banner ul li{float:inherit; width:100%;}
    #banner ul li:last-child{margin: 10px 0 ;}
        
    #nav2{top:0; padding-top:20px; background:rgba(0,0,0,0.85)}
    #nav2>li{float:inherit; width:100%; padding:10px;}
    #nav2 .dep1{font-size:16px;}
    #nav2 .dep2 a{ font-size:14px; line-height:27px;}
    
    #footer{padding:20px 0; background:#eee;}
#footer img{float:left; margin-right:20px; margin-bottom:10px;}
    
    .sub_visual {background:url(../images/sub_visual.jpg) no-repeat center top; height:300px; text-align:center; background-size:cover;}
.sub_visual h2{color:#fff; font-size:20px; font-weight:700; padding:125px 0 20px;}
.sub_visual p{color:#fff; font-size:14px; font-weight:400;  line-height:22px; padding:0 50px;}
h5.sub_tit{font-size:25px; font-weight:700; color:#333; padding-bottom:20px; line-height:30px; text-align:center; margin-top:30px;}
h5.sub_tit span{font-size:16px; font-weight:500; color:#ff6900;}
    
    #snb{border-bottom:1px solid #ddd;}
#snb ul{text-align:center;}
#snb ul li{display:inline-block;}
#snb ul li a{color:#555; font-size:13px; margin:0 7px; padding:20px 0; display:block;}
#snb ul li a.on{color:#e66100; border-bottom:2px solid #e66100;}
    
    .sub0101 .about h5{font-size:20px; padding-bottom:50px;}
    .sub0101 .about{padding-top:60px; background-size:contain; height:500px; background:url(../images/m_sub0101_01.jpg) no-repeat center top;}
    .sub0101 .about p{font-size:12px; line-height:28px; }
    .sub0101 .mission{padding:30px 0; border-top:1px solid #ddd;}
    .sub0101 .vision{padding:30px 0;}
    .sub0101 .mission p{font-size:14px; line-height:25px;}
    .sub0101 .vision p{font-size:14px; line-height:25px;}
    
    .sub0102 .outline th{width:20%; padding :15px 5px;}
    .sub0102 .outline td{line-height:25px;}
    .sub0101 .about p{color:#444;     text-align: center; margin-left: auto; margin-right: auto;}
.sub0103 .history>div,.sub0103 .history>img{display:none;} 
    
.sub0104 img{float:static; width:60%; margin:0 auto; display:block;}
.sub0104{padding-bottom:80px;}
.sub0104>div ul{ float:left; margin-top:15px; margin-left:0px; width:100%;}
.sub0104>div ul li{padding-bottom:20px; overflow:hidden; width:100%;}
.sub0104>div ul li.w50{float:inherit; width:100%;}
.sub0104>div ul li img{width:25px; margin-right:auto; float:none; display:block;}
.sub0104>div ul li p{float:none;font-size:16px; color:#026bda; font-weight:400; line-height:25px; text-align:center; width:100%;}
    .sub0104>div ul li h5{float:none;font-size:16px; color:#026bda; font-weight:500; line-height:25px; text-align:center;}
    
        .test_service{width:90%; margin:0 auto; padding:30px 0;}
    .test_service .top img{float:inherit; width:100%;}
    .test_service .top .txt{float:inherit; margin-top:30px; padding:0;}
    .test_service .process img{width:100%;}
    .test_service .top .txt h5{font-size:22px; font-weight:700; color:#333; padding-bottom:20px; line-height:30px;}
.test_service .top .txt p{font-size:14px; font-weight:400; color:#333; line-height:30px;}
.test_service .top .txt h5 span{font-size:14px; font-weight:500; color:#ff6900; }
    .test_service .process h2.tit,.test_service .tester h2.tit{font-size:22px; font-weight:700; color:#333; padding-bottom:15px;  margin-top:40px; line-height:50px;}
.test_service .tester ul li{float:left; width:48%; margin-right:2%; margin-bottom:1%;}
.test_service .tester ul li p{text-align:center; font-size:14px; color:#444; padding:5px 0; line-height:20px; width:100%; display:block;}
.test_service .tester ul li img{width:100%;}
    
    .test_service .top ul{margin-top:20px;}
.test_service .top ul li{font-size:14px; color:#666; line-height:30px;}
.test_service .top ul li:before{content:""; display:inline-block; width:3px; height:3px; border-radius:100%; background:#ff6900; margin:0 5px 5px 0;}
    
    
    .test_service .solution_img ul{overflow:hidden; margin-top:15px;}
.test_service .solution_img ul li{float:inherit; width:100%;}
.test_service .solution_img ul li:first-child{margin-right:0%; margin-bottom:2%;}
.test_service .solution_img ul li img{width:100%;}
    .test_service .solution_img2 ul{overflow:hidden; margin-top:15px;}
.test_service .solution_img2 ul li{float:left; width:100%}
.test_service .solution_img2 ul li:first-child{margin-right:2%; width:100%}
.test_service .solution_img2 ul li img{width:100%;}
    .test_service .solution_img2 ul li h5{font-size:20px; font-weight:700; color:#333; padding-bottom:0px;  margin-top:30px; line-height:50px;}
    .test_service>img{width:100%;}
    .test_service .m_img{display:block;}
    .test_service .pc_img{display:none;}
    
        .sub04{background-size:cover; z-index:-10;}
.sub04 .cont_center2{width:100%;}
.sub04 .tit_wrap{padding:0 0 30px; }
.sub04 .tit_wrap h5{text-align:center;}
.sub04 .tit_wrap p{text-align:center; font-size:14px; line-height:25px; color:#333;}
.sub04 .box_wrap{padding:30px;}
.sub04 .box_wrap h3{color:#fff; font-size:18px; font-weight:600; margin-bottom:20px;}
.sub04 .box_wrap ul li{color:#fff; font-size:14px; font-weight:400; line-height:10px;}
.sub04 .box_wrap ul li:before{content:""; display:inline-block; width:2px; height:2px; background:#fff; border-radius:100%; margin-bottom:5px; margin-right:5px;}
.cont_center2:after	{content:""; display:inline-block; clear:both;}

.sub0402 .cont_center2{width:100%;}
.sub0402 .tit_wrap{width:100%;}
    .sub0402 .tit_wrap h5.sub_tit{margin-top:30px;}
    

.sub0403 .sub04{padding:30px 0;}
.sub04 .certifi ul li{display:inline-block; margin:0 0 20px;}
.sub04 .certifi ul li p{ font-size:14px; padding-bottom:10px;}
    .sub0403 .certifi_modal{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; display:none;}
.sub0403 .certifi_modal .img_wrap{position:fixed; left:50%; top:15%; transform:translateX(-50%); width:90%; height:500px;  overflow-x: scroll}
.sub0403 .certifi_modal .img_wrap img{width:150%;}

    .sub0501{text-align:center;}
    .sub0501 h2{font-size:16px; font-weight:400; line-height:30px; margin:40px 20px 20px;}
.sub0501>img{margin:50px 0 20px; width:100%;}
.sub0501 ul{overflow:hidden; width:100%; margin:0 auto 60px;}
.sub0501 ul li{float:left;width:100%; margin-bottom:15px; }
.sub0501 ul li.arrow{display:none;}
    
.sub0501 .job h5{ font-size:18px; font-weight:600; color:#ff6d00; padding:20px 0; border-bottom:1px solid #ff6d00; width:90%; display:block; margin:0 auto 30px ;}
.sub0501 .job li p{font-size:14px; color:#444; line-height:22px; font-weight:600; }
.sub0501 .job li p span{font-size:13px;  font-weight:400}

.sub0502{padding:30px 0;}
.sub0502 .job h5{font-size:18px; font-weight:600; color:#ff6d00; padding:20px 0; border-bottom:1px solid #ff6d00; width:90%; display:block; margin:0 auto 30px ; text-align:center;}
.sub0502 ul{overflow:hidden; width:90%; margin:0 auto;}
.sub0502 ul li{float:left; width:48%; margin:1% 1%; border:1px solid #ddd; height:50px; text-align:center; line-height:50px; font-size:14px;}
    .sub0503 ul{text-align:center; padding:50px 0; }
.sub0503 ul li{display:inline-block; margin:0 10px;}
.sub0503 ul li h3{font-size:16px; color:#ff6d00; font-weight:500; padding:15px 0 5px;}
.sub0503 ul li p{font-size:14px; color:#444; font-weight:500; padding-bottom:20px;}

    
	
/* ==================== 2025 09 02 김준석 모바일 css 수정 ==================== */
.sub044{
    background-size:cover;
    position:relative;
    z-index:auto; 
}
.sub044 .cont_center2{width:100%; display:block !important;}
.sub044 .tit_wrap{padding:0 0 30px;}
.sub044 .tit_wrap h5{text-align:center;}
.sub044 .tit_wrap p{text-align:center; font-size:14px; line-height:25px; color:#333;}

.sub044 .box_wrap{
    padding:30px;
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    clear:both !important;
    box-sizing:border-box;
    margin:0 0 20px;
}
.sub044 .box_wrap:last-child{margin-bottom:0;}
.sub044 .box_wrap h3{color:#fff; font-size:18px; font-weight:600; margin-bottom:20px;}
.sub044 .box_wrap ul li{color:#fff; font-size:14px; font-weight:400; line-height:22px;}
.sub044 .box_wrap ul li:before{
    content:""; display:inline-block; width:2px; height:2px; background:#fff;
    border-radius:100%; margin-bottom:5px; margin-right:5px;
}
.cont_center2:after{content:""; display:block; clear:both;}

.sub044 .box_wrap > *,
.sub044 .left, .sub044 .right, .sub044 .col,
.sub044 [class*="col-"], .sub044 [style*="width:50%"]{
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 16px 0 !important;
    box-sizing:border-box;
}
.sub044 .box_wrap > *:last-child{margin-bottom:0 !important;}

.sub044 .certifi{position:relative;}
.sub044 .certifi:after{content:""; display:block; clear:both;}

.sub044 .certifi ul{
    display:flex !important;
    flex-direction:column !important;   
    flex-wrap:nowrap !important;
    align-items:center;
    gap:16px;
    padding:0;
    margin:0;
    width:100% !important;
    box-sizing:border-box;
}

.sub044 .certifi ul li{
    float:none !important;
    display:block !important;
    width:100% !important;              
    max-width:100% !important;          
    margin:0 auto !important;
    box-sizing:border-box;
}

.sub044 .certifi ul li a{
    display:block !important;
    width:100% !important;
    height:auto !important;
    position:static !important;
    overflow:visible !important;
    box-sizing:border-box;
}

.sub044 .certifi ul li img{
    display:block !important;
    width:100% !important;              
    height:auto !important;             
    object-fit:cover;                   
    box-sizing:border-box;
}

.sub044 .certifi ul li p{
    margin:8px 0 0 !important;
    font-size:14px !important;
    line-height:1.35 !important;
    text-align:center !important;
    white-space:nowrap;  
    word-break:keep-all;
    width:100% !important;
    box-sizing:border-box;
}

.sub044 .certifi [class*="col-"],
.sub044 .certifi [style*="width:50%"]{
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    display:block !important;
}

  .sub044 .certifi ul::after,
  .sub044 .certifi ul::before {
    display:none !important;
  }


 

  
/* ============================================================ */

	
}