@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

/* 내용 폰트 */
@font-face { font-family: 'Montserrat-ExtraBold'; src: url("/font/Montserrat-Medium.ttf") format('truetype'); } 
@font-face { font-family: 'NotoSansKR-Medium'; src: url("/font/NotoSansKR-Medium.otf") format('truetype'); } 


/*초순수*/

/*1.초순수란?*/
.wa_wrapper { max-width:1800px;height: 2666px; margin:0px auto; background:url("/data/manual2/water_bg.png");    background-size: cover;
    background-repeat: no-repeat;background-position:50% 50%;}

.wa_tit1 { max-width:1180px;margin:0px auto;padding-top:70px;}
.wa_tit1 h3 { color: rgb(80, 74, 129);     font-size: 2.571em; line-height: 1.2;}
.wa_tit1 p { font-size: 16px; padding-top:15px; }

.wa_tit2 { text-align:center; max-width:1180px;margin:0px auto;padding-top:330px;}
.wa_tit2 h3 { color: rgb(80, 74, 129);     font-size: 2.571em; line-height: 1.2;}
.wa_tit2 p { font-size: 16px; padding-top:15px; }

.wa_tit3 { text-align:center;max-width:1180px;margin:0px auto;padding-top:600px;}
.wa_tit3 h3 { color: rgb(80, 74, 129);     font-size: 2.571em; line-height: 1.2;}
.wa_tit3 p { font-size: 16px; padding-top:15px; }

.wa_tit4 { text-align:center;max-width:1180px;margin:0px auto;padding-top:500px;}
.wa_tit4 h3 { color: rgb(80, 74, 129);     font-size: 2.571em; line-height: 1.2;}
.wa_tit4 p { font-size: 16px; padding-top:15px; }


/*회사소개 내용*/

/*1.회사개요*/
.ga_wrapper { width:100%;}
.ga_tit1 { width:1180px; margin:0px auto; }

.ga_tit1 > .p_wrapper { float:left; width:58%;}
.ga_tit1 > .img_wrapper { float:left;width:41%; text-align: center;  }

