/* BASIC css start */
#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {padding:0 15px; margin-top: 20px;  font-size:1.1em; font-weight:bold; }
#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:last-child{  border-radius:0px 5px 5px 0px; }
#login .tab a.act {color: #333; background-color:#fff; border: 1px solid #333;  }
#login .login .loginInput {margin-top: 10px;}
#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:15px; }
#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;}

#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:9px;  }
#login .idpw_join a{ color:#777; padding-right:20px; border-right:1px solid #777; }
#login .idpw_join a:last-child {
    margin-right: 0;
    float: right;
    color:#000;
    margin-bottom: 50px;
}

div#logo {
    text-align: center;
    clear: both;
    display: block;
    padding-top:40px;
}

div#logo img {
    width:15%;
}

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: 92%;
    margin-left: 4%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    display: inline-block;
}

#bulloon {
    animation: 1.2s ease-in-out 0s infinite alternate none running up-down;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    height: 60px;
    position: relative;
    z-index: 1;
    border: 1px solid #f5f5f5;
    display: inline-block;
    width: 46%;
    left: 26%;
    margin-top: 60px;
    box-shadow: 0px 0.9px 0.9px -16px rgba(0, 0, 0, 0.035), 0px 2.5px 2.4px -16px rgba(0, 0, 0, 0.054), 0px 6px 5.7px -16px rgba(0, 0, 0, 0.075), 0px 20px 19px -16px rgba(0, 0, 0, 0.12);
}

@keyframes up-down{
  from{
    transform: translatey(0px);
  }
  to{
    transform: translatey(-20px);
  }
}


#bulloon::after {
    background-color: #ffffff;
    content: "\00a0";
    display: block;
    height: 15px;
    left: 48%;
    position: relative;
    top: 52px;
    position: absolute;
    transform: rotate( 315deg );
    -moz-transform: rotate( 315deg );
    -ms-transform: rotate( 315deg );
    -o-transform: rotate( 315deg );
    -webkit-transform: rotate( 315deg );
    width: 15px;
    box-shadow: 0px 0.9px 0.9px -16px rgba(0, 0, 0, 0.035), 0px 2.5px 2.4px -16px rgba(0, 0, 0, 0.054), 0px 6px 5.7px -16px rgba(0, 0, 0, 0.075), 0px 20px 19px -16px rgba(0, 0, 0, 0.12);
}

.a1 {
    display: inline-block;
    background: none;
}

span#or_text {
    color: #bbc1c3;
}
/* BASIC css end */