/* Mirtech Co. */
/* ============================================================
	
	[전체 사이트 공통 css 페이지 입니다.]
	mir_home_common 이용자용 공통 css
	
	copyright (c)all mirtech

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


/* 기본 설정 ************************************************************************** */

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video, h1, h2, h3, h4, h5, h6{
	margin:0px;
	padding:0px;
	vertical-align:baseline;
    box-sizing: border-box;
	}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
ol,ul, ul li{list-style:none; margin:0; padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse; border-spacing:0px;}
a{
	text-decoration:none;
	color: #353535;
	}
a:focus{outline:none;}
img{
	max-width:100%;
	border:0px
	}
.cf:after{
    content: "";
    display: block;
    clear: both;
}

/* 숨기기용 **************************************************************************** */
.hide{
	display:none;
    width:0px; height:0px;
    overflow:hidden;
    position:absolute;
    top:-10000px; left:0px;
    visibility:hidden;
    font-size:0px;
	}
hr{
	display:none;
    overflow:hidden;
    visibility:hidden;
	clear:both;
	}


/* 상단 배너 설정 **************************************************************************** */
	#header_popup{
		background:#4eaef2;
		color:#ffffff;
		}
	.popup_notice_content{
		position:relative;
		overflow:hidden;
		max-width:1200px;
		height:90px;
		margin:0 auto;
		padding:0 15px;
		}
		.popup_notice_content .notice_logo_img{
			float:left;
			width: 50px;
			margin: 15px 0 0 0;
			}
			.popup_notice_content span.glyphicon{
				margin-right:5px;
				font-size:16px;
				}
			.popup_notice_content .notice_info{
				margin: 30px 0 0 0;
				height: 30px;
				line-height:20px;
				}
			.popup_notice_content .notice_info a{
				font-size:15px;
				color:#ffffff;
				}
		.popup_notice_content ul#notice_btn{
			position:absolute;
			right:15px; bottom:8px;
			overflow: hidden;
			}
			.popup_notice_content ul#notice_btn li{
				float:left;
				margin:0 5px;
				font-size:12px;
				letter-spacing:-0.5px;
				}
			.popup_notice_content ul#notice_btn li:last-child{margin-right:0;}
			.popup_notice_content ul#notice_btn li .checkbox{
				margin-top:0;
				margin-bottom:0;
				font-size:12px;
				}
				.popup_notice_content ul#notice_btn li a,
				.popup_notice_content ul#notice_btn li a:hover{
					color:#ffffff;
					font-size:11px;
					}
	        
   /* 상단 배너 carousel 설정 **************************************************************************** */
	.notice_info .carousel-inner.vertical {
		width:auto;
		height: 100%;
		}
		.notice_info .carousel-inner.vertical > .item {
			height:20px;
			overflow:hidden;
			-webkit-transition: .6s ease-in-out top;
			-o-transition: .6s ease-in-out top;
			transition: .6s ease-in-out top;
			}
					
	@media all and (transform-3d),
	(-webkit-transform-3d) {
		.notice_info .carousel-inner.vertical > .item {
			-webkit-transition: -webkit-transform .6s ease-in-out;
			-o-transition: -o-transform .6s ease-in-out;
			transition: transform .6s ease-in-out;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			/*-webkit-perspective: 1000;
			perspective: 1000;*/
			-webkit-perspective: 1000px;
			perspective: 1000px;
			}
		.notice_info .carousel-inner.vertical > .item.next,
		.notice_info .carousel-inner.vertical > .item.active.right {
			top: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
			}
		.notice_info .carousel-inner.vertical > .item.prev,
		.notice_info .carousel-inner.vertical > .item.active.left {
			top: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);
			}
		.notice_info .carousel-inner.vertical > .item.next.left,
		.notice_info .carousel-inner.vertical > .item.prev.right,
		.notice_info .carousel-inner.vertical > .item.active {
		top: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	}
	
	.notice_info .carousel-inner.vertical > .active {
		top: 0;
		}
	.notice_info .carousel-inner.vertical > .next,
	.notice_info .carousel-inner.vertical > .prev {
		top: 0;
		height: 100%;
		width: auto;
		}
	.notice_info .carousel-inner.vertical > .next {
		left: 0;
		top: 100%;
		}
	.notice_info .carousel-inner.vertical > .prev {
		left: 0;
		top: -100%
		}
	.notice_info .carousel-inner.vertical > .next.left,
	.notice_info .carousel-inner.vertical > .prev.right {
		top: 0;
		}
	.notice_info .carousel-inner.vertical > .active.left {
		left: 0;
		top: -100%;
		}
	.notice_info .carousel-inner.vertical > .active.right {
		left: 0;
		top: 100%;
		}	
	
	.notice_info .carousel-indicators {
	    bottom: auto;
	    top:-22px;
	    right: 0; left:auto;
	    width: auto;
	    margin: 0;
	    text-align: right;
		}



