@charset "UTF-8";

.overlay{
display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background:#777777;z-index:1004;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}	

/* .white_content {display: none;position:fixed;width:98%;padding: 15px;min-width:320px;height:63%;background:#fff;border: 3px solid #002539;z-index:1005;margin:0 auto;overflow-y:scroll;} */
.white_content {display: none;position:fixed;width:98%;min-width:320px;background:#fff;border: 3px solid #002539;z-index:2000;margin:0 auto;overflow-y:scroll;} 

.white_content_relative{ position: relative; width: 100%; padding: 15px;}
.white_content p{text-align: center; margin: 0.875em 0;}
.white_content p img{ width: 100%; max-width: 40px;}
.white_content h2{ font-size: 1.875em; color:#4d4c4c; text-align: center;}
.white_content hr{ border: 0; border-bottom: 1px dashed #ddd; height: 1px; display: block; width: 98%; margin: 1em auto;}

.cancelBox{ width: 100%;}
.cancel_info{width: 90%; margin: 0 auto;}
.cancel_info th{ padding:0.45em 0; text-align: left; font-size: 1em; max-width: 150px;}
.cancel_info td{ font-size: 1em;}

.notice_info{ width: 96%; margin: 0.875em auto; border: 1px solid #ddd; background-color: #e8e8e8; padding:1em; color: #535353; border-radius: 10px; font-size: 0.875em; line-height: 1em; text-align: left;
    box-shadow: 2px 2px 1px 2px rgba(245,242,242,1);
    -webkit-box-shadow: 2px 2px 1px 2px rgba(245,242,242,1);
    -o-box-shadow: 2px 2px 1px 2px rgba(245,242,242,1);
    -ms-box-shadow: 2px 2px 1px 2px rgba(245,242,242,1);
}
.notice_info span.blackText{ color: #1a1a1a;}
.notice_info span.redText{ color: #b81414;}
.notice_info span.underline{ text-decoration: underline;}
.notice_info p{ text-align: left;}
.reser_selectbox{ width: 45px; background: url(../../images/m_clubd/main/pop_arw.png) no-repeat; background-position: 85% 50%; background-size: 30%; text-align: center; padding: 0.25em; font-size: 1em;}
.btnBox1{margin:15px auto 0px;padding-top:1em;font-size:0;overflow:hidden;width:50%;}
.btnBox1 li{float:left;width:49%;padding:0.7em 0;margin-right:2%;text-align:center;}
.btnBox1 li:last-child{margin-right:0;}
.btnBox1 li > a{font:0.9em 'Manum GothicB';color:#fff;}

@media (max-width: 360px) {
    .cancel_info th{ padding:0.45em 0; text-align: left; font-size:11px;}
    .cancel_info td{ font-size: 11px;}
    .notice_info p{font-size: 11px; text-align: left;}
    .notice_info span{ font-size: 1em;}
    
}
@media (min-width: 361px) and (max-width:480px) {
    .cancel_info th{padding:0.45em 0; text-align: left; font-size:0.875em;}
    .cancel_info td{font-size: 0.875em;}
    .notice_info p{font-size: 0.875em; text-align: left;}
    .notice_info span{ font-size: 1em;}
    .btnBox1{margin:40px auto 0px;padding-top:1em;font-size:0;overflow:hidden;width:50%;}
}

@media (min-width: 481px) {
	/*-- BtnBox --*/
	.btnBox{margin:10px auto;padding-top:1em;font-size:0;overflow:hidden;width:50%;}
	.btnBox li{float:left;width:49%;padding:0.5em 0;margin-right:2%;text-align:center;}
	.btnBox li:last-child{margin-right:0;}
	.btnBox li > a{font:1.2em 'Manum GothicB';color:white;}
	.btnBox1{margin:20px auto 0px;padding-top:1em;font-size:0;overflow:hidden;width:50%;}
}