/**
 * Infographi Works CSS
 */

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/



/* AVIA RESET */
.avia_pop_class, .avia-search-tooltip{
	display: none !important;
}

a:hover .image-overlay .image-overlay-inside{
	/*display: none !important;*/
}

a:hover .overlay-type-extern {
	/*display: none !important;*/
}
a span.image-overlay {
	/*display: none !important;*/
}
#header_main .container, .main_menu ul:first-child > li a{ height:72px; line-height: 72px; }
/*.html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:72px; } */
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}


.av-main-nav-wrap {margin-right: 10px;}
.avia-menu-fx {display: none !important;}

.avia-msie-8 .logo img{height: 30px;}
.avia-msie-8.html_header_top.html_logo_center .logo { left: 10px; /*ie8 rule for somewhat centering the logo*/}

#advanced_menu_toggle, #advanced_menu_hide {
	right: 10px;
}



/*
 * Common
 */
/*.container_wrap {
	border-top: 0;
}*/

.container_wrap.ifgw-bg-white {
	background: #fff;
}

/*.container.ifgw {padding: 0 !important;}*/
.container.ifgw h2 {margin-bottom: 0;}

.ifgw-grid-wrap .ifgw-grid {float: left;}
.ifgw-grid > a,
.ifgw-grid > div {display: block; margin: 0 10px}
.ifgw-grid img {width : 100%; vertical-align: middle;}
.ifgw-grid.gd-1 {width: 6.25%}
.ifgw-grid.gd-2 {width: 12.5%}
.ifgw-grid.gd-3 {width: 18.75%}
.ifgw-grid.gd-4 {width: 25%}
.ifgw-grid.gd-8 {width: 50%}
.ifgw-grid.gd-16 {width: 100%}

.container.ifgw h3 {
	padding-left: 0;
	margin-bottom: 12px;
	color: #414141;
	/*font-family: 'Nanum Gothic';*/
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1.2px;
}
.container.ifgw h3 span {
	color: #a6a6a6;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: -0.3px;
	padding-left: 5px;
}


.ts-color {
	-webkit-transition-property:color, text;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property:color, text;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: linear, ease-in;
	
	-o-transition-property:color, text;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: linear, ease-in;
}

.ts-background-color
{
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: linear, ease-in;
	-o-transition-property: background-color;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: linear, ease-in;
	transition: background-color 0.3s linear, ease-in;
}

/* Pagination */
#top .main_color .pagination, #top .fullsize .template-blog .pagination {
	padding: 30px 0 20px 0;
	text-align: center;
	/*font-family: 'Nanum Gothic';*/
}
#top .main_color .pagination .pagination-meta,
#top .fullsize .template-blog .pagination .pagination-meta {
	display: none;
}

#top .main_color .pagination a,
#top .main_color .pagination span,
#top .fullsize .template-blog .pagination a,
#top .fullsize .template-blog .pagination span {
	vertical-align: top;
	display: inline-block;
	float: none;
	margin-right: 0;
	color: #d1d1d1;
	font-size: 14px;
	border-radius: 0;
	border: 0 none;
	box-shadow: 0 0 0 0;
	background-color: transparent;
}
#top .main_color .pagination a:hover,
#top .fullsize .template-blog .pagination a:hover {
	color: #a1a19f;
}
#top .main_color .pagination .current,
#top .fullsize .template-blog .pagination .current {
	font-size: 14px;
	color: #a1a19f;
	background-color: transparent;
}
#top .main_color .pagination .prev,
#top .fullsize .template-blog .pagination .prev {
	background: url(../images/common/icon_prev.png) no-repeat 50% 50%;
	text-indent: -999em;
}
#top .main_color .pagination .next,
#top .fullsize .template-blog .pagination .next {
	background: url(../images/common/icon_next.png) no-repeat 50% 50%;
	text-indent: -999em;
}
#top .main_color .pagination .prev:hover,
#top .main_color .pagination .next:hover,
#top .fullsize .template-blog .pagination .prev:hover,
#top .fullsize .template-blog .pagination .next:hover {
	box-shadow: 0 0 1px 0;
}
/*
 * LAYOUT
 */
