@charset "utf-8";

@media (max-width: 1600px){
	.grid-sizer,
	.grid-item {width:25%;}
}

@media (max-width: 767px){
	#header {background:#2b302b;}
	#header .sitelogo {float:none; width:100%; margin:0; padding:13px 0; text-align:center;}
	#header .sitelogo img {width:190px; margin:0 auto;}
	#header .gnb {float:none; text-align:center; border-top:1px solid #666;}
	#header .gnb li {float:none; display:inline-block; padding:0 5px; text-align:center;}
	#header .gnb a {padding:10px 0; font-size:13px; line-height:20px; letter-spacing:-.6px;}

	.contain {width:100%;}

	#container {margin-top:85px;}

	.section-header {margin-bottom:30px;}
	.section-header h1 {font-size:38px;}
	.section-header p {font-size:11px;}

	#HOME .caption {position:absolute; top:35%; left:0; width:100%;}
	#HOME h1 {margin-bottom:10px; text-align:center;}
	#HOME h1 img {width:80%;}
	#HOME p {margin-bottom:25px; font-size:18px;}
	#HOME a {width:150px;height:37px;line-height:35px;font-size:11px;}

	#ABOUT .wrap {padding:40px 13px;}
	#ABOUT .logo {margin:0 10px 30px;}
	#ABOUT .logo img {width:100%}
	#ABOUT .ko {margin-bottom:25px; font-size:12px; line-height:16px;}
	#ABOUT .ko p {margin-bottom:5px;}
	#ABOUT .ko big {font-size:15px;}
	#ABOUT .en p {margin-bottom:5px; font-size:12px; line-height:16px;}
	#ABOUT .en big {font-size:15px;}
	#ABOUT .en p br {display:none;}

	#OUTTEAM {overflow:hidden; background:url("/images/main1_team_bg_m.jpg") 50% 50% no-repeat;}
	#OUTTEAM .wrap {padding:40px 0;}
	#OUTTEAM .slider {padding:0;}
	#OUTTEAM .slider dl {padding:10px 0 0;}
	#OUTTEAM .slider dt {font-size:14px;}
	#OUTTEAM .slider dt big {font-size:15px;}
	#OUTTEAM .slider dd {padding:3px 0 0 0;font-size:11px;}
	#OUTTEAM .owl-nav {display:none;}
	#OUTTEAM .owl-dots {display:none;}

	#PORTFOLIO .wrap {padding:40px 0;}
	.grid-item {width:50%;}
	.grid-item a .tit {height:30px; padding:7px 0; font-size:13px; line-height:16px;}
	.grid-item a .tit span {padding:0 5px;}
	.filters {display:block; margin:0 0 15px; text-align:center; height:30px; overflow:hidden;}
	.filters li {float:left; width:25%; padding-left:1px;}
	.filters li:first-child {padding-left:0;}
	.filters li a {float:none; display:block; margin:0; width:100%; height:30px; font-size:12px; line-height:30px; letter-spacing:-.5px;}
	.btn-more {margin:20px auto 0;width:110px;padding:10px 0 8px;font-size:12px;}
	.btn-more i {font-size:1.5em;}

	#PROCESS .background {height:140px; background-image:url("../images/background_m.jpg"); background-size:cover;}
	#PROCESS .wrap {padding:40px 0; background:url("../images/process_bg_m.jpg") 50% 50% no-repeat;}
	#PROCESS .section-header {margin-bottom:20px;}
	#PROCESS .txt {margin-bottom:30px;}
	#PROCESS .txt .t1 {font-size:15px; line-height:20px; margin-bottom:10px;}
	#PROCESS .txt .t1 br {display:inline;}
	#PROCESS .txt .t2 {font-size:10px;}
	#PROCESS .img {padding:0 13px;}
	#PROCESS .img img {width:100%;}

	#PARTNER .wrap {padding:40px 0;}
	.partenrs {height:35px; padding:0;}
	.partenrs .rolling {height:35px;}
	.partenrs .rolling ul li {margin-right:10px;}
	.partenrs .rolling ul li img {height:35px;}
	.partenrs .ctr {display:none;}

	#CONTACT {background:url("/images/contact_bg_m.jpg") 50% 50% no-repeat; background-size:cover;}
	#CONTACT .wrap {padding:40px 13px;}
	#CONTACT .section-header {margin-bottom:15px;}
	.contact-form {float:none; width:100%; margin-left:0;}
	.contact-form .group {margin-bottom:3px;}
	.contact-form .group label {width:33%; height:30px; line-height:28px; font-size:12px; letter-spacing:-.5px;}
	.contact-form .group .input {width:66%; height:30px; padding:6px 4px; line-height:16px; font-size:13px;}

	.contact-form .group.group-text {margin-bottom:3px;}
	.contact-form .group.group-text label {height:130px; line-height:28px; padding:38px 0;}
	.contact-form .group.group-text .input {height:130px;}
	#captcha_img {width:100px !important}
	#captcha_reload {width:60px !important; height:38px !important}
	
	.contact-form .group.group-captcha {width:100%; margin-bottom:15px;}
	.contact-form .group.group-captcha label {height:68px; line-height:18px; padding:24px 0;}
	.contact-form .group.group-captcha .captcha_div {float:right; width:66%; height:68px; overflow:hidden;}
	.contact-form .group.group-captcha .input {float:left; width:100%;}
	.contact-form .group.group-captcha .captcha_div .btn-submit{width:80px !important; height:60px !important}


	.contact-form p {margin-top:10px; margin-bottom:20px;}
	.contact-info {float:none; margin-left:0; width:100%; padding:40px 0 0 4px;}
	.contact-info h2 {font-size:20px; line-height:20px; margin-bottom:15px; margin-left:-4px;}
	.contact-info ul li {float:none; font-size:12px; line-height:15px; letter-spacing:-.3px; margin-bottom:10px;}
	.contact-info ul li.addr .en {display:inline-block; margin-left:70px;}
	.contact-info ul li.tel {margin-right:14px;}
	.contact-info .ico-kakao {display:inline-block; width:15px; height:15px; background:url("../images/icon_kakao_x2.png") 0 50% no-repeat; background-size:auto 13px;}
	.contact-info .sns {margin-top:20px;}
	.contact-info .sns a {font-size:1.4em; margin:0 8px 0 0;}
	.contact-info .sns .blog {font-size:1.15em;}

	.btn-submit {width:128px;padding:7px 0;font-size:11px;line-height:16px;}
	.btn-submit.lg {font-size:14px;}

	#footer {padding:10px 0; font-size:11px; line-height:14px;}

	.view-wrap {padding:18px; font-size:13px; line-height:16px;}
	.view-wrap dt {padding:14px 0 8px; font-size:18px; line-height:1.3em;}

	#map {width:100%; height:300px;}

	.scrollTop {bottom:25px; right:15px; width:32px; height:32px; background-size:32px 64px;}
	.scrollTop:hover {background-position:0 -32px;}


}