@charset "utf-8";

@font-face {
   font-family: 'Pretendard-Thin';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
   font-weight: 100;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Pretendard-ExtraLight';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
   font-weight: 200;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Pretendard-Light';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
   font-weight: 300;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Pretendard-Regular';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Pretendard-Medium';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Pretendard-SemiBold';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
   font-weight: 600;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Pretendard-Bold';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Pretendard-ExtraBold';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
   font-weight: 800;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Pretendard-Black';
   src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
   font-weight: 900;
   font-style: normal;
 }

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

a{
   display: block;
   text-decoration: none;
   color: inherit;
}

ul li{list-style: none;}

body{
  width: 100%;
}
/* 헤더 */

header{
   width: 100%;
   height: 80px;
   display: flex;
   position: fixed;
   z-index: 999;
   background-color: #fff;
}

.logo{
  width: 10%;
  padding: 25px 35px;
}

/* 메뉴 */
nav{
  background-color: rgb(255, 255, 255);
   
}



.menu{
   display: flex;
   width: 700px;
   justify-content: space-around;
}

.menu>li{
   width: 150px;
   padding: 28px 20px;
   font-family: "Averia Serif Libre", serif;
   font-weight: 400;
   font-style: normal;
   font-size: 18px;
   
}

.menu>li>a:hover{
   color: #6EB8E7;
}

.submenu{
   display: none;
   font-family: 'Pretendard-Regular';
   font-optical-sizing: auto;
   font-weight: weight;
   font-style: normal;
   font-size: 13px;
   top: 35px;
   position: relative;
   z-index: 8;
   background-color: rgb(255, 255, 255);
   padding: 20px;
   border-radius: 15px;
 }

.submenu>li{
   line-height: 40px;
   width: 250px;
  
}

.submenu>li>a{
   font-weight: 400;
   font-style: normal;
   
  }

.submenu>li>a:hover{
   color: #6EB8E7;
  }
  .subsubmenu>li>a:hover{
    color: #6EB8E7;
   }  

.product{
   width: 350px;
   display: flex;
   justify-content: space-between;
   
}

.product>li>a{
   font-weight: bold;
}

/* 모바일 메뉴 */

.mobile_menu{
  display: none;
  float: left;
  
}

.mobile_main{
  display: none;
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 1000px;
  top: 80px;
  background-color: #fff;
  border-top: 1px solid #e4e2e2;

}

.mobile_main>li{
  font-size: 20px;
  font-family: 'Pretendard-Bold';
  color: #383838;
  line-height: 50px;
  padding-left: 20px;
}

.mobile_main>li:hover{
  color: #6EB8E7;
}

.mobile_submenu{
  display: flex;
}

.mobile_submenu>li{
  font-family: 'Pretendard-Light';
  font-size: 14px;
  color: #5e5e5e;
  width: 200px;
}

.mobile_submenu>li>a{
  width: 90px;
  height: 40px;
}

.mobile_submenu>li>a:hover{
  color: #6EB8E7;
  border-bottom: 1px solid #757575;
}

.mobile_submenu_p{
  font-family: 'Pretendard-Light';
  font-size: 14px;
  color: #5e5e5e;
  display: flex;

}

.mobile_submenu_p>li{
  width: 200px;
}

.mobile_submenu_p>li>a:hover{
  width: 80px;
  height: 40px;
}

.mobile_submenu_p>li>a:hover{
  color: #6EB8E7;
  border-bottom: 1px solid #757575;
}

.mobile_submenu>img{
  width: 380px;
  margin-top: 20px;
}

/* 헤더 아이콘 */
.iconbox{
  position: absolute;
  right: 20px;
   width: 10%;
   height: 80px;
   display: flex;
   justify-content: space-evenly;

  
}
.iconbox a img{
  margin-top: 30px;
}


/* 메인 이미지 슬라이드 */

/* slider__wrap */
.slider__wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider__img { /*이미지가 보이는 영역*/
  position: relative;
  width: 100%;
  overflow: hidden;
}
.slider__inner { /*전체 이미지를 감싸고 있는 부모 : 움직이는 영역*/
  display: flex;
  width: 300%;
  height: 800px;
}
.slider { /*개별적인 이미지*/
  position: relative;
  width: 33.3%;
}

