@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap");
html {font-family: 'Noto Sans KR', sans-serif;}

/*콘텐츠*/



input,textarea:focus {outline: none;
	autocomplete:"off";}




.join_title{
	margin:0 auto;
}

.join_title>h2{
	margin:130px 0 60px 0;
	text-align:center;
	font-size:60px;
	color:#ffc528;
	font-weight:bold;

}

.join_title>h2>img{
	margin-bottom:33px;
}

.join_line{
	width:950px;
	border-top: 1px dashed #a0a0a0;
	margin:0 auto;
	margin-bottom:50px;
}

.join_box{
	width:860px;
	height:320px;
	margin:0 auto;
	text-align:cetner;
	display:flex;
	/*margin-bottom:595px;*/
}


.join_box1>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:19px;
	margin-right:23px;
}

.join_box2>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:30px;
	margin-right:23px;  
}

.join_box3>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:30px;
	margin-right:23px;
}

.join_box1{
	display:flex;
}

.join_box2{
	display:flex;
}

.join_box3{
	display:flex;
}

.join_box1>input{
	border: 1px solid #d2d2d2;
	width:375px;
	height:45px;
	border-radius:4px;
	font-size:16px;
	text-indent:40px;

}

.join_box2>input{
	border: 1px solid #d2d2d2;
	width:375px;
	height:45px;
	border-radius:4px;
	margin-top:15px;
	font-size:16px;
	text-indent:40px;
}

.join_box3>input{
	border: 1px solid #d2d2d2;
	width:375px;
	height:45px;
	border-radius:4px;
	margin-top:10px;
	font-size:16px;
	text-indent:40px;
}

/**/
.join_box_2{
	width:660px;
	height:540px;
	margin:0 auto;
	text-align:cetner;
	display:flex;
}

.join_box_3{
	width:425px;
	margin:0 auto;
	display:flex;
}

.sub_box2{
	margin-left: 85px;
}

.join_box1_1>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:19px;
	margin-right:23px;
}

.join_box2_1>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:30px;
	margin-right:23px;  
}

.join_box3_1>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:30px;
	margin-right:23px;
}

.join_box4_1>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:30px;
	margin-right:23px;
}

.join_box5_1>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:30px;
	margin-right:23px;
}

.join_box6_1>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:30px;
	margin-right:23px;
}

.join_box7_1>.dot{
	width:10px;
	height:10px;
	background-color:#bfbfbf;
	border-radius:15px;
	margin-top:30px;
	margin-right:23px;
}


.join_box1_1{
	display:flex;
}

.join_box2_1{
	display:flex;
}

.join_box3_1{
	display:flex;
}

.join_box4_1{
	display:flex;
	margin-top:40px;
}
.join_box5_1{
	display:flex;
    margin-top: 5px;
}
.join_box6_1{
	display:flex;
    margin-top: 5px;
}

.join_box7_1{
	display:flex;
    margin-top: 5px;
}

.join_box7_1>p{
    font-size: 17px;
    margin-top: 22px;
    line-height: 1.4em;
    margin-right: 23px;
    width: 30px;
}

.join_box1_1>input{
	border: 1px solid #d2d2d2;
	width:250px;
	height:45px;
	border-radius:4px;
	font-size:16px;
	text-indent:40px;
}

.join_box1_1 > #join_id1{
	border: 1px solid #d2d2d2;
	width:133px;
	height:45px;
	border-radius:4px;
	font-size:14px;
	text-indent:14px;
}


.join_box1_1 > #join_id2{
	border: 1px solid #d2d2d2;
	width:133px;
	height:45px;
	border-radius:4px;
	font-size:14px;
	text-indent:14px;
	margin-right:10px;
}

.join_box1_1>p{
	width:22px;
	height:45px;
	line-height:45px;
	font-size:16px;
	text-indent:5px;

}

.join_box1_1>select{
	border: 1px solid #d2d2d2;
	width:120px;
	height:49px;
	border-radius:4px;
	font-size:14px;
	text-indent:2px;

}

.emailbuttom_b{
	width:85px;
	height:47px;
	border:1px solid #ffba00;
	border-radius:4px;
	cursor:pointer;
	margin-left:10px;
	
}

