@charset "utf-8";


/* 리셋 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.15;
	 font-family: "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans Thai", "Noto Sans Arabic", "Apple LiGothic", -apple-system, BlinkMacSystemFont, Roboto, Arial, "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
}

* {
  box-sizing: border-box;
}

input, textarea, button {
  outline: 0;
}

html {
  height: 100%;
  color: #fff;
}

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol, ul {
  list-style: none;
  padding: 0;
}

button {
  display: inline-block;
  border: none;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
}


a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}

ul, dl, dt, dd {
    margin: 0;
    padding: 0;
    list-style: none;
}



/* 헤더 */

#nc-cnb{
	width: 100%;
	position: fixed;
    z-index: 9999;
}

.ncc-header {
	position: absolute;
	width: 100%;
	min-width: 320px;
	height: auto;
	top: 0;
	left: 0;
	z-index: 9100024;
	background-color: rgba(0, 0, 0, 0.5);
	transition: top 0s ease;
}

#nc-cnb .ncc-gnb-wrap {
    clear: both;
    height: 57px;
    padding-left: 32px;
    position: relative;
    text-align: left;
}

#nc-cnb * {
    box-sizing: border-box;
    letter-spacing: 0 !important;
}

#nc-cnb .ncc-gnb-wrap:after {
    clear: both;
    content: "";
    display: table;
}

#nc-cnb .ncc-logo{
	float: left;
	color: #fff;
	font-size: 18px;
	height: 58px;
	justify-content: center;
	line-height: 58px;
	display: inline-block;
    padding-right: 120px;
}

#nc-cnb .ncc-logo span{
	display: none;
}

#nc-cnb :after, #nc-cnb :before {
    box-sizing: inherit;
}

#nc-cnb .ncc-bi {
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge_lVrdDDR0yQr9AIdbQRs4TRCKIR3n8Njd5oJtxRSTVd7dfWDSmeWpgQslcIhERhw_gB8-f40DSK3TEQaUR-LR8GGjhHoEv0Iq6XxRMPP0co7kcvou-4tegfLw7CfPI0kDhj8TQXmKtxNMaJolpfKCuIujgBt5ofMeQTnMuXuuVE7fZGOeGmBrdiwd_E/s1600/logo.png");
    background-size: cover;
    width: 77px;
    height: 46px;
    margin-top: 14px;
    display: inline-block;
}

#nc-cnb .ncc-lnb-wrap {
	padding-left: 40px;
    display: block;
    width: 100%;
}


#nc-cnb .ncc-lnb-wrap {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    height: 58px;
}

#nc-cnb .ncc-lnb-wrap {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: none;
    height: 74px;
}

#nc-cnb .ncc-lnb .ncc-lnb-list {
	float: left;
    list-style: none;
    margin: 8px 0 0 0px;
    padding: 0;
}

#nc-cnb .ncc-lnb .ncc-lnb-list:after {
    clear: both;
    content: "";
    display: table;
}

#nc-cnb :after, #nc-cnb :before {
    box-sizing: inherit;
}

#nc-cnb :after, #nc-cnb :before {
    box-sizing: inherit;
}

#nc-cnb li, #nc-cnb ol, #nc-cnb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


#nc-cnb .ncc-lnb .ncc-lnb-item {
    display: inline-block;
    margin-left: -4px;
}

#nc-cnb .ncc-lnb .ncc-lnb-item>a {
    color: hsla(0, 0%, 100%, .5);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 58px;
    line-height: 56px;
    padding: 0 16px;
    position: relative;
	transition: color .3s ease;
}

#nc-cnb .ncc-lnb .ncc-lnb-item>a:hover{
	color: hsla(0, 0%, 100%, 1);
}


#nc-cnb .ncc-lnb-wrap {
    display: block;
    width: 100%;
}

#nc-cnb .ncc-gamestart {
    float: right;
    margin-top: -1px;
    position: relative;
    z-index: 2;
}

#nc-cnb .ncc-gamestart-btn {
    position: relative;
}