.ga_tit1 > h3 { color: #008aab;
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    border-bottom: 2px solid;
    border-image-source: linear-gradient(to left, #ffffff, #008aab);
    border-image-slice: 1;}

.ga_tit1 > .p_wrapper > .ga_p1 { color:rgb(80, 74, 129);margin-top:55px;    font-size: 2.571em;
    line-height: 1.2;     font-weight: normal;}
.ga_tit1 > .p_wrapper > .ga_p2 { margin-top:10px;font-size: 22px; }
.ga_tit1 > .p_wrapper > .ga_p3 { margin-top:10px; font-size:14px;    font-weight: normal; }

.ga_tit1 > .p_wrapper > p { margin-top:5px; font-size:16px;line-height:24px;color:black; }

.ga_tit1 > .img_wrapper > img { width: 60%; }

/*2.비전*/
.ga_tit2 { clear:both; margin-top:30px; background : url("/data/manual2/vision_bg.png");    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;background-attachment: fixed;}
.ga_tit2 .vs_wrapper1 {
	padding-top:60px;
	max-width:1180px;
	margin:0px auto;
}
.ga_tit2 .vs_wrapper2 {
	padding-top:60px;
	max-width:1180px;
	margin:0px auto;
}
.ga_tit2  .vs_wrapper1 .tt_1 {
	    font-size: 36px;
    color: rgb(80, 74, 129);
}
.ga_tit2  .vs_wrapper2 .tt_1 {
	    font-size: 36px;
    color: rgb(80, 74, 129);
	text-align:center;
}
.ga_tit2  .vs_wrapper1 .tt_2 {    font-size: 26px; color:#000;text-align:center; margin-top:10px; }
.ga_tit2  .vs_wrapper2 .tt_2 {    font-size: 26px; color:#000;text-align:center; margin-top:10px; }
.ga_tit2  .vs_wrapper2 .tt_3 {    font-size: 16px; color:#000;text-align:center; margin-top:10px;
border-top:1px solid rgba(201, 224, 253, 1);
	border-bottom:1px solid rgba(201, 224, 253, 1);
	padding-top:20px;
	padding-bottom:20px;
}

.vs_wrapper1 {
	margin-top:20px;
}
.vs_wrapper1 .tt_1 { 
	text-align:center;

}
.vs_wrapper1 .box_wrapper { 
	margin-top:20px;
}
.vs_wrapper1 .vs_box1,.vs_box2,.vs_box3 {
	width:32%;
	float:left;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	border-top:1px solid rgba(201, 224, 253, 0.3);
	border-bottom:1px solid rgba(201, 224, 253, 0.3);
	padding-top:20px;
	padding-bottom:20px;
}

.vs_wrapper1 .ts_1 {
	font-size: 20px;
    color: rgb(80, 74, 129);
}
.vs_wrapper1 .ts_2 {
	margin-top:5px;
	font-size:14px;
	color:#363636;
}
.vs_wrapper2 {
	clear:both;
	padding-bottom:50px;
}



/*5. 특허 및 인증*/
.ga_tit5 { background-color: #f6f6f8;    height: 442px;     padding-top: 50px;}
.ga_tit5 .big_wrapper { max-width:1180px;margin:0px auto;height: 300px;
    padding-top: 40px;
    border-top: 1px solid rgba(201, 224, 253, 0.3);
    border-bottom: 1px solid rgba(201, 224, 253, 0.3);
	padding-left: 40px;
}

}
.ct_wrapper { width:49%;     display: inline;}
.ga_tit5 > .img_wrapper { width:100%; text-align: center; }
.ga_tit5 .img_wrapper1 { float: left; }
.ga_tit5 .p_wrapper1 { float: left; margin-left:50px; width:250px; }
.ga_tit5 .p_wrapper1 p { margin-top:10px; }
.ga_tit5 .img_wrapper1  img { width: 256px; }
.ga_tit5 .img_wrapper2 { float: left; }
.ga_tit5 .p_wrapper2 { float: left; margin-left:50px; width:250px; }
.ga_tit5 .p_wrapper2 p { margin-top:10px; }
.ga_tit5 .img_wrapper2  img { width: 256px; }



/*사업영역 내용*/

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

.bi_tit1 { width:1180px; margin:0px auto; padding-bottom:50px;padding-left:15px;padding-right:20px;}

.h3_wrapper {  width:1180px;margin:0px auto; padding-bottom:20px;}

/*1.사업개요*/
.bi_tit1 > .h3_wrapper > h3:first-child { margin-top:20px;}
.bi_tit1 > .h3_wrapper > h3 {text-align: left;font-size: 36px;color: rgb(80, 74, 129);line-height: 1.2;  line-height:35px;font-weight:normal;}
.bi_tit1 > .p_wrapper > .bi_p1 { margin-top:0px;     font-size: 16px;color: #363636;font-weight: normal;}
.bi_tit1 > .p_wrapper > p { margin-top:30px; font-size:16px;line-height:24px;color:black; }

.bi_tit3 > .pr_wrapper:first-child {     background-color: #f6f6f8; } 
.bi_tit3 > .pr_wrapper:last-child {     background-color: #f6f6f8; } 

/* 2.프로세스 .. 원래 2인데, 중간에 하나가 따른데로 이동해서 그냥 bi_tit3으로 씀. */

.bi_tit3 { margin-top: 40px; }
.bi_tit3 h3 { 
    color: #008aab;
    font-size: 30px;
    font-weight: bold;
	line-height:30px;
}
.bi_tit3  .h3_wrapper > h3:first-child { margin-top:45px;     font-size: 30px;
    color: rgb(80, 74, 129); text-align:center; font-weight:normal;    padding-top: 40px; }
.bi_tit3  .h3_wrapper > h3:nth-child(2) { color:black; font-size:16px; text-align:center;font-weight:400;}
.bi_tit3  .p_wrapper > p:last-child { padding-bottom:50px;}
.bi_tit3  .p_wrapper:last-child > p:last-child { border-bottom:none;}
.bi_tit3  .p_wrapper > .bi_p1 { margin-top:50px; }
.bi_tit3  .p_wrapper > p { text-align:center; font-size:14px;line-height:24px;color:black; }
.bi_tit3  .img_wrapper { margin-top:10px; width:100%; text-align: center; }
.bi_tit3  .img_wrapper > img {   width: 90%; }


/*오시는길 내용*/
.lo_wrapper { width:1180px; margin:0px auto; padding-bottom:150px;}

.lo_tit1 > .h3_wrapper { width:30%; float:left; padding-bottom:20px;padding-left:15px;padding-right:15px;}
.lo_tit1 > .map_wrapper { width:65%; float:right;padding-bottom:20px;}

/*오시는길*/
.lo_tit1 > .h3_wrapper > h3 { text-align: left;
    color: #252b3f;     font-size: 2.571em;
    line-height: 1.2; line-height:35px;font-weight:normal;padding-top:20px; padding-bottom:30px;}
.lo_tit1 > .h3_wrapper > p {     font-size: 16px; padding-top:7px; padding-bottom:7px; }

.lo_tit1 > .p_wrapper > .bi_p1 { margin-top:50px; }
.lo_tit1 > .p_wrapper > p { margin-top:30px; font-size:16px;line-height:24px;color:black; }
.lo_tit1 > .img_wrapper { margin-top:60px; width:100%; text-align: center; }
.lo_tit1 > .img_wrapper > img {   width: 90%; }

/* 카탈로그 */
.ca_tit1 { width:1180px; margin:0px auto; padding-bottom:0px;padding-right:15px;padding-left:15px;}
.ca_tit1 > h3 { 
    margin-bottom: 20px;
    text-align: left;
    color:  rgb(80, 74, 129);
    font-weight: normal;
    font-size: 2.571em;
    line-height: 1.2;
}
.ca_tit1 .btn_wrapper {margin-top:20px;}
.ca_tit1 .p_wrapper p { font-size:16px; }
.ca_tit1 .p_wrapper a { padding:0px; font-size:16px;    background-color: #363636;
    border:1px solid black;
    color: #ffffff;     padding: 10px 25px;font-weight: normal;font-size:12px;}
.ca_tit1 .p_wrapper a:hover { background-color: white;color:black; margin-top:20px; }
/* 생산 시설*/
.fa_wrapper .float_img_wrapper img { cursor:pointer;}
.fa_wrapper .float_img_wrapper div:hover img { background:black;opacity:0.7 }
.fa_wrapper .float_img_wrapper div:hover { background:black; }

.fa_tit1 { width:1180px; margin:0px auto; padding-bottom:0px;padding-right:15px;padding-left:15px;}

/*1.설비 */
.fa_tit1 > h3 { 
    margin-bottom: 20px;
    text-align: left;
    color:  rgb(80, 74, 129);
    font-weight: normal;
    font-size: 2.571em;
    line-height: 1.2;
}


.fa_tit1 > .h3_wrapper > h3:first-child { margin-top:20px;}
.fa_tit1 > .h3_wrapper > h3 { color:black; font-size:30px; font-family: 'Nanum Gothic', sans-serif; line-height:35px;font-weight:600;}

.fa_tit1 > .p_wrapper > .bi_p1 { margin-top:20px;  }
.fa_tit1 > .p_wrapper > p { font-size:16px;line-height:24px; }
.fa_tit1 > .p_wrapper { margin-bottom: 30px; }


/*2. 제조 및 수처리 설비 */
.fa_tit2 { background:#f6f6f8; width: 100%; min-height:500px; padding-top:60px; padding-bottom:60px;}
.fa_tit2 .inner_wp { max-width:1180px; margin:0px auto;}
.fa_tit2  .p_wrapper  h3 { padding-top: 100px; margin-bottom: 20px; text-align: left; font-size: 24px; color: rgb(80, 74, 129); line-height: 1.2;}
.fa_tit2  .p_wrapper  p { margin-top:20px; font-size:14px;line-height:24px; }
.fa_tit2  .float_img_wrapper { width:55%; float:right;}
.fa_tit2  .p_wrapper { width:40%; float:left; padding-right:15px; padding-left:15px; }
.fa_tit2  .float_img_wrapper  div { display:inline-block; width: calc(50% - 3px);  }
.fa_tit2  .float_img_wrapper  div img { width:100%;  }
.fa_tit2  .float_img_wrapper  div  p { text-align:center; margin-top:10px;font-size:11px; }

/*3. 자동화 충진포장 설비 */
.fa_tit3 {  width: 100%; min-height:500px; padding-top:60px; padding-bottom:60px;}
.fa_tit3 .inner_wp { max-width:1180px; margin:0px auto;}
.fa_tit3  .p_wrapper  h3 { padding-top: 100px; margin-bottom: 20px; text-align: left; font-size: 24px; color: rgb(80, 74, 129); line-height: 1.2;}
.fa_tit3  .p_wrapper  p { margin-top:20px; font-size:14px;line-height:24px; }
.fa_tit3  .float_img_wrapper { width:55%; float:left;}
.fa_tit3  .p_wrapper { width:40%; float:right; padding-right:15px; padding-left:15px; }
.fa_tit3  .float_img_wrapper  div { display:inline-block; width: calc(50% - 3px);  }
.fa_tit3  .float_img_wrapper  div img { width:100%;  }
.fa_tit3  .float_img_wrapper  div  p { text-align:center; margin-top:10px;font-size:11px; }

/*4. 클린룸 및 공조설비 */
.fa_tit4 { background:#f6f6f8; width: 100%; min-height:500px; padding-top:60px; padding-bottom:60px;}
.fa_tit4 .inner_wp { max-width:1180px; margin:0px auto;}
.fa_tit4  .p_wrapper  h3 { padding-top: 100px; margin-bottom: 20px; text-align: left; font-size: 24px; color: rgb(80, 74, 129); line-height: 1.2;}
.fa_tit4  .p_wrapper  p { margin-top:20px; font-size:14px;line-height:24px; }
.fa_tit4  .float_img_wrapper { width:55%; float:right;}
.fa_tit4  .p_wrapper { width:40%; float:left; padding-right:15px; padding-left:15px; }
.fa_tit4  .float_img_wrapper  div { display:inline-block; width: calc(50% - 3px);  }
.fa_tit4  .float_img_wrapper  div img { width:100%;  }
.fa_tit4  .float_img_wrapper  div  p { text-align:center; margin-top:10px;font-size:11px; }

/*5. 클린룸 및 공조설비 */
.fa_tit5 {  width: 100%; min-height:500px; padding-top:60px; padding-bottom:60px;}
.fa_tit5 .inner_wp { max-width:1180px; margin:0px auto;}
.fa_tit5  .p_wrapper  h3 { padding-top: 100px; margin-bottom: 20px; text-align: left; font-size: 24px; color: rgb(80, 74, 129); line-height: 1.2;}
.fa_tit5  .p_wrapper  p { margin-top:20px; font-size:14px;line-height:24px; }
.fa_tit5  .float_img_wrapper { width:55%; float:left;}
.fa_tit5  .p_wrapper { width:40%; float:right; padding-right:15px; padding-left:15px; }
.fa_tit5  .float_img_wrapper  div { display:inline-block; width: calc(50% - 3px);  }
.fa_tit5  .float_img_wrapper  div img { width:100%;  }
.fa_tit5  .float_img_wrapper  div  p { text-align:center; margin-top:10px;font-size:11px; }




@media screen and (max-width:1340px){
	/* 회사 소개 */
	
	.ga_wrapper { width: 100%; padding-left : 30px; padding-right:30px;}
	.wa_wrapper { width: 100%; padding-left : 30px; padding-right:30px;}
	.ga_tit2 > .img_wrapper > img {width: 100%;}
	.ga_tit3 > .img_wrapper > img {width: 100%;}
	.ga_tit3 > .p_wrapper {margin-top: 50px;}
	.ga_tit3 > .p_wrapper > p { margin-top:0px;line-height:30px;font-size:20px;}
	.ga_tit5 > .img_wrapper > img { 	width: 100%;	}
	/* 사업 영역 */
	.bi_wrapper { width: 100%; /*padding-left : 30px; padding-right:30px;*/}
	.bi_tit1 > .img_wrapper > img { width:100% }
	.bi_tit3 > .img_wrapper > img { width: 100% }
	
}

@media screen and (max-width:1220px){ 
		.ga_tit5 { height:600px;    margin-top: 50px;}
		.ga_tit5 .big_wrapper { height:500px;}
		.ga_tit5 .big_wrapper .ct_wrapper { width:100%; }
		.ga_tit5 .big_wrapper .ct_wrapper:last-child { clear:both;margin-top: 30px;}
		
		.ga_tit5 .img_wrapper1 { float:none; display:inline-block;width:55%; text-align:center;    padding-right: 30px;}
		.ga_tit5 .p_wrapper1 {  float:none; display:inline-block;width:40%;     margin-left: 0px;    vertical-align: top;}
		.ga_tit5 .img_wrapper1 img { width: 100%;max-width:209px;}
		.ga_tit5 .img_wrapper2 { float:none; display:inline-block;width:55%; text-align:center;    padding-right: 30px;}
		.ga_tit5 .p_wrapper2 {  float:none; display:inline-block;width:40%;     margin-left: 0px;    vertical-align: top;}
		.ga_tit5 .img_wrapper2 img { width: 100%;max-width:209px;}
		
		/*사업 영역*/
		.bi_tit1 .h3_wrapper { width:100%; }
		.bi_tit3 .h3_wrapper { width:100%; padding-right:15px; padding-left:15px;}
		.bi_tit1 { width:100%; padding-right:30px; padding-left:30px;}

		/*생산 시설*/
		.fa_tit1 { width:100%; font-size:10px; }

		.fa_tit2 .float_img_wrapper { width:100%;max-width:800px;margin: 0px auto;float:none;}
		.fa_tit2 .p_wrapper { width:100%;max-width:800px;margin: 0px auto;float:none;}

		.fa_tit3 .float_img_wrapper { width:100%;max-width:800px;margin: 0px auto;float:none;}
		.fa_tit3 .p_wrapper { width:100%;max-width:800px;margin: 0px auto;float:none;}

		.fa_tit4 .float_img_wrapper { width:100%;max-width:800px;margin: 0px auto;float:none;}
		.fa_tit4 .p_wrapper { width:100%;max-width:800px;margin: 0px auto;float:none;}

		.fa_tit5 .float_img_wrapper { width:100%;max-width:800px;margin: 0px auto;float:none;}
		.fa_tit5 .p_wrapper { width:100%;max-width:800px;margin: 0px auto;float:none;}

		/*오시는 길*/
		.lo_wrapper { width:100%;padding-left : 30px; padding-right:30px;}
		.lo_tit1 > .h3_wrapper { width:100%; }
		.map_wrapper { width: 100% !important; }
		
}		
@media screen and (max-width:1201px){ 

	.fa_wrapper {
		width: 100%;
		padding-right: 25px;
		padding-left:25px;
	}
	.ga_tit1 { width:100%; }
	.ga_tit1 .p_wrapper {width:100%;}
	.ga_tit1 > .p_wrapper > .ga_p1 {font-size:30px;}
	.ga_tit1 .p_wrapper p {max-width:700px;text-align:center;margin:0px auto;}
	.ga_tit1 > .img_wrapper {width:100%;float: none;max-width:480px;margin: 0px auto;}
	.ga_tit2 { background-attachment:scroll;}

	#lnb { display: block !important; margin-top: 0px !important;}
	.inner2 {
		padding: 0px !important;
	}
	#lnb > .inner2 {
		width: 100% !important; top: 0px !important;}
	
	#lnb .menu_wrap ul li { width: 25% !important; }
	#lnb .menu_wrap ul li a { padding : 0px !important; }

	ul.bb-custom-grid li { 
		width:100% !important;
		height:auto !important;
	}
	.bb-bookblock {
		width:100% !important;
		    padding-bottom: 75%;
			height:auto !important;
	}
	ul.bb-custom-grid {
		margin-right: 86px !important;
		margin-left: 60px !important;
	}
	#bb-nav-next { right: -80px !important; }

}

@media screen and (max-width:1040px){ 

	.fa_tit1 > .float_img_wrapper > div {
		
		width: 100%;
		margin-bottom:20px;
	}
	.fa_tit1 > .float_img_wrapper {
		text-align: center;
	}
	.fa_tit2 > .float_img_wrapper {
		text-align:center;
	}
	.fa_tit2 > .float_img_wrapper > div {
		width: 48%;
		margin-bottom:20px;
	}
	.fa_tit3 > .float_img_wrapper {
		text-align:center;
	}
	.fa_tit3 > .float_img_wrapper > div {
		width: 48%;
		margin-bottom:20px;
	}
	.fa_tit4 > .float_img_wrapper {
		text-align:center;
	}
	.fa_tit4 > .float_img_wrapper > div {
		width: 48%;
		margin-bottom:20px;
	}
	.fa_tit5 > .float_img_wrapper {
		text-align:center;
	}
	.fa_tit5 > .float_img_wrapper > div {
		width: 48%;
		margin-bottom:20px;
	}
	.lo_tit1 > .icon_wrapper > div > .icon1 > img {
		width: 80px;
	}
	.ga_tit2 .vs_wrapper2 .tt_3 { padding-right:15px; padding-left:15px;line-height:1.4;}

}
@media screen and (max-width:820px){ 

	.phone_info { width: 45% !important; }
	.fax_info {width: 45% !important;}
	.mail_info {width: 95% !important; }
	.ga_tit2 .vs_wrapper1 .tt_2 { font-size:18px; }
	.vs_wrapper1 .vs_box1, .vs_box2, .vs_box3 { width:100%; }
	.ga_tit2 .vs_wrapper2 .tt_2 { font-size:14px;}
}



@media screen and (max-width:680px){ 
	.ga_tit5 > .float_img_wrapper > div {
		width: calc(31.3%);
		margin-right: 1%;
		line-height:10%;
	}
	.ga_tit4 > .float_img_wrapper > div { 
		width: calc(48.3%);
		margin-right: 1%;
		padding-bottom: 40px;
	}
	
}


@media  (max-width: 640px) {
	.al_tit > .p_wrapper {
		margin-bottom: 40px !important;
	}
	#bb-nav-next {
		top:250px !important;
	}
	#bb-nav-prev {
		top:250px !important;
	}
	
}