/* BASIC css start */
#container {}

#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {
    font-size: 1.15em;
    font-weight: 600;
    font-family: 'Noto Sans KR';
    width: 100%;
}
#login .tab a {
    width: 50%;
    height: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    box-sizing: border-box;
    border-radius: 100px;
}
#login .tab a.act {
    color: #fff;
    background-color: #000;
}
#login .login .loginInput {margin-top: 23px;}
#login .nonmember {margin-top:20px; display:none;}
#login .nonmember fieldset {padding:0 15px;}

#login .h_title { height: 70px; font-size: 0.96em; }
#login .h_title p {}
#login .h_title p span {font-weight:700;}
#login .login_kakao, #login .login_join_btn { margin:0px 15px; }

#login .login_kakao img, #login .login_join_btn img {
    width: 18px;
    vertical-align: middle;
    float: left;
    position: relative;
    left: 18px;
    top: 14px;
}

#login .btn_Black { margin-top:20px; }
#login .btn_Green {
    width: 100%;
    float: left;
    margin-right: 2px;
    color: #000;
    border: 1px solid #a1a1a1;
    border-radius: 100px;
    height: 45px;
    line-height: 45px;
}
#login .btn_White {
    width: 100%;
    float: left;
    margin-top: 8px;
    border: 1px solid #a1a1a1;
    border-radius: 100px;
    height: 45px;
    line-height: 45px;
}
#login .btn_White, #login .btn_Green, #login .btn_Black, #login .btn_Yellow  { font-size:1.15em; font-weight: 700;}
#login .a1 p {margin:0px 15px; margin-top:30px;  border-top: 1px solid #fafafa; border-bottom: 1px solid #fafafa;}

#login .line {height:2px; background:#ddd; font-size:0;line-height:0;padding:0;margin:0;}
#login .txt { width:200px;background:#FFF; font-size:12px;text-align:center; position:absolute;left:50%;top:10px; color:777;  }
#login .line-text {height:25px; margin:20px 15px; background-image: url(/design/flaseek/web/icon/flassek_line2.png); background-repeat:no-repeat; background-position:50% 50%; text-align:center;}
#login .idpw_join {
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
}
#login .idpw_join a {
    color: #777;
    float: left;
}

#login .idpw_join a:last-child {
    margin-right: 0;
    float: right;
    color:#000;
    margin-bottom: 50px;
}

div#logo {
    width:100%;
    text-align: center;
    clear: both;
    margin-top: 15px;
    margin-bottom: 40px;
    display: inline-block;
}

div#logo img {
    width:16%;
}

div#top_menu {
    width: 100%;
    margin-top: 10px;
}

#top_menu img {width:5%;}

div#back img {
    float: left;
    padding: 20px;
}

div#home img {
    float: right;
    padding: 20px;
    width: 5.3%;
}


.btn_Yellow {
    border-radius: 100px;
    color: #3c1e1e;
    height: 45px;
    line-height: 45px;
    border: 1px solid #fde500;
}

span#or_line_left {
    border-top: 1px solid #ecedef;
    width: 45%;
    float: left;
    margin-top: 10px;
}

span#or_line_right {
    border-top: 1px solid #ecedef;
    width: 45%;
    float: right;
    margin-top: 10px;
}
div#or {
    width: 100%;
    text-align: center;
    margin-top: 110px;
    margin-bottom: 40px;
}
.a1 {
    display: inline-block;
    background: none;
}

span#or_text {
    color: #bbc1c3;
}

div#tab_bg {
    background-color: #f6f7f9;
    display: inline-block;
    width: 92%;
    height: 45px;
    border-radius: 100px;
    margin-bottom: -69.3px;
    width:100%;
}


section.login {
    margin-top: -19px;
}

input.login-input {
    border: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
    padding-bottom: 23px;
    padding-top: 20px;
}


.checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.checkbox .checkmark {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  margin-right: 5px;
}

.checkbox input[type="checkbox"]:checked + .checkmark {
    background-color: #e3e3e3;
    border-color: #dbdbdb;
}

.checkbox input[type="checkbox"]:checked + .checkmark:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.2s ease;
  transform: scale(1);
}

.checkbox .checkmark:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: transparent;
  transform: scale(0);
  transition: transform 0.2s ease;
}

.login .loginCheck {
    margin-top: 5px;
    margin-bottom: 13px;
    text-align: center;
    float: left;
}

.loginMiddle {
    clear: both;
}

.login .loginCheck label {
    margin-right: 15px;
}

.btn_Black {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 4px;
}

.member { padding:0px; margin-top: 6px !important;}

.tab a:nth-child(1) {
    position: relative;
    left: -1%;
}
/* BASIC css end */