@charset "utf-8";

/* List */
.photo_list{padding: 0;display:inline-block;width:100%;}
.photo_list ul{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}
.photo_list ul li{border: 1px solid #d5d5d5;border-radius: 10px;overflow: hidden;}
.photo_list ul li .img a{display: flex;justify-content: center;align-items: center;width: 100%;height: 320px;background-color: #f1f1f1;overflow: hidden;}
.photo_list ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: .3s ease-out;}
.photo_list ul li .img a:hover img{transform: scale(1.1);}
.photo_list ul li .subject{padding: 25px 20px;min-height: 45px;font-size: 1.85rem;line-height: 1.4;font-weight: 600;color: #222;box-sizing: border-box;}
.photo_list ul li .subject a{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.photo_list ul li .subject .category_tit{display:block;font-size:15px;color:#029df7;padding-bottom:10px;font-weight:bold;}
.photo_list ul li .subject .date{margin-top: 15px;font-size: 1.6rem;font-weight: 500;color: #555;}

/* 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;}

/* file */
#board .table_bwrite tbody td.filetable table {width:100%; line-height:16px; 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:#666666; text-align:center; letter-spacing:-0.1em; line-height:140%; vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px; border:none; background: #ffffff; text-align:left; }

/* 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 dd img{vertical-align:middle;}
#board .table_bview .content{padding:15px 20px;border-bottom:1px solid #d5d5d5;}
/* #board .table_bview .content img{display:block;}*/
#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 .img a{height: 30vw;}
.photo_list ul li .img img{width:100% !important;}	

/* View */
#board .table_bview .tit_area{margin-bottom:3vh;padding:3vh 0;}
#board .table_bview .cont_area img{height:auto !important;}

}

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

/* List */
.photo_list ul{grid-template-columns: 1fr 1fr;gap: 10px;}
.photo_list ul li .img a{height: 45vw;}
.photo_list ul li{text-align:center;}
.photo_list ul li .img{height:auto;}
.photo_list ul li .subject{padding:15px;}
.photo_list ul li .subject .date{margin-top: 5px;}
.photo_list ul li .subject img{margin-top:5px;}
.photo_list ul li .subject .category_tit{font-size:13px;font-wegiht:600;}
.photo_list ul li .subject a{font-size:15px;}

/* View */
#board .table_bview .info{flex-wrap: wrap;padding: 10px 0 !important;}
#board .table_bview .info dl{font-size: 1.6rem;}
#board .table_bview .info dl:nth-child(n+2){margin-left: 10px !important;padding-left: 10px !important;}
#board .table_bview .title{padding: 10px 15px !important;}
#board .table_bview .content{padding: 10px 0 !important;}

}

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

.photo_list ul{grid-template-columns: 1fr;}
.photo_list ul li .img a{height: 88vw;}

}

/********************웹********************/
@media all and (min-width:1025px) {

/* List */
.photo_list ul li:hover{border-color:#000;box-shadow: 5px 5px 15px rgb(0 0 0 / 10%);}

}