@charset "utf-8";

/* 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;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:#EE5A00;font-size:12px;font-weight:700;}
#board .table_blist tbody td .faq_icon{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;left:20px;width:30px;height:30px;margin-top:-15px;color:#fff;text-align:center;border-radius:100%;}
#board .table_blist tbody td .faq_icon.faq_q{background:#13a3ff;}
#board .table_blist tbody td .faq_icon.faq_a{left:60px;background:#154064;}
#board .table_blist tbody td.notice{background-color:#FBFBFB;}
#board .table_blist tbody td.title{position:relative;padding:20px 0 20px 60px;font-weight:500;text-align:left;}
#board .table_blist tbody td.title_notice{padding:5px 10px 10px 37px;background:url(/nanum/site/board/nninc_faq/img/notice_ic.gif) #FBFBFB no-repeat 5px 15px;text-align:left;}
#board .table_blist tbody td.center{text-align:center;}
#board .table_blist tbody td.content{position:relative;padding:20px 10px 20px 100px;background:#fafafa;text-align:left;font-size:1.6rem;line-height:1.5;}
#board .table_blist tbody td.content::after{content:'';position:absolute;top:26px;left:35px;width:10px;height:13px;background:url(/nanum/site/board/common/img/a_ic.gif) no-repeat;}
#board .table_blist tbody td.content_notice{background:#fafafa;padding:10px 10px 10px 15px;text-align:left; line-height:150%;}
#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:#336699;color:#ffffff;padding:5px;}
#board .table_blist tbody td.content dl.info {margin:0; padding-left:3px;padding-top:10px;}
#board .table_blist tbody td.content dl.info dt {float:left; color:#737373; letter-spacing:-0.1em; padding:0; font-family: 'NotoKrM';}
#board .table_blist tbody td.content dl.info dd {float:left;display:inline; margin:0;}
#board .table_blist tbody td.content dl.info dd img {vertical-align:middle;padding-right:4px;}
#board .table_blist tbody td.content dl.info dd .size {font-size:0.8em; font-family:tahoma; color:#BFBFBF;}
#board .table_blist tbody td.content .faq_icon{top:20px;margin-top:0;}
#board .table_blist tbody td.content2{background:#fafafa;}
#board .table_blist tbody td.btn_area{display:flex;flex-direction:column;}
#board .table_blist tbody td.btn_area a{padding:8px 10px;border:1px solid #d5d5d5;font-size:13px;line-height:1;font-weight:700;color:#555;}
#board .table_blist tbody td.btn_area a:nth-child(n+2){margin-top:3px;}


/* View */
#board .table_bview .title{padding:15px 20px;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;font-size:19px;line-height:1.5;font-weight:700;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:15px;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:#333;}
#board .table_bview .info dd{color:#555;}
#board .table_bview .info dd .size{font-size:12px;color:#888;}
#board .table_bview .content{padding:15px 20px;border-bottom:1px solid #d5d5d5;}
#board .table_bview .content img{display:block;max-width:100%;height:auto;}
#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:15px;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:15px;text-align:left;}
#board .table_bwrite tbody td input.subject{width:100%;}
#board .table_bwrite tbody td.content{margin:0;padding:15px 0;text-align:center;}
#board .table_bwrite tbody td.content textarea{padding:20px;box-sizing:border-box;}
#board .table_bwrite tbody td span.text1{margin-left:10px;color:#888;font-size:14px;font-weight:500;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:#6a6a6a;font-size:14px;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:13px;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;}

/********************모바일********************/
@media all and (max-width:767px){

#board .table_blist tbody td.title{padding:15px 5px 15px 40px;}
#board .table_blist tbody td.content{padding:15px 0 15px 58px;}
#board .table_blist tbody td .faq_icon{left:0;}
#board .table_blist tbody td .faq_icon.faq_a{left:20px;}

#board .table_blist tbody td.content::after{background:none;}
	
}