@charset "utf-8";

#board .board_total{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
#board .board_total_left{font-size:1.5rem;color:#000;}
#board .board_total_left img{margin-right:5px;vertical-align:middle;}
#board .board_total_left .board_orange{color:#F96F00;}
#board .board_total_right .board_code{display:flex;}
#board .board_total_right .board_code select{width:120px;}
#board .board_total_right .board_code input{margin-left:5px;padding:0 10px;border:0;background:#888;font-size:1.3rem;color:#fff;cursor:pointer;}

#board .guide{margin-bottom:8px;font-size:1.5rem;font-weight:500;color:#000;text-align:right;}
#board .guide img{vertical-align:middle;margin-right:3px;}
#board .board_input{height:35px;padding:0 10px;border:1px solid #d5d5d5;background:#fff;font-size:1.5rem;line-height:35px;font-weight:500;color:#000;cursor:text;box-sizing:border-box;}

/* List */
#board .table_blist table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
#board .table_blist table caption{display:none;}
#board .table_blist th,
#board .table_blist td{padding:15px 0;border-bottom:1px solid #d5d5d5;font-size:1.6rem;text-align:center;color:#000;}
#board .table_blist thead th{border-bottom:1px solid #d5d5d5;text-align:center; }
#board .table_blist thead th.th_none{background-image:none;}
#board .table_blist tbody td img{vertical-align:middle;}
#board .table_blist tbody td span.reply_count{color:#EE5A00;font-size:1.2rem;font-weight:700;}
#board .table_blist tbody td.notice{background-color:#FBFBFB;}
#board .table_blist tbody td.title{text-align:left;}
#board .table_blist tbody td.center{text-align:center;}

/* View */
#board .table_bview .title{padding:15px 20px;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;font-size:1.9rem;line-height:1.5;font-weight:700;color:#000;text-align:center;}
#board .table_bview .info{display:flex;padding:15px 20px;border-bottom:1px solid #e5e5e5;}
#board .table_bview .info dl{display:inline-flex;position:relative;font-size:1.6rem;line-height:1.5;}
#board .table_bview .info dl:nth-child(n+2){margin-left:20px;padding-left:20px;}
#board .table_bview .info dl:nth-child(n+2):before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background:#d5d5d5;}
#board .table_bview .info dt{margin-right:10px;font-weight:600;color:#222;}
#board .table_bview .info dd{color:#555;}
#board .table_bview .info dd .size{font-size:1.2rem;color:#888;}
#board .table_bview .content{padding:15px 20px;border-bottom:1px solid #d5d5d5;font-size:1.6rem;color:#000;}
#board .table_bview .content img{display:block;}
#board .table_bview .content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview .content .sns a{float:left; padding-left:3px;}
#board .table_bview .content .photodown{background-color:#336699; color:#ffffff; padding:5px;}

/* Write */
#board .table_bwrite table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
#board .table_bwrite table caption{display:none;}
#board .table_bwrite tbody th{padding:10px 20px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:#f9f9f9;font-size:1.6rem;color:#000;text-align:left;font-weight:700;}
#board .table_bwrite tbody th img{margin-right:3px;vertical-align:middle;}
#board .table_bwrite tbody td{padding:15px 10px;border-bottom:1px solid #d5d5d5;font-size:1.6rem;text-align:left;}
#board .table_bwrite tbody td input.subject{width:100%;}
#board .table_bwrite tbody td.content{margin:0;padding:5px 0;text-align:center;}
#board .table_bwrite tbody td span.text1{color:#555;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:#6a6a6a;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td ul.add_file_tip{margin-top:10px;}
#board .table_bwrite tbody td ul.add_file_tip li{font-size:1.3rem;line-height:1.5;font-weight:500;color:#DF0101}
#board .table_bwrite tbody td.filetable table{width:100%;border-collapse:collapse;border:none;border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;border:none;border-right:1px solid #DEDEDE;background:#F6F6F6;color:#666;text-align:center;vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px;border:none;background:#fff;text-align:left;}

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


.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle;font-weight:500;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:500;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;font-weight:500;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;}

