.join_in{max-width: 1200px; padding: 32px 0; margin: 0 auto; background-color: #ebebeb; color: #353535; text-align: center}
.join_in .btn4 a{width: 120px; height: 38px; line-height: 38px; margin: 19px auto 0; border-radius: 5px; display:block; background-color: #646464; color: #ffffff; font-size: 14px; text-align: center}
@media screen and (max-width:1200px) {
	.login_box{padding: 0 15px}	
}
@media screen and (max-width:767px) {
	.join_in{padding-left: 10px; padding-right: 10px}	
}

/* join	 */
#join_wrap{margin-bottom: 50px; position: relative}
#join_wrap:after{content: ''; display: block; clear: both}
.join_tit{margin-bottom: 51px}
.join_tit .tit{max-width: 778; height: 90px; line-height: 150%; padding-top: 24px; padding-left: 22px; background: url(../img/member/join_title_bg.jpg) no-repeat}
.join_tit .tit .style1{font-size: 18px; color: #212121}
.join_tit .tit .style2{font-size: 15px; color: #4d4d4d}
.join_tit .tit .style3{font-size: 15px; color: #c60000}
.join_tit .tab{height: 42px}
.join_tit .tab:after{content: ''; display: block; clear: both}
.join_tit .tab ul li{float: left}
.join_box1{width: 100%; line-height: 140%; font-size :14px}
.join_box1>.title{margin-bottom: 15px}
.join_box1>.con_tit{font-size: 15px; color: #2f2f2f; line-height: 150%; margin-bottom: 72px}

/* join1 */
.join_box1 .con1_wrap{position: relative}
.con1_wrap .con1{max-width: 607px; margin: 0 auto; text-align: center}
.con1_wrap .con1:after{content: ''; display: block; clear: both}
.con1_wrap .con1 li{min-width: 266px; min-height: 315px; padding-top: 50px; margin-bottom: 60px; float: left; background: url(../img/member/join_con1_bg.png) no-repeat center center; text-align: center}
.con1_wrap .con1 .img{margin-bottom: 15px}
.con1_wrap .con1 .txt{margin-bottom: 13px}
.con1_wrap .con1 .btn a{width: 134px; height: 33px; line-height: 33px; margin: 0 auto; display: block; background: url(../img/member/join_con1_btn.png) no-repeat; color: #ffffff; text-align: center}
.con1_wrap .con1_txt{text-align: center; color: #5a5a5a; margin-bottom: 79px}
.con1_wrap .user_suc{max-width: 440px; position: absolute; top: 0}
.con1_wrap .user_suc p.tit{height: 35px; line-height: 35px; padding-left: 13px; background-color: #373737; color: #ffffff; font-size: 15px; font-weight: bold; font-family: '돋움', Dotum}
.con1_wrap .user_suc .con{padding-top: 58px; border: 1px solid #d1d1d1; border-top: 0; text-align: center; background-color: #ffffff}
.con1_wrap .user_suc .con p{margin-bottom: 23px}
.con1_wrap .user_suc .foot{padding: 35px 20px 35px 57px; border: 1px solid #d1d1d1; border-top: 0; background: url(../img/member/join1_user_bg.png) no-repeat 22px 32px #f4f4f4; color: #373737; font-size: 11px; font-family: '돋움', Dotum}

/* join2 */
.con2_wrap input{vertical-align: middle}
.con2_wrap .join_check{width: 103px; height: 42px; line-height: 42px; padding-left: 10px; margin-bottom: 15px; float: right; border: 1px solid #d8d8d8; background-color: #f9f9f9; font-size: 15px}
.con2_wrap .con2{margin-bottom: 64px; clear: both}
.con2_wrap .con2 h3{height: 163px; margin-bottom: 15px; float: left; font-size: 18px; background-color: #f9f9f9; border: 1px solid #e6e6e6; border-right: 0; display: flex; align-items: center; padding: 20px}
.con2_wrap .con2 .foot>span{padding-left: 12px}
.con2_wrap .con2 .foot:after{content: ''; display: block; clear: both}
.con2_wrap .con2 .checkbox02{float: right}
.con2_wrap .con2 .scroll{max-width: 1170px; height: 163px; line-height: 150%; padding: 20px 70px 0 15px; margin-bottom: 13px; overflow-y: scroll; border: 1px solid #e6e6e6; color: #707070; font-size: 13px}
.scroll::-webkit-scrollbar{width: 17px; border: 1px solid #e6e6e6}
.scroll::-webkit-scrollbar-track{background: #f0f0f0}
.scroll::-webkit-scrollbar-thumb{background: #767676}
.scroll::-webkit-scrollbar-button:decrement{background: url(../img/scroll_arrow_top.png) no-repeat center center #f0f0f0; height: 35px}
.scroll::-webkit-scrollbar-button:increment{background: url(../img/scroll_arrow_bottom.png) no-repeat center center #f0f0f0; height: 35px}
.con2_wrap .con2 .scroll>p{max-height: 100000px}
@media screen and (max-width: 425px){
	.con2_wrap .con2 h3{float: none; margin-bottom: 0; border-bottom: 0; border-left: 0; justify-content: center}
}

/* join3 */
.con3_wrap .con3{position: relative; margin-bottom: 39px}
.con3_wrap .con3 h3{max-height: 100px; margin-bottom: 19px; font-size: 18px}
.con3_wrap p.foot_txt{max-height: 1000px; margin-bottom: 67px; font-size: 12px; font-family: '돋움', Dotum}
.con3_wrap p.foot_txt>span{color: #cd4800}
@media screen and (max-width:1200px) {
	.con3_wrap .con3 h3{padding: 0 5px}	
}
.idBox{width: 438px; border: 1px solid #000000; background-color: #ffffff; position: absolute; top: 0px; right: 42px; z-index: 50}
.idBox input{border: 0; padding: 0; margin: 0; background: none}
.idBox img{vertical-align: middle}
.idBox .title{height: 34px; line-height: 35px; background-color: #55627f; color: #ffffff; padding-left: 18px; font-size: 14px}
.idBox .title span{float: left; vertical-align: middle}
.idBox .title span.close_btn{float: right; margin-right: 14px}
.idBox .content{line-height: 140%; padding-top: 21px; padding-left: 18px; padding-bottom: 39px; background-color: #f6fbff}
.idBox .content p,
.idBox .content span,
.idBox .content input{font-size: 13px; font-family: '돋움', Dotum; vertical-align: middle}
.idBox .content input[type="text"]{width: 133px; height: 23px; line-height: 23px; border: 1px solid #3f3f3f; padding-left: 3px}
.idBox .content .tit{font-weight: bold; margin-bottom: 17px}
.idBox .content .con{margin-bottom: 23px}
.idBox .foot{padding: 6px 0; border-top: 1px solid #e2e2e2; background-color: #f2f5fa; text-align: center}
.idBox .foot a{width: 98px; height: 28px; line-height: 28px; margin: 0 auto;	border: 1px solid #384460; display: block; background-color: #55627f; color: #ffffff; font-size: 12px; text-align: center}
@media screen and (max-width:767px) {
	.idBox{width: 100%; top: 150px; right: 0}	
}

/* join4 */
.con4_wrap{text-align: center}
.con4_wrap .con4 .img{margin-bottom: 35px}
.con4_wrap .con4 .img img{margin: 0 auto}
.con4_wrap .con4 .txt1{font-size: 20px; margin-bottom: 9px}
.con4_wrap .con4 .txt2{font-size: 16px; color: #a4a4a4; margin-bottom: 25px}
.con4_wrap .con4 .userBox{max-width: 1198px; padding-top: 37px; padding-bottom: 29px; margin-bottom: 26px; border: 1px solid #e4e4e4; background-color: #f2f2f2; color: #55627f; font-size: 14px}
.con4_wrap .con4 .userBox .emp{color: #ed1b24}

/* id_seek */
.find_con{margin-bottom: 12px}
.find_con .con1>h3{font-size: 20px; margin-bottom: 11px}
.find_con .con1 p{margin-bottom: 25px}
.find_con .con1 .result{max-width: 1170px; padding: 37px 25px 29px; border: 1px solid #e4e4e4; background-color: #f2f2f2; text-align: center; color: #55627f; font-size: 16px}
.find_con .con1 .result .tit{color: #017fdf}
.find_con .con1 .result .userId{font-size: 20px; color: #fd7a32}
.find_con .con1 .result .txt{padding-bottom: 25px; border-bottom: 1px solid #d0d0d0; color: #2e2e2e; font-size: 13px}