@charset "utf-8";
/* CSS Document */

  /* ──────────────────────────────────────
│                                                                                                                   │
│ * File Name: board2_v.css                                                                               │
│ * Description: board2_v.php를 사용하는 페이지 style 지정                                    │
│ * Update: 2020-12-28                                                                                    │
│                                                                                                                   │
  ────────────────────────────────────── */

/* float 초기화 */
.info:after, .list dl:after{ content:''; display:block; clear:both; height:0; visibility:hidden; }

/* 01 */
.board-style01 .board_view{ border-top:2px solid #333; }
.board-style01 .board_view .title{ font-size:20px; font-weight:400; text-align:center; background:#f8f8f8; padding:20px 10px; }
.board-style01 .board_view .info{ font-size:18px; font-weight:400; padding:20px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.board-style01 .board_view .info .name{ float:left; }
.board-style01 .board_view .info ul{ float:right; }
.board-style01 .board_view .info ul li{ float:left; }
.board-style01 .board_view .info ul li:last-child{ margin-left:20px; position:relative; }
.board-style01 .board_view .info ul li:last-child:before{ content:''; width:1px; height:16px; background:#ccc; margin-top:-8px; position:absolute; top:50%; left:-10px; }
.board-style01 .board_view .file{ font-size:18px; font-weight:400; text-align:right; padding:20px 10px; position:relative; }
.board-style01 .board_view .file p{ display:inline-block; background:url('../../board/images/file.png') no-repeat center left; padding-left:20px; cursor:pointer; }
.board-style01 .board_view .file p span{ color:#f90; font-weight:600; }
.board-style01 .board_view .file ul{ display:none; min-width:200px; font-size:14px; font-weight:normal; text-align:left; background:#fff; border:1px solid #2f2f2f; padding:15px; position:absolute; top:60px; right:10px; }
.board-style01 .board_view .file ul:before{ content:''; width:9px; height:9px; background:#fff; border-top:1px solid #2f2f2f; border-left:1px solid #2f2f2f; position:absolute; top:-6px; right:30px; transform:rotate(45deg); }
.board-style01 .board_view .file ul li{ margin:10px 0; }
.board-style01 .board_view .file ul li span{ margin-right:5px; }
.board-style01 .board_view .file ul li.close{ display:inline-block; width:13px; height:13px; color:transparent; background:url('../../board/images/close.png') no-repeat center center; margin:0; position:absolute; top:5px; right:5px; cursor:pointer; }
.board-style01 .board_view .cont{ padding:20px 10px; }
.board-style01 .board_view .cont img{display:inline-block;}
.board-style01 .board_view .list{ border-top:1px solid #ddd; }
.board-style01 .board_view .list dl{ font-size:18px; border-bottom:1px solid #ddd; padding:20px 10px; }
.board-style01 .board_view .list dl dt{ float:left; width:120px; font-weight:400; text-align:center; margin-right:10px; }
.board-style01 .board_view .list dl dd{ float:left; width:calc(100% - 130px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
@media screen and (max-width: 978px){
}
@media screen and (max-width: 640px){
	.board-style01 .board_view .title{ font-size:18px; } 
	.board-style01 .board_view .info, .board-style01 .board_view .file, .board-style01 .board_view .list dl{ font-size:15px; }
	.board-style01 .board_view .info .name{ float:none; }
	.board-style01 .board_view .info ul{ float:none; margin-top:10px; }
	.board-style01 .board_view .list dl dt{ width:70px; }
	.board-style01 .board_view .list dl dd{ width:calc(100% - 80px); }
}