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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1280px){
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
}
@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:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative; max-width: none;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 2rem; height:5rem; line-height:5rem; font-size:1.5rem; background-color:var(--main-color); border-radius:3rem; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:2rem; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; z-index:11; border-radius:3rem; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px; color: #000 !important;}
	.sub-drop-menu-style ul li.selected{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color) !important; font-weight:600; }
	
	.bg-fixed-con {background-attachment: unset;}
	
	.move-line-wrap {display: none !important;}
	.cm-btn-full .cm-fill {display: none !important;}
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ****************** 1.Company ********************** */
/* -------- 회사소개 -------- */
@media all and (max-width:800px){
	.intro-top {padding: 15rem 0; position: relative;}
	.intro-top:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; content: '';}
	.intro-top .inner{position: relative;}
	.intro-top .inner .tit  {font-size: 4rem;}
	.intro-top .inner .txt {font-size: 2rem;} 
	.intro-bottom .txt01 {font-size: 3.4rem;}
}
/* -------- CEO 인사말 -------- */
@media all and (max-width:800px){
	.greeting-top .greeting-tit {font-size: 3.4rem; margin-bottom: 4rem;} 
	.greeting-top .greeting-txt01 {font-size: 2.2rem;}
	.greeting-bottom-inner {display: block;}
	.greeting-bottom-inner .txt-box {width: 100%;}
	.greeting-bottom-inner .img-box {width: 70%; margin: 0 auto;}
	.greeting-bottom-inner .img-box img {position: relative;}
}
/* -------- 비전 및 미션 -------- */
@media all and (max-width:1280px){
	.vision-value-txt h5 {font-size: 2rem;}
	.vision-con  {height: auto !important;}
	.vision-con-inner {padding: 15rem 0;}
	
	.vision-scroll-icon {display: none;}
}
@media all and (max-width:800px){
	.vision-con-inner {padding: 10rem 0;}
	.vision-con01 {display: block;}
	.vision-con01 .txt-con {width: 100%; padding-right: 0; margin-bottom: 3rem;}
	.vision-con01.reverse .txt-con {padding-left: 0; text-align: left;}
	.vision-con01 .txt-con .tit {font-size: 4.6rem;}
	.vision-con01 .txt-con .txt01 {font-size: 2.4rem;}
	.vision-con01 .txt-con .txt02 {font-size: 2.2rem;}
	.vision-con01 .img-con {width: 100%;}
	.vision-con03-tit{font-size: 4.6rem;}
	
	.vision-value-list {width: 50%; margin: 5rem auto 0; display: block;}
	.vision-value-item {width: 100%;}
	.vision-value-item + .vision-value-item {margin-top:5rem;}
	.vision-value-item .bottom-txt {margin-top: 2rem;}
	.vision-value-cir:after {top: -3rem; left: 50%; margin-left: -3rem; margin-top: 0;}
}
@media all and (max-width:480px){
	.vision-value-list {width: 100%;}
}

