body {
    overflow-x: hidden;
}

.btn.btn-white {
    border: 1px solid #eee;
}

nav[aria-label="breadcrumb"] {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");
    background-color: #f8f9fa; /* 선택 사항 */
    padding: 0.5rem 1rem; /* 선택 사항 */
    border-radius: 0.25rem; /* 선택 사항 */
}

.pagination {
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    /* lg 브레이크포인트 */
    .col-lg-5ths {
        flex: 0 0 calc(100% / 5); /* 20% 너비 */
        max-width: calc(100% / 5);
    }
}

/* 줄이 안 맞아서 수정 */
.form-check-input {
    margin-top: .15em;
}

/******************************
 * 공지
 *****************************/
#noticeModal p {
    margin: 0px;
}

/******************************
 * animation background
 *****************************/

.form-switch-private {
    cursor: pointer;
}
.form-check-label {
    user-select: none;
}

.btn-default {
    background-color: #410cd9;
    color: #fff !important;
    border-radius: 5px;
}

.btn-default:hover {
    background-color: #410cd9;
    opacity: 0.9;
}

#creditModal {
}

#tierModal {
}

#tierModal .bg-light {
    background-color: rgb(234 234 255 / 1) !important;
    color: #222;
}
#tierModal .gubun-wrapper {
    border: 2px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#tierModal .gubun-wrapper.year {
    padding-bottom: 45px !important;
}

#tierModal .gubun-wrapper .bottom {
    background-color: #888;
    color: #fff;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
    padding: 5px 10px;
    font-size: 13px;
    text-align: center;
}

#tierModal .gubun-wrapper.active .bottom {
    background-color: #410cd9;
}

#tierModal .gubun-wrapper.active {
    border: 2px solid #410cd9;
}

.modal-title img {
    max-height: 35px;
}

#payModal {
}

#tier_pay_form .law {
    height: 140px;
    overflow-y: scroll;
    border: 1px solid #cacaca;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 15px;
}

#payment_frame {
    max-height: 90vh;
    height: 750px;
    width: 100%;
    overflow-y: auto;
}

.ratio-button {
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
    border: 1px solid #ccc;
}
.ratio-button img {
    margin-right: 5px;
    border: 1px solid #333;
    opacity: 0.5;
}

.btn-ratio.active {
    background-color: #0d6efd;
    color: white;
}

#image_section .row {
    margin-bottom: 20px;
}

/* 토스트위치 조정 */
.toast-top-right {
    top: 80px !important; /* 기존 상단에서 100px 정도 아래로 이동 */
}

/*********************************************
 * 오픈채팅
 *********************************************/

.openchat {
    position: fixed;
    z-index: 10;
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    overflow: visible;
    background: transparent;
    bottom: 85px;
    right: 24px;
}

.openchat img {
    border-radius: 10px;
    width: 60px;
    height: 60px;
}

/************************************************
 * 립싱크 관련
 ************************************************/

#texttodubbing-tab .nav-link {
    font-size: 13px;
}

#texttodubbing .tab-content {
    padding: 1rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#texttodubbing .tab-content textarea {
    border: 0px;
    min-height: 250px;
}

#texttodubbing .form-select {
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 20px;
}

#texttodubbing .input-group .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#texttodubbing .input-group .btn-outline-secondary {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 13px;
}

#texttodubbing .input-group .btn-outline-secondary i {
    margin: 0px;
}

#texttodubbing .btn-outline-secondary {
    border: 1px solid #ccc;
}

.btn-outline-tab {
    border: 1px solid #ccc;
    font-size: 13px;
    letter-spacing: 0px;
    border-radius: 20px;
}

.btn-outline-tab.active {
    background-color: #410cd9;
    color: #fff;
}

.btn-outline-tab:hover {
    border: 1px solid #410cd9;
}

.select_asset {
    position: relative;
    border: 1px dashed #aaa;
    background: #f5f5f5;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    flex: 1 1 0%;
    gap: 16px;
    height: 200px;
}

