/* common */

address {margin:0;}

body {
	background-color:#000000;
	background-image:url('/assets/pc_mainBack01.webp');
	background-position:center top;
	background-repeat:repeat;
	background-size:auto;
	color:#FFFFFF;
	font-family:"Noto Sans", sans-serif;
	font-size:16px;
	word-spacing:0;
	word-break:keep-all;
	margin:0 auto;
	max-width:1200px;
	padding:0;
	text-align:center;
	overflow-x:hidden;
	overflow-y:auto
	text-align:center;
}

html {-webkit-text-size-adjust:none; -webkit-user-select:none; -moz-text-size-adjust:none; -moz-user-select:none; -ms-text-size-adjust:none; -ms-user-select:none; text-size-adjust: none; user-select:none;}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent;}
input:focus {outline: 1px solid #929292;}

img {border:0;}
img:focus {none}

label {font-weight:normal;}
table {border-collapse:collapse; padding:0; border-spacing:0}
td, th {padding:0;}
ul,ol,dl {list-style:none; margin-bottom:0; margin:0; padding:0;}
p {margin:0;}


/* ------------------- class Mobile (a~z) ------------------- */

.mb_bodySet {
	background-color:#000000;
	width:100%;
}

.mb_con01Back {
	background-image:url('/assets/mb_mainBack01--.webp');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	text-align:right;
}

.mb_con02 {
	color:#777777;
	font-family:'Noto Sans KR', sans-serif;
	font-size:3.15vw;
	line-height:4.5vw;
	padding:3% 7.3% 8% 7.3%;
	text-align:left; vertical-align:top;
}

.mb_con03 {
	background-color:#444444;
}

.mb_con04 {
	color:#777777;
	font-family:'Noto Sans KR', sans-serif;
	font-size:3.4vw;
	line-height:4.6vw;
	padding:7.5% 7.3% 6% 7.3%;
	text-align:justify;
	vertical-align:top;
}

.mb_con05 {
	color:#777777;
	font-family:'Noto Sans KR', sans-serif;
	font-size:3.4vw;
	line-height:4.6vw;
	padding:0 7.3% 6% 7.3%;
	text-align:left;
}

.mb_con05title {
	color:#BE9C64;
	font-family:'Noto Sans KR', sans-serif;
	font-size:4vw;
	padding:0 7.3% 3% 7.3%;
}

.mb_con10 {
	color:#BE9C64;
	font-family:'Noto Sans KR', sans-serif;
	font-size:6vw;
	padding:0.1% 7.3% 2.5% 7.3%;
	text-align:left; vertical-align:top;
}

.mb_con11 {
	text-align:right; vertical-align:top;
	padding:2.5% 7.3% 0 0;
}

.mb_noticeLine01 {
	display:block;
	font-size:4.2vw;
	overflow:hidden;
	padding:2.5% 0 0 0;
	text-overflow:ellipsis;	
	white-space:nowrap;
	width:344px;
}

.mb_noticeLine02 {
	color:#666666;
	font-size:3.4vw;
	padding:1% 0 2.5% 0;
}

.mb_noticeLine03 {
	background-color:#454545;
	height:1px;
}

.mb_noticeLine04 {
	padding:0 7.3% 0 7.3%;
}

.mb_noticeLine05 {
	padding:7% 0 7% 0;
	text-align:center;
	width:20%;
}

.mb_noticeLine06 {
	font-size:4.2vw;
	padding:3% 0 3% 0;
	text-align:left;
	width:20%;
}

.mb_noticeLine07 {
	color:#666666;
	font-size:3.8vw;
	padding:2% 0 2% 0;
	text-align:left;
	width:60%;
}

.mb_noticeLine08 {
	color:#666666;
	font-size:3.8vw;
	padding:2% 0 2% 0;
	text-align:right;
	width:40%;
}

.mb_underTx {
	font-size:3.4vw;
	text-align:center;
	padding:2% 7.3% 27% 7.3%;
}


/* --------------------- class PC (a~z) --------------------- */

.pc_avasol01 {
	background-image:url('/assets/pc_mainBack02.webp?ver=1');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:1150px 680px;
	margin:0 auto;
	width:1150px; height:680px;
}

.pc_avasol02 {
	text-align:left; vertical-align:top;
	width:1150px; height:100px;
}

.pc_avasol03 {
	text-align:left; vertical-align:top;
	width:382px; height:254px;
}

.pc_avasol04 {
	text-align:left; vertical-align:top;
	width:380px; height:254px;
}

.pc_avasol05 {
	text-align:left; vertical-align:top;
	width:388px; height:254px;
}

.pc_avasol06 {
	text-align:right; vertical-align:top;
	width:1150px; height:72px;
}

.pc_avasol10 {
	color:#BE9C64;
	font-size:18px;
	margin:34px 0 0 43px;
}

.pc_avasol11 {
	color:#A3A3A3;
	font-size:14px;
	margin:15px 0 0 45px;
	text-align:left;
	width:300px;
}

.pc_avasol12 {
	color:#A3A3A3;
	font-size:14px;
	margin:10px 0 0 45px;
	text-align:left;
	width:300px;
}

.pc_avasol20 {
	background-image:url('/assets/pc_mainBack03.webp?ver=2');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:1150px 680px;
	width:1150px; height:680px;
}

.pc_avasol21 {
	text-align:left; vertical-align:top;
	width:1150px; height:70px;
}

.pc_avasol22 {
	text-align:right; vertical-align:top;
	width:1150px; height:70px;
}

.pc_avasol23 {
	background-image:url('/assets/pc_mainBack04.webp?ver=2');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:1150px 680px;
	width:1150px; height:680px;
}

.pc_btnOver {
	cursor:pointer;
}

.pc_chartTitle {
	width:98px; height:19px;
}

.pc_fontType01 {color:#999999; 	font-family:'Inter', san-serif; font-size:13.5px;}
.pc_fontType02 {color:#D8D8D8; cursor:pointer; font-family:'Inter', san-serif; font-size:13.5px;}
.pc_fontType02:hover {color:#FFFFFF;}
.pc_fontType03 {color:#999999; cursor:pointer; font-family:'Inter', san-serif; font-size:13.5px;}
.pc_fontType03 a {color:#999999; text-decoration:none;}
.pc_fontType03 a:hover {color:#FFFFFF;}
.pc_fontType03:hover {color:#FFFFFF;}
.pc_fontType04 {color:#FFFFFF;}
.pc_fontType05 {color:#C9AB7C;}

.pc_noticeDate {
	color:#636363;
	font-family:'Noto Sans KR', san-serif; font-size:13px;
	width:95px;
}

.pc_noticeLine01 {
	color:#AAAAAA;
	cursor:pointer;
	font-family:'Noto Sans KR', san-serif; font-size:15px;
	width:345px;

	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.pc_noticeLine01 a {
	color:#AAAAAA;
	text-decoration:none;
}

.pc_noticeLine01 a:hover {
	color:#FFFFFF;
}

.pc_noticeLine02 {
	color:#676767;
	cursor:pointer;
	font-family:'Noto Sans KR', san-serif; font-size:15px;
	width:345px;
	
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.pc_noticeLine02 a {
	color:#AAAAAA;
	text-decoration:none;
}


.pc_noticeLine02 a:hover {
	color:#FFFFFF;
}

.pc_noticeTitle {
	text-align:left; vertical-align:top;
	width:122px; height:39px;
}

.pc_visitorTable {
	background-color:#000000;
	border:1px solid #666666;
	border-collapse:collapse;	
}

.pc_visitorTable td {
	border:1px solid #666666;
	padding: 4px 8px;
}

.pc_visitorTableTd01 {
	color:#AAAAAA;
	font-family:'Noto Sans KR', sans-serif;
	font-size:14px;
	text-align:right;
	padding:1px 3px 1px 3px;
}

.pc_visitorTableTd02 {
	color:#FFFFFF;
	text-align:right;
	font-family:'Noto Sans KR', sans-serif;
	font-size:14px;
	padding:1px 3px 1px 10px;
}

.tx_white {color:#FFFFFF;}

/* -------------------- div Mobile (a~z) -------------------- */

#mb_con01 {
  background:url('/assets/pc_coinMov.gif') no-repeat center top;
  background-size:100% 100%;
  float:right;
  margin-right: -7%;
  overflow:hidden;
  position:relative;  
  width:71.7%;
  z-index:10;  
}

#mb_con01cover {
	position:absolute;
	width:100%;
	top:0; left:0;
	z-index:50;
}

#mb_noticeViewArea {
	border:none;
	box-sizing: border-box;
	-color:transparent;
	color:#AAAAAA;
	overflow-x:hidden; overflow-y:scroll;
	padding:10px 20px 10px 20px;
	width:100%; height:520px;
}

#mb_noticeViewArea::-webkit-scrollbar {
	width:20px;
}

#mb_noticeViewArea::-webkit-scrollbar-track {
	background:#111111;
	border:none;
}

#mb_noticeViewArea::-webkit-scrollbar-thumb {
	background-color:#666666;
	border-radius:10px;
	border:none;
}

#mb_noticeViewArea::-webkit-scrollbar-thumb:hover {
	background-color:#AAAAAA;
}

#mb_noticeViewArea {
	scrollbar-width:auto;
	scrollbar-color:#666666 #111111;
}

/* ---------- mobile: vertical ------------ */
@media screen and (orientation: portrait) {

	#mb_menuBar {
		background-color:#303030;
		box-shadow:0 -5px 5px rgba(0, 0, 0, 0.2);
		position:fixed;
		text-align:center;
		top:90%;
		width:100%; height:20%;
		z-index:1000;
	}
}

/* ---------- mobile: holizontal ------------ */
@media screen and (orientation: landscape) {

	#mb_menuBar {
		background-color:#303030;
		box-shadow:0 -5px 5px rgba(0, 0, 0, 0.2);
		position:fixed;
		text-align:center;
		top:82%;
		width:100%; height:20%;
		z-index:1000;
	}
}

/* ---------------------- div PC (a~z) ---------------------- */

#pc_allContents-wrap {
	display:flex;
	justify-content:center; align-items:center;
	overflow:hidden;
	position:relative;
	width:100%;	height:100vh;	
}

#pc_contentArea {
	position:relative;
	width:1150px;
	z-index:30;
}

#pc_contentArea .item01 {	
	display:flex; justify-content: flex-start;
	position:relative;
	width:1150px; height:680px;
	z-index:100;
}

