@charset "utf-8";

/* List */
.photo_list{width:100%;border-top:2px solid #222;border-bottom:1px solid #ccc;display:inline-block;}
.photo_list ul{display:flex;flex-wrap:wrap;width:100%;gap:30px;padding:30px 0;}
.photo_list ul li{width:calc(25% - 22.5px);text-align:center;}
.photo_list ul li .img{position:relative;width:100%;height:0;padding-bottom:140%;overflow:hidden;font-size:0;line-height:0;}
.photo_list ul li .img a{display:block;}
.photo_list ul li .img img{position:absolute;top:0;left:0;width:100%;height:100%;}
.photo_list ul li .subject{display:flex;align-items:center;padding:15px 0;font-size:17px;line-height:1.5;}
.photo_list ul li .subject a{display:-webkit-box;overflow:hidden;max-height:24px;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

/* Write */
#board .table_bwrite {clear:both;}
#board .table_bwrite table {width:100%; border-collapse:collapse; border-top:2px solid #222;}
#board .table_bwrite table caption {display:none;}
#board .table_bwrite thead th {border-bottom:1px solid #dfdfdf; padding:12px 0; font-family: 'NotoKrM';text-align:center;font-weight:normal;}
#board .table_bwrite tbody th { padding:8px 0;  border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:#f6f6f6; color:#000; text-align:center;font-weight:normal;}
#board .table_bwrite tbody th img {vertical-align:middle; padding-left:5px;}
#board .table_bwrite tbody td {padding:8px 0 8px 10px; border-bottom:1px solid #dfdfdf; text-align:left;}
#board .table_bwrite tbody td input.subject {width:95%;}
#board .table_bwrite tbody td.content {margin:0; padding-top:4px; padding-bottom:4px; padding-left:0; padding-right:0px; text-align:center;}
#board .table_bwrite tbody td span.text1 {color:#818181; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
#board .table_bwrite tbody td span.eng {padding-left:0; color:#6a6a6a; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}

/* 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;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.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 .size{font-size:1.2rem;color:#888;}
#board .table_bview .info img{vertical-align:middle;}
#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;}

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

.photo_list ul{gap:10px;}
.photo_list ul li{width:calc(50% - 5px);}

}


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

.photo_list ul{gap:30px;}
.photo_list ul li{width:100%;}

}