@charset "UTF-8";

/* 쁘띠라미 */
#sub {
  .aesthetic_02 {
    max-width: 1920px;
    padding: 0;
    text-align: center;

    margin-top: 0;

    h3,
    h4,
    h5,
    h6 {
      color: #35405d;
      font-family: 'GmarketSans';
    }
  }
  .aesthetic_02 .section01 img {
    display: block;
  }

  .aesthetic_02 section {
    padding: 100px 0;
  }

  .aesthetic_02 .section_02 {
    background: #f7f7f7;
  }

  .aesthetic_02 .section_02 .title h3 {
    font-family: 'Shiningstar';
    font-weight: 300;
    font-size: 3.5em;
  }

  .aesthetic_02 .section_02 .title h3 img {
    position: absolute;
    margin-left: -30px;
    margin-top: -21px;
    z-index: 0;
  }

  .aesthetic_02 .section_02 .title h3 span {
    z-index: 1;
    position: relative;
  }

  .aesthetic_02 .title h4 {
    font-weight: 400;
    font-size: 32px;
  }

  .aesthetic_02 .section_02 h4 b {
    font-weight: 800;
  }

  .aesthetic_02 .section_02>ul {
    display: flex;
    justify-content: center;
    margin-top: 3em;
    gap: 1em;
    margin-bottom: 3em;
  }

  .aesthetic_02 .section_02>ul>li>div {
    display: flex;
    gap: 1em;
    justify-content: center;
  }

  .aesthetic_02 .section_02>ul img {
    border-radius: 20px;
  }

  .aesthetic_02 .section_02>ul>li>h4 {
    background: #e7e7e7;
    border-radius: 100px;
    margin: 20px 0;
    font-size: 24px;
    padding: 10px 0 4px;
    font-weight: 400;
  }

  .aesthetic_02 .section_02>ul>li:last-child>h4 {
    background: #fed4d8;
    position: relative;
  }

  .aesthetic_02 .section_02>ul>li>h4 img {
    position: absolute;
    right: -20px;
    bottom: -10px;
  }

  .aesthetic_02 .section_02>ul>li>div>h5 {
    width: 50%;
  }

  .aesthetic_02 .section_02>ul>li h5 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
  }

  .aesthetic_02 .section_02>h4 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f9a8af;
    padding: 10px 40px 7px 40px;
    border-radius: 100px 0 0 100px;
    border: 5px solid #f66e79;
    color: #fff;
    font-size: 36px;
    font-weight: 800;
  }

  .aesthetic_02 .section_02>h4 img {
    margin-bottom: 5px;
    margin-right: 20px;
  }

  .aesthetic_02 .section_02>ul>li h5 span {
    color: #bbbcbf;
    font-size: 20px;
    display: block;
    font-weight: 600;
  }

  .aesthetic_02 .section_03 {
    background: rgb(245, 230, 232);
    background: linear-gradient(90deg, rgba(245, 230, 232, 1) 0%, rgba(237, 235, 235, 1) 50%, rgba(237, 242, 246, 1) 100%);
  }

  .aesthetic_02 .section_03 .title h4 {
    color: #4795ff;
    margin-bottom: 5px;
  }

  .aesthetic_02 .section_03 .title h3 {
    font-size: 50px;
    font-weight: 400;
  }

  .aesthetic_02 .section_03 .title h3 span {
    font-weight: 600;
    position: relative;
    display: inline-block;
    z-index: 5;
  }

  .aesthetic_02 .section_03 .title h3 span:after {
    content: '';
    width: 100%;
    height: 1em;
    display: block;
    background: var(--fff);
    position: absolute;
    top: 0;
    z-index: -1;
  }


  .aesthetic_02 .section_03 h5 {
    font-size: 30px;
    font-weight: 400;
  }

  .aesthetic_02 .section_03 h5 span {
    color: #ff5686;
    font-weight: 700;
    position: relative;
    display: inline-block;
    z-index: 1;
  }

  .aesthetic_02 .section_03 h5 span:after {
    content: '';
    background: #ffd4dd;
    display: inline-block;
    width: 100%;
    height: 82%;
    position: absolute;
    left: 0;
    z-index: -1;
  }

  .aesthetic_02 .section_03 .auto_height {
    max-width: 900px;
    margin: 0 auto;
    width: 900px;
    padding-bottom: 0;
    height: 520px;
    margin: 10px auto 40px auto;

  }

  .aesthetic_02 .section_04 {
    background: url('../aesthetic/images/aesthetic_02_4_bg.jpg') #f0f6f8 center top;
    padding: 290px 0 120px;
  }

  .aesthetic_02 .section_04>ul {
    display: flex;
    justify-content: center;
    gap: 440px;
    align-items: center;
    margin-left: 60px;
  }

  .aesthetic_02 .section_04>ul>li:first-child {
    text-align: left;
  }

  .aesthetic_02 .section_04>ul>li>h5 {
    border: 3px solid #35405d;
    display: inline-block;
    padding: 5px 20px 0;
    border-radius: 100px;
    margin-bottom: 3em;
  }

  .aesthetic_02 .section_04>ul>li>h3 {
    font-size: 50px;
    font-weight: 400
  }

  .aesthetic_02 .section_04>ul>li>h3 span {
    font-size: 56px;
    font-weight: 700
  }

  .aesthetic_02 .section_04>ul>li>ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 520px;
    position: absolute;
    margin-top: 113px;
  }

  .aesthetic_02 .section_04>ul>li>ul>li span {
    font-size: 36px;
    font-family: 'GmarketSans';
    font-weight: 600;
    background: #35405d;
    color: var(--fff);
    padding: 7px 20px 0;
    display: inline-block;
  }

  .aesthetic_02 .section_05 {
    background: rgb(255, 232, 234);
    background: linear-gradient(180deg, rgba(255, 232, 234, 1) 0%, rgba(255, 217, 222, 1) 100%);
  }

  .aesthetic_02 .section_05 .title h3 {
    font-size: 54px;
    font-weight: 400;
  }

  .aesthetic_02 .section_05 .title h3 span {
    font-family: 'Shiningstar';
    color: #f97184;
    font-size: 90px;
    vertical-align: middle;
  }

  .aesthetic_02 .section_05 .title h4 {
    background: #35405d;
    color: var(--fff);
    display: inline-block;
    padding: 9px 30px 0 30px;
    border-radius: 100px;
    margin-top: -20px;
    margin-bottom: 50px;
  }

  .aesthetic_02 .section_05>ul {
    display: flex;
    justify-content: center;
    gap: 1em;
    position: relative;
    z-index: 1;
  }


  .aesthetic_02 .section_05>ul>li>img {
    display: block;
  }

  .aesthetic_02 .section_05>ul>li>div {
    background: #f97184;
    color: var(--fff);
    padding: 30px 0 20px 0;
  }

  .aesthetic_02 .section_05>ul>li>div p {
    font-size: 20px;
    font-family: 'GmarketSans';
    line-height: 1.2;
    margin-bottom: 10px;
  }

  .aesthetic_02 .section_05>ul>li>div h5 {
    color: var(--fff);
    font-size: 30px;
  }

  .aesthetic_02 .section_05>img {
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .aesthetic_02 .section_06 {
    background: #f8f8f8;
    text-align: center;
  }

  .aesthetic_02 .section_06>ul {
    display: flex;
    justify-content: center;
    gap: 1em;
  }

  .aesthetic_02 .section_06>h5 {
    color: #bdc3c6;
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    margin: 3em 0;
  }

  .aesthetic_02 .section_06>ul img {
    display: block;
  }

  .aesthetic_02 .section_06>ul.ul_one {
    margin-left: 122px;
  }

  .aesthetic_02 .section_06>ul.ul_one li:first-child img {
    border-radius: 30px 0 0 30px
  }

  .aesthetic_02 .section_06>ul.ul_one>li:last-child {
    position: relative;
    padding: 40px 50px;
    text-align: left;
  }

  .aesthetic_02 .section_06>ul.ul_one>li:last-child * {
    position: relative;
    z-index: 1;
  }

  .aesthetic_02 .section_06>ul.ul_one>li:last-child:after {
    content: '';
    background: var(--fff);
    display: block;
    height: 100%;
    position: absolute;
    width: 632px;
    z-index: 0;
    top: 0;
    border-radius: 0 30px 30px 0;
    left: 0;
  }

  .aesthetic_02 .section_06>ul.ul_one>li:last-child img {
    margin-left: -10px;
    position: relative;
  }

  .aesthetic_02 .section_06>ul.ul_one>li:last-child h3 {
    font-size: 45px;
  }

  .aesthetic_02 .section_06>ul.ul_one>li:last-child h6 {
    font-weight: 400;
  }

  .aesthetic_02 .section_06>ul.ul_two {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 5em;
  }

  .aesthetic_02 .section_06>ul.ul_two>li {
    width: 632px;
    display: flex;
    align-items: center;
    background: #eeeff1;
    border-radius: 30px;
    /* height: 304px; */
    position: relative;
    text-align: left;
  }

  .aesthetic_02 .section_06>ul.ul_two>li:first-child>div,
  .aesthetic_02 .section_06>ul.ul_two>li:nth-child(4)>div {
    position: absolute;
    color: var(--fff);
    text-align: center;
    left: 0;
    right: 0;
  }

  .aesthetic_02 .section_06>ul.ul_two>li:first-child>div h4,
  .aesthetic_02 .section_06>ul.ul_two>li:nth-child(4)>div h4 {
    color: var(--fff);
  }

  .aesthetic_02 .section_06>ul.ul_two>li:last-child {
    display: none;
  }

  .aesthetic_02 .section_06>ul.ul_two>li>div {
    padding: 0 30px;
    color: #000;
  }

  .aesthetic_02 .section_06>ul.ul_two>li>img {
    border-radius: 30px;
  }

  .aesthetic_02 .section_06>ul.ul_two>li h4 {
    font-size: 28px;
    color: #000;
  }

  .aesthetic_02 .section_06>ul.ul_two>li p {
    font-size: 15px;
    font-family: 'GmarketSans';
    margin-top: 10px;
    margin-bottom: 0;
  }

  .aesthetic_02 .section_06>ul.ul_two>li h4 em {
    color: var(--color_1);
  }

  .aesthetic_02 .section_06>ul.ul_two>li:nth-child(2) img {
    position: absolute;
    right: 0;
    z-index: 1;
    margin-top: -30px;
  }

  .aesthetic_02 .section_06>ul.ul_two>li:nth-child(3) {
    display: flex;
    justify-content: flex-end;
  }

  .aesthetic_02 .section_06>ul.ul_two>li:nth-child(3)>img,
  .aesthetic_02 .section_06>ul.ul_two>li:nth-child(5)>img {
    position: absolute;
    left: -20px;
  }

  .aesthetic_02 .section_06>ul.ul_two>li:nth-child(3) ul,
  .aesthetic_02 .section_06>ul.ul_two>li:nth-child(5) ul {
    display: flex;
    justify-content: center;
    gap: 1em;
    margin-bottom: 1em;
  }

  .aesthetic_02 .section_06>ul.ul_three {
    display: flex;
    justify-content: space-between;
    max-width: 1282px;
    margin: 0 auto;
  }

  .aesthetic_02 .section_07 {
    background: url(../aesthetic/images/aesthetic_02_7_bg.jpg);
  }

  .aesthetic_02 .section_07 h3 {
    color: var(--fff);
    font-size: 54px;
    margin: 10px;
  }

  .aesthetic_02 .section_07 h5 {
    color: var(--fff);
    font-size: 30px;
    font-weight: 400;
  }

  .aesthetic_02 .section_07 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
    margin-top: 50px;
  }

  .aesthetic_02 .section_07 ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .aesthetic_02 .section_07 ul li img {
    display: block;
  }

  .aesthetic_02 .section_07>div {
    margin-top: 50px;
  }

  .aesthetic_02 .section_07>div span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--fff);
    border-radius: 10px;
    margin: 10px;
  }

  .aesthetic_02 .section_07>div span:first-child {
    background: none;
    border: 2px solid var(--fff);
    width: 4px;
    height: 4px;
  }

  .aesthetic_01 {
    .section01 {
      .inwrap {
       ul {
          display: inline-flex;
          gap: 10rem;
          margin-right: 3.5rem;
          margin-top: 3rem;
          

          li {
            position: relative;
            img{
              border-radius:50px
            }
            img+img {
              margin-left: -140px;
              position: absolute;
              margin-top: 130px;
            }

            h4 {
              margin-top: 10px;
              font-size: 2.5rem;
              font-weight: 600;
              /* color: var(--font_333); */
              line-height: 1.2;
              
              em {
                color: #f00;
                margin-top: 1rem;
                display: inline-block;
                font-weight: 800;
              }
            }

            &:first-child h4 {
              color: #aaa;
            }
          }
         li:last-child{
           transform: scale(1.2);
         }
         
        }

      }

    }

    .section02 {
      .inwrap {
        >img {
          margin-top: 5rem;
        }

        .subTit {
          h2 {
            line-height: 1.3;

            span {

              font-size: 3.3rem;
            }
            
          }

          h3 {

            font-size: 2.4rem;

            margin-top: 5rem;

          }
        }

        ul.bfList {
          display: flex;
          justify-content: center;

          li {
            img {
              display: block;

              &+span {
                position: absolute;
                font-family: 'Tangerine', cursive;
                color: #fff;
                font-size: 50px;
                left: 0;
                right: 0;
                margin-top: -1.5em;
                font-family: 'Tangerine';
              }
            }

            h5 {
              padding: 15px 0;
              font-weight: 800;
              font-size: 2.2rem;
              line-height: 1.4;
            }

            h3.en {
              color: var(--color_1);
              margin: 10px 0 0;
              font-family: "Tangerine", cursive;
              font-size: 5rem;
              font-weight: 700;
            }

            >div {
              padding: 3px;
              padding-bottom: 0;
            }

            >h4.bf {
              font-size: 2.4rem;
              padding-bottom: 10px;
              font-weight: 800;
              color: var(--font_222);
            }

            &:first-child {
              >h4.bf {
                padding-bottom: 13px
              }
            }

            &:nth-child(1) {
              border: 3px solid #fff;
              padding: 3px 0;
              border-top: 0;
            }

            &:nth-child(2) {

              >div {
                border: 3px solid var(--color_1);
                border-right: 0;
                padding-right: 0;
              }
            }

            &:nth-child(3) {

              >div {
                border: 3px solid var(--color_1);
                border-left: 0;
                position: relative;
              }
            }

          }
        }
      }

    }

    .section03 {
      .inwrap{
        .checkList {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 6rem;
          margin-top: 10rem;
          
          li{
            display: flex;
            align-items: center;
            min-width: 77rem;
            gap: 0;
            img{
              margin: -7rem 0 -7rem  -7rem;
            }
            span {
              margin:0;
            }
            &:nth-child(2){
              display:flex;
              flex-direction: row-reverse;
              img{
              margin: -7rem -7rem -7rem  0rem;
            }
            }
          }
        }
        .roundList{
           margin-top: 5rem;
           display: flex;
           flex-direction: column;
           gap: 2rem;
           align-items: center;

          li{
            display:flex;
            justify-content: center;
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 10rem;
            overflow: hidden;
          }
          h6{
            font-weight:600;
            background: var(--gray_2);
            padding: 3rem;
            width: 27rem;
          }
          p{
            font-size:2rem;
            width: 61rem;
            font-weight: 600;
          }
        }
      }
    }
    .section04 {
        .inwrap {
          .left_img {
            margin-top: 0;
            display: inline-flex;
            margin-bottom: 5rem;
            
            >li {
              text-align: left;
              flex: auto;

              h3 {
                font-size: 4rem;
                color: var(--font_222);
                font-weight: 800;
                padding-left: 2rem;
              }

              h4 {
                font-size: 2.4rem;
                font-weight: 800;
                color: var(--color_1);
                margin-bottom: 3rem;
                padding-left: 2rem;
              }

              .flex {
                display: flex;
                justify-content: center;
                font-size: 3rem;
                gap: 0;

                >li {
                  background: var(--bg2);
                  color: var(--font_222);
                  padding: 1rem 6rem;
                  border-radius: 10rem;
                  /* width: 65rem; */
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  line-height: 1em;
                  font-weight: 700;


                  &:nth-child(2) {
                    /* position: absolute; */
                    /* left: 14px; */
                    font-size: 6rem;
                    /* font-weight: 800; */
                    width: 90px;
                    margin: 0 -4rem;
                    z-index: 1;
                    background: var(--font_333);
                    border: 5px solid var(--fff);
                    padding: 1rem 0;
                    color: var(--fff);
                  }

                  &:last-child {
                    background: var(--bg2);
                  }
                }
              }

              >ul+ul {
                max-width: 60.8rem;
                margin-top: 5rem;
                margin-bottom: 2rem;


              }
            }



          }
           .bfList{
             display:flex;
             gap: 5rem;
             margin-top: 4rem;
             
             > li{
                flex: 1;
               p{
                 display:flex;
                 gap: 0.2rem;
                 
                 img{
                   flex: 1;
                   max-width: calc(50% - 1px);
                   border-radius: 2rem 0 0 0;
                   & + img {
                     border-radius: 0 2rem 0 0 ;
                   }
                 }
               }
               h6{
                 border: 1px solid var(--line);
                 padding: 1rem 0;
                 border-radius: 0 0 2rem 2rem;
                 font-weight: 600;
               }
            
              
             }
           }
        }

        .owl-carousel {
          background: var(--bg);
          padding: 10rem 0;
        }
      }

    .section05{
      .inwrap{
        .checkList{
          margin-bottom:0;
          margin-top: 5rem;
          li{
            width: 58rem;
            span{
              margin:0;
            }
          }
        }
      }
    }
    .section06{
      .inwrap{
       & + div{
         background: var(--bg);
         padding: 10rem 0;
         h4{
           text-align:center;
           margin-bottom:5rem;
           margin-top: 0;
           font-size: 3.2rem;
         }
        .owl-carousel {
          
          .item{
            display:flex;
            border-radius: 5rem 0;
            overflow: hidden;
            img{
            flex: 1;
            }
            > div{
              padding: 4rem 3rem;
              background: var(--fff);
              flex: 1;
              
              
              span.num{
                font-size: 3rem;
                color: var(--color_1);
                font-weight: 800;
                font-family: "Noto Serif KR", serif;
              }
              h5{
                font-family: "Noto Serif KR", serif;
                letter-spacing: 0;
                line-height: 1.2;
                margin-bottom: 3rem;
                letter-spacing: -.08em;
              }
              p{
                font-size: 1.8rem;
              }
            }
          }
          .owl-nav {
            position: absolute;
            /* bottom: 22rem; */
            width: 100%;
            max-width: 1040px;
            left: 50%;
            margin-left: -520px;
            /* z-index: 1; */
            top: 45%;

            button.owl-prev,
            button.owl-next {
              color: var(--font_222);
              opacity: .5;
              transition: all 0.4s ease-in-out;
              right: 0;
              position: absolute;
              /* bottom: 10rem; */
              -webkit-transform: translate(0%, -100%);
              transform: translate(0%, -100%);
              z-index: 1;
              
              &:hover {
                opacity: 1;
                background: none;
              }
        
              i {
                font-size: 4rem;
                line-height: 1;
              }
            }
        
            button.owl-prev {
              -webkit-transform: rotateY(180deg) translate(0%, -100%);
              transform: rotateY(180deg) translate(0%, -100%);
              left: 0;
              right: auto;
            }
          }
        
          .owl-dots {
            /* position: absolute; */
            margin-top: 3rem;
            
            
            
            
            
            
            
            
        
            .owl-dot {
              span {
                width: 2rem;
                height: 2rem;
                background: var(--line);
                opacity: .5;
                transition: all 0.4s ease-in-out;
                border: 2px solid transparent;
              }
        
              &:hover,
              &.active {
                span {
                  opacity: 1;
                  background: var(--fff);
                }
              }
        
              &.active {
                span {
                  /* width: 68px; */
                  border: 2px solid var(--color_1);
                  background: none;
                }
              }
            }
        
          }
        }
        }  
      }
      
      
    }
  }





}


