@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

:root{
	--bs-semiwhite-rgb :238, 238, 238;
	--bs-teal-rgb :3, 123, 148;

	--bs-font-sans-serif: 'Paperozi', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}
.bg-mega{
	color:#fff;
	background: linear-gradient(90deg, #fff 0%, #e91e63 75%, #9c27b0 100%);
	background-size: 200% auto;
    background-position: 100% center;
    transition: all 1s ease;
}
.bg-mega:hover{
	color:#fff;
	background-position: -101% center;
}
button.bg-mega{
	border:0px solid transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.fs-small{font-size:0.75em !important;}
.fs-semismall{font-size:0.90em !important;}

.fs-em-100{font-size:1.00em !important;}
.fs-em-125{font-size:1.25em !important;}
.fs-em-150{font-size:1.50em !important;}
.fs-em-175{font-size:1.75em !important;}
.fs-em-200{font-size:2.00em !important;}
.fs-em-225{font-size:2.25em !important;}
.fs-em-250{font-size:2.50em !important;}
.fs-em-275{font-size:2.75em !important;}
.fs-em-300{font-size:3.00em !important;}
.fs-em-325{font-size:3.25em !important;}
.fs-em-350{font-size:3.50em !important;}
.fs-em-375{font-size:3.75em !important;}
.fs-em-400{font-size:4.00em !important;}
.fs-em-425{font-size:4.25em !important;}
.fs-em-450{font-size:4.50em !important;}
.fs-em-475{font-size:4.75em !important;}
.fs-em-500{font-size:5.00em !important;}

@media (min-width: 992px) {
	
	.fs-lg-small{font-size:0.75em !important;}
	.fs-lg-semismall{font-size:0.90em !important;}
	.fs-lg-em-100{font-size:1.00em !important;}
	.fs-lg-em-125{font-size:1.25em !important;}
	.fs-lg-em-150{font-size:1.50em !important;}
	.fs-lg-em-175{font-size:1.75em !important;}
	.fs-lg-em-200{font-size:2.00em !important;}
	.fs-lg-em-225{font-size:2.25em !important;}
	.fs-lg-em-250{font-size:2.50em !important;}
	.fs-lg-em-275{font-size:2.75em !important;}
	.fs-lg-em-300{font-size:3.00em !important;}
	.fs-lg-em-325{font-size:3.25em !important;}
	.fs-lg-em-350{font-size:3.50em !important;}
	.fs-lg-em-375{font-size:3.75em !important;}
	.fs-lg-em-400{font-size:4.00em !important;}
	.fs-lg-em-425{font-size:4.25em !important;}
	.fs-lg-em-450{font-size:4.50em !important;}
	.fs-lg-em-475{font-size:4.75em !important;}
	.fs-lg-em-500{font-size:5.00em !important;}

}

.text-semiwhite {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-semiwhite-rgb), var(--bs-text-opacity)) !important;
}

.b-btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-red {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-teal {
    --bs-btn-color: #fff;
    --bs-btn-bg: #037b94;
    --bs-btn-border-color: #037b94;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #036c82;
    --bs-btn-hover-border-color: #036c82;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #036c82;
    --bs-btn-active-border-color: #036c82;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #037b94;
    --bs-btn-disabled-border-color: #037b94;
}


.max-width-px-100{max-width:100px;width:100%;}
.max-width-px-150{max-width:150px;width:100%;}
.max-width-px-200{max-width:200px;width:100%;}
.max-width-px-250{max-width:250px;width:100%;}
.max-width-px-300{max-width:300px;width:100%;}
.max-width-px-350{max-width:350px;width:100%;}
.max-width-px-400{max-width:400px;width:100%;}
.max-width-px-450{max-width:450px;width:100%;}
.max-width-px-500{max-width:500px;width:100%;}


/* SM */
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 98%;
  }
}

/* MD */ 
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 98%;
  }
}
/* LG */
@media (min-width: 992px) {
	.container-lg, .container-md, .container-sm, .container { max-width: 985px;}

	.width-lg-px-500{width:500px;}
	.max-width-lg-px-100{max-width:100px;width:100%;}
	.max-width-lg-px-150{max-width:150px;width:100%;}
	.max-width-lg-px-200{max-width:200px;width:100%;}
	.max-width-lg-px-250{max-width:250px;width:100%;}
	.max-width-lg-px-300{max-width:300px;width:100%;}
	.max-width-lg-px-350{max-width:350px;width:100%;}
	.max-width-lg-px-400{max-width:400px;width:100%;}
	.max-width-lg-px-450{max-width:450px;width:100%;}
	.max-width-lg-px-500{max-width:500px;width:100%;}
}
/* XL */
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1180px;
  }
}

