/*========================================================= 모바일 버전 ==========================================================*/

@media screen and (max-width:380px) 

{ /* <-- 미디어쿼리 시작 */

body {
	min-width:320px;
}

.pad_only {
	display:block;
}

/* 기능 링크 */

.intranet {
	width:50px;
	height:50px;
	position:fixed;
	left:0px;
	bottom:0px;
}
.webmail {
	width:50px;
	height:50px;
	position:fixed;
	right:0px;
	bottom:0px;
}


/* 섹션 */

.sec_01 {
	width:100%;
	min-width:100%;
	padding:0 20px;
	box-sizing:border-box;
	height:700px;
	background-color:#000;
	background-image:url('/images/sec_01/bg_03.jpg');
	background-size:cover;
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	z-index:8888;
}
.sec_02 {
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	min-height:500px;
	min-width:100%;
	background:#000000;
}
.sec_03 {
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	min-width:100%;
	background:#0d0d0d;

}
.sec_04 {
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	min-width:100%;
	min-height:500px;
	background:#111;
}
.sec_05 {
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	min-width:100%;
	background:#151414;
}
.sec_06 {
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	min-width:100%;
	background:#111;
}
	.con_wrap {
		width:100%;
		box-sizing:border-box;
		margin: 0 auto;
		position:relative;
	}

	.sec_tit {
		height:103px;
		position:absolute;
		left:0px;
	}
		.tit_diago {
			height:23px;
			background:url('/images/tit/diago.png');
			background-repeat:no-repeat;
			background-position:left;
		}
		.tit_e {
			margin:9px 0 0 35px;
			letter-spacing:-0.5px;
			font-size:50px;
			color:#006b6e;
		}
		.tit_k {
			margin:0 0 0 35px;
			letter-spacing:9px;
			font-size:16px;
			color:#006b6e;
		}


/* 글로벌네비게이션 */
.gnv_fix {
	width:100%;
	height:87px;
	position:fixed;
	top:0px;
	z-index:9999;
	background:#000;
	border-bottom:#fff 1px solid;
}
	.gnv_wrap {
		width:100%;
		height:87px;
		margin: 0 auto;
		position:relative;
	}
		.logo {
			width:88px;
			box-sizing:border-box;
			padding:20px 10px 10px 10px;
			cursor:pointer;
			margin: 0 auto;
		}
		.menu_wrap {
			display:none;
			margin:10px 0 0 0;
			float:right;
		}
			.menu {
				height:24px;
				margin: 0 0 0 90px;
				
				font-size:17px;
				color:#fff;
				border-bottom:none;
				float:left;
			}
			.menu:hover {
				color:#006b6e;
				border-bottom:#006b6e 3px solid;
				cursor:pointer;
			}
.mobile_btn_wrap {
	width:40px;
	height:40px;
	position:absolute;
	left:10px;
	top:27px;
}
	.mobile_btn {
		width:40px;
		height:40px;
		background:#000;
		display:block;
		position:relative;
		}

		.btn_line_01 {
			width:30px;
			height:5px;
			background:#fff;
			position:absolute;
			top:5px;
			left:5px;
			transition: all 0.5s;
		}

		.btn_line_02 {
			width:30px;
			height:5px;
			background:#fff;
			position:absolute;
			top:15px;
			left:5px;
			opacity:1;
			transition: all 0.5s;
		}

		.btn_line_03 {
			width:30px;
			height:5px;
			background:#fff;
			position:absolute;
			top:25px;
			left:5px;
			transition: all 0.5s;
		}


		.btn_line_01.on {
			width:30px;
			height:5px;
			background:#fff;
			position:absolute;
			top:15px;
			left:5px;
			transform:rotate(45deg);
		}

		.btn_line_02.on {
			width:30px;
			height:5px;
			background:#fff;
			position:absolute;
			top:15px;
			left:-10px;
			opacity:0;
		}

		.btn_line_03.on {
			width:30px;
			height:5px;
			background:#fff;
			position:absolute;
			top:15px;
			left:5px;
			transform:rotate(-45deg);
		}
			.m_menu_wrap {
				position:absolute;
				right:0px;
				top:50px;
				z-index:9999;
				display:none;
			}
			.m_menu_wrap.on {
				position:absolute;
				display:block;
				left:0px;
				top:87px;
				z-index:9999;
			}
				.m_menu {
					width:100%;
					height:50px;
					box-sizing:border-box;
					padding:15px 0 0 0;
					background:#000;
					border-left:#fff 1px solid;
					border-right:#fff 1px solid;
					border-bottom:#fff 1px solid;
					text-align:center;
					font-family:'Arial';
					font-size:20px;
					color:#fff;
				}



/* 숫자들 */

.num {
	font-size:170px;
	color:#f0eded;
	position:absolute;
	letter-spacing:-10px;
	bottom:-100px;
	right:10px;
}

/* copy 
	.copy {
		width:70%;
		height:300px;
		background:url('/images/copy/copy.png');
		background-size:contain;
		background-repeat:no-repeat;
		position:absolute;
		top:35%;
		right:0px;
	}
*/
/* 메인 */


.sec_02_txt_box {
	margin:0 auto;
	padding:200px 0 0 0;
}
	.s2_txt_bgbox {
		padding:10px 5px;
		font-family: 'S-CoreDream-7ExtraBold';
		background:#38f1bf;
		color:#000;
		font-size:23px;
		line-height:23px;
		float:left;
	}
	.clear {
		height:6px;
		clear:both;
	}
	.s2_txt_box {
		margin:38px 0 0 0;
		color:#fff;
		font-size:15px;
		font-family: 'NIXGONM-Vb'; 
		line-height:22px;
		clear:both;
	}


.box_bg {
	width:225px;
	height:280px;
	background-image:url('/images/main/box_line.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}
	.box_blk_01 {
	}
	.box_blk_02 {
	}
	.box_txt {
		width:270px;
		font-size:22px;
		padding:50px 0 0 20px;
		line-height:30px;
		font-style:italic;
		font-weight:bold;
		color:#d3f9ef;
	}

/* ABOUT */

.org_box_w {
	width:100%;
	position:absolute;
	bottom:150px;
}

.org_box_m {
	display:none;
}

	/* CE 연혁 조직도 client */
		.sec_02_box {
			width:100%;
			padding:150px 0 100px 0;
		}
			.sec_02_ceo_t {
				width:100%;
			}
				.sec_02_ceo_t_c {
					width:100%;
				}
					.sec_02_ceo_t_ct{ 
						width:100%;
					}
						.sec_02_ceo_c_01 {
							width:100%;
							padding-bottom:80%;
							background:url('/images/main/sliu.png');
							background-size:contain;
							background-repeat:no-repeat;
							background-position:center bottom;
							vertical-align:middle;
							position:relative;
						}
							.sec_02_ceo_fb {
								width:60%;
								height:40px;
								box-sizing:border-box;
								position:absolute;
								left:20%;
								bottom:-20%;
								display:table;
								cursor:pointer;
								margin: 0 auto;
							}
								.sec_02_ceo_fb_l {
									width:20%;
									padding-bottom:20%;
									box-sizing:border-box;
									border:#344972 2px solid;
									background-color:#3d5c9c;
									background-image:url('/images/icon/fb_icon.jpg');
									background-size:contain;
									background-position:center;
									background-repeat:no-repeat;
									display:table-cell;
									vertical-align:middle;
								}
								.sec_02_ceo_fb_r {
									border:#344972 2px solid;
									border-left:none;
									box-sizing:border-box;
									display:table-cell;
									text-align:center;
									vertical-align:middle;
									background:#4967a2;
									color:#fff;
									font-size:.8rem;
								}
						.sec_02_ceo_c_02 {
							width:100%;
							box-sizing:border-box;
							padding:0 2px 0 2px;
							margin:80px 0 0 0;
							vertical-align:middle;
							text-align:center;
							position:relative;
							color:#fff;
							font-size:3.5vw;
							line-height:25px;
						}
							.sec_02_ceo_quo_01 {
								position:absolute;
								left:0px;
								top:95px;
								color:rgba(255,255,255,0.2);
								font-size:200px;
								line-height:0px;
							}
							.sec_02_ceo_quo_02 {
								position:absolute;
								right:0px;
								bottom:-50px;
								color:rgba(255,255,255,0.2);
								font-size:200px;
							}
				.sec_02_ceo_c_03 {
					width:100%;
					margin:20px 0 0 0;
					background:rgba(255,255,255,1);
					vertical-align:middle;
					display:none;
				}
				.ceo_sns_fb {
					width:100%;
					height:280px;
				}
			.sec_02_his_t {
				width:100%;
				margin:40px 0 0 0;
				font-family: 'S-CoreDream-3Light';
				line-height:25px;
				color:#fff;
			}
				.sec_02_his_c_01 {
					width:100%;
					box-sizing:border-box;
					vertical-align:top;
				}
					.history_tit {
						width:240px;
						padding:10px 0;
						margin:0 auto 60px auto;
						border:#fff 2px solid;
						text-align:center;
						position:relative;
						font-size:18px;
						font-family: 'S-CoreDream-6Bold';
						letter-spacing:2px;
						color:#fff;
					}
						.history_tit:after {
							content:'';
							width: 0;
							height: 0;
							border-left: 35px solid transparent;
							border-right: 35px solid transparent;
							border-top: 17px solid #006c6d;
							position:absolute;
							left:50%;
							margin-left:-35px;
							top:65px;
						}
					.history_wrap {
						width:100%;
						position:relative;
					}
					.history_wrap:after {
						content:'';
						width:0px;
						height: calc(100% - 25px);
						border-left:#006c6d 2px solid;
						position:absolute;
						left:0;
						top:16px;
					}
						.history_t {
							width:100%;
							margin:0 0 20px 0;
							font-size:14px;
						}
							.history_year {
								width:55px;
								box-sizing:border-box;
								padding:0 5px 0 25px;
								line-height:30px;
								font-family: 'S-CoreDream-5Medium';
								vertical-align:top;
								position:relative;
							}
								.history_dot {
									width:15px;
									height:15px;
									border-radius:50%;
									border:#006c6d 3px solid;
									background:#fff;
									position:absolute;
									left:5px;
									top:8px;
								}
									.history_dot:after {
										content:"";
										width:5px;
										height:1px;
										background:#006c6d;
										position:absolute;
										left:-8px;
										top: calc(50% - 1px);
									}
							.history_txt {
								box-sizing:border-box;
								padding:0 0 0 20px;
								font-size:12px;
								line-height:30px;
								letter-spacing:-0.5px;
							}
								.history_txt > div {
								}
				.sec_02_his_sep {
					width:2%;
					display:table-cell;
					display:none;
				}
				.sec_02_his_sep_02 {
				}
				.sec_02_his_c_02 {
					width:100%;
				}
					.organ_wrap {
						width:100%;
					}
						.organ_t {
							width:100%;
							display:table;
							color:#fff;
						}
							.organ_c:nth-child(1) {
								width:35%;
								display:table-cell;
								vertical-align:middle;
							}
							.organ_c:nth-child(2) {
								width:20%;
								display:table-cell;
								vertical-align:middle;
								position:relative;
							}
								.organ_mid_line {
									width:56%;
									display:inline-block;
									border-top:#fff 1px dashed;
									line-height:0px;
									position:relative;
								}
							.organ_c:nth-child(3) {
								width:45%;
								display:table-cell;
								vertical-align:middle;
							}
								.organ_tag1 {
									width:70%;
									padding:30px 0;
									margin:10px 0 0 0;
									box-sizing:border-box;
									display:inline-block;
									border:#fff 3px solid;
									font-family: 'S-CoreDream-6Bold';
									text-align:center;
									position:relative;
									font-size:18px;
								}
								.organ_tag1:after {
									content:'';
									width:48%;
									height:1px;
									border-top:#fff 1px dashed;
									position:absolute;
									left:100%;
									top:50%;
								}
								.organ_tag2 {
									width:150%;
									padding:10px 0;
									display:inline-block;
									background:#fff;
									color:#000;
									text-align:center;
									position:absolute;
									left:-75%;
									bottom:70px;
									line-height:20px;
									font-family: 'S-CoreDream-5Medium';
								}
									.organ_tag2:after {
										content:'';
										width:1px;
										height:70px;
										border-right:#fff 1px dashed;
										position:absolute;
										left:50%;
										top:100%;
									}
									.organ_tag2:before {
										content:'';
										width:14px;
										height:14px;
										background:#fff;
										border:#006c6d 3px solid;
										box-sizing:border-box;
										border-radius:50%;
										position:absolute;
										left: calc(50% - 6px);
										top:205%;
										z-index:1000;
									}
								.organ_box_wrap {
									width:100%;
									box-sizing:border-box;
									position:relative;
								}
								.organ_box_wrap:after {
									content:"";
									width:1px;
									height: calc(100% - 136px);
									position:absolute;
									top:75px;
									left:-19%;
									border-left:#fff 1px dashed;
								}
									.organ_box {
										width:100%;
										padding:0 0 10px 0;
										position:relative;
										margin-bottom:20px;
										border:#fff 1px solid;
									}
									.organ_box:nth-child(4) {
										margin-bottom:0;
									}
									.organ_box:after {
										content:'';
										width:19%;
										height:1px;
										border-top:#fff 1px dashed;
										position:absolute;
										right:100%;
										top:50%;
									}
									.organ_box:before {
										content:'';
										width:14px;
										height:14px;
										background:#fff;
										border:#006c6d 3px solid;
										box-sizing:border-box;
										border-radius:50%;
										position:absolute;
										left:-22.5%;
										top: calc(50% - 6px);
										z-index:1000;
									}
										.organ_tit {
											width:100%;
											padding:10px;
											margin:0 0 10px 0;
											background:#fff;
											font-family: 'S-CoreDream-6Bold';
											color:#000;
										}
										.organ_txt {
										}
											.organ_txt_t {
												width:100%;
												margin:0 0 3px 0;
												font-size:14px;
												box-sizing:border-box;
												padding:0 5px;
												display:table;
											}
												.organ_txt_c:nth-child(1) {
													width:10px;
													display:table-cell;
													vertical-align:top;
												}
												.organ_txt_c:nth-child(2) {
													display:table-cell;
													font-size:12px;
												}

			.sec_02_client_box {
				width:100%;
				margin:80px 0 0 0;
			}
				.client_tit_wrap {
					width:100%;
					display:table;
					clear:both;
				}
					.client_tit {
						width:150px;
						display:table-cell;
						vertical-align:middle;
						color:#fff;
						font-family: 'S-CoreDream-6Bold';
					}
					.client_line {
						display:table-cell;
						vertical-align:middle;
					}
						.client_line > div {
							width:100%;
							border-top:rgba(255,255,255,0.4) 1px dashed;
						}
						.sec_02_client_logo_wrap {
							padding:15px 0 20px 0;
						}
							.sec_02_client_logo {
								width: calc(20% - 5px);
								height:50px;
								box-sizing:border-box;
								margin-right:4.57px;
								margin-bottom:10px;
								float:left;
								border:#fff 5px solid;
								background-color:rgba(255,255,255,1);
								background-size:contain;
								background-repeat:no-repeat;
								background-position:center;
								border-radius:5px;
							}
							.sec_02_client_logo:nth-child(5n) {
								margin-right:0px;
							}
								/* 정부기관 */
									.ci_01001 {
										background-image:url('/images/client/01/001.png');
									}
									.ci_01002 {
										background-image:url('/images/client/01/002.png');
									}
									.ci_01003 {
										background-image:url('/images/client/01/003.png');
									}
									.ci_01004 {
										background-image:url('/images/client/01/004.png');
									}
									.ci_01005 {
										background-image:url('/images/client/01/005.png');
									}

								/* 공사, 산하기관 */
									.ci_02001 {
										background-image:url('/images/client/02/001.png');
									}
									.ci_02002 {
										background-image:url('/images/client/02/002.png');
									}
									.ci_02003 {
										background-image:url('/images/client/02/003.png');
									}
									.ci_02004 {
										background-image:url('/images/client/02/004.png');
									}
									.ci_02005 {
										background-image:url('/images/client/02/005.png');
									}
									.ci_02006 {
										border:#fff 2px solid;
										background-image:url('/images/client/02/006.png');
									}
									.ci_02007 {
										background-image:url('/images/client/02/007.png');
									}
									.ci_02008 {
										background-image:url('/images/client/02/008.png');
									}

								/* 지방자치단체 */
									.ci_03001 {
										background-image:url('/images/client/03/001.png');
									}
									.ci_03002 {
										background-image:url('/images/client/03/002.png');
									}
									.ci_03003 {
										background-image:url('/images/client/03/003.png');
									}
									.ci_03004 {
										background-image:url('/images/client/03/004.png');
									}
									.ci_03005 {
										background-image:url('/images/client/03/005.png');
									}
									.ci_03006 {
										background-image:url('/images/client/03/006.png');
									}
									.ci_03007 {
										background-image:url('/images/client/03/007.png');
									}
									.ci_03008 {
										background-image:url('/images/client/03/008.png');
									}
									.ci_03009 {
										background-image:url('/images/client/03/009.png');
									}
									.ci_03010 {
										background-image:url('/images/client/03/010.png');
									}
									.ci_03011 {
										background-image:url('/images/client/03/011.png');
									}
									.ci_03012 {
										background-image:url('/images/client/03/012.png');
									}

								/* 기타 협회, 단체 */
									.ci_04001 {
										background-image:url('/images/client/04/001.png');
									}
									.ci_04002 {
										background-image:url('/images/client/04/002.png');
									}
									.ci_04003 {
										background-image:url('/images/client/04/003.png');
									}
									.ci_04004 {
										background-image:url('/images/client/04/004.png');
									}
									.ci_04005 {
										background-image:url('/images/client/04/005.png');
									}
									.ci_04006 {
										background-image:url('/images/client/04/006.png');
									}
									.ci_04007 {
										background-image:url('/images/client/04/007.png');
									}
									.ci_04008 {
										background-image:url('/images/client/04/008.png');
									}
									.ci_04009 {
										background-image:url('/images/client/04/009.png');
									}
									.ci_04010 {
										background-image:url('/images/client/04/010.png');
									}
									.ci_04011 {
										background-image:url('/images/client/04/011.png');
									}

								/* 일반기업 */
									.ci_05001 {
										background-image:url('/images/client/05/001.png');
									}
									.ci_05002 {
										background-image:url('/images/client/05/002.png');
									}
									.ci_05003 {
										background-image:url('/images/client/05/003.png');
									}
									.ci_05004 {
										background-image:url('/images/client/05/004.png');
									}
									.ci_05005 {
										background-image:url('/images/client/05/005.png');
									}
									.ci_05006 {
										background-image:url('/images/client/05/006.png');
									}
									.ci_05007 {
										background-image:url('/images/client/05/007.png');
									}
									.ci_05008 {
										background-image:url('/images/client/05/008.png');
									}
									.ci_05009 {
										background-image:url('/images/client/05/009.png');
									}



/* 포트폴리오 */

.pf_wrap {
	width:100%;
	position:relative;
}


/* 더보기 상단 소팅기능 */
.pf_sort_wrap {
	width:100%;
	height:38px;
	padding:150px 0 0 0;
	box-sizing:border-box;
	clear:both;
}
	.pf_sort_btn {
		width:100%;
		height:38px;
		box-sizing:border-box;
		margin-right:1.33%;
		float:left;
	}
		.pf_sort_img {
			width:38px;
			height:38px;
			background:#fff;
			position:relative;
			float:left;
			cursor:pointer;
		}
		.pf_sort_img.on {
			background:#37f1bf;
		}
			.is_01 {
				width:33%;
				height:33%;
				background:#000;
				position:absolute;
				left:15%;
				top:15%;
			}
			.is_02 {
				width:33%;
				height:33%;
				background:#000;
				position:absolute;
				left:55%;
				top:15%;		
				}
			.is_03 {
				width:33%;
				height:33%;
				background:#000;
				position:absolute;
				left:15%;
				top:55%;		
				}
			.is_04 {
				width:33%;
				height:33%;
				background:#000;
				position:absolute;
				left:55%;
				top:55%;		
				}
		.pf_sort_list {
			width:38px;
			height:38px;
			margin-right:2.66%;
			margin-left:2.66%;
			background:#fff;
			position:relative;
			float:left;
			cursor:pointer;
		}
		.pf_sort_list.on {
			background:#37f1bf;
		}
			.ib_01 {
				width:66%;
				height:13%;
				background:#000;
				position:absolute;
				left:17%;
				top:15%;	
			}
			.ib_02 {
				width:66%;
				height:13%;
				background:#000;
				position:absolute;
				left:17%;
				top:43%;	
			}
			.ib_03 {
				width:66%;
				height:13%;
				background:#000;
				position:absolute;
				left:17%;
				top:72%;	
			}
		.sort_year {
			width:calc(46% - 38px);
			height:38px;
			margin-right:2.66%;
			padding:0 0 0 10px;
			box-sizing:border-box;
			border:#fff 3px solid;
			background:#000;
			color:#fff;
			float:left;
		}
		.sort_year:last-child {
			margin-right:0px;
		}
	.sort_cata {
		width:50%;
		height:38px;
		margin-top:10px;
		margin-bottom:10px;
		padding:0 0 0 10px;
		box-sizing:border-box;
		border:#fff 3px solid;
		background:#000;
		color:#fff;
		float:left;
	}
	.sort_find {
		width:48%;
		margin-left:2%;
		margin-top:10px;
		margin-bottom:10px;
		height:38px;
		left:680px;
		float:right;
	}
		.sort_find_box {
			width:75%;
			height:38px;
			padding:0 0 0 10px;
			border:#fff 3px solid;
			background:#000;
			color:#fff;
			float:left;
		}
		.sort_find_btn {
			width:22%;
			height:38px;
			padding:10px 0px;
			background:#fff;
			color:#000;
			text-align:center;
			font-size:15px;
			float:right;
			cursor:pointer;
		}


/* 더보기 상단 소팅기능 */

/* 포트폴리오 썸네일형 */

		.pf_list_box_wrap {
			width:100%;
			margin:60px 0 0 0;
			padding-bottom:50px;
			clear:both;
			display:none;
		}
		.pf_list_box_wrap.on {
			display:block;
		}
			.pf_box_wrap {
			}
				.pf_box {
					width:24%;
					padding-bottom:34%;
					border:#fff 4px solid;
					box-sizing:border-box;
					margin-right:1.33%;
					margin-bottom:20px;
					float:left;
					position:relative;
					background:#ccc;
				}
				.pf_box:hover {
					border:#39f1bf 4px solid;
					cursor:pointer;
				}

				
				.pf_box:nth-child(4n) {
					margin-right:0;
				}
					/* 포트폴리오 미리보기 */

					.pf_box_con_wrap {
						position:absolute;
						width:100%;
						height:100%;
						box-sizing:border-box;
						background:rgba(0,0,0,0.7);
						padding:5%;
						font-family: 'S-CoreDream-3Light';
						display:none;
					}
					.pf_box:hover > .pf_box_con_wrap {
					}
						.pf_box_tit_kor {
							color:#39f1bf;
							font-family: 'S-CoreDream-6Bold';
							font-size:12px;
						}
						.pf_box_tit_eng {
							margin:0 0 10px 0;
							padding:0 0 10px 0;
							color:#fff;
							font-family: 'S-CoreDream-5Medium';
							display:none;
						}
						.pf_box_con_due {
							color:rgba(255,255,255,0.6);
							font-size:14px;
							display:none;
						}
						.pf_box_con_loca {
							color:rgba(255,255,255,0.6);
							font-size:14px;
							padding-bottom:15px;
							margin-bottom:15px;
							border-bottom:rgba(255,255,255,0.0) 1px solid;
							display:none;
						}
						.pf_box_con_txt {
							height:200px;
							overflow-y:auto;
							color:#fff;
							font-size:14px;
							display:none;
						}





/* 포트폴리오 리스트형 */
		.pf_list_list_wrap {
			width:100%;
			margin:60px 0 0 0;
			padding-bottom:50px;
			clear:both;
			display:none;
		}
		.pf_list_list_wrap.on {
			display:block;
		}
			.pf_list_wrap {
			}
				.pf_list {
					width:100%;
					height:60px;
					margin: 0 0 10px 0;
					display:table;
					cursor:pointer;
				}
				.pf_list > div {
					display:table-cell;
					vertical-align:middle;
				}
					.pf_list_due {
						width:70px;
						text-align:center;
						box-sizing:border-box;
						padding:5px;
						color:#fff;
						box-sizing:border-box;
						border:#fff 2px solid;
						font-size:12px;
						line-height:12px;
						cursor:default;
					}
						.pf_list_due > div:nth-child(1) {
							margin:0 0 5px 0;
							font-family: 'S-CoreDream-3Light';
							opacity:0.9;
						}
					.pf_list_emty {
						width:1%;
					}
					.pf_list_name {
						width: calc(98% - 330px);
						box-sizing:border-box;
						text-align:left;
						padding:0 10px;
						font-size:14px;
						background:#fff;
						cursor:default;
					}
					.pf_list_go {
						width:30px;
						text-align:center;
						background-color:#fff;
						background-image:url('/images/sec_04/notice_btn.png');
						background-repeat:no-repeat;
						background-position:center;
						background-size:contain;
					}

/* 포트폴리오 페이징 */
			.pf_list_paging_wrap {
				color:#fff;
				text-align:center;
			}
				.pf_list_paging_wrap > div {
					width:30px;
					height:30px;
					margin:20px 0;
					box-sizing:border-box;
					line-height:26px;
					border:transparent 2px solid;
					display:inline-block;
					text-align:center;
				}
				.pf_list_paging_wrap > div:hover {
					border:#39f1bf 2px solid;
					color:#39f1bf;
					cursor:pointer;
				}
				.pf_list_paging_wrap > div.on {
					border:#39f1bf 2px solid;
					color:#39f1bf;
					cursor:default;
				}


/*  포트폴리오 내용 상세보기  */
	
	.pf_detail_ab {
		width:100%;
		position:absolute;
		top:85px;
		left:0px;
		padding-bottom:20px;
		z-index:1000;
		display:none;
		background:#fff;
		box-shadow:rgba(0,0,0,0.4) 1px 1px 5px;
	}
	.pf_detail_ab.on {
		display:block;
	}
		.pf_detail_wrap {
			width: 100%;
			box-sizing:border-box;
			padding:20px;
			position:relative;
		}
			.pf_detail_img_wrap {
				width:80%;
				vertical-align:top;
				display:table;
			}
				.pf_detail_img_big {
					width:77.2%;
					display:table-cell;
					background:url('/images/slider/sl_01.jpg');
					background-size:contain;
					background-repeat:no-repeat;
					background-position:center;
				}
				.pf_detail_img_thumb_wrap {
					display:table-cell;
				}
					.pf_detail_img_thumb {
						width:100%;
						padding-bottom:115%;
						margin-right:2.6%;
						box-sizing:border-box;
						background:url('/images/slider/sl_01.jpg');
						background-size:cover;
						background-position:center;
						background-repeat:no-repeat;
						border:transparent 2px solid;
					}
					.pf_detail_img_thumb.existimg:hover {
						border:#39f1bf 2px solid;
						cursor:pointer;
					}
					.pf_detail_img_thumb:nth-child(4) {
						margin-right:0%;
					}
			.pf_detail_con_wrap {
				width:100%;
				box-sizing:border-box;
				padding:20px 0 0 0;
				font-size:14px;
				font-family: 'S-CoreDream-3Light'; 
			}
				.pf_detail_con_tit_kor {
					font-size:20px;
					font-family: 'S-CoreDream-7ExtraBold'; 
				}
				.pf_detail_con_tit_eng {
					font-size:16px;
					font-family: 'S-CoreDream-3Light'; 
					color:rgba(0,0,0,0.7);
				}
				.pf_detail_con_info {
					margin:10px 0;
					padding-bottom:10px;
					font-size:14px;
					border-bottom:rgba(0,0,0,0.7) 1px solid;
				}
					.pf_detail_con_due {
					}
					.pf_detail_con_loca {
					}
				.pf_detail_con_txt_wrap {
					width:100%;
					height:200px;
					overflow-y:auto;
				}
					.pf_detail_con_txt_t {
						width:100%;
						margin:0 0 5px 0;
						display:table;
					}
						.pf_detail_con_txt_c:nth-child(1) {
							width:80px;
							display:table-cell;
							vertical-align:top;
						}
						.pf_detail_con_txt_c:nth-child(2) {
							width:3px;
							padding:0 5px;
							display:table-cell;
						}
						.pf_detail_con_txt_c:nth-child(2) {
							display:table-cell;
						}
			.pf_detail_close {
				width:50px;
				height:50px;
				position:absolute;
				right:0px;
				top:10px;
				background:#fff;
				text-align:center;
				line-height:50px;
				font-size:45px;
				cursor:pointer;
			}
			.pf_detail_close {
				width:50px;
				height:50px;
				position:absolute;
				right:0px;
				top:10px;
				background:#fff;
				text-align:center;
				line-height:50px;
				font-size:45px;
				cursor:pointer;
			}
		.pf_detail_file_wrap {
			width: calc(100% - 40px);
			margin:10px auto 0px auto;
			padding:10px 0 0 0;
			border-top:rgba(0,0,0,0.2) 1px dashed;
		}
			.pf_detail_file_tit {
				padding:0 0 3px 0;
			}
			.pf_detail_file_name {
				padding:2px 0 0 0;
				font-family: 'S-CoreDream-3Light';
				font-size:14px;
			}
			.pf_detail_file_name:hover {
				color:#006c6d;
				cursor:pointer;
			}


/* 공지사항 */

.notice_wrap {
	width:100%;
	padding:150px 0 50px 0;
	margin:0;
}
	.notice_line {
		width:100%;
		height:60px;
		margin-bottom:15px;
		display:table;
	}
		.notice_emty {
			width:1%;
			display:table-cell;
			vertical-align:middle;
		}
		.notice_date {
			width:59px;
			height:60px;
			padding:0 10px;
			margin:0 10px 0 0;
			border:#fff 2px solid;
			color:#fff;
			font-size:15px;
			text-align:center;
			display:table-cell;
			vertical-align:middle;
		}
		.notice_tit {
			height:60px;
			padding:0 10px 0 10px;
			margin:0 10px 0 0;
			background:#fff;
			color:#000;
			font-size:16px;
			display:table-cell;
			vertical-align:middle;
		}
		.notice_go {
			width:50px;
			height:60px;
			padding:0 0 0 30px;
			background-color:#fff;
			background-image:url('/images/sec_04/notice_btn.png');
			background-size:contain;
			background-repeat:no-repeat;
			background-position:center;
			color:#000;
			font-size:40px;			
			font-weight:bold;
			display:table-cell;
			cursor:pointer;
		}
	.notice_paging {
		width:1000px;
		height:30px;
		margin:30px 0 0 20px;
		clear:both;
		text-align:center;
	}
		.notice_num {
			width:30px;
			height:30px;
			padding:5px 0 0 0;
			border:none;
			text-align:center;
			font-size:18px;
			color:#fff;
			
			display:inline-block;
			border:#000 2px solid;
			transition:all 0.5s;
		}
		.notice_num:hover {
			border:#38f1bf 2px solid;
			color:#38f1bf;
			cursor:pointer;
		}

	.notice_detail_ab {
		width:100%;
		position:fixed;
		top:85px;
		left:0px;
		padding-bottom:20px;
		z-index:1000;
		display:none;
		background:#fff;
		box-shadow:rgba(0,0,0,0.4) 1px 1px 5px;
	}
	.notice_detail_ab.on {
		display:block;
	}

/* sns */

.sns_wrap {
	width:1010px;
	height:360px;
	position:absolute;
	top:278px;
	left:20px;
}


/* contact */


.contact_wrap {
	width:100%;
}
	.contact_box_wrap {
		width:100%;
		padding:150px 0 0 0;
	}
		.contact_box_l {
			width:100%;
			vertical-align:top;
		}
			.contact_box_fb {
				width:100%;
			}
				.sns_fb {
					width:100%;
					height:280px;
					background:#333;
				}
			.contact_box_yt {
				width:100%;
				margin:20px 0 0 0;
			}
				.sns_ut {
					width:100%;
					height:260px;
					background:#333;
				}
		.contact_box_r {
			width:100%;
			box-sizing:border-box;
			padding:20px 0 0 0;
		}
			.ctab_wrap {
				width:100%;
				height:50px;
			}
				.ctab_01 {
					width:49.5%;
					height:50px;
					padding:7px 0 0 0;
					float:left;
					color:#fff;
					border:#fff 2px solid;
					text-align:center;
					font-size:25px;
				}
				.ctab_02 {
					width:49.5%;
					height:50px;
					padding:7px 0 0 0;
					float:right;
					color:#fff;
					border:#fff 2px solid;
					text-align:center;
					font-size:25px;
				}
				.ctab_01:hover {
					color:#38f1bf;
					border:#38f1bf 2px solid;
					cursor:pointer;
				}
				.ctab_02:hover {
					color:#38f1bf;
					border:#38f1bf 2px solid;
					cursor:pointer;
				}
			.map {
				width:100%;
				height:300px;
				margin:20px 0 0 0;
				background:#ddd;
			}


.company_info_wrap {
	width:100%;
	margin:50px 0 0 0;
}
	.company_info {
		width:100%;
		vertical-align:top;
	}
		.com_txt_tit {
			margin:0 0 10px 0;
			font-family: 'S-CoreDream-6Bold';
		}
		.com_mail_wrap {
			width:100%;
			margin:0 0 5px 0;
			box-sizing:border-box;
			padding-left:13px;
			display:table;
			font-size:16px;
		}
			.com_mail_tit {
				width:50px;
				display:table-cell;
				vertical-align:top;
			}
			.com_mail {
				display:table-cell;
				font-family: 'S-CoreDream-3Light'; 
			}
			.com_mail a{
				color:#fff;
			}
			.com_mail_icon {
				width:20px;
				height:13px;
				margin:0 0 0 10px;
				background:url('/images/icon/mail.png');
				background-size:contain;
				background-repeat:no-repeat;
				display:inline-block;
				cursor:pointer;
			}

		.com_name {
			margin:0 0 45px 0;
			font-size:34px;
			color:#36e7b7;
		}
			.k_logo {
				width:100%;
				height:47px;
				background:url('/images/main/k_logo.png');
				background-size:contain;
				background-repeat:no-repeat;
				background-position:center left;
			}
		.com_txt {
			margin:0 0 25px 0;
			font-size:18px;
			color:#fff;			
			line-height:21px;
		}
		.com_down {
			width:100%;
			height:50px;
			display:table;
		}
			.down_txt {
				line-height:50px;
				font-size:22px;
				color:#70e6ea;
				display:table-cell;
			}
			.down_btn {
				width:100px;
				height:50px;
				margin:0 0 0 15px;
				box-sizing:border-box;
				color:#70e6ea;
				border:#70e6ea 2px solid;
				font-size:20px;
				line-height:48px;
				display:table-cell;
				text-align:center;
				cursor:pointer;
				font-family: 'Arial';
				font-weight:bold;
			}
	.company_contact {
		width:100%;
		margin:30px 0 0 0;
	}
		.con_name {
			margin:0 0 15px 0;
			font-size:30px;
			color:#fff;
			
		}
		.con_tit {
			width:100%;
			height:40px;
			padding:7px 0 0 0;
			font-size:18px;
			
			color:#fff;
			float:left;
		}
		.con_input {
			width:100%;
			height:40px;
			margin:0 0 10px 0;
			border:#bfbfbf 2px solid;
			float:left;
		}
		.con_area {
			width:100%;
			height:230px;
			margin:0 0 20px 0;
			border:#bfbfbf 2px solid;
			float:left;
		}
		.con_submit {
			width:100%;
			height:50px;
			padding:10px 0 0 0;
			margin: 0 auto;
			border:#fff 2px solid;
			font-size:20px;
			text-align:center;
			color:#fff;
			clear:both;
			cursor:pointer;
		}


/*  푸터  */
.footer {
	width:100%;
	height:89px;
	padding:40px 0 0 0;
	color:#bebdbd;
	background:#000;
	font-size:12px;
	
	clear:both;
	text-align:center;
}

} /* <-- 미디어쿼리 닫음 */

/*========================================================= 모바일 버전 끝 ==========================================================*/



/* Like Box 반응형 */
iframe {width:100% !important;}
.fb_iframe_widget {width:100% !important;}
.fb_iframe_widget span {width:100% !important;}
._2p3a {width:100% !important;}

.fb-wrap {
  width:100%;
  margin: 0 auto;
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

#pf_list_layer {z-index:+9999 !important;}