/*#header {position: fixed; top:0}*/

.logo img {
	top: 20px;
	left: 10px;
	padding-right: 10px;
}

.ifgw-main-visual {
	margin-top: 72px;
	background: #f6f6f6;
	border-bottom: 1px solid #e6e6e6;
}

.ifgw-main-visual .swiper-prex-next > a {
	position: absolute;
	top: 0%;
	width: 40px; 
	height: 40px;
	border-radius: 40px;
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.ifgw-main-visual .swiper-prex-next {
	max-width: 960px;
	margin: 0 auto ;
	position: relative;
	
}
.ifgw-main-visual .swiper-prex-next > a:hover {
	background-color: #999;
}

.ifgw-main-visual .swiper-prex-next > a.btn_prev {
	
	left: -50px;
	background-image: url(../images/main/icon_arrow_left.png);
}
.ifgw-main-visual .swiper-prex-next > a.btn_next {
	right: -50px;
	background-image: url(../images/main/icon_arrow_right.png);
}

.ifgw-main-visual .swiper-pagination {
	position:absolute;
	width: 100%;
	text-align: center;
	z-index:20;
	left:0px;
	bottom: -25px;
}
.ifgw-main-visual .swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #fff;
	margin-right: 5px;
	border: 1px solid #939393;
	cursor: pointer;
}
.ifgw-main-visual .swiper-visible-switch {
	background: #939393;
}
.ifgw-main-visual .swiper-active-switch {
	background:#939393;
}


/* Main - WHAT WE DO */
.ifgw-what-we-do {
	padding-top: 71px;
	background: #fff;
}


.ifgw-what-we-do li a span {
	display: block;
	height: 25px;
	text-align: center;
	color: #414141;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -0.5px;
}
.ifgw-what-we-do li a:hover {
	text-decoration: none;
}
.ifgw-what-we-do li a:hover span {
	color: #333;
}

.ifgw-our-work-title {
	/*margin-top: 72px;*/
	padding: 46px 0 13px 0px;
	background: #f6f6f6;
	/*font-family: 'Nanum Gothic';*/
	line-height: 1;
	letter-spacing: -0.5px;
	font-size: 12px;
	line-height: 18px;
	color: #434343;
}
.ifgw-our-work-title .container.ifgw {
	position: relative;
}
.ifgw-our-work-title dl {
	/*padding-left: 10px;*/
}
.ifgw-our-work-title dl dt {
	position: absolute;
	height: 18px;
	padding-right: 12px;
	border-right: 1px solid #a9a9a9; 
	
}
.ifgw-our-work-title dl dt span {

}
.ifgw-our-work-title dl dd {
	padding-left: 75px;
	padding-right: 245px;
	color: #929292;
	font-size: 13px;
}
.ifgw-our-work-title a {
	/*position: absolute;
	top: 0px;*/
	font-size: 12px;
	color: #434343;
}
.ifgw-our-work-title .navigation {
	position: absolute;
	top: 0;
	right: 0;
}
.ifgw-our-work-title a.prev,
.ifgw-our-work-title a[rel="prev"] {
	/*right: 150px;*/
	padding-left: 12px;
	background: url(../images/our_work/icon_prev.png) no-repeat left center;
	margin-left: 10px;
	margin-right: 10px;
}
.ifgw-our-work-title a.next,
.ifgw-our-work-title a[rel="next"] {
	/*right: 10px;*/
	padding-right: 12px;
	margin: 0 10px 0 38px;
	background: url(../images/our_work/icon_next.png) no-repeat right center;
}