#pc_contentArea .item02 {
	background-image:url('/assets/pc_coinBack02.png');
	background-position:center top;
	background-repeat:no-repeat;
	color:#5D5D5D; font-family:'Inter', san-serif; font-size:14.5px;
	line-height:17.5px;
	padding:240px 0 0 33px;
	position:relative;
	text-align:left;
	vertical-align:top;
	width:375px; height:680px;	
}

#pc_contentArea .item03 {
	background-color:#000000;
	background-image:url('/assets/pc_coinBack01.png');
	background-position:center top;
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
	position:relative;
	width:400px; height:680px;	
}

#pc_contentArea .item04 {
	color:#5D5D5D; font-family:'Inter', san-serif; font-size:14.5px;
	line-height:17.5px;
	padding:159px 0 0 40px;
	position:relative;
	text-align:left;
	vertical-align:top;
	width:375px; height:680px;
}

#pc_contentArea .item05 {
	position:absolute;
	top:427px; left:30px;
	z-index:120;
}

#pc_contentArea .item06 {
	position:absolute;
	top:406px; left:708px;
	z-index:120;
}

#pc_contentArea .item07 {
	position:absolute;
	top:427px; left:732px;
	z-index:120;
}

#pc_contentArea .item08 {
	position:relative;
	width:1150px; height:680px;
	z-index:150;
}

