@charset 'utf-8';
/* 폰트 */
/* font-family: Noto Sans KR 노토산스 */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

* {-webkit-text-size-adjust:none; box-sizing:border-box; }
html, body {font-family: 'Noto Sans KR'; margin:0; padding:0; width:100%; height:100%; font-size:0; } body{ min-width:1300px; }
ul, li{ list-style:none; } p{ margin:0; }

.continerWrap{ width:100%; height:100%; } .mt5{ margin-top:5px; } .mt10{ margin-top:10px; } .mt20{ margin-top:20px; }
.year2020{color: #28bcfa !important}
header{
    background-image:url('http://img.blockstreet.co.kr/assets/image/forum/2019/fourm_header.jpg'); width:100%; height:250px; background-repeat:no-repeat;
    background-size:cover; background-position:center center; text-align:center; margin:0 auto;
}
nav{ width:100%; height:50px; background-color:#F5F5F5; } nav ul{ width:100%; max-width:1200px; margin:0 auto; } nav li{ display:inline-block; height:50px; line-height:50px; text-align:center; margin-right:30px; }
nav a{ font-size:16px; color:#000; font-weight:500; text-decoration:none; padding:7px 10px; } nav li a:hover{ border-bottom:5px solid #f4811f; } nav li a.active{ border-bottom:5px solid #f4811f; }
section{ width:100%; max-width:1200px; margin:0 auto; font-size:16px; padding:20px 0 40px 0; } .mainTextBox .mainThank{ font-size:24px; font-weight:700; }
.mainVideoBox{ width:100%; margin-top:50px; text-align:center; } .mainVideoBox h2{ margin:0 auto; }
.mainVideo{ width:100%; max-width:700px; height:500px;overflow:hidden; position:relative; margin:10px auto; } .mainVideo iframe{ position:absolute;top:0;left:0;width:100%;height:100%; }
.mainMore{ padding:10px 20px; background-color:transparent; border:1px solid #DEDEDE; font-weight:700; cursor:pointer; } .mainMore:hover{ background-color:#1FA8F3; color:#FFF; border:1px solid #1FA8F3; }

.mainPhotoBox{ margin-top:50px; text-align:left; }
.mainPhotoBox li{ font-size:14px; display:inline-block; padding:10px; width:33%; height:240px; overflow:hidden; position:relative; cursor:pointer; }
.mainPhotoBox li img{ width:100%; }
.mainPhotoBox .mainPhotoBoxList { text-align:center; }
.mainPhotoBox ul{ padding:0; }
.mainPhotoBox li .playBtn{ position:absolute; left:50%; top:50%; width:64px; margin-left:-32px; margin-top:-32px; }
.photoImg{ background-repeat:no-repeat; background-position:center center; width:98%; height:215px; background-size:cover; }


.videoBox{ margin-top:50px; text-align:left; }
.videoBox li{ font-size:14px; display:inline-block; padding:10px; width:33%; height:370px; overflow:hidden; position:relative; cursor:pointer; }
.videoBox li img{ width:100%; }
.videoBox .videoBoxList { text-align:center; }
.videoBox ul{ padding:0; }
.videoBox li .playBtn{ position:absolute; left:50%; top:50%; width:64px; margin-left:-32px; margin-top:-55px; }

.supportBox{ max-width:1200px; margin:0 auto; }

footer{ width:100%; text-align:center; padding:40px 0; border-top:1px solid #DEDEDE; }
.tabMenu{ padding:0; font-size:0; margin-top:30px; } .tabMenu li{ padding:10px 20px; display:inline-block; font-size:16px; width:130px; text-align:center; cursor:pointer; margin-bottom:-1px; }
.tabMenu li.active{ border-top:2px solid #f4811f; border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE; border-bottom:none; background-color:#FFF; }
.tabContentsBox{ border:1px solid #DEDEDE; position:relative; z-index:1; width:100%; max-width:1012px; margin-bottom:20px; } .tabContents img{ width:100%; } .tabMenuBox{ position:relative; z-index:99; padding-top:20px; }
.tabContents{ display:none; } .tabContents.active{ display:block; }


.popupWrap{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.9); left:0; top:0; display:none; }
.popupBox{ display:table-cell; vertical-align:middle; }
.popup{ background-color:#000; width:820px; height:540px; margin:0 auto; border-radius:5px; position:relative; }
#movie {padding-top:40px;}
.closeBtn{ width:30px; cursor:pointer; position:absolute; right:10px; top:7px; }
.popupTop p{ font-size:16px; font-weight:700; padding-top:5px; text-align:center; color:#fff;}

.newslist ul {margin:0px; padding:0px; text-align:left;}
.newslist li:first-child {border-top:solid 1px #e6e6e6;}
.newslist li {width:100%; height:188px; padding:20px; border-bottom:solid 1px #e6e6e6;}
.newslist a {text-decoration:none;}
.newslist a:hover {text-decoration:underline; color:#353535;}
.newslist .thumb {width:240px; height:148px; float:left; overflow:hidden; border:1px #ececec solid; margin-right:20px;}
.newslist .thumb img {width:100%;}
.newslist .text {padding-top:15px;}
.newslist .text strong {line-height:1.4; font-size:19px; font-weight:600; letter-spacing:-1px; color:#353535;}
.newslist .text p {margin-top:15px; height:43px; text-align:left; line-height:20px; font-size:14px; letter-spacing:-0.5px; font-weight:300; color:#353535; overflow:hidden;}
.newslist .text div {margin-top:10px; font-size:12px; font-weight:300; color:#787878;}

.header-section{background: #000}
.header-section .header-top{margin: 0 auto;overflow: hidden;position: relative}
.header-top ul{overflow: hidden;padding: 10px 0;display: inline-block}
.header-top ul li{float: left;margin: 0 10px 0 0;text-align: center}
.header-top ul li span{padding: 10px 0;font-size: 12px;color: #e9e9e9}
.header-top ul li a{ text-decoration:none; }
.header-top .family-site{float: left}
.header-top .family-site li:first-child span{color: #28bcfa;font-weight: 700}
.header-top .previous-site{float: right}
.header-top .previous-site li:nth-child(1) span{color: #28bcfa;font-weight: 700}
@media (min-width: 1380px) {
    .header-top{width: 95%}
}
@media (max-width: 1280px) {
    .header-top{width: 1280px}
}