@charset "utf-8";


.color-red{color: #d9534f;}
.color-blue{color: #337ab7;}
.color-green{color: #5cb85c;}
.color-black{color: #000000;}
.color-white{color: #ffffff;}
.color-orange{color: #f0ad4e;}


p.info{margin: 5px 0 0 0; font-size: 12px;}


/* login page */
.login-panel .sns-login-wrap .btn{width: 100%; height: 40px; border:1px solid #3a589b;background-size: 31px;background-repeat: no-repeat; background-position: 5px center; padding: 0;}
.login-panel .sns-login-wrap .btn.facebook{border:1px solid #3a589b; margin-bottom: 10px; background-image: url('../images/common/facebook_ico.png');}
.login-panel .sns-login-wrap .btn.kakao{border:1px solid #381e1f;background-image: url('../images/common/kakao_ico.png');}
.login-panel .sns-login-wrap .btn a {font-weight: 500; line-height: 40px; font-size: 12px; letter-spacing: -0.5px; display: inline-block; width: 100%; height: 100%;}
.login-panel .sns-login-wrap .btn.facebook a { color: #3a589b;}
.login-panel .sns-login-wrap .btn.kakao a { color: #381e1f;}

/*해시태그 입력*/
a.tagit-label {padding: 3px; margin-right: 10px; text-decoration:none; color:#777;background-color:#f1f1f1;}
a.tagit-label:before {content: "#";}
a.tagit-label:hover {color:#fff;background-color:#7f7f7f;}
a.tagit-label.active {color:#fff;background-color:#7f7f7f;}
.tagit-new {margin-right: 10px;}
.tagit-new:before {content: "#";}
.tagit-input {box-sizing: border-box; box-shadow: none; border: none; margin: 0; padding: 1px 0 0; width: inherit; vertical-align: top; outline: none;}