@charset "utf-8";


/* 
common
------------------------------------------------------ */
input { 
	-webkit-border-radius:0;
	-webkit-appearance:none;
}
textarea { 
	-webkit-appearance:none;
}

/* popup */
.popup-default { 
	position:absolute; top:90px; left:130px;
	z-index:9999;
	width:400px;
}
.popup-default .popup-inner { 
	line-height: 0;	 
}
.popup-default .popup-inner img { 
	width:100%;
}
.popup-default .popup-btn { 
	overflow:hidden;
	width:100%; 
}
.popup-default .popup-btn li { 
	float:left; width:50%; height:40px;
}
.popup-default .popup-btn li:first-child { 
	border-right:1px solid rgba(255,255,255,.15);	 
}
.popup-default .popup-btn li input { 
	display:block;
	width:100%; height:40px;
	border:0 none;
	background: #333;
	font-size:13px; line-height: 40px;
	color:#fff;
	cursor:pointer;
}

@media screen and (max-width:1200px) { 
	.popup-default { 
		left:50%; top:90px;
		margin-left:-200px;
	}
}
@media screen and (max-width:480px) { 
	.popup-default { 
		left:20px; top:70px;
		margin-left: 0;
		width:calc(100% - 40px);
	}
}

#wrapper { 
	overflow:hidden; 
}
/* header */
#header { 
	overflow:hidden;
	position:relative;
	position:fixed; top:0; left:0;
	z-index:99999;
	padding:0 6.1% 0 6.9%;
	width:100%;
	transition:.3s;
}
#header.fixed { 
	background: #fff;
	border-bottom:1px solid #dfdfdf;
}
.logo { 
	position:absolute; top:50%; left:6.9%;
	margin-top:-13px;
	float:left; 
}
.logo a { 
	display:block; 
}
.logo .on { 
	display:none; 
}
#header.fixed .logo .off { 
	display:none;
}
#header.fixed .logo .on { 
	display:block;
}

#menu { 
	float:right;
}
#menu li { 
	display:inline-block;
	vertical-align:middle;
}
#menu li a { 
	position:relative;
	display:block;
	padding:0 17px; 
	font-size:18px; line-height: 90px;
	color:#fff;
}

#header.fixed #menu li a { 
	line-height: 70px; color:#111;
}
#header.fixed  #menu li.active a:before { 
	content:'';
	position:absolute; bottom:0; left:0;
	width:100%; height:3px;
	background: #ff7200;
}

@media screen and (min-width:951px) { 
	#menu { 
		display:block !important; 
	}
}
@media screen and (max-width:950px) { 
	#header { 
		overflow:visible;
		padding:0 30px;
		height:70px; 
	}
	.logo { 
		left:30px; 
	}
	#menu { 
		display:none;
		float:none;
		position:absolute; top:70px; left:0;
		width:100%;
		background: rgba(0,0,0,.5);
	}
	#menu ul { 
		text-align:center;
	}
	#menu li a { 
		padding:15px 20px; 
		font-size:16px; line-height: 1.3; 
	}
	#header.fixed #menu li a { 
		line-height: 1.3; color:#fff; 
	}
}
@media screen and (max-width:640px) { 
	#header { 
		padding:0 20px;
		height:55px; 
	}
	.logo { 
		left:20px; 
		margin-top: -9px;
	}
	.logo a img { 
		height:18px; 
	}
	#menu { 
		top:55px; 
	}
	#menu li { 
		display:block; 
	}
	#menu li a { 
		padding:10px 20px; 
	}
	#header.fixed #menu li.active a { 
		background: #ff7200; 
	}
	#header.fixed #menu li.active a:before { 
		display:none; 
	}
}

