@charset "utf-8";


.wrap-photo,
.wrap-photo .container,
.wrap-photo .slider,
.wrap-photo .slick-list,
.wrap-photo .slick-track,
.wrap-photo .slick-slide,
.wrap-photo .slick-slide > div,
.wrap-photo .slick-slide > div > li,
.wrap-photo .slick-slide > div > li > a{}
.wrap-photo .inner {position: relative; z-index: 10;}
.wrap-photo .slider{max-width:800px;margin:0 auto;position:relative;z-index:2;}
.wrap-photo .slick-slide > div > li > a{padding:0 20px 20px 0;display:block; margin:2px;}
.wrap-photo .wrap_item{background:#FFF;box-shadow:10px 10px 10px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:space-between; position: relative;}
.wrap-photo .item_1{width:100%;height:535px;overflow:hidden; position: relative;}
.wrap-photo .item_1::after {content:''; width:100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left:0; top:0;}
.wrap-photo .item_1 img{display:inline;object-fit:cover;object-position:center;width:100%;height:inherit; transition:transform .3s;}
.wrap-photo a:hover .item_1 img {transform: scale(1.1);}
.wrap-photo .item_2{position: absolute; padding:0 100px; left:50%; transform:translateX(-50%); width:100%; text-align: center;} 
.wrap-photo .text_1{font-size:28px;color:#fff;font-family:'SUITE Bold';line-height:1.4;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2; margin-bottom: 20px;}
.wrap-photo .text_2{font-size: 18px; line-height: 28px; color:#fff; font-family: 'SUITE Regular';line-height:1.4;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wrap-photo .nodata {font-family: 'HG Regular'; text-align: center; height:535px; margin:0 20px 20px 0; display: flex !important; align-items: center; justify-content: center; background:#fff;}
/*콘트롤*/
.wrap-photo .control {width:300px; height:70px; display: flex; align-items: center; background:#fff; margin:0 auto; position: relative; z-index: 10; margin-top:-60px;}
.wrap-photo .control .more {width:70px; height:70px; background:#005BAC; position: relative; text-indent: -9999px; display: inline-block; flex-shrink: 0;}
.wrap-photo .control .more::after {content:''; width:10px; height:10px; background:url('../images/more.png') no-repeat center; position: absolute; left:50%; margin-left:-5px; top:50%; margin-top:-5px; transition: transform .3s;}
.wrap-photo .control .prevnext {padding:0 25px; display: flex; align-items: center; flex:1; justify-content: center;}
.wrap-photo .control .prev {width:34px; height:14px; background:url('../images/prev.png') no-repeat center; text-indent: -9999px; transition:filter .3s;}
.wrap-photo .control .next {width:34px; height:14px; background:url('../images/next.png') no-repeat center; text-indent: -9999px; transition:filter .3s;}
.wrap-photo .numbering {margin:0 15px; display: flex; align-items: baseline;}
.wrap-photo .numbering .now {font-size: 30px; color:#222; font-family: 'SUITE Bold'; display: inline-block;}
.wrap-photo .numbering .total {font-size: 19px; color:#ccc; font-family: 'SUITE Bold'; display: inline-block;}
.wrap-photo .numbering .sl {width:2px; height:2px; border-radius:50%; background:#ccc; display: inline-block; vertical-align: middle; margin:0 8px 0 8px;position: relative; top:50%; transform: translateY(-5px);}
.wrap-photo .control .prev:hover,
.wrap-photo .control .next:hover {filter:invert(1);} 
.wrap-photo .control .more:hover::after {transform:rotate(180deg);}
/*쉐도우이미지*/
.wrap-photo .container{position:relative;}
.wrap-photo .shadowImg{width:445px;height:400px;overflow:hidden;position:absolute;top:50%; margin-top:-215px;background:#FFF;display:flex;align-items:center;justify-content:center; box-shadow: 14px 14px 32px rgba(0,0,0,0.25);}
.wrap-photo .shadowImg img{object-fit:cover;object-position:center;width:inherit;height:inherit; position: absolute; top:0; left:0;}
.wrap-photo .shadowImg .img-prev {z-index: 2;}
.wrap-photo .shadowImg .img-next {z-index: 1;}
.wrap-photo .shadowImg_1{transform:scale(0.6);left:50%;margin-left:-926px;}
.wrap-photo .shadowImg_1::after {content:''; width:100%; height:100%; background:rgba(255,255,255,0.3); position: absolute; top:0; left:0;}
.wrap-photo .shadowImg_2{transform:scale(1);left:50%;margin-left:-607px;}
.wrap-photo .shadowImg_3{transform:scale(1);z-index:1;right:50%;margin-right:-607px;}
.wrap-photo .shadowImg_4{transform:scale(0.6);right:50%;margin-right:-926px;}
.wrap-photo .shadowImg_4::after {content:''; width:100%; height:100%; background:rgba(255,255,255,0.4); position: absolute; top:0; left:0;}

@media all and (max-width:1280px){
	.wrap-photo .slider{max-width:71.2%;}
	.wrap-photo .slick-slide > div > li > a{padding:20px;}
	.wrap-photo .wrap_item{box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.wrap-photo .item_1{height:375px;}
	.wrap-photo .item_2{padding:35px;}
	.wrap-photo .text_1 {font-size: 24px;}
	.wrap-photo .text_2 {font-size: 17px;}
	.wrap-photo .shadowImg{width:275px;height:275px;top:50%; margin-top: -137px;}
	.wrap-photo .shadowImg_1{left:-15%;margin-left:116px;}
	.wrap-photo .shadowImg_2{left:2%;margin-left:70px;}
	.wrap-photo .shadowImg_3{right:2%;margin-right:70px;}
	.wrap-photo .shadowImg_4{right:-15%;margin-right:116px;}
	.wrap-photo .prev{left:8.5%;}
	.wrap-photo .next{right:8.5%;}
	.wrap-photo .nodata {height:395px;}
}
@media all and (max-width:768px){
	.wrap-photo .shadowImg{display:none;}
	.wrap-photo .slider {width:100%; max-width:100%;}
    .wrap-photo .wrap_item {background: transparent; box-shadow: unset; display: block;}
    .wrap-photo .item_1 {height:305px;}
    .wrap-photo .item_1::after {display: none;}
    .wrap-photo .item_2 {position: relative; padding:0 20px; margin:15px 0;}
    .wrap-photo .text_1 {color:#000; margin-bottom: 10px;}
    .wrap-photo .text_2 {color: #000;}
    .wrap-photo .slick-slide > div > li > a {padding:0;}
    .wrap-photo .control {margin-top: 10px; height:50px; width: 260px;}
	.wrap-photo .numbering .now {font-size: 22px;}
	.wrap-photo .numbering .total {font-size: 17px;}
	.wrap-photo .control .more {width:50px; height:50px;}
	.wrap-photo .nodata {height:305px;}
}
@media all and (max-width:520px){
	.wrap-photo .wrap_item{flex-wrap:wrap;}
	.wrap-photo .item_1,
	.wrap-photo .item_2{width:100%;}
}