.select_asset i {
    font-size: 40px;
}

/************************************************
 * 타임라인
 ************************************************/

#timeline .item {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
    padding: 5px;
}

#timeline .item:hover {
    background-color: #f5f5f5;
}

#timeline .item .holder {
    width: 50px;
    height: 40px;
    cursor: pointer;
    border: 1px solid transparent;
    display: flex; /* 플렉스 박스 사용 */
    align-items: center; /* 수직 정렬 */
    justify-content: center; /* 수평 정렬 */
}

#timeline .item .holder:hover {
    background-color: #efefef;
    border-radius: 5px;
}

#timeline .item .thumb_wrapper {
    width: 55px;
    height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    flex-shrink: 0; /* 요소가 축소되지 않도록 설정 */
    border: 1px solid #cacaca;
    background-color: #999999;
}

#timeline .item .thumb_wrapper img {
    width: 50px;
    height: 50px;
}

#timeline .item .thumb_wrapper i {
    font-size: 24px;
    color: #fff;
    opacity: 0.8;
    cursor: pointer;
}

#timeline .item .text {
    font-size: 15px;
    color: #666;
    border: 1px solid #efefef;
    padding: 3px;
    border-radius: 5px;
}

/************************************************
 * 음악
 ************************************************/

#music-tab .nav-link {
    font-size: 13px;
}

#music .tab-content {
    padding: 1rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#music .tab-content .textarea {
    min-height: 250px;
}

#music .btn-outline-secondary {
    border: 1px solid #ccc;
}

#lyricModal .btn {
    border-radius: 5px;
}

.input-group .btn {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#music_list,
.item-list {
    margin-top: 5px;
    margin-bottom: 5px;
}

#music_list .item,
.item-list .item {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between; /* 항목 사이를 균등하게 배치 */
    width: 100%; /* 부모 요소의 전체 너비 */
}

#music_list .item .album-wrapper,
.item-list .item .album-wrapper {
    background-color: #aaa;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    display: flex;
    align-items: center; /* 수평 가운데 정렬 */
    justify-content: center; /* 수직 가운데 정렬 */
    margin-right: 20px;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    border: 1px solid #ddd;
    flex-shrink: 0;
}

#music_list .item .album-wrapper i,
.item-list .item .album-wrapper i {
    font-size: 24px; /* 아이콘 크기 */
    color: #fff; /* 아이콘 색상 */
    opacity: 0.8;
}

#music_list .item .album-wrapper .spinner-border,
.item-list .item .album-wrapper .spinner-border {
    display: none;
}

#music_list .clip_title,
.item-list .clip_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    height: 25px;
    overflow: hidden;
    white-space: nowrap; /* 텍스트가 한 줄로 표시되도록 함 */
    text-overflow: ellipsis; /* 넘치는 텍스트에 말 줄임표 추가 */
    width: 200px;
}

@media (max-width: 992px) {
    /* lg 브레이크포인트 */
    #music_list .clip_title,
    .item-list .clip_title {
        width: 160px;
    }
}

#music_list .clip_meta,
.item-list .clip_meta {
    color: #999;
    font-size: 13px;
}

#music_list .clip_prompt,
.item-list .clip_prompt {
    height: 40px;
    overflow: hidden; /* 내용이 영역을 벗어나면 숨김 */
    text-overflow: ellipsis; /* 말줄임표를 추가 */
    flex-shrink: 1; /* 공간 부족 시 줄어들도록 설정 */
    min-width: 0; /* 말줄임표가 적용되도록 최소 너비를 설정 */
}

#music_list .clip_text,
.item-list .clip_text {
    margin-top: 5px;
    height: 60px;
    overflow: hidden; /* 내용이 영역을 벗어나면 숨김 */
    text-overflow: ellipsis; /* 말줄임표를 추가 */
    flex-shrink: 1; /* 공간 부족 시 줄어들도록 설정 */
    min-width: 0; /* 말줄임표가 적용되도록 최소 너비를 설정 */
}

