.register_wrap{max-width:770px; margin:0 auto;}
.register_title{color:#fff; background:url('/images/member/register_title_bg.jpg') center center no-repeat; box-sizing:border-box; padding:0 44px; height:194px; border-radius:12px;}
.register_title .en{font-size:32px; font-family: 'GmarketSansLight';}
.register_title .ko{font-size:20px; font-weight:300; margin-top:10px;}

.register_form{margin-top:30px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.register_form > div + div{margin-top:30px; border-top:1px solid #ccc; padding-top:20px; margin-top:20px;}
.register_form h3{color:#111; font-weight:500; font-size:16px; line-height:1; margin-bottom:12px;}
.register_form h3 strong{font-weight:500; color:#ff0b0b;}
.register_form > div.dp_flex > div{width:calc(50% - 15px);}
.register_form textarea{display:block; width:100%; margin-top:20px; border-radius:4px; padding:20px; box-sizing:border-box;}
.register_form p{font-size:14px; margin-top:12px; color:#111;}
.register_form .tes{background:transparent;  border-radius:6px; border:1px solid #111; color:#111; white-space:nowrap; font-weight:700; padding:0 10px;}
.register_form .tes:hover{background:#f0f0f0;}

.login_wrap{max-width:450px; margin:0 auto;}
.login_titie img{display:block; margin:0 auto;}
.login_titie + .register_form{margin-top:60px;}

.login_btn button{display:block; width:100%; color:#fff; border:0; background:#4a29e7; font-size:14px; font-weight:600; height:48px; border-radius:6px;}
.login_btn button:hover{background:#252525;}
.login_sub_btn{margin-top:32px;}
.login_sub_btn a{display:block; color:#666; font-size:14px;}
.login_sub_btn > div + div{margin-left:16px; padding-left:16px; position:relative;}
.login_sub_btn > div + div:before{content:''; display:block; width:1px; height:10px; position:absolute; left:0; top:50%; margin-top:-5px; background:#ccc;}
.login_sub_btn .register_a{color:#4a29e7; font-weight:700;}

.login_titie{text-align:center; font-family: 'GmarketSansBold'; color:#111; font-size:34px; line-height:1;}
.forgot_tab div{width:50%;}
.forgot_tab button{color:#999; font-size:18px; background:#f7f7f7; border-radius:6px 6px 0 0; border:1px solid #ccc; width:100%; height:58px; border-bottom:1px solid #000;}
.forgot_tab .active button{border:1px solid #111; border-bottom:1px solid #fff; color:#111; background:#fff;}
.register_form.forgot{padding-bottom:0; border-bottom:0;}
.register_form.forgot > div + div{margin-top:0; border-top:0;}

.forgot_tab_cont{display:none;}
.forgot_tab_cont.active{display:block;}


@media screen and (max-width:780px){
.register_wrap{padding:0 20px;}
.register_title{background-size:cover;}

}


@media screen and (max-width:640px){
.register_form > div.dp_flex{display:block;}
.register_form > div.dp_flex > div{width:100%;}
.register_form > div.dp_flex > div + div{margin-top:30px;}

.register_title{padding:0 20px; background-position:right -70px center;}
.register_title .en{font-size:22px; letter-spacing:-0.05em;}
.register_title .ko{font-size:14px; letter-spacing:-0.05em;}

.forgot_tab{margin-top:30px;}
.login_titie{font-size:24px;}
.login_wrap{padding-left:20px; padding-right:20px;}
.forgot_tab button{font-size:16px; height:48px;}

}