@charset "utf-8";

/* anyid 수정 */
#anyidc .tit-wrap { gap:16px}
.certify-sel-wrap .tit-wrap .certify-opt-tit { height: auto !important; padding-top:0 !important; font-weight: 700; color:#1d1d1d;}
#anyidc.thema_04 .form-switch [type=checkbox]~i:before { left:3px; width: 20px; height: 20px; background: url(../img/bg-switch.svg) no-repeat center;}
#anyidc.thema_04 .form-switch [type=checkbox]~i:after { width:41px; height: 24px; background-color: #6d7881;}
#anyidc.thema_04 .form-switch [type=checkbox]:checked~i:before { left:18px; background-image: url(../img/bg-switch-on.svg);}
#anyidc.thema_04 .join-member-bn-wrap-column,
#anyidc .join-member-bn-wrap .txt-desc,
#anyidc.thema_04 .btn-txt { font-size: 15px;}
#anyidc.certify-sel-wrap.type-arrow.thema_04 .tab-area { width:100%}
#anyidc.certify-sel-wrap.type-arrow.thema_04 .tab-area .certify-type { margin-top:12px !important; gap:16px}
#anyidc.certify-sel-wrap.thema_04 .certify-type>li { border-color:#cdd1d5; background-color: #f4f5f6;}
#anyidc.certify-sel-wrap.thema_04 .certify-type>li.etc { top:auto; height: auto;}
#anyidc.certify-sel-wrap.type-arrow.thema_04 .certify-type>li .login-link { padding:32px}
#anyidc.certify-sel-wrap.type-arrow.thema_04 .certify-type>li .login-link:before { top:32px; left:32px; width:32px; height: 32px; background-size: 32px 32px;}
#anyidc.certify-sel-wrap.type-arrow.thema_04 .certify-type>li .login-link:after { top:34px; background-image: url(../img/ico_more.svg);}
#anyidc.certify-sel-wrap.thema_04 .certify-type>li .type-desc { font-size:16px; margin-top:16px;}
#anyidc.certify-sel-wrap.type-arrow.thema_04+.certify-sel-wrap.type-arrow { margin-top:24px; padding-top:24px}

.login-type .certify-sel-wrap.type-arrow .certify-type { display: flex; margin-top:16px; gap:16px; flex-direction: row;}
.login-type .certify-sel-wrap.type-arrow .certify-type > li { width:calc(33.33% - 16px); border:1px solid #cdd1d5; border-radius: 12px; background-color: #f4f5f6;}
.login-type .certify-sel-wrap.type-arrow .certify-type > li:hover,
.login-type .certify-sel-wrap.type-arrow .certify-type > li:visited { text-decoration: none; -webkit-box-shadow:0 0 0 2px #246beb; box-shadow: 0 0 0 2px #246beb; outline: none;}
.login-type .certify-sel-wrap.type-arrow .certify-type > li .login-link { position: relative; display: block; height: 100%; padding:32px; }
.login-type .certify-sel-wrap.type-arrow .certify-type > li .login-link:focus { outline-offset: 4px; outline:2px solid rgba(36,107,235,.8); border-radius: 0;}
.login-type .certify-sel-wrap.type-arrow .certify-type > li .type-tit { margin-bottom:0; font-size: 20px; padding-right:24px; padding-left:46px; font-weight: 700; color:#1d1d1d; line-height: 1.5;}
.login-type .certify-sel-wrap.type-arrow .certify-type > li .login-link:before,
.login-type .certify-sel-wrap.type-arrow .certify-type > li .login-link:after { content:''; display: block; width:24px; height:24px; position: absolute; top:32px; left:32px; background-size: 24px 24px; background-repeat: no-repeat; background-position: 50%;}
.login-type .certify-sel-wrap.type-arrow .certify-type > li .login-link:before { width:32px; height:32px; background-size: 32px 32px; }
.login-type .certify-sel-wrap.type-arrow .certify-type > li.id .login-link:before { background-image: url(../img/ico_login_certify_type_05.svg);}
.login-type .certify-sel-wrap.type-arrow .certify-type > li .login-link:after { top:34px; left:auto; right:20px; background-image: url(../img/ico_more.svg);}
.login-type .certify-sel-wrap.type-arrow .certify-type > li .type-desc { margin-top:16px}