/* XXL */
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1380px;
  }
}



.offcanvas-header .btn-close{
	background:transparent;
	opacity:1;
}
.text-over{
	white-space: nowrap;        
	overflow: hidden;           
	text-overflow: ellipsis;
}

.top-rank-wrap{
	position:relative;	
	padding-top:50px;
}

.top-rank-wrap::before{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:1px;
	left:0; top:5px;
	background-color: #444;

}

.index-banner-wrap{
    /* background: linear-gradient(181deg, #bf1b20, #000); */
	background:linear-gradient( 
		181deg,
		rgba(191,27,32,0.85) 0%,
		rgba(191,27,32,0.6) 30%,
		rgba(0,0,0,0.9) 68%,
		#000 92%
	);
}

/* ================= °øÅë ================= */
.mySwiper1{overflow: visible; }
.mySwiper1 .swiper-wrapper {overflow: visible;}
.movie-slide {
    position: relative;
}
.mySwiper1 .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.75;
	transition: opacity 0.35s ease;
}

.mySwiper1.swiper{
	overflow: visible;
}

.movie-slide .imgs img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}

.movie-slide ul {
    padding: 10px 0;
    list-style: none;
}

.movie-slide .subject {
    font-size: 4em;
    font-weight: bold;
}

.movie-slide .eng {
    font-size: 1.5em;
	font-weight:400;
    color: #eee;
}

.movie-slide .info {
	position:relative;
	margin-top:5%;
	padding-top:5%;
    font-size: 1.2em;
	font-weight:400;
    color: #aaa;
}

.movie-slide .info::before{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:2px;
	background-color:rgba(255,255,255,0.1);
	top:0px;
	left:0px;

}

.movie-slide .button {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 14px;
	/*
    background: #ff2f6e;
	color: #fff;
	*/
    
    border-radius: 20px;
    text-decoration: none;
}

/* ================= ¸ð¹ÙÀÏ Àü¿ë ================= */
@media (max-width: 992px) {

    .movie-slide {
        background-image: var(--bg);
        background-size: cover;
        background-position: center;
        min-height: 75vh;

        display: flex;
        align-items: flex-end;
        padding: 16px;
    }

    /* ¿ÞÂÊ Æ÷½ºÅÍ ¼û±è */

    /* Á¤º¸ ¿µ¿ª ÀüüÆø */
    .movie-slide .col-6.d-flex {
        width: 100%;
        max-width: 100%;
        z-index: 2;
    }

    /* ¾îµÎ¿î ¿À¹ö·¹ÀÌ */
    .movie-slide::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
            to top,
            rgba(0,0,0,0.85),
            rgba(0,0,0,0.3),
            rgba(0,0,0,0.1)
        );
        z-index: 1;
    }

    /* Á¤º¸ Ä«µå */
    .movie-slide ul {
        position: relative;
        z-index: 2;
        background: rgba(0,0,0,0.55);
        padding: 16px;
        border-radius: 14px;
    }

    .movie-slide .subject p { font-size: 2.2rem; line-height: 1.1; }

	.movie-slide .eng {font-size:1.5em;}
	
	.movie-slide .info{margin-top:0;}
    .movie-slide .info p { font-size: 0.95rem; line-height: 1.4; }

    /* ¹öÆ° ÇÏ´Ü °íÁ¤ ´À³¦ */
    .movie-slide .button {
        width: 100%;
        text-align: center;
        padding: 12px 0;
        font-size: 1.05rem;
    }
}


.li-split{}

.li-split li{position:relative;}
.li-split li:nth-child(n)::after{
	content:"";
	position:absolute;
	display:block;
	width:2px;
	top:1.25em;
	bottom:1.25em;
	right:-1px;
	background-color:rgba(255,255,255,.5);
}

.li-split li:last-child::after{
	content:"";
	width:0px;
}



