body * {font-size:16px; box-sizing:border-box}
input {color:#000}
input::placeholder {
  color: #bfbfbf;
}
a:visited{
    color: unset;
    /* text-decoration: none; */
}
		.bg_color {background:#D1E2F9}
		.member-join_wrap {width:100%; max-width:700px; display:flex; flex-direction: column; align-items: center; padding:20px;     text-align: left;}
		.member-join_wrap .member-join_title {
			 display: flex;
			 margin-bottom:15px;
			 padding:20px 20px 0px 20px;
		 }
		.member-join_wrap .member-info-put,
		.member-join_wrap .member-age-put,
		.member-join_wrap .member-mail-put,
		.member-join_wrap .member-service-chk {
			 display: flex;
			 margin-bottom:20px;
			 padding:20px;
		 }
		.member-join_wrap .member-info-toggle {
			display: flex;
			margin-bottom: 20px;
			padding: 0px;
			background: #d9d9d9;
			width: 100%;
			border-radius: 15px 15px;
			align-items: center;
			flex-direction: row;
			justify-content: center;
		}
			.member-join_wrap .member-info-toggle .person, .member-join_wrap .member-info-toggle .companies {
				font-weight: 600;
				display: flex;
				width: 50%;
				border: solid 1px #d9d9d9;
				background: #d9d9d9;
				border-radius: 15px 15px;
				padding: 13px 0;
				justify-content: center;
				align-items: center;
				cursor:pointer;
				color:#777;
			}
			.member-join_wrap .member-info-toggle .person.focus, .member-join_wrap .member-info-toggle .companies.focus {
				background: #fff;
				color:#000;
			}

		.member-idinfo-put {
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			background:#fff;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;
		}
			.member-join_wrap .member-idinfo-put .title {
				text-align: left;
				font-weight: 600;
				margin-bottom: 10px;
			}
			.member-join_wrap .member-idinfo-put .content {
				display: flex;
				align-items: flex-start;
				width: 100%;
				gap: 9px;
			}
			.member-join_wrap .member-idinfo-put .content.whether {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				color: #000000;
			}
				.member-join_wrap .member-idinfo-put .content.whether .content_ul {
					margin-top: 0px;
				}
				.member-join_wrap .member-idinfo-put .content .input-box {
					width: 100%;
					padding: 10px;
					background: #f7f7f7;
					border: solid 1px #f7f7f7;
					border-radius: 5px 5px;
				}
					.member-join_wrap .member-idinfo-put .content .input-box.plusbtn {
						width: 81%;
					}
		.member-join_wrap .member-idinfo-put li .material-symbols-outlined.filled,
		.member-join_wrap .member-comp-info li .material-symbols-outlined.filled,
		.member-join_wrap .member-phone-info li .material-symbols-outlined.filled {
			font-size:16px;
			margin-left: 3px;
		}
		.member-join_wrap .member-idinfo-put.enable {
			 display: flex;
			 margin-bottom:20px;
			 padding:20px;
		 }
			.member-join_wrap .member-idinfo-put.enable .enable-check,
			.member-join_wrap .member-comp-info.enable .enable-check,
			.member-join_wrap .member-phone-info.enable .enable-check,
			.member-join_wrap .member-join-channel .content_ul li {
				display: flex;
				align-items: center;
				 color:#0070bd;
				margin-left:-15px;
			 }
			 .member-join_wrap .member-join-channel .content_ul li {
				font-weight:600;
			 margin-bottom:10px;
			 }
				.member-join_wrap .member-phone-info .num_comfm {
					display:none
				}
				.member-join_wrap .member-phone-info.enable .num_comfm {
					display:flex;
					    flex-direction: column;
						width: 100%;
				}
				.member-join_wrap .member-phone-info.enable .num_comfm .content {
					display:flex;
					    align-items: center;
				}
				.member-join_wrap .member-phone-info.enable .num_comfm .content .count_txt {
					color:#7f7f7f;
					font-size:14px;
				}
				.member-join_wrap .member-idinfo-put .disable-check,
				.member-join_wrap .member-comp-info .disable-check,
				.member-join_wrap .member-phone-info .disable-check,
				.member-join_wrap .member-idinfo-put .enable-check,
				.member-join_wrap .member-comp-info .enable-check,
				.member-join_wrap .member-phone-info .enable-check {
					display: none;
				}


			.member-join_wrap .member-idinfo-put.enable .disable-check,
			.member-join_wrap .member-comp-info.enable .disable-check,
			.member-join_wrap .member-phone-info.enable .disable-check {
				 display: none;
			 }

		.member-join_wrap .member-idinfo-put.disable {
			 display: flex;
			 margin-bottom:20px;
			 padding:20px;
		 }
			.member-join_wrap .member-idinfo-put.disable .enable-check,
			.member-join_wrap .member-comp-info.disable .enable-check,
			.member-join_wrap .member-phone-info.disable .enable-check {
				 display: none;
			 }

			.member-join_wrap .member-idinfo-put.disable .disable-check,
			.member-join_wrap .member-comp-info.disable .disable-check,
			.member-join_wrap .member-phone-info.disable .disable-check {
				 display: flex;
				 align-items: center;
				 color:#fc0000;
				margin-left:-15px;
			 }
			 .member-join_wrap .member-idinfo-put.disable .input-box.plusbtn {
				 border: solid 1px #fc0000;

			 }
			 .member-join_wrap .member-idinfo-put.enable .input-box.plusbtn {
				 font-weight:600;
				 color:#000000;

			 }
			.member-join_wrap .member-idinfo-put li.disable-check:before, .member-join_wrap .member-idinfo-put .enable-check:before,
			.member-join_wrap .member-comp-info li.disable-check:before, .member-join_wrap .member-comp-info .enable-check:before,
			.member-join_wrap .member-phone-info li.disable-check:before, .member-join_wrap .member-phone-info .enable-check:before {
				content:'¡Ü';
				zoom: 0.4;
				margin-right:15px;
			 }

		.member-join_wrap .member-comp-info,
		.member-join_wrap .member-phone-info {
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			background:#fff;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;
		}
		.member-join_wrap .member-join-channel {
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			background:#fff;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;
		}
		.member-join_wrap .member-join-channel.naver {
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			background: #fff;
			width: 100%;
			border-radius: 15px 15px;
			flex-direction: row;
			align-items: center;
		}
			.member-join_wrap .member-comp-info .title,
			.member-join_wrap .member-phone-info .title{
				text-align: left;
				font-weight: 600;
				margin-bottom: 10px;
			}
			.member-join_wrap .member-phone-info.normal .title{
				color:#999;
			}
		.member-comp-info .content_ul,
		.member-info-pswd .content_ul,
		.member-phone-info .content_ul {
			margin-left: 25px;
			margin-top:0px;
		}
		.member-join-channel .content_ul {
			margin-left: 15px;
			margin-top:0px;
		}
		.member-phone-info .num_comfm .content_ul {
			margin-left: 25px;
			margin-top:10px;
		}
		.member-phone-info .num_comfm {
			display:none
		}
			.member-phone-info.disable .num_comfm {
				display:none
			}
			.member-phone-info.enable .num_comfm {
				display:flex
			}
				.member-phone-info.enable .num_comfm .enable-check, .member-phone-info.enable .num_comfm .disable-check {
					display:none
				}
				.member-phone-info.enable .num_comfm .num-check .enable-check {
					display:flex
				}
				.member-phone-info.enable .num_comfm .num-check .disable-check {
					display:none
				}
				.member-phone-info.enable .num_comfm .num-wrong .enable-check {
					display:none
				}
				.member-phone-info.enable .num_comfm .num-wrong .disable-check {
					display: flex;
					margin-left: -15px;
					align-items: center;
					color:#fc0000;
				}
			.member-join_wrap .member-comp-info li,
			.member-join_wrap .member-phone-info li {
			font-size:14px;
				color:#7f7f7f;
		}
			.member-join_wrap .member-comp-info .content,
			.member-join_wrap .member-phone-info .content{
				display: flex;
				align-items: flex-start;
				gap: 9px;
			}
				.member-join_wrap .member-comp-info .content .input-box,
				.member-join_wrap .member-phone-info .content .input-box {
					width: 27.7%;
					padding: 10px;
					background: #f7f7f7;
					border: solid 1px #f7f7f7;
					border-radius: 5px 5px;
					margin-bottom:10px;
				}
				.member-join_wrap .member-phone-info.normal .content .input-box {
					width: 33.3%;
				}
				.member-join_wrap .member-mail-put .content .input-box{
					width: 46.7%;
					padding: 10px;
					background: #f7f7f7;
					border: solid 1px #f7f7f7;
					border-radius: 5px 5px;
					margin-bottom:10px;
				}
				.member-join_wrap .member-phone-info .num_comfm .content .input-box{
					width: 35%;
					padding: 10px;
					background: #f7f7f7;
					border: solid 1px #f7f7f7;
					border-radius: 5px 5px;
				margin-bottom:0px;
				}
		.member-join_wrap .member-pwcheck-redbox {
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			background:#fdf3ed;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;

		}
			.member-join_wrap .member-pwcheck-redbox .title {
				text-align: left;
				font-weight: 600;
				margin-bottom: 10px;
				color:#c15218;
			}
			.member-join_wrap .member-pwcheck-redbox .content-txt {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;
			}
				.member-join_wrap .member-pwcheck-redbox .content-txt .title-top {
					color: #0371c0;
					font-weight: 600;
					font-size: 18px;
					margin-bottom: 15px;
					margin-top: 20px;
				}
				.member-join_wrap .member-pwcheck-redbox .content-txt .title-sub {
					margin-bottom: 15px;
					font-size: 14px;
					color:#7f7f7f;
				}
				.member-join_wrap .member-pwcheck-redbox .content-txt .title-red {
					margin-bottom: 10px;
					font-size: 14px;
					color: #c00000;
					text-align:center;
				}
				.member-pwcheck-redbox .content-btn .btn-recv-kakao {
				    display: flex;
					width: 45%;
					height: 2.5em;
					padding: 21px 0px;
					text-align: center;
					background-color: #fee500;
					border-radius: 8px;
					overflow: hidden;
					border: 0;
					align-items: center;
					justify-content: center;
					font-size: 14px;
					font-weight: 600;
					color: #3b3500;
					margin-bottom: 10px;
				}
					.member-pwcheck-redbox .content-btn .btn-recv-kakao::before {
						content: '';
						background: url(/images/icon/ico_kakao_brown_24.png);
						background-repeat: no-repeat;
						background-size: 22px 21px;
						background-position: 0 2px;
						display: block;
						width: 21px;
						height: 24px;
						margin-right: 10px;
					}
				.member-pwcheck-redbox .content-btn .btn-recv-email {
					display: flex;
					width: 45%;
					height: 2.5em;
					padding: 21px 0px;
					text-align: center;
					background-color: #a6a6a6;
					border-radius: 8px;
					overflow: hidden;
					border: 0;
					align-items: center;
					justify-content: center;
					font-size: 14px;
					font-weight: 400;
					color: #fff;
					margin-bottom: 10px;
				}
				.member-pwcheck-redbox .content-btn .btn-recv-email .material-symbols-outlined {margin-right:7px;}
			.member-join_wrap .member-pwcheck-redbox .content-btn {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;
			}
				.member-join_wrap .member-pwcheck-redbox .content .input-box {
					width: 100%;
					padding: 10px;
					background: #fff;
					border: solid 1px #fff;
					border-radius: 5px 5px;
					margin-bottom: 10px;
					font-weight: 600;
				}
				.member-join_wrap .member-pwcheck-redbox .content .input-box.nomatch {
					color: #c00000;}
					.member-join_wrap .member-pwcheck-redbox .content_ul {
						margin-left: -15px;
						margin-top: 40px;
					}
						.member-join_wrap .member-pwcheck-redbox li {
							list-style: disc;
							font-size: 14px;
							color: #7f7f7f;
						}
							.member-join_wrap .member-pwcheck-redbox .content_ul span {
								color: #000;
								text-decoration:underline;
								font-weight: 600;
							}
		.member-join_wrap .member-idcheck-redbox {
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			background:#fdf3ed;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;

		}
			.member-join_wrap .member-idcheck-redbox .title {
				text-align: left;
				font-weight: 600;
				margin-bottom: 10px;
				color:#c15218;
			}
			.member-join_wrap .member-idcheck-redbox .content {

				width: 100%;
			}
				.member-join_wrap .member-idcheck-redbox .content .input-box {
					width: 100%;
					padding: 10px;
					background: #fff;
					border: solid 1px #fff;
					border-radius: 5px 5px;
					margin-bottom: 10px;
					font-weight: 600;
				}
				.member-join_wrap .member-idcheck-redbox .content .input-box.nomatch {
						color: #c00000;}
				.member-join_wrap .member-idcheck-redbox .content_ul {
					margin-left: -15px;
					margin-top: 0px;
				}
					.member-join_wrap .member-idcheck-redbox .mixture_txt {
						display: list-item;
					}
					.member-join_wrap .member-idcheck-redbox li {
						list-style: disc;
						font-size: 14px;
						color: #7f7f7f;
					}
					.member-join_wrap .member-idcheck-redbox .btn-gofind-pswd {
						padding: 10px 10px;
						border-radius: 10px 10px;
						background: #000;
						color: #fff;
						font-weight: 400;
						cursor: pointer;
						width: 65%;
						text-align: center;
						margin:20px auto 10px
					}
						.member-join_wrap .member-idcheck-redbox .content_ul  span {
							color: #000;
						font-weight: 600;
						}
						.member-join_wrap .member-idcheck-redbox .btn-gofind-pswd:hover {
							background: #333;
						}

					.member-join_wrap .member-idcheck-redbox .btn-called-custm {
						padding: 10px 10px;
						color: #000;
						cursor: pointer;
						text-align: center;
						margin: 20px auto 10px;
						display: flex;
						justify-content: center;
						    align-items: center;
						font-weight: 600;
					}
						.member-join_wrap .member-idcheck-redbox .btn-called-custm img {
							margin-left:20px;
							width: 6%;
						}

		.member-join_wrap .member-info-pswd  {
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			background:#fff;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;
		}
		.member-join_wrap .member-info-pswd .join_complt_sub.naver {
			font-size: 14px;
			color: #7f7f7f;
			margin-bottom: 35px;
		}
			.member-join_wrap .member-info-pswd .content .input-box {
				width: 100%;
				padding: 10px;
				background: #f7f7f7;
				border: solid 1px #f7f7f7;
				outline: 0px solid #fc0000;
				border-radius: 5px 5px;
				margin-bottom: 10px;
			}
			.member-join_wrap .member-info-pswd .content {
				width: 100%;
			}
			.member-join_wrap .member-info-pswd.naver .content {
				text-align: center;
				margin: 0 auto;
				display: flex;
				border: solid 1px #ccc;
				width: 70%;
				padding: 10px;
				border-radius:8px 8px;
				margin-bottom:10px;
			}
			.member-join_wrap .member-info-pswd.naver .content img {
				width: 25px;
				opacity: 0.5;
				margin-right:15px;
			}
				.member-join_wrap .member-info-pswd.naver .content .input-box {
					width: 100%;
					background-color: transparent;
					border: solid 0px #f7f7f7;
					padding: 0px;
					margin-bottom: 0px;
					tabindex:0
				}
				.member-join_wrap .member-info-pswd.naver .content .input-box:focus {
					outline: none;
					box-shadow: none;
					background: transparent;
				}
				input:-webkit-autofill,
				input:-webkit-autofill:hover,
				input:-webkit-autofill:focus,
				input:-webkit-autofill:active {
				  -webkit-box-shadow: 0 0 0 30px white inset !important; /* ¹è°æÀ» µ¤´Â box-shadow Ãß°¡ */
				  -webkit-text-fill-color: #000; /* ÅؽºÆ® »ö»ó ÁöÁ¤ (¼±Åà »çÇ×) */
				  transition: background-color 5000s ease-in-out 0s; /* ÀÚ¿¬½º·¯¿î »ö»ó Àüȯ È¿°ú Ãß°¡ */
				}
				.member-join_wrap .member-info-pswd .content .input-box {
					width: 100%;
					padding: 10px;
					background: #f7f7f7;
				margin-bottom:10px;
				}
			.member-join_wrap .member-info-pswd .title {
				text-align: left;
				font-weight: 600;
				margin-bottom: 10px;
			}
			.member-join_wrap .member-info-pswd.naver .title {
				margin-bottom: 5px;
			}
			.member-join_wrap .member-info-pswd li {
			list-style: disc ;
			font-size:14px;
				color:#7f7f7f;
		}
			/* 1. ±âº» ¸Þ¼¼Áö  ----------------------  nrml-msg */
			.member-join_wrap .member-info-pswd  {

			}
				.member-join_wrap .member-info-pswd .n_right_txt {
					display:none;
				}
			/*  2. Á¶ÇÕÀÌ Æ²¸° °æ¿ì  -----------------  wrng-msg */
			.member-join_wrap .member-info-pswd.wrng-msg  {

			}
				.member-join_wrap .member-info-pswd.wrng-msg .mixture_txt {
					color:#fc0000;
				display:list-item;
				}
				.member-join_wrap .member-info-pswd.wrng-msg .n_right_txt {
					display:none;
				}
			/* 3. ºñ¹Ð¹øÈ£°¡ ÀÏÄ¡ÇÏÁö ¾Ê´Â °æ¿ì  --  dscrpc-msg */
			.member-join_wrap .member-info-pswd.dscrpc-msg  {

			}
				.member-join_wrap .member-info-pswd.dscrpc-msg .mixture_txt {
					display:none;
				}
				.member-join_wrap .member-info-pswd.dscrpc-msg .n_right_txt {
				color:#fc0000;
				display:list-item;
				}
				.member-join_wrap .member-info-pswd.dscrpc-msg .input-box.second {
					border:solid 1px #fc0000;
				}

			/* 4. È®ÀÎ ÀÔ·ÂÀÌ ¾ø´Â °æ¿ì  --  none-msg */
			.member-join_wrap .member-info-pswd.none-msg {

			}
			.member-join_wrap .member-info-pswd.none-msg.naver {
			    padding-bottom: 40px;
			}
			.member-join_wrap .member-info-pswd.naver form {
				display: flex;
				width: 100%;
				flex-direction: column;
				align-items: flex-start;
			}
				.member-join_wrap .member-info-pswd.none-msg .input-box.second {
					border:solid 1px #fc0000;
				}
			/* 5. ÀÏÄ¡ ÇÒ °æ¿ì*/
				.member-join_wrap .member-info-pswd .y_right_txt {
					display:none;
				}
				.member-join_wrap .member-info-pswd .mixture_txt {
				display:list-item;
				}
				.member-join_wrap .member-info-pswd.ok-msg .mixture_txt {display:none;}
				.member-join_wrap .member-info-pswd.ok-msg .y_right_txt {
					color: #0070bd;
				display:list-item;
				}

			.member-join_wrap .more-btn-line {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 90%;
				padding: 15px 30px;
				margin: 0 auto;
			}
				.member-join_wrap .more-btn-line li {
				list-style:none;
				cursor:pointer;
				}
				.member-join_wrap .more-btn-line li:after {
				content:'l';
				font-size:12px;
				color:#ccc;
				margin:0 13px;
				}
				.member-join_wrap .more-btn-line li:last-child:after {
				content:'';
				margin:0 0px;
				}
		.member-join_wrap .member-bottom {
			display: flex;
			margin-bottom: 20px;
			padding: 20px 0;
			flex-direction: column;
			align-items: center;
		}
		.member-join_wrap .member-bottom .mem-comfirm-btn {
			padding: 15px 30px;
			border-radius: 10px 10px;
			background: #0070c0;
			color: #fff;
			font-weight: 600;
			cursor: pointer;
			width: 50%;
			text-align: center;
		}
		.member-join_wrap .mem-Nlogin-btn {
			padding: 15px 30px;
			border-radius: 10px 10px;
			background: #0070c0;
			color: #fff;
			font-weight: 600;
			cursor: pointer;
			width: 70%;
			text-align: center;
			margin: 10px auto 10px;
		}
		.member-join_wrap .member-bottom .mem-comfirm-naverbtn {
			padding: 15px 30px;
			border-radius: 10px 10px;
			background: #03c85a;
			color: #fff;
			font-weight: 600;
			cursor: pointer;
			width: 50%;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.member-bottom .mem-comfirm-kakaobtn {
			padding: 15px 30px;
			border-radius: 10px 10px;
			background: #fee500;
			color: #222;
			font-weight: 600;
			cursor: pointer;
			width: 50%;
			max-width: 330px;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}

			.member-bottom .mem-comfirm-kakaobtn .ico_kakao {
				margin-right:10px;
				width: 18px;
			}
		.member-join_wrap .member-bottom .mem-comfirm-naverbtn img {
			margin-right:10px;
			width: 18px;
		}
		.member-join_wrap .member-bottom .mem-comfirm-naverbtn span {
			font-size:14px;
			font-weight: 400;
		}
		.member-join_wrap .member-bottom .mem-comfirm-kakaobtn span {
			font-size:14px;
			font-weight: 400;
		}
		.member-join_wrap .member-bottom .middle-line {
			width:100%;
			margin:40px 0;
			border-top:1px solid #bfbfbf;
			height:1px;
		}
		.member-join_wrap .member-bottom .content {
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size:14px;
			color:#595959;
			line-height:1.7;
			text-align: center;
		}
		.member-join_wrap .member-bottom .content .link a {
			font-size:14px;
			color:#595959;
			text-decoration:underline;

		}
		.member-join_wrap .member-bottom .content img {
			width:35%;
			margin-top:30px;
		}
		.member-join_wrap .top_img {
			margin:20px 0 10px 0;
			display: flex;
			text-align: center;
			align-items: center;
			justify-content: center;
		}
		.member-join_wrap .top_img img {width:45%;}
		.member-join_wrap .top_img .ico_naver {width: 21%; }
		.member-join_wrap .top_img .ico_kakao {width: 18%; }
		.member-join_wrap .top_img .kakao_logo_join {
			display: flex;
			width: 35%;
			height: 2.5em;
			padding: 13px 16px;
			text-align: center;
			background-color: #fee500;
			border-radius: 8px;
			overflow: hidden;
			border: 0;
			align-items: center;
			justify-content: center;
			font-size: 16px;
			font-weight: 600;
		 }
		.member-join_wrap .top_img .kakao_logo_join::before {
			content: '';
			background: url(/images/icon/ico_kakao_brown_24.png);
			background-repeat: no-repeat;
			background-size: 18px 18px;
			background-position: 0 2px;
			display: block;
			width: 18px;
			height: 20px;
			margin-right: 10px;
		}
		.member-join_wrap .top_img .ico_ing {width: 8%; margin:0 15px; }
		.member-join_wrap .top_img .ico_taein {width: 23%; cursor:pointer }
		.member-join_wrap .top_img .join_complt_ico {font-size:70px; color:#65d850; }
		.member-join_wrap  .join_complt_sub.naver {font-size:14px; color:#7f7f7f; margin-top:5px; }
		.member-join_wrap .member-joincomp_title {}
		.member-joincomp_title .join_complt_ttl {font-weight:600; font-size:22px; text-align: center; margin-bottom:10px; color: #1b4368;}
		.member-joincomp_title .join_complt_sub{text-align: center; font-size:14px; color:#6f6f6f;}
		.member-join_wrap .member-join_title {
			flex-direction: column;
			width:100%;
		}
		.go_home {
		    font-weight: 600;
			display: flex;
			width: 100%;
			background: #fff;
			color: #1b5c75;
			border-radius: 15px 15px;
			padding: 15px 0;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			margin-top:35px;
		}
		.go_home .go_home_btn {
			font-size: 16px;
		}
		.go_home:hover {
		background: #000;
			color: #fff;
		}
		.member-join_wrap .member-joincomp_img {
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size: 14px;
			color: #595959;
			line-height: 1.7;
			text-align: center;
		}
		.member-join_wrap .member-joincomp_img .freeevent-box {
		    width: 60%;
			max-width: 660px;
			margin: 0 auto;
			position: relative;
		}
			.member-join_wrap .member-joincomp_img .freeevent-box .btn-close {
				position: absolute;
				top: 50px;
				right: 20px;
				cursor:pointer;
				width:30px;
				height:30px;
				display:block;
			}
		.member-join_wrap .member-joincomp_img .content img {
			width:100%;
			max-width:660px;
			margin-top: 30px;
			border-radius: 15px 15px;
		}
			.member-join_wrap .member-join_title .member-title {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
			}
				.member-join_wrap .member-join_title .member-title .main-text {font-size:22px; font-weight:800;}
				.member-join_wrap .member-join_title .member-title .sub-text {font-size:24px; font-weight:600; color:#0070c0;}

			.member-join_wrap .member-join_title .txt-line {
				color: #7f7f7f;
				width: 100%;
				text-align: center;
				margin-top: 20px;
				border-top: solid 1px #ccc;
				padding-top: 20px;
				font-weight:600;
			}
		.member-join_wrap .member-info-put,
		.member-join_wrap .member-age-put,
		.member-join_wrap .member-service-chk{
			background:#fff;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;
		}
		.member-join_wrap .member-find-notice {
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			background:#f2f7fc;
			width: 100%;
			border-radius: 15px 15px;
			flex-direction: column;
			align-items: flex-start;
		}
			.member-join_wrap .member-find-notice .content_ul {
				margin-left: -15px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
				.member-join_wrap .member-find-notice li {
					list-style: disc;
					font-size: 14px;
					color: #7f7f7f;
				}
				.member-join_wrap .called-custm {
					font-size: 14px;
					text-decoration: underline;
					color: #000;
					font-weight:600;
				}
		.member-join_wrap .member-mail-put {
			background:#fff;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;
		}
		.member-join_wrap .member-info-put.noti {
			background:#fff;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;
		}
		.member-join_wrap .member-info-put.noti .content.whether .check {
			align-items: flex-start;
			flex-direction: column;
		}
		.member-join_wrap .member-info-put.noti .content.whether .check label {
			color:#000;
			line-height:1.7;
			width: 100%;
		}
		.content.whether .content_ul {
			margin-left: 25px;
			margin-top: 10px;
			gap: 10px;
		}
		.content.whether .content_ul li {
			list-style: disc ;
			font-size:14px;
			color:#7f7f7f;
		}
			.content.whether .content_ul li a, .content.whether .content_ul li span {
			font-size:14px;
			cursor: pointer;
			}
			.content.whether .content_ul li .btn_join {
				text-decoration:underline;
				color:#007df5;
			}
		.member-join_wrap .member-info-put.noti .title {
			margin-bottom:0px;
		}
		.member-join_wrap .member-info-put .title,
		.member-join_wrap .member-age-put .title,
		.member-join_wrap .member-mail-put .title,
		.member-join_wrap .member-join-channel .title,
		.member-join_wrap .member-service-chk .title {
			text-align: left;
			font-weight:600;
			margin-bottom:10px;
		}
		.member-join_wrap .member-join-channel.naver .title {width:100px;}
		.member-join_wrap .member-info-put .content {width:100%;}
		.member-join_wrap .member-age-put .content,
		.member-join_wrap .member-service-chk .content {
			width:100%;
		    display: flex;
			align-items: center;
			gap:10px;
		}
		.member-join_wrap .member-join-channel .content{
			width:100%;
		    display: flex;
			align-items: flex-start;
			gap: 10px;
			flex-direction: column;
		}
		.member-join_wrap .member-join-channel.naver .content{
			width:100%;
		    display: flex;
			align-items: flex-start;
			gap: 10px;
			flex-direction: row;
			align-items: flex-start;
			    flex-wrap: wrap;
		}
			.member-join_wrap .member-service-chk .content .check-check {
				width:100%;
				display: flex;
				flex-direction: column;
			}
			.member-join_wrap .member-service-chk .content .check-check li {
				display: flex;
				align-items: flex-start;
				width:100%;
			}
				.member-join_wrap .member-service-chk .content .check-check .btn_txt {
					margin-left: auto;
					color: #0070bd;
					cursor:pointer;
					margin-bottom: 5px;
				}
		.member-join_wrap .member-mail-put .content{
			width:100%;
		    display: flex;
			    align-items: baseline;
			gap:10px;
			flex-wrap: wrap;
		}

			.member-join_wrap .member-age-put .content .select-box {
				padding: 8px 10px;
				background: #f7f7f7;
				border: solid 1px #f7f7f7;
				border-radius: 5px 5px;
				margin-bottom:10px;
				width: 46%;
			}
			.member-join_wrap .member-mail-put .content .select-box {
				width: 46.5%;
				padding: 8px 10px;
				background: #f7f7f7;
				border: solid 1px #f7f7f7;
				border-radius: 5px 5px;
				margin-bottom:10px;
			}
			.member-join_wrap .member-age-put .content .radio-check {
				width: 50%;
				padding: 10px;
				background: #f7f7f7;
				border: solid 1px #f7f7f7;
				border-radius: 5px 5px;
				margin-bottom:10px;
			    display: flex;
				align-items: center;
				justify-content: flex-start;
			}
			.member-join_wrap .member-age-put .content .radio-check label {
				margin-right:40px;

			}
			.member-join_wrap .member-info-put .content .input-box,
			.member-join_wrap .member-join-channel .content .input-box {
				width:100%;
				padding:10px;
				background:#f7f7f7;
				border:solid 1px #f7f7f7;
				border-radius:5px 5px;

			}
			.member-join_wrap .member-join-channel label {margin-bottom:5px;}

			.member-join_wrap .member-join-channel.naver label {font-weight:600}
			.member-join_wrap .member-join-channel.naver label .sub {font-weight:400;font-size:16px;}
			.member-join_wrap .member-info-put .content .input-box.plusbtn {

				width:86%;
			}
			.member-join_wrap .content .btn_cormf {
				display: flex;
				padding: 9px 22px;
				background: #0071c1;
				border:solid 2px #0071c1;
				color: #fff;
				border-radius: 4px 4px;
				width: fit-content;
				align-items: center;
				justify-content: center;
				cursor:pointer;
			}
			.member-join_wrap .content .btn_cormf_gray {
				display: flex;
				padding: 9px 22px;
				background: #595959;
				border:solid 2px #595959;
				color: #fff;
				border-radius: 4px 4px;
				width: fit-content;
				align-items: center;
				justify-content: center;
				cursor:pointer;
			}
			.member-join_wrap .content .btn_cormf:hover, .btn_cormf_gray:hover {
				background: #000;
			}
			.member-join_wrap .member-info-put .content.whether {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				color: #000000;
			}
			.member-join_wrap .member-info-put .content.whether .check {
			display: flex;
				align-items: center;
				width:100%;
				margin-top:10px;
				margin-bottom:20px;
			}
			.member-join_wrap .member-info-put .content.whether .check label {
				display: flex;
				align-items: center;
				margin-right:20px;
				color: #000;
			}
			.member-join_wrap .member-info-put .content.whether .content {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				gap:9px;
			}
			.member-join_wrap .member-service-chk .content {
				align-items: flex-start;
				justify-content: flex-start;
				gap: 9px;
				flex-direction: column;
			}
			.member-join_wrap .member-service-chk .content .line-hr {
				display:inline-block;
				width:100%;
				height:1px;
				background:#ccc;
			}
			.join-btn {
				background: #0070c0;
				color: #fff;
				font-weight: 600;
				width: 100%;
				padding: 10px;
				display: flex;
				border-radius: 6px 6px;
				justify-content: center;
				align-items: center;
				cursor:pointer;
			}
				.join-btn:hover, .member-join_wrap .member-info-expl .content .btn-cell-text:hover, .member-join_wrap .member-bottom .mem-comfirm-btn:hover {
					background: #000;
				}
				.member-join_wrap .member-bottom .mem-comfirm-naverbtn:hover {
					background: #03ed6b;
				}
				.mem-comfirm-kakaobtn:hover {
					background: #ffed43;
				}
			.join-btn span {
				color: #F6C6AD;
			margin-right: 4px;
			}
		.member-join_wrap .member-info-expl {
			background:#fff;
			width:100%;
			border-radius:15px 15px;
			flex-direction: column;
			align-items: flex-start;
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			color:#262626;
		}
		.member-join_wrap .member-info-expl .title {
			width:100%;
			color: #ff6000;
			font-weight: 600;
			font-size:18px;
			text-align: center;
			margin-bottom: 10px;
		}
		.member-join_wrap .member-info-expl .content {
			width:100%;
			text-align:left;
			margin-bottom: 20px;
		}
		.member-join_wrap .member-info-expl .content.line {
			width:100%;
			text-align:left;
			padding-top: 20px;
			margin-bottom: 20px;
				border-top: solid 1px #ccc;
		}
		.member-join_wrap .member-info-expl .content .btn-cell-text {
			padding: 8px 20px;
			background: #7F7F7F;
			color: #fff;
			border-radius: 5px 5px;
			cursor: pointer;
			margin-right: 5px;
		}
		.member-join_wrap .member-info-expl .content .cell-text-noti {color: #7F7F7F;font-size:14px; }
		.member-join_wrap .member-bottom { width:100%; }


		.add_acadm_wrap span.txtt {text-decoration:underline}
	/*radio*/
	.member-join_wrap label {
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.member-join_wrap [type="radio"] {
		appearance: none;
		border: max(1px, 1px) solid gray;
		border-radius: 50%;
		width:16px ;
		height: 16px;
		transition: border 0.2s ease-in-out;
		margin-right:5px;
		margin-left: 0;
		cursor: pointer;
	}
	.member-join_wrap [type="radio"]:checked {
		border: 5px solid tomato;
	}

	.member-join_wrap [type="checkbox"] {
		appearance: none;
		border: max(1px, 1px) solid gray;
		border-radius: 2%;
		width:16px ;
		height: 16px;
		transition: border 0.2s ease-in-out;
		margin-right:5px;
		margin-left: 0;
		cursor: pointer;
	}
	.member-join_wrap [type="checkbox"]:checked {
		border: 8px solid tomato;
	}

	@media only screen and (max-width: 576px) {
		body * {}
		.member-join_wrap .member-join_title .member-title .main-text {
			font-size: 24px;
		}
		.member-join_wrap .member-join_title .member-title .sub-text {
			font-size: 18px;
		}
		.member-join_wrap [type="radio"] {
		  width:13px ;
		  height: 13px;
		}
		label {
		  margin-right:4px;
		}
		.member-join_wrap .member-info-put .content.whether .check label {
			align-items: baseline;
		}
		.member-join_wrap .member-info-expl .content.getsms {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}
		.member-join_wrap .member-join_title .txt-line, .join-btn {
			font-size: 14px;
		}
		.member-join_wrap .member-info-put .content.whether .txtbold {
			font-size: 14px;

		}
			.member-join_wrap .member-info-put .content .input-box.plusbtn {

				width:65%;
			}
			.member-join_wrap .member-age-put .content .radio-check label {
				margin-right: 7px;
			}
			.member-join_wrap .member-comp-info .content .input-box,
			.member-join_wrap .member-phone-info .content .input-box {
				width: 25%;
			}
			.member-join_wrap .member-mail-put .content .input-box {
			width: 43.7%;
			}
			.member-join_wrap .member-mail-put .content .select-box {width: 42.5%;}
			.member-join_wrap .content .btn_cormf, .member-join_wrap .content .btn_cormf_gray {
				width: 20%;
				padding: 9px 10px;
			}
			.member-idinfo-put .content .btn_cormf {
				width: 32%;
				    padding: 9px 5px;
			}
			.member-join_wrap .more-btn-line {width: 100%;    padding: 15px 0px;}
			.member-join_wrap .more-btn-line li:after {
					margin: 0 5px;
				}
		}

		.material-symbols-outlined.filled {
		  font-variation-settings:
		  'FILL' 1,
		  'wght' 400,
		  'GRAD' 0,
		  'opsz' 24
		}



		/*modal*/
.uk-close {
    color: #999;
    transition: .1s ease-in-out;
    transition-property: color, opacity;
}
.uk-close:hover {
    color: #666;
}
.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0;
}
[class*=uk-modal-close-] {
    z-index: 1010;
    padding: 5px;
	margin-left:auto;
}
.uk-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: 100% !important;
	 height: calc(81vh - 70px);
    background: #fff;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s linear;
    transition-property: opacity, transform;
	border-radius:15px 15px;
	    overflow-x: auto;
}
.uk-open>.uk-modal-dialog {
    opacity: 1;
    transform: translateY(0);
}
.uk-modal-body {
    display: flow-root;
    padding: 10px 0px 20px 0px;
}
.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    padding: 15px 15px;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity .12s linear;
}
.uk-modal.uk-open {
    opacity: 1;
}
section .sq_simbl, section .h_title {
    color: #333333;
    display: flex;
    align-items: center;
}
.sq_simbl:before {
    content: '';
    margin-right: 5px;
    border-radius: 3px 3px;
    background: url(/images/icon/svg_ico_crop_square_333.svg) no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 16px 16px;
}
#q2_etc_div {width:100%}
@media (max-width: 360px) {
    .view_duplicate_check .sagun_num {
	    letter-spacing: -1px;
	}
	.fnt_size15 {
		font-size: 1.4em;
	}
	.btn_gray {padding: 3px 7px;}
	.default_table th { letter-spacing: -1px;}

}
@media (min-width: 640px) {
    .uk-modal {
        padding: 50px 30px;
    }
	.uk-modal-body {
        padding: 30px 30px;
    }
}
@media (min-width: 960px) {
    .uk-modal {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media only screen and (max-width: 576px) {
	.uk-modal-body {
		padding: 10px 20px;
	}
	.member-join_wrap .member-info-pswd.naver .content {
		width: 90%;
	}
	.member-join_wrap .mem-Nlogin-btn {
		width: 90%;
	}
	.member-join_wrap .top_img .ico_naver {
		width: 31%;
	}
	.member-join_wrap .top_img .ico_taein {
		width: 33%;
	}
	.member-join_wrap .member-join-channel.naver {
	    display: flex;
		margin-bottom: 20px;
		padding: 20px;
		background: #fff;
		width: 100%;
		border-radius: 15px 15px;
		flex-direction: row;
		align-items: flex-start;
	}
	.member-join_wrap .member-join-channel.naver .title {
		width: 108px;
	}
	.member-join_wrap .member-join-channel.naver .content {
		width: 100%;
		display: flex;
		align-items: flex-start;
		gap: 0px;
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.member-join_wrap .member-bottom .mem-comfirm-naverbtn, .member-bottom .mem-comfirm-kakaobtn {width:100%}
	.member-join_wrap .member-idcheck-redbox .btn-called-custm img {
		margin-left: 20px;
		width: 13%;
	}
}


input[type="text"]:focus, select:focus, input[type="password"]:focus {
  outline: 1px solid #0071c1;
  border: solid 0px #fc0000 !important;
}

input[type="text"].redLine {
  outline: 1px solid #fc0000 !important;
  border: solid 0px #fc0000 !important;
}

input[type="password"].redLine {
  /*outline: 0px solid #0071c1 !important;*/
  outline: 1px solid #fc0000 !important;
  border: solid 0px #fc0000 !important;
}
input[type="password"].blueLine {
  /*outline: 0px solid #0071c1 !important;*/
  outline: 1px solid #0071c1 !important;
  border: solid 0px #fc0000 !important;
}