/* ********************************************* *
 * 1440px
 * ********************************************* */
 @media screen and (max-width: 1440px){

    .boundary, .boundary2{padding:0 20px;}
    .nav_inner.left{left:20px;} .nav_inner.right{right:20px;}


    .section01 .sct_inner li h2.title{padding-left:160px;}
    .section01 .sct_inner li .content{padding:0 160px;}
    .section01 .owl-nav{left:60px; right:60px;}


    /* sub page */
    .subpage_tab{padding-left:60px;}

    .subpage_top_container .subpage_top_bg{height:380px;}
    .subpage_top_container .right_banner .text{left:40px;}

    section.business ul li.content{width:50%;}
    
    /* vision */
    section.vision .service_info ul, .capability_info ul{width:auto;}
    section.vision .service_info ul{margin:0 -40px;}
    .circle_in span, .capability_info ul .w25 p, .management_info ul li .text_box p{font-size:16px;}

    /* equipment */
    section.equipment li.w100.content .inner .item_img.eq01 img{width:85%; height:auto;}

}

/* ********************************************* *
 * 1200px min
 * ********************************************* */
 @media screen and (min-width: 1200px){

    .section01.mobile{display:none;}
    
    

}

/* ********************************************* *
 * 1200px
 * ********************************************* */
@media screen and (max-width: 1200px){

    .main_banner, .pic-wrapper{height:1080px; padding-top:640px;}
    .pic-wrapper .pic-1{background-position: 75% center;}
    .pic-wrapper .pic-2{background-position: 85% center;}
    .pic-wrapper .pic-3{background-position: 80% center;}
    .main_banner .sct_inner{float:left; width:50%;}
    .main_banner .sct_inner li{width:100%;}

    .section01.pc{display:none;}
    .section01.mobile{display:block;}

    .section01.mobile .sct_inner{width:100%; padding-top:0; float: unset;}
    .section01.mobile li{width: 100%;}
    .section01.mobile li.w25.empty{display:none;}
    .section01 .sct_inner li h2.title{padding-left:0; text-align: center;}
    .section01 .sct_inner li .content{padding:0 120px;}
    .section01 .owl-nav{left:40px; right:40px;}

    .ceo_comment{right:15%;}


    

}

/* ********************************************* *
 * 1024px min 부터 mobile ver.
 * ********************************************* */
@media screen and (min-width: 1024px){

    .mobile_nav, .mobile_menu_container, .subpage_tab_mobile{display:none;}
    

}

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

    .mobile_nav, .subpage_tab_mobile{display:block;}
    .main_nav,.rock{display:none;}

    
    .wrap_container{margin-top:0;}
    .main_banner, .pic-wrapper{ height:960px;}
    .main_banner .sct_inner li{height:320px;}

    .sct_inner li .content .title{font-size:30px;}
    .sct_inner li .content p.text{font-size:16px;}

    .section01 .sct_inner li .content{padding:0 80px;}
    .section01 .owl-nav{left:20px; right:20px;}
    .owl-theme .owl-nav [class*=owl-] img{width:20px;}

    .section03 .sct_inner li.w25{display:none;}
    .section03 .sct_inner li.w75{width:100%;}
    .section03 .sct_inner li.w75 .content{padding:0 60px;}
    .section03 .sct_inner li.w75 .content{padding:0 20px;}


    /* sub page */
    .subpage_top_container .right_banner .text{font-size:28px;}

    .subpage_tab{display:none;}/* pc sub-tab */
    .subpage_middle_container section{width: 100% !important;}    /* side tab이 사라지면서 width:100% */



    /* company */
    .subpage_middle_container section.ceo .text p{font-size:18px;}

	section.overview .box .content p .btn{margin-left:0; display: block; width:90px;margin-top:16px;}


    /* history */
    .history_list > div .box{font-size:16px;}
    .history_list > div .box .time{float:unset !important; width: 100%;}
    .history_list .left .box .time{display: inline-block; text-align: right; padding-left: 18px;}
    .history_list > div .box .text{width:100%;}


    /* certification */
    section.certification ul{margin:0 -30px;}
    section.certification ul li.content{ float:left; padding:0 30px;}

    /* map */
    section.map h3.title{font-size:30px;}
    .google_map iframe, section.map .photo > div img{ height:240px;}
    section.map .box .content p{font-size:16px; padding:10px 0;}

}
/* ********************************************* *
 * 960px min
 * ********************************************* */
 @media screen and (min-width: 960px){
    
    

}

/* ********************************************* *
 * 960px max
 * ********************************************* */
@media screen and (max-width: 960px){

    /* business */
    
    .equipment01_table_containter table{font-size: 13px;}
    .ceo_comment{font-size:20px;}
    .ceo_comment em{font-size:30px;}




}


/* ********************************************* *
 * 768px min
 * ********************************************* */
@media screen and (min-width: 768px){
    

}

/* ********************************************* *
 * 768px max
 * ********************************************* */