.slider__btn a {
  position: absolute;
  top: 50%;
  transform:  translateY(-50%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #fff;
} 
.s1{
  background-image: url(../img/배너\ 1\ 복사.jpg);
  background-size: cover;
}
.s2{
  background-image: url(../img/배너\ 2\ 복사.jpg);background-size: cover;
}
.s3{
  background-image: url(../img/배너\ 3\ 복사.jpg);background-size: cover;
}
.slider__btn a:hover {
 opacity: 0.4;
}
.slider__btn a.prev {
  left: 0;
}
.slider__btn a.next {
  right: 0;
}
.slider__dot {
  position: absolute;
  left: 50%;
  bottom: 130px;
  transform:  translateX(-50%);
}
.slider__dot .dot {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
  border-radius: 50%;
  text-indent: -9999px;
  transition: all 0.3s;
  margin: 2px;
}
.slider__dot .dot.active {
  background-color: #fff;
}


/* 메인 이미지 슬라이드 끝 */


.nav {  /*좌우버튼 공통*/
  color:#fff; font-size:10rem; width:50%; height:100%;
  text-shadow:3px 3px 3px rgba(0,0,0,.3);
  position:absolute; top:0;
  display: flex; align-items: center;
  cursor:pointer; opacity:0; transition: .5s;
  z-index:2;
  font-size: 40px;
  padding: 30px;
}
.nav:hover { opacity:.7 }
.left { left: 0; justify-content: flex-start }
.right { right: 0; justify-content: flex-end }

#circleBox {   /* 하단 서클버튼 박스*/
  position: absolute; top: 90%; left:50%;
  transform:translateX(-50%);
  display: flex; justify-content: center;
  padding:10px; border-radius:20px;
  background:rgba(0,0,0,.5);
  z-index:3
}

.circle {   /*각 서클 버튼*/
  width:10px; height:10px; margin-right:10px;
  background:rgba(255,255,255,.6);
  border-radius:50%;
  cursor:pointer; transition:.5s;
  position: absolute;
}

.circle:first-child { background-color:#fff; transform:scale(1.4) }
.circle:last-child { margin-right:0 }


/* 이미지  */

#imglist{
  width: 100%;
  padding-top: 50px;
}

.imgbox>ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.imgbox>ul>li{
  width: 32%;
  position: relative;
}

.imgbox>ul>li>img{
  width: 100%;
}

.imgbox>ul>li>a{
  width: 100px;
  height: 45px;
  background-color: #f7f7fb;
  position: absolute;
  bottom: 50px;
  left: 65px;
  font-size: 18px;
  text-align: center;
  padding-top: 12px;
  font-family:  'Pretendard-SemiBold';
  border-radius: 5px;
  color: #5e5e5e;
}

.imgbox>ul>li>a:hover{
  background-color: #9f9e9e;
  color: #f7f7fb;
  transition: 0.4s;
}

/* 베스트 아이템 */
#bestitems{
   width: calc(100% - 250px);
   background-color: rgb(255, 255, 255);
   margin: 150px auto;
}

#bestitems h1{
  font-family: "Averia Serif Libre", serif;
  font-weight: 800;
  font-size: 40px;
  color: #6EB8E7;
  position: relative;
  top: 80px;
  text-align: center;
}

.itembox{
  margin-top: 150px;
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  flex-wrap: wrap;
}

.item{
  width: 24%;
  position: relative;
}

.item img{
  width: 100%;
}

#iconbox{
  width: 160px;
  position: absolute;
  top: 40%;
  left: 30%;
  display: none;
}


#iconbox>a{
width: 50%;
float: left;
}

#iconbox>a>img{
   
width: 50%;
    
}

#itemlist{
  display: flex;
  justify-content: space-evenly;
  width:200px;
  align-items: center;
  margin: 0 auto;
  margin-top: 12px;
  letter-spacing: -0.07rem;
}

.itembox h2{
  font-family: 'Pretendard-Bold';
  font-size: 17px;
  }

.itembox h3{
  background-color: #6EB8E7;
  color: #fff;
  width: 50px;
  height: 30px;
  border-radius: 8px;
  font-size: 15px;
  font-family: 'Pretendard-Bold';
  padding-top: 5px;
}

.itembox h4{
  color: #6EB8E7;
  font-family: 'Pretendard-Bold';
  font-size: 16px;
}

.itembox h5{
  color: #757575;
  font-family: 'Pretendard-Bold';
  font-size: 14px;
}

/* 갤러리 */

#gallery{
   width: 100%;
  flex-wrap: wrap;
   display: flex;
}

#left{
   width: 50%;
}

#left img{
  width: 100%;
}

#right{
   width: 50%;
  height: auto;
  position: relative;
}

#right a{
  position: relative;
}


