﻿@charset "utf-8";

/* All */
html,body { margin:0; padding:0; border:0; height:100%;}
body,table,input,textarea,button,select { font-family:맑은 고딕,Malgun Gothic,돋움,Dotum,애플고딕,AppleGothic,Arial,sans-serif; font-size:13px; color:#373737; letter-spacing:normal; }
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin: 0; padding: 0;}
img,ul,li,dl,dt,dd,h1,h2,h3,p { margin:0; padding:0; list-style:none}
img,fieldset {border:0; margin:0; padding:0;}
ul,ol,li {list-style:none; margin:0; padding:0;}
input,select,button {vertical-align:middle}
select { height: 22px; }
img {vertical-align:top}
form {margin:0; padding:0}
a {color:#686868; text-decoration:none;}
a:hover {color:#686868; text-decoration:underline; font-weight:normal; }
.blind {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.center {margin:0 auto;}
.fl {float:left}
.fr {float:right}
.pr {position:relative;}
input { padding:2px 5px; }

#container { width:100%; height:100%; text-align:center; vertical-align:middle; }
#panel { width:420px; height:200px; display:inline-block; }

/*.login_header { height:70px; text-align:left; line-height:70px; padding-left:20px; background-color:#434343; box-shadow:0 0 8px rgba(0,0,0,.30); border-radius:10px 10px 0 0; }*/
.login_header { height:70px; text-align:left; line-height:70px; padding-left:20px; background-color:#007dc5; box-shadow:0 0 8px rgba(0,0,0,.30); border:1px solid #007dc5; border-radius:10px 10px 0 0; }
.login_header span { color:#ebebeb; font-size:20px; }
.login_body { height:130px; margin:0 1px; padding:20px; }
.login_body .form { height:40px; font-size:14px; text-align:left; }
.login_body .button { float:right; padding-top:15px; }
/*.login_body .button a { background-color:#434343; border-radius:5px; color:#ebebeb; padding:12px 20px 15px 20px; }*/
.login_body .button a { background-color:#007dc5; border:1px solid #007dc5; border-radius:5px; color:#ebebeb; padding:12px 20px 15px 20px; }
.login_body .button a:hover { text-decoration:none; }

.login_message { float:left; line-height:45px; }
.login_message span { font-weight:bold; color:#e05a5a; }


#tblRegisterInfo tr { height: 38px;}
#tblRegisterInfo th {text-align:left;}
#tblRegisterInfo td {text-align:left;}


.btnType1 {background:url(/images/common/bg_btnType1.gif) no-repeat; display:inline-block; height:28px; padding-left:19px; font-size:11px; cursor:pointer;}
.btnType1 span {background:url(/images/common/bg_btnType1.gif) no-repeat right; display:inline-block !important; line-height:26px; height:28px; padding-right:19px; cursor:pointer; color:#45b9e9; font-weight:bold; font-size:11px;}
.btnType1 span:hover {color:#373737}


/*버튼타입2*/
.btnType2 {background:url(/images/common/bg_btnType2_1.gif) no-repeat; display:inline-block; height:24px; padding-left:17px; font-size:11px; cursor:pointer;}
.btnType2 span {background:url(/images/common/bg_btnType2_1.gif) no-repeat right; display:inline-block; line-height:21px;  height:24px;  padding-right:17px; cursor:pointer; color:#373737; font-weight:normal}
.btnType2 span:hover {color:#373737}

/*버튼타입3*/
.btnType3 {background:url(/images/common/bg_btnType3.gif) no-repeat; display:inline-block; height:24px; padding-left:17px; font-size:11px; cursor:pointer;}
.btnType3 span {background:url(/images/common/bg_btnType3.gif) no-repeat right; display:inline-block; line-height:21px; height:24px; padding-right:17px; cursor:pointer; color:#fff; font-weight:bold}
.btnType3 span:hover {color:#fff}

/*버튼타입4*/
.btnType4 {display:inline-block; font-size:11px; cursor:pointer; border:1px solid #ddd; line-height:18px;}
.btnType4 span { display:inline-block !important; padding-left:10px; padding-right:10px; cursor:pointer; color:#45b9e9; font-weight:bold; font-size:11px; background-color:#f8f8f8;}
.btnType4 span:hover {color:#373737}


.buttonJoin {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor:pointer;
}

input.input_txtstyle01 { height:22px; line-height:22px; padding:0 3px; color:#373737; border:1px solid #999; }
input.input_disable { color:#373737; background-color:#cccccc; }

.back-lk { background:url(/Images/login/sky_background.jpg) top center no-repeat}

.login_wrap {
    margin: 0px auto;
    border: 1px solid rgb(204, 204, 204);
    width: 700px;
    box-shadow: 0px 0px 10px #ddd;
    background-color: rgba(255, 255, 255, 0.70);
    padding : 50px;
}

.login_button { float:right; padding-top:15px; padding-left:15px; }
.login_button a { background-color:#007dc5; border:1px solid #007dc5; border-radius:5px; color:#ebebeb; padding:15px 20px 17px 20px; font-size:16px; font-weight:bold; }
.login_button a:hover { text-decoration:none; }