@charset "utf-8";
@font-face { font-family:'Nanum Gothic'; src:url('https://imgcdn.topgame.kr/www/font/NanumGothic-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Nanum Gothic'; src:url('https://imgcdn.topgame.kr/www/font/NanumGothic-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Pretendard'; src:url('https://imgcdn.topgame.kr/www/font/PretendardVariable.woff2') format('woff2'); font-weight:45 920; font-display:swap; }

:root {
	--point:  #1875ee;
	--warn:   #d83b63;
	--accent: #d6e6ff;
	--text:   #444444;
	--line:   #d3d3d3;
	--title:  #41515c;
	--danger: #c0392b;
	--muted:  #929292;
	--notice: #c0686d;
	--admin:  #c0686d;
	--del:    #9a9a9a;
	--best:   #d8f7ca;

	/* 상점 */
	--gold:    #de903d;
	--gold-lt: #eba250;
	--total:   #3a82b5;
	--cash:    #4d4d4d;
	--th-bg:   #eeeeee;

	--content-w: 1000px;
}
.no_data {display:block; padding:10px 0; text-align:center; color:var(--muted); font-size:14px; font-weight:normal;}
.board_list a.q_title {color:var(--title); font-weight:600; transition:color .15s;}
.board_list a.q_title:hover {color:#7aa7e6; text-decoration:underline;}
.board_notice {color:var(--notice); font-size:14px;}

form[name=site_search] {display:flex; flex-wrap:wrap; gap:6px; padding:0 0 18px; font-family:'Pretendard', 'Nanum Gothic', sans-serif;}
form[name=site_search] label {display:inline-flex; align-items:center; padding:5px 11px; border:1px solid var(--line); border-radius:999px; background:#fff; color:#777; font-size:13px; font-weight:600; cursor:pointer; transition:all .15s ease; user-select:none;}
form[name=site_search] label:hover {border-color:var(--accent); color:var(--title);}
form[name=site_search] input[name=game_sites] {position:absolute; opacity:0; width:0; height:0;}
form[name=site_search] label:has(input:checked) {background:var(--accent); border-color:var(--accent); color:var(--text); font-weight:700;}

html{
	background-color: #fff;
}

body{
	font-family:'Nanum Gothic', sans-serif;
	background-color: #000;
	background-position:center top;
	background-repeat:no-repeat;
	}
html, body{
	margin:0;
    padding:0;
    overflow-x: hidden;
}

@media (max-width:1200px){
    html, body{
        overflow-x: auto;
    }
}
@font-face { 
	font-family : custom_fonts; src: url('https://imgcdn.topgame.kr/tqgame/sky2/fonts/HEIROFLIGHTBOLD.TTF');
}
@font-face { 
	font-family : custom_fonts; src: url('https://imgcdn.topgame.kr/tqgame/sky2/fonts/HEIROFLIGHTBOLD.TTF');
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; outline:0; border:0;}:focus{outline:0;}
ol, ul, li {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a {text-decoration:none;}
#logo {width:281px; position:absolute; top:70px; left:50%; margin-left:-600px; z-index:10;}

#leftarea {width:322px; position:absolute; z-index:50; top:540px; left:50%; margin-left:275px; float:left;}

/*게임시작버튼*/

#pluginsetup {position:relative;width:319px; height:35px; position:relative; top:0px; left:0px; cursor:pointer; color:#fff; font-size:16px; font-weight:bold; text-align:center;line-height:35px;}
#start {width:268px; height:270px; cursor:pointer;}
#start div { position:absolute; width:286px; height:270px; top:0px; right:7px; }
#help {position:relative; float:left; width:319px; height:138px; text-align:right; top:27px; left:0px;border:1px solid #272b2e;}


/*게임시작버튼*/
#login {width:440px; height:422px; position:absolute; top:212px; right:0; z-index:50;}/* 영상(634) 하단 정렬: top = 634-422 = 212 */
#login .box {overflow:hidden; padding:15px 15px 10px 15px;}
#login .box table {color:#ffffff;font-size:12px;}
#login .box input {width:90%; font-size:12px; color:#aaa; padding:10px 0; border:1px solid #333; background-color:#222; padding:10px 5%;}
#login .btn {overflow:hidden;}
#login .btn div {float:left; width:33.3%; height:34px;text-align:center;}
#login .btn div img {padding:15px 0 3px 0;}
#login .btn div p {color:#ddd; font-size:13px;}
#login .box_logout {overflow:hidden; padding:0px 5px 0px 5px;}
#login .box_logout .logout_top {overflow:hidden; height:34px; border-bottom:1px solid #333; line-height:34px;}
#login .box_logout .logout_top .left {float:left; font-size:14px; color:#fff;font-weight:bold;}
#login .box_logout .logout_top .left .user {font-family : 'Nanum Gothic'; color:var(--point);font-weight:bold;}
#login .box_logout .logout_top .left .point {font-family : 'Nanum Gothic'; color:#ff1e20;font-weight:bold;}
#login .box_logout .logout_top .right {float:right;line-height:44px;}
#login .box_logout .logout_top .right img {vertical-align:right;}
#login .logins_btn {background-image:url('https://imgcdn.topgame.kr/tqgame/sky2/login/btn_login.jpg'); background-size: 100% 100%;height:72px;width:83px !important;cursor:pointer;}

#login .ch_login_btn {position:absolute; top:24px; left:50%; transform:translateX(-50%); width:170px; height:46px;}
#login .ch_login_msg {position:absolute; top:90px; left:0; right:0; text-align:center; font-family:'Pretendard','Nanum Gothic',sans-serif; font-size:13px; font-weight:bold; line-height:18px; color:#333;}
#login .ch_login_msg .ch_name {color:var(--point);}
/*
MS
*/
.board_banner div{
	width: 413px;height: 134px;position: absolute;
}
.ch_banner div{
	width: 237px;height: 244px;position: absolute;
}
/*
3E
*/
.top {
	position: absolute; width:100%; top:60px;left:0px;float:left; z-index: 99;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.top:hover {
	background-image : url("https://imgcdn.topgame.kr/tqgame/sky2/top/g_title_bg.png");
}
.topguide {
	position: relative;
    top: 0px;
    left: 0px;
    float: left;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
}
.box .inbox {
    position: relative;
    width:199px;
    height: 76px;
	margin-right: 5px;
	margin-top : 2px;
    float: left;
}
.box .inbox input {
	width: 83px;!important;
}
.box .login_btn {
	position: relative;
    width: 83px;
    height: 72px;
    float: left;
	margin-top : 2px;
}


#menu { position:relative; top:0px; left:0px; float:left; width:1200px; height:85px; text-align:center;font-family:"Nanum Gothic", sans-serif; margin-left : 0px;}
#menu li a { color : #fff }
#menu_on li a {color:#fff;}
#menu ul li{ position:relative; top:0px; left:0px; float:left; width:170px; height:85px; color:#fff; line-height:85px;font-weight: bold;font-size:18px; text-align:center;font-family:"Nanum Gothic", sans-serif;}
#menu_on { position:relative; top:0px; left:0px; float:left; width:1200px; height:0px; display:none; left:50%;margin-left:-600px; text-align:center;font-family:"Nanum Gothic", sans-serif;font-weight: bold;}
#menu_on ul li{ position:relative; top:0px; left:0px; float:left; width:170px; height:22px; color:#fff; line-height:18px;font-size:18px; text-align:center;font-family:"Nanum Gothic", sans-serif;font-weight: bold;}
#menu_on .submenu li {font-size:16px; color:#fff; padding-top:10px; text-align:center;font-family:"Nanum Gothic", sans-serif;font-weight: bold;}
#menu_on .submenu li div {padding:5px 0;font-family:"Nanum Gothic", sans-serif;font-weight: bold;}
#menu_on .submenu li div a:link {color:#fff;font-family:"Nanum Gothic", sans-serif;font-weight: bold;}

#main {position:absolute; z-index:1; width:100%; height:890px; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center top;}

#banner {width:1473px; position:relative; top:0px; left:50%; margin-left:-736.5px; z-index:4; display:flow-root;}/* flow-root = 자식 margin collapse 차단(콘텐츠 안 잘림) */

.slide_title {color:#fff; font-size:14px; text-align:center; padding:20px 0 5px 0;}

#gall {overflow:hidden; width:871px; float:left; margin-bottom:50px; margin-right:15px;}
#gall .title {overflow:hidden;}
#gall .title .t {float:left; color:#fff; padding-bottom:5px; font-family : raleway_eb; font-size:20px;}
#gall .title .b {float:right;}
#gall .title .b img {margin-top:3px;} 
#gall .contents {width:100%; overflow:hidden;}

.sf {position:absolute; z-index:1; width:100%; height:504px; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center top;}

#sf_bar {position:absolute; width:100%;  height:10px; top:480px;text-align:center;}
#sf_bar ul {position:relative;float:center;width:586px;height:10px;text-align:center;margin-left: auto;margin-right: auto;}
.btitle {text-align:center; width:10px; height:10px;}
#sf_bar li {position:relative;float:left; width:10px; height:10px;cursor:pointer;background:#747474;border-radius:10px;-moz-border-radius : 10px;-webkit-border-radius : 10px;-ms-border-radius :10px;-khtml-border-radius : 10px;-o-border-radius :10px;margin-left: 5px;margin-right: 5px;}

#leftmenu{
    width:473px;
}

.sub_contents {width:1473px; margin:634px auto 0; position:relative; display:flex; align-items:flex-start;}/* 영상(634) 아래. flex: 좌 본문(1000) + 우 사이드(473) */
.sub_contents .contents{width:var(--content-w); margin-bottom: 80px;}
.sub_title {background-image:url('https://imgcdn.topgame.kr/tqgame/sky2/board/title_bg.png'); background-size:100% 100%; background-repeat:no-repeat; display:flex; align-items:center; width:var(--content-w); box-sizing:border-box; padding:28px 0 28px 50px; font-family:'custom_fonts'; font-size:17pt; color:var(--title); border-bottom:1px solid var(--line); margin-top:25px;}
.sub {background-image:url('https://imgcdn.topgame.kr/tqgame/sky2/board/sub_bg.png'); width:var(--content-w); box-sizing:border-box; padding:50px; overflow:hidden; color:#ccc; font-size:15px; line-height:22px; overflow:hidden; min-height:413px;}
.sub_bottom {background-image:url('https://imgcdn.topgame.kr/tqgame/sky2/board/sub_bottom.png'); width:var(--content-w); height:25px; overflow:hidden;}

.sub_02_02_01 {height:1760px; background-image:url('https://imgcdn.topgame.kr/tqgame/sky2/gameinfo/img_02_02_01.jpg'); background-repeat:no-repeat; background-position:center top; font-size:14px; text-align:right; line-height:25px;}
.sub_02_02_01 .title {padding:45px 0 25px 0;}

.sub_02_02_02 {height:550px; background-image:url('https://imgcdn.topgame.kr/tqgame/sky2/gameinfo/img_02_02_02.png'); background-repeat:no-repeat; background-position:center top; font-size:14px; text-align:left; line-height:25px;}
.sub_02_02_02 .title {padding:45px 0 25px 0;}

.sub_02_02_03 {height:550px; background-image:url('https://imgcdn.topgame.kr/tqgame/sky2/gameinfo/img_02_02_03.png'); background-repeat:no-repeat; background-position:center top; font-size:14px; text-align:right; line-height:25px;}
.sub_02_02_03 .title {padding:45px 0 25px 0;}

.sub_02_03 {width:100%; padding-top:50px; overflow:hidden;}
.sub_02_03 .img {float:left; width:250px; height:180px; background-color:#ddd; margin-left:50px;}
.sub_02_03 .contents {float:left; width:470px;}
.sub_02_03 .contents .title {font-size:28px; color:#fff; padding-bottom:20px;}
.sub_02_03 .contents .text {padding:5px 0; overflow:hidden;}
/*.sub_02_03 .contents .text .cate {float:left; width:50px; color:#349afe;}
.sub_02_03 .contents .text .t {float:left; width:420px;}
*/

.sub_02_04 {width:100%; padding-bottom:50px; color:#555; font-family:'Pretendard', 'Nanum Gothic', sans-serif; line-height:1.7;}
.sub_02_04 span {color:var(--title); font-weight:700;}
.sub { counter-reset:secnum; }
.sub_02_04 > .title {display:flex; align-items:center; gap:12px; counter-increment:secnum; font-size:21px; font-weight:700; color:var(--title); font-family:'Pretendard', 'Nanum Gothic', sans-serif; padding-bottom:18px;}
.sub_02_04 > .title::before {content:counter(secnum); flex:none; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px; background:var(--accent); color:var(--text); font-family:'Pretendard', sans-serif; font-size:15px; font-weight:800;}

.sub_02_04 .spec td {color:#555;}
.sub_02_04 .spec td:first-child {color:var(--title); font-weight:700;}

.sub_02_04 .box {padding:24px 0;}
.sub_02_04 .box ul {display:flex; flex-wrap:wrap; gap:16px;}
.sub_02_04 .box li {flex:1 1 0; min-width:150px; padding:24px 12px; text-align:center; border:1px solid var(--line); border-radius:12px; background:#f7f9fc;}
.sub_02_04 .box li p {color:var(--title); font-size:15px; font-weight:700; padding:14px 0;}

.sub_02_04 .step {display:flex; flex-wrap:wrap; align-items:stretch; gap:6px; padding:24px 0;}
.sub_02_04 .step .c {flex:1 1 0; min-width:150px; padding:22px 14px; text-align:center; font-size:14px; border:1px solid var(--line); border-radius:12px; background:#f7f9fc;}
.sub_02_04 .step .c .title {display:block; color:var(--muted); font-size:13px; padding:0;}
.sub_02_04 .step .c .title p {color:var(--title); font-size:17px; font-weight:700; padding:5px 0 12px;}
.sub_02_04 .step .a {display:flex; align-items:center; justify-content:center; flex:0 0 32px;}
.sub_02_04 .step .a::before {content:"\203A"; font-size:30px; line-height:1; color:#aeb6c0;}

.sub_02_04 .guide {display:flex; flex-wrap:wrap; gap:16px; padding:24px 0;}
.sub_02_04 .guide .c {flex:1 1 0; min-width:200px; padding:26px 18px; text-align:center; font-size:14px; border:1px solid var(--line); border-radius:12px; background:#f7f9fc;}
.sub_02_04 .guide .c .title {display:block; color:var(--muted); font-size:13px;}
.sub_02_04 .guide .c .title p {color:var(--title); font-size:17px; font-weight:700; padding:5px 0 12px;}

.sub_02_04 .btn {display:inline-block; min-width:92px; margin:14px auto 0; padding:9px 18px; border-radius:8px; background:var(--accent); color:var(--text); font-size:13px; font-weight:700;}
.gold_notice {width:878px; max-width:100%; height:224px; margin:0 auto; background:url('https://imgcdn.topgame.kr/tqgame/sky2/shop/gold_notice.png?v=2') no-repeat center; background-size:contain;}

.sub_04_01_title {overflow:hidden; padding:20px 0; border-bottom:1px solid #c3c3c3;}
.sub_04_01_title .gold_my {float:left;font-size:20px; padding-top:10px; color:var(--cash); font-family:'Pretendard', sans-serif;}
.sub_04_01_title .gold_my .total {color:var(--total); font-weight:bold; font-family:'Pretendard', sans-serif;}
.sub_04_01_title .gold_my .name {color:var(--gold); font-weight:bold; font-family:'Pretendard', sans-serif;}
.sub_04_01_title .tp {float:right; color: #fff;}
.sub_04_01_title .tp img {vertical-align:middle; margin-left:10px;}

.sub_05_01 {width:100%; height:340px; background-image:url('https://imgcdn.topgame.kr/tqgame/sky2/data/msdown_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
.sub_05_01 .text {float:left; padding-left:60px; text-align:left;}
.sub_05_01 .text img {padding:60px 0 15px 0;}
.sub_05_01 .btn {float:right; padding-right:40px;}
.sub_05_01 .btn img {padding-top:60px;}

.cm_buybtn {display:inline-flex; align-items:center; justify-content:center; width:237px; height:60px; margin-top:40px; border:0; border-radius:5px; background:var(--accent); color:var(--title); font-family:'Pretendard', 'Nanum Gothic', sans-serif; font-size:18px; font-weight:700; cursor:pointer; transition:filter .15s;}
.cm_buybtn:hover {filter:brightness(0.96);}
.cm_notice {width:878px; max-width:100%; margin:0 auto 20px; text-align:left; color:var(--muted); font-size:14px; line-height:1.5; font-family:'Pretendard', sans-serif;}
.cm_table {width:878px; max-width:100%; margin:0 auto; border-collapse:collapse; font-family:'Pretendard', sans-serif;}
.cm_table th {background:var(--th-bg); color:#333; padding:9px 10px; border:1px solid #ddd; font-weight:bold; text-align:center; white-space:nowrap;}
.cm_table td {padding:9px 12px; border:1px solid #ddd; text-align:left; color:#333; background:#fff;}
.cm_lack {color:var(--notice);}

/* 서버 선택 드롭다운 (구매/선물) */
.srv_select {position:relative; float:left; width:234px;}
.srv_trigger {height:22px; line-height:22px; color:#333; font-size:13px; cursor:pointer; user-select:none;}
.srv_list {position:absolute; left:0; top:22px; z-index:20; display:none; width:618px; max-height:238px; margin:0; padding:0; list-style:none; background:#d6e6ff; border:1px solid #b9d3f5; overflow-y:auto; overflow-x:hidden;}
.srv_list.open {display:grid; grid-template-columns:repeat(5, 1fr);}
.serlist {height:30px; line-height:30px; outline:1px solid rgba(255,255,255,.7); outline-offset:-1px; text-align:center; font-size:13px; font-weight:bold; color:var(--title); cursor:pointer;}
.serlist:hover {background:url('https://imgcdn.topgame.kr/tqgame/sky2/shop/serverlist/btn_server_on_1.png') no-repeat center; background-size:100% 100%; color:#0e7490;}
.srv_empty {grid-column:1 / -1; padding:15px 10px; text-align:center; font-size:13px; font-weight:bold; color:var(--notice); background:#fff; cursor:default;}

/* 확률 안내 */
.prob_wrap {font-family:'Pretendard', 'Nanum Gothic', sans-serif;}
.prob_block {margin-bottom:36px;}
.prob_block:last-child {margin-bottom:0;}
.prob_cate {font-size:18px; font-weight:700; color:var(--title); padding-bottom:12px; margin-bottom:16px; border-bottom:2px solid var(--title);}
.prob_table {width:100%; border-collapse:collapse;}
.prob_table th {background:var(--th-bg); color:#333; padding:11px 12px; border:1px solid #ddd; font-weight:bold; text-align:left;}
.prob_table td {padding:10px 12px; border:1px solid #ddd; color:#333; background:#fff;}
.prob_table .prob_per {width:180px; text-align:center;}
.prob_memo {margin-top:14px; padding:13px 16px; background:#f5f8ff; border:1px solid #e3ebf9; border-radius:5px; color:var(--text); font-size:13px; line-height:1.6;}
.prob_empty {padding:60px 0; text-align:center; color:var(--muted); font-size:15px;}

.sub_04_01 ul {display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin:0; padding:0; list-style:none;}
.sub_04_01 li {list-style:none;}
.goldbox {position:relative; display:block; width:208px; height:208px; overflow:hidden; background:url('https://imgcdn.topgame.kr/tqgame/sky2/shop/gold_box_off.png?v=2') no-repeat center; background-size:208px 208px; cursor:pointer;}
.goldbox:hover, .goldbox.on {background-image:url('https://imgcdn.topgame.kr/tqgame/sky2/shop/gold_box_on.png?v=2');}
.goldbox_img {position:absolute; top:0; left:0; width:208px; height:208px;}
.goldbox_amt {position:absolute; left:0; right:0; bottom:46px; text-align:center; color:var(--gold-lt); font-size:15px; font-weight:700; font-family:'Pretendard', sans-serif; letter-spacing:-0.3px; text-shadow:0 1px 0 rgba(255,255,255,.75), 0 2px 2px rgba(166,107,40,.28);}
.goldbox_cash {position:absolute; left:0; right:0; bottom:22px; text-align:center; color:var(--cash); font-size:14px; font-weight:700; font-family:'Pretendard', sans-serif;}
.goldbox input {position:absolute; opacity:0; width:0; height:0;}
.charge_btn {display:inline-flex; align-items:center; justify-content:center; height:38px; padding:0 18px; vertical-align:middle; background:var(--accent); color:var(--title); font-family:'Pretendard', sans-serif; font-size:14px; font-weight:700; cursor:pointer; transition:filter .15s;}
.charge_btn:hover {filter:brightness(0.96);}


.board_list { font-family:'Pretendard', 'Nanum Gothic', sans-serif; }
.board_list {width:100%; border-collapse:collapse;}
.board_list th {color:var(--text); font-size:14px; padding:10px 0; border-top:1px solid var(--accent); border-bottom:1px solid var(--accent); background-color:var(--accent);font-weight:bold;}
.board_list td {color:var(--text); font-size:14px; padding:12px 0; border-bottom:1px solid var(--line); text-align:center;}
.board_list .subject {color:var(--text); text-align:left; font-size:15px;}
.board_list .subject a {color:var(--title);}
.board_list .adm {color:var(--admin); font-size:11px;}
.board_list .adm_link {color:var(--title);}
.board_list .recnt {color:var(--admin);}
.board_list .goodcnt {display:inline-block; margin-left:4px; padding:1px 8px; border-radius:10px; background:var(--accent); color:var(--title); font-size:11px; font-weight:700; vertical-align:middle;}
.board_list .del_post {color:var(--del); font-style:italic;}

/* 게시글 본문 이미지 라이트박스 (자체, 외부 의존 없음) */
html.tqlb-open, body.tqlb-open {overflow:hidden;}
.tqlb {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:rgba(0,0,0,0.8); cursor:zoom-out;}
.tqlb.on {display:flex; align-items:center; justify-content:center;}
.tqlb_img {max-width:90%; max-height:90%; border-radius:4px; box-shadow:0 8px 40px rgba(0,0,0,0.55);}
.tqlb_close {position:absolute; top:16px; right:24px; color:#fff; font-size:36px; line-height:1; cursor:pointer; opacity:0.85;}
.tqlb_close:hover {opacity:1;}
.board_list .new_badge {display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; margin-left:6px; border-radius:50%; background:var(--notice); color:#fff; font-size:10px; font-weight:700; line-height:1; vertical-align:middle;}
.board_list .row_notice {background:#fbeabd;}
.board_list .row_best {background:var(--best);}

/* 게시글 보기 — 일반(자유/공략/스샷) */
.brdViewWrap {border-bottom:1px solid var(--line);}
.text_area {padding:25px 19px; word-break:break-all;}
.text_area img {max-width:100%; height:auto;}
.bv_head {font-family:'Pretendard', 'Nanum Gothic', sans-serif; padding:0 4px 18px; border-bottom:2px solid var(--title);}
.bv_title {display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 14px; font-size:20px; font-weight:700; color:var(--title); line-height:1.4; word-break:break-all;}
.bv_title .cate {margin-left:auto;}
.bv_meta {display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; font-family:'Pretendard', 'Nanum Gothic', sans-serif; font-size:14px; color:var(--muted);}
.bv_meta b {margin-left:5px; color:var(--text); font-weight:600;}
.bv_meta img {height:18px; width:auto; vertical-align:middle;}
.bv_body {padding:26px 4px; color:var(--text); font-size:15px; line-height:1.7;}
span.cate.bv_best {color:#2f8a3e; background:var(--best); border-color:#bfe9ad;}
.ta-c {text-align:center;}
.btn_wrap {display:inline-block;}

/* 게시글 보기 — 공지(템플릿) */
.ntc_head {display:flex; align-items:flex-start; justify-content:space-between; gap:20px;}
.ntc_titlebox {min-width:0;}
.ntc_titlerow {display:flex; align-items:center; gap:10px;}
.ntc_ico {flex:none; margin:0;}
.ntc_title {font-size:20px; font-weight:700; color:var(--title); word-break:break-all;}
.ntc_date {display:block; margin-top:8px; color:var(--muted); font-size:13px;}
.ntc_logo {flex:none; width:100px;}
.ntc_body {padding:25px 0 0;}
.ntc_tp_top {width:100%; max-width:902px; height:214px; margin:0 auto; border-radius:10px 10px 0 0; background-repeat:no-repeat; background-position:top center;}
.ntc_tp_mid {width:100%; max-width:902px; margin:-1px auto 0; padding-top:1px; background-repeat:repeat-y; background-position:top center; color:#111;}
.ntc_tp_mid p a {color:#12bd12;}
.ntc_tp_bot {width:100%; max-width:902px; height:186px; margin:-1px auto 0; border-radius:0 0 10px 10px; background-repeat:no-repeat; background-position:top center;}

/* 게시글 보기 — 이벤트 / 가이드 */
.bview-event {padding:0; width:var(--content-w); line-height:0;}
.bview-event .bv-body img {width:100%; margin:0;}
.bview-guide {padding:0; line-height:0;}
.bview-guide .bv-body img {display:block; width:100%; margin:0;}
.bv-body {padding:0;}
.bv-btns {line-height:normal; text-align:right; padding:24px 0;}
.bview-guide .bv-btns, .bview-notice .bv-btns, .bview-event .bv-btns {text-align:center;}

.btn_wrap a{display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:auto; min-width:88px; height:38px; padding:0 16px; margin:0 3px; font-family:'Pretendard', 'Nanum Gothic', sans-serif; font-size:14px; font-weight:700; text-decoration:none; color:var(--title); background:var(--accent); cursor:pointer; transition:filter .15s;}
.btn_wrap a:hover{filter:brightness(0.96);}
.btn_wrap a:last-child{margin-right:0;}
.btn_wrap a.btn_cancel{background:#fdecf1; color:var(--warn);}
.btn_wrap a.btn_list{background:#fff; border:1px solid var(--line); color:#666;}
.btn_wrap a.btn_best{background:#fbf3d6; color:#9a7b16;}

.agree_content {color:var(--text); font-family:'Pretendard','Nanum Gothic',sans-serif; font-size:13px; line-height:1.6;}
.agree_content h3 {border:1px solid var(--line); padding:12px; margin:0; font-size:14px; font-weight:700; color:var(--title);}
.agree_content h3 label {margin-left:8px; font-weight:400; color:var(--text); cursor:pointer;}
.agree_content .text.line {border:1px solid var(--line); padding:12px;}
.agree_content .agree_textarea {border:1px solid var(--line); padding:12px; height:340px; overflow-y:auto;}
.agree_content .nick_make {text-align:center; padding:16px 0 4px;}
.agree_content .nick_make h3 {border:0; padding:0 0 4px;}
.agree_content .nickName_box {display:flex; align-items:center; justify-content:center; gap:8px; margin-top:10px;}
.agree_content .nickName_box input {height:36px; padding:0 12px; border:1px solid var(--line); font-size:14px;}
.agree_content .nick_chk {display:inline-flex; align-items:center; height:36px; padding:0 16px; background:var(--title); color:#fff; font-size:14px; text-decoration:none; cursor:pointer;}
.agree_content .btn_wrap {display:block; text-align:center; padding-top:16px;}
.agree_content .btn_wrap input {box-sizing:border-box; min-width:96px; height:38px; margin:0 3px; padding:0 16px; border:0; font-family:'Pretendard','Nanum Gothic',sans-serif; font-size:14px; font-weight:700; color:var(--title); background:var(--accent); cursor:pointer; transition:filter .15s;}
.agree_content .btn_wrap input:hover {filter:brightness(0.96);}
.agree_content .btn_wrap input.btn_cancel {background:#fdecf1; color:var(--warn);}

.cmt {font-family:'Pretendard', 'Nanum Gothic', sans-serif; margin-top:40px;}
.cmt_notice {margin:0 0 20px; color:var(--notice); font-size:13px;}
.cmt_notice.ban {color:var(--warn);}
.cmt_write {margin-bottom:34px;}
.cmt_ta {width:100%; box-sizing:border-box; min-height:40px; padding:6px 2px; border:0; border-bottom:1px solid var(--line); background:transparent; color:#222; font-size:14px; font-family:inherit; line-height:1.5; resize:none; overflow:hidden; outline:none;}
.cmt_ta:focus {border-bottom:2px solid var(--title);}
.cmt_write_foot {display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px;}
.cmt_foot_btns {display:flex; align-items:center; gap:10px;}
.cmt_count {flex:none; font-size:12px; color:var(--muted);}
.cmt_adminsel {height:34px; box-sizing:border-box; padding:0 10px; border:1px solid var(--line); background:#fff; color:var(--text); font-size:13px; font-family:inherit; cursor:pointer;}
.cmt_submit {height:34px; padding:0 18px; border:0; background:var(--accent); color:var(--title); font-size:13px; font-weight:700; font-family:inherit; cursor:pointer; transition:filter .15s;}
.cmt_submit:hover {filter:brightness(0.96);}
.cmt_list {display:flex; flex-direction:column; gap:24px;}
.cmt_body {min-width:0;}
.cmt_head {display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:4px;}
.cmt_name {font-size:14px; font-weight:700; color:var(--title); word-break:break-all;}
.cmt_name img {height:22px; width:auto; vertical-align:middle;}
.cmt_date {font-size:12px; color:var(--muted);}
.cmt_text {font-size:14px; line-height:1.55; color:#222; word-break:break-all;}
.cmt_actions {display:flex; align-items:center; gap:16px; margin-top:7px;}
.cmt_reply_btn {border:0; background:none; padding:0; font-family:inherit; font-size:12px; font-weight:700; color:var(--muted); cursor:pointer;}
.cmt_reply_btn:hover {color:var(--title);}
.cmt_del {font-size:12px; color:var(--del); text-decoration:none; cursor:pointer;}
.cmt_del:hover {color:var(--warn);}
.cmt_del_off {color:#cfd4da; cursor:not-allowed;}
.cmt_del_off:hover {color:#cfd4da;}
.cmt_rewrite {margin-top:14px;}
.cmt_reply {margin-top:18px; margin-left:14px; padding-left:16px; border-left:3px solid var(--accent);}

/* 스크린샷 그리드 */
.ssgrid {display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:18px; font-family:'Pretendard', 'Nanum Gothic', sans-serif;}
.sscard {display:block; border:1px solid var(--line); overflow:hidden; background:#fff; text-decoration:none; transition:box-shadow .15s, transform .15s;}
.sscard:hover {box-shadow:0 6px 18px rgba(0,0,0,0.08); transform:translateY(-2px);}
.sscard_thumb {width:100%; aspect-ratio:4/3; background:#eef1f5 center/cover no-repeat; border-bottom:1px solid var(--line);}
.sscard_body {padding:12px 14px;}
.sscard_title {font-size:14px; font-weight:700; color:var(--title); line-height:1.4; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sscard_meta {display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; font-size:12px; color:var(--muted);}
.sscard_nick {min-width:0; color:var(--text); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sscard_nick img {height:16px; width:auto; vertical-align:middle;}
.sscard_stat {flex:none;}

#board_search {display:flex; justify-content:center; align-items:center; gap:8px; padding:30px 0; font-family:'Pretendard', 'Nanum Gothic', sans-serif;}
#board_search .select select {width:96px; height:40px; box-sizing:border-box; padding:0 12px; border:1px solid var(--line); background:#fff; color:#444; font-size:14px; outline:none; cursor:pointer;}
#board_search .search {width:280px;}
#board_search input {width:100%; height:40px; box-sizing:border-box; padding:0 14px; border:1px solid var(--line); background:#fff; color:#444; font-size:14px; outline:none;}
#board_search input::placeholder {color:#9aa3ac;}
#board_search input:focus, #board_search .select select:focus {border-color:#7aa7e6;}
#board_search .btn span {display:inline-flex; align-items:center; justify-content:center; min-width:74px; height:40px; padding:0 18px; background:var(--accent); color:var(--title); font-size:14px; font-weight:700; cursor:pointer; transition:filter .15s;}
#board_search .btn span:hover {filter:brightness(0.96);}
.btn_write {display:inline-flex; align-items:center; justify-content:center; width:102px; height:38px; background:var(--accent); color:var(--title); font-family:'Pretendard', 'Nanum Gothic', sans-serif; font-size:14px; font-weight:700; text-decoration:none; cursor:pointer; transition:filter .15s;}
.btn_write:hover {filter:brightness(0.96);}
.btn_form {display:inline-flex; align-items:center; justify-content:center; width:170px; height:43px; font-family:'Pretendard', 'Nanum Gothic', sans-serif; font-size:15px; font-weight:700; text-decoration:none; cursor:pointer; border:1px solid var(--line); background:#fff; color:#666; transition:filter .15s;}
.btn_form.primary {background:var(--accent); border-color:var(--accent); color:var(--title);}
.btn_form:hover {filter:brightness(0.96);}

/* 도움말 폼(1:1문의 / 신고센터) 공통 */
.req_form {font-family:'Pretendard', 'Nanum Gothic', sans-serif; border:1px solid var(--line); background:#fff;}
.req_form .row {display:flex; align-items:stretch; border-bottom:1px solid var(--line);}
.req_form .row:last-child {border-bottom:0;}
.req_form .row > label {flex:0 0 130px; display:flex; align-items:center; padding:14px 24px; background:var(--accent); color:var(--text); font-weight:700; font-size:14px;}
.req_form .f {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px 16px;}
.req_form .f_editor {padding:0;}
.req_form .tqe-wrap {border:0;}
.req_form input[type=text], .req_form select, .req_form textarea {box-sizing:border-box; height:40px; padding:0 12px; border:1px solid var(--line); background:#fff; color:#444; font-size:14px; font-family:inherit; outline:none;}
.req_form input[type=text]:focus, .req_form select:focus, .req_form textarea:focus {border-color:#7aa7e6;}
.req_form input.w-name {width:200px;}
.req_form input.w-full {width:100%;}
.req_form input.w-date {width:140px;}
.req_form textarea {width:100%; height:180px; padding:10px 12px; line-height:1.6; resize:vertical;}
.req_form input[type=file] {font-size:13px; color:#555;}
.req_form .filefield {display:inline-flex; align-items:center; gap:10px; padding:8px 12px; border:1px dashed #c4cdda; background:#fafbfe; box-sizing:border-box; transition:border-color .15s, background .15s;}
.req_form .filefield.is-drag {border-color:#7aa7e6; border-style:solid; background:#eef4ff;}
.req_form .filefield .filecard {border:0; background:transparent; padding:0;}
.req_form .filefield.big .filecur {flex:0 0 100%; text-align:center; margin-top:8px;}
.req_form .filefield.big .filecur__hint {display:block; margin-top:6px; color:var(--muted); font-size:13px;}
.evt-type {display:inline-flex; gap:8px;}
.evt-type__opt {position:relative; cursor:pointer;}
.evt-type__opt input {position:absolute; opacity:0; width:0; height:0;}
.evt-type__opt span {display:inline-flex; align-items:center; height:38px; padding:0 22px; border:1px solid var(--line); background:#fff; color:var(--muted); font-size:14px; font-weight:700; transition:all .15s;}
.evt-type__opt:hover span {border-color:#7aa7e6; color:var(--title);}
.evt-type__opt input:checked + span {background:var(--accent); border-color:var(--accent); color:var(--title);}
.evt-type.is-locked .evt-type__opt {pointer-events:none;}
.evt-type.is-locked .evt-type__opt input:not(:checked) + span {opacity:.45;}
.req_form .filebtn {display:inline-flex; align-items:center; height:40px; padding:0 16px; border:1px solid var(--line); background:#f7f9fc; color:#444; font-size:13px; font-weight:600; cursor:pointer;}
.req_form .filebtn:hover {border-color:#7aa7e6;}
.req_form .filebtn input[type=file] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; overflow:hidden; clip:rect(0 0 0 0);}
.req_form .filename {font-size:13px; color:var(--muted); word-break:break-all;}
.req_form .filecard {display:inline-flex; align-items:center; gap:10px; padding:6px 12px 6px 6px; border:1px solid var(--line); background:#fff;}
.req_form .filecard .filename {color:var(--text); font-weight:600;}
.req_form .filethumb {display:block; width:64px; height:64px; object-fit:cover; border:1px solid var(--line);}
.req_form .filefield.big {display:flex; flex-wrap:wrap; align-items:center; gap:10px; width:100%;}
.req_form .filefield.big .filecard {flex:1 0 100%; display:block; text-align:center; padding:12px; box-sizing:border-box;}
.req_form .filefield.big .filethumb {display:block; width:auto; max-width:100%; height:auto; max-height:440px; object-fit:contain; border:0; margin:0 auto 10px;}
.req_form .filefield.big .filex {vertical-align:middle; margin-left:8px;}
.req_form .gcur img {display:block; max-width:100%; max-height:320px; border:1px solid var(--line); border-radius:10px;}
.req_form .cate_pick {display:flex; flex-wrap:wrap; gap:12px; align-items:center;}
.req_form .cate_opt {display:inline-flex; cursor:pointer;}
.req_form .cate_opt input {position:absolute; opacity:0; pointer-events:none;}
.req_form .cate_opt .gcate {margin:0; border-radius:10px; opacity:0.4; outline:2px solid transparent; outline-offset:3px; transition:opacity .15s, outline-color .15s;}
.req_form .cate_opt:hover .gcate {opacity:0.75;}
.req_form .cate_opt input:checked + .gcate {opacity:1; outline-color:#7aa7e6;}
.req_form .fileicon {display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; background:var(--accent); color:var(--title); font-size:12px; font-weight:700; border:1px solid var(--line);}
.req_form .filex {display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; padding:0; border:1px solid var(--line); background:#fff; color:#888; font-size:16px; line-height:1; cursor:pointer;}
.req_form .filex:hover {color:var(--warn); border-color:#f8d3de;}
.req_form .hint {width:100%; margin:0; color:var(--muted); font-size:12px;}
.req_form .sep {color:var(--muted);}
.req_form .chk {display:inline-flex; align-items:center; gap:6px; line-height:1; font-size:13px; font-weight:400; color:var(--text); cursor:pointer;}
.req_form input[type=checkbox] {appearance:none; -webkit-appearance:none; -moz-appearance:none; flex:none; width:18px; height:18px; margin:0; box-sizing:border-box; border:1px solid var(--line); border-radius:4px; background:#fff; cursor:pointer; position:relative; vertical-align:middle; transition:border-color .15s, background .15s;}
.req_form input[type=checkbox]:hover {border-color:#7aa7e6;}
.req_form input[type=checkbox]:checked {background:#7aa7e6; border-color:#7aa7e6;}
.req_form input[type=checkbox]:checked::after {content:""; position:absolute; left:5px; top:1px; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);}
.req_form .ui-datepicker-trigger {display:none;}
.req_tv {margin-left:auto;}
.req_tv img {display:block;}
.req_btns {display:flex; justify-content:center; gap:10px; padding:26px 0 0;}

.sub_media {overflow:hidden; padding:10px 0 40px 0; border-bottom:1px solid #333; margin-bottom:20px;}
.sub_media p {color:#fff; font-size:19px; font-family : 'Nanum Gothic'; padding-bottom:20px;}


#board_page {width:100%; text-align:center; overflow:hidden; padding-top:30px;}
#board_page table {margin:0 auto;}
#board_page .arrow {display:inline-block; vertical-align:middle; text-align:center; margin-right:5px; width:29px; height:29px;}
#board_page .page {display:inline-block; vertical-align:middle; width:29px; height:29px; text-align:center; font-family:'Pretendard', 'Nanum Gothic', sans-serif; font-size:14px; color:var(--text); margin-right:5px; line-height:29px;}
#board_page .page_on {display:inline-block; vertical-align:middle; width:29px; height:29px; text-align:center; font-family:'Pretendard', 'Nanum Gothic', sans-serif; font-size:14px; color:var(--text); background:var(--accent); margin-right:5px; line-height:29px; font-weight:bold;}
#board_page img {border:0px;margin:0px;padding:0px;}
#board_page a {text-decoration:none;}

.gcate {width:79px; height:34px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:contain;}
.gcate.g10 {background-image:url("https://imgcdn.topgame.kr/tqgame/sky2/board/g/icon_01.png");}
.gcate.g20 {background-image:url("https://imgcdn.topgame.kr/tqgame/sky2/board/g/icon_02.png");}
.gcate.g30 {background-image:url("https://imgcdn.topgame.kr/tqgame/sky2/board/g/icon_03.png");}
.gcate.g40 {background-image:url("https://imgcdn.topgame.kr/tqgame/sky2/board/g/icon_04.png");}
.gcate.g50 {background-image:url("https://imgcdn.topgame.kr/tqgame/sky2/board/g/icon_05.png");}
.icon_01 {width:85px; height:26px; background:url("https://imgcdn.topgame.kr/tqgame/sky2/board/icon_01.png") no-repeat center; background-size:contain; margin:0 auto;}
.icon_02 {width:85px; height:26px; background:url("https://imgcdn.topgame.kr/tqgame/sky2/board/icon_02.png") no-repeat center; background-size:contain; margin:0 auto;}
.icon_03 {width:85px; height:26px; background:url("https://imgcdn.topgame.kr/tqgame/sky2/board/icon_03.png") no-repeat center; background-size:contain; margin:0 auto;}
.icon_04 {width:85px; height:26px; background:url("https://imgcdn.topgame.kr/tqgame/sky2/board/icon_04.png") no-repeat center; background-size:contain; margin:0 auto;}
.icon_05 {width:85px; height:26px; background:url("https://imgcdn.topgame.kr/tqgame/sky2/board/icon_05.png") no-repeat center; background-size:contain; margin:0 auto;}
#sub_tab {width:100%; overflow:hidden; margin-bottom:40px; font-family:'Pretendard', 'Nanum Gothic', sans-serif;}
#sub_tab li {float:left; width:120px; padding:7px 0; text-align:center; border:1px solid var(--line); color:var(--text); margin-right:5px;font-weight:bold;}
#sub_tab li a {display:block; margin:-7px 0; padding:7px 0; color:var(--text);}
#sub_tab .on {background:var(--accent); color:var(--text);font-weight:bold;border:1px solid var(--accent);}
#sub_tab .on a{background:var(--accent); color:var(--text);}
#sub_tab_guide {width:230px; overflow:hidden; margin-bottom:40px;}
#sub_tab_guide li {float:left; width:228px; margin-bottom:10px; margin-right:20px; height:52px; text-align:center; border:1px solid #38414a; color:#8198a9; margin-right:5px; background:url('https://imgcdn.topgame.kr/tqgame/sky2/gameinfo/menu_btn_bg.jpg'); line-height:52px; font-size:20px; font-weight:bold;}
#sub_tab_guide li a {color:#8198a9;}
#sub_tab_guide .on {background:var(--accent); color:var(--text);}
#sub_tab_guide .on a{background:var(--accent); color:var(--text);}

#gold {float:left; width:319px; margin-top:8px;border:1px solid #272b2e;}
#gold div {float:left; width:33.3%; text-align:center;}
#gold div img {padding:10px 0 5px 0;}
#gold div p {font-size:14px; color:#fff; text-align:center;}
#gold div p a {color:#fff;}

.bottom {position:relative;width:1200px;margin-left:auto;margin-right:auto;}
#tail {width:100%; background:#fff; border-top:1px solid #e5e5e5; z-index:20; font-family:'Pretendard', 'Nanum Gothic', sans-serif;}
#tail .ft {width:1200px; margin:0 auto; padding:20px 0;}
#tail .ft-head {display:flex; justify-content:space-between; align-items:center;}
#tail .ft-logo {display:flex; gap:24px; align-items:center;}/* 채널 로고 여러개 가로 정렬 */
#tail .ft-grade {flex:none;}
#tail .ft-nav {margin-top:14px; padding-bottom:16px; border-bottom:1px solid #e5e5e5;}
#tail .ft-nav a {color:#555; font-weight:bold; font-size:14px;}
#tail .ft-nav a:not(:last-child)::after {content:"|"; color:#dcdcdc; font-weight:normal; margin:0 13px;}
#tail .ft-nav a.strong {color:#1b6fb3;}
#tail .ft-info {margin-top:18px; color:#888; font-size:12px; line-height:22px;}
#tail .ft-info p {margin:0;}
#tail .ft-info span {color:#dcdcdc; margin:0 8px;}
#tail .ft-info .copy {margin-top:12px; color:#aaa;}

#backscreen {position:absolute;top:0px;left:0px;width:100%;height:100%;background:url('https://imgcdn.topgame.kr/tqgame/sky2/top/g_title_bg.png');z-index:8000;display:none;}
#backscreen_guide {position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:8100;}
#show_guide {position:relative;top:15%;width:820px;height:650px;margin-top:0px;margin-right:auto;margin-left:auto;z-index:8900;border:1px solid #272b2e;}
#btn_area	{position:relative;top:15%;width:820px;height:52px;margin-top:0px;margin-right:auto;margin-left:auto;}
#contents	{overflow-y:scroll;overflow-x:hidden;width:820px;height:650px;background:#08090a;z-index:9000;}
#guide_titles {color:#fff;}
#guide_titles:hover {color:red;}

/* banner List , on - off 필요*/
.charecter_0mini {position:relative;width:136px;height:328px;float:left;cursor:pointer;margin-right:4px;border:1px solid #272b2e; }
.charecter_0big {position:relative;width:447px;height:328px;float:left;border:1px solid #272b2e;margin-right:2px; }
.showimg {display:block;}
.hideimg {display:none;}
#charecter_01 { background:url('https://imgcdn.topgame.kr/tqgame/sky2/main/3e_charecter_01_on.png');background-repeat:no-repeat;cursor:pointer; }
#charecter_02 { background:url('https://imgcdn.topgame.kr/tqgame/sky2/main/3e_charecter_02_off.png');background-repeat:no-repeat;cursor:pointer; }
#charecter_03 { background:url('https://imgcdn.topgame.kr/tqgame/sky2/main/3e_charecter_03_off.png');background-repeat:no-repeat;cursor:pointer; }
#charecter_04 { background:url('https://imgcdn.topgame.kr/tqgame/sky2/main/3e_charecter_04_off.png');background-repeat:no-repeat;cursor:pointer; }
/* banner List */

.accordion {
list-style:none;padding:0;	
  width:100%;
  border-top: 1px solid #ffffff59;
}
.accordion li {
list-style:none;
  border-bottom: 1px solid #ffffff59;
  position: relative;
}
.accordion li p {
  display: none;
  padding: 10px 25px 30px;
  color: #000;
}
.accordion a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  line-height: 3;
  font-size: 17px;
  text-indent: 15px;
  user-select: none;
}
.accordion a img {vertical-align:middle; margin-right:10px;}
.accordion a:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  right: 10px;
  content: " ";
  top: 17px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.accordion p {
  font-size: 15px;
  line-height: 2;
  padding: 10px;
}

a.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*이용동의 버튼 css*/
.greedbtn {
	  border-radius: 4px;
	  background-color: #f4511e;
	  border: none;
	  color: #FFFFFF;
	  text-align: center;
	  line-height:15px;
	  font-size: 15px;
	  padding: 5px 20px;
	  width: 200px;
	  transition: all 0.5s;
	  cursor: pointer;
	  margin: 5px;
	}

	.greedbtn span {
	  cursor: pointer;
	  display: inline-block;
	  position: relative;
	  transition: 0.5s;
	}

	.greedbtn span:after {
	  content: '\00bb';
	  position: absolute;
	  opacity: 0;
	  top: 0;
	  right: -20px;
	  transition: 0.5s;
	}

	.greedbtn:hover span {
	  padding-right: 25px;
	}

	.greedbtn:hover span:after {
	  opacity: 1;
	  right: 0;
	}

	.backgrd{
		background:url('https://imgcdn.topgame.kr/tqgame/sky2/main/backgra.png');
	}

	.backbg{
		background:url('https://imgcdn.topgame.kr/tqgame/sky2/main/backbg.png');
	}

div.eventdiv {
	width:868px;position:relative;margin-left:1px;
}
span.cate {
	display:inline-block; min-width:60px; padding:4px 12px; border-radius:12px;
	background:#fff; border:1px solid var(--line); color:var(--text);
	font-size:12px; font-weight:700; line-height:1; text-align:center;
}
span.cate.st_ing  {color:#2f6fd6; background:#eaf2fe; border-color:#cfe0fb;}
span.cate.st_recv {color:var(--warn); background:#fdecf1; border-color:#f8d3de;}
span.cate.st_done {color:#2e9e5b; background:#e9f7ee; border-color:#cdebd7;}

span.ch_charge {
    color: var(--text);
    padding: 5px 10px;
    background: var(--accent);
    cursor: pointer;
    font-weight: bold;
    border-radius: 3px;
}

/* 구매내역 리스트 */
.exinfo .board_notice {margin:0 0 18px; padding:11px 16px; background:#f7f9fc; border-left:3px solid var(--accent); color:var(--muted); font-size:14px; line-height:1.5; font-family:'Pretendard', sans-serif; box-sizing:border-box;}
.exinfo .brdListWrap {margin:0;}
.exinfo .board_list {width:100%; margin:0; border:1px solid #ddd;}
.exinfo .board_list th {padding:11px 10px; background:var(--accent); border:1px solid #c9c9c9; color:var(--title);}
.exinfo .board_list td {padding:12px 10px; border:1px solid #ddd;}
.exinfo .board_list tbody tr:hover td {background:#fafbfe;}
.exinfo .recv_name {display:inline-flex; align-items:center; justify-content:center; min-width:90px; min-height:30px;}
.exinfo .couponCopyBtn, .exinfo .roleinfoBtn, .exinfo .popbill {display:inline-flex; align-items:center; gap:4px; height:30px; margin-left:6px; padding:0 14px; background:var(--accent); border:0; border-radius:0; color:var(--title); font-family:'Pretendard', sans-serif; font-size:13px; font-weight:700; vertical-align:middle; cursor:pointer;}
.exinfo .couponCopyBtn:hover, .exinfo .roleinfoBtn:hover, .exinfo .popbill:hover {filter:brightness(.96);}
.exinfo #board_page {width:auto !important; margin:26px auto 0;}
.exinfo .pageing ul {display:inline-flex; gap:4px; margin:0; padding:0; list-style:none;}
.exinfo .pageing li {float:none; width:auto; border:0;}
.exinfo .pageing li a {display:block; min-width:34px; height:34px; padding:0 8px; border:1px solid var(--line); background:#fff; color:var(--text); font-size:13px; line-height:34px; text-align:center; text-decoration:none;}
.exinfo .pageing li a:hover {border-color:var(--accent); color:var(--title);}
.exinfo .pageing li.on a, .exinfo .pageing li a.on {background:var(--accent); border-color:var(--accent); color:var(--title); font-weight:700;}

.policy-tbl {width:100%; border-collapse:collapse; font-size:12.5px; line-height:1.5; margin:14px 0;}
.policy-tbl th, .policy-tbl td {border:1px solid var(--line); padding:9px 8px; vertical-align:middle;}
.policy-tbl thead th {background:var(--title); color:#fff; font-weight:700; text-align:center;}
.policy-tbl tbody th {background:#f5f7fa; color:var(--title); font-weight:700; text-align:center; width:104px;}
.policy-tbl td {text-align:center; color:var(--text);}
.policy-tbl td.l {text-align:left;}
.policy-tbl .ban {color:var(--danger); font-weight:700;}
.agree_cont .danger {color:var(--danger);}
.agree_cont .ch_game {color:var(--point); font-weight:bold;}