@charset "UTF-8";

/*  ::::::: color :::::::: */
/* black & gray */
:root {
	--col_dark_type1: #131416;
	--col_dark_type2: #6D7882;
	--col_dark_type3: #CDD1D5;
	--col_dark_type4: #F5F6F7;
	--col_dark_type4_ov: #F1f2f3;
	--col_order: #dbdddf;
	/* blue */
	--co_point_type1: #0084CA;
	--co_point_type2: #052561;
	--co_point_type3: #083891;
	--co_point_type4: #86AFF9;
	--co_point_type5: #ECF2FE;
	/* imp */
	--col_imp_type1: #D63D4A;
	--col_imp_type2: #FBEFF0;
	--col_imp_type3: #FFB114;
	--col_imp_type4: #FFF3DB;
}

/*  ::::::: size :::::::: */
:root {
	--size_type_sm: 16px;
	--size_type_base: 18px;
	--size_type_point: 20px;
	--size_type_title: 28px;
	--size_type_title-b: 42px;
	--btn_gap: 35px;
}

@media screen and (max-width: 768px) {
	:root {
		--btn_gap: 20px;
		--size_type_sm: 15px;
		--size_type_base: 15px;
		--size_type_point: 17px;
	}
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	list-style: none;
}

body {
	font-size: var(--size_type_base);
	font-weight: normal;
	color: var(--col_dark_type1);
	font-family: "Pretendard", "sans-serif";
	letter-spacing: -0.035rem;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: normal;
	font-size: initial;
}

body,
html {
	height: 100%;
}

@font-face {
	font-family: "Pretendard";
	font-weight: 700;
	src: url("../fonts/Pretendard-Bold.woff") format("woff");
}

@font-face {
	font-family: "Pretendard";
	font-weight: 400;
	src: url("../fonts/Pretendard-Medium.woff") format("woff");
}

/* button */
button,
a {
	font-family: "Pretendard", "sans-serif";
	border: 0;
	text-decoration: none;
	background-color: transparent;
	font-size: var(--size_type_base);
	color: var(--col_dark_type1);
	cursor: pointer;
}

.popup__search-btn,
.popup__btn,
.btn {
	display: inline-block;
	height: 45px;
	line-height: 41px;
	white-space: nowrap;
	font-size: var(--size_type_sm);
	background-color: var(--col_dark_type1);
	color: #fff;
	padding: 0 10px;
	min-width: 100px;
	border: 2px solid var(--col_dark_type1);
	transition: all 0.2s ease-in-out;
	border-radius: 5px;
}

.btn:hover {
	background-color: #fff;
	color: var(--col_dark_type1);
	font-weight: bold;
}

.btn.free {
	line-height: 1.3;
	height: auto;
	width: auto;
	min-width: auto;
	text-align: center;
	padding: 10px;
	white-space: nowrap;
}

.btn.normal {
	background-color: var(--col_dark_type2);
	border-color: var(--col_dark_type2);
}

.btn.normal:hover {
	background-color: #fff;
	color: var(--col_dark_type2);
	font-weight: bold;
}

.btn.base {
	background-color: var(--col_dark_type4);
	border-color: #e7e7e7;
	color: var(--col_dark_type1);
}

.btn.base:hover {
	background-color: var(--co_point_type2);
	border-color: var(--co_point_type2);
	color: #fff;
	font-weight: bold;
}

.btn.ok {
	background-color: var(--co_point_type2);
	border: 1px solid var(--co_point_type2);
}

.btn.ok:hover {
	background-color: #fff;
	color: var(--co_point_type2);
	font-weight: bold;
}

.btn.dark {
	background-color: var(--col_dark_type1);
	border: 2px solid var(--col_dark_type1);
}

.btn.dark:hover {
	background-color: #fff;
	color: var(--col_dark_type1);
	font-weight: bold;
}

.btn.call {
	background-color: var(--col_imp_type1);
	border: 2px solid var(--col_imp_type1);
}

.btn.call:hover {
	background-color: #fff;
	color: var(--col_imp_type1);
	font-weight: bold;
}

.btn.print {
	background-color: var(--co_point_type1);
	border: 2px solid var(--co_point_type1);
}

.btn.print:hover {
	background-color: #fff;
	color: var(--co_point_type1);
	font-weight: bold;
}

.btn.link {
	background-color: #fff;
	border: 2px solid var(--col_dark_type1);
	color: var(--col_dark_type1);
}

.btn.sm,
.btn.form {
	line-height: 34px;
	height: 38px;
	min-width: auto;
	padding: 0 15px;
	font-weight: normal;
	font-size: var(--size_type_sm);
}

.btn.big {
	line-height: 46px;
	height: 50px;
	padding: 0 35px;
	min-width: 130px;
	font-size: var(--size_type_point);
}

.btn.btn-remove-edu {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
    height: 75px;
    min-width: auto;
    padding: 0px 15px;
	line-height: 1.4;
}
.btn.btn-remove-edu.h50 {
    padding: 0px 15px;
    line-height: 1.2;
    height: 55px;
}

.popup__btnbox,
.btn_btm_wrap {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	gap: 30px;
}

.btn_btm_wrap.mt15 {
	margin-top: 15px;
}

.popup__inner .btn_btm_wrap .btn {
	width: 120px;
}

.btn_list_r {
	flex: 0 0 70px;
}

.btn_list_r .btn {
	width: 70px;
	height: 90px;
}

@media screen and (max-width: 768px) {
	.btn_btm_wrap {
		margin-top: 20px;
	}

	.btn.btn-remove-edu {
		position: static;
		transform: none;
		width: 100%;
		margin-top: 15px;
		padding: 7px;
	}

	.btn.btn-remove-edu br {
		display: none;
	}

	.btn.big {
		height: 45px;
		line-height: 41px;
	}

	.btn.sm,
	.btn.form {
		line-height: 31px;
		height: 35px;
	}
}

