@charset "utf-8";

/* 전체 */
#wrapper { overflow:hidden; width:100%;}

/* 페이징로딩 */
#page_loading {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999999}
#page_loading > .inner {display:table; width:100%; height:100%}
.load {display:table-cell; margin:auto; width:100px; text-align:center; font-size:0; vertical-align:middle;}
.load > div {display:inline-block; width:100px; height:56px; background:url('../images/main/loading.png') no-repeat; -webkit-animation:loadingAni 1.2s infinite ease-in-out; animation:loadingAni 1.2s infinite ease-in-out;}
@-webkit-keyframes loadingAni {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes loadingAni {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(0deg) rotateY(-180.1deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(-180.1deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes ldio-3tdaxp6oxhk {
  0% { transform: translate(-50%,-50%) rotate(0deg); -webkit-transform: translate(-50%,-50%) rotate(0deg);}
  100% { transform: translate(-50%,-50%) rotate(360deg); -webkit-transform: translate(-50%,-50%) rotate(360deg);}
}
.ldio-3tdaxp6oxhk div {
  position: absolute;
  width:50px;
  height:50px;
  border:10px solid #ffc20e;
  border-top-color: transparent;
  border-radius:50%;
}
.ldio-3tdaxp6oxhk div {
  animation: ldio-3tdaxp6oxhk 1s linear infinite;
  -webkit-animation: ldio-3tdaxp6oxhk 1s linear infinite;
  top: 100px;
  left: 100px
}
.loadingio-spinner-rolling-t79bvdgxqce {
  width:200px;
  height:200px;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: inline-block;
  overflow: hidden;
  background:#ffffff;
}
.ldio-3tdaxp6oxhk {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  -webkit-transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
  -webkit-transform-origin: 0 0;
}
.ldio-3tdaxp6oxhk div { box-sizing: content-box; -webkit-box-sizing: content-box;}
/* generated by https://loading.io/ */

/* ===================================================================== */
/* 메인 비주얼 텍스트 */
.mainVisual .visual-item .tit_box {
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align:left;
}
.mainVisual .visual-item .btit {
  padding-bottom:100px;
  line-height:1;
  margin-left:100px;
  opacity:0;filter:Alpha(opacity=0);
 -webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;
  -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;-ms-transition-delay:0.6s;transition-delay:0.6s
}
.mainVisual .visual-item.active .btit { margin-left:0; opacity:1.0;filter:Alpha(opacity=100); }

/* 메인 비주얼 */
.mainVisual { position:relative; width:100%; overflow:hidden; max-width:1900px; max-height:760px; margin:0 auto; /* z-index:1 */ }
.mainVisual .visual-item { position:relative; width:100%; height:100%; overflow:hidden; }
.mainVisual .visual-item > img {
	width:100%; height:100%;
}
/* active */
.mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); 
    -o-transform: scale(1,1); 
    -moz-transform: scale(1,1); 
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}

/* 메인 비주얼 :: 버튼 */
.mainVisual .slick-dots {position:absolute; width:100%; text-align:center; bottom:80px; }
.mainVisual .slick-dots li {display:inline-block; margin:0 10px;}
.mainVisual .slick-dots li button {cursor:pointer; margin:0px; padding:0px; background:#ababab; 
font-size:0; width:17px; height:17px; border:none; border-radius:17px;}
.mainVisual .slick-dots li.slick-active button {background:#ffc20e; }/* 버튼 active */


/* ===================================================================== */
/* 메인이미지 */
@media screen and (max-width:1240px) {
	.mainVisual { max-height:640px; }
	.mainVisual .visual-item > img { width:auto; height:100%; }
}
@media screen and (max-width:1040px) {
	.mainVisual .visual-item > img { margin-left:-50% }
	.mainVisual .visual-item .btit { padding-bottom:10px; }
	.mainVisual .visual-item .stit { margin-top:10px; font-size:16px; }
	.mainVisual .slick-dots li {margin:0 5px ; }
	.mainVisual .slick-dots li button { width:13px; height:13px; border-radius:13px;}
}
@media screen and (max-width:820px) {
	.mainVisual { max-height:480px; }
	.mainVisual .visual-item > img { height:480px; margin-left:-40% }
	.mainVisual .visual-item .btit img { width:500px; }
	.mainVisual .visual-item .stit { font-size:14px; line-height:1.5; }
	.mainVisual .slick-dots {bottom:70px; }
}
@media screen and (max-width:645px) {
.mainVisual .visual-item > img { margin-left:-50% }
	.mainVisual .visual-item .btit img { width:400px; }
}
@media screen and (max-width:480px) {
	.mainVisual { max-height:380px; }
	.mainVisual .visual-item > img { height:380px; margin-left:-70% }
	.mainVisual .visual-item .btit img { width:280px; }
	.mainVisual .visual-item .stit { font-size:13px; }
	.mainVisual .visual-item .stit p { display:block}
	.mainVisual .visual-item .stit br { display:block }
}

/* ============================================================================= */

.info_text {
	width:1200px;
	margin:0 auto;
	padding-top:50px;
	height:180px;
	background:#fff;
	font-size:48px;
	color:#000;
	font-weight:600
}
.info_text br { 
	display:none
}
.info_text p {
	font-size:20px;
	color:#000;
	font-weight:600;
	padding-bottom:30px;
}

.main_pipeimg {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.main_pipeimg img {
	width:100%;
}

/* 메인검색 */
.main_search {
	width:100%;
	max-width:1200px;
	margin:60px auto 0;
	text-align:center;
}
.main_search .search-data a.btr {
	background-color:#029f48
}
.main_search .search-data input {
	border:1px solid #029f48
}

@media all and (max-width:1020px) { 
	.main_search {
		width:100%;
		margin:30px auto 0;
	}
	.main_search .search-data input { width:300px; height:40px; }
	.main_search .search-data a.btr  { width:40px; height:40px; line-height:40px; }
}
@media all and (max-width:675px) { 
	.main_search .search-data input { width:240px; }
}

/* 제품소개 */
.main_product_wrap {
	position:relative;
}
.main_product_bg1 {
	background:url('/images/index/main_con_bg1.jpg') no-repeat;
	position:absolute;
	right:50%;
	top:0;
	margin-right:-600px;
	width:1900px;
	height:502px;
	z-index:-1;
}
.main_product_bg2 {
	background:url('/images/index/main_con_bg2.jpg') no-repeat;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-600px;
	width:1900px;
	height:582px;
	z-index:-1;
}
.main_product_box {
	padding:0 0 0px 0;
}
.main_product {
	width:1200px;
	margin:0 auto;
	background:#fff;
	position:relative;
	padding:0;
}
.main_product h3 {
	font-size:33px;
	padding:30px 0 50px 0;
	color:#000
}

.main_product .more {position: absolute; right:0px; top:17px; display:block; width:55px; height:55px; 
background:#f8f8f8; border:1px solid #e1e1e1; font-size:0; 
transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;} 

.main_product .more span {background:none;display:inline-block;position:absolute;left:50%;margin-left:-9px;top:50%;
margin-top:-1px;width:18px;height:2px;background-color:#fff;}
.main_product .more span:before {background:#0cb358;position:absolute;width:18px;height:2px;left:50%;margin-left:-9px;
top:0;transform:rotate(90deg);width:;height:;content:"";display:block;}
.main_product .more span:after {background:#0cb358;position:absolute;width:18px;height:2px;left:50%;margin-left:-9px;top:0;
width:;height:;content:"";display:block;}

.main_product .more:hover { background:#0cb358; border:1px solid #0cb358 }
.main_product .more:hover span:before,
.main_product .more:hover span:after { background:#fff; }

.main_product ul {
	overflow:hidden;
}
.main_product ul.main_product_04 li {
	float:left;
	overflow:hidden;
	width:24%;
	margin-right:1.25%;
	margin-bottom:15px;
	position:relative;
}
.main_product ul.main_product_05 li {
	float:left;
	overflow:hidden;
	width:19%;
	margin-right:1.25%;
	margin-bottom:15px;
	position:relative;
}
.main_product ul.main_product_04 li:nth-child(4n) {
	margin-right:0;
}
.main_product ul.main_product_05 li:nth-child(5n) {
	margin-right:0;
}
.main_product ul.main_product_04 li .photo { 
	width:100%; 
	height:300px; 
	border:1px solid #e1e1e1; 
	text-align:center; 
}
.main_product ul.main_product_05 li .photo { 
	width:100%; 
	height:auto; 
	border:1px solid #e1e1e1; 
	text-align:center; 
}
.main_product ul li .photo img {
	width:100%;
	max-height:100%;
	box-sizing:border-box;
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:1;
}

.main_product ul li .info {
	width:100%;
	height:100%;
	padding-top:46%;
	background:rgba(11,179,88,0.8);
	color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.main_product ul li .info h4 {
	/*color:#010101;
	padding:5px 0 16px;*/
	font-size:22px;
	width:100%;
	display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;	
	font-family: 'NanumSquare', sans-serif;
	font-weight:bold;
}
.main_product ul li .info a.go {
	text-align:center;
	display:inline-block;
	font-size:15px;
	color:#0bb358;
	font-weight:500;
	padding-right:15px;
	background:url('/images/common/arrow1.gif') no-repeat right center
}
.main_product ul li > .photo:hover .info {
	opacity:1;
	cursor:pointer;
}


@media screen and (max-width:1240px) {
	.info_text {
		width:1000px;
		padding:50px 20px;
		height:auto;
	}
	.info_text {
		font-size:40px;
	}
	.info_text p {
		font-size:20px;
		padding-bottom:20px;
	}
	.main_product {
		width:1000px;
		padding:40px
	}
	.main_product h3 {
		padding:30px 30px 30px 0;
		color:#000
	}
	.main_product ul {
		margin-left:0;
	}
	.main_product ul.main_product_04 li .photo { 
		height:250px;
	}
	.main_product .more { top:50px; right:30px; width:45px; height:45px } 
	.main_product .more span {margin-left:-9px;margin-top:-1px;width:18px;height:2px;}
	.main_product .more span:before {width:18px;height:2px;left:50%;margin-left:-9px;}
	.main_product .more span:after {width:18px;height:2px;left:50%;margin-left:-9px;}
}

@media screen and (max-width:1020px) {
	.info_text {
		width:100%;
	}
	.info_text {
		font-size:36px;
	}
	.info_text p {
		font-size:18px;
		padding-bottom:20px;
	}
	.main_product_bg1 {
		height:400px;
		background-size:auto 130%;
		background-position:right top
	}
	.main_product {
		width:100%;
		padding:30px;
	}
	.main_product ul.main_product_04 li .photo { 
		height:200px;
	}
	.main_product ul li .info h4 {
		font-size:18px;
	}
}
@media screen and (max-width:765px) {
	.info_text {
		font-size:26px;
		padding:30px 20px;
	}
	.main_product h3 {
		font-size:26px;
	}
	.main_product ul.main_product_04 li .photo { 
		height: auto;
	}
}
@media screen and (max-width:520px) {
	.info_text { 
		line-height:30px;
	}
	.info_text br { 
		display:block
	}
	.main_product {
		padding:20px;
	}
	.main_product_bg1 {
		height:300px;
		background-position:85% top
	}
	.main_product .more { right:20px; width:35px; height:35px } 

	.main_product ul.main_product_04 li {
		width:47%;
		margin-right:3%;
		margin-bottom:30px;
	}
	.main_product ul.main_product_04 li:nth-child(2n) {
		margin-right:0;
		float:right
	}
	.main_product ul.main_product_04 li:nth-child(3n) {
		margin-right:3%;
	}
	.main_product ul.main_product_04 li:nth-child(6) {
		margin-right:0;
	}

	.main_product ul.main_product_05 li {
		width:47%;
		margin-right:3%;
		margin-bottom:30px;
	}
	.main_product ul.main_product_05 li:nth-child(2n) {
		margin-right:0;
		float:right
	}
	.main_product ul.main_product_05 li:nth-child(3n) {
		margin-right:3%;
	}
	.main_product ul.main_product_05 li:nth-child(6) {
		margin-right:0;
	}

}
@media screen and (max-width:380px) {
	.main_product_bg1 {
		height:250px;
		background-position:85% top
	}
	.main_product ul li .info a.go {
		font-size:13px;
		background-position:right 1px
	}
}

/* 협력업체 */
.main_partner_wrap {
	width:1200px;
	margin:0 auto 60px;
}
.main_partner_wrap h3 {
	font-size:33px;
	padding:90px 0 46px 0;
	color:#000
}
.main_partner_box {
	background:#f6f6f6;
	padding:20px;
}
.main_partner_box img {
	width:13%;
	margin:0.5%;
}

@media screen and (max-width:1240px) {
	.main_partner_wrap {
		width:1000px;
		padding:0 30px 0;
	}
	.main_partner_wrap h3 {
		padding:30px 30px 30px 0;
	}
	.main_partner_box img {
		width:18.5%;
	}

	.quick_box {
		width: 1000px;
		padding: 0 30px;
	}
}
@media screen and (max-width:1020px) {
	.main_partner_wrap {
		width:100%;
	}
	.main_partner_box img {
		width:23.5%;
	}
	.quick_box {
		width: 100%;
		padding: 0 30px;
	}
}
@media screen and (max-width:765px) {
	.main_partner_wrap h3 {
		font-size:26px;
	}
	.main_partner_box img {
		width:23.5%;
	}
	.quick_box h3.h3_tit {
		font-size:26px;
		background: #fff url('/images/sub/dy_ksmark3.png') no-repeat 180px center;
		background-size: 26px;
		padding: 30px 30px 30px 0;
	}

}
@media screen and (max-width:580px) {
	.main_partner_box img {
		width:31.5%;
	}
}
@media screen and (max-width:380px) {
	.main_partner_box img {
		width:48%;
	}
}

/* 시공사례 */
.main_case {
	width:1200px;
	margin:0 auto;
	background:#fff;
	position:relative
}
.main_case h3 {
	font-size:33px;
	padding:90px 0 46px 0;
	color:#000
}
.main_case .more { position: absolute; right:0; top:76px; display:block; width:55px; height:55px; 
background:#f8f8f8; border:1px solid #e1e1e1; font-size:0; 
transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;} 

.main_case .more span {background:none;display:inline-block;position:absolute;left:50%;margin-left:-9px;top:50%;
margin-top:-1px;width:18px;height:2px;background-color:#fff;}
.main_case .more span:before {background:#0cb358;position:absolute;width:18px;height:2px;left:50%;margin-left:-9px;
top:0;transform:rotate(90deg);width:;height:;content:"";display:block;}
.main_case .more span:after {background:#0cb358;position:absolute;width:18px;height:2px;left:50%;margin-left:-9px;top:0;
width:;height:;content:"";display:block;}

.main_case .more:hover { background:#0cb358; border:1px solid #0cb358 }
.main_case .more:hover span:before,
.main_case .more:hover span:after { background:#fff; }

.main_case ul {
	overflow:hidden;
}
.main_case ul li {
	float:left;
	overflow:hidden;
	width:24%;
	margin-right:1.33%;
	margin-bottom:64px;
}
.main_case ul li:last-child {
	background:#fff; 
	margin-right:0
}
.main_case ul li .photo { width:100%; height:150px; border:1px solid #e1e1e1; text-align:center; overflow:hidden;}
.main_case ul li .photo img {
	width:100%;
	box-sizing:border-box;
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:1;
}

.main_case ul li > .photo:hover img {
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
	opacity:0.7;
}
.main_case ul li .info {
	position:relative;
	padding-top:20px;
}
.main_case ul li .info h4 {
	color:#010101;
	font-size:22px;
	font-weight:500;
	padding:5px 0 10px;
	width:100%;
	display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.main_case ul li .info a.go {
	text-align:center;
	display:inline-block;
	font-size:15px;
	color:#0bb358;
	font-weight:600;
	padding-right:15px;
	background:url('/images/common/arrow1.gif') no-repeat right center
}
.main_case ul li .info a.go:hover {
	text-decoration:underline
}

@media screen and (max-width:1240px) {
	.main_case {
		width:1000px;
		padding:40px
	}
	.main_case h3 {
		padding:30px 30px 30px 0;
	}
	.main_case .more { top:50px; right:30px; width:45px; height:45px } 
	.main_case .more span {margin-left:-9px;margin-top:-1px;width:18px;height:2px;}
	.main_case .more span:before {width:18px;height:2px;left:50%;margin-left:-9px;}
	.main_case .more span:after {width:18px;height:2px;left:50%;margin-left:-9px;}
}

@media screen and (max-width:1020px) {
	.main_case {
		width:100%;
		padding:30px;
	}
	.main_case ul li .info h4 {
		font-size:18px;
	}
	.main_case ul li .photo {
		height:120px;
	}
}
@media screen and (max-width:765px) {
	.main_case h3 {
		font-size:26px;
	}
	.main_case ul li {
		width:47%;
		margin-right:3%;
		margin-bottom:30px;
	}
	.main_case ul li:nth-child(2n) {
		margin-right:0;
		float:right
	}
	.main_case ul li:nth-child(3n) {
		margin-right:3%;
	}
	.main_case ul li:nth-child(6) {
		margin-right:0;
	}	
	.main_case ul li .photo {
		height:160px;
	}
}
@media screen and (max-width:520px) {
	.main_case { padding:20px; }
	.main_case .more { right:20px; width:35px; height:35px } 
	.main_case ul li .photo {
		height:120px;
	}
}
@media screen and (max-width:380px) {
	.main_case ul li .info a.go {
		font-size:13px;
		background-position:right 1px
	}
}

/* 공지사항 */
.main_customer_box {
	background:#f5f5f5;
	padding:67px 0 60px
}
.main_customer {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.main_notice {
	float:left;
	width:580px;
	position:relative
}
.main_data {
	float:right;
	width:580px;
	position:relative
}
.main_notice ul,
.main_data ul {
	background:#fff;
	border:1px solid #e1e1e1;
	border-bottom:none
}
.main_notice ul li,
.main_data ul li {
	height:58px;
	line-height:58px;
	border-bottom:1px solid #e1e1e1;
	padding-left:24px;
	position:relative
}
.main_notice ul li a {
	color:#4b4b4b;
	font-size:15px;
}
.main_notice .date,
.main_data .date {
	position:absolute;
	right:20px;
	top:0;
}
.main_notice h3,
.main_data h3 {
	font-size:23px;
	padding:0 0 20px;
	color:#000
}
.main_notice .more,
.main_data .more {
	position:absolute;
	right:0;
	top:0;
	display:block;
	color:#797979;
	font-size:16px;
	padding-right:15px;
	background:url('/images/common/arrow2.gif') no-repeat right center;
}

@media screen and (max-width:1240px) {
	.main_customer_box {
		padding:40px 0
	}
	.main_customer {
		width:1000px;
		padding:30px;
	}
	.main_notice {
		width:460px;
	}
	.main_data {
		width:460px;
	}
}

@media screen and (max-width:1020px) {
	.main_customer_box {
		padding:30px 0
	}
	.main_customer {
		width:100%;
		padding:20px;
	}
	.main_notice,
	.main_data {
		width:49%;
	}
	.main_notice ul li,
	.main_data ul li {
		height:48px;
		line-height:48px;
		padding-left:18px;
	}
	.main_notice ul li a {
		font-size:14px;
	}
	.main_notice .date,
	.main_data .date {
		right:18px;
	}
	.main_notice .more,
	.main_data .more {
		font-size:14px;
	}
}
@media screen and (max-width:765px) {
	.main_notice,
	.main_data {
		width:100%;
		float:none
	}
	.main_data {
		margin-top:30px
	}
	.main_notice h3,
	.main_data h3 {
		font-size:20px;
	}
}

/*  */
.main_quick_box { padding:85px 0; background:#029f49 }
.main_quick { width:1050px; margin:0 auto; overflow:hidden; }
.main_quick a { float:left; width:25%; display:block; height:175px; padding-top:90px; text-align:center }
.main_quick a:first-child { background:url('/images/index/main_q1.png') no-repeat center 0 }
.main_quick a:nth-child(2) { background:url('/images/index/main_q2.png') no-repeat center 10px }
.main_quick a:nth-child(3) { background:url('/images/index/main_q3.png') no-repeat center 0 }
.main_quick a:nth-child(4) { background:url('/images/index/main_q4.png') no-repeat center 0 }
.main_quick a h3 { display:block; font-size:20px; color:#fdcd25 }
.main_quick a h4 { display:block; padding-top:10px; font-size:16px; color:#fff }

@media (max-width:1070px) {
	.main_quick_box { padding:40px 0 0; }
	.main_quick { width:100%; padding:0 20px }
	.main_quick a { width:50%; height:175px; padding-top:80px; }
	.main_quick a h3 { font-size:18px; }
	.main_quick a h4 { font-size:14px; }
}
@media (max-width:765px) {
	.main_quick a { width:50%; }
}	
@media (max-width:380px) {
	.main_quick a { height:165px; padding-top:65px; }
	.main_quick a:first-child { background-size:40%; }
	.main_quick a:nth-child(2) { background-size:35%; }
	.main_quick a:nth-child(3) { background-size:32%; }
	.main_quick a:nth-child(4) { background-size:35%; }
	.main_quick a h3 { font-size:15px; }
	.main_quick a h4 { padding-top:5px; font-size:13px; }
}

/* 온라인상담 */
.main_request_box { padding:100px 0 90px; background:#f5f5f5 }
.main_request { width:670px; margin:0 auto; text-align:center }
.main_request h2 { color:#1d1d1d; font-size:36px; padding-bottom:39px }
.main_request h3 { font-size:16px; color:#787878; font-weight:400; padding-bottom:39px }
.main_request h3 br.line { display:none }
.main_request input.text, 
.main_request textarea { width:100%; background:#fff; border:none; margin-bottom:15px; color:#000; 
padding:0 20px ; font-family:"Noto Sans KR", "맑은고딕", "돋움"; font-size:15px; }
.main_request input.text { height:48px; }
.main_request .input_text {float:left; width:49%; }
.main_request .input_text.rig {float:right;}
.main_request .input_text.full {clear:both; float:none; width:100%;}
.main_request textarea {line-height:1.5; padding:20px; height:109px; margin-bottom:20px;}
.main_request .request_tex { background:#9699a0; overflow-y:auto; width:100%; height:0; padding:0; line-height:21px; color:#fff; text-align:left;
transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; }
.main_request .request_tex.on { height:120px; padding:20px; }
.main_request .request_tex h5 { font-size:16px; padding-bottom:10px; color:#fff; }
.main_request .request_tex h6 { font-size:14px; padding-bottom:10px; color:#fff; }
.main_request .request_tex ol li { color:#fff; font-size:14px; }
.main_request .request_checkbox { font-size:16px; color:#000; text-align:left; padding:10px 0 }
.main_request a.privacy_view { float:right; color:#029f49; text-decoration:underline }
.main_request a.btn { clear:both; display:block; width:180px; height:54px; line-height:54px; margin:0 auto; background:#029f49; border:none; color:#fff; 
font-weight:500; font-size:18px; text-align:center;  }

.main_request input:-ms-input-placeholder,
.main_request textarea:-ms-input-placeholder { color:#029f49 !important; }
.main_request ::-ms-input-placeholder { color:#029f49 !important; }
.main_request ::-webkit-input-placeholder {color:#666 !important; }
.main_request ::-moz-placeholder { color:#029f49 !important; }
.main_request ::-moz-placeholder { color:#029f49 !important;}

@media (max-width:1020px) {
	.main_request_box { padding:60px 0; }
	.main_request a.btn { font-size:16px; }
	.main_request input.text, 
	.main_request textarea { padding-left:10px; font-size:14px;}
	.main_request .request_tex h5 { font-size:16px; }
	.main_request .request_tex h6 { font-size:14px; }
	.main_request .request_checkbox { font-size:14px; }
}
@media (max-width:765px) {
	.main_request_box { padding:40px 20px; }
	.main_request { width:100%; }
	.main_request h2 { font-size:26px; padding-bottom:20px }
	.main_request h3 { font-size:14px; padding-bottom:25px }
}
@media (max-width:520px) {
	.main_request h3 { font-size:13px; padding-bottom:15px }
	.main_request h3 br.line { display:block }
	.main_request a.btn { font-size:15px; }
	.main_request input.text, 
	.main_request textarea { font-size:13px;}
	.main_request .input_text {float:none; width:100%; }
	.main_request .request_tex.on { padding:10px; }
	.main_request .request_tex h5 { font-size:13px; }
	.main_request .request_tex h6 { font-size:13px; }
	.main_request .request_tex ol li { font-size:13px; }
	.main_request .request_checkbox { font-size:13px; padding:0 }
	.main_request a.privacy_view { float:none; display:block; margin:20px auto 0; text-align:center; }
}


/* 레이어 팝업 */
.layer_wrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; }
.layer_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.9; filter:alpha(opacity=90); }
.layer_area { position:absolute; left:50%; top:50%; background:#fff}

#layer1 { width:1260px; border:5px solid #7e6544; }
.pop_header { display:block; padding-left:15px; height:46px; line-height:46px; background:#b09671; }
.pop_header h2 { float:left; display:block; width:200px; font-size:20px; font-weight:bold; color:#fff; }
.pop_header .pop_close { float:right; width:46px; height:46px; padding-left:15px; background:#545557 url('../images/index/pop_close.png') no-repeat 50%; 
border:1px solid #545557; border-left:none; font-size:0; box-shadow:inset 5px 0 10px 0 rgba(0, 0, 0, 0.5); }
.pop_body { clear:both; overflow-x:hidden; overflow-y:scroll; height:610px; padding:5px; border-top:none; }

.layer_wrap2 { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; }
#layer2 { width:500px; border-radius:8px; }
#layer2 .pop_body { position:relative; height:300px; padding:70px 30px; text-align:center; color:#666; font-size:16px; line-height:24px; overflow-y:hidden }
#layer2 .pop_body h2 { display:block; font-size:24px; font-weight:bold; color:#333; text-align:center; padding-bottom:20px }
#layer2 .pop_close { font-size:24px; font-family:'Arial';position:relative; position:absolute; right:10px; top:10px; width:36px; height:36px; background:none; border:none}

#layer2 .pop_close span {display:inline-block;position:absolute;left:50%;margin-left:-13px;top:50%;margin-top:-1px;width:26px;height:3px;}
#layer2 .pop_close span:before {background:#666 !important; top:0; transform:rotate(45deg);}
#layer2 .pop_close span:after {background:#666 !important; top:0; transform:rotate(-45deg);}


/* 퀵메뉴 */
#quick { position:absolute; top:780px; right:50%; margin-right:-770px; z-index:1;}
#sub_wrap #quick { top:330px; }
#quick .quick_menu { width:104px; background:#fff; border:3px solid #029f48; border-radius:8px 8px 0 0; padding:7px }
#quick .quick_menu li { height:97px; border-bottom:1px solid #dfdfdf; }
#quick .quick_menu li a { display:block; height:97px; padding-top:67px; text-align:center; 
font-weight:500; font-size:13px; color:#000; line-height:16px; text-decoration:none }
#quick .quick_menu li a:hover { color:#029f48 }
#quick .quick_menu li:last-child { border:none }

#quick .quick_tel { height:50px; border:3px solid #029f48; background:#029f48; text-align:center; color:#fff; border-radius:0 0 8px 8px; font-weight:500; letter-spacing:-0.5px; }
#quick .quick_tel span { display:block; color:#fff; text-align:center; font-weight:600; height:20px; line-height:20px; border-radius:3px; font-size:13px }

#quick .quick01 { background:url('../images/common/sub_q1.png') no-repeat center 20px; }
#quick .quick02 { background:url('../images/common/sub_q2.png') no-repeat center 24px; }
#quick .quick03 { background:url('../images/common/sub_q3.png') no-repeat 60% 17px; padding-top:70px !important; }

@media (max-width:1420px) {
	#quick { display:none }
}

#quick_wide { 
	background:#fff;
	border:1px solid #dedede;
	border-radius:5px;
	padding:15px;
	position:absolute; 
	top:200px; 
	right:20px; 
	z-index:1;
}
#quick_wide .quick_g2b { 
	line-height:1.4;
	font-size:12px;
}
#quick_wide .quick_g2b h4 {
	color:#000;
	font-size:17px;
	font-weight:500;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #dedede;
}
#quick_wide .quick_g2b img {
	margin-right:7px;
	float:left;
}
#quick_wide .quick_g2b span {
	color:#ff3000;
}
#quick_wide .quick_g2b b {
	color:#029f48;
	font-weight:400;
}
#quick_wide .quick_card {
	font-size:17px;
	border:2px solid #000;
	margin-top:15px;
	border-radius:5px;
	padding:10px;
	color:#000;
	font-weight:500;
}
#quick_wide .quick_call {
	background-color:#029f48;
	border-radius:5px;
	color:#fff;
	font-size:17px;
	font-weight:500;
	padding:10px;
	margin-top:10px;
	text-align:center;
}
@media (max-width:1420px) {
	#quick_wide { display:none }
}

.quick_box {max-width: 1200px; margin: 0 auto 20px;}

h3.h3_tit{
	font-size: 33px;
	padding: 45px 0 45px 0;
	background: #fff url('/images/sub/dy_ksmark3.png') no-repeat 230px center;
	background-size: 33px;
	color:#000;
}

#quick_fixed { 
	width: 100%;
	background:#fff;
	border:1px solid #dedede;
	border-radius:5px;
	padding:15px 15px 55px; 
	z-index:1;
	margin: 0 auto;
	/* margin-bottom: 65px; */
}
#quick_fixed .quick_g2b { 
	line-height:1.4;
	font-size:12px;
}
#quick_fixed .quick_g2b p {
	color:#000;
	font-size:24px;
	font-weight:500;
	padding-bottom:15px;
	margin-bottom:10px;
	/* border-bottom:1px solid #dedede; */
}
#quick_fixed .quick_g2b p.p_txt{font-weight: normal; font-size: 17px; margin: 5px 0; }

#quick_fixed .quick_g2b span {
	color:#ff3000;
}
#quick_fixed .quick_g2b b {
	color:#029f48;
	font-weight:400;
}
#quick_fixed .quick_card {
	width: 49%; margin-right: 2%; float: left;
	font-size:15px;
	border:2px solid #000;
	/* margin-top:15px; */
	border-radius:5px;
	height: 40px; line-height: 35px;
	margin-right: 5px;
	padding:0 10px;
	color:#000;
	font-weight:500;
	text-align: center;
}
#quick_fixed .quick_card img {width:25px;}
#quick_fixed .quick_call {
	float: left;
	width: 49%;
	background-color:#029f48;
	border-radius:5px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	height: 40px; line-height: 40px;
	padding:0 10px;
	/* margin-top:10px; */
	text-align:center;
}

@media (max-width:1240px) {
	#quick_fixed { max-width: 940px; }
}

@media (max-width:480px) {
	#quick_fixed .quick_card {width: 100%; margin-right: 0; float: none; margin-bottom: 10px;}
	#quick_fixed .quick_call {width: 100%;}
}


/* 집수정_임시 230615 */
.main_product{padding-bottom: 50px;}
	.main_product ul li .info.info_02 {
		width: 100%;
		height: 100%;
		padding-top: 46%;
		background: rgba(11,179,88,0.8);
		color: #fff;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}
	.main_product ul li .info.info_02:hover {
		opacity: 1;
		cursor: pointer;
	}