body:before{transition: .5s ease;}
body.dimmed {position: relative;}
body.dimmed::before {content: "";  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.9); z-index: 9999; }

.scroll-hint .mouse-icon{ position: fixed; bottom: 60px; left: 50%; margin-left: -30px; width: 61px; height: 13px; background:url('../images/ico-scroll-down.png ') 50% 0 / 100% no-repeat; z-index:9; }
.scroll-hint .mouse-icon-arar{position: fixed; bottom: 30px; left: 50%; margin-left: -30px; width: 61px; height: 13px; z-index:9;}
.scroll-hint .mouse-icon-arar:before,
.scroll-hint .mouse-icon-arar:after { content: ""; position: absolute; bottom: 10px; display: block; height: 10px; width: 17px; left: 50%;  margin-left:-8px; animation: scrollAni linear 1.5s infinite alternate; background:url('../images/ico-scroll-down-02.png ') 50% /cover;}
.scroll-hint .mouse-icon-arar:after { bottom: 0; animation-delay: .5s;}
.scroll-hint .mouse-icon-arar.w:before,
.scroll-hint .mouse-icon-arar.w:after { background-image:url('../images/ico-scroll-down-03.png');}
@keyframes scrollAni {
  0%{opacity: 1;}
  100%{opacity: 0;}
}

.swiper-container-news {
    z-index: 2;
    width: 100%;
    height: 100%
}

