@charset "utf-8";


@media all and (max-width:1650px){
    div.sidebar_wrap{display: none;} 
}


@media all and (max-width:1300px){
	.inner2{width:100%;}
}


@media all and (min-width:1400px){
	/*header*/
	#header {height:100px;overflow:hidden;transition:0.3s;border-bottom: 1px solid rgba(255,255,255,0.2);}
    #header:hover{background:rgba(0,0,0,0.8);}
	#header:before {content:"";display:block;position:absolute;left:0;top:100px;width:100%;height:220px;box-sizing:border-box;/*background:#363f4c;*/ border-top:1px solid #eeac41;background:#eeac41;}
	.menu-on #header {height:320px;}
	.menu-on #header .gnb > li > ul {display:block;}
	.sch-on #header {height:210px; }
	.sch-on #header .search {display:block;}
	
	
	/*__mt50*/
	.__mt50 {margin-top: 50px !important;}
	.__mt10 {margin-top: 10px !important;}
}

@media all and (max-width:1280px){
/*헤더영역*/
    #header .gnb{right: 0;}
    #header .go_to_fr {
        right: 73%;
		
    }
    div.outer{width:100%;}	
    #header .go_to_fr li{
        margin-right: 20px;
    }

/*메인 비주얼 영역    */
    div.visual_text{padding: 0 2%;}

    
    #main .outer{width:100%; padding:0 2%;}
/*메인페이지 컨텐츠1*/
    div.main_c01wrap div.IRinfomation_wrap{width:100%;padding-right: 0px;margin-bottom: 50px;}
    div.main_c01wrap div.Notice_wrap{width:100%;padding-left: 0px;}
    .swiper-button-next,.swiper-button-prev{display: none !important;}
    
/*서브 2depth    */
    div.sub2depth{width:100%;}
    
/*서브1에 서브1*/
div.elementor-row{}
div.elementor-column-wrap{height: auto;}
div.elementor-column-wrap br{display: none;}
div.elementor-column-wrap.firstbox{height: auto;}

div.global_Leader_wrap div.box-text-inner{width:100%;}
    
/*서브1에 서브3*/	
div.globalnetwork_wrap.kpt{display: block;}
	
/*서브1에 서브3_2*/
    div.technology_wrap div.technology div.technologybg-wrap{overflow: auto;}
    div.technology_wrap div.technology div.technologybg-wrap div.technology_bg{background-size: none; height: 480px;background-size: none;width: 1280px;}  
    div.technology_wrap div.technology div.technology-bottombox p{width: 100%;margin-bottom:10px; }
    
