/* [2026-11-05 점검 28] 애니울프 화면 모양(FA5 덮어쓰기 · 옛 styles/aniwolf · 폭 · 커뮤니티/추천사이트/로그인).
 * 아래 원본들을 순서 그대로 이은 것 — 요청 수를 줄이려고 합쳤다. 원본 파일은 지웠다. 고칠 때는 이 파일을 새 이름(-v2)으로.
 * 상대 주소(../fonts/)는 assets/css 에서도 assets/fonts 를 가리킨다. */
/* ---- 원본: assets/fonts/fontawesome5-overrides.min.css ---- */
.fab.fa-bitcoin:before{content:"\f379"}.far.fa-calendar:before,.fas.fa-calendar:before{content:"\f133"}.far.fa-clipboard:before,.fas.fa-clipboard:before{content:"\f328"}.fab.fa-facebook-f:before{content:"\f39e"}.fab.fa-google-plus:before{content:"\f2b3"}.fas.fa-hotel:before{content:"\f594"}.fab.fa-linkedin:before{content:"\f08c"}.fas.fa-reply:before{content:"\f3e5"}.fas.fa-thermometer:before{content:"\f491"}.fab.fa-vimeo:before{content:"\f40a"}.far.fa-window-close:before,.fas.fa-window-close:before{content:"\f410"}.fab.fa-youtube-square:before{content:"\f431"}
/* ---- 원본: assets/css/styles.min.css ---- */
@media all and (min-width:751px) {
	.nsmall  { display:none !important; }
}
@media all and (max-width:750px) {
	.nbig  { display:none !important; }
}
/* ---- 원본: assets/css/aniwolf.css ---- */
html{--bg:#232736;--bg-default:#161823;--color-text:#333}html[data-theme='light']{--bg:#fff;--bg-default:#6c757d;--color-text:#333}.bg-default{background-color:var(--bg-default)!important}.bg-body{background-color:var(--bg)!important}.text-default{color:var(--color-text)!important}.navigation-clean-search{background:#fff;padding-top:.75rem;padding-bottom:.75rem;color:#333;border-radius:0;box-shadow:none;border:0;margin-bottom:0}.navigation-clean-search .navbar-brand{font-weight:700;color:inherit}.navigation-clean-search .navbar-brand:hover{color:#222}.navigation-clean-search .navbar-toggler{border-color:#ddd;color:#888}.navigation-clean-search .navbar-toggler:focus,.navigation-clean-search .navbar-toggler:hover{background:0}.navigation-clean-search .navbar-collapse,.navigation-clean-search .search-form{border-top-color:#ddd}.navigation-clean-search .navbar-nav a.active,.navigation-clean-search .navbar-nav>.show>a{background:0;box-shadow:none}.navigation-clean-search.navbar-light .navbar-nav a.active,.navigation-clean-search.navbar-light .navbar-nav a.active:focus,.navigation-clean-search.navbar-light .navbar-nav a.active:hover{color:#8f8f8f;box-shadow:none;background:0;pointer-events:none}.navigation-clean-search.navbar .navbar-nav .nav-link{padding-left:18px;padding-right:18px}.navigation-clean-search.navbar-light .navbar-nav .nav-link{color:#465765}.navigation-clean-search.navbar-light .navbar-nav .nav-link:focus,.navigation-clean-search.navbar-light .navbar-nav .nav-link:hover{color:#37434d!important;background-color:transparent}.navigation-clean-button .action-button:active,.navigation-clean-search .action-button{background:#56c6c6;border-radius:20px;font-size:inherit;color:#fff!important;box-shadow:none;border:0;text-shadow:none;padding:8px 20px;transition:background-color .25s}.navigation-clean-search .action-button:focus,.navigation-clean-search .action-button:hover{background:#66d7d7}.navigation-clean-search .search-form label{color:#ccc}.navigation-clean-search .search-form .search-field{background:0;border:0;border-bottom:1px solid transparent;border-radius:0;color:#ccc;box-shadow:none;color:inherit;transition:border-bottom-color .3s}.navigation-clean-search .search-form .search-field:focus{border-bottom:1px solid #ccc}@media(max-width:767px){.navigation-clean-search .search-form .search-field{display:inline-block;width:80%}.navigation-clean-search .search-form{margin-left:10%}}@media(min-width:768px){.navigation-clean-search{padding-top:1rem;padding-bottom:1rem}.navigation-clean-search .search-form{margin-left:18px}}.animation-image img,.banner-image{object-fit:contain;width:100%}.banner-area{padding:1px}.animation-image{position:relative}.animation-badge{position:absolute;top:0}.animation-image img{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.animation-tags{position:absolute;bottom:0}.animation-tags .col{padding-left:1em;padding-right:1em;padding-bottom:.2em}.animation-tags .col span{background-color:rgb(52,58,64,0.7)}.animation-tags .col span:nth-child(n+4){display:none}.animation-badge .col:first-child{padding-left:18px}.animation-badge .col:last-child{padding-right:18px}.animation-badge .col{padding:0 4px}.animation-desc{padding:.3rem .3rem;font-size:14px}.animation-card{padding:6px 2px}@media(min-width:576px){.animation-desc{padding:.3rem .5rem;font-size:14px}.animation-card{padding:6px 6px}}.announcement-area{margin-top:.5rem;margin-bottom:.5rem;padding-top:.3rem;padding-bottom:.3rem}.announcement-button{margin-left:.8rem;font-size:12px}.announcement-text{font-size:14px}.category-area{margin-top:.5rem;margin-bottom:.5rem}.dayofweek-area,.option-area{margin-bottom:.5rem}.animation-item{margin-bottom:1rem;font-size:.8rem}.dayofweek-button{width:12%;margin-right:.5%}.dayofweek-button:first-child{width:12.5%}.dayofweek-button:last-child{margin-right:0}.detail-title{padding:1em 1em 0}.detail-line{background:#fff;margin:.8em 0}.table td,.table th{color:#fff}.detail-banner,.detail-description{margin-bottom:12px}.detail-synopsis{margin-bottom:12px;padding:8px}.detail-banner .col:first-child{text-align:right;padding-right:6px;padding-left:0}.detail-banner .col:last-child{padding-left:6px;padding-right:0}.detail-banner .col img{object-fit:contain;max-width:100%}.detail-player{margin-bottom:12px;background-color:#000;min-height:300px}.detail-report{margin-bottom:12px}.recommend-list{margin-left:0;margin-bottom:12px;padding-top:8px;padding-bottom:12px}.recommend-list .col .row{margin-bottom:8px}.recommend-list .col .row:last-child{margin-bottom:0}.bg-episode{background-color:#313745;padding:8px;border-radius:.25rem}.bg-episode.active{background-color:#78060a!important}.recommend-list .col .row .text-default{padding-left:0}html,body{max-width:100%;overflow-x:hidden}body:is(.modal-open){padding-right:0!important}
/*  메뉴와 배너사이  */
.navigation-clean-search {
margin-bottom: 1rem!important;
}

/* 메뉴 링크 색*/
.nav-link {
    color: #fff !important;
}

@media (min-width: 768px) {
	.navbar-small {
		display: none!important;
	}
}
/* 검색 폼 */
.search-field {
	max-width:110px!important;
	background:#FFF !important;
	border:1px solid #962323 !important;
	color:#333 !important;
	font-size:14px!important;
	border-top-left-radius: .25rem !important;
	border-bottom-left-radius: .25rem !important;
}
.search_btn {
	color: #FFF !important;
    border-color: #962323 !important;
    background-color: #962323 !important;
	border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


/* 배경    background-color: #ededed!important; */
.bg-body {
    background-color: #F0F3F8 !important;
}
.detail-player {
    margin-bottom: 12px!important;
    min-height: 200px!important;
}
/*메뉴 배경*/
.bg-red {
    background-color: #dd3333!important;
}
/*  버튼 */
.btn-outline-secondary {
    color: #6c757d;
    border-color: #CCC;
    background-color: #fff;
}

/*  북마크 페이지 */
.bookmark-title  {
    color: #0179B8!important;
}

/*   뷰페이지 정렬버튼  */
.btn-dark {
    color: #fff;
    background-color: #dd3333!important;
    border-color: #dd3333!important;
	margin-right: -12px!important;
}

/*   뷰페이지 에피소드 리스트  */
	/* 북마크 버튼*/
	.btn-primary {
		color: #fff;
		background-color: #dd3333 !important;
		border-color: #dd3333 !important;
	}

.detail-title {
	font-weight: bold !important;
} 
.detail-line {
    background: #222 !important;
    margin: .8em 0;
}

.total-ani {
	color: #222222!important;
	font-weight: bold;
}
.bg-episode {
    background-color: #fff!important;
}
.mb-1  .text-white-50 {
    font-size: 12px!important;
    color: #888888!important;
}
.mb-1  .text-default {
    color: #222!important;
}

table {
    font-size: 12pt;
    margin-top: 20px;
}
.bg-episode.active {
    background-color: #FBBEBE !important;
}


/*  표지 이미지  
.lazy{
    opacity: .8!important;
}
*/

.animation-badge {
    padding-top: 2px!important;
}

/* 표지 배경 */
.bg-default {
    background-color: #fff!important;
}

/*    업데이트 표시  */
.bg-update {
    background-color: #dc3545!important;
	font-size: 70%!important;
    line-height: 11px;
    margin-right: 3px !important;
}
/*  19 표시 */
.bg-danger {
    border-radius: 50%!important;
	padding: .40em .35em!important;
}

    /*   장르 */
.animation-tags .col span {
    /*    FONT-WEIGHT: 500; */
	opacity: .7!important;        
    background-color: #000!important;
    padding: 3px 2px!important;
    font-weight: 700!important;
    font-size: 70%!important;
    color: #f8f9fa!important;
	overflow: hidden!important;
}
.text-truncate {
    font-size: 14px!important;
}
.animation-desc {
    font-size: 12px!important;
}

/* 카드 제목 색*/
.text-default {
    color: #222d!important;
}

/* 애니 종류, 연도*/
.animation-type, .animation-year {
font-size: 12px!important;
color: #0179B8!important;
}
/* 플레이어 위 공지*/
.announ {
    background: #fff3cd;
    color: #856404;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 1rem;
	margin-top: 1rem;
    box-shadow: 1px 3px 8px rgb(49 49 49 / 10%);
    overflow: hidden;
    padding: 15px;
    line-height: 21px;
}

.announ2 {
    background: #fcc;
	text-align: center!important;
}
/* footer*/
.footer {
background-color: #dd3333 !important;
color: #fff !important;
}

.block {
	margin-top : 2rem;
    margin-bottom: 1.75rem;
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(219 226 239 / 50%), 0 1px 2px rgb(219 226 239 / 50%);
}
.block.block-rounded>.block-header, .block.block-rounded>.nav-tabs {
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
}
.block-header-default {
    background-color: #f8f9fc;
}
.block-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.25rem;
    transition: opacity .25s ease-out;
}
.block.block-rounded {
    border-radius: .25rem;
}
.block.block-rounded>.block-header, .block.block-rounded>.nav-tabs {
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
}
.block-header-default {
    background-color: #f8f9fc;
}
.block-header-default {
    background-color: #f8f9fc;
}
.block-content {
    transition: opacity .25s ease-out;
    width: 100%;
    margin: 0 auto;
    padding: 1.25rem 1.25rem 1px;
    overflow-x: visible;
	background-color: #fff3cd;
}

.goog-left {
max-width: 286px !important;
max-height: 300px !important;
}

.goog-list {
max-width: 900px !important;
max-height: 200px !important;
padding:0px !important; 
}

.google-topm {
	margin: 0  !important;
	width: 320px !important;
	height: 100px !important;
}

#exon {
    border: 0!important;
    padding: 10px 0!important;
	margin: 0;
    text-align: center;
	height : 120px;
}
.googlemain-top { width : 320px; height : 100px; margin:0 auto; }
@media(min-width: 500px) { 
	.googlemain-top { width: 468px; height: 60px; }
	#exon { height: 80px; }
}
@media(min-width: 768px) { 
	.googlemain-top { width: 728px; height: 90px; } 
	#exon { height: 110px; }
}
.googlewiew-bot { width : 320px; height : 100px; margin:0 auto; }
@media(min-width: 500px) { 
	.googlewiew-bot { width: 468px; height: 60px; }
	
}
@media(min-width: 800px) { 
	.googlewiew-bot { width: 728px; height: 90px; } 
}


