@charset "utf-8";


/* 공지사항 팝업 */
.pushpop_wrap  {
	width: 100%; height: 520px;
	padding-bottom: 40px;
	position: relative; 
}
.push_header {
	padding: 10px 10px 0 10px;
	text-align: center; word-break: keep-all;
}
.push_header h1 {
	font-family: Montserrat, sans-serif; font-size: 1.8rem; font-weight: 600; 
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
}
.push_header h1 span {
	display: block;
	font-family: Pretendard, sans-serif; font-size: 1.5rem; color: #999;
}
.push_container {
	padding: 10px;
}
.push_content {
	overflow-y: auto;
	height: 400px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
}
.pusupop_footer {
	position: relative;
	margin-top: -40px;
	height: 40px;
	background-color: #363636;
	color: #fff;
	z-index: 2;
}
.pusupop_footer p {
	position: absolute; top: 50%; right: 60px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pusupop_footer p input {
	display: none;
}
.pusupop_footer p label {
	position: relative;
	display: block;
	padding-right: 25px;
	font-size: 1.5rem;
	background: url(../../images/client/popup/push_check.png) no-repeat right center;
}
.pusupop_footer p label::before {
	position: absolute; bottom: 0; left: 0;
	content: "";
	display: block;
	width: 0; height: 0;
	background: #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.pusupop_footer p input:checked + label {
	background-image: url(../../images/client/popup/push_check_on.png);
}
.pusupop_footer p input:checked + label::before {
	width: calc( 100% - 24px ); height: 1px;
}
.pusupop_footer p label:hover {
	cursor: pointer;
}
.pusupop_footer .push_close {
	position: absolute; top: 0; right: 0;
	display: inline-block;
	width: 40px; height: 40px;
	background: url(../../images/client/popup/btn_notice_close.png) no-repeat center;
	font-size: 0; line-height: 0;
	border-left : 1px solid #b7b7b7;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.pusupop_footer .push_close:hover {
	background-color: #202020;
}

/* 로그인 팝업 */
.login_wrap {
	display: flex;
	margin: 0; padding: 0;
	width: 100vw; height: 100vh;
	align-items: center; justify-content: center;
	background: rgba(0,0,0,0.3);
}
.login_box {
	position: relative;
	padding: 60px 450px 100px 60px;
	background: #f5fcff url(../../images/client/popup/bg_login.png) no-repeat right 48px bottom;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.login_inner {
	width: 290px;
}
.login_inner h1 {
	margin-bottom: 40px;
}
.login_input {
	margin-bottom: 16px;
	text-align: left;
}
.login_input label {
	display: block;
	margin-bottom: 2px;
	color: #21409a; font-size: 1.5rem; letter-spacing: -0.03em;
}
.login_input input {
	display: block;
	padding: 8px 14px;
	width: 100%;
	font-size: 1.5rem;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.login_input input::placeholder {
	color: #9b9b9b !important; font-weight: 300;
	opacity: 1; /*firefox*/
}
/*Firefox*/
.login_input input:-moz-input-placeholder {
	color: #9b9b9b !important; font-weight: 300;
}
/*IE 10-11*/
.login_input input:-ms-placeholder {
	color: #9b9b9b !important; font-weight: 300;
}
.login_input input:-ms-input-placeholder {
	color: #9b9b9b !important; font-weight: 300;
}
/*Microsoft Edge*/
.login_input input::-ms-placeholder {
	color: #9b9b9b !important; font-weight: 300;
}
.login_footer {
	display: flex;
	margin-top: 30px;
	align-items: center;
}
.login_footer * {
	min-width: 0;
}
.id_save {
	display: inline-block;
}
.id_save > input {
	display: none;
}
.id_save > label {
	padding: 2px 0 2px 22px;
	font-family: inherit;
	background-repeat: no-repeat;
	background-position: left 55%;
	background-image: url(../../images/client/formstyle/icon_check.png);
	cursor: pointer;
}
.id_save input:checked + label {
	background-image: url(../../images/client/formstyle/icon_check_on.png);
}
.btn_loginsubmit {
	display: block;
	margin-left: 20px;
	height: 40px;
	flex: 1;
	color: #fff; font-family: GyeonggiTitle, sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 40px; letter-spacing: -0.03em;
	background: #21409a;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.btn_loginclose {
	position: absolute; top: 20px; right: 20px;
	display: block;
	width: 48px; height: 48px;
	font-size: 0; line-height: 0;
	background: #d1efff url(../../images/client/popup/btn_loginclose.png) no-repeat center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.login_input input:focus {
	border-color: #21409a;
}
.btn_loginsubmit:focus {
	box-shadow: 0 0 10px rgba(38,52,139,0.3);
}

/* 서브페이지 팝업 */
.pop_wrapper {
	position: relative;
	margin: 25px auto 25px; padding: 25px 0;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pop_xl_wrap {
	width: 1100px;
}
.pop_lg_wrap {
	width: 900px;
}
.pop_md_wrap {
	width: 750px;
}
.pop_sm_wrap {
	width: 600px;
}
.pop_xs_wrap {
	width: 450px;
}

.pop_content {
	padding: 40px 40px 15px;
	min-height: 100px;
}
.pop_lg_content {
	max-height: 650px;
	overflow-y: auto;
}
.pop_md_content {
	max-height: 500px;
	overflow-y: auto;
}
.pop_sm_content {
	max-height: 400px;
	overflow-y: auto;
}

.pop_close {
	position: absolute; top: -25px; left: 50%;
	display: block;
	margin-left: -25px;
	width: 50px; height: 50px;
	font-size: 0; line-height: 0;
	background: #1f70cc url(../../images/client/popup/btn_pop_close.png) no-repeat center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

/* 개인정보처리방침 */
.privacy_wrap > section {
	margin-bottom: 40px;
}
.privacy_wrap > section:last-child {
	margin-bottom: 0;
}
.privacy_tit_lg {
	margin-bottom: 40px;
	color: #191919; font-size: 3rem; font-weight: 600;
}
.privacy_tit_md {
	margin-bottom: 10px;
	color: #191919; font-size: 2rem; font-weight: 600;
}
.privacy_wrap .list_dot > li {
	position: relative;
	margin-bottom: 10px; padding-left: 10px;
	font-size: 1.6rem; line-height: 1.3em;
}
.privacy_wrap .list_dot > li:last-child {
	margin-bottom: 0;
}
.privacy_wrap .list_dot > li::before {
	content: "";
	position: absolute; top: 12px; left: 0;
	display: block;
	width: 4px; height: 4px;
	background: #1f70cc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.privacy_wrap .list_dot > li > strong {
	display: block;
	font-size: 1.8rem;
}
.privacy_wrap .list_line > li {
	margin-bottom: 5px; padding-left: 9px;
	font-size: 1.6rem;
}
.privacy_wrap .list_line > li:last-child {
	margin-bottom: 0;
}
.privacy_wrap .list_line > li::after {
	top: 9px;
	width: 5px; height: 1px;
	background: #2e2e2e;
}
.privacy_wrap .font_sm {
	font-size: 1.6rem;
}

/* 이메일무단수집거부 */
.email_wrap .inner {
	padding-top: 210px; padding-bottom: 40px;
	text-align: center;
	background: url(../../images/client/popup/img_email.png) no-repeat center 22px;
}
.email_wrap h3 {
	margin-bottom: 12px;
	font-size: 3rem; font-weight: 600;
}


@media screen and (max-width:1279px) {
	
	/* 서브페이지 팝업 1279 */
	.pop_xl_wrap{
		width: 94%;
	}

}
@media screen and (max-width:1079px) {

}
@media screen and (min-width:1025px) {

	/* 로그인 팝업 hover */
	.btn_loginsubmit:hover {
		background: #163284;
	}
	.btn_loginclose:hover {
		box-shadow: 0 2px 12px rgba(0,0,0,0.2);
	}

	/* 서브페이지 팝업 hover */
	.pop_close:hover {
		background-color: #1364c0;
	}

	/* 개인정보처리방침 hover */
	.link_hover:hover {
		text-decoration: underline;
	}

}
@media screen and (max-width:1024px) {

	/* 로그인 팝업 1024 */
	.login_wrap {
		display: block;
		padding: 5% 0;
		min-height: 100vh; height: auto;
	}
	.login_box {
		margin: 0 auto; padding: 60px 60px 70px;
		width: 450px;
		text-align: center;
		background: #f5fcff;
	}
	.login_inner {
		width: 100%;
	}
	.login_inner h1 {
		margin: 0 auto 30px;
		width: 85%;
	}
	.btn_loginclose {
		width: 34px; height: 34px;
		background-size: 14px;
	}

	/* 서브페이지 팝업 1024 */
	.pop_lg_wrap {
		width: 94%;
		margin: 0 auto;
	}
	

}
@media screen and (max-width:768px) {
	
	/* 서브페이지 팝업 768 */
	.pop_md_wrap {
		width: 90%;
	}
	.pop_sm_wrap {
		width: 80%;
	}
	.pop_xs_wrap {
		width: 80%;
	}
	.pop_content {
		padding: 30px 30px 5px;
	}
	.pop_lg_content {
		max-height: 400px;
	}
	.pop_md_content {
		max-height: 400px;
	}
	.pop_sm_content {
		max-height: 400px;
	}

	/* 개인정보처리방침 768 */
	.privacy_wrap > section {
		margin-bottom: 30px;
	}
	.privacy_tit_lg {
		margin-bottom: 30px;
		font-size: 2.6rem;
	}

	/* 이메일무단수집거부 768 */
	.email_wrap .inner {
		padding-top: 180px; padding-bottom: 34px;
		background-position: center 6px;
	}
	.email_wrap h3 {
		font-size: 2.6rem;
	}

	
}
@media screen and (max-width:690px) {

	/* 이메일무단수집거부 690 */
	.email_wrap h3 {
		font-size: 2.2rem;
	}
	.email_wrap p {
		margin: 0 auto;
		width: 85%;
	}
	.email_wrap p br:nth-child(odd) {
		display: none;
	}

}
@media screen and (max-width:480px) {
	
	/* 공지사항 팝업 480 */
	.pusupop_footer p {
		right: auto; left: 10px;
	}
	.pusupop_footer p label {
		padding-right: 0; padding-left: 22px;
		background-position: left center;
	}
	.pusupop_footer p label::before {
		left: 22px; 
	}
	.pusupop_footer p input:checked + label::before {
		width: calc( 100% - 20px );
	}
	
	/* 로그인 팝업 480 */
	.login_box {
		padding: 50px 30px;
		width: 90%;
	}
	.login_input {
		margin-bottom: 10px;
	}
	.btn_loginclose {
		top: 12px; right: 12px;
	}

	/* 서브페이지 팝업 480 */
	.pop_content {
		padding: 25px 25px 0;
	}

	/* 개인정보처리방침 480 */
	.privacy_tit_lg {
		font-size: 2.2rem;
	}
	.privacy_tit_md {
		margin-bottom: 6px;
		font-size: 1.8rem; 
	}
	
	
	

}
@media screen and (max-width:320px) {
	
	/* 로그인 팝업 320 */
	.login_wrap {
		width: 94%;
	}
	.login_wrap .inner {
		padding: 60px 6%;
	}

	

}