@charset "utf-8";

/* ----- slider 수정 ----- */
.swiper-container,
.contents_wrapper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}

.swiper-slider {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    }
/* ----- 어퓨 구독&좋아요 ----- */
.sns {color:#6d635f;overflow:hidden;}
.sns::before {content:'';width:100%;height:56px;display:block;background:#e4afab;}
.sns .sns_wrapper {width:100%;background-color:#eee;position:relative;}
.sns img {width:100%;}

/* 왼쪽 내용 :공통 */
.sns .sns_link {position:absolute;width:68px;height:68px;bottom:-21px;right:-27px;}
.sns .sns_link::before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('../../img/sns/btn_go_bg.png');animation:rotate_img linear infinite;animation-duration:5s;transform-origin:50% 50%;background-size:cover;}
.sns .contents_wrapper {background-image:url('../img/sns/detail_bg.png');background-size:cover;background-position:bottom;overflow:hidden;background-repeat: no-repeat;}
.sns .contents_wrapper.absolute {position:absolute;top:auto;bottom:0;}

/* 왼쪽 내용 :인스타 */
.sns .thumbnail_wrapper {width:73.8888%;margin:40px auto 64px;background-color:#fff;position:relative;padding:8px;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);}
.sns .profile {display:block;margin:14px 4px 0;text-align:left;}
.sns .profile img {width:auto;}

.sns .tag_list {position:absolute;top:24px;left:-14px;font-size:14px;font-family:'spoqaHanSansM';text-align:left;}
.sns .tag_list li {margin-bottom:2px;}
.sns .tag_list span {background-color:#fcf2bd;display:inline-block;width:auto;background-size:100% 100%;padding: 6px 1px 3px;line-height:1;position:relative;font-family: 'SpoqaHanSansB';}
.sns .tag_list span::before, .sns .tag_list span::after {content:'';display:block;width:6px;height:100%;position:absolute;top:0;background-size:auto 100%;background-repeat:no-repeat;}
.sns .tag_list span::before {left:-6px;background-image:url('../img/sns/bg_has_1_1_left.png');}
.sns .tag_list span::after {left:auto;right:-6px;background-position:right;background-image:url('../img/sns/bg_has_1_1_right.png');}
.sns .tag_list li:nth-child(2) span::before {background-image:url('../img/sns/bg_has_1_2_left.png');}
.sns .tag_list li:nth-child(2) span::after {background-image:url('../img/sns/bg_has_1_2_right.png');}
.sns .tag_list li:nth-child(3) span::before {background-image:url('../img/sns/bg_has_1_3_left.png');}
.sns .tag_list li:nth-child(3) span::after {background-image:url('../img/sns/bg_has_1_3_right.png');}

/*리사이징 제외*/
.sns .sns_text {margin-top:0;margin-left:50px;margin-bottom:13px;padding-right:47px;font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;text-overflow:ellipsis;height:32px;line-height:16px;}


/* 왼쪽 내용 :유튜브 */
.sns .movie_wrapper {/* width:88.8888%; */margin:40px auto 64px;background-color:#fff;position: relative;padding:8px 8px 64px;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);}
.sns .movie_wrapper .thumbnail {width:100%;height:0;padding-top:56.25%;position:relative;}
.sns .movie_wrapper iframe {width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;}
.sns .movie_wrapper .tag_list {position:relative;bottom:0;top:8px;left:-6px;}
.sns .movie_wrapper .tag_list li {float:left;margin-right:14px;margin-bottom:0;}
.sns .movie_wrapper .sns_link {right:-15px;}

/*오른쪽 리스트*/
.sns .list_wrapper {position:relative;}
.sns .filter_wrapper {position: fixed;right:15px;top: 56px;text-align:right;z-index:12;}
.sns .filter_wrapper>button {padding:6px 32px 6px 6px;margin:7px 0 0 0;}
.sns .filter_wrapper>button:before {content:'';position:absolute;right:12px;top:17px;width:0;height:0;border-style:solid;border-width:5px 3px 0 3px;border-color:#6d635f transparent transparent transparent;}
.sns .filter_wrapper.on >button:before {border-width:0 3px 5px 3px;border-color:transparent transparent #6d635f transparent;}
.sns .filter_wrapper>button img {width:auto;height:15px;}
.sns .filter_wrapper .filter_list {display:none;position:relative;right:28px;padding-bottom:9px;}
.sns .filter_wrapper.on .filter_list {display:block;}
.sns .filter_wrapper .filter_list::after {content:'';display:block;background:#fff;position:absolute;top:-34px;left:-33px;right:-28px;bottom:0;opacity:0.8;z-index:-1;}
.sns .filter_wrapper .filter_list button {padding:5px 0;}
.sns .filter_wrapper .filter_list button img {height:15px;width:auto;}

.sns .list_wrapper .thumb_list {overflow:hidden;position:relative;padding-bottom:80px;}
.sns .list_wrapper .thumb_list li {float:left;}
.sns .list_wrapper .thumb_list li a {display:block;overflow:hidden;position:relative;}
.sns .list_wrapper .thumb_list li a img {width:100%;}
.sns .list_wrapper .thumb_list li:nth-child(7n-6) {width:40.27%;}
.sns .list_wrapper .thumb_list li:nth-child(7n-5) {width:45.8333%;float:right;}
.sns .list_wrapper .thumb_list li:nth-child(7n-4) {width:84.4444%;float:none;margin:0 auto;clear:both;}
.sns .list_wrapper .thumb_list li:nth-child(7n-3) {width:45.8333%;}
.sns .list_wrapper .thumb_list li:nth-child(7n-2) {float:right;width:45.8333%;}
.sns .list_wrapper .thumb_list li:nth-child(7n-1) {width:100%;display:flex;margin-bottom:50px;justify-content:space-between;align-items:flex-end;}
.sns .list_wrapper .thumb_list li:nth-child(7n) {width:84.4444%;float:none;margin:0 auto;clear:both;}

.sns .list_wrapper .thumb_list li:nth-child(7n-6) a {margin-top:48px;}
.sns .list_wrapper .thumb_list li:nth-child(7n-5) a {display:flex;justify-content:center;align-items:center;}
.sns .list_wrapper .thumb_list li:nth-child(7n-4) a {margin:0 auto;}
.sns .list_wrapper .thumb_list li:nth-child(7n-2) a {width:66.6666%;margin-top:70px;}
.sns .list_wrapper .thumb_list li:nth-child(7n-1) a {width:40.2777%;margin-top:0;}
.sns .list_wrapper .thumb_list li:nth-child(7n) a {margin:0 auto;}

.sns .list_wrapper .thumb_list li .hash_text {text-align:left;}
.sns .list_wrapper .thumb_list li .hash_text span {display:block;font-size:18px;font-family:'spoqaHanSansL';color:#e39f9a;}
.sns .list_wrapper .thumb_list li:nth-child(7n-6) .hash_text {margin-top:43px;margin-left:26px;margin-bottom:42px;}
.sns .list_wrapper .thumb_list li:nth-child(7n-5) .hash_text {margin-top:78px;margin-bottom:14px;}
.sns .list_wrapper .thumb_list li:nth-child(7n-3) .hash_text {margin-top:43px;margin-bottom:38px;text-align:right;}
.sns .list_wrapper .thumb_list li:nth-child(7n-2) .hash_text {width:87.8787%;margin:45px 0 0 auto;text-align:center;}
.sns .list_wrapper .thumb_list li:nth-child(7n-1) .hash_text {margin-bottom:32px;margin-left:16px;}

/* 팝업 */
.sns .layer_popup {width:100%; border:0;margin-left:0; transform:translateX(-50%); background:none;}
.sns .layer_popup .btn_close {background-color: #fff;right: 1px;top: 1px;width: 34px;height: 34px;}
.sns .layer_popup .btn_close:before,
.sns .layer_popup .btn_close:after {content:'';display:block;position:absolute;left: 5px;top: 16px;width: 25px;height:2px;border-radius: 20px;background:#333;}
.sns .layer_popup .btn_close:before {transform:rotate(45deg);}
.sns .layer_popup .btn_close:after {transform:rotate(-45deg);}



/* ----- animation ----- */

@keyframes rotate_img{
    0%{opacity:1;}
    100% {opacity:1;transform:rotate(360deg);}
}


/* ----- vw ----- */
/* ----- 어퓨 구독&좋아요 ----- */
/* 왼쪽 내용 :공통 */
.sns .sns_link {width:18.8889vw;height:18.8889vw;bottom:-5.8333vw;right:-7.5000vw;}

/* 왼쪽 내용 :인스타 */
.sns .thumbnail_wrapper {width:73.8888vw;margin:11.1111vw auto 17.7778vw;padding:2.2222vw;-webkit-box-shadow:0.0000vw 0.5556vw 1.3889vw 0.0000vw rgba(0,0,0,0.2);-moz-box-shadow:0.0000vw 0.5556vw 1.3889vw 0.0000vw rgba(0,0,0,0.2);box-shadow:0.0000vw 0.5556vw 1.3889vw 0.0000vw rgba(0,0,0,0.2);}
.sns .tag_list {top:6.6667vw;left:-3.8889vw;font-size:3.8889vw;}
.sns .tag_list li {margin-bottom:0.5556vw;}
.sns .tag_list span {width:auto;background-size:100% 100%;padding: 1.6667vw 1px 0.8333vw;line-height:1;}
.sns .tag_list span::before, .sns .tag_list span::after {width:1.6667vw;height:100%;top:0;background-size:auto 100%;}
.sns .tag_list span::before {left: -1.6vw;}
.sns .tag_list span::after {left:auto;right: -1.6vw;}
.sns .sns_text {padding-right:13.0556vw;}

/* 왼쪽 내용 :유튜브 */
.sns .movie_wrapper {width:88.8888%;margin:11.1111vw auto 17.7778vw;padding:2.2222vw 2.2222vw 17.7778vw;-webkit-box-shadow:0.0000vw 0.5556vw 1.3889vw 0.0000vw rgba(0,0,0,0.2);-moz-box-shadow:0.0000vw 0.5556vw 1.3889vw 0.0000vw rgba(0,0,0,0.2);box-shadow:0.0000vw 0.5556vw 1.3889vw 0.0000vw rgba(0,0,0,0.2);}
.sns .movie_wrapper .thumbnail {width:100%;height:0;padding-top:56.25%;}
.sns .movie_wrapper .tag_list {bottom:0;top:2.2222vw;left:-1.6667vw;}
.sns .movie_wrapper .tag_list li {margin-right:3.8889vw;margin-bottom:0;}
.sns .movie_wrapper .sns_link {right:-4.1667vw;}
.sns .movie_wrapper .sns_link::before {background-image: url(../../img/sns/btn_go_bg_you.png);}

/*오른쪽 리스트*/
.sns .filter_wrapper {right:4.1667vw;}
.sns .filter_wrapper>button {padding:1.6667vw 8.8889vw 1.6667vw 1.6667vw;margin:1.9444vw 0 0 0;}
.sns .filter_wrapper>button:before {right:3.3333vw;top:4.7222vw;width:0;height:0;border-width:1.3889vw 0.8333vw 0 0.8333vw;}
.sns .filter_wrapper.on >button:before {border-width:0 0.8333vw 1.3889vw 0.8333vw;}
.sns .filter_wrapper>button img {width:auto;height:4.1667vw;}
.sns .filter_wrapper .filter_list {right:7.7778vw;padding-bottom:2.5000vw;}
.sns .filter_wrapper .filter_list::after {background:#fff;top:-9.4444vw;left:-9.1667vw;right:-7.7778vw;bottom:0;opacity:0.8;}
.sns .filter_wrapper .filter_list button {padding:1.3889vw 0;}
.sns .filter_wrapper .filter_list button img {height:4.1667vw;width:auto;}

.sns .list_wrapper .thumb_list {padding-bottom:22.2222vw;}
.sns .list_wrapper .thumb_list li:nth-child(7n-1) {width:100%;margin-bottom:13.8889vw;justify-align-items:flex-end;}
.sns .list_wrapper .thumb_list li:nth-child(7n) {width:84.4444%;margin:0 auto;clear:both;}

.sns .list_wrapper .thumb_list li:nth-child(7n-6) a {margin-top:13.3333vw;}
.sns .list_wrapper .thumb_list li:nth-child(7n-2) a {width:66.6666%;margin-top:19.4444vw;}
.sns .list_wrapper .thumb_list li .hash_text span {font-size:5.0000vw;}
.sns .list_wrapper .thumb_list li:nth-child(7n-6) .hash_text {margin-top:11.9444vw;margin-left:7.2222vw;margin-bottom:11.6667vw;}
.sns .list_wrapper .thumb_list li:nth-child(7n-5) .hash_text {margin-top:21.6667vw;margin-bottom:3.8889vw;}
.sns .list_wrapper .thumb_list li:nth-child(7n-3) .hash_text {margin-top:11.9444vw;margin-bottom:10.5556vw;}
.sns .list_wrapper .thumb_list li:nth-child(7n-2) .hash_text {width:87.8787%;margin:12.5000vw 0 0 auto;}
.sns .list_wrapper .thumb_list li:nth-child(7n-1) .hash_text {margin-bottom:8.8889vw;margin-left:4.4444vw;width: 45.8333vw;}


/* 팝업 */
.sns .layer_popup .btn_close {width:9.4444vw; height:9.4444vw;}
.sns .layer_popup .btn_close:before,
.sns .layer_popup .btn_close:after {left: 1.3889vw;top: 4.4444vw;width: 6.9444vw;height:0.5556vw;}