* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    ul,
    li {
      list-style: none;
    }

    a {
      text-decoration: none;
    }

    body,
    html {
      width: 100%;
      height: 100%;
      font-family: "Louis Vuitton Web", "Droid Sans Fallback", "Malgun Gothic", "Dotum", "MS Gothic", Georgia;
    }

    header {
      width: 100%;
      height: auto;
    }

    header .container {
      width: 100%;
      height: 100%;
    }

    header .container .banner {
      width: 100%;
      height: 90px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      background-color: #fff;
      z-index: 5;
    }

    header .container .banner .menu {
      padding-left: 50px;
      display: flex;
      gap: 20px;
    }

    header .container .banner .menu a {
      color: #111;
      font-size: 14px;
      font-weight: 400;
      display: flex;
      gap: 2px;
    }

    header .container .banner .menu a i {
      padding-right: 10px;
    }

    header .container .banner .logo h1 {
      letter-spacing: 1px;
      font-size: 40px;
    }

    header .container .banner .icon {
      padding-right: 50px;
      display: flex;
      gap: 20px;
    }

    header .container .banner .icon .icon-list a {
      color: #111;
    }

    header .container .banner .icon .icon-list:last-child {
      position: relative;
    }

    header .container .banner .icon .icon-list:last-child span {
      font-size: 14px;
      position: absolute;
      top: -5px;
      margin-left: 2px;
    }

    header .container .video {
      width: 100%;
      height: 100%;
      position: relative;
      top: 90px;
    }

    header .container .video video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    header .container .video .txt {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 5%;
    }

    header .container .video .txt p {
      color: #fff;
    }

    header .container .video .txt h2 {
      color: #fff;
      font-size: 30px;
      line-height: 2;
    }

    header .container .video .txt button {
      color: #fff;
      padding-bottom: 5px;
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #fff;
    }

    header .container .video .vicon {
      position: absolute;
      bottom: 2%;
      left: 2%;
      color: #fff;
    }

    header .container .video .vicon #pbtn {
      display: none;
    }

    header .container .video .sicon {
      position: absolute;
      bottom: 2%;
      right: 2%;
      color: #fff;
    }

    header .container .video .sicon #hmark {
      display: none;
    }

    main {
      position: relative;
      top: 90px;
    }

    main .part1 {
      width: 90%;
      margin: auto;
      padding: 50px 0;
    }

    main .part1 .title {
      width: 100%;
      height: auto;
      text-align: center;
      margin-bottom: 20px;
    }

    main .part1 .title h1 {
      font-size: 30px;
      line-height: 2.5;
    }

    main .part1 .content {
      display: flex;
    }

    main .part1 .content .box {
      width: 25%;
      height: auto;
    }

    main .part1 .content .box img {
      width: 90%;
      margin-left: 5%;
      border-radius: 10px;
    }

    main .part1 .content .box a {
      width: 100%;
      text-align: center;
      color: #111;
      display: block;
      margin-top: 20px;
    }


    main .part2 {
      width: 100%;
      height: 100%;
      position: relative;
    }

    main .part2 video {
      width: 100%;
      height: 100%;
    }

    main .part2 .vicon {
      position: absolute;
      bottom: 2%;
      left: 2%;
      color: #fff;
    }

    main .part2 .vicon #pbtn {
      display: none;
    }

    main .part2 .sicon {
      position: absolute;
      bottom: 2%;
      right: 2%;
      color: #fff;
    }

    main .part2 .sicon #hmark {
      display: none;
    }


    main .part3 {
      width: 90%;
      margin: auto;
      padding: 50px 0;
    }

    main .part3 .title {
      width: 100%;
      height: auto;
      text-align: center;
      margin-bottom: 20px;
    }

    main .part3 .title p {
      font-size: 16px;
      color: #111;
    }

    main .part3 .title h1 {
      font-size: 30px;
      line-height: 2.5;
      color: #111;
      font-weight: 400;
    }

    main .part3 .content {
      display: flex;
    }

    main .part3 .content .box {
      width: 25%;
      height: auto;
      position: relative;
    }

    main .part3 .content .box img {
      width: 90%;
      margin-left: 5%;
      border: 0.5px solid #ddd;
      background: rgb(214, 213, 213);
    }

    main .part3 .content .box a {
      width: 100%;
      text-align: center;
      color: #111;
      display: block;
      margin-top: 20px;
    }

    main .part3 .content .box .count {
      position: absolute;
      top: 3%;
      right: 10%;
    }

    main .part3 .btn {
      width: 100%;
      text-align: center;
      margin: 50px;
    }

    main .part3 .btn button {
      font-size: 18px;
      padding: 10px 30px;
      margin-left: 10px;
      border-radius: 20px;
      border: 0.5px solid #bbb;
      background-color: transparent;
    }

    main .part3 .btn button:hover {
      border: 1px solid #111;
    }



    main .part4 {
      width: 100%;
      height: auto;
    }

    main .part4 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-position: center;
    }


    main .part5 {
      width: 90%;
      margin: auto;
      padding: 50px 0;
    }

    main .part5 .title {
      width: 100%;
      height: auto;
      text-align: center;
      margin-bottom: 20px;
    }

    main .part5 .title p {
      font-size: 16px;
      color: #111;
    }

    main .part5 .title h1 {
      font-size: 30px;
      line-height: 2.5;
      color: #111;
      font-weight: 400;
    }

    main .part5 .content {
      display: flex;
    }

    main .part5 .content .box {
      width: 25%;
      height: auto;
      position: relative;
    }

    main .part5 .content .box img {
      width: 90%;
      margin-left: 5%;
      border: 0.5px solid #ddd;
      background: rgb(214, 213, 213);
    }

    main .part5 .content .box a {
      width: 100%;
      text-align: center;
      color: #111;
      display: block;
      margin-top: 20px;
    }

    main .part5 .content .box .count {
      position: absolute;
      top: 3%;
      right: 10%;
    }

    main .part5 .btn {
      width: 100%;
      text-align: center;
      margin: 50px;
    }

    main .part5 .btn button {
      font-size: 18px;
      padding: 10px 30px;
      margin-left: 10px;
      border-radius: 20px;
      border: 0.5px solid #bbb;
      background-color: transparent;
    }

    main .part5 .btn button:hover {
      border: 1px solid #111;
    }


    main .part6 {
      width: 100%;
      height: auto;
    }

    main .part6 .title {
      width: 100%;
      text-align: center;
      margin: 50px;
    }

    main .part6 .title h1 {
      font-size: 30px;
      line-height: 2.5;
      color: #111;
      font-weight: 400;
    }

    main .part6 .title p {
      font-size: 16px;
      color: #111;
    }

    main .part6 .content {
      width: 90%;
      margin: auto;
      display: flex;
    }

    main .part6 .content .box {
      width: 32%;
      margin-right: 1%;
    }

    main .part6 .content .box img {
      width: 96%;
      margin-left: 2%;
    }

    main .part6 .content .box a {
      display: block;
      width: 100%;
      text-align: center;
      color: #111;
      font-size: 16px;
      line-height: 2;
    }

    main .part6 .content .box a button {
      font-size: 16px;
      border: none;
      border-bottom: 1px solid #111;
      background-color: transparent;
      padding-bottom: 5px;
      margin-right: 10px;

    }

    footer {
      position: relative;
      top: 120px;
      width: 100%;
      height: auto;
    }

    footer .art1 {
      width: 100%;
      height: auto;
      padding: 50px;
      border-top: 1px solid #aaa;
      border-bottom: 1px solid #aaa;
      display: flex;
    }

    footer .art1 .logo {
      width: 100%;
      text-align: center;
      margin: 50px;
      border-top: none;
      display: none;
    }

    footer .art1 .logo h1 {
      font-size: 40px;
      letter-spacing: 2px;
    }

    footer .art1 .icon {
      display: none;
    }

    footer .art1 div {
      width: 25%;
    }


    footer .art1 div p {
      width: 80%;
      font-size: 16px;
      line-height: 1.2;
      margin-bottom: 20px;
    }

    footer .art1 div #sub {
      width: 100%;
    }

    footer .art2 {
      width: 100%;
      height: 100%;
      display: flex;
    }

    footer .art2 .part {
      width: 50%;
      padding: 50px;
    }

    footer .art2 .part:last-child {
      padding: 50px 10px 50px;
    }

    footer .art2 .part p {
      width: 80%;
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 10px;
    }

    footer .art2 .part .nav {
      width: 45%;
      display: flex;
      margin-left: 55%;
      margin-bottom: 20px;
    }

    footer .art2 .part .nav a {
      display: block;
      font-size: 10px;
      color: #111;
      margin-right: 20px;
    }

    footer .art2 .part .nav a p {
      width: fit-content;
    }

    footer .art2 .txt p {
      font-size: 14px;
      line-height: 1.5;
    }

    footer .logo {
      width: 100%;
      text-align: center;
    }

    footer .logo h1 {
      font-size: 40px;
      letter-spacing: 2px;
    }

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

      footer .art1 {
        display: block;
        padding: 0 30px;
      }

      footer .art1 .logo {
        display: block;
      }

      footer .art1 div {
        width: 100%;
        text-align: left;
        padding-top: 5px;
        border-top: 1px solid #aaa;
      }

      footer .art1 div #sub {
        display: none;
      }

      footer .art2 .part .nav {
        width: 80%;
        margin-left: 0;
        margin: auto;
        margin-bottom: 30px;
      }
    }

    @media screen and (max-width:768px) {
      header .container .banner .menu p{
        display: none;
      }
      header .container .banner .logo h1{
        font-size: 30px;
      }
      header .container .banner .icon .icon-list:first-child{
        display: none;
      }
      header .container .video {
        height: 60vh;
      }
      main .part1 .title h1{
        font-size: 24px;
      }
      main .part1 .content {
        flex-wrap: wrap;
      }
      main .part1 .content .box{
        width: 50%;
        margin-bottom: 20px;
      }

      main .part3 .title h1{
        font-size: 24px;
      }
      main .part3 .content {
        flex-wrap: wrap;
      }
      main .part3 .content .box{
        width: 50%;
        margin-bottom: 20px;
      }
      main .part3 .btn{
        width: 100%;
        margin: 0;
        padding: 20px 0;
      }

      main .part5 .title h1{
        font-size: 24px;
      }
      main .part5 .content {
        flex-wrap: wrap;
      }
      main .part5 .content .box{
        width: 50%;
        margin-bottom: 20px;
      }
      main .part5 .btn{
        width: 100%;
        margin: 0;
        padding: 20px 0;
      }

      main .part6 .content{
        display: block;
      }
      main .part6 .content .box{
        width: 80%;
        height: auto;
        margin: auto;
        margin-bottom: 20px;
      }
      footer .art2{
        display: block;
      }
      footer .art2 .part{
        width: 90%;
        margin: auto;
        text-align: left;
        padding: 0;
        padding-top: 20px;
      }
      footer .art2 .part .nav{
        margin: 0;
      }
    }