a {
color:#FFF;
}
#content_header {
height:790px;
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/news/bg_news_top.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.content_logo{
padding-top:290px;
text-align: center;
}
.content_logo img {
width:90%;
margin-bottom: 35px;
}
.content_logo h1,
.content_logo p {
text-align: center;
color:#FFF;
font-size:20px;
font-weight:normal;
}
@media (max-width: 767px) {
#content_header {
padding-top:15px;
height: 380px
}
.content_logo{
padding-top:130px;
text-align: center;
}
.content_logo img{
width:80%;
max-width: 385px;
margin-bottom: 20px;
}
.content_logo p{
font-size:18px;
}
} #news_archive_contents {
padding:115px 0;
}
#news_archive_contents .inner {
padding:0;
} nav#category_list ul {
text-align: center;
padding:0px 0;
margin-bottom:50px;
letter-spacing: -.4em;
}
nav#category_list ul li {
display: inline-block;
width: 150px;
padding:0px;
font-size: 24px;
border: 1px solid #6C471D;
letter-spacing: 0.05em;
margin-right: 50px;
background: #fff;
position: relative;
line-height: 40px;
}
nav#category_list ul li:hover {
background: #6C471D;
}
nav#category_list ul li:hover a{
color:#FFF;
}
nav#category_list ul li:after,
nav#category_list ul li:before {
top: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
nav#category_list ul li:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
nav#category_list ul li:hover:after {
border-top-color: #6C471D;
}
nav#category_list ul li.active:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #6C471D;
border-width: 10px;
margin-left: -10px;
}
nav#category_list ul li:before {
border-color: rgba(93, 63, 21, 0);
border-top-color: #6C471D;
border-width: 11px;
margin-left: -11px;
}
nav#category_list ul li.active {
background: #6C471D;
color:#fff;
}
nav#category_list ul li:last-child {
margin-right: 0px;
}
nav#category_list ul li a{
color:#6C471D;
width:100%;
height:100%;
display: block;
font-weight: bold;
}
nav#category_list ul li.active a{
color:#fff;
}
@media (max-width:  575px){
nav#category_list ul {
margin-bottom:30px;
}
nav#category_list ul li {
width: 32%;
padding:0px;
font-size: 16px;
margin-right: 2%;
}
} #news_archive_contents .inner{
width:1035px;
}
#news_list ul {
padding:0;
}
#news_list ul li {
padding:0px 50px;
margin-top: 20px;
}
#news_list ul li img {
opacity: 1;
}
#news_list ul li .news_list_inner{
height:auto;
position: relative;
padding:45px 0;
}
#news_list .new_icon {
position: absolute;
top:0px;
left:0px;
width: 60px;
}
#news_list .news_list_body {
position:relative;
}
.news_list_body .news_category {
background: #6C471D;
color:#FFF;
font-size:12px;
line-height: 20px;
padding:0 40px;
position: absolute;
top:0px;
right:0px;
}
.news_list_body .news_date {
color:#000;
font-size:24px;
line-height: 20px;
margin-bottom: 0;
}
.news_list_body .news_title {
height: 90px;
padding:10px 0;
margin-bottom: 25px;
line-height: 40px;
color:#000;
font-size: 24px;
word-wrap: break-word;
}
.news_list_body .news_list_img {
margin-bottom: 15px;
height:278px;
overflow: hidden;
}
.news_list_body .news_place {
font-size:16px;
margin-bottom: 20px;
}
.news_place span,
.news_data_start span,
.news_data_end span,
.news_data_time span {
background: #CCC;
color:#333;
width:90px;
display: inline-block;
font-size:16px;
text-align: center;
margin-right:15px;
}
.news_list_text .news_text {
font-size:16px;
font-weight: 550;
letter-spacing: 1px;
line-height: 24px;
margin-bottom: 30px;
word-wrap: break-word;
}
.news_list_text .news_more {
width: 150px;
font-size: 16px;
background: #6C471D;
text-align: center;
margin:auto;
border: 1px solid #6C471D;
}
.news_list_text .news_more a{
height:100%;
padding:5px 0;
display:block;
width:100%;
transition:.4s;
}
.news_list_text .news_more a:hover{
background: #FFF;
color:#6C471D;
transition:.4s;
}
.news_list_text .news_more a:hover i{
color:#6C471D;
transition:.4s;
}
.news_list_text .news_more i{
margin-left: 20px;
color:#FFF;
font-weight: bold;
}
@media (max-width:  1199px){
#news_archive_contents .inner{
width:991px;
}
.news_list_body .news_title {
height: 75px;
padding:10px 0;
margin-bottom: 0px;
line-height: 30px;
font-size: 20px;
}
.news_list_body .news_date {
}
.news_list_body .news_list_img {
height:230px;
}
}
@media (max-width:  991px){
#news_archive_contents .inner{
width:767px;
}
#news_list ul li {
padding:0px 20px;
}
.news_list_body .news_date {
font-size:18px;
}
.news_list_body .news_title {
padding:10px 0;
margin-bottom: 0px;
line-height: 30px;
font-size: 18px;
}
.news_list_body .news_list_img {
height:230px;
}
.blog_list_text {
margin:0px auto 0px;
top:40%;
height:45%;
width:100%;
padding:0px;
}
}
@media (max-width:  767px){
#news_archive_contents .inner{
width:575px;
}
#news_list ul li .news_list_inner {
padding:30px 0;
}
#news_list .new_icon {
width: 40px;
}
.news_list_body .news_date {
font-size:14px;
}
.news_list_body .news_title {
height: 55px;
line-height: 20px;
font-size: 14px;
}
.news_list_body .news_list_img {
height:150px;
}
.news_list_text .news_text {
font-size:14px;
line-height: 20px;
margin-bottom: 20px;
}
}
@media (max-width:  575px){
#news_archive_contents .inner {
width: 100%;
max-width: 350px;
}
.news_list_body .news_date {
font-size:16px;
}
.news_list_body .news_list_img {
height:200px;
}
#news_list ul li {
margin-bottom: 20px;
}
} #news_area {
background: #FFF;
color:#000;
padding: 120px 0 100px;
}
#news_article {
width: 90%;
max-width: 925px;
margin:0 auto;
background: rgba(255,255,255,1);
padding:0px;
position: relative;
}
#news_article .news_category {
font-size: 24px;
width:200px;
background: #6C471D;
text-align: center;
color:#FFF;
font-weight:bold;
margin-bottom: 85px;
}
#news_article .news_new {
width:60px;
position: absolute;
top:0;
}
#news_article #news_header {
position: relative;
padding-top:40px;
margin-top:0px;
}
#news_header .post_time {
font-weight: 500;
font-size:25px;
margin: 0;
}
#news_header .post_title {
font-size:26px;
font-weight: bold;
margin-top: 20px;
line-height: 50px;
margin: 20px 0 0;
}
#news_body {
padding:50px 0px 0;
margin-top:0px;
margin-bottom: 90px;
}
#news_body .news_img {
padding:0 15px;
margin-bottom:50px
}
#news_body p.news_data_start,
#news_body p.news_data_end,
#news_body p.news_data_time{
font-weight: 500;
font-size:16px;
}
#news_body p.news_place{
font-size:16px;
margin-bottom:30px;
}
#news_body p.news_text{
font-weight: 500;
font-size:18px;
margin-bottom:30px;
letter-spacing: 0.05rem;
}
#news_body p.news_sub_text{
border-top:1px solid #ccc;
padding-top:30px;
}
.news_archive_link {
width: 100%;
max-width:925px;
margin: auto;
}
.news_archive_link ul{
letter-spacing: -.4rem;
}
.news_archive_link ul li{
letter-spacing: 0.05rem;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/news/bg_news_link.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
display: inline-block;
border: 1px solid #6C471D;
width:30%;
margin-right:5%;
}
.news_archive_link ul li:last-child{
margin-right:0%;
}
.news_archive_link ul li a{
font-size:24px;
font-weight: bold;
display: block;
width: 100%;
height:100%;
padding:3px 0;
color:#6C471D;
transition: .4s;
}
.news_archive_link ul li a:hover {
background: #6C471D;
color:#FFF;
transition: .4s;
}
@media (max-width: 991px){
#news_area {
padding-left:10px;
padding-right:10px;
}
#news_article {
width:700px;
margin-top:0px;
}
.news_archive_link ul li a{
font-size:18px;
}
}
@media (max-width: 767px){
#news_area {
padding:80px 10px;
}
#news_article {
width:500px;
margin-top:0px;
}
#news_article .news_category {
margin-bottom: 50px;
}
.news_archive_link ul li a{
font-size:2.5vw;
}
}
@media (max-width: 575px){
#news_article {
width:100%;
max-width:350px;
margin-top:0px;
}
#news_article .news_category {
width:120px;
font-size:18px;
}
#news_header .post_time {
font-size:18px;
}
#news_header .post_title {
font-size:20px;
font-weight: bold;
margin-top: 20px;
line-height: 36px;
margin: 20px 0 0;
}
#news_body {
padding:20px 0 0;
margin-bottom:50px;
}
#news_body .news_img {
margin-bottom:30px;
}
#news_body p.news_text{
font-size:16px;
padding:0 10px;
}
.news_archive_link ul li a{
font-size:2.5vw;
}
}