@charset "utf-8";

/* 2. 관리자 버튼 컨테이너 - z-index를 최상단급으로 올림 */
.admin_write_btn_wrap {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999 !important; /* 다른 요소보다 무조건 위에 */
    display: block !important; /* 안 보일 경우를 대비해 강제 표시 */
}

/* 3. 글쓰기 버튼 디자인 (기존 유지하되 가독성 보강) */
.admin_write_btn {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: rgba(0, 0, 0, 0.75); 
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
    white-space: nowrap;
}

.admin_write_btn:hover {
    background: #000;
    border-color: #fff;
    transform: scale(1.05);
}

                    /* Hero Slider */
    
        .cb_hero_visual { 
    position: relative; 
    height: 500px; 
    display: flex; 
    align-items: center; 
    margin-bottom: 50px; /* 하단 여백 추가 */
}
        .cb_hero_slider_container { 
            position: relative; 
            width: 100%; 
            height: 100%; 
            border-radius: 40px 40px 40px 120px; 
            overflow: hidden; 
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
        }
        .cb_hero_slide { 
            position: absolute; 
            inset: 0; 
            opacity: 0; 
            transition: opacity 0.8s ease-in-out; 
            z-index: 1; 
        }
        .cb_hero_slide.active { opacity: 1; z-index: 2; }
        .cb_hero_slide img { width: 100%; height: 100%; object-fit: cover; }
        
        .cb_hero_slider_info {
            position: absolute;
            bottom: 30px;
            left: 30px;
            z-index: 10;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            padding: 20px 30px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        }
        .cb_hero_slider_info .num { font-size: 32px; font-weight: 800; color: #1e293b; line-height: 1; }
       /* 게시물 제목이 길 경우 대비 */
.cb_hero_slider_info .label { 
    font-size: 18px; /* 조금 더 크게 */
    font-weight: 700; 
    color: #1e293b; 
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
        .cb_hero_indicators {
            position: absolute;
            right: -60px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 40px;
            z-index: 5;
        }
        .cb_indicator_item {
            display: flex;
            align-items: center;
            gap: 15px;
            cursor: pointer;
            transition: all 0.3s;
            opacity: 0.3;
        }
        .cb_indicator_item.active { opacity: 1; }
        .cb_indicator_item .idx { font-size: 24px; font-weight: 800; color: #1e293b; }
        .cb_indicator_item .text { 
            font-size: 8px; 
            font-weight: 700; 
            color: #94a3b8; 
            text-transform: uppercase; 
            writing-mode: vertical-rl; 
            transform: rotate(180deg);
            white-space: nowrap;
        }
        .cb_indicator_item .arrow { opacity: 0; transition: 0.3s; }
        .cb_indicator_item.active .arrow { opacity: 1; }



         @media (max-width: 1024px) { 
          
            .cb_hero_visual { width: 100%; height: 400px; max-width: 500px; margin: 0 auto; order: 0; }
             .cb_hero_indicators { display: none; }
         }

          @media (max-width: 768px) {
            .cb_hero_slider_info {padding: 10px 20px;}
            .cb_hero_slider_info .num { font-size: 16px;}
            .cb_hero_slider_info .label {font-size: 14px;}
            .cb_hero_visual { width: 100%; height: 300px; max-width: 100%; order: 0; }
            .cb_hero_indicators { display: none; }
            .cb_hero_slider_container { border-radius: 30px 30px 30px 80px; }}


/* 최근게시물 스킨 (latest) */
.lt {position:relative;margin:10px 0;background:#fff}
.lt .lt_title {display:block;font-size:1.3em;padding:15px 15px 0;line-height:24px;background:#fff}
.lt ul {list-style:none;padding:0 15px;background:#fff;border-bottom:1px solid #e5ecee}
.lt ul li {padding:15px 0;border-bottom:1px solid #e5ecee}
.lt ul li:last-child {border-bottom:0}
.lt ul li:after {display:block;visibility:hidden;clear:both;content:""}
.lt ul li:hover a.lt_tit {color:#3a8afd}
.lt .lt_thumb {display:inline-block;float:left;margin-right:10px}
.lt .lt_thumb img, .lt .lt_thumb video {width:138px !important;height:auto;overflow:hidden}
.lt .lt_tit {display:block;font-size:1.2em;font-weight:bold;max-height:60px;overflow:hidden;padding-bottom:10px}
.lt .lt_info {display:inline-block;position:relative;line-height:20px;color:#828282;font-size:0.925em;vertical-align:top}
.lt .lt_date {color:#828282}
.lt .latest-sel{margin-top:1px}

.lt .lt_more {position:absolute;top:15px;right:15px;color:#3a8afd;background:#fff;border:1px solid #d1d7e5;font-size:0.925em;border-radius:3px;padding:4px 5px;z-index:1}
.lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

.lt .profile_img img {border-radius:50%;vertical-align:top}
.lt li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
.lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lt li .fa-heart {color:#ff0000}
.lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.75em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lt .lt_tit .fa-heart {color:#fe4560;margin-left:5px}

.lt .comment_icon {background:url('./img/icon_comment.png') no-repeat 50% 50%;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
.lt .empty_li {text-align:center;padding:40px 0;color:#777}

.lt .owl-carousel .owl-item .profile_img img{width:auto;display:inline}

.tooltipster-content .sv a{display:block;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb}
.tooltipster-content .sv a:hover{background:#000;color:#fff}
.tooltipster-sidetip.tooltipster-sir .tooltipster-content{padding:0}
.tooltipster-sidetip.tooltipster-sir .tooltipster-box{border:0 none;background:#333;border-radius:0}
.tooltipster-sidetip.tooltipster-sir.tooltipster-bottom .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-sir.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#333}

.lt_page {background:#fff;text-align:center;padding:10px 15px;line-height:25px;border-bottom:1px solid #e5ecee}
.lt_page button {display:inline-block;background:#fff;width:25px;height:25px;border:1px solid #dbdee6;text-align:center;color:#cdcdce}
.lt_page span {color:#6e6e6e}
.lt_page b {color:#000}
.lt_page_prev {float:left}
.lt_page_next {float:right}