html, body{ overflow-x: hidden; }
.inner{ width: 1200px; margin: 0 auto; }

.sns_nav{  position: fixed; left: 85px; bottom: 60px; z-index: 10; transition: .6s; }
.sns_nav ul li{ margin-bottom: 8px; }
.sns_nav ul li:last-child{ margin-bottom: 0; }
.sns_nav ul li a{ display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #1b1b1b; position: relative; transition: 0.3s; }
.sns_nav ul li a i{ display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.sns_nav ul li a i img{ display: block;  }1
.sns_nav ul li a:hover{  }
.sns_nav ul li:first-child a:hover{ background:url('/img/common/sns01_bg.png') center center no-repeat; background-color: #1b1b1b; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }
.sns_nav ul li:nth-child(2) a:hover{ background-color: #ff0000; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }
.sns_nav ul li:nth-child(6) a:hover{ background-color: #3b599a; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }
.sns_nav ul li:nth-child(7) a:hover{ background-color: #3578E5; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }
.sns_nav ul li:nth-child(3) a:hover{ background-color: #ed3e49; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }
.sns_nav ul li:nth-child(4) a:hover{ background-color: #000; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }
.sns_nav ul li:nth-child(5) a:hover{ background-color: #29ade3; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }


/* wooah 헤더 공통 */
#w_header{ position: fixed; width: 100%; left: 0; top: 0; transition: 0.3s; z-index: 100; background-color: #fff; }
#w_header .wrap{ width: 1200px; margin: 0 auto; position: relative; transition: 0.3s; }
#w_header .wrap:after{ content: ""; display: table; clear: both; }
#w_header .logo{ float: left; margin-top: 17px; }
#w_header .logo a{ display: block; width: 100%;  height: 100%; }
#w_header .gnb{ float: right; }
#w_header .gnb ul:after{ content: ""; display: table; clear: both; }
#w_header .gnb ul li{ float: left; margin-right: 67px; height: 76px; }
#w_header .gnb ul li:last-child{ margin-right: 0; }
#w_header .gnb ul li a{ font-size: 18px; font-weight: 500; color:#1e1e1e; display: block; height: auto; position: relative; top: 50%; transform: translate(0,-50%); letter-spacing: -0.5px; }
#w_header .gnb ul li a:after{ content: ""; display: block; width: 0; height: 2px; background-color: #1e1e1e; position: absolute; right: 0; bottom: -5px; transition: 0.5s; }
#w_header .gnb ul li a:hover:after{ width: 100%; left: 0; right: auto; }

#w_header .nv_btn{ position: fixed; right: 0; top: 15%;  z-index: 10; background-color: #1b1b1b;  border-radius: 10px 0 0 10px; }
#w_header .nv_btn img{ display: block; width: 33px; }
#w_header .nv_btn a{ display: block; padding: 10px; padding-right: 40px; transition: .6s; }
#w_header .nv_btn a:hover{ padding-right: 60px; }


/* wooah 메인 */
.main_visual{overflow: hidden;width:100%;position: relative;z-index: 3; position: relative; }
.main_visual .main_slider{ height:100vh;overflow: hidden; position: relative; }
.main_visual .main_slider .slide_box{ overflow: hidden;width:100%;height:100vh; position: relative;}
.main_visual .main_slider .slide_box > div{ overflow: hidden;height:inherit;position: absolute;left:0;top:0;right:0; z-index: 3; overflow: hidden;
  width: 100%; height: 100%;
  opacity:0;
}

.main_visual .main_slider .slide_box > div{
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.main_visual .main_slider .slide_box .main_img{ position: absolute;left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;
  -moz-transition: all 8s ;
  -webkit-transition: all 8s;
  -o-transition: all 8s;
  -ms-transition: all 8s ;
  transition: all 8s ;
  transform: scale(1.15);
}
.main_visual .main_slider .slide_box .main_img img{ display: block; height: auto; transition: all 1000ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transform: translate(-50%,0) rotate(.001deg); left: 50%; position: absolute;
   max-height: 110%;

 }
.main_visual .main_slider .slide_box  > div.on .main_img{ transform: scale(1.0); }



/* wooah 하단 공통 */
.w_foot{ position: fixed; left: 50%; bottom: 45px; transform: translate(-50%,0); z-index: 50; }





/* M/V LIST */
#wooah.mvlist{ background: url('/img/sub/video_bg.jpg') center center no-repeat; }
#wooah.mvlist .video_wrap{ padding-top: 180px; }
#wooah.mvlist .w_foot{ margin-top: 70px; position: static; left: 0; transform: translate(0,0); text-align: center; padding: 40px 0; }
#wooah.mvlist .v_slide .text_box{ padding-top: 20px; }
#wooah.mvlist .v_slide .text_box > strong{ display :block; font-weight: 500 !important; color: #333333; font-size: 24px; letter-spacing: -1px; }
#wooah.mvlist .v_slide .text_box > p{ font-size: 16px; font-weight: 400; color:#a8a6a6; margin-top: 5px; }
#wooah.mvlist .v_slide .slick-slide{ position: relative; }
#wooah.mvlist .v_slide .right_box{ position: absolute; right: 130px; bottom: 15px; width: 280px; }
#wooah.mvlist .v_slide .right_box ul:after{ content: ""; display: table; clear: both; }
#wooah.mvlist .v_slide .right_box ul{ width: 100%; }
#wooah.mvlist .v_slide .right_box ul li{ float: left; width: 50%; text-align: center; }
#wooah.mvlist .v_slide .right_box ul li:last-child{ margin-right: 0; }
#wooah.mvlist .v_slide .right_box ul li { font-size: 16px; font-weight: 300; color:#333333;  }

#wooah.mvlist .v_slide .v_img { position: relative; height: 0px; padding-bottom: 56.25%; text-align: left; }

#wooah.mvlist .v_slide .slick-prev{ z-index: 10; width: 104px; height: 50px; background: url('/img/sub/video_prev_off.png') 0 top no-repeat; text-indent: -999em; outline: 0; position: absolute; right: 440px; bottom: 0; }
#wooah.mvlist .v_slide .slick-prev:hover{ background: url('/img/sub/video_prev_on.png') 0 top no-repeat; }
#wooah.mvlist .v_slide .slick-next{  z-index: 10; width: 104px; height: 50px; background: url('/img/sub/video_next_off.png') 0 top no-repeat; text-indent: -999em; outline: 0; position: absolute; right: 0; bottom: 0;}
#wooah.mvlist .v_slide .slick-next:hover{background: url('/img/sub/video_next_on.png') 0 top no-repeat;}




#wooah .main_visual .main_slider .slide_box .main_img img.web_img{display: block;  }
#wooah .main_visual .main_slider .slide_box .main_img img.mo_img{ display: none; }





/* wooah - PROFILE */
#wooah.profile .p_thum{ position: fixed; right: 90px; top: 50%; transform: translate(0,-43%); z-index: 5; transition: 0; }
#wooah.profile .p_thum ul li{ text-align: center; margin-top: -45px; }

#wooah.profile .p_thum ul li:nth-child(odd){ transform: translate(-30px,0); opacity: 0; }
#wooah.profile .p_thum ul li:nth-child(even){ transform: translate(30px,0); opacity: 0; }

#wooah.profile .p_thum.on ul li:nth-child(odd){ transform: translate(0,0); opacity: 1; transition: 1s; transition-delay: 0.3s; }
#wooah.profile .p_thum.on ul li:nth-child(even){ transform: translate(0,0); opacity: 1; transition: 1s; transition-delay: 0.3s; }


#wooah.profile .p_thum  ul li .img_box{ width: 160px; height: 160px; display: inline-block;  transform: translate(0,0); position: relative; transition: 0.6s; }
#wooah.profile .p_thum  ul li .img_box .hover_box{ opacity: 0; transition: 0.3s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(246,27,237,0.8); }
#wooah.profile .p_thum  ul li .img_box .hover_box span{ display: block; width: 96px; height: 30px; background-color: #0c0c0c; line-height: 30px; text-align: center; color: #fff; font-weight: 500; font-size: 14px; }
#wooah.profile .p_thum  ul li .img_box .hover_box span:nth-child(1){ position: absolute; left: -20px; top: 45%;  transform: translate(-20px,-20px) rotate(-15deg); transition: 0.5s; transition-delay: 0.1s; opacity: 0; }
#wooah.profile .p_thum  ul li .img_box .hover_box span:nth-child(2){ position: absolute; right: -20px; bottom: 13%;  transform: translate(20px,20px) rotate(-15deg); transition: 0.5s; transition-delay: 0.1s; opacity: 0; }

#wooah.profile .p_thum  ul li .img_box .wrap{  overflow: hidden; border-radius: 50%;  }
#wooah.profile .p_thum  ul li a:hover .img_box{ transform: translate(0,-30px); transition: 0.6s; }
#wooah.profile .p_thum  ul li a:hover .img_box .wrap{ }
#wooah.profile .p_thum  ul li a:hover .img_box .hover_box{ opacity: 1; }
#wooah.profile .p_thum  ul li a:hover .img_box .hover_box span:nth-child(1){ transform: translate(0,0) rotate(-15deg); opacity: 1; }
#wooah.profile .p_thum  ul li a:hover .img_box .hover_box span:nth-child(2){ transform: translate(0,0) rotate(-15deg); opacity: 1; }
#wooah.profile .p_thum  ul li .img_box img{ display: block; width: 100%; }

#wooah.profile .p_slide{ position: fixed; background-color: #fff; width: 100%; height: 100%; z-index: 1; }
#wooah.profile .p_slide .img_box .p_img{  }
#wooah.profile .p_slide .img_box .p_img img{ display: block;  position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) scale(1.1); transition: 5s; }
#wooah.profile .p_slide .text_box{ position: absolute; z-index: 2; width: 1200px; left: 0; right: 0;  margin: 0 auto; }
#wooah.profile .p_slide .text_box strong{ display: block; margin-bottom: 20px; }
#wooah.profile .p_slide .text_box span{ font-size: 18px; font-weight: 400 !important; color: #1e1e1e; display: block; letter-spacing: 2px; }
#wooah.profile .p_slide.on .img_box .p_img img{  transform: translate(-50%,-50%) scale(1); }



/* NANA */
#wooah.profile.p_nana .p_slide .text_box{ top: 50%; text-align: right; padding-right: 40px; }
#wooah.profile.p_nana .p_slide .text_box strong{ transform: translate(-30px,0); opacity: 0; transition: 0.8s; transition-delay: .3s; }
#wooah.profile.p_nana .p_slide .text_box span{ transform: translate(-30px,0); opacity: 0; transition: 0.8s;  transition-delay: .5s; }
#wooah.profile.p_nana .p_slide.on .text_box strong{ transform: translate(0,0); opacity:1; }
#wooah.profile.p_nana .p_slide.on .text_box span{  transform: translate(0,0); opacity:1;}


/* #wooah.profile.p_hee .p_slide .text_box span{ color: #fff; } */
/* #wooah.profile.p_jo .p_slide .text_box strong{ color: #fff; }
#wooah.profile.p_jo .p_slide .text_box span{ color: #fff; } */


/* WOOYEUN */
#wooah.profile.p_wooyeon .p_slide .text_box{ top: 60%; text-align: left; padding-right: 0; }
#wooah.profile.p_wooyeon .p_slide .text_box strong{ transform: translate(-30px,0); opacity: 0; transition: 0.8s; transition-delay: .3s; }
#wooah.profile.p_wooyeon .p_slide .text_box span{ transform: translate(-30px,0); opacity: 0; transition: 0.8s;  transition-delay: .5s; }
#wooah.profile.p_wooyeon .p_slide.on .text_box strong{ transform: translate(0,0); opacity:1; }
#wooah.profile.p_wooyeon .p_slide.on .text_box span{  transform: translate(0,0); opacity:1;}


/* SORA */
#wooah.profile.p_sora .p_slide .text_box{ top: 60%; text-align: right; padding-right: 40px; }
#wooah.profile.p_sora .p_slide .text_box strong{ transform: translate(-30px,0); opacity: 0; transition: 0.8s; transition-delay: .3s; }
#wooah.profile.p_sora .p_slide .text_box span{ transform: translate(-30px,0); opacity: 0; transition: 0.8s;  transition-delay: .5s; }
#wooah.profile.p_sora .p_slide.on .text_box strong{ transform: translate(0,0); opacity:1; }
#wooah.profile.p_sora .p_slide.on .text_box span{  transform: translate(0,0); opacity:1;}


/* LUCY */
#wooah.profile.p_lucy .p_slide .text_box{ top: 60%; text-align: left; padding-right: 0; }
#wooah.profile.p_lucy .p_slide .text_box strong{ transform: translate(-30px,0); opacity: 0; transition: 0.8s; transition-delay: .3s; }
#wooah.profile.p_lucy .p_slide .text_box span{ transform: translate(-30px,0); opacity: 0; transition: 0.8s;  transition-delay: .5s; }
#wooah.profile.p_lucy .p_slide.on .text_box strong{ transform: translate(0,0); opacity:1; }
#wooah.profile.p_lucy .p_slide.on .text_box span{  transform: translate(0,0); opacity:1;}


/* MINSEO */
#wooah.profile.p_minseo .p_slide .text_box{ top: 60%; text-align: left; padding-right: 0; }
#wooah.profile.p_minseo .p_slide .text_box strong{ transform: translate(-30px,0); opacity: 0; transition: 0.8s; transition-delay: .3s; }
#wooah.profile.p_minseo .p_slide .text_box span{ transform: translate(-30px,0); opacity: 0; transition: 0.8s;  transition-delay: .5s; }
#wooah.profile.p_minseo .p_slide.on .text_box strong{ transform: translate(0,0); opacity:1; }
#wooah.profile.p_minseo .p_slide.on .text_box span{  transform: translate(0,0); opacity:1;}


/* SONGYEE */
#wooah.profile.p_songyee .p_slide .text_box{ top: 50%; text-align: left; padding-right: 0; }
#wooah.profile.p_songyee .p_slide .text_box strong{ transform: translate(-30px,0); opacity: 0; transition: 0.8s; transition-delay: .3s; }
#wooah.profile.p_songyee .p_slide .text_box span{ color: #fff; transform: translate(-30px,0); opacity: 0; transition: 0.8s;  transition-delay: .5s; }
#wooah.profile.p_songyee .p_slide.on .text_box strong{ transform: translate(0,0); opacity:1; }
#wooah.profile.p_songyee .p_slide.on .text_box span{  transform: translate(0,0); opacity:1;}





/* GALLERY */
#wooah .v_tit { text-align: center; margin-bottom: 90px; }
#wooah .v_tit strong{ font-size: 36px; font-weight: 500 !important; letter-spacing: 3px; color: #1e1e1e; display :block; }
#wooah .sub_v{ height: 560px; overflow: hidden; position: relative; }
#wooah .sub_v .v_img img{ display: block; height: 100%; position: absolute; left: 50%; top: 0;
  transform: translate(-50%,0) scale(1.15);
}
#wooah .sub_v .v_text{ position: absolute; left: 0; width: 100%; top: 60%; transform: translate(0,-50%); text-align: center; }
#wooah .sub_v .v_text strong{ display: block; margin-bottom: 20px;
  transform: translate(0,30px); opacity: 0;
}
#wooah .sub_v .v_text p{ font-size: 20px; font-weight: 400; color:#ffffff; letter-spacing: -0.5px;
  transform: translate(0,30px); opacity: 0;
}



#wooah .sub_v.on .v_img img{ transform: translate(-50%,0) scale(1.0); transition:6s; }
#wooah .sub_v.on .v_text strong{ transform: translate(0,0); opacity: 1; transition: 1s; transition-delay: 0.4s; }
#wooah .sub_v.on .v_text p{ transform: translate(0,0); opacity: 1; transition: 1s; transition-delay: 0.6s; }


#wooah .gall_view{ position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background-color: rgba(0,0,0,0.85);}
#wooah .gall_view .modal img{ position: absolute; max-width: 90%; max-height: 90%; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 6px solid #fff; display: block; }
#wooah .gall_view .close_btn{ position: absolute; right: 42px; top: 46px; width: 32px; height:32px; background-color: transparent; border: 2px solid #fff; border-radius: 6px; transition: 0.4s; outline: 0; }
#wooah .gall_view .close_btn .line_wrap{ width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); transition: 0.5s; }
#wooah .gall_view .close_btn span{ display:block; background-color: #fff; position: absolute; transition: 0.5s; }
#wooah .gall_view .close_btn span:nth-child(1){ width: 100%; height: 2px; left: 0; top: 50%; transform: translate(0,-50%); }
#wooah .gall_view .close_btn span:nth-child(2){ width: 2px; height: 100%;  left: 50%; transform: translate(-50%,0); }
#wooah .gall_view .close_btn:hover .line_wrap{ transform: translate(-50%,-50%) rotate(135deg); }



#wooah .bo_gall{ padding-top: 100px; padding-bottom: 100px; }
#wooah .bo_gall .inner > ul:after{ content: ""; display: table; clear: both; }
#wooah .bo_gall .inner > ul > li{ float: left; width: 23%; margin-right: 2.666666666%; margin-bottom: 40px; height: 276px; overflow: hidden;
  transform: translate(0,40px); opacity: 0;
}
#wooah .bo_gall .inner > ul > li:nth-child(4n+0){ margin-right: 0; }
#wooah .bo_gall .inner > ul > li .img_box{ position: relative; width: 100%; height: 100%;}
#wooah .bo_gall .inner > ul > li:hover{ box-shadow: 16px 16px 20px rgba(0,0,0,0.3);}
#wooah .bo_gall .inner > ul > li .img_box:after{ position: absolute; z-index: 10; left: 0; top: 0; content: ""; width: 100%; height: 100%; display :block;background: url('/img/sub/gall_more.png') center center no-repeat; transition: 0.3s;
background-color: rgba(0,0,0,0.8);
opacity: 0;
}
#wooah .bo_gall .inner > ul > li:hover .img_box:after{ opacity: 1; }

#wooah .bo_gall .inner > ul > li .img_box img{ width: 100%; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

#wooah .bo_gall.on .inner > ul > li{
  transform: translate(0,0); opacity: 1; transition: 1s;
}




#wooah .location{ text-align: center; margin-top: 40px; }
#wooah .location ul li{ display: inline-block; width: 36px; height: 36px; margin-right: 5px; }
#wooah .location ul li:last-child{ margin-right: 0; }
#wooah .location ul li a{ font-size: 16px; color: #555555; display: block; width: 100%; height: 100%; line-height: 36px; }
#wooah .location ul li.on{ background-color: #1b1b1b; }
#wooah .location ul li.on a{ color:#fff; }
#wooah .location ul li.prev { position: relative; top: 11px; }
#wooah .location ul li.next { position: relative; top: 11px; }
#wooah .location ul li.prev button{ width: 100%; height: 100%; display :block; background: url('/img/sub/location_prev.jpg') center center no-repeat; }
#wooah .location ul li.next button{ width: 100%; height: 100%; display :block; background: url('/img/sub/location_next.jpg') center center no-repeat; }
#wooah.gallery .w_foot{ position: static; left: 0; transform: translate(0,0); text-align: center; padding: 40px 0; }


@media (max-width:1216px){
  #footer .sns_nav{ left: auto; right: 25px; }
  #footer .sns_nav{ bottom: 90px;  }
}



@media (max-height:850px){
  #wooah.profile .p_slide .img_box .p_img img{ height: 100%; }
  #wooah.profile .p_thum{ height: 80vh; }
  #wooah.profile .p_thum ul{ height: 100%; position: relative; display: block; }
  #wooah.profile .p_thum ul li:first-child{ margin-top: 20px; }
#wooah.profile .p_thum ul li{ height: 16.66666666%; width: auto; display: block; margin-top: -20px; }
#wooah.profile .p_thum ul li a{ display: block; height: 100%; }
#wooah.profile .p_thum ul li .img_box{ width: 100%; height: 100%; }
#wooah.profile .p_thum ul li .img_box img{ width: auto; height: 100px; }
#wooah.profile .p_thum ul li .img_box .hover_box{ width: 100px; height: 100px; }
#wooah.profile .p_thum ul li .img_box .hover_box span{ display: none; }
}




@media (max-height:500px){
  #wooah.profile .p_thum ul li .img_box .hover_box{ width: 50px; height: 50px; }
  #wooah.profile .p_thum ul li .img_box img{ width: auto; height: 50px; }
  #wooah.profile .p_thum  ul li a:hover .img_box{ transform: translate(0,-10px);  }
  #wooah.profile .p_thum ul li{ height: 50px; margin-top: -10px;}
  #wooah.profile .p_thum ul{ margin-top: 20px; position: absolute; right: 0; top: 50%; transform: translate(0,-50%);}

}

@media (max-width:1650px){
#wooah.profile.p_nana .p_slide .text_box{ text-align: left; }
#wooah.profile.p_sora .p_slide .text_box{ text-align: left; }
}

@media (max-width:1216px){
  .inner{ width: 100%; padding: 0 30px; }
  #w_header .wrap{ width: 100%; padding: 0 30px; }
  #wooah.profile .p_slide .text_box{ padding: 0 30px; width: 100%; }
}


@media (max-width:900px){
  #wooah.mvlist .w_foot{ margin-top: 120px; }
    #wooah.mvlist .v_slide .slick-prev{ right: auto; left: 0; bottom: -80px;  }
    #wooah.mvlist .v_slide .slick-next{ right: 0; bottom: -80px;  }
    #wooah.mvlist .v_slide .right_box{ left: 0; right: 0; margin: 0 auto; bottom: -67px; }
    .slick-list{ overflow: visible; }
}


@media (max-width:800px){
#w_header .gnb ul li a{ font-size: 14px; }
#w_header .gnb ul li{ margin-right: 30px; height: 50px; }
#w_header .logo{ margin-top: 10px; }
#w_header .logo img{ height: 32px; }
#wooah .sub_v{ height: 420px; }
#wooah .sub_v .v_text strong img{ height: 50px; }
#wooah .sub_v .v_text p { font-size: 16px; word-break: keep-all; }
#wooah .sub_v .v_text{ padding: 0 30px; }
#wooah .bo_gall .inner > ul > li{ width: 48%; margin-right: 4%; height: auto; }
#wooah .bo_gall .inner > ul > li:nth-child(4n+0){ margin-right: 4%; }
#wooah .bo_gall .inner > ul > li:nth-child(2n+0){ margin-right: 0; }
#wooah .bo_gall .inner > ul > li .img_box img{ position: static; transform: translate(0,0);}

}
@media (max-width:720px){
#wooah .main_visual .main_slider .slide_box .main_img img.web_img{ display: none; }
#wooah .main_visual .main_slider .slide_box .main_img img.mo_img{ display: block; }
#wooah.profile .p_thum{ right: 30px; }
#wooah.mvlist{ background-size: auto 100%; min-height: 100vh; }
#wooah.mvlist .video_wrap{ padding-top: 100px; }
#wooah.mvlist .w_foot{ position: fixed; left: 50%; transform: translate(-50%,0); bottom: 0; }
}

@media (max-width:640px){
  .sns_nav{ left: auto; right: 15px; bottom: 30px; }
  .sns_nav ul li a{ width:32px; height: 32px; }
  .sns_nav ul li a i img{ height: 15px; }
  .sns_nav ul li:nth-child(1) a i img{ height: 14px; }
  .sns_nav ul li:nth-child(2) a i img{ height:10px; }
  .sns_nav ul li:nth-child(3) a i img{ height: 14px; }
  .sns_nav ul li:nth-child(4) a i img{ height: 14px; }
  .sns_nav ul li:nth-child(6) a i img{ height: 13px; }
  .sns_nav ul li:nth-child(7) a i img{ height:30px;}
}


@media (max-width:640px){
  #w_header .nv_btn{ top: 10%; }
  #wooah.profile .p_slide{ height: 400px; overflow: hidden; }
  #wooah.profile .p_thum{ right: auto; height: auto; left: 0; top: 50%; transform: translate(0,0); padding: 0 40px; }
  #wooah.profile .p_thum ul:after{ content: ""; display: table; clear:both; }
  #wooah.profile .p_thum ul li{ float: left; width: 30%; height: auto; margin-right:4.9999%; margin-bottom: 20px; margin-top: 0; }
  #wooah.profile .p_thum ul li:first-child{ margin-top: 0; }
  #wooah.profile .p_thum ul li:nth-child(3n+0){ margin-right: 0; }
  #wooah.profile .p_thum ul li .img_box img{ width: 100%; height: auto; }
  #wooah.profile .p_slide .text_box strong{ margin-bottom: 10px; }
  #wooah.profile .p_slide .text_box strong img{ height: 32px; }
  #wooah.profile.p_nana .p_slide .text_box{ text-align: right; }
#wooah.profile.p_sora .p_slide .text_box{ text-align: right; }
#wooah.mvlist .v_slide .right_box{ display: none; }
.slick-list{ overflow: hidden; }
#wooah .v_tit strong{ font-size: 20px; }
#wooah.profile .p_thum ul li:nth-child(odd){ transform: translate(0,-30px);  }
#wooah.profile .p_thum ul li:nth-child(even){ transform: translate(0,30px); }
#w_header .nv_btn img{ width: 32px; }
#w_header .nv_btn a{ padding-right: 25px; }
#w_header .nv_btn a:hover{ padding-right: 35px; }
}

@media (max-width:540px){
  #w_header .gnb ul li a{ font-size: 12px; }
  #w_header .gnb ul li{ margin-right: 20px; }
  #w_header .wrap{ padding: 0 20px;  }
  #wooah.mvlist .v_slide .text_box > strong{ font-size: 18px; }
  #wooah.mvlist .v_slide .text_box > p{ font-size: 13px; }
  #wooah.mvlist .video_wrap{ padding-top: 0; position: absolute; width: 100%; left: 0; top: 50%; transform: translate(0,-50%);}
  #wooah .v_tit{ margin-bottom: 30px; }
  #wooah .location ul li{ width: 28px; height: 28px; }
  #wooah .location ul li a{ font-size: 13px; line-height: 28px;}
  #wooah .location ul li.prev button{ background-size: 100% 100%; }
    #wooah .location ul li.next button{ background-size: 100% 100%; }
    #wooah .location ul li.prev{ top: 9px; }
    #wooah .location ul li.next{ top: 9px; }
    #wooah .location{ margin-top: 20px; }
    #wooah .sub_v{ height: 280px; }
    #wooah .sub_v .v_text strong img{ height: 35px;  }

    #wooah .gall_view .modal img{ max-height: 75%; }
    #wooah.mvlist .v_slide .slick-prev{ width: 70px; height: 33px; background-size: auto 100% !important; }
    #wooah.mvlist .v_slide .slick-next{ width: 70px; height: 33px; background-size: auto 100% !important; }
    .inner{ padding: 0 20px; }
    #wooah.profile .p_thum{ top: 55%;  }
}


@media (max-width:414px){
    #wooah.profile .p_slide{ height: 320px; overflow: hidden; }
    #wooah.profile .p_slide .text_box strong img{ height: 26px; }
}

@media (max-width:375px){
#w_header .logo img{ height: 24px; }
#w_header .logo{ margin-top: 14px; }
}