@font-face {
  font-family: 'SEBANG_Gothic_Bold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SF_HailSnow';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HailSnow.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.heading-block {margin-bottom:40px;}
.heading-block::after {
    content: '';
    display: block;
    margin-top:20px;
    width: 40px;
    border-top: 2px solid #444;
}

.ff-sg {font-family: 'SEBANG_Gothic_Bold' !important;}
.ff-ss {font-family: 'SF_HailSnow' !important;}
.sif-color{color:#3154a6 !important}
.sif-color2{color:#f99167 !important}
.sif-color3{color:#eb5f5d !important}

.sif-sv {color:#fff;margin-bottom:0px;}
.sif-sv h1 {font-size:80px;margin:0;color:#fff;letter-spacing:1px}
.sif-sv h2 {font-size:50px;margin-bottom:0px;color:#fff}
.sif-sv-wrap-main {padding:20px 0 0}
.sif-sv-wrap {padding:20px 0}



.sif {position:relative; padding-bottom:60px;}
.sif-cont-bg-icon {width:382px;height:382px;background:url('/_skin/kor/images/sif-bg-icon.png') no-repeat center center !important;background-size:cover !important; position:absolute;top:20px;left:calc(0% - 180px); z-index:99;}



.sif strong { font-weight:700; }
.sif > .container > .row { z-index:100; position:relative; }
.sif-cont-wrap {padding:60px;border:12px solid #eee;background:#fff;letter-spacing:0}
.sif-cont-wrap ul {margin:0;padding:0}
.sif-poster {text-align:center}
.sif-poster img {max-width:80%}

.sif-tit {color:#3154a6 !important;font-family: 'SEBANG_Gothic_Bold' !important;margin-bottom:0}
.sif-tit i{color:#eb5f5d !important;font-weight:bold;margin-right:4px;}
.sif-cont-wrap.fs18 {font-size:1.125rem}
.sif-cont-wrap.fs20 {font-size:1rem}
.sif-cont-wrap.review {font-size:1.3rem}
.sif .remark {font-size:0.8rem}

.sif-subtitle {color:#3154a6 !important;font-family: 'SEBANG_Gothic_Bold' !important;margin:20px 0 20px 30px;}

.sif-cont-wrap .message-content {font-size:1.125rem; font-family: 'SF_HailSnow' !important;}


@media (max-width: 991.98px){
  .sif-poster img {max-width:100%}
  .sif-cont-wrap {padding:40px;}
  .sif-cont-bg-icon { width:250px;height:250px;left:calc(0% - 80px); }
}

@media (max-width: 767.98px){
  .sif-cont-wrap {padding:30px;}
  .heading-block {margin-bottom:30px;}
}

@media (max-width: 587.98px){
  .sif-cont-wrap {padding:22px;}
  .sif-cont-wrap.fs18 {font-size:1rem}
  .sif-cont-wrap.fs20 {font-size:1.125rem}
  .heading-block {margin-bottom:20px;}
  .heading-block::after {margin-top:14px;}
  .heading-block h2 {font-size:22px;}
  .heading-block h2+span {font-size:16px;line-height:1.2}
  .heading-block>span:not(.before-heading) {margin-top:4px;}

  .sif-cont-wrap .message-content {font-size:1rem}
}

/** Tab Menu **/
.tab-space {margin-top:40px; }
a.tab-link {
    display: inline-block;
    padding: 8px 40px;
    border: 1px solid #3154a6;
    margin:0px;
    color: #3154a6;
    font-weight: 500;
    transition: 0.2s;background: #fff;
}
a.tab-link:hover, a.tab-link.current, a.tab-link.active {
    border-color: #3154a6;
    color: #fff;
    background: #3154a6;font-weight:700 !important;
}
a.tab-link:hover{border-left:1px solid #fff;}

a.tab-link.df1 {padding:10px 40px;font-size:1rem;border-left:0;font-weight:500;letter-spacing:0}
a.tab-link.df1:first-child {border-left:1px solid #3154a6;}

@media (max-width: 1200px) {
  a.tab-link.df1 {padding:6px 20px;border-left:1px solid #3154a6;width:calc(50% - 3px);margin:0 3px 3px 0;text-align:center}
}

@media (max-width: 767.98px) {
  .tab-space {margin-top:20px;}
}

@media (max-width: 575.98px) {
  .tab-space {margin-top:15px}
  a.tab-link.df1 {padding:6px 20px;font-size:0.875rem;border-left:1px solid #3154a6;width:calc(50% - 3px);margin:0 3px 3px 0;text-align:center}
}

.tbl_contest ul li > div:first-child { width: 100px; }
.tbl_contest ul li > div:nth-child(3) { width: 300px; }
.contest-file { padding-top:40px; }
.contest-file h6 { font-family: 'SEBANG_Gothic_Bold' !important; font-size:1.5em; letter-spacing:2px;}
.contest-file .contest-filelist { border: 1px solid #ebebeb; background: #f7f7f7; padding: 14px 18px; }
.contest-file .contest-filelist a { display:block; font-size:0.9em; padding:2px 0px;}
.contest-file .contest-filelist a i.bi { vertical-align:top; line-height:1.2;}
.contest-file .contest-filelist a span { display:inline-block; padding-left:5px; }



/** 작품아이디어**/
.entrylist > div { margin-bottom:30px; }
.entrylist a { display:block; height:100%; background-color:rgba(39, 158, 188, 0);}
.entrylist a img { opacity:0.86; border:1px solid #ddd;}
.entrylist a:hover img { opacity:1; }
.entrylist a span { display:block;font-size:14px;  }
.entrylist a span.cont-box { padding:12px 2px; color:#333;}
.entrylist a span.team {padding-bottom:0px;color:#666; }
.entrylist a span.university {padding-bottom:0px;color:#666; }
.entrylist a span.title { font-weight:500;font-size:16px;line-height:1.3;padding-bottom:10px;}
.entrylist a span.award {font-size:18px; padding-bottom:4px;font-weight:700}
.entrylist a span.award i{font-size:22px;}

.entrylist a:hover span.title {text-decoration:underline !important;color:#3154a6}

@media (max-width: 575.98px) {
  .entrylist a span.award {font-size:16px;}
  .entrylist a span.award i{font-size:20px;}
}


/**에세이**/
.tbl_contest ul li > div:first-child { width: 100px; }
.tbl_contest ul li > div:nth-child(3) { width: 300px; }


.award-01 {color:#e74c3c !important}
.award-02 {color:#3498db  !important}
.award-03 {color:#d35400 !important}
.award-04 {color:#8e44ad !important}
.award-05 {color:#1abc9c !important}

.list-ro1 li { margin-left:15px; }

.sif .tab_wrap li {border-bottom:none !important;}
.sif .tab_wrap li.active { background-color:#3154a6; }
.sif .tab_wrap li.active a { color:#fff;}
.sif .tab_wrap li.active a:hover { color:#fff;}

.sif .tab_wrap .tab ul:before { display:none; }


.entrylist a span.award {
  font-size: 18px;
  padding-bottom: 4px;
  font-weight: 700;
  text-align:center;
}

.award-01 { color: #e74c3c !important}
.award-02 { color: #3498db !important}
.award-03 { color: #d35400 !important}
.award-04 { color: #8e44ad !important}
.award-05 { color: #1abc9c !important}


/* 2022-12-13, 년도별 색상 지정 */
.sif2022 .sif-sv {background:#3154a6;}
.sif2022 .sif { background:#f99167 !important;}
.sif2022 .contest-file h6 { color:#fff; }

.sif2023 .sif-sv {background:#3cc4c4;}
.sif2023 .sif { background:#c5e8d0 !important;}
.sif2023 .contest-file h6 { color:#000; }

.sif2024 .sif-sv {background:#3cc4c4;}
.sif2024 .sif { background:#c5e8d0 !important;}
.sif2024 .contest-file h6 { color:#000; }

.sif2025 .sif-sv {background:#3cc4c4;}
.sif2025 .sif { background:#c5e8d0 !important;}
.sif2025 .contest-file h6 { color:#000; }

.sif2026 .sif-sv {background:#3cc4c4;}
.sif2026 .sif { background:#c5e8d0 !important;}
.sif2026 .contest-file h6 { color:#000; }

.review-text { margin:0 0 0 15px !important; padding:0; }


/* youtube channel */
.sif-youtube-channel { font-family: 'SEBANG_Gothic_Bold' !important; margin-top:40px; background-color:#fff; padding:20px; }
.youtube-icon { margin-right:20px;}

.sif-youtube-inner { display:flex; }
.sif-channel-capture { text-align:center; }
@media (min-width:991.98px) {
  .sif-channel-capture img { max-height:180px; }
}

@media (max-width:991.98px) {
  .sif-youtube-inner { margin-bottom:30px; }
}

.youtube-text { margin-top:10px; }
.youtube-text h3  {
  font-size: 1.5em;
  letter-spacing: 2px;
  margin:20px 0;
}


.reporter{
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 30px;
  background: #ddd;
  font-size: 1.125rem;
  line-height: 1.5;
}

.reporter .list-dot {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}

.reporter .list-dot li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #999;
  display: inline-block;
  margin: 0 8px 5px 0;
  vertical-align: middle;
}