@media (max-width: 1249px) {
	.agency_box .agency_line {width:250px;height:250px;top:50%;margin-top:-125px;left:50%;margin-left:-125px;padding-left: 28px;padding-top: 23px;}
	.over_eight {padding:0;height: 420px;}
	.over_eight .tit {margin-bottom: 70px;}
	.over_eight .txt p {font-size:14px;font-family: 'Nanum Gothic';}
	.over_eight .txt p br {display:none;}
	.about_main_text {margin:80px 0 100px 0;}
	.about_main_text .amt1 {padding-left:60px;}
	.our_philosophy {height:237px;margin-top:-88px;}
	.our_philosophy span {font-size:23px;}
	.about_main_text .amt1 .inline {font-size:35px;}
	.about_main_text .amt2 {font-size:16px;}
	.philosophy_wrap {padding:40px 0 100px 0;}
	.our_philosophy_text .t1 {font-size:16px;margin-bottom:20px;}
	.our_philosophy_text .t2 {font-size:14px;line-height:1.5;}

	.mission_wrap {padding:40px 0 100px 0;}
	.mission {height:237px;margin-top:-88px;}
	.mission span {font-size:23px;}
	.mission_text .t1 {font-size:16px;margin-bottom:20px;}
	.mission_text .t2 {font-size:14px;line-height:1.5;}
	.award_wrap {height:440px;}
	.helloweb_history .history .year {font-size:120px;}
	.award_img_tit {font-size:17px;}
	.award_mark {margin-bottom:16px;}
	.award_mark img {width:70px;}
	.award_mark_tit {font-size:15px;padding-top:18px;}
	.award_wrap .agency .tit {font-size:24px;padding-bottom:20px;margin-bottom:30px;}
	.helloweb_member {padding:70px 0 0 0;}
	.helloweb_member .title {margin-bottom:40px;}
	.helloweb_history .history_title {height:237px;}
	.helloweb_history {padding-bottom:50px;}

	.services1 {margin-top:80px;margin-bottom:150px;}
	.responsive_home {height:275px;margin-top:-140px;}
	.responsive_work {height:275px;}

	.agency-design-dev-tag {height:500px;}
	.agency-design-dev-tag .img {height:500px;}

	.services2 .search_optimization .search_opti_text h4 {font-size:30px;margin-bottom:25px;}
	.services2 .search_optimization .search_opti_text p {font-size:14px;}
	.services2 .search_optimization .search_opti_text {height:434px;}
	.services2 .search_optimization {padding:120px 0;}
	.services2 .block-title {margin:0 auto -100px auto;}
	.block-title p {padding:26px 30px;}
	.block-title, nav ul li a {height:250px;width:250px;}
	.services2 {margin-bottom:150px;}
	.services3 {margin-bottom:150px;}
	.services4 {margin-bottom:150px;}
	.services5 {margin-bottom:150px;}
	.services3 .services3_bg {height:400px;}
	.services4 .wordpress_text {padding:0 30px;height:465px;margin-top:-386px;}
	.services5 .builder .builder_text {height:434px;}
	.services5 .builder .builder_text h4 {font-size:30px;margin-bottom:25px;}
	.services5 .builder .builder_text p {font-size:14px;}
	.services5 .builder {padding:190px 0 100px 0;}
	.services6 .services6_bg {height:400px;}

	.works_best_text .text {padding:0 15px;}
	.works_best_text {height:395px;}
	.works_best_text .text .t1 {margin-bottom:25px;font-size:30px;}
	.works_best_text .text .t3 span {margin-bottom:25px;}
	.works_best_text .text .t4 {font-size:14px;}
	.works_members,.works_project {padding:0 15px;height:300px;}
	.works_link .title {font-size:25px;}
	.works_link .stitle {font-size:15px;}
	.contact {padding:200px 0;}
	.contact_form {padding: 0 80px;}
	.privacy_text {padding: 0 80px;}

	.lore .title {font-size: 30px;}
	.helloweb_blog .blog {height: 400px;}
	.agency_box {width: 600px;left: -475px;}
	.firsthistory_list li {margin-bottom: 50px;}
	.helloweb_history .history_list {padding-left: 50px;}
	.helloweb_history .history .cont {line-height: 4;}
	.helloweb_history .history-mar {margin-bottom: 50px;}
}

@media (max-width: 1199px) {
	.tech_pop .content_wrap {max-width: 100%;}
}