#right img{
  width: 100%;
}

#right_text{
  position: absolute;
  z-index: 2;
  top: 400px;
  left: 200px;
  text-align: center;
  color: #fff;
}

#right_text h1{
  font-family: 'Pretendard-SemiBold';
  font-size: 25px;
}

#right_text h2{
  font-family: 'Pretendard-SemiBold';
  font-size: 50px;
  margin-top: 40px;
}

#right_text p{
  font-family:  'Pretendard-ExtraLight';
  font-size: 17px;
  margin-top: 60px;
  line-height: 40px;
}

#right_text h4{
  font-size: 22px ;
  font-family:  'Pretendard-Thin';
  margin-top: 80px;
}

#right_text h4:hover{
  color: #6eb9e7;
}

#right .arrow{
  transition: 0.5s ease-out;
  color: #ffffff;
  font-size: 22px;
  margin-top: 10px;
}

#right:hover .arrow{
  padding-left: 5px;
  color: #6EB8E7;
}



/* 푸터 메뉴 */

#fmenu{
   width: 80%;
   display: flex;
   margin: 0 auto;
   margin-top: 150px;
   margin-bottom: 150px;
  gap: 15px;
}

#fmenu a{
  width: 33.33%;
}

#fmenu a img{
  width: 100%;
}

#fmenu a img:hover {
  animation: pulse 2s;
}

footer{
   width: 100%;
   height: 400px;
   background-color: #6EB8E7;
}