/* -------- 연혁 -------- */
@media all and (max-width:1820px){
	.history-content {padding: 0 var(--area-padding);}
}
@media all and (max-width:1280px){
	.history-content  {padding: 0 var(--area-padding) 10rem;}
	.history-top-con {padding: 10rem var(--area-padding) 11rem}
	.history-percent-bar {height: 100%;}
	.scroll-down .history-tab-list-style.top-fixed ,
	.history-tab-list-style.top-fixed {top: var(--header-fixed-height);}
}
@media all and (max-width:800px) {
	.history-top-con {padding: 8rem var(--area-padding) 4rem; margin-bottom: 10rem; position: relative;}
	.history-top-con:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; content: ''; border-radius: 2rem;}
	.history-top-txt { margin-bottom: 5rem;}
	.history-top-txt .tit {font-size:4.6rem ;}
	.history-tab-list-style  {display: block;}
	.scroll-down .history-tab-list-style.top-fixed ,
	.history-tab-list-style.top-fixed {top: var(--header-fixed-height); width: calc(100% - (var(--area-padding)*4));}
	.history-drop-open-btn-style{width: 100%; display:block; position:relative; padding:0 2rem; height:6rem; line-height:6rem; font-size:1.6rem; background-color:#000;     border-radius: 4rem;box-sizing:border-box; text-align: left;}
	.history-drop-open-btn-style span{color:#fff; }
	.history-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.history-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.history-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box; border-radius: 3rem;}
	.history-drop-menu-style ul li{position:static; display:block; float:none; height: auto; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.history-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.history-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0; line-height: 1.3; border-radius: 0; text-align: left;}
	.history-drop-menu-style ul li a em{font-size:13px; color: rgba(0,0,0,0.6);}
	.history-drop-menu-style ul li.selected a{background-color:transparent;}
	.history-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
	
	.history-percent-bar {left: 1rem; }
	.history-year-group-box { flex-wrap: wrap; padding: 1rem 0 8rem 4rem;}
	.history-year-group-box .history-img-box {width: 100%; padding-right: 0;}
	.history-year-group-box .history-info-box {width: 100%; padding-left: 0; padding-top: 4rem;}
	.history-year-group-box .history-year-group-tit {position: relative; left: 0;}
	.history-year-group-box .history-year-group-tit ,
	.history-year-group-box.active .history-year-group-tit  {font-size:4rem ;}
	.history-year-group-box .history-year-list-box {padding-top: 4rem;}
	.history-year-group-box .history-year-item .history-month-item .history-detail-txt {font-size: 1.6rem;}
}

