/*mobile*/
@media all and (max-width:1023px) {
body, div, td, p, input, button, textarea, select, a { font-size: 14px }
.pc { display: none }
.mo { display: block }
/*header*/
#header { position: relative; left: 0; top: 0; width: 100%; z-index: 100 }
.hsec1 { border-bottom: 1px solid #ddd; }
.hsec1 h1 { text-align: right; padding:6px 20px}
.hsec1 h1 img { width: auto }
.hsec1 h1 .out { display: none }
.lnb { position: fixed; width: 90%; left: -90%; top: 0; z-index: 90; height: 100%; background: #fff; border-right: 1px solid #aaa; transition: .3s; overflow: auto }
.lnb.on { left: 0; transition: .3s }
.lnb .close {width: 60px; height: 60px; background: url('../images/lnb_close.png') no-repeat; position:absolute ; top:0; right:0}
.lnb p {height:60px; line-height:60px; padding:0 0 0 10px; display:none}
.lnb ul { clear: both }
.lnb li { position: relative; border-bottom: 1px solid #ddd; height: auto }
.lnb li.be { background: url('../images/lnb_arrow.png') no-repeat 95% 50% }
.lnb li.be.on { background: url('../images/lnb_arrow_on.png') no-repeat 95% 50% }
.lnb li > a { display: block; height: 60px; line-height: 60px; font-size: 16px; padding-left: 20px; font-weight: bold }
.lnb li.on > a { color: #00E600 }
.lnb .sub { display: none; background: #00E600; padding: 15px 0; height: auto }
.lnb dl { }
.lnb dd > a { display: block; line-height: 30px; font-size: 13px; color: #fff; padding-left: 30px }
.lnb dd > a:hover { color: #b41340; text-decoration: underline }
.body_bg.on { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: 80 }
.hsec1 .lnb_open { position: absolute; left: 0; top:0 }
.hsec1 .lnb_open img { height: 60px; vertical-align: top }
/*main*/
#main { }/*header 공간 빼줌*/
/*swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 15px }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
.swiper-pagination-bullet { width: 10px; height: 10px; background: #fff }
.swiper-button-next { width: 60px; height: 60px; background: url('../images/swiper_next.png') no-repeat center }
.swiper-button-prev { width: 60px; height: 60px; background: url('../images/swiper_prev.png') no-repeat center }
/* 메인 */
.allmenu { display: none }
.right_banner { display: none }
.top_language {float:none; margin:0; overflow:hidden; clear:both ; float:left; width:calc(100% - 60px)}
.top_language h2{display:none}
.top_language ul{display:flex; width:100%}
.top_language ul li{flex:1; height:60px;}
.top_language ul li a{background:#333; text-align:center;  line-height:60px !important; padding:0 !important}
.top_language ul li:last-child a{background:#005aab}
.page-wrap{background:#005aab !important}
.swiper-slide{display:block !important}
.main_product .swiper-container h3{margin:0 !important; font-size:2em !important}
.main_product .swiper-container h3 + p{padding:1em !important; width:auto !important}
.main_product .swiper-container h3 + p br{display:none}
.main_product .swiper-image-inner.swiper-image-right span{font-size:2em !important}
.swiper-image-inner.swiper-image-right{margin:0 !important}
.swiper-image-inner.swiper-image-left{padding:2em !important}
.main_product .swiper-button-prev{top:40% !important}
.main_product .swiper-button-next{top:40% !important; left:auto !important}

.main_stock { background-size: cover; padding:10em 0 2em 0 }
.main_stock h2 { text-align: center; font-size: 3em }
.stock_info { float: none; width: auto; padding: 1em; margin: 2em 0 }
.stock_list dd span{display:block}
.stock_notice { float: none; width: auto; padding:30px }
.stock_icon { float: none; width: auto; text-align:center }
.stock_icon ul li a { width: 150px; height: 150px }
.main_pr { padding: 2em 0; background:#0157a7 }
.main_pr .swiper-button-prev{right:auto; left:0}
.pr_wrap { padding: 0 }
.main_pr h2 { font-size: 1em; color:#fff }
.main_pr h2 span { font-size: 2em ; color:#fff}
.main_recruit{padding:50px}
.main_recruit dl { text-align: center }
.main_recruit dl dd { font-size: 1.4em }
.main_recruit ul { text-align: center }
.main_recruit ul li{display:block; margin:0 0 1rem 0}
footer ul { float: none; width: auto; text-align: center }
.family { float: none; border: none; width: auto; padding:1rem; border-top:1px solid #525252}
.family::before{right:2rem}
footer address { text-align: center; letter-spacing: normal }
/* 서브 */
.sub_top { animation: none; height: 200px }
.sub_top h2 { font-size: 2em; padding:2em 0 }
.menu_prev, .menu_next { display: none }
.sticky{position:relative; top:auto}
.sub_menu{margin:0; border:none}
#DB_navi39{background:#005aab; }
#DB_navi39 ul{display:flex}
#DB_navi39 ul li.m0{border-left:none}
#DB_navi39 ul li.m2,
#DB_navi39 ul li.m3{width:44.6%}
#DB_navi39 ul li.DB_main a{font-size:0.9em}
.s_tit { font-size: 1.5em;}
.s_tit br { display: none }
/*.mb30 { padding: 1em }*/
.mb30 br { display: none }
h4{margin:1em; font-size:1.4em}
h6{padding:1em}
.comm_list{padding:1em}
.comm_box{margin:1em}
.comm_box_inner{padding:2em}
.center_h4{font-size:1.5em}
.comm_table td{white-space:nowrap}
.mo_pd{padding:1rem}
.flexbox_list{flex-direction: column; padding:1rem}
.flexbox_list li{margin:0 0 1rem 0}
.ah-tab-wrapper{padding:1rem}

.bg_con .s_tit{padding:1rem}
/* CEO인사말 */
.ceo_bg { padding: 1em 0 }
.ceo_con > div { padding: 0 }
.ceo_con { display: block; padding: 1em }
.half { float: none; width: auto }
.ceo_bg p br{display:none}
.mob_img{max-width:100% !important; width:100%}
.ceo_con strong{display:block}
/* 기업소개 */
.overview_bg { background-size: cover }
.overview_tit { margin: 0; float: none; width: auto }
.overview_tit > div { padding: 1em }
.overview_tit > div br { display: none }
.overview_tit > div h4{margin:0}
.overview_text { float: none; width: auto }
.overview_text > div { padding: 1em }
.overview_bg > .inner > div { flex-flow: column; }
/* 회사연혁 */
.history { padding: 5em 0 }
.history h2 { float: none; width: auto; text-align: center; font-size:3rem }
.history_con { float: none; width: auto }
.history_con dl dt { padding: 0 0 1em 0; text-align: center; margin: 0 0 1em 0 }
.history_con dl dt::before { bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 30px; top : auto }
.history_con dl dt::after { bottom: 0; left: 50%; transform: translateX(-50%); top : auto }
.history_con dl dd { padding: 0 1em }
/* 경영이념 */
.vision_txt { font-size: 2em }
.core { flex-flow: column; }
.core dl:nth-child(2), .core dl:nth-child(4) { margin: 0 }

/* CI */
.ci_down{display:flex; padding:1rem}
.ci_down li{flex:1}
.ci_color{display:flex; flex-wrap: wrap; padding:1rem}
.ci_color dl{width:50%}
/* 네트워크*/
.network{border:none}
.network_info,
.network_map{ float: none; width: auto }
/* 사업구분 */
.business_bg{padding:1rem 0 0 0}
.parts_bg{margin:60px 0 0 0}
.box_con{padding:2em 1em}
.box_con > .comm_list{padding:0 !important}
.box_con dl{float:none; width:auto}
.box_con .box_img{float:none; width:auto; margin:0 0 1em 0}
.pdf_con li{width:auto; vertical-align:top}
.box_con dl dd br{display:none}
.cer{padding:1em}
.pic{width:48%}
.box_con li{width:44%}
.img_text{padding:1em}
.img_text .img_con{float:none; width:auto}
.img_text .text_con{float:none; width:auto}
.tab_clom{display:block}
.tab_clom li{float:left; width:50%}
.business_process{display:block}
.business_process li{display:inline-block; width:48%}
.business_process_sq{padding:1em}
.business_process_sq li{display:block; width:auto; margin:1em 0}
.plant_list{float:none; width:auto}
.video_area .video_con{float:none; width:auto}
.video_area .video_text{float:none; width:auto}
.video_area .video_text textarea{height:200px}
.lSSlideOuter.vertical{padding:0 !important}
.lSSlideOuter.vertical .lSGallery{display:none}
.person p{float:none; width:auto; text-align:center; background:#fafafa; padding:1em 0}
.person dl dt,
.person dl dd{float:none; width:auto; padding:0}
.table_warp{overflow:scroll; padding:1em}
.box_list li{display:block; width:auto}
.newbusiness_bgcon{background-size:100%; height:500px; background-position:bottom}
.newbusiness_bgcon p{left:0; top:0}
.box_list{padding:1rem}

/* 재무정보 */
.status_chart{flex-direction: column;}

/* 공시 */
.disclosure_list{width:auto; padding:1em 0}
.disclosure_list ul{flex-direction: column}

/* 회사공고 */
.ir_board_notice{overflow:scroll}
.ir_notice td{white-space:nowrap;}
.ir_notice th:nth-child(2),
.ir_notice td:nth-child(2){display:none}
.ir_notice_down{padding:0.5em 4em 0.5em 2em;}

/* 기업지배구조 */
.directorate_left,
.directorate_right{float:none; width:auto}
#svg{height:300px}

/* 기업설명회 */
.ir_calendar p{float:none; width:auto; text-align:center}
.ir_calendar ul{float:none; width:auto; overflow:scroll}

/* 보건환경안전경영 */
.hse dt{font-size:2em}
.hse dd{padding:1em}
.hse dd br{display:none;}
.hes_list li{width:auto; margin:0 0 1em 0}
.hes_policy{padding:1em}
.hes_policy p{float:none; width:auto}
.hes_policy dl{float:none; width:auto}
.hes_list{flex-flow: column; padding:1rem}

/* 동반성장 */
.s_vision{width:auto}
.s_vision_con{position:relative; top:auto; left:auto; margin:0 auto 1em auto}
.text_box dt{float:none; width:auto}
.text_box dd{float:none; width:auto}
.btn_down{float:none; width:auto; margin:1em 0;}

/* 거래희망상담 */
.inquiry_list dl dt{float:none; width:auto; text-align:center; margin:0 0 1rem 0}
.inquiry_list dl dd{float:none; width:auto}


/* 게시판 */
.board_search{padding:2em}
.board_search input{width:70%}
.news_list{padding:2em}
.news_box{display:block; width:auto; margin:0 0 2em 0}
/* 사업보고서 */
.status_board_list{width:50%; padding:1em; box-sizing:border-box; margin:0}
.status_board_list dd p{float:none; width:auto; margin:0}
.status_board_list dd ul{float:none; width:auto}
.status_board_list dd ul li{text-align:center}
.ir_report span{position:relative; display:block; top:auto; right:auto; margin:1em 0; width:auto}

/* 공시정보 */
.disclosure_table{float:none; width:auto; overflow:scroll}

/* 온라인 상담 */
.inquiry_list{padding:1em}
.inquiry_list dl dd .half_input{width:47%}

/* 사이버제안 */
.icon_list{flex-flow: column;}


/* 채용안내 */
.talent{float:none; width:auto; padding:1em}
.talent2{margin:0}
.compensation_warp{background-size:cover; padding:4em 2em}
.compensation{flex-direction: column; width:auto}
.benefits{width:auto}
.process_con{padding:2em}
.process_list li{font-size:1em}
.process_con dl{display:block; width:auto}
.recruitment_board th,
.recruitment_board td{white-space:nowrap}

.beefup__head dt,
.beefup__head dd{float:none; width:auto}

.benefits_list{padding:1rem}

/* 보증서비스 */
.assurance_warp{padding:1em; flex-direction:column}

/* 부품 */
.part_layout dt{float:none; width:auto; font-size:1.5rem; padding:0 0 0 1rem}
.part_layout dd{float:none; width:auto}

}


@media (min-width: 1025px) and (max-width: 1280px) {
.right_banner{display:none}

}