@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 */

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

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

body{font-family:'Noto Sans','맑은고딕','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%;max-width:1000px;margin:0 auto;box-sizing:border-box;padding:5.0% 6.4%;display:flex;justify-content:space-between;z-index:251;background-color:rgba(0,0,0,0.3);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%;display:inline-flex;justify-content:start;align-items:center;}
.top_utils .side_m{display:flex;justify-content:space-between;align-items:center;width:37.614678%;}
.top_utils .lang{width:57.621951%;display:flex;justify-content:space-between;align-items:center;}
.top_utils .lang em{font-size:4vw;color:rgba(255,255,255,0.3);line-height:1.4em;font-weight:700;}
.top_utils .lang a{font-size:4vw;color:rgba(255,255,255,0.3);line-height:1.4em;font-weight:700;text-decoration:none;}
.top_utils .lang i{width:20%;height:2px;background-color:rgba(255,255,255,0.3);}
.top_utils .lang em.chosed{color:#fff;}
/* .top_utils .menu{width:18.292682%} */

@media (min-width: 768px) {
  .top_utils{padding:3% 5%;}
  .top_utils .logo_s{width:31.5%;}
  .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;}
}


@media (min-width: 1000px) {
  .top_utils{position:fixed;top:-25%;left:50%;transform:translateX(-50%);padding:20px 30px;}
  .top_utils .logo_s{width:30%}
  .top_utils .side_m{width:25%;}
  .top_utils .lang{width:60%;}
  .top_utils .lang em{font-size:30px;}
  .top_utils .lang a{font-size:30px;}
  .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;}
}


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


