/* RIGHT */
#about_wrap {
	position:fixed;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#fff;
	overflow:hidden;
	opacity:0;
	transition:0.5s;
	z-index:10;
}
#about_wrap.on {
	left:0;
	opacity:1;
	transition:0.5s;
}
#about_wrap .btn_about_close {
	position:absolute;
	top:20px;
	right:20px;
	width:50px;
	height:50px;
	margin:0;
	border-radius:0;
	background:transparent;
	z-index:99;
	cursor:pointer;
}
#about_wrap .btn_about_close:before {
	content:'';
	position:absolute;
	top:24px;
	right:0;
	width:50px;
	height:2px;
	background:#fff;
	transition:background-color .5s;
	transform:rotate(45deg);
}
#about_wrap .btn_about_close:after {
	content:'';
	position:absolute;
	top:24px;
	right:0;
	width:50px;
	height:2px;
	background:#fff;
	transition:background-color .5s;
	transform:rotate(-45deg);
}
#about_wrap .btn_about_close:hover:before {
	background:#fff000;
}
#about_wrap .btn_about_close:hover:after {
	background:#fff000;
}

#about_wrap .about_content {
	position:relative;
	min-width:1000px;
	margin-left:250px;
	padding:0;
	text-align:center;
}
#about_wrap .about_lnb {
	position:absolute;
	top:0;
	left:50%;
	width:600px;
	margin:0 0 0 -300px;
	padding:0 0 80px 0;
	list-style:none;
	overflow:hidden;
	z-index:9;
	display:table;
}
#about_wrap .about_lnb li {
	width:33.333%;
	margin:0 auto;
	padding:50px 20px 0 20px;
	display:table-cell;
}
#about_wrap .about_lnb a {
	font-family:'Barlow', Sans-serif;
	font-size:26px;
	color:#999;
	line-height:1em;
	display:inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#about_wrap .about_lnb a:hover,
#about_wrap .about_lnb a.active {
	color:#fff;
}
#about_wrap .content_box {
	min-height:300px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#about_wrap h1 {
	font-size:24px;
	color:#fff;
	font-weight:normal;
	display:block;
}

/* INTRODUCTION */
#intro_head {
	position:relative;
	width:100%;
	height:400px;
	background:url('../image/about_bg01.jpg') 50% 50% no-repeat;
	display:block;
}
#intro_head:after {
	content:'';
	width:100%;
	height:100%;
	background:rgba(16, 29, 53, 0.7);
	display:block;
}
#intro_head i {
	position:absolute;
	top:50%;
	left:50%;
	width:210px;
	height:110px;
	margin:-20px 0 0 -105px;
	background:url('../image/about_logo.png') 50% 50% no-repeat;
	border:1px solid #fff;
	display:block;
	z-index:1;
}

/* ABOUT */
#about {
	width:100%;
	min-width:1260px;
	height:600px;
	background:url('../image/about_bg02.jpg') 50% 80% no-repeat;
	display:table;
}
#about .about_lt {
	position:relative;
	width:45%;
	vertical-align:middle;
	text-align:left;
	display:table-cell;
}
#about .about_lt:before {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background:rgba(16, 29, 53, 0.9);
	display:block;
}
#about .about_inner {
	position:absolute;
	top:80px;
	left:0;
	min-width:560px;
	padding:0 20px 0 40px;
	overflow:hidden;
}
#about .about_inner h2 {
	font-family:'NanumSquare', Sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	line-height:1.5em;
	margin-top:50px;
}
#about .about_inner p {
	font-size:12px;
	color:#fff;
	font-weight:normal;
	line-height:1.5em;
	margin-top:20px;
}
#about .about_rt {
	position:relative;
	width:55%;
	min-width:700px;
	padding:0 40px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
#about .about_rt:before {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background:rgba(16, 29, 53, 0.5);
	display:block;
}
#about .about_rt .business_inner {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:auto;
	margin:-60px 0 0 -350px;
	padding:0;
	text-align:center;
	display:block;
}
#about .business_inner li {
	float:left;
	width:120px;
	height:120px;
	margin:0 10px;
	padding:0;
	display:table;
}
#about .business_inner li span {
	position:relative;
	width:100%;
	height:100%;
	font-family:'Barlow', Sans-serif;
	font-size:13px;
	color:#fff;
	border:3px solid #fff;
	border-radius:50%;
	vertical-align:middle;
	display:table-cell;
}

