.elementor-21 .elementor-element.elementor-element-c20bad0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.62;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-c20bad0:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-c20bad0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-c20bad0::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("http://xn--bb0b44mxrgn4e.xn--3e0b707e/wp-content/uploads/2025/09/자산-2250905-scaled.webp");--background-overlay:'';background-position:center center;}.elementor-21 .elementor-element.elementor-element-4d39492{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-21 .elementor-element.elementor-element-a879d2c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-9e8ab0f .elementor-heading-title{font-family:"Sunflower", Sans-serif;font-size:40px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-630ceca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-e728305{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-4858880.elementor-element{--align-self:center;}.elementor-21 .elementor-element.elementor-element-4858880 .elementor-heading-title{font-family:"Sunflower", Sans-serif;font-size:20px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#A2A2A2;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-2286979{--divider-border-style:solid;--divider-color:#B3B3B3;--divider-border-width:1px;width:var( --container-widget-width, 20px );max-width:20px;--e-transform-rotateZ:90deg;--container-widget-width:20px;--container-widget-flex-grow:0;}.elementor-21 .elementor-element.elementor-element-2286979 .elementor-divider-separator{width:30px;}.elementor-21 .elementor-element.elementor-element-2286979 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-21 .elementor-element.elementor-element-b7d8410.elementor-element{--align-self:center;}.elementor-21 .elementor-element.elementor-element-b7d8410 .elementor-heading-title{font-family:"Sunflower", Sans-serif;font-size:20px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#A2A2A2;}.elementor-21 .elementor-element.elementor-element-ab34e87{--divider-border-style:solid;--divider-color:#B3B3B3;--divider-border-width:1px;width:var( --container-widget-width, 20px );max-width:20px;--e-transform-rotateZ:90deg;--container-widget-width:20px;--container-widget-flex-grow:0;}.elementor-21 .elementor-element.elementor-element-ab34e87 .elementor-divider-separator{width:30px;}.elementor-21 .elementor-element.elementor-element-ab34e87 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-21 .elementor-element.elementor-element-a0865b7.elementor-element{--align-self:center;}.elementor-21 .elementor-element.elementor-element-a0865b7 .elementor-heading-title{font-family:"Sunflower", Sans-serif;font-size:20px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-f674ac1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-4d39492{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-21 .elementor-element.elementor-element-a879d2c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-e728305{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-4858880 .elementor-heading-title{font-size:16px;}.elementor-21 .elementor-element.elementor-element-b7d8410 .elementor-heading-title{font-size:16px;}.elementor-21 .elementor-element.elementor-element-a0865b7 .elementor-heading-title{font-size:16px;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-4d39492{--width:1200px;}.elementor-21 .elementor-element.elementor-element-a879d2c{--content-width:1350px;}.elementor-21 .elementor-element.elementor-element-f674ac1{--content-width:1400px;}}@media(min-width:1025px){.elementor-21 .elementor-element.elementor-element-c20bad0::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-c20bad0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-f864026 */.boss-container {
    width: 1200px !important;
    margin: 30px auto;
    padding: 0 15px;
    box-sizing: border-box; /* 이 줄을 추가하세요 */
}

.main-title {
    font-size: 2.2rem;
    color: #fff;
    margin-bottom: 25px;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* 그림자 추가: x축, y축, 흐림 정도, 색상 */
}

/* 개별 보스 카드 (Flexbox 컨테이너) */
.boss-card {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}



/* === 여기부터 호버 효과 === */
.boss-card:hover {
    transform: translateY(-5px); /* 위로 살짝 이동 */
    border-color: #FDD835; /* 메인 컬러로 테두리 변경 */
    /* 메인 컬러를 은은하게 포함한 그림자 효과 */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 0 10px rgba(253, 216, 53, 0.4);
}
/* === 호버 효과 끝 === */


/* 1번 열: 이미지 + 이름 */
.col-profile {
    flex: 0 0 300px; /* 너비 240px 고정 */
    display: flex;
    flex-direction: row; /* 가로 방향으로 변경 */
    align-items: center; /* 세로 중앙 정렬 */
}

.boss-image {
    width: 150px;
    height: 150px;
    object-fit: contain;
    border-radius: 8px;
    background-color: #000;
    flex-shrink: 0; /* 이미지 크기 줄어들지 않도록 설정 */
}

.boss-name {
    font-size: 1.1em;
    font-weight: bold;
    color: #2c3e50;
    line-height: 1.4;
    margin-left: 15px; /* 이미지와의 간격 */
    text-align: left;
}

/* 2번 열: 출현 시간 */
.col-time {
    flex: 0.3; /* 가변 너비 */
    text-align: center;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.6;
    padding: 0 20px;
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
}

/* 2번 열: 출현 시간 라벨 추가 */
.col-time::before {
    content: "출현 시간";
    display: block;
    font-weight: bold;
    color: #34495e;
    margin-bottom: 8px;
    font-size: 0.9em;
}

/* 3번 열: 출현 지역 + 드랍템 */
.col-details {
    flex: 2; /* 시간 열보다 2배 넓게 */
    padding-left: 20px;
}

.col-details p {
    margin: 8px 0;
    line-height: 1.6;
    font-size: 0.95em;
}


.label {
    font-weight: bold;
    color: #34495e;
    display: block;
    margin-bottom: 4px;
}








/* 반응형 스타일 (모바일 화면) */
@media (max-width: 600px) {
    .boss-card {
        flex-direction: column;
        align-items: flex-start;
    }

.boss-container {
    width: 90% !important;
    margin: 30px auto;
    padding: 0 15px;
    box-sizing: border-box; /* 이 줄을 추가하세요 */
}

    .col-profile {
        width: 100%;
        margin-bottom: 10px;
         flex-basis: auto;
    }

    .boss-image {
        width: 80px;
        height: 80px;
    }

    .col-time, .col-details {
        width: 100%;
        border: none;
        padding: 10px 0;
       
        text-align: left;
    }


    
           .col-time {
        
                    border-top: 1px solid #e9ecef;
        border-bottom: 1px solid #e9ecef;
                flex-wrap: wrap; /* 시간이 많을 경우 줄바꿈 허용 */
                justify-content: flex-start; /* 왼쪽 정렬 */
                align-items: center;
               
            }

            /* 데스크탑에서 사용된 <br> 태그는 모바일에서 숨김 */
            .col-time br {
                display: none;
            }

            /* 마지막 시간을 제외한 모든 시간 뒤에 '/' 구분 기호 추가 */
            .col-time span:not(:last-child)::after {
                content: "/";
                margin: 0.1em; /* 구분 기호 왼쪽에 여백 추가 */
                font-weight: normal;
                color: #6c757d;
            }




    .col-details {
        padding-left: 0;
    }
    
    .label {
        display: inline-block;
        width: 110px;
        margin-bottom: 0;
    }
    
    .col-details .drops .label {
        display: block;
        margin-bottom: 4px;
    }
}/* End custom CSS */