@charset "utf-8";
/* 전체 */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.blind {
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	left: -120%;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 0;
	line-height: 0;
	text-indent: 120%;
	white-space: nowrap;
}

::-webkit-input-placeholder {
	color: #a8a8a8;
	font-weight: bold !important;
	letter-spacing: -0.3px;
}

::-moz-placeholder {
	color: #a8a8a8;
	font-weight: bold !important;
	letter-spacing: -0.3px;
}

:-ms-input-placeholder {
	color: #a8a8a8;
	font-weight: bold !important;
}

:-moz-placeholder {
	color: #a8a8a8;
	font-weight: bold !important;
	letter-spacing: -0.3px;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px #ffffff inset;
	-webkit-text-fill-color: #000000;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}

/* 폼 - 체크박스 */
.fCheck {
	position: relative;
}

.fCheck input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.fCheck input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.fCheck input[type="checkbox"]+label:before {
	content: '';
	display: inline-block;
	margin: -3px 9px 0 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #cfcfcf;
	background: #fff;
	box-sizing: border-box;
}

.fCheck input[type="checkbox"]+label:hover:before {
	border: 1px solid #16867d;
	-webkit-transition: .3s;
	transition: .3s;
}

.fCheck input[type="checkbox"]+label:after {
	opacity: 0;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	width: 22px;
	height: 22px;
	border: 1px solid #16867d;
	background: url(/images_new/member/icon_checkmark.png) no-repeat 2px 4px;
}

.fCheck input[type="checkbox"]+label.warn:before {
	border-color: #E44A47 !important;
}

.fCheck input[type="checkbox"]:checked+label:after {
	opacity: 1;
}

/* 폼 - 라디오버튼 */
.fRadio {
	position: relative;
	color: #000;
}

.fRadio input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.fRadio input[type="radio"]+label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	vertical-align: middle;
	line-height: 33px;
}

.fRadio input[type="radio"]+label:before {
	content: '';
	display: inline-block;
	margin: -4px 10px 0 0;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	border: 1px solid #CCC;
	border-radius: 999px;
	box-sizing: border-box;
}

.fRadio input[type="radio"]+label:hover:before {
	border: 1px solid #16867d;
	-webkit-transition: .3s;
	transition: .3s;
}

.fRadio input[type="radio"]+label:after {
	opacity: 0;
	display: block;
	content: "";
	position: absolute;
	top: 5px;
	left: 1px;
	-webkit-margin-before: 1px;
	width: 24px;
	height: 24px;
	background: url(/images_new/member/icon_radiomark.png) no-repeat 4px 4px;
	z-index: 1;
}

.fRadio input[type="radio"]:checked+label:before {
	border: 1px solid #16867d;
}

.fRadio input[type="radio"]:checked+label:after {
	opacity: 1;
}

.fRadio+.fRadio {
	margin-left: 17px;
}

/* 테이블 */
.tableArea {
	
}

.tableLayout {
	
}

.tableLayout table {
	table-layout: fixed;
	width: 100%;
}

.tableLayout table thead th {
	padding: 17px 5px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	font-size: 20px;
}

.tableLayout table tbody th {
	padding: 0 0px 0 30px;
	height: 60px;
	text-align: left;
	border-bottom: 1px solid #cfcfcf;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -0.3px;
	vertical-align: top;
	line-height: 85px;
}

.tableLayout table tbody th span.necs {
	position: relative;
}

.tableLayout table tbody th span.necs:before {
	position: absolute;
	left: -19px;
	top: 3px;
	content: "*";
	color: #E44A47; /* margin: 0 5px; */
	font-size: 20px;
	font-weight: 700;
	vertical-align: middle;
}

.tableLayout table tbody td {
	padding: 15px 10px;
	font-size: 20px;
	border-bottom: 1px solid #cfcfcf;
	letter-spacing: -0.3px;
	font-weight: 400;
	color: #000;
}

