@charset "UTF-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* css는 유료테마 ASKTHEME의 일부입니다. 불법복제시 불이익을 받을 수 있습니다.
* Latest skin
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.latest-wrap { margin: 3rem auto !important; }
.latest-wrap section { margin-bottom: 5rem; }
.latest-wrap .page-title { font-family: "Noto Sans KR", sans-serif; font-size: 1.25rem; font-weight: 700; color: #6c757d; padding: .5rem 0; border-bottom: 1px solid #dee2e6; }
.latest-wrap p { font-size: .75rem; color: #adb5bd; }
.latest-wrap .gallery-latest h3 { font-size: .875rem; font-weight: 600; color: #adb5bd; }

/* 기본 최신글 */
.latest-default-wrap { margin-bottom: 1rem; background-color: #fff; }
.latest-default-wrap::after { display: block; clear: both; content: ""; }
.latest-default-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #e9ecef; font-size: .875rem; }
.latest-default-wrap .latest-content { margin: 0; padding: .5rem; display: block; list-style: none; }
.latest-default-wrap .latest-content li { display: block; padding-right: 3.5rem; position: relative; }
.latest-default-wrap .latest-content li a { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding: .3rem; font-size: .75rem; color: #464a4c; }
.latest-default-wrap .latest-content li a .fa { color: #ced4da; }
.latest-default-wrap .latest-content li .write-info { position: absolute; right: 0; top: 0; font-weight: 700; color: #ced4da; padding: .3rem; font-size: .75rem; }

/* 탭최신글 */
.latest-tab-wrap { margin-bottom: 1rem; background-color: #fff; }
.latest-tab-wrap::after { display: block; clear: both; content: ""; }
.latest-tab-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #f7f7f9; font-size: .875rem; }
.latest-tab-wrap .latest-content { margin: 0; padding: .5rem; display: block; list-style: none; position: relative; }
.latest-tab-wrap .latest-content li { display: block; padding-right: 3.5rem; position: relative; }
.latest-tab-wrap .latest-content li a { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding: .3rem; font-size: .75rem; color: #464a4c; }
.latest-tab-wrap .latest-content li a .fa { color: #ced4da; }
.latest-tab-wrap .latest-content li .write-info { position: absolute; right: 0; top: 0; font-weight: 700; color: #ced4da; padding: .3rem; font-size: .75rem; }
.latest-tab-wrap .nav-tabs { margin-left: -1px; margin-right: -1px; background-color: #fff; }
.latest-tab-wrap .nav-tabs .nav-link.active { border-top: 4px solid #ddd; }
.latest-tab-wrap .nav-tabs .nav-link { font-size: .75rem; padding: .5rem .5rem; border-top: 4px solid #fff; }
@media (min-width: 992px) { .latest-tab-wrap .nav-tabs .nav-link { padding: .5rem 1rem; } }
.latest-tab-wrap .tab-pane .more-view { padding: .25rem; }
.latest-tab-wrap .tab-pane .more-view::after { display: block; clear: both; content: ""; }
.latest-tab-wrap .tab-pane .more-view a { float: right; }

/* 혼합 최신글 */
.latest-mixed-gallery-wrap { margin-bottom: 1rem; background-color: #fff; }
.latest-mixed-gallery-wrap::after { display: block; clear: both; content: ""; }
.latest-mixed-gallery-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #f7f7f9; font-size: .875rem; }
.latest-mixed-gallery-wrap .latest-content { margin: 0; padding: .5rem; display: block; list-style: none; }
.latest-mixed-gallery-wrap .latest-content li { display: block; padding-right: 3.5rem; position: relative; }
.latest-mixed-gallery-wrap .latest-content li a { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding: .3rem; font-size: .75rem; color: #464a4c; }
.latest-mixed-gallery-wrap .latest-content li a .fa { color: #ced4da; }
.latest-mixed-gallery-wrap .latest-content li .write-info { position: absolute; right: 0; top: 0; font-weight: 700; color: #ced4da; padding: .3rem; font-size: .75rem; }
.latest-mixed-gallery-wrap .gallery-grid { padding-top: .5rem; }
.latest-mixed-gallery-wrap .gallery-image { overflow: hidden; position: relative; margin-bottom: .75rem; }
.latest-mixed-gallery-wrap .gallery-image .gall-thumb { width: 100%; height: auto; border: 1px solid #eceeef; z-index: 10; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.latest-mixed-gallery-wrap .gallery-image .gall-thumb:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.latest-mixed-gallery-wrap .gallery-image .gallery-link { background: #000; background: rgba(0, 0, 0, 0.35); position: absolute; bottom: 0; left: 0; z-index: 20; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; font-size: .75rem; padding: .25rem .5rem; color: #fff; font-weight: 400; }
.latest-mixed-gallery-wrap .gallery-image .gallery-link .comment-count { font-weight: 700; color: #fd7e14; }
.latest-mixed-gallery-wrap .gallery-image .gallery-date { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; position: absolute; right: .25rem; top: .25rem; padding: .25rem; font-size: .75rem; z-index: 20; color: #fff; font-weight: 400; background: #000; background: rgba(0, 0, 0, 0.35); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.latest-mixed-gallery-wrap .gallery-image:hover .gallery-date { visibility: visible; opacity: 1; }

/* 혼합 Aside 최신글 */
.latest-mixed-aside-wrap { margin-bottom: 1rem; background-color: #fff; }
.latest-mixed-aside-wrap::after { display: block; clear: both; content: ""; }
.latest-mixed-aside-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #e9ecef; font-size: .875rem; }
.latest-mixed-aside-wrap .latest-content { margin: 0; padding: .5rem; display: block; list-style: none; }
.latest-mixed-aside-wrap .latest-content li { display: block; padding-right: 3.5rem; position: relative; }
.latest-mixed-aside-wrap .latest-content li a { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding: .3rem; font-size: .75rem; color: #464a4c; }
.latest-mixed-aside-wrap .latest-content li a .fa { color: #ced4da; }
.latest-mixed-aside-wrap .latest-content li .write-info { position: absolute; right: 0; top: 0; font-weight: 700; color: #ced4da; padding: .3rem; font-size: .75rem; }
.latest-mixed-aside-wrap .gallery-grid { padding-top: .5rem; }
.latest-mixed-aside-wrap .gallery-image { overflow: hidden; position: relative; margin-bottom: .75rem; margin-left: .2rem; }
.latest-mixed-aside-wrap .gallery-image .gall-thumb { width: 100%; height: auto; border: 1px solid #eceeef; z-index: 10; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.latest-mixed-aside-wrap .gallery-image .gall-thumb:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.latest-mixed-aside-wrap .gallery-image .gallery-link { background: #000; background: rgba(0, 0, 0, 0.35); position: absolute; bottom: 0; left: 0; z-index: 20; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; font-size: .75rem; padding: .25rem .5rem; color: #fff; font-weight: 400; }
.latest-mixed-aside-wrap .gallery-image .gallery-link .comment-count { font-weight: 700; color: #fd7e14; }
.latest-mixed-aside-wrap .gallery-image .gallery-date { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; position: absolute; right: .25rem; top: .25rem; padding: .25rem; font-size: .75rem; z-index: 20; color: #fff; font-weight: 400; background: #000; background: rgba(0, 0, 0, 0.35); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.latest-mixed-aside-wrap .gallery-image:hover .gallery-date { visibility: visible; opacity: 1; }

/* 웹진 최신글 */
.latest-webzine-wrap { margin-bottom: 1rem; background-color: #fff; }
.latest-webzine-wrap::after { display: block; clear: both; content: ""; }
.latest-webzine-wrap .webzine-contents { padding-top: 1rem; }
.latest-webzine-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #e9ecef; font-size: .875rem; }
.latest-webzine-wrap .no-gutters { margin-bottom: .75rem; }
.latest-webzine-wrap .thumbnails { overflow: hidden; }
.latest-webzine-wrap .thumbnails img { width: 100%; height: auto; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.latest-webzine-wrap .thumbnails img:hover { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.latest-webzine-wrap .media-body a.subject { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding-left: .5rem; font-size: .75rem; color: #343a40; padding-bottom: .25rem; font-weight: 600; }
.latest-webzine-wrap .media-body p { padding-left: .5rem; font-size: .75rem; color: #6c757d; margin: 0; overflow: hidden; height: 38px; text-overflow: ellipsis; }
.latest-webzine-wrap .media-body .writer-info { position: absolute; bottom: 0; right: 0; }
.latest-webzine-wrap .media-body .writer-info a { font-size: .75rem; color: #6c757d; }

/* 웹진 최신글 */
.latest-mixed-webzine-wrap { margin-bottom: 1rem; background-color: #fff; }
.latest-mixed-webzine-wrap::after { display: block; clear: both; content: ""; }
.latest-mixed-webzine-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #e9ecef; font-size: .875rem; }
.latest-mixed-webzine-wrap .no-gutters { margin-bottom: .75rem; }
.latest-mixed-webzine-wrap .thumbnails { overflow: hidden; padding-top: .5rem; }
.latest-mixed-webzine-wrap .thumbnails img { width: 100%; height: auto; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.latest-mixed-webzine-wrap .thumbnails img:hover { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.latest-mixed-webzine-wrap .media-body { padding-top: .5rem; }
.latest-mixed-webzine-wrap .media-body a.subject { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding-left: .5rem; font-size: .75rem; color: #343a40; padding-bottom: .25rem; font-weight: 600; }
.latest-mixed-webzine-wrap .media-body p { padding-left: .5rem; font-size: .75rem; color: #6c757d; margin: 0; overflow: hidden; height: 38px; text-overflow: ellipsis; }
.latest-mixed-webzine-wrap .media-body .writer-info { position: absolute; bottom: 0; right: 0; }
.latest-mixed-webzine-wrap .media-body .writer-info a { font-size: .75rem; color: #6c757d; }
.latest-mixed-webzine-wrap .latest-content { margin: 0; padding: 0; display: block; list-style: none; }
.latest-mixed-webzine-wrap .latest-content li { display: block; padding-right: 3.5rem; position: relative; }
.latest-mixed-webzine-wrap .latest-content li a { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding: .3rem; font-size: .75rem; color: #464a4c; }
.latest-mixed-webzine-wrap .latest-content li a .fa { color: #ced4da; }
.latest-mixed-webzine-wrap .latest-content li .write-info { position: absolute; right: 0; top: 0; font-weight: 700; color: #ced4da; padding: .3rem; font-size: .75rem; }

/* 탭 스와이퍼 */
.swiper-tab-menu { width: 100%; background-color: #e9ecef; }

.swiper-tab-menu .selected { border-bottom-color: #adb5bd !important; color: #495057; }

.swiper-tab-menu .swiper-slide { text-align: center; font-size: .75rem; display: -webkit-box; display: -ms-flexbox; padding: .5rem; font-weight: 700; color: #495057; border-top: 2px solid transparent; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; }

.swiper-tab-contents { width: 100%; }

/* 탭스와이퍼 그룹 최신글 */
.tab-swiper-wrap::after { display: block; clear: both; content: ""; }
.tab-swiper-wrap .latest-content { margin: 0; padding: .75rem 0; display: block; list-style: none; width: 100%; }
.tab-swiper-wrap .latest-content::after { display: block; clear: both; content: ""; }
.tab-swiper-wrap .latest-content li.list { display: block; padding-right: 3.5rem; position: relative; }
.tab-swiper-wrap .latest-content li.list a { text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding: .3rem; font-size: .75rem; color: #464a4c; }
.tab-swiper-wrap .latest-content li.list a .fa { color: #ced4da; }
.tab-swiper-wrap .latest-content li.list .write-info { position: absolute; right: 0; top: 0; font-weight: 700; color: #ced4da; padding: .3rem; font-size: .75rem; }
.tab-swiper-wrap .more-view { margin-right: 0; text-align: right; }
.tab-swiper-wrap .more-view::after { display: block; clear: both; content: ""; }
.tab-swiper-wrap .more-view .badge { display: inline-block; font-size: .75rem; }

/* 탭 스와이퍼 갤러리 최신글 */
.latest-tab-gallery-wrap { margin-bottom: 1rem; background-color: #fff; }
.latest-tab-gallery-wrap::after { display: block; clear: both; content: ""; }
.latest-tab-gallery-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #e9ecef; font-size: .875rem; }
.latest-tab-gallery-wrap .gallery-image { overflow: hidden; position: relative; margin-bottom: .75rem; }
.latest-tab-gallery-wrap .gallery-image .gall-thumb { width: 100%; height: auto; border: 1px solid #eceeef; z-index: 10; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.latest-tab-gallery-wrap .gallery-image .gall-thumb:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.latest-tab-gallery-wrap .gallery-image .gallery-link { background: #000; background: rgba(0, 0, 0, 0.35); position: absolute; bottom: 0; left: 0; z-index: 20; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; font-size: .75rem; padding: .25rem .5rem; color: #fff; font-weight: 400; }
.latest-tab-gallery-wrap .gallery-image .gallery-link .comment-count { font-weight: 700; color: #fd7e14; }
.latest-tab-gallery-wrap .gallery-image .gallery-date { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; position: absolute; right: .25rem; top: .25rem; padding: .25rem; font-size: .75rem; z-index: 20; color: #fff; font-weight: 400; background: #000; background: rgba(0, 0, 0, 0.35); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.latest-tab-gallery-wrap .gallery-image:hover .gallery-date { visibility: visible; opacity: 1; }
.latest-tab-gallery-wrap .more-view { margin-right: 0; text-align: right; }
.latest-tab-gallery-wrap .more-view::after { display: block; clear: both; content: ""; }
.latest-tab-gallery-wrap .more-view .badge { display: inline-block; font-size: .75rem; }

/* 갤러리 최신글 */
.latest-gallery-wrap { margin-bottom: 1rem; background-color: #fff; }
.latest-gallery-wrap::after { display: block; clear: both; content: ""; }
.latest-gallery-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #e9ecef; font-size: .875rem; }
.latest-gallery-wrap .gallery-grid { padding-top: .5rem; }
.latest-gallery-wrap .gallery-image { overflow: hidden; position: relative; margin-bottom: .75rem; }
.latest-gallery-wrap .gallery-image .gall-thumb { width: 100%; height: auto; border: 1px solid #eceeef; z-index: 10; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.latest-gallery-wrap .gallery-image .gall-thumb:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.latest-gallery-wrap .gallery-image .gallery-link { background: #000; background: rgba(0, 0, 0, 0.35); position: absolute; bottom: 0; left: 0; z-index: 20; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; font-size: .75rem; padding: .25rem .5rem; color: #fff; font-weight: 400; }
.latest-gallery-wrap .gallery-image .gallery-link .comment-count { font-weight: 700; color: #fd7e14; }
.latest-gallery-wrap .gallery-image .gallery-date { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; position: absolute; right: .25rem; top: .25rem; padding: .1rem; font-size: .62rem; z-index: 20; color: #fff; font-weight: 400; background: #000; background: rgba(0, 0, 0, 0.35); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.latest-gallery-wrap .gallery-image:hover .gallery-date { visibility: visible; opacity: 1; }

.two-rows-gallery .gallery-image { margin: .1rem; }

/* 갤러리 슬라이더 최신글 */
.gallery-slider-latest-wrap { overflow: hidden; padding-bottom: 2.5rem; }
.gallery-slider-latest-wrap::after { display: block; clear: both; content: ""; }
.gallery-slider-latest-wrap .gallery-swiper-container { padding-top: .5rem; }
.gallery-slider-latest-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #e9ecef; font-size: .875rem; }
.gallery-slider-latest-wrap .gall-thumb { width: 100%; height: auto; }
@media (min-width: 768px) { .gallery-slider-latest-wrap .gall-thumb { width: auto; height: 100px; } }
.gallery-slider-latest-wrap .img-wrap { position: relative; overflow: hidden; }
.gallery-slider-latest-wrap .gall-link { background: #000; background: rgba(0, 0, 0, 0.35); position: absolute; bottom: 0; left: 0; z-index: 20; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; font-size: .75rem; padding: .25rem .5rem; color: #fff; font-weight: 400; }
.gallery-slider-latest-wrap .gall-link .comment-count { font-weight: 700; color: #fd7e14; }

/* 싱글 갤러리 슬라이더 최신글 */
.single-slider-latest-wrap { overflow: hidden; padding-bottom: 2.5rem; }
.single-slider-latest-wrap::after { display: block; clear: both; content: ""; }
.single-slider-latest-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #f7f7f9; border-top: 4px solid #eceeef; font-size: 1rem; margin-bottom: 1rem; }
.single-slider-latest-wrap .gall-thumb { width: 100%; height: auto; }
@media (min-width: 768px) { .single-slider-latest-wrap .gall-thumb { width: 100%; height: auto; } }
.single-slider-latest-wrap .img-wrap { position: relative; overflow: hidden; }
.single-slider-latest-wrap .gall-link { background: #000; background: rgba(0, 0, 0, 0.35); position: absolute; bottom: 0; left: 0; z-index: 20; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; font-size: .75rem; padding: .25rem .5rem; color: #fff; font-weight: 400; }
.single-slider-latest-wrap .gall-link .comment-count { font-weight: 700; color: #fd7e14; }

.no-page-title .latest-title { display: none; }

/* 최신글 심플 타이틀 사용 */
.simple-latest-title::after { display: block; clear: both; content: ""; }
.simple-latest-title div.border.border-light { border: none !important; }
.simple-latest-title .latest-title { background-color: #fff; text-align: left; border-bottom: 1px dashed #dee2e6; }
.simple-latest-title .latest-title a { border-left: 5px solid #dee2e6; padding-left: .75rem; }
.simple-latest-title .latest-title a:hover { border-left: 5px solid #007bff; }
.simple-latest-title ul.latest-content { padding-left: .5rem; padding-right: .5rem; }

/* Vidoe Carousel */
.latest-video-carousel-wrap { min-height: 320px; }
.latest-video-carousel-wrap .item-video { height: 320px; }

/* YOUTUBE 최신글 */
.latest-youtube-wrap .latest-title { line-height: 2rem; font-weight: 600; text-align: center; background-color: #f7f7f9; border-top: 4px solid #eceeef; font-size: 1rem; margin-bottom: 1rem; }
.latest-youtube-wrap .youtube-list { padding-bottom: .5rem; }

/* 큰 폰트 박스형 */
@media (min-width: 768px) { .no-gutters .cols .latest-default-wrap2 .border.border-gray { border-right: none !important; }
  .no-gutters .cols + .cols .latest-default-wrap2 .border.border-gray { border-right: 1px solid #dee2e6 !important; }
  .no-gutters .cols + .cols:nth-child(3) .latest-default-wrap2 .border.border-gray { border-right: none !important; }
  .no-gutters .cols + .cols:last-of-type .latest-default-wrap2 .border.border-gray { border-right: 1px solid #dee2e6 !important; } }
@media (min-width: 992px) { .no-gutters .cols + .cols:nth-child(2) .latest-default-wrap2 .border.border-gray { border-right: none !important; } }

.latest-default-wrap2 { margin-bottom: 1rem; background-color: #fff; }
.latest-default-wrap2::after { display: block; clear: both; content: ""; }
.latest-default-wrap2 .latest-title { line-height: 2.25rem; font-weight: 600; text-align: left; background-color: #f8f9fa; border-bottom: 1px solid #e9ecef; }
.latest-default-wrap2 .latest-title a { display: block; padding-left: 1rem; font-size: 1rem; font-family: "Noto Sans KR", sans-serif; color: #343a40; }
.latest-default-wrap2 .latest-content { margin: 0; padding: .75rem; display: block; list-style: none; }
.latest-default-wrap2 .latest-content li { display: block; padding-right: 3.5rem; position: relative; }
.latest-default-wrap2 .latest-content li a { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding: .3rem; font-size: .875rem; color: #464a4c; }
.latest-default-wrap2 .latest-content li a .fa { color: #ced4da; }
.latest-default-wrap2 .latest-content li .write-info { position: absolute; right: 0; top: 0; font-weight: 700; color: #ced4da; padding: .3rem; font-size: .75rem; }

/* 웹진 최신글 - 오른쪽 사진 */
.latest-webzine-wrap2 { margin-bottom: 1rem; background-color: #fff; }
.latest-webzine-wrap2::after { display: block; clear: both; content: ""; }
.latest-webzine-wrap2 .webzine-contents { padding-top: 1rem; }
.latest-webzine-wrap2 .latest-title { line-height: 2.25rem; font-weight: 600; text-align: left; background-color: #f8f9fa; border-bottom: 1px solid #e9ecef; }
.latest-webzine-wrap2 .latest-title a { display: block; padding-left: 1rem; font-size: 1rem; font-family: "Noto Sans KR", sans-serif; color: #343a40; }
.latest-webzine-wrap2 .no-gutters { margin-bottom: .875rem; }
.latest-webzine-wrap2 .thumbnails .img-wrap { overflow: hidden; margin-right: 1rem; }
.latest-webzine-wrap2 .thumbnails .img-wrap img { width: 100%; height: auto; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.latest-webzine-wrap2 .thumbnails .img-wrap img:hover { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.latest-webzine-wrap2 .media-body { padding-right: 1rem; }
.latest-webzine-wrap2 .media-body a.subject { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); display: block; padding-left: .5rem; font-size: 1rem; color: #343a40; padding-bottom: .25rem; font-weight: 400; font-family: "Noto Sans KR", sans-serif; }
.latest-webzine-wrap2 .media-body a.subject .fa, .latest-webzine-wrap2 .media-body a.subject .comment-count { font-size: .75rem; }
.latest-webzine-wrap2 .media-body p { padding-left: .75rem; font-size: .875rem; color: #6c757d; margin: 0; overflow: hidden; height: 38px; text-overflow: ellipsis; }
.latest-webzine-wrap2 .media-body .writer-info { position: absolute; bottom: 0; left: 10px; display: none; }
@media (min-width: 768px) { .latest-webzine-wrap2 .media-body .writer-info { display: block; } }
.latest-webzine-wrap2 .media-body .writer-info .badge.date { color: #adb5bd; }
.latest-webzine-wrap2 .media-body .writer-info a { font-size: .75rem; color: #6c757d; }

.latest-firstpic-wrap { margin-bottom: 1rem; background-color: #fff; }
.latest-firstpic-wrap::after { display: block; clear: both; content: ""; }
.latest-firstpic-wrap .latest-title { line-height: 2.25rem; font-weight: 600; text-align: left; background-color: #f8f9fa; border-bottom: 1px solid #e9ecef; }
.latest-firstpic-wrap .latest-title a { display: block; padding-left: 1rem; font-size: 1rem; font-family: "Noto Sans KR", sans-serif; color: #343a40; }
.latest-firstpic-wrap .media-body { padding: .75rem; }
.latest-firstpic-wrap .media-body .latest-content { list-style: none; margin: 0; padding: 0; }
.latest-firstpic-wrap .media-body .latest-content li { display: block; overflow: hidden; position: relative; }
.latest-firstpic-wrap .media-body .latest-content li a { color: #495057; overflow: hidden; display: block; font-size: .875rem; font-weight: 400; font-family: "Noto Sans KR", sans-serif; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding-right: 4rem; padding-top: .25rem; padding-bottom: .25rem; }
.latest-firstpic-wrap .media-body .latest-content li .icon-wrap { position: absolute; right: 0; z-index: 1; top: 2px; width: 4rem; }
.latest-firstpic-wrap .media-body .latest-content li .icon-wrap .fa { font-size: .75rem; color: #adb5bd; }
.latest-firstpic-wrap .media-body .latest-content li .icon-wrap .cnt_cmt { color: #adb5bd; }
.latest-firstpic-wrap .thumbnails .first-subject { overflow: hidden; display: block; font-size: 1rem; font-weight: 400; font-family: "Noto Sans KR", sans-serif; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding-top: .25rem; padding-bottom: .25rem; }
.latest-firstpic-wrap .thumbnails .img-wrap { overflow: hidden; margin-right: 0; }
.latest-firstpic-wrap .thumbnails .img-wrap img { width: 100%; height: auto; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.latest-firstpic-wrap .thumbnails .img-wrap img:hover { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }

/*# sourceMappingURL=latest.css.map */