@charset "UTF-8";

.reservationOverlay{
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%;max-height:90%;min-width:320px;background:#fff;border: 3px solid #ff6600;z-index:2000;margin:0 auto;overflow-y:scroll;}

.white_content_relative{ position: relative; width: 100%;}
.white_content p{text-align: center;margin: 0.75em 0;}
.white_content p img{ width: 100%; max-width: 25px;}
.white_content h2{font-size: 1.125em;color:#4d4c4c;text-align: center;font-family:'Nanum GothicB';}
.white_content hr{border: 0;border-bottom: 1px dashed #ddd;height: 1px;display: block;width: 98%;margin: 0.7em auto;}

.cancelBox{ width: 100%; overflow-y: scroll;}
.cancel_info{width: 90%; margin: 0 auto;}
.cancel_info th{ padding:0.875em 0; text-align: left; font-family:'Nanum GothicB';font-size: 1em; max-width: 150px; }
.cancel_info td{ padding: 5px 0;}
.cancel_info td.textBox{ font-size: 0.875em;line-height:1em; padding:0.3em 0;}
.cancel_info td .red{ color: #d81616;font-size: inherit;}

.cancelTextarea{ width:90%; margin:5px auto;}
.cancelTextarea h3{font-size: 0.925em;}
.cancelTextarea h3 input{display:inline-block;}
.cancelTextarea p{ width:100%; margin: 5px 0;}
.cancelTextarea p textarea{ width:100%; resize:none; background-color:#f8f8f8; border:1px solid #ddd; height:90px; font-size:0.875em; padding: 0.5em;}
    

.notice_info{ width: 96%; margin: 0.875em auto; border: 1px solid #ddd; background-color: #e8e8e8; padding:0.25em; 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; line-height:1.25em;}
.notice_info p strong{ font-size:1.25em;}
.reser_selectbox{ width: 45px; background: url(../../images/m_hills/main/pop_arw.png) no-repeat; background-position: 85% 50%; background-size: 30%; text-align: center; padding: 0.125em 0.25em; font-size: 0.875em;}

@media (max-width: 360px) {
    .cancel_info th{ text-align: left; font-family:'Nanum GothicB';font-size:0.75em;}
    .cancel_info td{ font-size: 0.75em;}
    .notice_info p{font-size: 0.875em; text-align: left;}
    .notice_info span{ font-size: 0.875em;}
    .cancelBox{ width: 100%; overflow-y: scroll;}
}
@media (min-width: 361px) and (max-width:480px) {
    .cancel_info th{ text-align: left; font-family:'Nanum GothicB';font-size:0.875em;}
    .cancel_info td{ font-size: 0.875em;}
    .cancel_info td span{ font-family:'Nanum Gothic'; font-size: 0.875em; line-height:1.5em;}
    .notice_info p{font-size: 0.875em; text-align: left;}
    .notice_info span{ font-size: 1em;}
}

@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;}
}

/*-- BtnBox --*/
.btnBox4{margin:10px auto; font-size:0;overflow:hidden;width:50%;}
.btnBox4 li{float:left;width:49%;margin-right:2%; text-align:center;}
.btnBox4 li:last-child{margin-right:0;}
.btnBox4 li > input{font:0.9em 'Manum GothicB';color:#fff;padding:0.7em 0;}
.btnBox4 input{display:inline-block; width:100%; padding:12px 0; text-align:center;font:0.938em 'Manum GothicB';
color:white;margin-right:15px;}
.btnBox4 input:last-child{margin-right:0;}

/* a btn 버튼 */
.motion{background:#ff6600;color:#fff;}
.cancel{background:#6e6e6e;color:#fff;}

.event_f{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#2091e1; font-size:0.75em;}
.event_e{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#bc32da; font-size:0.75em}
.event_c{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#ff9b0d; font-size:0.75em}
.event_s{ padding:4px 6px; border-radius:10px; color:#fff; display:inline-block; background-color:#8ab620; font-size:0.75em}