@charset "utf-8";
/* 새글 스킨 (latest) */
.pic_lt{position:relative;margin-bottom:20px;overflow:hidden;border: 1px solid #c6cacc;background:#fff}
.pic_lt .lat_title {display:block;background:#fcfcfc;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;}
.pic_lt .lat_title a{color:#253dbe;display:inline-block;position:relative}
.pic_lt .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover{color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul{padding:20px 15px }
.pic_lt li{float:left;width:20%;padding:0 10px}
.pic_lt li .lt_img{margin:5px 0;display:block}
.pic_lt li .lt_img img{width:100%;height:auto}
.pic_lt li a:hover{color:#a22121}
.pic_lt li .fa-heart{color:#ff0000;}
.pic_lt li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.pic_lt li .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.pic_lt li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.pic_lt li .fa-caret-right{color:#bbb}
.pic_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.pic_lt .lt_date{display:block;margin-top:5px;color: #888;}

.mainTitleInner{display: flex; width: 100%;}
.imgBanner {display: flex; justify-content: center; align-items: center;}
.mainTitleSet {display: flex; justify-content: center; align-items: center; height: 80vh; gap: 60px; padding: 0 50px;}
.mainTitleBox {display: flex; align-items: end; gap: 10px;}

#jy_mainBanner .mainTitle{letter-spacing: -0.01em; line-height: 55px; writing-mode: vertical-rl !important; text-orientation: upright !important;}
#jy_mainBanner .mainMiniTitle {letter-spacing: 0.3em; padding-bottom: 0.7rem; writing-mode: vertical-rl !important; text-orientation: upright !important;}
#jy_mainBanner .mainServTitle {letter-spacing: 0.3em; border-right: 0.5px solid #000; border-left: 0.5px solid #000; padding: 0 15px; writing-mode: vertical-rl !important; text-orientation: upright !important;}

.mainImg {display: flex; height: 80vh; overflow: hidden; position: relative;}
.mainImg img {max-width: none; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.mainImg img.slow-zoom{animation: slowZoom 20s ease-in-out infinite alternate; transform-origin: center center;}
@keyframes slowZoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

#jy_mainBanner .swiper-wrapper{height: 80vh; margin-top: 95px;}

.mainImgSet{position: relative; float: right; position: relative; z-index: 1;}
#jy_mainBanner .swiperButtonSet{position: absolute; bottom: 0; width: 120px; height: 50px;  left: -110px;}
#jy_mainBanner .swiperButtonSet .swiper-button-prev, #jy_mainBanner .swiperButtonSet .swiper-button-next {padding: 5px; width: 50px; height: 50px; color: white;}
#jy_mainBanner .swiperButtonSet .swiper-button-prev{background-color: #af9375; border-radius: 10px 0 0 0;}
#jy_mainBanner .swiperButtonSet .swiper-button-next{background-color: #79563c;}
#jy_mainBanner .swiperButtonSet .swiper-button-prev::after, #jy_mainBanner .swiperButtonSet .swiper-button-next::after{font-size: 20px; font-weight: 600;}

@media (max-width: 768px) {
    .imgBanner{background-image: cover; background-size: cover; display: block;}
    .mainTitleSet{background-image: none !important; display: flex; flex-flow: column; justify-content: start; padding: 110px 0 0 0; gap: 40px;}
    .mainTitleBox{flex-flow: column; order: 2; align-items: center;}
    #jy_mainBanner .mainServTitle{order: 1; letter-spacing: 0.1em; font-weight: 500 !important; border-top: 0.5px solid #fff; border-bottom: 0.5px solid #fff; border-left: unset; border-right: unset; letter-spacing: 0.1em; padding: 6px 0;}
    #jy_mainBanner .mainTitle, #jy_mainBanner .mainServTitle, #jy_mainBanner .mainMiniTitle {letter-spacing: 0.1em; writing-mode: unset !important; text-orientation: unset !important; color: white;}
    .mainTitleInner{background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 50%);}

}