.contain {
	max-width: 1400px;
	margin: 0 auto;
}

.sr_only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.req,
.imp {
	color: var(--col_imp_type1);
	font-weight: bold;
}

.exp_c {
	font-size: var(--size_type_sm);
	text-align: center;
	color: var(--col_dark_type2);
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}

.exp_left {
	font-size: var(--size_type_sm);
	text-align: center;
	color: var(--col_dark_type2);
	padding: 20px 0 0;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}

.none_mesg {
	text-align: center;
	padding: 25px 0;
	color: var(--col_dark_type2);
}

.cont_block + .cont_block {
	margin-top: 30px;
}

.exp_list_wrap {
	background-color: #f4f5f6;
	/* border: 1px solid #CDD1D5; */
	padding: 15px 25px;
	line-height: 1.5;
}

.exp_list_wrap ul li {
	text-indent: -15px;
	padding-left: 15px;
}

.exp_list_wrap .mesg_box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 25px;
}

.exp_list_wrap .mesg_box strong {
	font-weight: bold;
	font-size: 22px;
}

@media screen and (max-width: 768px) {
	.member_out {
		border-top: 1px solid #ddd;
		margin-top: 30px;
		text-align: center;
	}

	.exp_list_wrap {
		padding: 10px 15px;
	}

	.exp_list_wrap .mesg_box strong {
		font-size: 19px;
	}

	.exp_list_wrap .mesg_box {
		gap: 5px;
	}

	.exp_list_wrap ul li {
		text-indent: -12px;
		padding-left: 12px;
	}
}

#wrap {
	height: 100%;
}

.teg_list_wrap {
	margin-top: 30px;
}

.teg_list_wrap dl {
	display: flex;
}

.teg_list_wrap dl + dl {
	margin-top: 30px;
}

