body{width: 100%;}

.main>div{
    width: 100%; top: 360px;
}
.main span{width: 90%;}
.main span>*{text-align: center;}
.main span>ul{margin: 18px auto 0;}
.main .left_btn{position: absolute; left: 30px; cursor: pointer;}
.main .right_btn{position: absolute; right: 30px; cursor: pointer;}


/*  벌룬 scroll  */

.main .scrollWrap{
    width: 100%; height: 200px; position:relative; 
}
.main .scrollWrap>.scroll{
    position: absolute; 
    height: 50px; width: 100px; 
}
div.scroll{
    width: 2%;
    position: absolute;
    left: 0; right: 0;
    bottom: 40px;
    margin: auto;
    color: #ccc;
}
div.scroll>div{
    font-weight: 100; line-height: 20px;
    width: 100px;
    text-align: center; color: #fff; font-size: 11px;          
}

div.scroll>div:nth-child(2){}

div.scroll .fa{
    color: #fff;
}

.notice{width: 95%; padding: 30px;} 
.notice>.newsG:nth-child(1){width: 42.1%;}
.notice>.newsG:nth-child(2){width: 57.9%;}
.notice>div{}
.notice>div>span{
	width: 29%;
}
.notice>div>span>*{}
.notice>div>span>h2{}
.notice>div>span>p{
    font-size: 22px;
}

.notice>div>span>div{width: 90%;}

.notice>div>span>button{}

.notice>.newsG{}
.notice>.newsG>.news{
    width: 60%; margin: 0 2%; 
}
.notice>.newsG_top>.news{
    margin-left: 8%;
}
.notice>.newsG>.news1{}
.notice>.newsG>.news2{}
.notice>.newsG>.news3{}

.notice>.newsG>div>*{
}
.notice>.newsG>div>.news_title{
    font-size: 15px; width: 100%;
}
.notice>.newsG>div>.news_title{
    font-size: 15px; width: 100%;
}

.notice>.newsG:nth-child(2)>.news{
    width: 46.2%; margin: 0 1.818%; 
}
.notice>.newsG>div>.news_date{}
.notice>.newsG>div>.news_substance{text-overflow: ellipsis;}