.tableLayout table tbody tr:first-child th, .tableLayout table tbody tr:first-child td
	{
	border-top: 1px solid #000;
}

.tableLayout table tbody tr:last-child th, .tableLayout table tbody tr:last-child td
	{
	border-bottom: 1px solid #000;
}

.tableLayout table tbody td span.desc {
	margin-left: 11px;
	vertical-align: middle;
	letter-spacing: -1px;
}

.tableLayout table tbody td .is_inp {
	height: 70px;
	padding: 5px 19px;
	border: 1px solid #cfcfcf;
	font-weight: 400;
	font-size: 20px;
	color: #000;
	letter-spacing: -0.3px;
	box-sizing: border-box;
	;
}

.tableLayout table tbody td .is_inp.warn {
	border-color: #E44A47 !important;
}

.tableLayout table tbody td .is_inp:focus {
	border: 1px solid #16867d;
}

.tableLayout table tbody td .is_inp+button {
	margin-left: 10px;
}

.tableLayout table tbody td input.active {
	border: 1px solid #16867d !important;
}

.tableLayout table tbody td select.is_number {
	padding-left: 19px;
	min-width: 150px;
	margin-top: 1px;
}

.tableLayout table tbody td span.term {
	margin: 0 4px 0 7px;
	vertical-align: middle;
}

.tableLayout table tbody td ul.multiLine {
	padding: 0;
}

.tableLayout table tbody td ul.multiLine li {
	margin-bottom: 10px;
}

.tableLayout table tbody td ul.multiLine li:last-child {
	margin-bottom: 0px;
}

.tableLayout table tbody td button {
	padding: 0px 15px;
	height: 70px;
	-webkit-transition: .3s;
	transition: .3s;
	background: #f1f8f7;
	border: 1px solid #cfcfcf;
	text-align: center;
}

.tableLayout table tbody td button span {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.6px;
}

.tableLayout table tbody td .fCheck {
	vertical-align: middle;
	margin-left: 20px;
	color: #000;
}

.tableLayout table tbody th.divider, .tableLayout table tbody td.divider
	{
	border-bottom: 1px solid #000;
}

.tableLayout .comtBox {
	font-size: 20px;
	margin-bottom: 7px;
	text-align: right;
	color: #000;
	font-weight: 500;
	letter-spacing: -0.3px;
	padding-top: 5px;
}

.tableLayout .comtBox span.necs {
	display: inline-block;
	color: #E44A47;
	margin: 0 5px;
	padding: 2px 0 0 0;
	font-size: 20px;
	font-weight: 700;
	vertical-align: middle;
}

/* 헤더 */
.header_bottom {
	border-bottom: none;
}

/* 타이틀 */
.body_tit {
	padding-top: 100px;
	padding-bottom: 25px;
	line-height: 71px;
	letter-spacing: -0.3px;
}

p.desc {
	text-align: center;
	font-size: 20px;
	letter-spacing: -0.3px;
}

p.desc span.list {
	display: block;
	text-indent: 12px;
	line-height: 1.4;
}

.titleArea {
	position: relative;
	margin-bottom: 26px;
}

.titleArea.single {
	margin-top: 108px;
}

.titleArea.agreement {
	margin-top: 57px;
}

.titleArea h2.under_line {
	padding-bottom: 10px;
	width: 100%;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: -1.5px;
	border-bottom: 1px solid #c6c6c6;
}

.titleArea p.desc {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 20px;
	text-align: left;
	font-weight: 400;
	line-height: 30px;
}

.titleArea.single.pwdChange h2 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -0.3px;
}

/* 로그인 */
.loginArea {
	width: 500px;
	margin: 0 auto;
	margin-top: 54px;
}

.loginArea .inputBox {
	margin-bottom: 20px;
	overflow: hidden;
}

.loginArea .inputBox .gInputText {
	position: relative;
	display: block;
}

