@charset "utf-8";
/* CSS Document */


#join_container { position:relative; clear:both; width:100%; text-align:center; background:#f0f1f4;}
#join_container .inner_container { width:930px; margin:0 auto; padding-bottom:50px; }
#join_container:after { content:""; display:block; clear:both;}


/*탭*/
.join_step { position:relative; width:930px; height:60px; margin-bottom:30px;}
.join_step li { display:block; float:left; height:58px; width:309px; font-size:20px; line-height:58px; background:#e6e7ec url(../images/member/step_arr2.png) 205px 50% no-repeat; color:#9199a1; border:1px solid #d5d5d5; }
.join_step li:first-child { border-right:0;}
.join_step li:last-child { border-left:0; background:#e6e7ec;}
.join_step li.on { background:#333949 url(../images/member/step_arr1.png) 205px 50% no-repeat; color:#73d1f7; border:0; height:60px;}
.join_step li.on:last-child  { background:#333949; color:#73d1f7; border:0; height:60px;}

/*약관동의*/
.agree_wrap { position:relative; margin-bottom:20px;}
.agree-box { position:relative; width:828px; border:1px solid #d5d5d5; padding:20px 50px; margin:10px 0 20px; background:#fff;}
.agree-box2 { position:relative; width:828px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; padding:20px 50px; background:#fff; }
.agree-box3 { position:relative; width:828px;  border:1px solid #d5d5d5; padding:20px 50px; background:#fff; }
.agree_box4 {position:relative; width:828px; border:1px solid #d5d5d5; padding:50px 50px; margin:10px 0 20px; background:#fff; line-height:28px; font-size:15px; text-align:left;}
.agree_box4 .desc1 {
    color: #333;
    font-size: 15px;
    line-height: 28px;
    padding-bottom: 40px;
}
.agree-box:after { content:""; display:block; clear:both;}

/*약관동의 스탭*/
.agree_step { width:430px; margin:20px auto 30px;}
.agree_step li { text-align:center; font-size:17px; width:199px; height:40px; float:left;}
.agree_step li.step_line {margin:0 12px; color:#ddd; width:1px; border-left:1px solid #d5d5d5; height:30px;}
.agree_step li a { display:inline-block; width:200px; height:40px; }
.garee_step li a:hover {color:#0399db; }
.agree_step li.on { color:#0399db; border-bottom:2px solid #0399db;}
.agree_step li.on a { color:#0399db; }
.agree_step:after { content:""; display:block; clear:both;}

/*SNS*/
.sns_wrap { position:relative; margin:40px 0 30px;}
.sns_wrap_login { position:relative; display:block; width:540px; margin:40px 0 20px; padding:30px 0 20px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.sns_wrap_login:after { content:""; display:block; clear:both;}
.fl_w50 { width:49%; float:left; text-align:right; margin-bottom:10px;}
.fr_w50 { width:49%; float:right; text-align:left; margin-bottom:10px;}

/*가입완료*/
.joincom_tit { text-align:center; font-size:26px; color:#333; line-height:44px; margin:30px 0 20px}
.joincom_tit span { font-size:20px; color:#999;}

/*가입완료 하단 BooK_list*/
.joincom_book_area { position: relative; width:99%; margin:30px auto 50px; padding-top:30px; clear:both; border-top:2px solid #333;}  
.joincom_book_area:after { content:""; display:block; clear:both;}
.joincom_book_area .joincom_book { position: relative; width:100%;}
.joincom_book_area .joincom_book li { position: relative; float:left; text-align:left; width:50%;}
.joincom_book_area .joincom_book li .thumbox { float:left; width:109px; height:132px; padding:10px; border:1px solid #d4d4d4; margin-right:20px; text-align:center; vertical-align:middle; }
.joincom_book_area .joincom_book li .thumbox img { width:104px; height:130px;}
.joincom_book_area .joincom_book li dl { float:left; width:240px; letter-spacing:-0.05em;}
.joincom_book_area .joincom_book li dt { display:block; font-size:18px; height:36px; padding-top:5px; font-weight:bold;}
.joincom_book_area .joincom_book li dd.explan { display:block; line-height:20px; font-size:14px; color:#666; }
.joincom_book_area .joincom_book li a { display:block; width:100px; height:26px; color:#666; font-size:14px; line-height:24px; border:1px solid #d4d4d4; text-align:center; margin-top:60px;}
.joincom_book_area .joincom_book li a:hover { color:#0399db;}

/*로그인*/
.inner_login { position:relative; width:540px; margin:0 auto; padding-bottom:100px;}
.inner_login:after { content:""; display:block; clear:both;}
.login_box { position:relative; width:438px; border:1px solid #d5d5d5; border-bottom:0; padding:40px 50px; background:#fff;}
.id_pw_find { position:relative; margin:20px 0; }
.id_pw_find li.id_save { position:relative; float:left; height:20px; margin:5px 0; width:50%; font-size:15px; color:#888; }
.id_pw_find li.id_find { position:relative; float:right; height:20px; margin:5px 0; width:50%; text-align:right; font-size:15px; color:#888; }
.id_pw_find a { color:#888;}
.id_pw_find a:hover { text-decoration:underline}
.id_pw_find:after { content:""; display:block; clear:both;}