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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@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;
		}
	}
}

/* -------- 공통 Fixed Move Tab -------- */
@media all and (max-width:1220px){
	.fixed-move-tab-list.fixed{top:80px;}
}
@media all and (max-width:800px){
	.fixed-move-tab-list ul li a{height:40px; line-height:40px; font-size:14px;}
}
@media all and (max-width:480px){
	.fixed-move-tab-list.fixed{top:60px;}
}
/* ****************** 01.회사소개 ********************** */
/* ------------- 회사소개 -------------- */
@media all and (max-width:1770px){		
	.intro-top-con {padding: 0 15px; box-sizing: border-box;}
}
@media all and (max-width:800px){
	.intro-tit-box {margin-bottom: 35px;}
	.intro-tit-box .tit {font-size: 23px;}
	.intro-tit-box .sub-tit {font-size: 17px; margin-top: 16px;}
	.intro-tit-box .txt {font-size: 14px; margin-top: 15px;}
	.intro-con01 {padding: 60px 0 80px;}
	.intro-con01 .intro-tit-box {margin-bottom: 30px;}
	.intro-con02 {padding: 50px 0 60px;}
	.intro-ci-box {height: auto;}
	.intro-ci-box .img-box {width: 100%; padding: 7% 5%;}
	.intro-ci-box .img-box img {height: 60px;}
	.intro-ci-box .txt-box {width: 100%; padding: 4% 3%;}
	.intro-ci-box .txt-box dl dt {font-size: 15px;}
	.intro-ci-box .txt-box dl dd {font-size: 14px;}
	.intro-ci-box .ci-download-btn {width: 100%; height: 50px;}
	.intro-ci-box .ci-download-btn span br {display: none;}
	.intro-con03 {padding: 50px 0 30px;}
	.intro-certifi-list {flex-wrap: wrap;}
	.intro-certifi-list li {width: calc(50% - 14px); margin: 0 7px 5%;}
	.intro-certifi-list li .txt  {font-size: 13px; margin-top: 10px;}
	.intro-con04 {padding: 50px 0 60px;}
	.intro-partners-list li {width: calc(33.333% - 12px); }
	.intro-con05 {padding: 16% 0;}
}
@media all and (max-width:480px){
	.intro-partners-list li { width: calc(50% - 12px);}
}

/* ------------- 인사말 -------------- */
@media all and (max-width:800px){		
	.greeting-top .greeting-top-inner{padding:0}
	.greeting-top .greeting-top-inner .greeting-top-right{float:none; width:100%}
	.greeting-top .greeting-top-inner .greeting-top-left{float:none; width:100%; padding-right:0; padding:0 0 15px 0}
	.greeting-top .greeting-top-inner .greeting-top-left h3{font-size:23px; padding-bottom:30px}
	.greeting-top .greeting-top-inner .greeting-top-left h3:after{width:14px; height:14px}
	.greeting-top .greeting-top-inner .greeting-top-left span{font-size:17px; padding-top:15px}
	.greeting-bottom .greeting-bottom-inner{padding:30px 0}
	.greeting-bottom .greeting-bottom-inner p{float:none; width:100%; font-size:14px;}
	.greeting-bottom .greeting-bottom-inner p:first-child{padding-right:0}
	.greeting-bottom .greeting-bottom-inner p:last-child{padding-left:0; border-left:0; margin-top:20px}
	.greeting-bottom .ceo-name{padding:12px 0 28px}
	.greeting-bottom .ceo-name p{font-size:17px}
}

/* ------------- 조직도 -------------- */
@media all and (max-width:1024px){		
	.org-tit{padding:0 15px 160px}
	.org-inner .org-img{margin-top:-7.5%}
}
@media all and (max-width:800px){		
	.org-tit{font-size:23px; padding:0 15px 15%}
	.org-inner{padding-bottom:43px}
	.org-tbl-con .txt  {font-size: 12px;}
	.org-tbl th,
	.org-tbl td {font-size: 13px;}
}
@media all and (max-width:480px){	
	.org-tit br{display:none}
}

/* ----------- 사업장 소개 ---------- */ 
/* -------- 회사소개 :: 오시는길 -------- */
@media all and (max-width:800px){		
	.map-tbl-con{margin-bottom:50px}
	.location-top-tit{font-size:18px}
}
@media all and (max-width:640px){		
	.map-top-wrapper{margin:0}
	.map-iframe-wrapper, .map-img{float:none; width:100%; margin:0 0 10px}
}

