@charset "UTF-8";

/* slim scrollbar */
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;}

.glo-header {top:0;}
.header_hide .brand_nav {top:0;}
.glo-header .gnb, .glo-header .gnb li, .glo-header .gnb svg {transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; } 

.slim {font-family:'Mont','notokr',sans-serif; font-weight:300;}

/* nav */
.brand_nav { position:fixed; top:72px; left:0; width:100%; height:50px; background:#fff; z-index:20; transition:top .3s; -webkit-transition:top .3s; -moz-transition:top .3s; -ms-transition:top .3s; -o-transition:top .3s; }
.brand_nav .container {display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1440px; height:50px; margin:0 auto;}
.brand_nav h2 {font-size:20px; font-weight:500; letter-spacing:-0.025rem; cursor:pointer;}
.brand_nav .nav_util {font-size:0;}
.brand_nav .nav_util li {display:inline-flex; align-items:center;}
.brand_nav .nav_util a {position:relative; display:block; height: 24px; font-size:16px; font-weight:500; line-height:24px; padding:0 10px 0 40px; color:#f04923;}
.brand_nav .nav_util a:before {content: ''; position: absolute; left:8px; top: 50%; width: 24px; height: 24px; background: url('/content/dam/glo-jp/korea-images/brand-pages/images/2019/pd-nav-icon-set.png') no-repeat;  background-size: auto 48px; margin:-12px 0 0;}
.brand_nav .nav_util li:last-child a:before {background-position: -24px 0;}

.slim_ttl {position:absolute; top:7%; left:0; width:100%; text-align:center;}
.slim_ttl h3, .ttl_bottom h3 {font-size:60px; line-height:1.25; font-weight:700; letter-spacing:-0.045rem; color:#272727;}

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

/* 2021-09-01 brand page */
.glo-wrap.wide, .glo-contents.slim_contents {max-width:100%;}
.slim_brand {position:relative; color:#272727;}
.slim_brand section { position:relative; width:100%; height:100vh; min-height:800px; overflow:hidden; transition:top .25s; -webkit-transition:top .25s; -moz-transition:top .25s; -ms-transition:top .25s; -o-transition:top .25s; }
.slim_brand section .inner {position:relative; height:100%;}

.slim_brand .slim_visual {height:auto; padding:0;}
.slim_brand .slim_visual img {vertical-align:top;}
.slim_visual .slim_vis .pc_img {display:block;}
.slim_visual .slim_vis .mo_img {display:none;}

.visual_area .model_col {position:relative; float:left; width:45.4%;}
.visual_area .device_col {position:relative; float:left; width:54.6%;}

.slogan_area {position:relative; display:flex; }
.slogan_area .left_col {position:relative; width:45.4%;}
.slogan_area .right_col {position:relative; width:54.6%;}

.slim_visual .slim_slogan {position:absolute; top:100%; left:0; width:87%; background:#fff; padding:50px 0 50px 15%; margin:-160px 0 0; box-sizing:border-box;}
.slim_visual .slim_keyword {display:flex; align-items:center; margin:0 0 40px;}
.slim_visual .slim_keyword li {position:relative; font-size:30px; line-height:1; font-weight:500; letter-spacing:-0.05rem; padding:0 12px 0 0; margin:0 12px 0 0;}
.slim_visual .slim_keyword li:last-child {padding:0; margin:0;}
.slim_visual .slim_keyword li:after {content:''; position:absolute; top:50%; right:0; width:2px; height:20px; background:#272727; margin:-10px 0 0;}
.slim_visual .slim_keyword li:last-child:after {display:none;}
.slim_visual h2 {font-size:90px; line-height:1.15; font-weight:700; letter-spacing:-0.05rem;}


.slim_visual .slim_title {position:absolute; top:100%; left:0; width:100%;}
.slim_visual .slim_title .new {display:inline-block; font-size:40px; font-weight:500; letter-spacing:-0.05rem; color:#fff; background:#fc4b02; padding:0 20px;}
.slim_visual .slim_title p {font-size:50px; line-height:1.25; letter-spacing:-0.01rem;}
.slim_visual .slim_device {position:absolute; top:0; left:37.7%; width:80%; max-width:175px; height:auto; margin:-300px 0 0;}
.slim_visual .slim_device img {max-width:100%;}

.slim_visual .slim_vis {position:relative; width:100%; overflow:hidden;}
.slim_visual .model_col .slim_vis img {float:right;}

.slim_visual .slim_btn {float:none; clear:both; width:100%; text-align:center; padding:330px 4% 100px; box-sizing:border-box;}
.slim_visual .slim_btn a {display:inline-block; width:100%; max-width:310px; height:75px; line-height:73px; font-size:30px; 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 15px; vertical-align:top; box-sizing:border-box;}
.slim_visual .slim_btn .line_btn {position:relative; background:transparent; color:#f04923; border:2px solid #f04923; line-height:71px;}


/* video section */
.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/brand-pages/images/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/brand-pages/images/2021/slim/cls_ico.png) 50% 50%/27px auto no-repeat; text-indent:-9999px; z-index:999;}


/* intro section */
.slim_intro .intro_video {position:absolute; top:0; left:0; width:100%; height:100%; background:#c7ced5; 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%); }
.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-size:60px; font-weight:700; letter-spacing:-0.025rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.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:700;}
.slim_intro .intro_video #intro_vid_m {display:none;}

/* life section */
.slim_life .life_section {position:absolute; width:100%; height:100%; overflow:hidden; will-change:transform;}
.slim_life .life_section 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_life .life_section .pc_img {display:block;}
.slim_life .life_section .mobile_img {display:none;}
.slim_life .life_section h2 { position:absolute; top:50%; left:0; width:100%; font-size:150px; font-weight:700; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); text-shadow:0 2px 5px rgba(0,0,0,.25);}
.slim_life .life_section h2.wht {color:#fff;}

/* color section */
.slim_color .slim_ttl {z-index:10;}
.slim_color .slim_ttl h3 { transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; -ms-transition:color .3s; -o-transition:color .3s; }
.slim_color .slim_ttl.wht h3 {color:#fff;}
.slim_color .mobile {display:none;}
.slim_color .color_slide {height:100%;}
.slim_color .color_slide .slide {position:absolute; width:100%; height:100%; overflow:hidden; will-change:transform;}
.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_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%);}

/* heating section */
.slim_heating {background:#fff;}
.slim_heating .inner {display:flex; flex-direction:column; padding:3.5% 0 0; box-sizing:border-box;}
.slim_heating .slim_ttl {position:static; top:auto; margin:0 0 50px;}
.slim_heating .slim_ttl sup {font-size:.75em;}
.slim_heating .heating_vis {position:relative; height:100%;}
.slim_heating .heating_vis img {position:absolute; left:0; right:0; bottom:0; width:auto; height:auto; max-width:80%; max-height:100%; margin:0 auto;}
.slim_heating .heating_vis .mobile {display:none;}
.slim_heating .under_txt {position:absolute; bottom:40px; left:0; width:100%; font-size:18px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,.45); z-index:2;}
.slim_heating.is_active .under_txt {bottom:90px;}

/* mode section */
.slim_mode {background:#e5e8ed;}
.slim_mode .mode_ttl {top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.slim_mode .mode_ttl h3 {display:flex; justify-content:space-between; align-items:center; width:100%;}
.slim_mode .mode_ttl span {width:calc(50% - 170px); text-align:center;}
.slim_mode .slim_double {position:absolute; top:50%; left:50%; width:320px; height:75%; max-height:800px; 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_mode .slim_double img {position:absolute; top:0; left:0;}
.slim_mode .slim_double .first {height:100%; max-height:480px;}
.slim_mode .slim_double .second {top:auto; left:auto; bottom:0; right:0; height:90%; max-height:525px;}

/* standard section */
.slim_standard {background:#fff;}
.slim_standard .slim_ttl {position:relative; top:auto; margin:3.5% auto 7%;}
.slim_standard .slim_stand {position:relative; width:60%; max-width:445px; margin:0 auto;}
.slim_standard .slim_stand span {position:absolute; top:0; left:0; width:100%; opacity:0;}
.slim_standard .slim_stand .bot_light {top:auto; bottom:0;}
.slim_standard .slim_stand img {max-width:100%;}
.slim_standard .ttl_bottom {width:100%; text-align:center; margin:7% auto 3.5%;}
.slim_standard .ttl_bottom h3 {color:#fff;}

/* clean section */
.slim_clean {background:#e5e8ed;}
.slim_clean .clean_video {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:10; overflow:hidden;}
.slim_clean .clean_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%); object-fit:cover;}
.slim_clean .clean_video #clean_vid_m {display:none;}
.slim_clean .inner {display:flex; flex-direction:column; padding:3.5% 0; box-sizing:border-box;}
.slim_clean .slim_ttl {position:static; top:auto; margin:0 0 50px;}
.slim_clean .cleaning {position:relative; height:100%;}
.slim_clean .cleaning img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}

/* howto section */
.slim_howto .inner {display:flex; flex-direction:column; padding:3.5% 0; box-sizing:border-box;}
.slim_howto .slim_ttl {position:static; top:auto; margin:0 0 50px;}
.slim_howto .howto_cont {position:relative; display:flex; justify-content:space-between; width:100%; max-width:1240px; height:100%; margin:0 auto;}
.slim_howto .howto_cont .howto_col {position:relative; width:48.5%; height:0; padding:48.5% 0 0; background:url(/content/dam/glo-jp/korea-images/brand-pages/images/2021/brand_slim/slim_thumb1.png) 50% 50%/contain no-repeat;}
.slim_howto .howto_cont .howto_col:last-child {background-image:url(/content/dam/glo-jp/korea-images/brand-pages/images/2021/brand_slim/slim_thumb2.png);}
.slim_howto .howto_cont .howto_txt {position:absolute; top:0; left:0; width:100%; height:100%; padding:80px 5%; text-align:center; letter-spacing:-0.025rem; color:#fff; box-sizing:border-box;}
.slim_howto .howto_txt h4 {font-size:70px; line-height:1; font-weight:500; margin:0 0 20px;}
.slim_howto .howto_txt p {font-size:32px; font-weight:300;}
.slim_howto .howto_play {display:block; width:120px; height:120px; background:url(/content/dam/glo-jp/korea-images/brand-pages/images/2021/brand_slim/play_ico.png) 50% 50%/contain no-repeat; margin:50px auto 0; text-indent:-9999px;}

/* compare section */
.slim_brand .glo_compare {min-height:auto; height:auto; background:#e5e8ed; padding:7% 4%; text-align:center; box-sizing:border-box;}
.glo_compare .slim_ttl {position:static; top:auto; margin:0 0 50px;}
.glo_compare .org_btn { display:block; width:100%; max-width:280px; height:70px; line-height:70px; background:#f04923; font-size:24px; font-weight:700; letter-spacing:-0.05rem; color:#fff; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; margin:0 auto;}



@media screen and (max-width:1600px){
    .slim_visual .slim_slogan {padding:50px 0 50px 10%;}
    .slim_visual .slim_keyword li {font-size:25px;}
    .slim_visual h2 {font-size:80px;}
    .slim_visual .slim_device {left:50%;}

    .slim_visual .slim_title .new {font-size:35px; padding:0 16px;}
    .slim_visual .slim_title p {font-size:45px;}
}
@media screen and (max-width:1560px){
    .brand_nav {padding:0 5%; box-sizing:border-box;}

    .slim_brand section .inner {padding-left:5%; padding-right:5%;}
    .slim_brand .slim_visual .inner, .slim_brand .slim_life .inner {padding:0;}
}
@media screen and (max-width:1440px){ 
    .slim_ttl h3, .ttl_bottom h3, .slim_intro .slim_headline {font-size:4.2vw;}

    .slim_visual .slim_vis {height:610px;}
    .slim_brand .slim_visual img {max-height:100%;}
    .slim_visual .slim_slogan {padding:35px 0 35px 7.5%;}
    .slim_visual .slim_keyword {margin:0 0 30px;}
    .slim_visual .slim_keyword li {font-size:22px;}
    .slim_visual h2 {font-size:5.5vw;}
    .slim_visual .slim_title p {font-size:3.2vw;}
    .slim_visual .slim_device {max-width:160px;}
    .slim_visual .slim_btn {padding:270px 5% 75px;}

    .slim_life .life_section h2 {font-size:10vw;}

    .slim_standard .slim_stand {max-width:400px;}

    .slim_howto .howto_txt h4 {font-size:5vw;}
    .slim_howto .howto_txt p {font-size:2.4vw;}
}
@media screen and (max-width:1280px){ 
    .brand_nav {padding:0 3%; box-sizing:border-box;}
    .slim_brand section .inner {padding-left:3%; padding-right:3%;}

    .slim_visual .slim_device {top:50%;}
    .slim_visual .slim_btn {padding:240px 3% 75px;}
    .slim_visual .slim_btn a {max-width:280px; height:70px; line-height:68px; font-size:25px;}
    .slim_visual .slim_btn .line_btn {line-height:66px;}

    .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); }

    .slim_life .life_section h2 {font-size:7.5vw;}
    .slim_heating .under_txt {font-size:17px;}
}
@media screen and (max-width:1200px){
    .slim_intro .intro_video video {max-height:90%;}
}
@media screen and (max-width:1024px){
    .slim_ttl h3, .ttl_bottom h3, .slim_intro .slim_headline {font-size:6vw;}
    .slim_heating .under_txt {font-size:15px;}

    /* intro */
    .slim_intro .mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#c7ced5; z-index:10;}
    .slim_intro .intro_video video {position:absolute; bottom:0; left:50%; width:100%; height:auto; max-height:100%;}
    .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; line-height:1.25; 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%;}

    /* video */
    .slim_intro .intro_video {background:#c7ced5;}
    .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_life .life_section:nth-child(2) .pc_img {left:60%;}

    .slim_mode .inner {display:flex; flex-direction:column; padding:5% 0; box-sizing:border-box;}
    .slim_heating .inner, .slim_howto .inner {padding-top:5%;}
    .slim_mode .mode_ttl { position:static; top:auto; margin:0 auto 50px; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
    .slim_mode .mode_ttl h3 {display:block;}
    .slim_mode .mode_ttl span {display:block; width:100%;}
    .slim_mode .slim_double {position:relative; top:auto; left:auto; width:100%; height:95%; margin:0 0 5%; transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0);}
    .slim_mode .slim_double .first {top:0; left:50%; height:73.5%; max-height:none; transform:translate(-95%, 0); -webkit-transform:translate(-95%, 0); -moz-transform:translate(-95%, 0); -ms-transform:translate(-95%, 0); -o-transform:translate(-95%, 0); }
    .slim_mode .slim_double .second {left:50%; height:78.5%; max-height:none; transform:translate(-5%, 0); -webkit-transform:translate(-5%, 0); -moz-transform:translate(-5%, 0); -ms-transform:translate(-5%, 0); -o-transform:translate(-5%, 0); }

    .slim_clean .clean_video video {width:auto; height:auto; max-width:100%;}
    .slim_clean .clean_video #clean_vid {display:none;}
    .slim_clean .clean_video #clean_vid_m {display:block;}

    .slim_howto .inner {justify-content:center;}
    .slim_howto .howto_cont {height:auto;}
}
@media screen and (max-width:1023px){
    .slim_visual .slim_slogan {padding-left:5.5%;}
    .slim_visual .slim_keyword li {font-size:20px;}
}

/* main_visual mobile */
@media screen and (max-width:900px){ 
    .visual_area .model_col, .visual_area .device_col {float:none; width:100%;}
    .slim_visual .slim_vis {height:auto;}
    .slim_visual .slim_vis .pc_img {display:none;}
    .slim_visual .slim_vis .mo_img {display:block;}
    .slim_visual .slim_vis img {float:none; width:100%; max-height:none;}

    .slogan_area {display:block; padding:70px 0 0;}
    .slogan_area .left_col, .slogan_area .right_col {position:static; width:100%; text-align:center;}
    
    .slim_visual .slim_slogan {position:relative; top:auto; left:auto; width:100%; margin:0; padding:0 4%;}
    .slim_visual .slim_keyword {justify-content:center;}
    .slim_visual h2 {font-size:8vw; margin:0 0 30px;}
    .slim_visual .slim_title {position:static; top:auto;}
    .slim_visual .slim_title .new {display:inline-block; font-size:24px; padding:0 12px; margin:0 15px 0 0; vertical-align:middle;}
    .slim_visual .slim_title p {display:inline-block; font-size:30px; vertical-align:middle;}

    .slim_visual .slim_device {display:none;}
    /* .slim_visual .slim_device {top:auto; left:auto; right:10%; bottom:100%; max-width:140px; margin:0 0 -160px;} */
    .slim_visual .slim_btn {padding:50px 4%;}

    .slim_intro .intro_video video {position:absolute; bottom:0; left:50%; width:100%; height:auto; max-height:100%;}
    .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; line-height:1.25; 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_life .life_section h2 {font-size:10vw;}

    .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);}

    .slim_howto .howto_cont .howto_txt {padding:50px 4%;}
}
/* mobile */
@media screen and (max-width:767px){ 
    .slim_brand section {min-height:auto;}

    .brand_nav {top:56px; padding:0 0 0 4%;}
    .brand_nav .nav_util a {width: 55px; height: 50px; padding: 0; background: #f04923; text-indent: -9999px; overflow: hidden; box-sizing:border-box;}
    .brand_nav .nav_util a:before {left: 55%; top: 72%; background-position: 0 -24px; transform: translate(-53%, -50%);}
    .brand_nav .nav_util li:last-child a:before {background-position: -24px -24px;}
    .brand_nav .nav_util li:last-child {position:relative;}
    .brand_nav .nav_util li:last-child:after {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:rgba(255,255,255,.35);}
    .brand_nav .list-thumb {transform: scale(0.5) translateX(-91%); top: 32px;}
    .brand_nav .list-thumb.ani-start {top: 60px;}

    .glo-contents.slim_contents {padding:50px 0 0;}
    
    .slim_visual .slim_keyword li {font-size:18px; padding:0 8px 0 0; margin:0 8px 0 0;}
    .slim_visual .slim_keyword li:after {width:1px; height:15px; margin:-7.5px 0 0;}
    .slogan_area {padding-top:50px;}

    .slim_visual .slim_btn {display:flex; justify-content:center; align-items:center; width:85%; max-width:480px; margin:0 auto;}
    .slim_visual .slim_btn a {width:48.5%; max-width:230px; height:55px; line-height:54px; font-size:22px; margin:0;}
    .slim_visual .slim_btn .line_btn {line-height:51px;}

    .slim_color .color_slide .pc {display:none;}
    .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%);}

    .slim_life .life_section .pc_img {display:none;}
    .slim_life .life_section .mobile_img {display:block;}

    .slim_clean .inner {padding-top:5%;}
    .slim_standard .slim_ttl {margin:5% auto 10%;}
    .slim_standard .stand_visual {position:relative; top:10%;}
    .slim_standard .slim_stand {max-width:360px;}

    .slim_brand .slim_howto {height:auto;}
    .slim_howto .howto_cont {display:block;}
    .slim_howto .howto_cont .howto_col {width:83.3%; padding:83.3% 0 0; margin:10px auto;}
    .slim_howto .howto_txt h4 {font-size:7.2vw; margin:0 0 15px;}
    .slim_howto .howto_txt p {font-size:4vw;}
    .slim_howto .howto_play {width:60px; height:60px; margin:40px auto 0;}
    
}
@media screen and (max-width:468px){
    
    .slim_ttl h3, .ttl_bottom h3, .slim_intro .slim_headline {font-size:7.8vw;}
    .slim_visual .slim_device {width:24%; margin:0 0 -120px;}
    .slim_visual .slim_keyword {margin:0 0 15px;}
    .slim_visual .slim_keyword li {font-size:16px;}

    .slim_visual h2 {margin:0 0 20px;}
    .slim_visual .slim_title .new {font-size:20px; padding:0 10px; margin:0 10px 0 0;}
    .slim_visual .slim_title p {font-size:24px;}
    .slim_visual .slim_btn {width:100%; padding:30px 5%;}
    .slim_visual .slim_btn a {height:48px; line-height:47px; font-size:4.3vw; padding:0;}
    .slim_visual .slim_btn .line_btn {line-height:44px;}

    .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_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_life .life_section h2 {font-size:12.5vw;}

    .slim_heating .heating_vis .pc {display:none;}
    .slim_heating .heating_vis .mobile {display:block;}
    .slim_heating .under_txt {bottom:20px; font-size:11px;}
    .slim_heating.is_active .under_txt {bottom:70px;}
    .slim_heating .heating_vis img {max-width:100%;}

    .slim_clean .cleaning img {max-width:90%; max-height:90%;}

    .slim_howto .slim_ttl {margin:0 0 35px;}

    .slim_howto .inner, .slim_brand .glo_compare {padding:10% 4%;}
    .slim_brand .glo_compare {padding:15% 4%;}
    .glo_compare .slim_ttl {margin:0 0 20px;}
    .glo_compare .org_btn {max-width:200px; height:50px; line-height:50px; font-size:18px;}
}


/* ipad style (portrait) */
@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_brand section {transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none;}
    .slim_color .inner, .slim_heating .inner, .slim_mode .inner, .slim_standard .inner, .slim_clean .inner {padding-top:12.5%;}
    .slim_mode .mode_ttl, .slim_standard .slim_ttl {margin:0 auto 10%;}
    .slim_ttl h3, .ttl_bottom h3 {font-size:6vw;}

    .slim_intro .intro_video video {position:absolute; bottom:0; left:50%; width:100%; height:auto; max-height:100%;}
    .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; line-height:1.25; 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_color .slim_ttl {top:15%;}
    .slim_color .color_slide img {max-width:160%; max-height:160%;}

    .slim_life .life_section .pc_img {display:none;}
    .slim_life .life_section .mobile_img {display:block;}

    .slim_clean .slim_ttl {margin:0 0 10%;}
    .slim_clean .inner {justify-content:center;}
    .slim_clean .cleaning {height:auto;}
    .slim_clean .cleaning img {position:static; display:block; margin:auto; max-height:85%;}
}
/* mobile */
/* iphone 5/SE/6 Line */
@media all and (max-device-width: 468px) and (max-device-height: 926px) and (-webkit-device-pixel-ratio : 2) and (orientation:portrait){
    .slim_brand section { min-height:auto; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; }

    .slim_color .inner, .slim_heating .inner, .slim_mode .inner, .slim_standard .inner, .slim_clean .inner {padding-top:20%; padding-bottom:5%;}
    .slim_mode .mode_ttl, .slim_standard .slim_ttl {margin:0 auto 10%;}

    .slim_life .life_section .mobile_img {max-width:120%; max-height:120%;}

    .slim_heating .inner {padding-bottom:0;}
}

/* iphone X/Plus/11 Pro/12 Line */
@media all and (max-device-width: 468px) and (max-device-height: 926px) and (-webkit-device-pixel-ratio : 3) and (orientation:portrait){
    .slim_brand section {min-height:auto; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; }
    .slim_color .inner, .slim_heating .inner, .slim_mode .inner, .slim_standard .inner, .slim_clean .inner {padding-top:20%; padding-bottom:5%;}
    .slim_mode .mode_ttl, .slim_standard .slim_ttl {margin:0 auto 10%;}

    .slim_life .life_section .mobile_img {max-width:120%; max-height:120%;}

    .slim_heating .inner {padding-bottom:0;}
    .slim_standard .stand_visual {top:15%;}
}
@media all and (orientation:landscape){
    .slim_brand section {min-height:auto; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; }
}

/* 2021-12-30 캠페인 비주얼 변경 */
.sv_box img {width:100%;}
.sv_box .mo_img {display:none;}

.slim_campaign .slogan_area .left_col, .slim_campaign .slogan_area .right_col {width:50%;}
.slim_campaign .slim_visual .slim_slogan {width:100%;}
.slim_campaign .slim_visual .slim_device {left:43.2%;}

.slim_campaign .slim_intro .intro_video {background:#c7ced5;}

@media screen and (max-width:1024px){
    .slim_campaign .slim_visual .slim_slogan {margin:-80px 0 0;}
    .slim_campaign .slim_visual .slim_device {max-width:120px; margin:-150px 0 0;}
}
@media screen and (max-width:900px){
    .sv_box .pc_img {display:none;}
    .sv_box .mo_img {display:block;}

    .slim_campaign .slogan_area {padding:12.5% 0 0;}
    .slim_campaign .slogan_area .left_col, .slim_campaign .slogan_area .right_col {width:100%;}
    .slim_campaign .slim_visual .slim_slogan {text-align:center; margin:0;}
    .slim_campaign .slogan_area .right_col {position:static;}
    .slim_campaign .slim_visual .slim_device {display:block; top:auto; left:0; right:0; bottom:30%; max-width:25%; margin:0 auto;}

}
/* 2021-12-30 캠페인 비주얼 변경 End */

/* 2022-06-02 글로 슬림 상단 비주얼 변경 */
.slim_campaign .slim_visual .slim_slogan{
    color: #000;
}
.slim_campaign .slim_visual .slim_slogan .summer-edition{
    position: relative;
    font-size: 32px;
    letter-spacing: 0.2em;
}
.slim_campaign .slim_visual .slim_slogan h2 span{
    display: block;
}
.slim_visual .slim_device{
    width: 45%;
    max-width: 334px;
    margin-top: -490px;
}
@media screen and (max-width: 1440px){
    .slim_campaign .slim_visual .slim_slogan .summer-edition{
        font-size: 2vw;
    }
    .slim_visual .slim_device{
        width: 40%;
        margin-top: -360px;
    }
}
@media screen and (max-width: 1024px){
    .slim_campaign .slim_visual .slim_device{
        max-width: 170px;
        margin-top: -250px;
    }
}
@media screen and (max-width: 900px){
    .slim_campaign .slim_visual .slim_device{
        max-width: 32%;
        margin: 0 auto;
        right: auto;
        left: 7%;
        bottom: 18%;
    }
    .slim_campaign .slim_visual .slim_slogan h2{
        font-size: 7vw;
    }
    .slim_campaign .slim_visual .slim_slogan h2 span{
        display: inline;
    }
    .slim_campaign .slim_visual .slim_slogan .summer-edition{
        font-size: 3.5vw;
    }
}
/* 2022-06-02 글로 슬림 상단 비주얼 변경 End */
/* 2022-08-31 글로 슬림 상단 비주얼 변경 */
.header_hide .glo-header {top:-90px;}

.slim_campaign .slim_220831 .slim_slogan {padding-top:110px;}
.slim_campaign .slim_220831 .slim_device { left:52%; width:25%; max-width:240px; margin-top:-50px; transform:translate(-50%, -56%); -webkit-transform:translate(-50%, -56%); -moz-transform:translate(-50%, -56%); -ms-transform:translate(-50%, -56%); -o-transform:translate(-50%, -56%); }
.slim_campaign .slim_220831 .slim_title {top:80px;}
.slim_campaign .slim_220831 .slim_title p {line-height:1;}
.slim_campaign .slim_220831 .slim_btn {padding-top:240px;}

.slim_heating .pc_only {display:inline;}

@media screen and (max-width:1440px){
    .slim_campaign .slim_220831 .slim_slogan {padding-top:6vw;}
    .slim_campaign .slim_220831 .slim_device {left:55%;}
    .slim_campaign .slim_220831 .slim_title {top:2vw;}
    .slim_campaign .slim_220831 .slim_title p {font-size:3vw;}

}
@media screen and (max-width:768px){
    .slim_heating .pc_only {display:none;}

    .slim_campaign .slim_220831 .slim_device { bottom:auto; left:50%; width:22.22%; max-width:160px; margin-top:0; transform:translate(-50%, -70%); -webkit-transform:translate(-50%, -70%); -moz-transform:translate(-50%, -70%); -ms-transform:translate(-50%, -70%); -o-transform:translate(-50%, -70%); }
    .slim_campaign .slim_220831 .slim_btn {padding-top:11vw;}
    .slim_campaign .slim_220831 .slim_slogan h2 {margin:0 0 2.5vw;}
    .slim_campaign .slim_220831 .slim_title p {font-size:5.5vw;}
    
}
@media screen and (max-width:480px){
	.slim_ttl h3, .ttl_bottom h3, .slim_intro .slim_headline {font-size:7.3vw;}
}
/* 2022-08-31 글로 슬림 상단 비주얼 변경 End */
/* 2023-02-14 하이퍼 출시 슬림 브랜드페이지 수정 */
/* section_howto */
.section_howto {
    text-align: center;
    background: #000000;
  }
  
  .seciton_howto h1 {
    font-size: 76px;
  }
  
  .slim_brand .section_howto .section__vid {
    padding: 0;
  }
  
  .section_howto .howto_grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1080px;
    margin: 50px auto 0;
  }
  
  .section_howto .howto_grid > div {
    flex: 0 0 48.14%;
    height:auto;
  }
  
  .section_howto .section__vid .teaser__vid {
    padding-top: 95%;
  }
  
  .section_howto .section__vid .teaser__vid .btn__video .con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .section_howto .section__vid .teaser__vid .btn__video .con .txt {
    color: #fff;
    font-size: 2vw;
    font-weight: 800;
  }
  
  .section_howto .btn_play {
    width: 20% !important;
    position: unset !important;
    margin-top: 30px;
  }
  
  .section_howto .btn_w {
    margin-top: 60px;
    background-color: #FFF;
    color: #2A2C2C;
  }

  .slim_brand .section__vid {
    height:auto;
    padding: 100px 0 80px;
    color: #fff;
  }
  .section__vid .hyper__buy {
    margin: 60px auto 0;
  }
  
  .section__vid h3 {
    margin-bottom: 75px;
    font-size: 64px;
    font-weight: 900;
    letter-spacing: -0.03em;
    text-align: center;
  }
  
  .section__vid .teaser__vid {
    display: block;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 48%;
  }
  
  .section__vid .teaser__vid .btn__video {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  
  .section__vid .teaser__vid video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .section__vid .teaser__vid img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
  }
  .slim_brand .glo__lnk {
      height:auto;
    padding: 120px 0;
    background: #333333;
  }
  .glo__lnk__lst {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1600px;
    margin: 0 auto;
  }
  .glo__lnk__lst li {
    width: 32.5%;
    height: 376px;
    padding: 0 0 0 4.5%;
    border: 1px solid #ffffff;
    color: #ffffff;
  }
  .glo__lnk__lst li a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
  }
  .glo__lnk__lst li p {
    margin: 40px 0;
  }

  @media screen and (max-width:1680px){
    .glo__lnk__lst {
        width: 1280px;
    }
    .glo__lnk__lst li {
        height: auto;
        padding: 4vw 0 4vw 4.5%;
    }
  }
@media screen and (max-width:1280px){
    .slim_brand .section__vid {
    padding: 5.2vw 4%;
    }
    .section__vid .howto_grid {
    width: 92%;
    }
    .glo__lnk__lst {
    width: 92%;
    }
}
@media screen and (max-width:767px){
    .section__vid .hyper__ttl h2 {
    margin:min( 3.3333333333vw, 12px ) 0 min( 5.5555555556vw, 20px );
    }
    .slim_brand .section__vid {
    padding: min( 17.7777777778vw, 64px ) min( 6.6666666667vw, 24px ) min( 16.6666666667vw, 60px );
    }
    .section__vid .howto_grid {
    flex-wrap: wrap;
    width:100%;
    margin: 0 auto 0;
    gap: min( 5.5555555556vw, 20px );
    }
    .section__vid .howto_grid > div {
    flex: 100% 0 0;
    width: 100%;
    }
    .slim_brand .glo__lnk {
    padding: min( 17.7777777778vw, 64px ) min( 6.6666666667vw, 24px ) min( 16.6666666667vw, 60px );
    }
    .glo__lnk__lst {
    flex-direction: column;
    gap: min( 5.5555555556vw, 20px );
    width: 100%;
    }
    .glo__lnk__lst li {
    width: 100%;
    padding: min( 16.6666666667vw, 60px ) 4vw;
    text-align: center;
    }
    .glo__lnk__lst li a {
    align-items: center;
    }
    .glo__lnk__lst li p {
    font-size: min( 3.8888888889vw, 14px );
    margin: min( 5.5555555556vw, 20px ) 0;
    }
}
/* 2023-02-14 하이퍼 출시 슬림 브랜드페이지 수정 End */