@charset "utf-8";
/* 새글 스킨 (latest) */


/* by False9 */

/* 슬라이더 레이아웃 */
.swiper_doc{position: relative;}
.swiper_doc .swiper-container {
    width: 100%;
    height: 100%;
    overflow: visible;
}
.swiper_doc .swiper-container .swiper-wrapper{align-items: top !important; transition-timing-function: linear;}

.swiper_doc .swiper-slide {display: flex; opacity: 0; background: #dad9d6; padding: 60px 0;}
.swiper_doc .swiper-slide .sw_img{opacity: 0;}
.swiper_doc .swiper-slide-active{opacity: 1;}
.swiper_doc .swiper-slide-active .sw_img{opacity: 1;}

/* 게시물 레이아웃 */
.swiper_doc .swiper-slide .list_info{width: calc(100% - 570px); padding: 0px 8%;}
.swiper_doc .sw_img {width: 570px;}
.swiper_doc .sw_img img{width: 100%;}

.swiper_doc .sw_tit {width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
.swiper_doc .sw_tit > div h4{margin-right: 10px; display: inline-block;}
.swiper_doc .sw_tit > span{border: 1px solid #919191; box-sizing: border-box; border-radius: 20px; padding: 5px 15px; transform: translateY(-15px);}

.swiper_doc .swiper-slide ul.list_li{border-top: 1px solid #919191;  box-sizing: border-box; margin-top: 10px;}
.swiper_doc .swiper-slide ul.list_li li{border-bottom: 1px solid #919191;  box-sizing: border-box; padding: 10px; padding-left: 25px; position: relative;}
.swiper_doc .swiper-slide ul.list_li li::before{content: "·"; margin-right: 5px; position: absolute; left: 10px;}


.swiper_doc .link_a{float: right; margin-top: 40px;}

.swiper_doc .sw_sub {color:#666; margin-top:5px; line-height: 22px; text-align: left;}

@media screen and (max-width:1600px) {
    .swiper_doc .swiper-slide .list_info{width: calc(100% - 480px); padding: 0px 5%;}
    .swiper_doc .sw_img {width: 480px;}
}
@media screen and (max-width:1200px) {
    .swiper_doc .swiper-slide {padding: 40px 0;}
    .swiper_doc .swiper-slide .list_info{width: calc(100% - 400px); padding: 0px 20px;}
    .swiper_doc .sw_img {width: 400px;}
    .swiper_doc .sw_tit > span{transform: translateY(-8px);}
}
@media screen and (max-width:1020px) {
    .swiper_doc .swiper-slide{flex-wrap: wrap;}
    .swiper_doc .swiper-slide .list_info{width: calc(100%); padding: 0px 20px 0px; order: 2; margin-top: 20px;}
    .swiper_doc .sw_img {width: 400px; margin-left: 20px; order: 1;}
}
@media screen and (max-width:768px) {
    .swiper_doc .sw_img {width: 300px;}
    .swiper_doc .swiper-slide .list_info{padding: 0px 20px 40px;}
    .swiper_doc .link_a{margin-top: 20px;}
    .swiper_doc .swiper-slide ul.list_li li{padding-left: 15px;}
    .swiper_doc .swiper-slide ul.list_li li::before{left: 5px;}
}
@media screen and (max-width:500px) {
    .swiper_doc .sw_img {width: 250px;}
    .swiper_doc .swiper-slide .list_info{padding: 0px 20px 40px;}
    .swiper_doc .link_a{margin-top: 20px;}
    .swiper_doc .swiper-slide ul.list_li li{padding-left: 15px; font-size: 15px !important;}
    .swiper_doc .swiper-slide ul.list_li li::before{left: 5px;}
    .swiper_doc .sw_tit > div span{font-size: 15px !important;}
    .swiper_doc .sw_tit > span{font-size: 12px !important; transform: translateY(-5px);}
}