@charset "utf-8";

.sub-visualArea .contentBox {margin-top:50px; width:80%; max-width:1200px;}
.sub-visualArea .contentBox h1 {color:#505050; font-size:1.2rem;}
.sub-visualArea .contentBox p { font-size:1rem;}

.headerBox {margin:0 auto; padding: 60px 0 40px; width:80%; max-width: 800px; text-align: center;}
.headerBox div h1 {font-size: 3rem; font-weight: 700; color: #f97316; font-family: serif;}
.headerBox div p {margin-top:20px; padding-top:20px; font-size:1.1rem; border-top:2px solid #0f172a;}

.listArea {margin:0 auto 100px; padding:20px; max-width: 1200px; }
.listArea .infoBox {padding:0 20px; display: flex;}
.listArea .infoBox span {flex-basis: 50%; font-size:0.9rem;}
.listArea .infoBox .total {text-align: left;}
.listArea .infoBox .page {text-align: right;}

.listArea .listBox {}
.listArea .listBox ul {list-style: none;}
.listArea .listBox ul li {margin:20px 0; padding:20px; line-height: 1.7; border:1px solid #7c7c7c; border-radius: 15px; cursor: pointer;}
.listArea .listBox ul li:hover {background-color: #fff3dc;}
.listArea .listBox ul li .title {padding-bottom:10px; font-size:1.2rem; font-weight: bold; border-bottom:1px solid #ddd;}
.listArea .listBox ul li .subTitle {margin-top:20px; font-size:1rem;}
.listArea .listBox ul li .date {margin-top:10px; font-size:0.9rem; color:#505050;}

.listArea .pagingBox {padding:20px 0; text-align:center;}
.listArea .pagingBox a.page {margin:0 3px; padding:10px; border:1px solid #929292; border-radius:5px;}
.listArea .pagingBox a.page10 {margin:0 20px; padding:0 20px 4px; background-color: #fff; border:1px solid #b4b4b4; border-radius:5px;}
.listArea .pagingBox span {margin:0 15px; padding:15px; color:#fff; background:#929292; border-radius:5px;}

.listArea .searchBox {margin-top:40px;}
.listArea .searchBox .inputBox {position:relative; margin:0 auto; padding-bottom:10px; width:300px; border-bottom:2px solid #d6d6d6;}
.listArea .searchBox .inputBox input {margin-left:10px; width:230px; font-size:1rem; border:0; background:none;}
.listArea .searchBox .inputBox a {position:absolute; top:0; right:0; width:40px; height:40px; font-size:20px;}



/* Responsive */
@media (max-width: 900px) {
	.voice-grid { grid-template-columns: 1fr; }
	.detail-card { grid-template-columns: 1fr; }
}