.teg_list_wrap dl dt {
	flex: 0 0 140px;
	margin-top: 10px;
	display: flex;gap:5px;
	font-size:var(--size_type_sm);
}
.teg_list_wrap dl dt:before {content:'*';display: inline-block;}
.teg_list_wrap dl dt.imps:before {color:#ff0000;}
.flex_wrap {
	display: flex; 
	gap: 25px;
}

.col_blu {
	color: var(--co_point_type1);
}

.form_block {
	display: flex;
	gap: 10px;
	align-items: center;
}

.form_block + .form_block {
	margin-top: 10px;
}

.form_block.wrap {
	flex: wrap;
}

.form_block.col {
	flex-direction: column;
}

.form_block button {
	height: 40px;
	line-height: 36px;
}

.form_block .chk_area {
	display: flex;
	align-items:center;
	gap: 10px;
}

.form_block .chk_area label {
	flex: 0 0 auto;
}

.form_block strong {
	display: flex;
	align-items: center;
	font-size: var(--size_type_sm);
	font-weight: normal;
	gap: 5px;
}

.form_block strong.imp_tit:before {
	color: var(--col_imp_type1);
}

.form_block strong:before {
	content: "*";
	color: var(--col_dark_type2);
	display: inline-block;
	font-weight: normal;
}

.file_block {
	display: flex;
}

.file_block > * {
	flex: 1 1 auto;
}

.form_block_wrap {
	display: flex;
	gap: 15px 25px;
	flex-wrap: wrap;
}

.form_block_wrap .form_block {
	/* position: relative; */
}

.form_block_wrap .form_block.wrap {
	flex-wrap: wrap;
}

.form_block_wrap .form_block + .form_block {
	margin-top: 0;
}

input,
select,
textarea {
	border: 1px solid var(--col_dark_type3);
	font-size: var(--size_type_sm);
	color: var(--col_dark_type1);
	font-family: "Pretendard", "sans-serif";
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
	color: var(--col_dark_type2);
	font-weight: 300;
}

input::placeholder,
input::-moz-placeholder,
select::placeholder,
select::-moz-placeholder,
textarea::placeholder,
textarea::-moz-placeholder {
	color: var(--col_dark_type2);
	font-weight: 300;
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: #fff;
}

input:focus::placeholder,
input:focus::-moz-placeholder,
select:focus::placeholder,
select:focus::-moz-placeholder,
textarea:focus::placeholder,
textarea:focus::-moz-placeholder {
	color: #fff;
}

input[readonly],
input[readonly=readonly],
select[readonly],
select[readonly=readonly],
textarea[readonly],
textarea[readonly=readonly] {
	background-color: var(--col_dark_type4) !important;
	outline: none;
	color: var(--col_dark_type1);
	font-weight: 300;
}

input[readonly]:focus::-moz-placeholder,
input[readonly=readonly]:focus::-moz-placeholder,
select[readonly]:focus::-moz-placeholder,
select[readonly=readonly]:focus::-moz-placeholder,
textarea[readonly]:focus::-moz-placeholder,
textarea[readonly=readonly]:focus::-moz-placeholder {
	color: var(--col_dark_type2);
	font-weight: 300;
}

input[readonly]:focus::placeholder,
input[readonly]:focus::-moz-placeholder,
input[readonly=readonly]:focus::placeholder,
input[readonly=readonly]:focus::-moz-placeholder,
select[readonly]:focus::placeholder,
select[readonly]:focus::-moz-placeholder,
select[readonly=readonly]:focus::placeholder,
select[readonly=readonly]:focus::-moz-placeholder,
textarea[readonly]:focus::placeholder,
textarea[readonly]:focus::-moz-placeholder,
textarea[readonly=readonly]:focus::placeholder,
textarea[readonly=readonly]:focus::-moz-placeholder {
	color: var(--col_dark_type2);
	font-weight: 300;
}

input:disabled,
select:disabled,
textarea:disabled {
	background-color: var(--col_dark_type4) !important;
}

select {
	height: 38px;
	padding-left: 10px;
	max-width: 100%;
	min-width: 90px;
}

.selectbox select {
	width: 100%;
}

input[type=number],
input[type=text],
input[type=tel],
input[type=password],
input[type=email] {
	height: 38px;
	padding-left: 10px;
	max-width: 100%;
	font-weight: 400;
	font-size: 16px;
}

input[type=checkbox] {
	width: 18px;
	height: 18px;
}

input[type=tel] {
	width: 80px;
	text-align: center;
	padding: 0;
}

input.calendar {
	width: 120px;
}
input.calendar.w100 {width:100%;}
input.date {
	text-align: center;
	padding: 0;
}

textarea {
	width: 100%;
	padding: 10px;
}

.chk_label_wrap {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.chk_label {
	display: inline-block;
}

.chk_label input[type=checkbox] {
	display: none;
}

.chk_label label {
	display: inline-block;
	padding: 7px 20px;
	border-radius: 999px;
	border: 2px solid #ccc;
	font-size: var(--size_type_sm);
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.chk_label input[type=checkbox]:checked + label {
	border-color: var(--co_point_type3);
	color: var(--co_point_type3);
	font-weight: bold;
}

.radio_block {
	display: flex;
	gap: 20px;
	align-items: center;
}

.radio_area {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.radio_area input[type=radio] {
	display: none;
}

.radio_area label {
	position: relative;
	padding-left: 34px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: var(--size_type_sm);
	color: #333;
}

.radio_area label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #ccc;
	box-sizing: border-box;
	transition: all 0.2s ease;
}

.radio_area label::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scale(0);
	width: 22px;
	height: 22px;
	background-color: #0a3d91;
	border-radius: 50%;
	background-image: url(../images/chk_w.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.2s ease;
}

.radio_area input[type=radio]:checked + label::before {
	background-color: #0a3d91;
	border-color: #0a3d91;
}

.radio_area input[type=radio]:checked + label::after {
	transform: translateY(-50%) scale(1);
}

.checkbox_area {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.checkbox_area input[type=checkbox] {
	display: none;
}

.checkbox_area label {
	position: relative;
	padding-left: 34px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: var(--size_type_sm);
	color: #333;
}

.checkbox_area label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 3px;
	background-color: #fff;
	border: 2px solid #ccc;
	box-sizing: border-box;
	transition: all 0.2s ease;
}

.checkbox_area label::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scale(0);
	width: 24px;
	height: 24px;
	background-color: #0a3d91;
	border-radius: 3px;
	background-image: url(../images/chk_w.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.2s ease;
}

.checkbox_area input[type=checkbox]:checked + label::before {
	background-color: #0a3d91;
	border-color: #0a3d91;
}

.checkbox_area input[type=checkbox]:checked + label::after {
	transform: translateY(-50%) scale(1);
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

/* table */
table.table_list_wrap tbody tr th,
table.table_list_wrap thead tr th {
	background-color: var(--col_dark_type4);
}

table.table_list_wrap tbody tr td {
	background-color: #fff;
}

table {
	border-collapse: collapse;
	table-layout: fixed;
	box-sizing: border-box;
}

table caption {
	text-indent: -99999px;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
}

table.table_list_wrap {
	width: 100%;
	border-top: 2px solid var(--col_dark_type1);
	text-align: center;
}

table.table_list_wrap thead tr th {
	padding: 10px 10px;
	border-bottom: 1px solid var(--col_dark_type3);
}

table.table_list_wrap tbody tr th {
	padding: 10px 10px;
	border-bottom: 1px solid var(--col_dark_type3);
}

table.table_list_wrap tbody tr td {
	padding: 10px 10px;
	border-bottom: 1px solid var(--col_dark_type3);
}

table.table_list_wrap tbody tr td.title {
	text-align: left;
}

table.table_list_wrap2 {
	width: 100%;
	border-top: 2px solid var(--col_dark_type1);
	text-align: center;
}

table.table_list_wrap2 thead tr th {
	background-color: var(--col_dark_type4);
	border: 1px solid var(--col_dark_type3);
	padding: 7px 10px;
}

table.table_list_wrap2 tbody tr th {
	background-color: var(--col_dark_type4);
	padding: 7px 10px;
}

table.table_list_wrap2 tbody tr td {
	border: 1px solid var(--col_dark_type3);
	padding: 7px 10px;
	background-color: #fff;
}

table.table_list_wrap2 tbody tr td.title {
	text-align: left;
}

@media (max-width: 768px) {
	select {
		min-width: auto;
	}

	input[type=number],
	input[type=text],
	input[type=tel],
	input[type=password],
	input[type=email],
	select {
		height: 35px;
		font-size: 15px;
	}

	table.table_list_wrap2 {
		border-top: 0;
	}

	table.table_list_wrap2 thead {
		display: none;
		/* 헤더 감춤 */
	}

	table.table_list_wrap2,
	table.table_list_wrap2 tbody,
	table.table_list_wrap2 tbody tr,
	table.table_list_wrap2 tbody tr td {
		display: block;
		width: 100%;
	}

	table.table_list_wrap2 tbody tr {
		margin-bottom: 1rem;
		border: 1px solid #ddd;
		border-radius: 6px;
		padding: 8px;
		background: #fff;
	}

	table.table_list_wrap2 tbody tr td {
		display: flex;
		gap: 10px;
		text-align: left;
		position: relative;
		border: none;
		/* border-bottom: 1px solid #eee; */
	}

	table.table_list_wrap2 tbody tr td.none_data {
		justify-content: center;
	}

	table.table_list_wrap2 tbody tr td.none_data:before {
		display: none;
	}

	table.table_list_wrap2 tbody tr td::before {
		content: attr(data-label);
		/* data-label 활용 */
		/* position: absolute; */
		flex: 0 0 90px;
		font-weight: bold;
		white-space: nowrap;
	}
}

.simple_list_wrap {
	margin-top: 15px;
}

.simple_list_wrap ul li .link_select {
	display: block;
	border: 1px solid #CDD1D5;
	background-color: #fff;
	padding: 7px;
}

.simple_list_wrap ul li.on .link_select {
	color: #052561;
	border: 1px solid #86AFF9;
	background-color: #ECF2FE;
	font-weight: bold;
}

.simple_list_wrap ul li.on:hover .link_select {
	background-color: #ECF2FE;
}

.simple_list_wrap ul li:hover .link_select {
	background-color: #f4f5f6;
}

.simple_list_wrap ul li + li {
	margin-top: 10px;
}

/* join step */
body {
	background-color: var(--col_dark_type4);
}

.member_wrap {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background-color: var(--col_dark_type4);
	font-size: var(--size_type_base);
}

.member_wrap.ptb50 {
	flex: 1;
	padding: 50px 0;
	min-height: auto;
}

.member_wrap.ptb50 .join_cont {
	padding: 30px 50px;
}

.member_wrap .join_cont {
	position: relative;
	flex: 1;
	background-color: #fff;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 50px;
}

.member_wrap .log_box {
	display: block;
	align-items: center;
	flex: 1;
	justify-content: center;
}

.member_wrap .log_box > div {
	background-color: #fff;
	padding: clamp(35px, 8vw, 80px);
	max-width: 100%;
	width: 680px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: 90%;
	overflow: auto;
}

.member_wrap .log_box > div.agree_box {
	padding: clamp(15px, 4vw, 40px);
	position: static;
	margin: 60px auto;
	transform: none;
	max-width: 700px;
	width: 100%;
}

.member_wrap .log_box h1.title {
	text-align: center;
	font-size: clamp(30px, 5vw, 38px);
	font-weight: bold;
	margin-bottom: 25px;
}

.member_wrap .log_box .tit_mesg {
	text-align: center;
}

.member_wrap .log_box .tit_mesg .point {
	color: var(--co_point_type2);
	font-weight: bold;
}

.member_wrap .log_box .mesg_box {
	margin-bottom: 30px;
	text-align: center;
}

.member_wrap .log_box .mesg_box p {
	font-size: clamp(17px, 4vw, 21px);
	line-height: 1.4;
}

.member_wrap .log_box .mesg_box p.people {
	display: inline-block;
	position: relative;
}

.member_wrap .log_box .mesg_box p.people.th14:before {
	position: absolute;
	left: 40px;
	bottom: 0;
	content: "14";
	font-size: 21px;
	font-weight: bold;
	color: var(--col_imp_type1);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	width: 40px;
	height: 40px;
	margin: 0;
	border-radius: 50%;
	border: 5px solid var(--col_imp_type1);
}

.member_wrap .log_box .agree_wrap {
	margin-bottom: 30px;
}

.member_wrap .log_box .btn_area {
	text-align: center;
}

.member_wrap .log_box .agree_form_box {
	width: 620px;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 25px;
}

.member_wrap .log_box .agree_form_box .title {
	font-weight: bold;
	font-size: 21px;
	margin-bottom: 10px;
}

.member_wrap .log_box .agree_form_box .txt {
	font-size: 17px;
}

.member_wrap .log_box .agree_form_box .checkbox_area {
	margin-top: 15px;
}

.member_wrap .log_box .agree_form_box .form_block {
	flex-direction: column;
	width: 100%;
	margin: 20px 0 5px 0;
}

.member_wrap .log_box .agree_form_box .form_block p {
	width: 100%;
}

.member_wrap .log_box .agree_form_box .form_block p input {
	width: 100%;
	height: 55px;
}

.member_wrap .log_box .member_form_box {
	width: 520px;
	max-width: 100%;
	margin: 0 auto;
}

.member_wrap .log_box .member_form_box .form_block {
	flex-direction: column;
	width: 100%;
	margin: 20px 0 5px 0;
}

.member_wrap .log_box .member_form_box .form_block p {
	width: 100%;
}

.member_wrap .log_box .member_form_box .form_block p input {
	width: 100%;
	height: 55px;
}

.member_wrap .log_box .member_form_box .chk_view {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.member_wrap .log_box .member_form_box .chk_view a {
	text-decoration: underline;
	font-size: var(--size_type_sm);
}

.member_wrap .log_box .member_form_box .btn_area {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;

}

.member_wrap .log_box .member_form_box .btn_area.col {
	flex-direction: column;
}

.member_wrap .log_box .member_form_box .btn_area .btn {
	flex: 1 1 auto;
}

.member_wrap .log_box .member_form_box .exp_btm_c {
	text-align: center;
	margin-top: 25px;
}

.member_wrap .log_box .member_form_box .exp_btm_c a {
	font-size: 16px;
	text-decoration: underline;
	color: var(--col_dark_type2);
}

.certificate-list {}

.certificate-list .certificate-item {
	position: relative;
	padding: 15px 0;
}

.certificate-list .certificate-item .btn_add {
	position: absolute;
	right: 0;
	transform: translateY(-50%);
	top: 50%;
}

.certificate-list .certificate-item .btn_add button {
	height: auto;
	line-height: 1.3;
	padding: 10px 15px;
}

.certificate-list .certificate-item + .certificate-item {
	border-top: 1px solid var(--col_dark_type3);
}

.tab_step_wrap ul {
	display: flex;
	gap: 5px;
}

.tab_step_wrap ul li {
	position: relative;
	flex: 1 1 auto;
	background-color: var(--co_point_type5);
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 32px;
	text-align: center;
	max-width: 150px;
}

.tab_step_wrap ul li .txt {
	color: var(--co_point_type2);
	font-weight: 500;
}

.tab_step_wrap ul li .imp_label {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	padding: 3px 5px;
	font-size: 14px;
	background-color: var(--col_imp_type1);
	color: #fff;
}

.tab_step_wrap ul li.on .imp_label {
	display: none;
}

.tab_step_wrap ul li.on {
	background-color: var(--co_point_type2);
}

.tab_step_wrap ul li.on .txt {
	color: #fff;
}

.join_cont .exp {
	padding: 10px 0;
	line-height: 1.6;
	font-size: var(--size_type_point);
	margin-bottom: 20px;
}

.join_cont .exp strong {
	font-weight: bold;
}

.join_cont .step_box_wrap {
	border: 1px solid var(--col_dark_type3);
	/* border-bottom: 1px solid var(--col_dark_type3); */
	padding: 24px;
	margin-top: 10px;
	min-height: 620px;
}

.join_cont .step_box_wrap .box_top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.join_cont .step_box_wrap .base_box_wrap {
	display: flex;
	gap: 20px;
	line-height: 1.7;
	margin-top: 12px;
	margin-bottom: 25px;
}

.join_cont .step_box_wrap .base_box_wrap .box {
	background-color: var(--col_dark_type4);
	border: 1px solid var(--col_order);
	padding: 15px 25px;
	display: flex;
	width: 310px;
	max-width: 100%;
}

.join_cont .step_box_wrap .base_box_wrap .box.info_pic {
	width: 370px;
}

.join_cont .step_box_wrap .base_box_wrap .info_txt {
	/* width: 50%; */
	flex-direction: column;
	justify-content: center;
	gap: 5px;
}

.join_cont .step_box_wrap .base_box_wrap .info_txt dl {
	display: flex;
	gap: 10px;
}

.join_cont .step_box_wrap .base_box_wrap .info_txt dl dt {
	flex: 0 0 87px;
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	white-space: nowrap;
}

.join_cont .step_box_wrap .base_box_wrap .info_txt dl dt span {
	width: 100%;
	display: block;
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
}

.join_cont .step_box_wrap .base_box_wrap .info_txt dl dd {
	white-space: nowrap;
}

.join_cont .step_box_wrap .base_box_wrap .info_txt dl dd:before {
	content: ":";
	display: inline-block;
	margin-right: 10px;
}

.join_cont .step_box_wrap .base_box_wrap .info_pic {
	/* width: 50%; */
	align-items: center;
	gap: 20px;
}

.join_cont .step_box_wrap .base_box_wrap .info_pic .left {
	position: relative;
	width: 140px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.join_cont .step_box_wrap .base_box_wrap .info_pic .left .img_area {
	height: 104px;
	text-align: center;
	background-color: var(--col_dark_type3);
}

.join_cont .step_box_wrap .base_box_wrap .info_pic .left button {
	/* position: absolute;
  bottom: 0;
  right: 0; */
	width: 100%;
}

.join_cont .step_box_wrap .base_box_wrap .info_pic .right {
	position: relative;
}

.join_cont .step_box_wrap .base_box_wrap .info_pic .right dl {
	display: flex;
	gap: 10px;
	/* font-size: var(--size_type_sm); */
}

.join_cont .step_box_wrap .base_box_wrap .info_pic .right dl dd {}

.join_cont .step_box_wrap .base_box_wrap .info_pic .right dl dd:before {
	content: ":";
	display: inline-block;
	margin-right: 10px;
}

.join_cont .step_box_wrap .exp_list_wrap + .form_box_wrap {
	margin: 0;
}

.join_cont .step_box_wrap .exp_list_wrap + .form_box_wrap ul {
	border-top: 0;
}

.join_cont .step_box_wrap .btn_btm_wrap {
	/* border-top: 1px solid var(--col_dark_type3); */
	margin: 0;
	padding: 36px 0 0 0;
}

.form_box_wrap ul li {
	padding: 20px 15px;
	position: relative;
	border-bottom: 1px solid var(--col_dark_type3);
}

.form_box_wrap ul li + li {
	padding-right: 100px;
}

.form_box_wrap ul li .btn_add {
	position: absolute;
	right: 0;
	transform: translateY(-50%);
	top: 50%;
}

.form_box_wrap ul li .btn_add button {
	height: auto;
	line-height: 1.3;
	padding: 10px 15px;
}

.form_box_wrap dl {
	display: flex;
	align-items: center;
	min-height: 38px;
}

.form_box_wrap dl.col {
	flex-direction: column;
	align-items: start;
	gap: 10px;
}

.form_box_wrap dl + dl {
	margin-top: 12px;
}

.form_box_wrap dt {
	flex: 0 0 150px;
}

.form_box_wrap .col dt { 
	flex: 0 0 auto;
}
.form_box_wrap dt label {
	display: block;
}

.form_box_wrap dd {
	flex: 1 1 auto;
	max-width: 550px;
}

.form_box_wrap dd .email_wrap {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.form_box_wrap dd .email_wrap {}

.form_box_wrap .col dd {
	width: 100%;
	max-width: 650px;
}

.form_box_wrap dd textarea {
	width: 100%;
}

.form_box_wrap dd .form_block {
	width: 100%;
}

.form_box_wrap dd .form_block input {
	flex: 1 1 auto;
}

.form_box_wrap dd .form_block .selectform {
	flex: 1 1 auto;
}

.form_box_wrap dd .form_block .selectform select {
	width: 100%;
}

.form_box_wrap dd .form_block.phone {
	width: auto;
}

.form_box_wrap dd .form_block.phone input {
	flex: 0 0 auto;
	width: auto !important;
	max-width: 60px;
}

.form_box_wrap dd .addr2,
.form_box_wrap dd .addr1 {
	margin-top: 10px;
}

.box_agree_scroll {
	border: 1px solid var(--col_dark_type3);
	padding: 2px;
	font-size: 16px;
	margin-top: 15px;
	height: 105px;
	overflow: auto;
}

@media screen and (max-width:1280px) {
	.member_wrap.ptb50 {
		padding: 0;
	}
}

@media screen and (max-width: 768px) {
	.member_wrap .log_box > div {
		top: 0;
		transform: none;
		left: 0;
	}

	.join_cont .step_box_wrap .base_box_wrap .info_txt dl dt {
		flex: 0 0 75px;
	}

	.teg_list_wrap dl + dl {
		margin-top: 10px;
	}

	.form_box_wrap ul li {
		padding: 10px 0;
	}

	.form_box_wrap ul li .btn_add {
		position: static;
		margin-top: 15px;
		transform: none;
	}

	.form_box_wrap ul li .btn_add button {
		width: 100%;
	}

	.form_box_wrap ul li .btn_add button br {
		display: none;
	}

	.form_box_wrap ul li + li {
		padding-right: 0;
	}

	.certificate-list .certificate-item .btn_add {
		position: static;
		transform: none;
		width: 100%;
		margin-top: 15px;
	}

	.certificate-list .certificate-item .btn_add button {
		width: 100%;
	}

	.certificate-list .certificate-item .btn_add button br {
		display: none;
	}

	#wrap {
		padding-top: 30px !important;
	}

	.member_wrap.ptb50,
	.member_wrap {
		padding: 0 0 0;
	}

	.member_wrap.ptb50 .join_cont,
	.member_wrap .log_box > div {
		height: 100%;
		max-height: 100%;
	}

	.member_wrap.ptb50 .join_cont {
		padding: 0 20px 30px 20px;
	}

	.join_cont .step_box_wrap {
		/* padding: 12px; */
		min-height: auto;
		border: 0;
		padding: 12px 0 0 0;
		border-top: 1px solid var(--col_dark_type3);
	}

	.join_cont .step_box_wrap .base_box_wrap {
		flex-wrap: wrap;
	}

	.join_cont .step_box_wrap .base_box_wrap .info_txt {
		width: 100%;
		padding: 10px;
	}

	.join_cont .step_box_wrap .base_box_wrap .info_pic {
		width: 100%;
		padding: 10px;
	}

	.join_cont .step_box_wrap .base_box_wrap .info_pic .left {
		width: 110px;
	}

	.join_cont .step_box_wrap .base_box_wrap .info_pic .left .img_area {
		height: 74px;
	}

	.join_cont .step_box_wrap .form_box_wrap dl {
		display: block;
	}

	.join_cont .step_box_wrap .form_box_wrap dt {
		margin-bottom: 10px;
	}

	.teg_list_wrap dl {
		flex-direction: column;
		gap: 15px;
	}

	.teg_list_wrap dl dt {
		flex: 0 0 auto;
	}

	.chk_label label {
		padding: 5px 15px;
		font-size: 15px;
	}
}

@media screen and (max-width:350px) {
	.join_cont .step_box_wrap .base_box_wrap .info_pic {
		gap: 10px;
	}

	.join_cont .step_box_wrap .base_box_wrap .info_pic .left {
		width: 80px;
	}

	.join_cont .step_box_wrap .base_box_wrap .info_pic .left .img_area {
		height: 54px;
	}

}

@media screen and (max-width: 1200px) {
	.tab_step_wrap ul {
		flex-wrap: wrap;
	}

	.tab_step_wrap ul li {
		height: 45px;
		padding: 0 15px;
		flex: 1 1 auto;
	}

	.tab_step_wrap ul li .txt {
		font-size: 15px;
	}

	.member_wrap .join_cont {
		padding: 15px;
	}

	.join_cont .step_box_wrap .box_top {
		flex-wrap: wrap;
		gap: 10px;
	}

	.join_cont .step_box_wrap .box_top a {
		margin-left: auto;
	}

	.join_cont .step_box_wrap .form_box_wrap {
		margin-top: 15px;
	}

	.join_cont .step_box_wrap .form_box_wrap ul li:hover {
		background-color: transparent;
	}

	.join_cont .form_block {
		justify-content: start;
		align-items: start;
	}

	.join_cont .form_block input:not[type="checkbox"] {
		width: 100% !important;
	}
	/* .join_cont .form_block input[type="checkbox"] {width:18px !important;} */
	.join_cont .form_block.auto {
		width: 100%;
		align-items: center;
		justify-content: start;
	}

	.join_cont .form_block.auto label {
		width: auto;
		white-space: nowrap;
	}

	.join_cont .form_block.auto input {
		width: auto !important;
	}

	.join_cont .form_block strong {
		/* min-width:90px; */
		flex: 0 0 auto;
		margin-top: 10px;
	}
	.form_block .chk_area {margin-top:10px;}
	.form_block .chk_area label strong {margin:0;}
	.tab_step_wrap ul li .imp_label {
		font-size: 12px;
	}
}

@media screen and (max-width:768px) {
	.join_cont .form_block {
		width: 100%;
	}

	.join_cont .form_block.btn_area {
		width: 100%;
	}

	.join_cont .form_block.proof_block {
		flex-wrap: wrap;
	}
}

.popup__area::before {
	display: none !important;
}

.member_wrap .log_box .priv_wrap {
	padding: 10px;
	line-height: 1.5;
}

.member_wrap .log_box .priv_wrap h3.tit {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 35px;
}

.member_wrap .log_box .priv_wrap h4.tit {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}

.member_wrap .log_box .priv_wrap p.txt {
	font-size: 15px;
	margin-bottom: 7px;
}

.member_wrap .log_box .priv_wrap ul {
	padding-left: 0;
	margin-bottom: 10px;
	list-style: none;
}

.member_wrap .log_box .priv_wrap ul li {
	text-indent: -15px;
	padding-left: 15px;
	font-size: 15px;
	list-style: none;
}

.member_wrap .log_box .priv_wrap ul li + li {
	margin-top: 7px;
}

.member_wrap .log_box .priv_wrap ul li ul {
	margin-top: 7px;
}

.member_wrap .log_box .etcpop_table caption {
	text-indent: -999999;
	position: absolute;
	font-size: 0;
	line-height: 0;
	height: 0;
}

.member_wrap .log_box .etcpop_table thead tr th {
	padding: 10px 0;
	font-weight: bold;
	color: #222;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #222;
	background: #f8f8fa;
	font-size: 15px;
}

.member_wrap .log_box .etcpop_table tbody tr td {
	padding: 10px 5px;
	vertical-align: middle;
	border: 1px solid #222;
	text-align: center;
	font-size: 15px;
}

.pop-layer,
.layer-popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 100%;
	width: 100%;
}

.layer-popup.layer2 {
	z-index: 9;
}

.layer-popup.layer2 .layer-content {
	border: 1px solid #ddd;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.close_layer {
	position: absolute;
	top: 25px;
	right: 25px;
	background-color: transparent;
	z-index: 2;
	width: 25px;
	height: 25px;
}

.pop-container,
.layer-content {
	position: relative;
	background: #fff;
	max-width: 95%;
	padding: 15px 20px;
	border-radius: 8px;
	/* border: 2px solid var(--col_dark_type2); */
}

.popup__inner .layer_cont_tit,
.layer-content .layer_cont_tit {
	border-bottom: 1px solid var(--col_dark_type3);
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.popup__inner .layer_cont_tit .exp,
.layer-content .layer_cont_tit .exp{
	position: absolute;
	right: 20px;
	top: 25px;
}
.popup__inner .layer_cont_tit .btn_x, 
.layer-content .layer_cont_tit .btn_x {
	position: absolute;
	right: 20px;
	top: 20px;
}

.layer-content .layer_cont_tit.guide h2:before {
	width: 43px;
	height: 41px;
	background-image: url(../images/ico_tit_layer.png);
}

.pop-container h4,
.layer-content .layer_cont_tit h2 {
	font-size: 21px;
	color: var(--col_dark_type1);
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	height: 43px;
	border: 0;
	margin-bottom: 0;
}

.layer-content .layer_cont_tit h2:before {
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	background-image: url(../images/ico_tit_layer2.png);
}

.layer-content .layer_cont_wrap {
	line-height: 1.6;
}

.popup__search,
.layer-content .layer_cont_wrap .search_wrap {
	display: flex !important;
	gap: 10px;
	padding: 0 !important;
	/* justify-content: center; */
}

.popup__search *,
.layer-content .layer_cont_wrap .search_wrap * {
	/* flex: 1 1 auto; */
}

.layer-content .layer_cont_wrap .txt {
	font-size: var(--size_type_base);
}

.layer-content .layer_cont_wrap .block {
	margin-top: 24px;
}

.layer-content .layer_cont_wrap .block .tit {
	margin-bottom: 10px;
	font-weight: bold;
}

.layer-content .layer_cont_wrap .block ul {
	padding-left: 15px;
}

.layer-content .layer_cont_wrap .block ul li {
	text-indent: -15px;
	padding-left: 15px;
}

/* 팝업레이어 스타일 */
.layer_wrap {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 999999;
}

.layer_wrap.on {
	display: block;
}

.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #FFFFFF;
	width: 100%;
	max-width: 586px;
}

.popup2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #FFFFFF;
}

.popup__inner {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.pop_cont {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	background: #FFFFFF;
	width: 100%;
	max-width: 500px;
	overflow-y: auto;
}

/* .popup__inner .layer_cont_tit,
.pop_cont .layer_cont_tit {
  border-bottom: 1px solid var(--col_dark_type3);
  margin-bottom: 15px;
} */
.pop-container h4:before,
.pop_cont .layer_cont_tit.guide h2:before {
	width: 43px;
	height: 41px;
	background-image: url(../images/ico_tit_layer.png);
}

.popup__inner .layer_cont_tit h2,
.pop_cont .layer_cont_tit h2 {
	font-size: var(--size_type_point);
	color: var(--col_dark_type1);
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 10px;
	height: 55px;
	background-color: var(--col_dark_type4);
	padding: 0 20px;
}

.pop-container h4:before,
.pop_cont .layer_cont_tit h2:before {
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	background-image: url(../images/ico_tit_layer2.png);
}

.pop_cont .layer_cont_wrap {
	padding: 20px;
	line-height: 1.6;
}

.pop_cont .layer_cont_wrap .search_wrap {
	display: flex;
	gap: 10px;
}

.pop_cont .layer_cont_wrap .search_wrap * {
	flex: 1 1 auto;
}

.pop_cont .layer_cont_wrap .txt {
	font-size: var(--size_type_base);
}

.pop_cont .layer_cont_wrap .block {
	margin-top: 24px;
}

.pop_cont .layer_cont_wrap .block .tit {
	margin-bottom: 10px;
	font-weight: bold;
}

.pop_cont .layer_cont_wrap .block ul {
	padding-left: 15px;
}

.pop_cont .layer_cont_wrap .block ul li {
	text-indent: -15px;
	padding-left: 15px;
}


.layer-popup .popup__list {
	height: 270px;
	overflow: auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
	padding: 5px 5px 5px 0;
	max-height: 270px;
}

.layer-popup .popup__item {
	cursor: pointer;
	display: flex;
	gap: 3px 8px;
	align-items: center;
	border: 1px solid #CDD1D5;
	background-color: #fff;
	padding: 7px;
	flex-wrap: wrap;
}

.pop-layer .popup__item.checked,
.layer-popup .popup__item.checked {
	color: #052561;
	border: 1px solid #86AFF9;
	background-color: #ECF2FE;
	font-weight: bold;
}

.layer-content .layer_cont_wrap .search_wrap *:focus,
.layer-content .layer_cont_wrap .search_wrap *:focus-visible,
.layer-popup .popup__item:focus {
	outline: none !important;
}

.sch1 .popup__item .popup__name {
	order: 2;
	white-space: nowrap;
}

.sch2 .popup__item .popup__name {
	order: 1;
	white-space: nowrap;
	padding: 0 10px 0 0 !important;
}

.popup__item .popup__name input {}

.popup__item .popup__desc {
	order: 3;
}

.popup__item .popup__area {
	line-height: 1;
	padding-right: 5px;
	margin-left: 0;
}

.sch1 .popup__item .popup__area {
	order: 1;
	border-right: 2px solid #000;
	padding-right: 5px;
}

.sch2 .popup__item .popup__area {
	order: 2;
	border-left: 2px solid #000;
	padding-left: 5px;
}

.sch3 .popup__item .popup__name {
	order: 2;
}

.sch3 .popup__item .popup__desc {
	order: 1;
}

.sch3 .popup__item .popup__area {
	order: 3;
	border-left: 2px solid #000;
	padding-left: 10px;
	margin-left: 5px;
}

.popup__item .popup__area input {}

.popup__inner .popup__item {
	align-items: start;
	line-height: 1.5;
	cursor: pointer;
	display: flex;
	gap: 3px 8px;
	align-items: center;
	border: 1px solid #CDD1D5;
	background-color: #fff;
	padding: 7px;
	flex-wrap: wrap;
}

.ui-datepicker-calendar {}

.popup__empty {
	text-align: center;
	padding: 15px 0;
}

.popup__paging {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding-top: 20px;
}

.popup__paging ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup__paging a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	min-width: 35px;
	height: 35px;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.3s;
	color: #999999;
}

.popup__paging a:hover {
	background-color: #ebf3ff;
	border: 1px solid #1876fb;
}

.popup__paging .first a {
	text-indent: -99999px;
	background-image: url(/images/2023/cms/arrow-left-double.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.popup__paging .prev a {
	text-indent: -99999px;
	background-image: url(/images/2023/cms/arrow-left.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 20px;
}

.popup__paging .next a {
	text-indent: -99999px;
	background-image: url(/images/2023/cms/arrow-right.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-left: 20px;
}

.popup__paging .last a {
	text-indent: -99999px;
	background-image: url(/images/2023/cms/arrow-right-double.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.popup__paging strong {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid #1876FB;
	background: #EBF3FF;
	color: #1876FB;
	font-size: 14px;
}

.popup__paging .current a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid #1876FB;
	background: #EBF3FF;
	color: #1876FB;
	font-size: 14px;
}

@media (max-width: 768px) {

	.popup__search,
	.layer-content .layer_cont_wrap .search_wrap {
		flex-wrap: wrap;
	}

	.pop-layer,
	.layer-popup {
		top: 30px;
		transform: translateX(-50%);
	}

	.popup__paging a {
		width: 18px;
		min-width: 18px;
		height: 18px;
		font-size: 12px;
	}

	.popup__paging .current a {
		width: 18px;
		min-width: 18px;
		height: 18px;
		font-size: 12px;
	}

	.popup__paging strong {
		width: 18px;
		min-width: 18px;
		height: 18px;
		font-size: 12px;
	}

	.popup__paging .prev a {
		margin-right: 5px;
	}

	.popup__paging .next a {
		margin-left: 5px;
	}
}

.pop-layer .popup__list {
	height: 280px;
	overflow: auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 0;
	padding: 5px 5px 5px 0;
	max-height: 280px;
}

.popup__btnbox .btn {
	max-width: none;
	width: auto;
	min-wdith: 120px !important;
}

.btn.popup__search-btn {
	padding: 0 18px;
	width: auto;
}

.btn-remove-sns,
.btn-remove-award {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

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

	.btn-remove-sns,
	.btn-remove-award {
		position: static;
		width: 100%;
		transform: none;
		margin-top: 15px;
	}
}


.dots dt {
	display: flex;
	gap: 10px;
	align-items: center;
}

.dots dt:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #333;
	border-radius: 50%;
	vertical-align: top;
}

.member_wrap.complete {
	align-items: center;
	justify-content: center;
}

.member_wrap.complete .block {
	padding: 100px;
	background: #fff;
	text-align: center;
	border-radius: 20px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

.member_wrap.complete .block h3 {
	margin-top: 20px;
	font-size: 21px;
}

.member_wrap.complete .block h3 .point {
	color: #083891;
	font-weight: bold;
}

.member_wrap.complete .block .btn_area {
	margin-top: 20px;
}


.ml10 {
	margin-left: 10px;
}


@media screen and (max-width:768px) {
	.member_wrap.complete {
		background: #fff;
	}

	.member_wrap.complete .block {
		box-shadow: none;
		width: 100%;
		padding: 10px;
	}

	.member_wrap.complete .block img {
		width: 130px
	}

	.popup__inputbox.i1 {
		width: 35%
	}

	.popup__inputbox.i2 {
		width: 30%;
	}

	.popup__inputbox.i_sch {
		width: 65%
	}
}