.loginArea .inputBox .gInputText .placeholder {
	position: absolute;
	top: 50%;
	left: 50px;
	margin-top: -11px;
	color: #c3c3c3;
	font-size: 20px;
	font-weight: normal;
}

.loginArea .inputBox .gInputText .is_inp {
	padding: 9px 10px 9px 48px;
	background-repeat: no-repeat;
	width: 100%;
	font-size: 20px;
	border: 1px solid #cfcfcf;
	outline: none;
	height: 60px;
	font-weight: 700;
}

.loginArea .inputBox .gInputText .is_inp:focus {
	border: 1px solid #16867d;
}

.loginArea .inputBox .gInputText .is_inp::placeholder {
	letter-spacing: -2px;
}

.loginArea .inputBox .gInputText .is_inp+label {
	position: relative;
	font-size: 0;
	text-indent: -9999px;
	display: block;
}

.loginArea .inputBox .gInputText .is_inp+label:before {
	display: block;
	position: absolute;
	left: 20px;
	width: 20px;
	height: 23px;
	content: "";
	-webkit-transition: .8s;
	transition: .8s;
}

.loginArea .inputBox .gInputText .is_inp.id+label:before {
	top: -41px;
	background: url(/images_renew/member/icon_id.svg) no-repeat 0 0;
}

.loginArea .inputBox .gInputText .is_inp.pw+label:before {
	top: -42px;
	background: url(/images_renew/member/icon_password.svg) no-repeat 0 0;
}

.loginArea .inputBox .gInputText .is_inp.email+label:before {
	top: -42px;
	background: url(/images_renew/member/icon_email.png) no-repeat 0 0;
}

.loginArea .inputBox .gInputText+.gInputText {
	margin-top: -1px;
}

.loginArea .optionBox {
	text-align: right;
	margin-bottom: 30px;
	overflow: hidden;
	padding-top: 3px;
}

.loginArea .optionBox .fCheck {
	float: left;
}

.loginArea .optionBox .fCheck input[type="checkbox"]+label {
	font-size: 16px;
	font-weight: 400;
}

.loginArea .optionBox a {
	float: right;
	display: block;
	font-size: 16px;
	font-weight: 400;
}

.loginArea button.login {
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
	-webkit-transition: .3s;
	transition: .3s;
	background: #16867d;
	border: 1px solid #cfcfcf;
}

.loginArea button.login:hover {
	background: #16867d;
}

.loginArea button.login span {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	letter-spacing: -0.3px;
}

.loginArea button.join {
	width: 100%;
	height: 60px;
	-webkit-transition: .3s;
	transition: .3s;
	background: #fff;
	border: 1px solid #3b8c9a;
}

.loginArea button.join:hover {
	background: #f9f9f9;
}

.loginArea button.join span {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.3px;
}

#captchaArea {
	display: none;
	border: 1px solid #CCC;
	margin-bottom: 30px;
	background: #f9f9f9;
	padding: 23px 19px 19px;
}

#captchaArea dt {
	margin-bottom: 14px;
}

#captchaArea dt label {
	font-size: 20px;
}

#captchaArea dd img {
	width: 195px;
}

#captchaArea dd a {
	display: inline-block;
	border: 1px solid #000;
	width: 47px;
	height: 47px;
	background: url(/images_new/member/icon_refresh.png) no-repeat center
		12px;
	background-color: #fff;
	cursor: pointer;
	margin-left: -4px;
	margin-right: 6px;
}

#captchaArea dd input {
	border: 1px solid #cfcfcf;
	width: 208px;
	height: 47px;
	font-size: 20px;
	padding-left: 19px;
	vertical-align: middle;
	font-weight: 700;
}