/* ******************  02. 제품소개 ********************** */
/* ----------- 제품소개 공통리스트 --------------- */
@media all and (min-width:800px){	
	.sub-list-con .sub-list-box li a:hover .list-box-img:after{opacity:1}
	.sub-list-con .sub-list-box li a:hover .list-box-txt p{color:var(--main-color)}
	.sub-list-con .sub-list-box li a:hover .list-hover-icon{opacity:1}
}
@media all and (max-width:800px){		
	.sub-list-con .sub-list-box li{width:48%}
	.sub-list-con .sub-list-box li .list-box-img span {padding: 8%;}
	.sub-list-con .sub-list-box li .list-box-txt{height:50px}
	.sub-list-con .sub-list-box li .list-box-txt p{font-size:15px}
}
@media all and (max-width:480px){		
	.sub-list-con .sub-list-box li .list-box-txt p{font-size:13px}
}

/* ----------- 제품소개 공통뷰페이지 --------------- */
/* ----------- 제품소개 공통뷰페이지::상단 --------------- */
@media all and (max-width:800px){		
	.list-view-top{margin-bottom:39px}
	.list-view-top .list-img-slide, .list-view-top .list-top-info{display:block; margin:0;}
	.list-view-top .list-img-slide{width:100%}
	.list-view-top .list-img-slide .slick-dots{position:relative; margin-bottom:0; margin-top:15px;}
	.list-view-top .list-top-info{width:100%; padding-left:0; margin-top:30px}
	.list-view-top .list-top-info .list-top-tit:before{margin-left:0; width:12px; height:12px; bottom:-6px;}
	.list-view-top .list-top-info .list-top-tit:after{width:100%}
	.list-view-top .list-top-info .list-top-tit strong{font-size:15px; padding-bottom:10px}
	.list-view-top .list-top-info .list-top-tit h3{font-size:23px; }
	.list-view-top .list-top-info .list-top-explain{font-size:14px; padding-top:10px}
	.list-view-top .list-top-info .info-tbl-wrap{margin-top:20px}
	.list-view-top .list-top-info .list-info-tbl tr th, .list-view-top .list-top-info .list-info-tbl tr td{font-size:13px; padding:8px 0}
	.list-view-top .list-top-info .list-info-tbl tr td{padding-left:3%}

}
/* ----------- 제품소개 공통뷰페이지::특징 --------------- */
@media all and (max-width:800px){	
	.view-sub-con {padding: 5rem 0;}
	.view-sub-con .features-con {display: block;padding: 3% 3% 5%;}
	.view-sub-con .features-con .img-con {width: 100%;}
	.view-sub-con .features-con .info-con {width: 100%; padding-left: 0; padding-top: 4%;}
	.view-sub-con .features-con.no-img-con .info-con  {padding-top: 0;}
	.view-sub-con .features-con .info-con dt {font-size: 1.5rem;}
	.view-sub-con .features-con .info-con dd {font-size: 1.3rem;}
	.view-sub-con .features-con .info-con .txt {font-size: 1.5rem;}
	
	.list-view-tit {font-size: 2.1rem;}
	.prd-view-btn-con a {font-size: 1.3rem; padding: 0 1.5rem;}
}
/* @media all and (max-width:480px){
	.prd-view-btn-con {display: block; margin: -0.5rem 0;}
	.prd-view-btn-con a {width: 100%; max-width: none; margin: 0.5rem 0; font-size: 1.3rem;}
} */