/*  뷰페이지 오른쪽 300픽셀 고정  */
@media (min-width: 1200px) {
	.d-xl-block {
		display: block!important;
		/* padding: 0; */
		width: 312px !important;
	}
}

/*  겔럭시 폴드 width=280px 에서 메뉴 안깨지게  */
.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .25rem !important;
}

.ggas {
padding-bottom: 6px;
}
/* ---- 원본: assets/css/aniwolf-fluid-v4.css ---- */
/*
 * [2026-11-05 두목님 지시] 화면 크기를 바꿀 때 애니위크·애니24처럼 매끄럽게.
 * 옛 Bootstrap .container 는 폭이 540·720·960·1140px 단계로만 바뀌어 창을 줄이면 뚝뚝 끊겼다(600~740px 에서 540px 고정 → 800px 에서 720px).
 * 애니위크 본문 틀(aw-wrap-1200)처럼 1200px 까지 화면 폭을 그대로 따라가게 한다.
 * 한 줄 카드 수도 애니위크 실측과 같게: 500px 미만 2 · 500~767 3 · 768~991 4 · 992 이상 6.
 * 작품·회차 정보: 768px 미만에서 표지가 한 줄 전체(col-12)로 커지던 것을 애니위크처럼 300×400 가운데 고정, 단추·정보표는 그 아래.
 * 옛 파일(bootstrap·aniwolf.css)은 그대로 두고 여기서 덮는다.
 */
