/* 폰트 */
@import url("//fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap");
@import url("//cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

body .ai-life-ep5-wrap * {
    font-family: inherit;
		box-sizing: border-box;
}
.scroll-hidden {overflow:hidden !important; touch-action:none;}
.inner-bx{margin: 0 auto;padding: 0 20px;transition: all .7s cubic-bezier(.2,1,.22,1);}
.ai-life-ep5-wrap{line-height:1.4;font-family:'Pretendard Variable', 'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans','sans-serif';}
.ai-life-ep5-wrap p{font-size :18px; line-height:1.5; letter-spacing:-0.5px;}
.ai-life-ep5-wrap p.note-txt{color:#555; font-size :0.95em;}
.ai-life-ep5-wrap p.note-txt em{color:#B96CF8;}
.footnote-txt{font-size:0.7em !important;}
.footnote-txt sup{color:#9FFF36;}

.ai-life-ep5-wrap button{font-family:'Pretendard Variable', 'Pretendard','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans','sans-serif';cursor:pointer;}
.ai-life-ep5-wrap section{padding:100px 0;}
.ai-life-ep5-wrap video{outline: none;border: 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}

.ani-txt { opacity: 0; position: relative; top: 30px; transition: all .4s .3s;}
.wrap-on .ani-txt{top:0 !important;opacity:1 !important;}
.ani-fade { opacity: 0; position: relative; transition: opacity .4s .3s;}
.wrap-on .ani-fade{opacity:1 !important; transition: opacity 1s .3s;}

.point-c{color:#9FFF36 !important;}
.point-w{color:#fff}
.linetxt{color:#F827AC; font-size:40px; font-weight:700; border-bottom:2px solid ;}
.roundtxt{padding:9px 40px; color:#333; font-size:20px; font-weight:500; background:#F1FA3B; border-radius:99px;}
.st-italic{padding-right:4px; font-style:italic;}

.st-italic.point-w{font-family: "Noto Serif KR", serif;}

.inner-bx-divide{display:flex;}

p.vs-txt{padding-top:35px; font-size:20px;}
p.vs-txt strong{display:block; padding-bottom:0.5em;font-size:24px;}

.vtxt2{font-size:82px; text-align:center;font-weight:800;}
.vtxt2 img{max-width:calc(100% - 780px);padding:0 20px; vertical-align:middle;}

.half-wrapper { position: relative; z-index: 5; flex-direction: column; grid-template-rows: auto; grid-template-columns: 40% 10% 40%; grid-auto-columns: 1fr; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex; overflow: hidden;}
.half-wrapper .inner-bx-half {display: flex; padding-top: 5em; padding-bottom: 5em; position: relative; }
.ai-life-ep5-03 > article:nth-child(even) .inner-bx-half {flex-direction: row-reverse}

/* SECTION01 */
.page-tit{display: inline-block; color: #333; font-size:44px; font-weight:500;}
.page-tit *{vertical-align:middle;}
.page-tit strong{padding-left:0.5em; color:#9FFF36; font-size:44px; }
.page-tit em{padding:10px 30px; color:#000; font-size:28px; background: #9FFF36; border-radius: 99px;}
.ai-life-ep5-01 {padding:0 !important; color:#fff; background:#1C082C;}
.ai-life-ep5-01{position: relative;}

.ai-life-ep5-01 .img-main-01{overflow:hidden; position: relative; }
.ai-life-ep5-01 .img-main-01 > article{position:absolute; top: 0; width: calc(100% - 40px); z-index:2; padding:110px 0;}
.ai-life-ep5-01 .img-main-01 .vimg{position:absolute; top: 0; z-index:1; left:50%; transform:translateX(-50%);}
.ai-life-ep5-01 .img-main-01 > article + img.img-main-01-pc{position: relative; left:50%; transform:translateX(-50%);}
.ai-life-ep5-01 h2{margin: 80px 0 0; color: #fff;font-weight: 800; letter-spacing: -1px; }
.ai-life-ep5-01 h2 p{font-size:90px; line-height:1.3;}
.ai-life-ep5-01 h2 .t1 span{position: relative;display: inline-block; font-size: 85px; line-height: 1.2; z-index: 1;}
.ai-life-ep5-01 h2 .t2 span{position: relative;display: block; font-size: 130px;line-height: 1.2;z-index: 3;}
.ai-life-ep5-01 h2 .t1 img{position: relative;z-index:2; margin: -20px -80px -100px -30px;}
.ai-life-ep5-01 h2.ani1 span{ opacity: 0; transition: all 0.2s; animation : tit-ani 0.6s ease forwards;}
.ai-life-ep5-01 h2.ani1 span{animation-delay: 0.1s;animation-duration: 0.5s;}

.vani{opacity: 0; animation : tit-ani 0.6s ease forwards; animation-delay: 0.7s;}
.vani1{opacity: 0; animation : tit-ani 0.6s ease forwards; animation-delay: 0.9s;}
.vani2{opacity: 0; animation : tit-ani 0.6s ease forwards; animation-delay: 0.5s;}

.flow-banner{overflow: hidden;display:flex; padding:30px 0; color:#000; background:#F827AC}
.flow-banner p  {display: flex;white-space: pre;}
.flow-banner p > *{white-space: nowrap;padding-right:20px; font-size:20px;}
@keyframes flowRolling {
	0% {transform: translateX(0);}
	100% {transform: translateX(-100%);}
}
@keyframes flowRollingRev {
	0% {transform: translateX(-100%);}
	100% {transform: translateX(0);}
}

@keyframes rotate {
  from {
    opacity: 0;
    transform: rotate(320deg);
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}

@keyframes tit-ani {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes tit-ani-fade {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes tit-ani2 {
    from{
        opacity: 0;
        transform:translateY(-40px);
    }
    to{
        opacity: 1;
        transform:translateY(0);
    }
}
@keyframes scrollAni {
	0% {
		transform:  translateY(-5px);
	}
	50% {
		transform: translateY(5px);
	}
	100% {
		transform:  translateY(-5px);
	}
}

.ai-life-ep5-05 .inner-bx-half{display: flex; align-items: center;}
.inner-bx h3 img{margin-top:-4px; vertical-align:middle;}
.inner-bx-half h3{}
.inner-bx-half h3 p{margin:0.5em 0; font-size: 65px; font-weight: 700; letter-spacing: -0.01em; line-height:1.3;}
.inner-bx-half h3 strong{display:block;font-size: 32px; font-weight: 500; }

.btn-link-bx{display:inline-block;}
.btn-link-bx a{display:block;}

section.ai-life-ep5-02{position: relative; background:#000 url('../images/bg-pattern-con2.jpg') 50% / cover no-repeat;}
.ai-life-ep5-02 article:nth-child(2){position: relative;}
.ai-life-ep5-02 .inner-bx{overflow:hidden; opacity:0;top:100px;transition: all 0.2s; text-align:center;}
.ai-life-ep5-02.wrap-on .inner-bx {position:relative;top:0;opacity:1;transition: top 0.5s 0.0s; z-index:1;}
.ai-life-ep5-02 .inner-bx > article{padding:40px 0 80px;}
.ai-life-ep5-02 .inner-bx > article:first-child{color:#fff;}
.ai-life-ep5-02 .inner-bx > article.cont2{position:relative; /*overflow:hidden;*/}
.ai-life-ep5-02 .cont1 h3 > p{padding-top:1em; color:#999; font-size:40px; font-weight:500; line-height:1.4;}
.ai-life-ep5-02 .cont1 .txt-bx{padding-top:30px; font-size:24px;}
.ai-life-ep5-02 .cont1 .txt-bx p{font-size:24px;}
.ai-life-ep5-02 .cont2{text-align:left; color: #EEE; font-size: 20px; font-weight: 600;}
.ai-life-ep5-02 .cont2 h3{position:relative; margin-bottom:60px;}
.ai-life-ep5-02 .cont2 h3 p{font-size: 20px;}
.ai-life-ep5-02 .cont2 h3 strong{color: #9FFF36; font-size: 44px; font-weight: 800;}
.ai-life-ep5-02 .cont2 h3:after{content:''; display:block; position:absolute; right:0; bottom:12px; width:calc(100% - 260px); border-bottom:1px solid rgba(255, 255, 255, 0.30);}
.ai-life-ep5-02 .cont2 .list-bx ul{display:flex; justify-content: space-between;}
.ai-life-ep5-02 .cont2 .item{overflow:hidden; display:inline-block; border-radius: 30px; background: rgba(0, 0, 0, 0.80); border:1px solid transparent; background-origin: border-box; background-clip: content-box, border-box; cursor:pointer; margin:0 20px;}
.ai-life-ep5-02 .cont2 .item.item01{background-image:linear-gradient(#000, #000),linear-gradient(48deg, #17FEFE 0%, #015088 100%);}
.ai-life-ep5-02 .cont2 .item.item02{background-image: linear-gradient(#000, #000), linear-gradient(48deg, #F95A54, #4E71FE, #001B30);}
.ai-life-ep5-02 .cont2 .item.item03{background-image: linear-gradient(#000, #000), linear-gradient(48deg, #B9C9FF, #FFFFFF33, #A47EFE);}
.ai-life-ep5-02 .cont2 .item img{width:100%;}
.ai-life-ep5-02 .cont2 .item dl{padding:40px; background:url('../images/ico-play.svg') right 40px top 50% no-repeat;}
.ai-life-ep5-02 .cont2 .item dl dt strong{font-size: 36px; font-weight: 800;}
.ai-life-ep5-02 .cont2 .item dl dt p{color: #DDD; font-size: 24px; font-weight: 700;}
.ai-life-ep5-02 .cont2 .item dl dd{color: #999; font-size: 20px; font-weight: 500;}


.button-prev{position:absolute; left:-30px; top:50%; width:30px; height:40px; border:0; z-index:9; background: url('../images/ico-button-prev.svg') 0 50% no-repeat;}
.button-next{position:absolute; right:-30px; top:50%; width:30px; height:40px; border:0; z-index:9; background: url('../images/ico-button-next.svg') 100% 50% no-repeat;}
.slide-list-bx *{user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; outline:none;}

.slide-list-bx li div{overflow:hidden; border-radius: 20px; border:1px solid transparent;
background-image:linear-gradient(#000, #000),linear-gradient(150deg, #F1FA3B 0%, rgba(255,255,255,0) 100%); background-origin: border-box;
background-clip: content-box, border-box; line-height:0; cursor:pointer;}
.slide-list-bx li img{transition: transform 0.3s;}
.slide-list-bx li:hover img{transform: scale(1.05);}
.slide-list-bx li:nth-child(odd) div{background-image:linear-gradient(#000, #000),linear-gradient(0deg, #F1FA3B 0%, rgba(255,255,255,0) 90%);}
.slide-list-bx li img{width:100%; line-height:0;}
.slide-list-bx .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#F1FA3B; }
.slide-list-bx .swiper-pagination-progressbar{overflow:hidden; background:#414141; border-radius: 4px;}

.slide-list-bx .swiper-scrollbar{bottom:auto; top:0; left:0 !important; width:100% !important; background:#414141;}
.slide-list-bx .swiper-scrollbar-drag{background:#F1FA3B;}

.bxhidden-bx{position: absolute; z-index:-1; opacity:0;}

@media screen and (max-width: 1500px) {
	.ai-life-ep5-02 .cont2 .item{margin:0 10px;}
	.ai-life-ep5-02 .cont2 .item dl{padding:20px 20px 30px; background-position: right 20px top 50%; background-size:44px;}
	.ai-life-ep5-02 .cont2 .item dl dt strong{font-size: 30px;}
	.ai-life-ep5-02 .cont2 .item dl dt p{font-size: 20px;}
	.ai-life-ep5-02 .cont2 .item dl dd{font-size: 16px;}

}
@media screen and (min-width: 1081px) {
	.ai-life-ep5-02 .cont2 .item{flex:1; }
}

.ai-life-ep5-02 .inner-bx-half{position:relative;justify-content: space-between;align-items: center}
.ai-life-ep5-02 .inner-bx-half > article {width:50%;}
.ai-life-ep5-02 .inner-bx-half .cont1{position:relative; left:calc(50% - 720px);}
/* .ai-life-ep5-02 .inner-bx-half .cont2 .video-wrap{position:relative;padding:73% 0 0 0;} */
.ai-life-ep5-02 .inner-bx-half .cont2{overflow:hidden;border-radius:20px 0 0 20px;line-height:0;}
.ai-life-ep5-02 .inner-bx-half .cont2 video{/* position:absolute;top:0;left:0;*/width:130%;height:100%;}

.ai-life-ep5-02 .toggle-bx{height:0vh;overflow:hidden;position: relative;  margin-top:80px; border-radius:20px;background: #fff;transition: opacity 0.3s;}
.ai-life-ep5-02 .toggle-bx.active{height:auto;padding:60px;border: 1px solid #999;opacity:1;}
.ai-life-ep5-02 .toggle-bx h4{margin-bottom:1.2em;font-size: 30px; font-weight: 600; }
.ai-life-ep5-02 .toggle-bx > div{display:flex;justify-content: space-between;}
.ai-life-ep5-02 .toggle-bx > div figcaption{margin-left:60px;}
.ai-life-ep5-02 .toggle-bx > div figcaption p + p{margin-top:1em;}
.ai-life-ep5-02 .toggle-bx button,
.popup-wrap-close{position: absolute; right:-20px; top:10px; width:32px; height:32px; border: none;background:url('../images/ico-close.svg') 50% no-repeat;transition: 0.2s ease;border-radius:50%;text-indent:-9999em;z-index:9;}
.ai-life-ep5-02 .toggle-bx > div figure img{border-radius: 20px;}

.report-link{display:none;position: absolute;}


/* SECTION03 01~04 */
section.ai-life-ep5-03{position: relative; padding-top:0; background:#eee url('../images/bg-pattern-con3.jpg') 50% 0 / cover no-repeat;}
.ai-life-ep5-03 img{max-width: 100%;}
.ai-life-ep5-03 .bx-step3 img{margin-left:-60px;}

.article-how-to{text-align:center; }
.article-how-to .inner-bx h3 > div{padding-top:2em; }
.article-how-to .inner-bx h3 .ptxt{display:inline-block; color:#999; font-size:40px; font-weight:500; line-height:1.4;}
.article-how-to .inner-bx h3 .ptxt strong{color:#000;}
.article-how-to .inner-bx .txt-bx{padding-top:30px; font-size:20px;}
.article-how-to .txt-bx p{font-size:20px;}

.ai-life-ep5-03 > article[class ^="article-0"]::after{content:'';z-index:-1;}

.ai-life-ep5-03 .article-04 img{/*animation: scrollAni 3s ease-in-out infinite;*/}
.ai-life-ep5-03 .inner-bx-half{min-height:550px;justify-content: space-between;}
.ai-life-ep5-03 > article{position:relative;padding:150px 0;}
.ai-life-ep5-03 .half-wrapper > article:nth-child(odd) .inner-bx-half{flex-direction: row-reverse;}
.ai-life-ep5-03 figure video{width:100%;height:100%;}
.ai-life-ep5-03 dl,
.ai-life-ep5-03 figure {width:100%; text-align:left;}
.ai-life-ep5-03 dl{padding:0 30px; word-break: keep-all;}
.ai-life-ep5-03 dl dt{position: relative;opacity: 0; transition: all .8s .2s;}
.ai-life-ep5-03 dl dt:before{content:''; display:block; width:110px; height:80px; margin:0 0 20px;}
.article-01 dt:before{background: url('../images/ico-step01.png') 50% / 100% no-repeat;}
.article-02 dt:before{background: url('../images/ico-step02.png') 50% / 100% no-repeat;}
.article-03 dt:before{background: url('../images/ico-step03.png') 50% / 100% no-repeat;}

.ai-life-ep5-03 dl dt strong{position: relative;display: inline-block; padding:2px 0; color:#111; font-size: 14px;font-weight: 700; line-height: 1; border-bottom:2px solid;}

.ai-life-ep5-03 .wrap-on .inner-bx dt{opacity: 1; }
.ai-life-ep5-03 dl dt span{position: relative; display: block; margin-top:20px; font-size: 50px; font-weight: 700; letter-spacing: -0.56px; line-height: 1.2;}
.ai-life-ep5-03 dl dd{margin-top:28px;}
.ai-life-ep5-03 dl dd p + p{margin-top:1em;}

.bx-step1:after,
.bx-step3:after{content:''; position:absolute; display:block; }
.bx-step1:after{width:594px; height:656px; right:5%; background: url('../images/bg-artwork1.svg') no-repeat;}
.bx-step3:after{width: 855px; height: 595px; left:5%; top: -32%; background: url('../images/bg-artwork2.svg') no-repeat;}

/* SECTION05 Epilogue */
.ai-life-ep5-05{padding:150px 20px !important; /*transform:translateY(-50%);*/}
.ai-life-ep5-05 .inner-bx{color:#fff; max-width:1500px; padding:120px 20px; background-color: rgba(51, 51, 51, .1); border-radius:20px; backdrop-filter: blur(20px); border:1px solid rgba(255,255,255,0.4);}
.ai-life-ep5-05 .inner-bx > div{width:1200px; max-width:90%; margin:auto; text-align:center;}
.ai-life-ep5-05 .inner-bx > div{position:relative;}
.ai-life-ep5-05 .inner-bx > div h3 > strong{}
.ai-life-ep5-05 h3 > div{padding-top:1em;}
.ai-life-ep5-05 h3 > div p{display:inline-block; color:#999; font-size:40px; font-weight:500; line-height:1.4;}
.ai-life-ep5-05 h3 > div p strong{color:#000;}
.ai-life-ep5-05 .inner-bx .txt-bx{padding-top:30px; }
.ai-life-ep5-05 .inner-bx .txt-bx p{color:#333; font-size:24px; font-weight:500; line-height:1.3;}

.ai-life-ep5-05 .inner-bx > div .txt-bx p + p{margin-top:1em;}
.ai-life-ep5-05 .txt-bx + ol{counter-reset:list-number;margin-top:2.5em;color: #666; font-size: 16px;}
.ai-life-ep5-05 .txt-bx + ol li{position:relative;padding-left:1em;counter-increment:list-number;letter-spacing:-0.5px;}
.ai-life-ep5-05 .txt-bx + ol li:before{position:absolute;left:0;content:counter(list-number)')';}
.ai-life-ep5-05 .txt-bx + ol li span{font-size:0;color:transparent;}
.ai-life-ep5-05 .txt-bx + ol li + li{margin-top:0.5em;}
.ai-life-ep5-05 sup{font-size:0.7em;}

/* SECTION06 AI 메모리 더 알아보기 */
.ai-life-ep5-06{position: relative; padding:160px 0 240px; margin-top:-40px; border-radius:40px; background:#fff; z-index: 2;}
.ai-life-ep5-06 h2{padding:0 0 80px;font-size:40px;font-weight:700; text-align: center;}
.ai-life-ep5-06 figure{overflow: hidden; line-height: 0;border-radius: 20px 20px 0 0;}
.ai-life-ep5-06 figure img{max-width: 100%; transition: 0.3s ease-in-out;}
.ai-life-ep5-06 ul{display: flex;justify-content: space-between;margin:0 -16px;}
.ai-life-ep5-06 ul li{flex:1;margin:0 19px;}
.ai-life-ep5-06 li a{display:block;height:100%; color: #111; font-size: 22px; font-weight: 600; text-decoration: none;transition: all 0.3s ease-in-out;background: #F5F5F5;border-radius: 20px;}
.ai-life-ep5-06 li a:hover{color: #0000ee;}
.ai-life-ep5-06 li a:hover {box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2);}
.ai-life-ep5-06 li a:hover img{transform: scale(1.05);}
.ai-life-ep5-06 figcaption{padding: 30px 40px;}
.ai-life-ep5-06 figcaption p{line-height:1.5}
.ai-life-ep5-06 li a .btn-02{margin-top:2em;padding: 0 25px 0 30px; font-size: 20px; font-weight: 600; line-height: 2em;border: 1px solid #333; border-radius:99px; background: #fff;transition: 0.2s ease;}
.ai-life-ep5-06 li a .btn-02 *{transition: 0.2s ease;}
.ai-life-ep5-06 li a .btn-02 i{display:inline-block; width:20px; height:4px; margin:-3px 0 0 10px; background: url('../images/ico-arr-right-dark.svg') 50% no-repeat;vertical-align:middle;}
.ai-life-ep5-06 li a:hover .btn-02{color:#fff;background: #111;border-color:#111;}
.ai-life-ep5-06 li a:hover .btn-02 i{margin-left:15px;background-image: url('../images/ico-arr-right.svg');}

/* SECTION07  링크 */
section.ai-life-ep5-07{padding-top:0;padding-bottom:0;margin:60px;border-radius:20px; background: #F5F5F5;}
section.ai-life-ep5-07 .inner-bx{padding:140px 5%;}
.ai-life-ep5-07 li + li{margin-top:20px;}
.ai-life-ep5-07 li a{display:flex;padding:25px 60px;text-decoration: none;border: 1px solid #999; border-radius:99px;justify-content: space-between; transition: 0.2s ease;}
.ai-life-ep5-07 li a strong{color: #111; font-size: 30px; font-weight: 700; line-height: 1.6;letter-spacing: -0.5px; display: block;}
.ai-life-ep5-07 li a p{color: #111; font-size: 30px; font-weight: 700; }
.ai-life-ep5-07 li a button span{white-space:nowrap}
.ai-life-ep5-07 li a button{height:50px;font-size:22px;border:0;background:transparent;}
.ai-life-ep5-07 li a:hover{background: #fff;}
.ai-life-ep5-07 li a button i{ display:inline-block; width:50px; height:50px; margin-left:10px; margin-right:-50px; background:#111 url('../images/ico-arr-right-view.svg') 50% no-repeat;vertical-align:middle;border-radius:50%; opacity:0; transition: 0.4s ease;}
.ai-life-ep5-07 li a:hover button i{opacity:1;margin-right:0; }


.swiper-slide-active{border:0 solid red}
/* 팝업 */
.popup-wrap{position: fixed;top:0;left:0;right:0;bottom:0;width:auto;padding:0;background-color: rgba(0, 0, 0, .90);word-break: keep-all; z-index:-1; visibility: hidden;opacity:0;}
.popup-wrap.show{visibility: visible;z-index:999999; opacity:1; transition: opacity 0.2s ease;}
.popup-wrap .popup-inner{position:relative;display:flex;height:100%;align-items: center;justify-content: center;}
.popup-wrap .popup-inner .popup-inner-in{position:relative; text-align:center;}
.popup-inner .swiper-wrapper{align-items: center;}
.popup-inner article{max-width: 1500px;padding: 0;margin: 0 auto;}
.nosamsung .popup-inner-in .slide-langbx{width:100%; display: flex;text-align: center; justify-content: center;}

.popup-wrap .popup-inner img{max-width: 100%; }
.popup-wrap .img-thumb .swiper-slide {position:relative; width: 33%; display:flex; padding:0;text-align:center; }
.popup-wrap .img-thumb .swiper-slide img{position:relative;/*transition: .2s ease;*/}
.popup-wrap .img-thumb .swiper-slide .player-wrap *{transition: .3s;}
.popup-wrap .img-thumb .swiper-slide:not(.swiper-slide-active) .video-wrap{ transform:scale(0.9); pointer-events: none;}
.popup-wrap .img-thumb .swiper-slide:not(.swiper-slide-active) .video-wrap:before{content:'';position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.7); z-index:11;}
.popup-wrap .img-thumb .swiper-slide:not(.swiper-slide-active) .video-wrap:after{content:''; position:absolute; width:40px; height:40px; bottom:9.5%; left:50%; transform:translate(-50%, -50%); background: url('../images/ico-video-pause.png') 50% / auto 100% no-repeat;}


.popup-wrap .img-thumb .swiper-slide .player__button{position:absolute; width:40px; height:40px; bottom:9.5%; left:50%; transform:translate(-50%, -50%); opacity:0; pointer-events: none; background-color:transparent; cursor:pointer; border:0;}

.popup-wrap .img-thumb .swiper-slide.swiper-slide-active .player__button{  z-index:3; opacity:1; pointer-events: auto; transition: opacity 1s ease; background: url('../images/ico-video-pause.png') 50% / auto 100% no-repeat; background-size:40px;}
.popup-wrap .img-thumb .swiper-slide.swiper-slide-active .player__button.ico-play{ background: url('../images/ico-video-play.png') 50% / auto 100% no-repeat; }

.popup-wrap .img-thumb .swiper-slide .player__volume{position:absolute; left:20px; bottom:30px; width:40px; height:30px; border:0; font-size:0;  pointer-events: none; background-color:transparent; opacity:0;}

.popup-wrap .img-thumb .swiper-slide.swiper-slide-active .player__volume{background: url('../images/ico-vol.png') 50% / auto 100% no-repeat; cursor:pointer; pointer-events: auto; opacity:1; transition: opacity 1s ease;}
.popup-wrap .img-thumb .swiper-slide.swiper-slide-active .player__volume.muted{background-image: url('../images/ico-vol-mute.png');}

.popup-wrap .img-thumb .swiper-slide .viewer{width:100%;}

.popup-wrap .swiper-wrapper {}
.popup-wrap .slide-btn-wrap{position: absolute;bottom:0;width:100%;display:flex;justify-content: center;align-items: center;}
.popup-wrap .button-next, 
.popup-wrap .button-prev{position: absolute;top:50%; margin-top:-20px;width:40px;height:40px;border-radius:50%;border:none; /*transition: .2s ease-in-out;*/ z-index:99;}
.popup-wrap .btn-p-next{display:flex;width:900px;max-width:70%;margin:0 auto;justify-content: space-between;}
.popup-wrap .btn-p-next button{margin:0 7px;}
.popup-wrap button.button-next{right:20px;background: url('../images/ico-slider-arr-next.png') 50% / 100% no-repeat;}
.popup-wrap button.button-prev{left:20px;background: url('../images/ico-slider-arr-prev.png') 50% / 100% no-repeat;}
.popup-wrap button.button-next.swiper-button-disabled{opacity:.35;}
.popup-wrap button.button-prev.swiper-button-disabled{opacity:.35;}
.popup-wrap button.button-next:hover{background-image: url('../images/ico-slider-arr-next-hover.png'); background-color:#fff;}
.popup-wrap button.button-prev:hover{background-image: url('../images/ico-slider-arr-prev-hover.png'); background-color:#fff;}

.player-wrap{position:relative;}


.popup-wrap .img-thumb .swiper-slide.swiper-slide-active .viewer{cursor: pointer;}
.popup-wrap .img-thumb .swiper-slide .video-wrap{position: relative;}
.popup-wrap .img-thumb .swiper-slide .video-wrap img{position: absolute; left: 0; top: 0; z-index: -1;}
.mv-list-m{padding-bottom:20px;}
.swiper-container-horizontal>.swiper-pagination-progressbar{top:auto; bottom:0;}

.viewer{ width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center;}/*비디오를 해당 크기의 세로정렬 가운데를 위해 */ 
video[poster]{height:100%; width:100%; } /* 포스터 이미지의 크기를 비디오 영상에 꽉차도록 */
@media screen and (min-width: 1081px) {
	.mv-list-mblock .button-prev, .mv-list-mblock .button-next{display:none;}
}
@media screen and (max-width: 1080px) {
	.mv-list-mblock .button-prev{position:absolute; left:-13px;top:50%; width:40px;height:40px;border:0;z-index: 999999; border-radius:50%; background:rgba(0,0,0,.4) url('../images/ico-button-prev.svg') 12px 50% / 10px no-repeat;}
	.mv-list-mblock .button-next{position:absolute; right:-13px; top:50%; width:40px; height:40px; border:0; z-index:9; border-radius:50%; background: rgba(0,0,0,.4) url('../images/ico-button-next.svg') 16px 50% / 10px no-repeat;} 
}


@media screen and (min-width: 1501px) {
	.inner-bx{width: 1550px; max-width:100%;}
}

@media screen and (max-width: 1500px) {
	.inner-bx{width: 100%; max-width:1550px;}
	.vani img{max-width:100%;}
	.vtxt2{font-size:64px;}


	/* SECTION02 Mission */
	.ai-life-ep5-02 .inner-bx-half{align-items: center;}
	.ai-life-ep5-02 .inner-bx-half .cont1{left: 20px;}
	.ai-life-ep5-02 .inner-bx-half > article.cont1{width:calc(45% - 20px);}
	.ai-life-ep5-02 .inner-bx-half > article.cont2{width:calc(55% - 20px);}

	.ai-life-ep5-02 .inner-bx-half > article video{width:100%; }
	.ai-life-ep5-02 .inner-bx-half .cont1 h3 p{font-size: 55px;}
	.ai-life-ep5-02 .inner-bx-half .cont1 .txt-bx br{display:none;}
	.ai-life-ep5-02 .toggle-bx{margin:80px 20px 0;}
	.ai-life-ep5-02 .toggle-bx > div figure{width:40%;}
	.ai-life-ep5-02 .toggle-bx > div figcaption{width:60%;}
	.ai-life-ep5-02 .toggle-bx > div figure img{width:100%;}

}

@media screen and (max-width: 1300px) {
	.mv-list ul li span{font-size:28px; }
	.mv-list ul li p{font-size:32px; }
	.ai-life-ep5-wrap p{font-size :18px;}

	.vtxt2 img{max-width:calc(100% - 680px);}


}

@media screen and (min-width: 1081px) {
	.m-block, .mv-list-mblock{display: none;}
	.pc-block{display: block;}
	.img-main-01-pc{display: block;}
	.img-main-01-m, 
	.ai-life-ep5-03 dl dt span br{display:none;}
}

/* 팝업 - 태블릿 Tablet */
@media screen and (max-width: 1080px) {
	.m-block{display: block;}
	.pc-block, .mv-list-pc{display: none;}

	.slide-list-bx .swpier-wrapper {transition-timing-function: linear;}
	.slide-list-bx .swiper-pagination {transition:none; transform:translate3d(0,0,0);}
	.begin-again-wrap > section{padding:60px 0;}
	.ai-life-ep5-wrap p,
	.ai-life-ep5-05 .inner-bx .txt-bx p,
	.article-how-to .txt-bx p,
	.ai-life-ep5-02 .cont1 .txt-bx p{font-size :18px;}
	.inner-bx-half h3 strong{font-size: 28px;}
	.ai-life-ep5-wrap section.ai-life-ep5-01{display: block;}
	.ai-life-ep5-01 h2{font-size :36px; line-height: 1;}
	.page-tit strong{font-size: 20px; font-weight:400;}
	.page-tit em{padding:7px 20px; font-size:18px;}

	.ai-life-ep5-wrap section.ai-life-ep5-01{position:relative; background:#000;}
	.ai-life-ep5-01 .inner-bx{width:100%;}

	.img-main-01-pc{display: none;}
	.img-main-01-m{display: block; width:100%;}
	.ai-life-ep5-01 .img-main-01{position:relative; left:0; width:100%; padding: 0; max-width:inherit; transform:none;}
	.ai-life-ep5-01 .img-main-01 article{position: static; padding: 0 20px;}
	.ai-life-ep5-01 .img-main-01 .vimg{display:none;}
	.ai-life-ep5-01 .img-main-01 .page-tit{position:absolute; top: 80px;}
	.ai-life-ep5-01 .img-main-01 .page-tit h2{margin:0;}
	.ai-life-ep5-01 .img-main-01 .vtxt2{display:none;}
	.ai-life-ep5-01 .img-main-01 .vs-txt{position:absolute; bottom: 60px;}
	.ai-life-ep5-01 .img-main-01 .img-rythm{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); opacity: 0; animation: tit-ani 0.6s ease forwards; animation-delay: 0.9s;}
	.ai-life-ep5-01 .img-main-01 .img-rythm img{max-width:calc(100% - 40px);}
	.flow-banner{padding:20px 0;}
	.flow-banner p > *{padding-right:10px; font-size:12px;}

	
	/* SECTION01 */
	.ai-life-ep5-02 .inner-bx > article{padding-left:0; padding-right:0;}
	.ai-life-ep5-wrap section.ai-life-ep5-01 {min-height:auto;padding:0;background-size:cover;}
	.ep2-01-btn{margin:50px 0 100px;}
	.ep2-01-btn span{display:inline-block;padding:0 40px;font-size:26px;}
	.ai-life-ep5-01 .txt-bx{font-size: 30px;}
	.ai-life-ep5-01 h2 .t2 span{font-size:90px;}
	.ai-life-ep5-01 h2 .t1 span{font-size:65px;}
	.ai-life-ep5-01 h2 .t1 img{zoom: 0.7;}

	/* SECTION02 Mission */
	section.ai-life-ep5-02{position: relative; padding-top:0; text-align:left;}
	.article-how-to{background:none;}
	.article-how-to .txt-bx p br{display:none;}
	.ai-life-ep5-02 .inner-bx{overflow:hidden; }
	.ai-life-ep5-02 .cont1 h3 .linetxt{font-size: 20px;}

	.ai-life-ep5-02 .inner-bx > article:first-child{display:block;text-align: left;}
	.ai-life-ep5-02 .inner-bx-divide .txt-bx{margin:20px 0 0;word-break: keep-all;}
	.ai-life-ep5-02 .inner-bx > article:first-child br{display:none;}
	/* .ai-life-ep5-02 .toggle-bx{margin-top:20px; border-radius:10px;} */
	.ai-life-ep5-02 .toggle-bx.active{height:auto;padding:30px;border: 1px solid #999;opacity:1;}
	.ai-life-ep5-02 .toggle-bx h4{padding-right:40px;font-size: 25px;word-break: keep-all;}
	.ai-life-ep5-02 .toggle-bx h4 span{display:inline-block;}
	.ai-life-ep5-02 .toggle-bx > div{display:block;}
	.ai-life-ep5-02 .toggle-bx > div figure{width:100%;}
	.ai-life-ep5-02 .toggle-bx > div figcaption{width:100%;margin-left:0;margin-top:2em;}
	.ai-life-ep5-02 .toggle-bx > div figure img{width:100%;}
	.ai-life-ep5-02 .toggle-bx button {right: 20px;top: 20px;width: 40px;height: 40px;background-size: 50%;}

	.ai-life-ep5-02 .inner-bx > article:last-child .slide-list-bx{padding: 25px 10px 50px;}
	.ai-life-ep5-02 .cont2 h3{position:relative; margin-bottom:20px;}
	.ai-life-ep5-02 .cont2 h3 p{font-size: 14px;}
	.ai-life-ep5-02 .cont2 h3 strong{font-size: 28px; font-weight: 800;}
	.ai-life-ep5-02 .cont2 h3:after{width:calc(100% - 170px);}
	.ai-life-ep5-02 .cont2 .item{margin:0; border-radius: 20px;}
	.ai-life-ep5-02 .cont2 .item dl{background-size:36px;}
	.ai-life-ep5-02 .cont2 .item dl dt strong{font-size: 23px;}
	.ai-life-ep5-02 .cont2 .item dl dt p{font-size: 14px;}
	.ai-life-ep5-02 .cont2 .item dl dd{font-size: 13px;}
	

	.slide-list-bx .swiper-pagination-bullet{background:#b7af3c;}
	.slide-list-bx .swiper-pagination-bullet-active{background:#111;}
	.mv-list.slide-list-bx .swiper-slide:after{filter: brightness(0.5);}
	.mv-list.slide-list-bx .swiper-slide p{font-size:32px; }
	.mv-list.slide-list-bx ul li.swiper-slide-active span{color:#fff; transition: all 0.2s;}
	.mv-list.slide-list-bx ul li.swiper-slide-active p{color:#fff; transition: all 0.2s;}
	.mv-list.slide-list-bx ul li.swiper-slide-active strong{background:#9FFF36; transition: all 0.2s;}

	.popup-wrap-close{position: absolute; width:30px;height:30px; right:0; top:0; border: none;background-size:60%;}
	.nosamsung .popup-wrap-close{right:20px; top:20px;}
	.popup-inner-in img{height:auto !important;}
	.thumb-bx{display: flex; align-items: center;}
	.popup-inner-in li.swiper-slide div{display: flex; align-items: center;}


	.popup-wrap .img-thumb .swiper-slide {width: 80%;}
	.popup-wrap .img-thumb .swiper-slide.swiper-slide-active .player__volume{bottom:25px; background-position:0 100%; background-size:auto 20px;}
	.popup-wrap .img-thumb .swiper-slide.swiper-slide-active .player__button{bottom: 11%;}



	.ai-life-ep5-02 .toggle-bx button:hover,
	.popup-wrap-close:hover{background-image: url('../images/ico-close.svg');}
	.btn-01{width:100%;margin-top:2em;padding: 5px 20px 5px 25px; font-size: 16px;}
	.ai-life-ep5-02 .toggle-bx{margin-top:40px;border: 1px solid #999;border:none;}
	.ai-life-ep5-02 .toggle-bx > div figure img{border-radius: 10px;}
	.btn-link-bx{display: flex;justify-content: center;}
	.btn-link-bx a{display:inline-block;text-align:center;}

	/* SECTION03 01~04 */
	section.ai-life-ep5-03{padding-bottom:0; box-shadow:none; border-radius:0; background:#eee url('../images/bg-pattern-con3-m1.jpg') 50% 0 / cover no-repeat;}
 	section.ai-life-ep5-03 .ai-life-ep5-05{background: url('../images/bg-pattern-con3-m2.png') 50% 0 / cover no-repeat;}
  .ai-life-ep5-03:after{display:none}
	.ai-life-ep5-03 .inner-bx-half{position: relative; display:block;min-height:550px; justify-content: space-between;}
	.ai-life-ep5-03 > article{padding:100px 0;}
	
	.ai-life-ep5-03  article + article{padding:0 0 0;}
	.ai-life-ep5-03 > article:nth-child(odd) .inner-bx-half{flex-direction: row-reverse;}
	.ai-life-ep5-03 figure{width:100%; margin-top:0;}
	.ai-life-ep5-03 figure img{width:100%;}
	.ai-life-ep5-03 dl {width:auto; padding-top:5px; padding-left:0; padding-right:0;}
	.ai-life-ep5-03 dl dt{}
	.ai-life-ep5-03 dl dt strong{}
	.ai-life-ep5-03 dl dt span{font-size: 40px;}
	.ai-life-ep5-03 dl dd{margin-bottom:20px; text-align:left;}
	.ai-life-ep5-03 dl dd br{display:none;}
	.ai-life-ep5-03 .bx-step2 img{width:calc(100% + 40px); max-width:fit-content;}
	.ai-life-ep5-03 .bx-step3 img{margin-left:-20px;}

	.ai-life-ep5-02 .cont1 h3 > p,
	.article-how-to .inner-bx h3 .ptxt,
	.ai-life-ep5-05 h3 > div p{display:block; font-size:32px;}
	.article-how-to h3 img{width: 200px;}
	.ai-life-ep5-02 .cont1 h3 > p img,
	.article-how-to .inner-bx h3 .ptxt img,
	.ai-life-ep5-05 h3 > div img{width:32px;}

	.ai-life-ep5-03 > article[class ^="article-0"]::after{width: 40vw;height: 40vw;;}

	.bx-step1:after{width:100vw; height:120vw; right:-35%; top:-10%; background-size:100%;}
	.bx-step3:after{width: 100vw; height: 120vw; left:20%; top: 20%; background-size:100%;}


	.popup-wrap .popup-inner .popup-inner-in{display:flex;align-items: center;}

	.ifsamsung .popup-inner-in *:not(.popup-wrap-close){height:auto;}


	.half-wrapper{margin-top:40px; background-size: 80%;}
	.half-wrapper .inner-bx-half{padding-top:2em; padding-bottom:2em;}
	.half-wrapper{display:flex;}
	.half-wrapper .inner-bx{padding-left:20px;}
	.half-wrapper .inner-bx{display:flex;flex-wrap: wrap;align-items: flex-start; flex-direction: column-reverse;}
	.half-wrapper .inner-bx > *{width:100%;}
	.half-wrapper .inner-bx figure{margin-bottom:2em}
	.half-wrapper .article-02 .inner-bx, 
	.half-wrapper .article-04 .inner-bx{flex-direction: column}


	/* SECTION05 Epilogue */
	.ai-life-ep5-03:before{width:40%;}
	.article-how-to{text-align: left; }

	.ai-life-ep5-05{padding:80px 20px 80px !important;}
	.ai-life-ep5-05 .inner-bx > div{text-align: left;}
	.ai-life-ep5-05 .inner-bx > div br{display: none;}
	.ai-life-ep5-05 .inner-bx > div br:nth-child(7){display:block;}
	.ai-life-ep5-05 .inner-bx > div span{display:block;  padding-bottom:1em;}
	.ai-life-ep5-05 .inner-bx{padding: 50px 0; border-radius: 20px;}
	.ai-life-ep5-05 .inner-bx-half h3 p{font-size: 40px;}
	.ai-life-ep5-05 .inner-bx > div h3 > strong{font-size: 20px;}
	.ai-life-ep5-05 .txt-bx + ol{font-size: 14px;}

	/* SECTION06 AI 메모리 더 알아보기 */
	.ai-life-ep5-06{border-radius: 20px;}
	.ai-life-ep5-06 h2{padding:0 0 80px;font-size:40px;font-weight:700; text-align: center;}
	.ai-life-ep5-06 figure{overflow: hidden; line-height: 0;border-radius: 10px 10px 0 0;}
	.ai-life-ep5-06 figure img{width: 100%;}
	.ai-life-ep5-06 ul{display: block;margin:0;}
	.ai-life-ep5-06 ul li{padding:0;margin:0;}
	.ai-life-ep5-06 ul li + li{padding:2em 0 0;}

	/* SECTION07  링크 */
	section.ai-life-ep5-07{margin:0;border-radius:0;}
	section.ai-life-ep5-07 .inner-bx{padding:50px 5%;}
	.ai-life-ep5-07 li + li{margin-top:20px;}
	.ai-life-ep5-07 li + li{margin-top:20px;}
	.ai-life-ep5-07 li a{position: relative; padding:25px 60px;align-items: center;  border-color: #111;background-color: #111;}
	.ai-life-ep5-07 li a strong,
	.ai-life-ep5-07 li a p{display: none; font-size: 26px;}
	.ai-life-ep5-07 li a button span{color:#fff;font-size: 22px;font-weight: 500; }
	.ai-life-ep5-07 li a button i{position: absolute; right: 60px; top:50%; opacity:1; width:30px; height:30px; margin: -15px 0 0 0; background:#fff url('../images/ico-arr-right-view-on.svg') 50% / 7px no-repeat;}
	.ai-life-ep5-07 li a:hover{border-color: #111;background-color: #fff;}
	.ai-life-ep5-07 li a:hover button i{background:#111 url('../images/ico-arr-right-view.svg') 50% / 7px no-repeat;}
	.ai-life-ep5-07 li a:hover button span{color:#111;}
	.ai-life-ep5-07 li a button{height:30px;margin:0;font-size:20px;}
	.li-btn-tit{padding: 0 0 20px; font-size: 26px; font-weight: 700; text-align: center;}
}

@media all and (min-width: 769px) {
  .video-wrap video{height: inherit;}
  .ai-life-ep5-01 p.vs-txt strong br{display:none}
  .popup-wrap-close-m{display:none;}
  .player__volume-m{display:none;}
}

/* Mobile */
@media all and (max-width: 768px) {
	.begin-again-wrap > section{padding:30px 0;}
	.ai-life-ep5-wrap section{padding:60px 0 20px;}
	.ai-life-ep5-wrap p,
	.article-how-to .txt-bx p,
	.ai-life-ep5-02 .cont1 .txt-bx p,
	.ai-life-ep5-05 .inner-bx .txt-bx p{font-size:14px;}
	.footnote-txt{font-size:13px !important;}
	.ai-life-ep5-wrap p.note-txt{font-size:13px;}
	.ai-life-ep5-wrap p.note-txt br{display:none;}
	.ai-life-ep5-wrap .txt-bx p br{display:none;}
	.ai-life-ep5-02:after {top:-20vw;}

	/* SECTION01 */
	.ai-life-ep5-wrap section.ai-life-ep5-01 {position:relative; padding:0;}
	.ep2-01-btn{margin:30px 0 80px;}
	.ep2-01-btn span{display:inline-block;padding:5px 40px;font-size:14px;}
	.ai-life-ep5-01 .txt-bx{font-size: 20px; line-height: 1.6; word-break: keep-all;}
	.ai-life-ep5-01 .txt-bx span br{display: none;}
	.ai-life-ep5-01 h2 .t1 span{font-size:45px;}
	.ai-life-ep5-01 h2 .t2 span {font-size: 70px}
	.vani4{top:1350px; right: 30px; left: auto;transform: none;}
	.ai-life-ep5-01 h2 .t1 img {zoom: .4;}
	.ai-life-ep5-01 p.vs-txt, 
	.ai-life-ep5-01 p.vs-txt *{font-size:15px;}
	.ai-life-ep5-01 h2 + p strong{}

	.inner-bx-half h3 strong{font-size: 28px;}
	.page-tit em{padding:6px 12px; font-size:14px;}

	.vtxt1{top:70px;}
	.vtxt2{bottom:14%;}
	p.vs-txt{font-size:12px !important; line-height:1.4;}
	p.vs-txt strong{font-size:14px !important;}

	/* SECTION02 Mission */
	section.ai-life-ep5-02{padding-top:0;}
	.ai-life-ep5-02 .inner-bx-half .cont1 h3 p{font-size: 25px;}
	.ai-life-ep5-02 .inner-bx-half > article.cont1 h3{}
	.ai-life-ep5-02 .inner-bx-half > article.cont2{top: 200px;}
	.ai-life-ep5-02 h3 p{line-height:1.4;}
	.article-how-to h3 p, .ai-life-ep5-05 h3 > div p{font-size: 25px !important; }
	.ai-life-ep5-02 h3 > p{font-size: 32px;}
	.ai-life-ep5-02 .inner-bx > article{padding-bottom:0;}

	.mv-list.slide-list-bx ul li .btn-popup{pointer-events: none;}
	.mv-list.slide-list-bx ul li.swiper-slide-active .btn-popup{pointer-events: auto;}
	.mv-list.slide-list-bx ul li span{font-size:6vw;}
	.mv-list.slide-list-bx .swiper-slide p{font-size:7.1vw;}
	.mv-list ul li strong{width:auto;font-size:5vw;}

	.popup-wrap{}
	.popup-wrap .btn-p-next{max-width:100%;}
	.popup-wrap .btn-p-next button{margin:0 7px;}
	.popup-wrap .btn-p-next button.button-next{background-size:40px;}
	.popup-wrap .btn-p-next button.button-prev{background-size:40px;}
	.popup-wrap .swiper-pagination-progressbar{
		max-width: calc(90% - 150px);
		height: 3px; margin-top: -2px;
	}
	.button-prev.mo-btn-hidden, 
	.button-next.mo-btn-hidden{z-index:-99;}

	.popup-wrap .popup-inner .popup-inner-in{}
	.popup-inner-in *:not(.popup-wrap-close, .button-next, .button-prev){height:auto; }
	.popup-wrap .img-thumb .swiper-slide img{width:100%;}
	.popup-wrap .img-thumb .swiper-slide{display:block; }
	.popup-wrap .popup-inner{position:absolute;top:0;right:0;bottom:0;left:0;height: 100%;padding:0; display:flex; }
	.popup-wrap .popup-inner .popup-inner-in{width: 100%; height: 100%;}
	.btn-link-bx a{font-size: 14px; line-height: 3em;}
	.popup-wrap-close-pc{display:none;}
	.popup-wrap-close.popup-wrap-close-m{position:fixed;transition:none;}
	.nosamsung .popup-wrap-close{z-index:99; border:2px solid red}
	.player-wrap{display:block;margin:auto; width:100%; height:100%;}
	.popup-inner article{padding:0;height:100%;position:absolute;top:0;right:0;bottom:0;left:0; }
	.popup-wrap .swiper-container{height:100%;}
	.popup-inner-in .swiper-slide{display:flex;align-items: center; justify-content: center;}


	.player{width: 100%;height:100%;position:relative;z-index:1; }
	.player video{outline: none; -webkit-tap-highlight-color : transparent;}
	.player__video.viewer{}
	.progress{position:absolute; left:0;bottom:0;right:0;}
	.progress{display:flex;width:100%;height:6px; background:#8A8A8A; z-index:99;}
	.progress__filled{background:#9FFF36;/*transition: all .2s ease;*/}
	.player__button{width:80px;height:80px;}
	.ai-life-ep5-wrap video{}

	.popup-wrap button.button-prev{left:15px;}
	.popup-wrap button.button-next{right:15px;}


	/* SECTION03 01~04 */
	.ai-life-ep5-03 > article{padding: 0;}
	.ai-life-ep5-03  article + article{}
	.ai-life-ep5-03 dl dt{}
	.ai-life-ep5-03 dl dt strong{font-size: 16px;}
	.ai-life-ep5-03 dl dt:before{width:80px; height:60px; margin:0 0 10px;}
	.ai-life-ep5-03 dl dt span{top: -6px; font-size: 28px; word-break: keep-all;}
	.ai-life-ep5-03 figure{margin-top:0;}
	.ai-life-ep5-03 .inner-bx-half{min-height:0;}
	.article-how-to h2 strong{font-size: 19px;}
	.article-how-to h2 p{font-size: 32px;}
	.inner-bx-half h3 strong{font-size: 20px;}
	p.ptxt{padding-top:0;line-height:1.3;}

	/* SECTION05 */
	.ai-life-ep5-05 .inner-bx-half h3{}
	.ai-life-ep5-05 .inner-bx-half h3 strong{padding: 7px 18px; font-size: 16px;}
	.ai-life-ep5-05 .inner-bx-half h3 p{margin-bottom:2em;font-size:26px;line-height:1.4;}
	.ai-life-ep5-05 .txt-bx + ol{font-size: 12px;}

	/* SECTION06 AI 메모리 더 알아보기 */
	.ai-life-ep5-06 h2{padding:0 0 1em;font-size:25px;}
	.ai-life-ep5-06 li a .btn-02{margin-top:2em;padding: 0 25px 0 30px; font-size: 15px; line-height: 2.4em;}
	.ai-life-ep5-06 figcaption{padding: 20px 30px;}

	/* SECTION07  링크 */
	section.ai-life-ep5-07{padding:0;}
	section.ai-life-ep5-07 .inner-bx{padding:40px 20px;}
	.ai-life-ep5-07 li + li{margin-top:20px;}
	.ai-life-ep5-07 li a{display: block; padding:15px 20px;text-align:center;}
	.ai-life-ep5-07 li a button span{font-size: 15px;}
	.ai-life-ep5-07 li a button{height:20px;padding:0;font-size:13px;}
	.ai-life-ep5-07 li a button i{right: 20px;}
	.li-btn-tit{font-size: 24px;}

}

@media all and (max-width: 640px) {
	.popup-wrap-close {top: 20px;right: 20px;transition: none;}
	.ai-life-ep5-02 .toggle-bx h4{padding-right:0;}
	.popup-wrap .img-thumb .swiper-slide.swiper-slide-active .player__button{width: 9%;height: 9vw;background-size: 100% !important;bottom: 8.2%;}
}

@media all and (max-width: 360px) {
	.mv-list.slide-list-bx ul{height:120vw;}

}


@media all and (max-device-height : 700px) and (orientation: landscape){
	.player-caption{padding:10% 5%;}
}


@media only screen and (max-width: 1080px) and (orientation:landscape) {
	.popup-wrap .img-thumb .swiper-slide{width:35%;}
}

@media only screen and (max-width: 1601px) and (max-height:800px) and (orientation:landscape) {
	.player-caption{padding:10% 5%;}
	.player-caption *{zoom:.95;}
}


@media only screen and (max-width: 900px) and (max-height:1181px) and (orientation:portrait) {
	
}

.float-area .quick-links {
	display: none !important;
}
.ai-life-ep5-wrap {
	padding-bottom: 80px;
}