.ifgw-our-work-content {
	/*font-family: 'Nanum Gothic';*/
	background: #fff;
}
.ifgw-our-work-content .contents {
	padding: 0 10px;
}
.ifgw-our-work-content .contents.homepage {
	padding: 5px 10px 70px 10px;
	font-size: 14px;
	color: #2e2e2e;
}
.ifgw-our-work-content .contents.homepage a {
	color: #7950ef;
	text-decoration: underline;
}
.ifgw-our-work-content .contents.tag {

	padding: 0;
	padding-bottom: 8px;
	margin: 0 10px;

	font-size: 13px;
	line-height: 1;
	border-bottom: 1px solid #989898;
	
}
.ifgw-our-work-content .contents.tag dt {
	position: absolute;
	height: 13px;
	padding-right: 15px;
	color: #434343;
	border-right: 1px solid #a9a9a9;
	letter-spacing: -1px;
}
.ifgw-our-work-content .contents.tag dd {
	padding-left: 55px;
	color: #929292;
}
.ifgw-our-work-content .contents.sns {
	height: 30px;
	position: relative;
}
.ifgw-our-work-content .contents.sns ul {
	position: absolute;
	right: 10px;
	top: 10px;
	overflow: hidden;
}
.ifgw-our-work-content .contents.sns ul li {
	float: left;
	margin-left: 8px;
}
.ifgw-our-work-content p {
	/*margin: 0;*/
}

.ifgw-our-work {
	position: relative;
	/*padding-top: 92px;*/
	background: #fff;
}
.ifgw-our-work ul.category,
.ifgw-blog ul.category {
	position: absolute; 
	right: 10px;
	top: -2px;
	overflow: hidden;
	/*font-family: "Open Sans", Sans-serif;
	font-weight: 600;*/
}

.ifgw-our-work ul.category li,
.ifgw-blog ul.category li {
	float: left;
	padding-left: 40px;
	/*padding-left: 20px;*/
}

.ifgw-our-work ul.category li.all,
.ifgw-blog ul.category li.all {
	padding-left: 0;
}

/* .ifgw-blog ul.category li a {
  color: #a1a1a1;
  text-transform: uppercase;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 2px 10px;

	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
} */

.ifgw-blog ul.category li a.on,
.ifgw-blog ul.category li a:hover {
  /* background: #a1a1a1;
  color: #ffffff; */
  text-decoration: none;
}

