@charset "utf-8";


:root[color-theme='light'] {
    --lgcLeftBg: url("/images/main/icon_left_black.png") no-repeat calc(50% - 1px) calc(50% + 1px), #fff;
    --lgcRightBg: url("/images/main/icon_right_black.png") no-repeat calc(50% + 1px) calc(50% + 1px), #fff;
    --lgcStopBg: url("/images/main/icon_pause_black.png") no-repeat calc(50% + 0px) calc(50% + 1px), #fff;
    --lgcPlayBg: url("/images/main/icon_play_black.png") no-repeat calc(50% + 0px) calc(50% + 1px), #fff;
}

:root[color-theme='dark'] {
    --lgcLeftBg: url("/images/main/icon_left.png") no-repeat calc(50% - 1px) calc(50% + 1px), #47484a;
    --lgcRightBg: url("/images/main/icon_right.png") no-repeat calc(50% + 1px) calc(50% + 1px), #47484a;
    --lgcStopBg: url("/images/main/icon_pause.png") no-repeat calc(50% + 0px) calc(50% + 1px), #47484a;
    --lgcPlayBg: url("/images/main/icon_play.png") no-repeat calc(50% + 0px) calc(50% + 1px), #47484a;
}


.latestGalleryWrap { position:relative; }
.lgcControlPanel { position:absolute; left:0; top:295px; right:0; width:100%; padding:0px 6.5% 0; display:flex; gap:5px; align-items: center; z-index:5; }
.lgcTitle { color:var(--fontColorTopSMenuOn); font-size:clamp(17px,1.042vw,18px); font-weight:700; display:flex; flex-direction: column; }
.lgcTitle a { font-size:0.9em; color:var(--fontColor555); font-weight:400; }
.lgcTitle a:hover,
.lgcTitle a:focus { color:var(--fontColorblue3); }
.lgcTitle a i,
.lgcTitle a svg { font-size:0.9em; }
.lgcCnt { font-size:clamp(17px,1.042vw,18px); color:var(--fontColorblue4); padding-top:1px; margin-left:auto; font-weight:700; text-align:right; white-space: nowrap; }
.lgcCnt > span { color:var(--fontColorblue3); display:inline-block; }

.lgcBtn { width:32px; height:32px; line-height:30px; border:1px solid #d9d9d9; border-radius:5px; }
.lgcLeft { background:var(--lgcLeftBg); margin-left:10px; }
.lgcRight { background:var(--lgcRightBg); }
.lgcStop { background:var(--lgcStopBg); }
.lgcStop.lgcPlay { background:var(--lgcPlayBg); }


#swiperLatestGallery { width:100%; height:435px; position:relative; margin:0 auto; z-index:1; }
#swiperLatestGallery .swiper-slide { width:100%; height:100%; background:#fff; padding:1px; }
.latestGalleryCon { width:100%; height:100%; }
.latestGalleryCon > a { display:inline-block; width:100%; height:100%; vertical-align:top; }
.lgcThumb { width:100%; height:275px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.lgcBox { min-height:calc(100% - 275px); border:1px solid #d9d9d9; border-top:0px; background:var(--bgTransparentButton); padding:70px 6.5% 0; border-bottom-left-radius:5px; border-bottom-right-radius: 5px; }
.lgcSubj  { 
    font-size:clamp(17px,1.042vw,20px); color:var(--fontColor000); font-weight:500;
    width:100%; height:60px; line-height:30px; 
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}