@font-face 
{
    font-family: 'NotoSansCJKjp-Light';
    src: url(font/NotoSansCJKjp-Light.otf);
}
@font-face 
{
    font-family: 'NotoSansCJKjp-Medium';
    src: url(font/NotoSansCJKjp-Medium.otf);
}
@font-face 
{
    font-family: 'NotoSansCJKjp-Regular';
    src: url(font/NotoSansCJKjp-Regular.otf);
}
@font-face 
{
    font-family: 'NotoSansCJKjp-Bold';
    src: url(font/NotoSansCJKjp-Bold.otf);
}
@font-face 
{
    font-family: 'Timeless';
    src: url(font/Timeless.ttf);
}
img {
	border: none;
}
body {
	background-color: rgb(14, 12, 22);
	margin: 0;
}
a {
	position: relative;
}
a {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	color: rgb(204, 102, 204); text-decoration: underline;
}
#wrap {
	width: 1200px;
	height: 768px;
}
#header {
	width: 100%;
}
#container {
	width: 100%;
}
#footer {
	width: 100%;
}
.clear {
	margin: 0px !important; padding: 0px !important; width: 100%; height: 0px; line-height: 0 !important; overflow: hidden; clear: both; font-size: 0px !important; float: none; display: block;
}
#header ul {
    margin: 0; padding: 0;
}
#header ul.version {
	position:absolute; margin: 0; padding: 0; left:25px; top:9px; float:left; display: inline;
}
#header ul.version li {
	margin: 0px 1px 0px 0px; padding: 0px; float: left; display: inline; font-family:NotoSansCJKjp-Medium; font-size: 9pt; color:#7c7c7c;
}
#header ul.version .client{
	padding-left: 18px;
}
#header ul.window {
	margin: 0; padding: 0; overflow: hidden; float: left; display: inline; top:8px; left:1141px; position:absolute;
}
#header ul.window li {
	font: 0px/0 돋움; margin: 0px 5px 0px 0px; padding: 0px; float: left; display: inline; font-size-adjust: none; font-stretch: normal;
}
#container {
	background: url("launcherbg972.jpg") no-repeat; height: 768px;
	background-size: 100%;
}
#container div.banner {
	text-align: center; padding-top: 130px;
}
.notice {
    position:absolute; left: 548px; top: 80px; float:left; width:606px; height: 494px; background-color: #080d14;
}

.noticeContent {
    position: absolute; left: 10px; top: 20px; width: 586px; height: 420px;
}
.noticeListBar div{
    font-family: Timeless; font-size: 22px; color:#ffeaa3; position: absolute; top:11px;left:11px; display:inline;
    line-height: 17px; width:auto; letter-spacing: 0px;
}
.noticeList {
    list-style: none; margin: 0; padding: 0;
}
.noticeList li {
    width:586px; height:41px;
}
.noticeList li {
    border-bottom:solid 1px #696969;
}
.noticeList .noticeListOdd {
    background-color: #092435;
}
.noticeList .noticeListEven {
    background-color: #031b29;
}
.noticeInfo .noticeName {
    font-family: NotoSansCJKjp-Regular; font-size: 9pt; color:#cacaca; position: absolute; display:inline;
    line-height: 43px; width:auto; letter-spacing: 0px; left: 12px; text-decoration: none;  
}
.noticeInfo a  {
 color: #cacaca;
}
.noticeInfo a:hover {
 color: #ffeaa3;
}
.noticeMore {
    position: absolute; 
    left: 521px; 
    top: 453px; 
    margin: 0; 
    padding: 0;
    background-image: url('btn_forum_01_nomal.png');
    cursor: pointer;
    width: 76px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color: #ffffff;
    font-size: 12px;
    font-family: NotoSansCJKjp-Medium;
}
.noticeMore {
    width: 76px; height: 26px; margin: 0; padding: 0; cursor: pointer;
}
.noticeMore {
    display:inline-block;
}
.noticeMore div {
    font-family: NotoSansCJKjp-Medium; font-size: 12px; color:#ffffff; position: absolute; top:50%;left:50%; transform: translate(-50%, -65%); display:inline;
    line-height: 60px; width:auto; letter-spacing: 0px; cursor: pointer;
}
.noticeInfo .noticeRegDate{
    font-family: NotoSansCJKjp-Light; font-size: 8pt; color:#cacaca; display:inline;
    line-height:40px; width:auto; letter-spacing: 0px;  position: absolute; float: right; right: 10px;
}
.buttonGroup {
    position:absolute; left:563px; top: 583px; width:468px; height:37px; display:inline; 
}
.buttonGroup ul {
    float:left;  margin: 0; padding:0px; display: inline; list-style:none; 
}
.buttonGroup ul li {
    float:left; color:#ffffff; display:inline; padding-right:3px;
}
.buttonGroup ul li a {
    display:inline-block;
}
.buttonGroup ul li div {
    font-family: NotoSansCJKjp-Medium; font-size: 9.1pt; color:#ffffff; position: absolute; top:50%;left:50%; transform: translate(-50%, -55%); display:inline;
    line-height:45px; width:auto; letter-spacing: 0px;
}