.ifgw-our-work ul.category li a,
.ifgw-blog ul.category li a {
	display: block;
	height: 18px;
	background-image: url(../images/our_work/btn_categories-v2.png);
	background-repeat: no-repeat;
	background-position: 0 -18px;
	
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.ifgw-blog ul.category li a {
	background-image: url(../images/blog/btn_categories.png);
}

.ifgw-our-work ul.category li.all a,
.ifgw-blog ul.category li.all a {
	width: 39px;
	background-position: 0 -18px;
}
.ifgw-our-work ul.category li.all a:hover, 
.ifgw-our-work ul.category li.all a.on,
.ifgw-blog ul.category li.all a:hover, 
.ifgw-blog ul.category li.all a.on {
	background-position: 0 0px;
}

.ifgw-our-work ul.category li.web a {
	width: 39px;
	background-position: -39px -18px;
}
.ifgw-our-work ul.category li.web a:hover, 
.ifgw-our-work ul.category li.web a.on {
	background-position: -39px 0px;
}

.ifgw-our-work ul.category li.print a {
	width: 46px;
	background-position: -78px -18px;
}
.ifgw-our-work ul.category li.print a:hover, 
.ifgw-our-work ul.category li.print a.on {
	background-position: -78px 0px;
}

.ifgw-our-work ul.category li.motion a {
	width: 56px;
	background-position: -124px -18px;
}
.ifgw-our-work ul.category li.motion a:hover, 
.ifgw-our-work ul.category li.motion a.on {
	background-position: -124px 0px;
}

.ifgw-our-work ul.category li.interactive a {
	width: 84px;
	background-position: -180px -18px;
}
.ifgw-our-work ul.category li.interactive a:hover, 
.ifgw-our-work ul.category li.interactive a.on {
	background-position: -180px 0px;
}

.ifgw-our-work ul.category li.others a {
	width: 56px;
	background-position: -264px -18px;
}
.ifgw-our-work ul.category li.others a:hover, 
.ifgw-our-work ul.category li.others a.on {
	background-position: -264px 0px;
}


.ifgw-blog ul.category li.company a {
	width: 67px;
	background-position: -39px -18px;
}
.ifgw-blog ul.category li.company a:hover, 
.ifgw-blog ul.category li.company a.on {
	background-position: -39px 0px;
}

.ifgw-blog ul.category li.insight a {
	width: 58px;
	background-position: -106px -18px;
}
.ifgw-blog ul.category li.insight a:hover, 
.ifgw-blog ul.category li.insight a.on {
	background-position: -106px 0px;
}

.ifgw-blog ul.category li.episode a {
	width: 60px;
	background-position: -164px -18px;
}
.ifgw-blog ul.category li.episode a:hover, 
.ifgw-blog ul.category li.episode a.on {
	background-position: -164px 0px;
}

.ifgw-blog ul.category li.sec-infographic a {
	width: 47px;
	background-position: -224px -18px;
}
.ifgw-blog ul.category li.sec-infographic a:hover, 
.ifgw-blog ul.category li.sec-infographic a.on {
	background-position: -224px 0px;
}


.ifgw-our-work ul.category li a span,
.ifgw-blog ul.category li a span {
	position: absolute;
	margin-top: -999px;
}


.ifgw-our-work ul.ifgw-grid-wrap {
	margin-left: 0;
}
.ifgw-our-work li.ifgw-grid {
	margin-bottom: 20px;
}
.ifgw-our-work li.ifgw-grid span.icon {
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	background-image: url(../images/our_work/icons-v2.png);
	text-indent: -9999px;
}
.ifgw-our-work li.ifgw-grid span.icon.web {
	background-position: 0 0;
}
.ifgw-our-work li.ifgw-grid span.icon.print {
	background-position: -30px 0;
}
.ifgw-our-work li.ifgw-grid span.icon.motion {
	background-position: -60px 0;
}
.ifgw-our-work li.ifgw-grid span.icon.interactive {
	background-position: -90px 0;
}
.ifgw-our-work li.ifgw-grid span.icon.others {
	background-position: -120px 0;
}

/* 메인 -Blog */
.ifgw-blog-visual {
	padding-top: 72px;
	background: #f6f6f6;
	border-bottom: 1px solid #e6e6e6;
}
.ifgw-blog-visual .container {
	max-width: 1050px;
	padding: 0;
}

.ifgw-blog {
	overflow: hidden;
	/*padding-top: 81px;*/
	background: #fff;
	/*font-family: 'Nanum Gothic';*/
}

.ifgw-blog .container.ifgw h3 {
	letter-spacing: -0.5px;
}

.ifgw-blog.main {
	padding-top: 72px;
}
.ifgw-blog dl {
	margin: 0 0 20px 0;
}
.ifgw-blog dt {
	position: relative;
	overflow: hidden;
	height: 100px;
	background: #f6f6f6;
}
.ifgw-blog dt a {
	display: block;
	height: 120px;
	/*font-family: 'Nanum Gothic';*/
}
.ifgw-blog dt span.icon {
	position: absolute;
	width: 100px;
	height: 100px;
	background-image: url(../images/blog/icons.png);
}
.ifgw-blog dt span.icon.company {
	background-position: 0 0;
}
.ifgw-blog dt span.icon.insight {
	background-position: -100px 0;
}
.ifgw-blog dt span.icon.episode {
	background-position: -200px 0;
}
.ifgw-blog dt span.icon.sec-infographic {
	background-position: -300px 0;
}
.ifgw-blog dt span.icon span {
	position: absolute;
	width: 120px;
	left: 138px;
	top: 20px;
	
	font-size: 12px;
	color: #979797;
}
.ifgw-blog dt a.on span.icon span,
.ifgw-blog dt a:hover span.icon span {
	color: #414141;
}
.ifgw-blog dt span.title {
	display: inline-block;
	height: 85px;
	
	overflow: hidden;
	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 2; /* 라인수 */
 	-webkit-box-orient: vertical;
 	word-wrap:break-word; 
 	
	padding: 40px 20px 0 138px;
	font-size: 18px;
	
	letter-spacing: -1px;
	color: #979797;

}
.ifgw-blog dt a {
	text-decoration: none !important;
}
.ifgw-blog dt a:hover {
	text-decoration: none !important;
}
.ifgw-blog dt a.on span.title,
.ifgw-blog dt a:hover span.title {
	color: #272727;
}
.ifgw-blog dt span.date {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 11px;
	color: #b2b2b2;
}
.ifgw-blog dd {
	display: none;
	padding-left: 100px;
}
body.single .ifgw-blog dd {
	display: block;
}
.ifgw-blog dd > div {
	background: #fcfcfc;
	padding: 30px 40px 35px 40px;
	color: #2e2e2e;
	font-size: 14px;
	letter-spacing: -0.3px;
	line-height: 24px;
}

.ifgw-blog dd p {
	padding-bottom: 30px;
}

.ifgw-blog dd p.title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 30px;
}