.emailbuttom_b>p{
	text-align:center;
	line-height:47px;
	font-size:16px;
	color:#ffba00;
}


.join_box2_1>input{
	border: 1px solid #d2d2d2;
	width:517px;
	height:45px;
	border-radius:4px;
	margin-top:15px;
	font-size:16px;
	text-indent:15px;
}

.join_box3_1>input{
	border: 1px solid #d2d2d2;
	width:517px;
	height:45px;
	border-radius:4px;
	margin-top:10px;
	font-size:16px;
	text-indent:15px;
}

.join_box4_1>input{
	border: 1px solid #d2d2d2;
	width:414px;
	height:45px;
	border-radius:4px;
	font-size:16px;
	text-indent:15px;
	margin-top: 10px;
}

.join_box5_1>input{
	border: 1px solid #d2d2d2;
	width:414px;
	height:45px;
	border-radius:4px;
	font-size:16px;
	text-indent:15px;
	margin-top: 10px;
}

.join_box6_1>input{
	border: 1px solid #d2d2d2;
	width:414px;
	height:45px;
	border-radius:4px;
	font-size:16px;
	text-indent:15px;
	margin-top: 10px;
}

.join_text2{
    width: 80px;
	font-size:17px;
	margin-top:22px;
	line-height:1.4em;
	margin-right: 23px;
}

.join_text2_2{
    width: 80px;
	font-size:17px;
	margin-top:22px;
	line-height:1.4em;
	margin-right: 23px;
}

.join_text2_3{
	font-size:17px;
	margin-top:22px;
	line-height:1.4em;
	margin-right: 23px;
	width:80px;
}

.gendercheck {
    width: 20px;
    height: 20px;
    margin: 24px 10px 0 0;
    cursor: pointer;
}

.genderchecked {
    width: 20px;
    height: 20px;
    margin: 24px 10px 0 0;
    cursor: pointer;
}

/**/

.pw_input::placeholder{
	color:#d2d2d2;
}

.pw_input_re::placeholder{
	color:#d2d2d2;
}

.join_text{
	font-size:12px;
	color:#d90000;
	margin-top:10px;
	margin-left:33px;
	line-height:1.4em;
}

.phonecer{
	width:375px;
	height:270px;
	border: 1px solid #d2d2d2;
	margin:0 0 0 33px;
}

.phonecer>h2{
	margin:0 auto;
	text-align:center;
	font-size:24px;
	color:#ffc528;
	margin-top:25px;
	margin-bottom:25px;
	font-weight:bold;
}

.phonecer>h3{
	margin:0 auto;
	text-align:center;
	font-size:18px;
	margin-top:20px;
	font-weight:bold;
	margin-bottom: 20px;
}

.phonecer>p{
	font-size:13px;
	color:#666;
	line-height:16px;
	text-align:center;
	margin-top:10px;
}

.phonecerbuttom_b{
	width:248px;
	height:35px;
	border:1px solid #ffba00;
	border-radius:4px;
	margin: 0 auto;
	margin-top:30px;
	cursor:pointer;
}

.phonecerbuttom_b>p{
	text-align:center;
	line-height:35px;
	font-size:16px;
	color:#ffba00;
}

.phonecerbuttom_a{
	width:248px;
	height:35px;
	background-color: #eee;
	border-radius:4px;
	margin: 0 auto;
	margin-top:30px;
}

.phonecerbuttom_a>p{
	text-align:center;
	line-height:35px;
	font-size:16px;
	color:#666;
}

.ibox{
	width:225px;
	height: 50px;
	border-radius:4px;
	border: 1px solid #ffba00;
	line-height:50px;
	text-align:left;
	color:#ffba00;
	font-size:17px;
	text-align:center;

}

.agree{
	width:432px;
	height:270px;
	margin: 0 0 0 20px;
	background-color:#f7f7f7;
	text-align:center;
}

.agree>h2{
	color:#ffc528;
	font-size:24px;
	font-weight:bold;
	/*margin: 35px 0 0 0;*/
	padding-top:25px;
}

.agreelist1>img{
	width:20px;
	height:20px;
	margin: 0 10px 0 0;
	cursor:pointer;
}

.agree_line{
	width:370px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:20px;
	border: 1px dashed #d4d4d4;
}

