@charset "UTF-8";

._fnctWrap {line-height:1.5;}


.sns-insta {position:relative; z-index:90; padding: 35px 10px 35px 20px; background: url("../images/main_sns_bg.jpg") no-repeat left center; background-size: cover;}
#snsSlideAreaInsta {position: relative;}

.sns-insta .main-sns-tab {position: relative; margin-bottom: 20px;}
.sns-insta .main-sns-tab ul li a {cursor: default; font-family: "Noto Bold"; font-size: 26px; line-height: 40px; letter-spacing: -0.5px; color: #222222;}
.sns-insta .main-sns-tab > a {position: absolute; display: inline-block; width: 23px; height: 23px; background: url("../images/btn_more.png") no-repeat center; right: 0; top: 7px; text-indent: -999999px; transition: transform 0.3s; transform: rotate(0);}
.sns-insta .main-sns-tab > a:hover {transform: rotate(180deg);}


.sns-insta .slider li {position: relative; width: 100%; max-width: 330px;}
.sns-insta .slider li a {display: block;}
.sns-insta .slider li img {width:100%;}
.sns-insta .main-sns-img {width: 100%; height: 330px;}

.sns-insta .control {display: none; text-align:center; position:absolute; bottom:20px; left:50%; transform:translate(-50%,0); background:rgba(0,0,0,0.6); padding:2px 6% 0 6%;  border-radius:100px; }
.sns-insta .control .paging {display:inline-block;}
.sns-insta .control .paging ul {display:inline-block;}
.sns-insta .control .paging li {float:left; margin:0 2px;}
.sns-insta .control .paging li.slick-active button {width:22px; background:url('../images/pop-dot-on.png') no-repeat center center; position:relative;}
.sns-insta .control .paging li button {width:12px; height:22px; background:url('../images/pop-dot-off.png') no-repeat center center; text-indent:-9999px;}
.sns-insta .control .playstop {display:inline-block; position:relative; top:-5px; margin:0 0 0 4px;}
.sns-insta .control .playstop button {display:none; text-indent:-9999px;}
.sns-insta .control .playstop button.on {display:inline-block;}
.sns-insta .control .play {width:22px; height:22px; background:url('../images/pop-play.png') no-repeat center center;}
.sns-insta .control .stop {width:22px; height:22px; background:url('../images/pop-stop.png') no-repeat center center;}

.sns-insta .sns-popup-btn {}
.sns-insta .sns-popup-btn button {position: absolute; display: inline-block; cursor: pointer; width: 50px; height: 80px; top: 50%; margin-top: -40px; z-index: 5;}
.sns-insta .sns-popup-btn button.prev {left: 0; background: rgba(0, 0, 0, 0.6) url("../images/btn_insta_prev.png") no-repeat center;}
.sns-insta .sns-popup-btn button.next {right: 0; background: rgba(0, 0, 0, 0.6) url("../images/btn_insta_next.png") no-repeat center;}

.sns-insta-btn {display: none;}

.sns-insta .slider li a:hover .title {text-decoration: underline;}

@media all and (max-width:1023px) {
  .sns-insta {padding: 30px 10%; padding-left: 30px;}
  .sns-insta .slider li {max-width: 100%; max-height: 330px;}
}

@media all and (max-width:768px) {
  .sns-insta {padding: 30px 20px 40px;}
}

@media all and (max-width: 500px){

}