html, body {height: 100%;}
.spectrum_box_wrap{position:fixed !important;position:absolute;z-index:10000;top:0;left:0;width:100%;height:100%;background:url("image/background.png") repeat;}
.spectrum_pop{position:absolute;height:auto;}
.spectrum_close{clear:both;float:right;position:relative;cursor:pointer;width:45px;padding-top:15px;height:30px;color:#444;text-align:center;font-size:19px;background:#FFF;}
.spectrum_close:hover{background:#EEE}
.spectrum_progress{text-align:center;position:absolute;z-index:11000;background:#FFFFFF;width:100%;height:80%;padding-top:20%;}
.spectrum_alert{text-align:center;position:absolute;font-size:13px;font-color:#444;font-weight:bold;z-index:11000;background:#FFFFFF;width:100%;height:80%;padding-top:20%;}
.spectrum_content_wrap{position:relative;clear:both;float:right;background:#FFF;border-top:3px solid #ea0000;border-bottom:#ccc solid 1px;}
.spectrum_content{position:relative;}
.spectrum_button{clear:both;position:relative;overflow:hidden;width:100%;height:45px;}
.spectrum_button ul{position:relative;width:auto;float:right;list-style: none;}
.spectrum_button ul li{position:relative;float:left;padding:12px 8px;font-size:17px;background:#FFF;margin-left:3px;cursor:pointer;}
.spectrum_button ul li:hover{background:#EEE;}
.spectrumLoginLayer{width:500px;height:200px;background:#FFFFFF}
.spectrumLoginLayer .titleArea{width:470px;padding:10px 15px 8px 15px;font-size:30px;text-align:left;border-bottom:solid 1px #DDD;color:#444}
.spectrumLoginLayer .formArea{padding-top:30px;padding-left:50px;}
.spectrumLoginLayer .formArea dl{clear:both;}
.spectrumLoginLayer .formArea dt{float:left; width:100px;font-size:20px;margin-top:7px;}
.spectrumLoginLayer .formArea dd{float:left; width:280px;margin-top:7px;}
.spectrumLoginLayer .formArea dd input{float:left; width:280px;background:#eee;border:solid 1px #ccc;}

.spectrumInfoLayer {width:400px;padding-top:50px;padding-bottom:50px;padding-left:50px;font-size:28px;color:#444;}

.spectrumJoinLayer{width:700px;height:700px;}
.spectrumJoinLayer .titleArea{width:700px;padding:10px 15px 8px 15px;font-size:30px;text-align:left;border-bottom:solid 1px #DDD;color:#444}
.spectrumJoinLayer .formArea{padding-top:30px;padding-left:30px;}
.spectrumJoinLayer .formArea dl{clear:both;}
.spectrumJoinLayer .formArea dt{float: left;width: 200px;text-align: right;padding-right: 20px;font-size: 20px;margin-top: 7px;}
.spectrumJoinLayer .formArea dd{float:left; width:280px;margin-top:7px;}
.spectrumJoinLayer .formArea dd input{ width:280px;background:#eee;border:solid 1px #ccc;}
.spectrumJoinLayer .formArea dd input.number{width:100px;}
.spectrumJoinLayer .subTitle{clear:both;padding-top:20px;padding-left:90px;color:#ea0000;font-size:22px;}

.spectrumJoinAction, .spectrumLoginAction{color:#ea0000;}
.spectrumJoinAction:hover, .spectrumLoginAction:hover{background:#ea3333 !important; color:#FFF;}

.spectrumLogoutAction{color:#ea0000;}
.spectrumLogoutAction:hover{background:#ea3333 !important; color:#FFF;}


/* 게시판 뷰페이지 */
.spectrumJoinLayer div.viewCon{width:100%;padding:20px 0;font-size:13px;}
.spectrumJoinLayer table.view_table{width:100%;font-size:13px;  word-break: break-all;}
.spectrumJoinLayer table.view_table caption{width:0;height:0;text-indent:-9000px}
.spectrumJoinLayer table.view_table th, table.view_table td{padding:5px 12px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;vertical-align: middle;}
.spectrumJoinLayer table.view_table th{background:#fff;color:#444;border-right:#eee solid 1px;vertical-align: middle;padding-right:10px;text-align:right}
.spectrumJoinLayer div.image img{width:100%}
.spectrumJoinLayer div.snsLayer{width:100%;border-bottom:1px solid #ededed}/*padding-bottom:10px;*/
.spectrumJoinLayer div.snsLayer a{display:inline}

.spectrumJoinLayer .board_button{display: inline-block;padding: 6px 20px;background-color: #3c3c3c;font-size: 13px;color: #fff;cursor:pointer;border:0;text-align: center;}

.spectrumJoinLayer .w_50px{width:50px !important;}
.spectrumJoinLayer .w_20p{width:20% !important;}
.spectrumJoinLayer .w_50p{width:50% !important;}



/* 게시판 비밀글 비밀번호 입력 */
.spectrumPrivatePostPasswordLayer{width:450px;height:200px;background:#FFFFFF;font-family: NanumBarunGothic;}
.spectrumPrivatePostPasswordLayer .titleArea{width:400px;padding:10px 15px 28px 35px;font-size:30px;text-align:left;border-bottom:solid 1px #DDD;color:#444}
.spectrumPrivatePostPasswordLayer .title1{padding-top:30px;font-size:19px;font-weight:bold;}
.spectrumPrivatePostPasswordLayer .title1 span{color:#c93622;}
.spectrumPrivatePostPasswordLayer .textArea1{padding-top:35px;font-size:23px;text-align:center;color:#444;}
.spectrumPrivatePostPasswordLayer .private_password_input{border:solid 1px #aeaeae;font-size:20px;width:270px;padding-left:10px;padding-top:4px;height:35px;}
.spectrumPrivatePostPasswordLayer .private_password_btn{text-align:center;padding:7px 20px;font-size:20px;font-weight:normal;color:#FFF;background:#c93622;}