.agreelist1{
	display:flex;
	font-size:14px;
	color:#666;
	margin: 20px 0 0 30px;
	line-height:15px;
}

.agreelist1>p{
	word-break:break-all;
	width:210px;
	text-align:left;
}

.agreelist1>p>span{
	color:#d90000;
	margin:0 0 0 2px;
	font-size:5px;
}

.more_1{
	width:60px;
	height:20px;
	background-color:#ffba00;
	color:#fff;
	font-size:10px;
	border-radius:4px;
	text-align:center;
	line-height:20px;
	cursor:pointer;
	margin: 0 0 0 37px;
}

.more_2{
	width:60px;
	height:20px;
	background-color:#ffba00;
	color:#fff;
	font-size:10px;
	border-radius:4px;
	text-align:center;
	line-height:20px;
	cursor:pointer;
	margin: 0 0 0 37px;
}

.requ{
	width:330px;
	margin:0 auto;
	text-align:right;
	color:#d90000;
	font-size:12px;
	margin-top:5px;
}

.join_button{
	width:415px;
	height:60px;
	background-color:#ffba00;
	border-radius:4px;
	color:#fff;
	font-size:25px;
	line-height:60px;
	text-align:center;
	border:1px solid #ffba00;
	cursor:pointer;
}

/* 팝업창 */

#agree_window1{
	position: fixed; top: 0px; margin: 0px;
	width: 100%; height: 100%;
	z-index:999999999999999;
	background: rgba(0,0,0,0.1);
	display:none;
}

.agree_window1_box{
	width:745px;
	height:745px;
	background-color:#fff;
	margin: 160px 0 0 600px;
}

.agree_window1_box>h2{
	width:375px;
	border-bottom: 1px dashed #a0a0a0;
	margin: 0 auto;
	text-align:center;
	color:#ffc528;
	font-size:28px;
	padding: 35px 0 20px 0;
}

.agree_window_close{
	width:40px;
	height:40px;
	position:absolute; top:169px;; left:1295px;
	cursor:pointer;
}

.agree_window1_box_info{
	width:600px;
	height:550px;
	background-color:#f6f6f6;
	margin: 0 auto;
	margin-top:35px;
	box-shadow: 3px 5px 7px rgba(0,0,0,0.2);
	overflow:auto;
}

.agree_window1_box_info_text:first-child{
	width:530px;
	margin:35px 0 0 20px;
}

.agree_window1_box_info_text{
	width:530px;
	margin:30px 0 0 20px;
}

.agree_window1_box_info_text:last-child{
	width:530px;
	margin:30px 0 30px 20px;
}


.agree_window1_box_info_text>span{
	font-size:17px;
}

.agree_window1_box_info_text>p{
	margin-top:10px;
	font-size:15px;
	color:#636363;
}


#agree_window2{
	position: fixed; top: 0px; margin: 0px;
	width: 100%; height: 100%;
	z-index:999999999999999;
	background: rgba(0,0,0,0.1);
	display:none;
}

.agree_window1_box{
	width:745px;
	height:745px;
	background-color:#fff;
	margin: 160px 0 0 600px;
}

.agree_window1_box>h2{
	width:375px;
	border-bottom: 1px dashed #a0a0a0;
	margin: 0 auto;
	text-align:center;
	color:#ffc528;
	font-size:28px;
	padding: 35px 0 20px 0;
}

.agree_window_close{
	width:40px;
	height:40px;
	position:absolute; top:169px;; left:1295px;
	cursor:pointer;
}

.agree_window1_box_info{
	width:600px;
	height:550px;
	background-color:#f6f6f6;
	margin: 0 auto;
	margin-top:35px;
	box-shadow: 3px 5px 7px rgba(0,0,0,0.2);
	overflow:auto;
}

.agree_window1_box_info_text:first-child{
	width:530px;
	margin:35px 0 0 20px;
}

.agree_window1_box_info_text{
	width:530px;
	margin:30px 0 0 20px;
}

.agree_window1_box_info_text:last-child{
	width:530px;
	margin:30px 0 30px 20px;
}


.agree_window1_box_info_text>span{
	font-size:17px;
}

.agree_window1_box_info_text>p{
	margin-top:10px;
	font-size:15px;
	color:#636363;
}