@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right;display: none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.bbs{display: block;margin: 0;padding: 0}
.bbs .bbs-inner{display: block;max-width: 1200px;margin: 2rem auto;padding: 0 10px;width: 100%}
.acc{max-width:1100px;margin:0 auto}
h2{margin:0 0 22px;text-align:center;color:var(--hl);font-size:26px}
details{background:var(--card);border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.35);margin:12px 0;overflow:hidden}
summary{list-style:none;cursor:pointer;user-select:none;padding:16px 56px 16px 20px;font-weight:700;font-size:18px;color:var(--brand);position:relative}summary::-webkit-details-marker{display:none}
summary::after{content:"＋"; position:absolute; right:18px; top:50%;transform:translateY(-50%); font-weight:800; font-size:20px;color:var(--brand); transition:.25s}
details[open] summary::after{content:"–"}
.acc-body{color:var(--ink);padding:0 20px 0 20px;display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}
details[open] .acc-body{grid-template-rows:1fr}
.acc-inner{min-height:0;overflow:hidden;padding:0 0 18px}
.table-wrap{overflow-x:auto;margin:14px 0}
table{min-width:700px;border-collapse:collapse;color:#fff;font-size:14px;width:100%}
thead tr{background:var(--card); color:var(--brand)}
th,td{border:1px solid var(--bd); padding:8px; text-align:left; vertical-align:top}
tbody tr:nth-child(even){background:var(--row)}
h4{color:var(--hl); margin:18px 0 6px}
.contents{background:#101725;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.45);padding:40px}
.contents h2{font-size:28px;margin:0 0 20px;color:#36e1c6}
.contents h3{color:#00d4ff;margin-top:24px;font-size: 1.2rem;}
.contents p{color:#cfe3ff;line-height:1.8;font-size: 0.985rem;text-align: justify;}
.contents ul li{font-size: 0.985rem;color:#cfe3ff;line-height:1.8;padding-left:20px;text-align: justify;}
.contents table{width:100%;border-collapse:collapse;color:#cfe3ff;margin-top:12px}
.contents table thead tr{background:#0e1623}
.contents table thead tr th{padding:10px;border:1px solid rgba(255,255,255,.15)}
.contents table tbody td{padding:10px;border:1px solid rgba(255,255,255,.15);text-align: justify;}

.bot-menu{margin-top:40px;text-align:center}
.bot-menu h4{color:#36e1c6;font-size:20px;margin-bottom:22px}
.bot-menu .btn-in{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.bot-menu .btn-in a{display:inline-block;padding:14px 30px;color:#0b0d12;font-weight:600;border-radius:40px;text-decoration:none;transition:.3s ease}


@media(max-width:768px){
	body{padding:0;font-size:14px}
	.contents h2{font-size:22px}
	.contents summary{font-size:16px;padding:14px 50px 14px 16px}
	.contents summary::after{font-size:18px}
	.contents{padding:2rem 0.5rem}
	.contents table{font-size:13px;width: 100%;min-width: unset !important;}
	.contents table thead tr th,.contents table tbody td{padding:6px}	
	.bot-menu .btn-in{gap: 0.75rem;}
	.bot-menu .btn-in a{padding: 1rem 1rem;}
}