html, body { margin: 0; padding: 0; }
body.azrok-archive-home { min-width: 1019px; position: relative; background: linear-gradient(180deg,#9ed8f7 0,#dff3ff 360px,#fff 900px); color: #4c4c4c; font-family: Dotum, "돋움", Arial, sans-serif; font-size: 12px; }
body.azrok-archive-home::before { background-image: linear-gradient(180deg,#9ed8f7 0,rgba(158,216,247,0) 56px),url("azrok_home_assets/azrok_bg03.jpg"); background-position: right top,right top; background-repeat: no-repeat; background-size: 442px 570px,442px 570px; content: ""; height: 570px; pointer-events: none; position: absolute; right: 0; top: 38px; width: 442px; -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 88px); mask-image: linear-gradient(90deg,transparent 0,#000 88px); }
body.azrok-archive-home > table { position: relative; z-index: 1; }
body.azrok-archive-home > table > tbody > tr:nth-child(2) > td > table { margin-left: auto; margin-right: auto; width: 1019px !important; }
body.azrok-archive-home table { border-collapse: collapse; border-spacing: 0; }
body.azrok-archive-home td { color: #4c4c4c; font-family: Dotum, "돋움", Arial, sans-serif; font-size: 12px; }
body.azrok-archive-home img { border: 0; display: block; }
body.azrok-archive-home a { color: #4c4c4c; font-size: 12px; text-decoration: none; }
body.azrok-archive-home a:hover { text-decoration: underline; }
body.azrok-archive-home input, body.azrok-archive-home select, body.azrok-archive-home textarea { border: 1px solid #c0c0c0; box-sizing: border-box; color: #4c4c4c; font-family: Dotum, "돋움", sans-serif; font-size: 12px; padding: 2px 0 0 3px; }
.orange_adboard { color: #f85603; }
.checkbox { color: #876830; font-size: 11px; }
#gamepopup, #communipopup, #fanclepopup, #itempopup, #studypopup { display: none; }
td[data-legacy-background="global_navi_bg.gif"] { background: #f3f3ee; border-bottom: 1px solid #deded3; }
td[data-legacy-background="left_login_bg.gif"] { background: linear-gradient(#f7fdff,#e5f8fd); border: 2px solid #46bddd; box-sizing: border-box; padding: 0 8px 8px; }
td[data-legacy-background="left_submenu_bg_01.gif"], td[data-legacy-background="left_poll_bg_01.gif"], td[data-legacy-background="left_submenu_bg_03.gif"] { background: #fff8dc; }
td[data-legacy-background="body_body_bg_03.gif"] { background: #fffdf3; border-left: 1px solid #d8d3a9; border-right: 1px solid #d8d3a9; }
table[data-legacy-background="body_title_bg.jpg"] { background: #fffdf3; }
td[data-legacy-background="body_body_side_bg_01.gif"] { background: #d7cfb7; }
td[data-legacy-background="body_main_not_dv_01.gif"] { border-top: 1px dotted #c9bea2; }
td[data-legacy-background="bg_bg_01.gif"] { background: linear-gradient(180deg,#c9ebfb,#eaf7ff); }
td[data-legacy-background="bg_bg_03.jpg"] { background: transparent; }
td[data-legacy-background="right_bn_bg_01.gif"], td[data-legacy-background="right_bn_bg_02.gif"] { background: #e5dec8; }
.legacy-main-swf { align-items: center; background: #e9f5f5 url("azrok_home_assets/azrok_main_loading.png") center 45%/cover no-repeat; display: flex; height: 305px; justify-content: flex-start; overflow: hidden; position: relative; width: 915px; }
.legacy-main-swf::after { background: linear-gradient(90deg, rgba(255,255,247,.64) 0%, rgba(244,248,225,.25) 39%, rgba(255,255,255,.02) 70%); content: ""; inset: 0; position: absolute; }
.legacy-main-brand { margin-left: 42px; position: relative; text-align: center; text-shadow: 0 1px #fff; z-index: 1; }
.legacy-main-brand > img { display: block; height: 170px; object-fit: contain; width: 216px; }
.legacy-main-brand span { background: rgba(255,255,255,.86); color: #675f48; display: block; font-size: 11px; margin: -4px auto 0; padding: 4px 7px; width: max-content; }
.legacy-main-project { color: #fff36b; left: 53%; position: absolute; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 450px; z-index: 1; }
.legacy-main-project strong { color: #ffd21a; display: inline-block; font: 900 39px/1 "Arial Black","Malgun Gothic","맑은 고딕",sans-serif; letter-spacing: -3px; padding: 7px 12px 13px; paint-order: stroke fill; -webkit-text-stroke: 2px #130b02; text-shadow: -2px -2px 0 #130b02,2px -2px 0 #130b02,-2px 2px 0 #130b02,2px 2px 0 #130b02,0 5px 0 #ee7600,0 8px 0 #753000,3px 8px 0 #130b02,-3px 8px 0 #130b02; }
.legacy-main-project span { background: rgba(255,255,255,.82); border: 1px solid rgba(123,151,112,.55); color: #5b604d; display: inline-block; font-size: 11px; margin-top: 8px; padding: 4px 10px 3px; text-shadow: 0 1px #fff; }
.legacy-game-start { align-items: center; background: linear-gradient(#effbff,#9fd9f7); border-bottom: 4px solid #5aa3ce; box-sizing: border-box; display: flex; height: 154px; justify-content: center; overflow: hidden; text-decoration: none !important; width: 233px; }
.legacy-game-start img { display: block; height: 152px; max-width: none; transform: translateY(-15px); width: 191px; }
.legacy-game-start:hover { background: linear-gradient(#fff,#c9efff); filter: brightness(1.05) saturate(1.1); }
.legacy-missing-swf { align-items: center; background: #ded8c5; color: #756f60; display: flex; font-size: 10px; justify-content: center; text-align: center; }
.legacy-promo-video { background: #e6dfca; box-sizing: border-box; color: #786c50; font-size: 9px; height: 86px; overflow: hidden; text-align: center; width: 92px; }
.legacy-promo-video video { background: #fff; display: block; height: 69px; object-fit: cover; width: 92px; }
.legacy-promo-video > span { display: block; line-height: 17px; white-space: nowrap; }
.legacy-asset-label { align-items: center; background: #e8e3d3; box-sizing: border-box; color: #6b624b; display: inline-flex; font-weight: 700; justify-content: center; line-height: 1; overflow: hidden; text-align: center; vertical-align: middle; }
.legacy-asset-body-main-not-tit-gif, .legacy-asset-body-main-mwa-tit-gif, .legacy-asset-body-main-rak-tit-gif, .legacy-asset-body-main-bss-tit-gif { align-items: center; border: 1px solid; border-radius: 5px 5px 0 0; box-shadow: inset 0 1px rgba(255,255,255,.92),inset 0 -2px rgba(0,0,0,.09); color: #fff; font-size: 15px; justify-content: flex-start; padding: 2px 0 0 14px; text-shadow: 0 1px rgba(92,56,12,.55); }
.legacy-asset-body-main-not-tit-gif { background: linear-gradient(#ffb64d,#f18412); border-color: #da7410; }
.legacy-asset-body-main-mwa-tit-gif { background: linear-gradient(#67d8ee,#24aeca); border-color: #198fae; }
.legacy-asset-body-main-rak-tit-gif { background: linear-gradient(#ffc75b,#ef9720); border-color: #d77e13; }
.legacy-asset-body-main-bss-tit-gif { background: linear-gradient(#a8d84d,#70ae1b); border-color: #5b9411; }
.legacy-section-title-table { height: 37px !important; }
.legacy-section-title-table .legacy-asset-body-main-not-tit-gif, .legacy-section-title-table .legacy-asset-body-main-mwa-tit-gif, .legacy-section-title-table .legacy-asset-body-main-rak-tit-gif, .legacy-section-title-table .legacy-asset-body-main-bss-tit-gif { height: 37px !important; }
.legacy-panel-title-table { background: transparent; padding-top: 3px; }
.legacy-asset-body-main-not-ic-01-gif { background: none; color: #dc6a26; font-size: 11px; }
.legacy-asset-left-login-img-01-gif, .legacy-asset-left-login-img-02-gif { background: none; justify-content: flex-start; }
.legacy-asset-left-login-b-login-gif { background: linear-gradient(#ffa12d,#ed7510); border: 1px solid #d56308; border-radius: 3px; box-shadow: inset 0 1px #ffe1a9; color: #fff; text-shadow: 0 1px #a94a05; }
.legacy-asset-left-poll-tit-gif { background: linear-gradient(#8fd9ee,#43b9d7); border: 1px solid #299ebd; box-shadow: inset 0 1px #dcf8ff; color: #fff; font-size: 15px; justify-content: flex-start; padding-left: 16px; text-shadow: 0 1px #167b98; }
.legacy-asset-left-poll-img-gif { background: none; color: #a35a1b; }
.legacy-asset-main-banner-gif { align-items: flex-end; background-color: #41653c; background-image: linear-gradient(90deg,rgba(31,55,27,.88),rgba(30,56,22,.22) 72%,rgba(255,244,187,.08)),url("azrok_home_assets/azrok_guide_bg.jpg"); background-position: center 47%; background-repeat: no-repeat; background-size: cover; border: 1px solid #8a9c45; color: #fff5a9; font: bold 18px/1 Dotum,"돋움",sans-serif; height: 95px !important; justify-content: flex-start; letter-spacing: -1px; padding: 0 0 15px 17px; position: relative; text-shadow: 1px 1px 0 #3b2b0f,-1px -1px 0 rgba(255,255,255,.35); width: 343px !important; }
.legacy-asset-main-banner-gif::before { color: #ffb51b; content: "AZROK GAME GUIDE"; font: bold 9px/1 Arial,sans-serif; left: 18px; letter-spacing: 1px; position: absolute; top: 14px; text-shadow: 1px 1px #3c2a0c; }
.legacy-asset-body-bn-02stemp-gif { align-items: flex-start; background-color: #ccefff; background-image: url("azrok_home_assets/azrok_attendance_npc.png"),url("azrok_home_assets/azrok_attendance_icon.png"),linear-gradient(105deg,#f0fbff 0,#bfeaff 62%,#83d1f4 100%); background-position: right 19px bottom -3px,right 1px top 5px,0 0; background-repeat: no-repeat; background-size: 94px 94px,58px 58px,100% 100%; border: 1px solid #64b9dc; color: #26769c; font: bold 17px/1 Dotum,"돋움",sans-serif; justify-content: flex-start; padding: 20px 0 0 20px; position: relative; text-shadow: 0 1px #fff; }
.legacy-asset-body-bn-02stemp-gif::after { bottom: 17px; color: #438eae; content: "매일 접속하고 아즈로크와 만나세요"; font: 10px/1.25 Dotum,"돋움",sans-serif; left: 20px; position: absolute; width: 150px; }
.legacy-spacer-image { opacity: 0; }
.legacy-login-title { align-items: center; background: linear-gradient(#70d7ec,#28b0d0); border-bottom: 1px solid #188eae; color: #fff; display: flex; height: 26px; justify-content: space-between; margin: 0 -8px 8px; padding: 0 8px 0 10px; text-shadow: 0 1px #167c99; }
.legacy-login-title b { font-size: 12px; }
.legacy-login-title span { color: #e7fbff; font: bold 8px Arial,sans-serif; letter-spacing: .5px; }
.legacy-login-box input { background: #fff; border-color: #7fc8da !important; box-shadow: inset 1px 1px 1px rgba(70,130,150,.15); height: 19px; }
.legacy-login-box table { margin: 0 auto; }
td[bgcolor="DAD3BC"] { background: #fffdf2 !important; border-left: 1px solid #9bcdda; border-right: 1px solid #9bcdda; }
iframe[name="start_azrok"] { display: none; }
.legacy-account-reset { align-items: center; background: linear-gradient(#fffdf4,#f1ead4); border: 1px solid #d8c89f; box-shadow: inset 0 1px #fff; display: grid; gap: 8px 18px; grid-template-columns: 1fr auto; margin: 18px auto 32px; min-height: 72px; padding: 13px 17px; width: 1019px; }
.legacy-account-reset strong { color: #6e542d; font-size: 13px; }
.legacy-account-reset p { color: #9a8762; font-size: 11px; margin: 5px 0 0; }
.legacy-account-reset button { background: linear-gradient(#fff4d0,#e8cf8d); border: 1px solid #b69755; box-shadow: inset 0 1px #fff; color: #785326; cursor: pointer; font-weight: bold; min-width: 128px; padding: 8px 12px; }
.legacy-account-reset button:hover { background: linear-gradient(#fff8df,#f1d99a); }
.legacy-account-reset button:disabled { cursor: wait; opacity: .58; }
.legacy-account-reset #private-account-reset-status { color: #b45f22; grid-column: 1 / -1; margin: 0; min-height: 13px; text-align: right; }
@media (max-width: 1018px) { body.azrok-archive-home { min-width: 1019px; } }