@charset "utf-8";

/* Eric meyer reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align: baseline;} 
caption{display:none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing:0;}

/* link */
a:link {text-decoration:none;color:#343434;}
a:visited{text-decoration:none;color:#343434;}
a:hover{text-decoration:none;color:#343434;}
a:active{text-decoration:none;color:#343434;}
  
/* img, object */
img, object {max-width:100%;height:auto;}
img{vertical-align:top;}

/* reusable styling code */
.full{height:100%;}
.hide{display:none;}

/* root */
:root{
  /* font color */
  --font-black-color:#101828;
  --font-white-color:#fff;
  --font-grey-color:#98A2B3;
 
  /* color */
  --color-velvet:#B03BEF;

  /* bg color */
  --bg-white:#fff;
}

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* 
.oxanium-<uniquifier> {
  font-family:"Oxanium", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/

/* scroll smooth */
html{scroll-behavior: smooth;}

body{font-family:'Poppins','맑은고딕','Malgun Gothic','Apple Gothic',sans-serif;font-size:12px;}
body.over_hide{overflow:hidden;}
body img{vertical-align:top;}

.mp_ces_wrap{max-width:1000px;margin:0 auto;}
.mp_ces_wrap .inner{background-color:#fff;}
@media (min-width:1000px) {
  .mp_ces_wrap{max-width:none;}
}


.top_utils{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;margin:0 auto;box-sizing:border-box;padding:4.5% 7.692307%;display:flex;justify-content:start;z-index:251;background-color:rgba(225,225,225,0.1);opacity:1;transition:all ease-in-out 0.5s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}
/* .top_utils.show{top:0;opacity:1;display:flex;transition:all ease-in-out 0.5s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);} */
.top_utils .logo_s{/*width:44.5%;*/width:34%;display:inline-flex;justify-content:start;align-items:center;max-width:135px;}

@media (min-width: 768px) {
  .top_utils{padding:3% 5%;box-sizing:border-box;}
  .top_utils .logo_s{width:34.358974%;}
}


@media (min-width: 1000px) {
  .top_utils{position:fixed;top:0;left:50%;transform:translateX(-50%);padding:30px 30px;justify-content:center;}
  .top_utils .logo_s{width:25%}
}


@media (min-width: 667px) and (orientation: landscape) {
  .top_utils{padding:1% 3%;}
}


@media (min-width: 1000px) {
}


@media (min-width:1024px){
  .top_utils_web nav ul li a{font-size:16px;line-height:1.7em;}
}
@media (min-width:1180px){
  .top_utils_web nav ul li{padding:0 10px;}
  .top_utils_web nav div{width:210px;}
  .top_utils_web nav div a{font-size:14px;padding:7px 22px;}
}
@media (min-width:1180px){
  .top_utils_web nav ul li{padding:0 15px;}
}

/* intro section */
.intro{position:relative;overflow:hidden;height:100vh;text-align:center;background-image:url('../images/intro/intro.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.intro .intro_inner{position:relative;height:100%;overflow:hidden;}
.intro .text_area{position:absolute;bottom:10%;left:5%;}
.intro .text_area h1{font-size:9vw;font-weight:700;line-height:1.4em;letter-spacing:-0.03em;font-family:"Oxanium", sans-serif;color:#000;text-align:left;}
.intro .text_area h1 strong{color:#B03BEF}
.intro .text_area h1 span{display:block;}
.intro .text_area p{text-align:left;padding-top:1em;}
.intro .text_area p a{display:inline-block;padding:0.5em 1.5em;border-radius:2em;background-color:#B03BEF;color:#fff; font-size:5vw;font-weight:500;line-height:1.4em;letter-spacing:-0.03em;}

@media (min-width: 768px) and (max-width: 1024px) {
  .intro{height:70vh;background-image:url('../images/intro/intro_web.jpg');}
  .intro .intro_inner{width:auto}
  .intro .text_area h1{font-size:60px;}
  .intro .text_area p a{font-size:30px;}
}

@media (min-width: 1025px) {
  .intro{background-image:url('../images/intro/intro_web.jpg');}
  .intro .intro_inner{width:1024px;margin:0 auto;}
  .intro .text_area h1{font-size:60px;}
  .intro .text_area p a{font-size:20px;}  
}

.cnt_wrap{padding-top:15%;}
.cnt_wrap.pb{padding-bottom:15%;}
.cnt_wrap.altS{background-color:#241F3B;padding-bottom:10%;}
.cnt_wrap.altS .inner{background-color:#241F3B;}
.cnt_wrap .inner{padding:0;}
.cnt_tit{padding-bottom:5%;background-color:transparent}
.cnt_tit h2{font-size:5vw;font-weight:700;line-height:1.4em;letter-spacing:-0.03em;text-align:center;font-family:"Oxanium", sans-serif;}
.cnt_tit p{padding-top:1em;font-size:3vw;font-weight:400;line-height:1.4em;letter-spacing:-0.03em;text-align:center;color:#000719;}
.cnt{text-align:center;}
.cnt_wrap.altS .cnt_tit h2{color:#fff;}
.cnt_wrap.altS .cnt{padding:5%;box-sizing:border-box;}
@media (min-width: 768px) and (max-width: 1024px) {
  .cnt_tit h2{font-size:5vw;}
}

@media (min-width: 1024px) {
  .cnt_wrap{padding-top:100px;}
  .cnt_wrap.pb{padding-bottom:100px;}
  .cnt_wrap.altS{padding-bottom:100px;}
  .cnt_tit{padding-bottom:50px;}
  .cnt_tit h2{font-size:60px;}
  .cnt_tit p{font-size:24px;}
  .cnt{width:1024px;margin:0 auto;}
}
@media (min-width: 1240px) {
  .cnt{width:1240px;}
}


.media_awards{background-color:#f3f3f3;}
.media_awards .inner{background-color:transparent;padding-bottom:15%;}
.media_awards .inner h2{padding:15% 0 5%;font-size:7vw;font-weight:700;line-height:1.4em;letter-spacing:-0.03em;text-align:center;font-family:"Oxanium", sans-serif;}
.media_awards .inner h3{padding:15% 0 5%;font-size:7vw;font-weight:700;line-height:1.4em;letter-spacing:-0.03em;text-align:center;font-family:"Oxanium", sans-serif;}
.media_awards .inner p{font-size:3vw;font-weight:400;line-height:1.4em;letter-spacing:-0.03em;text-align:center;}
@media (min-width: 768px) and (max-width: 1024px) {
  .media_awards .inner h2{font-size:5vw;}
  .media_awards .inner h3{font-size:5vw;}
  .media_awards .inner p{font-size:3vw;margin:0 auto;}
}
@media (min-width: 1024px) {
  .media_awards .inner{padding-bottom:100px;}
  .media_awards .inner h2{padding:100px 0 50px;font-size:60px;}
  .media_awards .inner h3{padding:100px 0 50px;font-size:45px;}
  .media_awards .inner p{font-size:24px;margin:0 auto;}
}
@media (min-width: 1240px) {
  .media_awards .inner p{width:1240px;}
}
/* video_clip sizing */
.vclip_wrap{position:relative;padding-top:65%;box-sizing:border-box;overflow:hidden;}
.vclip_inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;}
/* .vclip_wrap.shorts{padding-top:178%;} */
@media (min-width: 1024px){
  .vclip_wrap{width:1024px;margin:0 auto;padding-top:700px;}
  /* .vclip_wrap.shorts{width:360px;padding-top:640px;} */
}
@media (min-width: 1240px){
  .vclip_wrap{width:1240px;padding-top:850px;}
}
/* media_wrap sizing (for video element) */
.media_wrap{position:relative;padding-top:57%;box-sizing:border-box;overflow:hidden;}
.media_inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;text-align:center;}
.media_inner video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover;}
@media (min-width: 1024px){
  .media_wrap{width:1024px;margin:0 auto;padding-top:576px;}
}
@media (min-width: 1240px){
  .media_wrap{width:1240px;padding-top:697.5px;}
}
/* contents */
section .inner{padding:0 7%;background:transparent;}

#app_info{padding:20% 0;background-color:#59469D;}
#app_info .app_info_tit{padding:0 6%;}
#app_info .app_info_tit h2{padding-bottom:1em;font-size:8.2051vw;color:#fff;line-height:1.2em;font-weight:700;letter-spacing:-0.05em;text-align:center;font-family:"Oxanium", sans-serif;}
#app_info .app_info_tit p{font-size:3.5897vw;color:#fff;line-height:1.4em;font-weight:700;text-align:center;}
#app_info .app_links{padding:5%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;}
#app_info .app_links a{width:69%;}
#app_info .app_links a:last-child{margin-top:5%;}
#app_info h3{padding:20% 6% 5%;font-size:6.6667vw;color:#fff;line-height:1.2em;font-weight:500;letter-spacing:-0.05em;display:flex;justify-content:left;align-items:center;font-family:"Oxanium", sans-serif;}
#app_info h3 img{width:1em;margin-right:0.5em;}
#app_info .app_view{text-align:center;}
#app_info p.snore_record{position:relative;}
#app_info p.snore_record img.s_cord{position:absolute;top:26%;left:50%;width:86%;transform:translateX(-50%)}
.apps_slide_wrap{background-color:#59469D;padding-left:15%;}
.sleep_slide{width:100%;overflow:hidden;position:relative;}
.exercise_slide{width:100%;overflow:hidden;position:relative;}
.health_slide{width:100%;overflow:hidden;position:relative;}
@media (min-width: 1000px){
  #app_info{padding:100px 50px;}
  #app_info .app_info_tit h2{font-size:60px;}
  #app_info .app_info_tit p{font-size:18px;}
  #app_info .app_links{flex-direction:row;justify-content:center;}
  #app_info .app_links a{width:236px;margin:0 10px;}
  #app_info .app_links a:last-child{margin-top:0;}
  #app_info h3{padding:64px 0 30px;font-size:32px;text-align:center;justify-content:center;}
  #app_info .app_view + h3{justify-content:center;}
  #app_info .app_info_wrap{display:flex;justify-content:center;align-items:start;}
  #app_info .app_info_wrap > div{width:400px;padding:0 2%;}
  #app_info .app_info_wrap > div:last-of-type p img{width:400px;}
  .apps_slide_wrap{background-color:#59469D;padding-left:0;}
  /* Exercise slide - disable slider and center items at 1024px+ */
  .exercise_slide .swiper-wrapper{display:flex;justify-content:center;align-items:center;}
  .exercise_slide .swiper-slide{width:auto;max-width:none;display:flex;justify-content:center;align-items:center;width:257px;margin:0 8px;}
  .exercise_slide .swiper-slide img{width:257px;height:auto;}
  /* Health slide - disable slider and center items at 1024px+ */
  .health_slide .swiper-wrapper{display:flex;justify-content:center;align-items:center;}
  .health_slide .swiper-slide{width:auto;max-width:none;display:flex;justify-content:center;align-items:center;width:257px;margin:0 8px;}
  .health_slide .swiper-slide img{width:257px;height:auto;}
}
@media (min-width: 1240px) {
  .app_info_inner{width:1024px;margin:0 auto;}
}

#contact_us{padding:20% 0;background-color:#fff;}
#contact_us .contact_img{text-align:center;display:none;}
#contact_us .contact_info .contact_info_tit{padding-top:10%;overflow:hidden;}
#contact_us .contact_info .contact_info_tit h2{font-size:8.2051vw;color:#000719;line-height:1.2em;font-weight:700;letter-spacing:-0.05em;font-family:'Oxanium', sans-serif;}
#contact_us .contact_info .contact_info_tit p{padding-top:1em;font-size:3.5897vw;color:#667085;line-height:1.4em;font-weight:500;letter-spacing:-0.05em;font-family:pretendard, sans-serif;}
#contact_us .contact_info .contact_info_detail{padding-top:10%;display:flex;justify-content:space-between;align-items:start;}
#contact_us .contact_info .contact_info_detail dl{width:50%;}
#contact_us .contact_info .contact_info_detail dl dt{font-size:5.1282vw;color:#101828;line-height:1.6em;font-weight:600;letter-spacing:-0.05em;font-family:'Oxanium', sans-serif;}
#contact_us .contact_info .contact_info_detail dl dd{font-size:3.0769vw;color:#101828;line-height:1.6em;font-weight:700;letter-spacing:-0.05em;font-family:pretendard, sans-serif;}
@media (min-width:1024px) {
  #contact_us{padding:100px 0;}
  #contact_us .inner{padding:0 50px;display:flex;justify-content:center;align-items:center;}
  #contact_us .contact_img{padding-right:40px;display:block;}
  #contact_us .contact_info{padding-left:0;}
  #contact_us .contact_info .contact_info_tit{padding-top:0;}
  #contact_us .contact_info .contact_info_tit h2{font-size:50px;text-align:left;}
  #contact_us .contact_info .contact_info_tit p{padding-top:1em;font-size:16px;text-align:left;}
  #contact_us .contact_info .contact_info_detail{padding-top:20px;}
  #contact_us .contact_info .contact_info_detail dl{width:250px}
  #contact_us .contact_info .contact_info_detail dl dt{font-size:32px;text-align:left;}
  #contact_us .contact_info .contact_info_detail dl dd{font-size:16px;text-align:left}
  #contact_us .contact_info .contact_info_detail dl dd br{display:none;}
}
@media (min-width: 1240px) {
  #contact_us .inner{width:1024px;margin:0 auto;}
}

/* press release */
.press_release{background-color:#fff;padding:0 5% 20%;}
.press_release .inner{padding:20% 10%;border-radius:1em;background-color:#000;}
.press_release h2{font-size:8.2051vw;font-weight:700;line-height:1.4em;letter-spacing:-0.05em;color:#fff;text-align:center;}
.press_release h3{padding-bottom:1em;font-size:3.0769vw;font-weight:500;line-height:1.4em;letter-spacing:-0.05em;color:#E2ACFF;text-align:center;}
.press_release p{padding-top:1em;display:flex;justify-content:space-between;flex-direction:column;align-items:center;}
.press_release p a{display:block;width:100%;margin-top:1em;padding:1em 0;border-radius:2em;background-color:#B03BEF;color:#fff;font-weight:500;font-size:4.5vw;text-align:center;}
.press_release p a img{margin-left:0.3em;width:6%;}
@media (min-width: 1024px) {
  .press_release{padding:80px 50px;box-sizing:border-box;}
  .press_release .inner{padding:100px 50px;}
  .press_release h2{font-size:48px;}
  .press_release h3{font-size:16px;}
  .press_release p{padding-top:50px;justify-content:center;flex-direction:row;}
  .press_release p a{margin-top:0;font-size:20px;margin:0 15px;width:450px;}
  .press_release p a img{width:6%;margin-left:0.3em;}
}
@media (min-width: 1240px) {
  .press_release .inner{width:1024px;margin:0 auto;padding:100px 0;}
}

/* page footer */
footer{padding:5% 5%;background-color:#fff;}
footer h2{padding-bottom:1em;}
footer h2 img{width:25.641025%;max-width:100px;}
footer p{font-size:3.0769vw;font-weight:400;line-height:1.4em;letter-spacing:-0.05em;color:#667085;}
footer .sns{padding-top:1em;}
footer .sns a{margin-right:0.5em;}
footer address{padding-top:2em;font-size:3.0769vw;font-weight:400;line-height:1.4em;letter-spacing:-0.05em;color:#101828;text-align:center;}
@media (min-width: 1024px) {
  footer{padding:80px;background-color:#fff;}
  footer h2{text-align:center;}
  footer p{font-size:12px;text-align:center;}
  footer address{font-size:12px;}
}
@media (min-width: 1240px) {
  footer{width:1024px;margin:0 auto;padding:0 0 50px;}
}


#iot{padding-bottom:0%;overflow:hidden;background-color:#323232;}
#iot h2{padding:20% 0 5%;font-size:6.6667vw;color:#fff;line-height:1.2em;font-weight:700;letter-spacing:-0.05em;display:flex;justify-content:center;align-items:center;font-family:"Oxanium", sans-serif;}
#iot h2 + p{font-size:4vw;font-weight:400;line-height:1.4em;letter-spacing:-0.03em;color:#A1A1A1;text-align:center;}
#iot .inner{padding:0;margin:0;background-color:#323232;}
#iot .silent_device{text-align:center;margin-bottom:10%;}
#iot .silent_device .device_line{text-align:center;display:flex;justify-content:center;align-items:center}
#iot .silent_device .device_line img{width:auto;}
#iot .silent_device .device_line .device_on{display:none;}
#iot .silent_device .device_line .device_off{display:block;}
#iot .silent_device .btn_line{text-align:center;display:flex;justify-content:center;align-items:center;padding-top:10%;padding-bottom:10%;}
#iot .silent_device .btn_line img{cursor:pointer;width:20%;}
#iot .silent_device .btn_line .btn_on{display:block;}
#iot .silent_device .btn_line .btn_off{display:none;}
#iot .iot_wrap{width:auto;max-width:none;overflow-x:hidden;transition: overflow-x 0.5s ease;background-color:#323232;}
#iot .iot_wrap img{position:relative;width:auto;max-width:none;max-width:200%;margin-left:0;}
#iot .iot_web_wrap{display:none;}
#iot[data-scroll="in"] .iot_wrap img{
  animation-name: margin-left-50;
  animation-duration:4s;
  animation-delay:0;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-fill-mode: forwards; 
}
#iot[data-scroll="in"] .iot_wrap.overflow-auto{overflow-x:scroll;}
@media (min-width:1024px) {
  #iot .silent_device{margin-bottom:100px;}
  #iot .silent_device .device_line img{width:780px;}
  #iot .silent_device .btn_line{padding-top:50px;padding-bottom:100px;}
  #iot .silent_device .btn_line img{width:100px;}
  #iot h2{padding:100px 0 50px;font-size:60px;text-align:center;justify-content:center;}
  #iot h2 + p{font-size:24px;}
  #iot .iot_wrap{width:1024px;margin:0 auto;overflow-x:hidden;padding-bottom:100px;display:none;}
  #iot .iot_wrap img{width:100%;animation:none;}
  #iot[data-scroll="in"] .iot_wrap img{animation:none;}
  #iot .iot_web_wrap{display:block;background-color:#886E64;text-align:center;}
  #iot .iot_web_wrap img{width:1024px;}
}
@media (min-width:1240px) {
    #iot .iot_web_wrap img{width:1240px;}
}
@media (min-width:2480px) {
    #iot .iot_web_wrap img{width:2480px;}
}
.tablet_slide_wrap{background-color:transparent}
.tablet_slide{width:100%;overflow:hidden;position:relative;}
@media (min-width:1024px) {
  .tablet_slide_wrap{width:860px;margin:0 auto;}
}

@keyframes margin-left-50 {
  0%{
      margin-left:0;
  }
  40%{
      margin-left:-100%;
  }
  100%{
      margin-left:0
  }
}

@keyframes slide-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.awards_slide_wrap{background-color:transparent;overflow:hidden;box-sizing:border-box;}
.awards_slide{width:100%;padding:1em 0;overflow:hidden;position:relative;overflow:hidden;box-sizing:border-box;background-color:transparent;}
@media (min-width: 1024px) {
  .awards_slide_wrap{margin:0 auto;}
  .awards_slide{padding:1em;}
}
@media (min-width: 1240px) {
  .awards_slide_wrap{padding:32px 14px 14px;width:1240px;margin:0 auto;}
  .awards_slide{padding:1em;}
}

/* 웹, 모바일 이미지 */
.web{display:none;}
.mobile{display:block;}
@media (min-width:1024px){
  .web{display:block;}
  .mobile{display:none}
}