@charset "utf-8";

#header {position:fixed; top:0; left:0; width:100%; background:#151d15; z-index:50;}
#header .contain {*zoom:1;}
#header .contain:after {content:" "; display:block; clear:both;}
#header .sitelogo {float:left; width:252px; margin:17px 0 0 15px;}
#header .sitelogo img {width:100%; display:block; vertical-align:top;}
#header .gnb {float:right;}
#header .gnb li {float:left;}
#header .gnb a {display:block; padding:0 16px; font-size:16px; font-weight:500; color:#ccc; line-height:60px; text-decoration:none !important;}

.section-header {margin-bottom:80px; text-align:center;}
.section-header h1 {font-size:70px; line-height:1.2em; color:#fff;}
.section-header p {font-size:16px; font-weight:500; line-height:1.6em; color:#999;}

.contain {width:1200px; margin:0 auto;}

#HOME {position:relative; text-align:center; background:#252525;}
#HOME .caption {position:absolute; top:40%; left:0; width:100%;}
#HOME h1 {margin-bottom:15px;}
#HOME h1 img {margin:0 auto;}
#HOME p {margin-bottom:25px; font-family:'NanumSquare','Nanum Gothic',sans-serif !important; font-size:35px; font-weight:700; color:#fff; line-height:1.2em; text-shadow:0 0 2px rgba(0,0,0,.15);}
#HOME a {display:inline-block;width:180px;height:50px;border:2px solid #333;line-height:48px;text-align:center;font-size:13px;font-weight:500;color:#999;background:rgba(0,0,0,.6);}
#HOME a:hover {color:#333; background:#ccc;border-color:#ccc;}

#ABOUT {text-align:center; background:#2b302b;}
#ABOUT .wrap {padding:100px 0;}
#ABOUT .logo {margin-bottom:45px;}
#ABOUT .ko {margin-bottom:35px; color:#fff;}
#ABOUT .ko p {margin-bottom:5px;}
#ABOUT .ko big {font-size:18px; font-weight:700;}
#ABOUT .en {color:#ccc;}
#ABOUT .en p {margin-bottom:5px; font-size:16px;}
#ABOUT .en big {font-size:20px;}

#OUTTEAM {text-align:center; background:#232323 url("/images/main1_team_bg.jpg") 50% 50% no-repeat; background-size:cover;}
#OUTTEAM .wrap {padding:100px 0;}
#OUTTEAM .slider {padding:0 67px;}
#OUTTEAM .slider dl {padding:20px 0 0; color:#fff; font-family:'Nanum Gothic',sans-serif !important;}
#OUTTEAM .slider dt {font-size:18px; font-weight:normal;}
#OUTTEAM .slider dt big {font-size:20px; font-weight:700;}
#OUTTEAM .slider dd {padding:5px 0 0 0;font-size:13px; color:#999;}
#OUTTEAM .owl-nav div {position:absolute; top:32%; width:32px; height:50px; background-position:50% 50%; background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;}
#OUTTEAM .owl-nav .owl-prev {left:-52px;; background-image:url("/images/slide_prev.png");}
#OUTTEAM .owl-nav .owl-next {right:-52px; background-image:url("/images/slide_next.png");}
#OUTTEAM .owl-dots {display:none;}

#PORTFOLIO {background:#232323;}
#PORTFOLIO .wrap {padding:100px 0;}
.grid {z-index:20;}
.grid:after {content:'';display:block;clear:both;}
.grid-sizer,
.grid-item {width:20%;}
.grid-item {float:left;}
.grid-item img {display:block; width:100%; vertical-align:top;}
.grid-item a {display:block; position:relative; overflow:hidden;}
.grid-item a .tit {
	position:absolute;
	bottom:-50px;
	left:0;
	width:100%;
	height:50px;
	padding:15px 0;
	background:rgba(0,0,0,.8);
	color:#fff;
	font-size:16px;
	font-weight:700;
	line-height:20px;
	text-align:center;
	opacity:0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.grid-item a .tit span {display:block;width:100%;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.grid-item a:hover .tit {
	bottom:0;
	opacity:1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.filters {display:inline-block; margin:0 0 33px; text-align:center; height:45px; overflow:hidden;}
.filters li {display:inline;}
.filters li:first-child a {margin:0;}
.filters li a {position:relative; float:left; margin:0 0 0 1px; width:200px; height:45px; font-size:18px; font-weight:500; background:#333; color:#666; line-height:45px; text-align:center; text-decoration:none !important;}
.filters li a.active {background:#324432; color:#fff;}
.btn-more {display:block;margin:62px auto 0;width:160px;padding:16px 0 12px;border:2px solid #666;line-height:normal;text-align:center;font-size:14px;font-weight:700;color:#999;background:#333;}
.btn-more i {font-size:1.5em;}
.btn-more:hover {color:#848484; background:#ccc;border-color:#ccc;}

#PROCESS {background:#333;}
#PROCESS .background {position:relative; height:270px; overflow:hidden; background-image:url("../images/background.jpg"); background-position:50% 0; background-repeat:no-repeat;}
#PROCESS .wrap {padding:100px 0; background:url("../images/process_bg.jpg") 50% 50% no-repeat; background-size:cover;}
#PROCESS .section-header {margin-bottom:55px;}
#PROCESS .txt {margin-bottom:70px;}
#PROCESS .txt .t1 {color:#fff; font-size:24px; font-weight:700; margin-bottom:15px;}
#PROCESS .txt .t1 br {display:none;}
#PROCESS .txt .t2 {color:#999; font-size:16px;}
#PROCESS .img img {width:100%;}

#PARTNER {background:#232323;}
#PARTNER .wrap {padding:100px 0;}
.partenrs {position:relative; height:70px; padding:0 45px;}
.partenrs .rolling {position:relative; overflow:hidden; height:70px;}
.partenrs .rolling ul {width:9999px;}
.partenrs .rolling ul li {float:left; line-height:0; margin-right:23px;}
.partenrs .ctr a {position:absolute; top:0; display:block; width:45px; height:70px; font-size:0; line-height:0; text-indent:-9999em; background-position:50% 50%; background-size:22px auto; background-repeat:no-repeat;}
.partenrs .ctr a.prev {left:0; background-image:url("../images/slide_prev.png");}
.partenrs .ctr a.next {right:0; background-image:url("../images/slide_next.png");}

#CONTACT {background:#232323 url("/images/contact_bg.jpg") 50% 50% no-repeat; background-size:cover;}
#CONTACT .wrap {padding:100px 0;}
.contact-form {float:left; width:514px; margin-left:85px;}
.contact-form .group {margin-bottom:6px;}
.contact-form .group:after {content:" "; display:block; clear:both;}
.contact-form .group label {float:left; width:31%; height:40px; background:#333; margin:0; text-align:center; color:#fff; font-weight:400 !important; line-height:38px; border:1px solid #666;}
.contact-form .group .input {float:right; width:68%; height:40px; padding:7px; line-height:24px; font-size:16px; border:0; outline:0; color:#333; background:#fff; border:1px solid #666;}
.contact-form .group.group-text {margin-bottom:6px;}
.contact-form .group.group-text label {height:170px; line-height:18px; padding:66px 0;}
.contact-form .group.group-text .input {height:170px;}

.contact-form .group.group-captcha {margin-bottom:25px;}
#captcha {width:350px}
.contact-form .group.group-captcha label {height:100px; line-height:18px; padding:40px 0;}
.contact-form .group.group-captcha .captcha_div {float:right; width:68%; height:100px; }
.contact-form .group.group-captcha .captcha-wrap {overflow:hidden; margin-left:1px;}
.contact-form .group.group-captcha .input {float:right; width:100%; display:block;}
.contact-form .group.group-captcha .captcha_div .btn-submit{width:120px !important; height:60px !important}

.contact-form p {margin-top:10px; margin-bottom:20px;}
.contact-info {float:left; margin-left:37px; width:530px; padding:0 0 0 8px; color:#fff;}
.contact-info h2 {font-family:"Roboto",sans-serif; font-size:30px; font-weight:700; line-height:30px; margin-top:0; margin-left:-8px; margin-bottom:20px;}
.contact-info ul {padding:0; margin:0 0 8px; overflow:hidden; font-family:"Nanum Gothic",sans-serif;}
.contact-info ul li {float:left; list-style:none; line-height:20px; margin-bottom:10px;}
.contact-info ul li.addr {width:100%;}
.contact-info ul li.addr .en {margin-left:86px;}
.contact-info ul li.tel {margin-right:14px;}
.contact-info ul li.email {width:100%;}
.contact-info .ico-kakao {display:inline-block; width:20px; height:15px; background:url("../images/icon_kakao.png") 50% 50% no-repeat; vertical-align:middle;}
.contact-info .sns {margin-top:20px;}
.contact-info .sns a {color:#fff; font-size:1.6em; margin:0 6px;}
.contact-info .sns .blog {font-size:1.15em; font-style:normal; font-weight:700; vertical-align:middle;}
.contact-info .sns .kakao {display:inline-block; position:relative; margin:-.2em 0 0; width:21px; height:20px; background:url("/images/icon_kakao2.png") 50% 50% no-repeat; vertical-align:middle;}

.btn-submit {display:inline-block;width:170px;padding:11px 0;border:1px solid #666;line-height:normal;text-align:center;font-size:13px;font-weight:400;line-height:21px;color:#fff;background:#333;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.btn-submit:hover {color:#333; background:#ccc;border-color:#ccc;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.btn-submit.lg {font-size:16px;}

#footer {padding:12px 0; text-align:center; background:#292929; color:#666; font-size:13px; line-height:16px;}

.view-wrap {padding:50px; color:#fff; overflow:hidden;}
.view-wrap dt {padding:20px 0 12px; font-size:24px; line-height:1.3em;}
.view-wrap dd {position:relative; height:160px; overflow:auto;}

#map {width:1200px; height:500px;}

.scrollTop {position:fixed; bottom:25px; right:25px; width:48px; height:48px; background:url("../images/scoll_top.png") 0 0 no-repeat; border-radius:3px; z-index:100; overflow:hidden;}
.scrollTop:hover {background-position:0 -48px;}