/* ----------------------------------------------- */
.accordion-area{
    list-style: none;
    width: 96%;
    max-width: 1200px;
    margin:0 auto 100px;
}
.accordion-area .block {
    margin: 10px 0;
	background-color: rgba(255,255,255,.7);
}
.accordion-area section {
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-right: 1px solid rgba(0,0,0,.1);
}
.title {
    position: relative;
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
}
.title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
}
.title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);
}
.title.close::before{
	transform: rotate(45deg);
}
.title.close::after{
	transform: rotate(-45deg);
}
.box {
    display: none;
    background: #f3f3f3;
	margin:0 3% 3% 3%;
    padding: 3%;
}
/* ----------------------------------------------- */
#notice_nav {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 100px;
}
#notice_nav li {
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-right: 1px solid rgba(0,0,0,.1);
	margin-bottom: 10px;
}
#notice_nav li a {
	display: block;
	background: url("../images/common/icon13.png") no-repeat right 20px center;
	background-size: 12px auto;
	background-color: rgba(255,255,255,.7);
	font-weight: 500;
	padding: 12px 40px 17px 25px;
	font-size: 1.1rem;
	position: relative;
	line-height: 150%;
}
#notice_nav li a span {
	display: block;
	font-size: 12px;
	color: #aaa;
}
#notice_nav li a:hover {
	background: url("../images/common/icon13g.png") no-repeat right 15px center;
	background-size: 12px auto;
	background-color: rgba(255,255,255,.7);
}
#notice_nav li a:hover span {
	color: #88B94E;
}
#notice_nav li a::before {
	content: '';
	transition: .3s;
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #88B94E;
}
#notice_nav li a:hover::before {
	width: 100%;
}
/* ----------------------------------------------- */
#blog {
	max-width: 1200px;
	width: 90%;
	padding: 40px;
	background-color: rgba(255,255,255,.7);
	margin: 0 auto 50px;
}
#blog p {
	margin-bottom: 40px;
}
#blog img {
	display: block;
	max-width: 700px;
	width: 100%;
	margin: 0 auto 10px;
	border-radius: 20px;
}
/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */



@media screen and ( max-width : 1130px ) {
	
	/* ----------------------------------------------- */
    
	/* ----------------------------------------------- */
}




@media screen and (max-width: 940px) {
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
}



@media screen and ( max-width : 640px ) {
	
	/* --------------------------------------------------- */
	#notice_nav li {
		margin-bottom: 5px;
	}
	#notice_nav li a {
        padding: 10px 30px 12px 15px;
        font-size: .9rem;
        background: url("../images/common/icon13.png") no-repeat right 15px center;
        background-size: 10px auto;
        background-color: rgba(255,255,255,.7);
    }
	#notice_nav li a span {
        font-size: 11px;
    }
	#notice_nav li a:hover {
        background: url("../images/common/icon13g.png") no-repeat right 10px center;
        background-size: 10px auto;
        background-color: rgba(255,255,255,.7);
    }
	/* --------------------------------------------------- */
	#blog {
        padding: 10px 20px 20px;
        margin: 0 auto 40px;
    }
	#blog p {
        margin-bottom: 20px;
    }
	/* --------------------------------------------------- */
	
	/* --------------------------------------------------- */
	
	/* --------------------------------------------------- */
	
}