.footer-content{
   display: flex;
   flex-wrap: wrap;
   padding-top: 60px;
   padding-left: 60px;
 }
 
 .footer-content a{
   text-decoration: none;
   color: rgba(255, 255, 255, 0.7);
   font-size: 16px;
 }
 
 .left{
   flex-basis: 40%;
   padding-left: 40px;
 }

 .flogo{
   display: flex;
   flex-wrap: wrap;
 }

 .flogo-nav{
   display: flex;
   margin-left: 80px;
   gap: 20px;
   align-items: center;
 }

 .flogo-nav>li>a{
   color: #ffffff;
   font-family: Pretendard;
   font-weight: 400;
   font-size: 15px;
   font-family: 'Pretendard-Bold';
 }

 .flogo-nav li:not(:last-child){
   padding-right: 30px;
   border-right: 2px solid #eee;
   text-align: center;
   line-height: 0.7;
 }
 .center{
  position: relative;
  left: 400px;
  width: 370px;
  background-color: #6EB8E7;
}


 .right{
  padding: 40px;
 }
 
 /* 푸터 가운데 텍스트 */
 .col h2{
   font-size: 18px;
   color: #ffffff;
   margin-bottom: 20px;
   font-family: 'Pretendard-SemiBold';
 }
 
 .col h3{
   font-size: 30px;
   color: #ffffff;
   margin-bottom: 20px;
   font-family: 'Pretendard-Regular';
 }
 
 .col h4{
   font-size: 25px;
   color: #ffffff;
   font-family: 'Pretendard-Light';
 }

 .col p{
  font-size: 15px;
  line-height: 35px;
  color: #ffffff;
  font-family: 'Pretendard-Light';
 }


 .col>a{
  font-size: 18px;
  font-family: 'Pretendard-SemiBold';
  height: 50px;
  border: 2px solid #fff;
  float: left;
  text-align: center;
  padding: 5px 15px;
  margin-top: 10px;
  margin-right: 20px;
 }

 .col>a:hover{
  background-color: #ffffff17;
 }

 /* 푸터 왼쪽 텍스트 */
 .footer-nav{
  width: 600px;
   display: flex;
   align-items: center;
   gap: 20px;
   list-style: none;
   margin-bottom: 40px;
   margin-top: 40px;
   color: #ffffff;
   flex-wrap: wrap;
 }
 
 .footer-nav>li>a{
   font-size: 16px;
   font-family: 'Pretendard-Regular';
   color: #fff;
 }
 .footer-info{
   margin-top: 20px;
   color: rgba(2555,255,2555,0.7);
 }

 .footer-info p:last-child{
   margin-top: 20px;
 }
 
 .footer-info>p{
   color: #BBE5FF;
   font-size: 15px;
   line-height: 20px;
 }
 
 .socials{
  width: 100px;
   display: flex;
   align-items: center;
   list-style: none;
   justify-content: space-between;
   position: relative;
   left: 400px;
 }
 
 .socials>li>a{
   font-size: 25px;
 }
 .copyright{
   margin-top: 20px;
   font-size: 16px;
   color: rgba(255, 255, 255, 0.7);
 }
 .slider__wrap_mb{
  display: none;
 }



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

  /* 헤더 */
   header{
      width: 100%;
      justify-content: space-around;
      
    }

   .mobile_menu{
      display: block;
      position: absolute;
      left:10px;
      font-size: 30px;
      padding: 15px;
      color: #5e5e5e;
    }


    .logo>{
      position: absolute;
      left: 500px;
      
    }

  .iconbox{
    width: 15%;
    }  

   nav { font-size:4rem; display: none}
   .title { font-size:2rem; }
   .itembox>a {width: 50%; }
   .itembox>h2{ font-size: 6rem;}

  /* 배너이미지 */
  
  .imgbox>ul{
    flex-wrap: wrap;
  }
  .imgbox>ul>li{
    width: 100%;
  }
  

  /* 이미지 슬라이드 */

  .s1{
    background-image: url(../img/배너\ 1\ small.jpg);
    background-size: cover;}
  .s2{
    background-image: url(../img/배너\ 2\ small.jpg);background-size: cover;}
  .s3{
    background-image: url(../img/배너\ 3\ small.jpg);background-size: cover;}
  
  /* 베스트 아이템 */

  #bestitems{
    width: 100%;
  }

  #bestitems h1{
    font-size: 25px;
  }

  .itembox{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .item{
    width: 50%;
  }

  /* 중간 이미지 1,2 */
 

  #right_text{
      position: absolute;
      z-index: 2;
      top: 30%;
      text-align: center;
      color: #fff;
   }
    
    #right_text h1{
      font-family: 'Pretendard-ExtraLight';
      font-size: 12px;
    }
    
    #right_text h2{
      font-family: 'Pretendard-SemiBold';
      font-size: 22px;
      margin-top: 20px;
    }
    
    #right_text p{
      font-family: 'Pretendard-Thin';
      font-size: 12px;
      margin-top: 30px;
      line-height: 40px;
    }
    
    #right_text h4{
      font-size: 18px ;
      font-family:  'Pretendard-Thin';
      margin-top: 40px;
    }

    #fmenu{
      width: 100%;
    }

    #fmenu>a{
      width: 100%;
    }
   /* 푸터 */

    footer{
      width: 100%;
      height: 700px;
    }

   .footer-content{
      display: block;
      padding: 30px 30px;
    }

    .flogo{
      display: block;
      
    }

    .flogo-nav{
      padding-top: 20px;
    }

    .footer-nav{
      margin: 20px 0;
    }

   .footer-nav li a{
    margin: 0 0;
    font-size: 12px;
   } 
    
    .left{
      padding: 0 ;
    }

    .center{
      left: 0;
      top: 70px;
    }
    
    .right{
      padding: 0;
      top: 300px;
      z-index: 3;
    }
    .flogo-nav{
      margin: 0;
    }
}

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

  /* 헤더 */
  header{
    width: 100%;
    justify-content: space-around;
    
  }

 .mobile_menu{
    display: block;
    position: absolute;
    left:10px;
    font-size: 30px;
    padding: 15px;
    color: #5e5e5e;
  }

  .logo{
    position: absolute;
    left:35%;
    
  }

  .iconbox{
  width: 20%;
  }  

  .imgbox>ul{
    flex-wrap: wrap;
  }
  .imgbox>ul>li{
    width: 100%;
  }
  .imgbox>ul>li>a{
    position: absolute;
    left: 10%;
  }
  
  nav { font-size:3rem }
  .title { font-size:1.5rem }
  .itembox>a {width: 50%; }
  .itembox>h2{ font-size: 6rem;}


  /* 슬라이드 이미지 */

  .slider__img{
    width: 100%;
    margin-top: 80px;
  }
  
  .slider__inner{
    height: 500px;
  }
  .s1{
    background-image: url(../img/배너\ 1\ small.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    
  }
  .s2{
    background-image: url(../img/배너\ 2\ small.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .s3{
    background-image: url(../img/배너\ 3\ small.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  .slider__btn{
    position: absolute;
    top: 300px;
    width: 100%;
  }

  .slider__dot{
    position: absolute;
    top: 460px;
   
  }

  /* 베스트아이템 */

  .item{
    width: 40%;
  }
  
    /* 중간 이미지 1,2 */
    #left, #right{
      width: 100%;
  }

  #right_text{
      position: absolute;
      z-index: 2;
      top: 30%;
      left: 10%;
      text-align: center;
      color: #fff;
   }
    
    #right_text h1{
      font-family: 'Pretendard-ExtraLight';
      font-size: 14px;
    }
    
    #right_text h2{
      font-family: 'Pretendard-SemiBold';
      font-size: 25px;
      margin-top: 20px;
    }
    
    #right_text p{
      font-family: 'Pretendard-Thin';
      font-size: 14px;
      margin-top: 30px;
      line-height: 40px;
    }
    
    #right_text h4{
      font-size: 18px ;
      font-family:  'Pretendard-Thin';
      margin-top: 40px;
    }
  
  
}

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

  /* 헤더 */
  header{
    width: 100%;
    justify-content: space-around;
    
  }

 .mobile_menu{
    display: block;
    position: absolute;
    left:10px;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 30px;
    color: #5e5e5e;
  }

  .logo{
    width: 100px;
    position: absolute;
    top: 25px;
    left: 150px;
    padding: 0;
  }

  .iconbox{
    position: absolute;
    left :300px;
    top: 5px;
    width: 90px;
    height: 50px;
  }  

  .iconbox a img{
    width: 18px;
  }

  .imgbox>ul{
    flex-wrap: wrap;
  }
  .imgbox>ul>li{
    width: 100%;
  }
  .imgbox>ul>li>a{
    position: absolute;
    left: 10%;
  }
  
  nav { font-size:3rem }
  .title { font-size:1.5rem }
  .itembox>a {width: 50%; }
  .itembox>h2{ font-size: 6rem;}



  .mobile_submenu img{
    width: 310px;
  }

  /* 슬라이드 이미지 */

  .slider__img{
    width: 100%;
    margin-top: 80px;
  }
  
  .slider__inner{
    height: 500px;
  }
  .s1{
    background-image: url(../img/배너\ 1\ small.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    
  }
  .s2{
    background-image: url(../img/배너\ 2\ small.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .s3{
    background-image: url(../img/배너\ 3\ small.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  .slider__btn{
    position: absolute;
    top: 300px;
    width: 100%;
  }

  .slider__dot{
    position: absolute;
    top: 460px;
   
  }

  /* 배너이미지 */
  
  
  #imglist{
    padding-top: 0px;
  }

  .imgbox>ul{
    flex-wrap: wrap;
  }
  .imgbox>ul>li{
    width: 100%;
  }

  .imgbox>ul>li>a{
    width: 80px;
    height: 40px;
    position: absolute;
    top: 270px;
    font-size: 14px;
  }

  /* 베스트아이템 */

  #bestitems{
    width: 100%;
    position: relative;
  }

  #bestitems h1{
    position: absolute;
    top: -80px;
    left: 140px;
  }

  .item{
    width: 40%;
  }
  
  .item>h2{
    font-size: 14px;
    height: 32px;
  }
  
  .itembox{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
  }

  .itembox h3{
    background-color: #6EB8E7;
    color: #fff;
    width: 40px;
    height: 30px;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    padding-top: 6px;
  }
  
  .itembox h4{
    font-size: 15px;
  }

  .itembox del{
    font-size: 13px;
  }

  #itemlist{
    width: 100%;
  }

  #iconbox{
    width: 120px;
    position: absolute;
    top: 40%;
    left: 10%;
    display: none;
  }
  /* 중간 이미지 1,2 */

    #gallery{
      position: relative;
      top: -80px;
    }

    #left, #right{
      width: 100%;
  }

  #right_text{
      position: absolute;
      z-index: 2;
      width: 80%;
      top: 30%;
      text-align: center;
      color: #fff;
   }
    
    #right_text h1{
      font-family: 'Pretendard-ExtraLight';
      font-size: 14px;
    }
    
    #right_text h2{
      font-family: 'Pretendard-SemiBold';
      font-size: 25px;
      margin-top: 20px;
    }
    
    #right_text p{
      font-family: 'Pretendard-Light';
      font-size: 14px;
      margin-top: 30px;
      line-height: 20px;
      width: 85%;
      margin-left: 20px;
    }
    
    #right_text h4{
      font-size: 18px ;
      font-family:  'Pretendard-Thin';
      margin-top: 40px;
    }

  /*  푸터 메뉴 */
   #fmenu{
    margin: 40px 0;
   }

   .center{
    left: 0;
   }

   /* 푸터 */
  
   .footer-content{
    padding: 0;
   }

   .col .left{
    width: 100%;
    padding: 0;
   }
   .flogo{
    width: 100%;
    margin-top: 30px;
    padding: 0;
   }
}