/* BASIC css start */
.tpl_login1 {
    position: relative;
    width: 400px;
    margin: 20px auto 50px;
}

.tpl_login1 .titleArea {
    min-height: 30px;
    margin: 0 0 20px;
    border: 0;
}

.tpl_login1 .titleArea h3 {
    display: block;
    clear: both;
    margin: 0 0 5px;
    font-family: 'FontNSR';
    text-align: center;
    font-size: 30px;
    color: #333;
}

.tpl_login1 .titleArea span {
    display: block;
    clear: both;
    margin: 0 0 10px;
    text-align: center;
    font-size: 11px;
    color: #999;
}

.tpl_login1 fieldset {
    position: relative;
}

.tpl_login1 fieldset .id,.tpl_login1 fieldset .password {
    overflow: hidden;
    display: block;
    margin: 0 0 10px;
}

.tpl_login1 fieldset input {
    width: 396px;
    height: 40px;
    line-height: 45px;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    text-indent: 10px;
    letter-spacing: 0.2em;
    transition: border-bottom .5s ease;
    -webkit-transition: border-bottom .5s ease;
}

.tpl_login1 fieldset input:focus {
    border-bottom: 1px solid #333;
}

.tpl_login1 ::-webkit-input-placeholder {
    font-family: 'FontNSR' !important;
    color: #999;
    font-size: 13px !important;
    letter-spacing: -0.02em !important;
}

.tpl_login1 ::-moz-placeholder {
    font-family: 'FontNSR' !important;
    color: #999;
    font-size: 13px !important;
    letter-spacing: -0.02em !important;
}

.tpl_login1 :-ms-input-placeholder {
    font-family: 'FontNSR' !important;
    color: #999;
    font-size: 13px !important;
    letter-spacing: -0.02em !important;
}

.tpl_login1 :-moz-placeholder {
    font-family: 'FontNSR' !important;
    color: #999;
    font-size: 13px !important;
    letter-spacing: -0.02em !important;
}

.tpl_login1 label.ePlaceholder > span {
    color: #999 !important;
    font-size: 13px !important;
    letter-spacing: -0.02em !important;
}

.tpl_login1 .loginBtn {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: url('/design/taera2025/image/bg_slash_w_10.png') #333;
    font-size: 16px;
    color: #fff;
    text-align: center;
    transition: background .5s ease;
    -webkit-transition: background .5s ease;
}

.tpl_login1 .loginBtn:hover {
    text-decoration: none;
    background: url('/design/taera2025/image/bg_slash_w_10.png') #555;
}

.tpl_login1 .loginBtn i {
    top: 2px;
    margin: 0 5px 0 0;
    font-size: 20px;
}

.tpl_login1 .user-login fieldset .security {
    padding: 0 0 0 5px;
    margin: 20px 0 20px;
    color: #666;
}

.tpl_login1 .user-login fieldset .security input {
    width: 13px;
    height: 13px;
    margin: 0 3px 0 0;
    vertical-align: -3px;
    *vertical-align: 2px;
}

.tpl_login1 .user-login fieldset .security label {
    margin: 0 6px 0 0;
}

.tpl_login1 .user-login fieldset .security img {
    vertical-align: -1px;
}

.tpl_login1 .user-login fieldset .btn {
    display: block;
    margin: 0 0 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.tpl_login1 .user-login fieldset .btn li {
    display: inline-block;
    *display: inline;
    *zoom:1;height: 50px;
    line-height: 50px;
    padding: 0 9px 0 13px;
    background: url("/design/taera2025/image/bar_b_20.png") no-repeat 0 22px;
}

.tpl_login1 .user-login fieldset .btn li:first-child {
    background: none;
}

.tpl_login1 .user-login fieldset .btn li a {
    color: #999;
}

.tpl_login1 .user-login fieldset .btn li a:hover {
    color: #333;
    text-decoration: none;
}

.tpl_login1 .user-login .snsArea {
    display: block;
    margin: 0 0 30px;
}

.tpl_login1 .user-login .snsArea li a {
    display: block;
    height: 40px;
    line-height: 38px;
    margin: 0 0 5px;
    border-radius: 5px;
    background: #f4f4f4;
    font-size: 13px;
    color: #555;
    overflow: hidden;
    transition: background .3s ease;
    -webkit-transition: background .3s ease;
}

.tpl_login1 .user-login .snsArea li a:hover {
    text-decoration: none;
}

.tpl_login1 .user-login .snsArea li span {
    position: relative;
    float: left;
    width: 55px;
    height: 40px;
    margin: 0 15px 0 0;
    text-indent: 9px;
    transition: width .3s ease;
    -webkit-transition: width .3s ease;
}

.tpl_login1 .user-login .snsArea li:hover span {
    width: 60px;
}

.tpl_login1 .user-login .snsArea li i {
    line-height: 40px;
    margin: 0 5px 0 0;
    font-size: 20px;
    color: #fff;
}

.tpl_login1 .user-login .snsArea li span.naver {
    background: #44ba2f;
}

.tpl_login1 .user-login .snsArea li span.facebook {
    background: #365bac;
}

.tpl_login1 .user-login .snsArea li span.kakao {
    background: #ebca12;
}

.tpl_login1 .user-login .snsArea li span.apple {
    background: #000;
}

.tpl_login1 .user-login .snsArea li span.line {
    background: #44ba2f;
}

.tpl_login1 .user-login .snsArea li span.yahoo {
    background: #ff0033;
}

#unuser-login {
    position: absolute;
    top: -130px;
    width: 0;
    height: 0;
}

.tpl_login1 .info {
    display: block;
    line-height: 17px;
    margin: 0 0 10px;
    padding: 10px 20px;
    background: #f4f4f4;
    font-size: 11px;
    color: #333;
    text-align: center;
}

.tpl_login1 .btn_unuser_order a {
    display: block;
    line-height: 45px;
    margin: 0 0 10px;
    border: 1px solid #eee;
    background: url('/design/taera2025/image/bg_slash_b_05.png') #fff;
    font-size: 16px;
    color: #333;
    text-align: center;
    transition: background .5s ease;
    -webkit-transition: background .5s ease;
}

.tpl_login1 .btn_unuser_order a:hover {
    text-decoration: none;
    background: url('/design/taera2025/image/bg_slash_w_05.png') #f4f4f4;
}

.tpl_login1 .btn_unuser_order a i {
    top: 3px;
    margin: 0 5px 0 0;
    font-size: 20px;
}

.tpl_login1 .btn_unuser_buy a {
    display: block;
    line-height: 45px;
    margin: 0 0 5px;
    background: url('/design/taera2025/image/bg_slash_w_10.png') #333;
    font-size: 16px;
    color: #fff;
    text-align: center;
    transition: background .5s ease;
    -webkit-transition: background .5s ease;
}

.tpl_login1 .btn_unuser_buy a:hover {
    text-decoration: none;
    background: url('/design/taera2025/image/bg_slash_w_10.png') #555;
}

.tpl_login1 .btn_unuser_buy a i {
    top: 3px;
    margin: 0 5px 0 0;
    font-size: 20px;
}

.tpl_login1 .unuser-login #order_id1 {
    width: 172px;
    margin: 0 17px 0 0;
}

.tpl_login1 .unuser-login #order_id2 {
    width: 172px;
    margin: 0 0 0 17px;
}

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px }
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { display:inline-block; *display:inline; vertical-align:top;position:relative;width:267px;margin-left:6px; *margin-left:9px }
#simpleLogin .sns-login a:first-child { margin-left:0 }
/* BASIC css end */