.egov_login_usr { .h1_wrap { position:relative;
	padding: 100px 0 90px 0;
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center; img { width : 45px;
	height: 52px;
}

.body_tit {
	padding: initial;
	line-height: initial;
	font-size: 50px;
}

}
.h1_wrap::after {
	position: absolute;
	bottom: 45px;
	left: 50%;
	content: '';
	transform: translateX(-50%);
	border: 6px solid #16867d;
	width: 103px;
}

}

/* 아이디/비밀번호찾기 */
.findArea {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	margin-top: 104px;
	margin-bottom: 35px;
}

.findArea:after {
	display: block;
	width: 0;
	height: 0;
	content: "";
	clear: both;
}

.findArea .gLeft {
	float: left;
	width: 588px;
	margin-right: 40px;
	border-right: 1px solid #E8E8E8;
}

.findArea .gRight {
	float: left;
	width: 572px;
}

.findArea .findWrap {
	width: 100%;
}

.findArea .findWrap .tit {
	font-size: 32px;
	font-weight: 700;
	padding: 0 0 19px 0;
	letter-spacing: -0.3px;
}

.findArea .notiBox {
	position: relative;
	margin-bottom: 32px;
}

.findArea .notiBox ul {
	padding: 0;
}

.findArea .notiBox ul li {
	font-size: 20px;
	line-height: 20px;
	padding-left: 9px;
	margin-bottom: 4px;
	position: relative;
	letter-spacing: -0.3px;
}

.findArea .notiBox ul li:before {
	position: absolute;
	left: 1px;
	top: 11px;
	display: inline-block;
	content: ""; /* margin: -2px 7px 0 0px; */
	width: 2px;
	height: 2px;
	vertical-align: middle;
	background: #000;
}

.findArea .inputBox {
	margin-bottom: 20px;
	width: 500px;
}

.findArea .inputBox .gInputText {
	position: relative;
	display: block;
}

.findArea .inputBox .gInputText .placeholder {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -11px;
	color: #c3c3c3;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -2px;
}

.findArea .inputBox .gInputText .is_inp {
	padding: 8px 10px 9px 20px;
	background-repeat: no-repeat;
	width: 100%;
	font-size: 20px;
	border: 1px solid #cfcfcf; /* outline: none; */
	height: 60px;
	font-weight: 700;
}

.findArea .inputBox .gInputText .is_inp:focus {
	border: 1px solid #16867d;
}

.findArea .inputBox .gInputText .is_inp.id {
	background-position: 19px 18px;
	background-image: url(/images_new/member/icon_user.png);
}

.findArea .inputBox .gInputText .is_inp.pw {
	background-position: 19px 17px;
	background-image: url(/images_new/member/icon_lock.png);
}

.findArea .inputBox .gInputText+.gInputText {
	margin-top: -1px;
}

.findArea button {
	width: 500px;
	height: 60px;
	-webkit-transition: .3s;
	transition: .3s;
	background: #16867d;
	border: none;
}

.findArea button:hover {
	background: #16867d;
}

.findArea button span {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	letter-spacing: -0.3px;
}

.findArea .tit_icon_img {
	vertical-align: sub !important;
	margin-right: 10px;
}

/* 자료회원가입 */
.step_wrap {
	position: relative;
	margin-top: 54px;
	margin-bottom: 57px;
	padding: 30px 0 34px;
}

.step_wrap.complete {
	margin-top: 25px;
	margin-bottom: 0px;
}

.step_wrap {
	position: relative;
	display: flex;
	justify-content: center; ol { position : absolute;
	left: 50%;
	bottom: 70px;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
	gap: 190px; li { color : #000;
	white-space: nowrap; span { font-size : 20px;
	font-weight: 400;
	white-space: nowrap;
}

}
li.selected {
	color: #fff;
}

}
}
.notiArea {
	border: 10px solid #f5f5f5;
	padding: 32px 30px 28px;
	margin-bottom: 49px;
	position: relative;
}

