<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Mirtech Co. */ 
/* ============================================================
	
	[ì&nbsp;„ì²´ ì‚¬ì´íŠ¸ ê³µí†µ css íŽ˜ì´ì§€ ìž…ë‹ˆë‹¤.]
	mir_home_sub_common_modal ì´ìš©ìžìš© ê³µí†µ css
	
	copyright (c)all mirtech

============================================================ */

/* modal ê¸°ë³¸ ì„¤ì&nbsp;• ******************************************************************/
.modal-backdrop {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: #000;
    z-index: 10;
	}


/* ì‚¬ì´ì¦ˆë³„ modal-dialog ì„¤ì&nbsp;• */
.modal_s500 .modal-dialog{width:500px;}
.modal_s700 .modal-dialog{width:700px;}
.modal_s900 .modal-dialog{width:900px;}
.modal_s1000 .modal-dialog{width:998px;}
.modal_p100 .modal-dialog{
		width: 100%;
		height: 100%;
		padding: 0;
		margin:0 auto !important;
		}		
		
/* ê³µí†µ modal-header ì„¤ì&nbsp;• */
.modal-dialog .modal-header{
	padding:10px 15px;	
	background-color:#1f2837;
	color:#fff;
	min-height: 40px;		
	}
	.modal-dialog .modal-header h4{font-weight:bold;}
	.modal-dialog .modal-header button.close{color:#fff; opacity:100;}
	.modal-dialog .modal-header button.close:focus{
		outline: 2px solid #A6C8FF;
	}
		.modal-dialog .modal-header button.close i{font-size:18px;}
				
/* 100% modal-header ì„¤ì&nbsp;• */
.modal_p100 .modal-header{
		margin-bottom:-60px;
		position:relative;
		z-index:10;
		}

/* ê³µí†µ modal-body ì„¤ì&nbsp;• */
.modal-dialog .modal-body{overflow:auto;}
	.modal-dialog .modal-body p{padding:0 0 10px 0;}
	.modal-dialog .modal-body p.help-block{padding:0;}
	
.modal-dialog .modal-body #modal_content{
	overflow-x:hidden;
	height:100%;
	}

/* ì‚¬ì´ì¦ˆë³„ modal-body ì„¤ì&nbsp;• */
.modal_s500 .modal-dialog .modal-body{height:210px;}
.modal_s700 .modal-dialog .modal-body{height:380px;}
.modal_s900 .modal-dialog .modal-body{height:480px;}
.modal_s1000 .modal-dialog .modal-body{height:550px;}
.modal_p100 .modal-dialog .modal-body{	
    overflow: auto;
    position: absolute;
    top: 45px; bottom: 53px;
    width: 100%;
	}

/* ê³µí†µ modal-footer ì„¤ì&nbsp;• */	
.modal-dialog .modal-footer{
	padding:10px 15px;
	background-color:#f9f9f9;
	}
/* 100% modal-footer ì„¤ì&nbsp;• */
.modal_p100 .modal-dialog .modal-footer{
	position:absolute; 
	left:0; right:0; bottom:0;
	} 
	
/* modal 100% ì„¤ì&nbsp;• */	
.modal_p100{
	padding-right: 0 !important;
	margin:10px;
	}
	.modal_p100 .modal-content {height: 100%;
		}
	.modal_p100 .modal-header{
		margin-bottom:-60px;
		position:relative;
		z-index:10;
		}
	.modal_p100 .modal-dialog .modal-footer{
		position:absolute; 
		left:0; right:0; bottom:0;
		} 
	.modal_p100 .modal-body .in-content{
		border-width:0;
		width:100%; height:100%;	
		overflow:auto;
		}
	
/* PC ì„¤ì&nbsp;• */
@media (min-width: 768px){
	.modal-dialog {
	    margin: 140px auto;
	}
}

/* ëª¨ë°”ì¼ì—ì„œ  100% ì„¤ì&nbsp;• ********************************************************************/
@media (max-width: 767px){	
	
	.modal{
		padding-right: 0 !important;
		margin:10px;
		}	
		.modal .modal-dialog{
			width: 100%;
			height: 100%;
			padding: 0;
			margin:0 auto;
			}
			.modal .modal-content{
				height: 100%;
				}
				.modal .modal-dialog .modal-header{
					margin-bottom:-60px;
					position:relative;
					z-index:10;
					}
				.modal .modal-dialog .modal-body{
					overflow: auto;
				    position: absolute;
				    top: 45px; bottom: 53px;
				    width: 100%; height:auto;
					}			
				.modal .modal-dialog .modal-footer{
					position:absolute; 
					left:0; right:0; bottom:0;
					}
				
}







/* ëª¨ë‹¬ í™•ì¸ì°½ ì„¤ì&nbsp;• ***********************************************************************/
.modal-body{}	
	.modal-body .alert{
	    margin-bottom:10px;
	    font-size:15px;
	    text-align:center;
		}
	.modal-body .alert-default{
	    color:#3c763d;
	    background-color:#dff0d8;
	    border-color:#d6e9c6;
		}
		
	.modal-body #modal_content .footer_alert .alert{
	    width:468px; height:180px;
	    margin-bottom:0;
	    display:table-cell;
	    vertical-align:middle;
		}

