/* BASIC css start */
html{font-size:14px;}
body{overflow-x:hidden;}
body img,
body object{max-width:100%;height:auto;}
img{vertical-align:top;}

.mp_brand_container{font-family: 'Noto Sans KR', sans-serif;max-width:1000px;margin:0 auto;overflow-x: hidden;/* iPhone 가로 스크롤 방지 */}
.mp_brand_container.pc_ver{font-family: 'Noto Sans KR', sans-serif;max-width:2000px;margin:0 auto;overflow-x: hidden;/* iPhone 가로 스크롤 방지 */}

.mp_brand_container img{vertical-align:top;}

.mp_brand_tabs{display:flex;}
.mp_brand_tabs > div{width:50%;}
.mp_brand_tabs > div a{display:block;}

/* youtube position */
.vm_wrap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;padding:0 5%;box-sizing:border-box;max-width:876px;}
.vm_wrap .vm_inner{height:45vw;max-height:517px;}
.pc_ver .vm_wrap{padding:0;width:43.8%;max-width:874px;}
.pc_ver .vm_wrap .vm_inner{height:24.3vw;max-height:492px;}

.nm_cnt{position:relative;}
.metal_band{position:absolute;bottom:-15.5%;left:0;width:100%;z-index:100;}
.metal_txt{position:absolute;top:0;left:0;width:100%;z-index:100;}
.pc_ver .metal_band{position:absolute;bottom:-205px;left:0;width:100%;z-index:100;}
.pc_ver .metal_txt{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:auto;z-index:100;text-align:center;}

