/* Local functional controls over the original Tooniland artwork. */
[hidden]{display:none!important}
/* 원본은 흰 바탕(브라우저 기본)을 전제로 그림 글자(흰 바탕 GIF)를 썼다 — 어두운 모드 브라우저에서도 흰 바탕을 지키고 자동 어둡게를 끈다. */
:root{color-scheme:only light;background:#fff}
.tooni-global{height:54px;background:#fff;border-bottom:1px solid #e7e7e7;min-width:995px}
.tooni-global-inner{width:995px;height:54px;margin:auto;display:flex;align-items:center;gap:20px;font-size:11px}
.tooni-global-inner img{width:129px;height:22px}.global-caption{margin-right:auto;font:bold 13px 'Malgun Gothic','맑은 고딕',sans-serif;color:#2145ad;letter-spacing:-.5px}
/* 상단 메뉴: 원본처럼 메뉴에 올리면 반투명 바탕(gnb_bg.png)이 아래로 펼쳐지고 모든 하위 메뉴가 함께 내려온다(tooni-shell.js 가 #header 에 .gnb-open). */
#header .gnb_bg{left:20px;width:995px;background-size:995px 146px;transition:height .28s ease-out}
#header.gnb-open .gnb_bg{height:146px}
#gNavi>li>ul{clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;transition:clip-path .28s ease-out,opacity .2s ease-out,visibility 0s .28s}
#header.gnb-open #gNavi>li>ul{clip-path:inset(0 0 0 0);opacity:1;visibility:visible;transition:clip-path .28s ease-out,opacity .2s ease-out,visibility 0s}
/* 하위 메뉴 글자 — 원본 그림(gnbNN_MM_off.png, 투명 바탕 #a8a8a8 글자)을 텍스트로 — 그림과 굵기·너비가 맞는 맑은 고딕 Bold 11px, 자간 -0.5px. 원본 칸(높이 10 + 위아래 3px = 16px)을 그대로 쓴다. */
#header #gnb #gNavi li ul li{height:16px;padding:0;overflow:visible}
#gNavi>li>ul a{display:inline-block}
#gNavi .gnb-text{display:block;font:bold 11px/16px 'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:#a8a8a8;letter-spacing:-.5px;white-space:nowrap}
#gNavi>li>ul a:hover .gnb-text,#gNavi>li>ul a:focus-visible .gnb-text{color:#fff}
@media (prefers-reduced-motion:reduce){#header .gnb_bg,#gNavi>li>ul{transition:none}}
#header #game_start button{border:0;background:transparent;padding:0;cursor:pointer;width:426px;height:146px}
#header #game_start button img{max-width:100%}#header #game_start button:hover{filter:brightness(1.08)}
#game_start .tooni-start-art{display:block;width:426px;height:146px}#header #game_start button{position:absolute;inset:0;z-index:2}#game_start.flash-ready button img{opacity:0}.notice-icon{position:static!important;display:inline-block;background:#8c9ba9;color:#fff;font:9px/13px Dotum;padding:0 2px;margin-right:4px;vertical-align:middle}
#game_start.flash-ready #start{pointer-events:none}#game_start.flash-ready .tooni-start-art{pointer-events:auto}#game_start:focus-within{outline:2px solid #ffe442;outline-offset:-10px}
#header #login{width:350px}#header #login .credentials{white-space:nowrap}#header #login .tooni-login-submit{position:absolute;left:300px;top:0;border:0;padding:0;background:transparent;cursor:pointer}#header #login .tooni-login-submit img{display:block}
#header #login .login-options{left:157px;bottom:0;width:210px}#header #login .login-options label{display:inline-flex;align-items:center}
#header #login input:focus-visible{outline:2px solid #ffe445;outline-offset:1px}#header #login input.idpw{color:white}
.msg{font-size:11px;line-height:16px}.msg:empty{display:none}#header #login .msg:not(:empty){position:absolute;top:48px;left:0;width:350px;padding:4px 7px;background:#fff0ed;border:1px solid #e49282;color:#b83121;line-height:16px}
#start-help{position:absolute;z-index:55;left:20px;top:540px;max-width:570px;padding:7px 12px;background:#fff5cb;border:1px solid #e2bd42;color:#795a21}
.tooni-account{position:absolute;left:295px;top:465px;z-index:51;width:350px;color:#fff;font-size:12px}.tooni-account p{color:#fff}.tooni-account strong{color:#fff954}.tooni-account .account-record{font-size:11px;margin-top:3px;color:#def2ff}.tooni-account>a,.tooni-account>button{position:absolute;top:2px;right:8px;border:1px solid #6cc5f6;background:#0563b7;color:#fff;padding:4px 7px;font:11px Dotum;cursor:pointer}.tooni-account>a{right:78px}
#con_left .notice{height:168px!important;margin-bottom:17px!important}#con_left .ingEvent{margin-bottom:17px!important}#con_left .questionnaire{margin-top:26px}
#con_left .pcbang_check{position:relative;width:278px;height:37px;margin-bottom:25px;padding-top:71px;background:url('/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/pcbang/pcbang_check.jpg') no-repeat;overflow:hidden}
#con_left .pcbang_txt{position:absolute;top:0;left:0;width:100%;height:71px;background:url('/assets/tooniland/cache.tooniland.com/tooniGame/keroro_pang/images/pcbang/pcbang_txt_off.png') no-repeat;text-indent:-9999em}
#con_left .pcbang_light{position:absolute;left:-9999px}#con_left .pcbang_btn{width:100%;height:37px;overflow:hidden}#con_left .pcbang_find{display:block;float:left;width:128px;height:37px;text-indent:-9999em}#con_left .pcbang_benefit{display:block;float:right;width:145px;height:37px;text-indent:-9999em}
/* 공식 디스코드 배너(2026-11-04 — 옛 "DAUM 게임 PC방" 배너 자리, 같은 278×108) */
#con_left .discord_banner{width:278px;height:108px;margin-bottom:25px}
#con_left .discord_banner a{display:block;height:100%;border-radius:4px;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(135deg,#1d2266 0%,#3b3f9e 55%,#5865f2 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#con_left .discord_banner .discord-top{display:flex;align-items:center;justify-content:center;gap:14px;height:100%}
#con_left .discord_banner .discord-logo{flex:none;width:52px;height:52px;color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
#con_left .discord_banner .discord-text{font:bold 21px/1 'Malgun Gothic','맑은 고딕',sans-serif;letter-spacing:-.5px}
#con_left .discord_banner a:hover,#con_left .discord_banner a:focus-visible{filter:brightness(1.12)}
#con_left .discord_banner a:focus-visible{outline:2px solid #ffe442;outline-offset:2px}
.notice li>div{width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice .inner a{font-size:11px}
#container #con_right .local-game-panel{width:240px;height:240px;background:#eaf7ff;overflow:hidden;position:relative;border-radius:2px}#container #con_right .local-game-panel img{width:240px;height:auto}#container #con_right .local-game-panel p{text-align:center;padding:18px 0 12px;color:#197bb1;font-weight:bold}.download-link{display:block;margin:0 15px;padding:11px 13px;color:#fff!important;background:#159dee;font-weight:bold}.download-link span{float:right;color:#fff16a}
#container #con_right ul.icon_area{width:240px;overflow:hidden}#container #con_right ul.icon_area li{float:left}.rankingBbs1 ol{height:124px}.rankingBbs1 .rank-empty{background:none;padding:20px 0;color:#8a8a8a;text-align:center;font-size:11px}
.installtab1,.installtab2,.rankingBbs1,.tabSubCnt{display:none}.installtab1.is-active,.installtab2.is-active,.rankingBbs1.is-active,.tabSubCnt.is-active{display:block}
.eventLiTab{display:flex;align-items:flex-start;gap:2px}.eventLiTab li{float:none!important;flex:none;height:29px;overflow:hidden;margin:0!important}.eventLiTab li a{display:block;height:29px}.eventLiTab li.on img{transform:translateY(-29px)}
#container ul.home-board li.home-empty{border-top:none;padding:18px 0;height:auto;line-height:16px;text-align:center;color:#8a8a8a;font-size:11px}
#container ul.home-board li p,#container ul.home-board li>div{width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#container #con_center .userImg .installtab2 ul.home-board-text{margin-left:0}
#container #con_center .userImg .installtab2 ul.home-board-text li{float:none;width:auto;margin:0;height:25px;line-height:25px;position:relative;font-size:11px;color:#636363;border-top:1px dotted #e5e5e5}
#container #con_center .userImg .installtab2 ul.home-board-text li:first-child{border-top:none}
#container #con_center .userImg .installtab2 ul.home-board-text li p{margin:0;width:300px}
#container #con_center .userImg .installtab2 ul.home-board-text li span{position:absolute;right:0;top:0;font:11px Dotum;letter-spacing:0}
#container #con_center .userImg .installtab2 ul.home-board-text li a{color:#636363;text-decoration:none}
.tooni-global a:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #f2c326;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}