@charset "utf-8";


#product_list_wrap { position: relative; width: 100%; margin: 0 auto 50px; }
/*로그인페이지*/

#devZoneMemberLogin{position:relative; width:586px; height:230px; background:url(/image/login_bg.gif) left top no-repeat; margin:0 auto; top:50%; margin-top:115px;}

#devZoneMemberLogin #input_box{position:absolute; left:330px; top:76px;}

#devZoneMemberLogin #input_box li{margin:2px 0px 2px 0px;}

#devZoneMemberLogin #input_box li .login_textbox{border:1px solid #d8d8d8; background:#f0f0f0; width:137px; height:17px; line-height:17px; font-size:12px;}

#devZoneMemberLogin #input_box .login_btn{position:absolute; top:0px; left:150px;}

#devZoneMemberLogin #input_box .login_btn input{width:70px; height:47px; border:0px; background:url(/image//login_btn.gif) left top no-repeat; cursor:pointer;}

#devZoneMemberLogin #input_box .join_btn{width:66px; height:17px; background:url(/image/btn27.gif) left top no-repeat; border:0px; cursor:pointer; float:left;}

#devZoneMemberLogin #input_box .idfind_btn{width:66px; height:17px; background:url(/image/btn28.gif) left top no-repeat; border:0px; cursor:pointer; float:left;}

#devZoneMemberLogin #input_box .btn{margin:10px 4px 0px 0px; float:left;}

#devZoneMemberLogin #input_box .check_box{font-size:11px; color:#999;}

#devZoneMemberLogin #input_box .check_box input{vertical-align:middle;}



/*회원가입*/

#devZoneMemberJoin{position:relative; width: 100%; margin:0 auto; overflow:hidden; font-size:12px;}

#devZoneMemberJoin dt{float:left; clear:both;}

#devZoneMemberJoin .cont1{float:left; clear:both; width:903px; height:180px; background:#f2f2f2; border:1px solid #c4c5c5; overflow-y:scroll; padding:20px; line-height:180%;}

#devZoneMemberJoin .check{float:left; clear:both; padding-top:10px; height:18px; line-height:18px;}

#devZoneMemberJoin .check input{}

#devZoneMemberStep{display:inline-block; width:100%; margin:0px 0 auto; position:relative; text-align:center; color: #808080; line-height: 160%}

#devZoneMemberChe_btn{position:relative; width: 100%; clear:both; text-align:center; margin:0 auto; margin-top:30px;}
#devZoneMemberJoin a {display: inline-block;}
#devZoneMemberChe_btn a {display: inline-block;}



#devZoneMemberInput{border-collapse:collapse; width: 100%; text-align: left}

#devZoneMemberInput th,

#devZoneMemberInput td{padding:5px; border-bottom:1px solid #d2d3d3; font-size: 13px;}

#devZoneMemberInput td input,

#devZoneMemberInput td select{border:1px solid #b4b4b4; background:#ececec; height:20px; line-height:20px; margin:5px; font-size: 13px;}

#devZoneMemberInput th{color: #333;}

#devZoneMemberInput .first th,

#devZoneMemberInput .first td{border-top:1px solid #828385;}

#devZoneMemberInput tr td .ra{border:0px; background:none;}



#devZoneMemberJoin_complete{position:relative; border-top:1px solid #CCC; border-bottom:1px solid #CCC; width:910px; margin:0 auto; margin-top:50px; margin-bottom:50px; padding:40px; text-align:center; background:#efefef;}

#devZoneMemberJoin_complete strong{font-size:20px;}



/*아이디 중복체크 및 주소 검색창*/

#devZoneMemberWin{position:relative; width:100%; margin:0px; }

#devZoneMemberWin img {border:0px;}

#devZoneMemberWin dt{width:100%; height:40px; border-bottom:1px solid #d2d3d3; background:#e2e2e2; font-size:16px; color:#61666a; line-height:40px; margin:0px;}

#devZoneMemberWin dt h3{display:inline-block; margin:0px 0px 0px 20px;}

#devZoneMemberWin dd{width:100%; text-align:center; padding:20px 0px 20px 0px; font-size:13px; margin:0px;}

#devZoneMemberWin dd strong{color:blue;}

#devZoneMemberWin dd input{vertical-align:middle;}

#devZoneMemberWin .search_line{border-top:1px solid #CCC; border-bottom:1px solid #CCC;}

#devZoneMemberWin .search_line span{display:inline-block; width:100%; overflow:hidden; margin:0px 0px 10px 0px; color:#999;}

#devZoneMemberWin dd .search_box{border:5px solid #c4c5c5; height:20px; width:50%;}

#devZoneMemberWin dd .search_box2{border:5px solid #c4c5c5; height:20px; width:30%;}

#devZoneMemberWin dd .message {height:35px}

#devZoneMemberWin dd #search01{border:5px solid #c4c5c5; height:32px; width:20%; vertical-align:middle;}

#devZoneMemberWin dd #search02{border:5px solid #c4c5c5; height:32px; width:20%; vertical-align:middle;}

#devZoneMemberWin dd .btn{width:20%; height:30px; border:1px solid #c4c5c5; background:#c4c5c5; cursor:pointer;}

#devZoneMemberWin dd.resual {width:90%; border:1px solid #CCC; overflow-y:scroll; margin:0 auto; margin-top:20px;height:220px;}
#devZoneMemberWin .resual select option{margin:5px 0px 5px 0px;}


/*아이디 비번 찾기*/
#devZoneMemberFind{position:relative; border: 1px solid #cdcdcd;width:920px;; margin:0 auto; margin-top:20px; margin-bottom:50px; padding:20px 40px 60px 40px;text-align:center; background:#fafafa url(/image/barbg_bo.png) repeat-x left bottom;}

#devZoneMemberFind strong{font-size:12px; font-weight:normal; color:#f56462; margin:0px 0px 10px 0px; display:inline-block;}

#devZoneMemberFind ul{position:relative; width:370px; margin:0 auto; text-align:left; font-size:12px;}

#devZoneMemberFind ul li{margin:10px;}

#devZoneMemberFind ul li span{display:inline-block; width:50px;}

#devZoneMemberFind ul li input{height:20px; border:1px solid #CCC; background:#fff;}
#devZoneMemberChe_btn {position:relative; width:100%; margin: 40px auto 0;}
#devZoneMemberFind_tap{position:relative; width:100%; margin:0 auto; margin-top:50px; margin-bottom:50px; overflow:hidden; padding:0px;}

#devZoneMemberFind_tap li{ font-size:14px; color:#CCC; background:#efefef; border:1px solid #CCC; float:left; overflow:hidden;}

#devZoneMemberFind_tap li a{display:inline-block; width:100%; height:100%; padding:10px;}

#devZoneMemberFind_tap li a:hover{text-decoration:none;}

#devZoneMemberFind_tap .on{border:1px solid #52a8b1; background:#90d6f2; color:#03394e;}



/*비민번호확인창*/
#pass_check{position:absolute; width:400px; height:130px; top:50%; left:50%; margin:-135px 0px 0px -200px; border:1px solid #CCC; background:#efefef;}

#pass_check strong{font-size:14px; font-weight:bold; color:#666; margin:20px 0px 0px 20px; display:inline-block;}

#pass_check .passcheck_box{border:5px solid #999; width:300px; height:20px; margin:20px 0px 0px 20px; float:left; line-height:20px; font-size:12px;}

#pass_check .passcheck_btn{border:1px solid #999; width:40px; height:30px; float:left; margin:20px 0px 0px 3px;}

#pass_check .passcheck_close{position:absolute; top:10px; right:10px;}