.contact_main{padding:8rem 0}.contact_main .left{flex:1;max-width:60rem;display:flex;flex-direction:column;gap:3rem}.contact_main .head h2{font-weight:600;line-height:5rem}.contact_main .head p{color:var(--title);margin-top:1.8rem}.contact_main .note{color:#666;font-size:1.4rem;letter-spacing:-.2px;margin-top:3rem}.contact_main .note a{color:var(--primary)}.contact_main .note a:hover{text-decoration:underline}.contact_main .list{font-size:1.8rem}.contact_main .list p{margin-top:2rem}.contact_main .list a{color:var(--primary)}.contact_main .list a:hover{text-decoration:underline}.contact_main .right{padding:6rem;width:47.857143%;background-color:#f7f7f5;align-self:center}.contact_main .top .title{font-size:2rem;line-height:1;font-weight:700}.contact_main .top ul{margin-top:3rem}.contact_main .top li{color:#888;font-size:2rem;cursor:pointer;transition:all 0.3s;position:relative;padding-left:3rem;line-height:3.4rem}.contact_main .top li::before{content:'';display:block;box-sizing:border-box;width:1.6rem;height:1.6rem;border-radius:50%;border:3px solid #fff;outline:2px solid #999;transition:all 0.3s;position:absolute;left:2px;top:.8rem}.contact_main .top .active{color:var(--title)}.contact_main .top .active::before{outline-color:var(--primary);background-color:var(--primary)}.contact_main .form{margin-top:3rem;display:none}.contact_main .form.active{display:block}.contact_follow{padding:8rem 0;background-color:#f7f7f5}.contact_follow .head h2{line-height:1}.contact_follow .list{margin-top:4.2rem}.contact_follow .list ul{gap:32px 6.714286%;display:flex;flex-wrap:wrap;justify-content:center}.contact_follow .list a:hover .icon::before{opacity:1}.contact_follow .list .icon{width:5rem;height:5rem;margin:0 auto;border-radius:50%;background-color:var(--primary);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.contact_follow .list .icon::before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;opacity:0;border-radius:50%;transition:all 0.3s;background-image:linear-gradient(-40deg,var(--primary),var(--secondary))}.contact_follow .list .icon img{display:block;width:60%;height:60%;filter:contrast(0) brightness(2)}.contact_follow .list .name{text-align:center;font-size:2rem;color:#666;margin-top:1rem}@media screen and (max-width:768px){.contact_main{padding:4rem 0}.contact_main .flex{display:block}.contact_main .left{max-width:unset}.contact_main .head h2{font-size:2.6rem}.contact_main .head p{font-size:2rem;font-weight:600}.contact_main .note{margin-top:3rem}.contact_main .right{width:100%;margin-top:2rem;padding:2.5rem}.contact_follow .list ul{gap:1.8rem}.contact_follow .list .name{font-size:1.6rem}}@media screen and (max-width:576px){.contact_main .right{padding:2rem}}