@charset 'utf-8';

@media all and (max-width:767px) {

    h2 {font-size: 4.5em}
    h2 span {line-height: 75px}
    .header-top {width: 95%}
    .area {width: 100%}
    .visual_box {width: 100%}
    .schedule p span {display: block;font-size: 1.3em;line-height: 30px}
    
    aside {display:none}
    .gnb {display: none}
    .gnb-m {display: block}
    .nav-subbox {display:none}
    
}
@media all and (min-width:768px) and (max-width:1279px) {
    
    h2 {font-size: 6em}
    h2 span {line-height: 100px}
    .header-top {width: 95%}
    .area {width: 90%}
    .visual_box {width: 95%}
    .schedule p span {font-weight: 800;font-size: 1.2em;line-height: 42px}
    .schedule p span:first-child:after {
        content: "";
        border-right: 1px solid #393a3a;
        margin: 0 10px;
    }
    aside {display: none}
    .gnb {display: none}
    .gnb-m {display: block}
    .nav-subbox {display: none}
    
}
@media all and (min-width:1280px) {
    
    h2 {font-size: 7em}
    h2 span {line-height: 115px}

    .header-top {width: 95%}

    .area {width: 1280px}

    .visual_box {width: 1280px}

    .schedule p span {font-weight: 800;font-size: 1.2em;line-height: 42px}
    .schedule p span:first-child:after {
        content: "";
        border-right: 1px solid #393a3a;
        margin: 0 10px;
    }
    .gnb {display: block}
    .gnb-m {display: none}
    .nav-subbox {display: block}
}  

.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 p{float: left}
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;line-height:20px}
h2 .forum-title span:last-child {
    color: #a2bee5;
}

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{width: 100%;position: relative;background: #171717}

/* header */
header {width: 100%;position: relative;border-top: 2px solid #a2bee5;background: #626262;z-index: 10}
header section {background: rgba(0,0,0,0.2)}
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: #a2bee5;
    font-weight: 700;
}
.header-top .previous-site{float: right}
.header-top .previous-site li.active span {color: #a2bee5;font-weight: 700}

/* nav */
nav{}
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;background: #fff}
.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}