.mobile-menu { 
	display:none; 
}
@media screen and (max-width:950px) { 
	.mobile-menu { 
		display:block;
		position:absolute; top:50%; right:30px;
		margin-top: -10px;
		width:30px; height:20px;
		cursor:pointer;
	}
	.mobile-menu span { 
		position:absolute; top:0; left:0;
		width:100%; height:2px;
		border-radius:3px;
		background: #fff;
		transition:.3s;
	}
	.mobile-menu span:nth-child(2) { 
		top:50%;
		margin-top: -1px;
	}
	.mobile-menu span:nth-child(3) { 
		top:auto; bottom:0;	 
	}
	
	.mobile-menu.on span:nth-child(1) { 
		transform:rotate(45deg);
		top:9px;
	}
	.mobile-menu.on span:nth-child(2) { 
		opacity:0; 
	}
	.mobile-menu.on span:nth-child(3) { 
		transform:rotate(-45deg);
		bottom:9px;
	}

	#header.fixed .mobile-menu span { 
		background: #111; 
	}
}
@media screen and (max-width:640px) { 
	.mobile-menu { 
		right:20px; 
	}
}


/* navi */
#fp-nav { 
	position:fixed; top:50%; right:30px;
	z-index:999;
}
#fp-nav li { 
	overflow:hidden;
	margin:6px 0; 
	text-align:right;
}
#fp-nav li:last-child { 
	display:none; 
}
#fp-nav li a { 
	position:relative;
	float:right;
	width:20px; height:20px;
	border:1px solid transparent;
	border-radius:50%;
}
#fp-nav li a span { 
	position:absolute; top:50%; left:50%;
	margin:-3px 0 0 -3px;
	display:inline-block;
	width:6px; height:6px;
	border-radius:50%;
	background: #000;
	vertical-align:middle;
	transition:.3s;
} 
.fp-viewing-Overview #fp-nav li a span ,
.fp-viewing-Business #fp-nav li a span ,
.fp-viewing-Vision #fp-nav li a span { 
	background: #fff;
}
#fp-nav .fp-tooltip { 
	float:left;
	margin-right: 14px;
	width:70px;
	font-weight: 500;
	font-size:14px; line-height: 21px;
	color:#000; 
	cursor:pointer;
	transition:.3s;
}
.fp-viewing-Overview #fp-nav .fp-tooltip,
.fp-viewing-Business #fp-nav .fp-tooltip ,
.fp-viewing-Vision #fp-nav .fp-tooltip { 
	color:#fff; 
}

#fp-nav li:hover a,
#fp-nav li .active { 
	border:1px solid #ff7200;
}
#fp-nav li:hover span,
#fp-nav li .active span { 
	background:#ff7200 !important;
}
#fp-nav li:hover a + .fp-tooltip,
#fp-nav li .active + .fp-tooltip { 
	color:#ff7200 !important; 
}

@media screen and (max-width:950px) { 
	#fp-nav { 
		right:20px; 
	}
	#fp-nav .fp-tooltip { 
		display:none; 
	}
}



/* 
콘텐츠
------------------------------------------------------ */
.fp-section { 
	display:table; 
	width:100%;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}
