@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
        
body {
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
	background-color: #f8fafc;
	color: #1e293b;
	overflow-x: hidden; 
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
a { text-decoration: none; color: inherit; }
p, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0; }
ul { list-style: none; }
button, input, select { font-family: inherit; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* 그누보드 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }


a {text-decoration: none;}

select { font-size: 14px; }

#footer .logo img {	filter: grayscale(1); top: 0px; }

#latest h4 a { color: #000; }
#latest h4 a:hover { text-decoration: none; }
#latest li a { color: #777; }

.pagination { margin-top: 0rem; margin-bottom: 0rem; }

.ck.ck-editor__editable { min-height: 200px !important; }
/**
 * main
 */


/*
b_captcha
*/

#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}


/**
 * board
 */
.board {min-width:1070px}
.board__wrapper {width:1030px; margin:0 auto; padding:50px 20px}
.board__wrapper td.subject a {color:#333 !important; text-decoration:none}
.board__wrapper td.subject a:hover {text-decoration:underline}
.board .board_list th {border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-size:15px; font-weight:600}
.board .board_list th a {color:#333 !important; text-decoration:none}
.board .board_list th a:hover {text-decoration:underline}
.board .board_page .pg_page {display:inline-flex; justify-content: center; align-items: center; width:30px; height:30px; text-decoration: none; border:1px solid #ccc; font-size:14px}
.board .board_page .pg_page:hover {background-color: #ffe1da;}
.board .board_page .now {display:inline-flex; justify-content: center; align-items: center; width:30px; height:30px; text-decoration: none; font-size:14px; background-color:#e70f20; color:#fff}
.board .board_page .next {display:inline-flex; justify-content: center; align-items: center; width:40px; height:30px; text-decoration: none; border:1px solid #ccc; font-size:14px}
.board .board_page .next:hover {background-color: #ffe1da;}
.board .board_page .end {display:inline-flex; justify-content: center; align-items: center; width:40px; height:30px; text-decoration: none; border:1px solid #ccc; font-size:14px}
.board .board_page .end:hover {background-color: #ffe1da;}
.board .board_search select {height:24px; border:1px solid #ccc; font-size:13px}
.board .board_search input.stx {height:24px; margin:0 10px 0 0 ; border:1px solid #ccc}
.board .board_search button[type='submit'] {height:24px; font-size:14px; font-weight:400}
.board .bbs_tab {height:36px}
.board .bbs_tab ul {list-style:none; margin:0; padding:0}
.board .bbs_tab a {height:36px; text-decoration: none;}
.board .best {width:100%; margin:0 0 20px 0; padding:0; background-image:url(''); border:7px solid #ccc}
.board .best h3 {display:block; padding:14px 0 14px 20px; font-size:18px; background-color:#f0f0f0; color:#f55a3b}
.board .best ul {position:relative; top:0; left:0; margin:10px 0 0 20px; padding:0; list-style:none}
.board .best li {margin:0; padding:0 0 0 20px; background-position:0 5px;}
.board .best li a {text-decoration: none;}
.board .best li a:hover {text-decoration: underline;}

i[class^="fa-"], i[class*=" fa-"],
i.fa, i.fas, i.far, i.fab {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900;
    font-style: normal;
}