.top_utils_web{position:fixed;top:0%;left:0%;width:100%;max-width:none;margin:0 auto;box-sizing:border-box;padding:15px 50px;display:none;justify-content:space-between;align-items:center;z-index:251;background-color:rgba(0,0,0,0.3);}
.top_utils_web .logo_s{width:162px;}
.top_utils_web nav{display:flex;justify-content:space-between;align-items:center;}
.top_utils_web nav ul{display:flex;justify-content:start;align-items:center;}
.top_utils_web nav ul li{padding:0 15px;}
.top_utils_web nav ul li a{font-size:16px;font-weight:700;line-height:1.7em;color:var(--font-grey-color);transition:color 0.5s ease;}
.top_utils_web nav ul li a:hover{color:var(--font-white-color);}
.top_utils_web nav ul li a.active{color:var(--font-white-color);behavior:'smooth'}
.top_utils_web nav div{width:210px;display:flex;justify-content:space-between;align-items:center;padding-left:15px;}
.top_utils_web nav div a{display:inline-flex;background-color:var(--bg-white);font-size:14px;font-weight:600;line-height:1.7em;padding:7px 22px;color:var(--font-black-color);border-radius:2em;}
.top_utils_web nav div a:hover{color:#fff;background-color:var(--bg-yellow);}
.top_utils_web nav div a.on{color:#000;}
.top_utils_web nav div a.on:hover{color:#fff;}

@media (min-width: 1000px) {
  .top_utils{display:none;}
  .top_utils_web{display:flex;}
}

@media (min-width:1001px){
  .top_utils_web nav ul li{padding:0 5px;}
  .top_utils_web nav ul li a{font-size:15px;line-height:1.2em;}
  .top_utils_web nav div{width:140px;}
  .top_utils_web nav div a{font-size:12px;padding:3px 13px;}
}

@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;}
}

/* nav-icon-5 */
.nav-icon-5{width: 25px;height: 21px;/* margin: 10px 10px; */position: relative;cursor: pointer;display: inline-block;}
.nav-icon-5 span{background-color:#fff;position:absolute;border-radius:2px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);width:100%;height:3px;transition-duration:500ms}
.nav-icon-5 span:nth-child(1){top:0px;left:0px;}
.nav-icon-5 span:nth-child(2){top:9px;left:0px;opacity:1;}
.nav-icon-5 span:nth-child(3){bottom:0px;left:0px;}
.nav-icon-5:not(.open):hover span:nth-child(1){transform:rotate(-0deg) scaleY(1.1);}
.nav-icon-5:not(.open):hover span:nth-child(2){transform:rotate(0deg) scaleY(1.1);}
.nav-icon-5:not(.open):hover span:nth-child(3){transform:rotate(-0deg) scaleY(1.1);}
.nav-icon-5.open span:nth-child(1){transform:rotate(45deg);top:8px;}
.nav-icon-5.open span:nth-child(2){opacity:0;}
.nav-icon-5.open span:nth-child(3){transform:rotate(-45deg);top:8px;}

/* intro section */
.intro{position:relative;background-color:#000;overflow:hidden;height:100vh;}
.intro .intro_inner{position:relative;background-color:#000;height:100%;overflow:hidden;}
.intro .intro_inner .player_box{overflow:hidden;height:100vh;position:relative} 
.intro .intro_inner .player_box #player{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:fill;}
/* .intro .player_cover{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0.3;background-color:#000;}
.intro .player_cover.dim{opacity:0.2} */

.intro .text_layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;}
.intro .text_layer .text_area{position:absolute;bottom:3%;left:7%;width:86%;opacity:1;  }
.intro .text_layer .text_area h2{color:#fff;font-weight:800;font-size:10vw;letter-spacing:-0.005em;line-height:1.2em;}
.intro .text_layer .text_area p{padding-top:1em;font-size:4.1026vw;font-weight:400;color:#fff;letter-spacing:-0.05em;line-height:1.6em;}
.intro .text_layer .text_area .btn_line{padding-top:1.5em;}
.intro .text_layer .text_area .btn_line a{position:relative;display:inline-flex;justify-content:center;align-items:center;margin-right:3%;box-sizing:border-box;color:#fff;text-decoration:none;font-size:4vw;font-weight:700;padding:0.8em 1em;width:33%;border-radius:2em;z-index:200;background-color:#FFB300;}
.intro .text_layer .text_area .note{padding:5% 0 0;}
.intro .text_layer .text_area .note li{padding-bottom:2%;color:#fff;font-size:3.5vw;letter-spacing:-0.05em;line-height:1.4em;display:flex;justify-content:left;align-items:start;}
.intro .text_layer .text_area .note li strong{font-weight:700;display:block;line-height:1.4em;padding-right:0.5em;}
.intro .text_layer .text_area .note li:nth-child(1) strong{width:12%;}
.intro .text_layer .text_area .note li:nth-child(2) strong{width:31%;}
.intro .text_layer .text_area .note li:nth-child(3) strong{width:19%;}
.intro .text_layer .text_area .note li span em{font-weight:700;}
.front_awards{padding-top:5%;display:flex;justify-content:left;align-items:center;}
.front_awards img{margin-right:1%;}
.front_awards img:nth-child(1){width:26.299694%;max-width:86px;}
.front_awards img:nth-child(2){width:26.299694%;max-width:86px;margin-right:5%;}
.front_awards img:nth-child(3){width:39.143730%;max-width:128px;}

@media (min-width: 768px) and (max-width: 1024px) {
  .intro{height:70vh;}
  .intro .text_layer .text_area{left:5%;width:90%;}
  .intro .text_layer .text_area h2{font-size:6vw;}
  .intro .text_layer .text_area p{font-size:2.8vw;}
  .intro .text_layer .text_area .btn_line a{font-size:2.4vw;}
}

@media (min-width: 1025px) {

  .intro{height:70vh;}
  /* .intro .logo_layer img{width:52.7%;transform:scale(0.6);} */
  .intro .text_layer .text_area{bottom:50px;left:100px;width:640px;}
  .intro .text_layer .text_area span{font-size:20px;}
  .intro .text_layer .text_area h2{font-size:48px;font-weight:700;}
  .intro .text_layer .text_area p{font-size:18px;font-weight:400;}
  .intro .text_layer .text_area .btn_line a{font-size:20px;padding:0.7em 0.8em;width:22%;}

  .intro .text_layer .text_area .note li{font-size:20px;padding-right:5%;}
  .intro .text_layer .text_area .note li:nth-child(1) strong{width:58px;}
  .intro .text_layer .text_area .note li:nth-child(2) strong{width:100px;}
  .intro .text_layer .text_area .note li:nth-child(3) strong{width:93px;}  
}


.menu_cont{position:fixed;top:0;right:0;width:100%;height:100vh;padding:30% 10% 10%;background-color:#000;z-index:250;box-sizing:border-box;transition:all ease-in-out 0.2s;margin-right:-100%;}
.menu_cont.show{opacity:1;transition:all ease-in-out 0.2s;transition-delay:0.2s;margin-right:0;}
.menu_cont nav ul li{padding-bottom:1em;}
.menu_cont nav ul li a{font-size:6vw;color:rgba(255,255,255,0.6);letter-spacing:-0.01em;line-height:1.4em;font-weight:700;}
.menu_cont nav ul li a:hover{color:#fff;text-decoration:underline;}
.menu_cont nav ul li a.on{color:#fff;text-decoration:underline;}
.menu_cont nav ul li .press_ver{padding-top:1em;}
.menu_cont nav ul li .press_ver a{display:block;width:50%;font-size:3.8vw;background-color:#fff;color:#000;padding:0.7em 0.5em;text-align:center;border-radius:0.8em;font-weight:700;letter-spacing:0.04em;margin-bottom:0.5em;text-decoration:none;}
.menu_cont .sns{display:flex;width:auto;justify-content:start;align-items:center;margin-top:10%;}
.menu_cont .sns a{display:inline-block;width:15%;margin-right:5%;}
.menu_cont .wins{padding-top:5%;width:81.598984%}
.menu_cont p{padding-top:2%;font-size:3.7vw;font-weight:300;line-height:1.4;letter-spacing:-0.005em;color:rgba(255,255,255,0.5)}
/* .menu_cont .btn_close{position:absolute;top:4%;right:6.4%;width:4.667%} */

@media (min-width: 768px) {
  .menu_cont{padding-top:13%;}
  .menu_cont nav ul li a{font-size:4vw;}
  .menu_cont nav ul li .press_ver a{font-size:2.5vw;width:35%;}
  .menu_cont .sns{display:flex;width:auto;justify-content:start;align-items:center;margin-top:10%;}
  .menu_cont .sns a{display:inline-block;width:7%;margin-right:3%;}
  .menu_cont .wins{padding-top:5%;width:50%}
  .menu_cont p{padding-top:2%;font-size:2.8vw;}
}
@media (min-width: 1000px) {
  .menu_cont{padding-top:15%;}
}

/* iPhone SE 이상 */
@media (min-width: 667px) and (orientation: landscape) {
  .menu_cont{padding-top:10%;display:flex;}
  .menu_cont nav{width:50%;}
  .menu_cont .etc_info{width:50%;box-sizing:border-box;padding-left:5%;}
  .menu_cont nav ul li a{font-size:2.4vw;}
  .menu_cont nav ul li .press_ver a{font-size:12px;width:45%;margin-right:1%;}
  .menu_cont nav ul li .press_ver{display:flex;padding-top:0.5em;}
  .menu_cont .wins{padding-top:0%;width:100%}
  .menu_cont p{font-size:2vw;}
}

.real_cont_01{display:flex;justify-content: center;align-items: center;}
.real_cont_01 h2{font-size:5vw;font-weight: 800;}


/* contents */
section .inner{padding:0 7%;background:transparent;}
#story{padding:0 0 0;background-color:#000719;}
#story .inner{background-color:#000719;}
#story h2{padding:25% 7% 8vw;color:#fff;text-align:center;font-size:8.0251vw;font-weight:700;line-height:1.2em;letter-spacing:-1.6px;}
.story_wrap ul li{background:#fff;padding:3em 2em;border-radius:2em;box-sizing:border-box;margin-bottom:7%;}
.story_wrap ul li h3{padding-bottom:1em;font-size:9.7436vw;font-weight:800;line-height:1.2em;letter-spacing:-0.05em;}
.story_wrap ul li h3 em{color:#E50000;}
.story_wrap ul li p{padding-bottom:1em;font-size:4.1026vw;font-weight:700;line-height:1.29em;letter-spacing:-0.03em;color:#667085;}
@media (min-width: 1000px){
  #story{padding-top:100px;}
  #story h2{font-size:48px;line-height:1.4em;letter-spacing:-2.4px;padding:100px 0 50px;}

  .story_wrap{width:auto;margin:0 auto;padding-bottom:50px;}
  .story_wrap ul{display:flex;justify-content:space-between;}
  .story_wrap ul li{width:30%;margin-bottom:0;display:flex;flex-direction:column;justify-content:space-between;}
  .story_wrap ul li h3{font-size:30px;}
  .story_wrap ul li p{font-size:16px;}
}

@media (min-width: 1240px){
  .story_wrap{width:1240px;margin:0 auto;}
}

.story_wrap_02 ul li{background:#fff;padding:4em 2em;border-radius:2em;box-sizing:border-box;margin-bottom:7%;overflow:hidden;}
.story_wrap_02 ul li:last-child{margin-bottom:0;}
.story_wrap_02 ul li span{font-size:5.1282vw;font-weight:800;line-height:1.2em;letter-spacing:-0.05em;}
.story_wrap_02 ul li h3{padding-bottom:1em;font-size:8.2051vw;font-weight:800;line-height:1.4em;letter-spacing:-0.05em;}
.story_wrap_02 ul li h3 em{color:#E50000;}
.story_wrap_02 ul li p{padding-bottom:1em;font-size:4.1026vw;font-weight:700;line-height:1.4em;letter-spacing:-0.05em;color:#667085;}
.story_wrap_02 ul li p:nth-of-type(2){font-size:2.8205vw;font-weight:400;line-height:1.4em;color:#000;}
.story_wrap_02 ul li > div:last-of-type{padding-top:5%;}
@media (min-width: 1000px){
  .story_wrap_02{width:auto;margin:0 auto;}
  .story_wrap_02 ul{}
  .story_wrap_02 ul li{width:100%;margin-bottom:0;display:flex;padding:60px 68px;}
  .story_wrap_02 ul li span{font-size:26px;}
  .story_wrap_02 ul li h3{padding-bottom:0.4em;font-size:48px;letter-spacing:-0.05em;line-height:1.1em;}
  .story_wrap_02 ul li p{font-size:18px;}
  .story_wrap_02 ul li p:nth-of-type(2){font-size:14px;}
  .story_wrap_02 ul li > div{box-sizing:border-box;}
  .story_wrap_02 ul li > div:first-child{width:60%;padding-right:50px;}
  .story_wrap_02 ul li > div:last-child{width:40%;padding-top:0;}
  .story_wrap_02 ul li.reverse{display:flex;padding:50px;flex-direction:row-reverse;}
  .story_wrap_02 ul li.reverse > div:first-child{padding-right:0;padding-left:50px;}
  .story_wrap_02 ul li + li{margin-top:50px;}
}
@media (min-width: 1240px){
  .story_wrap_02{width:1240px;margin:0 auto;}
}

#awrads{padding:10% 7% 0;background-color:#000719;}
#awrads h2{padding:5% 0 5%;border-top:2px solid #667085;}
#awrads h2 img{width:50%;}
.awards_slide_wrap{background-color:transparent;}
.awards_slide{width:100%;padding:1em 0;overflow:hidden;position:relative;overflow:hidden;box-sizing:border-box;background-color:transparent;}
@media (min-width: 1000px) {
  #awrads{padding:32px 100px 0;}
  #awrads h2{padding:14px 14px 0;}
  #awrads h2 img{width:266px;}
  .awards_slide_wrap{padding:32px 14px 14px;}
  .awards_slide{padding:1em;}
}


#motion_system{padding:25% 0;background:linear-gradient(to bottom, #000 76.5%, #ccc 76.5%, #fff 100%);}
#motion_system .inner{background-color:transparent;}
#motion_system .motion_system_tit{}
#motion_system .motion_system_tit p{font-size:3.0769vw;color:#FFB300;line-height:1.7em;font-weight:700;text-align:center;}
#motion_system .motion_system_tit h2{padding-bottom:0.5em;font-size:8.7179vw;color:#fff;line-height:1.25em;font-weight:700;text-align:center;letter-spacing:-0.03em;}
#motion_system .motion_system_tit h2 span{display:flex;justify-content:center;align-items:center;font-size:3.0769vw;color:#fff;line-height:1.4em;font-weight:400;text-align:center;letter-spacing:0;}
#motion_system .motion_system_tit h2 span img{vertical-align:baseline;width:15px;margin-right:3px;}
#motion_system .motion_system_tit div{padding:0 0}
#motion_system .motion_system_tit div a{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;color:#fff;font-size:4.6154vw;font-weight:700;padding:0.8em 1em;width:100%;border-radius:2em;background-color:#FFB300;}
#motion_system .motion_system_img{padding:5% 7% 0;} 
@media (min-width: 1024px) {
  #motion_system{padding:150px 0 0;background:linear-gradient(to bottom, #000 84%, #ccc 84%, #fff 100%);}
  #motion_system .inner{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 80px;box-sizing:border-box;}
  #motion_system .motion_system_tit{width:50%;box-sizing:border-box;}
  #motion_system .motion_system_tit p{font-size:16px;text-align:left;}
  #motion_system .motion_system_tit h2{font-size:48px;line-height:1.2em;text-align:left;}
  #motion_system .motion_system_tit h2 span{padding-top:1em;font-size:16px;font-weight:400;justify-content:start;}
  #motion_system .motion_system_tit div{text-align:left;padding:0;}
  #motion_system .motion_system_tit div a{font-size:20px;width:320px;}
  #motion_system .motion_system_tit{width:50%;padding:0;padding-bottom:0px;}
  #motion_system .motion_system_img{padding:0;width:50%;}
}
@media (min-width: 1240px){
  /* #motion_system{background:linear-gradient(to bottom, #000 82%, #fff 10%);} */
  #motion_system{background: linear-gradient(to bottom, #000 82%, #ccc 82%, #fff 100%);}
  #motion_system .inner{width:1240px;margin:0 auto;padding:0 100px;}
  #motion_system .motion_system_tit{padding-right:20px;}
  #motion_system .motion_system_tit{padding-left:20px;}
}

#motion_exp{padding:25% 6.410256%;background-color:#fff;}
#motion_exp h2{width:56.725146%;margin:0 auto;text-align:center}
#motion_exp .motion_exp_box{padding-top:20%;overflow:hidden;}
#motion_exp .motion_exp_box h3{padding-bottom:0.5em;font-size:8.2051vw;color:#000;line-height:1.3444em;font-weight:800;letter-spacing:-0.03em;}
#motion_exp .motion_exp_box h3 strong{color:#FFB300;}
#motion_exp .motion_exp_box p{padding-bottom:1em;font-size:3.8462vw;color:#667085;line-height:1.4em;font-weight:700;}
#motion_exp .motion_exp_box p em{color:#000;}
#motion_exp .motion_exp_box > div:last-of-type{padding-top:1em;}
@media (min-width: 1000px) {
  #motion_exp{padding:300px 50px 100px;}
  #motion_exp h2{width:195px;}
  #motion_exp .motion_exp_box{display:flex;justify-content:center;align-items:start;padding:100px 20px 0;}
  #motion_exp .motion_exp_box.reverse{flex-direction:row-reverse;}
  #motion_exp .motion_exp_box > div{width:50%;}
  #motion_exp .motion_exp_box h3{font-size:40px;}
  #motion_exp .motion_exp_box p{font-size:18px;}
}
@media (min-width: 1240px) {
  #motion_exp .motion_exp_box{width:1240px;margin:0 auto;}
}


#how_works{padding:25% 6.410256%;background-color:#FFB300;}
#how_works h2{font-size:8.0251vw;color:#fff;line-height:1.3444em;font-weight:800;letter-spacing:-0.03em;text-align:center;}
#how_works ul{padding-top:10%;}
#how_works ul li{padding:7.5%;background-color:#fff;border-radius:2em;overflow:hidden;}
#how_works ul li + li{margin-top:5%;}
#how_works ul li > div:first-of-type span{display:inline-block;padding:0.3em 1em;font-size:3.0769vw;color:#fff;line-height:1.4em;font-weight:700;background-color:#FFB300;border-radius:1em;}
#how_works ul li > div:first-of-type h3{padding-top:1em;font-size:6vw;color:#000;line-height:1.4em;font-weight:900;letter-spacing:-0.05px;}
#how_works ul li > div:first-of-type p{padding-top:1em;font-size:3.8462vw;color:#667085;line-height:1.4em;font-weight:700;}
#how_works ul li > div:last-of-type{padding-top:5%;text-align:center;}
@media (min-width: 1000px){
  #how_works{padding:100px 50px;}
  #how_works h2{font-size:48px;}
  #how_works ul{padding-top:50px;}
  #how_works ul li{padding:40px 60px 40px 100px;display:flex;justify-content:space-between;align-items:center;}
  #how_works ul li > div:first-of-type{width:50%;}
  #how_works ul li > div:last-of-type{width:50%;}
  #how_works ul li > div:first-of-type span{font-size:16px;}
  #how_works ul li > div:first-of-type h3{padding-top:10px;font-size:40px;line-height:1.2em;letter-spacing:-0.05em;}
  #how_works ul li > div:first-of-type p{font-size:18px;}
  #how_works ul li > div:last-of-type{padding-top:0;}
}
@media (min-width: 1240px) {
  #how_works ul{width:1240px;margin:0 auto;}
}


#key_feature{padding:25% 2.5%;background-color:#fff;}
#key_feature h2{font-size:8.0251vw;color:#000;line-height:1.3444em;font-weight:800;letter-spacing:-0.03em;text-align:center;}
#key_feature > p{padding:1em 5%;font-size:3.5897vw;color:#667085;line-height:1.4em;font-weight:700;text-align:center;}
#key_feature .key_feature_wrap{}
#key_feature .key_feature_wrap h3{margin-bottom:1em;padding-left:1em;position:relative;font-size:7.6923vw;color:#000;line-height:1.2142em;font-weight:700;letter-spacing:-0.3px;}
#key_feature .key_feature_wrap h3:before{content:'';display:inline-block;font-size:inherit;width:0.7em;height:0.7em;background-color:#FFB300;position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:50%;}
#key_feature .key_feature_wrap .key_system{padding-top:10%;overflow:hidden;}
#key_feature .key_feature_wrap .key_system > div{text-align:center;}
#key_feature .key_feature_wrap ul li{margin-top:3%;padding:5% 10%;display:flex;justify-content:left;align-items:center;background-color:#F4F4F4;border-radius:1.5em;}
#key_feature .key_feature_wrap ul li div:first-of-type{width:15%;}
#key_feature .key_feature_wrap ul li div:last-of-type{width:85%;padding-left:10%;box-sizing:border-box;}
#key_feature .key_feature_wrap ul li div:last-of-type strong{font-size:6.1538vw;color:#000;line-height:1.1em;font-weight:700;letter-spacing:-1.25px;}
#key_feature .key_feature_wrap ul li div:last-of-type p{padding-top:0.5em;font-size:3.2vw;color:#667085;line-height:1.5em;font-weight:500;}
@media (min-width: 1000px){
  #key_feature{padding:100px 50px;}
  #key_feature h2{font-size:48px;}
  #key_feature > p{padding:30px 45px;font-size:18px;}
  #key_feature .key_feature_wrap{display:flex;justify-content:center;align-items:start;padding-top:80px;}
  #key_feature .key_feature_wrap h3{margin-bottom:1em;padding-left:1em;position:relative;font-size:30px;}
  #key_feature .key_feature_wrap .key_system{padding-top:0%;width:472px;margin:0 25px;}
  #key_feature .key_feature_wrap ul li{margin-top:20px;padding:20px 30px;min-height:112px;box-sizing:border-box;}
  #key_feature .key_feature_wrap ul li div:first-of-type{width:49px}
  #key_feature .key_feature_wrap ul li div:last-of-type{width:auto;max-width:350px;padding-left:25px;}
  #key_feature .key_feature_wrap ul li div:last-of-type strong{font-size:25px;}
  #key_feature .key_feature_wrap ul li div:last-of-type p{font-size:15px;}
}
@media (min-width: 1240px) {
  #key_feature{width:1240px;margin:0 auto;}
}




#app_info{padding:20% 6%;background-color:rgba(255, 179, 0, 1);}
#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;}
#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% 0 5%;font-size:6.6667vw;color:#fff;line-height:1.2em;font-weight:700;letter-spacing:-0.05em;display:flex;justify-content:left;align-items:center;}
#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:rgba(255, 179, 0, 1);}
.apps_slide{width:100%;overflow:hidden;position:relative;}
@media (min-width: 1000px){
  #app_info{padding:100px 50px;}
  #app_info .app_info_tit h2{font-size:48px;}
  #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;}
  #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;}
}
@media (min-width: 1240px) {
  .app_info_inner{width:1240px;margin:0 auto;}
}



/* device-color selector , pillow-color selector */
#device_pillows{padding:20% 0;background-color:#fff;} 
#device_pillows .tit_device_pillows{padding:0 7%;}
#device_pillows .tit_device_pillows h2{padding-bottom:1em;font-size:8.2051vw;color:#000;line-height:1.2em;font-weight:700;letter-spacing:-0.05em;text-align:center;}
#device_pillows .tit_device_pillows p{padding:1em 5%;font-size:3.5897vw;color:#667085;line-height:1.4em;font-weight:700;text-align:center;}
#device_pillows .inner{}
#device_pillows h3{padding-bottom:10%;text-align:center;}
#device_pillows h3 span{padding:0.5em 1.5em;font-size:4.1026vw;color:#000;line-height:1.5em;font-weight:700;letter-spacing:-0.05em;border-radius:2em;background-color:#FFF0A5;}
#pillowSelection{border-radius:4vw;padding:10vw 0;margin-bottom:5vw;}
#deviceSelection{border-radius:4vw;padding:10vw 0;}
.colors_select_section{background-color:#fbfbfb;}
.colors_select_section .inner{width:auto;max-width:1000px;}
.selector_list{max-width:1000px;box-sizing:border-box;padding:0 5%;}
.selector_list ul{display:flex;flex-wrap:wrap;justify-content:center;padding:5% 0;}
.selector_list ul li{width:22%;margin:1%;margin-bottom:5%;text-align:center;}
.selector_list ul li .selector_circle{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:11vw;height:11vw;border:2px solid #fbfbfb;border-radius:50%;}
.selector_list ul li.cur .selector_circle{border:2px solid #5b5b5b;}
.selector_list ul li .selector_circle .color_circle{display:inline-block;box-sizing:border-box;width:8vw;height:8vw;border-radius:50%;}
.selector_list ul li.cur .selector_txt strong{color:#5b5b5b;}
.selector_list ul li.cur .selector_txt span{color:#5b5b5b;}
.selector_list ul li .selector_txt{padding-top:0.5em;text-align:center;}
.selector_list ul li .selector_txt strong{display:block;line-height:1.4em;font-size:2.4vw;color:#a3a3a3;font-weight:normal;}
.selector_list ul li .selector_txt span{display:block;font-size:2.4vw;color:#a3a3a3;}   
.selector_list ul li .selector_circle .color_circle.BrightWhite{background-color:#f3f4f4;border:1px solid #dfdfdf;}                    
.selector_list ul li .selector_circle .color_circle.SandBeige{background-color:#d3cabe;}                    
.selector_list ul li .selector_circle .color_circle.DarkGray{background-color:#545559;}                    
.selector_list ul li .selector_circle .color_circle.ForestGreen{background-color:#257667;}                    
.selector_list ul li .selector_circle .color_circle.WinterSky{background-color:#92b3d1;}                    
.selector_list ul li .selector_circle .color_circle.SunYellow{background-color:#f6cf64;}                    
.selector_list ul li .selector_circle .color_circle.DryRose{background-color:#eca49f;}         
.selector_list ul li .selector_circle .color_circle.CoolGray{background-color:#cdcdcb;}                    
.selector_list ul li .selector_circle .color_circle.TanBrown{background-color:#ba9b82;}                    
.selector_list ul li .selector_circle .color_circle.EmeraldGreen{background-color:#9bae97;}                    
.selector_list ul li .selector_circle .color_circle.CloudBlue{background-color:#c3d5ec;}                    
.selector_list ul li .selector_circle .color_circle.MellowYellow{background-color:#f6dea0;}                    
.selector_list ul li .selector_circle .color_circle.LilacViolet{background-color:#d1bfc8;}    

@media (min-width:1000px) {

  #device_pillows .inner{}
  #pillowSelection{}
  #deviceSelection{}
  .selector_list{padding:0 5%;}
  .selector_list ul li{width:22%;margin:1%;margin-bottom:5%;text-align:center;}
  .selector_list ul li .selector_circle{display:inline-block;padding:14px;box-sizing:border-box;width:96px;height:96px;border:2px solid #fbfbfb;border-radius:50%;}
  .selector_list ul li.cur .selector_circle{border:2px solid #5b5b5b;}
  .selector_list ul li .selector_circle .color_circle{display:inline-block;box-sizing:border-box;width:65px;height:65px;border-radius:50%;}
  .selector_list ul li.cur .selector_txt strong{color:#5b5b5b;}
  .selector_list ul li.cur .selector_txt span{color:#5b5b5b;}
  .selector_list ul li .selector_txt{padding-top:0.5em;text-align:center;}
  .selector_list ul li .selector_txt strong{display:block;line-height:1.4em;font-size:20px;color:#a3a3a3;font-weight:normal;}
  .selector_list ul li .selector_txt span{display:block;font-size:20px;color:#a3a3a3;}  
}   

@media (min-width:1024px) {
  #device_pillows .tit_device_pillows{padding-bottom:80px;}
  #device_pillows{padding:100px 0;}
  #device_pillows .tit_device_pillows h2{font-size:48px;}
  #device_pillows .tit_device_pillows p{font-size:18px;padding:0 50px;}
  #device_pillows .inner{display:flex;justify-content:center;align-items:start;}
  #device_pillows h3 span{font-size:24px;}
  #pillowSelection,
  #deviceSelection{width:50%;max-width:438px;padding:40px 0;margin-bottom:0;}
  .select_panel{margin-bottom:50px;height:300px;display:flex;justify-content:center;align-items:center;}
  .selector_list ul li{width:90px;}
  .selector_list ul li .selector_circle{width:52px;height:52px;padding:5px;}
  .selector_list ul li .selector_circle .color_circle{width:38px;height:38px;}
  .selector_list ul li .selector_txt span{font-size:16px;}
}

#certified_materials{padding:0 7% 20%;}
#certified_materials .inner{padding:20% 0;background-color:#fafafa;border-radius:1em;overflow:hidden;}
#certified_materials h2{padding-bottom:10%;font-size:5.1282vw;color:#000;line-height:1.2em;font-weight:700;letter-spacing:-0.05em;text-align:center;}
#certified_materials .pillow_img{text-align:center;}
@media (min-width:1024px) {
  #certified_materials{padding:0 50px 100px;}
  #certified_materials .inner{padding:100px 0;display:flex;justify-content:center;align-items:center;}
  #certified_materials h2{width:480px;padding-bottom:0;font-size:40px;}
  #certified_materials .pillow_img{width:400px;}      
}
@media (min-width: 1240px) {
  #certified_materials{padding-bottom:150px;}
  #certified_materials .inner{width:1240px;margin:0 auto;}
  #certified_materials h2{padding-right:25px;}
  #certified_materials .pillow_img{padding-left:25px;}
}

#tested_results{padding:20% 0 0;background-color:#FFFAEF;}
#tested_results .inner{background-color:transparent;padding:0 5%;}
#tested_results .tit_results h2{padding-bottom:0.5em;font-size:8.2051vw;color:#000;line-height:1.2em;font-weight:700;letter-spacing:-0.05em;text-align:center;}
#tested_results .tit_results p{font-size:3.5897vw;color:#667085;line-height:1.4em;font-weight:700;text-align:center;}
#tested_results .results_cnt p{padding-top:5%;}
@media (min-width:1024px) {
  #tested_results{padding:100px 0;}
  #tested_results .tit_results h2{font-size:48px;}
  #tested_results .tit_results p{font-size:18px;}
  #tested_results .results_cnt{padding:80px 0 0;display:flex;justify-content:center;align-items:center;}
  #tested_results .results_cnt p{padding-top:0;}
  #tested_results .results_cnt p:first-child{padding-right:25px;}
  #tested_results .results_cnt p:last-child{padding-left:25px;}
  #tested_results .results_cnt p img{height:720px;width:470px;}
}
@media (min-width: 1240px) {
  #tested_results .results_cnt{width:1240px;margin:0 auto;}
}

#achievements{background-color:rgba(255, 250, 239, 1);}
#achievements .inner{background-color:rgba(255, 250, 239, 1);padding-bottom:10%;}
#achievements h3{padding:20% 0 1em;font-size:8.2051vw;color:#000;line-height:1.2em;font-weight:700;letter-spacing:-0.05em;text-align:center;}
@media (min-width:1024px) {
  #achievements h3{padding:100px 0 1em;font-size:48px;}
}
.voice_slide{width:100%;overflow:hidden;position:relative;padding-bottom:8vw;}
.review_slide{width:100%;overflow:hidden;position:relative;padding-bottom:8vw;}
.voice_slide .swiper-pagination .swiper-pagination-bullet{background-color:#000;opacity:0.1;margin:0 1.1vw !important;}
.voice_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(255, 179, 0, 1);opacity:1;}
.review_slide .swiper-pagination .swiper-pagination-bullet{background-color:#000;opacity:0.1;margin:0 1.1vw !important;}
.review_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(255, 179, 0, 1);opacity:1;}
@media (min-width: 1240px) {
  .voice_slide{width:1240px;margin:0 auto;padding-bottom:50px;}
  .review_slide{width:1240px;margin:0 auto;padding-bottom:50px;}
  .voice_slide .swiper-pagination .swiper-pagination-bullet{margin:0 5px !important;}
  .review_slide .swiper-pagination .swiper-pagination-bullet{margin:0 5px !important;}
}

#whats_next{padding:20% 0;background-color:rgba(255, 250, 239, 1);}
#whats_next .inner{background-color:rgba(255, 250, 239, 1);}
#whats_next h2{font-size:9.2308vw;color:#000;line-height:1.3em;font-weight:800;letter-spacing:-0.05em;text-align:center;background:linear-gradient(73deg, #FF5F5F 34.54%, #F90 52.09%, rgba(255, 179, 0, 0.85) 67.16%, rgba(255, 179, 0, 0.58) 77.74%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#whats_next p{font-size:5.1282vw;color:#101828;line-height:1.6em;font-weight:600;letter-spacing:-0.05em;text-align:center;}
#whats_next .what_img{padding-top:20%;text-align:center;}
#whats_next h2:last-of-type{padding-top:20%;}
@media (min-width:1024px) {
  #whats_next{padding:100px 0;}
  #whats_next h2{font-size:48px;}
  #whats_next p{font-size:32px;}
  #whats_next .what_img{padding-top:100px;}
  #whats_next h2:last-of-type{padding-top:100px;}
}
@media (min-width: 1240px) {
  #whats_next h2{width:700px;margin:0 auto;}
  #whats_next p{width:700px;margin:0 auto;}
}

#contact_us{padding:20% 0;background-color:#fff;}
#contact_us .contact_info .contact_info_tit{padding-top:10%;}
#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;}
#contact_us .contact_info .contact_info_tit p{padding-top:1em;font-size:3.5897vw;color:#667085;line-height:1.4em;font-weight:700;letter-spacing:-0.05em;}
#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;}
#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;}
@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;}
  #contact_us .contact_info{padding-left:40px;}
  #contact_us .contact_info .contact_info_tit{padding-top:0;}
  #contact_us .contact_info .contact_info_tit h2{font-size:48px;}
  #contact_us .contact_info .contact_info_tit p{padding-top:1em;font-size:16px;}
  #contact_us .contact_info .contact_info_detail{padding-top:80px;}
  #contact_us .contact_info .contact_info_detail dl{width:250px}
  #contact_us .contact_info .contact_info_detail dl dt{font-size:32px;}
  #contact_us .contact_info .contact_info_detail dl dd{font-size:16px;}
  #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:#667085;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{margin-top:1em;padding:1em 2em;border-radius:2em;background-color:#FFB300;color:#fff;font-weight:700;font-size:5.1282vw;text-align:center;}
@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;}
}
@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:44.5%;max-width:195px;}
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 p{font-size:12px;}
  footer address{font-size:12px;}
}
@media (min-width: 1240px) {
  footer{width:1024px;margin:0 auto;padding:0 0 50px;}
}

/* contact-us, date-20230824 */
.inquiry_wrap{background-color:#fff;box-sizing:border-box;}
.inquiry_wrap .inquiry_tit{background-color:#fff;position:relative;}
.inquiry_wrap .inquiry_tit h3{font-size:8.5vw;font-weight:700;line-height:1.4em;letter-spacing:-0.02em;position:absolute;top:50%;left:50%;transform:translate(-50%, -60%);color:#fff;}

.inquiry_wrap .inquiry_form{box-sizing:border-box;padding:5% 6.4% 15%;}
.inquiry_wrap .inquiry_form ul li{padding-bottom:6%;}
.inquiry_wrap .inquiry_form ul li label{display:block;font-size:3.2vw;font-weight:500;line-height:1.4em;letter-spacing:-0.02em;color:#A5AFB9;margin-bottom:0.5em;}
.inquiry_wrap .inquiry_form ul li input[type=text]{display:block;box-sizing:border-box;width:100%;border:0;padding:0.2em 0;border-bottom:1px solid #D1D6DB;background-color:#fff;outline:0;font-size:4.5vw;font-weight:500;line-height:1.4em;letter-spacing:-0.02em;}
.inquiry_wrap .inquiry_form ul li input[type=text].not_ipt::placeholder{color:crimson;}
.inquiry_wrap .inquiry_form ul li input[type=text].not_ipt{border-bottom:1px solid crimson;}

.inquiry_wrap .inquiry_form ul li input[type=email]{display:block;box-sizing:border-box;width:100%;border:0;padding:0.2em 0;border-bottom:1px solid #D1D6DB;background-color:#fff;outline:0;font-size:4.5vw;font-weight:500;line-height:1.4em;letter-spacing:-0.02em;}
.inquiry_wrap .inquiry_form ul li input[type=email].not_ipt::placeholder{color:crimson;}
.inquiry_wrap .inquiry_form ul li input[type=email].not_ipt{border-bottom:1px solid crimson;}

.inquiry_wrap .inquiry_form ul li p{padding-top:3em;}
.inquiry_wrap .inquiry_form ul li textarea{display:block;padding:0.5em;margin-top:0.25em;box-sizing:border-box;width:100%;border:0;border:1px solid #D1D6DB;border-radius:0.5em;background-color:#fff;outline:0;font-size:4.5vw;font-weight:500;line-height:1.4em;letter-spacing:-0.02em;}
.inquiry_wrap .inquiry_form ul li textarea.not_ipt{border:1px solid crimson;}

.m_btn{display:flex;justify-content:center;align-items:center;background-color:#F2F4F6;padding:1em;color:#6B7684;border-radius:0.5em;font-weight:600;font-size:4.8vw;transition:all 0.5s;font-family:'Roboto', sans-serif;}
.m_btn.on{background-color:#FFD803;color:#191F28;transition:all 0.5s;}
.m_btn:hover{background-color:#FFD803;color:#191F28;transition:all 0.5s;}

@media (min-width:600px){
	.inquiry_wrap{width:600px;margin:0 auto;}
	
	.inquiry_wrap .inquiry_tit h3{font-size:45px;}
	.inquiry_wrap .inquiry_form ul li label{font-size:16px;}
	.inquiry_wrap .inquiry_form ul li input[type=text]{font-size:22px;}
	
	.inquiry_wrap .inquiry_form ul li input[type=email]{font-size:22px;}
	
	.inquiry_wrap .inquiry_form ul li textarea{font-size:22px;}
	
	.m_btn{font-size:24px;}		
}

.notice_delay{width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);max-width:800px;z-index:1000;}
.notice_delay .btn_close_nt{border:0;background:0;position:absolute;top:0;right:0;padding:0 2.5%;line-height:1em;}
.notice_delay .btn_close_nt:after{display:inline-block;content:'\00d7';font-size:10vw;line-height:1em;color:#fff;}
@media (min-width:1000px){
  .notice_delay .btn_close_nt:after{font-size:60px}
}