.fp-tableCell { 
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.inner { 
	margin:0 auto; width:1200px; 
}

@media screen and (max-width:1200px) { 
	.inner { 
		padding:0 30px;
		width:100%; 
	}	 
}
@media screen and (max-width:950px) { 
	.fp-section,
	.fp-tableCell { 
		height:auto !important; 
	}
}
@media screen and (max-width:768px) { 
	.inner { 
		padding:0 20px;
		width:100%; 
	}	 
}

/* line */
.section .deco-line { 
	position:relative;
	margin:30px auto 35px; width:52px; height:5px;
	border-radius:3px; border:0 none;
	background: rgba(255,255,255,.5);
}
.section .deco-line:before ,
.section .deco-line:after { 
	content:'';
	position:absolute; top:0;
	width:5px; height:5px;
	border-radius:50%;
	background: #fff;
}
.section .deco-line.blue { 
	background: rgba(44,143,219,.5);
}
.section .deco-line.blue:before ,
.section .deco-line.blue:after { 
	background: #2c8fdb;
}
.section .deco-line:before { 
	left:0; 
}
.section .deco-line:after { 
	right:0; 
}

@media screen and (max-width:950px) { 
	.section .deco-line { 
		margin:20px auto 25px;
		width:45px;
	}
}

/* title */
.section .section-title { 
	font-weight: 400; font-size:50px;
	color:#353840;
}
.section .section-title.white { 
	color:#fff; 
}
/* text */
.section  .conts-txt { 
	font-size:18px; 
	color:#fff;
	word-break:keep-all;
}

@media screen and (max-width:950px) { 
	.section .section-title { 
		font-size:40px; 
	}
	.section  .conts-txt { 
		font-size:16px; 
	}
}
@media screen and (max-width:768px) { 
	.section .section-title { 
		font-size:32px; 
	}
	.section  .conts-txt { 
		font-size:15px; 
	}
}


/* 회사개요 */
#section0 { 
	background: url('/images/section0_bg.jpg') no-repeat center bottom;
	background-size:cover;
}
#section0 h1 { 
	font-weight: 500; font-size:80px; line-height: 1.1;
	letter-spacing:-2px;
	color:#fff;
}
#section0 p { 
	font-size:20px; line-height: 1.2;
	color:#ebebea;
	word-break:keep-all;
}

@media screen and (max-width:1200px) { 
	#section0 p { 
		padding:0 12%;
	}
}
@media screen and (max-width:950px) { 
	#section0 .fp-tableCell { 
		padding:300px 0; 
	}
	#section0 h1 { 
		font-size:60px; 
	}
	#section0 p { 
		font-size:16px; line-height: 1.4;
	}
}
@media screen and (max-width:640px) { 
	#section0 .fp-tableCell { 
		padding:0;
		height:100vh !important;
	}
	#section0 h1 { 
		font-size:40px; 
	}
	#section0 p { 
		font-size:14px;
	}
}


/* 연혁 */
#section1 { 
	position:relative;
	display:block; 
	padding:120px 0;
}
#section1 .fp-tableCell { 
	display:block;
	padding-top: 20px;
}

.history-wrap { 
	margin-top: 20px; 
}
.history-wrap .item { 
	float:left;
	width:1200px;
	text-align:center;
	opacity:.4;
}
.history-wrap .center .item { 
	opacity:1; 
}
.history-wrap .item .img-wrap,
.history-wrap .item .text-wrap { 
	display:inline-block;
	vertical-align:middle;
}
.history-wrap .item .img-wrap { 
	margin-right: -72px;
	width:622px; height:558px;
	background: #d9e7f8;
}
.history-wrap .item .text-wrap { 
	width:416px; height:298px;
	background: #f6f6f6;
	box-shadow:0 15px 15px rgba(0,0,0,.16);
	text-align:left;
}
.history-wrap .item .text-wrap dt { 
	margin-top: -25px; margin-bottom: 25px;
	padding-left: 30px;
	font-weight: 700; font-size:48px; line-height: 1;
	letter-spacing:-2px;
	color:#1e70d3;
}
.history-wrap .item .text-wrap dd { 
	position:relative;
	margin:8px 0; padding-left: 65px;
	font-size:18px;
	color:#444;
}
.history-wrap .item .text-wrap dd:before { 
	content:'';
	position:absolute; top:12px; left:45px;
	width:9px; height:2px;
	background: #0a71b9;
}

