@charset "utf-8";
/* ============================================================
 * 모바일 보정 — PC 전용 페이지를 좁은 화면에서 쓸 수 있게 한다
 *
 * 이 파일은 media="(max-width: 768px)" 로만 불린다.
 * PC 화면에는 한 줄도 적용되지 않으므로 기존 디자인은 그대로다.
 *
 * 순서: css2/master.css → css2/m/master.css → 이 파일
 *   원본 모바일 CSS 가 본문 섹션 대부분을 잡아 준다.
 *   여기서는 그것이 못 잡는 것만 다룬다 — 헤더·전역메뉴가 대부분이다.
 *   (PC 헤더와 모바일 헤더는 마크업이 아예 달라서 CSS 재사용이 안 된다.
 *    모바일 헤더를 이식하는 대신 PC 헤더를 좁은 화면용으로 고쳤다.
 *    링크가 한 벌로 유지되고, 원본에서 404 나는 아이콘도 안 쓴다.)
 * ============================================================ */

@media (max-width: 768px) {

  /* ── 세로 스크롤 복구 ── ★ 가장 중요
     PC 는 fullpage.js 가 섹션을 한 화면씩 넘기는 구조라 #wrap/.section 에
     height:100% 가 걸려 있다. 모바일에서는 강제 스크롤을 껐으므로
     그 높이 제한이 남으면 본문이 첫 화면에서 잘리고 스크롤이 아예 안 된다.
     (실제로 게시판 본문 2498px 중 844px 만 보였다.)
     높이를 풀어 내용만큼 늘어나게 한다. */
  html, body { height: auto !important; overflow-y: visible !important; }
  #wrap, #fullpage, #subwrap { height: auto !important; min-height: 0 !important; }

  /* 섹션은 height:auto 로 풀되 min-height 를 남긴다.
     메인 섹션들은 내용이 절대배치라 auto 로만 두면 높이가 110px 로 무너진다.
     (한 번 그렇게 만들었다가 메인이 다 겹쳤다.) */
  .section, .fp-section, .fp-tableCell {
    height: auto !important; min-height: 100vh;
  }
  .section { padding-top: 60px; padding-bottom: 30px; box-sizing: border-box; }

  /* ── 가로 스크롤 차단 ──
     한 요소만 삐져나가도 페이지 전체가 옆으로 밀린다. */
  html, body { overflow-x: hidden; max-width: 100%; }
  img, video { max-width: 100%; height: auto; }

  /* ── 헤더 ──
     PC 는 로고(282px) + 가로 메뉴(996px) + 우측 유틸이 한 줄에 들어간다.
     390px 에서는 불가능하다. 가로 메뉴를 접고 로고 + Menu 만 남긴다.
     Menu 를 누르면 원래 있던 전체메뉴(#allmenu)가 열리므로
     메뉴 항목은 하나도 잃지 않는다. */
  header { height: 54px; }
  header #logo { top: 13px; left: 12px; width: 150px; }
  header nav { display: none !important; }

  header #util { top: 7px; right: 10px; }
  header #util li.lang1,
  header #util li.lang2 { display: none; }        /* ENG/KOR 은 전체메뉴 안에 있다 */
  header #util li.vip { width: 34px; height: 34px; line-height: 34px; font-size: 12px; }
  header #util li.allmenu { width: 74px; height: 34px; line-height: 34px; font-size: 14px; }

  /* ── 전체메뉴(Menu 를 누르면 열리는 검은 화면) ──
     PC 는 1080px 폭에 3열을 띄운다. 세로 한 줄로 바꾸고 스크롤을 준다. */
  #allmenu { min-width: 0; }
  #allmenu.on,
  #allmenu[style*="height"] { overflow-y: auto; -webkit-overflow-scrolling: touch; }

  /* fullpage.js 가 만드는 좌측 점 네비게이션.
     화면이 좁으면 본문·전체메뉴 위로 겹쳐 올라온다. 모바일에서는 뺀다.
     (섹션 이동은 손가락 스크롤로 하면 된다.) */
  #fp-nav, .fp-slidesNav { display: none !important; }

  #allmenu .logo-alt {
    position: absolute; top: 14px; left: 16px; width: 140px; height: auto;
  }
  #allmenu .logo-alt img { width: 100%; height: auto; }
  #allmenu .allmenuclose { top: 20px; right: 16px; width: 22px; }
  #allmenu .allmenuclose img { width: 100%; }

  #allmenu-gnb {
    width: 100%; height: auto; padding: 84px 20px 60px; box-sizing: border-box;
  }
  #allmenu-gnb .ag-left,
  #allmenu-gnb .ag-center,
  #allmenu-gnb .ag-right {
    float: none; width: 100%; height: auto;
    padding: 0 0 26px; margin: 0 0 26px;
    left: 0; filter: none; opacity: 1;        /* PC 는 열릴 때 흐림→선명 연출을 한다.
                                                 좁은 화면에서는 지연이 답답해 바로 보여준다. */
    border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .12);
  }
  #allmenu-gnb .ag-right { border-bottom: 0; margin-bottom: 0; }

  /* 1depth */
  #allmenu-gnb .gnb1td,
  #allmenu-gnb .center1dt > a,
  #allmenu-gnb .center1dta {
    font-size: 18px; line-height: 1.9;
  }
  /* 2depth — 한 줄에 두 개씩 흘려 세로 길이를 줄인다 */
  #allmenu-gnb ul ul { display: flex; flex-wrap: wrap; gap: 0 14px; margin-bottom: 8px; }
  #allmenu-gnb ul ul li { width: auto; }
  #allmenu-gnb .gnb2td { font-size: 14px; line-height: 2.1; opacity: .78; }

  /* ── 우측 고정 퀵버튼(EVENT/TALK/N/상담) ──
     PC 크기 그대로면 화면의 1/4를 가린다. */
  .rightquick, .rightquick2 { transform: scale(.72); transform-origin: 100% 100%; }

  /* ── 게시판 표 ──
     원본은 colgroup 으로 폭을 픽셀 고정한다. 그대로면 표가 1280px 이 되어
     390px 화면에서 오른쪽이 잘린다. 폭 고정을 풀고 화면에 맞춘다.
     그래도 넘치면 표만 가로로 스크롤되게 둔다 — 페이지 전체가 밀리는 것보다 낫다. */
  /* ── 서브 페이지 공통 컨테이너 ──
     #subwrap 이 1280px 로 고정돼 있다. 게시판·콘텐츠 페이지가 전부 이 안에
     들어가므로, 여기만 풀면 안쪽이 따라온다. (표가 1280px 이던 원인) */
  #wrap, #fullpage, #subwrap, #container, #content {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
  }
  #subwrap { padding-left: 14px; padding-right: 14px; box-sizing: border-box; }

  /* ★ class 가 아니라 id 다 — <div id="listtablewrap"><table id="listtable"> */
  #listtablewrap, .boardwrap, .tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #listtable,
  #listtablewrap table,
  .boardwrap table { width: 100% !important; min-width: 0 !important; table-layout: auto !important; }
  #listtablewrap col,
  .boardwrap col { width: auto !important; }
  #listtablewrap th, #listtablewrap td,
  .boardwrap th, .boardwrap td {
    padding: 10px 6px; font-size: 13.5px; white-space: normal; word-break: break-word;
  }
  /* 글 보기 — .viewTable 은 데이터 표가 아니라 레이아웃용 표다.
     칸 폭을 풀면 제목·날짜가 좁은 칸에 갇혀 더 어색해진다.
     모바일에서는 표 구조를 버리고 세로로 쌓는다. */
  .viewTable, .viewTable tbody, .viewTable tr, .viewTable td {
    display: block; width: 100% !important; box-sizing: border-box;
  }
  .viewTable colgroup { display: none; }
  .viewTable td { padding: 0 0 12px; border: 0; }

  /* 글 보기 — 제목·날짜 */
  /* 원본은 제목·날짜를 절대배치/우측정렬로 잡는다. 좁은 화면에서는
     글자가 화면 밖으로 삐져나가고 날짜가 세로로 쪼개진다. 흐름 배치로 되돌린다. */
  .viewTable .title, .viewTable .day {
    position: static !important; float: none !important;
    width: auto !important; left: auto !important; right: auto !important; top: auto !important;
    text-align: left !important; padding: 0 !important;
  }
  .viewTable .title { font-size: 16px; font-weight: 700; line-height: 1.5; margin: 0 0 8px; }
  .viewTable .day { font-size: 12.5px; color: #767676; margin: 0 0 4px; white-space: nowrap; }
  .viewTable .day span { margin-left: 8px; }
  .viewTable .contents img { max-width: 100%; height: auto; }
  .viewTable .contents { line-height: 1.8; }
  /* 번호 칸은 좁은 화면에서 자리만 차지한다. 제목·등록일만 남긴다. */
  #listtable th:first-child,
  #listtable td:first-child { display: none; }

  /* ── 본문 공통 ──
     원본 모바일 CSS 가 대부분 잡지만, PC 전용 마크업에만 있는 것들이 남는다. */
  #fullpage, .section { min-width: 0; }
  .section { padding-left: 0; padding-right: 0; }

  /* 슬라이드(slick)·표는 넘치기 쉽다 */
  .slick-slider, .slick-list, .slick-track { max-width: 100%; }
  table { max-width: 100%; }

  /* ── 푸터 ── */
  footer, #footer { padding-left: 16px; padding-right: 16px; box-sizing: border-box; }

  /* ── 팝업 ──
     .pop_wrap 은 원본 CSS 가 width:100% 로 잡는데, 조상에 transform 이 걸린
     페이지에서는 기준이 화면이 아니라 그 요소가 되어 화면보다 넓어진다.
     화면을 덮도록 못 박는다. */
  .elz-rollpop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
  .elz-rollpop .popview { width: 100% !important; right: auto !important; }
  .elz-rollpop .popFadeImg li img { width: 100%; height: auto; display: block; }
  .elz-rollpop .close_bt { position: sticky; bottom: 0; }

  /* ── 모바일 메뉴 통일 ──
     게시판 등 PC 판을 쓰는 페이지에도 /m/ 과 같은 슬라이드 메뉴를 넣었다.
     좁은 화면에서는 그것만 쓰고 PC 헤더·전체메뉴는 감춘다.
     페이지 종류에 따라 메뉴가 딴판이던 문제를 없앤다. */
  .elz-mheader { display: block !important; }
  header, #allmenu { display: none !important; }

  /* 상단 바 — 로고 + Menu. 원본 모바일 헤더와 같은 자리·같은 높이. */
  .elz-mbar {
    position: fixed; top: 0; left: 0; right: 0; height: 54px; z-index: 320;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 14px; background: rgba(16,16,16,.92); box-sizing: border-box;
  }
  .elz-mlogo { display: block; width: 140px; }
  .elz-mlogo img { width: 100%; height: auto; display: block; }
  .elz-mbtn {
    border: 0; border-radius: 40px; background: #dda478; color: #101010;
    font-size: 14px; font-weight: 700; padding: 8px 18px; cursor: pointer;
  }
  /* 고정 바에 본문이 가리지 않게 */
  body { padding-top: 54px; }

  /* 상단 퀵바 아이콘(mq1~3.png)은 원본에서도 404 다. 깨진 이미지가 뜬다.
     같은 기능(전화·상담)은 우측 퀵버튼에 이미 있다. */
  .mobilequick { display: none !important; }

  /* ── 게시판 카테고리 탭 (.tap) ──
     전후사진·시술후기 등에서 쓰는 분류 버튼 줄이다.
     원본은 1140px 폭에 버튼을 가로로 늘어놓는다. 390px 화면에서는
     오른쪽 버튼이 통째로 잘려 보인다(전후사진에서 '필러'가 반쯤 잘렸다).
     줄바꿈시켜 전부 보이게 한다. */
  .tap { width: 100% !important; overflow: visible !important; }
  .tap ul {
    display: flex !important; flex-wrap: wrap; gap: 6px;
    width: 100% !important; padding: 0 !important;
  }
  .tap ul li {
    float: none !important; margin: 0 !important;
    /* flex:1 1 auto 로 두면 항목이 한 줄에 하나씩 떨어진다.
       폭을 반으로 못 박아 두 개씩 들어가게 한다. */
    flex: 0 0 calc(50% - 3px); width: calc(50% - 3px) !important;
    padding: 11px 10px !important; font-size: 13.5px !important;
    text-align: center; box-sizing: border-box;
  }

  /* 고정 헤더에 가려지는 것 방지.
     body padding-top 만으로는 페이지 안에서 앵커·scrollIntoView 로 이동했을 때
     제목이 헤더 밑에 깔린다. 스크롤 기준선을 헤더 높이만큼 내린다. */
  html { scroll-padding-top: 62px; }
  #subwrap { padding-top: 12px; }

  /* ── 등장 효과 ──
     PC 판 페이지의 내용은 .active 가 붙어야 보인다(opacity:0 → 1).
     원래는 fullpage 가 한 화면씩 넘기며 달아 줬는데, 모바일에서
     강제 스크롤을 껐으니 현재 섹션 하나에만 붙는다. 나머지는
     투명한 채로 남아 '빈 화면'이 된다.
     js/elz-mobile-anim.js 가 붙이는 .elz-seen 으로도 보이게 한다. */
  .popFadeThum li.elz-seen {border-bottom:1px solid #ff5d99; background:#ff5d99; font-size:17px; font-weight:700; color:#fff;}
  #allmenu.elz-seen {height:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s;}
  #allmenu.elz-seen h1 {opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.2s;}
  #allmenu.elz-seen ul.allmenu_sns {opacity:1; left:3%; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.4s;}
  #allmenu.elz-seen .ag-left {filter: blur(0px); opacity:1; left:0px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.6s;}
  #allmenu.elz-seen .ag-center {filter: blur(0px); opacity:1; left:0px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  #allmenu.elz-seen .ag-right {filter: blur(0px); opacity:1; left:0px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 1.0s;}
  #main0206_1.elz-seen .maintxt {animation: main0206_1 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s;}
  #main0206_2.elz-seen .maintxt {animation: main0206_2 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s;}
  #section1.elz-seen .introtxt div span {animation: introtxt 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #section1.elz-seen .maintxt li.t1 span:nth-child(1) {transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1.2s;}
  #section1.elz-seen .maintxt li.t1 span:nth-child(2) {transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1.2s;}
  #section1.elz-seen .maintxt li.t2 {transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 1.6s;}
  #section1.elz-seen .maintxt li.t3 {transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 2.0s;}
  #section2.elz-seen .section2img {animation: section2img 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #section2.elz-seen .section2txt {animation: section2txt 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s;}
  #section2.elz-seen .section2txt1 {opacity:1; filter: blur(0px); top:25%; left:26%; transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;}
  #section2.elz-seen .section2txt2 {opacity:1; filter: blur(0px); top:42%; left:18%; transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;}
  #section2.elz-seen .section2txt3 {opacity:1; filter: blur(0px); top:58%; left:24%; transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;}
  #section2.elz-seen .section2txt4 {opacity:1; filter: blur(0px); top:74%; left:27%; transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;}
  #section2.elz-seen .section2txt5 {opacity:1; filter: blur(0px); top:28%; left:71%; transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;}
  #section2.elz-seen .section2txt6 {opacity:1; filter: blur(0px); top:52%; left:81%; transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;}
  #section2.elz-seen .section2txt7 {opacity:1; filter: blur(0px); top:71%; left:77%; transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;}
  #section3.elz-seen .sectionbg2 {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/common/section33.jpg')no-repeat 100% 50%; background-size: cover !important; background-attachment: fixed !important;
	transition:transform 1600ms ease-in-out  0.2s; transform:scale(1.0,1.0);}
  #section3.elz-seen div.txt {animation: fadeup4 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s;}
  #section3.elz-seen .maintxt li.t1 {transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;}
  #section3.elz-seen .maintxt li.t2 {transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1.4s;}
  #section4.elz-seen ul li.t1 {animation: t1 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #section4.elz-seen ul li.t2 {animation: t2 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #section4.elz-seen ul li.t3 {animation: t3 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #section4.elz-seen ul li.t4 {animation: t4 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #section4.elz-seen ul li.t5 {animation: t3 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #section4.elz-seen ul li.t6 {animation: t2 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #section4.elz-seen ul li.t7 {animation: t1 1.6s cubic-bezier(0, 0.55, 0.45, 1) both 1.0s;}
  #section4.elz-seen ul li.t8 {animation: t3 1.6s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s;}
  #section5.elz-seen .main2txt li div {animation: main2txt 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.2s;}
  #section5.elz-seen .main2txt li div span {animation: main2txt2 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 1.8s;}
  #section5.elz-seen .sectionbg {position:fixed; bottom:0px; left:0px; width:100%; height:100%; background:url('/images/main/section5.jpg')no-repeat 50% 0; background-size: cover; background-attachment: fixed;
	transition:all 1.2s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;  animation: sectionbg2 35s ease-out infinite 0.3s;}
  .sub03_03.elz-seen ul li.txt1 {animation: sub03_03_1 0.7s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  .sub03_03.elz-seen ul li.txt2 {animation: sub03_03_2 0.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.9s;}
  .sub03_03.elz-seen ul li.txt3 {animation: sub03_03_3 0.7s cubic-bezier(0, 0.55, 0.45, 1) both 1.2s;}
  .sub03_03.elz-seen ul li.txt4 {animation: sub03_03_4 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 2.3s;}
  .sub03_03.elz-seen ul li.txt5 {animation: sub03_03_5 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 2.8s;}
  #section6.elz-seen .sectionbg {width:100%; transition:all 1.0s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;}
  #section6.elz-seen .circle ul li.circle2 {animation: mtxt-ani3 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 1.0s;}
  #section6.elz-seen .circle ul li.circle2 span.circle2txt1 {animation: mtxt-ani3_2 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 1.5s; width:148px; height:57px;}
  #section6.elz-seen .circle ul li.circle2 span.circle2txt2 {animation: mtxt-ani3_3 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 1.9s;}
  #section6.elz-seen .circle ul li.circle2 span.circle2txt1 img {width:100%;}
  #section6.elz-seen .circle ul li.circle1 {animation: mtxt-ani1 2.2s cubic-bezier(0.85, 0, 0.15, 1) both 2.3s;}
  #section6.elz-seen .circle ul li.circle1 span {animation: mtxt-ani1_2 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 2.6s;}
  #section6.elz-seen .circle ul li.circle3 {animation: mtxt-ani2 2.2s cubic-bezier(0.85, 0, 0.15, 1) both 4.0s;}
  #section6.elz-seen .circle ul li.circle3 span {animation: mtxt-ani2_2 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 4.5s;}
  #section6.elz-seen .circle ul li.circle4 {animation: circle4 0.8s cubic-bezier(0.85, 0, 0.15, 1) both 5.9s;}
  #section6.elz-seen .circle ul li.circle5 {animation: circle5 0.8s cubic-bezier(0.85, 0, 0.15, 1) both 5.9s;}
  #section6.elz-seen .txt1 {animation: section6txt 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.6s;}
  #section13.elz-seen .sectionbg2 {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/main/section13.jpg')no-repeat 100% 50%; background-size: cover !important; background-attachment: fixed !important;
	transition:transform 1600ms ease-in-out  0.2s; transform:scale(1.0,1.0);}
  #section13.elz-seen .txt1 {animation: section13 2.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.6s;}
  #section13.elz-seen .txt3 {animation: section13_3 2.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.3s;}
  #section13.elz-seen .txt2 {animation: section13_2 2.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.9s;}
  #section14.elz-seen .maintxt li.t1 span:nth-child(1) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s;}
  #section14.elz-seen .maintxt li.t1 span:nth-child(2) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.4s;}
  #section14.elz-seen .maintxt li.t1 span:nth-child(3) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  #section14.elz-seen .maintxt li.t1 span:nth-child(4) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s;}
  #section14.elz-seen .maintxt li.t2 div span:nth-child(1) {display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.0s;}
  #section14.elz-seen .maintxt li.t2 div span:nth-child(2) {display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.0s;}
  #section14.elz-seen .maintxt li.t3 {transform:translateY(0px); opacity:1; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 1.4s;}
  #section14.elz-seen .maintxt2 li.t1 span:nth-child(1) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s;}
  #section14.elz-seen .maintxt2 li.t1 span:nth-child(2) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.4s;}
  #section14.elz-seen .maintxt2 li.t1 span:nth-child(3) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  #section14.elz-seen .maintxt2 li.t1 span:nth-child(4) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s;}
  #section14.elz-seen .maintxt2 li.t2 div span:nth-child(1) {display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.0s;}
  #section14.elz-seen .maintxt2 li.t2 div span:nth-child(2) {display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.0s;}
  #section14.elz-seen .maintxt2 li.t3 {transform:translateY(0px); opacity:1; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 1.4s;}
  #section7.elz-seen .section7img1 {animation: section7img1 3.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.6s;}
  #section7.elz-seen .section7img2 {animation: section7img2 3.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.6s;}
  #section7.elz-seen .section7img3 {animation: section7img3 3.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.6s;}
  #section7.elz-seen .section7img4 {animation: section7img4 3.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.6s;}
  #section7.elz-seen .section7img5 {animation: section7img5 3.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.6s;}
  #section7.elz-seen .viewimg {animation: section7img6 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 2.3s;}
  #section7.elz-seen .viewimgtxt {animation: viewimgtxt 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 2.3s;}
  #section7.elz-seen .maintxt li.t1 {animation: t1 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 3.0s;}
  #section7.elz-seen .maintxt li.t2 {animation: t1 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 3.3s;}
  #section7.elz-seen .maintxt li.t3 {animation: t1 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 3.3s;}
  #section8.elz-seen .maintxt {animation: t44 0.8s cubic-bezier(0.85, 0, 0.15, 1) both 0.5s;}
  #section8.elz-seen div.imgbox div.imgbox1 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 0.8s;}
  #section8.elz-seen div.imgbox div.imgbox2 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 0.8s;}
  #section8.elz-seen div.imgbox div.imgbox3 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 0.8s;}
  #section8.elz-seen div.imgbox div.imgbox4 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 0.8s;}
  #section8.elz-seen div.imgbox div.imgbox5 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 0.8s;}
  #section8.elz-seen div.imgbox div.imgbox6 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 0.8s;}
  #section8.elz-seen div.imgbox div.imgbox7 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 1.2s;}
  #section8.elz-seen div.imgbox div.imgbox8 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 1.2s;}
  #section8.elz-seen div.imgbox div.imgbox9 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 1.2s;}
  #section8.elz-seen div.imgbox div.imgbox10 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 1.2s;}
  #section8.elz-seen div.imgbox div.imgbox11 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 1.2s;}
  #section8.elz-seen div.imgbox div.imgbox12 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 1.2s;}
  #section8.elz-seen div.imgbox div.imgbox13 {animation: imgbox 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 1.6s;}
  #section9.elz-seen .maintxt li.t1 {animation: section9 1.2s cubic-bezier(0.85, 0, 0.15, 1) both 2.0s;}
  #section9.elz-seen .maintxt li.t2 {animation: section9 1.2s cubic-bezier(0.85, 0, 0.15, 1) both 2.6s;}
  #section9.elz-seen .maintxt li.t3 {animation: section9 1.2s cubic-bezier(0.85, 0, 0.15, 1) both 2.3s;}
  #section9.elz-seen .section9bg {animation: section9bg3 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 1.5s;}
  #section9.elz-seen .section9bg li:nth-child(1) {animation: section9bg 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.5s;}
  #section9.elz-seen .section9bg li:nth-child(2) {animation: section9bg 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.5s;}
  #section9.elz-seen .section9bg li:nth-child(3) {animation: section9bg2 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.5s;}
  #section10.elz-seen .maintxt {animation: section10 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.5s;}
  #section10.elz-seen #signature {animation: section10_2 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 1.0s;}
  .quickcs.elz-seen {width:340px; height:609px; filter: blur(0px); transition:all 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0.1s;}
  .LayerRollPopup .popFadeThum li:hover, .LayerRollPopup .popFadeThum li.elz-seen {background: #6DBCC3; color: #fff;}
  .sub01_01.elz-seen .subtxt li div {top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub01_01.elz-seen .subtxt2 {left:70%; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  .sub01_02.elz-seen .subtxt1 {left:30%; opacity:1; filter: blur(0px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub01_02.elz-seen .subtxt2 {left:70%; opacity:1; filter: blur(0px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub01_03.elz-seen .subtxt li.t1 {animation: sub01_03_1 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  .sub01_03.elz-seen .subtxt li.t1 div:nth-child(2) {animation: sub01_03_2 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s;}
  .sub01_03.elz-seen .subtxt li.t2 div {animation: sub01_03_3 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s;}
  .sub01_03.elz-seen .subtxt li.t3 div {animation: sub01_03_3 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s;}
  .sub01_03.elz-seen .subtxt li.t4 {animation: sub01_03_4 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s;}
  .sub01_03.elz-seen  .sub01_03bg div {width:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub01_04.elz-seen .subtxt {height:802px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub01_04.elz-seen .subtxt ul li.t1 {opacity:1; filter: blur(0px); left:130px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  .sub01_04.elz-seen .subtxt ul li.t2 {opacity:1; filter: blur(0px); width:210px; height:210px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.2s;}
  .sub01_04.elz-seen .subtxt ul li.t3 {opacity:1; filter: blur(0px); width:210px; height:210px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.2s;}
  .sub01_04.elz-seen .subtxt ul li.t4 {opacity:1; filter: blur(0px); width:210px; height:210px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.2s;}
  .sub01_04.elz-seen .subtxt ul li.t5 {opacity:1; filter: blur(0px); top:350px; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 1.5s;}
  .sub01_04.elz-seen .subtxt ul li.t6 {opacity:1; filter: blur(0px); top:480px; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 1.8s;}
  .sub01_08.elz-seen .subtxt li div {position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub01_08.elz-seen .subimg li.img1 {left:0px; opacity:1; filter: blur(0px);  transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  .sub01_08.elz-seen .subimg li.img2 {top:248px; opacity:1; filter: blur(0px);  transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  .sub01_08.elz-seen .subimg li.img3 {left:224px; opacity:1; filter: blur(0px);  transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  .sub01_08.elz-seen .subimg li.img4 {right:0px; opacity:1; filter: blur(0px);  transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  #section13.elz-seen .sectionbg2 {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/main/section13.jpg')no-repeat 100% 50%; background-size: cover !important; background-attachment: fixed !important;
	transition:transform 1600ms ease-in-out  0s; transform:scale(1.0,1.0);}
  #section13.elz-seen .txt1 {animation: section13 2.0s cubic-bezier(0.85, 0, 0.15, 1) both 0s;}
  #section13.elz-seen .txt2 {animation: section13_2 2.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.3s;}
  #section14.elz-seen .maintxt li.t1 span:nth-child(1) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s;}
  #section14.elz-seen .maintxt li.t1 span:nth-child(2) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.1s;}
  #section14.elz-seen .maintxt li.t1 span:nth-child(3) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.2s;}
  #section14.elz-seen .maintxt li.t1 span:nth-child(4) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s;}
  #section14.elz-seen .maintxt li.t2 div span:nth-child(1) {display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s;}
  #section14.elz-seen .maintxt li.t2 div span:nth-child(2) {display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s;}
  #section14.elz-seen .maintxt li.t3 {transform:translateY(0px); opacity:1; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0.9s;}
  #section14.elz-seen .maintxt2 li.t1 span:nth-child(1) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s;}
  #section14.elz-seen .maintxt2 li.t1 span:nth-child(2) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.1s;}
  #section14.elz-seen .maintxt2 li.t1 span:nth-child(3) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.2s;}
  #section14.elz-seen .maintxt2 li.t1 span:nth-child(4) {display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s;}
  #section14.elz-seen .maintxt2 li.t2 div span:nth-child(1) {display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s;}
  #section14.elz-seen .maintxt2 li.t2 div span:nth-child(2) {display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s;}
  #section14.elz-seen .maintxt2 li.t3 {transform:translateY(0px); opacity:1; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0.9s;}
  .sub03_01.elz-seen .subtxt2 {left:70%; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  .sub03_01.elz-seen .subtxt li.t1 {animation: sub03_01_1 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s;}
  .sub03_01.elz-seen .subtxt li.t2 {animation: sub03_01_2 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s;}
  .sub03_02.elz-seen ul li.txt1 {animation: sub03_02_1 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s;}
  .sub03_02.elz-seen ul li.txt2 {animation: sub03_02_2 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s;}
  .sub03_02.elz-seen ul li.txt3 {animation: sub03_02_3 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.8s;}
  .sub03_02.elz-seen ul li.txt4 {animation: sub03_02_4 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 2.0s;}
  .sub03_02.elz-seen ul li.txt5 {animation: sub03_02_5 1.3s cubic-bezier(0, 0.55, 0.45, 1) both 2.2s;}
  .sub03_04.elz-seen .bg {animation: sub03_04_1 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.3s;}
  .sub03_04.elz-seen .subtxt li.txt1 {animation: sub03_04_2 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s;}
  .sub03_04.elz-seen .subtxt li.txt2 {animation: sub03_04_3 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s;}
  .sub03_04.elz-seen .subtxt li.txt3 {animation: sub03_04_4 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s;}
  .sub03_07.elz-seen .bg {animation: sub03_07 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.3s;}
  .sub03_07.elz-seen .subtxt li.txt1 {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s;}
  .sub03_07.elz-seen .subtxt li.txt2 {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 1.1s;}
  .sub03_05.elz-seen .slide03 div.title {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.3s;}
  .sub03_05.elz-seen .fillerslide {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s;}
  .sub04_01.elz-seen .sub04img1 {opacity:1; filter: blur(0px); left:20%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub04_01.elz-seen .sub04img2 {opacity:1; filter: blur(0px); left:88%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub04_01.elz-seen .txt1 {opacity:1; top:40%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 1.0s;}
  .sub04_01.elz-seen .txt2 {opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 1.0s;}
  .sub04_01.elz-seen .txt3 {opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 1.0s;}
  .sub04_01.elz-seen .sub04img3 {opacity:1; filter: blur(0px); top:85%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub040102.elz-seen .sub040101bg {animation: subvisual 2200ms ease-in-out both 0s;}
  .sub040102.elz-seen .sub040102bg {animation: subvisual 2200ms ease-in-out both 0s;}
  .sub040102.elz-seen ul.subtxt4 li.t1 {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.0s;}
  .sub040102.elz-seen ul.subtxt4 li.t2 {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.2s;}
  .sub040102.elz-seen .vtxt3 {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s;}
  .sub040103.elz-seen .sub040103bg {animation: subvisual 2200ms ease-in-out both 0s;}
  .sub040103.elz-seen ul.subtxt4 li.t1 {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.0s;}
  .sub040103.elz-seen ul.subtxt4 li.t2 {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.2s;}
  .sub040103.elz-seen .vtxt3 {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s;}
  .sub04_02.elz-seen .sub04img1 {opacity:1; filter: blur(0px); left:20%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub04_02.elz-seen .sub04img2 {opacity:1; filter: blur(0px); left:88%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub04_02.elz-seen .txt1 {opacity:1; filter: blur(0px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.9s;}
  .sub04_02.elz-seen .txt2 {opacity:1; filter: blur(0px); top:50%; left:60%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.9s;}
  .sub04_02.elz-seen .txt3 {opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.9s;}
  .sub04_02.elz-seen .txt4 {opacity:1; filter: blur(0px); top:22%; transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.9s;}
  .sub04_02.elz-seen .sub04img3 {opacity:1; filter: blur(0px); top:85%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  .sub04_03.elz-seen div ul:nth-child(1) {left:0%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s;}
  .sub04_03.elz-seen div ul:nth-child(2) {left:32%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.2s;}
  .sub04_03.elz-seen div ul:nth-child(3) {left:68%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.4s;}
  #sub0101_01.elz-seen ul li:nth-child(1) {animation: sub0101_01_1 3.9s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #sub0101_01.elz-seen ul li:nth-child(2) {animation: sub0101_01_2 3.9s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #sub0101_01.elz-seen ul li:nth-child(1) span {animation: fadeup2 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 1.0s;}
  #sub0101_01.elz-seen ul li:nth-child(2) span {animation: fadeup2 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 1.0s;}
  #sub0101_01.elz-seen ul li:nth-child(3) {animation: sub0101_01_3 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 3.0s;}
  #sub0101_01.elz-seen ul li:nth-child(4) {animation: fadeup3 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 3.9s;}
  #sub0101_02.elz-seen .bg0101_02 li.bg1 {animation: sub0101_02_1 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #sub0101_02.elz-seen .bg0101_02 li.bg2 {animation: sub0101_02_2 2.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.2s;}
  #section3.elz-seen div.txt {animation: fadeup4 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s;}
  .modal06close.elz-seen {opacity:1; transition:all 0.3s cubic-bezier(0.5, 0, 0.1, 1) 0.5s;}
  #sub0202_01.elz-seen .subtxt li div {top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.4s;}
  #sub0202_01.elz-seen .subtxt li.t3 {transform: translateY(0%); opacity:1; filter: blur(0px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  #sub0202_01.elz-seen .subtxt2 {left:70%; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.8s;}
  #sub0202_02.elz-seen .subtxt li.t1 {animation: sub01_02_1 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  #sub0202_02.elz-seen .subtxt li.t2 {animation: sub01_02_2 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  #sub0202_02.elz-seen .subtxt li.t3 {animation: sub01_02_3 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  #sub0202_02.elz-seen .subtxt li.t4 {animation: fadeup 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 1.2s;}
  #sub0202_03.elz-seen ul li.t1 span {animation: sub0202_03 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  #sub0202_03.elz-seen ul li.t2 span {animation: sub0202_03 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.9s;}
  #sub0202_03.elz-seen ul li.t4 {animation: fadeup 0.8s cubic-bezier(0.16, 1, 0.3, 1) both 1.3s;}
  #sub0202_04.elz-seen .subtxt li.t1 div:nth-child(1) {animation: sub0202_04_1 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s;}
  #sub0202_04.elz-seen .subtxt li.t1 div:nth-child(2) {animation: sub0202_04_1 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s;}
  #sub0202_04.elz-seen .subtxt li.t2 div {animation: sub0202_04_1 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s;}
  #sub0202_04.elz-seen .subtxt2 li.t1 div:nth-child(1) {animation: sub0202_04_2 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s;}
  #sub0202_04.elz-seen .subtxt2 li.t1 div:nth-child(2) {animation: sub0202_04_2 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s;}
  #sub0202_04.elz-seen .subtxt2 li.t2 div {animation: sub0202_04_2 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s;}
  #sub0202_04.elz-seen .bg div {width:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s;}
  #sub0202_05.elz-seen .bg {animation: sub0202_05 0.7s cubic-bezier(0.16, 1, 0.3, 1) both 0.3s;}
  #sub0202_05.elz-seen .subtxt li.txt1 {animation: sub03_04_2 0.8s cubic-bezier(0.16, 1, 0.3, 1) both 0.7s;}
  #sub0202_05.elz-seen .subtxt li.txt2 {animation: sub03_04_3 0.8s cubic-bezier(0.16, 1, 0.3, 1) both 1.0s;}
  #sub0204_01.elz-seen .subtxt li span {animation: sub0204_01 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  #sub0204_02.elz-seen .maint3 ul li.txt1 {animation: maint 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 1.4s;}
  #sub0204_02.elz-seen .maint3 ul li.txt2 {animation: maint 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 1.4s;}
  #sub0204_02.elz-seen .maint3 ul li.txt3 {animation: maint 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 1.9s;}
  #sub0204_02.elz-seen .maint3 ul li.txt4 {animation: maint 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 2.4s;}
  #sub0204_02.elz-seen .maint3 .txt5 {animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 2.9s;}
  #sub0204_02.elz-seen .subtxt {animation: fadeup 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s;}
  #sub0204_03.elz-seen .subtxt li.t1 {animation: fadeup 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
  #sub0204_03.elz-seen .subtxt li.t2 {animation: fadeup 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s;}
  .sub05_02.elz-seen .sub05img1 {animation: sub05img1 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_02.elz-seen .sub05txt1 li.title {animation: sub05title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_02.elz-seen .sub05txt1 li.con {animation: sub05con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_03.elz-seen .sub05img2 {animation: sub05img2 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_03.elz-seen .sub05txt2 li.title {animation: sub05title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_03.elz-seen .sub05txt2 li.con {animation: sub05con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_04.elz-seen .sub05img3 {animation: sub05img3 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_04.elz-seen .sub05img4 {animation: sub05img4 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_04.elz-seen .sub05img5 {animation: sub05img5 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_04.elz-seen .sub05txt3 li.title {animation: sub05title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_04.elz-seen .sub05txt3 li.con {animation: sub05con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_05.elz-seen .sub05img6 {animation: sub05img6 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_05.elz-seen .sub05txt4 li.title {animation: sub05title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub05_05.elz-seen .sub05txt4 li.con {animation: sub05con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  #sub06_03.elz-seen .sub06box2 ul:nth-child(1) {left:0px; opacity:1; filter: blur(0px); transition:all 0.7s cubic-bezier(0, 0.55, 0.45, 1) 0s;}
  #sub06_03.elz-seen .sub06box2 ul:nth-child(2) {right:0px; opacity:1; filter: blur(0px); transition:all 0.7s cubic-bezier(0, 0.55, 0.45, 1) 0s;}
  .sub07_02.elz-seen .sub05img1 {animation: sub07img1 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub07_02.elz-seen .sub05txt1 li.title {animation: sub07title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub07_02.elz-seen .sub05txt1 li.con {animation: sub07con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub07_03.elz-seen .sub05img2 {animation: sub07img2 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub07_03.elz-seen .sub05txt2 li.title {animation: sub07title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub07_03.elz-seen .sub05txt2 li.con {animation: sub07con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub07_04.elz-seen .sub05img3 {animation: sub07img3 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0s;}
  .sub07_04.elz-seen .sub05txt3 li.title {animation: sub07title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub07_04.elz-seen .sub05txt3 li.con {animation: sub07con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub07_05.elz-seen .sub05img4 {animation: sub07img4 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0s;}
  .sub07_05.elz-seen .sub05txt4 li.title {animation: sub07title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}
  .sub07_05.elz-seen .sub05txt4 li.con {animation: sub07con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s;}

  /* ── 우측 고정 버튼 정리 ──
     EVENT 는 화면 중간(top 421px)에 떠서 본문·카테고리 탭을 가린다.
     아래쪽 한 곳에 모아 작게 두면 내용을 안 가린다. */
  .rightquick2 {
    top: auto !important; bottom: 120px !important; right: 8px !important;
    transform: scale(.62); transform-origin: 100% 100%;
  }
  .rightquick {
    top: auto !important; bottom: 10px !important; right: 8px !important;
    transform: scale(.78); transform-origin: 100% 100%;
  }

  /* ── 고정 헤더가 본문 첫 줄을 덮던 것 ──
     서브 페이지 첫 섹션은 내용이 세로 가운데 정렬이라 헤더 밑으로 들어간다. */
  #fullpage > .section:first-child { padding-top: 84px; }
}