@charset "utf-8";

/************************************************************************
 * ÆÄÀÏ¸í      : member.css
 * ¼³¸í        : ȸ¿ø°¡ÀÔ
 * ÀÛ¼ºÀÚ      : (ÁÖ)½º¸¶ÀÏÀ¥ µðÀÚÀÎÆÀ
 * ÀÛ¼ºÀÏ      : 2011.06.03
 * ÃÖÁ¾¼öÁ¤ÀÏ  : 2011.06.03
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/

h2 {font:bold 16px Dotum; color:#444; margin-top:30px;}

/* ³×¸ð¹Ú½º ·¹À̾ƿô */
.choice_bx {border:1px solid #d7d7d7; padding:38px 0 50px 0;}

/* ȸ¿ø°¡ÀÔ ¼±Åà */
#choice {position:relative; width:582px; height:203px;}
#choice ul {position:absolute; top:33px; left:45px; width:584px; height:169px; background:url('/images/member/bg_choice.gif') no-repeat 0 0;}
#choice li {float:left; width:175px; padding:32px 0 0 18px;}
#choice dd.txt_purple {margin-top:8px; font-size:11px; color:#b0b7ee; line-height:16px;}
#choice dd.txt_gray {margin-top:8px; font-size:11px; color:#a5a5a5; line-height:16px;}
#choice dd.joinbtn {margin-top:12px;}

/* ÀϹÝȸ¿ø, µô·¯È¸¿ø ¼³¸í */
.mem_explan {margin-top:38px;}
.mem_explan li {display:inline-block; *display:inline; zoom:1; padding-left:45px; width:398px;}
.mem_explan li p {margin:10px 0 0 19px;}

/* ¾à°üµ¿ÀÇ */
.bx_agree {margin-top:10px; border:1px solid #ddd; background:#fbfbfb; padding:22px; width:854px; height:134px; overflow:hidden; overflow-y:auto; letter-spacing:-0.2px; line-height:20px;}
.check_txt {font-size:14px; font-weight:bold; color:#444; margin-top:30px; text-align:center;}
.agree {text-align:center; margin-top:12px;}

/* °¡ÀÔÈ®ÀÎ ÅؽºÆ® */
.join_txt {color:#666; line-height:21px; padding:15px; background:#fafafa;}

/* °³ÀÎÁ¤º¸ È®ÀÎ */
#confirm {position:relative; margin-top:8px; width:898px; height:88px; border:1px solid #d7d7d7; padding:28px 0;}
#confirm dl {position:absolute; left:180px; width:640px;}
#confirm dt {float:left; width:100px; font-weight:bold; color:#444;}
#confirm dd {float:left; width:520px; margin-left:20px;}
#confirm .btn {padding-top:70px; text-align:center;}

#join_end {position:relative; margin:30px auto;  padding:60px 0 70px 0; border:1px solid #d7d7d7; text-align:center;}
#join_end .btn {margin-top:60px;}

/* ·Î±×ÀÎ, IDã±â, PWã±â */
.mem_tit {margin:15px 0 0 30px;}
.member_area {border-top:1px solid #999; margin:35px 0;}
.member_area .type {margin:30px 0 0 340px;}
.member_area .btn {margin:15px 0 0 340px;}
.member_area table {width:385px; margin:10px auto;}
.member_area table th {padding:6px 0; text-align:left; font-size:14px; font-weight:bold; color:#444;}
.member_area table td {padding:6px 0;}
.member_area table td input.text2 {height:18px;}
.join_area {text-align:right; height:65px; padding:28px 28px 0 0; margin-bottom:100px; border-top:1px solid #ddd; border-bottom:1px solid #999; background:url('/images/member/bg_member.gif') no-repeat 22px 15px #fbfbfb;}