@charset "utf-8";
/* 새글 스킨 (latest) */
.pic_lt{position:relative;margin-bottom:10px;overflow:hidden;}
.pic_lt .lat_title {display:block;background:#fcfcfc;padding:0 20px;line-height:35px;font-size:16px;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{}
.pic_lt li{float:left;width:100%;padding:0}
.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;}


/* by False9 */

/* 슬라이더 레이아웃 */
.sw_wr{display:flex; align-items:center; margin:0px; padding:0px;}
.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: left !important;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .swiper {
      width: 100%;
      height: 100% !important;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper6 {
      height: 100%;
      width: 500px;
	  margin:0px !important;
	  padding:0px;
    }

    .mySwiper5 {
	  width:500px;
      height: 100%;
      box-sizing: border-box;
	  position:relative;
	  margin:0 0 0 30px !important;
    }
	
	.mySwiper5 .swiper-wrapper{
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:1fr 1fr 1fr 1fr;
	 }

    .mySwiper5 .swiper-slide {
      width: 100% !important;
    }

    .mySwiper5 .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


/* 게시물 레이아웃 */
.sw_title {
    text-align: center;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 100%;
    display: block;
	position:absolute; bottom:0; left:0;
	color:#fff; font-size:1.13em; font-weight:bold; line-height:40px;
	background:rgba(0,0,0,.7);}
.sw_images {width:100%; height:360px;}
.sw_txt_thumb{width:100%; line-height:16px; border-bottom:1px solid #d7d7d7; padding:10px 0;}
.sw_txt_thumb:hover{background:#fafafa;}
.sw_txt_thumb strong{font-size:1.13em; color:#111;}
.sw_txt_thumb span{font-size:0.88em; color:#616161; line-height:24px; }

.sw_wr .swiper-button-prev3,
.sw_wr .swiper-button-next3 {
  position: absolute !important;
  top:8% !important;
  transform:translateY(-8%);
  width: 30px !important;
  height: 60px !important;
  z-index: 1000;
  cursor: pointer;
  -moz-background-size: 30px 60px;
  -webkit-background-size: 30px 60px;
  background-size: 30px 60px;
  background-position: center;
  background-repeat: no-repeat;
}

.sw_wr .swiper-button-prev3,
.sw_wr .swiper-container-rtl .swiper-button-next3 {
  background-image: url("/images/swiper_prev3_2026.png");
  left: 0px;
  right: auto;
  z-index:10000;
}

.sw_wr .swiper-button-next3,
.sw_wr .swiper-container-rtl .swiper-button-prev3 {
  background-image: url("/images/swiper_next3_2026.png");
  right: 0px;
  left: 37%;
  transform:translateX(-37%);
    z-index:10000;
}

@media (max-width: 1299px){
.mySwiper5 {width:50% !mportant;}
.mySwiper6 {width:50% !mportant;}
.sw_wr .swiper-button-prev3, .sw_wr .swiper-button-next3 {top:4% !important;  transform:translateY(-4%);}
.sw_wr .swiper-button-prev3, .sw_wr .swiper-container-rtl .swiper-button-next3 {left:5px;}
.sw_wr .swiper-button-next3, .sw_wr .swiper-container-rtl .swiper-button-prev3 {left:47%; transform:translateX(-47%);}
}

@media (max-width: 1024px){
.sw_wr{display:block;}
.swiper-slide {width:100% !important; }
.mySwiper5 {display:none; !important; width:100% !important;}
.mySwiper5 .swiper-wrapper{display:none !important;}
.mySwiper6 {width:100% !mportant;}
.sw_images {width:100% !important; height:auto; min-height:700px;}
.sw_wr .swiper-button-prev3, .sw_wr .swiper-button-next3 {top:6.5% !important;  transform:translateY(-6.5%);}
.sw_wr .swiper-button-prev3, .sw_wr .swiper-container-rtl .swiper-button-next3 {left:10px;}
.sw_wr .swiper-button-next3, .sw_wr .swiper-container-rtl .swiper-button-prev3 {left:99%; transform:translateX(-99%);}
.sw_title {font-size:1.5em; line-height:70px;}
}
@media (max-width: 768px){
.sw_images {height:auto; min-height:550px;}
.sw_title {font-size:1.38em; line-height:70px; padding:0 5px;}
}
@media (max-width: 600px){
.sw_images {height:auto; min-height:346px;}
.sw_wr .swiper-button-prev3, .sw_wr .swiper-button-next3 {top:2.5% !important;  transform:translateY(-2.5%);}
.sw_wr .swiper-button-next3, .sw_wr .swiper-container-rtl .swiper-button-prev3 {left:98%; transform:translateX(-98%);}
.sw_title {font-size:1.13em; line-height:50px;}
}
@media (max-width: 420px){
.sw_images {height:auto; min-height:281px;}
.sw_wr .swiper-button-prev3, .sw_wr .swiper-button-next3 {top:2% !important;  transform:translateY(-2%);}
.sw_wr .swiper-button-next3, .sw_wr .swiper-container-rtl .swiper-button-prev3 {left:97%; transform:translateX(-97%);}
}