#nc-cnb .ncc-gamestart-btn__start {
    align-items: center;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgff9Un-9S-Vn5j4ORSFmz4uCovi9nyQEpbcc9aSVpKxzuduXJDrXVGQIGNDw99a_QhDvQ5sMp93a_s9cUBnufbZwu6ZxBNY27b6zOb_TI1ghUQhRaQWAdP4Vv9zGAula3zo34TF7HnqkXyf_AyuwlJN5tOvauoIkIXIQB8NgW5A8ZiWzJzmwZN8l8czxY/s16000/btn-download.png");
    background-color: transparent !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    color: #fff;
    display: block;
    display: inline-flex;
    font-size: 21.5px;
    height: 74px;
    justify-content: center;
    line-height: 56px;
    position: relative;
    text-align: center;
    transition: background-image .3s ease-out;
    vertical-align: top;
    width: 240px;
    z-index: 0;
    text-indent: -9999px;
}

#nc-cnb .ncc-gamestart-btn__start:hover{
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigBIfW9j0Y6GeQt-wPUgFPBMBULQbPAJ4xTRyZWHr9ITWzEEe8v9azzTzy8CIpffrbJznFOR6xFpGZjr3qU_ATt7mXlY8Q5lDMsv6TAb_Er4KyHs6NuvN1DeeMSMy6nuWJmj5YffCzy4rPT4NPpQmQQkzA78YTHhfT10R1D_2uY0gh2W-9m9hkwfnMbDQ/s16000/btn-download-hover.png");
}




/* 콘텐츠 */
.cont{    
    position: relative;
    height: auto;
    width: 100%;
    overflow: hidden;
    background-color: #000
}
.cont > section{
    position: relative;
    overflow-y: auto;
}

.con_dwn, .con_prom, .con_intro, .con_magicdoll, .con_bosstime, .con_update{
    background-color: #413023;
}

/* 다운로드 */

.con_dwn, .con_prom, .con_intro, .con_magicdoll, .con_bosstime, .con_update{
    padding:164px 40px 120px;
    width:100%;
}

.con_dwn > div,.con_prom > div, .con_intro > div, .con_magicdoll > div, .con_bosstime > div, .con_update > div{
    max-width: 1200px;
    margin: 0 auto;
}

.con_dwn .h1, .con_prom .h1, .con_intro .h1, .con_magicdoll .h1, .con_bosstime .h1, .con_update .h1{
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbbpJHEWDJLtOC9QFFNr-EguZq_xIxM-zEmc-v76ZSiCOVirIXZPtU-vCzphNt7ts7LGH_xI0SI-H-5LmkdMzHjO1jdEdr5Y6Hg7hk-onkNlDEJysl8nmWrecuCLGo-hgoKvcNC3WEtr2raP3cYz2tZwZf4HsZni-bfZBDh5f-xYFIDkSSZoTEF8XoaL4/s16000/client_download.png") center no-repeat;
    text-indent: -9999em;
    height: 100px;
    margin-bottom: 50px;
}
  
.con_dwn .downloadList li {
    border-bottom:1px solid #ffffff0d;
    padding: 0 22px;
}
  
.con_dwn .downloadList li dl {
    height: 230px;
    position: relative;
    padding: 50px 0 0 158px;
}
  
.con_dwn .downloadList li dl dt {
    position: absolute;
    left: 0;
    top: 50px;
}
  
.con_dwn .downloadList li dl dd.tit {
    font-size: 23px;
    font-weight: 700;
    margin-top: 14px;
}
  
.con_dwn .downloadList li dl dd.txt01 {
    padding-top: 14px;
    font-size: 14px;
  text-align: left;
}
.con_dwn .downloadList li dl dd.txt02 {
    padding-top: 28px;
    font-size: 14px;
    color:#ffffff59;
    text-align: left;
}
.con_dwn .downloadList li dl dd.btn {
    position: absolute;
    right: 0;
    top: 80px;
}
  
.con_dwn .downloadList li dl dd.btn a {
    display: block;
    width: 250px;
    height: 60px;
    text-align: center;
    line-height: 56px;
    background: #2574FF;
    color: #fff;
    font-size: 16px;
    border-radius: 12px;
    transition: background .3s ease;
    font-weight: 700;
    border: 2px solid #000000;
}
  
.con_dwn .downloadList li dl dd.btn a:hover {
    background: #fcd53f;  
    border-bottom: 5px solid #000000;
    color: #000000;
    line-height: 56px;
    font-weight: 900;
    height: 65px;
    margin-top: -5px;
}

