::-webkit-scrollbar {

  display:none;
  
  } 
  
  
  
  
  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  body{ line-height:1.5; font-family:'Dotum'; font-size:16px; color:#000; background:#fff;-ms-overflow-style: none; } 
  audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
  audio:not([controls]){display:none;height:0;}
  ul,ol,li{list-style:none}
  blockquote,q{quotes:none;}
  blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
  fieldset,img{border:0}
  hr{height:0;}
  small{font-size:80%}
  sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
  sup{top:-0.5em}
  sub{bottom:-0.25em}
  address,caption,em,var{font-style:normal;font-weight:normal}
  a{text-decoration:none;cursor:pointer;color: inherit;}
  a[href^="tel"]{font-style:normal}
  a:hover,a:active,a:focus{text-decoration:none !important;}
  b,strong{font-weight:bold}
  dfn{font-style:italic}
  img{border:0;vertical-align:top}
  pre{overflow:auto}
  code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
  table{border-spacing:0;border-collapse:collapse}
  td,th{padding:0;}
  legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
  input{vertical-align:middle;margin:0;padding:0;}
  input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;appearance:none;border-radius:0;font-family:'Dotum';}
  input:checked[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}
  button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;appearance:button;font-family:'Dotum';}
  button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
  button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
  a,input,button,select{outline:none}
  button,select{text-transform:none}
  optgroup{font-weight:bold}
  textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none;appearance:none;}
  input::-ms-clear{display:none;}
  
  
  body { width: 100%; margin: auto; font-family: 'Pretendard'; }
  body.locked { touch-action:none; -webkit-overflow-scrolling:none; overflow:hidden; overscroll-behavior:none; }
  
  /*body.main { overflow-y: hidden; }*/
  
  .mo { display: none; }
  .pc { display: block; }
  
  /**/
  
  
  /*html,a,.btn { cursor: none; }*/
  .btn { cursor: pointer; }
  
  #cursor {
    position: fixed;
    z-index: 99999999999999999;
    left: 0;
    top: 0;
    pointer-events: none;
    will-change: transform;
  }
  
  @media (hover: hover) and (pointer: fine) {
    
    .cursor__circle {
      width: 34px;
      height: 34px;
      margin-top: -20%;
      margin-left: -20%;
      border-radius: 50%;
      background:url(../../images/cursor.png) no-repeat center;
      transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
        background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
        border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
        width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
        height 0.3s cubic-bezier(0.25, 1, 0.5, 1),
        margin 0.3s;
    }
    
    #cursor.arrow .cursor__circle{
      width: 80px;
      height: 80px;
      margin-top: -50%;
      margin-left: -50%;
      background: transparent;
      border: 1px solid #3a1c19;
    }
  
    .cursor_drag { width: 25px; height: 25px; background-color: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; border: 1px solid #000; background: none; }
    .cursor_drag p { color: #fff; color: #000; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; }
    .cursor_drag p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); position: absolute; left: -33px; top: 0; bottom: 0; margin: auto; }
    .cursor_drag p:after { content:''; width: 5px; height: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: absolute; right: -33px; top: 0; bottom: 0; margin: auto; }
   
    .cursor_click { width: 25px; height: 25px; background-color: transparent; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; }
    .cursor_click p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; transform: translateY(-5px); }
    .cursor_click p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; left: 0; right: 0; top: 18px; bottom: 0; margin: auto; }
   
    #cursor{
      width: 70px;
      height: 70px;
    }
  
    .cursor_skip { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 0; position: absolute; display: none; }
    .cursor_skip p { display: none; }
    .cursor_skip::after { content: ''; width: 100%; height: 100%; background: url(../img/play.png) center no-repeat; }
    body.main .cursor_skip { display: flex; }
    body.main .cursor_skip.show { opacity: 1; }
    .cursor_skip:before { display: none; }
  
    .cursor_skip2 { width: 70px; height: 70px; background-color: #3a1c19; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 0; position: absolute; display: none; }
    body.main .cursor_skip2 { display: flex; }
    body.main .cursor_skip2.show { opacity: 1; }
    .cursor_skip2 p { font-family: 'lexend', sans-serif; color: #fff; font-size: 14px; line-height: 100%; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; }
    .cursor_skip2:before { content:''; width: 94px; height: 94px; position: absolute; left: -12px; top: -12px; background-color: #3a1c19; opacity: 0.6; border-radius: 100%;  
    
      animation-name: cursor_skip, cursor_skip2;
      animation-duration: 2.1s, 2.1s;
      animation-delay: 0s, 0s;
      animation-timing-function: ease, ease;
      animation-fill-mode: both, both;
      animation-iteration-count: infinite, infinite;
  
    }
    
    .cursor_skip.drag { opacity: 0; }
    .cursor_skip2.drag { opacity: 0; }
  
    /* body.main .cursor_skip { display: flex; } */
  
    /* .intro_bg { width: 167.1428%; position: absolute; left: -33%; top: -33%; animation: intro_bg 8s 0s linear infinite; } */
      
      @keyframes intro_bg {
          from { transform: rotate(-360deg); }
          to {  }
      }
  
    #cursor.click .cursor__circle{
      width: 80px;
      height: 80px;
      background-color: transparent;
      border-color: transparent;
    }
    #cursor.click .cursor_click { 
      width: 65px;
      height: 65px;
    opacity: 1;
    }
  
    #cursor.drag .cursor__circle{
      width: 80px;
      height: 80px;
      background-color: transparent;
      border-color: transparent;
    }
    #cursor.drag .cursor_drag { 
      width: 65px;
      height: 65px;
    opacity: 1;
    }
  
    #cursor.drag2 .cursor__circle{
      width: 80px;
      height: 80px;
      background-color: transparent;
      border-color: transparent;
    }
    #cursor.drag2 .cursor_drag { 
      width: 65px;
      height: 65px;
    opacity: 1;
    }
    #cursor.drag2 .cursor_drag { background-color: transparent; border: 1px solid #fff; }
    #cursor.drag2 .cursor_drag p:before { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
    #cursor.drag2 .cursor_drag p:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
  
  
  
  
  }
  
  
  
  @keyframes cursor_skip {
    0% { transform: scale(0.7); }
    30% { transform: scale(0.7); }
    80% { transform: scale(1); }
    100% { transform: scale(1);  }
  }
  @keyframes cursor_skip2 {
    0% { opacity: 0; }
    20% { opacity: 0.3; }
    70% { opacity: 0.3; }
    100% { opacity: 0; }
  }
  
  .imgc { z-index: 9; font-size: 0.75rem; line-height: 100%; color: #fff; position: absolute; right: 1rem; bottom: 0.75rem; text-shadow: 0 0 5px rgba(0,0,0,0.7),0 0 5px rgba(0,0,0,0.7); }
  
  /*  */
  
  /* .left_quick { font-family: 'Carisma Gothic'; width: 70px; height: 100%; position: fixed; z-index: 990; left: 2.5rem; top: 0; transform: translateY(0px); }
  .left_quick>div { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
  .left_quick ul { width: 100%; }
  .left_quick ul li { width: 100%; height: auto; font-size: 0.813rem; font-weight: 700; line-height: 1.625rem; text-align: left; 
  display: flex; justify-content: flex-start; align-items: center; margin: 0.25rem 0; color: #000; position: relative; padding-left: 0.875rem; transition: 0.3s; cursor: pointer; opacity: 0.3; }
  .left_quick ul li:after { content:''; width: 2px; height: 100%; position: absolute; left: 0; margin: auto; bottom: 0; background-color: #000; transition: 0.5s; }
  
  .left_quick ul li.active { opacity: 1; }
  .left_quick ul li.active:after { opacity: 1; }
  .left_quick ul li:hover { opacity: 1; }
  .left_quick ul li:hover:after { opacity: 1; }
  
  .left_quick.white ul li { color: #fff; }
  .left_quick.white ul li:after { background-color: #fff; } */
  
  /*  */
  
  .pr_pop_bt { position: fixed; right: 0; bottom: 0; z-index: 9999; cursor: pointer; }
  .pr_pop_bt img { transform: translateY(1.25rem); transition: all 1.2s, transform 0.3s; opacity: 0; }
  .pr_pop_bt img:last-child { transform: translateY(0) !important; display: none; }
  .pr_pop_bt:hover img { transform: translateY(0); }
  .pr_pop_bt.show img { opacity: 1; }
  
  /*  */
  
  
  .pr_pop_wrap { width: 100%; height: 100%; position: fixed; right: -0%; top: -100%; z-index: 99999999; display: flex; justify-content: center; align-items: center; transition: 0.8s 0.2s; }
  .pr_pop_wrap>div:first-child { width: 100%; height: 100%; position: relative; position: relative; z-index: 9; }
  
  .pr_pop_close { width: 4.6875rem; height: 4.6875rem; background-color: #fff; position: fixed; left: 0; right: 0; margin: auto; top: -15rem; z-index: 999999999; cursor: pointer; transition: 0.8s 0s; }
  .pr_pop_close:after { content:''; width: 1px; height: 70%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; transform: rotate(45deg); }
  .pr_pop_close:before { content:''; width: 1px; height: 70%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; transform: rotate(-45deg); }
  
  .pr_pop_close.active { top: 3rem; transition: 0.8s 0.2s; }
  .pr_pop_wrap.active { top: 0; transition: 0.8s 0.0s; }
  
  .pr_pop_img_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
  .pr_pop_img { width: 50%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; transition: 1.0s; background-color: #000; }
  .pr_pop_img.img01 { z-index: 9; }
  .pr_pop_img.img02 { width: 100%; left: revert; right: 0; }
  .pr_pop_img::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 1.5s; }
  .pr_pop_img.img01::after { background: url(../img/pr_pop_img01.jpg) center no-repeat; background-size: cover; background-attachment: fixed; opacity: 0.5; }
  .pr_pop_img.img02::after { background: url(../img/pr_pop_img02.jpg) center no-repeat; background-size: cover; background-attachment: fixed; }
  
  .pr_pop_img.img01.active { width: 100%; }
  .pr_pop_img.img01.active2 { width: 0%; }
  .pr_pop_img.scale::after { transform: scale(1.05); }
  
  .pr_pop_txt_box { width: 50%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; color: #fff; }
  .pr_pop_txt_box.box02 { left: revert; right: 0; color: #000; }
  
  .pr_pop_vd_bt { max-width: 440px; position: absolute; z-index: 9; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 3.375rem; transform: translate(-5rem, 3.75rem); transition: 0.6s; }
  .pr_pop_vd_bt>div { display: flex; justify-content: flex-start; align-items: center; gap: 1.125rem; }
  .pr_pop_vd_bt h2 { font-family: 'Brown', sans-serif; font-size: 1.4375rem; line-height: 120%; letter-spacing: 0.25rem; }
  .pr_pop_vd_bt h1 { font-size: 1.875rem; line-height: 100%; margin-top: -0.25rem; }
  .pr_pop_vd_bt .x { width: 1.875rem; height: 1.875rem; position: relative; } 
  .pr_pop_vd_bt .x:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(45deg); }
  .pr_pop_vd_bt .x:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(-45deg); }
  .pr_pop_vd_bt.bt02 { justify-content: flex-end; transform: translate(5rem, -3.75rem); }
  .pr_pop_vd_bt.bt02>div:first-child { order: 2; }
  .pr_pop_vd_bt.bt02 .x:after { background-color: #000; }
  .pr_pop_vd_bt.bt02 .x:before { background-color: #000; }
  
  .pr_pop_vd_bt.hide { opacity: 0; }
  
  .pr_pop_arrow { width: 100%; height: 69px; display: flex; justify-content: flex-start; align-items: center; transform-origin: left top; }
  .pr_pop_arrow>div { width: 126px; height: 100%; display: flex; justify-content: flex-start; align-items: center; position: relative; }
  .pr_pop_arrow>div>div { width: 100px; height: 22px; position: relative; }
  .pr_pop_arrow>div>div::before { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
  .pr_pop_arrow>div>div::after { content: ''; width: 14px; height: 14px; position: absolute; right: 1px; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
  .pr_pop_arrow>div img { position: absolute; right: -4px; top: 0; bottom: 0; margin: auto; z-index: -1; animation: pr_pop_arrow 15s 0s linear infinite; }
  .pr_pop_vd_bt.bt02 .pr_pop_arrow { justify-content: flex-end; transform-origin: right bottom; }
  .pr_pop_vd_bt.bt02 .pr_pop_arrow>div>div::before { background-color: #000; }
  .pr_pop_vd_bt.bt02 .pr_pop_arrow>div>div::after { border-right: 1px solid #000; border-bottom: 1px solid #000; }
  
  @keyframes pr_pop_arrow {
    from { transform: rotate(-360deg); }
    to {  }
  }
  
  .pr_line_box { width: 95%; height: 95%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: -1; }
  .pr_line_box>div { position: absolute; background-color: #fff; opacity: 0.5; transition: 0.8s; }
  .pr_line01 { width: 0%; height: 1px; left: 0; top: 0; }
  .pr_line02 { width: 1px; height: 0%; right: 0; top: 0; }
  .pr_line03 { width: 0%; height: 1px; right: 0; bottom: 0; }
  .pr_line04 { width: 1px; height: 0%; left: 0; bottom: 0; }
  .pr_line_box.box02>div { background-color: #000; }
  
  .pr_line_box.active .pr_line01,
  .pr_line_box.active .pr_line03 { width: 100%; }
  .pr_line_box.active .pr_line02,
  .pr_line_box.active .pr_line04 { height: 100%; }
  
  
  /*  */
  
  .vd_pop_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: -100%; z-index: 99999999; display: flex; justify-content: center; align-items: center; transition: 0.8s 0s; }
  .vd_pop_bg_bt { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1; }
  .vd_pop { width: 90%; max-width: 1620px; position: relative; display: flex; justify-content: center; align-items: center; transform: translateY(2.5rem); z-index: 9; }
  .vd_pop_vd { width: 100%; max-width: 1100px; }
  .vd_pop iframe { width: 100%; aspect-ratio: 16/9 !important; background-color: #000; }
  .vd_pop>div { width: 100%; justify-content: flex-end; align-items: center; display: flex; flex-wrap: wrap; }
  .vd_pop_top { width: 100%; max-width: 1100px; display: flex; justify-content: space-between; align-items: center; color: #fff; margin-bottom: 0.75rem; }
  .vd_pop_tit { width: 100%; display: flex; justify-content: flex-start; align-items: flex-end; }
  .vd_pop_tit h2 { font-family: 'Brown', sans-serif; font-size: 1.875rem; line-height: 100%; position: relative; margin-right: 0.875rem; padding-right: 0.875rem; }
  .vd_pop_tit h2::after { content: ''; width: 1px; height: 50%; background-color: #fff; position: absolute; right: 0; bottom: 0; }
  .vd_pop_tit p { font-size: 0.9375rem; line-height: 100%; opacity: 0.4; }
  .vd_pop_wrap.wrap02 .vd_pop>div { justify-content: flex-start; }
  .vd_pop_wrap.wrap02 .vd_pop_tit { color: #000; }
  .vd_pop_wrap.wrap02 .vd_pop_tit h2::after { background-color: #000; }
  .vd_pop_wrap.wrap02 .vd_pop_tit p { opacity: 0.7; }

  .vd_pop_tab { display: flex; justify-content: flex-end; align-items: center; gap: 0.375rem; }
  .vd_pop_tab>div { font-size: 1.125rem; width: 8.375rem; height: 3.125rem; line-height: 3rem; text-align: center; border: 1px solid #fff; box-sizing: border-box; color: #fff; }
  .vd_pop_tab>div.active { background-color: #fff; color: #000; }
  .vd_pop_tab.tab02>div { border: 1px solid #000; color: #000; }
  .vd_pop_tab.tab02>div.active { background-color: #000; color: #fff; }
  
  .vd_pop_bt { width: 2.1875rem; position: absolute; left: 6.25rem; top: 6.25rem; color: #fff; }
  .vd_pop_bt>div { width: 340px; position: absolute; left: 0; top: 0; transform: rotate(90deg); transform-origin: left top; display: flex; justify-content: flex-start; align-items: center; gap: 1.375rem; }
  .vd_pop_bt>div>div { display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; }
  .vd_pop_bt h2 { font-family: 'Brown', sans-serif; font-size: 0.875rem; line-height: 120%; letter-spacing: 0.25rem; }
  .vd_pop_bt h1 { font-size: 1.1875rem; line-height: 100%; margin-top: -0.125rem; }
  .vd_pop_bt .x { width: 1.1875rem; height: 1.1875rem; position: relative; } 
  .vd_pop_bt .x:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(45deg); }
  .vd_pop_bt .x:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(-45deg); }
  .vd_pop_bt>div>div:last-child { width: 24px; height: 24px; border-radius: 100%; position: relative; background-color: #fff; }
  .vd_pop_bt>div>div:last-child:after { content: ''; width: 5px; height: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-135deg); position: absolute; left: 0; right: 0; top: 2px; bottom: 0; margin: auto; }
  .vd_pop_bt.bt02 { transform-origin: right top; left: revert; right: 2.5rem; color: #000; }
  .vd_pop_bt.bt02 .x:after { background-color: #000; }
  .vd_pop_bt.bt02 .x:before { background-color: #000; }
  .vd_pop_bt.bt02>div>div:last-child { background-color: #000; }
  .vd_pop_bt.bt02>div>div:last-child::after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
  
  .vd_pop_wrap.active { top: 0; transition: 0.8s 0.2s; }
  
/*  */

  .pr_wrap { width: 100vw; height: 100dvh; position: relative; z-index: 9; display: flex; justify-content: center; align-items: center; transition: 2.4s; color: #fff; background-color: #000; overflow: hidden; }

  .main_pr_pop_wrap { width: 100%; height: 100%; position: relative; right: -0%; top: -0%; z-index: 99999999; display: flex; justify-content: center; align-items: center; transition: 0.8s 0.2s; }
  .main_pr_pop_wrap>div:first-child { width: 100%; height: 100%; position: relative; position: relative; z-index: 9; }

  .main_pr_pop_close { width: 4.6875rem; height: 4.6875rem; background-color: #fff; position: absolute; left: 0; right: 0; margin: auto; top: 3rem; z-index: 999999999; cursor: pointer; display: none; opacity: 0; }
  .main_pr_pop_close:after { content:''; width: 1px; height: 70%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; transform: rotate(45deg); }
  .main_pr_pop_close:before { content:''; width: 1px; height: 70%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; transform: rotate(-45deg); }


  .main_pr_pop_img_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
  .main_pr_pop_img { width: 50%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; transition: 1.0s; background-color: #000; }
  .main_pr_pop_img.img01 { z-index: 9; }
  .main_pr_pop_img.img02 { width: 100%; left: revert; right: 0; }
  .main_pr_pop_img::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 1.5s; }
  .main_pr_pop_img.img01::after { background: url(../img/pr_pop_img01.jpg) center no-repeat; background-size: cover; background-attachment: fixed; opacity: 0.5; }
  .main_pr_pop_img.img02::after { background: url(../img/pr_pop_img02.jpg) center no-repeat; background-size: cover; background-attachment: fixed; }

  .main_pr_pop_img.img01.active { width: 100%; }
  .main_pr_pop_img.img01.active2 { width: 0%; }
  .main_pr_pop_img.scale::after { transform: scale(1.05); }

  .main_pr_pop_txt_box { width: 50%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; color: #fff; }
  .main_pr_pop_txt_box.box02 { left: revert; right: 0; color: #000; }

  .main_pr_pop_vd_bt { max-width: 440px; position: absolute; z-index: 9; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 3.375rem; transform: translate(-5rem, 3.75rem); transition: 0.6s; }
  .main_pr_pop_vd_bt>div { display: flex; justify-content: flex-start; align-items: center; gap: 1.125rem; }
  .main_pr_pop_vd_bt h2 { font-family: 'Brown', sans-serif; font-size: 1.4375rem; line-height: 120%; letter-spacing: 0.25rem; }
  .main_pr_pop_vd_bt h1 { font-size: 1.875rem; line-height: 100%; margin-top: -0.25rem; }
  .main_pr_pop_vd_bt .x { width: 1.875rem; height: 1.875rem; position: relative; } 
  .main_pr_pop_vd_bt .x:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(45deg); }
  .main_pr_pop_vd_bt .x:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(-45deg); }
  .main_pr_pop_vd_bt.bt02 { justify-content: flex-end; transform: translate(5rem, -3.75rem); }
  .main_pr_pop_vd_bt.bt02>div:first-child { order: 2; }
  .main_pr_pop_vd_bt.bt02 .x:after { background-color: #000; }
  .main_pr_pop_vd_bt.bt02 .x:before { background-color: #000; }

  .main_pr_pop_vd_bt.hide { opacity: 0; }

  .main_pr_pop_arrow { width: 100%; height: 69px; display: flex; justify-content: flex-start; align-items: center; transform-origin: left top; }
  .main_pr_pop_arrow>div { width: 126px; height: 100%; display: flex; justify-content: flex-start; align-items: center; position: relative; }
  .main_pr_pop_arrow>div>div { width: 100px; height: 22px; position: relative; }
  .main_pr_pop_arrow>div>div::before { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
  .main_pr_pop_arrow>div>div::after { content: ''; width: 14px; height: 14px; position: absolute; right: 1px; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
  .main_pr_pop_arrow>div img { position: absolute; right: -4px; top: 0; bottom: 0; margin: auto; z-index: -1; animation: pr_pop_arrow 15s 0s linear infinite; }
  .main_pr_pop_vd_bt.bt02 .main_pr_pop_arrow { justify-content: flex-end; transform-origin: right bottom; }
  .main_pr_pop_vd_bt.bt02 .main_pr_pop_arrow>div>div::before { background-color: #000; }
  .main_pr_pop_vd_bt.bt02 .main_pr_pop_arrow>div>div::after { border-right: 1px solid #000; border-bottom: 1px solid #000; }

  @keyframes pr_pop_arrow {
    from { transform: rotate(-360deg); }
    to {  }
  }

  .main_pr_line_box { width: 95%; height: 95%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: -1; }
  .main_pr_line_box>div { position: absolute; background-color: #fff; opacity: 0.5; transition: 0.8s; }
  .main_pr_line01 { width: 0%; height: 1px; left: 0; top: 0; }
  .main_pr_line02 { width: 1px; height: 0%; right: 0; top: 0; }
  .main_pr_line03 { width: 0%; height: 1px; right: 0; bottom: 0; }
  .main_pr_line04 { width: 1px; height: 0%; left: 0; bottom: 0; }
  .main_pr_line_box.box02>div { background-color: #000; }

  .main_pr_line_box.active .main_pr_line01,
  .main_pr_line_box.active .main_pr_line03 { width: 100%; }
  .main_pr_line_box.active .main_pr_line02,
  .main_pr_line_box.active .main_pr_line04 { height: 100%; }


  /*  */

  .main_vd_pop_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: -100%; z-index: 99999999; display: flex; justify-content: center; align-items: center; transition: 0.8s 0s; }
  .main_vd_pop_bg_bt { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1; }
  .main_vd_pop { width: 90%; max-width: 1620px; position: relative; display: flex; justify-content: center; align-items: center; transform: translateY(2.5rem); z-index: 9; }
  .main_vd_pop_vd { width: 100%; max-width: 1100px; }
  .main_vd_pop iframe { width: 100%; aspect-ratio: 16/9 !important; background-color: #000; }
  .main_vd_pop>div { width: 100%; justify-content: flex-end; align-items: center; display: flex; flex-wrap: wrap; }
  .main_vd_pop_top { width: 100%; max-width: 1100px; display: flex; justify-content: space-between; align-items: center; color: #fff; margin-bottom: 0.75rem; }
  .main_vd_pop_tit { width: 100%; display: flex; justify-content: flex-start; align-items: flex-end; }
  .main_vd_pop_tit h2 { font-family: 'Brown', sans-serif; font-size: 1.875rem; line-height: 100%; position: relative; margin-right: 0.875rem; padding-right: 0.875rem; }
  .main_vd_pop_tit h2::after { content: ''; width: 1px; height: 50%; background-color: #fff; position: absolute; right: 0; bottom: 0; }
  .main_vd_pop_tit p { font-size: 0.9375rem; line-height: 100%; opacity: 0.4; }
  .main_vd_pop_wrap.wrap02 .main_vd_pop>div { justify-content: flex-start; }
  .main_vd_pop_wrap.wrap02 .main_vd_pop_tit { color: #000; }
  .main_vd_pop_wrap.wrap02 .main_vd_pop_tit h2::after { background-color: #000; }
  .main_vd_pop_wrap.wrap02 .main_vd_pop_tit p { opacity: 0.7; }

  .main_vd_pop_tab { display: flex; justify-content: flex-end; align-items: center; gap: 0.375rem; }
  .main_vd_pop_tab>div { font-size: 1.125rem; width: 8.375rem; height: 3.125rem; line-height: 3rem; text-align: center; border: 1px solid #fff; box-sizing: border-box; color: #fff; }
  .main_vd_pop_tab>div.active { background-color: #fff; color: #000; }
  .main_vd_pop_tab.tab02>div { border: 1px solid #000; color: #000; }
  .main_vd_pop_tab.tab02>div.active { background-color: #000; color: #fff; }

  .main_vd_pop_bt { width: 2.1875rem; position: absolute; left: 6.25rem; top: 6.25rem; color: #fff; }
  .main_vd_pop_bt>div { width: 340px; position: absolute; left: 0; top: 0; transform: rotate(90deg); transform-origin: left top; display: flex; justify-content: flex-start; align-items: center; gap: 1.375rem; }
  .main_vd_pop_bt>div>div { display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; }
  .main_vd_pop_bt h2 { font-family: 'Brown', sans-serif; font-size: 0.875rem; line-height: 120%; letter-spacing: 0.25rem; }
  .main_vd_pop_bt h1 { font-size: 1.1875rem; line-height: 100%; margin-top: -0.125rem; }
  .main_vd_pop_bt .x { width: 1.1875rem; height: 1.1875rem; position: relative; } 
  .main_vd_pop_bt .x:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(45deg); }
  .main_vd_pop_bt .x:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(-45deg); }
  .main_vd_pop_bt>div>div:last-child { width: 24px; height: 24px; border-radius: 100%; position: relative; background-color: #fff; }
  .main_vd_pop_bt>div>div:last-child:after { content: ''; width: 5px; height: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-135deg); position: absolute; left: 0; right: 0; top: 2px; bottom: 0; margin: auto; }
  .main_vd_pop_bt.bt02 { transform-origin: right top; left: revert; right: 2.5rem; color: #000; }
  .main_vd_pop_bt.bt02 .x:after { background-color: #000; }
  .main_vd_pop_bt.bt02 .x:before { background-color: #000; }
  .main_vd_pop_bt.bt02>div>div:last-child { background-color: #000; }
  .main_vd_pop_bt.bt02>div>div:last-child::after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

  .main_vd_pop_wrap.active { top: 0; transition: 0.8s 0.2s; }

  /*  */
  
  .intro_all_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; }
  
  .intro_wrap { width: 100%; height: 100%; position: relative; }
  
  .intro_bg { width: 100vw; height: 100vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; z-index: 5; background-color: #614332; }
  .intro_bg>div { width: 100%; height: 10%; display: flex; justify-content: space-between; align-items: center; }
  .intro_bg>div>div { width: 10%; height: 100%; background-color: #614332; transform: rotate(0deg) scale(1.01); display: none; }
  
  
  
  .intro_con01 { width: 100%; height: 100%; background:url(../../images/intro1_bg.jpg) no-repeat center; background-size:cover; position: absolute; z-index: 3; display: flex; justify-content: center; align-items: center; text-align: center; }
  .intro_con01 h3 { font-size:15px;color:#000;line-height:40px;font-weight:300; opacity: 0; }
  .intro_con01 h3 span { color: #000; }
  
  
  .intro_con02 { width: 100%; height: 100%; background:url(../../images/intro2_bg1.jpg) no-repeat center; background-size:cover; position: absolute; z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; }
  .intro_con02 h3 { font-size:26px;color:#939598;line-height:41px;font-weight:bold; opacity: 0; }
  .intro_con02 h3:nth-child(1) {font-weight:400;}
  .intro_con02 .line {position:absolute;top:70%;bottom:30%;left:50%;width:1px;background:#939598; opacity: 0;}
  
  
  .intro_con03 { width: 100%; height: 100%; background:url(../../images/intro3_bg1.jpg) no-repeat center; background-size:cover; position: absolute; z-index: 1; display: flex; justify-content: center; align-items: center; text-align: center; }
  .intro_con03 .line {position:absolute;top:0%;left:50%;width:1px;height:0;background:#939598; opacity: 0;}
  
  
  .intro_wrap.intro1 .intro_con01 h3:nth-child(1) { opacity: 1; transition: 1.2s 0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(1) span { color: #999; transition: 1.2s 1.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(2) { opacity: 1; transition: 1.2s 1.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(2) span { color: #999; transition: 1.2s 2.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(3) { opacity: 1; transition: 1.2s 2.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(3) span { color: #999; transition: 1.2s 3.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(4) { opacity: 1; transition: 1.2s 3.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(4) span { color: #999; transition: 1.2s 4.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(5) { opacity: 1; transition: 1.2s 4.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(5) span { color: #999; transition: 1.2s 5.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(6) { opacity: 1; transition: 1.2s 5.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(6) span { color: #999; transition: 1.2s 6.0s; }
  .intro_wrap.intro1 .intro_con01 h3:nth-child(7) { opacity: 1; transition: 1.2s 6.0s; }
  
  .intro_wrap.intro2 .intro_con01 { opacity: 0; transition: 1.2s 0s; }
  .intro_wrap.intro2 .intro_con02 h3:nth-child(1) { opacity: 1; transition: 1.2s 0s; }
  .intro_wrap.intro2 .intro_con02 h3:nth-child(2) { opacity: 1; transition: 1.2s 1.0s; }
  .intro_wrap.intro2 .intro_con02 .line { opacity: 1; bottom:0; transition: 1.2s 2.0s; }
  
  .intro_wrap.intro3 .intro_con02 { opacity: 0; transition: 1.2s 0s; }
  .intro_wrap.intro3 .intro_con03 .line { opacity: 1; height:30%; transition: 1.2s 0s; }
  
  /**/
  
  .all_wrap { width: 100%; height: auto; overflow: hidden; position: relative; left: 0; top: 0; }
  body.main .all_wrap { height: 100vh; text-align: center; }
  
  .section { background-color: #fff; width: 100%; height: 100vh; position: relative; overflow: hidden; }
  
  
  .main_skip_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999999980; display: none; }
  .main_skip_bt { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
  .main_skip_bt p { display: none; }
  
  
/**/

#section1 { width: 100%; background-color: #fff; }

.main_wrap { width: 100vw; height: 100vh; left: 0; top: 0; z-index: 9; display: flex; justify-content: flex-start; align-items: center; background-color: #fff; overflow: hidden; transition: 2.4s; }

.main_bg { width: 100%; height: 100%; position: absolute; top:50%; transform: scale(3); background:url(../../images/intro4_bg1.jpg?2) no-repeat center; background-size:cover; }

.main_tit { width: 100%; height: 100%; position: absolute; z-index: 990; text-align: center; display: flex; justify-content: center; align-items: center; }
.main_tit>div { margin-bottom:28%; }
.main_tit h1 { font-size:40px;color:#000000;line-height:40px;font-weight:bold; letter-spacing: 0px; display: flex; justify-content: center; align-items: center; }
.main_tit .quick { position:absolute;top:140px;right:5%; opacity: 0; }

.main00 { width: 100vw; height: 100vh; position: relative; z-index: 1; overflow: hidden; }

.main_wrap.idx .main_bg { animation: main_bg 2.8s 1.2s both; }
.main_wrap.idx .main_tit>div { animation: main_tit 2.8s 1.2s both; }
.main_wrap.idx .main_tit .quick { opacity: 1; transition: 1.2s 3.0s; }

@keyframes main_bg {
	0% {  }
	100% { top:0%; transform: scale(1); }
}
@keyframes main_tit {
	0% { opacity: 0; }
	100% { opacity: 1; }
}



.sales_wrap { width: 100vw; height: 100vh; background:url(../../images/img_sales_bg.jpg) no-repeat center;background-size:cover; position: relative; overflow: hidden; transition: 2.4s; }

.sales_con { width: 675px; position: absolute; top:50%; left:50%; z-index: 1; margin:-270px 0 0 -337px; text-align: center; }
.sales_con .title { font-family:'Marcellus';font-size:55px;color:#fff;line-height:50px; opacity: 0; }
.sales_con .con {margin-top:58px;}
.sales_con .con ul {display:grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom:12px;}
.sales_con .con ul:nth-child(2) {display:grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.sales_con .con ul li {border:1px solid #fff;height:147px;text-align:center; position:relative; display: flex; flex-direction: column; justify-content: center; opacity: 0;}
.sales_con .con ul li h3 {font-size:30px;color:#fff;line-height:32px;font-weight:bold;position:relative;z-index:2;}
.sales_con .con ul li p {font-size:18px;color:#fff;line-height:24px;font-weight:400;position:relative;z-index:2;margin-top:8px;}
.sales_con .con ul li:hover:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(91,62,48,.7);}
.sales_con .con ul li:hover p {color:#f2dfcd;}

.sales_wrap.on .title { opacity: 1; transition: 1.2s 1.2s; }
.sales_wrap.on .con ul:nth-child(1) li:nth-child(1) { opacity: 1; transition: 1.2s 2.1s; }
.sales_wrap.on .con ul:nth-child(1) li:nth-child(2) { opacity: 1; transition: 1.2s 2.3s; }
.sales_wrap.on .con ul:nth-child(2) li:nth-child(1) { opacity: 1; transition: 1.2s 2.6s; }
.sales_wrap.on .con ul:nth-child(2) li:nth-child(2) { opacity: 1; transition: 1.2s 2.2s; }
.sales_wrap.on .con ul:nth-child(2) li:nth-child(3) { opacity: 1; transition: 1.2s 2.4s; }
.sales_wrap.on .con ul:nth-child(3) li:nth-child(1) { opacity: 1; transition: 1.2s 2.0s; }
.sales_wrap.on .con ul:nth-child(3) li:nth-child(2) { opacity: 1; transition: 1.2s 2.5s; }



/*  */

.overview_wrap { width: 100vw; height: 100vh; position: relative; z-index: 9; display: flex; justify-content: center; align-items: center; transition: 2.4s; color: #fff; background-color: #000; }
.overview_wrap::before { content: ''; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; background: linear-gradient(to right, transparent, rgba(0,0,0,.5)); opacity: 0; transition: 0.8s; }

.overview_box { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
.overview_box>div:first-child { width: 90%; height: 70%; max-width: 1300px; transform: translateY(3rem); position: relative; z-index: 9; display: flex; justify-content: space-between; align-items: center; }

.overview_box:after {content:'';position:absolute;top:0;bottom:0;right:0;z-index:2;width:50%;background:url(../../images/img_overview_bg.jpg?5) no-repeat center;background-size:cover; transition: 1.0s; opacity:0;}

.overview_bg { width: 100vw; height: 100vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; z-index: 2; background-color: #3a1c19; transition: 1.0s; }

.overview_sum_box { width: 415px; text-align: left; transform: translateX(-7vw); transition: 1.0s; position: relative; z-index: 9; }

.overview_sum_tit { display: inline-block; position: relative; transition: 1.0s; font-size:17px;color:#fff;line-height:24px;margin-bottom:80px;}
.overview_sum_tit h5 {font-weight:bold;}
.overview_sum_tit h3 { font-family:'Marcellus';font-size:55px;line-height:60px;margin-top:8px; transition: 1.0s; }
.overview_sum_tit img {position: absolute; left: -90px; top: -70px; z-index: 9; transition: 1.0s;}

.overview_sum { width: 100%; }
.overview_sum ul { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 40px; }
.overview_sum ul li { width: 100%; }
.overview_sum ul li h3 { font-size:17px;color:#fff;line-height:24px;font-weight:bold; }
.overview_sum ul li p { font-size:15px;color: rgba(255,255,255,.4);line-height:24px;padding-top:14px; margin-top: 6px; border-top:1px solid #fff; box-sizing: border-box; }
.overview_sum ul li span {display:inline-block;padding-top:10px;}

.overview_txt_box { width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; transition: 1.0s; }
.overview_txt_box.box01 { justify-content: flex-end; text-align: right; }
.overview_txt_box.box01>div { transition: 1.0s; text-align:center; }
.overview_txt_box h2 {font-size:60px;color:#fff;line-height:62px;font-weight:200;}
.overview_txt_box h4 {font-size:42px;color:#fff;line-height:62px;font-weight:bold;}
.overview_txt_box h4 span {display:block;font-size:14px;line-height:20px;font-weight:100;letter-spacing: 8px; margin-top:5px;}
.overview_txt_box p {font-size:14px;color:#afafaf;line-height:24px;font-weight:300;letter-spacing: -1px; margin-top:45px;}
.overview_txt_box p span {color:#fff;}

.overview_bg1 {width: 55vw; height: 100vh; position: relative; z-index: 9; background:url(../../images/img_overview_bg1.jpg?1) no-repeat center; background-size:cover;transition: 2.4s;}

.main_wrap.on2 .overview_wrap { transform: translateX(-30vw); }
.main_wrap.on2 .overview_bg1 { transform: translateX(-30vw); }
.main_wrap.on3 .overview_wrap { transform: translateX(-100vw); }
.main_wrap.on3 .overview_bg1 { transform: translateX(-100vw); }
.main_wrap.on4 .overview_wrap { transform: translateX(-155vw); }
.main_wrap.on4 .overview_bg1 { transform: translateX(-155vw); }

.main_wrap.on2 .overview_wrap::before { opacity: 0.8; }

.main_wrap.on3 .overview_sum_box { transform: translateX(-21.25rem); opacity: 1; }
.main_wrap.on2 .overview_sum_box { transform: translateX(-10.25rem); opacity: 1; }

.main_wrap.on3 .overview_box:after,
.main_wrap.on4 .overview_box:after {opacity: 1;}

.main_wrap.on3 .overview_sum_box { transform: translate(0); }
.main_wrap.on3 .overview_sum_tit { transform: translate(0); }
.main_wrap.on3 .overview_sum_tit h3 { transform: translate(0); }
.main_wrap.on3 .overview_sum_tit img {left: -120px; top: 70px;}
  
  
/**/

#section2 { width: 100%; }

.brand_wrap { width: 200vw; height: 100vh; background:#fff; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.brand_wrap .con1 { width: 100vw; height: 100vh; position: relative; z-index: 2; background:url(../../images/img_brand_bg3.jpg) no-repeat center;background-size:cover; transition: 2.4s; }
.brand_wrap .con1 .top {position:absolute;top:50%;left:0;width:100%;margin-top:-201px;}

.brand_wrap .video { width: 100vw; height: 100vh; position: relative; z-index: 2; transition: 2.4s; }
.brand_wrap .video video {width:100%;height:calc(100% - 290px);padding:0;margin:0;border:0; object-fit: cover;}

.brand_wrap .img {opacity: 0;transform: scale(0.4);margin-bottom:40px;}
.brand_wrap p {font-size:14px;color:#fff;line-height:24px;font-weight:300;text-align:center; opacity: 0;}
.brand_wrap .con1 .end {position:absolute;bottom:0;left:0;width:100%;height:290px;box-sizing:border-box;padding:0 10%;background:#fff; display: flex; align-items: center;}
.brand_wrap .con1 .end dl {width:100%; display: flex; justify-content: space-between; align-items: flex-end;}
.brand_wrap .con1 .end dl dt {font-size:14px;color:rgba(0,0,0,.6);line-height:24px;font-weight:300;text-align:left; opacity: 0;}
.brand_wrap .con1 .end dl dt h3 {font-size:22px;color:#000;line-height:32px;font-weight:500;margin-bottom:20px;}
.brand_wrap .con1 .end dl dd {font-family:'Marcellus';font-size:30px;color:#d7d7d7;line-height:32px;text-align:right;letter-spacing: 5px; opacity: 0;}
.brand_wrap .video .end {position:absolute;bottom:0;left:0;width:100%;height:290px;box-sizing:border-box;padding:0 10%;background:#fff; display: flex; align-items: center;}
.brand_wrap .video .end dl {width:100%; display: flex; justify-content: space-between; align-items: flex-end;}
.brand_wrap .video .end dl dt {font-size:14px;color:rgba(0,0,0,.6);line-height:24px;font-weight:300;text-align:left; opacity: 0;}
.brand_wrap .video .end dl dt h3 {font-size:22px;color:#000;line-height:32px;font-weight:500;margin-bottom:20px;}
.brand_wrap .video .end dl dd {font-size:32px;color:#000;font-weight:500;text-align:right;text-transform: uppercase; opacity: 0;}

.brand_wrap.on .con1 .img { transform: scale(1);opacity: 1; transition: 2s 2.0s; }
.brand_wrap.on .con1 .end dt { opacity: 1; transition: 1.2s 3.2s; }
.brand_wrap.on .con1 .end dd { opacity: 1; transition: 1.2s 3.2s; }

.brand_wrap.on2 .con1 { transform: translateX(-100vw); }
.brand_wrap.on2 .con1 .img { opacity: 0; transition: 1.2s 0.2s; }
.brand_wrap.on2 .video { transform: translateX(-100vw); }
.brand_wrap.on2 .video .end dt { opacity: 1; transition: 1.2s 2.2s; }
.brand_wrap.on2 .video .end dd { opacity: 1; transition: 1.2s 2.2s; }
  
  
/*  */

.premium_wrap { width: 500vw; height: 100vh; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; transition: 2.4s; }
.premium_wrap .premium01 { width: 100vw; height: 100%; background:url(../../images/img_premium_bg1.jpg?1) no-repeat center;background-size:cover; position: relative; z-index: 2; transition: 2.4s;}
.premium_wrap .premium02 { width: 100vw; height: 100%; background:url(../../images/img_premium_bg2.jpg?1) no-repeat center;background-size:cover; position: relative; z-index: 3; transition: 2.4s;}
.premium_wrap .premium03 { width: 100vw; height: 100%; background:url(../../images/img_premium_bg3.jpg?1) no-repeat center;background-size:cover; position: relative; z-index: 4; transition: 2.4s;}
.premium_wrap .premium04 { width: 100vw; height: 100%; background:url(../../images/img_premium_bg4.jpg?1) no-repeat center;background-size:cover; position: relative; z-index: 5; transition: 2.4s;}
.premium_wrap .premium05 { width: 100vw; height: 100%; background:url(../../images/img_premium_bg5.jpg?1) no-repeat center;background-size:cover; position: relative; z-index: 6; transition: 2.4s;}

.premium_wrap .title {position:absolute;top:50%;right:50%;z-index:2; margin:-274px -710px 0 0; font-family:'Marcellus';font-size:35px;color:#fff;line-height:30px; text-transform: uppercase; opacity: 0;}

.premium_wrap .txt1 {position:absolute;top:50%;left:50%;z-index:2; margin:-274px 0 0 -700px; text-align:left; opacity: 0;}
.premium_wrap .txt1 h3 {font-size:22px;color:#fff;line-height:24px;font-weight:bold;padding-bottom:24px;}
.premium_wrap .txt1 p {font-size:15px;color:#a4a4a4;line-height:30px;}

.premium_wrap .txt2 {position:absolute;top:50%;left:50%;z-index:2; margin:230px 0 0 -700px; text-align:left; opacity: 0;}
.premium_wrap .txt2 h3 {font-size:15px;color:#fff;line-height:22px;font-weight:300;padding-bottom:20px;display:inline-block;position:relative;}
.premium_wrap .txt2 h3:after {content:'';position:absolute;top:29px;left:0;width:100%;height:1px;background:#fff;}
.premium_wrap .txt2 p {font-size:13px;color:#a4a4a4;line-height:25px;}

.premium_wrap ul {position:absolute;top:50%;right:94px;z-index:2; margin-top: -85px; opacity: 0;}
.premium_wrap ul li {position:relative;width:5px;height:5px;background:#b5b5b5;border-radius:50%;margin-bottom:37px;}
.premium_wrap .premium01 ul li:nth-child(1):after {content:'';position:absolute;top:-2px;left:-2px;z-index:1;width:9px;height:9px;background:#fff;border-radius:50%;}
.premium_wrap .premium02 ul li:nth-child(2):after {content:'';position:absolute;top:-2px;left:-2px;z-index:1;width:9px;height:9px;background:#fff;border-radius:50%;}
.premium_wrap .premium03 ul li:nth-child(3):after {content:'';position:absolute;top:-2px;left:-2px;z-index:1;width:9px;height:9px;background:#fff;border-radius:50%;}
.premium_wrap .premium04 ul li:nth-child(4):after {content:'';position:absolute;top:-2px;left:-2px;z-index:1;width:9px;height:9px;background:#fff;border-radius:50%;}
.premium_wrap .premium05 ul li:nth-child(5):after {content:'';position:absolute;top:-2px;left:-2px;z-index:1;width:9px;height:9px;background:#fff;border-radius:50%;}

.premium_wrap .premium01 .img1 {position:absolute;top:50%;left:50%; margin:-145px 0 0 -8px; transform: translateX(-120px); opacity: 0;}

.premium_wrap .premium02 .img1 {position:absolute;top:50%;left:50%; margin:-48px 0 0 -91px; transform: translateX(120px); opacity: 0;}
.premium_wrap .premium02 .img2 {position:absolute;top:50%;left:50%; margin:-98px 0 0 320px; transform: translateX(-120px); opacity: 0;}
.premium_wrap .premium02 .img3 {position:absolute;top:50%;left:50%; margin:160px 0 0 198px; transform: translateX(120px); opacity: 0;}

.premium_wrap .premium03 .img1 {position:absolute;top:50%;left:50%; margin:-97px 0 0 -80px; transform: translateX(120px); opacity: 0;}
.premium_wrap .premium03 .img2 {position:absolute;top:50%;left:50%; margin:2px 0 0 320px; transform: translateX(-120px); opacity: 0;}
.premium_wrap .premium03 .img3 {position:absolute;top:50%;left:50%; margin:150px 0 0 -237px; transform: translateX(120px); opacity: 0;}

.premium_wrap .premium04 .img1 {position:absolute;top:50%;left:50%; margin:-40px 0 0 -237px; transform: translateX(120px); opacity: 0;}
.premium_wrap .premium04 .img2 {position:absolute;top:50%;left:50%; margin:-98px 0 0 320px; transform: translateX(-120px); opacity: 0;}
.premium_wrap .premium04 .img3 {position:absolute;top:50%;left:50%; margin:101px 0 0 320px; transform: translateX(-120px); opacity: 0;}

.premium_wrap .premium05 .img1 {position:absolute;top:50%;left:50%; margin:-50px 0 0 320px; transform: translateX(-120px); opacity: 0;}
.premium_wrap .premium05 .img2 {position:absolute;top:50%;left:50%; margin:202px 0 0 320px; transform: translateX(-120px); opacity: 0;}
.premium_wrap .premium05 .img3 {position:absolute;top:50%;left:50%; margin:-99px 0 0 -81px; transform: translateX(120px); opacity: 0;}
.premium_wrap .premium05 .img4 {position:absolute;top:50%;left:50%; margin:131px 0 0 64px; transform: translateX(120px); opacity: 0;}
.premium_wrap .premium05 .img5 {position:absolute;top:50%;left:50%; margin:131px 0 0 -190px; transform: translateX(120px); opacity: 0;}

.premium_wrap.active2 .premium01 { transform: translateX(-100vw); }
.premium_wrap.active2 .premium02 { transform: translateX(-100vw); }
.premium_wrap.active2 .premium03 { transform: translateX(-100vw); }
.premium_wrap.active2 .premium04 { transform: translateX(-100vw); }
.premium_wrap.active2 .premium05 { transform: translateX(-100vw); }

.premium_wrap.active3 .premium01 { transform: translateX(-200vw); }
.premium_wrap.active3 .premium02 { transform: translateX(-200vw); }
.premium_wrap.active3 .premium03 { transform: translateX(-200vw); }
.premium_wrap.active3 .premium04 { transform: translateX(-200vw); }
.premium_wrap.active3 .premium05 { transform: translateX(-200vw); }

.premium_wrap.active4 .premium01 { transform: translateX(-300vw); }
.premium_wrap.active4 .premium02 { transform: translateX(-300vw); }
.premium_wrap.active4 .premium03 { transform: translateX(-300vw); }
.premium_wrap.active4 .premium04 { transform: translateX(-300vw); }
.premium_wrap.active4 .premium05 { transform: translateX(-300vw); }

.premium_wrap.active5 .premium01 { transform: translateX(-400vw); }
.premium_wrap.active5 .premium02 { transform: translateX(-400vw); }
.premium_wrap.active5 .premium03 { transform: translateX(-400vw); }
.premium_wrap.active5 .premium04 { transform: translateX(-400vw); }
.premium_wrap.active5 .premium05 { transform: translateX(-400vw); }

.premium_wrap.on .premium01 .title {opacity: 1; transition: 1.2s 2.2s;}
.premium_wrap.on .premium01 .img1 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on .premium01 .txt1 { opacity: 1; transition: 1.2s 4.2s; }
.premium_wrap.on .premium01 .txt2 { opacity: 1; transition: 1.2s 5.2s; }
.premium_wrap.on .premium01 ul { opacity: 1; transition: 1.2s 5.7s; }

.premium_wrap.on2 .premium02 .title {opacity: 1; transition: 1.2s 2.2s;}
.premium_wrap.on2 .premium02 .img1 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on2 .premium02 .img2 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on2 .premium02 .img3 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on2 .premium02 .txt1 { opacity: 1; transition: 1.2s 4.2s; }
.premium_wrap.on2 .premium02 ul { opacity: 1; transition: 1.2s 4.7s; }

.premium_wrap.on3 .premium03 .title {opacity: 1; transition: 1.2s 2.2s;}
.premium_wrap.on3 .premium03 .img1 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on3 .premium03 .img2 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on3 .premium03 .img3 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on3 .premium03 .txt1 { opacity: 1; transition: 1.2s 4.2s; }
.premium_wrap.on3 .premium03 ul { opacity: 1; transition: 1.2s 4.7s; }

.premium_wrap.on4 .premium04 .title {opacity: 1; transition: 1.2s 2.2s;}
.premium_wrap.on4 .premium04 .img1 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on4 .premium04 .img2 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on4 .premium04 .img3 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on4 .premium04 .txt1 { opacity: 1; transition: 1.2s 4.2s; }
.premium_wrap.on4 .premium04 ul { opacity: 1; transition: 1.2s 4.7s; }

.premium_wrap.on5 .premium05 .title {opacity: 1; transition: 1.2s 2.2s;}
.premium_wrap.on5 .premium05 .img1 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on5 .premium05 .img2 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on5 .premium05 .img3 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on5 .premium05 .img4 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on5 .premium05 .img5 { opacity: 1; transform: translateX(0); transition: 1.2s 3.2s; }
.premium_wrap.on5 .premium05 .txt1 { opacity: 1; transition: 1.2s 4.2s; }
.premium_wrap.on5 .premium05 ul { opacity: 1; transition: 1.2s 4.7s; }
  
  
/*  */

#section4 {background:#000;}

.unit_wrap { width: 100vw; height: 100vh; position: relative; overflow: hidden; transition: 2.4s; }

.unit_wrap ul {width:100%; height:100%; display: flex; text-align:center;}
.unit_wrap ul li {width:33.333%; height:100%; position:relative; opacity: 0; transform: translateY(60px);}
.unit_wrap ul li:nth-child(1) {background:url(../../images/img_unit_01.jpg) no-repeat center;background-size:cover;}
.unit_wrap ul li:nth-child(2) {background:url(../../images/img_unit_02.jpg) no-repeat center;background-size:cover;}
.unit_wrap ul li:nth-child(3) {background:url(../../images/img_unit_03.jpg) no-repeat center;background-size:cover;}
.unit_wrap ul li p {position:absolute;bottom:10%;left:50%;z-index:3; width:254px;margin-left:-127px; font-family:'Marcellus';font-size:35px;color:#fff;line-height:34px;font-weight:400; text-transform: uppercase; padding-bottom:15px;border-bottom:1px solid #fff; opacity: 0; transform: translateY(20px); transition: 0.2s 0.2s;}
.unit_wrap ul li:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000; opacity: 0; transition: 0.2s 0.2s;}
.unit_wrap ul li a {position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;}
.unit_wrap ul li:hover p {opacity: 1; transform: translateY(0px);}
.unit_wrap ul li:hover:after {content:'';opacity: .4;}

.unit_wrap.on ul li:nth-child(1) { opacity: 1; transform: translateY(0); transition: 1.2s 1.2s; }
.unit_wrap.on ul li:nth-child(2) { opacity: 1; transform: translateY(0); transition: 1.2s 1.7s; }
.unit_wrap.on ul li:nth-child(3) { opacity: 1; transform: translateY(0); transition: 1.2s 2.2s; }
  
  
/*  */

.contact_wrap { width: 100vw; height: 100vh; background:url(../../images/img_contact_bg.jpg?2) no-repeat center;background-size:cover; position: relative; overflow: hidden; transition: 2.4s; }

.contact_wrap .title {font-family:'Marcellus';font-size:50px;color:#000;line-height:54px;font-weight:400;text-transform: uppercase; position:absolute;top:50%;left:0; width:100%; margin-top:-264px; opacity: 0;}
.contact_wrap .con1 {position:absolute;top:50%;left:50%; margin:-166px 0 0 -283px; transform: translateY(60px);opacity: 0;}
.contact_wrap .con1 .link1 {position:absolute;top:78%;left:79%;width:8%;height:8%;}
.contact_wrap .con1 .link2 {position:absolute;top:78%;left:87%;width:8%;height:8%;}
.contact_wrap .con1 .link3 {position:absolute;top:88%;left:79%;width:8%;height:9%;}
.contact_wrap .con1 .link4 {position:absolute;top:88%;left:87%;width:8%;height:9%;}
.contact_wrap .con2 {position:absolute;top:50%;left:50%; margin:-165px 0 0 12px; transform: translateX(60px);opacity: 0;}
.contact_wrap .con2 .link1 {position:absolute;top:88%;left:79%;width:8%;height:8%;}
.contact_wrap .con2 .link2 {position:absolute;top:88%;left:87%;width:8%;height:8%;}

.contact_wrap.on .title { opacity: 1; transition: 1.2s 0.2s; }
.contact_wrap.on .con1 { opacity: 1; transform: translateY(0); transition: 1.2s 1.2s; }
.contact_wrap.on .con2 { opacity: 1; transform: translateY(0); transition: 1.2s 1.2s; }
  
/*  */

#footer { overflow: visible; }

.footer { width: 100%; padding:45px 5%; box-sizing: border-box; z-index: 99; background-color: #000; position: relative; text-align: left; letter-spacing: -0.5px; }
.footer:after { content:''; width: 100%; height: 100vh; position: absolute; left: 0; top: -100vh; display: none; }

.footer dl {display:flex; align-items: center; justify-content: space-between; padding-bottom:20px;}
.footer dl dt {}
.footer dl dt h3 {font-size:28px;color:#fff;line-height:30px;font-weight:bold;padding-bottom:20px;}
.footer dl dt p {font-size:13px;color:#fff;line-height:18px;font-weight:400;padding:5px 0 0 30px;}
.footer dl dt p b {font-weight: 400; padding-left: 123px;}
.footer dl dd {}
.footer .copy {border-top:1px solid #939598;padding-top:24px;font-size:13px;color:#fff;line-height:18px;font-weight:400;text-align:left;}
.footer .copy .t1 {font-family:'Noto Sans KR';opacity:.4;}
.footer .copy .t2 {font-family:'Noto Sans KR';margin-top:18px;}
.footer .copy .t3 {font-family:'Noto Sans KR';color:#f2dfcd;margin-top:4px;}

.footer.end:after { display: block; }

/* span.yellow { color: #fcff00 !important; } */

.top_bt { width: 50px; height: 50px; border: 1px solid #888; z-index: 99999; position: absolute; right: 0; left: 0; margin: auto; top: -30px; cursor: pointer; border-radius: 100%; opacity:  0; transition: 0.8s; }
.top_bt:before { content:''; width: 8px; height: 8px; position: absolute; left: 0; right: 0; top: 5px; bottom: 0; margin: auto; border-left: 1px solid #888; border-top: 1px solid #888; transform: rotate(45deg); z-index: 9; }
.top_bt::after { content: ''; width: 1px; height: 64px; background-color: #888; position: absolute; left: 0; right: 0; margin: auto; top: 23px; }



.footer.on:after { display: block; }
.footer.on .top_bt { opacity: 1; top: -65px; transition: 0.8s 0.2s; }
.footer.active .top_bt { opacity: 1; top: -65px; }
  
  /*  */
  
  
  .guest_pop_wrap { width: 70%; height: 100%; position: fixed; right: -70%; top: 0; z-index: 99999999; display: flex; background-color: #fff; justify-content: center; align-items: center; transition: 0.8s 0s; }
  .guest_pop_bg_bt { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1; }
  
  .guest_pop { width: 90%; max-width: 1300px; position: relative; display: flex; justify-content: center; align-items: center; z-index: 9; flex-wrap: wrap; }
  .guest_pop img { width: 100%; }
  .guest_pop_bg { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 99999998; background-color: #000; opacity: 0.8; transition: 0.6s 0.2s; }
  .guest_pop_close { width: 2.75rem; height: 2.75rem; position: absolute; right: 1.875rem; top: 1.875rem; cursor: pointer; transition: 0.5s; z-index: 99; }
  .guest_pop_close:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; transform: rotate(45deg); }
  .guest_pop_close:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; transform: rotate(-45deg); }
  .guest_pop_close:hover { transform: rotate(360deg); }
  
  .guest_pop_tit { text-align: center; width: 100%; margin-bottom: 1.875rem; }
  .guest_pop_tit h2 { font-size: 2.1875rem; line-height: 100%; }
  .guest_pop_tit span { display: inline-block; width: 1px; height: 2.375rem; background-color: #404040; margin: auto; margin-top: 2.1875rem; }
  
  .guest_pop_wrap.active { right: 0; transition: 0.8s 0.2s; }
  .guest_pop_bg.active { left: 0; transition: 0.6s 0s; }
  
  
  .guest_wrap { position: fixed; left: 0; top: -100%; z-index: 99999999; width: 100%; height: 100vh; max-height: 1000px; overflow: hidden; text-align: left; display: flex; justify-content: center; align-items: center; background: #fff; transition: 0.8s 0s; box-sizing: border-box; overflow-x: hidden; }
  .guest_wrap { position: relative; top: 0; width: 100%; height: auto; max-height: revert; margin: auto; overflow: visible; }
  .guest_wrap>div>div:last-child { width: 100%; }
  
  .guest_bg { position: fixed; left: 0; bottom: -100%; z-index: 99999998; width: 100%; height: 100%; background-color: #000; opacity: 0.7; transition: 0.6s 0s; cursor: pointer; }
  
  .guest_wrap.active { top: 0; transition: 0.8s 0s; }
  .guest_bg.active { bottom: 0; transition: 0.6s 0s; }
  
  body.sub .guest_wrap { position: relative; top: 0; z-index: 9; }
  body.sub .guest_close { display: none; }
  
  @media all and (min-width: 800px) { 
  /*	body.sub .guest_wrap { padding-top: 130px; }*/
  }
   
  /*.guest_wrap>div { overflow-x: hidden; padding-bottom: 3px; }*/
  .guest_wrap>div { padding-bottom: 3px; }
  
  /*.guest_wrap>div>div:last-child { width: 90%; max-width: 1300px; margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; opacity: 0; transform: translateY(60px); }*/
  .guest_wrap>div>div:last-child { width: 100%; max-width: 1300px; margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
  
  /*.guest_tit { text-align: center; margin-bottom: 55px; opacity: 0; transform: translateY(-50px); }*/
  .guest_tit { text-align: center; margin-bottom: 55px; }
  .guest_tit h1 { font-size: 55px; line-height: 100%; }
  .guest_tit p { font-size: 15px; line-height: 100%; opacity: 0.7; margin-top: 25px; font-weight: 500; }
  
  
  .guest_wrap h2 { font-size: 18px; line-height: 100%; margin-bottom: 18px; font-weight: 600; }
  .guest_box h6 { font-size: 14px; line-height: 22px; position: absolute; right: 0; top: 0; font-weight: 500; }
  .guest_box b.red { color: #f71313; }
  .guest_box p b.red { margin-left: 3px; }
  
  .guest_wrap .guest_box { width: 100%; margin-right: 0%; margin-bottom: 40px; }
  .guest_wrap .guest_box:nth-child(2n) { margin-right: 0; }
  .guest_wrap .guest_box input { font-family: 'Noto Sans KR', sans-serif; }
  
  .guest_box.m { width: 100% !important; margin-top: 10px; position: relative; }
  
  .guest_ori { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 40px; }
  /*.guest_box h6 { font-size: 14px; line-height: 100%; font-weight: 500; }*/
  /* .guest_kakao {  } */
  .guest_kakao a { display: flex; justify-content: center; align-items: center; }
  .guest_kakao p { font-size: 14px; line-height: 100%; position: relative; display: inline-block; margin-left: 10px; transform: translateY(-1px); font-weight: 500; }
  .guest_kakao p:after { content:''; width: 0; height: 1px; background-color: #25282a; left: 0; bottom: -5px; position: absolute; transition: 0.4s; }
  
  .guest_kakao:hover p:after { width: 100%; }
  
  .per_agree_box { width: 100%; height: 175px; overflow: scroll; border: 1px solid #b6b6b6; box-sizing: border-box; padding: 0 25px; padding-top: 20px; letter-spacing: -1px;
  font-size: 14px; line-height: 30px; color: #6f6f6f; padding-bottom: 40px; }
  .per_agree_box::-webkit-scrollbar { display: block; width: 10px; height: 100%; background-color: #f3f3f3; }
  .per_agree_box::-webkit-scrollbar-thumb { width: 100%; background-color: #cacaca; border-radius: 20px; }
  .per_agree_box b { font-size: 16px; color: #25282a; }
  .per_agree_box a { color: #ff4e00; position: relative; margin-left: 10px; top: -1px; }
  .per_agree_box a.pc { display: inline-block; }
  .per_agree_box a.m { display: none; }
  .per_agree_box a:after { content:''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background-color: #ff4e00; }
  
  .per_agree_bt_box { text-align: left; font-size: 13px; font-weight: 400; line-height: 15px; margin-top: 20px; height: 20px; position: relative; }
  /*.per_agree_bt_box input[type="radio"] { display: none; }
  .per_agree_bt_box input[type="radio"] + label { display: inline-block; position: relative; padding-left: 27px; cursor: pointer; margin-right: 30px; }
  .per_agree_bt_box input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #fff; border: 1px solid #4d4d4d; border-radius: 100%; box-sizing: border-box; }
  .per_agree_bt_box input[type="radio"] + label:after { content: ''; position: absolute; top: 6px; left: 6px; width: 6px; height: 6px; background: transparent; border-radius: 100%; }
  .per_agree_bt_box input[type="radio"] + label:last-child { margin-right: 0; }
  .per_agree_bt_box input[type="radio"]:checked + label:before { background: #25282a; border: 1px solid #25282a; }
  .per_agree_bt_box input[type="radio"]:checked + label:after { background: #fff; }*/
  
  .radio_bt[type='radio'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1rem; height: 1rem; border: 1px solid #aaa; border-radius: 100%; outline: none; position: relative; cursor: pointer; box-sizing: border-box; }
  .radio_bt[type='radio']:after { content:''; width: 0.5rem; height: 0.5rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #0075ff; border-radius: 100%; display: none; }
  .radio_bt[type='radio']:checked { border-color: #0075ff; }
  .radio_bt[type='radio']:checked:after { display: block; }
  .radio_bt[type='radio'] + label { margin-right: 0.25rem; }
  
  .per_check_box { text-align: center; margin-top: 30px; }
  .per_check_box label { font-size: 18px; }
  .per_check_box input#agreeYny { display: none; }
  .per_check_box input#agreeYny + label { cursor: pointer; position: relative;}
  .per_check_box input#agreeYny + label > span { vertical-align: middle; padding-left: 8px; }
  .per_check_box input#agreeYny + label:before { content:""; display: inline-block; width: 19px; height: 19px; border:2px solid #bbb; border-radius: 2px; vertical-align: middle; margin-top: 2px; }
  .per_check_box input#agreeYny + label:after { content:''; width: 9px; height: 5px; border: 2px solid #ddd; border-top: 0; border-right: 0; transform: rotate(-45deg); transform-origin: center; position: absolute; left: 6px; top: 2px; bottom: 0; margin: auto; }
    
  input#agreeYny:checked + label:before { content:""; background-color: #0075ff; border-color: #0075ff; }
  input#agreeYny:checked + label:after { border-color: #fff; }
  
  /**/
  
  
  .info_box { width: 100%; text-align: left; }
  
  .info_box>p { width: 100%; border: 1px solid #b6b6b6; border-top: 1px solid #25282a; box-sizing: border-box; font-size: 13px;  padding: 30px; padding-left: 22px; margin-bottom: 0px; }
  
  .info_box>ul { border-top: 1px solid #25282a; box-sizing: border-box; text-align: left; border-bottom: 1px solid #b6b6b6; box-sizing: border-box; border-top: none; overflow: hidden; padding-top: 2px; }
  .info_box>ul>li { float: left; width: 50%; height: 60px; vertical-align: top; border-top: 1px solid #b6b6b6; position: relative; box-sizing: border-box;  justify-content: flex-start; align-items: center; flex-wrap: wrap; }
  .info_box>ul>li p { float: left; line-height: 58px; font-size: 16px; padding-left: 2px; width: 100%; font-weight: 500; box-sizing: border-box; position: relative; }
  /*.info_box>ul>li:after { content:''; width: 105px; height: 1px; background-color: #25282a; position: absolute; left: 0; top: -1px; z-index: 9; }*/
  
  .info_box>ul>li:nth-child(2n-1) { width: 9%; border-top: 1px solid #25282a; }
  .info_box>ul>li:nth-child(2n) { width: 41%; }
  .info_box>ul>li:last-child { width: 91%; height: auto; }
  .info_box>ul>li:nth-last-child(2) { width: 9%; }
  .info_box>ul>li:nth-child(4),.info_box>ul>li:nth-child(6) { padding: 17px 0; padding-left: 10px; }
  
  .info_box.adress>ul { border-top: 1px solid #25282a; box-sizing: border-box; }
  .info_box.adress>ul>li { width: 100%; height: 150px; border-bottom: 1px solid #b6b6b6; box-sizing: border-box; }
  /*.info_box.adress>ul>li>p { float: left; }*/
  
  .info_box input { font-size: 16px; height: 100%; line-height: 31px; border: none; outline: none; margin-top: 0px; padding-left: 10px; text-align: left; box-sizing: border-box; color: #25282a; }
  .info_name { width: 100%; }
  
  .info_number_box { height: 100%; float: left; }
  
  .info_number01 { width: 65px; height: 100%; float: left; background: none; border: none; margin-top: 0px; padding: 0 5px; font-size: 16px; line-height: 31px; }
  .info_number02 { width: 50px; float: left; }
  .info_number03 { width: 50px; float: left; }
  .info_box>ul>li span { float: left; line-height: 60px; margin: 0 5px; }
  
  .info_address { width: 100%; float: left; }
  .info_address>ul { width: 100%; }
  .info_address>ul>li { width: 100%; height: 60px; border-bottom: 1px solid #b6b6b6; box-sizing: border-box; }
  .info_address>ul>li:last-child { border: none; }
  /*.info_address>ul>li p { float: left; }*/
  
  .info_address01 { width: 15%; height: 33px; float: left; margin-right: 1%; }
  /*.info_address03 { width: 34%; height: 33px; float: left; margin-right: 1%; }*/
  .info_address03 { width: 65%; height: 33px; float: left; margin-right: 1%; }
  .info_address04 { width: 30%; height: 33px; float: left; margin-right: 3%; }
  .info_address05 { width: 50%; height: 33px; float: left; }
  .info_address02 { width: 120px;; height: 35px !important; margin-top: 12px !important; float: left; margin-left: 1%; text-align: center !important; padding: 0 !important; cursor: pointer; background-color: #25282a !important; 
  border: 1px solid #25282a !important; color: #fff !important; font-size: 12px !important; float: right; }
  
  
  .info_bt_box { float: left; text-align: left; font-size: 13px; font-weight: 400; line-height: 16px; margin-top: 0px; height: 100%; position: relative; box-sizing: border-box; }
  .info_bt_box input[type="radio"] { display: none; }
  .info_bt_box input[type="radio"] + label { display: inline-block; position: relative; padding-left: 27px; cursor: pointer; margin-right: 25px; }
  .info_bt_box input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #fff; border: 1px solid #4d4d4d; border-radius: 100%; box-sizing: border-box; }
  .info_bt_box input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 5px; left: 5px; width: 8px; height: 8px; background: #101f3a; border-radius: 100%; }
  
  
  /**/
  
  .guest_bt_box { width: 260px; height: 66px; margin: auto; margin-top: 0px; display: flex; justify-content: space-between; text-align: center; color: #25282a; font-size: 18px; }
  .guest_bt_box>div { width: 100%; height: 100%; line-height: 64px; }
  .guest_bt_box>div>a { width: 100%; height: 100%; display: block; }
  .guest_regi_bt { border: 1px solid #25282a; margin-right: 0px; }
  .guest_cancle_bt { background-color: #cfcfcf; }
  
  .guest_regi_bt:hover { background-color: #25282a; color: #fff; }
  
  
  .guest_close { position: absolute; top: 20px; right: 25px; z-index: 9; cursor: pointer; display: flex; justify-content: center; align-items: center; padding: 10px; }
  .guest_close p { font-family: 'Futura Std', sans-serif; font-size: 12px; line-height: 100%; text-transform: uppercase; margin-right: 15px; margin-top: 1px; letter-spacing: 0; }
  .guest_close>span { width: 20px; height: 20px; position: relative; display: block; }
  .guest_close>span:before { content:''; width: 100%; height: 1px; background-color: #25282a; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); }
  .guest_close>span:after { content:''; width: 100%; height: 1px; background-color: #25282a; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); }
  
  .m_br { display: none; }
  
  
  .guest_wrap.active .guest_tit { opacity: 1; transform: translate(0); transition: 0.8s 0.2s; }
  .guest_wrap.active>div>div:last-child { opacity: 1; transform: translate(0); transition: 0.8s 0.7s; }
  
  
  /**/
  
  .guest_wrap.ok { height: auto; padding: 60px 0 20px; }
  .guest_ok_box { width: 100%; max-width: 1300px; margin: auto; position: relative; text-align: center; transform: translateY(20px); }
  
  .guest_ok_box>h3 { font-size: 33px; line-height: 40px; font-weight: 700; }
  .guest_ok_box>p { font-size: 15px; line-height: 30px; opacity: 0.7; margin-top: 30px; margin-bottom: 120px; }
  
  .guest_ok_bg { position: absolute; right: -80px; top: -120px; }
  
  /**/
  
  
  /*서브*/
  
  .sub_top01 { position: relative; left: 0; top: 0; width: 100%; height: 345px; z-index: 99; margin-top: 0px; overflow: hidden; }
  .sub_top01:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/sub_top.png) center top no-repeat; background-size: cover; z-index: 2; }
  .sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
  
  .sub_top01 .sub_top_img { background: url(../img/sub_top.jpg) center top 10% no-repeat; background-size: cover; animation: sub_top_img 2.0s 0s both; }
  
  .sub_top_txt { width: 100%; position: absolute; left: 0; right: 0; top: 55%; margin: auto; z-index: 9; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; animation: sub_top_txt 1.0s 0.4s both; }
  .sub_top_txt h5 { font-size: 16px; line-height: 100%; font-weight: 300; letter-spacing: 5px; text-transform: uppercase; }
  .sub_top_txt>div { width: 95px; height: 1px; background-color: #fff; margin: 0 15px; }
  .sub_top_txt h3 { font-size: 28px; line-height: 100%; font-weight: 700; letter-spacing: -1px; }
  
  
  @keyframes sub_img {
    from { background: url(../img/sub_top.jpg) center bottom no-repeat; background-size: cover; }
    to{ }
  }
  @keyframes sub_top_img {
    from { transform: scale(1.2); }
    to{ }
  }
  @keyframes sub_top_txt {
    from { opacity: 0; transform: translateY(60px); }
    to{ }
  }
  
  #snb_wrap { width: 1100px; height: 65px; position:relative; margin: auto; z-index: 90; }
  #snb { width: 480px; height: 65px; position: absolute; right: 0; top: 0; }
  #snb:after {content:""; display:block; clear:both; }
  #snb > li { float: left; width: 200px; position:relative; height: 65px; text-align: left; box-sizing: border-box; color: #000; }
  #snb > li > a:after { content:''; position: absolute; width: 1px; height: 20px; background-color: #adadad; right: 0; top: 0; bottom: 0; margin: auto; }
  #snb > li:first-child { width: 60px; }
  #snb > li:first-child img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
  #snb > li:nth-child(3) { width: 220px; }
  #snb > li:nth-child(3) > a:after { display: none; }
  #snb > li:first-child + li > a {background:url('../img/snb-arr.gif') no-repeat 100% 50%; }
  #snb > li:first-child + li + li > a { margin-top:1px; color: #000; }
  /*#snb > li:first-child + li + li { border-bottom: 1px solid #e8e8e8; }*/
  #snb > li:first-child + .ov {margin-left:0;}
  #snb > li:nth-child(2):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
  #snb > li:nth-child(3):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
  #snb .ov {margin-left:-1px;}
  #snb .ov > a { display: block; height: 65px; line-height: 65px; padding: 0 15px; font-size: 14px; color:#000; min-width:160px; font-weight:400; }
  
  #snb > li:nth-child(2):hover:after { transform: rotate(135deg); top: 27px; }
  #snb > li:nth-child(3):hover:after { transform: rotate(135deg); top: 27px; }
  
  #snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff; display:none; }
  #snb .ov ul li { border:1px solid #c2c2c2;margin-top:-1px; font-weight: 400; }
  #snb .ov ul li:first-child {margin-top:0;}
  #snb .ov ul li a { display:block;font-size:11.5px; color: #000; padding:11px 15px;white-space:nowrap; letter-spacing: 0; }
  #snb .ov:hover ul {display:block;}
  #snb .ov ul li a:hover { background: #ebebeb; color: #000; }
  
  #snb .ov a { text-transform: uppercase; }
  /*#snb .ov:last-child a { text-transform: uppercase; }*/
  
  body.full #sub_container { width: 100%; }
  #sub_container { width: 90%; position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; background-color: #fff; text-align: center; }
  #sub_box { position: relative; width: 100%; margin: auto; text-align: center; padding-bottom: 80px; padding-top: 0px; box-sizing: border-box; margin-top: 80px; }
  #sub_tit { width: 100%; margin-top: 0; overflow: hidden; text-align: center; }
  #sub_tit h2 { font-size: 35px; color: #000; font-weight: 400; line-height: 100%; letter-spacing: -1px; text-transform: uppercase; }
  .sub_line { width: 1px; height: 38px; background-color: #404040; margin: auto; margin-top: 35px; }
  #sub_tit h5 { font-size: 14px; color: #858585; font-weight: 400; margin-top: 16px; }
  #sub_tit h5 b { color: #222; }
  #sub_tit h5 div { display: inline-block; color: #056b5c; }
  #sub_tit h5 span { font-size: 13px; font-family: 'Brown'; font-weight: 700; }
  #sub_page { margin-top: 50px; position: relative; }
  
  /**/
  
  ul.tabs2 { width: 100%; display: flex; justify-content: space-between; }
  ul.tabs2.two { flex-wrap: wrap; }
  ul.tabs2 li { margin-bottom: -1px; color: #222; margin-left: 2%; text-align: center; cursor: pointer; height: 45px; line-height: 45px; border: 1px solid #e9eaec; font-weight: 400; background: #e9eaec; }
  ul.tabs2 li:nth-child(1) { margin-left: 0; }
  
  ul.tabs2 li.selected, ul.tabs li.selected:hover { color: #a79482; background: #192642; border: 1px solid #192642; }	
  ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color: #a79482; }
  ul.tabs2 li.active { color:#fff; background: #192642; border: 1px solid #192642; }
  
   #container2 { width: 100%; max-width: 1100px; margin: auto; }
  
  
  
  
  @media all and (max-width: 1640px) { 
    
    html { font-size: 12px; }
    .main_txt { width: 35.44rem; }
    .premium_icon img { width: 100%; transform: scale(0.75); }
    .premium_txt { width: 24.56rem; }
    .brand_logo img { width: 17.25rem; }
    .footer_logo img { width: 11.56rem; }
  
  
  }