@media screen and (max-width: 768px){

    .sct_inner li.w50{width:100%;}
    .board_list li > div{width:100% !important;}
    .board_list li div.time{text-align: left; padding-bottom:6px;}
    .board_list li div.time span, .board_list li div.time .date{font-size:12px; font-weight: 300; line-height: 1; display: inline-block;}
    .board_list li div.time .date:before{content:"."; display:inline-block; margin-left:-4px;}

    .board_list li div.board{padding-left:0;}


    /* sub page */
    .subpage_top_container .title span{font-size:14px;}
    .subpage_top_container .title h2{font-size:32px;}
    .subpage_top_container .right_banner{background:rgba(0,0,0,.3); width: 100%;}
    .subpage_top_container .right_banner .text{font-size:24px; text-align: center; left:50%; transform: translate(-50%, -50%);
        text-shadow: 0 2px 4px hsla(0,0%,0%,0.2);}

    /* company */
    .subpage_middle_container section.ceo .text p{font-size:16px;}
    section.overview .box .content p{font-size:16px;}

    /* history */
    section.history .history_list h3.year{position: unset; transform: none; font-size:32px;}
    section.history .history_list .left h3.year{text-align: right; }
    .history_list div .w50.box{width:100% !important;}
    .history_list > div .box{margin-top:0px; padding-top:30px; padding-bottom:40px;}

    /* vision */
    section.vision > div span.title_num{font-size:13px;}
    section.vision > div h3{font-size:24px;}
    section.vision .intro_text p{font-size:18px;}

    section.vision .service_info .circle_container{width:100%; transform: rotate(90deg); padding:39px 40px;}
    .circle_in span{transform-origin: top left; transform: rotate(-90deg) translate(-50%, -50%);}
    section.vision .service_info ul{width:70%; margin-left:auto; margin-right:auto;}

    .capability_info ul{padding-top:20px; padding-bottom:20px;}
    .capability_info ul .w25{width:50%; padding:20px 0;}
    .capability_info ul .w25:nth-child(2):after{display: none;}

    .management_info ul li.w50{width:100%;}

    /* video */
    .video_container span.play_btn{width:30px; height:40px;}
    


    /* business */
    section.business li.content .inner .item_img img{width:100%;}
    section.business li.content .inner .item_text{font-size:16px;}

    /* company */
    .ceo_comment{right:5%; font-size:20px;}
    .ceo_comment .ceo_name{font-size:16px;}
    .ceo_comment .ceo_name span{font-size:20px;}
    .board_file{width:60px;}
    .board_table .num{display:none;}
    td.board_title{padding-left:13px;}
    .borad_table th,.board_table td{padding:12px 4px;}

    /* customer */
    .online-half-box{width: 100%;}
    .online-button{float: none; margin:0 auto; margin-bottom: 100px;}

    /* certification */
    section.certification ul li.w33{width:50%;}
    section.certification li.content .inner .item_text{font-size:16px;}

    /* map */
    section.map h3.title{font-size:24px;}
    .google_map iframe, section.map .photo > div{width:100%;}
    section.map .box .content p{font-size:15px;}
    section.map .box .content p:first-child{width:80px;}
    section.map .box .content p:last-child{padding-left:10px;}

    /* customer */
    section.customer p.customer_top_text{font-size:24px;}

    .equipment01_table_containter table{table-layout: fixed;}
    section.equipment li.w100.content .inner .item_img.eq01{padding:0 12px;}


    

    

} 

/* ********************************************* *
 * 600px
 * ********************************************* */
@media screen and (max-width: 600px){


    /* sub page */

    section.business li.content .inner .item_img img{width:100%;}

    /* ceo */
    .subpage_middle_container section.ceo .text{padding:40px 0;}
    .subpage_middle_container section.ceo .photo{margin-bottom:80px; background-size:cover; height:360px; background-position: left;}
    .ceo_comment{right:0; transform: translateY(0); top:unset; bottom:-20%; font-size:16px;}
    .ceo_comment em{font-size:24px; font-weight: 500;}
    .ceo_comment br{display: none;}
    .ceo_comment .ceo_name{text-align: right; padding-top:0; font-size:14px;}
    .ceo_comment .ceo_name span{font-size:18px;}

    /* overview */
    section.overview .photo > div{width:100%;}
    section.overview .box{padding:40px 20px;}
    section.overview .box .content p:first-child{border:0; width:120px; display:block; padding-right:30px; max-width:120px;}
    section.overview .box .content p:last-child{padding-left:0;}

    /* 작업:sh. equipment  */
    section.equipment ul li.w50{width: 100%; }
    .equipment01_table_containter table{font-size: 12px;}


}

/* ********************************************* *
 * 480px
 * ********************************************* */
@media screen and (max-width: 480px){
    .main_banner, .pic-wrapper{height:1280px;}
    .main_banner .sct_inner { width:100%;}

    section.business ul{margin:0 -10px;}
    section.business ul li.content{padding:0 10px;}
    section.business li.content .inner .item_text{height:40px;}




    

}

/* ********************************************* *
 * 380px
 * ********************************************* */
@media screen and (max-width: 380px){

    section.business ul li.w33{width:100%;}

	section.overview .box .content p{display:block; width:100% !important; max-width:unset !important;}
	section.overview .box .content p:first-child{padding:20px 0 0 0; font-weight:700; color:#aaa;}


    .board_table{font-size:14px;}



}