@charset "utf-8";

#subContent #contentWrap #content_p { padding:50px 0 30px; margin:0 auto; width:90%;}

#subContent #contentWrap #content_p .join_step { width:90%; padding:8% 4% 5%; background:#f4f4f4; border:2px solid #c2c2c2; border-radius:10px; margin:0 auto;}
#subContent #contentWrap #content_p .join_step .join_tit { font-size:26px; color:#e43135; font-weight:bold; text-align:center; margin-bottom:5%;}
#subContent #contentWrap #content_p .join_step > table { width:100%;}
#subContent #contentWrap #content_p .join_step > table .step { text-align:center; width:22%;}
#subContent #contentWrap #content_p .join_step > table .step p { font-size:13px !important; line-height:17px !important; margin-top:3%; color:#717171 !important; font-weight:bold;}
#subContent #contentWrap #content_p .join_step > table .step > img { width:80%; margin:0 auto}
#subContent #contentWrap #content_p .join_step > table .arrow { width:4%; vertical-align:top;}
#subContent #contentWrap #content_p .join_step > table .arrow img { width:85%; margin:2.6em auto 0;}

#subContent #contentWrap #content_p .branch_info { margin-top:40px;}
#subContent #contentWrap #content_p .branch_info .subtit { color:#e43135; font-size:20px; font-weight:bold;}
#subContent #contentWrap #content_p .branch_info > ul { width:100%; margin:0 auto;}
#subContent #contentWrap #content_p .branch_info > ul > li { float:left; width:80px; height:22px; line-height:22px; font-size:13px; font-weight:bold; text-align:center; background:#464646; margin-right:2px; margin-bottom:2px;}
#subContent #contentWrap #content_p .branch_info > ul > li a { color:#fff;}

#subContent #contentWrap #content_p .etc_point { clear:both; padding-top:40px;}
#subContent #contentWrap #content_p .etc_point .subtit { color:#e43135; font-size:20px; font-weight:bold; border-bottom:2px solid #464646; padding-bottom:1%;}
#subContent #contentWrap #content_p .etc_point ul li { color:#717171; font-size:12px; line-height:16px; margin-bottom:10px; padding:0 4%; background:url(../images/listblit.gif) no-repeat 2% 7px;}
#subContent #contentWrap #content_p .etc_point ul li span { color:#e43135;}



@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1024px) {
	
}

@media only screen and (max-width: 820px) {

}

@media only screen and (max-width: 600px) {
#subContent #contentWrap #content_p {width:90%;}
#subContent #contentWrap #content_p .join_step .join_tit { margin-bottom:7%;}
#subContent #contentWrap #content_p .branch_info > ul > li { width:58px;}
#subContent #contentWrap #content_p .join_step > table .arrow img { margin:1.8em auto 0;}

}