@charset "utf-8";
.modal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	display:none;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
	outline:0
}
.modal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden
}
.modal-dialog {
	position:fixed;
	margin:0;
	width:100%;
	height:100%;
	padding:0
}
.modal-content {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#fff;
	border-radius:0;
	box-shadow:none
}
.modal-header {
	position:absolute;
	top:0;
	right:0;
	left:0;
	height:50px;
	padding:0;
	background:#324da8;
	border:0
}
.modal-header .titleset {
	text-align:center;
	line-height:50px
}
.modal-header .titleset>.title {
	color:#fff;
	padding-left:20px
}
.modal-header .modal_topbtnset {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.modal-header .modal_topbtnset>.btn {
	color:#fff;
	font-size:1.2em;
	height:50px;
	position:absolute;
	box-shadow:none;
	text-align:center;
	padding:0
}
.modal-header .modal_topbtnset>.btn .glyphicon {
	line-height:50px;
	vertical-align:middle;
	margin-right:5px
}
.modal-header .modal_topbtnset>.btn.close {
	padding-right:10px;
	right:0
}
.modal-header .modal_topbtnset>.btn.complete {
	right:0;
	padding-right:10px
}
.modal-title {
	font-weight:300;
	font-size:2em;
	color:#fff;
	line-height:30px
}
.modal-body {
	position:absolute;
	top:50px;
	bottom:10px;
	width:100%;
	font-weight:300;
	overflow:auto;
	padding:30px 10px 0
}
.modal-footer {
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	height:60px;
	padding:10px;
	background:#f1f3f5
}
.modal-dialog1 {
	position:fixed;
	margin:0;
	width:100%;
	height:100%;
	padding:0
}
[id^=alerLypop] {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	z-index:9999;
	display:none;
	transition:all .1s ease
}
[id^=alerLypop] .popcont {
	width:510px;
	height:240px;
	background:#fff;
	position:absolute;
	top:50%;
	left:50%;
	margin:-120px 0 0 -255px;
	border-radius:5px;
	display:table;
	padding:10px
}
[id^=alerLypop] .popcont .icon_msg {
	display:block;
	width:88px;
	height:88px;
	margin:0 auto;
	background:url(../img/msg_iconset.png) no-repeat 0 0;
	background-size:auto 88px
}
[id^=alerLypop] .popcont .icon_msg.ty1 {
	background-position:-88px 0
}
[id^=alerLypop] .popcont .icon_msg.ty2 {
	background-position:-176px 0
}
[id^=alerLypop] .popcont .icon_msg+.stxt {
	margin-top:20px
}
[id^=alerLypop] .popcont .stxt {
	text-align:center;
	font-size:1.5em
}
[id^=alerLypop] .popcont .stxt.ty1 {
	color:#666;
	font-size:1em
}
[id^=alerLypop] .popcont .stxt+.stxt {
	margin-top:7px
}
[id^=alerLypop] .popcont .stxt+.btnset {
	margin-top:20px
}
[id^=alerLypop] .popcont .msgset {
	display:table-cell;
	vertical-align:middle
}
[id^=alerLypop].open {
	display:block
}
[id^=alerLypop].open .popcont {
	animation:scaleAni .3s 1
}
[id^=alerLypop].off {
	display:block
}
[id^=alerLypop].off .popcont {
	transform:scale(0);
	opacity:0;
	transition:all .3s ease
}
[id^=alerLypop].off.out {
	display:none
}
@keyframes scaleAni {
	0% {
		transform:scale(0)
	}
	100% {
		transform:scale(1)
	}
}
@keyframes scaleAniClose {
	0% {
		transform:scale(0)
	}
	100% {
		transform:scale(0)
	}
}
#msgAlertLypop {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.8);
	z-index:9999;
	transition:all .1s ease;
	display:none
}
#msgAlertLypop .popcont {
	width:500px;
	height:220px;
	background:#4880f9;
	position:absolute;
	top:50%;
	left:50%;
	margin:-120px 0 0 -255px;
	border-radius:150px;
	display:table;
	animation:testAni 1s 1
}
#msgAlertLypop .popcont.ty1 {
	background:#f94f5c
}
#msgAlertLypop .popcont .inner {
	display:table-cell;
	vertical-align:middle;
	text-align:center
}
#msgAlertLypop .popcont .inner .txtani {
	background:#4880f9;
	display:inline-block;
	border-radius:100px;
	padding:20px 100px
}
#msgAlertLypop .popcont .inner .txtani span+span {
	margin-left:20px
}
#msgAlertLypop .popcont .inner .stxt {
	font-size:7em;
	color:#fff
}
#msgAlertLypop .popcont .icon_closealert {
	display:block;
	width:88px;
	height:88px;
	margin:0 auto;
	background:url(../img/closealerticon.png) no-repeat 0 0;
	background-size:100%
}
#msgAlertLypop .popcont .stxt {
	text-align:center;
	margin-top:20px;
	font-size:1.5em
}
#msgAlertLypop .popcont .msgset {
	display:table-cell;
	vertical-align:middle
}
#msgAlertLypop.open {
	display:block
}
#msgAlertLypop.open .popcont {
	animation:scaleAni .3s 1
}
.noticepop_style {
	position:fixed;
	width:500px;
	height:580px;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	border:1px solid #ccc;
	background:#fff;
	*display:none;
	z-index:9999;
}
.noticepop_style .noticepop_cont {
	height:540px
}
.noticepop_style .noticepop_cont .txtsection {
	padding:20px 30px
}
.noticepop_style .noticepop_cont .txtsection .hd2+.txtinfo {
	margin-top:10px
}
.noticepop_style .noticepop_cont .txtsection .txtinfo {
	height:500px;
	overflow:auto
}
.noticepop_style .noticepop_ctrset {
	height:50px;
	background:#1b1b1b;
	overflow:hidden;
	display:flex;
	align-items:center;
	padding:0 20px
}
.noticepop_style .noticepop_ctrset .btnset {
	text-align:right;
	margin:7px 10px 0 0
}
.noticepop_style .noticepop_ctrset .lt {
}
.noticepop_style .noticepop_ctrset .lt .inputset.ckbox {
	vertical-align:baseline
}
.noticepop_style .noticepop_ctrset .lt .inputset label {
	color:#fff
}
.noticepop_style .noticepop_ctrset .lt .inputset.ckbox>label:before {
	border:none;
	margin:0 5px 3px 0
}
.noticepop_style .noticepop_ctrset .lt {
}
.noticepop_style .noticepop_ctrset .rt {
	display:flex;
	-webkit-flex: 1; /* Safari 6.1+ */ 
	-ms-flex: 1; /* IE 10 */ 
	flex:1;
	justify-content:flex-end
}
.noticepop_style .noticepop_ctrset .rt .btn.ctype1 {
	padding:0;
	margin:0;
	background:0 0;
	color:#fff
}
.noticepop_style .noticepop_ctrset .rt .btn.ctype1:before {
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	background:url(../img/pop_closebtnico.png) no-repeat 0 0;
	background-size:100%;
	margin:0 5px 3px 0;
	vertical-align:middle
}
@keyframes testAni {
	0% {
		transform:scale(0);
		opacity:0
	}
	100% {
		transform:scale(1);
		opacity:1
	}
}
@media(max-width:767px) {
	.noticepop_style
	{
		width: 80%;
		height: 350px !important;
	
	}
	.noticepop_style .noticepop_cont
	{
		height: 350px !important;
	}
	.noticepop_style .noticepop_cont .txtsection .txtinfo
	{
		height: 320px !important;
		overflow: auto;
	}
}

