/*메인팝업*/
.wrap_mainPopup {z-index: 100; position: absolute; left: 50%; top: 200px; transform:translateX(-50%); font-size: 0; /*width:90%;삭제*/ text-align: center;}
.wrap_mainPopup .inner {display: inline-block; padding: 50px 0;}
.wrap_mainPopup .mainPopup {overflow:hidden; display: none; vertical-align: top; max-width: 500px; margin: 5px; border-radius: 5px;}
.wrap_mainPopup .mainPopup img {max-width:100%;}
.wrap_mainPopup .mainPopup .botm {overflow:hidden; background-color: #fff; padding: 15px; color: #000; text-align: left; height:30px; line-height:30px;}
.wrap_mainPopup .mainPopup .botm button {float: right; color: #000; font-size: 14px; height:30px; line-height:30px;}

/*checkbox design*/
.wrap_mainPopup .mainPopup .inp_checkbox {z-index:0; position: relative; display: inline-block; line-height: 1; vertical-align: middle; font-size: 0;}
.wrap_mainPopup .mainPopup .inp_checkbox input {position: absolute; visibility:hidden; display: block \0/IE8;}
.wrap_mainPopup .mainPopup .inp_checkbox input + span {
	position:relative;
	display:inline-block;
	padding-left:25px;
	font-size: 14px; height:16px; line-height:16px;
	cursor:pointer; vertical-align:top;
    color:#000;
}
.wrap_mainPopup .mainPopup .inp_checkbox input + span::after,
.wrap_mainPopup .mainPopup .inp_checkbox input + span:after {
	content:"";
	width:14px; height:14px;
	position:absolute; left:0; top:0;
	border: 1px solid #ddd;
	background-color: #fff;
}
.wrap_mainPopup .mainPopup .inp_checkbox input:checked + span:after {
	background-color: #00416e;
	border-color: #00416e;
}
.wrap_mainPopup .mainPopup .inp_checkbox input:checked + span::before,
.wrap_mainPopup .mainPopup .inp_checkbox input:checked + span:before {
    content:"";
	z-index: 1; color: #fff;
	position:absolute; left:0; top:0; text-align: center; width:16px; height:16px;
	background-image: url('/module/images/icons/ico_select_on.png');
	background-repeat: no-repeat; background-position: center center;
}

.wrap_mainPopup .mainPopup .inp_checkbox input + span ~ .inp_txt,
.wrap_mainPopup .mainPopup .inp_checkbox input + span ~ .select1 {margin-left: 5px; visibility: visible; position: static; vertical-align: middle;  pointer-events: none; background-color: #f9f9f9;}
.wrap_mainPopup .mainPopup .inp_checkbox input:checked + span ~ .inp_txt,
.wrap_mainPopup .mainPopup .inp_checkbox input:checked + span ~ .select1 {pointer-events: auto; background-color: #fff;}


@media (max-width:960px){
	.wrap_mainPopup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; transform: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; overflow-y: auto;}
	.wrap_mainPopup .mainPopup {z-index: 1;}
	.mpop_dim {z-index: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  background-color: rgba(0,0,0,.7);}
}