.news_listw{border-top:2px solid #000;}
.news_listw li{position:relative;padding:25px 30px;border-bottom:1px solid #dfdfdf;}
.news_listw li a{display:block;}
.news_listw li.img_y a{padding-right:300px;}
.news_listw li input{position:absolute;top:25px;left:0;margin:0;}
.news_listw li span{display:block;}
.news_listw li .category_color{margin-bottom:10px;display:inline-block;padding:0 15px;height:30px;line-height:30px;font-size:1.4rem;border-radius:7px;}
.news_listw li .category_color.color1{color:#4876ef;background:#eff5ff;}
.news_listw li .subject{margin-bottom:15px;font-size:2.2rem;}
.news_listw li .content{font-size:1.6rem;line-height:27px;font-weight:400;color:#555;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news_listw li .date{margin-top:20px;font-size:1.4rem;font-weight:400;color:#888;letter-spacing:0;}
.news_listw li .c_img{position:absolute;top:50%;margin-top:-100px;right:30px;width:250px;height:200px;overflow:hidden;}
.news_listw li .c_img img{width:100%;}


.news_vieww .vinfo_w{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ededed;}
.news_vieww .vinfo_w .vtop{display:flex;justify-content:space-between;align-items:center;}
.news_vieww .vinfo_w .tit{margin-top:10px;font-size:2.2rem;line-height:1.4;font-weight:700;color:#000;}
.news_vieww .vinfo_w .cate{font-size:1.6rem;font-weight:700;color:#0060cf;}
.news_vieww .vinfo_w .infow{display:flex;gap:30px;align-items:center;}
.news_vieww .vinfo_w dl{display:flex;font-size:1.5rem;line-height:1;font-weight:500;color:#666;}
.news_vieww .vinfo_w dl dt{font-weight:700;color:#333;}
.news_vieww .vinfo_w dl dd{margin-left:10px;padding-left:10px;border-left:1px solid #dfdfdf;letter-spacing:0;}

.news_vieww .vinfo_w .down_w{margin-top:15px;}
.news_vieww .vinfo_w .down_w p{display:flex;align-items:center;background:url(/nanum/site/builder/skin/main/img/common/down_icon.png) no-repeat center left;}
.news_vieww .vinfo_w .down_w p a{padding-left:35px;display:inline-block;font-size:1.5rem;color:#666;}
.news_vieww .vinfo_w .down_w p .size{margin-left:5px;display:inline-block;font-size:1.3rem;line-height:1;color:#999;}

.dday_badge {display: inline-block;padding: 0 8px;min-width:40px;margin-right: 5px;height:30px;line-height:30px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.dday_badge.ing {background: #04B4AE;}
.dday_badge.regular {background: #456ca5;}
.dday_badge.end {background: #BDBDBD;}
.dday_badge.notice {background: #f13b42;}


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

#board .table_blist table{display:table;border-bottom:0;}
#board .table_blist table colgroup{display:none;}
#board .table_blist thead{display:none;}
#board .table_blist tbody{width:100%;}
#board .table_blist tbody tr{display:block;position:relative;padding:10px 10px 10px 60px;border-bottom:1px solid #e5e5e5;}
#board .table_blist tbody tr:after{display:block;clear:both;content:'';visibility:hidden;height:0;}
#board .table_blist tbody td{position:relative;display: block;border-bottom:0;padding:0;text-align:left;}
#board .table_blist tbody td.notice{background-color:#fff;}
#board .table_blist tbody td.notice.num span img{width:17px !important;}
#board .table_blist tbody td.num{display:inline-block;position:absolute;top:50%;left:10px;width:40px;margin-top:-20px;text-align:center;}
#board .table_blist tbody td.num span{display:inline-block;width:40px;height:40px;border-radius:100%;background:#fff;border:1px solid #e5e5e5;color:#555;font-size:1.4rem;line-height:40px;letter-spacing:0;box-sizing:border-box;}
#board .table_blist tbody td.title{display:block;width:100%;margin-bottom:5px;font-size:1.5rem;line-height:1.3;}
#board .table_blist tbody td.title a{display:block;}
#board .table_blist tbody td.writer,
#board .table_blist tbody td.date,
#board .table_blist tbody td.hit{margin-right:10px;font-size:1.4rem;color:#888;}
#board .table_blist tbody td.writer span,
#board .table_blist tbody td.date span,
#board .table_blist tbody td.hit span{margin-right:8px;font-weight:600;color:#555;}
#board .table_blist tbody td.title img{display:none;}

.dday_badge{height:22px;line-height:22px;margin-bottom:5px;font-size:1.3rem !important;}


.news_vieww .vinfo_w .down_w p a {padding: 1px 0 1px 35px;}


}

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

#board .board_total_left{float:none;margin-bottom:5px;}
#board .board_total_right{margin-left:auto;float:none;}
#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#board .board_total_right li{display:inline-block;float:none;}


/* View */
#board .table_bview table{table-layout:fixed;}
#board .table_bview tbody td.content img{display:block;width:100%;min-width:300px;}

.news_listw li{display:block;padding:15px 0;min-height:auto;}
.news_listw li.img_y a{padding:0;width:100%;}
.news_listw li .c_img{position:static;margin:0 auto 10px;max-width:100%;height:auto;}
.news_listw li .category_color{padding:0 10px;height:25px;line-height:25px;font-size:1.3rem;}
.news_listw li .subject{margin-bottom:10px;font-size:1.7rem;}
.news_listw li .content{font-size:1.5rem;line-height:1.5;}
.news_listw li .date{margin-top:10px;font-size:1.3rem;}

.news_vieww .vinfo_w{padding-bottom:15px;margin-bottom:15px;}
.news_vieww .vinfo_w .cate{font-size:1.5rem;}
.news_vieww .vinfo_w .infow{gap: 8px 20px;flex-wrap:wrap;margin-bottom: 7px;}
.news_vieww .vinfo_w dl{font-size:1.4rem;}
.news_vieww .vinfo_w dl dd{margin-left:7px;padding-left:7px;}
.news_vieww .vinfo_w .tit{font-size:1.9rem;}
.news_vieww .vinfo_w .down_w{margin-top:10px;}
.news_vieww .vinfo_w .down_w p:not(:first-child){margin-top:4px;}
.news_vieww .vinfo_w .down_w p{padding: 2px 0 2px 26px;background-size:19px;}
.news_vieww .vinfo_w .down_w p a{padding:0;font-size:1.4rem;line-height: 1.4;}
.news_vieww .vinfo_w .down_w p .size{display:none;font-size:1.2rem;}
#board .table_bview .content{padding:15px 0;}


}