/* 기본본 */
.test { border: 1px solid #ff0000 !important; }
.hand { cursor: pointer; }
.font_sans { font-family: 'Noto Sans KR' !important; }

.blank { padding-left:2px; margin:0px; color:#3655ff; font-size:12px !important; }

.text-justify { text-align: justify !important; }

.prolink a{ color:#000; font-weight: 400 !important; }
.prolink a:hover { color:#3655ff; font-weight: 500 !important; }

.img-responsive { max-width: 100%; height: auto; }

.bg-dano {
  --bs-bg-opacity: 1;
  background-color: #A5324D !important;
}
.text-dano {
  --bs-text-opacity: 1;
  color: #A5324D !important;
}

@media (min-width: 1200px) {
  .col-xl-n8 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}


/* Header */
@media (min-width: 768px) {
  body { 
    background-image: url(../../images/common/2025_top_img.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position:left top;
  }
} 
@media (max-width: 767px) {
  .topbg { 
    background-image: url(../images/top_bg_258.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position:left top;
  }
}

.famtop-btn { border-radius: 0.25rem !important; background: rgb(255, 255, 255); border: 1px solid rgba(221, 221, 221, 1); height: 35px; text-align: center; color: rgb(51, 51, 51); line-height: 30px; font-size: 13px; font-weight: 400; display: block; z-index: 1; }
.famtop-btn:hover { background: rgb(88, 53, 144); border: 1px solid rgb(88, 53, 144); color: rgb(255, 255, 255); } 

.pdrb1 { padding-top:0px !important; padding-right:1px !important; padding-bottom:1px !important; padding-left:0px !important; }
.pdrb2 { padding:1px !important; }
.pdrb5 { padding-top:0px !important; padding-right:5px !important; padding-bottom:5px !important; padding-left:0px !important; }


/* You-tube */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}


/* Main */
.infobox { padding: 20px 0 !important; }
.infobox p, .gonginfo p { text-align: justify !important; }
.time-left { width:100px; }

@media (min-width: 768px) {
  .datebox { padding:20px 0 50px !important; }
  .accordion-body br, .twoline br { display: none !important; }
}

@media (max-width: 767px) {
  .datebox { padding:0px 0 40px !important; }
  .link-jedan, .link-suri, .link-ari, .link-gong { font-weight: 500 !important; }
}


.link-jedan, .link-suri, .link-ari, .link-gong { position: relative;
  width:100% !important;
  padding: 0.8rem 1rem;
  margin-bottom: 4px;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  font-size: 14px !important;
}

.link-jedan {
  color: #216548;
  background-color: #d7eee4;
  border-color: #c3e5d7;
}

.link-suri {
  color: #186799;
  background-color: #d4eeff;
  border-color: #bfe6ff;
}

.link-ari {
  color: #203399;
  background-color: #d7ddff;
  border-color: #c3ccff;
}

.link-gong {
  color: #7c601a;
  background-color: #fff4d9;
  border-color: #ffefc6;
}

.link-jedan:hover { color: #165c3e; background-color: #c3e5d7; border-color: #c3e5d7; }
.link-suri:hover { color: #083a5a; background-color: #bfe6ff; border-color: #bfe6ff; }
.link-ari:hover { color: #203399; background-color: #c3ccff; border-color: #c3ccff; }
.link-gong:hover { color: #7c601a; background-color: #ffefc6; border-color: #ffefc6; }