@charset "utf-8";
.join_head { width:1024px; height:134px; border-top:1px solid #999999; border-bottom:1px solid #999999; float:left;}
.join_head div.title 		{ position:absolute; margin:5px 0 12px 5px; }
.join_head div.title h1  	{ font-size:36px; color:#000; font-weight:600; line-height:60px; padding-top:20px; letter-spacing:-1px}
.join_head div.title span	{ font-size:13px; color:#666; padding-left:3px;}

.join_head ul 				   { position: relative; width:627px; height:93px; margin-top:20px; float:right}
.join_head ul li     		   { width:173px; height:49px; font-size:17px; color:#FFF; letter-spacing:-0.5px; margin-right:1px; padding: 15px 15px 29px 20px; float:left}
.join_head ul li img   		   { width:34px; position: relative; top:-15px; float:right; z-index:1}
.join_head ul li.step_on 	   { background:#104c86;}
.join_head ul li.step_on span  { font-size:13px; font-weight:800; line-height:30px;}
.join_head ul li.step_off 	   { color:#878787; background:#f1f1f1;}
.join_head ul li.step_off span { font-size:13px; font-weight:800; line-height:30px;}

.join_contents { display:inline-block; width:1024px; text-align:center; color:#5c5c5c; background:#f9f9f9; padding:57px 0; margin:0 auto}
.join_contents .intro { font-size:18px; line-height:30px; color:#5c5c5c; margin:30px 0 50px 0;}
.join_contents .intro p { color:#22588b; font-weight:600;}

.join_contents .notice ul    { display:inline-block; width:100%; margin:30px 0 30px 50px; float:left}
.join_contents .notice ul li { font-size:13px; line-height:25px; text-align:left}

.join_contents .benefit { position: relative; text-align:left; border:1px solid #e1e1e1; background:#FFF; margin:0 50px; padding:18px 24px 24px 24px; clear:both}
.join_contents .benefit dl dt { font-size:18px; color:#343434; line-height:32px; font-weight:800; padding-left:5px;}
.join_contents .benefit dl dd { font-size:13px; color:#343434; line-height:24px;}
.join_contents .benefit dl dd img { padding:0 8px;}

.join_contents_b { display:inline-block; text-align:left; color:#5c5c5c; background:#FFF; padding:15px 0 15px 0; margin:0 auto}
.join_contents_b h2  	{ font-size:20px; color:#343434; font-weight:600; line-height:25px; margin-top:30px;}
.join_contents_b h3  	{ font-size:13px; color:#343434; font-weight:600; line-height:15px;}
.join_contents_b h4  		{ font-size:20px; color:#343434; font-weight:800; line-height:25px;}
.join_contents_b h4 span	{ font-size:20px; color:#104c86; font-weight:800; line-height:15px;}
.join_contents_b h5  		{ font-size:16px; color:#343434; font-weight:800; line-height:20px; margin:5px 0;}

.join_contents_b .notice ul    { display:inline-block; width:100%; float:left; margin:30px 0 20px 0;}
.join_contents_b .notice ul li { font-size:13px; line-height:25px; text-align:left}

.join_contents_b .search_c { position: relative; height:80px; text-align:center; background:#f9f9f9; padding-top:30px; clear:both}
.join_contents_b .search_c select { width:165px; height:40px; color:#7f7f7f; line-height:38px; padding:2px 8px 0 0; border:1px solid #ccc;margin-right:10px;}
.join_contents_b .search_c input[type=text]{ height:38px; color:#7f7f7f; border:1px solid #ccc;}
.join_contents_b .search_c input[type=password]{ height:38px; color:#7f7f7f; border:1px solid #ccc;}
.join_contents_b .search_c img{border:1px solid #ccc;}
.join_contents_b .search_c .check { display:inline-block; font-size:15px; color:#FFF; line-height:38px; font-weight:600; background:#979797; padding:0 20px; margin-right:10px;}

.join_contents_b .box_policy { display:inline-block; height:72px; border:1px solid #d9d7d0; color:#999; line-height:20px; background:#FFF; padding:10px; overflow:auto}
.join_contents_b .agree_cho { color:#999; text-align:center; margin:20px 0 10px 0;}
.join_contents_b .agree_cho input[type=radio]	{ margin:0 5px 0 15px;}

.join_contents_b table { width:100%; border:1px solid #e6e6e6}
.join_contents_b table tr { border-bottom:1px solid #e6e6e6}
.join_contents_b table th { background:#dcf0fa; line-height:40px; text-align:left; padding:0 20px;}
.join_contents_b table th.even { background:#c0e4f6}
.join_contents_b table td { padding:0 10px;}
.join_contents_b table span.red_po { color:#ea0000;}

.join_contents_b .join_fin { width:800px; color:#666; font-size:17px; line-height:30px; margin:50px auto 0 auto}
.join_contents_b .join_fin span.name { color:#104c86; font-weight:600;}
.join_contents_b .join_fin .box { display:inline-block; width:88%; font-size:13px; line-height:25px; text-align:center; color:#333; background:#f9f9f9; padding:50px; border-radius:10px; margin:30px 0; }
.join_contents_b .join_fin .box span.id { color:#000; font-weight:600; text-decoration:underline}

/*****	button *****/
.btnarea_center { display:inline-block; width:100%; text-align:center; margin:0 auto;}
.btn_big_join   { display:inline-block; width:333px; height:78px; font-size:20px; color:#FFF; font-weight:600; line-height:26px; text-align:center; margin:10px 16px; padding-top:25px; background-color:#215eb4;}
.btn_big_join span	 { font-size:14px; color:#FFF; font-weight:600;}
.btn_big_join a {color:#fff; text-decoration:none;}
.btn_big_join a:link {color:#fff; text-decoration:none;}
.btn_big_join a:hover{ color:#4fd8e5 !important;}

.padleft5{text-align:left;padding-left:5px;}
.td_center{text-align:center}
.bg_gray{background-color:lightgray;}
.bg_black{background-color:black;}
.bg_button{background-color:#215eb4;}
.bg_darkorange{background-color:darkorange;}
.font-white{color:#fff}
.bold{font-weight:800;}
.p_button{font-size:20px;}

.sellist {height:25px; color:#7f7f7f; line-height:25px; padding:2px 8px 0 0; border:1px solid #ccc;margin-right:10px;}
.input{ height:25px; color:#7f7f7f; border:1px solid #ccc;}
.border{border:1px solid #ccc;}
.td20{min-height:20px;line-height:20px;}

/*********** POPUP *************/
.pop_wrap 		 { display:inline-block;  border:3px solid #0065b3; background:#FFF}
.pop_wrap .title { height:50px; font-size:20px; line-height:50px; font-weight:600; color:#FFF; overflow:hidden; padding:0 15px; background:#0065b3}
.pop_wrap span.close { line-height:50px; margin:0px 10px 0 0; cursor:pointer; float:right}
.pop_wrap .contents  { margin:0 auto; background:#FFF; padding:20px 25px 10px 25px;}

.search_pop select { width:165px; height:40px; color:#7f7f7f; line-height:38px; padding:2px 8px 0 0; border:1px solid #ccc;margin-right:10px;}
.search_pop input[type=text]{ height:38px; color:#7f7f7f; border:1px solid #ccc;}
.search_pop img{border:1px solid #ccc;}

.table_search { width:100%; border:1px solid #e6e6e6}
.table_search tr { border-bottom:1px solid #e6e6e6}
.table_search th { background:#dcf0fa; line-height:30px;}
.table_search td { min-height:30px;line-height:30px;}