.elementor-17 .elementor-element.elementor-element-00777d2{--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-17 .elementor-element.elementor-element-00777d2:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-00777d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-00777d2::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .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-17 .elementor-element.elementor-element-d956597{--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-17 .elementor-element.elementor-element-d1453c2{--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-17 .elementor-element.elementor-element-7bcf1ae .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-17 .elementor-element.elementor-element-75cf9fb{--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-17 .elementor-element.elementor-element-456f616{--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-17 .elementor-element.elementor-element-148af5a.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-148af5a .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-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-17 .elementor-element.elementor-element-83715da{--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-17 .elementor-element.elementor-element-83715da .elementor-divider-separator{width:30px;}.elementor-17 .elementor-element.elementor-element-83715da .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-17 .elementor-element.elementor-element-adbb5e7.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-adbb5e7 .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-17 .elementor-element.elementor-element-6287c49{--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-17 .elementor-element.elementor-element-6287c49 .elementor-divider-separator{width:30px;}.elementor-17 .elementor-element.elementor-element-6287c49 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-17 .elementor-element.elementor-element-bd87b2e.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-bd87b2e .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-17 .elementor-element.elementor-element-f4f3b9c{--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-17 .elementor-element.elementor-element-d956597{--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-17 .elementor-element.elementor-element-d1453c2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-456f616{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-148af5a .elementor-heading-title{font-size:16px;}.elementor-17 .elementor-element.elementor-element-adbb5e7 .elementor-heading-title{font-size:16px;}.elementor-17 .elementor-element.elementor-element-bd87b2e .elementor-heading-title{font-size:16px;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-d956597{--width:1200px;}.elementor-17 .elementor-element.elementor-element-d1453c2{--content-width:1350px;}.elementor-17 .elementor-element.elementor-element-f4f3b9c{--content-width:1200px;}}@media(min-width:1025px){.elementor-17 .elementor-element.elementor-element-00777d2::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-00777d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-e4bc897 *//* 전체 컨테이너 */
.content-container {
    width: 1200px;
    margin: 30px auto;
    padding: 0 15px;
}

/* 메인 타이틀 */
.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축, 흐림 정도, 색상 */
}


.info-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;
}

/* === 여기부터 호버 효과 === */
.info-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 350px;
    display: flex;
    align-items: center;
}

/* 이미지 래퍼 (비율 고정 및 오버플로우 처리) */
.image-wrapper {
    width: 200px;
    height: 150px;
    overflow: hidden; /* 이 상자 밖으로 나가는 이미지는 숨김 */
    border-radius: 8px;
    flex-shrink: 0;
}

/* 실제 이미지 IMG 태그 */
/* 실제 이미지 IMG 태그 */
.info-image {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover !important; /* 이 부분을 추가합니다 */
}

.info-name {
    font-size: 1.1em;
    font-weight: bold;
    color: #2c3e50;
    line-height: 1.4;
    margin-left: 15px;
}

/* 열 2: 난이도 */
.col-status {
    flex: 0.3;
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.6;
    padding: 0 20px;
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    color: #f39c12;
}

/* 열 2: "난이도" 라벨 추가 */
.col-status::before {
    content: "난이도";
    display: block;
    font-weight: bold;
    color: #34495e;
    margin-bottom: 8px;
    font-size: 0.9em;
}

/* 열 3: 설명 + 드랍 아이템 */
.col-details {
    flex: 1.5;
    padding-left: 20px;
    word-break: keep-all;
}

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

.col-details .drops {
    border-top: 1px solid #e9ecef;
    padding-top: 8px;
    margin-top: 8px;
}

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


/* 반응형 스타일 (모바일 화면) */
@media (max-width: 768px) {
    .info-card {
        flex-direction: column;
        align-items: flex-start;
    }
    
    
    .content-container {
    width: 90% !important;
    margin: 30px auto;
    padding: 0 15px;
    box-sizing: border-box; /* 이 줄을 추가하세요 */
}

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

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

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

    .col-status {
        border-top: 1px solid #e9ecef;
        border-bottom: 1px solid #e9ecef;
    }
    
    .col-status::before{
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0;
    }

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