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

/* 공통 */

@media all and (max-width:767px){
    .header-top{width: 95%}
    .area{width: 100%}
    aside{display: none}
}

@media all and (min-width:768px) and (max-width:1279px){
    .header-top{width: 95%}
    .area{width: 100%}
    aside{display: none}
}

@media all and (min-width:1280px){
    .header-top{width: 95%}
    h2 p{float: left}
    .area{width: 1280px}
}  

.container section{margin: 0 0 40px 0;border-bottom: 1px solid #e9e9e9;padding: 0 0 50px 0}

.area{margin: 0 auto}

/* 헤딩태그 */

h2 {overflow: hidden;color: #fff;font-weight: 700;margin: 13px 40px 0 0}

h2 .forum-year{color: #fff;font-size: 1.1em;font-weight: 800}
h2 .forum-title span{display: block;font-weight: 800;font-size: 1.1em}
h2 .forum-title span:last-child{color: #28bcfa}

h3 { font-weight: 800; font-size: 2em; margin: 0 0 30px 0;text-align: center;padding: 50px 0 20px 0}
h3:after{content: "";border-top:2px solid #000;height: 5px;width: 30px;display: block;margin: 20px auto 0 auto}
h4 { font-size: 1.2em ;font-weight: 800}
h5 { line-height: 20px; font-weight: bold; font-size: 0.93em ; color: #fff}

#wrap{position: relative;}

/* header */
header {width: 100%;position: relative;border-top:2px solid #28bcfa;background: #1d1d1d;z-index: 10}
header section{}
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: 0.8em;color: #e9e9e9}

.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}
.year2021{color: #28bcfa;font-weight: 700}

/* nav */
nav{background: #1d1d1d}
nav h2{float: left;font-size: 1em}
nav .nav-subbox{border-top:1px solid #343434;overflow: hidden}
nav .nav-subbox ul{overflow: hidden}
nav .nav-subbox ul li{float: left;width: 25%;text-align: center}
nav .nav-subbox ul li span{line-height: 60px;color: #fff;font-weight: 800;font-size: 1.1em}
nav .nav-subbox ul li span:hover{opacity: 0.7;transition: 0.8s}

.container{position: relative}
.container > section{position: relative}

/*support*/
.support-area ul{overflow: hidden;border-top:1px solid #ccc;border-bottom: 1px solid #ccc}
.support-area ul li{width: 20%;float: left;text-align: center;padding: 20px 0}
.support-area ul li .support-box span{width: 90%;margin: 0 auto;display: inline-block}
.support-area ul li .support-box span img{width: 100%}

footer{color: #fff;background: #171717}