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

    .MLWrap2{display: none;position: fixed;width:98%;z-index:2000;background-color: white;border: 3px solid #3e8ddc;margin: 0 auto;padding: 0.25em;overflow-y: scroll;}
/*    .MLWrap2_relative{ position: relative; width: 100%;}*/
    .MLWrap2 p{text-align: center;margin: 0.75em 0;}
    .MLWrap2 p img{ width: 100%; max-width: 25px;}
    .MLWrap2 h2{font-size: 1.125em;color:#4d4c4c;text-align: center;font-family:'Nanum GothicB';}
    .MLWrap2 hr{border: 0;border-bottom: 1px dashed #ddd;height: 1px;display: block;width: 98%;margin: 0.7em auto;}
       
    .MLBox{ width: 100%; padding-bottom: 20px;}
    .RC_info{width: 90%; margin: 0 auto;}
    .RC_info th{ padding:0.45em 0; text-align: left; font-family:'Nanum GothicB';font-size: 1em; max-width: 150px;}
    .RC_info td{ font-family:'Nanum Gothic'; font-size: 1em;line-height:1.5em;}
	.RC_info td .red{ color: #d81616;font-size: inherit;}
    .reser_selectbox{ width: 45px; background: url(/mobile/seowonHills/images/main/pop_arw.png) no-repeat; background-position: 85% 50%; background-size: 30%; text-align: center; padding: 0.25em; font-size: 1em;}
    
    .cancel_info{width: 90%; margin: 0 auto;}
	.cancel_info th{ padding:0.45em 0; text-align: left; font-family:'Nanum GothicB';font-size: 1em; max-width: 150px;}
	.cancel_info td{ font-family:'Nanum Gothic'; font-size: 1em;}
	
	.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;}
   
    @media (max-width: 360px) {
        .RC_info th{ padding:0.45em 0; text-align: left; font-family:'Nanum GothicB';font-size:0.75em;}
        .RC_info td{ font-family:'Nanum Gothic'; font-size: 0.75em;}

        .MLBox{ width: 100%;}
        
        .cancel_info th{ padding:0.45em 0; text-align: left; font-family:'Nanum GothicB';font-size:0.75em;}
	    .cancel_info td{ font-family:'Nanum Gothic'; font-size: 0.75em;}
	    .notice_info p{font-size: 0.875em; text-align: left;}
	    .notice_info span{ font-size: 1em;}
	    .cancelBox{ width: 100%; overflow-y: scroll; height: 250px;}
    }
    @media (min-width: 361px) and (max-width:480px) {
        .RC_info th{ padding:0.45em 0; text-align: left; font-family:'Nanum GothicB';font-size:0.875em;}
        .RC_info td{ font-family:'Nanum Gothic'; font-size: 0.875em;}
        
        .cancel_info th{ padding:0.45em 0; text-align: left; font-family:'Nanum GothicB';font-size:0.875em;}
	    .cancel_info td{ font-family:'Nanum Gothic'; font-size: 0.875em;}
	    .notice_info p{font-size: 0.875em; text-align: left;}
	    .notice_info span{ font-size: 1em;}
    }
    
.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.2em; font-size: 0.875em;} */



@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;padding-top:1em;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:#3e8ddc;color:#fff;}
.cancel{background:#6e6e6e;color:#fff;}