@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* 기본 CSS */
/* contents */
#wrapper-join { clear:both; margin-top:20px; border-top:1px solid #efefef; }
#container-join { width:100%; margin:0 auto; box-shadow:0 1px 2px 1px #efefef; padding:40px; }

form div { margin-bottom:20px; color:#7a7a7a; }
form label { font-size:13px; }
form input { width:100%; padding:6.5px; border:1px solid #e9e9e9; border-radius:4px; border-width:1px; font-size:13px; margin:5px 0px; }
form input:hover { border-color:#fb6463; border-width:1px; }
form p { font-size:13px; text-align:center; }

.newsletter { display:inline-block; }
.join { border-radius:4px; }

#container-join .privacy a { font-weight:bold; }
#container-join a { color:#fb6463; }
#container-join a:hover { color:#eb131d; }

.join { margin:0 auto; padding:15px; cursor:pointer; }
.userlogin p { padding-top:30px; }

.login { display:none; width:50px; height:50px; position:absolute; top:50px; right:7px; z-index:4; cursor:pointer; }
.login i { padding:30px 10px 0 10px; }
.login a { color:#444444; }


/* tablet */
@media all and (min-width:768px) {
#container-join { width: 318px; margin-top:50px; margin-bottom:50px; }
}


/* PC  */
@media all and (min-width:1024px) {

}