/* ******************  03. 사업소개 ********************** */
@media all and (max-width:1280px){
	/* ----------- Power Plant Division --------------- */
	.ppd-con02-item .img-box {width: 40rem;}
	.ppd-con02-item .info-box {width: calc(100% - 40rem); padding: 2.5rem;}
	.ppd-con02-item .info-box dl dt h5 {font-size: 2.1rem;}
	.ppd-con02-item .info-box dl dd .txt {font-size: 1.3rem;}	 
	.ppd-con02-item .info-box dl dd .txt strong {width: 10.5rem;}
	.ppd-con02-item .info-box dl dd .txt span {width: calc(100% - 10.5rem);}
	
	/* ----------- Industrial Equipment --------------- */
	.equipment-con01-list li .tit {font-size: 2.1rem;}
	
	/* ----------- Overseas Business --------------- */
	.overseas-con01 {padding: 5rem 0;}
	.overseas-list01 {margin: 0 -1.5rem;}
	.overseas-list01 li  {width: calc(33.333% - 3rem);  margin: 0 1.5rem; height: 10rem;}

}
@media all and (max-width:800px){
	.business-top-con .business-top-tit {font-size:2.3rem;}
	.business-top-con .business-top-txt01 {font-size: 1.6rem; margin-top: 2rem;}
	.business-top-con .business-top-txt02 {font-size: 1.4rem;}
	.business-con-tit {font-size: 2.1rem;}
	.business-project-con {padding: 5rem 0;}
	.project-tbl-wrap .tit {font-size: 1.8rem;}
	.project-tbl-con table th,
	.project-tbl-con table td {font-size: 1.3rem;}
	.project-tbl-con table td {padding: 1.3rem;}
		
	/* ----------- Power Plant Division --------------- */
	.ppd-con01-item .icon-box {width: 100%; height: 10rem;}
	.ppd-con01-item .icon-box img {height: 50px;}
	.ppd-con01-item .txt-box {width: 100%; padding: 4%;}
	.ppd-con01-item .txt-box .tit {font-size: 1.8rem;}
	.ppd-con01-item .txt-box .txt {font-size: 1.4rem;}
	.ppd-con02 {padding: 5rem 0;}
	.ppd-con02-item {display: block;}
	.ppd-con02-item .img-box {width: 100%; padding-top: 60.84%;}
	.ppd-con02-item .info-box {width: 100%; padding: 4%;}
	.ppd-con02-item .info-box dl dt h5 {font-size: 1.8rem;}
	
	/* ----------- Industrial Equipment --------------- */
	.equipment-con01 {padding: 5rem 0;}
	.equipment-con01-list {margin: -1rem 0;}
	.equipment-con01-list li {width: 100%; margin: 1rem 0; min-height: 0;}
	.equipment-con01-list li .tit  {padding: 1.5rem 4.5%; font-size: 1.8rem; height: auto;}
	.equipment-con01-list li .txt-box { padding: 4% 4% 12rem; height: auto;}
	.equipment-con01-list li .txt-box .txt {font-size: 1.4rem;}
	.equipment-con01-list li .icon {bottom: 4rem; right: 4rem; height: 5rem;}
	
	/* ----------- Overseas Business --------------- */
	.overseas-list01 li .txt {font-size: 1.5rem;}
	.overseas-con01-center {margin: 4rem 0 2rem;}
	.overseas-con01-center .txt {font-size: 1.7rem;}
	.overseas-list02 li {width: 100%; border-left: 0; padding: 4% 0; border-top:1px solid #dddddd ;}
	.overseas-list02 li:first-child {border-top: 0;}
	.overseas-list02 li .txt {font-size: 1.5rem;}
}
@media all and (max-width:480px){
	/* ----------- Overseas Business --------------- */
	.overseas-list01 {flex-wrap: wrap; margin: -1.5rem 0;}
	.overseas-list01 li {margin: 1.5rem 0; width: 100%;}
	.overseas-list01 li:before {width: 1px; height: 3rem; border-left: 1px dashed var(--main-color); border-bottom: 0; top: -3rem; left: 50%; margin-left: -1px; margin-top: 0;}
	.overseas-list01 li .inner:before {margin-top: 0; top: auto; top: -0.75rem; left: 50%; margin-left: -0.75rem;}
	.overseas-list01 li .inner:after {margin-top: 0; top: auto; bottom: -0.75rem; right: auto; left: 50%; margin-left: -0.75rem;}
}




/* ******************  04. R&D센터 ********************** */
@media all and (max-width:1280px){
	.rnd-center-list01 {margin: 0 -2rem;}
	.rnd-center-list01 li {width: calc(33.333% - 4rem); margin: 0 2rem;}
	.rnd-center-list01 li .inner-box .tit {font-size: 2rem;}
	.rnd-center-con03-item {align-items: start;}
	.rnd-center-con03-item .img-con {width: 35%;}
	.rnd-center-con03-item .txt-con {width: 65%;}
}
@media all and (max-width:800px){
	.rnd-center-con01 {padding: 0 10%;}
	.rnd-center-list01 {display: block; margin: 0 ;}
	.rnd-center-list01 li {width: 100%; margin: 0 0 5rem;}
	.rnd-center-list01 li:last-child {margin: 0;}
	.rnd-center-list01 li:before {width: 1px; height: 5rem; left: 50%; margin-left: -1px; border-bottom: 0; border-left:1px dashed #cccccc; top: -5rem; margin-top: 0;}
	.rnd-center-list01 li .inner-wrap:before {left: 50%; top: -0.5rem; margin-left: -0.5rem; margin-top: 0;}
	.rnd-center-list01 li:first-child .inner-wrap:before  {left: 50%; right: auto; top: auto; bottom: -0.5rem;}
	.rnd-center-list01 li:nth-child(2) .inner-wrap:after {left: 50%; top: auto; bottom: -0.5rem; margin-left: -0.5rem; margin-top: 0;}
	.rnd-center-list01 li .inner-box .tit {font-size: 1.6rem;}
	
	.rnd-center-con02 {padding: 5rem 0;}
	.rnd-center-con02-item .txt-box {padding: 4.5% 4% 4.7%;}
	.rnd-center-con02-item .txt-box .txt01 {font-size: 1.8rem;}
	.rnd-center-con02-item .txt-box .txt02 {font-size: 1.4rem;}
	
	.rnd-center-con03 {padding: 5rem 0;}
	.rnd-center-con03-item {display: block;}
	.rnd-center-con03-item .img-con {width: 100%; margin-bottom: 2rem;}
	.rnd-center-con03-item .txt-con {width: 100%; padding-left: 0;}
	.rnd-center-con03-item .txt-con .tit {font-size: 1.8rem;}
	.rnd-center-con03-item .txt-con .txt {font-size: 1.4rem;}
	.rnd-center-con03-item .txt-con .txt-box {padding-top: 2rem;}
	.rnd-center-con03-item + .rnd-center-con03-item {margin-top: 4rem;}
	
	.rnd-center-bottom {padding: 10% 0;}
	.rnd-center-bottom .tit {font-size: 2.1rem;}
	.rnd-center-bottom .txt {font-size: 1.4rem;}
	
}

/* ******************  05. 인증현황 ********************** */
@media all and (max-width:800px){
    .certifi-list-style04 > ul li{width:31.33%; margin-bottom: 3.5rem;}
	.certifi-list-style04 > ul li:nth-child(5n+1){clear: none;}
	.certifi-list-style04 > ul li:nth-child(3n+1){clear: both;}
}
@media all and (max-width:640px){
    .certifi-list-style04 > ul li{width:48%;}
	.certifi-list-style04 > ul li:nth-child(3n+1){clear: none;}
	.certifi-list-style04 > ul li:nth-child(2n+1){clear: both;}
}

/* ******************  06. 고객센터 ********************** */
/* ----------- 브로슈어 --------------- */
@media all and (min-width: 1025px) {
    .download-list-con-style02 .download-btn:hover:before {left:-10%;  opacity: 1.0;filter: Alpha(opacity=100);    }
    .download-list-con-style02 .download-btn:hover em, 
	.download-list-con-style02 .download-btn:hover em .icon, 
	.download-list-con-style02 .download-btn:hover .arrow { color: #fff;  }
}
@media all and (max-width: 800px) {
    .download-list-con-style02 .download-item {  padding:10px; }
    .download-list-con-style02 .download-item .info-box { width: calc(100% - 150px); }
    .download-list-con-style02 .download-item .info-box .date-box {width: 50px; height: 50px;	padding-top: 10px;	margin-right: 15px;	font-size: 11px;    }
    .download-list-con-style02 .download-item .info-box .date-box .month { font-size: 16px;}
	.download-list-con-style02 .download-item .info-box .tit-box {width: calc(100% - 70px); font-size: 18px; }
    .download-list-con-style02 .download-item .download-btn {width: 120px; right: 10px; height: 34px; line-height: 34px; padding: 0 10px; text-align: center;}
    .download-list-con-style02 .download-item .download-btn i {display: none;}
}
@media all and (max-width: 480px) {
    .download-list-con-style02 .download-item { padding:10px 0; }
    .download-list-con-style02 .download-item .info-box {width: auto }
    .download-list-con-style02 .download-item .download-btn { position: static;transform: translateY(0); width: 100%;margin-top: 10px; }
    .download-list-con-style02 .download-item .download-btn em .icon { display: inline-block; line-height: 28px;margin-right: 5px;}
}

/* ----------- 고객문의 --------------- */
@media all and (max-width: 800px) {
	.inquiry-tit {font-size: 1.8rem; margin-bottom: 3.5rem;}
	.inquiry-row {display: block; margin: 0;}
	.inquiry-row .inquiry-item {width: 100%; margin: 0;}
	.inquiry-row .inquiry-item + .inquiry-item {margin-top: 1rem;}
	.inquiry-row.full .inquiry-item {width: 100%;}
	.inquiry-row .inquiry-item strong {font-size: 1.3rem;}	
	.inquiry-row .inquiry-item input ,
	.inquiry-row .inquiry-item textarea {font-size: 1.3rem;}
	.inquiry-row .inquiry-item .security-code {margin-left: 2rem; font-size: 1.3rem;}
	.agree-check-box label {font-size: 1.3rem;}
	.inquiry-submit-btn {    width: 15rem; height: 4rem; line-height: 4rem;  font-size: 1.3rem;}
}
@media all and (max-width: 480px) {
	.inquiry-form-bottom-box {display: block;}
	.inquiry-submit-btn {margin: 4rem auto 0;}
	
}