.ifgw-blog dd p.title:first-child {
	padding-top: 0px;
}

.ifgw-blog dd p.sign {
	position: relative;
	padding: 0;
}

.ifgw-blog dd p.sign span {
	display: block;
	padding-left: 70px;
}
.ifgw-blog dd p.sign span.icon {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 0;
}
.ifgw-blog dd p.sign span.company {
	color: #777777;
}
.ifgw-blog dd p.sign span.name {
	font-size: 12px;
}
.ifgw-blog dd p.sign span.name strong {
	font-size: 16px;
}
/* Client */
.ifgw-client {
	position: relative;
	padding-top: 72px;
	padding-bottom: 30px;
	background: #fff;
}
.ifgw-client .container.ifgw h3 {
	letter-spacing: 0px;
}
.ifgw-client a.more {
	position: absolute;
	right: 10px;
	top: 0;
	width: 20px;
	height: 20px;
	background-color: #d8d8d8;
	background-image: url('../images/main/icon_plus.png');
}

.ifgw-client a.more.minus {
	background-image: url('../images/main/icon_minus.png');
}
.ifgw-client a.more:hover {
	background-color: #8f8f8f;
}
.ifgw-client a.more span {
	display: none;
}

.ifgw-client ul {
	margin-left: 0px;
}
.ifgw-client li {
	margin-bottom: 20px;
}

/*
.ifgw-client .ifgw-grid.gd-2 {
	width: 120px;
}
*/


#footer {
	background: #4c4c4c;
}
#footer h3 {
	color: #fff;
	letter-spacing: -0.2px;
	margin: 14px 0 15px 0;
}
#footer .ifgw-grid {
	float: left;
}
#footer .ifgw-grid > p,
#footer .ifgw-grid > form {
	margin: 0;
	padding: 0 10px;
}
#footer .ifgw-grid > p {
	padding-left: 0;
}
#footer .ifgw-grid > div {
	margin: 0 0 0 10px;
}

#footer label span {
	/*display: none;*/
}

#top .footer_color .input-text, #top .footer_color input[type="text"], #top .footer_color input[type="input"], #top .footer_color input[type="password"], #top .footer_color input[type="email"], #top .footer_color input[type="number"], #top .footer_color input[type="url"], #top .footer_color input[type="tel"], #top .footer_color input[type="search"], #top .footer_color textarea, #top .footer_color select {
  color: #2f2f2f;
	width: 100%;
	background: #e0e0e0;
	padding: 10px 12px;
	border: 0px;
	/*font-family: 'Nanum Gothic';*/
	font-size: 14px;
	/*color: #b0b0b0;*/
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:    #9c9c9c;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #9c9c9c;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #9c9c9c;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #9c9c9c;
}

#top .footer_color input:focus, #top .footer_color textarea:focus {
	background: #f6f6f6;
}

