body {margin:0;font-family:'Malgun Gothic','맑은 고딕',sans-serif;text-align:justify;-webkit-text-size-adjust:none}

h1 {margin:0;padding:8px 5px 0 5px;border-bottom:1px solid #0163de}
h1 img {display:inline-block;width:210px}
h2 {margin:0;padding:0;position:absolute;top:30px;right:10px;font-size:1.125em}
.login h1 {margin:40px 0 10px 0;padding:0;border:0;text-align:center}
.login h2 {display:none;}

#outline{margin:auto;position:relative;padding:30px 10px;min-width:300px;max-width:620px}
#outline.auth{padding:0}


a{color:inherit}
img{border:0}
p{margin:0 0 10px 0}
span{padding:10px;font-size:90%;color:lightgray}
h3{font-size:1.0625em;margin:30px 0 10px 0}
h4,h5{font-size:1em;margin:0 0 10px 0}
fieldset{margin:0;padding:0;border:0}
input,textarea,a.btn{vertical-align:middle;font-family:inherit;font-size:1em;border:1px solid #aaa;border-radius:2px;box-sizing:border-box}
input[type="text"],input[type="submit"],input[type="password"]{color:#555;height:40px;line-height:20px;padding:10px 10px 10px 80px;width:100%;font-weight:bold;-webkit-appearance:none}
input[type="submit"]{width:110px;height:44px;padding:0 10px;background-image:linear-gradient(#fafafa,#f4f4f4 40%,#e5e5e5);background-image:-webkit-linear-gradient(#fafafa,#f4f4f4 40%,#e5e5e5)}
a.btn{color:#555;width:110px;line-height:42px;padding:0 10px;font-weight:bold;display:inline-block;text-align:center;text-decoration:none}
textarea{height:240px;line-height:24px;width:100%;padding:40px 10px 10px 10px;-webkit-appearance:none}
input:disabled{color:black;background:lightgray}
label{position:absolute;font-size:13px;font-weight:bold;padding:10px 15px;text-align:left}
input[type="checkbox"]{border:0}

#checker{display:none}
#checker+label{position:relative}
#checker+label:before{content:"";display:inline-block;width:15px;height:15px;border:3px solid gray;vertical-align:middle;padding:2px;margin:0 10px 3px 0}
#checker:checked+label:before{content:"\2714";line-height:15px}

.login input{width:100%}
.info p input{padding-left:100px;}

.join label{position:relative;display:block;margin:10px 0;padding:0}

#find{width:300px;margin:auto;text-align:center;}

.terms{margin:0;padding:10px;height:120px;border:1px solid gray;overflow-y:auto;font-size:13px}
.terms ul,
.terms ol{margin:0 0 10px 10px;padding:0 0 0 10px;}
.terms li{margin:5px 0;}

#auth{display:none;margin:0;width:100%;height:900px;border:0}
.auth #auth{display:block}
.auth #join,.auth #find{display:none}

#cn,#ci{display:none}

i,.i {margin:5px 0 0 60px;}
i{display:none;color:gray;font-size:13px}
i:before{content:"※ "}
i.on{display:block}

.r_t i{position:absolute;margin-top:9px}
.r_t b{margin-left:5px;color:red}
#r_t.red{border:1px solid red}

#alert{margin:0 0 30px 0;text-align:center;color:red;font-weight:bold}
.link{margin:40px 0;text-align:center;}

p.notice{margin-bottom:20px;padding:15px;line-height:30px;border:1px solid blue}