.metal_live{background:#000;}
.metal_lives_slider{position:relative;background-color:#000001;overflow:hidden;background-color:#000;}
.metal_lives_slider .metal-live-nav{position:absolute;top:50%;transform:translateY(-50%);width:7.4%;z-index:100;}
.metal_lives_slider .metal-live-nav.metal-live-prev{left:2%;}
.metal_lives_slider .metal-live-nav.metal-live-next{right:2%;}
.metal_lives_slider .swiper-wrapper {
    -webkit-transition-timing-function:linear!important; 
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important; 
}
.pc_ver .metal_live{background:#000 url(../images/kor_ces/pc/bg_live.jpg) no-repeat center top;background-size:cover;}
.pc_ver .metal_lives_slider{width:67.5%;margin:0 auto;}


.btn_more_help{position:absolute;width:88%;left:50%;transform:translateX(-50%);bottom:13vw;max-width:880px;}
.pc_ver .btn_more_help{position:absolute;width:20%;left:50%;transform:translateX(-50%);bottom:7%;}
.btn_end_concert{position:absolute;width:57%;left:50%;transform:translateX(-50%);top:37vw;max-width:570px;}
.pc_ver .btn_end_concert{position:absolute;width:20%;left:50%;transform:translateX(-50%);top:35%;}

.info_slider{position:relative;background-color:#fff;overflow:hidden;background-color:#f9f7f4;}
.info_slider .swiper-pagination{bottom:5vw;}
.info_slider .swiper-pagination .swiper-pagination-bullet{background-color:#000;}
.info_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#f99718;}
.info_slider .device_info{background-color:#f9f7f4;text-align:center}
.info_slider .device_info.slide_03 div{padding:5%;}
.pc_ver .info_slider_wrap{background-color:#f9f7f4;;}
.pc_ver .info_slider{width:67.5%;margin:0 auto;}
.pc_ver .info_slider .device_info.slide_03 div{padding:43px 0 24px;}
.pc_ver .info_slider .device_info.slide_03 div img{width:46.666666%;max-width:630px;}


.sleep_cnt{position:relative;} 
.btn_more_story{position:absolute;width:44.1%;bottom:5%;right:5%;}
.btn_more_info{position:absolute;width:57%;bottom:17%;left:50%;transform:translateX(-50%);}

.device_info_slider{position:relative;padding-bottom:15vw;background-color:#fffdf3;overflow:hidden;}
.device_info_slider .swiper-pagination{bottom:5vw;}
.device_info_slider .swiper-pagination .swiper-pagination-bullet{background-color:#000;}
.device_info_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#f99718;}

#snoringSound01{width:100%;max-width:1000px;box-sizing:border-box;height:50vh;background-color:#f5efe5;position:relative;margin:0;overflow:hidden;padding-bottom:10vw;}
#snoringSound01 .first {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:1500px;}
#snoringSound01 button{position:absolute;bottom:5%;right:3%;width:50px;height:50px;border:0;z-index:5;text-indent:-9999em;cursor:pointer;}
#snoringSound01 button.playbtn { background:url(/design/digitalmkt/img/tracks/btn_play_wave2.svg) no-repeat center center; background-size:100% 100%;}
#snoringSound01 button.pausebtn { background:url(/design/digitalmkt/img/tracks/btn_pause_wave2.svg) no-repeat center center; background-size:100% 100%;}
#snoringSound01 p {position:absolute;bottom:18%;right:3%;width:380px;color:#787878;font-size:14px;line-height:24px;letter-spacing:-.42px;text-align:right;z-index:5;}

/* intro */
/* .intro { width:100vw; height:100vh; } */
.intro{position:relative;}
.intro .__mask {position:absolute;top:0;left:0;width:100%;height:100%;background:#ccc8bf;}
/* .intro_bg { width:100%; height:100%; background:url(../images/intro_bg.jpg); background-size:cover; background-position:center center; } */
.intro_bg {position:relative;}
.intro_txt {position:absolute;top:73vw;left:50%;transform:translate(-50%, -50%);width:44vw;height:58.7vw;}
.intro_txt h1 {display:none;opacity:0;position:absolute;top:-2px;left:0;width:100%;height:100%;text-indent:-9999em;}

.intro_txt svg#intro_h1 {opacity:0;display:none;width:100%;height:100%;}
.intro_txt svg#intro_h1 .st1 {fill:none;stroke:#000;stroke-width:1.5;stroke-miterlimit:10;transition:fill .5s ease;}

.intro_txt svg#intro_h1_2 {opacity:0;display:none;position:absolute;top:2px;left:0;width:100%;height:100%;}
.intro_txt svg#intro_h1_2 .st1 {fill:#000;}

.pc_ver .intro_txt {position:absolute;top:20%;left:50%;transform:translate(-50%, 0);width:15%;height:15vw;}
.pc_ver .sleep_cnt{text-align:center;}
.pc_ver .cnt_02{background-color:#f3e8db;}
.pc_ver .cnt_03{background-color:#faf8f3;}
.pc_ver .cnt_04{background-color:#f5efe5;}
.pc_ver .cnt_05{background-color:#f5f5f5;}
.pc_ver .cnt_05 .inner{background-color:#f5f5f5;padding-bottom:180px;}
.pc_ver #snoringSound01{max-width:1350px;width:1350px;margin:0 auto;}
.pc_ver .inner{width:1350px;margin:0 auto;position:relative;}
.pc_ver .btn_more_story{position:absolute;width:auto;bottom:101px;right:42px;}
.pc_ver .btn_more_info{position:absolute;width:auto;bottom:103px;left:50%;transform:translateX(-50%);}

.pc_ver .medical_info{}
.pc_ver .medical_info .inner{display:flex;}
.pc_ver .medical_info .inner > div{width:50%;}
.pc_ver .medical_info .inner > div:last-child{text-align:right;}

.pc_ver .mp_works{background:#fffdf3;}
.pc_ver .mp_works .mp_works_inner{padding-bottom:100px;}
.pc_ver .mp_works .mp_works_inner img{margin:0 50px 35px;}
.pc_ver .mp_works .mp_works_inner img:nth-child(2n){transform:translateY(35px);}
.bg_bot{background:url('../images/sleep/pc/bg_bot.jpg') no-repeat center top;}

.more_info{position:fixed;bottom:5%;right:5%;width:38.8%;z-index:500;}
.pc_ver .more_info{position:fixed;bottom:5%;right:5%;width:261px;z-index:500;}

.more_info{
    transform-origin: 0% 0%;
    animation-name: shake;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-delay: 3s;
  }
  
  @keyframes shake{
	0%, 65%{ 
        transform:rotate(0deg);
      }
      70% {  
        transform:rotate(6deg);
        /* transform:scale(1.1); */
      }
      75% {  
        transform:rotate(-6deg);
        /* transform:scale(1.0); */
      }
      80% {  
        transform:rotate(6deg);
        /* transform:scale(1.1); */
      }
      85% {  
        transform:rotate(-6deg);
        /* transform:scale(1.0); */
      }
      90% {  
        transform:rotate(6deg);
        /* transform:scale(1.1); */
      }
      95% {  
        transform:rotate(-6deg);
        /* transform:scale(1.0); */
      }
      100% {  
        transform:rotate(0deg);
      }
  }
/* BASIC css end */