@charset "utf-8";

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0;}
ol, ul, li {list-style:none;}

legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}

table {border-spacing:0;word-break:break-all;}
.wrap_sel select {vertical-align:middle; *background-image:none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;-ms-appearance: none;border-radius:0;-webkit-border-radius:0;}


input#b_email{width:200px;}
input.board_input_file {width:90%; border:1px solid #cdcdcd; padding:3px 3px 0px 3px; background:#fff;}
input.ct_bt01{height:45px;border: 0;background: #1f458c;margin-right: 5px;padding: 10px;color: #fff;font-size:15px;}
textarea {border:1px solid #cdcdcd;}
.display_none {display:none;}
select{border: 1px solid #cdcdcd;width: 100px;height: 45px;padding: 5px 10px;background: #fff;box-sizing: border-box;}

#board {margin:0 auto;font-size:16px;}

#board .board_total {clear:both;overflow:hidden;width:100%;margin-bottom:10px;}
#board .board_total_left {float:left; font-size:0.95em; padding-top:5px; height:22px;}
#board .board_total_right {float:right; padding-bottom:5px;}
#board .board_total_right li {float:left;}
#board .board_total_right li img {height:20px;}
#board .board_total img {padding-left:3px;}
#board div.board_total .board_orange{color:#F96F00;}
#board .board_button {display: flex;align-items: center;justify-content: center;width:100%;margin-top: 20px;text-align:right;}
#board .guide span {float:right; color:#838383;font-weight:normal; letter-spacing:-0.1em; padding:0 4px 6px 0;}
#board span.category_color {color:#979797;}

/*카테고리*/
#board .board_total_right .cate li{
	padding-left:10px;	
}
#board .board_total_right .cate li select, #board .board_total_right .cate li input{
	vertical-align:middle;
}
#board .board_total_right .cate li .cbtn_g{
	height:28px;
}

/*후원하기*/
.listbox{border: 1px solid #ccc;padding: 35px;margin-bottom:30px;border-radius: 20px;}
.listbox .tit{font-size: 20px;color: #0063e3;font-weight: 700;margin-bottom: 15px;}
.boxarea{border-bottom: 0;margin-bottom: 20px;}
.boxarea ul.list{height: 300px;overflow-y: scroll;}
.boxarea ul.list::-webkit-scrollbar{width:5px;background-color:rgba(0,0,0,0.1);border-radius:20px;}
.boxarea ul.list::-webkit-scrollbar-thumb{background-color:#b8b8b8;border-radius:20px;}
.listbox .agree{font-size:17px;text-align: center;padding: 25px 0 0;border-top: 1px dashed #ccc;}
.listbox .agree label{position: relative;}
.listbox .agree label:before{position: absolute;content:'';left: -20px;bottom: -1px;z-index:-1;width: 130%;height: 10px;background: #cfe6f7;}

#Addr_search1 div.pt3 input{min-width:400px;margin-top:5px;}
#Addr_search1 div.pt3 input:first-child{margin-top:2px;}

.board_button{display:flex;flex-wrap: wrap;justify-content:space-between;height:45px;padding:30px 0;}
.board_button.center{justify-content:center;}
.board_button .btn_left,
.board_button .btn_right{display:flex;align-items:center;}
.board_button .btn_right{margin-left:auto;/* padding-left:8px; */}
.board_button .btn{display:block;min-width:114px;height:45px;padding:0 20px;border:0;font-size:16px;line-height:45px;text-align:center;box-sizing:border-box;cursor:pointer;}
.board_button .btn:nth-child(n+2){margin-left:8px;}
.board_button .btn.default{border:1px solid #d5d5d5;background:#fff;color:#333;}
.board_button .btn.list{background:#ebebeb;color:#333;}
.board_button .btn.write{background:#333;color:#fff;}
.board_button .btn.point{background:#475df1;color:#fff;}
.board_button .btn.excel{padding:0 45px 0 15px;border:1px solid #287c52;background:url(/nanum/ndls/imgs/common/excel_icon.png) no-repeat 90% 50% #fff;background-size:auto 20px;color:#287c52;text-align:left;}



/***** List *****/
/* #board .table_blist{clear:both;border-top:2px solid #999;}
#board .table_blist ul li{border-bottom:1px solid #ccc;} */
#board .table_blist{clear:both;}
#board .table_blist ul li{border: 1px solid #ccc;margin-bottom: 15px;}
#board .table_blist ul li a{display:block;padding:30px 180px 30px 20px;position:relative;background:#fff;transition:0.2s;-webkit-transition:0.2s;}
#board .table_blist ul li .tit input{border: 1px solid #ccc;-moz-appearance: none;width: 20px;height: 20px;}
#board .table_blist ul li .tit input{vertical-align:middle;}
#board .table_blist ul li .tit .label_w{display:inline-block;vertical-align:middle;}
#board .table_blist ul li .tit .label{display:inline-block;padding:0 8px;margin-right:5px;height:24px;line-height:24px;text-align:center;color:#fff;font-size:12px;font-family: 'Pretendard',sans-serif;}
#board .table_blist ul li .tit .label.notice{background:#f13b42;}
#board .table_blist ul li .tit .label.new{background:#13cbd7;}
#board .table_blist ul li .tit .label.file,
#board .table_blist ul li .tit .label.close{width:24px;padding:0;font-size:0;line-height:0;text-indent:-9999px;}
#board .table_blist ul li .tit .label.file{background:#888 url(/img/common/bicon_file.png) no-repeat center 50%;background-size:7px 9px;}
#board .table_blist ul li .tit .label.close{background:#888 url(/img/common/bicon_close.png) no-repeat center 50%;background-size:7px 9px;}
#board .table_blist ul li .tit strong{vertical-align:middle;margin-right:10px;position:relative;display:inline-block;max-width:500px;font-size:17px;color:#000;font-family: 'Pretendard',sans-serif;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:0.2s;-webkit-transition:0.2s;}
#board .table_blist ul li .tit strong.notice{max-width:450px;}/*관리자권한으로 인해 날짜가 뜨는경우*/
#board .table_blist ul li .tit strong:after{content:'';position:absolute;bottom:2px;left:0;display:inline-block;width:0;height:1px;background-color:#333;transition:width .3s;}
#board .table_blist ul li .info_w{position:absolute;right:20px;top:50%;font-size:14px;line-height:18px;margin-top:-9px;letter-spacing:0;}
#board .table_blist ul li .info_w .read{padding-left:10px;margin-left:10px;border-left:1px solid #dfdfdf;}

#board .table_blist ul li a:hover{background:#f9f9f9;}
#board .table_blist ul li a:hover .tit strong:after{width:100%;}

/* 공지기능 끝난것 */
#board .table_blist ul li.finish .tit .label_w .label.notice{background:#999;}
#board .table_blist ul li.finish .tit strong{color:#888;text-decoration:line-through;}

/* file */
#board .table_bwrite tbody td.filetable table {width:100%; line-height:16px; border-collapse:collapse; border:none; border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0; white-space:nowrap; border:none; border-right:1px solid #DEDEDE; background:#F6F6F6; color:#666666; text-align:center; letter-spacing:-0.1em; line-height:140%; vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px; border:none; background: #ffffff; text-align:left; }




/***** View *****/
#board .table_bview{clear:both;}
#board .table_bview .tit_w{position:relative;border-top:2px solid #999;padding:30px 180px 30px 20px;border-bottom:1px solid #ccc;}
#board .table_bview .tit_w .tit{color:#000;font-size:20px;font-family:'NotoKrM', sans-serif;letter-spacing:-1px;}
#board .table_bview .tit_w .info{position:absolute;top:50%;right:20px;font-size:13px;font-family:'Lato', sans-serif;letter-spacing:0;line-height:16px;margin-top:-8px;}
#board .table_bview .tit_w .info .read{margin-left:10px;padding-left:10px;border-left:1px solid #dfdfdf;}
#board .table_bview .tit_w .info .write{margin-left:10px;padding-left:10px;border-left:1px solid #dfdfdf;font-family:'NotoKrM', sans-serif;}
#board .table_bview .con_w{padding:40px 25px 60px;border-bottom:1px solid #999;margin-bottom:10px;line-height:170% !important;}
#board .table_bview .con_w .view_editor p {line-height:170% !important;}
#board .table_bview .con_w .view_editor img {display:inline;width:auto;max-width:100%;}
#board .table_bview .con_w .view_editor strong,
#board .table_bview .con_w .view_editor b{font-family:'NotoKrB', sans-serif;}
#board .table_bview .con_w .view_editor strong span,
#board .table_bview .con_w .view_editor b span{font-family:inherit;}
#board .table_bview .info_w dl{position:relative;border-bottom:1px solid #dfdfdf;padding:10px 20px 10px 100px;}
#board .table_bview .info_w dl dt{position:absolute;top:10px;left:20px;font-family:'NotoKrB', sans-serif;}

#board .table_bview img{vertical-align:middle;}

/* 뷰어다운로드 */
.viewer_down{padding:15px 0;background:#f6f6f6;text-align:center;}
.viewer_down a{display:inline-block;width:200px;height:45px;line-height:45px;border:1px solid #ccc;border-radius:30px;font-family:'NotoKrM', sans-serif;background:#fff;transition:0.2s;-webkit-transition:0.2s;}
.viewer_down a img{margin-right:5px;}
.viewer_down a:hover{border:1px solid #666;color:#000;}


/* Comment */
#board .board_comment {clear:both; padding-top:20px;}
#board .board_comment table{width:100%; background-color:#FAFAFA; margin-bottom:15px}
#board .board_comment table caption{display:none;}
#board .board_comment tbody td {height:31px; text-align:left; line-height:140%;}
#board .board_comment tbody td.dr01 {height:5px; background:url(/content/board/nninc_simple/img/dr01.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr02 {height:5px; background:url(/content/board/nninc_simple/img/dr02.gif); background-repeat: repeat-x;}
#board .board_comment tbody td.dr03 {height:5px; background:url(/content/board/nninc_simple/img/dr03.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr04 {background:url(/content/board/nninc_simple/img/dr04.gif); background-repeat: repeat-y;}
#board .board_comment tbody td.text {padding:0; margin:0; height:20px;}
#board .board_comment tbody td dl.info {margin:0; padding-left:10px;}
#board .board_comment tbody td dl.info dt {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;}
#board .board_comment tbody td dl.info dd {float:left; padding:0 10px 0 4px;}
#board .board_comment tbody td.dr05 {text-align:center; padding-top:4px; padding-bottom:4px;}
#board .board_comment tbody td.dr05 textarea {width:88%;height:38px;}
#board .board_comment tbody td.dr06 {background:url(/content/board/nninc_simple/img/dr06.gif); background-repeat: repeat-y;}
#board .board_comment tbody td.dr07 {height:5px; background:url(/content/board/nninc_simple/img/dr07.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr08 {height:5px; background:url(/content/board/nninc_simple/img/dr08.gif);  background-repeat: repeat-x;}
#board .board_comment tbody td.dr09 {height:5px; background:url(/content/board/nninc_simple/img/dr09.gif); background-repeat:no-repeat;}

.cmt_list {margin-top:5px;}
.cmt_list div.h {margin:0 0 1px; background:transparent url(/content/board/nninc_simple/img/human_ic.gif) no-repeat scroll 0 0.1em; text-align:left; padding-left:15px;}
.cmt_list p {line-height:1.6em; margin:0; padding:5px 0 0 12px; text-align:left;}
.cmt_list  li.line {height:1px; background:transparent url(/content/board/nninc_simple/img/dr_line_bg.gif);  background-repeat: repeat-x; margin:0; padding-top:15px;}


/* Paginate */
.board_paginate{position:relative;clear:both;overflow:hidden;text-align:center;background:#fefefe;padding:20px 0;border-bottom:2px solid #999;}
.board_paginate *{margin:0;padding:0;}
.board_paginate a,
.board_paginate strong{_position:relative;display:inline-block;height:30px;padding:0 11px;margin:0 1px;border:1px solid #dfdfdf;line-height:30px;color:#777;text-decoration:none;vertical-align:middle;font-size:12px;font-weight:normal;font-family:'Lato', sans-serif;letter-spacing:0;}
.board_paginate strong{color:#222 !important;font-weight:700;border:1px solid #888;}
.board_paginate a:hover{background:#F7F7F7;}
.board_paginate a.pre,
.board_paginate a.next{border:1px solid #dfdfdf;font-size:13px;font-family:'NotoKrM', sans-serif;}


/* Button */
.board_button {clear:both; display:inline-block;}
.board_button .fl {float:left;}
.board_button .fr {float:right;overflow:hidden;}
.board_button .pt10 {padding-top:10px;}


.board_button ul li {float:left;}
.board_button ul li.pl {padding-left:10px;}
.board_button ul li.pt {padding-top:7px;}
.board_button span.bt {padding-top:10px; padding-left:4px; text-align:right;}
.board_button2 {display: flex;align-items: center;justify-content: center;gap: 5px;/* margin: 0 auto; */text-align:center; padding-top:10px; padding-left:4px;}



a.board_lbtn {display:inline-block; font-size:13px; height:22px; padding-left:20px; background:url(/content/board/nninc_simple/img/board_lbtn_l.gif) no-repeat 0 0; margin-right:3px;}
a.board_lbtn span {display:inline-block; height:22px; line-height:22px; padding-right:14px; background:url(/content/board/nninc_simple/img/board_lbtn_r.gif) no-repeat right 0; letter-spacing:-1px;}
.board_bt01 {display:inline;}
.board_bt01 a{display:inline; overflow:hidden; float:left; height:22px; padding-left:13px; margin-right:3px; font:12px dotum; letter-spacing:-1px; color:#6B6B6B; text-decoration:none; background:url(/content/board/nninc_simple/img/bt01_bg.gif) left 0; cursor:pointer;}
.board_bt01 a:hover{background:url(/content/board/nninc_simple/img/bt01_bg.gif) left -22px; text-decoration:none;}
.board_bt01 a span{display:inline; overflow:hidden; float:left; height:22px; padding-right:10px; line-height:200%; background:url(/content/board/nninc_simple/img/bt01_bg.gif) right 0;}
.board_bt01 a:hover span{color:#6B6B6B; background:url(/content/board/nninc_simple/img/bt01_bg.gif) right -22px;}


/* Search */
.board_search{background:#f3f3f3;text-align:center;padding:20px;margin:10px 0 20px;}
.board_search .wrap_sel{display:inline-block;width:150px;}
.board_search .wrap_sel select{display:inline-block;width:100%;height:50px;font-size:17px;color:#333;font-family: 'Pretendard',sans-serif;padding: 0 18px 0 15px;border:0;background: #fff url(/img/common/sel_arrow.png) no-repeat right -10px center;}
.board_search .wrap_input{display:inline-block;margin-left:10px;}
.board_search .wrap_input .search_input{width:400px;height:50px;font-size:17px;color:#333;font-family: 'Pretendard',sans-serif;padding:0 20px;border:0;background:#fff;vertical-align:middle;}
.board_search .wrap_input .search_bt{display:inline-block;text-indent:-9999px;width:50px;height:50px;border:none;cursor:pointer;margin-left:-3px;vertical-align:middle;background:#444 url(/img/common/icon_search.png) no-repeat center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.board_search .wrap_input .search_bt:hover{background:#333 url(/img/common/icon_search.png) no-repeat center;vertical-align:middle;}


.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-weight:bold; color:#313131; line-height:140%;}
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
.command_pwd li {float:left; padding-left:3px;}
.command_pwd li img {height:20px;padding-top:1px;}


.pwd_check {margin:0 auto; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
.pwd_check *{margin:0; padding:0;}
.pwd_check label {color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}

.login_check {width:100%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px 0; font-weight:bold; color:#313131; line-height:140%;}
.login_check *{margin:0; padding:0;}
.login_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.login_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.login_check li.id {padding-right:26px; padding-bottom:4px;}
.login_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}



/* 주소찾기 */
.post_search2{border:1px solid #CDCDCD;height:80px;margin-right:10px;margin-top:3px;overflow:auto;padding:6px;}



/* 뷰어다운로드 */
.viewer_down{padding:15px 0;background:#f6f6f6;text-align:center;}
.viewer_down a{display:inline-block;width:200px;height:45px;line-height:45px;border:1px solid #ccc;border-radius:30px;font-family:'NotoKrM', sans-serif;background:#fff;transition:0.2s;-webkit-transition:0.2s;}
.viewer_down a img{margin-right:5px;}
.viewer_down a:hover{border:1px solid #666;color:#000;}




/******************************900******************************/
@media all and (max-width:900px){


/***** View *****/
#board .table_bview .tit_w{padding:30px 20px;}
#board .table_bview .tit_w .info{position:relative;top:0;right:0;margin-top:15px;}



}




/******************************767******************************/
@media all and (max-width:767px){

input.board_input, select{width:100%;}
input.ct_bt01{width:100%;margin-bottom:5px;}
#Addr_search1 div.pt3 input{width:100%;min-width:100%;}

.listbox{padding: 20px;}
.listbox .tit{font-size: 15px;}
.boxarea ul.list{height: 175px;}

#board .table_bwrite tbody td{width:100%;}


/***** List *****/
#board .table_blist ul li a{padding:30px 20px;}
#board .table_blist ul li .tit strong{max-width:90%;}
#board .table_blist ul li.notice .tit strong{max-width:80%;}
#board .table_blist ul li .info_w{position:relative;right:0;top:0;margin-top:15px;}

/***** View *****/
#board .table_bview .con_w{padding:40px 20px 60px;}


/* Search */
.board_search{padding:30px;}
.board_search .wrap_sel{display:block;width:100%;margin-bottom:15px;}
.board_search .wrap_sel select{display:inline-block;width:100%;height:50px;font-family:'NotoKrM', sans-serif;font-size:18px;color:#333;padding:0 60px 0 20px;border:0;background:#fff url(/img/common/sel_arrow.png) no-repeat right center;}
.board_search .wrap_input{position:relative;width:100%;margin-left:0;padding-right:50px;box-sizing:border-box;}
.board_search .wrap_input .search_input{width:100%;box-sizing:border-box;}
.board_search .wrap_input .search_bt{position:absolute;top:0;right:0;}

}




/******************************480******************************/
@media all and (max-width:480px){

/***** List *****/
#board .table_blist ul li a{padding:20px 10px;}
#board .table_blist ul li .tit strong{max-width:90%;font-size:16px;}
#board .table_blist ul li.notice .tit strong{max-width:70%;}
#board .table_blist ul li .info_w{margin-top:10px;}


/***** View *****/
#board .table_bview .tit_w{padding:25px 15px;}
#board .table_bview .tit_w .tit{font-size:18px;}
#board .table_bview .info_w dl{padding:10px 15px 10px 80px}
#board .table_bview .info_w dl dt,
#board .table_bview .info_w dl dd{font-size:14px;}
#board .table_bview .info_w dl dt{left:15px;}
#board .table_bview .con_w{padding:40px 15px 50px;}

.viewer_down a{margin:2px;width:170px;height:40px;line-height:40px;font-size:14px;}


/* Search */
.board_search{padding:25px;}
.board_search .wrap_sel{margin-bottom:10px;}
.board_search .wrap_sel select{height:44px;font-size:15px;background-size:30px auto;}
.board_search .wrap_input{padding-right:44px;}
.board_search .wrap_input .search_input{height:44px;font-size:15px;}
.board_search .wrap_input .search_bt{width:44px;height:44px;}


/* Paginate */
.board_paginate a,
.board_paginate strong{height:28px;padding:0 10px;margin:3px 1px;}
.board_paginate a.pre,
.board_paginate a.next{font-size:12px;}


}



/*************************************************************************버튼*************************************************************************/
.btnwrap{margin-top:15px;}
.btnwrap a{
	display:inline-block;
	font-size:14px;	
	margin-left:4px;
	margin-right:4px;
}

a.cbtn_b  {display:inline-block; background:#bdbdbd; color:#fff !important; text-align:center; min-width:40px; height:45px; font-size:15px; padding:0 20px;letter-spacing:-1px; line-height:45px;}
a.cbtn_b:hover {background:#404040; text-decoration:none;}

a.cbtn_g  {display:inline-block; background:#0074db; color:#fff !important; text-align:center; min-width:40px; height:45px; font-size:15px; padding:0 20px; letter-spacing:-1px; line-height:45px;}
a.cbtn_g:hover {background:#004ea1; text-decoration:none;}

a.cbtn_point  {display:inline-block; background:#a96aeb; color:#fff !important; text-align:center; min-width:40px; height:45px; font-size:15px; padding:0 20px;letter-spacing:-1px; line-height:45px;}
a.cbtn_point:hover {background:#803ec5; text-decoration:none;}

input.cbtn_b  {vertical-align:middle;background:#000; color:#fff; min-width:70px; height:36px; font-size:15px;font-family: 'Pretendard',sans-serif;padding:0 15px 0 15px; border:none; cursor:pointer;letter-spacing:-1px;}
input.cbtn_b:hover {background:#666;}

input.cbtn_g  {vertical-align:middle;background:#0074db; color:#fff; min-width:70px; height:45px; font-size:15px; padding:0 20px; border:none; cursor:pointer;letter-spacing:-1px;line-height:45px;}
input.cbtn_g:hover{background:#004ea1;}

input.cbtn_point  {vertical-align:top;background:#e77272; color:#fff; min-width:70px; height:45px; font-size:15px; border:none;cursor:pointer; padding:0 20px;letter-spacing:-0.5px;line-height:45px;}
input.cbtn_point:hover {background:#d44c4c; text-decoration:none;}

a.cbtn_mini {display:inline-block; color:#e77272; font-size:11px; letter-spacing:0; line-height:15px; height:15px; border-bottom:1px solid #f45246; background:url('/img/common/bl_arrow2.gif') no-repeat right 3px;padding-right:10px;padding-left:2px;}
a.cbtn_mini:hover{color:#f45246;border-color:#f45246;font-weight:bold;letter-spacing:-1px;}