@charset "utf-8";

/* 회원가입 */
#join {position:relative}
#join h3 {position:relative; color:#666; font-size:16px; font-weight:600; height: 30px;line-height: 30px;margin-bottom:8px;}
#join h3 span {float:right; color:#888; font-family:'dotum'; letter-spacing:-1px; font-size:12px; font-weight:normal; margin-top:4px;}
#join .join_textArea {width:968px;height:160px;padding:15px;line-height:150%;color:#888;border:1px solid #ccc; background:#f9f9f9; font-family:'dotum'; line-height:1.5em; overflow-y:scroll; }
#join .join_tbl {width:978px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px; font-family:'dotum';}
#join .join_tbl * {vertical-align:middle}
#join .join_tbl input {margin-right:5px;}
#join .btn_area {text-align:center; margin-top:40px;}
#join .join_ok {position:relative; width:790px; height:300px; margin-left:105px; background:url('/images/member/bg_join_ok.gif') no-repeat; margin-bottom:30px;}
#join .join_ok .info {padding:210px 0 0 370px; font-family:'dotum'; color:#777; }
#join .join_ok .info p{ margin:0; padding:0; line-height:18px; letter-spacing:-1px;}
#join .join_ok .info span {color:#F00; font-weight:bold; font-size:14px;}
.bbs_list_base {border-collapse:collapse; border-spacing:0; font-size:12px; width:100%; border-top:2px solid #545a5f;}
.bbs_list_base * {vertical-align:middle}
.bbs_list_base thead th {color:#666666; text-align:center; font-weight:bold; padding:4px 0; border-bottom:1px solid #c3c3c3; background:#f4f4f4; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe),to(#f4f4f4)); background-image:-moz-linear-gradient(top, #fefefe, #f4f4f4);}
.bbs_list_base thead th:first-child {border-left:1px solid #c3c3c3;}
.bbs_list_base thead th span {font-weight:normal; color:#999;}
.bbs_list_base tbody th {color:#666; text-align:left; padding:8px 12px; font-family:'dotum'; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f4f4f4;}
.bbs_list_base tbody td {text-align:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:8px 12px; font-family:'dotum';}
.bbs_list_base tbody td span {font-size:12px; letter-spacing:-1px; color:#999;}
.bbs_list_base tbody tr > td:first-child {border-left:1px solid #e5e5e5;}
.bbs_list_base th.last {border-right:1px solid #c3c3c3;}
.bbs_list_base input[type="text"],.bbs_list_base input[type="password"]{height:22px; padding:0 5px;line-height:22px;font-size:12px; background:#fefefe; border:1px solid #d2d2d2; color:#777; margin-right:5px;}
.bbs_list_base select {height:24px; padding:0;line-height:24px;font-size:12px; background:#fefefe; border:1px solid #d2d2d2; color:#777; margin-right:5px;}
.bbs_list_base textarea {width:600px; height:150px; padding:10px; overflow:auto;-webkit-appearance:none;-webkit-border-radius:0; resize:none; border:1px solid #d2d2d2; font-size:12px; background:#fefefe;}

/*로그인*/
#login{ position:relative; width:550px; margin:0 auto;}
#login h3{ margin-bottom:5px; font-family:'arial'; font-size:30px; color:#858585;}
#login h3 > span{ margin-left:13px; font-family:'NanumBarunGothic'; font-size:14px; color:#b9b9b9;}
#login .user_box{ position:relative; width:468px; height:103px; padding-top:35px; padding-left:80px; background-color:#ececec; border:1px solid #d5d5d5;}
#login .user_box li{ margin-bottom:10px;}
#login .user_box li span{ display:inline-block;}
#login .user_box .btn_login{ position:absolute; top:35px; left:346px;}
#login .btn_area{ position:relative; width:548px; height:124px; background:url(/images/member/btn_bg.gif) no-repeat 280px; border:1px solid #d5d5d5; border-top:none; }
#login .btn_area p{ margin:0; padding-left:6px; background:url(/images/member/dot.gif) no-repeat left 13px;}
#login .btn_area p span {display:block; float:left; width:155px; letter-spacing:-1px;}
#login .btn_area .join{display:block; position:absolute; top:35px; right:39px;padding-left:6px; text-align:center; background:url(/images/member/dot.gif) no-repeat left 4px; letter-spacing:-1px;}
#login .btn_area .join img{margin-top:12px}
.id_srch {position:absolute; float:left; top:32px; left:12px; line-height:30px; height:30px;}
.pw_srch {position:absolute; float:left; top:66px; left:12px;line-height:30px; height:30px;}

/* 레이어팝업 */
#layer_popup {position:absolute; z-index:999; border:3px solid #fff; background-color:#FFFFFF;}
#layer_popup .inner {position:relative; border:3px solid #4e4c5b; border-top:5px solid #CA2C31; width:400px;}
#layer_popup .inner:after {clear:both; content:""; display: block;}
#layer_popup .btn_close {position:absolute;right:-3px; top:-5px; z-index:1}
#layer_popup .header {position:relative; height:40px; background:#fcfcfc; border-bottom:solid 1px #e6e6e6;}
#layer_popup .header h2 {padding:12px 20px}
#layer_popup .content {position:relative; padding:20px;}
#layer_popup .content .find {position:relative; margin-bottom:10px;}
#layer_popup .content .find:after {clear:both; content:""; display: block;}
#layer_popup .content .find dt {width:70px; height:30px; margin-bottom:4px; float:left; clear:both;}
#layer_popup .content .find dt img {padding-top:8px}
#layer_popup .content .find dd {width:290px; float:left;}
#layer_popup .content .input {background:#efefef;border:1px solid #c4c4c4;padding:8px;height:12px;color:#000;line-height:12px;width:256px;vertical-align:top;}
#layer_popup .content .seletbox {width:90px; height:30px; line-height:30px; border:1px solid #c4c4c4; padding:4px; vertical-align:middle}
#layer_popup .content .info {background:#f7f7f7; padding:10px 20px; margin-bottom:10px; clear:both;}
#layer_popup .content .info li {color:#888; font-size:11px; padding:4px 0 0 10px; line-height:1.25em;}
#layer_popup .content .info li:first-child {padding-top:0;}
#layer_popup .content .btn_area {clear:both; position:relative; line-height:0; text-align:center;}