.container { max-width: 1200px !important; }

.animation-card { flex: 0 0 auto !important; width: 50% !important; }
@media (min-width: 500px) { .animation-card { width: 33.3333% !important; } }
@media (min-width: 768px) { .animation-card { width: 25% !important; } }
@media (min-width: 992px) { .animation-card { width: 16.6667% !important; } }

@media (max-width: 767.98px) {
    /* [2026-11-05 두목님 지시] 좁은 화면 작품 정보는 애니위크와 같게(실측): 표지 300×400 가운데 고정(화면 따라 커지지 않음),
       그 아래 15px 띄워 한 줄 전체 북마크 단추(높이 30·12px), 그 아래 정보표. 옛 것은 단추가 표지 위에 겹쳐 있었다. */
    .detail-description .row > .animation-image.col-12 { display: flex; flex-direction: column; align-items: center; }
    .detail-description .animation-image > img { order: 0; width: 300px; max-width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; }
    .detail-description .animation-image > .row.position-absolute { order: 1; position: static !important; width: 100% !important; margin: 15px 0 0; }
    .detail-description .animation-image > .row.position-absolute > .col { padding: 0 !important; }
    .detail-description #bookmark-button { display: block; width: 100%; height: 30px; padding: 0 8px; font-size: 12px; line-height: 30px; border-radius: 0; }
    .detail-description .animation-image + .col-12 { margin-top: 32px; }
    .detail-description table { margin-top: 0; font-size: 14px; }
    .detail-description table td:first-child { width: 6em; white-space: nowrap; vertical-align: top; }
}

