@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: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:0 20px 15px 20px;border-bottom:1px solid #d5d5d5;font-size:2.4rem;line-height:1.5;font-weight:500;text-align:left;}
#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.5rem;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 img{vertical-align:middle;}
#board .table_bview .info dd .size{font-size:1.2rem;color:#888;}
#board .table_bview .content{padding:15px 20px;border-bottom:1px solid #d5d5d5;}
#board .table_bview .content img{display:block;max-width:100% !important;height:auto !important;}
#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{border-top:2px solid #222;}
#board .table_bwrite dl{display:flex;align-items:stretch;border-bottom:1px solid #d5d5d5;}
#board .table_bwrite dl dt{display:flex;align-items:center;gap:8px;flex-shrink:0;width:20%;padding:10px 20px;background:#f9f9f9;font-size:1.5rem;font-weight:700;box-sizing:border-box;}
#board .table_bwrite dl dd{flex-grow:1;padding:15px 10px;font-size:1.5rem;box-sizing:border-box;}
#board .table_bwrite dl dd .custom_sel{width:150px;}
#board .table_bwrite dl dd .col,
#board .table_bwrite dl dd .col ul{display:flex;gap:10px;align-items:center;}
#board .table_bwrite dl dd .col span.text1{margin-left:0;}
#board .table_bwrite dl dd span.text1{margin-left:10px;}
#board .table_bwrite dl dd input.subject{width:100%;}
#board .table_bwrite dl dd.content textarea{padding:10px;box-sizing:border-box;}

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

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

#board .table_bview .info{padding:10px;}
#board .table_bview .info dl:nth-child(n+2){padding-left:7px;margin-left:7px;}

/* write */
#board .table_bwrite dl dt{text-align:center;}
#board .table_bwrite dl dd .custom_sel{width:100%;}
#board .table_bwrite dl dd .col{flex-direction:column;gap:0;}
#board .table_bwrite dl dd .col ul{width:100%;}
#board .table_bwrite dl dd .col ul li{flex-grow:1;}
#board .table_bwrite dl dd .col ul li.bar{flex:none;text-align:center;}
#board .table_bwrite dl dd ul.col{flex-direction:row;flex-wrap:wrap;gap:10px;}
#board .table_bwrite dl dd ul.col li{width:calc(50% - 5px);}
#board .table_bwrite dl dd span.text1{display:block;width:100%;margin:10px 0 0 0;}
#board .table_bwrite dl dd .board_input{width:100%;}

}

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

#board .table_bwrite dl{flex-direction:column;}
#board .table_bwrite dl dt{flex:none;width:100%;padding:10px;}
#board .table_bwrite dl dd{padding:10px 0;}
	
}