/* F12 개발자 도구로 작성. 원본 파일을 정확하게 표현한 것이 아닐 수도 있습니다. */
.hide {	left: 0px; top: 0px; width: 1px; height: 1px; line-height: 0; font-size: 0px; visibility: hidden; position: absolute;}

.open {	display: block;}

.layer { left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 10000; _position: absolute;}
.layer .bg {background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; filter: alpha(opacity=80);opacity:0.5;-moz-opacity:0.5; position: absolute;}
.layer_area {position:absolute; left:50%; top:50%;  width:350px; height:264px; padding:25px; margin: 0px;  border-radius:0.5em;  background-color:#ffffff;/* 라운드박스 */}

.layer_join_box { left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 10000; _position: absolute;}
.layer_join_box .bg_join {background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; filter: alpha(opacity=80);opacity:0.5;-moz-opacity:0.5; position: absolute;}
.layer_area_join {position:absolute; left:50%; top:50%;  width:350px; height:600px; padding:25px; margin: 0px;  border-radius:0.5em;  background-color:#ffffff;/* 라운드박스 */}