/* -------- 오시는길 -------- */
@media all and (max-width:1280px){
	.location-con-wrap .location-map-con {width: calc(100% - 49rem);}
	.location-item-con {width: 45rem;}
}
@media all and (max-width:800px){
	.location-content {height: auto;}
	.location-con-wrap {display: block; padding: 0 var(--area-padding);}
	.location-con-wrap .location-map-con {width: 100%; height: 40rem;}
	.location-item-con {width: 100%; margin-top: 3rem; padding: 2rem;}
	.location-tab-wrapper-style {margin-bottom: 6rem;}
	.location-tab-list-style ul li.selected a {background-color: #000;}
	.location-info-box {margin-bottom: 4rem; padding: 0 1rem; box-sizing: border-box;}
	.location-info-box .top-tit {}
	.location-info-box .top-tit strong {font-size: 3rem;}
	.location-info-box .top-tit span {top: -0.2rem;}
	.location-link-btn.cm-btn-full .cm-fill {display: none;}
	.location-info-box .info-list dl {font-size: 1.6rem;}
	
	.location-link-btn {height: 6rem; padding: 0 2.5rem;}
	.location-link-btn em {font-size: 1.6rem;}
}



/* ****************** 2.Product ********************** */
/* -------- 인트로 페이지 -------- */
@media all and (max-width:1700px){
	.prd-intro-con { padding: calc(var(--header-height) + 2rem) var(--area-padding) 8rem;}
	.prd-intro-con .prd-intro-tab-con .txt-box dl dt {font-size: 4.4rem;}
}
@media all and (max-width:1280px){
	.prd-intro-con .right-con {width: 35rem;}
	.prd-intro-con .prd-intro-tab-con .txt-box {padding: 3.5rem 0 2rem;}
	.prd-intro-con .prd-intro-tab-con .txt-box dl dt {font-size: 3.4rem;}
	.prd-intro-con .prd-intro-tab-con .txt-box dl dd {font-size: 1.8rem;}
}
@media all and (max-width:800px){
	.prd-intro-img-wrap {position: absolute;  top: 50%; left: 0; width: 100%; height: 100vw; transform: translateY(-50%); margin-top: calc(-1*(var(--header-height)));}
	.prd-intro-car-img {padding-top: 100vw;}
	.prd-intro-con {position: relative; display: block; height: auto; padding: calc(var(--header-height) + 4rem) var(--area-padding) 5rem;}
	.prd-intro-con .left-con {display: block; width: 100%; margin-bottom: calc(50vw + 5rem);}
	.prd-intro-con .left-con .tit-box {/* margin-bottom: 45vw; */ margin-bottom: 3rem;}
	.prd-intro-con .left-con .tit-box h4 {font-size: 4rem;}
	.prd-intro-con .left-con .tit-box .txt {font-size: 1.8rem;}
	.prd-intro-tab-wrapper-style {width: 100%; padding: 0; background-color: transparent;}
	.prd-intro-list-style ul li {padding: 0;}
	.prd-intro-list-style ul li a {border-radius:0}
	
	.prd-intro-con .right-con {width: 100%; max-width: 40rem; margin: 0 auto;}
	.prd-intro-con .prd-intro-tab-con .txt-box dl dt {font-size: 2.8rem;}
	.prd-intro-con .prd-intro-tab-con .txt-box dl dd {font-size: 1.6rem;}
	.prd-intro-con .prd-intro-tab-con .txt-box .more-btn {max-width: 20rem;   height: 5.2rem;}
}

/* -------- 뷰 페이지 -------- */
@media all and (max-width:1860px){
	.prd-view-con01 {padding: var(--header-height) var(--area-padding) 5rem;}
}
@media all and (max-width:1279px){
	.prd-main-video-container ,
	.prd-tab-wrapper-style {display: none !important;}
	.prd-view-con01 {flex-direction: column-reverse; padding: var(--header-height) 0 5rem;}
	.prd-view-con01 .left-con {width: 100%; height: 80rem; }
	.prd-view-con01 .right-con {width: 100%; }
	.prd-description-con .txt {-webkit-line-clamp: initial; -webkit-box-orient: initial; overflow: visible;}
	.prd-description-con .txt br{display: none;}
	.prd-tab-list-style {width: 100%;}
	.prd-tab-list-style ul li.selected a {background-color: #000;}
	
	#prdViewCon02 {padding: 12rem 0;}
	.prd-view-con02 {}
	.prd-main-video-m {position: relative; display: block; max-width: 960px; margin: 0 auto; }
	.prd-main-video-list-m .slick-list {overflow: visible; margin: 0 -4rem;}
	.prd-main-video-list-m .slick-slide {margin: 0 4rem;}
	.prd-main-video-list-m li .background-video-wrapper {overflow:hidden; position:relative; width:100%; height:0; padding-top:56.25%; border-radius: 2rem;}
	.prd-main-video-list-m li .background-video{position:absolute; top:0; left:0px; width:100%; height:100%}
	.prd-main-video-list-m li .background-video iframe{position:absolute; top:50%; left:50%; width:100%; height:calc(100% + 350px); transform:translate(-50%,-50%)} 
	.prd-main-video-arrow-m {position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 100%; height: 2.5rem;z-index: 99;}
	.prd-main-video-arrow-m button {height: 2.5rem;}
	.prd-main-video-arrow-m button.slick-disabled {opacity: 0.2;}
	.prd-main-video-arrow-m button img {max-height: 100%;}
	.prd-main-video-arrow-m .prd-video-next-btn-m {position: absolute; right: -6rem; top: 0;}
	.prd-main-video-arrow-m .prd-video-prev-btn-m {position: absolute; left: -6rem; top: 0;}
	
	.prd-view-con03 {padding: 12rem 0}
	.prd-major-con {padding: 0;}
	.prd-major-progress-bar .swiper-scrollbar-drag {height: 11rem; top: -5.5rem;}
	.prd-major-progress-bar .swiper-scrollbar-drag .point {width: 11rem; height: 11rem; right: -5.5rem;}
}
@media all and (max-width:1024px){
	.prd-main-video-m {width: calc(100% - 24rem);}
}
@media all and (max-width:800px){
	.prd-view-con01  {}
	.prd-view-con01 .left-con {width: 100%; height: auto;  border-radius: 2.8rem;}
	/* 제품 이미지 회전 */
	.product-viewer-wrap{position: relative; display: flex; align-items: flex-start; width: 100% !important; height: calc(100vw - 2*(var(--area-padding))) !important; height: calc(75vw - 2*(var(--area-padding))) !important;}
	.product-viewer-arrow{background-position-y: 80%;}
	/* 제품 이미지 뷰어 */
	#product-viewer{height:100%; touch-action: pan-y;}
	.product-viewer-info {position: relative; bottom: auto; width: 100%; padding: 0 3rem 12rem; flex-wrap:wrap; align-items: center; flex-direction: column-reverse; justify-content: center;}
	.product-viewer-info .txt-box{width: 100%;}
	.product-viewer-info strong {font-size: 2.2rem;}
	.product-viewer-info .txt {font-size: 1.8rem;}
	.product-viewer-btn {margin-bottom: 5rem; width: 100%; display: flex; justify-content: center;}
	.product-viewer-pop-btn{position: absolute; bottom: 4rem; width: 100%; display: flex; justify-content: center;}
	.product-viewer-pop-btn a{padding: 0 2.5rem; width: 20rem; height: 5rem; font-size: 1.8rem;}
	.product-viewer-pop-btn a i{font-size: 2.2rem;}
	
	.prd-view-con01 .right-con {width: 100%; margin-top: 3rem;  padding: 4rem 3rem;  border-radius: 2.8rem;}
	.prd-description-con {padding: 0 1rem;}
	.prd-description-con .tit {font-size:3.6rem;}
	.prd-description-con .txt {font-size: 1.8rem;}
	.prd-tab-list-style {height: 5rem;}
	.prd-tab-list-style ul li {height: auto;}
	.prd-tab-list-style ul li.selected a {background-color: transparent;}
	
	.prd-view-con03 {padding: 8rem 0 10rem}
	/* 썸네일영역 */
	.prd-major-thum-con{margin: 0 auto 4rem; margin-bottom: 3rem;}
	.prd-major-thum-con .cm-scroll-drag-guide{margin-bottom: 2rem; margin-right: 0; display: flex; justify-content: flex-end;}
	.prd-major-thum-con .cm-scroll-drag-guide .swipe-icon {overflow:visible; width:18px; height:24px;}
	.prd-major-thum-con .cm-scroll-drag-guide .swipe-icon .swipe-hand {fill: #333;}
	.prd-major-thum-con .cm-scroll-drag-guide .swipe-icon .swipe-arrow {fill:#aaa; animation: pulse-arrow 2s ease-out infinite;}
	.prd-major-thum-con .cm-scroll-drag-guide .swipe-icon {animation: hand-move 2s ease-out infinite;}
	@keyframes pulse-arrow {
	  0%   {transform: translateX(0); opacity:1;}
	  50%  {transform: translateX(0.25em);opacity:1;}
	  75% {transform: translateX(0.25em);opacity:0;}
	  100% {transform: translateX(0);opacity:0;}
	}

	@keyframes hand-move {
	  0%   {transform: translateX(0);}
	  50%  {transform: translateX(0.5em);}
	  100% {transform: translateX(0);}
	}
	.prd-major-thum-container{width: auto; margin-right:calc(-1* var(--area-padding)); cursor:move; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
	html:not(.is-mobile) .prd-major-thum-container::-webkit-scrollbar {height: 7px;}
	.prd-major-thum-list{display: flex; align-items: center; flex-wrap: nowrap; width: max-content; gap: 1rem; padding-right: var(--area-padding);}
	.prd-major-thum-item{/* width: 9%; margin-right: 1%; */ flex: 0 0 8rem; width: 8rem; margin-right: 0;}
	.prd-major-thum-item:last-child{margin-right: 0;}
	.prd-major-thum-item .img-box:after {border-width: 4px;}
	/* 슬라이드 */
	.prd-major-list li .inner .tit {margin-top: 2rem; font-size: 2.4rem; padding: 1rem;}
	
	#prdViewCon02 {padding: 10rem 0;}
	.prd-main-video-m {/* width: calc(100% - 12rem); */ width: calc(100% - (var(--area-padding)*2));}
	.prd-main-video-arrow-m {height: 1.8rem;}
	.prd-main-video-arrow-m button {height: 1.8rem;}
	.prd-main-video-arrow-m .prd-video-next-btn-m { right: -4.2rem;}
	.prd-main-video-arrow-m .prd-video-prev-btn-m {left: -4.2rem;}
}

@media all and ( max-width: 1760px ) and ( min-width: 1280px ) and ( max-height: 930px ){
	.prd-view-con01 {padding: calc(var(--header-height) - 2rem) 0 3rem;}
	.prd-description-con .tit {font-size: 2.8rem;}
	.prd-description-con .txt {font-size: 1.6rem;}
	.prd-major-progress-bar .swiper-scrollbar-drag { height: 12.3rem ; top: -6.15rem;}
	.prd-major-progress-bar .swiper-scrollbar-drag .point {width: 12.3rem; height: 12.3rem; right: -6.15rem;}
	.product-viewer-info .txt {font-size: 1.6rem;}
 }
 
@media all and ( min-width: 1280px ) and ( max-height: 830px ){
	.prd-view-con01 {padding: calc(var(--header-height) - 2rem) 0 3rem;}
	.product-viewer-info .txt {font-size: 1.6rem;}
	.prd-view-con01 .left-con {width: calc(100% - 60rem);}
	.product-viewer-info {bottom: 4rem;}
	.product-viewer-info .txt {font-size: 1.4rem;}
	.prd-view-con01 .right-con {width: 56rem; padding: 3rem 4rem;}
	.prd-description-con {padding: 0; height: calc(100% - 60px);}
	.prd-description-con .txt-box {margin-bottom: 2rem;}
	.prd-description-con .tit {font-size: 2.8rem;}
	.prd-description-con .txt {font-size: 1.4rem;}
	
	.prd-top-video-container {width: 85%; margin: 0 auto;  padding-top: 47.65%;}
	.prd-major-list li .inner .img-box {width: 80%; padding-top: 80%; margin: 0 auto; }
	.prd-major-list li .inner .tit {margin-top: 2rem; font-size: 2.6rem;}
	.prd-major-progress-bar .swiper-scrollbar-drag { height: 12.3rem ; top: -6.15rem;}
	.prd-major-progress-bar .swiper-scrollbar-drag .point {width: 12.3rem; height: 12.3rem; right: -6.15rem;}
	
	.prd-view-tab-con {margin-top: 0; height: 50px;}
	.prd-tab-list-style {width: 50rem; height: 50px;}
	.prd-tab-list-style ul {height: 50px;}
	.prd-tab-list-style ul li a {height: 30px;}
	.prd-tab-list-style ul li a em {font-size: 1.4rem;}
	.prd-tab-list-style .tab-on-icon.move-line {height: 30px;}
	.prd-tab-list-style .tab-on-icon.move-line > span {height: 30px;}
	
	.prd-main-video-container {width: 760px;}
}



/* ****************** 3.R&D ********************** */
@media all and (max-width:1340px){
	/* -------- R&D 소개 -------- */
	.rnd-intro-bottom .inner {padding:8rem  var(--area-padding) 10rem; box-sizing: border-box;}
	/* -------- 연구 설비 현황 -------- */
	/* 팝업 */
	.status-modal-content .modal-close-btn {right: 1rem; top: 1rem;}
	.status-modal-content .modal-close-btn i {color: #000; font-size: 3rem;}
	.status-modal-content .modal-close-btn i:hover {color:#000}
}
@media all and (max-width:1280px){
	/* -------- 연구분야 -------- */
	/* 제품설계 */
	.field01-list li {padding: 5rem 3rem 3rem;}
	.field01-list li .txt-box {padding: 0 1rem; box-sizing: border-box;}
	.field01-list li .txt-box .tit {font-size: 3rem;}
	/* 선행연구 */
	.field02-con-item .left-con {padding: 5rem 4rem 4rem;}
	.field02-con-item .left-con .txt-box .tit {font-size: 3.4rem;}
	
	/* -------- 연구 설비 현황 -------- */
	/* 팝업 */
	.status-pop-con {align-items: start;}
}
@media all and (max-width:800px){
	/* -------- R&D 소개 -------- */
	.rnd-intro-content {padding-top: 40rem;}
	.rnd-intro-bottom .inner {display: block; padding:6rem var(--area-padding) 7rem; }
	.rnd-intro-bottom .inner .tit {width: 100%; font-size: 3rem; margin-bottom: 2rem;}
	.rnd-intro-bottom .inner .txt-box {width: 100%;}

	/* -------- 연구분야 -------- */
	.field-content {padding: 5rem 0 8rem;}
	/* 제품설계 */
	.field01-list li  {width: 100%;}
	.field01-list li .txt-box {margin-bottom: 3.5rem;}
	.field01-list li .txt-box .txt {font-size: 2rem;}
	.field01-list li .txt-box .sub-txt p {font-size: 1.8rem;}
	/* 선행연구 */
	.field02-con-item .left-con {width: 100%; border-radius: 2rem 2rem 0 0;}
	.field02-con-item .left-con .txt-box .tit {font-size: 3rem;}
	.field02-con-item .left-con .txt-box .bar {margin-top: 2rem; height: 6rem;}
	.field02-con-item .left-con .count-box {margin-top: 4rem;}
	.field02-con-item .right-con {width: 100%;}
	.field02-con-item .right-con .img {border-radius: 0 0 2rem 2rem;}
	/* 제품개발 */
	.field03-con-item {display: block; padding: 3rem;}
	.field03-con-item .img-box {width: 100%; margin-bottom: 4rem;}
	.field03-con-item .txt-box {width: 100%; padding: 1rem;}
	.field03-con-item .txt-box .tit {font-size: 3rem;}
	.field03-con-item .txt-box .txt {font-size: 2rem;}
	.field03-con-item .txt-box .sub-txt p {font-size: 1.8rem;}
	
	/* -------- 연구 개발 전략 -------- */
	.development-con-item {display: block; padding: 3rem !important;}
	.development-con-item .tit-box {width: 100%; padding: 2rem 1rem 4rem; box-sizing: border-box;}
	.development-con-item .tit-box strong {font-size: 3.2rem;}
	.development-con-item .tit-box .tit {font-size: 2.4rem;}
	.development-con-item .tit-box .tit br {display: none;}
	.development-con-item .img-box {width: 100%;}
	
	/* -------- 연구 설비 현황 -------- */
	.status-content {padding: 5rem 0 8rem;}
	.status-tab-list-style {border-bottom: 0;}
	.status-tab-list-style ul li a em {padding-bottom: 0;}
	.status-tab-list-style ul li a em:before {display: none; }
	.status-list {margin: -1rem;}
	.status-list li {width: calc(50% - 2rem); margin: 1rem;}
	.status-list li a .txt-box {padding: 3rem; min-height: 20rem;}
	.status-list li a .txt-box:before {bottom: 2.5rem; right: 2.5rem;}
	.status-list li a .img-box:before {font-size: 5rem; margin: -2.5rem 0 0 -2.5rem;}
	/* 팝업 */
	.status-modal-content{width:auto; margin:80px 15px}
	.status-modal-inner {padding: 4.5rem 3rem 3rem;}
	.status-pop-con {display: block;}
	.status-pop-con .video-con {width: 100%;}
	.status-pop-con .info-con {width: 100%; padding-left: 0;}
	.status-pop-con .info-con-inner {padding: 0 1rem;}
	.status-pop-con .info-con .info-list li {font-size: 1.8rem;}

}
@media all and (max-width:480px){
	.status-list {margin: -1rem 0;}
	.status-list li {width: 100%; margin: 1rem 0;}
}

@media all and (max-width:800px){
	.resource-content .bbs-view-con {padding-bottom: 8rem;}
}


/* ****************** 문의하기 팝업 ********************** */
@media all and (max-width:1280px){
	.inquiry-modal-content .modal-close-btn{position:absolute; top:3rem; right:3rem; color:#000; }
}
@media all and (max-width:800px){
	.inquiry-inner-box {    padding:  8rem 3rem;}
	.inquiry-inner-box h2 {font-size: 3.8rem; padding-bottom: 3rem;}
	.inquiry-write-tbl colgroup {display: none;}
	.inquiry-write-tbl tr {display:block; padding:2rem 0; border-bottom:1px solid #F2F2F2;}
	.inquiry-write-tbl th,
	.inquiry-write-tbl td {display:block; padding:0; height:auto; width:100% !important; border-bottom:0; text-indent:0;}
	.inquiry-write-tbl th {padding-bottom: 1.5rem; font-size: 1.8rem;}
	.inquiry-write-tbl .write-input,
	.inquiry-write-tbl .write-select,
	.inquiry-write-tbl .write-textarea {font-size: 1.6rem;}
	.inquiry-agree-con .agree-txt label {font-size: 1.6rem;}
	.inquiry-agree-con .agree-txt label i {font-size: 1.8rem; top: 0.3rem;}
	
	.inquiry-write-tbl .email-fieldset .write-input {width: calc(50% - 1.7rem) !important;}
	.inquiry-write-tbl .email-fieldset .write-select {        margin-top: 5px;width: 100% !important;}
}