.clear:after {
    content: "";
    display: block;
    clear: both;
}

.inner2 {
    max-width: 1020px;
    margin: 0 auto;
    /*overflow-x: hidden;*/
}

.sub-tit-box {
    text-align: center;
    margin: 60px 0;
}

.sub-tit-box p.sub-en {
    position: relative;
    color: #c0c0c0;
    font-size: 1.5rem;
    font-family: "pretendard", sans-serif;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.sub-tit-box h3.sub-tit {
    position: relative;
    font-size: 2.125rem;
    letter-spacing: -0.03em;
}

.sub-tit-box p.sub-txt {
    color: #666;
    margin-top: 10px;
}

.sub-tit-box p.sub-en:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #8d2f09;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -3px;
}

/*멤버 ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ====== 회원가입 ====== */

.ta_c { text-align: center;}

.m-28 { margin-top: 28px;}

.m_60 { margin-bottom: 60px; }

.flex_both_top {display:flex;}
label.field {display:flex; flex-grow: 0; flex-shrink: 0; flex-basis: 50%; flex-direction:column; /*outline:1px solid yellow;*/ font-weight:600; font-size:1.125rem; padding:0 2%; margin:20px 0;}
label.field > .insert {width:100%;}
label.field > .insert a:link {color:#fff}
label.field > .insert  > .input_text {width:100%; vertical-align:middle; border: none; border-bottom:1px solid #ddd;}
label.field > .insert  > div >  .input_text {width:100%; vertical-align:middle;  border: none; border-bottom:1px solid #ddd;}

.input_text.medium {padding:20px 0;}

/* focus */
label.field > .insert  > .input_text:focus, .textarea:focus {border-bottom:1px solid #000; transition:.2s;}
label.field > .insert  > div > .input_text:focus {border-bottom:1px solid #000; transition:.2s;}


.mem-btn {float: left; display: block; width:20%; max-width:117px; height: 40px; line-height: 40px; margin-top: 17px; margin-left:20px;  text-align: center;  background-color: #e15f2d; color: #fff; font-size:0.875rem; border-radius:4px;}


.add001{width:49%; float:left; margin-bottom:10px}

.members {padding:0 2%;}
.member-titles {position:relative; font-size:1.250rem; margin:20px 0;}
.member-area.wrap_ {width:100%; height:300px;overflow-y:auto; border:1px solid #e1e1e1; box-sizing:border-box; padding:14px 24px; color:#666;}
.squared {position:relative; top:5px; float: left; vertical-align:middle;}
.agree_wrap .fr{float:right;}
.agreeex{float:left;margin-left:10px;}

.joins.member-cont a.go-btn {display:inline-block; padding:14px 60px; font-size:1.125rem; border-radius:37px; border:1px solid #e15f2d; background:#e15f2d; color:#fff; margin-bottom: 60px; }
.member-cont a.go-btn {display:inline-block; padding:14px 0px; font-size:1.125rem; border-radius:37px; border:1px solid #e15f2d; background:#e15f2d; color:#fff; margin-bottom: 60px; }
.member-cont a.go-btn:hover {border:1px solid #e15f2d; color:#e15f2d; background:#fff; transition:.2s;}



@media screen and (max-width:1024px){
	.flex_both_top {flex-direction:column;}
	label.field {flex-basis: 100%;}
}

/* ====== 로그인 ====== */
.login-wraps {width:480px; margin:30px auto;}
.login-btn-wrap {margin:50px 0 30px 0;}
.login-btn p {float: left; margin:0 12px; font-size:0.875rem; line-height:28px;}
.input-area{width:100%; margin:0 auto;}

.input-area .box input[type=text], .input-area .box input[type=password] {width:100%; display:block; border:none; border-bottom: 1px solid #ddd; height: 40px; padding-left: 10px; box-sizing: border-box; margin:30px 0;}
.input-area .box input::placeholder {font-size:14px; color:#949394;}
.input-area .box input[type=text]:focus, .input-area .box input[type=password]:focus {outline:none;}

.input-area .box.ta_c {margin-top:20px;}
.input-area .member-btn {float:left; display:block; text-align:center; width:49%; border:1px solid #e1e1e1;box-sizing:border-box; color:#231815; padding:10px;}
.input-area .member-btn:first-child {margin-right:2%;}
.input-area .member-btn:hover {color:#e15f2d; border:1px solid #e15f2d;  transition:.2s;}

.member-cont a.go-btn.full {width:100%; text-align:center;}


@media screen and (max-width:550px){
	.login-wraps {width:100%; padding:0 2%;}
}