.modal-dialog .modal_footer_alert{
	padding:0;
    border-top:0 none;
	}
	.modal_footer_alert	.footer_alert{
		    padding:8px 15px;
		    background-color:#fff;
			}		
	.modal_footer_alert	.footer_btn{
		    padding:8px 15px;
		    background-color:#d8d8d8;
		    border-top:1px solid #999;
			}
								
.modal-footer .alert{
	    margin-bottom:0;
	    font-size:15px;
	    font-weight:bold;
	    text-align:center;
		}
	.modal-footer .alert-default{
	    color:#3c763d;
	    background-color:#dff0d8;
	    border-color:#d6e9c6;
		}
		
/* ì‹œì„¤ê´€ë¦¬ - ëª¨ë‹¬ ************************************************************************************* */
.modal_panel #modal_content{}
	
	/* ëª¨ë‹¬ - í™•ì¸ */
	#modal_content .modal_facility_alert{
		display:inline-block;
		position:absolute;
	    top:10px; right:10px; left:10px; bottom:10px;  
	    padding-top:75px;
	    text-align:center;
	    font-size:28px;
	    vertical-align:middle;
	    color:#c91a1a;
	    background-color:#f2dede;
	    border-color:#ebccd1;
	    font-weight:bold;
	    border-radius:4px;
		}
		
	/* ëª¨ë‹¬ - ê¸°íƒ€ */
	#modal_content .modal_facility_etc{
		display:inline-block;
		position:absolute;
	    top:10px; right:10px; left:10px; bottom:10px;
	    padding-top:75px;
	    text-align:center;
	    font-size:28px;
	    vertical-align:middle;  
	    color:#3c763d;
	    background-color:#dff0d8;
	    border-color:#d6e9c6;
	    font-weight:bold;
	    border-radius:4px;
		}
		
	/* ëª¨ë‹¬ - ì—°ìž¥ */
	#modal_content .modal_facility_renew{
		position:absolute;  
	    top:10px; right:10px; left:10px; bottom:10px;    
	    text-align:center;
	    font-size:23px;
	    display:inline-block;
	    vertical-align:middle;
	    font-weight:bold;
		}
		
		#modal_content .modal_facility_renew ul{
			padding:10px 0;
			margin-bottom:10px;
			font-size:20px;
			color:#c91a1a;
		    background-color:#f2dede;
		    border-color:#ebccd1;
		    border-radius:4px;
			}
		#modal_content .modal_facility_renew ul li:first-child{
			font-size:18px;
			color:#353535;
			}
		#modal_content .modal_facility_renew p.facility_renew_info{
			font-size:18px;
			color:#cccccc;
			}
			.modal_panel #modal_content .modal_facility_renew p.facility_renew_info span{color:#144d78;}
	
	/* ëª¨ë‹¬ - ì‹œê°„ì„&nbsp;íƒ */
	.modal_select_time .modal-dialog{width:400px;}
	.modal_select_time .modal-body{
		min-height:100px;
   		overflow:hidden;
   		padding:0;
		}
	.modal_select_time .modal-header {
	    font-size:18px;
 		padding:10px 15px;
		background-color:#1f2837;
		color:#fff;
		}
	.modal_select_time .modal-footer{text-align:right}	
	
	.modal_select_time .modal-header .select_time_start{font-weight:bold;overflow-y:auto;float:left;text-align:center;width:50%;}
	.modal_select_time .modal-header .select_time_end{font-weight:bold;overflow-y:auto;float:right;text-align:center;width:50%;}
	.modal_select_time ul#starttime{overflow-y:auto;float:left;width:50%;height:200px;border-right:1px solid #aaa;}
	.modal_select_time ul#endtime{overflow-y:auto;float:right;width:50%;height:200px;}
	
		.modal_select_time ul li{border-bottom:1px solid #eee;}
		.modal_select_time ul li.on{background-color:#dae0eb;}
			.modal_select_time ul li.on a{
				color:#1f2837;
				font-weight:bold;
				}
			.modal_select_time ul li.on a::after{
				float:right;
				font-family:FontAwesome;
				content:"\f105";
				}
		.modal_select_time ul li.none_style{
			padding:10px;
			border-bottom:0 none;
			}
			.modal_select_time ul li a{
				display:inline-block;
				width:100%;
				padding:10px;
				}
			.modal_select_time ul#endtime li a:focus,
			.modal_select_time ul#endtime li a:active{
				background-color:#d53212;
				color:#fff;
				font-weight:bold;
				}		
/* ëª¨ë°”ì¼ ì„¤ì&nbsp;• =============================================================================================*/			
@media (max-width:767px){
	.modal_select_time .modal-dialog{width:auto;}
	
}</pre></body></html>