.notiArea p.subtit {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.notiArea ul.default {
	padding: 0; /* margin-bottom: 14px; */
}

.notiArea ul.default li {
	font-size: 20px;
	line-height: 20px; /* padding-left: 9px; */
	margin-bottom: 4px;
	position: relative;
	letter-spacing: -0.3px;
	font-weight: 400;
}

.notiArea ul.hyphen {
	padding: 0;
	margin-bottom: 14px;
}

.notiArea ul.hyphen li {
	font-size: 20px;
	line-height: 20px;
	padding-left: 9px;
	margin-bottom: 4px;
	position: relative;
	letter-spacing: -0.3px;
	font-weight: 400;
}

.notiArea ul.hyphen li:before {
	position: absolute;
	left: 1px;
	top: 11px;
	display: inline-block;
	content: ""; /* margin: -2px 7px 0 0px; */
	width: 4px;
	height: 1px;
	vertical-align: middle;
	background: #000;
}

.notiArea ul.separator {
	margin-bottom: 38px;
}

.notiArea ul.separator li {
	float: left;
	position: relative;
	padding: 0 20px;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: -0.3px;
	font-weight: 400;
}

.notiArea ul.separator li:first-child {
	padding-left: 10px;
}

.notiArea ul.separator li:last-child {
	padding-right: 0px;
}

.notiArea ul.separator li:after {
	position: absolute;
	top: -2px;
	right: 0;
	display: block;
	content: "";
	width: 1px;
	height: 24px;
	vertical-align: middle;
	background: #cfcfcf;
}

.notiArea ul.separator li:last-child:after {
	display: none;
}

.serviceArea {
	position: relative;
	overflow: hidden;
}

.serviceArea h3 {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 14px;
	letter-spacing: -0.3px;
}

.serviceArea .panelGroup:after {
	display: block;
	width: 0;
	height: 0;
	content: "";
	clear: both;
}

.serviceArea .panelGroup+.panelGroup {
	margin-top: 25px;
}

.serviceArea .panelBox {
	float: left;
	border: 1px solid #cfcfcf;
	width: 100%;
}

.serviceArea .panelBox .panelHead {
	border-bottom: 1px solid #cfcfcf;
	padding: 30px 15px;
	position: relative;
	background: #16867d;
	color: #fff
}

.serviceArea .panelBox .panelHead h4 {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	letter-spacing: -1px;
	text-align: center;
}

.serviceArea .panelBox .panelBody {
	overflow: hidden;
}

.serviceArea .panelBox .panelBody dl {
	float: left;
	width: 25%;
	border-right: 1px solid #cfcfcf;
	min-height: 470px;
}

.serviceArea .panelBox .panelBody dl:after {
	display: block;
	width: 0;
	height: 0;
	content: "";
	clear: both;
}

.serviceArea .panelBox .panelBody dl dt {
	border-bottom: 1px solid #cfcfcf;
	background: #f3f3f3;
	padding: 30px 15px;
	text-align: center;
}

.serviceArea .panelBox .panelBody dl dd {
	text-align: center;
	padding: 10px;
}

.serviceArea .panelGroup .panelBox .panelBody dl {
	height: 760px;
}

.serviceArea .panelBox.w6 .panelBody dl {
	height: auto;
}

.serviceArea .panelBox .panelBody dl dd span {
	display: inline-block;
	border: 1px solid #cfcfcf;
	border-radius: 999px;
	margin-bottom: 10px;
	width: 187px;
	height: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	color: #000;
	padding-top: 5px;
	letter-spacing: -1.5px;
	line-height: 36px;
	cursor: pointer;
}

.serviceArea .panelBox .panelBody dl dd span:hover {
	color: #fff;
	background-color: #16867d;
	-webkit-transition: .3s;
	transition: .3s;
}

.serviceArea .panelBox.w6 .panelBody dl {
	width: 100%;
	min-height: auto;
}

.serviceArea .panelBox.w6 .panelBody dl dd {
	text-align: left;
}

.serviceArea .panelBox.w6 .panelBody dl dd span {
	margin-bottom: 0px;
	margin-right: 20px;
}

.serviceArea .panelBox.w4 {
	width: 66.6%
}

.serviceArea .panelBox.w2 {
	width: 33.3%
}

.serviceArea .panelBox.w2 .panelBody dl {
	width: 50%;
}

.serviceArea .panelBox+.panelBox {
	margin-left: -1px;
}

.clauseArea {
	padding: 24px 21px;
	margin-bottom: -5px;
	max-height: 300px;
	overflow-y: scroll;
	background: #f9f9f9;
	border: 1px solid #cfcfcf;
}

.clauseArea p {
	margin-bottom: 4px;
	font-size: 20px;
	color: #000;
	letter-spacing: -0.3px;
	font-weight: 700;
}

.clauseArea ul.agreement { /* margin-bottom: 18px; */
	
}

.clauseArea ul.agreement li {
	font-size: 20px;
	color: #000;
	letter-spacing: -1px;
	font-weight: 400;
	line-height: 24px;
}

.clauseArea .privacy {
	padding: 15px 0 20px 0;
	font-size: 20px;
	color: #000;
	letter-spacing: -0.3px;
	font-weight: 400;
}

.clauseArea .privacy.top {
	padding: 0px 0 20px 0;
}

.clauseArea .privacy.lh {
	line-height: 24px;
}

.clauseArea .privacy strong {
	font-weight: 700;
}

.clauseArea .privacy strong a {
	font-weight: 700;
	vertical-align: baseline;
}

.clauseArea ul.policy {
	margin-top: 5px;
}

.clauseArea ul.policy li {
	font-size: 20px;
	color: #000;
	letter-spacing: -0.3px;
	font-weight: 400;
	line-height: 24px;
	padding-left: 9px;
	position: relative;
	margin-left: 15px;
}

.clauseArea ul.policy li:before {
	position: absolute;
	left: 1px;
	top: 11px;
	display: inline-block;
	content: ""; /* margin: -2px 7px 0 0px; */
	width: 4px;
	height: 1px;
	vertical-align: middle;
	background: #000;
}

.clauseArea ul li {
	word-break: keep-all;
}

.clauseArea ul .num_li, .clauseArea ul .txt_li {
	padding-left: 20px;
	position: relative;
	margin: 8px 0;
	line-height: 1.3;
}

.clauseArea ul .txt_li {
	padding-left: 30px;
}

.clauseArea ul .num_li span {
	position: absolute;
	left: 0;
	top: 2px;
}

.clauseArea ul .txt_li sub {
	position: absolute;
	left: 10px;
	top: 2px;
}

.sub_tet+#email {
	margin: 10px 0;
}