#btnRegistration 
{
    position: absolute;
    left: 676px;
    top: 583px;
    width: 111px;
    height: 41px;
    background-image: url("btn_01_nomal.png");
    font-family: 'NotoSansCJKjp-Medium';
    cursor: pointer;
    text-align: center;
    font-size: 9.1pt;
    line-height:36px;
    color: #ffffff;
}

#btnSupport
{
    position: absolute;
    left: 562px;
    top: 583px;
    width: 111px;
    height: 41px;
    background-image: url("btn_01_nomal.png");
    font-family: 'NotoSansCJKjp-Medium';
    cursor: pointer;    
    text-align: center;
    font-size: 9.1pt;
    line-height:36px;
    color: #ffffff;
}

#BtnWebsite
{
    position: absolute;
    left: 789px;
    top: 583px;
    width: 111px;
    height: 41px;
    background-image: url("btn_01_nomal.png");
    font-family: 'NotoSansCJKjp-Medium';
    cursor: pointer;     
    text-align: center;
    font-size: 9.1pt;
    line-height:36px;
    color: #ffffff;
}

#btnSetting
{
    position: absolute;
    left: 902px;
    top: 583px;
    width: 111px;
    height: 41px;
    background-image: url("btn_01_nomal.png");
    font-family: 'NotoSansCJKjp-Medium';
    cursor: pointer;    
    text-align: center;
    font-size: 9.1pt;
    line-height:36px;
    color: #ffffff;   
}



#footer {
    position:absolute; left:143px; top: 725px; width:720px; height:43px; margin:0; padding:0;
}
.logo {
	left: 0px; top: 24px; position: absolute; z-index: 10;
}
.khroo {
	left: 480px; top: 40px; width: 200px; height: 80px; position: absolute; z-index: 20;
}
#LAUNCHER_VERSION {
	font-family: NotoSansCJKjp-Medium; font-size: 9pt; color: #dedede; font-size-adjust: none; font-stretch: normal;
}
#CLIENT_VERSION {
	font-family: NotoSansCJKjp-Medium; font-size: 9pt; color: #dedede; font-size-adjust: none; font-stretch: normal;
}
#MESSAGE {
	left: 2px; top: 0px; width: auto; overflow: hidden; position: absolute; z-index: 1; font-family: NotoSansCJKjp-Medium; font-size: 8.5pt; color:#c8c8c8; 
	line-height: 17px;
}
#FILENAME {
    left: 2px; top: 0px; width: auto; overflow: hidden; position: absolute; z-index: 1; font-family: NotoSansCJKjp-Medium; font-size: 8.5pt; color:#c8c8c8; 
	line-height: 17px;
}
#DOWNLOAD_SPEED {
    left: 317px; top: 0px; width: auto; overflow: hidden; position: absolute; z-index: 1; font-family: NotoSansCJKjp-Medium; font-size: 8.5pt; color:#c8c8c8; 
	line-height: 17px;
}
#PERCENTAGE_2 {
	left: 644px; top: 0px; width: auto; overflow: hidden; position: absolute; z-index: 1; font-family: NotoSansCJKjp-Medium; font-size: 8.5pt; color:#c8c8c8; 
	line-height: 17px;
}

#START_BUTTON,
#LAUNCH_BUTTON {position:absolute; z-index:1; left:577px; top:0; width:112px; height:43px;}


#START_BUTTON,
#LAUNCH_BUTTON {
	left: 729px; 
	top: -45px; 
	width: 194px; 
	height: 82px; 
	position: absolute; 
	z-index: 1; 
}
#PROGRESS2 {
	left: 0px; top: -23px; width: 718px; height: 20px; overflow: hidden; position: absolute; z-index: 1;font-family: NotoSansCJKjp-Medium; font-size: 8.5pt; color:#c8c8c8;
	background: url("bar_progress_bg.png") no-repeat; padding:1px;
}
#WINDOWMODECHK {
	width: 100px; height: 45px; position: absolute; z-index: 1; 
}
.buttonGroup .windowCheck {
    position: absolute; left: 470px; top:10px;
}
#WINDOWMODECHK img {
    position: absolute; z-index: 1; 
}
#WINDOWMODEOFF {
	position: absolute; z-index: 1; 
}
.buttonGroup .windowCheck .windowCheckText{
    position: absolute; width: 90px; height: 30px; font-family: NotoSansCJKjp-Medium; font-size: 9pt; color:#ffffff; position: absolute;  left:23px; line-height: 15px; top: -8px;
}