#music_list .item.loading .album-wrapper .spinner-border,
.item-list .item.loading .album-wrapper .spinner-border {
    display: block;
}

#music_list .item.loading .album-wrapper .fa-play,
.item-list .item.loading .album-wrapper .fa-play {
    display: none;
}

#music_model .border {
    cursor: pointer;
}

#music_list .processing,
.item-list .processing {
    display: none;
}

.musicPlayerWrapper {
    position: fixed;
    width: 100%;
    height: 70px;
    bottom: 10px;
    left: 0px;
    right: 0px;
    padding: 0px 10px 0px 10px;
    z-index: 4;
}

#musicPlayer {
    border-radius: 10px;
    border: 1px solid #999;
    background-color: #fff;
    width: 800px;
    height: 70px;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 그림자 효과 */
    transition: box-shadow 0.3s ease; /* 부드러운 전환 */
}

#musicPlayer .musicPlayerPanel {
    height: 60px;
    padding: 10px;
}

#musicPlayer .album {
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 5px;
    object-fit: cover;
    margin-right: 15px;
}

#musicPlayer .musicProgress {
    height: 10px;
    width: 100%;
    background-color: #ccc;
    cursor: pointer;
}

#musicPlayer .musicProgress .progressing {
    width: 0%;
    background-color: #0d6efd;
    height: 10px;
}
#musicPlayer .musicTitle {
    font-weight: 700;
}
#musicPlayer .musicDesc {
    font-size: 13px;
    color: #888;
}

#musicPlayer .musicDesc .divider {
    color: #ccc;
    margin: 0px 5px;
}

#musicPlayer .information {
}

#musicPlayer .controls i {
    font-size: 20px;
}

#musicPlayer .share {
}

#musicPlayer .volumeWrapper {
    width: 100px;
    text-align: center;
}

#musicPlayer .volumeWrapper input {
    border: none;
}

.upload_audio_wavesurfer_wrapper {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 10px;
    /* min-height: 158px; */
    padding: 10px;
}
#upload_audio_wavesurfer {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.loading-spinner {
    text-align: center;
    color: #555;
    font-size: 18px;
    margin: 20px;
}

/*******************************************
 * 홈 서비스 리스트
 *******************************************/
#home_service_list .card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

#home_service_list .card-overlay {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#home_service_list .card-overlay img {
    width: 100%;
    height: auto;
    display: block;
}

#home_service_list .card-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    z-index: 2;
}

#home_service_list .card-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 반투명 검정 오버레이 */
    z-index: 1;
}
/*******************************************
 * 프로젝트 리스트
 *******************************************/
#project .item {
    border: 1px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

#project .item.project-create {
    height: 237px;
}

#project .item .thumb_wrapper {
    height: 150px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}

#project .item .thumb_wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* 검은색 반투명 (0.5는 투명도) */
    z-index: 1;
}

#project .item .thumb_wrapper .cmd-section {
    position: absolute;
    width: 30px;
    right: 10px;
    top: 10px;
    z-index: 10;
}
#project .item .thumb_wrapper .btn {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 3px;
    background-color: #fff;
    margin-bottom: 10px;
    margin-top: 0px;
}

#project .item .thumb_wrapper .btn i {
    margin: 0px;
    font-size: 13px;
}

#project .item .metadata {
    padding: 10px;
}

#project .item .metadata .title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
}

#project .item .title a {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

#project .item.plus {
    background-color: #888;
    display: flex; /* 플렉스 박스 사용 */
    align-items: center; /* 수직 정렬 */
    justify-content: center; /* 수평 정렬 */
    color: #fff;
}

#project .item .footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    padding: 10px 15px;
}

#project .item .footer img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #fff;
}

#project .item .footer img {
    position: relative;
    margin-left: -15%; /* 이미지가 20% 겹치도록 설정 */
}

