
.more {clear:both; text-align:center; padding-bottom:20px;}
.more a {display:inline-block;padding:12px 40px; margin:20px 0; color:#fff; line-height:1; font-size:16px; border:2px solid #fff; border-radius:8px;}

/* 게임아이템 */
.item .type {position:absolute; width:100%; text-align:center; bottom:40px; opacity:0;}
.item .type a {display:inline-block; width:50px; height:50px; margin:0 5px; border-radius:25px; border:3px solid #fff; background-color:rgba(0, 0, 0, 0.5); background-position:50%;}
.item .type a:hover {
	background-color:rgba(0, 0, 0, 1);
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
}

.item .type a.android {background-image:url(../images/common/icon_android.png); background-size:60%; background-repeat:no-repeat; background-position:50%;}
.item .type a.ios {background-image:url(../images/common/icon_ios.png); background-size:60%; background-repeat:no-repeat; background-position:50%;}
.item a.btn_ios,
.item a.btn_android {position:absolute; display:block; top:0; left:0; width:100%; height:100%;}/* 모바일일 때 jquery에서 생성. 모바일 전용 */

.item .wrap>div>div {
	display:block; width:100%; height:100%;
	background-size: cover;
	background-position: 50% center;
	background-repeat: no-repeat;
}
.item .wrap>div:hover>div {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}

.item .wrap>div:hover .type {opacity:1;}

/* 회사소개 */
.company {
	width:100%; height:100%; color:#fff; line-height:2;word-break:keep-all;	
	background-image:url(../images/common/company_bg2.jpg);
	background-size:cover;
	background-repeat:no-repeat;	
}
.company .inner p {margin-bottom:50px;}
.company .inner p:last-child {margin-bottom:0;}
.company .inner .fs36 {font-size:36px; font-weight:600;}

.company .active {
	-webkit-animation: ani_fadeIn 1s 0s 1 ease;
	-moz-animation: ani_fadeIn 1s 0s 1 ease;
	-o-animation: ani_fadeIn 1s 0s 1 ease;
	animation: ani_fadeIn 1s 0s 1 ease;
}

/* ************************ 데스크탑 (992~) ************************ */
@media (min-width: 992px){
	.item {padding:15px;}
	.item>li {padding:15px;}
	.item .wrap {padding:10px;overflow:hidden;border-radius:8px; background:#fff; /* background: rgba(255, 255, 255, 0.9) */; opacity:1;}
	.item .wrap.off {opacity:.6;}	
	.item .wrap>div {overflow:hidden; cursor:pointer; border-radius:6px; position:relative; cursor:default;}
	.item .wrap>div>div {overflow:hidden; border-radius:6px;}
	.item .wrap p {letter-spacing:-0.5px; font-size:16px; text-align:center; line-height:1.2; padding:15px 0 5px 0; margin:0;}
	
	.company{
		padding:150px 60px 100px 100px;
		background-position:50% 30%;
	}
	.company .inner {max-width:700px; font-size:16px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
	.item {padding:5px;}
	.item>li {padding:8px }
	.item .wrap {padding:5px; padding-bottom:0; overflow:hidden;border-radius:8px; background:#fff; /* background: rgba(255, 255, 255, 0.9) */;}
	.item .wrap>div {overflow:hidden; cursor:pointer; border-radius:6px; position:relative;}
	.item .wrap>div>div {overflow:hidden; border-radius:6px;}
	.item .wrap p {font-family:AppleSDGothicNeo-Light,DroidSans,HelveticaNeue,sans-serif; font-weight:600; letter-spacing:-0.5px; font-size:14px; text-align:center; line-height:1.2; margin:0; padding:10px;}
	
	.company {
		padding:50px 30px 70px 30px; line-height:1.8;
		background-position:50%;
	}
	.company .inner {font-size:16px;}
	.company .inner p {margin-bottom:30px; }
}

