@charset "utf-8";

/* List */
#board .table_blist table{table-layout:fixed;width:100%;border-collapse:collapse;border-top:2px solid #000;}
#board .table_blist table caption{display:none;}
#board .table_blist th,
#board .table_blist td{padding:15px 0;border-bottom:1px solid #e5e5e5;text-align:center;}
#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:#1065d9;font-size:1.2rem;font-weight:700;}
#board .table_blist tbody td.notice{background-color:#f9fafc;}
#board .table_blist tbody td.title{position:relative;padding:15px 0 15px 60px;text-align:left;font-size:1.7rem;font-weight:500;}
#board .table_blist tbody td.title_notice{padding:5px 10px 10px 37px;background:url(/nanum/site/board/nninc_faq/img/notice_ic.gif) #f9fafc no-repeat 5px 15px;text-align:left;}
#board .table_blist tbody td.center{text-align:center;}
#board .table_blist tbody td.content {position:relative; background-color:#f9fafc; padding:20px 10px 20px 60px; text-align:left; line-height:1.5;font-size:1.6rem;}
#board .table_blist tbody td.content img{max-width:100%;}
#board .table_blist tbody td.content_notice {background:#f9fafc; padding:10px 10px 10px 15px;text-align:left; line-height:150%;}
#board .table_blist tbody td.content2 {background:#f9fafc;}
#board .table_blist tbody td.btn_modify{font-size:11px;}
#board .table_blist tbody td.btn_modify a{color:#888;}
#board .table_blist tbody td.content .sns{clear:both; float:right; padding-top:20px;}
#board .table_blist tbody td.content .sns a{float:left; padding-left:3px;}
#board .table_blist tbody td.content .photodown{background-color:#1065d9; color:#fff; padding:5px;}
#board .table_blist .faq_icon{display:block;position:absolute;top:50%;transform: translate(0, -50%);left:12px;width:35px;height:35px;line-height:35px;color:#fff;text-align:center;border-radius:20px;}
#board .table_blist .faq_icon.faq_q{background:#13a3ff;}
#board .table_blist .faq_icon.faq_a{top:30px;background:#1065d9;}

#board .table_blist tbody td dl.info {margin:0; padding-left:3px;padding-top:10px;}
#board .table_blist tbody td dl.info dt {float:left; color:#888; letter-spacing:-0.1em; padding:0;}
#board .table_blist tbody td dl.info dd {float:left;display:inline; margin:0;}
#board .table_blist tbody td dl.info dd img {vertical-align:middle;padding-right:4px;}
#board .table_blist tbody td dl.info dd .size {font-size:0.8em; font-family:tahoma; color:#c2c2c2;}



/* Write */
#board .table_bwrite table{width:100%;border-collapse:collapse;border-top:2px solid #000;}
#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.5rem;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.5rem;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:#888;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:#555;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 #d5d5d5;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;border:none;border-right:1px solid #d5d5d5;background:#f5f5f5;color:#555;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;}


/* View */
#board .table_bview {clear:both;}
#board .table_bview table{width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #555; border-bottom:1px solid #e5e5e5;}
#board .table_bview table caption{display:none;}
#board .table_bview thead th {border-bottom:1px solid #e5e5e5; padding: 12px 0;height:33px; color:#373737; font-weight:normal; letter-spacing:-0.1em; line-height:130%; text-align:center;font-weight:normal;}
#board .table_bview thead th.th_none {white-space:nowrap; background-image:none; text-align:left; padding-left:5px;}
#board .table_bview thead th.th_none img {vertical-align:middle;}
#board .table_bview tbody th {white-space:nowrap; height:31px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f5f5f5; color:#888; text-align:center; letter-spacing:-0.1em; line-height:140%;font-weight:normal;}
#board .table_bview tbody td {padding-top:6px; padding-bottom:6px; border-bottom:1px solid #e5e5e5; background:#fff; text-align:left; line-height:140%;}
#board .table_bview tbody td.content{padding:20px 10px 30px 10px;}
#board .table_bview tbody td.content img{display:block;}
#board .table_bview tbody td span.text1 {font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
#board .table_bview tbody td span.eng {padding-left:0;color:#888; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
#board .table_bview tbody td dl.info {float:left; margin:0; padding-left:3px; letter-spacing:-0.5px;}
#board .table_bview tbody td dl.info dt {float:left; color:#888; padding-left:20px; font-weight:normal;}
#board .table_bview tbody td dl.info dd {float:left; background:transparent url(/nanum/site/board/common/img/view_bar.gif) no-repeat scroll 0 45%; display:inline; margin-left:6px; padding-left:6px;}
#board .table_bview tbody td dl.info dd.c4895D7 {color:#4895D7;}
#board .table_bview tbody td dl.info dd img {vertical-align:middle;}
#board .table_bview tbody td dl.info dd .size {font-size:0.8em; font-family:tahoma; color:#c2c2c2;}
#board .table_bview tbody td.content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview tbody td.content .sns a{float:left; padding-left:3px;}
#board .table_bview tbody td.content .photodown{background-color:#1065d9; color:#fff; padding:5px;}


.dark-mode #board .table_blist .faq_icon.faq_q{color:#fff;}



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


#board .table_blist .faq_icon {width:30px; height:30px; line-height:30px; left:17px;}


}


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



	
}