.info_tet {
	margin: 5px 0;
}

.clauseArea ul.policy li.noHyphen:before {
	display: none;
}

.clauseAre::-webkit-scrollbar-track {
	background: #fdfdfd;
}

.clauseAre:-webkit-scrollbar-thumb {
	background: #9f9f9f;
	border-radius: 999px;
}

.checkAgreeArea {
	margin-top: 28px;
}

.buttonAgreeArea {
	margin-top: 50px;
	padding-top: 50px;
	display: flex;
	justify-content: center;
	gap: 30px;
	text-align: center;
	border-top: 2px solid #000;
}

.buttonAgreeArea button {
	width: 500px;
	height: 100px;
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: center;
	-webkit-transition: .3s;
	transition: .3s;
	background: #16867d;
	border: none;
}

.buttonAgreeArea button:hover {
	background: #16867d;
}

.buttonAgreeArea button span {
	font-size: 28px;
	color: #fff;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.buttonAgreeArea button.cancel {
	width: 350px;
	height: 80px;
	-webkit-transition: .3s;
	transition: .3s;
	background: #fff;
	border: 1px solid #3b8c9a;
}

.buttonAgreeArea button.cancel:hover {
	background: #f9f9f9;
}

.buttonAgreeArea button.cancel span {
	color: #000;
}