@media screen and (max-width: 767px) {
  #sub {
      .aesthetic_01 {
       .section01{
         .inwrap{
           ul{
             gap: 1rem;
             margin: 0;

             li{
               width:50%;
               h4{
                 font-size: 1.6rem;
               }
               img{
                 border-radius: 3rem;
                 & + img {
                   top: 30%;
                   margin-top: auto;
                   width: 50%;
                   right: -10px;
                 }
               }
               &:last-child{
                 transform: scale(1);
               }
             }
           }
         }
       }
        .section02{
          .inwrap{
            .subTit{
              h2{
                span{
                  font-size:2.4rem;
                }
              }
            }
            .checkList{
              li{
                min-width: 25rem;
              }
            }
            ul.bfList{
              li{
                width: 33.33333%;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                
                
                h4.bf{
                  font-size:1.6rem;
                }
                h5{
                  font-size: 1.2rem;
                }
                h3.en{
                  font-size:3rem;
                  margin-top: 0;
                }
                &:nth-child(3){
                  > div {
                    padding-left:0;
                  }
                  img + span {
                    font-size: 1.8rem;
                  }
                }
              }
            }
          }
          
        }

        .section03{
          .inwrap{
            .checkList{
              gap:1rem;
              margin-top:0;
              li{
                width: 100%;
                min-width: auto;
                max-width: 320px;
                
              img{
                  width: 60px;
              margin: 0;
                }
                &:nth-child(2){
              img{
                    margin: 0;
                  }
                }
              }
            
            }
            .roundList{
              li{
                border-radius:2rem;
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 40rem;
                
                h6{
                  width: 100%;
                  padding: 1rem 3rem;
                  font-size: 1.8rem;
                  font-weight: 800;
                  line-height: 1em;
                }
                p{
                  width: auto;
                  font-size: 1.4rem;
                  padding: 1.5rem 0;
                }
              }
            }
          }
        }
        .section04{
          .inwrap{
            .left_img{
              flex-direction: column;
              gap: 1.5rem;
              margin-bottom: 2rem;
              
              > li{
                img{
                  border-radius:3rem;
                }
                h3{
                  font-size: 2.2rem;
                  text-align:center;
                  padding: 0;
                }
                h4{
                  padding:0;
                  text-align:center;
                  font-size: 1.6rem;
                }
                .flex{
                  font-size: 2rem;
                  display: flex;
                  align-items: center;
                  li{
                    width: 20rem;
                    padding: 2rem;
                    
                    &:nth-child(2){
                      font-size: 3rem;
                      width: 60px;
                      margin: -1.5rem 0;
                    }
                  }
                  & + ul{
                    margin-top: 2rem;
                    margin-bottom: 0;
                  }
                }
              }
            }
            h4{
              margin-top: 2rem;
            }
            .bfList{
              display: flex;
              flex-direction: column;
              gap: 2rem;
              margin-top: 2rem;
              
              
              
              
              li{
                h6{
                  font-size: 1.6rem;
                  line-height: 1;
                }
              }
            }
          }
        }
        .section05{
          .inwrap{
            .checkList{
              margin-top: 3rem;
            }
          }
        }

        .section06{
          .inwrap{
            & + div{
              padding: 5rem 0;
              h4{
                font-size: 2.4rem;
                line-height: 1.4;
              }
              .owl-carousel{
                .item{
                  display: flex;
                  flex-direction: column;
                  width: 310px;
                  margin: 0 auto;
                  border-radius: 3rem 0;
                  > div{
                    padding: 2rem 2rem 3rem;
                    
                    
                    
                    
                    
                    h5{
                      margin-bottom:1rem;
                    }
                    p{
                      font-size:1.4rem;
                    }
                  }
                  
                }
                .owl-nav{
                margin-left: 0;
                width: 31rem;
                top: auto;
                bottom: 5px;
                margin-left: -15.5rem;
                }
              }
            }
          }
        }
        
      }
    .aesthetic_02 {
      padding-top: 63px;
    }

    .aesthetic_02 section {
      padding: 50px 15px;
    }

    .aesthetic_02 .title h4 {
      font-size: 1em;
    }

    .aesthetic_02 .section01 img.mobile {
      display: block !important;
    }

    .aesthetic_02 .section_02 .title h3 {
      font-size: 1.9em;
      letter-spacing: -.3px;
    }

    .aesthetic_02 .section_02 .title h3 img {
      width: 2.6em;
      margin-left: -14px;
      margin-top: -9px;
    }

    .aesthetic_02 .section_02>ul {
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 2em;
      margin-bottom: 2em;
    }

    .aesthetic_02 .section_02>ul>li {
      width: calc(50% - 5px);
    }

    .aesthetic_02 .section_02>ul>li:first-child {
      width: 100%;
    }

    .aesthetic_02 .section_02>ul>li>div {
      gap: 10px
    }

    .aesthetic_02 .section_02>ul>li>div>img {
      width: calc(50% - 5px);
    }

    .aesthetic_02 .section_02>ul>li>h4 {
      font-size: 1.2em;
      margin: 10px 0;
    }

    .aesthetic_02 .section_02>ul>li h5 {
      font-size: 1em;
    }

    .aesthetic_02 .section_02>ul>li h5 span {
      font-size: 1.1em;
    }

    .aesthetic_02 .section_02>ul>li>h4 img {
      width: 45px;
      right: -15px;
      bottom: -6px;
    }

    .aesthetic_02 .section_02>h4 {
      font-size: 1em;
      border-width: 3px;
      padding: 10px 10px 7px 10px;
      display: flex;
    }

    .aesthetic_02 .section_02>h4 img {
      width: 50px;
      margin-right: 10px;
    }

    .aesthetic_02 .section_02>ul img {
      border-radius: 10px;
    }

    .aesthetic_02 .section_03 .title h3 {
      font-size: 18px;
    }

    .aesthetic_02 .section_03 .auto_height {
      width: auto;
      height: auto;
      padding-bottom: 56.32%;
      margin: 20px 0;
    }

    .aesthetic_02 .section_03 h5 {
      font-size: 1em;
    }

    .aesthetic_02 .section_04 {
      padding: 50px 0;
      background-size: 770px;
      background-position: bottom center;
      background-repeat: no-repeat;
    }

    .aesthetic_02 .section_04>ul {
      gap: 0;
      display: flex;
      flex-direction: column;
      margin-left: 0;
    }

    .aesthetic_02 .section_04>ul>li>h5 {
      margin-bottom: 1em;
    }

    .aesthetic_02 .section_04>ul>li>h3 {
      font-size: 24px;
      margin-bottom: 0;
    }

    .aesthetic_02 .section_04>ul>li>h3+img {
      width: 220px;
    }

    .aesthetic_02 .section_04>ul>li>h3 span {
      font-size: 36px;
    }

    .aesthetic_02 .section_04>ul>li:first-child {
      text-align: center;
      margin-bottom: 72px;
    }

    .aesthetic_02 .section_04>ul>li>ul {
      position: relative;
      gap: 50px 0;
      margin-top: 0;
      margin-bottom: 60px;
      display: flex;
      justify-content: space-between;
      margin: 0 10px 60px;
    }

    .aesthetic_02 .section_04>ul>li>ul>li {
      width: 50%;
      text-align: left;
    }

    .aesthetic_02 .section_04>ul>li>ul>li:nth-child(2n) {
      text-align: right;
    }

    .aesthetic_02 .section_04>ul>li>ul>li span {
      font-size: 14px;
      /* width: 50%; */
      padding: 7px 7px 0;
    }

    .aesthetic_02 .section_04>ul>li>ul+img {
      display: none;
    }

    .aesthetic_02 .section_05 .title h3 {
      font-size: 24px;
    }

    .aesthetic_02 .section_05 .title h4 {
      margin-top: 0px;
      padding: 6px 15px 1px;
      margin-bottom: 30px;
    }

    .aesthetic_02 .section_05>ul {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .aesthetic_02 .section_05>ul>li {
      width: calc(50% - 5px);
    }

    .aesthetic_02 .section_05>ul>li>div p {
      font-size: .9em;
      margin-bottom: 5px;
      letter-spacing: -.2px;
    }

    .aesthetic_02 .section_05>ul>li>div {
      padding: 15px 0 5px;
    }

    .aesthetic_02 .section_05>ul>li>div h5 {
      font-size: 20px;
    }

    .aesthetic_02 .section_05 .title h3 span {
      font-size: 45px;
    }

    .aesthetic_02 .section_06>ul.ul_one {
      margin-left: 0;
      display: flex;
      flex-direction: column;
    }

    .aesthetic_02 .section_06>ul.ul_one li:first-child img {
      border-radius: 20px 20px 0 0;
    }

    .aesthetic_02 .section_06>ul.ul_one>li:last-child {
      background: var(--fff);
      border-radius: 0 0 20px 20px;
      padding: 20px 0;
      text-align: center;
    }

    .aesthetic_02 .section_06>ul.ul_one>li:last-child img {
      margin: 0;
    }

    .aesthetic_02 .section_06>ul.ul_one>li:last-child h3 {
      font-size: 24px;
      margin-top: 10px;
    }
    .aesthetic_02 .section_06>ul.ul_one>li:last-child h6 {
      font-size: 14px;
      margin-top: 10px;
    }
    .aesthetic_02 .section_06>ul.ul_one>li:last-child:after {
      display: none;
    }

    .aesthetic_02 .section_06>h5 {
      margin: 2em 0;
      font-size: 1.5rem;
    }

    .aesthetic_02 .section_06>ul.ul_two {
      margin-bottom: 2em;
    }

    .aesthetic_02 .section_06>ul.ul_three {
      gap: .5em;
    }

    .aesthetic_02 .section_07 h3 {
      font-size: 23px;
      margin: 0;
      margin-bottom: .4em;
      font-weight: 600;
    }

    .aesthetic_02 .section_07 h5 {
      font-size: 1em;
    }

    .aesthetic_02 .section_07 ul {
      margin-top: 2em;
      gap: 10px;
    }

    .aesthetic_02 .section_07>div {
      margin-top: 2em;
    }

    .aesthetic_02 .section_07 ul li {
      width: calc(33.333333333333333333333% - 7px);
      gap: 10px;
    }

    .aesthetic_02 .section_07 ul li:first-child {
      width: 100%;
    }

    .aesthetic_02 .section_06>ul.ul_two>li>div {
      padding: 20px 15px;
    }

    .aesthetic_02 .section_06>ul.ul_two>li:nth-child(3) ul,
    .aesthetic_02 .section_06>ul.ul_two>li:nth-child(5) ul {
      gap: .5em;
    }

    .aesthetic_02 .section_06>ul.ul_two>li {
      border-radius: 20px;
    }

    .aesthetic_02 .section_06>ul.ul_two>li:nth-child(3) {
      display: none;
    }

    .aesthetic_02 .section_06>ul.ul_two>li:nth-child(5) {
      display: flex;
      justify-content: flex-end;
    }

    .aesthetic_02 .section_06>ul.ul_two>li:nth-child(3) ul img,
    .aesthetic_02 .section_06>ul.ul_two>li:nth-child(5) ul img {
      width: 70px;
    }

    .aesthetic_02 .section_06>ul.ul_two>li h4 {
      font-size: 18px;
      letter-spacing: -1px;
    }

    .aesthetic_02 .section_06>ul.ul_two>li p {
      font-size: 11px;
      margin-top: 5px;
    }

    .aesthetic_02 .section_06>ul.ul_two>li>img {
      border-radius: 20px;
    }

    .aesthetic_02 .section_06>ul.ul_two>li:nth-child(3)>img,
    .aesthetic_02 .section_06>ul.ul_two>li:nth-child(5)>img {
      width: 160px;
      left: 0;
    }

    .aesthetic_02 .section_06>ul.ul_two>li:nth-child(2) img {
      width: 150px;
      margin-top: 40px;
    }



    
  }
}