@charset "utf-8";

html, body, 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;}
input.board_input_file {width:90%; border:1px solid #cdcdcd; padding:3px 3px 0px 3px; font-size:12px; background:#fff;}
textarea {border:1px solid #cdcdcd; font-size:12px;}
.display_none {display:none;}

#board {margin:0 auto;}

#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 {width:100%; margin-top:5px; text-align:right;}
#board .guide span {float:right; color:#838383;font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding:0 4px 6px 0;}
#board span.category_color {color:#979797;}

.sear_btn{min-width: 85px !important;height: 47px !important;color: #333;font-size: 1.4rem;font-weight: 600;background: #e3e3e3;border: 0;margin-left: 5px;cursor:pointer;}
.post_write select{width: 115px !important; height: 47px!important;font-size: 1.5rem;border: 1px solid #ccc;}

/* List */
.photo_list{/* clear:both; */width:100%;border-top:2px solid #000;padding-bottom: 30px;}
.photo_list ul{display:flex;flex-wrap:wrap;gap:1.5%;width:100%;padding-top:10px;}
.photo_list ul li{margin-top:20px;width:calc(25% - 1.2%);/*max-width: 305px;*/}
.photo_list ul li a{position:relative;top:0;display:block;border-radius: 10px;background: #fff;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.2);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.photo_list ul li .img_w{position:relative;border-radius: 10px 10px 0 0;overflow: hidden;}
.photo_list ul li .img_w .img_mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(34,88,167,0.6) url(/img/common/board_go.png) no-repeat center 50%;opacity:0;z-index:1;transition:0.5s;-webkit-transition:0.5s;}
.photo_list ul li .img_w .img{position:relative;font-size:0;line-height:0;}
.photo_list ul li .img_w .img img{width:100%;height:185px;}
.photo_list ul li .con_w{display: flex;flex-direction: column;justify-content: space-between;padding:18px 20px;min-height: 155px;box-sizing: border-box;}
.photo_list ul li .con_w .tit .label{display: inline-flex;flex-direction: column;align-items: center;justify-content: center;/* padding:0 8px; *//* margin-right:5px; */width: 24px;height: 24px;line-height:24px;text-align:center;color:#fff;font-weight:700;font-size:12px;/* vertical-align:middle; */border-radius: 50%;box-sizing: border-box;}
.photo_list ul li .con_w .tit .label.notice{background:#f13b42;}
.photo_list ul li .con_w .tit .label.new{background:#0087ff;}
.photo_list ul li .con_w .tit .titname{position:relative;max-width:100%;font-size:1.8rem;color:#000;/* letter-spacing:-1px; */transition:0.2s;-webkit-transition:0.2s;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-word;}
/* .photo_list ul li .con_w .tit .titname:after{content:'';position:absolute;bottom:2px;left:0;display:inline-block;width:0;height:1px;background-color:#333;transition:width .3s;}
 */.photo_list ul li .con_w .date{font-size:1.4rem;font-family:'Roboto', sans-serif;letter-spacing:0;}

.photo_list ul li a:hover{top:-4px;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);}
.photo_list ul li a:hover .img_w .img_mask{opacity:1;}
/* .photo_list ul li a:hover .con_w .tit strong:after{width:100%;} */
.photo_list ul li a:hover .con_w .tit{text-decoration: underline; text-underline-position: under;}

/* 뷰어다운로드 */
.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;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_photo/img/dr01.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr02 {height:5px; background:url(/content/board/nninc_photo/img/dr02.gif); background-repeat: repeat-x;}
#board .board_comment tbody td.dr03 {height:5px; background:url(/content/board/nninc_photo/img/dr03.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr04 {background:url(/content/board/nninc_photo/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_photo/img/dr06.gif); background-repeat: repeat-y;}
#board .board_comment tbody td.dr07 {height:5px; background:url(/content/board/nninc_photo/img/dr07.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr08 {height:5px; background:url(/content/board/nninc_photo/img/dr08.gif);  background-repeat: repeat-x;}
#board .board_comment tbody td.dr09 {height:5px; background:url(/content/board/nninc_photo/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_photo/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_photo/img/dr_line_bg.gif);  background-repeat: repeat-x; margin:0; padding-top:15px;}


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: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{display:inline-block;margin-left:10px;}
.board_search .wrap_input .search_input{width:400px;height:50px;font-size:18px;color:#333;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;}

.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; 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;}


.error_check {float:left;width:80%;min-height:90px;border:5px solid #DDE7F0;margin-bottom:15px;background:url(/content/board/nninc_photo/img/error_bg.gif); background-repeat:no-repeat;padding-left:19%;padding-top:15px;padding-bottom:12px;}
.error_check .error_list {float:left;line-height:19px;}
.error_check .error_list li {background:url(/content/board/nninc_photo/img/error_ic.gif) no-repeat 8px 6px;padding-left:15px;}
.error_check .error_list li strong.error {color:#DE5410;}


.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;}

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

#frm_code .cate{display: flex;gap: 10px;}
#frm_code #b_cate_tot {display: inline-block; width: 100%;height: 45px;font-size: 1.4rem; color: #333; padding: 0 60px 0 20px;border: 1px solid #ccc;background: #fff url(/img/common/sel_arrow.png) no-repeat right center;}
#frm_code .btn_srch{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:80px;height:100%;border:0;background:#333;font-size:1.6rem;font-weight:600;color:#fff;cursor:pointer;}



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

/***** List *****/
.photo_list{text-align:center;padding-bottom:0;}
.photo_list ul{width:100%;margin-top:-30px;}
.photo_list ul li{margin-top:30px;width: calc(33.333% - 1%);/*max-width: 48%;*/}

}


/******************************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){

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

.photo_list ul li .img_w{height:130px;}
.photo_list ul li .img_w .img{width: 100%;height: 100%;object-fit: cover;}
.photo_list ul li .img_w .img img{width: 100%;height: 100%;}
.photo_list ul li .con_w{min-height: 120px;text-align: left;}
.photo_list ul li .con_w .tit strong{height:45px;-webkit-line-clamp: 2;font-size: 1.7rem;word-wrap: break-word;}
.photo_list ul li .con_w .date{margin-top: 15px;}


/* 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-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){

.photo_list ul li{width:100%;max-width: 100%;}
.photo_list ul li:nth-child(n+2),
.photo_list ul li:nth-child(n+3){margin-top:15px;}
.photo_list ul li .img_w{height:auto;}


/***** 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;}


}