@charset "UTF-8";
/*================================
 logo.css
=================================*/

main {
background-color: #fcfcfc;
}

header.min_bg {
background: linear-gradient(180deg, #020001 0%, #020001 200px, #fcfcfc 200px);
}

/*================================
 o/w
=================================*/

header h2 {
background:url(../img/logo/header_tit.png) no-repeat center top;
margin-top: 80px;
display: block;
width: 1020px;
height: 160px;
position: absolute;
top: 120px;
left: 0;
right: 0;
margin: auto;
}

/*
-------------------------------- */
.row_inner {
overflow: hidden;
max-width: 1600px;
min-width: 1240px;
width: 100%!important;
}



/* post_headerslider
-------------------------------- */

.post_headerslider{
overflow: hidden;
display: block;
margin: 0 0 50px;
background-color: #F8F8F8;
}

    .post_headerslider .slider{
    display: block;
    width:1920px;
    left: 50%;
    margin-left: -960px;
    }

.post_headerslider .slider .slick-list{
display: block;
width:1920px;
overflow: visible;
}

.post_headerslider .slider .slick-slide {
}

.post_headerslider .slider .slick-slide img {
width: auto;
height: 640px;
margin: 0 20px;
box-shadow: 0 0 16px rgba(1,1,1,0.2);
}

.post_headerslider .thumb{
overflow: hidden;
display: block;
width: 800px!important;
margin: 0 auto;
padding: 50px 0;
}

.post_headerslider .thumb .slick-list {
overflow: visible;
}

.post_headerslider .thumb .slick-track {
}

.post_headerslider .thumb .slick-slide {
}

.post_headerslider .thumb img{
cursor:pointer;
object-fit: cover;
width: 120px;
height: 120px;
box-shadow: 0 0 6px rgba(1,1,1,0.1);
}


/* post_content
-------------------------------- */

.post_content {
width: 1100px;
margin: 50px auto 0;
}

.post_content .post_tit h3 {
display: inline-block;
font-size: 31px;
font-weight: bold;
}

.post_content .post_tit .cat {
display: inline-block;
margin-left: 40px;
font-size: 16px;
letter-spacing: 0.06em;
line-height: 50px;
height: 50px;
border-radius: 25px;
padding: 0 30px;
color: #111;
background-color:#efefef;
}

.post_content .post_con {
margin-top: 30px;
}

.post_content .post_rellist {
display: block;
margin: 0 auto;
overflow: hidden;
min-height: 90px;
}

.post_content .post_rellist h3 {
background:url(../img/works/related_tit.png) no-repeat center top;
display: block;
width: 200px;
height: 40px;
margin: 50px auto 0;
}

.post_content .post_rellist ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 30px auto 50px;
}

.post_content .post_rellist ul li {
position: relative;
display: block;
width: 540px;
height: 60px;
margin-bottom: 20px;
}

.post_content .post_rellist ul li a::after {
content: "";
background:url(../img/works/related_li_arrow.png) no-repeat center center;
display: block;
width: 30px;
height: 30px;
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
transition: 0.2s;
}

.post_content .post_rellist ul li a:hover::after {
position: absolute;
right: 26px;
}

.post_content .post_rellist ul li a {
display: block;
width: 100%;
height: 100%;
line-height: 60px;
background-color: #1C1D1F;
color: #fff;
text-indent: 40px;
}

.post_content .post_rellist ul li .tit {
display: block;
width: 160px;
padding: 10px 40px;
}

.post_content .post_rellist ul li .desc {
display: block;
width: 940px;
padding: 10px 40px;
border-left: 1px solid #D7D7D7;
}


/* post_otherslider
-------------------------------- */

.post_otherslider {
position: relative;
display: block;
overflow: hidden;
border-top: 1px solid #D7D7D7;
background: linear-gradient(180deg, #fff 0%, #fff 820px, #040000 820px);
}

.post_otherslider h3 {
background:url(../img/works/post_otherslider_tit.png) no-repeat center top;
display: block;
width: 400px;
height: 90px;
margin: 90px auto 40px;
}

.post_otherslider .bx-wrapper {
margin-bottom: 0;
}

.post_otherslider .bx-viewport {
padding: 20px 0 20px 20px;
}

.post_otherslider .fixed_row {
position: relative;
display: block;
width: 1540px;
min-height: 800px;
margin-left: 380px;
margin-top: 20px;
overflow: visible!important;
}

.post_otherslider .slider {
position: relative;
display: block;
}

.post_otherslider .slider img{
width:640px;
height:640px;
object-fit: cover;
box-shadow: 0 0 16px rgba(1,1,1,0.2);
}

.post_otherslider .custom-control {
overflow: hidden;
height:80px;
width:80px;
position: absolute;
left:-20px;
top: 300px;
}

.post_otherslider .custom-control .custom-next {
overflow: hidden;
display: inline-block;
position: absolute;
top: 0;
left: 0;
}

.post_otherslider .custom-control .custom-next a.bx-next{
background: url(../img/element/slide_prev_grey.png) no-repeat center center;
display: block;
width: 80px;
height: 80px;
}

.post_otherslider .fixed_row p{
width: 1100px;
margin-top: 20px;
margin-left: 30px;
margin-bottom: 40px;
color: #fff;
}