/* join_policy.skin.php */
.join_process {
	display: none;
}
.mobile_process {
	display: block;		
}
.mobile_process .process {
	background-color: #f0f1f5;
	margin-bottom: 10px;
	padding: 18px 20px;
}
.mobile_process .process.active {
	color: #f46110;
	font-weight: 700;
}
.mobile_process .process .step {
	font-size: 14px;
}
.mobile_process .process .text {
	font-size: 18px;
}

.policy_text {
	color: #7e7e7e;
	font-size: 14px;
}

.join_policy_area .check_join_policy {
	width: 0;
	height: 0;
}
.join_policy_area .check_join_policy ~ .bi-check-circle {
	display: inline-block;
}
.join_policy_area .check_join_policy ~ .bi-check-circle-fill {
	color: #ffc341;
	display: none;
}
.join_policy_area .check_join_policy:checked ~ .bi-check-circle {
	display: none;
}
.join_policy_area .check_join_policy:checked ~ .bi-check-circle-fill {
	color: #ffc341;
	display: inline-block;
}

.join_policy_area .check_join_privacy {
	width: 0;
	height: 0;
}
.join_policy_area .check_join_privacy ~ .bi-check-circle {
	display: inline-block;
}
.join_policy_area .check_join_privacy ~ .bi-check-circle-fill {
	color: #ffc341;
	display: none;
}
.join_policy_area .check_join_privacy:checked ~ .bi-check-circle {
	display: none;
}
.join_policy_area .check_join_privacy:checked ~ .bi-check-circle-fill {
	color: #ffc341;
	display: inline-block;
}

.join_policy_area .check_marketing_agree {
	width: 0;
	height: 0;
}
.join_policy_area .check_marketing_agree ~ .bi-check-circle {
	display: inline-block;
}
.join_policy_area .check_marketing_agree ~ .bi-check-circle-fill {
	color: #ffc341;
	display: none;
}
.join_policy_area .check_marketing_agree:checked ~ .bi-check-circle {
	display: none;
}
.join_policy_area .check_marketing_agree:checked ~ .bi-check-circle-fill {
	color: #ffc341;
	display: inline-block;
}

.join_policy_area .check_all_agree {
	width: 0;
	height: 0;
}
.join_policy_area .check_all_agree ~ .bi-check-circle {
	display: inline-block;
}
.join_policy_area .check_all_agree ~ .bi-check-circle-fill {
	color: #ffc341;
	display: none;
}
.join_policy_area .check_all_agree:checked ~ .bi-check-circle {
	display: none;
}
.join_policy_area .check_all_agree:checked ~ .bi-check-circle-fill {
	color: #ffc341;
	display: inline-block;
}

.join_policy_area textarea {
	background-color: #f4f5f8;
	border: 0;
}