.history-wrap .owl-dots { 
	position:absolute; bottom:-30px; left:0;
	width:100%;
	text-align:center;
	font-size:0;
}
.history-wrap .owl-dot { 
	display:inline-block;
	margin:0 3px; padding:0;
	width:10px; height:10px;
	border-radius:50%;
	border:1px solid #bbb;
	background: none;
	vertical-align:top;
}
.history-wrap .owl-dot.active { 
	border-color:#ff7200;
	background: #ff7200;
}
.history-wrap .owl-prev { 
	position:absolute; top:50%; left:50%;
	margin-left: -620px; 
	transform:translateY(-50%);
	width:93px; height:73px;
	background: url('/images/slide_prev.png') no-repeat 0 0;
}
.history-wrap .owl-next { 
	position:absolute; top:50%; left:50%;
	margin-left: 527px; 
	transform:translateY(-50%);
	width:93px; height:73px;
	background: url('/images/slide_next.png') no-repeat 0 0;
}
.history-wrap .owl-prev span,
.history-wrap .owl-next span { 
	display:none; 
}

@media screen and (max-width:1200px) { 
	#section1 { 
		padding:120px 30px; 
	}
	.history-wrap .item { 
		width:100%; 
	}
	.history-wrap .item .img-wrap { 
		width:60%; height:auto;
	}
	.history-wrap .item .img-wrap img { 
		width:100%; 
	}
	.history-wrap .item .text-wrap { 
		width:44%; 
	}
}
@media screen and (max-width:950px) { 
	#section1 .fp-tableCell { 
		padding-top: 0; 
	}
	.owl-carousel .owl-stage-outer { 
		overflow:visible !important; 
	}
	.history-wrap .item { 
		opacity:1; 
	}
}
@media screen and (max-width:768px) { 
	#section1 { 
		padding:80px 20px 110px; 
	}
	.history-wrap .item .img-wrap { 
		margin-right: -50px; 
	}
	.history-wrap .item .text-wrap { 
		height:250px; 
	}
	.history-wrap .item .text-wrap dt { 
		margin-top: -20px;
		font-size:40px; 
	}
	.history-wrap .item .text-wrap dd { 
		padding-left: 45px;
		font-size:16px; 
	}
	.history-wrap .item .text-wrap dd:before { 
		left:30px; 
	}
}
@media screen and (max-width:640px) { 
	#section1 { 
		padding:40px 20px 70px; 
	}
	.owl-carousel .owl-stage-outer { 
		overflow:hidden !important; 
		padding-bottom: 20px;
	}
	.history-wrap .item .img-wrap { 
		margin-right: 0;
		width:100%; line-height: 0;
	}
	.history-wrap .item .text-wrap { 
		margin-top: -30px; 
		padding-top: 20px;
		width:85%; height:230px;
		box-shadow:3px 7px 10px rgba(0,0,0,.16);
	}
	.history-wrap .item .text-wrap dt { 
		margin-top: 0; margin-bottom: 10px;
		font-size:30px;
	}
	.history-wrap .item .text-wrap dd { 
		margin:4px 0;
		font-size:14px; 
	}
	.history-wrap .item .text-wrap dd:before { 
		top:9px; width:7px; 
	}
}


/* 사업분야 */
#section2 { 
	background: url('/images/section2_bg.jpg') no-repeat center bottom;
	background-size:cover;
}
#section2 .fp-tableCell { 
	padding-top: 50px;
}
#section2 ul { 
	margin:55px 0 12px;
	font-size:0; 
}
#section2 ul li { 
	display:inline-block;
	margin-left: 29px; padding:65px 20px;
	width:calc(100% / 3 - 20px); height:300px;
	border:1px solid #dadfe1;
	background: #fff;
	vertical-align:top;
}
#section2 ul li:first-child { 
	margin-left: 0; 
}
#section2 ul li strong { 
	display:block;
	margin: 32px 0 7px;
	font-weight: 700; font-size:24px;
	color:#1f77ba; 
}
#section2 ul li span { 
	font-size:16px;
	color:#555;
	word-break:keep-all;
}
#section2 .info-caption { 
	font-size:18px;
	color:#fff;
}

@media screen and (max-width:950px) { 
	#section2 .fp-tableCell { 
		padding: 70px 0;
	}
}
@media screen and (max-width:768px) { 
	#section2 ul li { 
		margin-left: 15px; padding:40px 20px;
		width:calc(100% / 3 - 10px); height:265px;
	}
	#section2 ul li strong { 
		font-size:20px; 
	}
	#section2 ul li span { 
		font-size:15px; 
	}
}
@media screen and (max-width:640px) { 
	#section2 .fp-tableCell { 
		padding: 40px 0;
	}
	#section2 .conts-txt br:nth-child(1) ,	
	#section2 .conts-txt br:nth-child(4) ,	
	#section2 .conts-txt br:nth-child(7) { 
		display:none; 
	}
	#section2 ul { 
		margin:30px 0 12px; 
	}
	#section2 ul li { 
		margin-left: 0; margin-top: 20px;
		padding:30px 20px;
		width:100%; height:200px;
	}
	#section2 ul li:first-child { 
		margin-top: 0; 
	}
	#section2 ul li strong { 
		margin:12px 0 7px; 
	}
	#section2 .info-caption { 
		font-size:16px; 
	}
}


/* 솔루션 */
#section3 { 
	background: url('/images/section3_bg.jpg') no-repeat center 72%;
	background-size:cover;
}
#section3 ul { 
	overflow:hidden;
	margin-bottom: -7px;
}
#section3 ul li { 
	float:left; 
	display:table;
	margin-left: 7px; margin-bottom: 7px;
	width:calc(25% - 6px); height:275px;
	border:1px solid #cacaca;
	background: #fff;
	text-align:center;
}
#section3 ul li:nth-child(4n+1) { 
	clear:both;
	margin-left: 0; 
}
#section3 ul li > div { 
	display:table-cell;
	vertical-align:middle;
}
#section3 ul li strong { 
	display:block;
	margin:20px 0 10px;
	font-weight:400; font-size:22px;
	color:#333;
	word-break:keep-all;
}
#section3 ul li span { 
	display:block;
	min-height:57px;
	font-size:15px; line-height: 1.3;
	color:#777;
	letter-spacing:-0.25px;
	word-break:keep-all;
}

@media screen and (max-width:950px) { 
	#section3 .fp-tableCell { 
		padding: 70px 0;
	}
	#section3 ul li { 
		height:250px; 
	}
	#section3 ul li > div { 
		padding:25px 10px 0;
		vertical-align:top; 
	}
	#section3 ul li strong { 
		font-size:18px; line-height: 1.2; 
	}
	#section3 ul li span br { 
		display:none; 
	}
}
@media screen and (max-width:768px) { 
	#section3 ul { 
		font-size:0; 
	}
	#section3 ul li { 
		float:none;
		display:inline-block;
		vertical-align:top;
		padding:0 20px;
		width:calc(50% - 4px); height:220px;
	}
	#section3 ul li:nth-child(4n+1) { 
		margin-left: 7px; 
	}
	#section3 ul li:nth-child(2n+1) { 
		margin-left: 0; 
	}
}
@media screen and (max-width:640px) { 
	#section3 .fp-tableCell { 
		padding: 40px 0;
	}
	#section3 ul li { 
		display:block;
		margin-left: 0 !important;
		width:100%;
	}
}


/* 비전 */
#section4 { 
	background: url('/images/section4_bg.jpg') no-repeat center center;
	background-size:cover;
}
#section4 h1 { 
	font-weight: 400; font-size:80px; line-height: 1.1;
	color:#fff;
}
#section4 .conts-inner-box { 
	margin-bottom: 130px; 
}

