@charset "utf-8"; 

/**************************************************
    Webfont :: 'Noto Sans KR'
**************************************************/

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(./fonts/NotoSansKr/NotoSans-Thin.eot?#iefix) format('embedded-opentype'),
         url(./fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
         url(./fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
         url(./fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');	
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 200;
    src: url(./fonts/NotoSansKr/NotoSans-Light.eot?#iefix' format('embedded-opentype'),
         url(./fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
         url(./fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
         url(./fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');	
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(./fonts/NotoSansKr/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
         url(./fonts/NotoSansKr/NotoSansKR-DemiLight.woff2) format('woff2'),
         url(./fonts/NotoSansKr/NotoSansKR-DemiLight.woff) format('woff'),
         url(./fonts/NotoSansKr/NotoSansKR-DemiLight.otf) format('opentype');	
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/NotoSansKr/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
         url(./fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
         url(./fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
         url(./fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');	
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/NotoSansKr/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
         url(./fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
         url(./fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
         url(./fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');	
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/NotoSansKr/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
         url(./fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
         url(./fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
         url(./fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');	
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(./fonts/NotoSansKr/NotoSans-Black.eot?#iefix) format('embedded-opentype'),			
         url(./fonts/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
         url(./fonts/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
         url(./fonts/NotoSansKr/NotoSansKR-Black.otf) format('opentype');	
}

body,h1,h2,h3,h4,h5,h6,input,button,pre,textarea,select,th,td {font-family: 'Noto Sans KR', sans-serif ; }
/*body,h1,h2,h3,h4,h5,h6,input,button,pre,textarea,select,th,td{font-family:"Noto Sans KR", "맑은 고딕", "돋움", "malgun gothic", dotum, AppleGothic, Helvetica, sans-serif ; font-size:14px; color:#000;}*/

.mx-lg-5-aw {margin-right:2rem!important;margin-left:2rem!important; }
.mwidth-100 {max-width:100%; }
.sub-title {display:inline-block; background-color:#d1e2f5; color:#126299; margin:0; padding:0.5em 2em 0.5em 1.5em; font-weight:bold; font-size:14px; }
.sub-title.admin {background-color:#dbb253; color:#fff; }
.sub-title-bg {padding:0; margin:0; background-color:#7eaedf; width:100%; border-radius: 4px; }
.sub-title.navy {background-color:#113f88; color:#fff; border-top-left-radius :4px; border-bottom-left-radius :4px; }
.sub-title.long {width:calc(100% - 30px); }
caption {display:none;}
.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mt10 {margin-top:10px !important;}

.dp-n {display:none; }
table {width:100%;}



/*220915 글목록*/
/* board list */
.board.list .table{position:relative;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border-top:2px solid #333;vertical-align:middle;text-align:center;}
.board.list .table.btm {margin-bottom:0 !important;}
.board.list .table.folio {border-top:none !important;} 
.board.list .table thead {display:none;}
.board.list .table>thead>tr>th{background:#49b87f;font-weight:500;font-size:14px; color:#fff; border-bottom:1px solid #d9d9d9;padding:15px 0 ;text-align:center;}
.board.list .table>tbody>tr>td{padding:18px 5px;word-break:break-all;color:#555;vertical-align:middle;border:0;border-bottom:1px solid #e1e1e1; text-align:left;}
.board.list .table>tbody>tr>td a {color:#000;}
.board.list .table>tbody>tr>td.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#000;}
.board.list .table>tbody>tr>td.title .txt {color:#777;}
.board.list .table>tbody>tr>td.chk{text-align:center;}
.board.list .table>tbody>tr>td.num{text-align:center;}
.board.list .table>tbody>tr>td.hit{text-align:center;}
.board.list .table>tbody>tr>td.writer{text-align:center;}
.board.list .table>tbody>tr>td.frm{text-align:center;}
.board.list .table>tbody>tr>td.date{text-align:center;}
.board.list .table>tbody>tr>td.size{text-align:center;}
.board.list .table>tbody>tr>td.work{text-align:center;}
.board.list .table>tbody>tr>td.good{text-align:center;}
.board.list .table>tbody>tr.onbg{background-color:#F4F4F4;}
.board.list .table>tbody>tr>td a.topnoti {color:#FE916E; }








@media (max-width: 960px) {
	.tab_dp_n {display:none !important;}	
	.m_ib {display:inline-block; }
	.m_ib_mt4 {margin-top:4px; }
	.ellipsis {max-width:90%; font-size:18px !important; height:36px; line-height:24px; }
	.att_file_img {height:36px; line-height:35px;}
	.sel_new {height: 32px;}

/* 일반 게시판  글목록*/
	.board.list .table, .board.list .table > tbody, .board.list .table > tbody > tr{display: block;}
	.board.list .table > tbody > tr{ text-align: left;}
	.board.list .table > tbody > tr > td{display: block; float: left; width: 100%; padding: 4px 7px;}
	.board.list .table>tbody>tr>td:last-child:after{display: none;}
	.board.list .table>thead{display:none;}
	.board.list .table>tbody>tr>td{display:inline-block;border-bottom:0;padding:2px 0px 2px 2px; ;width:100%;}
	.board.list .table>tbody>tr {padding-top:10px;}
	.board.list .table>tbody>tr:after{content:'';display:block;width:100%;clear:both;border-bottom:1px solid #e1e1e1; padding-bottom:10px; }
	.board.list .table>tbody>tr>td.chk {text-align:left;}
	.board.list .table>tbody>tr>td.title {width:100%;font-size:17px;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.board.list .table>tbody>tr>td.title:after {display:block; } 
	.board.list .table>tbody>tr>td.title.file {font-size:12px;}
	.board.list .table>tbody>tr>td.title a {font-size:17px;}
	.board.list .table>tbody>tr>td.title .txt {font-size:14px;}
	.board.list .table>tbody>tr>td.num {display:none;}
	.board.list .table>tbody>tr>td.writer {width:auto; margin-right:5px; letter-spacing:-1px;} 
	.board.list .table>tbody>tr>td.hit {width:auto;} 
	.board.list .table>tbody>tr>td.hit:after{content:'｜';margin-left:5px;color:#ccc}
	.board.list .table>tbody>tr>td.hit:before {content: ""; display: inline-block; width: 22px; height: 14px;  margin: 1px 1px 0 0; background-image: url(img/ico/ico_view_count.svg);  background-position: 0 2px; background-size: contain;  background-repeat: no-repeat; vertical-align: top; }
	.board.list .table>tbody>tr>td.good {width:auto;} 
	.board.list .table>tbody>tr>td.good:before {content: ""; display: inline-block; width: 22px; height: 14px;  margin: 1px 1px 0 0; background-image: url(img/ico/ico_heart.svg);  background-position: 0 2px; background-size: contain;  background-repeat: no-repeat; vertical-align: top; }
	.board.list .table>tbody>tr>td.good:after{content:'｜';margin-left:5px;color:#ccc}
	.board.list .table>tbody>tr>td.date {width:72px;} 
	.board.list .table>tbody>tr>td.frm {width:auto;} 
	.board.list .table>tbody>tr>td.frm.none {display:none;} 
	.board.list .table>tbody>tr>td.frm:before {content: "[";  margin: 0px; vertical-align: top; }
	.board.list .table>tbody>tr>td.frm:after {content: "]";  margin: 0px ; vertical-align: top; }
	.board.list .table>tbody>tr>td.frm.none:before{content: "";  margin: 0px; vertical-align: top;}
	.board.list .table>tbody>tr>td.frm.none:after{content: "";  margin: 0px ; vertical-align: top;}

	.board.list .table>tbody>tr>td.size {width:auto;}
	.board.list .table>tbody>tr>td.work {width:auto; padding:0;}
	.board.list .table>tbody>tr>td.work a.btn_mid{font-size:12px;}


	.table.func th {display: block; color:#000; font-weight:bold; }
	.table.func td {display: block; }
	.sub-title-bg { margin-top:30px; margin-bottom:10px;}
	

}

@media (min-width: 960px) {
    .dp-n {display:none; }
}



@media (min-width: 768px) {
    .dp-n {display:none; }
	.dp-n-km {display:none; }
}

@media (min-width:1280px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1200px}
}


@media (min-width: 960px) {
.dropdown-toggle::after {
    display: none !important;
}

@media (maxn-width: 960px) {
.dropdown-toggle::after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url(data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%232d374b' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1rem 1rem;
    margin-left: auto;
    padding-left: 1.25rem;
    content: ""; }
}