body {background:#F0F2F4;}

/*top*/
.content { max-width:460px;}

/*회원가입*/
/*.agreement_all {overflow:hidden;padding:30px 0;white-space:nowrap;border-top:1px solid var(--custom-gray3);}*/
.agreement_all {overflow:hidden;padding:30px 0 0;white-space:nowrap;}
.agreement_all .checkbox_inline {float:left;margin-right:5px;}
.agreement_all .btn_xs {float:right;}
.agreement_all .g_checkbox input[type=checkbox] + span {height:auto;padding-left:35px;font-size:var(--custom-font-size-md);font-weight:bold;line-height:20px;}
.agreement_all .g_checkbox input[type=checkbox] + span:before {width:24px;height:24px;border:1px solid var(--custom-gray4);background-color:#FFF;}
.agreement_all .g_checkbox input[type=checkbox] + span:after {position:absolute; top:50%; left:6px; box-sizing:border-box; width:12px; height:8px; margin-top:-4px; content:''; transform:rotate(-45deg); border:2px solid var(--custom-gray4); border-top:none; border-right:none;}
.agreement_all .g_checkbox input[type=checkbox]:checked + span:before {border:1px solid var(--custom-red4);background-color:var(--custom-red4);}
.agreement_all .g_checkbox input[type=checkbox]:checked + span:after {border:2px solid var(--custom-white);border-top:none; border-right:none;}
.tit { font-size:var(--custom-font-size-md); font-weight:bold; line-height:35px;}
.r_bold {color:var(--custom-red4);}


/*폼*/
#login_form{padding-top:30px;}
.notice{margin-top:-20px;}

/*!*이미지 체크박스 */
input[type=checkbox] {display:none;}
.checkbox {cursor:pointer;}
/*.checkbox .icon_check {display:inline-block; width:24px; height:24px; background:url(/image/Authorization/user_sel.png) no-repeat; vertical-align:top; text-indent:-9999px; margin-right:10px;}*/
/*.checkbox input[type=checkbox]:checked + .icon_check {width:24px; height:24px; background:url(/image/Authorization/user_sel.png) no-repeat -25px 0; text-indent:-9999px;}*/

/*알아두기 아이콘*/
.icon_quest {display:inline-block; width:16px; height:16px; margin-left:3px; vertical-align:baseline; text-indent:-9999px; background:url(/image/Authorization/icon_notice.png) no-repeat;}

/*인증코드*/
.input_id {position:relative;}
.btn_blue7 {position:absolute;top:0;right:0;}

/*소셜 로그인*/
.or_wrap{margin:28px auto;text-align:center;}
.social_login_wrap .btn_wrap {padding:0;margin-bottom:10px;}
.social_login_wrap .btn_wrap > .btn{position:relative;display:block;margin-left:0;color:var(--custom-white);}
.social_login_wrap .btn_wrap > .btn:not(:first-child){margin-top:10px;}
.social_login_wrap .btn_wrap > .btn span{position:absolute;display:inline-block;width:30px;height:31px;top:12px;left:35px;}
.social_login_wrap .btn_wrap > .btn .icon_google{background:url(/image/Authorization/ico_google.jpg) no-repeat;}
.social_login_wrap .btn_wrap > .btn .icon_facebook{background:url(/image/Authorization/ico_facebook.jpg) no-repeat;}
.social_login_wrap .btn_wrap > .google{background-color:#DB2814;}
.social_login_wrap .btn_wrap > .facebook{background-color:#3B5A9B;}
.social_login_wrap p {line-height:35px;}
.social_login_wrap p .btn{margin-left:10px;box-sizing:border-box;vertical-align:top;}

/* 약관 레이어*/
#layer_wrapper{position:fixed; top:0; bottom:0; left:0; right:0;background: rgba(0,0,0,0.8); display: none;}
#layer_wrapper.show{display: block;}
#terms_layer{position:absolute;width:98%; height:77%; max-width:600px; max-height:507px;left:50%;top:50%; transform: translate(-50%,-50%);background-color:#FFF;z-index:99; border-radius: 10px; overflow:hidden;}
#terms_layer h4{text-align: center; padding:10px 0; position:relative;}
#terms_layer .title{color:#0070C0;margin-bottom:30px;}
#terms_layer > ul{display: flex;}
#terms_layer > ul .tab{flex:1; justify-content: center; align-items: center; cursor: pointer;}
#terms_layer > ul .tab.on{background-color: #159efd; color:#fff;}
#terms_layer #content_wrapper{height:335px; overflow-y: scroll;}
#terms_layer #content_wrapper .tab_content{height:100%; display: none; padding:20px; }
#terms_layer #content_wrapper .tab_content.on{display: block;}
#close_layer_wrapper{position:relative; width:100%; height:34px;}
#close_layer{position:absolute;top:10px;right:10px;width:24px;height:24px;background-image:url(/image/Trade/btn_ex.png);cursor:pointer; }
.pre_wrap {font-size:var(--custom-font-size-base);margin:20px 0 40px;white-space:pre-wrap;color:var(--custom-gray6);font-weight:normal;}
.box {line-height:22px; }
.box ol{list-style-position:inside;}
@media (max-width:576px) {
    .agreement_all {margin-bottom:10px;}
}
@media (max-width:408px) {
    .agreement_all .agr_title {font-size:var(--custom-font-size-md);}
    
    .checkbox .icon_check {margin-right:5px;}
    
    .checkbox .agr_title {margin-left:-2px;}
    
    .agreement_all .btn_xs {float:left;margin-left:35px;}
}