@media screen and (max-width:950px) { 
	#section4 .conts-inner-box { 
		margin-bottom: 100px; 
	}
	#section4 .fp-tableCell { 
		padding: 250px 0;
	}
	#section4 h1 { 
		font-size:60px; 
	}
	#section4 p { 
		padding:0 12%;
		font-size:16px; line-height: 1.4;
	}
}
@media screen and (max-width:640px) { 
	#section4 .fp-tableCell { 
		padding:0;
		height:100vh !important;
	}
	#section4 .conts-inner-box { 
		margin-bottom: 50px; 
	}
	#section4 h1 { 
		font-size:40px; 
	}
	#section4 p { 
		font-size:14px;
	}
}

/* 위치및문의 */
#section5 { 
	overflow:hidden;
	position:relative;
}
#section5 .fp-tableCell { 
	padding-top: 50px;
}
#section5 .inner { 
	font-size:0; 
}
#section5 .section-title + hr { 
	margin:15px 0 23px;
}
#section5 .section-title + hr + p { 
	margin-bottom: 10px;
	font-size:18px; color:#333; 
}
#section5 .inquiry-wrap ,
#section5 .map-wrap { 
	display:inline-block;
	width:calc(50% - 20px);
	vertical-align:top;
}

#section5 .inquiry-wrap { 
	text-align:left; 
}
#section5 .inquiry-wrap ul { 
	overflow:hidden;
}
#section5 .inquiry-wrap li { 
	margin-bottom: 5px; 
}
#section5 .inquiry-wrap li:nth-child(1),
#section5 .inquiry-wrap li:nth-child(2) { 
	float:left;
	width:calc(50% - 2.5px);
}
#section5 .inquiry-wrap li:nth-child(2) { 
	margin-left: 5px; 
}
#section5 .inquiry-wrap li input { 
	padding-left: 15px;
	width: 100%; height:45px;
	border:1px solid #ddd;
	background: #fff; 
	font-size:16px; line-height: 100%; color:#999;
}
#section5 .inquiry-wrap li textarea { 
	padding:12px 15px;
	width:100%; height:130px;
	border:1px solid #ddd;
	background: #fff; 
	font-size:16px; color:#999;
}
#section5 .inquiry-wrap li input:focus,
#section5 .inquiry-wrap li textarea:focus { 
	border-color:#2c8fdb; 
}

#section5 .inquiry-wrap .agree-wrap { 
	margin-top: 15px; 
}
#section5 .inquiry-wrap .agree-wrap h1 { 
	margin:0 0 10px;
	font-weight: 400; font-size:16px; line-height: 1;
	color:#555;	 
}
#section5 .inquiry-wrap .agree-inner { 
	overflow-x:hidden;
	padding:15px;
	width:100%; height:110px;
	border:1px solid #ddd;
	background: #fff; 
	font-size:13px; line-height: 1.6; color:#999;
}
#section5 .inquiry-wrap .agree-check { 
	margin:8px 0 20px; 
}

#section5 .inquiry-wrap button { 
	width:100%; height:55px;
	background: #2c8fdb;
	font-size:22px; line-height: 55px;
	color:#fff;
	text-align:center;
}

#section5 .map-wrap { 
	overflow:hidden; 
	margin-right: 40px;
	padding-top: 12px;
} 

#section5 .contactus-wrap  { 
	margin-top: 40px; 
	background: url('/images/contactus_line.png') repeat-y 33.3% 0 ,url('/images/contactus_line.png') repeat-y 66.6% 0;
}
#section5 .contactus-wrap dl { 
	display:inline-block;
	padding-left:110px ; padding-right: 30px;
	width:calc(100% / 3);
	text-align:left; 
	vertical-align:middle;
}
#section5 .contactus-wrap dl:first-child { 
	background: url('/images/contactus_icon01.png') no-repeat 25px center; 
}
#section5 .contactus-wrap dl:nth-child(2) { 
	background: url('/images/contactus_icon02.png') no-repeat 25px center; 
}
#section5 .contactus-wrap dl:nth-child(3) { 
	background: url('/images/contactus_icon03.png') no-repeat 25px center; 
}
#section5 .contactus-wrap dl dt { 
	margin-bottom: 3px ;
	font-weight:500; font-size:22px;
	color:#333;
	text-transform:uppercase;
}
#section5 .contactus-wrap dl dd { 
	font-size:28px;
	color:#777;
	word-break:keep-all;
}
#section5 .contactus-wrap dl:first-child dd {
	font-size:16px;
}