@media (min-width: 768px) {
    /* [2026-11-05] 768px 이상도 표지 칸을 300px 고정(애니위크 실측 300×400) — 767↔768 에서 300→227px 로 뛰지 않게, 정보표는 나머지 폭. 단추는 옛 모양대로 표지 위 아래쪽. */
    .detail-description .row > .animation-image.col-md-4 { flex: 0 0 auto; width: 324px; position: relative; }
    .detail-description .animation-image > img { width: 300px; height: 400px; object-fit: cover; }
    .detail-description .row > .animation-image.col-md-4 + .col-md-8 { flex: 1 1 0; width: auto; min-width: 0; }
}

/* ---- 원본: assets/css/aniwolf-ui-v2.css ---- */
/*
 * [2026-11-05 두목님 지시] 옛 애니울프 머리에 더한 것(커뮤니티·추천사이트 펼침·로그인·서랍)과 서랍 모양.
 * 색은 옛 머리와 같은 빨강 #dd3333 · 검색 단추 #962323. 다크는 aniwolf-dark 와 같은 #161823 계열.
 */
/* 위 메뉴는 992px 부터, 그 아래는 옛 작은 단추 줄(옛 것은 768px 에서 바뀌었다 — 메뉴가 늘어 넘친다) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .container.navbar-small { display: block !important; }
}
.aw-head .container { flex-wrap: nowrap; }
.aw-head-right { gap: 10px; margin-left: auto; }
.aw-login {
    color: #fff !important; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap;
    padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .55); border-radius: .25rem;
}
.aw-login:hover { background: rgba(0, 0, 0, .12); }
.aw-burger {
    color: #fff; background: transparent; border: 0; font-size: 20px; line-height: 1; padding: 6px 4px; cursor: pointer;
}

/* 추천사이트 펼침 */
.aw-dd { position: relative; }
.aw-dd-menu {
    display: none; position: absolute; top: 100%; left: 8px; z-index: 1050; min-width: 150px; margin: 6px 0 0; padding: 6px 0;
    list-style: none; background: #fff; border: 1px solid #ddd; border-radius: .25rem; box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
}
.aw-dd.open .aw-dd-menu { display: block; }
.aw-dd-menu a { display: block; padding: 7px 16px; color: #222 !important; font-size: 14px; text-decoration: none; white-space: nowrap; }
.aw-dd-menu a:hover { background: #f3f4f7; color: #dd3333 !important; }

html[data-theme="dark"] .aw-dd-menu { background: #161823; border-color: #3a3f50; }
html[data-theme="dark"] .aw-dd-menu a { color: #e4e6eb !important; }
html[data-theme="dark"] .aw-dd-menu a:hover { background: #313745; }