/*#footer input,
#footer textarea {
	width: 100% !important;
	background: #e0e0e0 !important;
	padding: 10px 12px !important;
	border: 0px !important;
	font-family: 'Nanum Gothic' !important;
	font-size: 14px !important;
	color: #b0b0b0 !important;
}*/
#footer textarea {
	height: 216px;
}
#footer button {
	background: #2d2d2d;
	border: 0;
	display: block;
	width: 100%;
	height: 36px;
	/*font-family: 'Nanum Gothic' !important;*/
	font-size: 14px;
	font-weight: bold;
	color: #989898;
}
#footer button:hover {
	color: #fff;
	cursor: pointer;
}

/* Copywrite and Social */
.socket_color {
	background: #373737;
	padding: 16px 10px;
} 
.socket_color .container.ifgw {
	position: relative;
	overflow: hidden;
} 
.socket_color span.copyright {
	/*float: none !important;*/
	/*display: block;*/
	height: 30px;
	margin-top: 10px;
	/*padding-left: 10px;*/
	/*font-family: 'Nanum Gothic' !important;*/
	font-size: 12px;
}
/* .social_bookmarks {
	position: absolute !important;
	top: 0;
	right: 10px;
	overflow: hidden;
	float: none !important;
	margin: 0 !important;
	height: 40px !important;
	
}
.social_bookmarks li {
	width: 40px !important;
	height: 40px !important;
	border-radius: 0px !important;
	position: static !important;
	top: 0 !important;
	margin-left: 10px;
}
.social_bookmarks li a {
	width: 40px !important;
	height: 40px !important;
	border-radius: 0px !important;
	opacity: 0.5;
	background: url(../images/common/icons_social.png) no-repeat 0 0 !important;
}
.social_bookmarks li a:hover {
	opacity: 1;
}

.social_bookmarks li.social_bookmarks_twitter a {
	background-position: -40px 0 !important;
}

.social_bookmarks li.social_bookmarks_pinterest a {
	background-position: -80px 0 !important;
}

.social_bookmarks li.social_bookmarks_vimeo a {
	background-position: -120px 0 !important;
}

.social_bookmarks [data-av_icon]:before {
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-weight: normal;
} */