/* PROCESS */
#process {
	position:relative;
	width:100%;
	height:700px;
	background:url('../image/about_bg03.jpg') 50% 90% no-repeat;
}
#process:before {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background:rgba(16, 29, 53, 0.7);
	display:block;
}
#process h1 {
	position:absolute;
	top:50px;
	left:40px;
}
#process .process_inner {
	position:absolute;
	top:80px;
	left:50%;
	width:1000px;
	margin:0 0 0 -500px;
	padding:0;
}
#process .process_con {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	list-style:none;
	display:table;
	overflow:hidden;
}
#process .process_con li {
	position:relative;
	width:20%;
	margin:10px 0;
	padding:0 15px;
	vertical-align:top;
	text-align:center;
	display:table-cell;
}
#process .process_con li .process_title {
	position:relative;
	width:150px;
	height:150px;
	margin:10px 0;
	padding:0 10px;
	border:3px solid #fff;
	border-radius:50%;
	text-align:center;
	display:table;
}
#process .process_con li .process_title em {
	width:100%;
	height:100%;
	font-family:'Barlow', Sans-serif;
	font-size:13px;
	color:#fff;
	font-style:normal;
	vertical-align:middle;
	display:table-cell;
}
#process .process_con ol {
	width:100%;
	margin:0;
	padding-left:20px;
	text-align:center;
	list-style:none;
	overflow:hidden;
}
#process .process_con ol li {
	width:100%;
	font-size:12px;
	color:#fff;
	line-height:1.5em;
	word-spacing:-1px;
	margin:3px 0;
	padding:0;
	text-align:left;
	display:block;
}
#process .process_con ol li:before {
	content:'';
	width:5px;
	height:5px;
	margin:0 5px 0 0;
	background:#fff;
	vertical-align:middle;
	display:inline-block;
}

/* COMPANY INFO */
#company_info {
	width:100%;
	padding:50px 0;
	background:#222;
}
#company_info label {
	font-size:13px;
	color:#aaa;
	font-weight:normal;
	line-height:2.5em;
	margin-top:10px;
	display:block;
}

/* HISTORY */
#history .content_bg {
	position:fixed;
	width:100%;
	height:100%;
	background:url('../image/about_bg04.jpg') 50% 50% no-repeat;
	display:block;
	z-index:-1;
}
#history .content_bg:after {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background:rgba(16, 29, 53, 0.4);
	display:block;
}
#history .content_inner {
	width:1000px;
	height:auto;
	margin:0 auto;
	margin-top:150px;
	padding:50px;
	background:rgba(16, 29, 53, 0.7);
	border:20px solid transparent;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.7) inset;
	list-style:none;
	overflow:hidden;
}
#history .history_con {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#history .history_con li {
	position:relative;
	margin:0;
	padding:20px 0 50px 0;
	overflow:hidden;
}
#history .history_con li:first-child {
	border-top:none;
}
#history .history_con li:last-child {
	border-bottom:none;
}
#history .history_con li span {
	position:absolute;
	top:18px;
	left:0;
	font-family:'Spoqa Han Sans', Sans-serif;
	font-size:40px;
	color:#fff;
}
#history .history_con li .history_detail {
	width:100%;
	font-family:'Spoqa Han Sans', Sans-serif;
	font-size:13px;
	color:#fff;
	padding:0 0 0 160px;
	display:table;
}
#history .history_con li .history_detail dt {
	width:33.333%;
	padding-right:20px;
	display:table-cell;
}
#history .history_con li .history_detail dt:last-child { padding:0; }
#history .history_con li .history_detail strong {
	width:100%;
	font-weight:normal;
	word-break:keep-all;
	margin:1em 0;
	text-align:left;
	display:block;
}

/* CONTACT US */
#contact .content_bg {
	position:fixed;
	width:100%;
	height:100%;
	background:url('../image/about_bg04.jpg') 50% 50% no-repeat;
	display:block;
	z-index:-1;
}
#contact .content_bg:after {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background:rgba(16, 29, 53, 0.4);
	display:block;
}
#contact .content_inner {
	position:relative;
	width:1000px;
	height:auto;
	margin:0 auto;
	margin-top:150px;
	padding:60px;
	background:rgba(16, 29, 53, 0.7);
	border:20px solid transparent;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.7) inset;
	opacity:1;
	list-style:none;
	overflow:hidden;
}
#contact .contact_con {
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	opacity:1 !important;
	list-style:none;
	overflow:hidden;
}
#MapAPI {
	width:100%;
	height:500px;
	-webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
    filter:grayscale(1);
	display:block;
}
#contact .map {
	width:100%;
	height:500px;
	background:url('../image/map.jpg') 50% 50% no-repeat;
	display:block;
}
#contact .contact_info {
	position:relative;
	padding:20px 0 0 0;
	text-align:left;
}
#contact .contact_detail {
	width:100%;
	font-family:'Spoqa Han Sans', Sans-serif;
	font-size:15px;
	color:#fff;
	font-weight:400;
	margin:0 auto;
	padding:0;
	list-style:none;
}
#contact .contact_detail li {
	margin:0 50px 0 0;
	padding:0;
	overflow:hidden;
	display:inline-block;
}
#contact .contact_detail li span {
	color:#fff;
	font-weight:300;
	margin-right:10px;
}
#contact .naver_blog {
	position:absolute;
	top:10px;
	right:0;
	width:145px;
	height:30px;
	background:#fff url('../image/naver_blog.jpg') 50% 50% no-repeat;
	border:1px solid #eaeaea;
	display:block;
}