.agree_wrap {
	display: flex;
	align-items: center;
}
.agree_wrap b {
	line-height: 120%;
}
.agree_area {
	border: 1px solid #cecece;
	padding: 13px 0;
	display: flex;
	justify-content: center;
	margin: 30px 0;
	font-size: 16px;
}
.agree_area:hover {
	background-color: #f6f6f6;
}
.check_all_agree {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.join_with_id {
	width: 200px;
	height: 40px;
	border: 0;
	background-color: #505457;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.join_proc_cancel {
	width: 200px;
	height: 40px;
	border: 0;
	background-color: #505456;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.join_proc_next {
	width: 200px;
	height: 40px;
	border: 0;
	background-color: #ffc341;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.join_naver {
	border: 0;
	background-color: #03C75A;
	width: 200px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	margin-right: 0;
	margin-bottom: 5px;
	padding: 0 15px 0 0;
}
.join_naver img {
	height: 40px;
}
.join_kakao {
	border: 0;
	background-color: #FEE500;
	width: 200px;
	color: rgba(0,0,0,0.8);
	font-weight: bold;
	font-size: 16px;
	margin-right: 0;
	margin-bottom: 5px;
	padding: 0 15px 0 0;
}
.join_kakao img {
	height: 40px;
}

@media (min-width: 992px) {
	/* join_policy.skin.php */
	.join_process {
		display: flex;
		margin-bottom: 100px;
	}
	.join_process_item {
		flex: 1 1 auto;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 30px;
	}
	.join_process_idx {
		font-size: 18px;
		font-weight: 700;
	}
	.join_process_title {
		font-size: 23px;
		font-weight: 800;
	}
	.join_process_dot {
		width: 16px;
		height: 16px;
		background-color: #999999;
		border-radius: 8px;
		position: absolute;
		margin-top: 23px;
	}
	.join_process_item.active {
		color: #f46110;
	}
	.join_process_item.active .join_process_dot {
		background-color: #f46110;
	}
	.mobile_process {
		display: none;
	}

	.join_policy_area .check_join_policy {
		width: 0;
		height: 0;
	}
	.join_policy_area .check_join_policy ~ .bi-check-circle {
		display: inline-block;
	}
	.join_policy_area .check_join_policy ~ .bi-check-circle-fill {
		color: #ffc341;
		display: none;
	}
	.join_policy_area .check_join_policy:checked ~ .bi-check-circle {
		display: none;
	}
	.join_policy_area .check_join_policy:checked ~ .bi-check-circle-fill {
		color: #ffc341;
		display: inline-block;
	}

	.join_policy_area .check_join_privacy {
		width: 0;
		height: 0;
	}
	.join_policy_area .check_join_privacy ~ .bi-check-circle {
		display: inline-block;
	}
	.join_policy_area .check_join_privacy ~ .bi-check-circle-fill {
		color: #ffc341;
		display: none;
	}
	.join_policy_area .check_join_privacy:checked ~ .bi-check-circle {
		display: none;
	}
	.join_policy_area .check_join_privacy:checked ~ .bi-check-circle-fill {
		color: #ffc341;
		display: inline-block;
	}

	.join_policy_area .check_marketing_agree {
		width: 0;
		height: 0;
	}
	.join_policy_area .check_marketing_agree ~ .bi-check-circle {
		display: inline-block;
	}
	.join_policy_area .check_marketing_agree ~ .bi-check-circle-fill {
		color: #ffc341;
		display: none;
	}
	.join_policy_area .check_marketing_agree:checked ~ .bi-check-circle {
		display: none;
	}
	.join_policy_area .check_marketing_agree:checked ~ .bi-check-circle-fill {
		color: #ffc341;
		display: inline-block;
	}

	.join_policy_area .check_all_agree {
		width: 0;
		height: 0;
	}
	.join_policy_area .check_all_agree ~ .bi-check-circle {
		display: inline-block;
	}
	.join_policy_area .check_all_agree ~ .bi-check-circle-fill {
		color: #ffc341;
		display: none;
	}
	.join_policy_area .check_all_agree:checked ~ .bi-check-circle {
		display: none;
	}
	.join_policy_area .check_all_agree:checked ~ .bi-check-circle-fill {
		color: #ffc341;
		display: inline-block;
	}

	.join_policy_area textarea {
		background-color: #f4f5f8;
		border: 0;
	}

	.agree_wrap {
		display: flex;
		align-items: center;
	}
	.agree_wrap b {
		line-height: 120%;
	}
	.agree_area {
		border: 1px solid #cecece;
		padding: 13px 0;
		display: flex;
		justify-content: center;
		margin: 60px 0;
		font-size: 16px;
	}
	.agree_area:hover {
		background-color: #f6f6f6;
	}
	.check_all_agree {
		width: 14px;
		height: 14px;
		vertical-align: middle;
	}
	.join_with_id {
		width: 200px;
		height: 50px;
		border: 0;
		background-color: #505457;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.join_proc_cancel {
		width: 200px;
		height: 50px;
		border: 0;
		background-color: #505456;
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.join_proc_next {
		width: 200px;
		height: 50px;
		border: 0;
		background-color: #ffc341;
		color: #000000;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.join_naver {
		border: 0;
		background-color: #03C75A;
		width: 200px;
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
		margin-right: 0;
		margin-bottom: 5px;
		padding: 0 15px 0 0;
	}
	.join_naver img {
		height: 50px;
	}
	.join_kakao {
		border: 0;
		background-color: #FEE500;
		width: 200px;
		color: rgba(0,0,0,0.8);
		font-weight: bold;
		font-size: 18px;
		margin-right: 0;
		margin-bottom: 5px;
		padding: 0 15px 0 0;
	}
	.join_kakao img {
		height: 50px;
	}
}




/* join_auth.skin.php */
.join_auth_area {
	border: 1px solid #c1c1c1;
	background-color: #f7f9fb;
	padding: 45px 30px 10px 30px;
}
.join_auth_title {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
}
.join_auth_text {
	text-align: center;
	font-size: 18px;
	padding: 5px 0;
	margin-bottom: 15px;
}
.join_auth_btn_wrap {
	text-align: center;
	padding: 0;
	margin: 0;
}
.join_auth_btn {
	width: 200px;
	height: 55px;
	font-size: 20px;
	font-weight: bold;
	border: 0;
	background-color: #505456;
	color: #ffffff;
}
.userinfobox {
	border: 1px solid #d8d8d8;
	padding: 30px 20px;
}
.userinfotitle {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 3px;
}
.userinfotitle i {
	margin-top: 2px;
}
.userinfobox ul {
	list-style-type: none;
	padding-left: 7px;
	text-indent: -7px;
}
.userinfobox ul li {
	margin-bottom: 4px;
}

/* join_write.skin.php */
.bangtable > tbody > tr > th {
	font-size: 18px !important;
	width: 20%;
	min-width: 160px;
}
.join_photo_wrap img {max-width:100px;}
.pw_msg_fail {
	display: inline-block;
	margin-left: 10px;
	color: #686868;
	display: none;
}
.pw_msg_success {
	display: inline-block;
	margin-left: 10px;
	color: #00aa00;
	display: none;
}
.resign_btn_wrap {
	text-align: center;
	margin-top: 40px;
}
.resign_btn {
	color: #003399;
}


/* join_result.skin.php */
.join_result_area {
	border: 1px solid #d8d8d8;
	background-color: #f7f9fb;
	padding: 65px 30px;
}
.join_result_icon {
	text-align: center;
	margin-bottom: 20px;
}
.join_result_icon i {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #ffc341;
	color: #ffffff;
	font-size: 48px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.join_result_subject {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	padding: 5px 0;
}
.join_result_text {
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
}
.join_result_btn_wrap {
	text-align: center;
	padding-top: 20px;
}
.join_result_btn {
	width: 200px;
	height: 55px;
	font-size: 20px;
	font-weight: bold;
	border: 0;
	background-color: #ffc341;
	color: #000000;
}


/* login.skin.php */
.login_box {
	background-color: #f7f9fb;
	padding: 30px 25px;
	margin-bottom: 10px;
}
.login_box_left {
}
.login_box_form {
	display: flex;
}
.login_box_el_wrap {
	flex: 1 1 auto;
	padding-right: 10px;
}
.login_box_el_wrap input:focus {
	outline:none;
}
.login_box_el {
	width: 100%;
	height: 45px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	padding-left: 10px;
}
.login_box_btn_wrap {
	flex: 0 0 90px;
}
.login_box_btn {
	width: 100%;
	height: 100px;
	border: 0;
	background-color: #3e69d2;
	color: #ffffff;
	font-size: 24px;
}
.sns_login {
	margin-top: 15px;
}
.naver_login_btn {
	border: 0;
	background-color: #03C75A;
	width: 100%;
	color: #ffffff;
	font-size: 18px;
	margin-right: 0;
	margin-bottom: 5px;
	padding: 0;
}
.naver_login_btn img {
}
.kakao_login_btn {
	border: 0;
	background-color: #fee500;
	width: 100%;
	font-size: 18px;
	margin-left: 0;
	padding: 5px 0;
}
.kakao_login_btn img {
	width: 48px;
}
.login_box_divider {
	border-top:1px solid #d8d8d8;
	margin: 50px 0;
}
.login_box_right {
}
.login_box_more {
}
.idpw_wrap {
	display: flex;
}
.login_btn_idpw {
	flex: 1 1 auto;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.login_btn_idpw:hover {
	border: 1px solid #666666;
}
.idpw_divider {
	flex: 0 0 3%;
}
.login_btn_join {
	border: 0;
	background-color: #666666;
	color: #ffffff;
	height: 50px;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
}
.login_btn_join:hover {
	background-color: #444444;
}

@media(min-width: 992px) {
	.login_box {
		display: flex;
		border: 1px solid #d8d8d8;
		background-color: #f7f9fb;
		padding: 50px 70px;
		margin-bottom: 10px;
	}
	.login_box_left {
		flex: 1 1 auto;
	}
	.login_box_form {
		display: flex;
	}
	.login_box_el_wrap {
		flex: 1 1 auto;
		padding-right: 10px;
	}
	.login_box_el {
		width: 100%;
		height: 55px;
		border: 1px solid #dddddd;
		background-color: #ffffff;
		padding-left: 10px;
	}
	.login_box_btn_wrap {
		flex: 0 0 120px;
	}
	.login_box_btn {
		width: 100%;
		height: 120px;
		border: 0;
		background-color: #3e69d2;
		color: #ffffff;
		font-size: 24px;
	}
	.sns_login {
		margin-top: 18px;
		display: flex;
		justify-content: space-between;
	}
	.naver_login_btn {
		border: 0;
		background-color: #03C75A;
		flex: 1 1 auto;
		color: #ffffff;
		font-size: 18px;
		margin-right: 5px;
		margin-bottom: 0;
		padding: 0;
	}
	.naver_login_btn img {
		height: 50px;
	}
	.kakao_login_btn {
		border: 0;
		background-color: #fee500;
		flex: 1 1 auto;
		font-size: 18px;
		margin-left: 5px;
		padding: 0;
		height: 50px;
	}
	.kakao_login_btn img {
		height: 50px;
	}
	.login_box_divider {
		flex: 0 0 1px;
		self-align: stretch;
		border-left:1px solid #d8d8d8;
		margin: 0 50px;
	}
	.login_box_right {
		flex: 1 1 auto;
	}
	.login_box_more {
	}
	.idpw_wrap {
		display: flex;
	}
	.login_btn_idpw {
		flex: 1 1 auto;
		border: 1px solid #dddddd;
		background-color: #ffffff;
		height: 50px;
		font-size: 18px;
		font-weight: bold;
	}
	.login_btn_idpw:hover {
		border: 1px solid #666666;
	}
	.idpw_divider {
		flex: 0 0 3%;
	}
	.login_btn_join {
		border: 0;
		background-color: #666666;
		color: #ffffff;
		height: 50px;
		width: 100%;
		font-size: 18px;
		font-weight: bold;
	}
	.login_btn_join:hover {
		background-color: #444444;
	}
}

/* resign.skin.php */
.resign_cancel {
	width: 140px;
	height: 55px;
	border: 0;
	background-color: #505456;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
.resign_next {
	width: 140px;
	height: 55px;
	border: 0;
	background-color: #ffc341;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}