@font-face {
    font-family: "a드림고딕6";         
    src: url("../fonts/a드림고딕5.ttf"); 
  }
@font-face {
    font-family: "a드림고딕5";         
    src: url("../fonts/a드림고딕6.ttf"); 
  }
@font-face {
    font-family: "a드림고딕4";         
    src: url("../fonts/a드림고딕4.ttf"); 
  }
  @font-face {
    font-family: 'NanumSquare';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Light.ttf') format("truetype");
    font-display: swap;
} 
  @font-face {
    font-family: 'NanumSquare';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquare';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.ttf') format("truetype");
    font-display: swap;
} 
html, body {
    height: 100%;
}
body {
    background: #F1F3F6;
    margin: 0;
    padding: 0;
}
#wrap {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    min-height: 100%;
}
#wrap *{
    font-family: 'NanumSquare';
}
#wrap .header1 {
    padding: 1rem;
}
#wrap .header1 img {
    width: 10%;
}
#wrap main {
    padding: 0 0 4rem;
}
header {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
    align-items: center;
    gap: 3rem;
}
header .left{
    display: flex;
    align-items: center;
    width: 60%;
}
header .title{
   font-size: 18px;
   font-weight: 600;
   margin-left: 1rem;
   line-height: 1.3;
}
header .left .a{
    width: 20%;
}
header .left .back{
    width:20px;
}

header  .logo {
    width: 35%;
    display: flex;
    justify-content: flex-end;
}
header  .logo img{
    width: 30%;
}
@media screen and (max-width: 900px) {
    #wrap .header1 img {
        width: 20%;
    }
    header  .logo img{
        width: 60%;
    }
}