.inform_area{
    background-color: #00000073;
    border: 2px solid #18100a1f;
    box-sizing: border-box; 
    font-size: 13px; 
    line-height: 1.89; 
    padding: 34px 40px; 
    text-align: left; 
    text-indent: 0px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.inform_area span{
    font-size: 0.9rem;
}

.inform_area .info_title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.downloadList .txt01, .txt_point{
    color: #FFEA4C;
}


/* 홍보방법 */
.con_prom .h1{
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlD7FETf4QGvicethOiIYfaWClauUXcyZHHhivtH1tt64fETFGu4pdUfKeMHS-xjiEAcOdJ0oKL7v25Bpw-Kv-Rt-d256XpoJTWWQDWRYfmhmzwO95NTnMBl_iQuME9Tea76Vwegk1oxpoGxOMB3lGyEGgLyER9QU6fKhSaGvAkPPGa5aml5aO4aOYOX4/s16000/publicit_method.png");

}

.con_prom #copyBtn {
    display: block;
    margin-top: 20px;
    width: 200px;
    height: 52px;
    text-align: center;
    line-height: 46px;
    background: #2574FF;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    border-radius: 12px;
    border: none;
    transition: background .3s ease;
    border: 2px solid #000000;
}
  
.con_prom #copyBtn:hover {
    background: #fcd53f;  
    color: #000000;
    font-weight: 900;
}

.inform_area .txt_point{
    font-size: 14px;
    margin-bottom: 14px;
}

.txt_link{
    color: #818181;
    margin-left: 12px;
}

.txt_link:hover{
    color: #b99a73;
}

.txt_white{
    color: #ffffff !important;
 } 

/* 서버 소개 */
.con_intro .h1{
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuMeyHpQc1vjYJnHa76JNr3GqD9Mei8ualBF0XFbGkx7rcVny-XV1Agfnv-urVTLQK31awJEMikaCW9mlvjx9ZgEG_8F0duh2a3NTXYrAQK-d8CEwEGq84YkC1TnK1hTZP94SgPbRZqyB1DsYALFUzE5HVXbgisN4h9gEQLD1at6V5sLoLHFCpbwAcXnU/s16000/server_introduction.png");
}

/* 마법 인형 소개 */
.con_magicdoll .h1{
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRaYfRmxVzXq_PPU1vhIJM-XfFuo2F4XaA5Uh0w09wrnG4SOemUc1VM3XJC7WnnHJ9ah47wYuNPi5LoI1pM4jkJLTt2_K-TU_ik8IpG4CejOYH02dWpJY28rJ1kr5GPRaD249Zza2WWZ0fczLEahYx4soNEgCHZ0Sq3ygqzxdN-EtxVjqZmy44MdbYCY8/s16000/magic_doll.png");
}

/* 업데이트 */
.con_update .h1{
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXLGI9dx618BRv68Q7k56MdCJDZJgO53UqJNBywM40eg1VBqFBWuhTFcVaJMtgaR3xRwtVTY0jZQkXS1T_R99XMLbjN7s4aFOSq0_MjkYk2eFteaouKk-X6ZHtL_KhII7frkLeAX_KP3TTSMC_2XqPZS8fFp67ZUSg9eX2MU302SmEvzekENCdorQLXUQ/s16000/update.png");
}

/* 보스 시간 */
.con_bosstime .h1{
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZrvi_CWiJIj5DMhVyxThwI4MH_e6btSrcDP9D8LDcy5JHFlJu-iyPN_C-nyFgNZ3GWtociNy-zXxHCz_aTF6ALxeCvXFxgrEFO6B2rUVGJUXdhlQTWuwjZp-UqqDT7atwmwWb1lgXCKmalGmgXldf8ZiA0ge5kDSwlrbTfuxA-MF6zY_tHN6gmkZxeJA/s16000/boss_time.png");
}

/* 푸터 */
footer {
    background-color: #130a05;
    text-align: center;
    padding-top: 40px;
}
footer .footer-wrap {
    padding: 20px 40px 80px;
    margin: 0 auto;
    max-width: 1800px;
}

footer .footer-info-top .logo-box img {
	height: 50px;
}

footer .footer-wrap .txt-box{
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -1.08px;
    color: #999999;
    display: inline-block;
}

footer .footer-info-top span {
    color: #f7c48e;
}

footer .footer-info-top .txt-box{
	margin-top: 10px;
}

footer .footer-info-bottom {
    padding-top: 10px;
}

footer .footer-info-bottom .txt-box {
    font-size: 14px;
}

.footer-info-bottom .txt-box{
	font-size: 14px;
    opacity: .6;
}