@charset "UTF-8";
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

.single-header .ask-logo {
  padding: 25px 0 0 10px; }

.content-background {
  height: 100%; }

.panel-footer .button-group {
  margin-bottom: 0; }

/* member register.php */
.member-wrap {
  border-top: 3px solid #999;
  position: relative; }
.member-wrap .button-group {
  margin: 2.5em 0; }
.member-wrap .responsetable .tb-cell {
  background-color: #fff; }
.member-wrap .tb-hd {
  text-align: right;
  font-weight: 600;
  color: #666; }

.register_member section {
  width: 100%;
  margin: 0 auto; }
.register_member section [type=checkbox] {
  position: relative;
  top: .1em; }

.join-title {
  position: relative;
  background-color: #efefef;
  border-bottom: 1px solid #bfbfbf;
  overflow: hidden;
  line-height: 3em;
  margin: 0 0 10px 0; }
.join-title h1 {
  font-size: 1.2em;
  color: #999;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 3em;
  padding: 0 0 0 1em; }

textarea.register_stipulation {
  max-height: 150px !important;
  height: 150px !Important;
  overflow: scroll !important;
  font-size: 1em;
  line-height: 1.8em; }

.join-private .tb-cell {
  padding: 1em;
  text-align: center; }

.join-term, .join-private {
  display: block;
  width: 95%;
  margin: 0 auto; }

.tb-cell {
  border-bottom: 1px dotted #bfbfbf; }

.responsetable {
  border-bottom: none !important; }

.form-footer {
  margin-top: 3em !important; }
.form-footer:before, .form-footer:after {
  content: " ";
  display: table; }
.form-footer:after {
  clear: both; }

/*********************** register_form *************************/
.register_form {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0; }
.register_form [type=text], .register_form [type=checkbox] {
  margin-bottom: 0; }
.register_form .form-section {
  padding: 2em;
  margin-bottom: 3em; }
.register_form .columns label {
  margin: 0 0 0;
  padding: 0; }
.register_form .columns label.checkbox {
  margin: 0 0 0;
  padding: 0; }
.register_form .find-address {
  font-size: 1.187em; }
.register_form .row .columns:first-child {
  margin-bottom: 0; }
.register_form .input-group {
  margin: 0 auto 1em; }

.help-text {
  font-size: .95em;
  margin: 0;
  padding: 0;
  color: #52c493; }

/************************************ formmail ***********************************/
.formmail-page [type=text], .formmail-page [type=radio] {
  margin-bottom: 0; }
.formmail-page .row label.mail-subject {
  padding-top: .75em; }
.formmail-page .row .columns:first-child {
  margin-bottom: 0; }
.formmail-page .row .columns:last-child {
  border-bottom: 1px solid #efefef; }
.formmail-page .row .middle {
  padding-bottom: 0;
  margin-bottom: 0; }

/* password page */
.password-page {
  margin-top: 1em; }
.password-page .columns {
  float: none;
  margin-left: auto;
  margin-right: auto; }

/* password lost find */
.pasword-lost-page {
  margin-top: 1em; }
.pasword-lost-page .columns {
  float: none;
  margin-left: auto;
  margin-right: auto; }

/**************************************** memo ********************************************/
.memo-page .tb-cell {
  text-align: center; }

.memo-info {
  display: block;
  padding: 1em; }
.memo-info li {
  display: block; }

.pg_wrap {
  line-height: 3em; }

.memo-contents {
  margin: .5em;
  padding: .5em;
  line-height: 2em;
  background-color: #efefef;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.memoform-page .memo-form {
  padding: 1em; }

.memo-form [type=text] {
  margin-bottom: 0; }
.memo-form .row .columns:first-child {
  margin-bottom: 0;
  padding-bottom: 0; }
.memo-form .row .columns:first-child label {
  margin-bottom: 0;
  padding-bottom: 0; }

/* point list */
.scrap-page .tb-cell, .point-page .tb-cell {
  text-align: center; }

/* scrap page */
.scrap-form {
  padding: 2em; }
.scrap-form .middle {
  margin-bottom: 0;
  padding-bottom: 0; }

/*********************************** login *****************************************/
.login-page {
  margin-top: 1em; }
.login-page .input-group-addon {
  width: 4rem;
  text-align: center; }
.login-page fieldset {
  margin: 1em .5em; }
.login-page .columns {
  float: none;
  margin-left: auto;
  margin-right: auto; }

div.login-page div.form-action, div.password-page div.form-action {
  margin: 0 !important;
  text-align: right; }

/************************************** member confirm ************************************/
.member-confirm-page {
  margin-top: 1em; }
.member-confirm-page fieldset {
  margin: 1em .5em; }
.member-confirm-page .columns {
  float: none;
  margin-left: auto;
  margin-right: auto; }
.member-confirm-page .center-field {
  float: none;
  margin-left: auto;
  margin-right: auto; }

/* Small only 639px 이하 */
/* Medium and up 640px */
@media screen and (min-width: 40em) {
  .content-background {
    height: 25rem; }

  .register_member .columns label {
    margin: 0 0 1.33333rem;
    padding: .75rem 0; }
  .register_member .row .columns:first-child {
    margin-bottom: .75em; }

  .formmail-page .row .columns:last-child {
    border-bottom: none; }
  .formmail-page .row .columns:first-child {
    margin-bottom: .75em; }
  .formmail-page .row .columns:last-child {
    border: none; }
  .formmail-page .row .middle {
    padding-bottom: 1.33333rem;
    margin-bottom: .75rem;
    padding-top: 0; }

  .login-page, .member-confirm-page {
    margin-top: 1em; }

  .memo-form .row .columns:first-child {
    margin-bottom: 0;
    padding-bottom: 0; }
  .memo-form .row .columns:first-child label {
    margin-bottom: 0;
    padding-bottom: 0; }

  .memo-contents {
    margin: 1em;
    padding: 1em; }

  .memo-info {
    display: block;
    padding: 1em; }
  .memo-info li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
  .memo-info li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"; } }
/* Medium only  640px 이상 ~ 1023px 이하 */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .register_form .columns label {
    letter-spacing: -1px; } }
/* Large and up 1024px 이상 */
@media screen and (min-width: 64em) {
  .login-page fieldset, .member-confirm-page fieldset {
    margin: 2em 3em; }

  .ask-logo {
    padding: 30px 0 0 10px; }

  html {
    font-size: 75%; }

  .register_member section {
    width: 64rem;
    margin: 0 auto; }
  .register_member section [type=checkbox] {
    position: relative;
    top: .2em; }

  .register_form {
    width: 64rem;
    display: block;
    margin: 0 auto;
    padding: 0; }
  .register_form .find-address {
    font-size: 1.2em; }
  .register_form .input-group {
    margin: 1em auto; }

  .memoform-page .memo-form {
    padding: 3em; }

  .memo-contents {
    margin: 2em;
    padding: 1.5em; } }