@media screen and (max-width:1024px) { 
	#section5 .contactus-wrap  { 
		margin:30px 0; 
	}
	#section5 .contactus-wrap dl { 
		padding-left: 85px; padding-right: 20px;
	}
	#section5 .contactus-wrap dl:first-child,
	#section5 .contactus-wrap dl:nth-child(2),
	#section5 .contactus-wrap dl:nth-child(3) { 
		background-position:20px center;
		background-size:auto 50px;
	}
	#section5 .contactus-wrap dl dt { 
		font-size:20px; 
	}
	#section5 .contactus-wrap dl dd { 
		font-size:25px; 
	}
	#section5 .contactus-wrap dl:first-child dd { 
		font-size:15px; 
	}
}
@media screen and (max-width:768px) { 
	#section5 .section-title + hr + p { 
		font-size:16px; 
	}
	#section5 .inquiry-wrap ,
	#section5 .map-wrap { 
		display:block;
		width:100%;
	}
	#section5 .map-wrap { 
		padding-bottom: 30px; 
	}
	.root_daum_roughmap { 
		width:100% !important;
	}
	.root_daum_roughmap .wrap_map { 
		height:350px !important; 
	}

	#section5 .contactus-wrap  { 
		margin:15px 0 20px;
		background: none;
	}
	#section5 .contactus-wrap dl { 
		display:block;
		padding:30px 20px 30px 100px;
		width:100%;
	}
	#section5 .contactus-wrap dl:first-child { 
		background: url('/images/contactus_icon01.png') no-repeat 25px center , url('/images/contactus_line.png') repeat-x 0 bottom; 
		background-size:auto 50px , auto auto;
	}
	#section5 .contactus-wrap dl:nth-child(2) { 
		background: url('/images/contactus_icon02.png') no-repeat 25px center , url('/images/contactus_line.png') repeat-x 0 bottom; 
		background-size:auto 50px , auto auto;
	}
	#section5 .contactus-wrap dl:nth-child(3) { 
		background: url('/images/contactus_icon03.png') no-repeat 25px center; 
		background-size:auto 50px , auto auto;
	}
	#section5 .contactus-wrap dl dt { 
		display:inline-block;
		margin-bottom: 0;
		margin-right: 10px;
		vertical-align:middle;
	}
	#section5 .contactus-wrap dl dd { 
		display:inline-block;
		vertical-align:middle;
	}
	#section5 .contactus-wrap dl dd br { 
		display:none; 
	}
}
@media screen and (max-width:640px) { 
	#section5 .inquiry-wrap li:nth-child(1), #section5 .inquiry-wrap li:nth-child(2) { 
		width:100%; 
	}
	#section5 .inquiry-wrap li:nth-child(2) { 
		margin-left: 0; 
	}
	#section5 .inquiry-wrap li input { 
		padding-left: 10px;
		height:40px;
		font-size:15px; line-height: 38px;
	}
	#section5 .inquiry-wrap li textarea { 
		padding:12px 10px; 
		font-size:15px;
	}
	#section5 .inquiry-wrap button { 
		height:50px;
		font-size:18px; line-height: 50px;
	}
	.root_daum_roughmap .wrap_map { 
		height:300px !important; 
	}
	#section5 .contactus-wrap { 
		margin:5px 0 10px; 
	}
	#section5 .contactus-wrap dl { 
		padding:20px 20px 20px 70px; 
	}
	#section5 .contactus-wrap dl:first-child { 
		background: url('/images/contactus_icon01.png') no-repeat 15px center , url('/images/contactus_line.png') repeat-x 0 bottom; 
		background-size:auto 30px , auto auto;
	}
	#section5 .contactus-wrap dl:nth-child(2) { 
		background: url('/images/contactus_icon02.png') no-repeat 15px center , url('/images/contactus_line.png') repeat-x 0 bottom; 
		background-size:auto 30px , auto auto;
	}
	#section5 .contactus-wrap dl:nth-child(3) { 
		background: url('/images/contactus_icon03.png') no-repeat 15px center; 
		background-size:auto 30px , auto auto;
	}
	#section5 .contactus-wrap dl dt { 
		font-size:18px; 
	}
	#section5 .contactus-wrap dl dd { 
		font-size:18px; 
	}
	#section5 .contactus-wrap dl:first-child dd { 
		font-size:14px; 
	}
}

