@charset "UTF-8";

.top-seo-contents h3{
    margin-bottom: 5px;
    margin-top: 50px;
    color:#00bfbf;
}
.top-seo-contents h4{
    margin-top: 50px;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom:1px solid rgba(98, 82, 58, 0.13);
}
.top-seo-contents h5{
    margin-top: 40px;
}

.top-seo-contents p{
    margin-bottom: 30px;
}


.readmore-wrap {
position: relative;
}
.readmore-btn {
    width: 240px;
    margin: 0 auto;
    padding: 13px;
    cursor: pointer;
    color: #333 !important;
    position: relative;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    border: 1px solid #00bfbf;
    font-weight: 400;
    letter-spacing: 0.2rem;
}
.readmore-text {
position: relative;
height: 0px;
overflow: hidden;
}
.readmore-text:before {
display: block;
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 20px;
background: linear-gradient(rgba(255, 255, 255, 0), white);
}
.readmore-check {
display: none;
}
.readmore-check:checked + div .readmore-btn {
display: none;
}
.readmore-check:checked ~ .readmore-text {
height: auto;
}