*{font-family:"Apple SD Gothic Neo","맑은 고딕","Malgun Gothic",돋움,dotum,sans-serif}html,body{height:100%}body{display:table;margin:auto}div.wrap-login{display:table-cell;vertical-align:middle}div.wrap-login>ul{width:700px;margin:auto}div.wrap-login.close>ul{width:auto}div.wrap-login div.logo{text-align:center}div.wrap-login div.form{text-align:center;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 8px 16px rgba(0,0,0,0.1);width:330px;margin:auto;padding:15px;display:block}div.wrap-login div.form>div>form{padding:0;margin:0}div.wrap-login div.form>div>form>span{display:inline-block;padding:6px 0}div.wrap-login div.form>div>form>span::before{position:absolute;font-size:10px;padding:4px 5px 4px 6px;color:grey}div.wrap-login div.form>div>form>span.input-id:before{content:"USER ID"}div.wrap-login div.form>div>form>span.input-psw:before{content:"PASSWORD"}div.wrap-login div.form>div>form>span>input{border-radius:6px;font-size:16px;padding:22px 12px 5px 12px;width:330px;box-sizing:border-box;border:1px solid #ccc}div.wrap-login div.form>div>form>span>input:focus{border:1px solid#5f85af;background-color:#e4f0ff}div.wrap-login div.form>div>form>span.input-psw{padding-top:0}div.wrap-login div.form>div>form>div:last-child>button{background-color:#5f85af;border:0;border-radius:6px;font-size:16px;line-height:35px;padding:0 16px;width:332px;color:white}div.wrap-login div.form>div.comment{text-align:left;word-break:keep-all;font-size:12px}div.wrap-login div.copyright{margin-top:10px}div.wrap-login div.copyright>div{width:295px;margin:auto;font-size:12px}div.wrap-login.close div.wrap-board{display:none}div.wrap-login div.wrap-board{border-right:1px solid #abaaaa;font-size:12px}div.wrap-login div.wrap-board>div.board{width:280px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 8px 16px rgba(0,0,0,0.1)}div.wrap-login div.wrap-board>div.board>div:first-child{padding:5px;background-color:#5f85af;color:white;border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0}div.wrap-login div.wrap-board>div.board>div.list{overflow-y:auto;overflow-x:hidden;height:245px}div.wrap-login div.wrap-board>div.board>div.list>ul>li{color:#525252}div.wrap-login div.wrap-board>div.board>div.list>ul>li:hover{cursor:pointer}ul.layout-r,ul.layout-r{list-style:none;display:table;margin:0;padding:0;width:100%}ul.layout-r>li{display:table-cell;padding:3px;box-sizing:border-box}ul.layout-r.middle>li{vertical-align:middle}ul.layout-r.top>li{vertical-align:top}ul.layout-r.fixed{table-layout:fixed}ul.layout-r.fixed>li{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}