/* 태블릿 설정 =========================================================================== */
@media only screen and (min-width:768px){

  /* 상단 배너 설정 **************************************************************************** */
  #header_popup{
  	background:#4eaef2 url(../../images/ko/common/bg_popupzone.png) center repeat-x;
  	}
    .popup_notice_content{
      height:80px;
      }
      .popup_notice_content .notice_logo_img{
        width:auto;
        margin:0;
      	}
     	.popup_notice_content span.glyphicon{
			margin-right:10px;
			font-size:18px;
			}
      .popup_notice_content .notice_info{
        margin: 28px 0 0 0;
        }
        .notice_info .carousel-indicators{
		    bottom: 30px;
			}
        .popup_notice_content .notice_info a{
          font-size:20px;
          }
    .popup_notice_content ul#notice_btn{
      position:absolute;
      left:auto; right:15px; bottom:8px;
    	}
    	.popup_notice_content ul#notice_btn li{
    		float:left;
    		margin:0 5px;
    		}
    	.popup_notice_content ul#notice_btn li:last-child{margin-right:0;}
    	.popup_notice_content ul#notice_btn li .checkbox{margin-top:0; margin-bottom:0;}
    	.popup_notice_content ul#notice_btn li a,
    	.popup_notice_content ul#notice_btn li a:hover{color:#ffffff;}
	

}


/* PC 설정 =============================================================================== */
@media only screen and (min-width:992px){


  /* 상단 배너 설정 **************************************************************************** */
  #header_popup{
  	}
    .popup_notice_content{
      }
      .popup_notice_content .notice_logo_img{
      	}
      .popup_notice_content .notice_info{
        }
        .popup_notice_content .notice_info a{
          }
    .popup_notice_content ul#notice_btn{
    	}

}




/* 레이어 팝업 설정 **************************************************************************** */
.main_popup{}
	.main_popup table{
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		border: 1px solid #d8d8d8;
		border-collapse: separate;
	}

	.main_popup_heading{
		cursor:move;
		padding: 10px 15px;
		width: 100%;
		border-bottom: 1px solid #ccc;
		font-size: 130%;
		font-weight: bold;
		color:#ffffff;
		background-color:#2e3846;
		}
		.main_popup_heading i.fa{
			margin-right:5px;
			color:#98a4b5;
			}
	.main_popup_body{
		background-color: #ffffff; 
		border: 0 none; 
		padding: 0;
		line-height: 150%; 
		text-align: left;	
		}
	.main_popup_content{
		overflow:auto;
		padding: 15px;
		}
	.main_popup_Attach{
		padding:10px;
		}
		.main_popup_Attach p{
			padding:10px;
			background-color:#f8f8f8;
			border:1px dotted #ccc;
			}
	.main_popup_footer{
		padding:10px 0;
		background-color: #f0f0f0; 
		color: #999999; 
		text-align: right;
		}
		.main_popup_footer input{
			vertical-align:-2px;
			}
			.main_popup_footer .btn_popup_check{
				position: absolute;
				left: 10px; bottom: 15px;
				}
						
/* 모바일 설정 ========================================================================== */
@media screen and (max-width:767px){
	
	.main_popup{
		position:absolute;
		left:10px; right:10px; top: 100px !important;
		}

}

/* 로딩 설정 ************************************************************************** */
#loading{
	position: fixed;
    z-index: 9999 !important;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.3);
}
	#loading .fa-spinner{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-left: -25px;
	    font-size: 50px;
	}