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

.nm_care_wrap{}
.nm_care_wrap .inner{}



.mp_brand_container{font-family: 'Noto Sans KR', sans-serif;max-width:1000px;margin:0 auto;overflow-x: hidden;position:relative;/* 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;justify-content:center;}
.mp_brand_tabs.altS{max-width:1920px;;}
.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 button.playbtn { background:url(../images/sleep/mo/btn_play_wave2.svg) no-repeat center center; background-size:100% 100%;}
#snoringSound01 button.pausebtn { background:url(../images/sleep/mo/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 #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:auto;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);
      }
  }

  
.btn_na{display:flex;box-sizing:border-box;font-weight:bold;text-align:center;position:absolute;top:20px;right:10px;font-size:4vw;height:1em;line-height:1em;z-index:1000;}
.btn_na a{box-sizing:border-box;padding:0 10px;border-left:1px solid #8a8a8b;color:#8a8a8b;flex:1;}
.btn_na span{box-sizing:border-box;padding:0 10px;color:#fff;flex:1;}

.pc_ver .btn_na{display:flex;box-sizing:border-box;font-weight:bold;text-align:center;position:absolute;top:21px;right:26px;font-size:22px;line-height:1em;height:auto;}
.pc_ver .btn_na a{padding:0 10px;border-left:1px solid #8a8a8b;box-sizing:border-box;color:#8a8a8b;flex:1;}
.pc_ver .btn_na span{padding:0 10px;box-sizing:border-box;color:#fff;flex:1;}
  
  /* .mp_brand_container.pc_ver{display:none}
  @media (min-width:769px) {
      .mp_brand_container{display:none;}
      .mp_brand_container.pc_ver{display:block;}
  }
   */
  

.quick_menu{position:fixed;bottom:5%;right:5%;width:38.8%;z-index:1000;}
.quick_menu.no-fixed{position:absolute;bottom:0;right:0;}
.quick_menu ul li a{display:block;}
.pc_ver .quick_menu{position:fixed;bottom:5%;right:5%;width:261px;z-index:1000;}

/* 20230712 */

.cnt_alt_01{background-color:#000;padding:110px 0 100px;max-width:1920px;}
.cnt_alt_01 h2{padding-bottom:30px;text-align:center;}
.cnt_alt_01 h3{padding-top:27px;text-align:center;}
.v_clip{width:1096px;height:616px;position:relative;margin:0 auto;}
.v_clip .player_cover{position:absolute;top:0;left:0;width:100%;height:100%;}
.v_clip .player_cover:hover{cursor:pointer;}
@media (max-width:1000px) {
  .cnt_alt_01{padding:11% 0 10%;}
  .cnt_alt_01 h2{padding-bottom:3%;}
  .cnt_alt_01 h2 img{width:72.4vw;max-width:724px;}
}


.cnt_alt_02{padding:134px 0 0;}
.cnt_alt_02 h2{padding-bottom:84px;text-align:center;}
.cnt_alt_02 ul li{padding-bottom:57px;display:flex;justify-content:center;align-items:center;}
.cnt_alt_02 ul li:last-child{padding-bottom:0;}
.cnt_alt_02 ul li> div{width:660px;}

.cnt_alt_03{padding:170px 0 200px;}
.cnt_alt_03 h2{padding-bottom:18px;text-align:center;}
.cnt_alt_03 h2 + p{padding-bottom:80px;text-align:center;}
.awards_slider{width:60%;padding:0 30px;margin:0 auto;overflow:hidden;box-shadow:inset 50px 0 50px -50px rgba(0,0,0,0.1),inset -50px 0 50px -50px rgba(0,0,0,0.1)}
.awards_slider .swiper-slide div{overflow:hidden;text-align:center;}
.awards_slider .swiper-slide div > img{display:inline-block;}
.awards_slider .swiper-slide div > img:first-child{display:inline-block;}
.awards_slider .swiper-slide div > img:last-child{display:none;}
.awards_slider .swiper-slide div.cur > img:first-child{display:none;}
.awards_slider .swiper-slide div.cur > img:last-child{display:inline-block;}
@media (max-width:1000px) {
  .awards_slider{width:90%;padding:0 30px;}
}


.cnt_alt_04{position:relative;max-width:1920px;}
.cnt_alt_04 a{position:absolute;top:63%;left:50%;transform:translateX(-50%);}


/* BASIC css end */