@charset "utf-8";

@font-face {
    font-family:'NanumGothic';
    src: url('/css/NanumGothic.eot'); 
	 src:local(※),
	 url('/css/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/css/NanumGothic.woff') format('truetype');
    font-weight: normal;
    font-style: normal; 
}

* {margin:0;}
	
body,input,select,textarea { color:#000; font-family:"NanumGothic"; font-size:15px; }
body.login { background:url('/images/login/body_bg.jpg') 50% 0 no-repeat; }

#wrap { width:100%; }


/* 체크박스 & 라디오버튼 정렬 */
input[id="input_chk"] { position:relative; top: 2px; *top: 1px; /* IE 6-8 높이핵 */ }
input[type="checkbox"] { position:relative; top: 2px; *top: 1px; /* IE 6-8 높이핵 */ }
input[type="radio"] { margin-top: -1px; vertical-align: middle; }

/* 체크박스 & 라디오버튼 정렬 */
.mg30 { margin-right:30px; }



/* 헤더 (GNB) */
.header_bg { width:100%; height:150px; background-color:rgba(0, 0, 0, 0.5); margin-bottom:50px; }
.header { margin: 0 auto; width:1100px; height:150px; }
.header_left { float:left; width:250px; height:150px; }
.header_center { width:600px; height:150px; text-align:center; display: table-cell; vertical-align: middle; } /* 이미지 세로 중앙정렬 (float:left 제거) */
.header_right { width:250px; height:150px; text-align:right; display: table-cell; vertical-align: middle; } /* 이미지 세로 중앙정렬 (float:left 제거) */



/* 본문내용 시작 */
.container { margin:0 auto; width:1100px; height:550px; background-color:#FFF; }

/* 좌측영역 */
.con_left { float:left; width:499px; height:550px; margin-left:50px; }
.tit { float:left; width:450px; height:198px; text-align:center; line-height:198px; font-size:22px; }

.input_area1 { float:left; width:450px; height:61px; margin-bottom:10px; }
.input_icon1 { float:left; width:61px; height:61px; background:url('/images/login/login_icon01.png') center center no-repeat; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; }
.input_icon2 { float:left; width:61px; height:61px; background:url('/images/login/login_icon02.png') center center no-repeat; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; }
.inputBox { float:left; width:350px; }
.input_area2 { float:left; width:450px; height:61px; margin-bottom:20px; }
.input1 { width:380px; height:59px; color:#333333; font-size:16px; border: 1px #e9e9e9 solid; background-color:#FFFFFF; padding-left:5px; text-align:left; }

.find_area { float:left; width:450px; margin-bottom:76px; }
.find_save { float:left; width:200px; }
.find_id { float:left; width:250px; text-align:right; }
.find_id a:link { color:#000; text-decoration:none; margin-left:15px; }
.find_id a:visited { color:#000; text-decoration:none; }
.find_id a:hover { color:#0075b2; text-decoration:underline; } 

.login_btn { float:left; width:450px; margin-bottom:15px; } /* 버튼들 */
.btn_area { float:left; width:450px; margin-bottom:20px; }

/* 버튼 */
.btn_login { display:inline-block; width:450px; height:60px; background-color:#4a89dc; color:#FFF; font-size:18px; line-height:60px; border:0px solid #dadde0; text-decoration:none; text-align:center; }
.btn_login:hover { background-color:#dcdcdc; color:#000; border:0px solid #0075b2; } /* 로그인 */
.btn_join { display:inline-block; width:138px; height:38px; background-color:#FFF; color:#579ba6; font-size:15px; line-height:38px; border:1px solid #dfdfdf; text-decoration:none; text-align:center; }
.btn_join:hover { background-color:#579ba6; color:#FFF; border:1px solid #579ba6; } /* 회원가입 */
.btn_info { display:inline-block; width:138px; height:38px; background-color:#FFF; color:#786fa2; font-size:15px; line-height:38px; border:1px solid #dfdfdf; text-decoration:none; text-align:center; }
.btn_info:hover { background-color:#786fa2; color:#FFF; border:1px solid #786fa2; } /* 서비스안내 */
.btn_request { display:inline-block; width:138px; height:38px; background-color:#FFF; color:#4a89dc; font-size:15px; line-height:38px; border:1px solid #dfdfdf; text-decoration:none; text-align:center; }
.btn_request:hover { background-color:#4a89dc; color:#FFF; border:1px solid #4a89dc; } /* 이용신청 */


/* 우측영역 */
.mju_img { float:left; width:450px; height:450px; margin-top:50px; margin-left:50px; background:url('/images/login/mju_img.jpg'); }




/* 푸터영역 */
.footer { margin:0 auto; width:1100px; height:100px; }
.address { float:left; width:1100px; height:40px; text-align:center; color:#FFF; font-size:13px; line-height:180%; margin-top:30px; }
.address .bar { color:#FFF; margin-right:15px; margin-left:15px; }
.copyright { float:left; width:1100px; height:20px; text-align:center; color:#FFF; font-size:13px; }



/* reset */
a { margin:0; padding:0; font-size:100%; text-decoration:none; vertical-align:baseline; color:#666; background:transparent; }
img { vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }