@charset "utf-8";
body.company_wrap {background:url("/static/images/common/background_company.jpg") left top;text-align:center;}
body.game_wrap {background:url("/static/images/common/background_game.jpg") left top;text-align:center;}
body.support_wrap {background:url("/static/images/common/background_support.jpg") left top;text-align:center;}
body.recruit_wrap {background:url("/static/images/common/background_recruit.jpg") left top;text-align:center;}

#support-wrap {background:url("/static/images/common/background_support.jpg") left top;text-align:center;}

.lnb_deco {height:6px;width:1%;}
.lnb ul {display:none;}

.lnb li {height:50px;overflow:hidden;border-bottom:1px solid #d9d9d9;border-top:1px solid #efeded;}
.lnb li a {
	padding-left: 40px;
	width: 203px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Nanum Gothic', sans-serif;
	text-align: left;
	color: #000000;
	display: block;
}

/* common */
.titlebar {text-align:left;margin-left:20px;margin-right:26px;border-top:1px solid #b1b1b1;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;background:#3c3c3c;padding-left:15px;font-size:12px;line-height:1;}
.insideWwrap {margin-left:20px;margin-right:26px;}

/* absout us */
body.company_wrap .contents {}
.aboutus_sec0 {padding-bottom:120px;padding-top:37px;}
.aboutus_sec0 .overview {height:406px;background:url("/static/images/company/bg_overview.gif") no-repeat left top;width:100%;overflow:hidden;margin-top:66px;}
.aboutus_sec0 .overview ul {display:table;width:85%;margin-left:auto;margin-right:auto;}
.aboutus_sec0 .overview ul li {float:left;width:33%;text-align:center;height:203px;}

.aboutus_sec1 {font-family: 'Nanum Gothic', sans-serif;}
.aboutus_sec1 table {margin:30px; color: #1d1d1d;}
.aboutus_sec1 td.date {padding:5px 20px; font-size: 14px; font-weight: bold; letter-spacing: -1px; vertical-align: top;}
.aboutus_sec1 td.content {padding:5px 10px; font-size: 13px;}

.vision_sec0 {width: 775px; height: 740px; background: url("/static/images/company/img_pativision01.jpg") no-repeat;}
.vision_sec1 {width: 775px; height: 778px; background: url("/static/images/company/img_pativision02.jpg") no-repeat;}

.irheader {margin-left:20px;margin-right:26px;padding-top:50px;padding-bottom:40px;}
.irtab {margin:0px 20px 40px; height:40px;}
.irtab ul li {float:left; background-color:#007; line-height:40px; vertical-align: middle; margin-right:2px;}
.irtab ul li a {display:block; padding-left:15px; color:white; background-color:#737979; font-size:14px; width:166px;
	background-image:url('/static/images/company/tab_arrow.png'); background-position: 92% -10px; background-repeat: no-repeat;}
.irtab ul li a.active {background-color:#34B2DE; background-position: 92% 18px;}

.contactus_sec0 {padding-bottom:70px;}
.contactus_sec0 .bus {
	background:url("/static/images/company/ico_bus.png") no-repeat left top;
	font-family: 'Nanum Gothic', sans-serif;
}
.contactus_sec0 .car {
	background:url("/static/images/company/ico_car.png") no-repeat left top;
	font-family: 'Nanum Gothic', sans-serif;
}
.contactus_sec0 .bus>h2, .contactus_sec0 .car>h2 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.contactus_sec0 .fax01 {font-weight: normal;}
.contactus_sec0 .fax01>span {width: 35px; display: inline-block; font-weight: bold;}
.contactus_sec0 .fax02 {padding-left: 35px; font-weight: normal;}
.contactus_sec0 .fax02>span {font-weight: bold; color: #0fa7ff;}
.contactus_sec0 ol {padding-top:30px;}
.contactus_sec0 h2,
.contactus_sec0 p {padding-left:52px;}
.wrap2 {width:49%;float:left;}
.contactus_sec0 .imgmap {padding-top:20px;padding-bottom:20px;text-align:center;}
.contactus_sec0 .txt {padding-left:0;}
.contactus_sec1 {padding-top:37px;padding-bottom:60px;}
.contactus_sec1 ul {padding-top:35px;padding-left:10px;}
.contactus_sec1 ul li {padding-bottom:10px;} 
.contactus_sec1 ul li strong {display:inline-block;width:122px;}

/* games */
h1.game-title {
	margin-bottom: 10px;
	margin-left: 35px;
	padding-top: 29px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Nanum Gothic', sans-serif;
	color: #000000;
}
.game-summary-wrap {
	position: relative;
	margin-bottom: 30px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.game-summary-wrap>.screenshot {
	position: absolute;
	top: 0;
	left: 35px;
	width: 473px;
	height: 319px;
	background: #ffffff;
	overflow: hidden;
}
.game-summary-wrap>.article-rolls {
	position: absolute;
	top: 1px;
	/*left: 35px;*/
	width: 473px;
	height: 319px;
	background: #ffffff;
	/*overflow: hidden;*/
}
.game-summary-wrap>.info {
	position: absolute;
	top: 35px;
	left: 530px;
	font-family: 'Nanum Gothic', sans-serif;
}
.game-summary-wrap>.info>h1 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.game-summary-wrap>.info>h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
.game-summary-wrap>.info>.platform {margin-top: 70px;}
a.download-ios {
	width: 47px;
	height: 49px;
	display: inline-block;
	background: url("/static/images/games/ico_itunes.png") no-repeat;
}
#intro_image_rolling_btn>span.leftB {
	left: 257px;
	z-index: 10000;
	width: 40px;
	height: 63px;
	background: url("/static/images/games/btn_arrow_gamepreview.png") top center no-repeat;
}
#intro_image_rolling_btn>span.leftB>a {
	display: block;
	width: 40px;
	height: 63px;
}
#intro_image_rolling_btn>span.rightB {
	left: 191px;
	z-index: 10000;
	width: 40px;
	height: 63px;
	background: url("/static/images/games/btn_arrow_gamepreview.png") bottom center no-repeat;
}
#intro_image_rolling_btn>span.rightB>a {
	display: block;
	width: 40px;
	height: 63px;
}
a.download-android {
	width: 47px;
	height: 49px;
	display: inline-block;
	background: url("/static/images/games/ico_googleplay.png") no-repeat;	
}
a.download-naver {
	width: 47px;
	height: 49px;
	display: inline-block;
	background: url("/static/images/games/ico_naverstore.png") no-repeat;	
}
a.download-kakao {
	width: 47px;
	height: 49px;
	display: inline-block;
	background: url("/static/images/games/ico_kakaoshop.png") no-repeat;
}
a.download-uplus {
	width: 47px;
	height: 49px;
	display: inline-block;
	background: url("/static/images/games/ico_uplus.png") no-repeat;
}
a.download-tworld {
	width: 47px;
	height: 49px;
	display: inline-block;
	background: url("/static/images/games/ico_tworld.png") no-repeat;	
}
a.download-olleh {
	width: 47px;
	height: 49px;
	display: inline-block;
	background: url("/static/images/games/ico_olleh.png") no-repeat;	
}
a.download-one {
	width: 47px;
	height: 49px;
	display: inline-block;
	background: url("/static/images/games/ico_one.png") no-repeat;
}
.game-summary {
	width: 100%;
	height: 321px;
	background: #e7e7e7;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.game-features {
	margin-left: 35px;
	margin-bottom: 30px;
	font-family: 'Nanum Gothic', sans-serif;
}
.game-features>h2 {
	margin-bottom: 10px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #2b2b2b;
	background: url("/static/images/games/bl_features.png") no-repeat 0 2px;
}
.game-features>h3 {
	padding-left: 20px;
	line-height: 150%;
	font-size: 14px;
	font-weight: normal;
	color: #686868;
}	
a.fanpage {
	width: 50px;
	height: 55px;
	display: inline-block;
}

.ico_good {background-image:url("/static/images/games/ico_fanpage.png");background-repeat:no-repeat;display:inline-block;width:32px;height:32px;}
.gtype0 {background-position:left top;}
.gtype1 {background-position:left -49px;}
.gtype2 {background-position:left -104px;}
.gtype3 {background-position:left -162px;}
.gtype4 {background-position:left -219px;}
.gtype5 {background-position:left -278px;}
.gtype6 {background-position:left -338px;}
.gtype7 {background-position:left -387px;}
.gtype8 {background-position:left -445px}
.gtype9 {background-position:left -500px}


body.recruit_wrap .contents {}
.info_sec0 {padding-bottom:75px;padding-top:37px;}
.info_sec0 article {margin-top:50px;background:#e4e5e6 url("/static/images/recruit/bg_recuritstep.jpg") no-repeat left top;height:102px;}
.info_sec0 ol {margin-left:21px;}
.info_sec0 ol li {float:left;}

.info_sec1 article {padding-top:30px;padding-bottom:60px;padding-left:35px;}
.info_sec1 ul.disc li {list-style: disc; margin-left:21px;}

.tit_sec {padding-top:50px;padding-bottom:50px;}
.bgboard {background:#FFFFFF url("/static/images/support/bg_board.jpg") no-repeat right bottom !important;padding-bottom:210px;}
.bgpressboard {background:#FFFFFF url("/static/images/support/bg_press_board.jpg") no-repeat right bottom !important;padding-bottom:210px;}
.news_sec0 {position:relative;}
.news_sec0 .table_wrap {border:1px solid red;margin-left:30px;margin-right:32px;margin-top:25px;border:1px solid #e6e5e5;padding:20px 30px;background:#FFF;}
.news_sec0 .list {min-height:400px;}
.news_sec0 .table_wrap table {width:100%;}
.news_sec0 .table_wrap table thead th {border-top:2px solid #fcea9b;text-align:left;padding-top:6px;padding-bottom:6px;}
.news_sec0 .table_wrap table thead td {padding-top:6px;padding-bottom:6px;}
.news_sec0 .table_wrap table tbody td {border-top:2px solid #e8e8e8;padding-top:6px;padding-bottom:6px;color:#282828;}
.news_sec0 .btnA {position:absolute;right:0;top:0;}
.news_sec0 .table_wrap table tbody td .cont {padding-top:25px;padding-bottom:25px;min-height:300px;}
.news_sec0 .table_wrap table tbody td .cont2 {padding-top:25px;padding-bottom:25px;min-height:100px;}
.news_sec0 .paging {padding-right:48px;padding-top:5px;text-align:right;font-size:12px;padding-bottom:40px;}
.news_sec0 .paging a {color:#3c3c3c;}
.news_sec0 .paging strong {color:#3c3c3c;}

.news_sec0 .btnArea {text-align:center;padding-top:10px;}
.news_sec0 .btnArea img {margin-left:7px;margin-right:8px;margin-top:10px;}

.bg-support {
	background: url("/static/images/support/bg_support_board.gif") no-repeat top right !important;padding-bottom: 100px;
}
h1.support-title {
	margin-bottom: 10px;
	margin-left: 35px;
	padding-top: 50px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Nanum Gothic', sans-serif;
	color: #000000;
}
.support-summary {
	margin-left: 35px;
	margin-bottom: 30px;
	font-family: 'Nanum Gothic', sans-serif;
}
.support-summary>a.btn-gocafe {
	margin: 5px 0 15px;
	width: 101px;
	height: 31px;
	display: block;
	background: url("/static/images/support/btn_gocafe.png") no-repeat;
}
.support-list {
	margin-left: 35px;
	margin-bottom: 30px;
	font-family: 'Nanum Gothic', sans-serif;
}
.support-list>h2 {
	margin-bottom: 10px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #2b2b2b;
	background: url("/static/images/support/bl_support_list.png") no-repeat 0 2px;
}
.support-list>h3 {
	padding-left: 20px;
	line-height: 150%;
	font-size: 14px;
	font-weight: normal;
	color: #686868;
}
.support-list>a.btn-ask {
	width: 131px;
	height: 42px;
	display: block;
	background: url("/static/images/support/btn_ask.png") no-repeat;
}
.support-guide-npc {
	position: absolute;
	z-index: 10;
	top: 152px;
	left: 700px;
	width: 223px;
	height: 369px;
	background: url("/static/images/support/img_support_npc.png") no-repeat;
}

.mail-form-wrap {
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 100px;
	width: 729px;
	font-family: 'Nanum Gothic', sans-serif;
}
.mail-form-wrap>h1 {
	padding-top: 7px;
	padding-left: 70px;
	height: 55px;
	font-size: 14px;
	line-height: 150%;
	color: #000000;
	background: url("/static/images/support/img_mailform_title.png") no-repeat;
}
.mail-form-wrap>h1>span {color: #ff6100}
.mail-form-wrap>h2 {
	margin: 10px auto 0;
	padding-left: 20px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	color: #ffffff;
	display: block;
	background: #3c3c3c;
}
.mail-form-wrap>.mail-default {padding: 15px; line-height: 200%; background: #ffffff;}
.mail-form-wrap>.mail-content {padding: 15px; line-height: 200%; background: #ededed;}
.mail-form-wrap>.mail-agreement {padding: 15px 0; line-height: 200%; background: #ffffff;}

.mail-form-wrap>.mail-default .user-id {}

.mail-form-wrap>.mail-default>label, .mail-form-wrap>.mail-content>label
{width: 100px; font-weight: bold; color: #1d1d1d; display: inline-block;}
.mail-form-wrap>.mail-default>h3,  .mail-form-wrap>.mail-content>h3
{margin-bottom: 10px; padding-left: 105px; font-weight: normal;}
.mail-form-wrap>.mail-content>h4 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #f14e16;
	border-top: 1px dotted #cacaca;
}
.mail-form-wrap>.mail-agreement>.txt-agreenment {
	padding: 15px;
	height: 100px;
	line-height: 150%;
	border: 1px solid #e1e1e1;
	overflow: auto;
}
.mail-form-wrap>.mail-action {
	margin-top: 15px;
	padding-top: 15px;
	height: 42px;
	text-align: center;
	border-top: 1px dotted #d9d9d9;
}
.mail-form-wrap>.mail-action>input.btn-submit {
	width: 131px;
	height: 40px;
	background: url("/static/images/support/btn_send_mail.png") no-repeat;
	border: 0;
	cursor: pointer;
}
.mail-form-wrap>.mail-action>a.btn-cancel {width: 74px; height: 40px;}

select.game-title, select.market-info, select.mail-kind, select.request-kind {
	width: 172px;
	height: 22px;
	border: 1px solid #e1e1e1;
}
select.mobile-telecom, select.mobile-first-field {
	width: 70px;
	height: 22px;
	border: 1px solid #e1e1e1;
}
input.mobile-field {
	width: 70px;
	height: 20px;
	border: 1px solid #e1e1e1;
}
input.user-id, input.mail-address {
	width: 170px;
	height: 20px;
	border: 1px solid #e1e1e1;
}
input.request-title {
	width: 550px;
	height: 20px;
	border: 1px solid #e1e1e1;
}
textarea.request-body {
	margin: 2px 0;
	width: 550px;
	height: 150px;
	border: 1px solid #e1e1e1;
}
.mail-complete-msg {
	padding-top: 85px;
	width: 729px;
	line-height: 160%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: url("/static/images/support/ico_mail.png") no-repeat top center;
}
.mail-complete-msg>span {color: #ff6100;}