@charset "utf-8";


/* 초기화 */
html {background:#f8f9fa;scroll-behavior:smooth;}
body {margin:0 auto;padding:15px 10px;font-size:14px;line-height:1.5;font-family:var(--font-text);width:100%;max-width:1200px;background:#fff !important;min-height:100vh;color:#333;
	min-width:1200px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
body.hidden{overflow:hidden}
html, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0;padding:0;border:0}
h1 {font-size:2.5em}
h2 {font-size:2em}
h3 {font-size:1.5em}
h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=submit] {cursor:pointer;font-family:var(--font-text);}
input[type=text], input[type=password], input[type=submit], input[type=image], button {-webkit-appearance:none}
textarea, select {font-size:1em;font-family:var(--font-text);}
textarea {border-radius:0;-webkit-appearance:none;resize:none;}
select{background:#fff}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none !important;}
a:link, a:visited {color:#333;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}
img {max-width:100%;}

input[type=number],input[type=text],input[type=password], textarea {
    -webkit-transition:var(--transition-fast);
    -moz-transition:var(--transition-fast);
    -ms-transition:var(--transition-fast);
    -o-transition:var(--transition-fast);
    outline:none;
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
    -webkit-box-shadow:unset;
    -moz-box-shadow:unset;
    box-shadow:unset;
    border:1px solid var(--color-point) !important;
}

*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

:root {
	--color-point:#7A94CD;
	--color-point-dark:#5c77b3;
	
	--color-tone-100 : #f8f8f8; 
	--color-tone-150 : #f4f4f4;
	--color-tone-200 : #e9e9e9;
	--color-tone-300 : #dedede;
	--color-tone-400 : #cecece; 
	--color-tone-500 : #adadad; 
	--color-tone-600 : #6c6c6c;
	--color-tone-700 : #494949;
	--color-tone-800 : #343434;
	--color-tone-900 : #212121;
	
	--font-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
	--font-icon : 'xeicon', 'Pretendard', sans-serif;	
	
	--transition-fast: all 0.3s ease-in-out;
}

/* 기존 sub css */


/* 공통 */
.flex {display:flex;flex-wrap:wrap;align-items:center;}
.col {display:flex;flex-direction:column;align-items:center;}
#wrap.sub_wr {max-width:1000px;margin:0 auto;}
h2.pg_title {font-size:28px;text-align:center;color:var(--color-point);padding:10px 0 25px;}
#top_btn {border:0;border-radius:50%;background:var(--color-point);opacity:0.6;color:#fff;font-size:30px;transition:var(--transition-fast);}
#top_btn:hover {opacity:1;}
.container {box-shadow:none !important;}

/* button */
.btn_custom {font-size:1rem;padding:8px 15px;display:flex;width:fit-content;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--color-tone-150);border-radius:3px;cursor:pointer;
transition:var(--transition-fast);}
.btn_custom:hover {background:var(--color-tone-150);}
.btn_custom.btn_sm {font-size:12px;padding:5px 8px;gap:5px;}
.btn_custom.btn_sm i {font-size:12px}
.btn_custom.btn_point {border:1px solid var(--color-point);color:var(--color-point);}
.btn_custom.btn_point:hover {background:var(--color-point);border:1px solid var(--color-point);}
.btn_custom.btn_point_bg {background:var(--color-point);border:1px solid var(--color-point);color:#fff;}
.btn_custom.btn_point_bg:hover {background:var(--color-point-dark);border:1px solid var(--color-point-dark);}


/* header */
/* !important는 서브 개별 css막는 용도 */
header {gap:10px;justify-content:space-between;margin-bottom:20px;background:#fff !important;padding:0 !important;font-size:unset !important;width:100% !important;border-radius:0 !important;}
header h1 {font-size:1em;}
header .logo img {max-height:30px;width:auto;}
header .logo img:first-child {margin-right:5px;}
header .top_mn {gap:10px;}
header nav {width:100%;background:var(--color-point);justify-content:center;border-radius:6px;}
header nav > div {position:relative;}
header nav button {border:0;padding:0 30px;background:none;line-height:57px;color:#fff;font-size:16px;font-weight:bold;transition:var(--transition-fast);}
header nav button:hover {background:var(--color-point-dark);}
header .dep_2 {display:none;position:absolute;top:57px;left:0;width:100%;background:var(--color-point);border-radius:0 0 6px 6px;z-index:999;overflow:hidden;}
header nav > div.active .dep_2 {display:block;}
header .dep_2 .dep_2_btn {display:block;text-align:center;color:#fff;padding:10px 5px;transition:var(--transition-fast);font-size:14px;}
header .dep_2 .dep_2_btn:hover {background:var(--color-point-dark);}


/* main */
section.main {gap:20px;align-items: stretch;}
section.main .visual_box {border-radius:6px;overflow:hidden;width:100%;}
section.main .visual_box img {display:block;}
section.main .bd_box {width:calc((100% - 20px) / 2);)}
section.main .img_box {width:100%;}
section.main .img_box ul {gap:20px;}
section.main .img_box li {width:calc((100% - 60px) / 4);}
section.main .img_box a {border-radius:6px;overflow:hidden;display:block;position:relative;}
section.main .img_box a span.frame {opacity:0;position:absolute;top:0;left:0;display:flex;width:100%;height:100%;background:rgba(0,0,0,0.6);align-items:center;justify-content:center;color:#fff;
	font-size:18px;font-weight:bold;transition:var(--transition-fast);}
section.main .img_box a:hover span.frame {opacity:1;}
section.main .img_box a img {transition:var(--transition-fast);}
section.main .img_box a:hover img {transform:scale(1.1);}


/* lastest */
.bd_box.r_border {position:relative;}
.bd_box.r_border:after {position:absolute;display:block;content:"";width:1px;height:100%;border-right:1px dashed var(--color-tone-200);top:0;right:-10px;}
.bd_box {min-height:300px;}
.bd_box h2 {font-size:20px;margin-bottom:10px;}
.bd_box h2 a {align-items:center;justify-content:space-between;gap:10px;transition:var(--transition-fast);}
.bd_box h2 a:hover {color:var(--color-point);}
.bd_box .lt_list_wr .tit_wr {width:100%;}
.bd_box .lt_list_wr li {border-bottom:1px solid var(--color-tone-200);}
/* .bd_box .lt_list_wr li:not(:last-child) {margin-bottom:10px;} */
.bd_box .lt_list_wr li.empty_li {border: 0;height: 200px;display: flex;align-items: center;justify-content: center;color: var(--color-tone-600);}
.bd_box .lt_list_wr li a {padding:11px 5px;gap:5px;transition:var(--transition-fast);}
.bd_box .lt_list_wr li a:hover {background:var(--color-tone-100);}
.bd_box .lt_list_wr li a .lt_date {font-size:12px;color:var(--color-tone-600);}
.bd_box .lt_list_wr li a .txt_box {width:calc(100% - 55px);align-items:flex-start;}
.bd_box .lt_list_wr li a .tit_wr {font-size:15px;color:var(--color-tone-700);display:flex;align-items:center;gap:5px;}
.bd_box .lt_list_wr li a .tit_wr .xi-lock {color:#ed7a7a;}
.bd_box .lt_list_wr li a .tit_wr .com_cnt,
.bd_box .lt_list_wr li a .tit_wr .file_cnt {color:var(--color-tone-600);font-size:0.9em;}
.bd_box .lt_list_wr li a .tit_wr .xi-new {font-size:14px;color:var(--color-point);}
.bd_box .lt_list_wr li a .tit_wr .subject {display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 80px);line-height:1.1;}
.bd_box .lt_list_wr .info_box {gap:10px;color:var(--color-tone-600);line-height:1.1;}
/* lt_basic */
.lt_basic .ca_name {font-size:12px;color:var(--color-point);margin-bottom:5px;}
/* lt_notice */
.lt_notice {}


/* footer */
footer {background:#eaeaea;padding:20px !important;border-radius:6px;text-align:center;font-size:12px !important;margin-top:15px;width:100% !important;}
footer img {vertical-align:middle;}


/* 그누보드 */
.bo_v_top_wr {background:var(--color-tone-100);padding:5px 10px 0;border-radius:6px;}
.bo_v_top_wr #bo_v_info {border:0;}
.bo_v_top_wr #bo_v_top ul,
.bo_v_top_wr .btn_bo_user li {background:none;}
.bo_v_top_wr #bo_v_title .bo_v_cate {margin-top:10px;font-size:14px;}
.bo_v_top_wr #bo_v_title .bo_v_tit {margin:0;line-height:1.6;font-size:24px;}
.bo_v_top_wr .bo_v_com {margin: 15px 0;}
.bo_v_top_wr #bo_v_info .profile_info {margin: 10px 0;}
#wrap #bo_v #bo_v_con {padding:0 10px;}
#wrap #bo_list .td_datetime {width:90px;}
#wrap #bo_list .td_num {width:70px;}