.queue-box {
    border-radius: 10px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    padding: 20px;
    background-color: #fff;
}

.queue-box h5 {
    font-weight: bold;
    font-size: 20px;
}

.queue-box small {
    font-size: 14px;
    color: #888;
}

.queue-box .btn {
    font-size: 14px;
    margin-right: 5px;
}

.queue-box .btn-sm {
    padding: 8px 12px;
}

.queue-box .badge {
    padding: 5px 10px;
    font-size: 12px;
}

.queue-box-top
{
    height: 15px;
    width: 100%;
    position: absolute;
    top: 0; left: 0; border-top-left-radius: 5px; border-top-right-radius: 5px;


}


.custom-radio-btn {
    padding: 5px 15px; /* 높이 감소 */
    border-radius: 6px; /* 둥근 모서리 */
    font-weight: 500;
    font-size: 14px; /* 필요 시 글자 크기 조정 */
}

.custom-radio-btn:checked + label {
    background-color: #007bff;
    color: #fff;
}

.more > a {
    display: block;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #303030;
    position: relative;  /* 부모 기준 */
}

.more > a:before,
.more > a:after {
    content: "";
    position: absolute;
    background: #fff;
    transition: transform 0.3s ease-in-out; /* 부드러운 애니메이션 */
}

/* 세로선 ( | ) */
.more > a:before {
    width: 1px;
    height: 11px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 가로선 ( — ) */
.more > a:after {
    width: 11px;
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 마우스 올릴 때 + 회전 */
.more > a:hover:before,
.more > a:hover:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.ribbon {
    z-index: 10;
    position: absolute;
    top: 43px;
    left: -24px;
    background: #ff4757;
    color: #fff;
    padding: 5px 30px;
    font-size: 12px;
    font-weight: bold;
    transform: rotate(-45deg);
    transform-origin: left top;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

/* 카테고리별 배경색 */
.ribbon.박람회 {
    background: #ff4757;
}

/* 빨강 */
.ribbon.설명회 {
    background: #1e90ff;
}

/* 파랑 */
.ribbon.상담회 {
    background: #28a745;
}

/* 초록 */
/* 온라인/오프라인 배지 스타일 */
.badge {
    padding: 5px 8px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
}

.badge-online {
    background: #4CAF50;
}

/* 파란색 */
.badge-offline {
    background: #6c757d;
}

.btn-modern {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* 아이콘과 텍스트 간격 */
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #ffcc00, #ff9900); /* 최신 트렌드 그라데이션 */
    border: none;
    border-radius: 30px; /* 둥근 버튼 */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 10px rgba(255, 153, 0, 0.3);
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

/* 네온 효과 (빛이 지나가는 느낌) */
.btn-modern::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.4s ease-in-out;
}

.btn-modern:hover::before {
    left: 100%;
}

.btn-modern:hover {
    background: linear-gradient(135deg, #ff9900, #ff6600);
    box-shadow: 0px 6px 15px rgba(255, 102, 0, 0.4);
    transform: translateY(-2px);
}

.btn-modern:active {
    transform: scale(0.96);
}
.line-height-over {
    position: relative;
    bottom: -15px;
    display: block;
    margin: 0;
    width: 100%;
    height: 1px;
    background-color: #dde4ea;
    border: none;
    z-index: 1;
}
.fi-social-kakao:before {
    content: url(/img/icon_kakao.png);
}
.btn-apply {
    display: inline-block;
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #ffcc00, #ff9900); /* 최신 트렌드 그라데이션 */
    border: none;
    border-radius: 12px; /* 둥근 모서리 */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.btn-apply:hover {
    background: linear-gradient(135deg, #ff9900, #ff6600);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.btn-apply:active {
    transform: scale(0.98);
}
.btn-apply-neon {
    display: inline-block;
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #ffcc00;
    border: none;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(255, 200, 0, 0.4);
    transition: all 0.3s ease-in-out;
}

.btn-apply-neon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease-in-out;
}

.btn-apply-neon:hover::before {
    left: 100%;
}

.btn-apply-neon:active {
    transform: scale(0.98);
}
.btn-apply-glass {
    display: inline-block;
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: rgba(255, 255, 255, 0.2); /* 반투명 유리 효과 */
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.btn-apply-glass:hover {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(15px);
}
/* 🔵 검색 박스 스타일 */
.search-box {
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);

    transition: all 0.3s ease-in-out;
}

/* ✅ 체크박스 스타일 */
.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.custom-checkbox input {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #5A67D8;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.custom-checkbox input:checked {
    background-color: #5A67D8;
    border-color: #5A67D8;
}

.custom-checkbox input:checked::after {
    content: "✔";
    position: absolute;
    font-size: 12px;
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 📍 필터 항목 가상선 (중앙 정렬) */
.filter-box {
    position: relative;
}

.filter-divider {
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: #ddd;
}

.filter-box:first-child .filter-divider {
    display: none; /* 첫 번째 컬럼은 가상선 제거 */
}

/* 🔍 검색 입력 필드 스타일 */
.form-control {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 14px;
}

/* 🔘 검색 버튼 스타일 */
.btn_search {
    background-color: #5A67D8;
    border: none;
    font-weight: bold;
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease-in-out;
}

.btn_search:hover {
    background-color: #4C51BF;
}

/* 반응형 적용 */
@media (max-width: 768px) {
    .search-box {
        padding: 15px;
    }

    .custom-checkbox label {
        font-size: 14px;
    }

    .form-control {
        font-size: 13px;
        padding: 8px;
    }

    .btn_search {
        font-size: 13px;
        padding: 8px 12px;
    }

    /* 가상선 제거 */
    .filter-divider {
        display: none;
    }
}
.project-list, .project-list-ended {
    min-height: 300px; /* 기본 최소 높이 */
}

/* 모바일 화면 (최대 너비 768px 이하)에서는 최소 높이를 100px로 설정 */
@media (max-width: 768px) {
    .project-list, .project-list-ended {
        min-height: 100px;
    }
}
/* ✅ 로그인 버튼 스타일 */
.btn-modern {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 25px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(135deg, #ff9800, #ff5722);
    transition: all 0.3s ease-in-out;
}

.btn-modern:hover {
    background: linear-gradient(135deg, #ff5722, #ff9800);
    transform: scale(1.05);
}

/* ✅ 유저 아이콘 */
.profile-icon {
    width: 30px;
    height: 30px;
    background: #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ✅ 드롭다운 메뉴 스타일 */
.dropdown-menu {
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    animation: fadeIn 0.3s ease-in-out;
}

.dropdown-item {
    padding: 12px 20px;
    font-size: 14px;
    transition: background 0.3s ease-in-out;
}

.dropdown-item:hover {
    background: rgba(0, 0, 0, 0.05);
}

.dropdown-item i {
    font-size: 18px;
    color: #666;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}






/*250526 추가*/

/*예탁결제원 비쥬얼
.main_visual img{width:100%; max-width:100%;}
.main_visual{position:relative; width:100%; height:1080px; background-color:#385345;}
.main_visual .image{position:absolute; width:100%; height:inherit; left:50%; transform: translateX(-50%); top:0; max-width:1920px;}
.main_visual .image .inner{position:relative; width:100%; height:100%;}
.main_visual .image .bg{height:inherit; background:url('/img/ksd/visual_bg_1.jpg') no-repeat center center / cover;}
.main_visual .image .character{position:absolute; width:824px; left:50%; transform: translateX(-50%); bottom:112px;}
.main_visual .visual_logo{position:absolute; top:40px; right:40px; width:100px;}
.main_visual .text{position:absolute; width:1000px; top:60px; left:50%; transform: translateX(-50%);}
.main_visual .text .m_img{display:none;}
@media all and (min-width:1921px){
    .main_visual .visual_logo{left:50%; margin-left:800px;}
}
@media all and (max-width:1200px){
    .main_visual{height:900px;}
    .main_visual .image .character{width:680px; bottom:120px;}
    .main_visual .text{width:730px;}
    .main_visual .visual_logo{top:30px; right:30px; width:80px;}
}
@media all and (max-width:768px){
    .main_visual{height:850px;}
    .main_visual .image .character{width:620px;}
    .main_visual .text{width:550px; top:90px;}
    .main_visual .visual_logo{top:20px; right:20px;}
}
@media all and (max-width:640px){
    .main_visual{height:630px;}
    .main_visual .image .character{width:450px; bottom:90px;}
    .main_visual .text{width:400px; top:80px; margin-left:-15px;}
    .main_visual .visual_logo{width:60px;}
}
@media all and (max-width:480px){
    .main_visual{height:500px;}
    .main_visual .image .character{width:380px; bottom:70px;}
    .main_visual .text{width:320px; top:70px; margin-left:-5px;}
    .main_visual .visual_logo{top:10px; right:10px;}
}
@media all and (max-width:370px){
    .main_visual{height:450px;}
    .main_visual .image .character{width:300px;}
    .main_visual .text{width:280px;}
}
*/

h1, h2, h3, h4, h5, h6, p, div{word-break: keep-all;}
/*메인*/
@media all and (max-width:1000px){
    .index_main_title{display:block; font-size:25px; text-align:center;}
}
@media all and (max-width:640px){
    .index_main_title{font-size:20px;}
}



.login_page.section{padding:0 !important; padding-top:20px !important;}
.login_page img{max-width:100%;}
.login_page .banner_image img{display:block; max-width:100%; /*width:600px;*/ margin-left:auto; margin-right:auto;}
.login_page .banner_image .m_img{display:none;}
@media all and (max-width:1000px){
    .login_page .banner_image .pc_img{display:none;}
    .login_page .banner_image .m_img{display:block;}
}


.login_layout{display:flex; flex-direction: column; justify-content: center; align-items: center; max-width:600px; margin:30px auto 50px auto; /*padding:40px; background-color:#fff; border-radius:30px; box-shadow:0 0 10px rgba(0,0,0,0.1);*/}
.login_layout .intro{text-align:center;}
.login_layout .intro .logo{width:110px; margin-left:auto; margin-right:auto;}
.login_layout .intro .title{/*margin-top:10px;*/ font-size:25px; line-height:1.4; font-weight:600; color:#2d2d2d;}
.login_layout .intro .desc{margin-top:20px; font-size:16px; line-height:1.4; color:#3d3d3d; word-break: keep-all;}
.login_layout .btn_group{margin-top:20px;}
.login_layout .btn_group .ul{display:flex; gap:10px; margin:0; padding:0;}
.login_layout .btn_group .li{list-style: none;}
.login_layout .btn_group .anchor{display:block; padding:10px 40px; border-radius:5px; overflow: hidden; transition:0.2s; font-weight:500;}
.login_layout .btn_group .li.kakao .anchor{background-color:#fee500; color:#111;}
.login_layout .btn_group .li.naver .anchor{background-color:#03c75a; color:#fff;}
.login_layout .btn_group .anchor span{position:relative; padding-left:30px; padding-right:5px;}
.login_layout .btn_group .anchor span::before{position:absolute; width:18px; height:18px; left:0; top:50%; transform: translateY(-50%); content:'';}
.login_layout .btn_group .li.kakao .anchor span::before{background:url('/img/login_kakao.png') no-repeat center center / contain;}
.login_layout .btn_group .li.naver .anchor span::before{background:url('/img/login_naver.png') no-repeat center center / contain;}
/* .login_layout .btn_group .anchor:hover{box-shadow:5px 5px 5px rgba(0,0,0,0.1);} */
@media all and (max-width:640px){
    .login_layout{width:100%; margin:30px auto 50px auto;}
    .login_layout .intro .logo{width:80px;}
    .login_layout .intro .title{font-size:20px;}
    .login_layout .intro .desc{margin-top:15px; font-size:14px;}
    .login_layout .btn_group{margin-top:10px;}
    .login_layout .btn_group .ul{flex-direction: column; gap:5px;}
    .login_layout .btn_group .li img{display:block; margin-left:auto; margin-right:auto;}
}



#footer{background-color:#444 !important;}
#footer.bg-white{background-color:#fff !important;}
#footer .f_link .anchor{font-size:14px; color:#d0d0d0;}



.btn-modern{background:#196334; box-shadow: 0px 4px 10px rgba(25, 99, 52, 0.3);}
.btn-modern:hover{background:#d9f2d0; color:#196334; box-shadow: 0px 4px 10px rgba(25, 99, 52, 0.3);}





/*부스관리자 list*/
.top_intro_area{margin-bottom:10px; padding:15px 5px; background-color:#fff; border-radius:15px; color:#000; /*box-shadow: 0 5px 5px rgba(0,0,0,0.05);*/}
.top_intro_area .sub_title{font-size:18px; line-height:1.4; color:#3d3d3d;}
.top_intro_area .title{margin:5px 0; font-size:25px; line-height:1.4; color:#000; font-weight:600;}
.top_intro_area .date{font-size:16px; line-height:1.4; color:#3d3d3d;}

.booth_list .item{}
.booth_list .item .card{border:none; border-radius:10px; overflow: hidden; background-color:#f9f9f9;}
.booth_list .item .name_card{margin-top:10px; padding:15px; background-color:#fff; border:1px solid #e4e4e7; border-radius:10px; color:#000; /*box-shadow: 0 5px 5px rgba(0,0,0,0.05);*/} 
.booth_list .item .name_card .num{margin-right:15px; font-size:25px; font-weight:bold; color:#0065F8;}
.booth_list .item .name_card .left_con{display:flex; align-items: center; gap:5px;}
.booth_list .item .name_card .name{color:#000;}
.booth_list .item .name_card .left{display:flex; gap:5px; align-items: center;}
.booth_list .item .name_card .gender{width:25px; height:25px; line-height:0; font-size:0;}
.booth_list .item .name_card .gender img{width:100%;}
.booth_list .item .name_card .time{margin-left:10px; font-size:15px; font-weight:600; color:#111;}

.booth_list .item .profile_card{margin:20px 0; font-size:15px; color:#3d3d3d;}

.booth_list .item .btn_area{display:flex; margin-top:15px; justify-content:center; font-size:0; line-height:0;}
.booth_list .item .btn_area .btn{padding:0 15px; height:30px; line-height:30px; margin:0; font-size:13px; color:#fff; background-color:#0065F8; opacity:1; border:none; border-radius:30px !important;}
.booth_list .item .btn_area .btn + .btn{margin-left:5px;}
.booth_list .item .btn_area .btn i{margin-right:5px;}
.booth_list .item .btn_area .btn i::before{color:#fff;}
.booth_list .item .btn_area .btn i .icon_img{width:14px; height:14px;}
.booth_list .item .btn_area .btn.type_1{background-color:#0ad7c4;}
.booth_list .item .btn_area .btn.type_2{background-color:#0065F8;}
.booth_list .item .btn_area .btn.type_3{background-color:#f64e60;}
.booth_list .item .btn_area .btn.type_4{background-color:#505050;}
.booth_list .item .btn_area .btn.type_5{background-color:#111;}
.booth_list .item .btn_area .btn.type_6{background-color:#fff; color:#111; border:1px solid #555;}
.booth_list .item .btn_area .btn.type_7{background-color:#fff; color:#0065F8; border:1px solid #0065F8;}
.booth_list .item .btn_area .btn.type_8{background-color:#fff; color:#f64e60; border:1px solid #f64e60;}
.booth_list .item .btn_area .btn.type_9{background-color:#fff; color:#0ad7c4; border:1px solid #0ad7c4;}

.booth_list .item .star_area{padding:15px; background-color:#fff; border:1px solid #e4e4e7; border-radius:10px; color:#000; /*box-shadow: 0 5px 5px rgba(0,0,0,0.05);*/}
.booth_list .item .advice_time .desc{font-size:15px; color:#222; font-weight:600;}
.booth_list .item .bottom_area .form-control{color:#3d3d3d;}
@media all and (max-width:1600px){
    .booth_list .item .name_card .left_con{flex-wrap: wrap;}
    .booth_list .item .name_card .left_con .time{width:100%; margin-left:0;}
} 





/*인원 카운트*/
.count_box_list{display:flex;}
.count_box_list .item{display:flex; justify-content: center; align-items: center; flex-direction: column; margin-right:10px; margin-bottom:5px; padding:15px; border-radius:10px; text-align:center; background-color:#f9f9f9;}

.count_box_list.length4 .item{width:calc((100% - 30px)/4);}
.count_box_list.length4 .item:nth-child(4n){margin-right:0;}
.count_box_list.length5 .item{width:calc((100% - 40px)/5);}
.count_box_list.length5 .item:nth-child(5n){margin-right:0;}

.count_box_list .item .icon{display:flex; justify-content: center; align-items: center; width:34px; height:34px; margin-left:auto; margin-right:auto; border-radius:100%; margin-bottom:8px;}
.count_box_list .item .desc{margin-bottom:0; font-size:18px;}
.count_box_list .item.time_item .timer-countdown{margin-top:3px; padding:5px 30px; background-color:#ffeded; border-radius:30px;}
@media all and (max-width:1000px){
    .count_box_list{flex-wrap: wrap;}
    .count_box_list .item{width:calc((100% - 10px)/2) !important; padding:10px;}
    .count_box_list .item:nth-child(2n){margin-right:0;}
    .count_box_list .item:nth-child(+n+3){margin-top:5px;}
    .count_box_list .item .desc{font-size:16px;}
}



/*차트리스트*/
.chart_list .item{flex:0 0 auto; width:33.3333%;}
.chart_list .item .inner{padding:30px; border:none; background-color:#fcfcfc;}
.chart_list .item .title{margin-bottom:10px; font-size:18px; font-weight:600; text-align:center;}
.chart_list .item .chart_area{padding:20px; background-color:#fff; border-radius:20px; border:1px solid #e4e4e7;}
@media all and (max-width:1600px){
    .chart_list .item{width:50%;}
}
@media all and (max-width:1100px) and (min-width:992px){
    .chart_list .item{width:100%;}
}
@media all and (max-width:768px){
    .chart_list .item{width:100%;}
}



/*페이징
.pagination_wrap{padding-top:20px; padding-bottom:30px;}
.pagination{justify-content: center;}
.pagination .anchor{display:block; width:35px; height:35px; line-height:35px; padding:0; text-align:center; border:none; background:none; color:#3d3d3d; border-radius:100%;}
.pagination .anchor.active,
.pagination .anchor:hover{font-weight:600; color:#fff; background:#3572EF;}
.pagination .li + .li{margin-left:2px;}
.pagination .li .blind{font-size:0;}
@media screen and (max-width:1000px) {
    .pagination .anchor{width:25px; height:25px; line-height:25px; font-size:13px;}
}
@media screen and (max-width:640px) {
    .pagination .anchor{width:22px; height:22px; line-height:22px; font-size:12px;}
}
*/



/*페이징*/
.pagination{justify-content: center;}
.page-link{border:none; font-size:16px; color:#6d6d6d;}
/* .pagination .page_arrow{display:block; } */
.pagination .page-link:focus{box-shadow: none !important;}
.pagination .page-item.page_arrow a{display:block; width:10px; height:36px; font-size:0; line-height:0;}
.pagination .page-item.page_arrow.first a{background:url('../images/page/btn_first.gif') no-repeat center center;}
.pagination .page-item.page_arrow.prev a{background:url('../images/page/btn_prev.gif') no-repeat center center;}
.pagination .page-item.page_arrow.next a{background:url('../images/page/btn_next.gif') no-repeat center center;}
.pagination .page-item.page_arrow.last a{background:url('../images/page/btn_end.gif') no-repeat center center;}


/*active*/
.page-link.active, .active > .page-link{background:none ; border:none; font-weight:600; color:#574fec;}







/*사용자화면*/
.main_visual_img{border-radius:50px; overflow: hidden;}
.main_visual_img .anchor{text-align:center;}
.main_visual_img .m_img{display:none;}
.main_apply_btn{padding:20px 40px; font-size:20px; background-color:#534096; color:#fff; font-weight:bold; transition:0.3s; border-radius:5px;}
.main_apply_btn:hover{background-color:#3d3d3d; color:#fff;}
@media all and (max-width:1000px){
    .main_visual_img{border-radius:20px;}
    .main_visual_img .m_img{display:block; margin:0 auto;}
    .main_visual_img .pc_img{display:none;}    
    .main_apply_btn{padding:12px 25px; font-size:18px;}
}


/*로그인페이지*/
.login_page .banner_image img{border-radius:50px; overflow: hidden;}
@media all and (max-width:1000px){
    .login_page .banner_image img{border-radius:20px;}
}








/*동성 write 페이지*/
.dounsung_write_intro_box .box_inner{background:url('/img/dongsung/dongsung_bg.jpg') no-repeat center center / cover; border:2px solid #534096; border-radius:20px;}
.dounsung_write_intro_box .sign_logo{display:block; width:200px; margin-left:auto; margin-bottom:8px;}
.dounsung_write_intro_box .greeting_text br{display:none;}
@media all and (max-width:640px){
    .dounsung_write_intro_box .greeting_text br{display:block;}
    .dounsung_write_intro_box .sign_logo{width:150px;}
}




/*동성 메인 버튼 생성*/
.main_ds_event_btn .item .card{background:#f6f5fa !important; border:1px solid #ccc !important; border-radius:15px;}
.main_ds_event_btn .subject{margin-bottom:15px; color:#534096;}
.main_ds_event_btn .anchor{background-color:#534096; color:#fff; font-weight:bold; transition:0.2s;}
.main_ds_event_btn .anchor:hover{background-color:#3b2c6f;}
.main_ds_event_btn .badge{font-weight:500;}
.main_ds_event_btn .badge.bg-success{background-color:#00c1a9 !important;}
@media all and (max-width:768px){
    .main_ds_event_btn {margin-top:; gap:0;  }
    .main_ds_event_btn .item{margin-top:0;}
    .main_ds_event_btn .item .card{padding:1.2rem !important; background:#fff !important; border-radius:0; border:none !important;
        border-top:1px solid #ccc !important;}
    .main_ds_event_btn .item:last-child .card{border-bottom:1px solid #ccc !important;}
    .main_ds_event_btn .subject{font-size:18px;}
    .main_ds_event_btn .badge{padding:0.45rem 0.8rem !important;}
    .main_ds_event_btn p{font-size:13px !important;}
    .main_ds_event_btn .anchor{font-size:13px; padding:0.4rem 1rem !important;}
}



/*동성 캠리 완료페이지*/
.ds_confirm_page{padding-top:150px !important; padding-bottom:150px !important;}
.ds_confirm_page .logo{width:250px; margin:0 auto 20px auto;}
.ds_confirm_page .logo img{width:100%;}
.ds_confirm_page .subject{line-height:1.4;}
.ds_confirm_page .color{color:#534096;}
.ds_confirm_page .anchor{background-color:#534096 !important; border-color:#534096}