@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

*{margin: 0; padding: 0;}
a{text-decoration: none; color: inherit}
body{background: #f1f5f8; font-family: "Noto Sans KR", sans-serif; text-align: center; padding: 7.81vw 0 0 0;}
.logo img{width: 42.08vw;}
.logo p{font-size: 1.04vw; color: #777777; letter-spacing:-0.03em;}
#lawfirmName::placeholder{color: #dfe9f1;}
h1{margin-top: 5.83vw; font-size: 1.82vw; color: #444444; letter-spacing: -0.03em;}
#lawfirmName{margin-left: 29vw; width: 34.74vw; height: 3.91vw; padding: 0.5vw 2vw ; box-sizing: border-box; background: #ffffff; border-radius: 50px 0 0 50px; border: none; box-shadow: 0px 0px 8px rgba(0, 99, 178, 0.1); float: left; font-size: 1.15vw;  color: #444444;}
#search button{float: left; width: 6.82vw; height: 3.91vw; background: #0063b2; border-radius: 0 50px 50px 0; border: none; box-shadow: 0px 0px 8px rgba(0, 99, 178, 0.1);font-size: 1.3vw;  color: #ffffff;}
#search {overflow: hidden; margin-top: 1.56vw; }
#suggestions{padding : 1.5vw 0; clear: both;}
#suggestions li{font-size: 1.04vw; line-height: 2.2vw; color: #777777;}
#result{ display: flex; background: #ffffff; font-size: 0.83vw; letter-spacing: -0.03em; color: #444444; width: 60%; margin: 0 auto 2vw auto;}
#result h3{background: #0063b2; color: #ffffff; padding: 0.5vw 2vw;}
#result p{padding: 0.5vw 2vw;}
#result div:nth-child(1){width: 10%;}
#result div:nth-child(2){width: 30%;}
#result div:nth-child(3){width: 40%;}
#result div:nth-child(4){width: 20%;}
.ment{color: #777777; font-size: 0.83vw; letter-spacing: -0.03em;}
.ment02 {color: #777777; font-size: 1vw; letter-spacing: -0.03em; margin-top: 1vw;}
.qna{text-align: left; padding: 3vw 2.6vw;width: 41.67vw; background: #ffffff; border-radius: 30px; box-shadow: 0px 0px 8px rgba(0, 99, 178, 0.1); margin: 4.17vw auto 9.81vw auto;}
.qna li{list-style: none; font-size: 0.83vw; color: #444444; letter-spacing: -0.03em; margin-top:2.08vw;}
.qna li:nth-child(1){margin-top: 0;}
.qna li h3{color: #0063b2; margin-bottom: 0.3vw; font-size: 0.83vw; letter-spacing: -0.03em; }
h2{font-size: 2.08vw; letter-spacing: -0.03em; color: #003962; line-height: 3.125vw; padding: 0 0 3.5vw 0; position: relative; /*margin-top: 6.25vw;*/ }
h2 span{display: block; color: #0063b2;}
h2 div{margin: 2vw 0;}
h2 img{width: 17.778vw;}
/* h2::after{content: ""; width: 100vw; height:5vw; background: linear-gradient(rgba(225, 225, 225, 0),#0063b2); display: block; opacity: 0.2; position: absolute; bottom: 0;} */
#result p{font-size:0.94vw; text-align: center; padding: 1vw; margin: 0 auto;}
.s{font-size: 1.563vw;}
#footer img{width: 100%;}
.baseLayout > div > div > div{text-align: left;}
.baseLayout {
    width: 100%;
    max-width: 75vw;
    margin: 0 auto;
    padding: 0 5.21vw;}
    footer {background: #ffffff; overflow: hidden;}

    footer img{text-align: left;}

    button, input, optgroup, select, textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
        border: 0;
    }