@media (max-width: 991px) {
	.header_logo {left:25px;top:25px;}
	.main_visual {height:800px;}
	.main_visual .main_slogan img {width:328px;}
	.main_visual .main_text {font-size:18px;}
	.circle_wrap li .circle {width:180px;height:180px;font-size:18px;}

	.h_gtitle {font-size:30px;padding-bottom:7px;margin-bottom:18px;}
	.h_stitle {font-size:15px;}
	.helloweb_blog {padding:50px 0;}
	.helloweb_blog .h_stitle {margin-bottom:40px;}
	.helloweb_blog .blog .txt {margin-bottom:60px;}
	.helloweb_blog .blog {height:270px;padding-top:20px;}
	.helloweb_blog .wordpress {height:270px;padding-top:20px;}
	.helloweb_blog .wordpress .txt {margin-bottom:30px;}
	
	.portfolio_text {padding:40px 0 0 0;}
	.portfolio_description .portfolio_cont_img {margin-top:30px;}
	.portfolio_description .portfolio_cont_img img {width:80%;}
	.portfolio_text .txt {font-size:15px;}
	.extra-slider .navigation_wrap {top:auto;bottom:20px;margin-top:0;}
	.portfolio_description .portfolio_cont {margin-top:-50px;}
	.portfolio_cont .box {min-height:auto;}
	.portfolio_cont .box .box_field .th {width:15%;}
	.portfolio_cont .box .box_field .td {width:85%;}
	.recent_work {padding:40px 0;}
	.portfolio_btn_area {padding:40px 0 60px 0;}
	.helloweb_service .text {font-size:15px;margin-bottom:80px;}
	.self-hosted-video-bg {display:none;}
	.helloweb_service {padding:80px 0;}
	.helloweb_service .item .circle {width:150px;height:150px;background-size:150px 150px;margin:0 auto 20px auto}
	.helloweb_service .item .txt {font-size:15px;}
	.lore .title {font-size:25px;}
	.lore .stitle {font-size:12px;}
	.location,.request {height:270px;}
	.header_logo .gmenu a {padding:25px 18px;}
	.header_logo .gmenu {margin-right:10px;}
	.header_logo h1 {padding-top:19px;}
	.header_logo h1 a {width:86px;height:11px;background-size:86px 11px;}
	.sub04 .header_logo h1 a {width:86px;height:11px;background-size:86px 11px;}
	.gmenu_menu {margin-left:100px;}
	.gmenu_menu li.gm a.gma {font-size:30px;}
	.gm_sub {position: relative;right: auto;top: auto;padding:5px 0 15px 20px;}
	.gm_sub li a {font-size: 18px;}

	.about .about_bg .about_text .big {font-size:60px;margin-bottom:20px;}
	.about .about_bg .about_text .small {font-size:18px;}

	.agency_box .agency_line .tt {font-size:20px;margin-bottom:70px;}
	.agency_box .agency_line .ss {font-size:15px;}
	.agency_box .agency_line {padding-top:46px;}
	.over_eight .tit {font-size:20px;margin-bottom:20px;padding-bottom:20px;}
	.over_eight .txt p.mar {margin-bottom:20px;}
	.over_eight .txt p {font-size:14px;}
	.over_eight {height: 300px;}
	.about_main_text .amt1 {margin-bottom: 50px;}
	.about_main_text .amt1 br {display:none;}
	.about_main_text .amt1 span:before {left:-75px;top:-33px;}
	.about_main_text .amt1 .inline:before {width:63px;height:54px;background-size:63px auto;top:0;left: -100px;}
	.firsthistory_list {margin-top: 20px;}
	.firsthistory_list li {margin-bottom: 35px;}
	.firsthistory_list li .year {font-size: 100px;text-align:left;width: 41.66666667%;vertical-align: top;line-height: 1;}
	.firsthistory_list li .cont {width: 58.33333333%;font-size: 18px;line-height: 1.9;}
	
	.philosophy_wrap {padding:30px 0;}
	.mission_wrap {padding:30px 0;}
	.about_main_text {margin:40px 0 50px 0;padding-bottom: 10px;}
	.our_philosophy {border:none;height:auto;margin-top:0;padding-top:0;padding-left:0;}
	.our_philosophy span {padding-bottom:15px;}
	.our_philosophy span br {display:none;}
	.our_philosophy_text {padding-left:0;margin-top:20px;}
	.mission {background-color:transparent;padding-top:0;padding-right:0;text-align:left;margin-top:0;height:auto;}
	.mission span {padding-bottom:15px;color:#000;}
	.mission span:after {background-color:#000;right:auto;left:0;}
	.mission span br {display:none;}
	.mission_text {padding-left:0;margin-top:20px;text-align:left;}
	.what_we_do {padding:50px 0;}
	.what_we_do .title span {font-size:20px;padding-bottom:15px;}
	.what_we_do .text {font-size:16px;margin-bottom:20px;}
	.helloweb_count {padding:40px 0 30px 0;}
	.helloweb_count .count_box .count {font-size:50px;margin-bottom:20px;}
	.helloweb_count .count_box .count_text {font-size:16px;}
	.helloweb_count .count_box .count_stext {font-size:16px;}
	.certi_wrap {padding:60px 0;}
	.certi_wrap .certi_list {margin-bottom:40px;}
	.certi_wrap .certi_text {margin-bottom:20px;font-size:15px;}
	.certi_wrap .certi_link {font-size:14px;height:50px;line-height:50px;}
	.award_wrap {height:auto;}
	.award_wrap .agency {height:270px;}
	.award_wrap .agency .tit br {display:none;}
	.award_wrap .award {height:440px;}
	.helloweb_member .mem_item {height:243px;}
	.helloweb_member .mem_gray {display:none;}
	.helloweb_history .helloweb_history_line:before {display:none;}
	.helloweb_history .history_title {height:182px;padding-left:15px;}
	.helloweb_history .history_title .tit {font-size:20px;padding-bottom:15px;}
	.helloweb_history .history .year {font-size:100px;margin-left:0;margin-bottom:40px;text-align:left;}
	.helloweb_history .history2015 {margin-top:-10px;}
	.helloweb_history .history .month {font-size:25px;margin-bottom:15px;text-align:left;}
	.helloweb_history .history .subject {font-size:18px;margin-bottom:15px;text-align:left;}
	.helloweb_history .history .cont {font-size:18px;line-height:1.9;text-align:left;}
	.helloweb_history .history_list li {margin-bottom:25px;}

	.helloweb_history .history2014 {margin-top:50px;}
	.helloweb_history .history2013 {margin-top:50px;}
	.helloweb_history .history2012 {margin-top:50px;}
	.helloweb_history .history2011 {margin-top:50px;}
	.helloweb_history .history2010 {margin-top:50px;}

	.services .services_bg .services_text .big {font-size: 60px;margin-bottom: 20px;}
	.services .services_bg .services_text .small {font-size: 18px;}
	.container-medium {padding-right:100px;padding-left:100px;}
	.agency-design-dev-tag h3 {font-size:30px;margin-bottom:30px;}
	.agency-design-dev-tag p {font-size:15px;}
	.responsive_home {height:265px;}
	.responsive_work {height:265px;}

	.services1 {margin-bottom:100px;}
	.services2 {margin-bottom:100px;}
	.services3 {margin-bottom:100px;}
	.services4 {margin-bottom:100px;}
	.services5 {margin-bottom:100px;}
	.services2 .search_optimization .search_opti_text {height:auto;padding:20px 0;}
	.services2 .search_optimization .search_opti_img {display:none;}
	.services2 .search_optimization {padding:105px 0 20px 0;}
	.services3 .services3_text h4 {font-size:25px;}
	.services3 .services3_text p {font-size:15px;}
	.services4 .wordpress_text h4 {font-size:25px;}
	.services4 .wordpress_text p {font-size:15px;}
	.services4 .wordpress_text {max-width:450px;margin:0 auto;height:450px;margin-top:-225px;}
	.services5 .builder {padding:100px 0 30px 0;}
	.services5 .builder .builder_text {height:auto;padding:20px 0;}
	.services5 .builder .builder_img {display:none;}
	
	.services6 .services6_bg {height:330px;}
	.services6 .services6_text h4 {font-size:25px;}
	.services6 .services6_text p {font-size:15px;}

	.works .works_bg .works_text .big {font-size:60px;margin-bottom:20px;}
	.works .works_bg .works_text .small {font-size:18px;}
	
	.works_best_text .text .t1 {font-size:18px;margin-bottom:15px;}
	.works_best_text .text .t3 span {margin-bottom:10px;}
	.works_best_text .text .t4 {font-size:12px;}
	.works_best_text .text .t4 br {display:none;}
	.works_best_text {height:304px;}

	.contact {padding: 100px 0;}
	.contact .sub_title {font-size:40px;margin-bottom:20px;padding-bottom:20px;}
	.contact .sub_stitle {font-size:15px;margin-bottom:40px;}

	.works_menu .works_arrow {display:inline-block;width:17px;height:9px;background-image:url('/skin/img/sub/menu_arrow.png');background-repeat:no-repeat;background-position:0 -8px;background-size:17px auto;}
	.works_menu .works_arrow span {font-size:0;}
	
	.gmenu_link a {padding:38px 0 17px 0;font-family: 'Nanum Gothic';}
	.gmenu_link a.gm1 {background-position: center 16px;-webkit-background-size: 17px auto;background-size: 17px auto;}
	.gmenu_link a.gm2 {background-position: center 16px;-webkit-background-size: 19px auto;background-size: 19px auto;}
	.gmenu_link a.gm3 {background-position: center 16px;-webkit-background-size: 18px auto;background-size: 18px auto;}
	.gmenu_link a.gm4 {background-position: center 16px;-webkit-background-size: 16px auto;background-size: 16px auto;}

	.works_list .item .ex .e1 {font-size:12px;}
	.works_list .item .ex .e2 {font-size:13px;}
	.works_list .item .ex {opacity:1;filter: alpha(opacity=100);-moz-opacity:1;height:56px;bottom:0;}
	.responsive_msg {padding:20px;}
	.responsive_msg h3 {font-size:18px;}
	.main_visual .main_slogan {font-size: 65px;}
	.helloweb_blog:after {height: 100px;}
	.helloweb_blog .blog .tit .tt {font-size: 20px;}
	.helloweb_blog .blog .tit .bb {font-size: 20px;}
	.helloweb_blog .blog .txt {font-size: 13px;}
	.portfolio_list {margin-top: 20px;}

	.agency_box {width: 500px;left: -365px;}
	.tech_pop .content_wrap {padding: 50px;}
	.tech_pop .content_wrap .pop_close img {width: 22px;}
	.roll_wrap .owl-carousel .owl-nav .owl-prev {left: -42px;}
	.roll_wrap .owl-carousel .owl-nav .owl-next {right: -42px;}
	.roll_wrap .owl-carousel .owl-nav .owl-next:before, .roll_wrap .owl-carousel .owl-nav .owl-prev:before {-webkit-background-size: 22px auto;background-size: 22px auto;width: 11px;height: 21px;margin-left: -6px;margin-top: -10px;}
	.roll_wrap .owl-carousel .owl-nav .owl-next:before {background-position: -11px 0;}
	.tech_pop .content .stit {font-size: 20px;margin-bottom: 5px;}
	.tech_pop .content .text {font-size: 15px;line-height: 1.5;font-family: 'Nanum Gothic';}
	.roll_wrap .owl-carousel .owl-nav .owl-next, .roll_wrap .owl-carousel .owl-nav .owl-prev {width: 29px;height: 50px;margin-top: -25px;}
	.store .store_bg .store_text .big {font-size: 60px;margin-bottom: 20px;}
	.store .store_bg .store_text .small {font-size: 18px;}
	.contact_menu {padding: 0 50px;}
	.map_area .map_info {padding: 10px;}
	.map_area .map_info .th {font-size: 18px;width: 100%;margin-bottom: 10px;}
	.map_area .map_info .td {width: 100%;}
	.map_area .map_info .td .info .ttt {font-size: 15px;font-family: 'Nanum Gothic';}
	.map_area .map_info .td .info .tdd {font-size: 12px;}
	.map_area {margin-top: 50px;padding: 0 50px;}
	.helloweb_blog .hovermore .link .link_cell .text {font-size: 17px;margin-bottom: 10px;padding: 0 5px;}
	.helloweb_blog .hovermore .link .link_cell .stext {font-size: 12px;padding: 0 5px;}
	.helloweb_blog .hovermore .link .link_cell .ank {bottom: 30px;padding: 0 5px;}
	.portfolio_list a.work .img:after {width: 28px;height: 28px;margin-top: -14px;margin-left: -14px;-webkit-background-size: 28px auto;background-size: 28px auto;}
}

@media (max-width: 767px) {
	body {font-family: 'Nanum Gothic',Arial,sans-serif;}
	a {font-family: 'Nanum Gothic',sans-serif;}
	.header_logo {left:0;top:0;}
	.header_logo .gmenu a {padding:18px 14px;}
	.header_logo .gmenu span {width:20px;}
	.header_logo .gmenu span:before {width:20px;top:8px;}
	.header_logo .gmenu span:after {width:20px;top:-8px;}
	.header_logo h1 {padding-top:12px;}
	.header_logo h1 a {width: 73px;height: 10px;background-size: 73px 10px;}

	.quick-icon {top: 0;right: 0;margin-top: 0;}
	.quick-icon a {font-size: 10px;}
	.quick-icon a.qi1 {background-color: rgba(0, 0, 0, 0.7);background-image: none;padding: 5px;}
	.quick-icon a.qi2 {background-color: rgba(0, 0, 0, 0.7);background-image: none;padding: 5px;}

	.main_visual .main_slogan img {width:200px;}
	.main_visual .main_slogan {margin-bottom:25px;font-size: 25px;}
	.main_visual .main_text {font-size:13px;margin-bottom:30px;padding:0 15px;}
	.circle_wrap li .circle {width:110px;height:110px;font-size:13px;}
	.main_visual {height:500px;}
	.main_visual .main_text br {display:block;}
	.mouse-icon {display: none;}

	.h_gtitle {font-size: 21px;padding-bottom: 10px;margin-bottom: 20px;}
	.h_stitle {font-size:12px;}
	.helloweb_blog {padding:25px 0;}
	.helloweb_blog .h_stitle {margin-bottom:20px;}
	
	.helloweb_blog .blog {height:162px;}
	.helloweb_blog .blog.blog2 {height:230px;background-position: center bottom;}
	.helloweb_blog .blog .tit {padding-bottom:10px;margin-bottom:10px;}
	.helloweb_blog .blog .tit .tt {font-size:13px;}
	.helloweb_blog .blog .tit .bb {font-size:14px;}
	.helloweb_blog .blog .txt {font-size:13px;margin-bottom:20px;}
	.helloweb_blog .blog .blog_btn {width:120px;height:30px;line-height:30px;}
	.helloweb_blog .blog .blog_btn span {font-size:12px;padding-right:20px;}
	.helloweb_blog .blog .blog_btn span:after {width:12px;height:6px;background-size:12px auto;top:10px;}

	.helloweb_blog .wordpress {height:162px;}
	.helloweb_blog .wordpress .tit {padding-bottom:10px;margin-bottom:10px;}
	.helloweb_blog .wordpress .tit .tt {font-size:13px;}
	.helloweb_blog .wordpress .tit .bb {font-size:14px;}
	.helloweb_blog .wordpress .txt {font-size:13px;margin-bottom:20px;}
	.helloweb_blog .wordpress .blog_btn {width:120px;height:30px;line-height:30px;}
	.helloweb_blog .wordpress .blog_btn span {font-size:12px;padding-right:20px;}
	.helloweb_blog .wordpress .blog_btn span:after {width:12px;height:6px;background-size:12px auto;top:10px;}

	.portfolio_text .txt {font-size:12px;}

	.h_gtitle:before {margin-left:-12px;width:24px;height:2px;}
	.portfolio_description .portfolio_cont_img img {width:100%;}
	.portfolio_description .portfolio_cont {margin-top:0;}
	.portfolio_cont .tit {font-size:15px;}
	.portfolio_cont .box {padding:12px 15px;}
	.portfolio_cont .box .box_field .th {width:25%;font-size:13px;}
	.portfolio_cont .box .box_field .td {width:75%;font-size:13px;}
	.portfolio_btn .item a {height:40px;line-height:40px;font-size:13px;}
	.portfolio_list {margin-top:25px;}
	.portfolio_list .title_box {padding:12px 10px 20px 10px;}
	.portfolio_list .title_box .title {font-size:13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.location .sstitle a{font-size: 25px;}
	.helloweb_blog .hovermore .link .link_cell .text {font-size: 13px;font-family: 'Nanum Gothic';margin-bottom: 10px;}
	.helloweb_blog .hovermore .link .link_cell .stext {font-size: 12px;}
	.helloweb_blog .hovermore .link a {font-size: 13px;padding-right: 24px;font-family: 'Nanum Gothic';}
	.helloweb_blog .hovermore .link a:after {width: 12px;height: 6px;-webkit-background-size: 12px auto;background-size: 12px auto;top: 14px;}
	.helloweb_blog .hovermore .link .link_cell .ank {bottom: 10px;}
	.helloweb_blog .hovermore .link {margin-top: -10px;}

	.portfolio_btn_area .portfolio_btn {height:38px;line-height:38px;}
	.portfolio_btn_area .portfolio_btn span {font-size:13px;padding-right:20px;}
	.portfolio_btn_area .portfolio_btn span:after {width:12px;height:6px;background-size:12px 6px;top:13px;}
	.portfolio_btn_area {padding:20px 0 30px 0;}
	.recent_work {padding:40px 0 0 0;}
	.helloweb_service {padding:40px 0;}
	.helloweb_service .text {font-size:12px;margin-bottom:40px;text-align:left;}
	.helloweb_service .item {margin-bottom:15px;}
	.helloweb_service .item .circle img {width:40px;}

	.location, .request {height:163px;}
	.lore .title {font-size:15px;}
	.lore .stitle {margin-bottom:25px;}
	.lore .lore_btn {width:130px;height:38px;line-height:38px;}
	.lore .lore_btn span {font-size:12px;padding-right:20px;}
	.lore .lore_btn span:after,
	.lore .request .lore_btn span:after {width:12px;height:6px;background-size:12px 6px;top:13px;}
	.footer {padding:30px 10px 25px 10px;}
	.footer p {font-size:10px;}
	.footer .copyright {margin-top:15px;font-size:12px;}
	.helloweb_service .item .circle {width:100px;height:100px;background-size:100px 100px;margin:0 auto 10px auto;}
	.helloweb_service .item .txt {font-size:13px;}
	.helloweb_service .text br {display:none;}

	.gmenu_menu {margin-left:25px;}
	.gmenu_menu li.gm a.gma {font-size:20px;color:#fff;}
	.gmenu_menu li.gm {margin:20px 0;}
	.gmenu_link {width:135px;}
	.gmenu_link .gmenu_link_fix {padding:59px 12px 0 12px;}
	.gmenu_link .facebook {padding:34px 0 17px 0;font-size:12px;color:#fff;}
	.gmenu_link .facebook:before {width:6px;height:11px;margin-left:-3px;background-size:12px 11px;top:17px;background-position:0 0;}
	.gmenu_link .blog {padding:34px 0 17px 0;font-size:12px;color:#fff;}
	.gmenu_link .blog:before {width:13px;height:12px;margin-left:-6px;background-size:26px 12px;top:17px;background-position:0 0;}
	.gmenu_link .gmenu_link_fix .copyright {font-size:10px;right:auto;left:0;width:100%;}

	.about .about_bg {height:500px;}
	.agency_box {margin-top:-150px;position: relative;width: 100%;left: auto;top: auto;}
	.about .about_bg .about_text {top:125px;}
	.about .about_bg .about_text .big {font-size:40px;margin-bottom:10px;}
	.agency_box .agency_line {width: 250px;height: 250px;top: 50%;margin-top: -125px;left: 50%;margin-left: -125px;padding-left: 28px;padding-top: 23px;}
	.over_eight {margin-top:0;padding:20px 15px;height: 230px;}
	.agency_box .agency_line .tt {margin-bottom:106px;}
	.over_eight .tit {font-size: 15px;margin-bottom: 15px;padding-bottom: 15px;}
	.over_eight .txt p {font-size: 12px;}
	.about_main_text .amt1 .inline {font-size:20px;}
	.about_main_text .amt2 {font-size:13px;}
	.about_main_text .amt1 .inline:before {display:none;}
	.about_main_text .amt1 {padding-left:0;margin-bottom: 25px;}
	.our_philosophy span {font-size:20px;padding-bottom:10px;}
	.our_philosophy span:after {width:20px;}
	.our_philosophy_text {margin-top:10px;}
	.our_philosophy_text .t1 {font-size:14px;margin-bottom:10px;}
	.our_philosophy_text .t2 {font-size:12px;}

	.mission span {font-size:20px;padding-bottom:10px;}
	.mission span:after {width:20px;}
	.mission_text {margin-top:10px;}
	.mission_text .t1 {font-size:14px;margin-bottom:10px;}
	.mission_text .t2 {font-size:12px;}
	.what_we_do {padding:25px 0;}
	.what_we_do .text {font-size:13px;line-height: 1.5;}
	.helloweb_count {padding:25px 0 5px 0;}
	.helloweb_count .count_box {margin-bottom:25px;}
	.helloweb_count .count_box .count {font-size:30px;margin-bottom:5px;}
	.helloweb_count .count_box .count_text {font-size:14px;}
	.helloweb_count .count_box .count_stext {font-size:14px;}
	.certi_wrap {padding:30px 0;}
	.certi_wrap .certi_list {margin-bottom:25px;}
	.certi_wrap .certi_text {margin-bottom: 10px;font-size: 13px;}
	.certi_wrap .certi_link {font-size: 13px;height: 38px;line-height: 38px;}
	.award_wrap .agency {height:200px;}
	.award_wrap .agency .tit {font-size: 18px;padding-bottom: 10px;margin-bottom: 15px;}
	.award_wrap .agency .tit br {display:block;}
	.award_wrap .agency .txt {font-size:15px;line-height:1.5;}
	.award_wrap .award {height:310px;}
	.award_img_tit {font-size:14px;}
	.award_mark {margin-bottom: 10px;}
	.award_mark img {width: 40px;}
	.award_mark_tit {font-size: 12px;padding-top: 10px;}
	.helloweb_member {padding:40px 0 0 0;}
	.helloweb_member .title {font-size:20px;margin-bottom:20px;}
	.helloweb_member .mem_item {height:150px;}
	.helloweb_history {padding-bottom:30px;}
	.helloweb_history .helloweb_history_line {padding:30px 0 35px 0;}
	.helloweb_history .history_title {height:auto;padding-left:0;background-color:transparent;}
	.helloweb_history .history_title .tit {color:#000;padding-bottom:10px;}
	.helloweb_history .history_title .tit:after {background-color:#000;width:20px;}
	.helloweb_history .history2015 {margin-top:20px;}
	.helloweb_history .history_list {padding-left: 0;}
	.helloweb_history .history .year {font-size:25px;margin-bottom:20px;}
	.helloweb_history .history .month {font-size:13px;margin-bottom:10px;}
	.helloweb_history .history .subject {font-size:15px;margin-bottom:10px;}
	.helloweb_history .history .cont {font-size:12px;line-height:1.5;}
	.helloweb_history .history-mar {margin-bottom: 10px;}
	.helloweb_history .history .cont br {display:none;}
	.helloweb_history .hh_more {margin-top:10px;padding:0 15px;}
	.helloweb_history .hh_more a {width:100%;height:38px;line-height:38px;font-size:13px;}

	.sub_footer .copyright {font-size:12px;}

	.services .services_bg {height:280px;background-attachment: inherit;}
	.services .services_bg .services_text .big {font-size:40px;margin-bottom:10px;}
	.container-small {padding-right:15px;padding-left:15px;}
	.container-medium {padding-right:15px;padding-left:15px;}
	.block-title, nav ul li a {width:180px;height:180px;margin:0 0 -90px;}
	.block-title .title {padding:20px 15px;font-size:20px;}
	.block-title p {padding:20px 15px;font-size:15px;}
	.agency-design-dev-tag {height:400px;}
	.agency-design-dev-tag h3 {font-size:18px;text-align:left;margin-bottom:15px;}
	.agency-design-dev-tag p {font-size:12px;text-align:left;line-height:1.3;}
	.agency-design-dev-tag p br {display:none;}

	.services1 {margin-bottom:30px;}
	.services1 .container {padding-left:0;padding-right:0;}
	.services2 {margin-bottom:30px;}
	.services3 {margin-bottom:30px;}
	.services4 {margin-bottom:30px;}
	.services4 .container {padding-left:0;padding-right:0;}
	.services4 .row {margin-left:0;margin-right:0;} 
	.services4 .col-md-7 {padding-left:0;padding-right:0;}
	.services5 {margin-bottom:30px;}

	.responsive_home {height: 135px;margin-top:-70px;padding:0 15px;}
	.responsive_home h4 {font-size:13px;}
	.responsive_work {height: 135px;padding:0 15px;}
	.responsive_work h4 {font-size:13px;}
	.services2 .block-title {margin:0 0 -90px 15px;}
	.services2 .search_optimization .search_opti_text h4 {font-size:18px;margin-bottom:10px;}
	.services2 .search_optimization .search_opti_text p {font-size:12px;}
	.services2 .search_optimization .search_opti_text p br {display:none;}
	.services3 .block-title {float:left;}
	.services3 .services3_text h4 {font-size:18px;margin-bottom:10px;}
	.services3 .services3_text p {font-size:12px;}
	.services3 .services3_text p br {display:none;}
	.services3 .services3_bg {height: 388px;}
	.services4 .wordpress_text {width:100%;height:auto;padding:20px 30px;margin-top:-100px;}
	.services4 .wordpress_text h4 {font-size:18px;margin-bottom:10px;}
	.services4 .wordpress_text p {font-size:12px;}
	.services4 .wordpress_text p br {display:none;}

	.services5 .block-title {margin:0 0 -90px 15px;}
	.services5 .builder .builder_text h4 {font-size:18px;margin-bottom:10px;}
	.services5 .builder .builder_text p {font-size:12px;}
	.services5 .builder .builder_text p br {display:none;}
	.services6 .block-title {float:none;}
	.services6 .services6_text h4 {font-size:18px;margin-bottom:10px;}
	.services6 .services6_text p {font-size:12px;}
	.services6 .services6_text p br {display:none;}
	
	.works .works_bg {height:250px;}
	.works .works_bg .works_text .big {font-size:40px;margin-bottom:10px;}
	.works .works_bg .works_text .small {font-size:15px;line-height:1.5;padding:0 15px;}
	.works_link .title {font-size:15px;}
	.works_link .stitle {font-size:12px;margin-bottom:25px;}
	.works_link .works_link_btn {width:130px;height:38px;line-height:38px;}
	.works_link .works_link_btn span {font-size:12px;padding-right:20px;}
	.works_link .works_link_btn span:after,
	.works_link .works_project .works_link_btn span:after {width:12px;height:6px;background-size:12px 6px;top:13px;}
	.works_members, .works_project {height:163px;}
	.works_list {margin-bottom:20px;}
	.works_best {margin-top:30px;}

	.contact {padding: 80px 0;}
	.contact .contact_border {border-width:0 !important;}
	.contact .sub_title {font-size: 30px;margin-bottom: 10px;padding-bottom: 10px;}
	.contact .sub_title:after {width:24px;margin-left:-17px;}
	.contact .sub_stitle {font-size:13px;margin-bottom:20px;}
	.contact_form {padding:0;}
	.privacy_text {padding:0;}
	.filebox label {background-size:13px 13px;}
	.contact .contact_btn_area {margin-top:25px;}
	.contact .contact_btn_area .contact_btn {width:200px;height:38px;line-height:38px;background-size:12px auto;background-position:150px 15px;}

	.helloweb_member .about_life {padding-bottom:60px;}
	.helloweb_member .about_life .navigation .prev, .helloweb_member .about_life .navigation .next {width:50px;height:50px;}
	.helloweb_member .about_life .navigation .prev:before,
	.helloweb_member .about_life .navigation .next:before {width:12px;height:22px;margin-left:-6px;margin-top:-11px;background-size:23px 22px;}
	.helloweb_member .about_life .navigation .next:before {background-position:-12px 0}

	.life_list .item {height:200px;margin-bottom:15px;padding:0 15px;}
	.life_list .item .tit {font-size:20px;padding-bottom:12px;margin-bottom:10px;}
	.life_list .item .txt {font-size:13px;}

	.gmenu_link a {padding:42px 0 17px 0;font-size:10px;color:#fff;}
	.works_list .item .ex_more img {width:58px;}

	.member_box_wrap .member_box {width:100%;margin-left:0;left:0;margin-top:-198px;}
	.member_box_wrap .member_box .box {padding:45px 15px 30px 15px;}
	.mem_input {height:38px;margin-bottom:5px;}
	.mem_input .input {height:38px;padding:0 10px;}
	.mem_input label {line-height:38px;font-size:14px;}
	.mem_check label {margin-bottom:10px;}
	.mem_submit input,
	.mem_nomem input {height:40px;line-height:40px;font-size:15px;}
	.member_tab li a {height:50px;line-height:50px;font-size:18px;}
	.member_box_wrap .member_box .box .tit {font-size:25px;}
	.member_box_wrap .member_box .box .stit {font-size:15px;margin-bottom:20px;}
	.member_box_wrap .member_box .mem_close {right:0;top:-35px}
	.member_box_wrap .member_box .mem_close span {width:38px;height:35px;background-size:22px auto;}

	.contact .contact_btn_area .pay_btn {width:140px;padding-left:0;text-align:center;}
	.contact .contact_btn_area .cancel_btn {width:140px;}

	.responsive_msg {padding:15px;margin:15px 0 0;}
	.responsive_msg h3 {font-size:15px;}
	.responsive_msg h3 br {display:none;}

	.works_list .row {margin-left:-5px;margin-right:-5px;}
	.works_list .col-xs-6 {padding-left:5px;padding-right:5px;}
	.works_list .item {margin-bottom:10px;}
	.works_menu ul li a {padding:0 15px;height: 40px;line-height: 40px;font-size: 13px;}

	.footer .map_go {padding-right:15px;font-size:12px;}
	.footer .map_go:after {top:3px;width:10px;height:10px;background-size:10px 10px;}
	.gm_sub {padding-left: 10px;padding-bottom: 5px;}
	.gm_sub li a {font-size: 15px;color: #fff;}

	.firsthistory_list li {display: block;margin-bottom: 15px;}
	.firsthistory_list li .year {padding: 5px 0 0 0;}
	.firsthistory_list li .cont {padding: 5px 0;}
	.firsthistory_list li .year {display: block;width: 100%;font-size: 25px;}
	.firsthistory_list li .cont {display: block;width: 100%;font-size: 13px;}
	.process_wrap .process.item5 .item {width: 50%;}
	.process_wrap .process.item6 .item {width: 50%;}
	.process_wrap .process .item .xslineleft {border-left: 1px solid #dddddd;}
	.process_wrap .process .item .stage {font-size: 16px;height: 40px;font-weight: bold;}
	.process_wrap .process .item .tt1 {font-size: 15px;font-weight: bold;}
	.process_wrap .process .item .tt2 {font-size: 14px;margin-bottom: 10px;font-weight: bold;}
	.process_wrap .process .item .text {height: 140px;}
	.process_wrap .process .item .dev {height: 140px;}
	.process_wrap .process .item .dev.hidden-lg {border-bottom: 1px solid #ddd;}
	.process_wrap {padding: 40px 0;}
	.process_btn {margin-top: 40px;}
	.process_btn a.red {margin-right: 5px;}
	.process_btn a {width: 140px;height: 40px;line-height: 40px;font-size: 12px;}
	.service_designplan_img {margin: 30px 0;}
	.table_list_scroll {width: 100%;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
	.table_list_scroll .table_list {width: 700px;}
	.table_list th,.table_list td {font-size: 14px;padding: 8px;}
	.tech_pop .content_wrap .pop_close {right: 5px;top: 5px;}
	.tech_pop .content_wrap {padding: 35px 25px 15px 25px;}
	.roll_wrap .owl-carousel .owl-nav .owl-prev {left: -29px;}
	.roll_wrap .owl-carousel .owl-nav .owl-next {right: -29px;}
	.tech_pop .content .roll_wrap {margin-bottom: 10px;}
	.tech_pop .content .stit {font-size: 18px;}
	.tech_pop .content .text {font-size: 13px;}
	.store .store_bg {height: 250px;}
	.store .store_bg .store_text .big {font-size: 40px;margin-bottom: 10px;}
	.store_menu ul {display: block;overflow:hidden;}
	.store_menu ul li {display: block;width: 50%;float: left;}

	.store_menu ul li a {padding: 0 15px;height: 40px;line-height: 40px;font-size: 13px;}
	.works_list .item .text {padding: 15px 0 0 0;}
	.works_list .item .text .e1 {font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;}
	.works_list .item .text .e2 {font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;}
	.contact_menu {padding: 0;margin-bottom: 20px;}
	.contact_menu ul li a {padding: 0;height: 40px;line-height: 40px;font-size: 13px;}
	.map_area {padding: 0;margin-top: 20px;}
	.tech_pop .content .works_text,
	.tech_pop .content .works_text span {font-size: 13px;}
	.work_view .tit {padding: 15px;font-size: 18px;}
	.work_view .tit span {position: static;right: auto;top: auto;font-size: 15px;margin-top: 10px;display: block;}
	.work_view .cont {padding: 15px;}
	.work_view_btn a {width: 100px;height: 38px;line-height: 38px;font-size: 14px;}
	.works_list .item .ex {height: 25px;}
	.works_list .item .ex .e2 {font-size: 12px;}
	.grid {    grid-template-columns: repeat(1, 100%);}
	.works_list .item {height: auto;}
}