@charset "utf-8";

/* aos custorm */
[data-aos="motion_zoom_left"] {transform: scale(1.1) !important; transform-origin: 0 0 !important;} 
[data-aos="motion_zoom_left"].aos-animate {transform: scale(1) !important; transition-duration:2s !important}

.sns {padding:110px 0 80px}
.sns h2 {font-family:"RobotoB"; font-size:48px; text-align:center;}

.sns .tag_select {overflow:hidden; width:1200px; margin:140px auto 0;}
.sns .tag_select .tag_list {float:left;width:1058px;height:42px;font-size:0;text-align:left;}
.sns .tag_select .tag_list.on {height:auto}
.sns .tag_select .tag_list li {display:inline-block; margin-right:12px; margin-bottom:20px} 
.sns .tag_select .tag_list li input {width:0; height:0;}
.sns .tag_select .tag_list li label {display:block; height:40px; font-family:'NotoSansL'; font-size:18px; line-height:38px; padding:0 34px; border:1px solid #e4e4e4; border-radius:15px; background:#f4f4f4; cursor:pointer}
.sns .tag_select .tag_list li input:checked + label {color:#fff; border-color:#666666; background:#666 url(../img/sns/icon_check.png) 10px 50% no-repeat;  background-size:15px auto}
.sns .tag_select .btn_more {position:relative; float:left; width:90px; height:40px; color:#fff; font-family:'NotoSansM'; font-size:14px; border-radius:5px; background:#000; outline:0;}
.sns .tag_select .btn_more:before {content:'+'; display:inline-block; font-size:16px; margin-right:5px;}
.sns .tag_select .btn_more.on:before {content:'-';}
.sns .tag_select .btn_confirm {float:right; width:41px; height:41px; font-size:0; border-radius:100%; background:#000 url(../img/sns/icon_search.png) center center no-repeat}

.sns .sns_slider {position:relative; width:1300px; font-size:0; margin:85px auto 0;}
.sns .sns_slider .btn_arrow {position:absolute; top:0; width:92px; height:100%; font-size:0; text-indent:-9999px; background:url(../img/sns/slide_arrow.png) right center no-repeat; outline:0;}
.sns .sns_slider .btn_arrow.btn_prev {left:-92px; transform: rotate(180deg);}
.sns .sns_slider .btn_arrow.btn_next {right:-92px;}
.sns .sns_slider ul {font-size:0; margin-left:-10px;}
.sns .sns_slider ul li {position:relative; display:inline-block; vertical-align:top; margin:0 0 20px 20px;}
.sns .sns_slider ul li p {font-family:"NotoSansM"; color:#000; font-size:14px;}
/*.sns .sns_slider ul li img {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}*/ /* 이미지중앙정렬 */

.sns .sns_slider ul li:nth-child(1) {width:310px; height:310px; vertical-align:bottom; margin-left:118px}
.sns .sns_slider ul li:nth-child(2) {width:720px; height:405px;}
.sns .sns_slider ul li:nth-child(3) {width:368px; height:207px;}
.sns .sns_slider ul li:nth-child(4) {width:350px; height:350px;}
.sns .sns_slider ul li:nth-child(5) {width:290px; height:290px;}
.sns .sns_slider ul li:nth-child(6) {width:220px; height:220px;}

.sns .sns_slider ul li a {overflow:hidden;position:relative;display:block;width:0;height:0;opacity:0;background: transparent;}
.sns .sns_slider ul li.on a {opacity:1; transition: all 0.5s ease-in-out;}
.sns .sns_slider ul li:nth-child(1).on a {width:310px; height:310px; transition-delay: 0.2s}
.sns .sns_slider ul li:nth-child(2).on a {width:720px; height:405px;}
.sns .sns_slider ul li:nth-child(3).on a {width:368px; height:207px; transition-delay: 0.2s}
.sns .sns_slider ul li:nth-child(4).on a {width:350px; height:350px; transition-delay: 0.4s}
.sns .sns_slider ul li:nth-child(5).on a {width:290px; height:290px; transition-delay: 0.4s}
.sns .sns_slider ul li:nth-child(6).on a {width:220px; height:220px; transition-delay: 0.4s}

.sns .sns_slider ul li:nth-child(1) img {height:310px;} 
.sns .sns_slider ul li:nth-child(2) img {height: 405px;}
.sns .sns_slider ul li:nth-child(3) img {height: 207px;}
.sns .sns_slider ul li:nth-child(4) img {height:350px;}
.sns .sns_slider ul li:nth-child(5) img {height:290px;}
.sns .sns_slider ul li:nth-child(6) img {height: 220px;}

/* layer_popup */
.layer_popup .btn_close {right:40px; top:40px; width:24px; height:24px; background:url(../img/sns/btn_close.png) no-repeat}
.layer_popup .btn_arrow {position:absolute; top:0; width:73px; height:100%; font-size:0; text-indent:-9999px; background:url(../img/sns/btn_popup_arrow.png) right center no-repeat; outline:0}
.layer_popup .btn_arrow.btn_prev {left:-73px; transform: rotate(180deg);}
.layer_popup .btn_arrow.btn_next {right:-73px;}

/* 인스타그램 상세팝업 */
#popup_instar {width:1050px; height:720px; margin-left:-525px;}
#popup_instar .table {height:720px}
#popup_instar .img_box {width:576px;}
#popup_instar .img_box img {width:100%;}
#popup_instar .info_box {text-align:center; padding:0 20px;}
#popup_instar .info_box .tag {font-family:'NotoSansM'; font-size:24px;}
#popup_instar .info_box .tag span {display:inline-block}
#popup_instar .info_box .cont {font-family:'NotoSansL'; font-size:16px; margin-top:50px}
#popup_instar .info_box .btn_black {margin-top:50px}

/* 유튜브 상세팝업 */
#popup_youtube {width:1287px; height:600px; margin-left:-643px;}
#popup_youtube .img_box {width:860px; height:100%; background:#000}
#popup_youtube .info_box {text-align:center; padding:0 20px;}
#popup_youtube .info_box .tag {font-family:'NotoSansM'; font-size:24px;}
#popup_youtube .info_box .tag span {display:inline-block}
#popup_youtube .info_box .btn_black {margin-top:20px}