/*초기화*/

* {
    margin:0;
    padding:0;
}

body {
    font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothicNeoSD,Apple SD 산돌고딕 Neo,Mircrosoft NeoGothic,did sans,sans-serif;
/* 	background:#f9f9f9; */
	background:#f2f5f7;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}



/*진행 바*/
.join_bar {
/*     margin-top:10px; */
    margin-top:50px;
    min-width:900px;
}

.join_bar > .join_bar_wrap {
    margin:0 auto;
    height:50px;
    width:800px;
    overflow:hidden;
}

.join_bar > .join_bar_wrap > ul {
    text-align:center;
}

.join_bar > .join_bar_wrap > ul > li {
    display:inline-block;
    width:200px;
    height:53px;
    float:left;
}

.join_bar > .join_bar_wrap > ul > li > h4 {
    display:block;
    line-height:53px;
}


/*진행 바 각각 꾸미기*/

.join_bar_tap1 {
    color:white;
    background:url(/my/resources/img/joinView/tap_act.png);
}
.join_bar_tap2 {
    background:url(/my/resources/img/joinView/tap_of.png);
}
.join_bar_tap3 {
    background:url(/my/resources/img/joinView/tap_of2.png);
}
.join_bar_tap4 {
    background:url(/my/resources/img/joinView/tap_of2.png);
}


/*약관 시작*/

.join_agree_bg {
    min-width:900px;
}

.join_agree_bg > .join_agree_wrap {
    margin:0 auto;
    width:800px;

}


.join_agree_bg > .join_agree_wrap > .join_agree_tit {
    margin-top:15px;
    width:800px;

}

.join_agree_bg > .join_agree_wrap > .join_agree_tit > h4 {
    line-height:25px;
}

.join_agree_bg > .join_agree_wrap > .join_agree_tit > p {
    line-height:25px;
    font-size:13px;
    margin-bottom:15px;
}


/*약관 박스1*/

.join_agree_box {
    width:800px;
    height:100%;
}

.join_agree_box > h5 {
    font-size:15px;
    margin-bottom:10px;
}

.join_agree_box_list1 {
    background:#fff;
    width:778px;
    height:170px;
    font-size:13px;
    overflow-y:auto;
    border:1px solid #ccc;
    line-height:23px;
    padding:10px;
}


/*약관체크박스1*/

.join_agree_box > .agree1 {
    /*체크박스 글자 가운데 정렬*/
    vertical-align: middle;

    margin-top:15px;
    padding-top:5px;

}

.join_agree_box > .agree1_text {
    margin-top:15px;
    vertical-align: bottom;
    font-size:13px;
    font-weight:bold;
}






/*약관 박스2*/

.join_agree_box2 {
    margin-top:40px;
    width:800px;
}

.join_agree_box2 > h5 {
    font-size:15px;
    margin-bottom:10px;
}

.join_agree_box2 > p {
    padding-left:15px;
    font-size:12px;
    line-height:25px;
}

.join_agree_box_list2 {
    width:798px;
}

.join_agree_box_list2 > .join_agree_box_list2_table {
    width:800px;
    border-collapse:collapse;
    border:1px solid #ccc;
}

.list2_table_tit {
    text-align:center;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:13px;
    font-weight:bold;
    padding:10px;
    background:#e2e2e2;
}

.list2_table_sub {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:13px;
    padding:10px;
    background:#fff;
}

/*약관체크박스2*/

.join_agree_box2 > .agree2 {
    /*체크박스 글자 가운데 정렬*/
    vertical-align: middle;

    margin-top:15px;
    padding-top:5px;

}

.join_agree_box2 > .agree2_text {
    margin-top:10px;
    vertical-align: bottom;
    font-size:13px;
    font-weight:bold;
}


/*약관 주의사항*/

.join_warning {

    margin-top:10px;
    font-size:13px;
    line-height:20px;
}


/*다음버튼*/
.join_ok_wrap {
    position:relative;
    margin:0 auto;
    width:800px;
    text-align:center;
    margin-top:20px;
    margin-bottom: 70px;
}

.join_ok_wrap > a >  .join_ok_next {

}

/*input[type=submit] {
    width:120px;
    height:35px;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
    border-radius: 5px;
    font-size:13px;
    background:#3581c2;
    color:white;
}*/

input[type=button] {
    width:120px;
    height:35px;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
    border-radius: 5px;
    font-size:13px;
    background:#3581c2;
    color:white;
}