.sub_con .login_wrap {margin:0 auto; background:#fff; box-sizing:border-box; }
.sub_con .login_wrap .login_bt {padding-bottom:15px;}
.sub_con .login_wrap .login_bt .btn {background-color:#333; border:1px solid #333; border-radius:40px; color:#fff; padding:12px; line-height:40px; display:block; font-size:20px; text-align:center;font-weight:400; width:100%; cursor:pointer; box-sizing:border-box; -moz-box-size:border-box; margin-top:5px;}
.sub_con .login_wrap .login_bt .btn2 {background-color:#fff; color:#333; border-color:#000 }
.sub_con .login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float:left;}
.sub_con .signup {padding:0px 0px 15px 0px;}

.sub_con .signup li {overflow:hidden; margin-bottom:5px; align-items:center; display:flex; flex-wrap:wrap;  border:1px solid #dbdbdb; border-radius:4px;}
.sub_con .signup li .ico {width:50px; text-align:center}
.sub_con .signup li input {flex:1; width:100%; height:60px; padding:8px 10px; display:block; background:#fff; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; text-indent:10px; border:none; outline:none; padding-left:0px;}
.sub_con .signup li .v_eye {border:none; outline:none; border:none; background:none; padding-right:10px; font-size:14px; color:#666}

.sub_con .find_idpw {text-align:right; font-size:16px; padding:0px 0px 15px 0px;}
.sub_con .find_idpw > li {display:inline-block; vertical-align:top; line-height:20px; padding-left:10px; margin-left:10px; position:relative;}
.sub_con .find_idpw > li:before {display:block; content:""; width:1px; height:16px; background:#cccccc; position:absolute; left:0px; top:50%; margin-top:-8px;}
.sub_con .find_idpw > li:first-child {background:none; padding:0px; margin:0px;}
.sub_con .find_idpw > li:first-child:before {display:none;}
.sub_con .find_idpw > li a {color:#333; font-weight:400;}
.sub_con .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; }

.tc {text-align:center !important;}
.tr {text-align: right !important;}
caption {display:none;}
.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;}
/* btn */
.sub_con .btn-group {padding:2.5em 0px; display:flex; flex-wrap:wrap;border-top:2px solid #000; margin-top:2.5em;}
.sub_con .btn-group.tc {justify-content:center; }
.sub_con .btn-group > a {margin:0px 5px;}
.sub_con .btn-group.tr {justify-content:flex-end;}

.sub_con .radio_group {display:flex; flex-wrap:wrap; margin:-3px -15px;}
.sub_con .radio_group > li {display:flex; align-items:center; padding:3px 15px;}


.sub_con .bt_include {position:relative; display:flex; flex-wrap:wrap; box-sizing:border-box;}
.sub_con .bt_include > div {flex:1}
.sub_con .bt_include .add_bt {width:100px; margin-left:5px;}
.sub_con .bt_include select {width:100%; max-width:100%; flex:1}
.sub_con .bt_include .input {flex:1}
.sub_con .bt_include2 {padding-right:65px; margin:0 auto;}


.bt_include2 {padding-right:65px; margin:0 auto;}

.sub_con .inputArea_wrap {display: flex; flex-wrap: wrap; margin:0px -30px;}
.sub_con .inputArea_wrap .box {width:50%; box-sizing:border-box; padding:20px 30px;}

.sub_con .inputArea > li {display: flex; align-items:center; padding:15px 0px;}
.sub_con .inputArea .label {margin:0px; font-size:1.05em; color:#333; text-align:left; width:110px; ord-break: break-all; text-wrap: balance; min-width:110px;  line-height:1.4em; font-weight:700; padding:0px; }
.sub_con .inputArea .label .ss_tit {margin:0px;}
.sub_con .inputArea label {margin-bottom:0px;}
.sub_con .inputArea .area {display:flex; flex-wrap:wrap; flex:1; width:100%; font-weight:400; min-height:40px; align-items:center;}
.sub_con .inputArea .area .input {border:1px solid #d9dbe1; height:45px; width:100%; box-sizing:border-box; padding:10px; border-radius:4px !important; }
.sub_con .inputArea .area .select {height:45px; width:100%; border-color:#d9dbe1 !important; border-radius:4px !important; }
.sub_con .inputArea .area .textarea {width:100%; border-color:#d9dbe1 !important; border-radius:4px !important; }

.sub_con .inputArea .area .address {width:100%}
.sub_con .inputArea .area .address > li:not(:first-child) {margin-top:5px;}
.sub_con input::-webkit-input-placeholder { color:#ccc; font-weight:400; }
.sub_con input::-moz-placeholder { color:#ccc; font-weight:400; }
.sub_con input:-ms-input-placeholder { color:#ccc; font-weight:400; } 
.sub_con textarea::-webkit-input-placeholder { color:#ccc; font-weight:400; }
.sub_con textarea::-moz-placeholder { color:#ccc; font-weight:400; }
.sub_con textarea:-ms-input-placeholder { color:#ccc; font-weight:400; } 
 
 input[type=checkbox], input[type=radio] {margin:0px 5px 0px 0px !important; width:16px; height:16px;}

.sub_con .find_area_wrap {display:flex; flex-wrap:wrap; align-items: flex-end; margin:0px -10px; padding-bottom:30px;}
.sub_con .find_area_wrap > li {flex:1; padding:0px 10px;}
.sub_con .find_area_wrap > li.long {flex:1.5}
.sub_con .find_area_wrap > li .label {display:block; margin:0px; font-size:1.05em; color:#333; text-align:left; width:100%; ord-break: break-all; text-wrap: balance; min-width:110px;  line-height:1.4em; font-weight:700; padding:0px 0px 10px 0px; }
.sub_con .find_area_wrap > li input {border:1px solid #ccc; border-radius:4px; width:100%; box-sizing:border-box; height:50px;}
.sub_con .find_area_wrap > li.bt {flex:0.8;}
.sub_con .find_area_wrap > li.bt > a {display:flex; line-height:1.3em; height:50px; align-items:center; justify-content:center; color:#fff; border-radius:4px; background:#1554cf;}

.sub_con a.btnNormal, .sub_con .btnNormal {display:inline-flex; width: 100%; height:45px; line-height:1.2em; justify-content:center; align-items:center; color:#fff; box-sizing:border-box; background:#32b2ed; letter-spacing:-1px; text-align:center; border:1px solid #32b2ed; font-weight:500; padding: 0px 2%; border-radius:4px; }
.sub_con a.btnNormal.cancel, .sub_con .btnNormal.cancel {background:#353736; border-color:#353736; color:#fff;}
.sub_con a.btnNormal.cancel2, .sub_con .btnNormal.cancel2 {background:#fff;border-color:#353736;  color:#000;}

.sub_con a.btnStrong, .sub_con .btnStrong {line-height:1.8em; display:inline-flex; width:100%; height:60px; border-radius:6px;  justify-content:center; align-items:center; color:#fff; box-sizing:border-box; background:#005e9c; text-align:center; border:1px solid #005e9c; font-size:1.3em; font-weight:600; }
.sub_con a.btnStrong.cancel, .sub_con .btnStrong.cancel {background:#fff; color:#005e9c; border-color:#005e9c}
.sub_con a.btnStrong.type1, .sub_con .btnStrong.type1 {background:#ec5b1a; color:#fff; border-color:#ec5b1a}

.btnStrong img {max-height: 90%}


.scrollbox {height:200px; padding:12px; overflow:auto; background:#efeef3; border:1px solid #dadadc; overflow-x:hidden; font-weight:400;}
.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}


.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_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:60px;}
.join_step > ol {max-width:430px; 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:40px;}
.join_step > ol > li {position:relative; text-align:center;}

.join_step > ol > li .ico {display:inline-block; position:relative; overflow:hidden;}
.join_step > ol > li .ico .on {position:absolute; left:0px; top:0px; opacity:0;}
.join_step > ol > li .txt {display:block; font-size:15px; color:#cccccc; font-weight:400; line-height:140%;}
.join_step > ol > li.on .txt {color:#000;}
.join_step > ol > li.on .ico img {opacity:0;}
.join_step > ol > li.on .ico img.on {opacity: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:#c99e41; border:3px solid #000; flex-direction:column;}
.bt_join_check > a img { padding-bottom:15px;}

.complete_box {text-align:center; font-size:1.8em; line-height:140%; font-weight:100;}
.complete_box .txt2 {font-size:1.3em; line-height:140%; padding-bottom:50px;}
.complete_box .txt2 > strong {font-weight:600;}

@media screen and (max-width:767px) {
	.sub_con .inputArea_wrap {margin:0px;}
	.sub_con .inputArea_wrap .box {width:100%; padding:0px;}
	.sub_con .find_area_wrap {max-width:500px; margin:0 auto;}
	.sub_con .find_area_wrap > li input {height:40px;}
	.sub_con .find_area_wrap > li {flex: none; padding:10px 0px; width: 100%;}
	.sub_con .find_area_wrap > li.bt {flex:none; width:100%}
	.sub_con .find_area_wrap > li.bt a {height:40px;}
}
@media screen and (max-width:480px) {
	.sub_con .inputArea .label {font-size:1em; min-width:90px;}
	.sub_con .inputArea > li {padding: 5px 0px;}
	.sub_con .inputArea .area .input {padding:5px;}
}