/*서브1에 서브3_3*/  
    div.company-website-visual.bixink{background: #094594;}
    div.company-website-visual div.text_box div.text_box{background: none;    padding: 40px;}
    div.company-website-visual div.text_box div.text_box br{display: none;}
	div.company-website-visual div.text_box div.text_box br.block{display: block;}
    
    div.company-website-visual div.text_box div.text_box{background: #094594;}
    
/*    인사말*/
    div.greeting_wrap div.greeting div.greetingtext_left{width:100%;padding: 0;}
    div.greeting_wrap div.greeting div.greetingtext-right-wrap div.greetingtext_right.tech_bg{display: none;}
    div.greeting_wrap div.greeting div.greetingtext-right-wrap div.greetingtext_right.bio_bg{display: none;}
	div.greeting_wrap div.greeting div.greetingtext-right-wrap div.greetingtext_right.recycling{display: none;}
	div.greeting_wrap div.greeting div.greetingtext-right-wrap div.greetingtext_right.medicine_bg{display: none;}
    
/*서브1에 서브5 글로벌네트워크*/
    div.globalnetwork_wrap{display: none;}
    div.network-m{display: block;}
	
/*서브3에 서브4 비전*/
	div.vision div.box_wrap div.box_bg{width:100%;}
	div.vision div.box_wrap div.box_bg:nth-child(2){width:100%;}
	div.vision div.box_wrap div.box_text{width:100%;}
	div.vision.second div.box_wrap{display: flex;flex-direction: column-reverse;}
	div.vision div.box_wrap div.box_text{padding: 30px 30px 20px;}
	

	div.key_events{padding: 80px 0px;}
	div.key_events div.content_text{width: 90%;}
	div.key_events div.content_text div.box{width:100%;}
	div.key_events div.content_text.second{display: flex;
    flex-direction: column-reverse;}
	
	div.key_events div.content_text div.box.box02{padding: 50px; height: auto;}

	
/*서브3에 서브2 주가정보*/
	.content_box{border: 0px solid red;}
	.content_box .content_box_left{padding-bottom: 20px; padding: 0 2% 20px;}
	.content_box .content_box_right{border: 0px solid orange; width: 100%;}
	
	
	div.infobox_btn{width:100%;}
	
	
	/*모바일 가로 스크롤*/
	.sub2depth.medicine {
	  overflow-x: auto;
	  -webkit-overflow-scrolling: touch;
	  white-space: nowrap;
	}

	.sub2depth.medicine ul {
	  display: flex;
	  flex-wrap: nowrap;
	  width: max-content;
	}
	
}

/*서브4에 서브2 주가정보*/
.table_wrap.scroll table {
  width:100%;
}




@media all and (max-width:1200px){
    div.outer{width:100%;}
    
    /*모바일 반응형시 텍스트 사이드 패딩 3%*/
    h3.subpage_title{padding: 0 2%;}
    p.subpage_subtitle{padding: 0 2%;}
    p.margintop_50{padding: 0 2%;}
    div.greeting_wrap div.greeting div.greeting_text p.greeting_text{padding: 0 2%;}
    p.subpage_text{padding: 0 2%;}	
	
}

@media all and (max-width:1140px){
	.stock_information{height: auto; padding: 15px;}
	.stock_information .title{width:100%; border: 0px; padding: 0 30px;}
	
	.tab_kpt.tab_segi{height: 1320px;}
	
	div.globalnetwork_wrap2.segi{display: none;}
	div.globalnetwork_wrap2.segi-mobile{display: block;}
}

@media all and (max-width:1100px){
	/*header*/
	#header .gnb > li > a {padding:0 10px;}
	#header .gnb > li:first-child > a {padding:0 30px;}
	#header .gnb > li > a > span {padding:0 5px;}
	
}

@media all and (max-width:1044px){
	.stock_information a{display: none;}
}

@media all and (max-width:1010px){
	.stock_information{padding: 0;border: 0; border-bottom: 1px solid #ddd;padding-bottom: 10px;border-radius: 0;}
	.stock_information .title{width: 100%; border: 0px; padding: 0 30px 0 0; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; font-size: 35px;color: #000;font-weight: 600;}
	.stock_information ul li{width: 100%;padding: 0;}
	.stock_information ul li.today{border-right: 0px;}
	
}


@media all and (max-width:1400px){
	.wrap{padding-top:80px;}
	
	
	/*header*/
	#header {position:fixed;box-shadow:0 1px 1px rgba(0,0,0,0.15);padding:0;}
	#header .inner {height:80px; background: #fff;}
	#header .logo {top:50%;left:10px;margin-top:-17px;}
    #header .logo img.pc_logo{display: none;}
    #header .logo img.mobile_logo{display: block; margin-top: -5px;}

/*	#header .logo img{max-width:50%;}*/
	#header .tnb, 
	#header .gnb {display:none;}
	#header .sch {right:50px;}
	#header .sch i:before {content:"\e036";}
	#header .mnu {display:block;right:10px;}
	#header .sch,
	#header .mnu {top:50%;width:30px;height:34px;font-size:18px;}

	#header .search {top:50px;background:#363f4c;padding:10px;box-shadow:0 3px 3px rgba(0,0,0,0.15);}
	.sch-on #header .search {display:block;}
	
	
	/*nav*/
	.menu-on #nav {height:100%;transition-delay:0s;}
	.menu-on #nav .bg,
	.menu-on #nav .inner,
	.menu-on #nav .close {opacity:1;}
    
    #header .go_to_fr {
        display: none;
    }
	
    /*서브 모바일 아코디언 메뉴*/

    
	
	/*mainvg*/
	.mainvg .vis{height:600px;}
	.mainvg .vis .box{top:240px;}
	.mainvg .vis .box .txt1 {font-size: 30px;}
	.mainvg .vis .box .txt2 {font-size: 22px;}
	
	
	/*m_theme*/
	#m_theme .area .box {padding:0 20px 20px 20px;width:50%;}
	
	
	/*svis*/
	#svis .inner{height:200px;}
	#svis h2{line-height:0; font-size:32px;}
	#svis .snb{display:none;}
	#svis .snb li a{font-size:12px;}
    #svis h2{padding-top: 90px;line-height: 1.3;}
	
	
	/*__login*/
	.__login {padding:20px 10px;}
	.__login .tit {margin-bottom:20px;} 
	.__login .tit h3 span {font-size:30px;}
	.__login .tit h3 img {margin-right:10px;width:40px;}
	.__login .tit p {margin-top:15px;font-size:13px;line-height:1.5em;}
	.__login .area .form {padding-right:90px;}
	.__login .area .form button {width:80px;font-size:14px;}
	.__login .area .form li:before {bottom:7px;font-size:20px;width:30px;}
	.__login .area .form li ~ li {margin-top:10px;}
	.__login .area .form li input {height:35px;text-indent:35px;font-size:14px;}
	.__login .area .link {margin-top:20px;font-size:0;text-align:center;}
	.__login .area .link li a {font-size:14px;}
	.__login .area .link li ~ li {padding-left:16px;margin-left:15px;}
	
	
	/*.__layout*/
	#sub .__layout {padding: 3%;}
	#sub .ready{margin:0 auto;}
	.__tit1{margin:25px 0 5px 0;}
	.__tit1 h3{font-size:22px;}
	.__dotlist > li{font-size:14px; word-break:keep-all;}
	
	
	/*footer*/
	#footer .top {padding:10px;}
	#footer .top .fnb {text-align:center;}
	#footer .top .fnb > li {}
	#footer .top .fnb > li > a {height:24px;line-height:24px;font-size:14px;letter-spacing:-0.075em;}
	#footer .top .fnb > li ~ li {margin-left:6px;padding-left:7px;}
	#footer .top .sns {position:relative;text-align:center;margin-top:10px;}
	#footer .bot .inner {padding-left:0;text-align:center;}
	#footer .bot h2 {position:relative;top:0;margin-top:0;}
	#footer .bot h2 img {}
	#footer .bot .info {margin-top:10px;text-align:center;}
	#footer .bot .info .host {font-size:12px;line-height:1.5em;text-align:center;}
	#footer .bot .info address {font-size:12px;line-height:1.5em;text-align:center;padding-left:0px;}
	#footer .bot .info address span {margin:0 8px;text-align:center;}
	#footer .bot .info .copy {font-size:12px;margin-top:7px;text-align:center;padding-left:0px;}
	
	
	/*solutions_detail*/
	.solutions_detail{padding:0;}
	.solutions_detail .section .view_box .mv_box{width:100%;}
	.solutions_detail .section .view_box .order_box{float:none; width:auto; position:static; margin-top:0; margin-left:0;}
	.solutions_detail .section .view_box .solution_tag{width:auto; padding:25px; background:#e8ebee; margin:15px 0; border-radius:10px; box-shadow:5px 5px 20px 0 rgba(0 0 0 / 5%);}
	.solutions_detail .section .view_box .detail_box{width:100%;}


	/*__tbl-list*/
	.__tbl-list tr > * {padding:5px;}
	.__tbl-list thead th {font-size:12px;}
	.__tbl-list tr td {font-size:12px;}

	.__tbl-list.responsive colgroup,
	.__tbl-list.responsive thead {display:none;}
	.__tbl-list.responsive,
	.__tbl-list.responsive tbody,
	.__tbl-list.responsive tfoot,
	.__tbl-list.responsive tr {display:block;}
	.__tbl-list.responsive tr {font-size:0;border-bottom:1px solid #ccc;padding:8px 0;overflow:hidden;}
	.__tbl-list.responsive tr td {text-align:left;display:inline-block;vertical-align:middle;max-width:100%;height:auto;position:relative;box-sizing:border-box;margin-left:-1px;padding:2px 7px;}
	.__tbl-list.responsive tr td:after {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ccc;}
	.__tbl-list.responsive tr > * {padding:0;border-right:none;}
	.__tbl-list.responsive tr td {border-bottom:none;color:#999;font-size:13px;}
	.__tbl-list.responsive tr .subject {width:100%;margin-left:0;margin-left:0;margin-bottom:5px;text-align:left !important;}
	.__tbl-list.responsive tr .subject:after {display:none;}
	.__tbl-list.responsive tr .subject > a ~ * {margin-left:3px;}
	.__tbl-list.responsive .notice {background:#f4f4f4;}
	.__tbl-list.responsive .notice:before {content:"[공지]";display:block;font-size:14px;padding:0 7px;color:#000;}
	.__tbl-list tr .file {font-size:18px;}
	.__p{display:none !important;}
	
	
	.notice_top > h3{font-size:15px; padding:10px;}
	.notice_top .info{padding:10px; font-size:13px;}
	
    .swiper{height: 500px;}
    div.visual_text h3{font-size: 25px; margin-bottom:20px;}
    div.visual_text h2{font-size: 60px;}
    div.visual_text p.visual_button{margin-top: 60px;}
	
/*	하단 버튼*/
	.slick-prev, .slick-next{z-index: 3 !important;}
    
/*    서브1에 서브1*/
    div.KPSCorporation_wrap div.ourbusiness_wrap{display: flex;justify-content: space-between;margin-top: 65px;flex-direction: column;}
    div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness{width:100%;}
    div.sub01sub01_backgroundimg{background:none;}

    /* 서브1에 서브1 */
    div.elementor-column-wrap{width: calc(97%/3);margin-right: 1%;}
    div.elementor-column-wrap.firstbox{width:100%;margin-bottom: 30px;}

    
    
/*    서브1에 서브2*/
    div.board_wrap table.t_list2 tbody tr td.t_textB{display: none;}
    div.board_wrap table.t_list2 tbody tr td.t_textL{width:100%;}
    
/*    서브1에 서브3*/
    div.sublayout_wrap div.sublayout_L{width:100%;margin-bottom: 15px;}
    div.sublayout_wrap div.sublayout_R{width:100%;}

    div.greeting_wrap div.greeting div.greeting_bg{width:100%;}
    div.greeting_wrap div.greeting div.greeting_text{width:100%; margin-top: 30px;padding-right: 0px;}

	.tab_kpt .list li div.box_wrap div.box dl dd{padding: 7px;}
	
/*    서브3에 서브2*/
	/*div.pipeline_wrap{overflow: auto;}*/
	
/*    서브3에 서브3*/
    div.board_wrap table.t_list tr td{padding:1%;word-break: break-all; line-height: 1.5;}
    div.board_wrap table.t_list tr td.text_L{padding:1%;word-break: break-all;}

	
/*서브4에 서브2 주가정보*/
.table_wrap.scroll table {
  width:1000px;
}
	
/*    서브4에 서브4*/	
	
	
/*    서브5에 서브2*/
    
    div.map_wrap div.map1.mapL{padding-right: 0; margin-bottom: 50px;}
    div.map_wrap div.map1.mapR{padding-left: 0;}
    div.contact_wrap div.contact div.contact_box{width:100%;}
    
/*    서브5에 서브3*/    
    div.recruitment_wrap div.recruitment div.recruitment_box{width:100%; padding: 40px 0;}
	
	
    
}

@media all and (max-width:1000px){
    div.map_wrap div.map1{width:100%;}
    
    div.map_wrap{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    }
    
    div.map_wrap div.map1.mapA{
        margin-bottom:50px;
    }
    
    
}



@media all and (max-width:930px){
/*
	.tab_kpt{height: 1750px;}
	.tab_kpt .list .cont{height: 1690px;}
	.tab_kpt .list li div.box_wrap div.box{border: 0px solid red; width:100%;}	
	.tab_kpt .list li div.box_wrap div.box dl dd{padding: 0 100px 50px;}
	.tab_kpt .list li div.box_wrap div.box dl dd.text{text-align: center;}
*/
	
	div.productive-table-wrap{overflow: auto;}
	div.process-cont table.productive{width: 1100px;}
}



@media all and (max-width:800px){
    div.contact-wrap ul.contact{padding: 30px 0;}
    div.contact-wrap ul.contact li{width: calc(100% / 1);margin-bottom:15px;border-right: 0;}
	
	.pop_wrap .pop_inner{width:100%;}
	
	/*서브3에 서브3*/
	div.BusinessArea_wrap div.box_wrap div.box{width: calc(100%/1);border-radius: 0px; padding: 40px 50px;}
	div.BusinessArea_wrap div.box_wrap div.box:nth-child(2){margin:0;}
	
	div.vr-wrap div.vr-box{background: none;}
	div.vr-wrap div.vr-box p br{display: none;}
}


@media all and (max-width:800px){
	div.segi-cont div.segi-products div.products-l{width: 100%;}
	div.segi-cont div.segi-products div.products-l img{width: 100%;}
	div.segi-cont div.segi-products div.products-r{width:100%;margin-bottom: 50px;}

	div.segi-cont div.segi-box-wrap div{margin-bottom: 30px;}
	div.segi-cont div.segi-box-wrap div.box-t{margin-top: 0;}
	div.segi-cont div.segi-box-wrap div.box-b{margin-top: 0;}
	div.segi-cont div.segi-box-wrap div.box-t div.box-left{width:100%;}
	div.segi-cont div.segi-box-wrap div.box-t div.box-right{width:100%;}
	div.segi-cont div.segi-box-wrap div.box-b div.box-left{width:100%;}
	div.segi-cont div.segi-box-wrap div.box-b div.box-right{width:100%;}
	
	div.battery-wrap div.battery-left{width:100%;margin-bottom: 30px;}
	div.battery-wrap div.battery-right{width:100%;}
}




@media all and (max-width:650px){
	div.sublayout_wrap div.sublayout_R.mobile_none{display: none;} 
	section.sub01_sub03_c03m{display: block;}
	input.bbx_off{width:100%;}
	select.email{width:100%;margin: 5px 0px;}
	
}


@media all and (max-width:768px){
	.___br{display:block;}
	
	
	/*m_theme*/
	#m_theme {padding-bottom:0;}
	#m_theme .tit h3 {font-size:28px;}
	#m_theme .tit p {font-size:17px;}
	#m_theme .area .box {padding:0 10px 20px 10px;width:50%;}
	#m_theme .area .box .img img {width:80px;height:auto;}
	#m_theme .area .box p {font-size:14px;}
	
	.__search select{width:70px;}
	.__search input[type=text]{width: 157px;}
	.__search select, .__search input[type=text], .__search button{display: inline-block; vertical-align: top; box-sizing: border-box; height: 30px; font-size: 12px;}
	.__search button {width: 45px;}
	
	.__tbl-list thead th {padding:10px; background: #f4f4f4; font-size: 16px; font-weight: normal; color: #000; text-align: center;}
	.__tbl-list tr td{text-align: center; font-size: 14px; font-weight: 300; line-height: 1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	
	/*order_box*/
	.solutions_detail .section .view_box .order_box h2{font-size:18px; line-height:26px; word-break:break-all;}
	.solutions_detail .section .view_box .order_box .option dt strong{font-size:16px;}
	.solutions_detail .section .view_box .order_box .option dd .lightgray{font-size:14px;}
	.solutions_detail .section .view_box .order_box .option dd .t1{font-size:14px;}
	.solutions_detail .section .view_box .order_box .option dd .t1 .small{font-size:12px;}
	
	.solutions_detail .section .view_box .order_box .relative .btns .btns2 .solution-inquiry{height:40px; line-height:39px; font-size:16px;}
	.solutions_detail .section .view_box .order_box .relative .btns .btns1{margin:15px 0 10px 0;}
	.solutions_detail .section .view_box .order_box .relative .btns .btns1 button{height:30px; line-height:29px; font-size:13px;}
	
	
	/*detail_box*/
	.solutions_detail .section .view_box .detail_box .tabs > a{font-size:13px;}
	.solutions_detail .section .view_box .detail_box .tabs > a > span{line-height:49px;}
	.solutions_detail .section .view_box .detail_box .tabs > a:nth-child(2) > span{display:block; line-height:18px; padding-top:7px;}
	
	
	/*solution_tag*/
	.solutions_detail .section .view_box .solution_tag .key span a{font-size:12px; display:block;}
	
	
	/*solutions_detail2*/
	.solutions_detail2{padding:0;}
	.solutions_detail2 .section2{margin-top:20px;}
	.solutions_detail2 .section2 > h2{font-size:20px;}
	.solutions_detail2 .section2 > h2 > a{font-size:14px;}
	
	
	/*swiper-slide*/
	.solutions_detail2 .section2 .swiper-slide > a{width:100%;}
	
	
	.width_all{height:100vh;}
	.left{float:none; width:100%; height:50vh;}
	.right{float:none; width:100%; height:50vh;}
	.text-area{margin:0 auto; width:245px; padding-top:30%;}
	.text1{font-size:30px; padding-bottom: 15px;}
	.text2{margin:15px 0; font-size:18px; letter-spacing:5px;}
	.text3{font-size:12px;}

/*    div.swiper-slide.v_img1 {background: url(../images/visual_img1_m.jpg) no-repeat center center;}*/

    div.equipment_wrap div.equipment div.equipment_box{width:100%;}
    
    div.sub2depth{display: none;}
    details{display: block;}
	div.sub2depth.medicine{display: block;overflow: scroll;}
	div.sub2depth.medicine ul{width: 1280px;}
	
	
	div.segi-cont div.certificate-wrap div.box{width: calc(97%/3); margin-right: 0;}
}

@media all and (max-width:600px){
	div.process-cont div.box_wrap{flex-direction: column;}
	div.process-cont div.box_wrap div.box{width: 100%;}
	div.process-cont div.box_wrap img.process-map-img{padding: 0;}
	div.main_c01wrap div.IRinfomation div.IRinfomation_box{background-size: cover;}
}


@media all and (max-width:568px){
    div.main_c01wrap div.Notice_wrap div.Notice ul li dl dt{font-size: 4.3vw;}
    div.main_c01wrap div.IRinfomation div.IRinfomation_box p.contact_text.first{margin-top: 25px;}
	div.global_Leader_wrap{padding: 20px 10px; height: 280px;}
	div.global_Leader_wrap h4{font-size: 30px;}
	
	
}

@media all and (max-width:558px){
    div.elementor-column-wrap {width: calc(100%/1);margin-right: 1%; text-align: center;}
    div.elementor-column-wrap.firstbox{text-align: left;}
	
	div.segi-cont div.certificate-wrap div.box{width: calc(97%/2);}
	
}

@media all and (max-width:473px){
	div.visual_text h3 br{display: none;}
}


@media all and (max-width:400px){
/*    비주얼 타이틀 텍스트 */
    div.visual_text h3{font-size: 6.5vw;}
    div.visual_text h2{font-size: 11vw;}
/*    div.visual_text p.visual_button{width:100%;}*/
    
    
    div.main_c01wrap div.IRinfomation a{width:100%;}
    div.main_c01wrap div.IRinfomation div.bio{margin-bottom:0;}
    div.main_c01wrap div.IRinfomation div.oled{margin-bottom:0;}
    
	div.segi-cont div.certificate-wrap div.box{width: calc(97%/1); margin-right: 0;}

}

@media all and (max-width:354px){
    .history_bg{height: auto;}
    .history_bg br{display: none;}

	div.globalnetwork_wrap2.segi-mobile div.box_wrap{flex-direction: column;}
	div.globalnetwork_wrap2.segi-mobile div.box_wrap div.box.box-mobile{width: 100%;}
	div.globalnetwork_wrap2.segi-mobile div.box_wrap div.box.box-mobile img{border: 1px solid #ddd;}
	div.globalnetwork_wrap2.segi-mobile div.box_wrap div.box.box-mobile dl dt{margin-bottom: 20px;}
}