.popup-wrap { 
	display:none;
	position:absolute; top:0; left:0;
	z-index:999;
	width:100%; height:100%;
	background: rgba(0,0,0,.5);
}
.popup-wrap .popup-inner { 
	position:absolute; top:50%; left:50%;
	margin:-240px 0 0 -310px; padding:40px 30px;
	width:620px; 
	border:1px solid #b9cbd8;
	background: #fff;
	box-shadow:10px 0 10px rgba(166,166,166,.57);
}
.popup-wrap .popup-inner .tit { 
	font-weight: 400; font-size:30px; line-height: 1.2;
	color:#333;
	word-break:keep-all;
}
.popup-wrap .popup-inner .tit:before { 
	content:'';
	display:block;
	margin:0 auto 14px;
	width:60px; height:60px;
	background: url('/images/contactus_check.png') no-repeat center center;
}
.popup-wrap .popup-inner .info { 
	margin:30px 0;
	font-weight: 400; font-size:16px; line-height: 1.4;
	color:#777;
	word-break:keep-all;
}
.popup-wrap .popup-inner strong { 
	font-weight: 400; color:#0175cf; 
}
.popup-wrap .popup-inner > a { 
	display:block;
	margin:0 auto;
	width:100%;
	background: #2a477c;
	font-weight: 300; font-size:22px; line-height: 60px;
	color:#fff;
	text-align:center;
}

@media screen and (max-width:640px) { 
	.popup-wrap .popup-inner { 
		left:20px; top:70px;
		margin:auto; padding:30px 20px;
		width:calc(100% - 40px); max-height:calc(100% - 140px);
	}
	.popup-wrap .popup-inner .tit { 
		font-size:20px; 
	}
	.popup-wrap .popup-inner .info { 
		margin:20px 0;
		font-size:14px; 
	}
	.popup-wrap .popup-inner > a { 
		font-size:16px; line-height: 45px; 
	}
}


#footer { 
	padding-top: 35px;
	width:100%; height:120px;
	background: #333; 
}
#footer address span { 
	display:inline-block;
	margin:0 10px;
	font-style:normal; font-size:16px; color:#bfbfbf; 
	vertical-align:middle;
}
#footer address span.copy { 
	display:block;
	margin-top: 5px;
}

@media screen and (max-width:1200px) { 
	#footer { 
		padding:35px 30px; height:auto;
	}
}
@media screen and (max-width:768px) { 
	#footer { 
		padding:35px 20px; 
	}
	#footer address span { 
		font-size:15px; 
	}
}
@media screen and (max-width:640px) { 
	#footer address span:first-child { 
		 display:block;
	}	 
}


.btn-top { 
	display:none; 
	position:fixed; bottom:30px; right:30px;
	z-index:55;
	width:50px; height:50px;
	background: rgba(255,114,0,.8);
	text-align:center;
}
.btn-top a { 
	font-size:14px; line-height: 50px;
	color:#fff;
	letter-spacing:0;
}

@media screen and (max-width:640px) { 
	.btn-top { 
		bottom:20px; right:20px; 
	}
}