@charset "UTF-8";

/* slim scrollbar */
/* :root { --vh: 100%;} */
body {overflow:overlay;}
body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
body::-webkit-scrollbar {width:6px;} 
body::-webkit-scrollbar-thumb {background: rgba(0,0,0,.15); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
body::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,.2);}
body::-webkit-scrollbar-thumb:active {background: rgba(0,0,0,.3);} 
body::-webkit-scrollbar-button {display: none;}

#slim_layer {position:absolute; width:0; height:100vh;}

/* 2021-08-03 slim secret page */
.glo-wrap.wide, .glo-contents {font-family:'Mont','NotoSans',sans-serif; max-width:100%; padding:80px 0 0;}
.slim_secret {position:relative;}
.slim_secret section {position:relative; width:100%; height:calc(100vh - 68px); min-height:800px; overflow:hidden;}
.slim_secret .slim_gallery {height:auto;}
.slim_secret section .inner {height:100%;}
.slim_secret h2 {font-size:60px; line-height:1.25; font-weight:900; letter-spacing:-0.025rem; color:#272727;}
.slim_secret input[type='text'], .slim_secret input[type='number'], .slim_secret input[type='password'] {text-indent:0; padding:0;}

.slim_secret .slim_intro {position:absolute; top:0; left:0; width:100%; z-index:100;}
.slim_intro .intro_video {position:absolute; top:0; left:0; width:100%; height:100%; background:#d4d6de; overflow:hidden; z-index:-1;}
.slim_intro .intro_video video {position:absolute; bottom:0; left:50%; width:auto; height:auto; max-height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-mask-image:-webkit-radial-gradient(white, black);-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;}
.slim_intro .slim_headline {display:flex; justify-content:space-between; align-items:center; position:relative; top:50%; width:100%; max-width:1440px; margin:0 auto; font-weight:400; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); opacity: 0;}
.slim_intro .slim_headline .slim {font-weight:400;}
.slim_intro .slim_headline span {width:40%; text-align:center;}
.slim_intro .slim_headline > span:last-child {font-weight:900;}
.slim_intro .intro_video #intro_vid_m {display:none;}
.slim_secret .slim_intro .noti {position:absolute; bottom:20px; left:0; width:100%; font-size:16px; font-weight:700; line-height:1.5; letter-spacing:-0.045rem; color:#777; text-align:center;}

.slim_top_vis .top_video {position:absolute; top:0; left:0; width:100%; height:100%; background:#f8e363; overflow:hidden; z-index:-1;}
.slim_top_vis .top_video video {position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.slim_top_vis .top_video #secret_bg_m {display:none;}

.slim_top_vis .slim_secret_code {position:relative; width:100%; max-width:1440px; height:100%; margin:0 auto;}
.slim_top_vis .slim_secret_code .arr {position:absolute; bottom:20px; left:0; right:0; width:70px; height:35px; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/down_arr.png) 50% 100%/100% auto no-repeat; margin:0 auto;}
.slim_top_vis .slim_secret_code h2 {position:absolute; top:47%; left:0; width:100%; font-size:70px; line-height:1.25; font-weight:900; letter-spacing:.1rem; color:#fff; text-align:center; text-shadow:0 2px 5px rgba(0,0,0,.15); transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); opacity:0;}
.slim_top_vis .slim_secret_code .code_inner {position:relative; display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; text-align:center; margin:0 auto; opacity:0; z-index:2;}
.slim_top_vis .slim_secret_code p {font-size:32px; font-weight:700; line-height:1.5; color:#fff; text-shadow:0 2px 5px rgba(0,0,0,.25);}
.slim_top_vis .slim_secret_code p span {font-weight:400;}
.slim_top_vis .slim_secret_code small {font-size:25px; font-weight:700; line-height:1.5; letter-spacing:-0.025rem; color:#fff; margin:0 0 30px; text-shadow:0 2px 5px rgba(0,0,0,.15);}
.slim_top_vis .slim_secret_code .ttl {font-size:70px; line-height:1.25; font-weight:900; letter-spacing:.1rem; color:#fff; margin:30px 0; text-shadow:0 2px 5px rgba(0,0,0,.4);}
.slim_top_vis .slim_secret_code .ttl .code {position:relative; display:inline-block; overflow:hidden; vertical-align:top;}
.slim_top_vis .slim_secret_code .ttl .code i { position:absolute; top:2%; left:0; width:1px; height:96%; background:#fff;}
.slim_top_vis .slim_secret_code .ttl input {display:inline-block; width:140px; height:auto; line-height:inherit; border-width:0 0 4px; border-style:solid; border-color:#fff; font-size:65px; font-weight:300; letter-spacing:-.025rem; color:#fff; text-align:left; vertical-align:top; text-shadow:0 2px 5px rgba(0,0,0,.4); box-shadow:0 2px 4px -2px rgba(0,0,0,.1);}
.slim_top_vis .slim_secret_code .ttl input::placeholder {color: transparent; font-size:0;}
.slim_top_vis .slim_secret_code .ttl input:focus + i, .slim_top_vis .slim_secret_code .ttl input:not(:placeholder-shown) + i {display:none !important;}

.slim_top_vis .slim_secret_code .ttl span {font-weight:300;}
.slim_top_vis .slim_secret_code a, .slim_top_vis .slim_secret_code button, .slim_showroom .showroom_btn {display:block; width:100%; max-width:180px; height:55px; line-height:54px; font-size:22px; font-weight:700; letter-spacing:-0.05rem; background:#f04923; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; margin:0 auto; box-shadow:0 2px 5px rgba(0,0,0,.15);}
.slim_top_vis .slim_secret_code .code_msg {position:absolute; bottom:4%; left:0; width:100%; font-size:18px; line-height:1.5; letter-spacing:-0.025rem; color:#fff; text-align:center; text-shadow:0 2px 5px rgba(0,0,0,.4); opacity:0;}

/* motion */
.slim_video .video_headline {display:flex; align-items:center; margin:6% auto;}
.slim_video .video_headline h2 {width:100%; text-align:center;}
.slim_video .slim_video_inner {position:relative; height:100%; margin:0 auto;}
.slim_video .slim_video_inner .video_play {position:absolute; top:0; left:0; right:0; bottom:0; width:40%; height:0; max-width:202px; padding:40% 0 0; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/play_ico.png) 50% 50%/contain no-repeat; text-indent:-9999px; margin:auto; z-index:5;}
.slim_video .slim_video_inner .video {position:relative; min-height:800px; height:100%; overflow:hidden;}
.slim_video .slim_video_inner .video img {position:relative; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); vertical-align:top;}
.slim_video .slim_video_inner .video .mob_img {display:none;}
.slim_video .slim_video_inner .layer_video {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:100;}
.slim_video .slim_video_inner .layer_video.on {display:block;}
.slim_video .slim_video_inner .layer_video video { position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.slim_video .slim_video_inner .layer_video #slim_video {display:block;}
.slim_video .slim_video_inner .layer_video #slim_video_m {display:none;}
.slim_video .slim_video_inner .layer_video .video_cls {position:absolute; top:10px; right:10px; width:44px; height:44px; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/cls_ico.png) 50% 50%/27px auto no-repeat; text-indent:-9999px; z-index:999;}

.slim_special {background:#e7e8ec;}
.slim_special .inner {display:flex; align-items:center; width:100%; max-width:1440px; margin:0 auto;}
.slim_special .special_cont {width:50%;}
.slim_special .special_cont h2 {display:block; white-space:pre-line; color:#272727;}
.slim_special .special_cont p {font-size:24px; line-height:1.35; font-weight:700; letter-spacing:-0.025rem; margin:30px 0 0; color:#272727;}
.slim_special .special_cont .secret_btn {position:relative; display:inline-block; font-size:18px; font-weight:700; line-height:22px; letter-spacing:-0.025rem; color:#f04923; margin:40px 0 0;}
.slim_special .special_cont .secret_btn:before {content:''; position:absolute; bottom:-2px; left:0; width:calc(100% - 17px); height:1px; background:#f04923; }
.slim_special .special_cont .secret_btn:after {content:''; display:inline-block; width:7px; height:13px; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/org_arr.png) 50% 50% no-repeat; margin-left:10px; vertical-align:middle;}
.slim_special .special_cont .noti {display:block; font-size:14px; line-height:1.5; letter-spacing:-0.045rem; color:#999; margin:10px 0 0;}
.slim_special .special_kit { position:absolute; top:0; right:0; width:62.5%; max-width:1024px; height:100%;}
.slim_special .special_kit img {position:absolute; top:0; right:-10%; bottom:0; width:auto; height:125%; margin:auto;}

/* angle */
.slim_angle {background:#f5f6f7;}
.slim_angle h2 {position:absolute; top:0; left:0; width:100%; text-align:center; margin:3% 0;}
.slim_angle .slim_angle_inner {max-width:1920px; height:100%; min-height:800px; margin:0 auto; overflow:hidden;}
.slim_angle .container {position:relative; width:100%; height:100%; margin:0 auto;}
.slim_angle .device { position:absolute; transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition-delay:.1s;}
.slim_angle .device img { width:auto; height:100%; transition:width .2s; -webkit-transition:width .2s; -moz-transition:width .2s; -ms-transition:width .2s; -o-transition:width .2s; transition-delay:.1s; opacity:0; }
.slim_angle .dev_white { top:-16%; left:11.44%; transform:rotate(-4deg); z-index:4; -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -ms-transform:rotate(-4deg); -o-transform:rotate(-4deg); }
.slim_angle .dev_yellow {top:20.47%; left:23.22%; z-index:3;}
.slim_angle .dev_navy {top:46.62%; left:36.19%; z-index:1;}
.slim_angle .dev_black {top:65%; right:20.8%; z-index:2;}

/* color */
.slim_showroom.slim_color .mobile {display:none;}
.slim_showroom.slim_color .color_slide {height:100%;}
.slim_showroom.slim_color .color_slide .slick-list, .slim_showroom.slim_color .color_slide .slick-track {height:100%;}
.slim_showroom.slim_color .color_slide .slide {position:relative; overflow:hidden;}
.slim_color .color_slide .slide.wht {background:#e5e8ed;}
.slim_color .color_slide .slide.yel {background:#f0e569;}
.slim_color .color_slide .slide.navy {background:#12294b;}
.slim_color .color_slide .slide.black {background:#000000;}
.slim_showroom.slim_color .color_slide img { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }

/* motion */
.slim_teaser {background:#eee;}
.slim_teaser .inner {overflow:hidden;}
.slim_teaser .teaser_text {position:absolute; top:0; left:0; width:100%; height:100%; background:#eee; overflow:hidden; transition:transform .2s; -webkit-transition:transform .2s; -moz-transition:transform .2s; -ms-transition:transform .2s; -o-transition:transform .2s; }
.slim_teaser .teaser_text p { position:absolute; top:50%; left:0; display:block; width:100%; font-size:70px; line-height:1.25; font-weight:900; text-align:center; transition:height .25s; -webkit-transition:height .25s; -moz-transition:height .25s; -ms-transition:height .25s; -o-transition:height .25s; opacity:0;}
.slim_teaser .teaser_text .ttl {height:0;}
.slim_teaser .teaser_last { position:absolute; top:50%; left:0; width:100%; font-size:90px; line-height:1.25; font-weight:900; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); opacity:0;}
.slim_teaser .teaser_last span {font-weight:300;}

.slim_teaser .teaser_device {height:100%;}
.slim_teaser .teaser_device.complete {height:57%;}
.slim_teaser .teaser_device .device {position:relative; width:100%; height:100%;}
.slim_teaser .teaser_device .device img {position:absolute; left:50%; width:100%; height:auto; max-width:850px; }
.slim_teaser .teaser_cont {width:100%; max-width:1440px; height:45%; margin:0 auto; text-align:center;}
.slim_teaser .teaser_cont h2 {white-space:pre-line;}
.slim_teaser .teaser_cont .reserv_btn{position:relative; display:block; width:100%; max-width:260px; height:65px; line-height:63px; font-size:24px; font-weight:900; letter-spacing:-0.05rem; background:#f04923; color:#fff; border-radius:70px; -webkit-border-radius:70px; -moz-border-radius:70px; -ms-border-radius:70px; -o-border-radius:70px; margin:2% auto; transition:background .25s; -webkit-transition:background .25s; -moz-transition:background .25s; -ms-transition:background .25s; -o-transition:background .25s; }
.slim_teaser .teaser_cont small {display:block; font-size:24px; letter-spacing:-0.025rem; color:#999;}

.slim_teaser:not(.is_active) .ttl {opacity:0 !important;}

.slim_gallery h2 {width:100%; text-align:center; margin:3% 0;}
.slim_gallery .gallery_cont {position:relative; width:90%; max-width:1720px; margin:0 auto; overflow:hidden;}
.slim_gallery .gallery_cont .slick-dots {position:absolute; bottom:40px; left:0; width:100%; text-align:center; font-size:0;}
.slim_gallery .gallery_cont .slick-dots li {display:inline-block; margin:0 5px; vertical-align:top;}
.slim_gallery .gallery_cont .slick-dots button {display:inline-block; width:10px; height:10px; border-radius:50%; background:#fff; text-indent:-9999px; opacity:.7; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.slim_gallery .gallery_cont .slick-dots .slick-active button {background:#f04923; opacity:1;}
.slim_gallery .gallery_list {display:flex;}
.slim_gallery .gallery_list li {width:25%; height:100%; overflow:hidden; cursor:pointer;}
.slim_gallery .gallery_view {width:100%; height:100%; overflow:hidden;}
.slim_gallery .gallery_cont img {width:100%; height:auto; vertical-align:top;}
.slim_gallery .gallery_cont .pc { width:100%; vertical-align:top;}
.slim_gallery .gallery_cont .mobile  {display:none;}

.slim_gallery .slim_coming {display:flex; flex-direction:column; justify-content:center; text-align:center; color:#272727; margin:7% 0;}
.slim_gallery .slim_coming h2 {line-height:1; letter-spacing:0.15rem; margin:0;}
.slim_gallery .slim_coming h3 {font-size:44px; line-height:1; letter-spacing:0.15rem;}
.slim_gallery .slim_coming p {font-size:30px; font-weight:900; line-height:1; letter-spacing:0.15rem; margin:35px 0 20px;}
.slim_gallery .slim_coming small {display:block; font-size:17px; line-height:1.5; letter-spacing:-0.045rem; color:#999; margin:35px 0 0;}


/* 2021-08-25 slim pre launch page */
.slim_timer {position:absolute; bottom:0; left:0; right:0; display:flex; flex-direction:column; justify-content:flex-end; width:100%; max-width:700px; height:100%; text-align:center; margin:0 auto; padding:0 0 2.6%; box-sizing:border-box;}
.slim_top_vis .pre_ttl {position:absolute; top:8%; left:0; width:100%; text-align:center; font-size:40px; font-weight:500; letter-spacing:-0.025rem; color:#fff; text-shadow:0 1px 5px rgba(0,0,0,.4);}
.slim_top_vis .pre_ttl span {font-weight:300; color:#fff; text-shadow:0 1px 5px rgba(0,0,0,.4);}
.slim_top_vis .pre_ttl strong {display:block; font-size:60px; font-weight:900; color:#fff; text-shadow:0 1px 5px rgba(0,0,0,.4); margin:10px 0 0;}
.slim_timer small {display:block; font-size:22px; font-weight:900; letter-spacing:.4rem; color:#272727;}
.slim_timer #timer {display:flex; align-items:center; justify-content:center; width:100%; margin:20px 0 40px;}
.slim_timer #timer div {width:25%; max-width:200px;}
.slim_timer #timer b {position:relative; display:block; font-size:70px; line-height:1; font-weight:900; color:#272727;}
.slim_timer #timer div:nth-child(-n+3) b:after {content:':'; position:absolute; top:45%; left:100%; font-family:'notokr', sans-serif; font-size:60px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.slim_timer #timer span {display:block; font-size:20px; font-weight:300; letter-spacing:.05rem; color:#272727; margin:15px 0 0;}

.slim_timer .timer_btn a {display:inline-block; width:100%; max-width:260px; height:65px; line-height:63px; font-size:24px; font-weight:900; letter-spacing:-0.05rem; background:#f04923; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; padding:0; margin:0 15px; vertical-align:top; box-sizing:border-box; box-shadow:0 1px 3px rgba(0,0,0,.1);}
.slim_timer .timer_btn .line_btn {position:relative; background:transparent; color:#f04923; border:2px solid #f04923;}
.slim_timer .timer_btn .line_btn:before {content:'누구나'; position:absolute; top:-25px; left:28px; height:34px; line-height:34px; font-size:18px; font-weight:700; letter-spacing:-0.03rem; color:#fff; background:#f04923; padding:0 20px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; box-shadow:0 1px 3px rgba(0,0,0,.15);}

.slim_showroom .show_ttl {position:absolute; top:0; left:0; width:100%; text-align:center; margin:2% 0; z-index:10;}
.slim_showroom .show_ttl.wht h2, .slim_showroom .show_ttl.wht p {color:#fff; text-shadow:0 2px 5px rgba(0,0,0,.25);}
.slim_showroom .show_ttl h2 {margin:10px 0 20px;}
.slim_showroom .show_ttl p {font-size:24px; font-weight:700; letter-spacing:-0.025rem; color:#272727;}
.slim_showroom .showroom_btn {max-width:260px; height:65px; line-height:63px; font-size:24px; font-weight:900; letter-spacing:-0.05rem;}
.slim_showroom .show_vis {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.slim_showroom .show_vis .slick-list, .slim_showroom .show_vis .slick-track {height:100%;}
.slim_showroom .show_vis .slide {position:relative; overflow:hidden;}
.slim_showroom .show_vis img { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.slim_showroom .show_vis .mobile {display:none;}

.slim_secret .slim_banner {height:auto; padding:70px 0;}
.slim_banner .inner {display:flex; align-items:center; flex-direction:column; justify-content:center; flex-wrap:wrap; width:100%; max-width:1440px; margin:0 auto;}
.slim_banner .slim_timer {position:static; justify-content:center; height:auto; padding:0; margin:0 0 50px;}
.slim_banner .slim_timer #timer {margin:10px 0 0;}
.slim_banner .banner_cont {position:relative; width:100%; height:60%; margin:0 auto;}
.slim_banner .banner_cont .swiper-container {width:100%;}
.slim_banner .ban_box {position:relative; width:420px; height:560px; background:#f0f3f7 url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/ban_vis4.jpg) 50% 100%/contain no-repeat;}
.slim_banner .ban_box .ban_inner {position:relative; text-align:center; height:30.5%;}
.slim_banner .ban_box:nth-child(2) {background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/launch_ban1.jpg);}
.slim_banner .ban_box:nth-child(3) {background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/launch_ban2.jpg);}
.slim_banner .ban_box:nth-child(4) {background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/ban_vis2.jpg);}
.slim_banner .ban_box:last-child {background-image:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/ban_vis3.jpg); margin-right:0 !important;}
.slim_banner .ban_box a {position:absolute; top:0; left:0; width:100%; height:100%; padding:40px 10px 0; box-sizing:border-box;}
.slim_banner .ban_box h3 {font-size:32px; line-height:1; font-weight:900; letter-spacing:-0.025rem; color:#272727;}
.slim_banner .ban_box p, .slim_banner .ban_box .btn {font-size:18px; font-weight:700; letter-spacing:-0.025rem; color:#272727;}
.slim_banner .ban_box p {height:56px; line-height:28px; margin:20px 0 15px;}
.slim_banner .ban_box .btn {position:relative; color:#f04923; padding:0 12px 0 0; background:url(/content/dam/glo-jp/korea-images/event/past-events/2021/slim/org_arr.png) 100% 50% no-repeat;}
.slim_banner .ban_box .btn:after {content:''; position:absolute; bottom:0; left:0; width:calc(100% - 12px); height:1px; background:#f04923;}
.slim_banner .banner_pager {display:block; width:100%; margin:20px 0; text-align:center; font-size:0;}
.slim_banner .banner_pager span { display:inline-block; width:10px; height:10px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#f0f3f8; margin:0 5px; text-indent:-9999px; opacity:1;}
.slim_banner .banner_pager .swiper-pagination-bullet-active {background:#f04923;}

.slim_gallery .pre_coming h3 {margin:35px 0 0;}
/* 2021-08-25 slim pre launch page End */

@media screen and (max-width:1560px){
    .slim_secret section .inner {width:100%; padding:0 5%; box-sizing:border-box;}
    .slim_special .special_kit {right:-2%; width:55%;}
    .slim_special .special_kit img {right:-35%;}
    
    .slim_angle .device img {width:100%; height:auto;}
    .slim_angle .dev_white {max-width:370px;}
    .slim_angle .dev_yellow {max-width:526px;}
    .slim_angle .dev_navy {max-width:556px;}
    .slim_angle .dev_black {right:15%; max-width:451px;}
}

@media screen and (max-width:1440px){
    .slim_secret h2 {font-size:4.2vw;}
    .slim_gallery .slim_coming h3 {font-size:3vw;}
    .slim_gallery .slim_coming p {font-size:2.4vw;}

    .slim_intro .slim_headline {width:96%; font-size:4vw;}
    .slim_intro .slim_headline span {width:42%;}
    .slim_top_vis .slim_top_cont .slim_device img {max-width:80%; max-height:80%;}

    .slim_showroom.slim_color .color_slide img {min-width:auto; min-height:auto; max-width:120%; max-height:120%;}
    .slim_special .special_kit img {height:110%;}

    .slim_angle .container {width:100%; padding:0 2%; box-sizing:border-box;}
    .slim_angle .dev_white {top:-11%; left:8%; max-width:330px;}
    .slim_angle .dev_yellow {top:22%; max-width:486px;}
    .slim_angle .dev_navy {max-width:513px;}
    .slim_angle .dev_black {right:15%; max-width:416px;}

}
@media screen and (max-width:1200px){
    .slim_intro .intro_video video {max-height:90%;}

    .slim_special .special_kit img {height:100%;}
    .slim_showroom.slim_color .color_slide img { top:auto; bottom:0; left:0; height:auto; max-width:110%; max-height:110%; transform:translate(0); -webkit-transform:translate(0); -moz-transform:translate(0); -ms-transform:translate(0); -o-transform:translate(0); }
}
@media screen and (max-width:1024px){
    /* tablet */
    .slim_secret h2, .slim_top_vis .pre_ttl strong {font-size:6vw;}

    .slim_intro .intro_video {background:#e4e8ec;}
    .slim_intro .mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#e4e8ec; z-index:10;}
    .slim_intro .intro_video video {position:absolute; bottom:0; left:50%; width:100%; height:auto; max-height:100%; background:#e4e8ec; opacity:0;}
    .slim_intro.brand .intro_video video {background:#c7ced5;}
    .slim_intro .intro_video #intro_vid {display:none;}
    .slim_intro .intro_video #intro_vid_m {display:block;}
    .slim_intro .slim_headline {display:block; top:5%; font-size:6vw; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
    .slim_intro .slim_headline > span {display:block; width:100%;}


    .slim_intro.brand .slim_headline {top:8%; font-size:4vw;}
    .slim_intro.brand .slim_headline .second {font-size:6vw; margin:10px 0 0;}

    .slim_top_vis .pre_ttl {font-size:4vw;}

    .horizon .slim_top_vis .top_video video {max-height:calc(100vh - 72px); }
    .vertical .slim_top_vis .top_video video {max-height:calc(100vh - 72px); }
    .slim_top_vis .slim_secret_code small {font-size:22px;}
    .slim_top_vis .slim_secret_code h2, .slim_top_vis .slim_secret_code .ttl {font-size:6vw;}
    .slim_top_vis .slim_secret_code .ttl input {height:auto; font-size:6vw;}
    .slim_top_vis .slim_secret_code .code_msg {font-size:16px;}

    /* video */
    .slim_video .slim_video_inner {height:100%;}
    .slim_video .slim_video_inner .video .pc_img {display:none;}
    .slim_video .slim_video_inner .video .mob_img {display:block;}
    .slim_video .slim_video_inner .video img { position:absolute; top:0; left:50%; min-width:auto; min-height:auto; width:100%; height:auto; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

    .slim_special .inner {position:relative; z-index:10;}
    .slim_special .special_kit img { right:-45%; height:auto; max-height:75%; transform:translateX(10%); -webkit-transform:translateX(10%); -moz-transform:translateX(10%); -ms-transform:translateX(10%); -o-transform:translateX(10%); }

    .slim_angle h2, .slim_color h2, .slim_color .show_ttl h2 {margin:15% 0;}
    .slim_angle .slim_angle_inner {position:absolute; top:0; left:0; width:100%;}
    .slim_angle .dev_white {top:2.5%; left:-7.5%; max-width:245px;}
    .slim_angle .dev_yellow {top:27.5%; left:8.5%; max-width:400px;}
    .slim_angle .dev_navy {top:48%; left:38%; max-width:425px;}
    .slim_angle .dev_black {top:63%; right:-11.5%; max-width:350px;}

    /* color */
    .slim_teaser .teaser_text p {font-size:7.5vw;}
    .slim_teaser .teaser_last {font-size:8vw;}

    .slim_secret .slim_gallery {min-height:auto; padding:5% 0 2.5%;}
}
@media screen and (max-width:768px){
    .glo-contents {padding:100px 0 0;}
    .slim_special .special_kit img {transform:translateX(18%); -webkit-transform:translateX(18%); -moz-transform:translateX(18%); -ms-transform:translateX(18%); -o-transform:translateX(18%);}
}
@media screen and (max-width:767px){
    .slim_secret section {height:calc(100vh - 55px); min-height:600px;}
    .slim_secret section .inner {padding:0 4%;}
    .slim_secret h2 {font-size:6vw;}
    .slim_special .special_cont p, .slim_teaser .teaser_cont small, .slim_showroom .show_ttl p {font-size:3vw;}

    .slim_intro .slim_headline {top:10%; opacity:1;}
    .slim_intro .slim_headline > span {opacity:0;}

    .slim_intro.brand .slim_headline {top:8%; opacity:0;}
    .slim_intro.brand .slim_headline > span {opacity:1;}

    .slim_secret .slim_intro .noti {font-size:14px;}

    .slim_top_vis .slim_secret_code .code_inner {padding:0 0 20%; box-sizing:border-box;}
    .slim_top_vis .slim_secret_code h2 {top:40%;}
    .slim_top_vis .slim_secret_code p {font-size:5.4vw;}
    .slim_top_vis .slim_secret_code .ttl {margin:20px 0;}
    .slim_top_vis .slim_secret_code small {font-size:3.5vw;}
    .slim_top_vis .slim_secret_code h2, .slim_top_vis .slim_secret_code .ttl {font-size:6.5vw;}
    .slim_top_vis .top_video video {position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; max-width:none; max-height:none;}
    .vertical .slim_top_vis .top_video video {min-width:100%; min-height:100%; width:auto; height:auto; max-width:none; max-height:none;}
    .slim_top_vis .top_video #secret_bg {display:none;}
    .slim_top_vis .top_video #secret_bg_m {display:block;}
    .slim_top_vis .slim_secret_code .arr {bottom:17%; width:50px; height:32px;}
    

    .slim_video .slim_video_inner .video {height:calc(100vh - 56px); }
    .slim_video .video_headline {padding:0 4%; margin:10% auto; box-sizing:border-box;}

    .slim_angle .dev_white {top:2.5%; left:-7.5%; max-width:276px;}
    .slim_angle .dev_yellow {top:27.5%; left:2.7%; max-width:440px;}
    .slim_angle .dev_navy {top:48%; left:27%; max-width:529px;}
    .slim_angle .dev_black {top:63%; right:-11.5%; max-width:400px;}

    /* color */
    .slim_showroom.slim_color .mobile {display:inline;}
    .slim_showroom.slim_color .pc {display:none;}
    .slim_showroom.slim_color .color_slide img {position:absolute; top:50%; left:50%; min-width:auto; width:100%; height:auto; max-width:none; max-height:none; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}

    /* special */
    .slim_special .special_cont {width:90%;}
    .slim_special .special_cont p {margin:20px 0 0;}
    .slim_special .special_cont .secret_btn {font-size:16px; margin:20px 0 0;}
    .slim_special .special_cont .noti {font-size:10px;}
    .slim_secret .slim_special .inner {display:flex; flex-direction:column; align-items:flex-end; justify-content:center; flex-wrap:wrap; height:45%;}
    .slim_special .special_kit {position:relative; right:auto; width:100%; height:55%;}
    .slim_special .special_kit img { position:absolute; top:0; left:0; right:0; bottom:0; width:auto; max-width:120%; max-height:none; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); }
    
    .slim_teaser .teaser_text p {font-size:6vw;}
    .slim_teaser .teaser_last {font-size:7.5vw;}
    .slim_teaser .teaser_device.complete {height:45%;}
    .slim_teaser .teaser_device .device img {width:80%;}
    .slim_teaser .teaser_cont {height:50%;}
    .slim_teaser .teaser_cont .reserv_btn {margin:20px auto;}

    /* gallery */
    .slim_gallery h2 {margin:15% 0;}
    .slim_gallery .gallery_cont .pc {display:none;}
    .slim_gallery .gallery_cont .mobile {display:block;}
    .slim_gallery .gallery_headline {margin:10% auto;}
    .slim_gallery .gallery_list {flex-wrap:wrap;}
    .slim_gallery .gallery_list li {width:50%; height:50%;}
    .slim_gallery .gallery_cont .slick-dots {bottom:20px;}
    .slim_gallery .slim_coming {height:auto; margin:15% 0;}
}
@media screen and (max-width:468px){
    .slim_secret h2, .slim_teaser .teaser_last {font-size:8.5vw;}
    .slim_special .special_cont p, .slim_teaser .teaser_cont small, .slim_showroom .show_ttl p {font-size:4vw;}
    .slim_gallery .gallery_headline {margin:15% auto;}

    .slim_intro .slim_headline {font-size:7.8vw;}

    .slim_video .slim_video_inner .video {min-height:auto; background:#fff;}
    .slim_video .slim_video_inner .video img {min-width:100%; min-height:100%; width:auto; max-height:calc(100vh - 56px);}
    .slim_video .slim_video_inner .video video {width:102%; height:auto;}
    .vertical .slim_top_vis .top_video video {min-width:100%; min-height:100%; width:auto; height:auto; max-width:140%; max-height:140%;}
    .slim_video .slim_video_inner .video_play {width:25%; padding:25% 0 0;}

    .slim_top_vis .slim_secret_code h2, .slim_top_vis .slim_secret_code .ttl {font-size:7.8vw; letter-spacing:.05rem;}
    .slim_top_vis .slim_secret_code small {font-size:4.5vw;}
    .slim_top_vis .slim_secret_code .ttl input {width:60px; border-width:0 0 2px; font-size:7.5vw;}
    .slim_top_vis .slim_secret_code a, .slim_top_vis .slim_secret_code button, .slim_showroom .showroom_btn {width:120px; height:45px; line-height:44px; font-size:18px;}
    .slim_top_vis .slim_secret_code .code_msg {font-size:15px;}

    .slim_video .slim_video_inner .layer_video video {width:auto; height:auto; max-width:100%; max-height:100%;}
    .slim_video .slim_video_inner .layer_video #slim_video {display:none;}
    .slim_video .slim_video_inner .layer_video #slim_video_m {display:block;}

    .slim_video .slim_video_inner .layer_video .video_cls {top:5px; right:5px; background-size:20px auto;}

    .slim_angle .dev_white {top:8.5%; left:-7.5%; max-width:190px;}
    .slim_angle .dev_yellow {top:30.5%; left:2.7%; max-width:304px;}
    .slim_angle .dev_navy {top:48%; left:20%; max-width:322px;}
    .slim_angle .dev_black {top:59%; right:-11.5%; max-width:262px;}

    .slim_color .device img {top:50%; bottom:auto; width:30%;}

    .slim_showroom .show_vis img {position:absolute; top:50%; left:50%; min-width:auto; width:100%; height:auto; max-width:none; max-height:none; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
    .slim_showroom .show_vis .mobile {display:inline;}
    .slim_showroom .show_vis .pc {display:none;}

    .slim_special .special_cont {width:95%;}
    .slim_secret .slim_special .inner, .slim_special .special_kit {height:50%;}
    .slim_special .special_kit img {left:50%; max-width:none; max-height:140%; transform:translateX(-47%); -webkit-transform:translateX(-47%); -moz-transform:translateX(-47%); -ms-transform:translateX(-47%); -o-transform:translateX(-47%); }
    .slim_special .special_cont .secret_btn:before {bottom:0;}

    .slim_special .special_cont p, .slim_special .special_cont .secret_btn {margin:10px 0 0;}
    .slim_special .special_cont .secret_btn {font-size:3.6vw;}

    .slim_gallery .gallery_cont {width:100%;}
    .slim_gallery .slim_coming h3 {font-size:5vw;}
    .slim_gallery .slim_coming p {font-size:3.8vw; margin:20px 0 10px;}
    .slim_gallery .slim_coming small {font-size:3.5vw; margin:20px 0 0;}
}
/* 2021-08-03 slim secret page End */

/* 2021-08-25 slim pre launch responsive */
.slim_intro.brand .intro_video, .slim_intro.brand .mask {background:#c7ced5;}

@media screen and (max-width:1440px){
    .slim_banner .ban_box a {padding:8.5% 4% 0;}

}
@media screen and (max-width:1200px){
    .slim_banner .slick-track {width:100% !important;}
    .slim_banner .ban_box p {height:52px; font-size:17px; line-height:26px;}
    .slim_banner .ban_box .btn {font-size:16px;}

}
@media screen and (max-width:1024px){
    .slim_timer {padding:0 0 10%;}
  
    .slim_showroom .show_ttl {margin:10% 0;}
    .slim_showroom.slim_color .show_ttl {margin:0;}
}
@media screen and (max-width:768px){
    .slim_timer {width:90%;}
    .slim_timer small {font-size:2.2vw;}
    .slim_timer #timer b {font-size:5.5vw;}
    .slim_timer #timer div:nth-child(-n+3) b:after {font-size:7vw;}
    .slim_timer .timer_btn {display:flex; justify-content:space-between; align-items:center; width:85%; max-width:480px; margin:0 auto;}
    .slim_timer .timer_btn a {width:48.5%; max-width:230px; height:55px; line-height:54px; font-size:22px; margin:0;}
    .slim_timer .timer_btn .line_btn {line-height:50px;}
    .slim_timer #timer span {font-size:17px; margin:10px 0 0;}

    .slim_showroom .showroom_btn, .slim_teaser .teaser_cont .reserv_btn {width:100%; max-width:220px; height:60px; line-height:58px; font-size:22px;}

    .slim_banner .ban_box {width:90%; max-width:420px;}
}
@media screen and (max-width:468px){
    .slim_top_vis .pre_ttl {font-size:6vw;}
    .slim_top_vis .pre_ttl strong {font-size:7.8vw; letter-spacing:.05rem;}

    .slim_intro.brand .slim_headline {top:8%; font-size:6vw;}
    .slim_intro.brand .slim_headline .second {font-size:7.8vw; letter-spacing:.05rem; margin:10px 0 0;}

    .slim_secret .slim_banner {padding:50px 0;}
    .slim_banner .slim_timer {width:100%; margin:0 0 50px; padding:0;}
    .slim_timer small {font-size:4vw; letter-spacing:0.025rem;}
    .slim_timer #timer b {font-size:7vw;}
    .slim_timer #timer span {font-size:12px;}
    .slim_timer .timer_btn {width:100%;}
    .slim_timer .timer_btn a {height:45px; line-height:44px; font-size:4.3vw; padding:0;}
    .slim_timer .timer_btn .line_btn {line-height:41px;}
    .slim_timer .timer_btn .line_btn:before {top:-20px; left:10px; height:28px; line-height:28px; font-size:14px; padding:0 15px;}

    .slim_showroom .showroom_btn, .slim_teaser .teaser_cont .reserv_btn {max-width:150px; height:50px; line-height:50px; font-size:18px;}

    .slim_banner .ban_box {width:85%; height:380px;}
    .slim_banner .ban_box a {padding:30px 4% 0;}
    .slim_banner .ban_box h3 {font-size:7.8vw;}
    .slim_banner .ban_box p {height:40px; font-size:3.8vw; line-height:1.4; margin:15px 0 10px;}
    .slim_banner .ban_box .btn, .slim_showroom .more_btn {font-size:3.6vw;}

    .slim_teaser .teaser_text p {font-size:7.8vw;}
    .slim_teaser .teaser_device .device img {width:90%;}
    .slim_teaser .teaser_cont h2 {font-size:7.8vw;}
}
/* 2021-08-25 slim pre launch responsive End */

/* ipad style (portrait) */
@media all and (min-device-width: 800px) and (min-device-height: 1080px) and (max-device-width: 1024px) and (max-device-height: 1366px) and (orientation:portrait) {
    .slim_angle .dev_white {top:11.5%; max-width:320px;}
    .slim_angle .dev_yellow {max-width:486px;}
    .slim_angle .dev_navy {max-width:560px;}
    .slim_angle .dev_black {max-width:450px;}
}
@media all and (min-device-width: 768px) and (min-device-height: 1024px) and (max-device-width: 1024px) and (max-device-height: 1366px) and (orientation:portrait) {
    .slim_showroom.slim_color .color_slide img {left:50%; max-width:160%; max-height:160%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}

    .slim_gallery .gallery_cont .slick-dots {bottom:20px;}
}
/* mobile */
/* iphone 5/SE/6 Line */
@media all and (max-device-width: 468px) and (max-device-height: 926px) and (orientation:portrait){
    .slim_banner .ban_box {height:440px;} 
    .slim_banner .ban_box a {padding:10% 4% 0;}
    .slim_top_vis .slim_timer {padding:0 0 20%;}
    .slim_teaser .teaser_text p {font-size:8.5vw;}
}
@media all and (max-device-width: 320px) {
    .slim_banner .ban_box {height:360px;}
    .slim_banner .ban_box p {height:35px; margin:15px 0 7.5px;}
}

/* 2021-09-13 slim_launch CSS */
.slim_top_vis .top_visual {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:-1;}
.slim_top_vis .top_visual picture {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.slim_top_vis .top_visual picture:first-child {background:#2a2927; opacity:1;}
.slim_top_vis .top_visual picture:nth-child(2) {background:#f6e265;}
.slim_top_vis .top_visual picture:nth-child(3) {background:#10264b;}
.slim_top_vis .top_visual picture:nth-child(4) {background:#e9e9eb;}
.slim_top_vis .top_visual img {position:absolute; bottom:0; left:50%; min-width:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

.launch .slim_color .color_slide {height:100%;}
.launch .slim_color .color_slide .slide {position:absolute; width:100%; height:100%; overflow:hidden; will-change:transform;}
.launch .slim_color .color_slide .mobile {display:none;}
.launch .slim_color .slim_ttl {position:absolute; top:0; left:0; width:100%; text-align:center; margin:2% 0; z-index:10;}
.launch .slim_color .slim_ttl.wht h2 {color:#fff; text-shadow:0 2px 5px rgba(0,0,0,.25);}
.launch .slim_color .slim_ttl h2 { margin:10px 0 20px; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; -ms-transition:color .3s; -o-transition:color .3s;}
.launch .slim_color .color_slide img {position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}

.launch .slim_teaser .teaser_cont p {font-size:24px; font-weight:700; line-height:1.25; letter-spacing:-0.025rem; color:#272727; margin:2% 0 0;}

.launch .slim_secret .slim_gallery {padding:70px 0;}
.launch .slim_secret .slim_gallery h2 {margin-top:0;}

@media screen and (max-width:1280px){
    .launch .slim_color .color_slide img {top:auto; bottom:0; min-width:auto; min-height:auto; width:auto; height:auto; max-width:120%; max-height:120%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
}
@media screen and (max-width:1024px){
    .launch .slim_color .slim_ttl {margin:0;}
    .launch .slim_color .slim_ttl h2 {margin:15% 0;}    
}
@media screen and (max-width:900px){
    .launch .slim_color .color_slide img {top:auto; bottom:0; left:50%; height:auto; max-width:160%; max-height:160%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
}
@media screen and (max-width:767px){
    .slim_top_vis .top_visual img {min-width:auto; width:100%;}

	.launch .slim_top_vis .top_visual picture:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.01); z-index:1;}
    .launch .slim_top_vis .top_visual picture:nth-child(1):before {background:rgba(0,0,0,.03);}
    .launch .slim_top_vis .top_visual picture:nth-child(2):before, .slim_top_vis .top_visual picture:nth-child(4):before {display: none;}
    .launch .slim_top_vis .top_visual picture:nth-child(1) {background:#1a1917;}
    .launch .slim_top_vis .top_visual picture:nth-child(2) {background: -moz-linear-gradient(left, #e8d65a 0%, #f1de65 48%, #f6e466 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e8d65a 0%,#f1de65 48%,#f6e466 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e8d65a 0%,#f1de65 48%,#f6e466 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
    .launch .slim_top_vis .top_visual picture:nth-child(3) {background:#10264b;}
    .launch .slim_top_vis .top_visual picture:nth-child(4) {background:#e1e1e1;}
    .launch .slim_top_vis .top_visual img {z-index:2;}

    .launch .slim_color .color_slide .pc {display:none;}
    .launch .slim_color .color_slide .mobile {display:block; position:absolute; top:50%; left:50%; min-width:auto; width:100%; height:auto; max-width:none; max-height:none; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}

	.launch .slim_teaser .teaser_cont p {margin:15px 0 0;}

    .launch .slim_secret .slim_gallery {padding:50px 0;}
}
@media screen and (max-width:468px){
    .slim_top_vis .top_visual img {width:auto; max-height:110%;}

    .launch .slim_teaser .teaser_cont p {font-size:4vw;}
}
@media all and (max-device-width: 468px) and (max-device-height: 926px) and (-webkit-device-pixel-ratio : 3) and (orientation:portrait){
    .slim_top_vis .top_visual img {width:100%; max-height:none;}
}
@media all and (max-device-width: 375px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio : 3) and (orientation:portrait){
    .slim_top_vis .top_visual img {width:100%; max-height:none;}
}
/* 2021-09-13 slim_launch CSS End */