@media only screen and (max-width: 540px) {
	.socket_color span.copyright {
		/*height: 80px;*/
		padding-left: 5px;
	}
	 #top #wrap_all .social_bookmarks {
		float: left;
		margin-left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.responsive .logo {position: static; height: 72px !important; float:none; padding:0; border:none; width:80%; }
	.responsive .logo a {display: block; vertical-align: middle; height: 72px;} 
	.responsive #top #wrap_all #header {position: absolute; top: 0; width:100%; float:none; height:auto; margin:0; opacity: 1;}
	
	.container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 5px !important;
	}
	


	.ifgw-main-visual .swiper-container > a {
		display: none;
	}
	.ifgw-our-work-title dl dd {
		padding-right: 0px;
	}
	.ifgw-our-work-title .navigation {
		top: -30px;
		width: 100%;
	}
	.ifgw-our-work-title .navigation a[rel="prev"] {
		float: left;
		margin-right: 0;
	}
	.ifgw-our-work-title .navigation a[rel="next"] {
		float: right;
		margin-left: 0;
	}
	/*.ifgw-our-work-title a {
		top: -30px;
	}
	.ifgw-our-work-title a.prev {
		left: 10px;
	}
	.ifgw-our-work-title a.next {
		right: 10px;
	}*/
	
	.ifgw-our-work ul.category,
	.ifgw-blog ul.category {
		position: relative; 
		overflow: hidden;
	}
	
	.ifgw-our-work ul.category li,
	.ifgw-blog ul.category li {
		float: left;
		width: 20%;
		text-align: center;
		padding-left: 0px;
	}
	.ifgw-our-work ul.category li a,
	.ifgw-blog ul.category li a {
		margin: 0 auto;
	}
	.ifgw-our-work ul.category li.all {
		width: 14%;
	}
	.ifgw-our-work ul.category li.web {
		width: 14%;
	}
	.ifgw-our-work ul.category li.print {
		width: 15%;
	}
	.ifgw-our-work ul.category li.motion {
		width: 18%;
	}
	.ifgw-our-work ul.category li.interactive {
		width: 24%;
	}
	.ifgw-our-work ul.category li.others {
		width: 15%;
	}

	.ifgw-our-work li.ifgw-grid {
		margin-bottom: 10px;
	}
	
	.ifgw-blog dl {
		margin: 0 5px 10px 5px;
	}
	.ifgw-blog dt span.icon span {
		left: 120px;
		top: 15px;
	}
	.ifgw-blog dt a {
		text-decoration: none !important;
	}
	.ifgw-blog dt a:hover {
		text-decoration: none !important;
	}
	.ifgw-blog dt a:hover span.icon span {
		color: #414141;
	}
	.ifgw-blog dt span.title {
		padding: 40px 15px 0 120px;
		
	}
	.ifgw-blog dt span.date {
		right: 20px;
		top: 15px;
	}
	.ifgw-blog dd {
		display: none;
		padding-left: 0px;
	}
	.ifgw-blog dd > div {
		background: #fcfcfc;
		padding: 15px 20px 20px 20px;
	}
	
	.ifgw-client li {
		margin-bottom: 10px;
	}

	#footer .ifgw-grid > p {
		margin-bottom: 10px;
		display: none;
	}
	#footer input,
	#footer textarea {
		margin-bottom: 10px !important;
	}

	.ifgw-grid > a,
	.ifgw-grid > div {display: block; margin: 0 5px}

	.ifgw-grid.gd-1 {width: 12.5%}
	.ifgw-grid.gd-2 {width: 25%}
	.ifgw-grid.gd-3 {width: 37.5%}
	.ifgw-grid.gd-4 {width: 50%}
	.ifgw-grid.gd-8 {width: 100%}
	.ifgw-grid.gd-16 {width: 100%}
}

@media only screen and (max-width: 360px) {

	.ifgw-blog ul.category li {
		width: 33.333%;
	}

	.ifgw-our-work ul.category li.all,
	.ifgw-our-work ul.category li.web,
	.ifgw-our-work ul.category li.print,
	.ifgw-our-work ul.category li.motion {
		width: 25%;
		margin-bottom: 9px;
	}
	.ifgw-our-work ul.category li.interactive {
		width: 50%;
	}
	.ifgw-our-work ul.category li.others {
		width: 50%;
	}
	.ifgw-blog ul.category li.all,
	.ifgw-blog ul.category li.company,
	.ifgw-blog ul.category li.insight {
		margin-bottom: 9px;
	}
	.ifgw-blog ul.category li.episode,
	.ifgw-blog ul.category li.sec-information {
		width: 50%;
	}

}

/*
.ifgw-grid.gd-1 {width: 40px;}
.ifgw-grid.gd-2 {width: 100px;}
.ifgw-grid.gd-3 {width: 160px;}
.ifgw-grid.gd-4 {width: 220px;}
.ifgw-grid.gd-8 {width: 460px;}
.ifgw-grid.gd-16 {width: 940px;}
*/

figure {
	position: relative;
}
figcaption {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


figcaption .dimmed {
	height: 100%;
	width: 100%;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

figcaption p {

	position: absolute;
	bottom: 12px;
	color: #fff;
	padding: 0 15px;
	margin: 0;
	
	/*font-family: 'Nanum Gothic';*/
	font-size: 11px;
	
	visibility:hidden;
	-webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0; 
	
}

figcaption p span {
	display: block;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.5px;
}
figcaption p span.category {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
figure:hover figcaption .dimmed {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */
	opacity: 0.75;
	/*
	-webkit-transform: translate(15px, 15px);
	-moz-transform: translate(15px, 15px);
	-ms-transform: translate(15px, 15px);
	transform: translate(15px, 15px);
	*/
}

figure:hover figcaption p {
	opacity: 1;
    visibility: visible;
}