@charset "utf-8";

/* List */
.photo_list{width:100%;margin-top:20px;}
.photo_list ul{display:flex;flex-wrap:wrap;gap:20px;}
.photo_list ul li{width:calc(50% - 10px);border:1px solid #ccc;box-sizing:border-box;}
.photo_list ul li a{display:flex;}
.photo_list ul li .thumb{flex-shrink:0;position:relative;width:150px;height:0;padding-bottom:40%;overflow:hidden;}
.photo_list ul li .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;}
.photo_list ul li .cont{display:flex;flex-direction:column;flex-grow:1;padding:20px;}
.photo_list ul li .cont .top_area{display:flex;align-items:center;}
.photo_list ul li .cont .top_area .category{font-size:1.5rem;font-weight:700;color:#005bbd;}
.photo_list ul li .cont .top_area a.modify{margin-left:auto;padding:3px 15px;border-radius:20px;background:#f5f5f5;font-size:1.3rem;font-weight:600;}
.photo_list ul li .cont .subject{padding-top:5px;font-size:2rem;font-weight:500;}
.photo_list ul li .cont .info{padding-top:20px;margin-top:auto;border-top:1px solid #e5e5e5;}
.photo_list ul li .cont .info dt{font-size:1.6rem;color:#555;}
.photo_list ul li .cont .info dd{font-size:1.8rem;font-weight:600;}
.photo_list ul li.empty{justify-content:center;align-items:center;width:100%;padding:80px 0;border:0;background:#f9f9f9;font-size:1.5rem;font-weight:700;color:#888;}

/* 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: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:#6a6a6a;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 #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;}

/* 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;width:100%;max-width:300px !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){

/* List */
.photo_list ul li .thumb{width:30%;}
.photo_list ul li .cont{padding:15px;}
.photo_list ul li .cont .top_area .category{font-size:1.3rem;}
.photo_list ul li .cont .top_area a.modify{font-size:1.2rem;}
.photo_list ul li .cont .subject{font-size:1.7rem;}
.photo_list ul li .cont .info{display:flex;align-items:center;justify-content:space-between;padding-top:10px;}
.photo_list ul li .cont .info dt{font-size:1.5rem;}
.photo_list ul li .cont .info dd{font-size:1.5rem;}

/* view */
#board .table_bview .title{font-size:2rem;}

}

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


/* View */
#board .table_bview table{table-layout:fixed;}

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

}

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

/* List */
.photo_list ul{flex-direction:column;gap:10px;}
.photo_list ul li{width:100%;}

}