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


/* by False9 */


.info_lay {position: relative; border-top:1px solid #ACACAC; }
.info_lay .la_text ul {display:flex;     align-items: center;   justify-content: space-between; border-top:1px solid #ACACAC; border-bottom:1px solid #ACACAC; margin-top:20px}
.info_lay .la_text ul li {padding:25px 0px; }

.info_lay .inner {position: relative; padding:60px 0px 0px}

.info_lay .order-1 {width:1px; height:calc(100% ); background:#ACACAC; position: absolute; top:0px; left:50%; z-index:0}
.info_lay .order-2 {width:1px; height:calc(100% ); background:#ACACAC; position: absolute; top:0px; left:15%; z-index:0}
.info_lay .order-3 {width:1px; height:calc(100% ); background:#ACACAC; position: absolute; top:0px; left:85%; z-index:0}

/* 슬라이더 레이아웃 */
.swiper_work{position: relative;}

.swiper_work > .swiper-container {width: 100%; height: 100%; margin-top: 80px;}
.swiper_work > .swiper-container .swiper-wrapper{align-items: top !important; transition-timing-function: ease;}

.swiper_work .swiper-slide {
    -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;
    transition: .65s ease;
}

.info_detail_01 ul li.main_swiper_arrow{position: relative;}
.info_detail_01 ul li.main_swiper_arrow .swiper-button-prev,
.info_detail_01 ul li.main_swiper_arrow .swiper-button-next{background: none; margin-top: -3px;}
.info_detail_01 ul li.main_swiper_arrow .swiper-button-prev{left: auto; right: 70px;}

/* 게시물 레이아웃 */
.info_detail_01 ul li h2{display: inline-block;}
.info_detail_01 .sw_tit {
    font-size: 16px; 
    font-weight: 400; 
    display: inline-block;
    overflow: hidden;
}

.info_detail_01 .sw_tit .swiper-slide{opacity: 0; visibility: hidden;}
.info_detail_01 .sw_tit .swiper-slide-active{opacity: 1; visibility: visible;}

.swiper_work .sw_sub { color:#666; margin-top:5px; line-height: 22px; text-align: left;}
.swiper_work .sw_img {width:100%; height:480px; margin-bottom:10px; border-radius: 0; background-position: center center; background-size: 100%; background-repeat: no-repeat; filter: brightness(1); transition: .65s;}

.swiper_work .sw_content{/*opacity: 0; visibility: hidden;*/ transition: .65s ease; display: flex; flex-wrap: wrap; max-width: 48%; margin: 70px auto 0; width: 100%;}
.swiper_work .sw_content h4{width: 50%;}
.swiper_work .sw_content p{width: 50%;}

.swiper_work .swiper-slide-active .sw_img{background-size: 105%;}


.swiper_work .swiper-slide img {width:100%}

@media screen and (max-width : 1740px) {
	.info_lay .inner {position: relative; padding:60px 20px 0px}
}

@media screen and (max-width : 1400px) {
    .swiper_work .sw_img{height: 380px;}
    .swiper_work .sw_content{max-width: 60%;}
    .swiper_work .sw_content p br.none{display: none;}
	
	
}
@media screen and (max-width : 1200px) {
    .swiper_work .sw_img{height: 320px;}
	

.info_lay .order-1 {left:50%; transform:translateX(-50%); }
.info_lay .order-2 {left:17%; transform:translateX(-25%); }
.info_lay .order-3 {left:83%; transform:translateX(-75%);}	
}



@media screen and (max-width : 1020px) {
    .swiper_work .sw_img{height: 280px;}
    .swiper_work .sw_content{max-width: 80%;}
	.info_lay .order-2, .info_lay .order-3 {display:none}
}
@media screen and (max-width : 768px) {
    .info_detail_01 ul li.main_swiper_arrow .swiper-button-prev{left: 0; right: auto;}
    .swiper_work > .swiper-container{margin-top: 40px;}
    .swiper_work .sw_img{height: 250px;}
    .info_detail_01 .sw_tit{font-size: 15px;}

    .swiper_work .sw_content{max-width: 100%; margin: 30px auto 0;}
    .swiper_work .sw_content h4{width: 100%;}
    .swiper_work .sw_content p{width: 80%; margin-top: 15px;}

    .info_detail_01 ul li.main_swiper_arrow .swiper-button-prev{right: 50px;}
    .info_detail_01 ul li.main_swiper_arrow .swiper-button-prev,
    .info_detail_01 ul li.main_swiper_arrow .swiper-button-next{width: 20px;}
    .info_detail_01 ul li.main_swiper_arrow .swiper-button-prev img,
    .info_detail_01 ul li.main_swiper_arrow .swiper-button-next img{width: 100%;}

    .info_detail_01 ul li:nth-child(1){width: 70%;}
    .info_detail_01 ul li:nth-child(2){width: 30%; text-align: right;}
    .info_detail_01 ul li:nth-child(3){width: 100%; height: 30px;}
}
@media screen and (max-width : 550px) {
    .swiper_work .sw_img{height: 230px;}
    .info_detail_01 .sw_tit{font-size: 13px;}
}