@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2022
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

@media all and (max-width:1400px){
	#doc-wrap {min-width:320px}
	#content .contents_view_wrap .inner {margin:0 30px;max-width:none !important;}
}
@media all and (max-width:999px){
	body #content{font-size:17px !important;}
}
@media all and (max-width:768px){
	#content .contents_view_wrap .inner {margin:0 20px;}
	body #content{font-size:16px !important;}
	#content .contents_view_wrap .inner.top_mt {margin-top:50px; }
}
@media all and (max-width:599px){
	body #content {font-size:15px !important;}
}
@media all and (max-width:420px){
	#content .contents_view_wrap .inner {margin:0 15px}
}

@media all and (max-width: 768px) {
	.summary-wr h3.sub_tit {margin-top:50px;}
	.show-768 {
	  display: block !important;
	}
  
	.hide-768 {
	  display: none !important;
	}
}


/* ******************  회사소개 ********************** */
/* -------- 인사말  -------- */
@media all and ( max-width: 850px ){
	.company-greeting .greeting_cont01 .sub_stit {font-size: 27px;}
}

@media all and ( max-width: 768px ){
	.company-greeting .greeting_cont01 .sub_stit {font-size: 18px;margin-top:20px;padding-bottom: 50px;}
	.company-greeting { overflow: hidden;} 
    .company-greeting .greeting-message { padding:0 0 10px;}
    .company-greeting .greeting-message .maxinner {flex-wrap:wrap;}
    .company-greeting .greeting-message .maxinner > * {width:100%;padding-left: 0;}
    .company-greeting .greeting-message .txtbox > strong {font-size: 27px;}
    .company-greeting .greeting-message .imgbox .img {position:relative;padding:40px 0 40px 40px;margin: 0 auto 40px;max-width:450px;}
    .company-greeting .greeting-message .imgbox .img:after {content:"";position:absolute;left:0;top:0;z-index:-1;width:80%;height:100%;background:#f4f4f4;}
    .company-greeting .greeting-message:after { display:none;}	 
}


/* ******************  회사소개 ********************** */
/* -------- 회사개요  -------- */

@media all and ( max-width: 1300px ){
	.company-current .current_cont03 {
		flex-wrap: wrap;
		padding: 100px 0;
	}
	.company-current .current_cont03 .cont03_txt {width:100%;}
	.company-current .current_cont03 .cont03_txt {margin-bottom:30px;}
}

@media all and ( max-width: 1024px ){
	.sub_tit {font-size:38px;}
	.sub_stit {font-size:25px;}
	.company-current .current_cont02>ul{flex-wrap: wrap; justify-content: space-between;}
	.company-current .current_cont02>ul>li:nth-child(4),
	.company-current .current_cont02>ul>li{width: 49%; border: 1px solid #ddd; margin-bottom: 2%; padding: 45px 0;background: #fff;}
	.company-current .current_cont02{padding-top: 45px;}
	.company-current .current_cont02>p{margin-top: 50px;}
	.company-current .current_cont03 .info p {font-size:18px;}
	.company-current .info-list > li {font-size:18px; line-height:30px;}
}

@media all and ( max-width: 768px ){
	#content .contents_view_wrap .inner.current_cont01 {padding-bottom:50px;}

	.sub_stit br{display: none;}
	.sub-page {padding-top:5px;padding-bottom: 50px;}
	.sub_tit {font-size:30px;}
	.sub_stit {font-size:17px;margin-top:20px;padding-bottom:60px;}
	.sub_stit::before {display:none;}
	.company-current .current_cont02{padding: 45px 0;}
	.company-current .current_cont02>ul>li:nth-child(4),
	.company-current .current_cont02>ul>li{padding: 20px 0;}
	.company-current .current_cont02>ul .cont02_icon img{height: 40px;}
	.company-current .current_cont02>ul .para01{margin-top: 25px; font-size: 20px;}
	.company-current .current_cont02>ul .para01 span{font-size: 25px;}
	.company-current .current_cont02>ul .para02{margin-top: 12px; font-size: 15px;}
	.company-current .current_cont02>p{margin-top: 25px; font-size: 16px;}
	.company-current .current_cont03 .info p {font-size:15px;line-height: 24px;padding-bottom: 30px;}
	.company-current .current_cont03 {padding: 50px 0;}
	.company-current .current_cont03 .info .c-tit01{font-size: 25px;padding: 8px;}
	.company-current .current_cont03 .cont03_txt{
		font-size: 33px;
		line-height: 34px;
	}
	.company-current .current_cont03 .info ul li{
		float:none;
		width:100%;
	}
	.company-current .current_cont03 .info ul.c-list01 {padding:18px;}
	.company-current .current_cont03 .cont03_txt {margin-bottom:18px;}
	.company-current .current_cont04 .halfbox .left .tit {font-size:24px;}
	.company-current .info-list > li {font-size:16px; line-height:24px;}
	.company-current .current_cont04 .info-list > li:before {top:10px;}
	.company-current .current_cont04 .info-list > li > ul > li {font-size:15px;}
	.company-current .txt-wrap p {font-size:16px;}
	.company-current .cur_imgBox img {width:90%;}
	.company-current .current_cont04 .space {padding-bottom: 50px;}

}

@media all and ( max-width: 640px ){
	.company-current .current_cont04 .halfbox .left .tit {font-size: 20px;font-weight: 600;}
	.company-current .info-list > li {font-size:15px;}
	.company-current .info-list > li strong {font-weight:500;}

}


/* ******************  회사소개 ********************** */
/* -------- 연혁  -------- */
@media all and ( max-width: 1024px ){
	.history_wrap #sticky-wrapper {display: none;}
	.history_wrap .history_list {
		width: 100%;
		left: 0;
	}
	.history_banner{background-size: cover;background-attachment: initial;}
	.history_banner .txt01{font-size: 30px;}
	.history_banner .txt02{font-size: 20px;}
}

@media all and ( max-width: 768px ){
	.history_wrap {margin:50px 0 30px;}
	.history_title {height:350px;}
	.history_banner .txt01{font-size: 25px;}
	.history_banner .cate{font-size: 18px;margin-bottom: 15px;}
    .history_banner .cate span{font-size: 16px;}
    .history_wrap .history_list ul li span {width: 60px;}
    .history_wrap .history_list .list + .list {margin-top:35px;}
}

@media all and ( max-width: 640px ){
    .history_banner{padding: 50px 3.90625%;}
    .history_banner .txt01{font-size: 18px;font-weight: 500;word-break: keep-all;}
    .history_banner .txt01 br{display: none;}
	.history_banner .cate{font-size: 16px;margin-bottom: 12px;}
    .history_banner .cate span{font-size: 14px;}
	.history_wrap .history_list .year {font-size:38px;}
	.history_wrap .history_list ul {padding:15px 0 15px;}
	.history_wrap .history_list ul li + li{margin-top: 2px;}
}


/* ******************  회사소개 ********************** */
/* -------- 비전  -------- */

@media all and ( max-width: 1280px ){
	.vi_cont_wr {margin-top:80px;}
	.vision_cont02 .top_tit {font-size:43px;}
    .list_wrap .list {width: calc(50% - 15px); margin-right:30px;}
	.list_wrap .list:nth-child(even){border-bottom-color: #69b6fa;}
    .list_wrap .list:nth-child(2n){margin-right: 0;}
    .list_wrap .list:nth-child(n+3){margin-top: 150px;}
	.list_wrap .list + .list {margin-left:0;}
	.vision_cont02 .top_stit {font-size:21px; margin-top:28px;}
}

@media all and ( max-width: 768px ){
	
	.vi_cont_wr {margin-top:15px;}
	.vision_cont02 .top_tit {font-size: 25px;padding-top: 40px;line-height: 34px;letter-spacing: -0.8px;}
	.vision_cont02 .top_stit {font-size: 16px; margin-top: 15px;}
	.list_wrap {padding-top:80px;}
    .list_wrap .list .tit {width: 105px;height: 105px;font-size: 16px;background-position: top 30px center;background-size: auto 24px;margin: -50px auto 0;padding-top: 63px;}
	.list_wrap .list {width: calc(50% - 5px); margin-right: 10px;min-height: 215px;}
    .list_wrap .list:nth-child(n+3){margin-top: 95px;}
	.list_wrap .list ul{margin-top: 20px;padding: 0 15px;}
	.tab--style01 {margin-top:30px;}
	.tab--style01 .tab__btn{width: 32.5%; margin: 0 1.25% 1.25% 0; background-color: #fff; border: 1px solid #ddd;}
	.tab--style01 .tab__btn:nth-child(3n){margin-right: 0;}
	.tab--style01 .tab__btn.active{background-color: #e6eff8; color: #0154a6; border: 1px solid #0154a6;}
	.tab--style01 .tab__btn::before{display: none;}
	.tab--style01.col2{justify-content: space-between;}
	.tab--style01.col2 .tab__btn{width: 49%; margin-right: 0 !important;}
    .sub-page.company-vision .contents_view_wrap.bg_type1 {padding-bottom:100px;}
    
}

@media all and ( max-width: 649px ){
	.tab--style01 .tab__btn{line-height: 43px; height: 45px; font-size: 13px;}
}

@media all and ( max-width: 460px ){
	.list_wrap .list {width: calc(100% - 5px); margin-right: 0px;min-height: auto;padding-bottom: 35px;margin-bottom: 72px;}
    .list_wrap .list:nth-child(n+3){margin-top: 0;}
	.sub-page.company-vision .contents_view_wrap.bg_type1 {padding-bottom:0;}
}


/* ******************  회사소개 ********************** */
/* -------- 핵심가치  -------- */

@media all and ( max-width: 1440px ){
	.value-list1 .imgBox img {max-width:none;}
}

@media all and ( max-width: 1024px ){
	.value-list1:before {left:-70px;width:60%;}
}

@media all and ( max-width: 810px ){
	.value-list1 .txtBox {width: 85%;padding: 40px;}
}

@media all and ( max-width: 768px ){
	.value-list1:before {left: -34px;width:60%;}
	.value-list1 {padding-top:40px;padding-bottom:30px;}
	.value-list1 .phList {padding:20px 0;margin-bottom:10px;}
	.value-list1 .txtBox {padding:30px 20px 20px 20px;width:100%;margin:30.5% auto 0 auto;min-height:unset;}
	.value-list1 .imgBox {height:100%;overflow:hidden;max-width:none;width:100%;}
	.value-list1 .imgBox img {width:100%;}
	.value-list1 .c-tit01{font-size: 25px;padding-bottom: 25px;}
	.value-list1 .etxt{font-size: 15px;top: 33px;}
	
}



/* ******************  회사소개 ********************** */
/* -------- 경영혁신  -------- */

@media all and ( max-width: 1280px ){
	.innovation_cont02 .top_tit{font-size:43px;}
	.innovation_cont02 .top_stit {font-size:22px;margin-top: 28px;}
}

@media all and ( max-width: 1204px ){
	.innovation_cont02 .contents {margin-top:75px;}
	.innovation_cont02 .contents .item{width: 100%;margin-bottom: 20px;}
}

@media all and ( max-width: 768px ){
	.innovation_cont02 .top_tit{font-size:25px;padding-top:50px;line-height: 30px;}
	.innovation_cont02 .top_stit {font-size:16px;margin-top: 15px;}
	.innovation_cont02 .contents {margin-top:35px;}
	.innovation_cont02 .contents .item .cate {height: 50px;font-size: 20px;}
	.innovation_cont02 .contents .item .con {height: auto !important;padding: 10px 10px 70px;background-size: auto 36px;}
	.innovation_cont02 .contents .item .list_wrap li {font-size:15px;padding: 10px;}
	.innovation_cont02 .contents .item .list_wrap li .tit {font-size:16px;margin-bottom: 7px;}
	.sub-page.company-innovation .contents_view_wrap.bg_type1 {padding-bottom: 50px;}
}



/* ******************  회사소개 ********************** */
/* -------- 조직도  -------- */

@media all and ( max-width: 1024px ){
	.org_banner{background-position: center; padding-left: 45px; padding-right: 45px;}
	.org_banner .txt01{font-size: 28px; word-break: keep-all;}
	.org_banner .txt01 br{display: none;}
}

@media all and ( max-width: 768px ){
	.org_banner{padding: 100px 30px;}
	.org_banner .txt01 {font-size: 25px;}
}

@media all and ( max-width: 640px ){
	.org_banner{padding: 45px 15px; margin: 5px 0;}
	.org_banner .txt01{font-size: 18px;}

	.org_wrap .directorate {width:135px;height:135px; font-size:18px;}
	.org_wrap .level2 .group1 .directorate {font-size:17px;}

	.org_wrap .level2 .group1 .directorate {width: 100%;float: none;margin: 30px 0 0;}
	.org_wrap .level2 .group2 li {width: 100% !important;float: none;margin-right: 0; margin-bottom: 5%;}
	.org_wrap .level2 .group2 li div {font-size:17px;}
	.org_wrap .level2 .group2_wrap {padding-top:50px;}
	.org_wrap .level2 .group2_wrap:before {display: none;}
	.org_wrap .level2 .group2_wrap:after {display: none;}

	.company-organ-ch .org_wrap .level2 .group2_wrap {padding-top:30px;}
}


/* ******************  회사소개 ********************** */
/* -------- 특허 및 인증  -------- */

@media all and ( max-width: 1280px ){
	.company-award .container .item-box .item-img a {width:auto;}
	.company-award .container .item-box .item-img ul li {width:23%;}
	.company-award .container .item-box .item-img ul li .info_box .tit {font-size:17px;min-height:74px; }
}

@media all and ( max-width: 768px ){
	.award_cont01 .sub_stit {font-size: 20px;margin-top: 10px;padding-bottom: 15px;}
	.company-award .container .item-box .item-img ul {flex-wrap: wrap;margin-top: 0;}
	.company-award .container .item-box .item-img ul li {flex:0 0 50%; max-width:50%; margin-bottom:12px;}
	.company-award .container .item-box .item-img a {width:90%; margin:0 auto;box-shadow: 6px 5px 0px 0px rgb(0 0 0 / 5%);}
	.company-award .container .item-box .item-img ul li .info_box {width:90%; margin:10px auto;}
	.company-award .container .item-box .item-img ul li .info_box .tit {font-size:16px;-webkit-line-clamp:2;min-height:52px; max-height:52px;}
}

@media (max-width:648px) {
	.company-award .container .img-popup .popup-inner {width: 90%;}
	.company-award .container .img-popup .popup-inner .close-btn {width: 50px; height: 50px; top: -26px;}
	.company-award .container .img-popup .popup-inner .close-btn img {width: 20px;}
}


/* ******************  회사소개 ********************** */
/* -------- 납품실적  -------- */

@media all and ( max-width: 1250px ){
	.locations-top .imgBox {transform: scale(0.8);top: -60px;}
	.locations-top {height:580px;}
	
}

@media all and ( max-width: 997px ){
	.locations-top .imgBox {transform: scale(0.6);top: -100px;}
	.locations-top {height:458px;}
}

@media all and ( max-width: 768px ){
	.result_table .table_wrap {overflow: hidden; overflow-x: scroll;}
	.result_table .table_wrap table{width: auto; min-width: 700px;}
	.result_table .table_wrap table tr td,
	.result_table .table_wrap table tr th{font-size: 14px; padding: 10px;line-height: 15px;}
	.result_table .table .i {width: 30px;min-width: 30px;min-height: 20px;}
}

@media all and ( max-width: 598px ){	
	.locations-top {height:auto;}
	.locations-top .imgBox {margin: 0 auto;position: relative;top: auto;left: auto;height: auto;transform: scale(1);width: 150%;}
	.locations-top .imgBox div {display:none;}
}



/* ******************  회사소개 ********************** */
/* -------- 사업장소개  -------- */

@media all and ( max-width: 970px ){	
	.location-address{margin-top:0;}
	.adr-list{display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:0;margin-top:40px;}
    .adr-list .item{flex-wrap:wrap;justify-content:left;position:relative;width:100%;max-width:750px;padding:30px 0;border:0;}
    .adr-list .item:first-child{padding-top:0;}
    .adr-list .item:first-child::after{content:"";position:absolute;bottom:0;left:50%;width:200%; border-bottom:1px dashed #e5e5e5;transform:translateX(-50%);}
    .adr-list .loc-left{display:flex;flex-direction:column;justify-content:center;width:210px;padding-left:0;}
    .adr-list .item .title{font-size:21px;}
    .adr-list .item .text{margin-top:13px;font-size:16px;}
    .adr-list .loc-right{flex-direction:column;width:auto;padding-left:20px;}
    .adr-list .detail{width:auto;padding-left:0px;}
    .adr-list .contact{width:auto;margin-top:18px;}
    .adr-list .number{padding-left:25px;}
    .adr-list .public-transit{width:auto;padding-left:20px;}
    .adr-list .transit-text{min-width:auto;}
    .adr-list .s-detail{display:block;padding-left:20px;margin:5px 0 0 20px;}
	.hide_970 {display:none;}
	.loc-in-cont {height:500px;}
	.loc-in-cont .wrap_map {height:500px !important;}
}

@media (max-width:810px){
	/* Location */
	.map-wrap .map{height:400px;}
	.adr-list .item .text{margin-top:9px;}
	.adr-list .loc-left{width:100%;}
	.adr-list .loc-left::after{display:none;}
	.adr-list .loc-right{width:100%;padding-left:0;margin-top: 20px;}
	.adr-list .detail{font-size:15px;}
	.adr-list .contact{margin-top:10px;}
	.adr-list .number{display:inline-block;font-size:15px;}
	.adr-list .number:not(:first-child){margin:0;}
	.adr-list .public-transit{padding-left:0;margin-top: 20px;}
	.adr-list .inner-item:not(:first-child){margin-top:15px;}
	.adr-list .transit-text{padding-left:12px;font-size:15px;}
	.adr-list .s-detail{padding-left:12px;margin:7px 0 0;font-size:14px;}
	.adr-list .s-detail::before{display:none;}
	.loc-in-cont {height: 300px;}
	.loc-in-cont .wrap_map {height: 300px !important;}
  }









/* ******************  사업분야 ********************** */
/* -------- 사업소개  -------- */
@media all and ( max-width: 1440px ){	
    .tab--style04 {width:95% !important;margin: 50px auto 30px;}
}

@media all and ( max-width: 1080px ){
	.halfbox { flex-wrap:wrap; }
    .halfbox .left {padding:0 !important;margin-bottom: 27px;width:100% !important;}
    .halfbox .right { width:100% !important;}
    .halfbox .left .tit {font-size: 30px;}
    .halfbox .left .tit span { font-size:25px;;}
	.space { padding-top:80px;}

    .business-stucs .stucs-list {margin-left:-2%;margin-top:-2%;}
    .business-stucs .stucs-list .list { padding:30px 20px; margin-top:2%; margin-left:2%; min-height:auto;}
}

@media all and ( max-width: 1024px ){
    .business-cont .sec_title_g .eng {
		font-size: 40px;
	}
	.business-cont .sec_title_g .sec_title{
		font-size: 27px;
		margin-top: 10px;
	}
}

@media all and ( max-width: 768px ){
	
    .tab--style04{position: relative; z-index: 2;margin:30px auto 30px;}
    .tab--style04 p{display: block; text-align: center;}
    .tab--style04 nav{flex-direction: column; border: 1px solid #cacaca; position: absolute; left: 0; width: 100%; top: 64px; display: none; padding: 20px 0; background-color: #fff;}
    .tab--style04 nav .tab__btn{width: 100%; margin: 0; border: none; font-size: 22px;background-color:#fff;}
    .tab--style04 nav .tab__btn.active {background-color:#fff;color:#0154a6;}
	.space { padding-top:40px;}
     
	.business-cont .tab--style06 {margin-top:14px;}
	.tab--style06{position: relative; z-index: 1;}
    .tab--style06 p{display: block; text-align: center;}
    .tab--style06 nav{flex-direction: column; border: 1px solid #cacaca; position: absolute; left: 0; width: 100%; top: 64px; display: none; padding: 20px 0; background-color: #f4f4f4;}
    .tab--style06 nav .tab__btn{width: 100%; margin: 0; border: none; font-size: 22px;}
	.tab--style06 .tab__btn:before {display: none;}
	

	/*사업소개 하단 space*/
	.srs_cont03 .space,
    .srs_cont04 .space,
    .cps_cont03 .space,
    .stasc_cont03 .space {padding-bottom:0px;}

	.business-cont .tab--style04 {margin-top:25px;}
	.business-stucs .stucs-list {margin-top:-5em;margin-left:0;}
    .business-stucs .stucs-list .list {padding: 20px;margin-top: 42px;margin-left:0;width:100%;min-height:auto;margin-bottom: -26px;}
	.halfbox .left .tit {font-size: 22px;}

	.business-cont .sec_title_g {
		margin-top: 25px;
	}
	.business-cont .sec_title_g .eng{
		font-size: 30px;
		line-height: 35px;
	}
	.business-cont .sec_title_g .sec_title{
		font-size: 24px;
	}
	.business-cont .sec_title_g p.txt1{
		font-size: 15px;
		line-height:24px;
	}
	.business-stucs .stucs-list .list .txt-con .tit {
		font-size:18px;
	}
	.business-stucs .stucs-list .list .txt-con .tit span{
		font-size:14px;
	}
	.business-stucs .stucs-list .list .num {
		margin-right:10px;
	}
	.business-stucs .stucs-list .list .num span {
		width: 20px;
		height: 20px;
		line-height: 20px;
	  }
	.business-stucs .stucs_cont04 .cont_img {
		padding: 5px 0 30px;
	  }

}

@media all and ( max-width: 640px ){
    .tab--style04 p{line-height: 50px; height: 50px; font-size: 18px; background-size: 18px; background-position: calc(100% - 10px) center;}
    .tab--style04 nav{top: 49px; padding: 10px 0;}
    .tab--style04 nav .tab__btn{font-size: 17px; font-weight:400; line-height: 40px; height: 40px;}

	.tab--style06 p{line-height: 50px; height: 50px; font-size: 18px; background-size: 10px; background-position: calc(100% - 15px) center;}
    .tab--style06 nav{top: 49px; padding: 15px 0;}
    .tab--style06 nav .tab__btn{font-size: 16px; line-height: 38px; height: 38px;}

	

	.business-cont .sec_title_g {margin-top:5px;}
	.business-cont .sec_title_g .eng {
		font-size: 24px;
	}
	.business-cont .sec_title_g .sec_title{
		font-size: 23px;
		margin-top: 3px;
	}
	.business-cont .sec_title_g p.txt1 {
		margin:20px auto 25px;;
	}
	.business-cont .sec_title_g .sec_title:after {display: none;}
	.business-stucs .stucs_cont03 {
		padding: 40px 0 70px;
	  }
}



/* -------- 사업소개 * SRS -------- */

@media all and ( max-width: 1300px ){
    .business-cont .business-srs .container-list-st01>li {
		width:100%;
		margin-bottom:20px;
	}

	.business-cont .business-srs .container-list-st01 {
		flex-wrap: wrap;
		margin-top:20px;
		padding-bottom: 50px;
	}
}
@media all and ( max-width: 1080px ){
    #content .contents_view_wrap .inner .con-tit{font-size: 30px;}
	.business-cont .cont-in {
		flex-wrap: wrap;
	}
	.business-cont .cont-in .biz-txt {width:100%;padding: 30px 0 0 0;}
	.business-cont .cont-in .biz-txt h3 {font-size:30px;margin-bottom: 15px;}
	.business-cont .biz-txt .info-list {overflow: hidden;}
	.business-cont .biz-txt .info-list > li {float: left;width:50%;box-sizing:border-box;}
	

  
}
@media all and ( max-width: 768px ){
	#content .contents_view_wrap .inner .con-tit{font-size: 25px;}
	.halfbox .left {margin-bottom:10px;}
	.business-cont .cont-in .biz-txt h3 {font-size: 25px;}
	.business-cont .container-list-st01>li {
		padding: 85px 11% 25px 11%;
		background-position: center 25px;
		background-size: 45px;
		margin-bottom:15px;
	}
	.business-cont .container-list-st01 .txt01{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.business-cont .container-list-st01 .txt02 {font-size: 15px;}

	.business-cont .biz-txt .info-list {padding:15px 20px;}
	.business-cont .biz-txt .info-list > li {float:none;width:100%;}

	.business-cont .srs_cont05 .halfbox .tit_wrap .tit {
		font-size: 15px;
		padding: 5px 8px;
	}
	.srs_cont05 .halfbox .tit_wrap p{
		display: block;
		padding: 0;
		margin-top: 10px;
	}
	.srs_cont05 .halfbox .right ul {padding:15px 20px;}
	.srs_cont05 .halfbox.half_type1 .right ul li  {float:none;width:100%;}

	.srs_cont05 .halfbox.half_type2 .cont_left,
	.srs_cont05 .halfbox.half_type2 .cont_right{
		float: none;
		width: 100%;
		display: flex;
		justify-content: flex-start;
		border-bottom: 1px solid #e1e1e1;
	}
	.srs_cont05 .halfbox.half_type2 .r_cont ul li {
		margin: 5px;
	}

	.srs_cont05 .halfbox.half_type2 .num {
		width: 50px;
		align-items: center;
		display: flex;
		justify-content: center;
	}
	.srs_cont05 .halfbox.half_type2 .num span{
		margin:0;
	}

	.business-cont .biz-txt .info-list.num_list > li em {
		width:20px;
		height:20px;
		line-height: 20px;
	}
	.business-cont .sec_title_g p.txt1 {width:100%;}
	.business-cont .business-srs .container-list-st01 {padding-bottom:20px;}
	.tbstyle01 table {font-size:14px;}

}



/* -------- 사업소개 * stasc -------- */

@media all and ( max-width: 768px ){
	.business-cont .stasc_cont03 .cont-in .biz-txt {padding-bottom: 50px;}
	.business-cont .stasc_cont04 .img_wrap {background:#fff; padding:20px 0px;}
}




/* ******************  연구개발 ********************** */
/* -------- 핵심.혁신 기술 -------- */

@media all and ( max-width: 1400px ){
	.rnd-top .txt br {display:none;}
}
@media all and ( max-width: 1124px ){
	.rnd-top .txt {font-size:19px;}
	.rnd-list .txtbox .txt {font-size:17px;padding-top: 10px;}
}
@media all and (max-width:1349px){
	.rnd-list .txtbox {padding-top:5px;}
}
@media all and (max-width:1199px){
	.rnd-list .txtbox {padding-left:40px;}
	.rnd-list li:nth-child(2) .txtbox {padding-right:40px;}
	.rnd-list .txtbox .num {font-size:29px;}
	.rnd-list .txtbox .num:after {height: 17px; margin: 10px 0;	}
	.rnd-list .txtbox .c-tit02 {font-size:30px;}
}
@media all and (max-width:999px){
	.rnd-top { flex-direction: column; align-items: flex-start;}
	.rnd-top .c-tit01 {position:relative;top:auto;left:auto;font-size: 38px;margin-bottom: 20px;}
	.rnd-top .txt {padding-left:0;font-size: 18px;line-height: 26px;}
	.rnd-list {padding-top:40px;}
	.rnd-list li {padding-bottom:40px;}
	.rnd-list .img {width:50%;}
	.rnd-list .txtbox {width:50%;padding-top:0;}
	.rnd-list .txtbox .txt {padding-top:15px;font-size: 16px;line-height: 22px;}
	.rnd-list .txtbox .num {font-size:28px;}
	.rnd-list .txtbox .num:after {height: 14px; margin: 10px 0;	}
}
@media all and (max-width:768px){
	.rnd-top {padding:25px 0;}
	.rnd-top .c-tit01 {font-size:34px;}
	.rnd-top .txt {font-size: 16px;line-height: 22px;}
	
	.rnd-list li {padding-bottom:40px;}
	.rnd-list .img {float:none !important;width:100%;}
	.rnd-list .txtbox {float:none;width:100%;padding-left:0;padding-top:20px;}
	.rnd-list .txtbox .txt {padding-top:5px;}
	.rnd-list {padding-top:0px;}
	.rnd-list .txtbox .num {display:none;}
	.rnd-list .txtbox .c-tit02 {font-size:25px;}
	.rnd-list .txtbox .txt {font-size: 15px;}
	
	.rnd_cur_cont02 .container-list-st01>li {padding: 94px 30px 21px 30px;background-size: 60px;}
	.rnd_cur_cont02 .container-list-st01 .txt01 {font-size:20px;margin-bottom:10px;}
	.rnd_cur_cont02 .container-list-st01 .txt02 {font-size:16px;}
}


/* ******************  연구개발 ********************** */
/* -------- 연구개발 현황 -------- */

@media all and ( max-width: 890px ){
	.company-rnd-cur .section_top h4 {font-size:30px;}
	.company-rnd-cur .section_top p {font-size:24px;}
}
@media all and (max-width:768px){
	.company-rnd-cur .section_top h4 {font-size:27px;}
	.company-rnd-cur .section_top p {font-size:20px;}
	.company-rnd-cur .section_top p br {display:none;}
	.company-rnd-cur .section_top h4:after{margin: 22px auto;}
	.rnd_cur_cont02 {padding-bottom: 50px;}
}
@media all and (max-width:640px){
	.company-rnd-cur .section_top h4 {font-size:24px;}
	.company-rnd-cur .section_top p {font-size:16px;}
}


/* ******************  고객지원 ********************** */
/* -------- 온라인문의 -------- */

@media all and (max-width:1199px){
	.form_wrap table tr td #name, .form_wrap table tr td #company {width:100%;}
}
@media all and (max-width:1024px){
	  .terms__popup{width: 90%; padding: 30px;}
      .terms__popup .terms{height: 300px;}
}
@media all and (max-width:768px){
	.company-contact .sub_stit {font-size:17px;padding-bottom: 40px;}
	.form_wrap table {width:100%; border-top:2px solid #000000; table-layout:fixed;}
    .form_wrap table tr th {padding:5px 0 5px 10px; width:85px;vertical-align:middle;font-size: 15px; letter-spacing:-0.25px;}
    .form_wrap table tr th span { font-size: 15px;  display:block;}
    .form_wrap table tr td {padding:5px 10px;  }
    .form_wrap table tr td select,
	.form_wrap table tr td input[type="text"] {height:35px; padding-left:5px; font-size:13px;}
    .form_wrap table tr td textarea {
	resize:none; width:100%; height:150px; background:#f9f9f9;
	box-sizing:border-box; padding:10px; border:0;
	}
    .form_wrap table tr td div.recaptcha {
    transform: scale(0.65);
    text-align: left;
    transform-origin: left center;
    }
    .form_wrap table tr td input[type="file"] {font-size:13px; color:#2d2d2d; width:100%; line-height:100%;}
    .form_wrap table tr td #name,
	.form_wrap table tr td #company {}
    .form_wrap table tr td #title {width:100%;}
    .form_wrap table tr td #hp1,
	.form_wrap table tr td #hp2,
	.form_wrap table tr td #hp3 {width:30%;}
    .form_wrap table tr td #email1,
	.form_wrap table tr td #email2,
	.form_wrap table tr td #email3 {width:30%;}
	.terms__chk .chk__wrap label {font-size:13px;}
	.contact_cont02 .btn--style01 p {font-size:14px;}
}
@media all and (max-width:640px){
	  .terms__popup{ padding: 22px;}
      .terms__popup .terms{height: 200px;font-size:15px;padding: 10px 12px;line-height: 19px;}
      .terms__popup .txt01 {font-size:21px;}
}

@media all and (max-width:768px){
	.add-contract .indiv_tit{padding: 24px;}
	.add-contract .indiv_tit strong {font-size: 17px;}
	.add-contract .individual p{line-height: 154%;}
	
}