/* 폰트 */
@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-ep6-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-ep6-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'; overflow:hidden;} 
.ai-life-ep6-wrap p { font-size : 22px; line-height:1.5; letter-spacing:-0.5px; } 
.ai-life-ep6-wrap p.note-txt { color:#555; font-size :0.95em; } 
.ai-life-ep6-wrap p.note-txt em { color:#B96CF8; } 
.footnote-txt { color: #7A7979; font-size: 15px !important; line-height:1.6; } 
.footnote-txt sup { color:#9FFF36; } 

.ai-life-ep6-wrap button { font-family:'Pretendard Variable', 'Pretendard','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans','sans-serif'; cursor:pointer; } 
.ai-life-ep6-wrap section { padding:100px 0; } 
.ai-life-ep6-wrap video {width:100%; max-height:100%; 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: #C1A8FF !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; } 

.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; align-items: center;} 
.ai-life-ep6-03 > article:nth-child(even) .inner-bx-half { flex-direction: row-reverse } 

/* SECTION01 */
.vtxt1 { text-align: center; } 
.page-tit * { vertical-align:middle; } 
.page-tit strong { display: inline-block; padding:0.5em 2em; color: #000; font-size: 26px; font-weight: 500; border-radius: 30px; background: #C1A8FF; } 
.page-tit h2 {padding: 40px; font-size: 180px; font-weight: 800; line-height: 1.1; } 
.page-tit h2 span { display: block; font-size: 100px; } 
.vtxt1 p { font-size: 26px; } 
.vs-txt2 { padding-top:3em; } 

.ai-life-ep6-01 { padding:0 !important; color:#fff; background:#000 url('../images/deco-video-01.png') 100% 95% no-repeat;} 
.ai-life-ep6-01 { position: relative; } 
.ai-life-ep6-01 .img-main-01 { overflow:hidden; position: relative; } 
.ai-life-ep6-01 .img-main-01 > article { padding:110px 0; } 

.vani { opacity: 0; animation : tit-ani 0.6s ease forwards; animation-delay: 0.5s; } 
.vani1 { opacity: 0; animation : tit-ani 0.6s ease forwards; animation-delay: 0.7s; } 
.vani2 { opacity: 0; animation : tit-ani 0.6s ease forwards; animation-delay: 0.9s; } 

.vani-obj{position: absolute;}
.vani-obj.obj01{top:0; left: 55px; animation-delay: 0.7s;}
.vani-obj.obj02{top:100px; right: 160px; animation-delay: 0.7s;}
.vani-obj.obj03{bottom:180px; left: 150px; animation-delay: 0.7s;}
.vani-obj.obj04{bottom:170px; right: 0; animation-delay: 0.7s;}


@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-ep6-05 .inner-bx-half { display: flex; } 
.inner-bx h3 img { margin-top:-4px; vertical-align:middle; } 
.inner-bx-half h3 { } 
.inner-bx-half h3 p { margin:0.5em 1em 0.5em  0; font-size: 66px; font-weight: 700; letter-spacing: -0.01em; line-height:1.3; word-break: keep-all; } 
.inner-bx-half h3 strong { display:block; color: #C1A8FF; font-size: 25px; font-weight: 500; letter-spacing: -0.25px; } 

.btn-link-bx { display:inline-block; } 
.btn-link-bx a { display:block; } 

.ai-life-ep6-02 { position: relative; margin-top:-2px; padding-top: 0 !important; color: #FFF; text-align: center; font-size: 22px; background: url('../images/bg-gradient.png') 0 0 / auto 95% repeat-x; }
.video-wrap{ background: url('../images/deco-video-02.png') 0 95% no-repeat; }
.video-wrap h2{position: absolute; left: 40px; top: 30px; color: #FFF; font-size: 66px; font-weight: 700; text-align: left; line-height: 1.2;}
.video-wrap h2 strong{display: block; margin-bottom:5px;}
.video-wrap h2 span{display: inline-block; padding: 10px 40px; color: #000; font-size: 50px; border-radius: 99px; background: #FFF; transition:.3s;}
.video-wrap h2 span:hover{color: #fff; background: #C1A8FF; }
.video-wrap .cont0{ overflow: hidden; position: relative; border-radius: 52px; line-height: 0; cursor: pointer;}
.video-wrap .cont0 img { max-width:100%; border-radius: 52px; }

 /* Mission */
 .article-mission{padding-bottom: 200px;}
 .article-mission h3 { padding:1em 0 1em; line-height:1; } 
 .article-mission h3:before { content:''; display:block; margin:0 auto 45px; width:20px; height:93px; background:url('../images/ico-decoline.svg') 50% 0 no-repeat; } 
 .article-mission h3 strong { color: #C1A8FF; font-size: 26px; font-weight: 600; } 
 .article-mission h3 p { font-size: 66px; font-weight: 700; } 
 .article-mission .txt-bx{font-size: 26px;}
 .article-mission .txt-bx p{font-size: 26px;}

/* How To Make It */
.article-how-to { color: #000; text-align:center; } 
.article-how-to .inner-bx h3 strong { display: inline-block; padding:0.5em 2em; color: #000; font-size: 26px; font-weight: 600; border-radius: 30px; background: #C1A8FF; } 
.article-how-to .inner-bx h3 div{margin-top: 30px; font-size: 100px; font-weight: 700; line-height: 1.2;}
.article-how-to .inner-bx .txt-bx { padding-top:30px; font-size:22px; } 

/* SECTION03 01~04 */
section.ai-life-ep6-03 { position: relative; padding-top:0; } 
.ai-life-ep6-03 img { max-width: 100%; } 

.ai-life-ep6-03 > article[class ^="article-0"]::after { content:''; z-index:-1; } 
.ai-life-ep6-03 .article-04 img { /*animation: scrollAni 3s ease-in-out infinite; */ } 
.ai-life-ep6-03 .inner-bx-half { justify-content: space-between; } 
.ai-life-ep6-03 > article { position:relative; padding:150px 0; } 
.ai-life-ep6-03 .half-wrapper > article:nth-child(even) .inner-bx-half { flex-direction: row-reverse; } 
.ai-life-ep6-03 .half-wrapper {padding: 0 0 10em;}
.ai-life-ep6-03 .half-wrapper article{position: relative; width:100%;}

.ai-life-ep6-03 figure video { width:100%; height:100%; } 
.ai-life-ep6-03 .inner-bx > dl,
.ai-life-ep6-03 figure { width:100%; text-align:left; } 
.ai-life-ep6-03 .inner-bx > dl {position: relative; padding:0 30px; word-break: keep-all; }
.ai-life-ep6-03 .inner-bx > dl::after{content: ''; position: absolute;  top: 17px; border-top: 4px dotted #C1A8FF;  z-index: -1; opacity: 0; transition: all .9s .4s;}
.ai-life-ep6-03 .wrap-on .inner-bx > dl::after{opacity: 1;}
.ai-life-ep6-03 .half-wrapper > article:nth-child(odd) .inner-bx > dl::after{left: 40px; right:0;}
.ai-life-ep6-03 .half-wrapper > article:nth-child(even) .inner-bx > dl::after{left: -50%; right:calc(100% - 20px);}
.ai-life-ep6-03 .inner-bx > dl > dt { position: relative; opacity: 0; transition: all .8s .2s; } 
.ai-life-ep6-03 .inner-bx > dl > dt strong { display: inline-block; padding:0 10px 2px 0; color:#C1A8FF; font-size: 35px; font-weight: 600; line-height: 1; background:#fff; letter-spacing: -0.35px; } 
.ai-life-ep6-03 .wrap-on .inner-bx dt { opacity: 1; } 
.ai-life-ep6-03 .inner-bx > dl dt span { position: relative; display: block; margin-top:20px; font-size: 44px; font-weight: 700; letter-spacing: -0.56px; line-height: 1.2; letter-spacing: -0.44px; } 
.ai-life-ep6-03 .inner-bx > dl > dd { margin-top:28px; } 
.ai-life-ep6-03 .inner-bx > dl > dd p + p { margin-top:1em; } 
.ai-life-ep6-03 .in-explain{}
.ai-life-ep6-03 .in-explain dl{margin: 30px 0 0; padding: 0;}
.ai-life-ep6-03 .in-explain dl dt{margin-bottom: 15px; color: #C1A8FF; font-size: 35px; font-weight: 600;}
.ai-life-ep6-03 .in-explain dl dd{ margin-top:2px; font-size: 22px; }

.article-01{background: url('../images/deco-01.png') 100% 0 no-repeat;}
.article-02{background: url('../images/deco-02.png') 0 20% no-repeat;}
.article-03::after{content: ''; position: absolute; display: block; right: 0; top: -100px; width: 330px; height: 369px; background: url('../images/deco-03.png') no-repeat; z-index: -1;}
.article-04 {background: url('../images/deco-04.png') 100px 50% no-repeat;}
.article-05::after{content: ''; position: absolute; display: block; width: 936px; height: 742px; right: 120px; top: 50px; background: url('../images/deco-05.png') 50% no-repeat; z-index: -1;}
.article-06{background: url('../images/deco-06.png') 0 100% no-repeat;}
.article-07::after{content: ''; position: absolute; display: block; right: 0; top: -100px; width: 315px; height: 476px; background: url('../images/deco-07.png') 100% 0 no-repeat;z-index: -1;}


/* SECTION05 Epilogue */
.ai-life-ep6-05 { padding:0 20px !important; /*transform:translateY(-50%); */ background: url('../images/bg-epilogue.jpg') 50% / auto 100% no-repeat; } 
.ai-life-ep6-05 .inner-bx { color:#fff; max-width:1500px; padding:120px 20px; } 
.ai-life-ep6-05 h3 {width: 620px;}
.ai-life-ep6-05 p + p{margin-top:0.8em;}

/* SECTION06 AI 메모리 더 알아보기 */
.ai-life-ep6-06 { position: relative; padding:160px 0 240px; background:#fff; z-index: 2; } 
.ai-life-ep6-06 h2 { padding:0 0 80px; font-size:40px; font-weight:700; text-align: center; } 
.ai-life-ep6-06 figure { overflow: hidden; line-height: 0; border-radius: 20px 20px 0 0; } 
.ai-life-ep6-06 figure img { max-width: 100%; transition: 0.3s ease-in-out; } 
.ai-life-ep6-06 ul { display: flex; justify-content: space-between; margin:0 -16px; } 
.ai-life-ep6-06 ul li { flex:1; margin:0 19px; } 
.ai-life-ep6-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; border-radius: 20px; background-color: #F5F5F5;} 
.ai-life-ep6-06 li a:hover { color: #0000ee; } 
.ai-life-ep6-06 li a:hover { box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2); } 
.ai-life-ep6-06 li a:hover img { transform: scale(1.05); } 
.ai-life-ep6-06 figcaption { padding: 30px 40px; } 
.ai-life-ep6-06 figcaption p { line-height:1.5 } 
.ai-life-ep6-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-ep6-06 li a .btn-02 * { transition: 0.2s ease; } 
.ai-life-ep6-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-ep6-06 li a:hover .btn-02 { color:#fff; background: #111; border-color:#111; } 
.ai-life-ep6-06 li a:hover .btn-02 i { margin-left:15px; background-image: url('../images/ico-arr-right.svg'); } 

/* SECTION07 링크 */
section.ai-life-ep6-07 { padding-top:0; padding-bottom:0; margin:60px; border-radius:20px; } 
section.ai-life-ep6-07 .inner-bx { padding:140px 5%; } 
.ai-life-ep6-07 li + li { margin-top:20px; } 
.ai-life-ep6-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-ep6-07 li a strong { color: #111; font-size: 30px; font-weight: 700; display: block;
    line-height: 1.5;
    letter-spacing: -0.5px;
  } 
.ai-life-ep6-07 li a p { color: #111; font-size: 30px; font-weight: 700; } 
.ai-life-ep6-07 li a button span { white-space:nowrap } 
.ai-life-ep6-07 li a button { height:50px; font-size:22px; border:0; background:transparent; cursor:pointer; } 
.ai-life-ep6-07 li a:hover { background: #fff; } 
.ai-life-ep6-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-ep6-07 li a:hover button i { opacity:1; margin-right:0; } 

/* 팝업 */
.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; height:100%; text-align:center; display: flex; align-items: center; justify-content: center;} 
.popup-inner article {max-width: 1600px;padding: 0; margin: 0 auto; } 
.popup-wrap .popup-inner img { max-width: 100%; }
.player-wrap { position:relative; } 
video[poster] { height:100%; width:100%; } /* 포스터 이미지의 크기를 비디오 영상에 꽉차도록 */
.popup-wrap-close{position: absolute; right:20px; top:20px; width:55px; height:55px; border: none;background:url('../images/ico-close.svg') 50% no-repeat;transition: 0.2s ease;border-radius:50%;text-indent:-9999em;z-index:999; cursor:pointer;}

@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; } 
  .popup-wrap-close{position: absolute; right:0; top:0; border: none; background-size:60%;}
} 

@media screen and (min-width: 1501px) { 
  .inner-bx { width: 1620px; max-width:100%; } 
} 

@media screen and (max-width: 1500px) { 
  .inner-bx { width: 100%; max-width:1620px; } 
  .vani img { max-width:100%; } 
  .vtxt2 { font-size:64px; } 

  /* SECTION02 Mission */
  .ai-life-ep6-02 .inner-bx-half { align-items: center; } 
  .ai-life-ep6-02 .inner-bx-half .cont1 { left: 20px; } 
  .ai-life-ep6-02 .inner-bx-half > article.cont1 { width:calc(45% - 20px); } 
  .ai-life-ep6-02 .inner-bx-half > article.cont2 { width:calc(55% - 20px); } 

  .ai-life-ep6-02 .inner-bx-half > article video { width:100%; } 
  .ai-life-ep6-02 .inner-bx-half .cont1 h3 p { font-size: 55px; } 
  .ai-life-ep6-02 .inner-bx-half .cont1 .txt-bx br { display:none; } 
  .ai-life-ep6-02 .toggle-bx { margin:80px 20px 0; } 
  .ai-life-ep6-02 .toggle-bx > div figure { width:40%; } 
  .ai-life-ep6-02 .toggle-bx > div figcaption { width:60%; } 
  .ai-life-ep6-02 .toggle-bx > div figure img { width:100%; } 

  .ai-life-ep6-05 h3 {width: 500px;}
  .inner-bx-half h3 p { font-size: 50px; } 

 } 

@media screen and (max-width: 1300px) { 
  .ai-life-ep6-wrap p { font-size :18px; } 
  .ai-life-ep6-01 .vani-obj { zoom: 0.7; }
} 

@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-ep6-03 .inner-bx > 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-ep6-wrap p,
  .ai-life-ep6-05 .inner-bx .txt-bx p,
  .article-how-to .txt-bx p,
  .ai-life-ep6-02 .cont1 .txt-bx p { font-size :18px; } 
  .inner-bx-half h3 strong { font-size: 28px; } 
  .ai-life-ep6-wrap section.ai-life-ep6-01 { display: block; } 
  .ai-life-ep6-01 h2 { font-size : 60px; } 
  .page-tit h2 span { display: block; font-size: 40px; } 
  .page-tit strong { font-size: 14px; font-weight:400; } 
  .page-tit em { padding:7px 20px; font-size:18px; } 

  .ai-life-ep6-wrap section.ai-life-ep6-01 { position:relative; background:#000; } 
  .ai-life-ep6-01 .inner-bx { width:100%; } 

  .img-main-01-pc { display: none; } 
  .img-main-01-m { display: block; width:100%; } 
  .ai-life-ep6-01 .img-main-01 { position:relative; left:0; width:100%; padding: 0; max-width:inherit; transform:none; } 
  .ai-life-ep6-01 .img-main-01 article { position: static; padding: 4em 20px 4em; } 
  .ai-life-ep6-01 .img-main-01 .vimg { display:none; } 
  .ai-life-ep6-01 .vani-obj { zoom: 0.4; }

  .vani-obj.obj01{top:0; left: 0; }
  .vani-obj.obj02{top:10vw; right: 10vw; }
  .vani-obj.obj03{bottom:27%; left: 10vw; }
  .vani-obj.obj04{bottom:20%; right: 0; }

  /* SECTION01 */
  .ai-life-ep6-02 .inner-bx > article { padding-left:0; padding-right:0; } 
  .ai-life-ep6-wrap section.ai-life-ep6-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-ep6-01 .txt-bx { font-size: 30px; } 

  /* SECTION02 Mission */
  section.ai-life-ep6-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-ep6-02 .inner-bx { overflow:hidden; } 
  .ai-life-ep6-02 .cont1 h3 .linetxt { font-size: 20px; } 
  .ai-life-ep6-02 .inner-bx > article:first-child br { display:none; } 

  .video-wrap{padding-top:5%; background-size:15%; background-position: 0 0;}
  .video-wrap h2{left: 30px; top: 30px; font-size: 20px;}
  .video-wrap h2 span{ padding: 5px 20px; font-size: 14px; }
  .video-wrap .cont0{ border-radius: 20px; }
  .video-wrap .cont0 img{ border-radius: 20px; }

  /* Mission */
  .article-mission{padding-bottom: 100px; text-align:center;}
  .article-mission h3 {} 
  .article-mission h3:before { content:''; display:block; margin:0 auto; width:20px; height:50px; background-size:4px;} 
  .article-mission h3 strong {display:block; padding-bottom:20px; font-size: 14px;} 
  .article-mission h3 p { } 
  .article-mission .txt-bx{font-size: 14px;}
  .article-mission .txt-bx p{ margin-top:0.8em; font-size: 14px !important;}
  .article-mission .txt-bx p span{display:block;}
  .article-how-to .inner-bx .txt-bx p + p{margin-top:0.8em;}
  .article-how-to .inner-bx .txt-bx p span{display:block;}

  /* How To Make It */
  .article-how-to {margin-top:2em; color: #000; text-align:center; } 
  .article-how-to .inner-bx h3 strong { padding:0.5em 2em; color: #000; font-size: 14px; }
  .article-how-to .inner-bx h3 div{margin-top: 20px; font-size: 28px; }
  .article-how-to .inner-bx .txt-bx { padding-top:30px; font-size:22px; } 

  .nosamsung .popup-wrap-close { right:20px; top:20px; } 
  .popup-inner-in img { height:auto !important; } 
  .thumb-bx { display: flex; align-items: center; } 

  .btn-01 { width:100%; margin-top:2em; padding: 5px 20px 5px 25px; font-size: 16px; } 
  .btn-link-bx { display: flex; justify-content: center; } 
  .btn-link-bx a { display:inline-block; text-align:center; } 


  /* SECTION03 01~04 */
  section.ai-life-ep6-03 .process{ padding:0 20px 0 !important; } 
  section.ai-life-ep6-03 .ai-life-ep6-05 { background:#000 url('../images/bg-epilogue-m.png') 50% / cover no-repeat; }
  .ai-life-ep6-03 .inner-bx-half { position: relative; display:block; } 
  .ai-life-ep6-03 > article { padding:100px 0; } 
  .ai-life-ep6-03 article + article { padding:0 0 0; } 
  .ai-life-ep6-03 > article:nth-child(odd) .inner-bx-half { flex-direction: row-reverse; } 
  .ai-life-ep6-03 figure { width:100%; margin-top:0; } 
  .ai-life-ep6-03 figure img { width:100%; } 
  .ai-life-ep6-03 .inner-bx > dl { width:auto; padding-top:5px; padding-left:0; padding-right:0; text-align: center;} 
  .ai-life-ep6-03 .inner-bx > dl::after{display: none;}
  .ai-life-ep6-03 .inner-bx > dl dt { } 
  .ai-life-ep6-03 .inner-bx > dl dt strong {background: none; } 
  .ai-life-ep6-03 .inner-bx > dl dt span { font-size: 40px; } 
  .ai-life-ep6-03 .inner-bx > dl dd { margin-bottom:20px; } 
  .ai-life-ep6-03 .bx-step2 img { width:calc(100% + 40px); max-width:fit-content; } 
  .ai-life-ep6-03 .inner-bx > dl dd br { display:none; }
  .ai-life-ep6-03 .inner-bx .footnote-txt br { display:block; } 
  .ai-life-ep6-03 .half-wrapper{padding-bottom: 0;}

  .article-01{background-size:30%; background-position:110% 0;}
  .article-02{background-size:40%; background-position:0 50%;}
  .article-03::after, 
  .article-05::after,
  .article-07::after{display:none;}
  .article-03{background: url('../images/deco-03.png') 100% 50% / 30% no-repeat;}
  .article-04 {background:none;}
  .article-04::before{content: ''; position: absolute; display: block; left: 12%; top: 0; width: 10vw; height: 10vw; background:#E2D6FF; border-radius:50%; z-index:-1;}
  .article-04::after{content: ''; position: absolute; display: block; left: -5%; bottom: 0; width: 35vw; height: 35vw; background:#C1A8FF; border-radius:50%; z-index:-1;}
  .article-05{background: url('../images/deco-06.png') 120% 50% / 32% no-repeat;}
  .article-06{background: url('../images/deco-06-m.png') 100% 45% / 20% no-repeat;}
  .article-07{background: url('../images/deco-06.png') -10% 25% / 30% no-repeat;}
  
  .ai-life-ep6-03 .in-explain div{position:relative; display:flex; min-height:53vw; margin-top:20px; padding:30px; align-items: center; background:   url('../images/img-in-explain01.png') 50% / cover no-repeat; border-radius:10vw; justify-content: center;}
  .ai-life-ep6-03 .in-explain div.in-explain02{background-image:url('../images/img-in-explain02.png');}
  .ai-life-ep6-03 .in-explain div.in-explain03{background-image:url('../images/img-in-explain03.png');}

  .ai-life-ep6-03 .in-explain div:after{content: ''; position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.4);border-radius:10vw; opacity:0; transition: .3s;}
  .ai-life-ep6-03 .in-explain div.on:after{opacity:1; }

  .ai-life-ep6-03 .in-explain dl{position:relative; margin: 0; padding: 0; color:#fff; z-index:1; opacity:0; transition: .3s;}
  .ai-life-ep6-03 .in-explain dl dt{margin-bottom: 10px; font-size: 18px; }
  .ai-life-ep6-03 .in-explain dl dd{ margin-top:2px; font-size: 14px; text-align:left;}
  .ai-life-ep6-03 .in-explain div.on dl{opacity:1; }

  .ai-life-ep6-02 .cont1 h3 > p,
  .article-how-to .inner-bx h3 .ptxt,
  .ai-life-ep6-05 h3 > div p { display:block; font-size:28px; } 
  .article-how-to h3 img { width: 200px; } 
  .ai-life-ep6-02 .cont1 h3 > p img,
  .article-how-to .inner-bx h3 .ptxt img,
  .ai-life-ep6-05 h3 > div img { width:32px; } 

  .ai-life-ep6-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; } 

  .half-wrapper { margin-top:40px; background-size: 80%; } 
  .half-wrapper .inner-bx-half { padding-top:0; 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; } 
  .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-ep6-03:before { width:40%; } 
  .article-how-to { text-align: center; } 
  .ai-life-ep6-05 { padding:0 40px !important; } 
  .ai-life-ep6-05 .inner-bx > div { text-align: left; } 
  .ai-life-ep6-05 .inner-bx > div br { display: none; } 
  .ai-life-ep6-05 .inner-bx > div span{display: block;}
  .ai-life-ep6-05 .inner-bx > div br:nth-child(7) { display:block; } 
  .ai-life-ep6-05 .inner-bx { padding: 50px 0; border-radius: 20px; } 
  .ai-life-ep6-05 .inner-bx-half h3 p { font-size: 40px; } 
  .ai-life-ep6-05 .inner-bx > div h3 > strong { font-size: 15px; } 
  .ai-life-ep6-05 .txt-bx + ol { font-size: 14px; } 

  /* SECTION06 AI 메모리 더 알아보기 */
  .ai-life-ep6-06 h2 { padding:0 0 80px; font-size:40px; font-weight:700; text-align: center; } 
  .ai-life-ep6-06 figure { overflow: hidden; line-height: 0; border-radius: 10px 10px 0 0; } 
  .ai-life-ep6-06 figure img { width: 100%; } 
  .ai-life-ep6-06 ul { display: block; margin:0; } 
  .ai-life-ep6-06 ul li { padding:0; margin:0; } 
  .ai-life-ep6-06 ul li + li { padding:2em 0 0; } 

  /* SECTION07 링크 */
  section.ai-life-ep6-07 { margin:0; border-radius:0; } 
  section.ai-life-ep6-07 .inner-bx { padding:50px 5%; } 
  .ai-life-ep6-07 li + li { margin-top:20px; } 
  .ai-life-ep6-07 li + li { margin-top:20px; } 
  .ai-life-ep6-07 li a { position: relative; padding:25px 60px; align-items: center; border-color: #111; background-color: #111; } 
  .ai-life-ep6-07 li a strong,
  .ai-life-ep6-07 li a p { display: none; font-size: 26px; } 
  .ai-life-ep6-07 li a button span { color:#fff; font-size: 22px; font-weight: 500; } 
  .ai-life-ep6-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-ep6-07 li a:hover { border-color: #111; background-color: #fff; } 
  .ai-life-ep6-07 li a:hover button i { background:#111 url('../images/ico-arr-right-view.svg') 50% / 7px no-repeat; } 
  .ai-life-ep6-07 li a:hover button span { color:#111; } 
  .ai-life-ep6-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-ep6-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-ep6-wrap section { padding:60px 0 20px; } 
.ai-life-ep6-wrap p,
.article-how-to .txt-bx p,
.ai-life-ep6-02 .cont1 .txt-bx p { font-size:15px; } 
.ai-life-ep6-05 .inner-bx .txt-bx p { font-size:16px; } 
.footnote-txt { font-size:13px !important; } 
.ai-life-ep6-wrap p.note-txt { font-size:13px; } 
.ai-life-ep6-wrap p.note-txt br { display:none; } 
.ai-life-ep6-wrap .txt-bx p br { display:none; } 
.ai-life-ep6-02:after { top:-20vw; } 

/* SECTION01 */
.ai-life-ep6-wrap section.ai-life-ep6-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-ep6-01 .txt-bx { font-size: 20px; line-height: 1.6; word-break: keep-all; } 
.ai-life-ep6-01 .txt-bx span br { display: none; } 
.ai-life-ep6-01 h2 .t1 span { font-size:45px; } 
.ai-life-ep6-01 h2 .t2 span { font-size: 70px } 
.vani4 { top:1350px; right: 30px; left: auto; transform: none; } 
.ai-life-ep6-01 h2 .t1 img { zoom: .4; } 
.ai-life-ep6-01 p.vs-txt, 
.ai-life-ep6-01 p.vs-txt * { font-size:14px; } 
.ai-life-ep6-01 h2 + p strong { } 
.ai-life-ep6-01 .vs-txt,
.ai-life-ep6-01 .vs-txt2{max-width:80%; margin:auto;}

.inner-bx-half h3 strong { font-size: 28px; } 
.page-tit em { padding:6px 12px; font-size:14px; } 

.vtxt1 { top:70px; } 
.vtxt2 { bottom:14%; } 
.video-wrap h2{left: 15px; top: 15px;}

/* SECTION02 Mission */
.popup-wrap{background:#000;}
section.ai-life-ep6-02 { padding-top:0; } 
section.ai-life-ep6-02 .inner-bg{ background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(162,156,174,1) 50%, rgba(102,95,114,1) 61%, rgba(50,42,63,1) 81%, rgba(0,0,0,1) 100%);} 
.ai-life-ep6-02 .inner-bx-half .cont1 h3 p { font-size: 25px; } 
.ai-life-ep6-02 .inner-bx-half > article.cont1 h3 { } 
.ai-life-ep6-02 .inner-bx-half > article.cont2 { top: 200px; } 
.ai-life-ep6-02 h3 p { line-height:1.4; } 
.article-how-to h3 p, .ai-life-ep6-05 h3 > div p { font-size: 25px !important; } 
.ai-life-ep6-02 h3 > p { font-size: 32px; } 
.ai-life-ep6-02 .inner-bx > article { margin-bottom:1em; } 
.article-mission{margin-bottom:0 !important; padding-bottom: 1em;}

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

/* SECTION03 01~04 */
.ai-life-ep6-03 {padding:0 !important;}
.ai-life-ep6-03 > article { padding: 0; } 
.ai-life-ep6-03 article + article { } 
.ai-life-ep6-03 .inner-bx > dl dt { } 
.ai-life-ep6-03 .inner-bx > dl dt strong { font-size: 18px; } 
.ai-life-ep6-03 .inner-bx > dl dt span { margin-top: 5px; font-size: 24px; word-break: keep-all; } 
.ai-life-ep6-03 figure { margin-top:0; } 
.ai-life-ep6-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-ep6-05 .inner-bx-half h3 { } 
.ai-life-ep6-05 .inner-bx-half h3 strong { font-size: 16px; } 
.ai-life-ep6-05 .inner-bx-half h3 p { margin-bottom:1em; font-size:26px; line-height:1.4; } 
.ai-life-ep6-05 .txt-bx + ol { font-size: 12px; } 
.ai-life-ep6-05 .inner-bx > div span{ font-size:32px;}

/* SECTION06 AI 메모리 더 알아보기 */
.ai-life-ep6-06 h2 { padding:0 0 1em; font-size:25px; } 
.ai-life-ep6-06 li a .btn-02 { margin-top:2em; padding: 0 25px 0 30px; font-size: 15px; line-height: 2.4em; } 
.ai-life-ep6-06 figcaption { padding: 20px 30px; } 

/* SECTION07 링크 */
section.ai-life-ep6-07 { padding:0; } 
section.ai-life-ep6-07 .inner-bx { padding:40px 20px; } 
.ai-life-ep6-07 li + li { margin-top:20px; } 
.ai-life-ep6-07 li a { display: block; padding:15px 20px; text-align:center; } 
.ai-life-ep6-07 li a button span { font-size: 15px; } 
.ai-life-ep6-07 li a button { height:20px; padding:0; font-size:13px; } 
.ai-life-ep6n-07 li a button i { right: 20px; } 
.li-btn-tit { font-size: 24px; } 
} 

@media all and (max-width: 640px) { 
  .page-tit strong { padding:0.5em 1.2em; } 

  .ai-life-ep6-01 .vani-obj { zoom: 0.32; }
  .vani-obj.obj01{top:0; left: 0; }
  .vani-obj.obj02{top:10vw; right: 10vw; }
  .vani-obj.obj03{bottom:27%; left: 5vw; }
  .vani-obj.obj04{bottom:20%; right: 0; }

  .popup-wrap-close { transition: none; } 
  .ai-life-ep6-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) { 
} 

@media only screen and (max-width: 1080px) and (orientation:landscape) { 
} 

@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-ep6-wrap {
	padding-bottom: 80px;
}