@charset "utf-8";

/* List */
.photo_list ul{display:flex;gap:20px;flex-wrap:wrap;}
.photo_list ul li{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;width:calc(25% - 15px);background:var(--colors-white);border:1px solid var(--colors-gray500);border-radius:15px;box-sizing:border-box;}
.photo_list ul li .img{width:100%;height:170px;}
.photo_list ul li .img a{display:block;}
.photo_list ul li .img img{width:100%;height:170px;object-fit:cover;}
.photo_list ul li .txtwr{padding:30px 20px;box-sizing:border-box;}
.photo_list ul li .cate{margin-bottom:5px;font-size:1.5rem;font-weight:600;color:var(--colors-blue);}
.photo_list ul li .subject a.subject_txt{display: -webkit-box;overflow: hidden;height: 50px;font-weight:700;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.photo_list ul li .subject input[type="checkbox"]{position:absolute;bottom:15px;left:20px;margin:0;width:15px;height:15px;}
.photo_list ul li .cor_btn{position:absolute;bottom:10px;right:20px;padding: 5px;font-size:1.3rem;line-height:1;color:#FF0000;background: var(--colors-white);border-radius: 5px;}
.photo_list ul li .doctor_t{margin-top:15px;font-size:1.5rem;color: var(--colors-gray700);}
.photo_list ul li.empty{width:100%;border:0;border-radius:0;padding:50px 0;text-align:center;font-size:1.6rem;font-weight:700;color:var(--colors-gray800);}
.photo_list ul li .new_icon{position:absolute;top:30px;right:20px;}

/* View */
#board .table_bview .title{padding:15px 20px;border-top:2px solid var(--colors-black);border-bottom:1px solid var(--colors-gray500);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 var(--colors-gray500);}
#board .table_bview .info dl{display:inline-flex;position:relative;font-size:1.6rem;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:var(--colors-gray500);}
#board .table_bview .info dt{margin-right:10px;font-weight:600;color:var(--colors-black);}
#board .table_bview .info dd{color:var(--colors-gray700);}
#board .table_bview .info dd img{vertical-align:middle;}
#board .table_bview .info dd .size{font-size:1.2rem;color:var(--colors-gray700);}
#board .table_bview .content{padding:15px 20px;border-bottom:1px solid var(--colors-gray500);}
#board .table_bview .content img{display:block;max-width:100% !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:var(--colors-blue); color:var(--colors-white)fff; padding:5px;}

/* Write */
#board .table_bwrite table{width:100%;border-collapse:collapse;border-top:2px solid var(--colors-black);}
#board .table_bwrite table caption{display:none;}
#board .table_bwrite tbody th{padding:10px 20px;border-bottom:1px solid var(--colors-gray500);border-right:1px solid var(--colors-gray500);background:var(--colors-gray200);font-size:1.5rem;color:var(--colors-black);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 var(--colors-gray500);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:var(--colors-gray700);font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:var(--colors-board555);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 var(--colors-gray500);}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;border:none;border-right:1px solid var(--colors-gray500);background:var(--colors-gray300);color:var(--colors-gray700);text-align:center;vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px;border:none;background:var(--colors-white);text-align:left;}

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

.photo_list ul li{width:calc(33.3333% - 15px);}	
.photo_list ul li .img,
.photo_list ul li .img img{height:150px;}

#board .table_blist tbody td.title .doctor_t{margin-top:10px;font-size:1.4rem;}


}

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

.photo_list ul{gap:10px;}
.photo_list ul li{width:calc(50% - 5px);}
.photo_list ul li .txtwr{padding:15px}
.photo_list ul li .subject a.subject_txt{height:40px;}
.photo_list ul li .doctor_t{margin-top:10px;}

/* View */
#board .table_bview .title{padding:15px 0;font-size:17px !important;}
#board .table_bview .info{flex-wrap:wrap;padding:10px;background:var(--colors-gray200);}
#board .table_bview .info dl{width:100%;}
#board .table_bview .info dl:nth-child(n+2){margin:3px 0 0 0;padding-left:0;}
#board .table_bview .info dl:nth-child(n+2):before{display:none;}
#board .table_bview .info dt{flex-shrink:0;width:70px;margin-right:0;}
#board .table_bview .info dd{flex-grow:1;}
#board .table_bview .content{padding:10px;}

/* Write */
#board .table_bwrite tbody th,
#board .table_bwrite tbody td{padding:10px;}
#board .table_bwrite tbody th{word-break:break-all;}

.new_icon{top:15px;right:15px;}

}

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

.photo_list ul li .img,
.photo_list ul li .img img{height:100px;}

}