.buttonArea {
	margin-top: 50px;
	text-align: center;
}

.buttonArea button.cancel {
	width: 200px;
	height: 60px;
	-webkit-transition: .3s;
	transition: .3s;
	background: #fff;
	border: 1px solid #3b8c9a;
}

.buttonArea button.cancel:hover {
	background: #f9f9f9;
}

.buttonArea button.cancel span {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.3px;
}

.buttonArea button.ok {
	width: 200px;
	height: 60px;
	-webkit-transition: .3s;
	transition: .3s;
	background: #16867d;
	border: none;
}

.buttonArea button.ok:hover {
	background: #16867d;
}

.buttonArea button.ok span {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	letter-spacing: -0.3px;
}

.buttonArea button+button {
	margin-left: 7px;
}

.btn_search_address {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%); . search_address { width : 26px;
	height: 26px;
}

}
.big_title {
	padding: 105px 0;
	display: flex;
	justify-content: center;
	align-items: center; p { font-size : 50px;
	font-weight: 700
}

}
.com_member_join_regist_confirm, .member_join_regist_confirm { .text_wrap
	{ width:1440px;
	height: 390px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	border: 1px solid #c6c6c6;
	text-align: center; img { width : 108px;
	height: 108px;
}

p {
	color: #000;
	font-size:34px;
}

p:first-child {
	font-size: 34px;
}

p:last-child {
	font-size: 20px;
}

}
}
.text_point {
	color: #16867d;
	font-size: 34px;
	font-weight: 500;
}
/* 모달 */
.pop_outline.address {
	padding: 43px 49px;
}

.pop_outline.address .btn_class {
	right: 24px;
	top: 33px;
}

.pop_outline.address #titleName {
	font-size: 30px;
	letter-spacing: -1.5px;
	padding-bottom: 25px;
}

.pop_outline.address .searchModalArea {
	background: #f2f2f2;
	padding: 35px 30px;
	margin-bottom: 34px;
}

.pop_outline.address .searchModalArea .searchBox {
	position: relative;
	margin-bottom: 14px;
}

.pop_outline.address .searchModalArea .searchBox .gInputText {
	position: relative;
}

.pop_outline.address .searchModalArea .searchBox .gInputText .placeholder
	{
	position: absolute;
	top: 50%;
	left: 18px;
	margin-top: -6px;
	color: #c3c3c3;
	font-size: 18px;
	font-weight: 400;
}

.pop_outline.address .searchModalArea .searchBox .gInputText .is_inp {
	border: 1px solid #c5c5c5;
	padding: 5px 19px;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: -0.3px;
	width: 100%;
}

.pop_outline.address .searchModalArea .searchBox .gInputText .is_inp:focus
	{
	border: 1px solid #16867d;
}

.pop_outline.address .searchModalArea .searchBox .gInputText input.active
	{
	border: 1px solid #16867d !important;
}
/* .pop_outline.address .searchModalArea .searchBox button {width: 80px;height: 40px;-webkit-transition: .3s;transition: .3s;background: #555;border: none;text-align: center;position: absolute;right: 0;top: 0;} */
.pop_outline.address .searchModalArea .searchBox button span {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.6px;
	color: #fff;
}

.pop_outline.address .searchModalArea p {
	font-weight: 400;
	font-size: 18px;
	letter-spacing: -0.3px;
	color: #000;
}

.pop_outline .tableLayout {
	
}

.pop_outline .tableLayout table {
	table-layout: fixed;
	width: 100%;
}

.pop_outline .tableLayout table thead th {
	padding: 17px 5px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 20px;
}

.pop_outline .tableLayout table tbody td {
	padding: 10px 10px;
	font-size: 16px;
	border-bottom: 1px solid #cfcfcf;
	letter-spacing: -0.3px;
	font-weight: 400;
	color: #000;
	line-height: 22px;
	cursor: pointer;
}