#project .item .footer img:first-child {
    margin-left: 0; /* 첫 번째 이미지는 겹치지 않도록 설정 */
}

.text-doubleline {
    display: -webkit-box; /* 플렉스 박스를 사용한 레이아웃 */
    -webkit-line-clamp: 2; /* 두 줄까지만 표시 */
    -webkit-box-orient: vertical; /* 텍스트 방향을 세로로 지정 */
    overflow: hidden; /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis; /* 말줄임표 표시 */
    line-height: 1.5; /* 줄 간격 설정 */
    max-height: calc(1.5em * 2); /* 최대 높이를 두 줄로 제한 */
}

.text-multiline {
    display: -webkit-box; /* 플렉스 박스를 사용한 레이아웃 */
    -webkit-line-clamp: 4; /* 두 줄까지만 표시 */
    -webkit-box-orient: vertical; /* 텍스트 방향을 세로로 지정 */
    overflow: hidden; /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis; /* 말줄임표 표시 */
    line-height: 1.5; /* 줄 간격 설정 */
    max-height: calc(1.5em * 4); /* 최대 높이를 두 줄로 제한 */
}

.project-header .btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 8px 5px;
}

.project-header .btn i {
    margin: 0px;
    font-size: 15px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.swiper-pagination {
    position: relative; /* 슬라이더 아래로 이동 */
    bottom: -30px; /* 슬라이더와의 간격 */
    text-align: center;
    margin-top: 20px;
}

/*********************************************************
 * 스트림
 *********************************************************/

.stream-container {
    width: 100%;
    max-width: 800px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eee;
    position: relative;
}

.stream-container .play-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 정중앙으로 이동 */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px; /* 아이콘 배경의 너비 */
    height: 80px; /* 아이콘 배경의 높이 */
    background-color: rgba(0, 0, 0, 0.5); /* 반투명 검정 배경 */
    border-radius: 50%; /* 원형 모양 */
    z-index: 10; /* 비디오 위로 표시되도록 설정 */
    cursor: pointer; /* 클릭 가능한 포인터로 변경 */
}

.stream-container .play-wrapper .fas {
    font-size: 36px; /* 아이콘 크기 */
    color: white; /* 아이콘 색상 */
    margin-left: 10px;
}

.stream-container .screen-video {
    width: 100%;
    height: auto;
    object-fit: cover; /* 비디오를 컨테이너에 꽉 채움 */
    background-color: black; /* 여백이 보일 경우 백그라운드 설정 */
    margin: 0; /* 여백 제거 */
    padding: 0; /* 패딩 제거 */
}

.stream-container .camera-video {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    z-index: 1;
}

.stream-container .controls-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: white;
    z-index: 2;
    height: 40px;
    border-top: 1px solid #fff;
    display: none;
    padding: 10px;
    /* Flexbox로 중앙 정렬 */
    background-color: rgba(0, 0, 0, 0.3); /* 반투명 검정색 */
    padding-bottom: 5px;
}

.stream-container:hover .controls-wrapper {
    display: block;
}

.stream-container .controls {
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
}

.stream-container:hover .controls .fas {
    cursor: pointer;
}

.stream-container .controls .pause-btn {
    display: none;
}

.stream-container .progress-wrapper {
    position: absolute;
    bottom: 0px; /* controls 위에 배치 */
    left: 0;
    right: 0;
    width: 100%;
    height: 10px; /* 진행 바의 높이 */
    background-color: rgba(255, 255, 255, 0.2); /* 배경색 */
    z-index: 15; /* 다른 요소 위로 표시 */
    overflow: hidden;
}

.stream-container .progress-bar {
    height: 100%;
    width: 0; /* 기본값: 0% */
    background-color: #007bff; /* 진행 바의 색상 */
    transition: width 0.5s linear; /* 부드럽게 애니메이션 */
}

