@charset "utf-8";
:root {
  --background-width: 42%;
  --background-height: 42%;
}

.photo_recent{overflow: hidden; position: relative;}
.photo_recent::after{content: ""; display: block; position: absolute; width: var(--background-width); height: var(--background-height); right: 0; top: 50px; background: #1473e6 url(../images/news_background.png) no-repeat right top; border-top-left-radius: 20px;}
.pr-photo-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1920px; margin: 0 auto; margin-top: 50px; }
.pr-photo-wrap .pr-photo-image-list{width: 58%; position: relative; left: -100px; opacity: 0; height: 100%; z-index: 2; margin-top: 70px; background-color: white;}
.pr-photo-wrap .pr-photo-image-box{opacity: 0; transition: all 1s; position: absolute; left: 0; top: 0; width: 100%; height: 0; padding-bottom: 820px; visibility: hidden; opacity: 0; transition: all .5s;}
.pr-photo-wrap .pr-photo-image-box.active{visibility: visible; opacity: 1; left: 0;}
.pr-photo-wrap .pr-photo-image{display: block !important;}
.pr-photo-wrap .pr-photo-image .thumb{position: relative; padding-bottom: 820px; overflow: hidden;}
.pr-photo-wrap .pr-photo-image .thumb img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.pr-photo-wrap .pr-photo-image-content-list{width: 42%; padding: 70px 100px 533px 70px; position: relative; right: -100px; opacity: 0; z-index: 2;}
.pr-photo-wrap .pr-photo-image-content-list h1{font-size: 50px; color: #ffffff; font-family: "SBA Medium"; display: inline-block; position: relative; margin-bottom: 27px;}
.pr-photo-wrap .pr-photo-image-content-list h1::after{content:""; display: block; position: absolute; right: -30px; top: 12px; width: 18px; height: 18px; background: url(../images/news_title_background.png) no-repeat center center / cover;}
.pr-photo-wrap .pr-photo-tab-box{margin-bottom: 80px;}
.pr-photo-wrap .pr-photo-tab-box ul{display: flex; flex-wrap: wrap;}
.pr-photo-wrap .pr-photo-tab-box li{width: 80px; height: 80px; border-radius: 50%;}
.pr-photo-wrap .pr-photo-tab-box li.active{border: 1px solid #ffffff;}
.pr-photo-wrap .pr-photo-tab-box li a{width: 100%; height: 100%; font-size: 18px; color: #ffffff; text-align: center; line-height: 78px; display: block;}
.pr-photo-wrap .pr-photo-tab-box li.active a{font-family: "HG Medium";}
.pr-photo-wrap .pr-photo-content-text-list{position: relative;}
.pr-photo-wrap .pr-photo-content-text-box{opacity: 0; visibility: hidden; transition: all .5s; position: absolute; left: 0; top: 0; width: 100%; z-index: 1;}
.pr-photo-wrap .pr-photo-content-text-box.active{opacity: 1; visibility: visible; z-index: 2;}
.pr-photo-wrap .pr-photo-content-text-box .subjectText{font-size: 45px; line-height: 60px; color: white; font-family: "SBA Medium"; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.pr-photo-wrap .pr-photo-content-text-box .subjectText span{background-image: linear-gradient(white,  white); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 2px; transition: background-size .5s;}
.pr-photo-wrap .pr-photo-content-text-box .content{margin-top: 38px;}
.pr-photo-wrap .pr-photo-content-text-box .content span{font-size: 18px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: white;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.pr-photo-wrap .pr-photo-paging-box{display: none; position: absolute; right: 100px; bottom: 45px;}
.pr-photo-wrap .pr-photo-paging-box.active{display: flex; flex-wrap: wrap; align-items: end;}
.pr-photo-wrap .pr-photo-paging-box .pr-photo-paging{display: flex; align-items: end;}
.pr-photo-wrap .pr-photo-paging-box .pr-photo-current{font-size: 110px; color: white; opacity: .5; font-family: "SBA Bold"; line-height: 1; display: inline-block; position: relative; top: 17px;}
.pr-photo-wrap .pr-photo-paging-box .pr-photo-slash{width: 2px; height: 25px; background-color: white; opacity: .4; transform: rotate(45deg); display: inline-block; margin: 0 21px 0 17px;}
.pr-photo-wrap .pr-photo-paging-box .pr-photo-total{font-size: 30px; color: white; opacity: .2; font-family: "SBA Bold"; line-height: 1; display: inline-block; position: relative; top: 2px;}
.pr-photo-wrap .pr-photo-paging-box .pr-photo-paging-arrow{margin-left: 57px;}
.pr-photo-wrap .pr-photo-paging-box .slick-arrow{font-size: 0; width: 40px; height: 15px; background-position: center center; background-size: cover; opacity: .4;}
.pr-photo-wrap .pr-photo-paging-box .slick-arrow:hover{opacity: 1;}
.pr-photo-wrap .pr-photo-paging-box .pr-photo-paging-prev{background-image: url(../images/news_prev.png); margin-right: 28px;}
.pr-photo-wrap .pr-photo-paging-box .pr-photo-paging-prev:hover{background-image: url(../images/news_prev_hover.png);}
.pr-photo-wrap .pr-photo-paging-box .pr-photo-paging-next{background-image: url(../images/news_next.png);}
.pr-photo-wrap .pr-photo-paging-box .pr-photo-paging-next:hover{background-image: url(../images/news_next_hover.png);}
.pr-photo-other-list{top: 100px; opacity: 0; position: relative; padding-bottom: 22.05%; max-width: 1920px; margin: 0 auto;}
.pr-photo-other-list .pr-photo-other-box{display: flex; flex-wrap: wrap; margin-top: 19px; position: absolute; left: 0; top: 0; width: 100%; z-index: 1;}
.pr-photo-other-list .pr-photo-other-box.active{z-index: 2;}
.pr-photo-other-list .pr-photo-other-box .pr-photo-other-image{border-radius: 15px; overflow: hidden; width: 32.87%; margin-right: 0.695%; position: relative; top: 0; opacity: 0; transition: all .5s;}
.pr-photo-other-list .pr-photo-other-box .pr-photo-other-image:last-child{margin-right: 0 !important;}
.pr-photo-other-list .pr-photo-other-box .pr-photo-other-image a{display: block; width: 100%; height: 100%; position: relative; padding-bottom: 64%;}
.pr-photo-other-list .pr-photo-other-box .pr-photo-other-image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}

.pr-photo-other-list .pr-photo-other-box.active .pr-photo-other-image{top: 0; opacity: 1;}

.pr-photo-wrap .pr-photo-image a:hover .thumb img{transform: scale(1.05);}
.pr-photo-other-list .pr-photo-other-box .pr-photo-other-image a:hover img{transform: scale(1.1);}
.pr-photo-wrap .pr-photo-content-text a:hover .subjectText span{background-size: 100% 2px;}

@media screen and (min-width: 1921px) {
  .pr-photo-other-list{padding-bottom: 420px;}
}

@media screen and (max-width: 1300px) {
    .pr-photo-wrap{margin-top: 30px;}
    .photo_recent::after{top: 30px;}
    .pr-photo-wrap .pr-photo-image-list{width: 54.9%; margin-top: 40px;}
    .pr-photo-wrap .pr-photo-image .thumb{padding-bottom: 390px;}
    .pr-photo-wrap .pr-photo-image-content-list{width: 45.1%; padding: 44px 40px 214px 45px;}
    .pr-photo-wrap .pr-photo-image-content-list h1{font-size: 30px; margin-bottom: 11px;}
    .pr-photo-wrap .pr-photo-image-content-list h1::after{width: 12px; height: 12px; right: -22px; top: -1px;}
    .pr-photo-wrap .pr-photo-tab-box{margin-bottom: 36px;}
    .pr-photo-wrap .pr-photo-tab-box li{width: 65px; height: 65px;}
    .pr-photo-wrap .pr-photo-tab-box li a{font-size: 16px; line-height: 63px;}
    .pr-photo-wrap .pr-photo-content-text-box .subjectText{font-size: 25px; line-height: 35px;}
    .pr-photo-wrap .pr-photo-content-text-box .content{display: none;}
    .pr-photo-wrap .pr-photo-paging-box{right: 40px; bottom: 30px;}
    .pr-photo-wrap .pr-photo-paging-box .pr-photo-current{font-size: 50px; top: 6px;}
    .pr-photo-wrap .pr-photo-paging-box .pr-photo-slash{margin: 0 21px 0 31px;}
    .pr-photo-wrap .pr-photo-paging-box .pr-photo-total{font-size: 18px;}
    .pr-photo-wrap .pr-photo-paging-box .pr-photo-paging-arrow{margin-left: 40px;}
    .pr-photo-other-list .pr-photo-other-box{margin-top: 14px;}
    .pr-photo-other-list .pr-photo-other-box .pr-photo-other-image{width: 32.67%; margin-right: calc(1.99%/2);}
}

@media screen and (max-width: 768px) {
    .pr-photo-wrap .pr-photo-image-list{width: 100%; margin-top: 0; height: 360px;}
    .pr-photo-wrap .pr-photo-image .thumb{padding-bottom: 360px;}
    .pr-photo-wrap .pr-photo-image-content-list{width: 100%; border-top-left-radius: 0; top: -1px; padding: 30px 20px 241px;}
    .pr-photo-wrap .pr-photo-image-content-list h1{font-size: 24px;}
    .pr-photo-wrap .pr-photo-image-content-list h1::after{right: -17px; top: 3px;}
    .pr-photo-wrap .pr-photo-tab-box li{width: 55px; height: 55px;}
    .pr-photo-wrap .pr-photo-tab-box li a{line-height: 53px; font-size: 15px;}
    .pr-photo-wrap .pr-photo-tab-box{margin-bottom: 25px;}
    .pr-photo-wrap .pr-photo-content-text-box .subjectText{font-size: 22px; line-height: 35px;}
    .pr-photo-wrap .pr-photo-content-text-box .content{display: block; margin-top: 16px;}
    .pr-photo-wrap .pr-photo-content-text-box .content span{font-size: 14px; line-height: 24px;}
    .pr-photo-wrap .pr-photo-paging-box{right: 20px; bottom: 35px;}
    .pr-photo-wrap .pr-photo-paging-box .pr-photo-current{font-size: 30px; top: 3px;}
    .pr-photo-wrap .pr-photo-paging-box .pr-photo-slash{margin: 0 9px 0 18px;}
    .pr-photo-wrap .pr-photo-paging-box .pr-photo-total{font-size: 15px; top: 1px;}
    .pr-photo-wrap .pr-photo-paging-box .pr-photo-paging-arrow{margin-left: 55px;}
    .pr-photo-other-list{display: none !important;}
    .photo_recent::after{width: 100%; height: calc(100% - 390px); top: auto; bottom: 0; border-top-left-radius: 0; background-size: 187px;}
}