/**
 * 파일 위치: _theme/{{theme}}/assets/css/theme.css
 * 역할: 테마 1 전용 스타일 정의
 */

body {font-family: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;min-height: 100vh;display: flex;flex-direction: column;}

.carousel-indicators button{height: 6px; border:0}

header {width: 100%;}
header.fixed {background: #fff; position: fixed; z-index: 1}
header.fixed .link-list ul li{ text-align: center}
.logo-container {display: flex;align-items: center; padding: 0;}
.link-list ul {display: flex; margin: 0; padding: 0;}
.navbar{border-bottom: 1px solid #e9ecef;}

@media (max-width: 992px) {
	.logo-container{padding: 0}
	header.fixed .logo-container .navbar-brand{    font-size: 1.8rem;}
}

.wani-grid-item .card .card-title{font-family: "Noto Serif KR"}
.wani-grid-item .card .card-body h5{z-index: 9; position: relative; text-shadow: 0 0 3px #000;}
.wani-grid-item .card .card-body .wani-grid-board-latest ul li{border-top: 1px solid rgba(229,229,229,0.3)}
.wani-grid-item .card .card-body .wani-grid-board-latest .carousel {position: absolute;width: 100%;left: 0;top: 0;}

.page-container{margin-top: 80px;}
.page-container.sub{padding: 2rem;margin-top: 110px;}

footer {    background: #343a40;color: white;padding: 2rem 0;}

@media (max-width: 992px) {
	.page-container.sub{padding: 1rem;margin-top: 120px;}
}


.wani-link-list-bg-block{}
.wani-link-list-bg-block .bg-wrapper{padding: 100px 0; position: relative;}
.wani-link-list-bg-block h4{font-size: 30px; font-weight: bold; color: #fff}
.wani-link-list-bg-block h6{font-size: 20px; color: #fff}
.wani-link-list-bg-block .overlay{position: absolute;width: 100%;height: 100%;background: #000;top: 0;opacity: 0.5;}
.wani-link-list-bg-block .container{z-index: 3;position: relative;}
.wani-link-list-bg-block .button-list {width: 100%; display: grid; column-gap: 20px; grid-template-columns: repeat(3, 1fr);}
.wani-link-list-bg-block .button-list a,
.wani-link-list-bg-block .button-list button{background: #fff5;border-radius: 0;border: 1px solid #fff;color: #fff; justify-content: space-between; display: flex; margin-bottom: 20px}



@media (max-width: 992px) {
	.wani-link-list-bg-block .button-list{grid-template-columns: auto;}
	.wani-link-list-bg-block .button-list a,
	.wani-link-list-bg-block .button-list button{margin-top: 15px}

	.slide-item .cover-text .card-title {font-size: 60px!important; letter-spacing: -1px!important;}
	.slide-item .cover-text .card-text{font-size: 28px!important; letter-spacing: 0!important;}
}

.slide-item .cover-slide-img{width: 100%; max-height: calc(100vh - 80px)!important;}