.stream-container .progress-bar.no-transition {
    transition: none; /* 애니메이션 비활성화 */
}

#audioVolumeBar {
    margin-top: 10px;
    width: 100%;
    height: 10px;
    background-color: #e0e0e0;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

#audioVolumeFill {
    height: 100%;
    width: 0%;
    background-color: #007bff;
    transition: width 0.1s;
}

/****************************************************
 * 보이스 프로필 목록
 ****************************************************/

.profile-wrapper {
    border-radius: 50%;
    width: 100%;
    padding: 5px;
    background: linear-gradient(109.37deg, #006eb9 6.39%, #2cabb2 92.33%);
    position: relative;
    margin-bottom: 10px;
    max-width: 250px;
    position: relative;
}

.profile-wrapper img {
    border-radius: 50%;
    max-width: 100%;
}

.profile-wrapper .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #ffffff; /* 아이콘 색상 */
    cursor: pointer;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.3s;
}

.profile-wrapper:hover .play-icon {
    opacity: 1;
}

.profile-wrapper label {
    position: absolute;
    bottom: -10px;
    left: 10%;
    right: 0px;
    width: 80%;
    background: linear-gradient(109.37deg, #006eb9 6.39%, #2cabb2 92.33%);
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 13px;
}

/****************************************************
 * 채팅
 ****************************************************/

#avatar .item {
    cursor: pointer;
    position: relative;
}

#avatar .item.project-create {
    min-height: 250px;
    border-radius: 10px;
}

#avatar .item .thumb_wrapper {
    overflow: hidden;
    border-radius: 10px;
    height: 250px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}

#avatar .item .thumb_wrapper .cmd-section {
    position: absolute;
    width: 30px;
    right: 10px;
    top: 10px;
    z-index: 10;
}
#avatar .item .thumb_wrapper .btn {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 3px;
    background-color: #fff;
    margin-bottom: 10px;
    margin-top: 0px;
}

#avatar .item .thumb_wrapper .btn i {
    margin: 0px;
    font-size: 13px;
}

#avatar .item .metadata .title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
}

#avatar .item .title a {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

#avatar .item.plus {
    background-color: #ddd;
    display: flex; /* 플렉스 박스 사용 */
    align-items: center; /* 수직 정렬 */
    justify-content: center; /* 수평 정렬 */
    color: #666;
}

#avatar .item .footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    padding: 10px 15px;
}

#avatar .item .footer img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #fff;
}

#avatar .item .footer img {
    position: relative;
    margin-left: -15%; /* 이미지가 20% 겹치도록 설정 */
}

#avatar .item .footer img:first-child {
    margin-left: 0; /* 첫 번째 이미지는 겹치지 않도록 설정 */
}

.avatar_list .item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.btn-slack {
    align-items: center;
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    font-weight: 700;
    justify-content: center;
    text-decoration: none;
    width: 236px;
    padding: 10px;
    margin-bottom: 10px;
}

.btn-slack svg {
    height: 18px;
    width: 18px;
    margin-right: 5px;
}

.btn-slack p {
    border-top: 1px solid #ccc;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 0px;
}



/* 홈화면 notice modal css */

/* 공통 모달 크기 조정 */
#noticeModal .modal-dialog {
    margin: 20px auto; /* 상하 간격 */
}

#noticeModal .modal-content {
    overflow-y: auto; /* 내부 스크롤 활성화 */
}
/* 모바일 환경 */
@media (max-width: 768px) {
    #noticeModal .modal-dialog {
        max-width: 90%; /* 모바일에서 화면의 90% 차지 */
        margin: 10px auto; /* 상하 간격 조정 */
    }
    #noticeModal .modal-content {
        max-height: 60vh; /* 최대 높이를 화면의 80%로 설정 */
    }

}

/* PC 환경 */
@media (min-width: 768px) {
    #noticeModal .modal-dialog {
        margin: 30px auto; /* 여유 간격 */
    }
}