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

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');

:root {
	--bs-dark:#333
}

body {font-family: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;min-height: 100vh;display: flex;flex-direction: column; font-size: 18px; font-weight: 500}
header{position: relative}
header .navbar{height: 125px}
header .navbar {position: absolute; top: 0; left: 0; width: 100%; z-index: 5; padding: 0;}
header .navbar .custom-bar {position: absolute; top: 0; left: 0; width: 100%; z-index: 5; border-bottom: 1px solid rgba(221, 221, 221, 0.4);     padding: 0; height: 35px}
header .navbar .nav-bar {position: absolute; top: 35px; left: 0; width: 100%; z-index: 5; padding: 15px 0}
.navbar-nav .nav-item{position: relative;}

.navbar-nav .nav-item .dropdown-toggle::after{opacity: 0.5;}


header.fixed .navbar{position: fixed; background: #fff; }
header .link-list ul {display: flex; margin: 0; padding: 0; padding: 0 20px;justify-content: flex-end;}
header .link-list ul li{ text-align: center}
header .link-list ul li a{color:#fff; font-size: 13px;text-decoration: auto;line-height: 22px;display: inline-block;}
header .link-list ul li a i{font-size: 13px; margin-right: 8px;}
header .link-list ul li a br{display: none}

.logo-container {display: flex;align-items: center; padding: 0 20px;}


.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: flex; column-gap: 20px;}
.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; width: 100%;}

@media (max-width: 992px) {
	header .navbar{height: 85px}
	header .navbar .nav-bar{top: 0}
	.wani-link-list-bg-block .button-list{flex-direction: column;}
	.wani-link-list-bg-block .button-list a,
	.wani-link-list-bg-block .button-list button{margin-top: 15px}
}


.page-container.sub{padding: 2rem;padding-top: 115px; margin-top: 60px;}

footer {background: #343a40;color: white;padding: 2rem 0;margin-top: auto;}

@media (max-width: 992px) {
	header .navbar .custom-bar{display: none}
	.page-container.sub{padding: 1rem;padding-top: 80px;}
}

h6.card-title{display: flex; align-items: center;}

/*페이지*/
.text-primary {color: var(--bs-primary) !important;}
.page-body h1{color:var(--bs-primary); font-weight: 400; font-size: 50px; letter-spacing: -4px; font-family: "Noto Serif KR", serif; word-break: auto-phrase;}
.page-body h2{color:var(--bs-secondary); font-weight: 500; font-size: 30px;letter-spacing: -1px; word-break: auto-phrase;}
.page-body h3{color:var(--bs-dark); font-weight: 500; font-size: 28px; font-family: "Noto Serif KR", serif; word-break: auto-phrase;}
.page-body h4{ font-weight: 500; border-bottom: 1px solid #dee2e6; padding-bottom: 10px; word-break: auto-phrase;}
.page-body h5{ font-weight: 500; padding: 10px 20px; background: #eee; word-break: auto-phrase;}
.page-body h6{ font-weight: 500; font-size: 20px; font-family: "Noto Serif KR", serif; word-break: auto-phrase;}
.page-body .lead{font-weight: 500}



.slide-item .cover-text .card-title{font-size: 50px!important;color: #ffee33!important;font-weight: 600!important;letter-spacing: -1px!important; font-family: "Noto Serif KR", serif!important;opacity: 1.0!important;}
.slide-item .cover-text .card-text {font-size: 28px!important;color: #fff;font-weight: 400!important;text-align: center;letter-spacing: 0!important; word-break: keep-all;}



.wani-design-slide-block{margin-top: 125px}
.board-container{padding-top: 125px!important;}
.slide-item .cover-slide-img{height: calc(100vh - 125px) !important;}

@media screen and (max-width: 1400px) {
	.slide-item .cover-slide-img{height: 58vh!important;}
}

@media screen and (max-width: 992px) {
	.slide-item .cover-slide-img{height: 21vh!important;}
	.wani-design-slide-block{margin-top: 80px}
	.board-container{padding-top: 80px!important;}
}