@charset "utf-8";




/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */



.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-slide-zoomed {
  cursor: move;
}







/* 새글 스킨 (latest) */
.swiper-container  {position:relative;margin-bottom:20px;background:#fff}
.swiper-container  .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.swiper-container  .lat_title a {color:#000;display:inline-block;position:relative}

.swiper-container  .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.swiper-container  .lt_more:hover {color:#777}
.swiper-container  ul:after {display:block;visibility:hidden;clear:both;content:""}
.swiper-container  li {}
.swiper-container  li .lt_img {margin:0;display:block}
.swiper-container  li .lt_img img,  li .lt_img video{width:100%;height:auto}
.swiper-container  li a:hover {color:#a22121}
.swiper-container  li .fa-heart {color:#ff0000}
.swiper-container  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 #cbe3e8;vertical-align:middle}
.swiper-container  li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.swiper-container  li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.swiper-container  li .fa-caret-right {color:#bbb}
.swiper-container  li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.swiper-container  li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.swiper-container  .profile_img img{border-radius:50%}

.swiper-container .lt_info {padding:10px 15px;}
.swiper-container .lt_info .lt_nick {}
.swiper-container .lt_info .lt_date {color:#888}

.swiper-container  .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.swiper-container  .empty_li:before {background:none;padding:0}

.swiper-container  .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.swiper-container  .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.swiper-container  .lt_more:hover {color:#777}



.swiper-container  {overflow:hidden }
.swiper-container  .galley_li{margin-right:20px;}
.swiper-container  .galley_li a{background:#000;border-radius:35px;}
.swiper-container  .galley_li .lt_subject{background:none;border-radius:0px;}
.swiper-container  .galley_li img{width:100% !important;}
.swiper-container  .galley_li img {border-radius:35px;}



/***************************************************************************************************************/
.swiper-container  .galley_li:nth-child(1) {width:360px !important;}
.swiper-container  .galley_li:nth-child(1) img {width:360px !important; height:400px !important; padding-left:0px !important;}
.swiper-container  .galley_li:nth-child(1) .lt_info{
	font-size:14px;
	font-weight:700;
}
.swiper-container  .galley_li:nth-child(1) .lt_subject{
	font-size:22px;
	line-height:30px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding:0 15px;
	position:relative;
}
.swiper-container  .galley_li:nth-child(1) .gallery_pbox{
width:150px;
height:60px;
background:#ffffff;
position:absolute;
top:-0.5px;
left:-0.5px;
border-radius:0 0 30px 0;
}
.swiper-container  .galley_li:nth-child(1) .gallery_pbox::before{
	content:' ';
	width:30px;
	height:30px;
	background-image: radial-gradient(circle at 100% 100%, transparent 30px, #fff calc(20px + 1px));
	position:absolute;
	display:block;
	top:0px;
	right:-29px;
}
.swiper-container  .galley_li:nth-child(1) .gallery_pbox::after{
	content:' ';
	width:30px;
	height:30px;
	background-image: radial-gradient(circle at 100% 100%, transparent 30px, #fff calc(20px + 1px));
	position:absolute;
	display:block;
	bottom:-29px;
	left:0px;

}

.swiper-container  .galley_li:nth-child(2){width:900px !important; position:relative;}
.swiper-container  .galley_li:nth-child(2) img {width:900px !important; height:500px !important; mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1) , rgba(255, 255, 255, 1));}
.swiper-container  .galley_li:nth-child(2) .lt_info{
	font-size:14px;
	font-weight:700;
	position:absolute;
	left:50px;
	top:40px;
	color:#fff;
	padding:0px;
}
.swiper-container  .galley_li:nth-child(2) .lt_subject{
	width:500px;
	font-size:32px;
	line-height:40px;
	position:absolute;
	top:75px;
	left:50px;
	color:#fff;
}

.swiper-container  .galley_li:nth-child(2) .gallery_pbox{
width:600px;
height:60px;
background:#ffffff;
position:absolute;
bottom:-0.5px;
right:-0.5px;
border-radius:30px 0 0 0;
}
.swiper-container  .galley_li:nth-child(2) .gallery_pbox::before{
	content:' ';
	width:30px;
	height:30px;
	background-image: radial-gradient(circle at 100% 100%, transparent 30px, #fff calc(20px + 1px));
	transform:rotate(180deg);
	position:absolute;
	display:block;
	bottom:-0.5px;
	left:-29px;
}
.swiper-container  .galley_li:nth-child(2) .gallery_pbox::after{
	content:' ';
	width:30px;
	height:30px;
	transform:rotate(180deg);
	background-image: radial-gradient(circle at 100% 100%, transparent 30px, #fff calc(20px + 1px));
	position:absolute;
	display:block;
	top:-29px;
	right:-0.5px;

}




/***************************************************************************************************************/
.swiper-container  .galley_li:nth-child(3){width:360px !important;}
.swiper-container  .galley_li:nth-child(3) img {width:360px !important; height:400px !important; }
.swiper-container  .galley_li:nth-child(3) .lt_info{
	font-size:14px;
	font-weight:700;
}
.swiper-container  .galley_li:nth-child(3) .lt_subject{
	font-size:22px;
	line-height:30px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding:0 15px;
	position:relative;
}
.swiper-container  .galley_li:nth-child(3) .gallery_pbox{
width:150px;
height:60px;
background:#ffffff;
position:absolute;
top:-0.5px;
left:-0.5px;
border-radius:0 0 30px 0;
}
.swiper-container  .galley_li:nth-child(3) .gallery_pbox::before{
	content:' ';
	width:30px;
	height:30px;
	background-image: radial-gradient(circle at 100% 100%, transparent 30px, #fff calc(20px + 1px));
	position:absolute;
	display:block;
	top:0px;
	right:-29px;
}
.swiper-container  .galley_li:nth-child(3) .gallery_pbox::after{
	content:' ';
	width:30px;
	height:30px;
	background-image: radial-gradient(circle at 100% 100%, transparent 30px, #fff calc(20px + 1px));
	position:absolute;
	display:block;
	bottom:-29px;
	left:0px;

}


.swiper-container  .galley_li:nth-child(4){width:900px !important;}
.swiper-container  .galley_li:nth-child(4) img {width:900px !important; height:500px !important; mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) , rgba(255, 255, 255, 1));}
.swiper-container  .galley_li:nth-child(4) .lt_info{
	font-size:14px;
	font-weight:700;
	position:absolute;
	left:50px;
	top:40px;
	color:#fff;
	padding:0px;
}
.swiper-container  .galley_li:nth-child(4) .lt_subject{
	width:500px;
	font-size:32px;
	line-height:40px;
	position:absolute;
	top:75px;
	left:50px;
	color:#fff;
}

/***************************************************************************************************************/

.swiper-container  .galley_li:nth-child(5){width:360px !important;}
.swiper-container  .galley_li:nth-child(5) img {width:360px !important; height:400px !important;}
.swiper-container  .galley_li:nth-child(5) .lt_info{
	font-size:14px;
	font-weight:700;

}
.swiper-container  .galley_li:nth-child(5) .lt_subject{
	font-size:22px;
	line-height:30px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding:0 15px;
	position:relative;
}

.swiper-container  .galley_li:nth-child(5) .gallery_pbox{
width:150px;
height:60px;
background:#ffffff;
position:absolute;
top:-0.5px;
left:-0.5px;
border-radius:0 0 30px 0;
}
.swiper-container  .galley_li:nth-child(5) .gallery_pbox::before{
	content:' ';
	width:30px;
	height:30px;
	background-image: radial-gradient(circle at 100% 100%, transparent 30px, #fff calc(20px + 1px));
	position:absolute;
	display:block;
	top:0px;
	right:-29px;
}
.swiper-container  .galley_li:nth-child(5) .gallery_pbox::after{
	content:' ';
	width:30px;
	height:30px;
	background-image: radial-gradient(circle at 100% 100%, transparent 30px, #fff calc(20px + 1px));
	position:absolute;
	display:block;
	bottom:-29px;
	left:0px;

}


.swiper-container  .galley_li:nth-child(6){width:900px !important;}
.swiper-container  .galley_li:nth-child(6) img {width:900px !important; height:500px !important; padding-right:0px !important; mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) , rgba(255, 255, 255, 1));}
.swiper-container  .galley_li:nth-child(6) .lt_info{
	font-size:14px;
	font-weight:700;
	position:absolute;
	left:50px;
	top:40px;
	color:#fff;
	padding:0px;
}
.swiper-container  .galley_li:nth-child(6) .lt_subject{
	width:500px;
	font-size:32px;
	line-height:40px;
	position:absolute;
	top:75px;
	left:50px;
	color:#fff;
}

/***************************************************************************************************************/

.swiper-container .today_issue{
position:absolute;
bottom:0px;
left:670px;
}