.main_login_form .txt_a {font-size:1.777em; font-weight:200; color: #000; line-height: 1.3em; text-align: center; margin-bottom: 30px;}


.login_wrap {margin:0 auto; background:#fff; padding:30px; box-sizing:border-box; border:1px solid #e5e5e5; border-radius:10px; font-size:15px;}
.login_wrap .login_bt {padding-bottom:15px;}
.login_wrap .login_bt .btn {background-color:#000; border:1px solid #000; border-radius:8px; color:#fff; padding:7px; line-height:54px; display:block; font-size:20px; text-align:center;font-weight:500; width:100%; cursor:pointer; box-sizing:border-box; -moz-box-size:border-box; margin-top:5px;}
.login_wrap .login_bt .btn2 {background-color:#fff; color:#000; border-color:#000; font-size:18px;}
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float:left;}
.signup {padding:0px 0px 15px 0px;}

.signup li {overflow:hidden; margin-bottom:10px; align-items:center; display:flex; flex-wrap:wrap; background: #fff; border-radius:6px; border:1px solid #ccc; }
.signup li .ico {min-width:40px; text-align:right; line-height: 1em;}
.signup li input {flex:1; width:100%; height:55px; padding:8px 10px; display:block; background:none; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; text-indent:1em; border:none; outline:none; padding-left:0px;}

.find_idpw {display: flex; flex-wrap: wrap; padding:0px 0px 15px 0px; justify-content: flex-end}
.find_idpw > li {line-height:20px; padding-left:10px; margin-left:10px; position:relative;}
.find_idpw > li:before {display:block; content:""; width:1px; height:16px; background:#cccccc; position:absolute; left:0px; top:50%; margin-top:-8px;}
.find_idpw > li:first-child {background:none; padding:0px; margin:0px;}
.find_idpw > li:first-child:before {display:none;}
.find_idpw > li a {color:#989898; font-weight:500;}
.find_ok {text-align:center; padding:170px 0px 20px 0px; font-size:18px; line-height:150%; background:url(../img/member/ico_mail.gif) no-repeat center top; }


.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}



.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:1em 0.5em;}


.join_type {overflow:hidden;}
.join_type.one > dl {float:none; width:100%; max-width:500px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.join_type.two > dl {width:50%;}
.join_type > dl {float:left; width:25%; box-sizing:border-box; border:1px solid #cccccc; border-left:none; padding:30px 10px 30px 10px;  text-align:center; margin-top:10px;}
.join_type > dl:first-child {border-left:1px solid #cccccc;}
.join_type > dl > dt {font-size:22px; line-height:140%; padding-bottom:5px;}
.join_type > dl > dt .ico {display:block; text-align:center; padding:0px 10px 10px 10px;}
.join_type > dl > dt strong {display:block; min-height:55px; font-weight:700; line-height:140%;}
.join_type > dl > dt .f_s {display:block; font-size:0.8em;  line-height:130%;}
.join_type > dl > dd {font-size:15px; line-height:140%; font-weight:300; min-height:100px;}
.join_type > dl > dd.txt {padding:10px 0px 30px 0px;}
.join_type > dl > dd.input_a input {max-width:300px; height:40px; margin:0 auto; }
.join_type > dl > dd.bt {padding-top:10px; min-height:auto;}
.join_type > dl > dd.bt a {display:inline-block; font-size:15px; font-weight:300; line-height:20px; padding:10px 0px; text-align:center; background:#0c91dd; color:#fff; min-width:120px;}
.join_type > dl > dd.bt.two a {min-width:110px;}
.join_agree_wrap {display: flex; flex-wrap: wrap; margin: -15px;}
.join_agree_wrap .box {width: 50%; padding: 15px;}


.join_box{overflow:hidden;}
.join_box.pa_rl{padding:0px 17%;}
.agency_join {float:left; width:33.33333%; margin:0 auto;	text-align:center; box-sizing:border-box; padding:30px 40px;}
.agency_join.two{width:50%;}
.agency_join.btnsbg01{background-color:#071c5f;}
.agency_join.btnsbg02{background-color:#f2773d;}
.agency_join.btnsbg03{background-color:#386fd3;}
.agency_join > h3{font-weight:600; font-size:2.1em; color:#fff; padding:20px 0px 60px 0px; line-height:120%;}
.join_btn{display:block; width:100%; height:60px; background-color:#fff; border:0px; margin:60px 0px 20px 0px;}
.join_btn > span{line-height:60px; height:60px; font-weight:600; font-size:1.1em; color:#333; }
.etc_btns{text-align:right; font-size:0px;}
.etc_btns > li{display:inline-block; vertical-align:top; font-size:15px; line-height:20px; padding-left:5px; margin-left:5px;}
.etc_btns > li > a{text-align:right; font-weight:300; font-size:0.85em; color:#fff; }

.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}

.interest{box-sizing:border-box; text-align:center; display:block; background:#386fd3; padding:3px;}


.join_step {padding-bottom:50px; padding-top: 3em;}
.join_step > ol {max-width:280px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.join_step > ol:before {display:block; content:""; width:90%; height:1px; background:#ccc; position:absolute; left:5%; top:30px;}
.join_step > ol > li {position:relative; text-align:center;}

.join_step > ol > li .ico {display:inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; position:relative; overflow:hidden; border-radius:100%;  background: #ecf0f8;}
.join_step > ol > li .txt {display:block; margin-top: 0.5em; font-size:14px; color:#999999; font-weight:600; line-height:140%;}
.join_step > ol > li.on .txt {color:#0027ab;}
.join_step > ol > li.on .ico {background: #0027ab;}
.join_step > ol > li.on .ico img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


.bt_join_check > a {margin:0 auto; width:100%; max-width:300px; height:210px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; color:#fff; font-size:1.5em; font-weight:600; line-height:130%; box-sizing:border-box; background:#7a51af; border:3px solid #000; flex-direction:column;}
.bt_join_check > a img { padding-bottom:15px;}


.member_type {display: flex; flex-wrap: wrap; justify-content: center;}
.member_type > li {flex: 1; max-width: 260px; padding: 10px;}
.member_type > li > dl {border: 1px solid #eeeded; border-radius:10px; padding: 1em; text-align: center}
.member_type > li > dl dt {font-size:1.77em; line-height: 1.3em; color: #111111; padding-top:0.8em}
.member_type > li .txt {color: #0f487f; font-weight: 500;}
.member_type > li .img {padding: 1em 0px;}
.member_type > li .bt > a {display: flex; height:3.4em; border-radius:6px; justify-content:center; align-items: center; color: #fff; background: #0f487f; font-weight: 600; }
.member_type > li.children .bt > a {background:#000}
.member_type > li.children .txt {color:#000}


/* 980px */
@media screen and (max-width:979px) {
	
}



/* 768 */
@media screen and (max-width:767px) {
	
	.join_step {padding-bottom:40px;}
	.join_agree_wrap .box {width: 100%;}
}


/* 480px */
@media screen and (max-width:479px) {
	.login_wrap {font-size: 14px;}
	.login_wrap .login_bt .btn {font-size:15px; line-height:40px;}
	.signup li input {height:50px; line-height:50px;}
	
	.join_step {padding-bottom:30px;} 
	.join_step > ol {max-width:320px;}
/*	.join_step > ol > li .ico {width:50px;}*/
	.join_step > ol:before {top:28px;}
	.join_step > ol > li .txt {font-size:13px;}
}