@CHARSET "UTF-8";

body, div, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button { margin:0; padding:0; }
/* background:#f6f6f6 url(/image/login_bg.png) 50% 51px no-repeat */
body {font-size: 12px; font-family: "맑은고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, Sans-serif; overflow-y:hidden;
 overflow-x:hidden; overflow:hidden;}
ul, ol, li { list-style:none; }
fieldset, form, button { border:0; }
img { border:0; }
hr, legend, caption { display:none }
em, address { font-style:normal }
table { border-collapse:collapse; }
textarea { overflow:auto; border:1px solid #dedede; }

/* 링크 */
a {color:#333;text-decoration:none;} a:hover {color:#0e70b4; text-decoration:underline;} a:focus {text-decoration:none; outline:1px dotted #000;}


/* 버튼CSS */
.button {
    margin: 10px;
    text-decoration: none;
    font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);   
}

.button, 
.button span {
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: table-cell;
    vertical-align: middle;
    padding: 0.5em 0.5em;    
    /* The background pattern */
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    background-size: 3px 3px;            
}

.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}





.button-blue {
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.button-blue:hover {
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active {
    background: #4477a1;
}






.blind { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; }
#skip, .skip { display:none; width:0; height:0; overflow:hidden; }
.checkbox { width:14px; height:14px; margin-bottom:2px; vertical-align:middle; border-width: 0px;}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */

/* 건너뛰기 */
#skipnavi a {width:100%; position:absolute; display:block;left:0;top:-10000px;background:#2c7bbb;color:#fff;font-weight:bold;font-size:11px;text-align:center;z-index:2100}
#skipnavi a:hover, #skipnavi a:focus, #skipnavi a:active {position: absolute;display:block; top: 0;left:0; width:100%;padding: 5px 0;background:#2c7bbb;color:#fff;}


#login_wrap{position:absolute; background:url(/image/bg.png);height:100%; width:100%; }
.login_left{position:absolute; background-image:url(/image/logo/bg2.jpg); background-position:right bottom;width:100%; float:left;height:100%; text-align:center; left:0px; top:0px;} 
.login_area{position:relative; background:#ffffff;float:right; width:450px; height:100%}
.login_area .logo{position:relative; left:30px; top:60px; }
.login_area .login_text {position:absolute; left:90px; top:250px; }
.login_area .visual {position:absolute; top:183px;}

#login_box{position:absolute; top:330px; background:#fff; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; border:1px solid #e9e9e9; padding:20px 0 0 30px; width:350px; height:187px; margin:30px;}
#login_box h2.title{position:relative;}
#login_box .login{display:inline-block; padding-top:20px;}

#login_box .login_input_area{position:relative; clear:both; float:left;}
#login_box .login_bu_area{float:left; position:relative;  clear:both; width:100px; top:-69px; left:241px;}
#login_box .login_bu_area li{float:left;}

#login_box .login_sel_area{float:left; position:relative;  clear:both; width:400px; top:-30px; left:0px;}
#login_box .login_sel_area ul{overflow: auto; list-style-type: none;}
#login_box .login_sel_area li{display: inline; margin:20px; float:left;}


.label_id{display:inline-block; width:58px; height:30px; float:left; color:#333;   padding-top:6px;  font-size:14px; font-weight:bold; letter-spacing:-1px;}
.label_id_input{display:inline-block; float:left; border:solid 1px #CECECE; margin-left:2px;}
.label_pw{display:inline-block; width:58px; height:30px; float:left; color:#333;  padding-top:6px; clear:both; margin-top:2px;  font-size:14px;font-weight:bold; letter-spacing:-1px;}
.label_pw_input{display:inline-block; float:left; margin-top:6px; border:solid 1px #CECECE;  margin-left:2px;}
.pw_id_findarea{width:300px; display:inline-block; position:relative; top:-55px;}
.pw_id_findarea li{float:left; display:inline-block; padding-left:3px; padding-right:0px; margin-right:5px; }
.int_login{ padding:7px 0 6px;height:16px;z-index:9;border:none; font-size:14px;font-weight:bold; color:#333333;line-height:16px; width:220px; padding-left:10px;}
/* background:url(/image/footer_bg.png) no-repeat */
#footer{position:relative; top:740px;  height:51px; text-align:center; color:#959ba7; padding-top:10px; font-size:12px;}