@charset "UTF-8";

/*

 * reset

 * font

*/



/* ================================================================================
/*  reset
/* ================================================================================ */
.tog_box, .tog_box *, .tog_box *:before, .tog_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a:hover {
	color: #000;
}



/* ================================================================================
/*  font
/* ================================================================================ */

/* Google Fonts Roboto
/* .................................................. */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

/* icon font
/* .................................................. */
@font-face {
	font-family: 'icons_tog';
	src:url('/pc/common/fonts/icons_tog_pc.eot?-t9ndzr');
	src:url('/pc/common/fonts/icons_tog_pc.eot?#iefix-t9ndzr') format('embedded-opentype'),
		url('/pc/common/fonts/icons_tog_pc.woff?-t9ndzr') format('woff'),
		url('/pc/common/fonts/icons_tog_pc.ttf?-t9ndzr') format('truetype'),
		url('/pc/common/fonts/icons_tog_pc.svg?-t9ndzr#icons_tog_pc') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icn_"]:before,
[class^="icn_"] a:before,
[class^="icn_"] a:after,
[class*=" icn_"]:before,
[class*=" icn_"] a:before,
[class*=" icn_"] a:after {
	font-family: 'icons_tog';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* alert */
.icn_alert a:before {
	content: "\e600";
}

/* arrow */
.icn_arrow_left a:before {
	content: "\e601";
}
.icn_arrow_right a:after {
	content: "\e602";
}
.icn_arrow_up a:after {
	content: "\e61c";
}
.icn_arrow_bottom a:after {
	content: "\e61d";
}
.icn_under a:after {
	content: "\e62c";
}

.icn_info a:before {
	content: "\e62b";
}
.icn_maintenance a:before {
	content: "\e62a";
}

.icn_change a:before {
	content: "\e603";
}
.icn_change_bg a:before {
	content: "\e604";
}
.icn_comments a:before {
	content: "\e605";
}
.icn_comments_bg a:before {
	content: "\e606";
}
.icn_friendlist a:before {
	content: "\e607";
}
.icn_friendlist_bg a:before {
	content: "\e608";
}
.icn_friendlist_mini a:before {
	content: "\e62d";
}
.icn_game a:before {
	content: "\e609";
}
.icn_game_search a:before {
	content: "\e60a";
}
.icn_gold a:before {
	content: "\e60b";
}
.icn_golds a:before {
	content: "\e60c";
}
.icn_golds_gb a:before {
	content: "\e60d";
}
.icn_help_send a:before {
	content: "\e60e";
}
.icn_home a:before {
	content: "\e60f";
}
.icn_mail a:before {
	content: "\e610";
}
.icn_presents a:before {
	content: "\e611";
}
.icn_smile a:before {
	content: "\e612";
}
.icn_register a:before {
	content: "\e630";
}
.icn_guide a:before {
	content: "\e631";
}
.icn_campaign a:before {
	content: "\e632";
}

/* user */
.icn_user_arrow a:before {
	content: "\e613";
}
.icn_user_arrow_bg a:before {
	content: "\e614";
}
.icn_user_friends a:before {
	content: "\e615";
}
.icn_user_friends_bg a:before {
	content: "\e616";
}
.icn_user_plus a:before {
	content: "\e617";
}
.icn_user_plus_bg a:before {
	content: "\e618";
}
.icn_user_search a:before {
	content: "\e619";
}
.icn_user_search_bg a:before {
	content: "\e61a";
}

.icn_lock a:before {
	content: "\e61b";
}
.icn_unlock a:before {
	content: "\e626";
}

.icn_pencil a:before {
	content: "\e625";
}

.icn_rankup a:before {
	content: "\e61e";
}

.icn_check a:after {
	content: "\e61f";
}

/* new */
.icn_new a:after {
	content: "\e622";
}
.icn_corner:before {
	content: "\e620";
}
.icn_corner_new:before {
	content: "\e621";
}

.icn_require a:after {
	content: "\e623";
}

.icn_review:before {
	content: "\e627";
}

/* overlay */
.icn_close a:before {
	content: "\e624";
}

/* png icon */
.icn_beginner a:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/pc/common/images/icon/icn_beginner.png)no-repeat 0 0;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
}

.icn_mygame a:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(/pc/common/images/icon/icn_mygame.png)no-repeat 0 0;
	background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
}