@media(min-width:768px) {
	.modal-dialog {
		width:90%;
		height:90vh;
		left:50%;
		top:50%;
		margin:-45vh 0 0 -45%
	}
	.modal-dialog1 {
		width:80%;
		height:80vh;
		left:50%;
		top:50%;
		margin:-40vh 0 0 -40%
	}
	.modal-backdrop {
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:1040;
		background-color:#000;
		opacity:0
	}
	.modal-backdrop.show,.modal-backdrop.in {
		opacity:.3
	}
	.modal.small .modal-dialog {
		width:60%;
		height:60%;
		margin:-30vh 0 0 -30%
	}
	.modal.smallfix .modal-dialog {
		width:500px;
		height:600px;
		margin:-300px 0 0 -250px
	}
	.modal.findidfix .modal-dialog {
		width:400px;
		height:450px;
		margin:-225px 0 0 -200px
	}
	.modal.findpwfix .modal-dialog {
		width:400px;
		height:500px;
		margin:-250px 0 0 -200px
	}
	.modal.contractfix .modal-dialog {
		width:596px;
		height:906px;
		margin:-453px 0 0 -298px;
		border:1px solid #d2d2d2
	}
	.modal.contractfix .modal-body {
		top:50px;
		margin:0;
		padding:0;
		left:0
	}
}
@media(min-width:768px) and (max-width:1024px) {
	.modal.middlefix .modal-dialog {
		width:90%;
		height:90%;
		margin:-45% 0 0 -45%
	}
}
@media(min-width:1024px) {
	.modal.middlefix .modal-dialog {
		width:1200px;
		height:670px;
		margin: -335px 0 0 -600px
	}
}