.board-view {font-size:.9375rem}
.board-view .board-setup {position:relative;border:1px solid #d5d5d5;height:38px;margin-bottom:20px}
.board-view .board-setup .select {position:absolute;top:-1px;left:-1px;display:inline-block;width:200px}
.board-view .board-setup-btn-box {position:absolute;top:-1px;right:-1px;display:inline-block;width:420px}
.board-view .board-setup-btn {float:left;width:25%;height:38px;line-height:38px;color:#fff;text-align:center;font-size:.8125rem}
.board-view .board-setup-btn:nth-child(odd) {background-color:#000}
.board-view .board-setup-btn:nth-child(even) {background-color:#3c3c3e}
.board-view .board-setup-btn:hover {opacity:0.8}
.board-view .board-view-subj {font-size:1.375rem}
.board-view .board-view-info {position:relative;min-height:70px;border-top:2px solid #757575;border-bottom:1px solid #757575;padding:10px 0;margin-top:20px;background:#fafafa}
.board-view .board-view-info .view-photo-box {position:absolute;top:8px;left:0}
.board-view .board-view-info .view-info-box {position:relative}
.board-view .board-view-info .view-photo img {width:50px;height:50px;margin-right:3px;border-radius:50%}
.board-view .board-view-info .view-photo .view-user-icon {font-size:50px;margin-right:3px;line-height:1;color:#757575}
.board-view .board-view-info .info-box-top {display:block;margin:0 0 4px}
.board-view .board-view-info .info-box-top .view-nick {margin-right:3px}
.board-view .board-view-info .info-box-top .view-nick .sv_wrap > a {font-weight:400}
.board-view .board-view-info .info-box-top .view-lv-icon {display:inline-block;margin-right:3px}
.board-view .board-view-info .info-box-bottom {display:block}
.board-view .board-view-info .info-box-bottom span {margin-right:8px;white-space:nowrap}
.board-view .board-view-info .info-box-bottom strong {font-weight:400}
.board-view .board-view-info .info-box-bottom i {color:#a5a5a5;margin-right:5px}
.board-view .board-view-info .status-label {position:absolute;top:20px;right:0}
.board-view .board-view-info .status-label .bl-label {display:inline-block;width:100px;height:30px;line-height:30px;font-size:.8125rem;text-align:center;color:#fff;background-color:#a5a5a5}
.board-view .board-view-file ul {margin-bottom:0}
.board-view .board-view-file li {padding:8px 0;border-bottom:1px solid #eaeaea}
.board-view .board-view-file a:hover {text-decoration:underline}
.board-view .board-view-file span {margin-left:7px}
.board-view .board-view-file span i {margin-right:4px;color:#b5b5b5}
.board-view .board-view-link ul {margin-bottom:0}
.board-view .board-view-link li {padding:8px 0;border-bottom:1px solid #eaeaea}
.board-view .board-view-link a {text-decoration:underline}
.board-view .board-view-link a:hover {color:#3949ab}
.board-view .board-view-star {position:relative;padding:8px 0;border-bottom:1px solid #eaeaea}
.board-view .board-view-star .star-ratings-view {display:inline-block;margin-bottom:0;margin-right:15px;float:left}
.board-view .board-view-star .star-ratings-view li {padding:0;float:left;margin-right:0}
.board-view .board-view-star .star-ratings-view li .rating {color:#a5a5a5;line-height:normal}
.board-view .board-view-star .star-ratings-view li .rating-selected {color:#ab0000}
.board-view .board-view-star .collapse-rating-result-panel {position:relative;border:1px solid #d5d5d5;background:#fff;padding:10px;margin:7px 0 3px}
.board-view .board-view-star .collapse-rating-result-panel > span:after {content:"|";margin:0 3px;color:#d5d5d5}
.board-view .board-view-star .collapse-rating-result-panel > span:last-child:after {display:none}
.board-view .board-view-star .collapse-rating-result-panel span a {color:#252525}
.board-view .board-view-star .collapse-rating-result-panel span.active .sv_wrap > a {color:#ab0000}
.board-view .eyoom-form .rating {display:inline-block;float:left;width:160px;margin-top:0px}
.board-view .eyoom-form .rating label {margin-top:3px;margin-bottom:0}
.board-view .eyoom-form .rating strong {color:#ab0000}
.board-view .eyoom-form .rating-mobile {position:absolute;top:10px;left:50%;display:inline-block;float:left;width:160px;margin-top:0;margin-left:-80px}
.board-view .eyoom-form .rating-mobile label {margin:0;width:32px;height:28px;line-height:28px;padding:0}
.board-view .eyoom-form .rating-mobile label .fas {font-size:26px}
.board-view .rating-mb-photo, .board-view .good-mb-photo {display:inline-block;margin-right:2px}
.board-view .rating-mb-photo img, .board-view .good-mb-photo img {width:17px;height:17px;border-radius:50%}
.board-view .rating-mb-photo .rating-user-icon, .board-view .good-mb-photo .good-user-icon {font-size:.9375rem}
.board-view .board-view-star .collapse-rating-mo-btn {margin:10px 0}
.board-view .board-view-star .collapse-rating-panel {position:relative;border:1px solid #d5d5d5;background:#fff;height:50px;margin:5px 0 10px}
.board-view .board-view-btn-wrap {border-bottom:1px solid #eaeaea}
.board-view .board-view-btn-wrap:after {content:"";display:block;clear:both}
.board-view .board-view-btn-left {float:left}
.board-view .board-view-btn-right {float:right}
.board-view .board-view-btn {position:relative;float:left;padding:0 15px;height:35px;line-height:35px;cursor:pointer;background:#fff;font-size:.8125rem;color:#252525;border-left:1px solid #eaeaea}
.board-view .board-view-btn:last-child {border-right:1px solid #eaeaea}
.board-view .board-view-btn:hover {color:#ab0000}
.board-view .view-top-btn {padding:20px 0}
.board-view .view-top-btn:after {display:block;visibility:hidden;clear:both;content:""}
.board-view .view-top-btn .top-btn-left li {float:left;margin-right:1px;margin-bottom:5px}
.board-view .view-top-btn .top-btn-right li {float:left;margin-left:1px}
.board-view .board-view-atc {min-height:200px}
.board-view .board-view-atc-title {position:absolute;font-size:0;line-height:0;overflow:hidden}
.board-view .board-view-file-conts {position:relative;overflow:hidden}
.board-view .board-view-file-conts #bo_v_img img {display:block;margin: 0 auto;max-width:100%;height:auto;margin-bottom:10px} /* 첨부이미지 가운데정렬 추가 함 margin: 0 auto; */
.board-view .board-view-con {position:relative;overflow:hidden;margin-bottom:30px;width:100%;word-break:break-all}
.board-view .board-view-con img {max-width:100%;height:auto}
.board-view .board-view-good-btn {margin-bottom:30px;text-align:center}
.board-view .board-view-good-btn .board-view-act-gng {position:relative;margin:0 5px}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn {position:relative;overflow:hidden;width:80px;height:80px;border:1px solid #d5d5d5;background:#fff;display:inline-block;white-space:nowrap;vertical-align:baseline;text-align:center}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn i {font-size:26px;color:#757575;margin:12px 0 8px}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover {border:1px solid rgba(0,0,0,0.7)}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover i {color:#000}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn.disabled:hover {border:1px solid #d5d5d5}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn.disabled:hover i {color:#757575}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn strong {color:#757575}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover strong {color:#252525}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn .mask {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background:#fff;opacity:0}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn h5 {color:#000;font-size:.9375rem;text-align:center;margin-top:48px;background:transparent;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;opacity:0}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover .mask {opacity:0.9}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover h5 {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.board-view .board-view-act-good,.board-view-act-nogood {display:none;position:absolute;top:30px;left:0;padding:5px 0;width:165px;background:#000;color:#fff;text-align:center}
.board-view .board-view-good-member {position:relative;background:#fff;border:1px solid #d5d5d5;padding:15px;margin-bottom:10px}
.board-view .board-view-good-member h5 {position:relative;text-align:center;font-size:1.0625rem;margin:0 0 20px}
.board-view .board-view-good-member h5:after {content:"";display:block;position:absolute;bottom:-10px;left:50%;width:20px;height:2px;margin-left:-10px;background:#3949ab}
.board-view .board-view-good-member > span:after {content:"|";margin:0 3px;color:#d5d5d5}
.board-view .board-view-good-member > span:last-child:after {display:none}
.board-view .board-view-good-member span a {color:#252525}
.board-view .board-view-bot {zoom:1}
.board-view .board-view-bot:after {display:block;visibility:hidden;clear:both;content:""}
.board-view .board-view-bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.board-view .board-view-bot ul {margin:0;padding:0;list-style:none}
.board-view .blind {display:none}
.board-view .map-content-wrap {width:100%;height:350px}
.board-view .map-content-wrap > div {width:100%;height:350px}
.board-view .board-view-tag {position:relative;overflow:hidden;background:#fafafa;border:1px solid #d5d5d5;padding:10px;margin-top:20px}
.board-view .board-view-tag span {display:inline-block;padding:2px 8px;line-height:1;margin:2px;background:#e5e5e5;border-radius:2px !important}
.board-view .board-view-tag a:hover span {background:#757575;color:#fff}
.board-view .board-view-tag .fa-tags {width:22px;height:16px;line-height:16px;text-align:center;color:#353535;margin-right:5px;box-sizing:content-box}
.board-view pre {border-radius:0}
.board-view .caption-overflow span {left:0;right:0}
.draggable {display:block;width:100% \9;max-width:100%;height:auto;margin:0 auto}
button.mfp-close {position:fixed;color:#fff !important}
.mfp-figure .mfp-close {position:absolute}

	@media (max-width:576px) {
		.board-view .board-view-info .status-label {position:relative;top:inherit;right:inherit;margin-top:10px}
		.board-view .board-view-btn {padding:0 10px}
		}
		/* PC 화면 (너비 768px 이상) */
	@media (min-width: 768px) { 
		.responsive-width { width: 20%; /* PC에서는 20% */  }
		.mobile-column { flex-direction: column; gap: 15px; /* 간격 증가 */}
		.hide-on-pc { display: none; /* PC에서 숨김 */ }
		}
		/* 모바일 화면 (너비 767px 이하) */
	@media (max-width: 767px) {
		.responsive-width { width: 35%; /* 모바일에서는 35% */ }
		.phone-link { margin-bottom:-10px; }
		}

/* My stytle */
.uni-box { font-size:20px; line-height: 50px; letter-spacing:-1px; color:white; background-color:#353535; border:1px solid #353535;  text-align: center; border:1px solid darkblue;}
.uni-box-2 { font-size:18px; line-height: 50px; text-align: center; font-weight:500; border:1px solid #353535;}

.yogang-sub-title { font-size:18px; line-height: 30px; font-weight:500; margin-top:20px;}
.yogang-sub-content { font-size:15px; line-height: 50px; font-weight:500;}
.yogang-sub-box {line-height: 35px;text-align: center; center;border:1px solid #dddddd }
.yogang-sub-box-google {line-height: 35px;text-align: center; center;border:0px solid #dddddd }
.yogang-date-box {line-height: 30px;text-align: ; center;border:0px solid #ffffff }

  .board-view-info {
    display: flex;
    align-items: stretch;
  }
  .view-photo-box,
  .view-info-box {
    flex: 0 0 auto;
  }
  .view-photo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
  }
  .view-info-box {
    flex: 1;
    margin-left: 60px;
  }
  /* 말풍선 스타일: 새로운 배경색과 왼쪽 여백(패딩) 추가 */
  .speech-bubble {
    position: relative;
    background: #E2FDFF; /* 새로운 말풍선 배경색 */
    border-radius: 10px;
    padding: 10px 10px 10px 30px; /* 왼쪽 패딩을 30px로 지정 (기존보다 20px 추가) */
  }
  /* 왼쪽 중앙에 꼬리 추가: 꼬리 길이를 약간 늘림 */
  .speech-bubble::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px; /* 꼬리가 말풍선 왼쪽에서 40px 떨어지도록 (20px 추가) */
    transform: translateY(-50%);
    border: 12px solid transparent; /* 꼬리 길이를 약간 늘리기 위해 12px 사용 */
    border-right-color: #E2FDFF; /* 말풍선 배경과 동일한 색상 */
  }
  .board-view {width:100%;overflow:hidden}

@media (max-width: 768px) { 
    /* 모바일에서 PC용 섹션 숨기기 */
    .right-section.pc-only {
        display: none !important;
    }

    /* 모바일에서만 보이는 영역 */
    .right-section.mobile-only {
        display: block !important;
    }

    /* 모바일에서 왼쪽 주요요약 100% */
    .left-section {
        width: 100% !important;
        display: block !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }

    .yogang-sub-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* 기본적으로 모바일용은 숨김 */
.mobile-only {
    display: none;
}

/* PC 환경에서는 모바일 요소 숨김 */
@media (min-width: 769px) {
    .pc-only {
        display: block !important;
    }
    .mobile-only {
        display: none !important;
    }
}

.btn-area {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-align: center; /* 가운데 정렬 */
}
.btn {
    display: inline-block !important;
    padding: 5px 32px !important;
    margin: 0 5px !important;
    background: #409814 !important;
    color: #fff !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 17px !important;
}

.btn:hover {
    background: #003E07 !important;
    color: #fff !important;
}

.ai-briefing-title {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 10px;
  color: #2c3e50;
  border-left: 5px solid #3498db;
  padding-left: 10px;
}

.ai-briefing-box {
  background-color: #f4f8fb;
  border: 1px solid #d0e3f0;
  padding: 15px;
  border-radius: 8px;
  font-size: 1em;
  color: #34495e;
  line-height: 1.6;
  margin-bottom: 30px;
}

  .label-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0px 0px;
    background-color: #eeeeee;
    text-align: center;
  }

  .info-icon {
    position: absolute;
    top: 10px;
    right: 37px;
    width: 12px;
    height: 12px;
    background-color: #3498db;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    cursor: default;
  }

  .info-icon:hover .tooltip {
    visibility: visible;
    opacity: 1;
  }

  .tooltip {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    background-color: #333;
    color: #fff;
    font-size: 11px;
    padding: 5px 8px;
    border-radius: 4px;
    position: absolute;
    top: -35px;
    left: 20px;
    white-space: nowrap;
    z-index: 10;
  }
  
.notice-box {
    margin: 30px 0;
    padding: 15px 20px;
    border: 1px solid #f0ad4e;
    border-left: 6px solid #f0ad4e;
    background-color: #fff8e1;
    border-radius: 6px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #856404;
}
.notice-box i {
    color: #f0ad4e;
    margin-right: 8px;
}

/* 추천 공모전 박스 스타일 */
.recommend-ad-box {
  margin-top: 30px;
  padding: 18px 20px;
  border: 1px solid #d0e3ff;
  border-radius: 8px;
  background: #f8fbff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.recommend-ad-box h4 {
  font-size: 1.15rem;
  margin-bottom: 12px;
  color: #2a4d8f;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.recommend-ad-box h4 i {
  margin-right: 8px;
  color: #1d6ef0;
}
.recommend-ad-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.recommend-ad-box li {
  padding: 8px 0;
  border-bottom: 1px dashed #e0e6f0;
  font-size: .95rem;
}
.recommend-ad-box li:last-child {
  border-bottom: none;
}
.recommend-ad-box a {
  color: #1d6ef0;
  font-weight: 500;
  text-decoration: none;
}
.recommend-ad-box a:hover {
  text-decoration: underline;
}
.recommend-ad-box span.deadline {
  font-size: 0.85rem;
  color: #666;
  margin-left: 8px;
}
.recommend-ad-box h4 {
  font-size: 1.15rem;
  margin-bottom: 12px;
  color: #2a4d8f;
  font-weight: 600;
  display: flex;
  justify-content: space-between; /* 제목 왼쪽, 관련 장르 오른쪽 */
  align-items: center;
}
.recommend-ad-box .matched-genres {
  font-size: 0.85rem;
  font-weight: normal;
  color: #666;
  margin-left: 12px;
}