.sub-visual-bg {
	position: relative;
    background-image: url('/theme/new03/img/bg-sub-visual00.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#bo_list table.bg-black tbody tr:hover{
	border-left-width: 0px;
}

.tbl_head01 table.bg-black tbody tr:hover td {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.theme-black *:not(div, a, i, iframe), .theme-black button, .theme-black .btn{
	--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
	color:#fff;
}
.theme-black table thead tr, .theme-black table thead tr th{
	--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.theme-black a:not(.b-btn){
	color:#fff !important;
}
.inner-white *{color:#fff !important;}

.theme-black .form-floating>label{
	background-color:transparent;
}
.theme-black *.input-group-text, .theme-black input{
	position: relative;
    border: 1px solid #555;
    color: #888;
}
.theme-black *.input-group-text, .theme-black th{
	background-color: #333 !important;
}

.theme-black *::placeholder, .theme-black .form-control::placeholder, .theme-black .form-check-input:focus, .theme-black .form-control:focus{
	color: #aaa;
}

.dark-box{
	color: #aaa;
	border: solid 1px #444;
    background-color: #222;
}

.dark-box *{
    color: #aaa;
}


.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg);
}


.input-group-xl > .form-control,
.input-group-xl > .form-select,
.input-group-xl > .input-group-text,
.input-group-xl > .btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.btn-xl {
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-padding-x: 1.25rem;
}



.w-1 {width:  1% !important;}
.w-2 {width:  2% !important;}
.w-3 {width:  3% !important;}
.w-4 {width:  4% !important;}
.w-5 {width:  5% !important;}
.w-6 {width:  6% !important;}
.w-7 {width:  7% !important;}
.w-8 {width:  8% !important;}
.w-9 {width:  9% !important;}
.w-10{width: 10% !important;}
.w-15{width: 15% !important;}
.w-20{width: 20% !important;}

.min-px-w-100 { min-width: 100px !important; }
.min-px-w-125 { min-width: 125px !important; }
.min-px-w-130 { min-width: 130px !important; }
.min-px-w-150 { min-width: 150px !important; }
.min-px-w-175 { min-width: 175px !important; }
.min-px-w-200 { min-width: 200px !important; }


@media (min-width: 992px) {
	.w-lg-1 {width:  1% !important;}
	.w-lg-2 {width:  2% !important;}
	.w-lg-3 {width:  3% !important;}
	.w-lg-4 {width:  4% !important;}
	.w-lg-5 {width:  5% !important;}
	.w-lg-6 {width:  6% !important;}
	.w-lg-7 {width:  7% !important;}
	.w-lg-8 {width:  8% !important;}
	.w-lg-9 {width:  9% !important;}
	.w-lg-10{width: 10% !important;}
	.w-lg-15{width: 15% !important;}
	.w-lg-20{width: 20% !important;}
	.w-lg-30{width: 30% !important;}
	.w-lg-40{width: 40% !important;}

	.min-px-w-lg-100 { min-width: 100px !important; }
	.min-px-w-lg-125 { min-width: 125px !important; }
	.min-px-w-lg-130 { min-width: 130px !important; }
	.min-px-w-lg-150 { min-width: 150px !important; }
	.min-px-w-lg-175 { min-width: 175px !important; }
	.min-px-w-lg-200 { min-width: 200px !important; }
	.min-px-w-lg-250 { min-width: 250px !important; }
	.min-px-w-lg-275 { min-width: 275px !important; }
	.min-px-w-lg-300 { min-width: 300px !important; }
	.min-px-w-lg-350 { min-width: 350px !important; }

}


/* ¿µÈ­ ±×¸®µå */
.movie-card {
	border-radius: 12px;
	overflow: hidden;
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
}

.movie-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 10px 30px rgba(233, 30, 99, 0.3);
}

.movie-poster {
	width: 100%;
	padding-top: 142.9%;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	position: relative;
}

.movie-rank {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color:#fff;
	font-style: italic;
}

.movie-info {}

.movie-title {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.movie-meta {
	display: flex;
	gap: 1rem;
	margin-top: 1rem;
}

.like-btn, .bg-mega {
	flex: 1;
	padding: 0.8rem;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font-weight: bold;
	transition: all 0.3s;
}

.like-btn {
	background: #000;
	color: #fff;
	border:1px solid #666;
}

/* ¹ÝÀÀÇü */
@media (max-width: 768px) {
	.banner-title {
		font-size: 2.5rem;
	}
}