.shinsegae-news-02 article{height: 100vh; padding:0 ; line-height: 1.4; letter-spacing: -1px; color: #fff; font-weight:500;}
.shinsegae-news-02 img{max-width:100%;}
.shinsegae-news-02 .section-wrap{height: 100%; padding:  0 20px; display:flex; align-items: center; justify-content: center; flex-direction: column; }
.shinsegae-news-02 h3{line-height:1.25;}

.shinsegae-news-02 + .swiper-pagination.swiper-pagination-bullets{right: 30px;}
.shinsegae-news-02 + .swiper-pagination .swiper-pagination-bullet{background-color:#fff; transition: .3s ease;}
.shinsegae-news-02 + .swiper-pagination .swiper-pagination-bullet-active{height: 30px;background: url('../images/ico-bll.png') 50% 100% / 100% 100%;border-radius: 0 0 10px 10px;}

.section-main{position:relative; text-align: center; background:url('../images/bg-section-main.jpg') 50% /cover; font-family: 'Pretendard', 'Noto Sans KR', AppleGothic, sans-serif; }
.section-main .section-wrap > div{position:relative;}
.section-main .section-wrap h2{padding-bottom: 30px; font-size: 50px; font-weight: 400;}
.section-main .section-wrap h2 span{display: inline-block; background: linear-gradient(90deg, #c096ff, #dcc4ff); color: transparent; -webkit-background-clip: text;}
.section-main .section-wrap h3{color:#1f1f1f; font-size:48px; animation: tit-ani 2.2s .8s ease forwards;}
.vani {
    animation: tit-ani .6s ease forwards;
    animation-delay: .5s;
    opacity: 0
}
@keyframes tit-ani {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.flex-half{display: flex; justify-content: space-between; align-items: center;}
.dv-bx{position: relative; max-width: 1500px; width: 100%; background: url('../images/ico-quotes.png') 0 0  no-repeat;}

.txt1{font-size: 50px; font-weight: 500; }
.txt1-2, .txt1-3{font-size: 50px; font-weight: 500; padding-top: 0.5em;}
.txt1 + .txt1{padding-top: 0.5em;}
.txt2{font-size: 34px;}
.txt2 + .txt2{padding-top: 0.5em;}

.go-to-return, .go-to-out{width: 94px; height:21px; margin: 4px 0; font-size: 0;}
.go-to-return{background: url('../images/ico-return.png') 100% 50% / 100% no-repeat;}
.go-to-out{background: url('../images/ico-out.png') 100% 50% / 100% no-repeat;}


.section-intro01{ text-align: center; background: #1c104c url('../images/bg-section-intro01-01.jpg') 50% /cover;}
.section-intro01 .swiper-intro{height:100%; }
.section-intro01 .s1 {background:url('../images/bg-section-intro01-01.jpg') 50% /cover;}
.section-intro01 .s2 {background:url('../images/bg-section-intro01-02.jpg') 50% /cover;}
.section-intro01 .s3 {background:url('../images/bg-section-intro01-03.jpg') 50% /cover;}
.section-intro01 .txt-note{padding: 40px 0 80px; color: rgba(255, 255, 255, 0.5); font-size:18px; font-weight: 300;}
.section-intro01 .txt-note2{color: #fff; font-size:27px; font-family: 'Pretendard', 'Noto Sans KR', AppleGothic, sans-serif;}
.section-intro01 .flex-half figure{background: url('../images/img-andrew-bg.png') 50% /cover;}
.section-intro01 .flex-half .txt-bx{position: absolute; right:0; }
.section-intro01 .flex-half .txt-bx > .ani-tit{background: linear-gradient(to bottom right, #FFFFFF 16%, #B887FF 69%); color: transparent; -webkit-background-clip: text;}

.section-intro02{  text-align: center; background: #fff url('../images/bg-section-intro02.jpg') 50% /cover;}
.section-intro02 .flex-half .txt-bx{position: absolute; right:0; color: #101010;}
.section-intro02 .flex-half .txt-bx .txt1{display: inline-block; margin-bottom: 0.2em; /*background: linear-gradient(to right, #FFFFFF 34%, #B887FF 100%); color: transparent; -webkit-background-clip: text;*/}
.section-intro02 .section-wrap01 .hiddden,
.section-intro02 .section-wrap02 .hiddden{visibility:hidden;}
.section-intro02 .flex-half figure{position: relative; /*background: url('../images/img-andrew-bg.png') 50% /cover;*/}
.section-intro02 figure::before,
.section-intro02-02 figure:after{content: ''; position: absolute; left: 0; top:0; right:0; bottom:0; transition: .3s ease .5s;}
.section-intro02-02 figure:before{background: url('../images/img-ai.png') 50% /cover;}
.section-intro02-02 figure:after{opacity: 0; background: url('../images/img-ai-on.png') 50% /cover;}
.section-intro02-02 figure.on:before{opacity: 0;}
.section-intro02-02 figure.on:after{opacity: 1;}

.section-intro03{ text-align: center; background: #1c104c url('../images/bg-section-intro03.jpg') 50% 100% /cover;}
.section-intro03-01{ color: #101010; text-align: center; background: #1c104c url('../images/bg-section-intro03-01.jpg') 50% 0 /cover;}
.section-intro03 h2 span{display: inline-block; margin-bottom: 0.2em; color: #101010; font-size: 54px; font-weight: 500; line-height: 1.2; }
.section-intro03 .txt1{margin: 0 0 4rem; color: #101010; font-size: 34px;}
.section-intro03 .txt2{margin: 4rem 0; color: #101010; font-size: 28px; }
.section-intro03 .go-to-nav{display: inline-block; padding: 15px 40px; font-size: 18px; color:#101010; border-radius: 99px; background-color: #fff; box-shadow: -2px 4px 8px 0px rgba(0,0,0,0.2); border:none; font-weight:500;}

.section-navigation{ text-align: center; background: #fff url('../images/bg-section-intro04.jpg') 50% /cover;}
.nav-bx{width:96%; padding: 50px 20px; background: #fff; border-radius: 20px; box-shadow: -2px 4px 2px 0px rgba(0,0,0,0.2);}
.nav-bx > div{color: #1f1f1f; font-size: 18px;}
.nav-bx > div p{display: inline-block; padding-left:5px; vertical-align:middle;}
.nav-bx > div:before{content:'';display: inline-block; width:30px; height: 35px; margin-top:-4px; background: url('../images/ico-light.png') 50% / 100% no-repeat; vertical-align:middle;}

.nav-bx ul{display: flex; flex-wrap: wrap; justify-content: center;}
.nav-bx ul li{width: 33%; cursor: pointer; margin: 0 -30px;}
.nav-bx ul p{padding-top: 10px; color: #1f1f1f; font-size: 25px;}
.nav-bx ul li div{transition: .3s;}
.nav-bx ul li.q1 div{background: url('../images/img-cha01.png?v1') 0 0 / 100% no-repeat;}
.nav-bx ul li.q2 div{background: url('../images/img-cha02.png?v1') 0 0 / 100% no-repeat;}
.nav-bx ul li.q3 div{background: url('../images/img-cha03.png?v1') 0 0 / 100% no-repeat;}
.nav-bx ul li.q4 div{background: url('../images/img-cha04.png?v1') 0 0 / 100% no-repeat;}
.nav-bx ul li.q5 div{background: url('../images/img-cha05.png?v1') 0 0 / 100% no-repeat;}
.nav-bx ul li.q6 div{background: url('../images/img-cha06.png?v1') 0 0 / 100% no-repeat;}
.nav-bx ul li.q1 div:hover{background-image: url('../images/img-cha01-over.png?v1');}
.nav-bx ul li.q2 div:hover{background-image: url('../images/img-cha02-over.png?v1');}
.nav-bx ul li.q3 div:hover{background-image: url('../images/img-cha03-over.png?v1');}
.nav-bx ul li.q4 div:hover{background-image: url('../images/img-cha04-over.png?v1');}
.nav-bx ul li.q5 div:hover{background-image: url('../images/img-cha05-over.png?v1');}
.nav-bx ul li.q6 div:hover{background-image: url('../images/img-cha06-over.png?v1');}

.section-sub{position: relative; }
.section-sub .balloon{position:absolute; left: 50%; bottom: 40px; width: 408px; height: 85px; z-index:11; background:url('../images/balloon-01.png') 50% / 100%; text-indent: -9999em;}
.section-sub .txt-bx{margin-top: -80px; font-size: 54px; font-weight: 500; }
.section-sub .txt-bx p strong{font-weight: 700;}
.section-sub .txt-bx .ico-light{display: inline-block; width: 130px; height: 152px; background: url('../images/ico-light.png') 50% / 100% no-repeat;}
.section-sub-info .section-wrap{position: relative; align-items: inherit; width:100%; max-width: 1600px; margin: auto; justify-content: space-between; padding: 3% 20px 5%; box-sizing: border-box;}
.section-sub-info .txt-bx2{font-size: 40px; font-weight: 500; line-height: 1.4;}
.section-sub-info .txt-bx2 p + p{padding-top: 0.8em;}
.sub-btn{position: absolute; right: 20px; bottom: 5%; z-index: 11;}
.point01{color: #ffe327;}
.point02{color: #20ffb0;}
.point03{color: #ff6aac;}
.point04{color: #ff8499;}
.point05{color: #ff6f67;}
.point06{color: #ff9762;}

/* 이마트 */
.section-sub01{text-align: center; background: #fcb517 url('../images/bg-section-sub01.jpg') 0 100% /cover;}
.section-sub01 .txt-bx p{color: #4c5059;}
.section-sub01 .balloon{position:absolute; left: 50%; bottom: 40px; width: 408px; height: 85px; z-index:11; background:url('../images/balloon-01.png') 50% / 100%; text-indent: -9999em;}
.section-sub01-01{position: relative; background: url('../images/bg-section-sub01-01.jpg') 50% 0 /cover;}
.section-sub01-01 .sound-motion{ position: absolute;top:40px;left: 50%;font-size: 30px;text-align: center; width: 500px; height: 500px; margin-left: -152px;}
/* .section-sub01-01 .sound-motion span{display: block;  animation: wave-animation 5s 2000ms infinite linear;} */
.section-sub01-01 .sound-motion .sound-wave{}
.section-sub01-01 .sound-motion .sound-wave span { position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; border: 2px solid #fbbf24; border-radius: 50%; transform: translate(-50%, -50%); animation: wave 1.5s infinite ease-out; z-index: 1;}
.section-sub01-01 .sound-motion .sound-wave span:nth-child(2) { animation-delay: 0.5s;}
.section-sub01-01 .sound-motion .sound-wave span:nth-child(3) { animation-delay: 0.8s;}
.section-sub01-01 .sound-motion p{position: absolute; bottom: 10%; left:0; right:0;}

.section-sub01-02{position: relative; background: url('../images/bg-section-sub01-02.jpg?v1') 100% 100% /cover;}
@keyframes wave-animation {
  from {
      transform: rotate(0deg) scale(0,0);
      opacity: 1;
  }
  to {
      transform: rotate(360deg) scale(1,1);
      opacity: 0;
  }
}
@keyframes wave {
  0% {
	transform: translate(-50%, -50%) scale(0.4);
	opacity: 1;
  }
  100% {
	transform: translate(-50%, -50%) scale(2);
	opacity: 0;
  }
}
.section-sub01-02 .txt-motion{position: absolute;right: 17%;top: 50%;margin-top: -20px;text-align: center;width: 500px;z-index: 1;cursor: pointer;}
.section-sub01-02 .txt-motion span{display:block; background: url('../images/img-sub01-02-sticker.png ') 50% /cover no-repeat;}
.section-sub01-02 .txt-motion span:hover{background-image: url('../images/img-sub01-02-sticker-on.png ') ;}

/* 스타벅스 */
.section-sub02{text-align: center; background: url('../images/bg-section-sub02.jpg') 0 100% /cover;}
.section-sub02 .txt-bx .ico-light{background-image: url('../images/ico-light02.png') ;}
.section-sub02 .balloon{ width: 428px; background-image:url('../images/balloon-02.png');}
.section-sub02-01{position: relative; background: url('../images/bg-section-sub02-01.gif') 50% 0 /cover;}

/* 신세계쇼핑 */
.section-sub03{text-align: center; background: url('../images/bg-section-sub03.jpg?v1') 0 100% /cover;}
.section-sub03 .txt-bx .ico-light{background-image: url('../images/ico-light03.png') ;}
.section-sub03 .balloon{width:468px; background-image:url('../images/balloon-03.png?v1');}
article[class *= "section-sub03-0"]{position: relative; background: url('../images/bg-section-sub03-01.jpg') 50% 0 /cover;}
article[class *= "section-sub03-0"] .sub-side{position:absolute; right: 140px; bottom: 0; width: 30%; overflow:hidden; box-sizing: border-box;}
article[class *= "section-sub03-0"] .swiper-inner{width: 100%; height: 100%; margin-bottom: -5%;}
article[class *= "section-sub03-0"] .swiper-slide{display: flex; align-items: flex-end;}
article[class *= "section-sub03-0"] .swiper-slide .txt-bx2{padding-bottom: 5%;}
.sub-logo-bx{}

.sub-side-mv, .sub-side-mv-a {padding: 2px 5px 0; }
.sub-side-mv video, .sub-side-mv-a video{width:100%; pointer-events: none;}
.sub-side-mv:after{content:'';position:absolute; display:block; left:0; top:0; right:0; height:100%; background: url('../images/img-phone-cover.png') 50% 0 / 100% no-repeat;}
.mv-bx{border-radius: 12% 12% 0 0; overflow:hidden;}

.mv-bx{border-radius: 12% 12% 0 0; overflow:hidden;}

/* SSG */
.section-sub04{text-align: center; background: url('../images/bg-section-sub04.jpg') 0 100% /cover;}
.section-sub04 .txt-bx .ico-light{background-image: url('../images/ico-light04.png') ;}
.section-sub04 .balloon{width:388px; background-image:url('../images/balloon-04.png');}
article[class *= "section-sub04-0"]{position: relative; background: url('../images/bg-section-sub04-01.jpg') 50% 0 /cover;}
article[class *= "section-sub04-0"] .sub-side{position:absolute; right: 140px; bottom: 0; width: 30%; box-sizing: border-box;}
article[class *= "section-sub04-0"] .swiper-inner{width: 100%; height: 100%; margin-bottom: -5%;}
article[class *= "section-sub04-0"] .swiper-slide{display: flex; align-items: flex-end;}
article[class *= "section-sub04-0"] .swiper-slide .txt-bx2{padding-bottom: 5%;}
article[class *= "section-sub04-0"] .ph-b{position: absolute; opacity:0; }
article[class *= "section-sub04-0"] .ph-b1{left: -40%; bottom: 48%; width: 120%;}
article[class *= "section-sub04-0"] .ph-b2{right: -10%; bottom: 28%; width: 80%;}
/* article[class *= "section-sub04-0"].swiper-slide-active .ph-b1{opacity:1; }
article[class *= "section-sub04-0"].swiper-slide-active .ph-b2{opacity:1; } */
article[class *= "section-sub04-0"] .sub-side-mv:after{background-image: url('../images/img-phone-cover2.png') ;}

/* 신세계백화점 */
.section-sub05{text-align: center; background: url('../images/bg-section-sub05.jpg') 0 100% /cover;}
.section-sub05 .txt-bx .ico-light{background-image: url('../images/ico-light05.png') ;}
.section-sub05 .balloon{width:428px; background-image:url('../images/balloon-05.png');}
article[class *= "section-sub05-0"]{position: relative; background: url('../images/bg-section-sub05-01.jpg') 50% 0 /cover;}
article[class *= "section-sub05-0"] .sub-side{position:absolute; right: 140px; bottom: 0; width: 30%; box-sizing: border-box; }
article[class *= "section-sub05-0"] .sub-side1{display:flex; flex-direction: column;}
article.section-sub05-03 .sub-side{right: 10px; bottom: 10%; width: 40%; }

/* W컨셉 */
.section-sub06{text-align: center; background: url('../images/bg-section-sub06.jpg') 0 100% /cover;}
.section-sub06 .txt-bx .ico-light{background-image: url('../images/ico-light06.png') ;}
.section-sub06 .balloon{width:368px; background-image:url('../images/balloon-06.png');}
article[class *= "section-sub06-0"]{position: relative; background: url('../images/bg-section-sub06-01.jpg') 50% 0 /cover;}
article[class *= "section-sub06-0"] .sub-side{position:absolute; right: 140px; bottom: 0; width: 30%; box-sizing: border-box;}
article[class *= "section-sub06-0"] .swiper-inner{width: 100%; height: 100%; margin-bottom: -5%;}
article[class *= "section-sub06-0"] .swiper-slide{display: flex; align-items: flex-end;}
article[class *= "section-sub06-0"] .swiper-slide .txt-bx2{padding-bottom: 5%;}
article[class *= "section-sub06-0"] .ph-b{position: absolute; opacity:0; }
article[class *= "section-sub06-0"] .ph-b1{right: -10%; bottom: 52%; width: 80%;}
article[class *= "section-sub06-0"] .ph-b2{left: -10%; bottom: 28%; width: 85%;}

/* out */
.section-out-01{ text-align: center; background: #fff url('../images/bg-section-out-01.jpg?v1') 50% / cover;}
.section-out-02{ text-align: left; background: #1c104c url('../images/bg-section-out-02.jpg?v1') 50% / cover;}
.section-out-02 .section-wrap{justify-content: center; align-items: center; flex-direction: inherit; text-align:center;}
.section-out-02 .sub-logo-bx{position:absolute; left: 20px; top: 5%; }
.section-out-03-00{ text-align: left; background: #1c104c url('../images/bg-section-out-03.jpg?v1') 50% / cover;}
.section-sub-info.section-out-03-00 .section-wrap{text-align:left; justify-content: flex-end; align-items: center;flex-direction: inherit}
.section-out-03-00 .sub-logo-bx{position:absolute; left: 20px; top: 5%; z-index:11; }
.section-out-03-00 .txt-bx{}
/* .section-out-02 .section-wrap{background: url('../images/img-outro-ai.png') 100% 50% / 40% no-repeat;} */
.section-out-03{ text-align: center; background: #fff url('../images/bg-section-out-04.jpg') 50% / cover;}
.section-out-03-00-img{position:absolute; left: 0; top: 0;}

.section-out-03-00 .txt2 span,
.section-out-02 .txt2 span{ color: #f14565; }
.section-out-01 p,
.section-out-03-00 p,
.section-out-03 p{color: #101010; }

.section-out-03 .foot-logo {margin: 0;position: absolute; bottom: 5%; left:5%; right: 5%; text-align:center;}
.section-out-03 .item-slide-flow {margin: 0;position: absolute; bottom: 5%; left:5%; right: 5%;}
.section-out-03 .item-slide-flow .flow-banner { overflow: hidden; display: flex; width:100%;}
.section-out-03 .item-slide-flow .flow-banner .list { display: flex; white-space: pre;}
.section-out-03 .item-slide-flow .flow-banner .list > * { white-space: nowrap; padding-right: 0;}
.section-out-03 .item-slide-flow .flow-banner .list li { display: flex; flex-wrap: wrap;}
.section-out-03 .item-slide-flow .flow-banner .list li img {height: 40px; max-width: none;}
@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}





@media screen and (max-width: 1400px) {

  .txt1 {font-size: 40px;}
  .txt1-2, .txt1-3{font-size: 40px; font-weight: 500; padding-top: 0.5em;}
  .txt2{font-size: 26px;}
  .section-intro01 .txt-note2 {font-size: 20px;}
  .section-intro01 .flex-half figure,
  .section-intro02 .flex-half figure{width:40%;}

  .section-intro03 h2 span {font-size: 50px;}
  .section-intro03 .txt1 {font-size: 26px;}
  .section-intro03 .txt2 {font-size: 20px;}
  .section-intro03 figure img{width: 400px;}

  .section-sub .txt-bx{font-size: 40px;}
  .section-sub .txt-bx figure img{width : 90%;}
  .section-sub .txt-bx .ico-light{width: 50px; height: 70px;}
  .section-sub-info .txt-bx2{font-size: 30px;}
  .section-sub .balloon{width:60%; left:35%;  height: 40px; background-repeat: no-repeat; background-size: auto 100% !important;}

  .nav-bx > div { font-size: 16px;}
  .nav-bx ul p{font-size: 18px;}

  .section-out-03-00-img{width:50%;}
  

}

@media screen and (min-width: 1025px) {
	.mbr{display:none;}
}


@media screen and (max-width: 1024px) {
	.mbr{display:block;}
	.mno{display:none;}
	.scroll-hint .mouse-icon { bottom: 30px; width: 44px; margin-left: -22px;}
	.scroll-hint .mouse-icon-arar{ bottom: 10px; width: 44px; margin-left: -22px;}
	.shinsegae-news-02 {word-break: keep-all;}

	.section-main .section-wrap h2{padding-bottom: 30px; font-size: 24px; font-weight: 400;}
	.section-main img{width: 90%; max-width: 600px;}

	.nav-bx {padding: 20px 0;}
	.nav-bx > div {padding-bottom:10px; font-size: 13px;}
	.nav-bx ul{gap:10px;}
	.nav-bx ul p{font-size: 18px;}
	.nav-bx ul li{width: 50%; cursor: pointer; margin: 0 -10px; }
	.nav-bx ul p{font-size: 13px;}

	.go-to-return, .go-to-out{width: 80px; height:21px; margin: 4px 0; font-size: 0; background-size: 90%;}


	.txt1 {font-size: 18px; }
	.txt1-2, .txt1-3{font-size: 18px; }
	.txt2 {font-size: 16px; }
	.flex-half{display:block;}
	.dv-bx{background-size:22px;}
	.section-intro01 .flex-half figure, .section-intro02 .flex-half figure {width: 50%; margin:0 auto 40px;}
	.section-intro01 .flex-half .txt-bx,
	.section-intro02 .flex-half .txt-bx{position: static;}
	.section-intro01 .txt-note{padding: 20px 0 40px; font-size:13px; }
	.section-intro01 .txt-note2{font-size:15px;}

	.section-sub01-01 .sound-motion{font-size: 18px;}
	.section-sub01-01 .sound-motion p{bottom: 24%;}
	.section-sub01-02{background-position: right 30% top 50%;}
	.section-sub01-02 .txt-motion{display:none;}

	.section-intro03 h2 span {font-size: 30px;}
	.section-intro03 .txt1{font-size: 20px;}
	.section-intro03 .txt2{font-size: 16px;}
	.section-intro03 .go-to-nav{padding: 12px 40px; font-size: 15px;}
	.section-intro03 figure img{width: 200px;}

	article[class *= "section-sub03-0"] .section-wrap,
	article[class *= "section-sub04-0"] .section-wrap,
	article[class *= "section-sub05-0"] .section-wrap,
	article[class *= "section-sub06-0"] .section-wrap{padding-bottom: 0;}

	article[class *= "section-sub03-0"] .sub-side,
	article[class *= "section-sub05-0"] .sub-side,
	article[class *= "section-sub04-0"] .sub-side{width: 28%;}

	article[class *= "section-sub03-0"] .swiper-slide .txt-bx2 ,
	article[class *= "section-sub04-0"] .swiper-slide .txt-bx2 ,
	article[class *= "section-sub05-0"] .swiper-slide .txt-bx2 ,
	article[class *= "section-sub06-0"] .swiper-slide .txt-bx2 {padding-bottom: 15%;}

	.section-out-03-00-img{display:none;}
	.section-sub-info.section-out-03-00 .section-wrap{justify-content: center; text-align:center;}


	.sub-logo-bx{}
	.sub-logo{position:absolute; left:20px; top: 30px; height: 20px; }
	.section-sub-info .section-wrap{padding: 30px 20px 100px; justify-content: flex-end;}


  .section-sub .txt-bx{font-size: 24px; }
  .section-sub .txt-bx .ico-light{width: 40px; height: 50px;}
  .section-sub-info .txt-bx2{font-size: 16px; line-height: 1.4;}

  .section-sub .balloon{left: 25%; width:50%; height: 36px; background-repeat: no-repeat; background-size: auto 100%; background-position:0 100%;}
  .foot-logo img{width:120px;}


}

@media screen and (max-width: 800px) {
	.section-sub01-01 .sound-motion{position: absolute;top: 14%; right: 8%;left: auto;font-size: 14px;text-align: center;width: 60vw;height: 60vw;/* margin-left: -25vw; */}
	.section-sub01-01 .sound-motion .sound-wave span{width: 15vw; height:15vw;}
	.section-sub01-01 .sound-motion p{bottom: 15%;}

	article[class *= "section-sub03-0"] .swiper-slide ,
	article[class *= "section-sub04-0"] .swiper-slide ,
	article[class *= "section-sub05-0"] .swiper-slide ,
	article[class *= "section-sub06-0"] .swiper-slide ,
	.section-out-02 .section-wrap {display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-end;}

	article[class *= "section-sub03-0"] .sub-side,
	article[class *= "section-sub04-0"] .sub-side,
	article[class *= "section-sub05-0"] .sub-side,
	article[class *= "section-sub06-0"] .sub-side,
	.section-out-02 .sub-side{width: 220px;
	position: relative;
	right: auto; left: 50%; margin-left:-110px; bottom:-10px;}
	.sub-side-mv:after{background-position: 0 0;}
	.mv-bx {border-radius: 25px 25px 0 0;}

	article[class *= "section-sub03-0"] .txt-bx2 ,
	article[class *= "section-sub04-0"] .txt-bx2 ,
	article[class *= "section-sub05-0"] .txt-bx2 ,
	article[class *= "section-sub06-0"] .txt-bx2 ,
	.section-out-02  .txt-bx {padding-bottom: 30px; text-align:center;}
	.shinsegae-news-02 + .swiper-pagination.swiper-pagination-bullets{right: 10px; }
	.shinsegae-news-02 + .swiper-pagination .swiper-pagination-bullet{width: 6px; height: 6px;}
	.shinsegae-news-02 + .swiper-pagination .swiper-pagination-bullet-active{height: 20px;}
}



.swiper-ai{height:100vh; overflow:hidden;}


@media screen and (max-width: 800px) {
	.nav-bx li.tapped {
	}
}