@charset "utf-8";

/* Photo List */
.photo_list ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap;}
.photo_list ul li{width:33.333%; padding:8px; box-sizing:border-box; text-align:center;}
.photo_list ul li.dummy{visibility:hidden;}
.photo_list ul li .img img{width:100%; height:180px; object-fit:cover; border:1px solid #eee;}
.photo_list ul li .subject{padding-top:8px; font-size:14px; word-break:break-all;}

/* View */
#board .table_bview .title{padding:15px 20px; border-top:2px solid #222; border-bottom:1px solid #d5d5d5; font-size:18px; 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; display:flex; flex-wrap:wrap; gap:4px 16px;}
#board .table_bview .info dd p{margin:0;}
#board .table_bview .info dd p img{vertical-align:middle;}
#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 .msimg{max-width:100%; height:auto; display:block; margin:0 auto 16px;}
#board .table_bview .content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview .content .sns a{float:left; padding-left:3px;}

/* 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;}
#board .table_bwrite tbody td input.subject{width:100%;}
#board .table_bwrite tbody td.content{margin:0; padding:5px 0;}
#board .table_bwrite tbody td span.text1{color:#888; font-size:14px; font-weight:500;}

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

.photo_list ul li{width:33.333%; padding:4px;}
.photo_list ul li .img img{height:90px;}

#board .table_bview .title{font-size:15px; padding:12px 10px;}
#board .table_bview .info{flex-wrap:wrap; padding:10px;}
#board .table_bview .info dl:nth-child(n+2){padding-left:7px; margin-left:7px;}
#board .table_bview .content{padding:12px 10px;}
#board .table_bview .content .msimg{width:100%;}

}