/* login */
.login_content {
	padding: 0 15px;
}
.login_method {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 15px;
	position: relative;
}
.login_QR_btn {
	position: absolute;
	left: 15px;
}
.login_QR_img {
	width: 25px;
}
.login_method button {
	font-weight: 500;
	font-size: 14px;
	color: #ccc;
	border-radius: 30px;
	padding: 5px;
	min-width: 155px;
	/* background-color: #000; */
	/* color: #fff; */
}
.login_method button.on {
	/* background-color: #d8e1d1; */
	background-color: #f1f1f1;
	/* color: #779561; */
	color: #000;
}
.login_method em {
	display: block;
	width: 1px;
	height: 18px;
	background-color: #ccc;
}
.login_content {}
.login_content h1 {
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.login_content h1 img {
	width: 180px;
}
.login_box {
	max-width: 520px;
	margin: auto;
	overflow: hidden;
	display: none;
}
.login_box.active {
	display: block;
}
.login_input_box {
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	padding: 5px 10px;
}
.login_input_box input {
	border: none;
	padding: 20px 10px;
	font-size: 14px;
	font-weight: 400;
	padding-left: 45px;
}
.login_input_box input:first-child {
	border-bottom: 1px solid #d7d7d7;
	background: url(/img/member/login_user.png) no-repeat center left 10px;
	border-radius: 0;
}
.login_input_box input:last-child {
	background: url(/img/member/login_password.png) no-repeat center left 10px;
}
.login_input_box input::placeholder {
	color: #d7d7d7;
}
.id_save_find_wrap {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
}
.id_save_box {}
.id_save_box label {
	font-size: 14px;
	color: #d6d6d6;
	display: flex;
	align-items: center;
	gap: 5px;
}
.find_id_pass {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.find_id_pass em {
	color: #d7d7d7;
	font-size: 12px;
}
.login_forget_pass {
	font-size: 14px;
	font-weight: 400;
	color: #d7d7d7;
	/* text-decoration: underline; */
	/* display: block;
	margin: 10px 0; */
	/* min-width: 110px; */
	text-align: center;
}
.login_btn.gradient_btn {
	background: #000;
	color: #fff;
}
.gradient_btn {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background: linear-gradient(90deg, #000b00, #19420b);
	padding: 15px;
	border-radius: 30px;
	text-align: center;
	display: block;
	width: 100%;
}
.gradient_btn.disabled {
	background: #d7d7d7;
}
.login_with {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0;
	gap: 10px;
}
.login_with em {
	display: block;
	width: 35%;
	height: 1px;
	background-color: #ccc;
}
.login_with span {
	font-weight: 500;
	text-align: center;
	color: #ccc;
	min-width: 95px;
}
.login_sns {
	display: flex;
	justify-content: center;
	gap: 60px;
}
.login_sns a {
	font-size: 16px;
	font-weight: 500;
	color: #acacac;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	min-width: 105px;
}
.signUp_btn {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	border: 1px solid #000;
	background: #fff;
	padding: 15px;
	border-radius: 30px;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 30px;
}
.line_banner {
	/* margin-top: 70px; */
}
.line_banner img {
	display: block;
}
.bottom_fixed_banner {
	position: sticky;
	max-width: 600px;
	width: 100%;
	bottom: 71px;
}
.point_fixed_banner .bottom_fixed_banner {
	position: static;
}
.login_input_box_phone {
	display: flex;
	gap: 5px;
	margin-bottom: 10px;
}
.login_input_box_phone input {
	padding: 15px 10px;
	font-size: 14px;
	color: #898989;
	border-radius: 5px;
	width: 100%;
	border: 1px solid #d7d7d7;
}
.login_input_box_phone input::placeholder {
	color: #d7d7d7;
}
.login_code_input input {
	padding: 15px;
}
.login_code_input p {
	display: flex;
	gap: 5px;
	margin: 10px 0;
}
.login_code_input p button {
	font-size: 14px;
	color: #fff;
	background: linear-gradient(90deg, #000b00, #19420b);
	padding: 10px;
	text-align: center;
	display: block;
	width: 50%;
	border-radius: 5px;
}
.login_code_input p button:first-child {
	color: #13501b;
	border: 1px solid #13501b;
	background: #fff;
}
.korea_link {
	margin: 20px 0;
}
.korea_link a {
	font-size: 13px;
	font-weight: 500;
	color: #7f7f7f;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	text-decoration: underline;
}
.find_pop {
	position: fixed;
	max-width: 600px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	z-index: 10;
	display: none;
}
.find_pop.active {
	display: block;
}
.find_pop h2 {
	text-align: center;
	padding: 15px;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #ebebeb;
}
.find_pop_con {
	padding: 15px;
}
.find_pop_con h3 {
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 10px;
}
.find_pop_con ul {}
.find_pop_con ul li {
	font-size: 13px;
	padding-bottom: 5px;
	font-weight: 300;
}
.find_pop_con ul li:last-child {
	padding-bottom: 0;
}
.find_row_wrap {
	padding: 20px 0;
}
.fp_row {
	padding-bottom: 15px;
}
.fp_row:last-child {
	padding-bottom: 0;
}
.fp_row span {
	font-size: 13px;
	font-weight: 500;
	display: block;
	padding-bottom: 5px;
}
.fp_row span b {
	color: #f66a75;
}
.find_pop_close {
	position: absolute;
	top: 15px;
	right: 15px;
}
.pass_reset_open {
	font-size: 14px;
	color: #fff;
	background-color: #555;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
}

/* 회원가입 */
.signUp_agree {
	margin-bottom: 20px;
}
.signUp_agree label {
	font-size: 13px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 5px;
}
.sns_code_send {
	position: relative;
}
.sns_code_send img {
	position: absolute;
	top: 11px;
	left: 23px;
}
.already_id {
	text-align: center;
	font-size: 14px;
	margin: 30px 0;
	margin-bottom: 80px;
}
.already_id a {
	font-weight: 500;
	color: #5e4296;
	margin-left: 5px;
}
.signUp_box {
	margin-top: 30px;
}
.sub_head {
	text-align: center;
	font-weight: 500;
	font-size: 24px;
	padding: 20px 0;
}
.imp_input {
	font-size: 14px;
	padding-bottom: 10px;
}
.imp_input b {
	color: #f66a75;
}
.form_bg {
	background-color: #fff;
	padding: 15px;
}
/* .form_bg:nth-of-type(1) {
	border-radius: 10px 10px 0 0;
	margin-bottom: 10px;
}
.form_bg:nth-of-type(2) {
	border-radius: 0 0 10px 10px;
} */
.form_bg {
	border-radius: 10px 10px 0 0;
	margin-bottom: 10px;
}
.form_bg:last-child {
	border-radius: 0 0 10px 10px;
}
.join_row {
	padding-bottom: 15px;
}
.join_row span {
	font-size: 14px;
	font-weight: 500;
	display: block;
	padding-bottom: 5px;
}
.join_row span b {
	color: #f66a75;
}
.join_row_right input {
	padding: 15px;
}
.gender_sel {
	display: flex;
	gap: 20px;
	padding-top: 5px;
}
.gender_sel label {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	display: flex;
	align-items: center;
	gap: 5px;
}
.gender_sel label em {}
.input_btn_set input {
	width: calc(100% - 75px);
}
.input_btn_set button {
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #779561;
	color: #779561;
	padding: 15px 10px;
	border-radius: 5px;
}
.join_address {}
.join_address select {
	padding: 15px;
	color: #333;
	margin-bottom: 5px;
}
.join_bottom_agree_title {
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 10px;
}
.join_bottom_agree_box {}
.join_bottom_agree_box label {
	display: flex;
	gap: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin: 10px 0;
}
.join_bottom_agree_box label b {
	color: #f66a75;
}
.joining_btn {
	margin: 20px 0;
}
.datepicker {
	background: #fff url(/img/member/calendar.png) no-repeat center right 10px !important;
}

/* 인플루언서 신청 */
.influencer_join_head {
	padding: 15px 0;
}
.x_wrap {
	text-align: right;
}
.influencer_join_head h1 {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 10px 0;
	margin-bottom: 15px;
}
.ij_step {
	max-width: 160px;
	width: 100%;
	margin: auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ij_step::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #ccc;
}
.ij_step span {
	font-size: 14px;
	font-weight: 500;
	color: #acacac;
	display: inline-block;
	background-color: #fff;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 2px solid #ccc;
	text-align: center;
	line-height: 31px;
	position: relative;
	z-index: 1;
}
.ij_step span.on {
	color: #fff;
	background-color: #779561;
	border-color: #779561;
}
.ij_step_complete span {
	display: flex;
	justify-content: center;
	align-items: center;
	border-color: #779561;
}
.influencer_join_grade {
	display: flex;
	justify-content: center;
	gap: 5px;
}
.ig_item,
.ig_item_none {
	width: 33.33333%;
	border: 1px solid #898989;
	border-radius: 10px;
	background-color: #13501b;
	/* overflow: hidden; */
	outline: 1px solid transparent;
	position: relative;
}
.current_grade {
	border-color: #000;
	outline-color: #000;
	background-color: #f2f2f2;
	position: relative;
}
.current_grade:before {
	content: '현재혜택';
	position: absolute;
	background-color: #555;
	color: #fff;
	font-size: 12px;
	border-radius: 30px;
	padding: 5px 8px;
	top: -12px;
	min-width: 43px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}
.next_grade:before {
	content: none;
}
.current_grade .ig_desc {
	background-color: #f2f2f2;
}
.current_grade h2,
.current_grade .ig_desc span {
	color: #acacac;
}
.current_grade .ig_desc a {
	background-color: #d9d9d9;
}
.grade_selected {
	border-color: #779561;
	outline-color: #779561;
box-shadow: 0 4px 8px rgba(0, 0, 0, 30%);
}
.current_grade.grade_selected {
	border-color: #000;
	outline-color: #000;
}
.back_gray {
	border-color: #000;
	outline-color: #000;
	background-color: #f2f2f2;
	position: relative;
}
.back_gray .ig_desc {
	background-color: #f2f2f2;
}
.ig_item.back_gray h2,
.back_gray .ig_desc span {
	color: #acacac;
}
.ig_item h2,
.ig_item_none h2 {
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	padding: 15px;
	padding-top: 20px;
	position: relative;
	width: fit-content;
	margin: auto;
	z-index: 1;
	color: #fff;
}
.current_grade h2 {
	color: #acacac;
}
.ig_item h2:before {
	position: absolute;
	z-index: -1;
}
.ig_item img {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 22px;
	display: none;
}
.grade_selected img {
	display: block;
}
.grade_star_01:before {
	content: url(/img/member/grade_star_01.png);
	left: 1px;
}
.grade_star_02:before {
	content: url(/img/member/grade_star_02.png);
	left: -1px;
	top: 15px;
}
.grade_star_03:before {
	content: url(/img/member/grade_star_03.png);
	left: -3px;
	top: 12px;
}
.ig_desc {
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
}
.ig_desc span {
	font-size: 13px;
	color: #555;
}
.ig_desc button {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background-color: #000;
	border-radius: 30px;
	padding: 5px 8px;
	display: block;
	width: fit-content;
	margin: auto;
	margin-top: 10px;
}
.ig_desc small {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background-color: #000;
	border-radius: 30px;
	padding: 5px 8px;
	display: block;
	width: fit-content;
	margin: auto;
	margin-top: 10px;
}
.grade_desc {
	border-radius: 10px;
	background-color: #f2f2f2;
	padding: 15px;
	margin: 20px 0;
	position: sticky;
	top: 0;
}
.grade_desc h1 {
	font-size: 20px;
	font-weight: 400;
}
.grade_desc span {
	background: #000;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	padding: 3px 6px;
	display: inline-block;
	/* margin: 7px 0; */
}
.grade_desc ul {
	border-top: 1px dotted #000;
	padding-top: 7px;
	margin-top: 7px;
}
.grade_desc ul li {
	font-size: 13px;
	line-height: 2em;
}
.grade_desc ul li:before {
	content: url(/img/member/check_purple.png);
	margin-right: 5px;
}
.grade_desc_title {
	display: flex;
	justify-content: space-between;
}
.grade_desc_title > div {
	/* display: flex; */
}
.grade_desc_title > div p {
	text-align: right;
}
.grade_desc_title > div p b {
	font-size: 12px;
	color: #ed1c24;
	font-weight: 500;
}
.grade_desc_title > div p del	 {
	font-size: 12px;
	font-weight: 500;
	color: #acacac;
	margin-left: 5px;
}
.grade_desc_payment {
	font-size: 14px;
	color: #fff;
	background-color: #000;
	border-radius: 30px;
	padding: 10px;
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 10px;
}
.floating_price_box {
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 20px;
	/* transition: 0.4s; */
}
/* 하단 고정 */
.floating_price_box.fixed {
	position: fixed;
	width: 100%;
	max-width: 600px;
	left: 50%;
	transform: translateX(-50%);
	border: none;
	border-radius: 5px 5px 0 0;
	background-color: #fff;
	margin-bottom: 0;
	bottom: 0;
}
.floating_price_box article {}
.fl_grade_desc {
	background-color: #f2f2f2;
	padding: 10px;
	border-radius: 10px;
}
.fl_grade_desc span {
	font-size: 14px;
}
.fl_grade_desc span b {}
.fl_grade_desc p {
	font-size: 12px;
	color: #7f7f7f;
	margin-top: 5px;
}
.fl_price_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
}
.fl_price_wrap div {}
.fl_price_wrap div span {
	font-size: 12px;
	color: #ed1c24;
	font-weight: 500;
}
.fl_price_wrap div del {
	font-size: 12px;
	font-weight: 500;
	color: #acacac;
}
.fl_price_wrap div h4 {
	font-size: 14px;
	font-weight: 400;
	margin: 3px 0;
}
.fl_price_wrap div h4 strong {
	font-weight: 600;
}
.fl_price_wrap div em {
	font-size: 14px;
	font-weight: 500;
}
.fl_price_wrap aside {
	font-size: 14px;
	font-weight: 500;
	color: #ed1c24;
	text-align: right;
}
.floating_price_box > a {
	font-size: 14px;
	color: #fff;
	background-color: #000;
	border-radius: 30px;
	padding: 10px;
	display: block;
	text-align: center;
	margin: auto;
}

.influencer_join_form .form_bg:nth-of-type(2) {
	border-radius: 0;
	margin-bottom: 10px;
}
.influencer_join_form .form_bg:nth-of-type(3) {
	border-radius: 0;
	margin-bottom: 10px;
}
.influencer_join_form .form_bg:nth-of-type(4) {
	border-radius: 0 0 10px 10px;
}

.grade_price {
	display: flex;
	border: 2px solid #779561;
	border-radius: 10px;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	margin-bottom: 20px;
}
.grade_price span {
	font-size: 16px;
	font-weight: 500;
	background-color: #d8e1d1;
	padding: 12px;
}
.grade_price {}
.grade_price p {
	font-size: 14px;
	color: #bfbfbf;
	padding: 12px;
}
.grade_price p em {
	font-size: 16px;
	color: #000;
	margin-left: 10px;
}
.pay_kind {
	display: flex;
	gap: 15px;
	margin: 10px 0;
	margin-bottom: 0;
}
.pay_kind label {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
}
.card_period input {
	max-width: 70px;
}
.card_period em {
	font-size: 14px;
	font-weight: 500;
	color: #ccc;
	margin: 5px;
}
.notice_icon_input {
	position: relative;
}
.notice_icon_input > img {
	position: absolute;
	top: 16px;
	right: 10px;
}
.notice_input_pop {
	position: absolute;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 20%);
	padding: 15px;
	max-width: 245px;
	top: -45px;
	right: 0;
	display: none;
}
.notice_input_pop.active {
	display: block;
}
.notice_input_pop h5 {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.notice_input_pop p {
	font-size: 12px;
	color: #898989;
	line-height: 1.5em;
	margin: 5px 0;
}
.notice_input_pop ul {}
.notice_input_pop ul li {
	font-size: 12px;
	line-height: 1.5em;
}
.notice_input_pop button {
	position: absolute;
	top: 12px;
	right: 10px;
}
.join_pay_kind {
	display: none;
}
.join_pay_kind.active {
	display: block;
}
.card_add {
	position: absolute;
	font-size: 12px;
	color: #779561;
	border: 1px solid #779561;
	border-radius: 5px;
	padding: 3px 12px;
	top: 0;
	right: 0;
}
.card_set {
	border-bottom: 1px dashed #d7d7d7;
	margin-top: 10px;
	position: relative;
}
.card_set:last-child {
	border-bottom: none;
}
.card_set_remove {
	position: absolute;
	font-size: 12px;
	color: crimson;
	border: 1px solid crimson;
	border-radius: 5px;
	padding: 3px 12px;
	top: -5px;
	right: 0;
}
.ijc_box {
	background-color: #fff;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
}
.ijc_box img {
	width: 50px;
}
.ijc_box h2 {
	font-size: 20px;
	font-weight: 500;
	color: #555;
	padding: 20px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
}
.ijc_box h2 span {
	color: #779561;
}
.ijc_box p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 20px 0;
}
.kr_join_complete.tiki {
	margin-top: 20px;
}
.influ_mean {
	margin: 10px 0;
	position: relative;
}
.influ_mean a {
	font-size: 12px;
	color: #13501b;
	border: 2px solid #13501b;
	padding: 5px 10px;
	font-weight: 500;
	border-radius: 30px;
	display: flex;
	width: fit-content;
	align-items: center;
	gap: 5px;
}
.influ_mean_img {
	position: absolute;
	top: calc(100% + 5px);
	left: -1px;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	border: 1px solid #d7d7d7;
}
.influ_mean_img.active {
	opacity: 1;
	visibility: visible;
}
.influ_mean_img img {
	width: 100%;
	display: block;
}
.influ_mean_img_close {
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	border: 1px solid blueviolet;
	padding: 3px 10px;
	border-radius: 60px;
	color: blueviolet;
}
.common_pop {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 360px;
	width: 100%;
	background-color: #fff;
	text-align: center;
	line-height: 1.5em;
	border-radius: 10px;
	padding: 20px;
	z-index: 10;
	display: none;
}
.common_pop.active {
	display: block;
}
.common_overlay {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 70%);
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.common_overlay.active {
	opacity: 1;
	visibility: visible;
}
.common_pop p {
	font-size: 14px;
}
.common_pop div {
	display: flex;
	gap: 5px;
	margin-top: 10px;
}
.common_pop div button {
	border-radius: 30px;
	width: 50%;
	font-size: 12px;
	padding: 10px;
}
.common_pop div button:last-child {
	border: 1px solid #898989;
	color: #898989;
	background-color: #fff;
}

/* VVIP 옵션 */
.grade_option_list {
	margin-bottom: 15px;
}
.grade_option_list ul {}
.grade_option_item {
	margin-bottom: 5px;
}
.grade_option_item:last-child {
	margin-bottom: 0;
}
.grade_option_item label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	background-color: #f8f8f8;
	border-radius: 10px;
	padding: 15px;
}
.grade_option_item label div {}
.grade_option_item label div h3 {
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 15px;
}
.grade_option_item label div h3 small {
	display: inline-block;
	min-width: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #898989;
}
.grade_option_item label div h3 span {
	font-size: 18px;
	font-weight: 500;
	color: #779561;
}
.grade_option_item label div p {
	font-size: 13px;
	color: #555;
	margin-bottom: 5px;
}
.grade_option_item label div p:last-of-type {
	margin-bottom: 0;
}
.option_chk b {
	display: inline-block;
	width: 25px;
	min-width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #d7d7d7;
	position: relative;
	transition: 0.2s ease;
}
.option_chk b:before {
	content: '';
	position: absolute;
	background-color: #fff;
	width: 4px;
	height: 10px;
	border-radius: 30px;
	transform: rotate(-45deg) scale(0);
	top: 9px;
	left: 6px;
	transition: 0.2s ease;
}
.option_chk b:after {
	content: '';
	position: absolute;
	background-color: #fff;
	width: 4px;
	height: 15px;
	border-radius: 30px;
	transform: rotate(45deg) scale(0);
	top: 5px;
	left: 13px;
	transition: 0.2s ease;
}
.grade_option_item input:checked + label .option_chk b {
	background-color: #779561;
}
.grade_option_item input:checked + label .option_chk b:before {
	transform: rotate(-45deg) scale(1);
}
.grade_option_item input:checked + label .option_chk b:after {
	transform: rotate(45deg) scale(1);
}