body{background-color: #eee; font-size: 16px; }
h1 a{margin: 100px auto 0; display: block; width: 200px; height: 35px; text-indent: -9999px; overflow: hidden; 
    background: url(../../common/images/logo.png) left no-repeat; }
#content{width: 370px; margin: 50px auto; background: #fff;border-radius: 10px;
     padding: 50px 80px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; }
#content h2{font-size: 1.5em;}
#content p{color: #999; font-weight: 400; font-weight: .9em;}
#content form{margin: 50px 0 0 -12px;}
#content form label{font-size: .9em; display: block; margin-bottom: 5px;}
#content form input{border: 1px solid #ddd; width: 370px; height: 50px; border-radius: 7px; 
    margin-bottom: 15px; padding-left: 20px;  }
#content form input::placeholder{font-family: 'Noto Sans KR', sans-serif; color: #ddd;}

#content form input[type=submit]{margin-top: 20px; 
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1em; border: 0; background: var(--font-color-main); 
    color: #fff; font-weight: 400; height: 60px; cursor: pointer; width: 395px;
}
#content form input:focus{outline-color:var(--font-color-main);}
#content div:nth-of-type(1){margin-left: 50%; transform: translateX(-50%);}
#content div:nth-of-type(1) a{font-weight: 400; color: #999; display: inline;}
#content div:nth-of-type(1) a:last-child{margin-left: 10px; position: relative;}
#content div:nth-of-type(1) a:last-child::before{content: ''; display: block; position: absolute;
    width: 1px; height: 50%; background: var(--font-color-main); left: -8px; top: 7px;}


#content div:nth-of-type(2){width: 100%; margin-top: 50px; margin-left: 50%; transform: translateX(-30%);}
#content div:nth-of-type(2) span{color: #666;}
#content div:nth-of-type(2) a{display: inline; color: var(--font-color-main);}