html,body{overflow-x: hidden;}
body{background:#fdfdfd}
body::-webkit-scrollbar{width: 5px;height: 5px;}
body::-webkit-scrollbar-thumb{background-color: #F4F5F7;border-radius: 40px;border: 1px solid transparent;background-clip: content-box;}
body::-webkit-scrollbar-track{border-radius: 40px;background-color: transparent;}
.scroll-block{overflow: hidden;}

.wd-wrap{max-width:1276px;margin:0 auto;box-sizing: border-box;}

/* header */
.header{position:fixed;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,0.3);box-sizing: border-box;z-index: 10;background:#fff;box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, 0.06);}
.header .wd-wrap{display:flex;justify-content: space-between;align-items: center;height:120px}
.header .mo-menu{display:none}
.header .gnb>ul{display:flex;align-items: center;gap:0 50px}
.header .gnb a{color:#000;font-size:18px;font-family: Montserrat;font-weight: 700;transition:.3s}
.header .gnb a:hover{color:#f7941d}
.header .gnb a.selected{color:#f7941d}
.header .dim{content:"";display:block;position:fixed;top:0;left: 0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index: 11;opacity: 0;visibility: hidden;transition:.3s}
.header .gnb-close{display:none}
/* content */
.content-wrap{margin-top:120px}

/* footer */
.footer{padding:94px 0 76px;background:#393939}
.footer .wd-wrap{display:flex;align-items: center;gap:0 75px}
.footer .footer-info .contact{display:flex;flex-wrap: wrap;gap:8px 24px;}
.footer .footer-info .contact>li{color:#fff;font-family: Pretendard;font-size:16px;letter-spacing: -0.025em;}
.footer .footer-info address{display:block;margin-top:4px;color:#fff;font-family: Pretendard;font-size:16px;letter-spacing: -0.025em;}

@media screen and (min-width:768px) {
    .header .dim{display:none !important}
}
@media screen and (max-width:1300px) {
    .wd-wrap{padding:0 20px}
}
@media screen and (max-width:1024px) {
    .header .wd-wrap{height:80px}
    .content-wrap{margin-top:80px}
    .footer .wd-wrap{flex-direction: column;gap:48px 0;}
}
@media screen and (max-width:767px) {
    .header .wd-wrap{height:60px}
    .header h1 img{width:100px}
    .header .gnb{position:fixed;top:0;right:-80%;width:80%;height:100%;background:#f3f3f3;text-align: center;z-index: 12;transition:right .3s}
    .header .gnb>ul{display:inline-flex;flex-direction: column;justify-content: center;align-items: flex-start;gap:50px 0;height:100%;padding-bottom:18%;box-sizing: border-box;}
    .header .mo-menu{display:block}
    .header .mo-menu img{display:block;width:20px;margin-top:4px}
    .header .gnb-close{position:absolute;top:20px;right:20px;width:22px;height:22px;transform: rotate(-45deg);}
    .header .gnb-close span:nth-of-type(1) {position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:22px;background:#333;}
    .header .gnb-close span:nth-of-type(2) {position:absolute;top:50%;left:0;transform:translateY(-50%);width:22px;height:2px;background:#333;}
    .scroll-block .dim{opacity: 1;visibility: visible;}
    .scroll-block .header .gnb{right:0}
    .scroll-block .header .gnb-close{display:block} 
    .content-wrap{margin-top:60px}
    .footer{padding:48px 0 36px;text-align: center;}
    .footer .wd-wrap{gap:28px 0}
    .footer .footer-logo img{width:100px}
    .footer .footer-info .contact{display:inline-flex;justify-content: center;gap:4px 16px}
    .footer .footer-info .contact>li{font-size:12px}
    .footer .footer-info address{font-size:12px}
}