#pc_contentArea .item09 {
	position:relative;
	width:1150px; height:680px;
	z-index:150;
}

#pc_contentArea .item10 {
	position:relative;
	width:1150px; height:680px;
	z-index:150;
}

#pc_contentBoard {
	display:flex;
	justify-content:center; align-items:flex-start; 
	overflow-y:scroll;
	overflow-x:hidden;
	position:absolute;
	scrollbar-width:none;
	width:1200px; height:680px;
	z-index:20;
	-ms-overflow-style:none;
}

#pc_contentBoard::-webkit-scrollbar {
    display: none;
}

#pc_copyright {
	display:flex;
	justify-content:space-between; align-items:center;
	position:absolute;
	text-align:right;
	transform:translate(0, 360px);
	width:1200px;
	z-index:50;
}

#pc_copyright_item01 {
	padding-left:32.5px;
}

#pc_copyright_item02 {
	padding-right:32.5px;
}

#pc_languageChn {	
	padding:0 65px 0 0;
	position:absolute;
	text-align:right;
	transform:translate(0, -360px);
	width:1200px;
	z-index:40;
}

#pc_mainBlackBoard {
	background-color:#141414; border-radius:25px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.2);
	position:relative;
	width:1200px; height:680px;
	z-index:10;	
}

#pc_visitorCount {
	display:none;
	position:absolute;
	text-align:left;
	top:50%; left:50%;
	transform:translate(-500px, 0);
	vertical-align:bottom;
	width:300px; height:339px;
	z-index:1000;
}