@charset "UTF-8";

/* 반응형 스타일 */
@media (max-width: 768px) {
    .fullpage{display: flex; flex-direction: column;}
    .header { height: 60px; padding: 0 20px; display: flex; justify-content: center; align-items: center;  }
    .logo > img{width:200px; margin-top:5px; margin-left:-20px;}
    .section{ display: flex; position: relative;}
    .main_menu{display: none;}
    .right_menu{display: none;}
    #pageMenu{display: none;}
    /* 동영상 가로 비율 맞춤 */
    .myvideo { width: 100%; object-fit: cover; margin-top:50px;}
    .section_content{width:100%; padding:20px;}
    .category_title{font-size:2em;}
    .category_sub_title{font-size:1em; margin-top:0px;}
    .company_business_list{width:100%; display: flex; flex-direction: column;}
    .company_business_list > li{width:100%; margin-bottom:15px;}
    .category_content{font-size:1rem; line-height:1.4em;}
    .category_content strong{font-size:1rem;}
    .category_content b{font-size:1rem;}
    .webVideo{display: none;}
    .mobileVideo{display: block;}
    .production_left, .production_right{display: none;}
    #section3{width:100%; padding:20px; position: relative; flex-direction: column; box-sizing: border-box;}
    .production_bg{display: none;}
    .production_part{position: relative; margin-top:0; flex-direction: column; left:auto; top:auto;}
    .news_container{position: relative; bottom:auto;}
    .production_content{width:100%; height:auto; box-sizing: border-box;}
    .production_title_grp{flex-direction: column;}
    .production_inner_content{flex-direction: column; width:100%;}
    .production_kiosk, .production_barrier{width:100%; padding:15px; box-sizing: border-box; border-radius: 10px;}
    .production_barrier{width:100%;}
    .pro_title{color:#333;}
    .production_desc{color:#555; width:100%; padding:10px 0; box-sizing: border-box; line-height: 1.3em; font-size:1rem; }
    .production_desc strong, .production_desc b{font-size:1em;}
    .pro_sub_title{margin-bottom:10px;}
    .news_inner_content{width:100%; flex-direction: column; position: relative; left:auto; top:auto; bottom: auto;}
    .production_barrier{background:#eee; margin-top:10px;}
    .news_list{flex-direction: column;}
    .news_list li{width:100%; margin-bottom:10px; }
    .production_inner_content{height:auto;}
    .news_title_grp{width:100%;}
    .news_desc{line-height:1.3em; margin-bottom:15px; color:#555; font-size:1em; }
    .news_list > li{padding:30px; min-height:200px;}
    .inquiry_inner_container{width:100%; flex-direction: column;}
    .inquiry_title_grp{width:100%; padding:10px; box-sizing: border-box;}
    .inquiry_input_grp{width:100%; padding:10px; box-sizing: border-box;}
    .inquiry_container{width:100%; height:auto; position: static; top:auto; left:auto;}
    .company_information{width:100%; position: static; bottom:auto; left:auto; top:auto; height:auto; padding:10px; margin:20px 0;}
    .company_inner_information{width:100%; flex-direction: column; padding:20px; box-sizing: border-box;}
    .company_info{width:100%; box-sizing: border-box; padding:20px;}
    #section4{flex-direction: column;}
    .company_info label{width:90px; display:inline-block; height:100%; line-height: 1.5em;;}
    .company_info li{display: flex; }
    .company_info li:last-child{margin-right:20px;}
    .inquery_desc{font-size:1em;}
    .company_business_list > li{border:1px solid #ddd;}
    .company_business_title ol > li{font-size:1.1em;}
    .company_info li span{ display: inline-block;width:calc(100% - 80px)}
    .news_list > li{border:1px solid #ddd;}
    .news_content{font-size:1.1em;}
    .news_title{height:35px}
    .pro_be_detail_sub_title, .pro_detail_sub_title{display: none;}
    .pro_detail_img_grp img{margin-left:25px;}
    .production_kiosk, .production_barrier{display:flex; flex-direction: row;}
    .pro_detail_img_grp > div:first-child{width:100px;}
    .pro_detail_title, .pro_be_detail_title{padding-top:40px; font-size:1.4em;}
    .inquiry_title_grp{padding:20px;}
    .copyright{display: none;}

}

@media screen and (min-width: 769px) and (max-width: 932px) {
    html{font-size:15px;}
    .fullpage{display: flex; flex-direction: column;}
    .header { height: 60px; padding: 0 20px; display: flex; justify-content: center; align-items: center;  }
    .logo > img{width:200px; margin-top:5px; margin-left:-20px;}
    .main_menu{display: none;}
    .right_menu{display: none;}
    #pageMenu{display: none;}
    .webVideo{display: none;}
    .mobileVideo{display: block;}
    .category_content{font-size:0.9rem; line-height:1.4em;}
    .category_content strong{font-size:1rem;}
    .category_content b{font-size:1rem;}
    .section_content{width:100%; padding:20px; box-sizing: border-box; padding-top:60px;}
    .company_business_list > li{width:32%; }
    .production_left, .production_right{display: none;}
    #section3{width:100%; padding:20px; position: relative; flex-direction: column; box-sizing: border-box;}
    .production_bg{display: none;}
    .production_part{position: relative; margin-top:0; flex-direction: column; left:auto; top:auto;}
    .news_container{position: relative; bottom:auto;}
    .production_content{width:100%; height:auto; box-sizing: border-box;}
    .production_title_grp{flex-direction: row;}
    .production_inner_content{flex-direction: row; width:100%;}
    .production_kiosk, .production_barrier{width:50%; padding:30px; box-sizing: border-box; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; height:230px;}
    .production_barrier{width:100%; border-top-left-radius: 0; border-bottom-left-radius: 0;}
    .pro_title{color:#333;}
    .production_desc{color:#555; width:100%; padding:10px 0 10px 50px; line-height: 1.3em; font-size:0.9rem; letter-spacing: -1px; box-sizing: border-box;}
    .production_desc strong, .production_desc b{font-size:1rem;}
    .pro_sub_title{margin-bottom:10px;}
    .news_inner_content{width:100%; flex-direction: column; position: relative; left:auto; top:auto; bottom: auto;}
    .production_barrier{background:#eee;  width:50%; box-sizing: border-box; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
    .news_list li{width:100%; margin-bottom:10px; }
    .production_inner_content{height:auto;}
    .news_title_grp{width:100%;}
    .news_desc{line-height:1.3em; margin-bottom:15px; color:#555; font-size:0.9rem; letter-spacing: -0.5px; }
    .news_list > li{padding:30px; min-height:200px;}
    .inquiry_inner_container{width:100%; flex-direction: column; padding:40px; box-sizing: border-box;}
    .inquiry_title_grp{width:100%; padding:10px; box-sizing: border-box;}
    .inquiry_input_grp{width:100%; padding:10px; box-sizing: border-box;}
    .inquiry_container{width:100%; height:auto; position: static; top:auto; left:auto;}
    .company_information{width:100%; position: static; bottom:auto; left:auto; top:auto; height:auto; padding:10px; margin:20px 0;}
    .company_inner_information{width:100%; flex-direction: column; padding:20px; box-sizing: border-box;}
    .company_info{width:100%; box-sizing: border-box; padding:20px;}
    #section4{flex-direction: column;}
    .company_info label{width:90px; display:inline-block; height:100%; line-height: 1.5em;;}
    .company_info li{display: flex; }
    .company_info li:last-child{margin-right:20px;}
    .inquery_desc{font-size:1rem;}
    .company_business_list > li{border:1px solid #ddd;}
    .company_business_title{font-size:0.9rem; letter-spacing: -1px;}
    .company_business_title ol > li{font-size:1.1rem;}
    .company_info li span{ display: inline-block;width:calc(100% - 80px)}
    .news_list > li{border:1px solid #ddd; width:32%;}
    .news_content{font-size:1rem;}
    .news_title{height:50px; font-size:1rem;}
    .pro_be_detail_sub_title, .pro_detail_sub_title{display: none;}
    .pro_detail_img_grp img{margin-left:25px;}
    .production_kiosk, .production_barrier{display:flex; flex-direction: row;}
    .pro_detail_img_grp > div:first-child{width:100px;}
    .pro_detail_title, .pro_be_detail_title{padding-top:40px; font-size:1.4em;}
    .inquiry_title_grp{padding:20px;}
    .inquiry_tbl{width:100%}
    .inquiry_btn{width:100%}
    .copyright{display: none;}
}