/* 조인 */
.join{ background:url("join.png") top left no-repeat; }
#join_03{ width:186px; height:62px; background-position:-10px -10px; float:left; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }
#join_02{ width:186px; height:62px; background-position:-10px -82px; float:left; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }
#join_01{ width:186px; height:62px; background-position:-10px -154px; float:left; margin-left:10px;}
#join_co{ width:110px; height:35px; background-position:-10px -226px; }
#join_sole{ width:110px; height:35px; background-position:-10px -271px; }
#join_cancel{ width:110px; height:35px; background-position:-10px -316px;}
#join_button{ width:110px; height:35px; background-position:-10px -361px; }
#join_arrow{ width:25px; height:34px; background-position:-130px -226px; float:left; margin:14px 15px 15px 15px;}
#join_r5_c9{ width:25px; height:34px; background-position:-165px -226px; }
#join_title{ width:182px; height:20px; background-position:-10px -406px; }
#join_title12{ width:177px; height:15px; background-position:-10px -436px; }
#join_title11{ width:138px; height:15px; background-position:-10px -461px; }


/* 조인 2 */
.join2{ background:url("join2.png") top left no-repeat; }
#join_really{ width:534px; height:159px; background-position:-10px -10px; }
#join_ok{ width:110px; height:35px; background-position:-130px -179px; }
#join_title22{ width:57px; height:16px; background-position:-250px -179px; }
#join_title21{ width:89px; height:16px; background-position:-317px -179px; margin:30px 0 10px 0; }
#join_age{ width:260px; height:14px; background-position:-10px -224px; margin-top:5px;}
#join_please{ width:324px; height:14px; background-position:-10px -248px; }

/* 디자인 끝 */

#pages_join {}

#pages_join h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0 0 10px 0;margin:0 0 30px 0;border-bottom:#999999 solid 3px;}

#pages_join .tt {font-weight:bold;padding:30px 0 15px 0;}
#pages_join .msg {color:#1C5B8C;font-family:dotum;line-height:150%; height:62px; margin:20px 0 0 0;}

#pages_join .tab {border-bottom:#dfdfdf solid 1px;}
#pages_join .tab ul {position:relative;top:1px;padding:0;margin:0;}
#pages_join .tab li {list-style-type:none;float:left;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;padding:7px 7px 7px 7px;background:#f9f9f9;cursor:pointer;color:#666666;font-size:12px;font-family:dotum;}
#pages_join .tab .leftside {border-left:#dfdfdf solid 1px;}
#pages_join .tab .selected {border-bottom:#ffffff solid 1px;background:#ffffff;color:#000000;}

#pages_join .agreebox {border:#dfdfdf solid 5px; padding:15px 7px 7px 7px;}
#pages_join .agreebox textarea {border:0;width:100%;height:160px;overflow-x:hidden;overflow-y:auto;line-height:130%;color:#666;font-family:dotum;scrollbar-base-color:#E1E1E1;scrollbar-face-color:#FFF;scrollbar-track-color:#FFF;scrollbar-highlight-color:#FFF;scrollbar-3dlight-color:#E1E1E1;scrollbar-shadow-color:#E1E1E1;scrollbar-darkshadow-color:#FFF;scrollbar-arrow-color:#7a7a7a;}
#pages_join .agreebox .ag1 {height:255px;}
#pages_join .hide {display:none;}


#pages_join .agreecheck {text-align:center;padding:20px 0 0 0;color:#333;letter-spacing:-1px;}
#pages_join .topline {border-top:#dfdfdf solid 5px;}
#pages_join .submitbox {padding:30px 0 40px 0;text-align:center;}