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

/* LEFT-MENU + BODY */
.content-section {
width:1098px; /*왼쪽, 오른쪽 border 2px 빠짐*/
height:auto;
margin: 0 auto 0 auto;
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #cccccc;
background-color:#ffffff;
}

/* LEFT MENU */
.content-section .left-area {
width:204px;
height:700px;
float:left;
border-width: 0 1px 0 0;
border-style: solid;
border-color: #cccccc;
}
.content-section .left-area .left_ttl {
width:204px;
height:148px;
float:left;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #cccccc;
}

/* BODY */
.content-section .right-area {
width:893px;
height:auto;
float:left;
border:none;
overflow:hidden;
}

/* BODY 상단 */
.right-area .con_sub_box {
height:30px;
padding:10px 10px 0 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #cccccc;
}
.right-area .con_sub_box .pos{
margin:0 10px 0 0;
float:right;
display:inline;
}
.right-area .con_sub_box .pos .first{
margin-left:20px;
}
.right-area .con_sub_box .pos li{
padding:3px 0 3px 0px;
margin-left:5px;
float:left;
display:inline;
}
.right-area .con_sub_box .pos li span{
margin:0 3px 0 8px;
font-weight:bold;
font-size:11px;
color:#707070;
}
.right-area .con_sub_box .pos{
color:#707070;
font-family:"나눔고딕", Arial, "Arial Black", SansSerif, sans-serif, "나눔고딕 ExtraBold", "돋움";
font-size:11px;
letter-spacing:-0.01em;
list-style:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
background:url(../img/home.gif) 0px 4px no-repeat;
}

/* BODY 하단 */
.right-area .mem_cts{ 
	float:left;
	display:inline;
}
.right-area .join_pro01{
	width:863px;
	height:130px;
    padding-top:30px;
    padding-left:30px;
    background-color:#f1f1f1;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #cccccc;
}
.right-area .join_title{
    width:873px;
    float:left;
    padding-left:20px;
    padding-bottom:20px;
}
.right-area .join_step{
	float:left;
	width:100%;
}

.right-area .join_step .step01{
	width:100%;
	margin:22px 0 15px 10px;
	padding-left:21px;
	font-family:"나눔고딕", Arial, "Arial Black", SansSerif, sans-serif, "나눔고딕 ExtraBold", "돋움";
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	color:#00356e;
	float:left;
	background:url(../img/bul_arrow_first.gif) 0 8px no-repeat;
	background-color:transparent;
	background-attachment:scroll;
}
.right-area .step01_w{
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
	font-family:"나눔고딕", Arial, "Arial Black", SansSerif, sans-serif, "나눔고딕 ExtraBold", "돋움";
	color:#333333;
	margin-left:29px;
	letter-spacing:0.04em;
}
.right-area .join_step .tab li{
	padding-right:16px;
	margin-bottom:11px;
	float:left;
}
.right-area .confirm_box{
	width:833px;
	height:82px;
	border:1px solid #e4e4e4;
	float:left;
	margin-left:30px;
	margin-right:30px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color:#f1f1f1;
}
.right-area .confirm_box .register{
	width:284px;
	float:left;
	display:inline;
}
.right-area .confirm_box .register dt{
	width:80px;
	padding-top:7px;
	float:left;
}
.right-area .confirm_box .btn_confirm{
	float:left;
}
.right-area .confirm_box .box_left{
	width:456px;
	height:65px;
	font-size:12px;
	padding:13px 21px 5px 22px;
	letter-spacing:0.05em;
	line-height:1.5em;
	border-right:1px solid #e4e4e4;
	float:left;
}
.right-area .pop_btn{
	width:117px;
	height:20px;
	margin-top:6px;
}
.right-area .confirm_box .box_right{
	width:253px;
	padding:14px 18px 16px 18px;
	float:left;
	border-left:1px solid #fff;
}
.right-area .box_right .info{
	color:#3e3e3e;
	float:left;
}
.right-area .box_right .info dt{
	padding:0px 0 3px 20px;
	font-weight:bold;
	margin-bottom:10px;
	float:left;
	background:url(../img/member_info.png) 0 0 no-repeat;
	background-attachment:scroll;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
}
.right-area .box_right .info dd{
	width:100%;
	padding:0px 0 5px 15px;
	float:left;
	background:url(../img/dot2.gif) 5px 4px no-repeat;
	background-attachment:scroll;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
}
.right-area .box_right .info span{
	margin-left:13px;
}
.right-area .name_confirm .text_box{
	width:832px;
	color:#75b3d3;
	font-size:12px;
	line-height:22px;
	padding: 0 30px 0 30px;
	margin-top:20px;
	float:left;
}
.right-area .name_confirm .text_box span{
	color:#0582c2;
	font-weight:bold;
}
.right-area .menu_tab{
	width:832px;
	margin:10px 30px 0 30px;
	border-top:1px solid #dcdcdc;
	float:left;
	background-image:none;
	background-attachment:scroll;
	background-repeat:repeat;
	background-position-x:0%;
	background-position-y:0%;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:rgb(255, 255, 255);
}
.right-area .menu_tab .body_txt{
	width:100%;
	overflow:hidden;
	border-top:1px solid #dcdcdc;
	float:left;
	background-image:none;
	background-attachment:scroll;
	background-repeat:repeat;
	background-position-x:0%;
	background-position-y:0%;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:rgb(255, 255, 255);
}
.right-area .menu_tab .b_t_none{
	border-top-color:currentColor;
	border-top-width:0px;
	border-top-style:none;
}
.right-area .tab_square{
	width:100%;
	text-align:center;
	float:left;
}
.right-area .tab_square .tab_first{
	width:415px;
	font-weight:bold;
    border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	float:left;	
}
.right-area .tab_square .tab_second{
	width:414px;
	font-weight:bold;
	border-right:1px solid #dcdcdc;
	float:left;	
}
.right-area .menu_tab li a{
	display:block;
	padding:11px 16px 11px 16px;
	text-decoration:none;
	text-align:center;
	color:#a0a0a0;
}
.right-area .menu_tab li a:hover{
	text-decoration:none;
}
.right-area .menu_tab li.active a{
	background:rgb(249, 249, 249);
	font-weight:bold;
	color:#333333;
}
.right-area .menu_tab li.active a:hover{
	text-decoration:none;
}


.right-area .menu_tab00 {
    width:830px;
	margin:0 30px 15px 30px;
	float:left;
    border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;

}

.right-area .menu_tab01 {
    width:830px;
	margin:0 30px 15px 30px;
	float:left;
    border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;

}

.right-area .body_txt {
        
}
.right-area .body_txt .head_txt{
	width:766px;
	height:60px;
	color:#333333;
	line-height:22px;
	padding:30px 32px 10px 32px;
	float:left;
    background:rgb(249, 249, 249);
}
.right-area .body_txt .con_txt{
    width:766px;
	line-height:25px;
	height:170px;
	padding:0 32px 40px 32px;
	float:left;
    background:rgb(249, 249, 249);
}
.right-area .body_txt .con_txt dt{
	color:#0066b4;
	font-weight:bold;
}
.right-area .body_txt .con_txt dd{
	color:#333333;
	padding-left:15px;
	line-height:2em;
	background:url(../img/bul_arrow_02.gif) 3px 8px no-repeat;
	background-attachment:scroll;
	background-size:auto;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
}