@charset 'utf-8';

[class*= link-]{cursor:pointer}

[name=user_login] .pw_area {position:relative}
[name=user_login] .pw_area input {padding-right:20px}
[name=user_login] .pw_area button{background-color:transparent; border:none; position:absolute; right:5px; top:8px; color:#75868f}
[name=user_login] .pw_area ion-icon {font-size:18px}

input[type='checkbox'] {cursor:pointer}
.card-body {padding-left:1.25rem}
.card-body h1, p {cursor:default}
label[for=nb-save], 
label[for=loginCheck] {cursor: pointer;}
.cont_login {background:url('../img/bg.png'); background-size:cover}
.cs_context {cursor: default}

.card-body form + .d-flex > *,
.content__wrap .card + .d-flex > * {cursor:default}


.modal .modal-header {border-bottom:0}
.modal .modal-footer {border-top:0}

/* 비밀번호변경 팝업 */
#pw-find .modal-body {color: #373c43}
#pw-find ion-icon {font-size:16px}
#pw-find .col-8 {position:relative}

#pw-find .col-8 > small {position:relative; padding-left:20px; display:block}
#pw-find .col-8 > small ion-icon {position:absolute; left:0; top:2px}
#pw-find .col-8 > small:not(.show) {display:none}
#pw-find .col-8 > ion-icon {position:absolute; top:10px; right:15px; cursor: pointer}
#pw-find .list_disable:not(.show) * {opacity:0.8}
#pw-find .list_disable:not(.show) ion-icon {opacity:0}
#pw-find .list_disable:not(.show) ion-icon {opacity:1}

#pw-find .list_disable1.show input
#pw-find .list_disable2.show input {border-color:#25476a}
#pw-find input:read-only {background-color:#fff}


/*가이드 팝업 공통*/
.modal_guide_info .per_20 {width:calc(20% - 10px)}
.modal_guide_info .per_80 {width:calc(80% - 10px)}
.modal_guide_info .modal-body{height:80vh}
.modal_guide_info .guide_top {height:37px}
.modal_guide_info .guide_top a {line-height:37px; padding:0 15px; text-decoration:none}
.modal_guide_info .guide_top a:not(.target-primary) {color:inherit}
.modal_guide_info .guide_top a.target-primary {font-weight:bold; color:#25476a}
.modal_guide_info .guide_body {height:calc(100% - 57px)}
.modal_guide_info .guide_body > div {height:100%}
.modal_guide_info .guide_menu {height:calc(100% - 60px)} 
.modal_guide_info .guide_btn {height:50px; padding-top:10px}
.modal_guide_info .guide_btn input {width:calc(100% - 70px); float:left}
.modal_guide_info .guide_btn button {width:60px; float:right}

.modal_guide_info .pop_guide_menu {width:100%}
.modal_guide_info .pop_guide_menu a {padding-left:10px; padding-right:10px; border-radius:5px; display:inline-block}
.modal_guide_info .pop_guide_menu a.guide_toggle.bg-primary {color:#fff}
.modal_guide_info .pop_guide_menu li {width:100%; display:block; position:relative}
.modal_guide_info .pop_guide_menu li > a {padding-top:10px; padding-bottom:10px; width:100%}
.modal_guide_info .pop_guide_menu dl {border-left:1px dashed #a5b1b8; width:calc(100% - 20px); margin-left:10px}
.modal_guide_info .pop_guide_menu dl:not(.show) {display:none}
.modal_guide_info .pop_guide_menu dl dd {padding:10px; margin:0}
.modal_guide_info .pop_guide_menu dl dd.active_target {color:#25476a}
.modal_guide_info .pop_guide_menu dl dd button {padding:0}
.modal_guide_info .guide_body .per_80 {border:1px solid #e1e7f0; padding:13px 15px; border-radius:3px; background:#efefef}