.pop_outline .tableLayout table tbody td:first-child {
	text-align: center;
}

.pop_outline .tableLayout table tbody tr:first-child td {
	border-top: none;
}

.pop_outline .tableLayout table tbody tr:last-child td {
	border-bottom: 1px solid #000;
}

.pop_outline .tableLayout table tbody tr:hover td {
	background: #e5f0ef;
}

.pop_outline .tableLayout .comtBox {
	font-size: 18px;
	margin-bottom: 14px;
	text-align: left;
	color: #000;
	font-weight: 400;
	letter-spacing: -0.3px;
	padding-top: 0px;
}

.pop_outline .page, .pop_outline .pager {
	padding: 0;
	margin-top: 30px;
}

.pop_outline .page .page_line+.page_line, .pop_outline .pager .page_line+.page_line
	{
	margin-left: 0px;
}

/* 푸터 */
#pageFooter {
	margin-top: 150px;
	border-top: 1px solid #cfcfcf;
}

/* memberJoinAgree 화면 테이블 */
.memberJoinTableArea {
	
}

.memberJoinTableArea table {
	table-layout: fixed;
	width: 100%;
}

.memberJoinTableArea table thead th {
	padding: 17px 5px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	font-size: 20px;
}

.memberJoinTableLayout table tbody th {
	padding: 21px 0px 10px 0px;
	height: 60px;
	border-bottom: 1px solid #000;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -0.3px;
	vertical-align: top;
	text-align: center;
}

.memberJoinTableLayout table tbody th span.necs {
	position: relative;
}

.memberJoinTableLayout table tbody th span.necs:before {
	position: absolute;
	left: -19px;
	top: 3px;
	content: "*";
	color: #E44A47; /* margin: 0 5px; */
	font-size: 20px;
	font-weight: 700;
	vertical-align: middle;
}

.memberJoinTableLayout table tbody td {
	padding: 8px 10px;
	font-size: 20px;
	border-bottom: 1px solid #000;
	letter-spacing: -0.3px;
	font-weight: 400;
	color: #000;
}

.memberJoinTableLayout table tbody tr:first-child th,
	.memberJoinTableLayout table tbody tr:first-child td {
	border-top: 1px solid #000;
}

.memberJoinTableLayout table tbody tr:last-child th,
	.memberJoinTableLayout table tbody tr:last-child td {
	border-bottom: 1px solid #000;
}

.memberJoinTableLayout table tbody tr td.desc {
	text-align: center;
}

.memberJoinTableLayout table tbody tr td.term {
	line-height: 17px;
}

.membershipTableArea {
	
}

.membershipTableArea table {
	table-layout: fixed;
	width: 70%;
}

.membershipTableArea table tbody th {
	padding: 13px 2px;
}

.membershipTableLayout table tr, .membershipTableLayout table tr th,
	.membershipTableLayout table tr td {
	border: 1px solid black;
	font-size: 15px;
}

.membershipTableLayout table tbody td {
	padding: 8px 10px;
}

.membershipTableLayout table tbody tr td.desc {
	text-align: center;
}

.membershipTableLayout table tbody tr td.term {
	line-height: 17px;
}

.tit_icon_img img {vertical-align: sub !important;}
.member_join_regist_confirm .text_wrap p:first-child {font-size: 34px;font-weight: 500;}
.member_join_regist_confirm .text_wrap p:last-child {font-size: 20px;font-weight: 400;line-height:24px;} 

.en .step_wrap ol{gap: 130px;bottom: 55px;align-items: center;}
input[type="checkbox"]#pub_check_01 + label:after {top: -3px;}
input[type="checkbox"]#checkTermsAgree1 + label:after {top: -1px;}
input[type="checkbox"]#checkTermsAgree2 + label:after {top: -1px;}


/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */