/**
    ** 컨텐츠 공통
    ** proc/signin
**/

html[data-proc="signin"][data-method="index"] #bottom{ display: none; }
html[data-proc="signin"][data-method="index"] body{ background-color:#fafafa; }
#v-signin-index{  overflow: hidden;   }
#v-signin-index .sly-container{  max-width:450px; width:100%; margin:5% auto;   }

#v-signin-index .sly-container a.sly-underline{ border-bottom:dotted 1px #999; }
#v-signin-index .sly-container a.btn-etc{border-color:#fff; background-color:#fff; color:#333; border:solid 1px #aaaaaa;}
#v-signin-index .sly-container .sly-box h6{ color:#999; }
#v-signin-index .sly-container .sly-box h6 .txt{  }
#v-signin-index .sly-container .sly-box a.btn{ width:100%; position: relative; overflow: hidden;}
#v-signin-index .sly-container .sly-box a.btn .icon-txt{ position: absolute; left:10px;}
#v-signin-index .sly-container .sly-box a.btn-kakao{border-color:#FEE500; background-color:#FEE500; color:#000000;}
#v-signin-index .sly-container .sly-box a.btn-google{border-color:#fff; background-color:#fff; color:#333; border:solid 1px #aaaaaa;}
#v-signin-index .sly-container .sly-box a.btn-google .icon-txt{ color:#379; }

#modal-signinIndexAgree .ta1{ padding:1%; color:#333; height:350px; overflow-y:auto;}
#modal-signinIndexAgree .ta1 h4{ margin:12px 0; }
#modal-signinIndexAgree .ta1 p{  font-family: 'Noto Serif KR', sans-serif; font-size:14px; padding:0px; }
#modal-signinIndexAgree .ta1 .line{ margin:15px 0; background:#eee; height:2px; }
#modal-signinIndexAgree h3{ margin:9px 0; }
#modal-signinIndexAgree i{ color:#999;}

/* signin/agree */
#v-signin-agree{ margin-top:0px;}
#v-signin-agree .logo{ text-align:center; border-bottom:solid 3px #060014; margin:15px 0 30px 0;}
#v-signin-agree .logo a{ color:#333; font-weight:900; font-size:32px; padding:9px 0;}
#v-signin-agree .logo a:first-letter{ color:red;}
#v-signin-agree .title .sub-title{ padding:4px 4px; color:#999; }
#v-signin-agree .form{margin-top:18px; border:solid 1px #eee; border-radius:10px;}
#v-signin-agree .form .ta1{ padding:1%; color:#333; height:350px; overflow-y:auto;}

#v-signin-agree .form .ta1 h4{ margin:12px 0; }
#v-signin-agree .form .ta1 p{  font-family: 'Noto Serif KR', sans-serif; font-size:14px;  }

#v-signin-agree .form .ta1 .line{ margin:15px 0; background:#eee; height:2px; }
#v-signin-agree .agree-dt{ text-align:center; margin:45px 0 15px 0;}
#v-signin-agree .agree-dt h3{ margin:9px 0; }
#v-signin-agree .agree-dt i{ color:#999;}
#v-signin-agree .submit{ margin-top:20px; text-align:center; }
#v-signin-agree .submit a{ padding:1% 2%;width:100%; max-width:150px; text-align:center;  }
#v-signin-agree .submit a:focus{text-decoration:none; }
#v-signin-agree .submit a.this-submit{ background-color:#060014; color:#fff; border-radius:10px;}
#v-signin-agree .submit a.prev{background-color:#eee; color:#333; border-radius:10px; margin-left:10px; }

/* signin/restore */
#v-signin-restore{ margin-top:0px;}
#v-signin-restore .logo{ text-align:center; border-bottom:solid 3px #333; margin:15px 0 30px 0;}
#v-signin-restore .logo a{ color:#333; font-weight:900; font-size:32px; padding:9px 0;}
#v-signin-restore .logo a:first-letter{ color:red;}
#v-signin-restore .title .sub-title{ padding:4px 4px; color:#999; }
#v-signin-restore .bn { overflow: hidden; margin:10px 0;}
#v-signin-restore .bn .bg-image{ background-image:url(/cdn/load?key=images/etc/restore-01.png); width:100%; height:180px;background-position: center;background-repeat: no-repeat;    background-size: cover;}
#v-signin-restore .tip-box{ padding:4px 3px 2px; color:#333; margin:10px 0;font-family: 'Noto Serif KR', sans-serif; font-size:18px;}
#v-signin-restore .agree{  padding:5px 4px 0px;  }
#v-signin-restore .agree ul{  border-top:solid 1px #eee;border-bottom:solid 1px #eee; padding:1%;}
#v-signin-restore .agree ul li{ line-height:24px; margin:2px 0; }
#v-signin-restore .agree ul li i{ margin-right:5px; }
#v-signin-restore .agree .agree-check{ margin:4px; }
#v-signin-restore .agree .agree-check label{  }
#v-signin-restore .agree .agree-check label input{ width:25px; height:25px;}
#v-signin-restore .agree .agree-check label .input-txt{ color:#555; margin-left:4px; line-height:25px; }
#v-signin-restore .agree .blank{ height:20px; }

#v-signin-restore .info{ border:solid 1px #eee; margin-top:20px; padding: 2% 0;   }
#v-signin-restore .info ul{overflow: hidden; }
#v-signin-restore .info ul li{ float: left; font-size:13px; margin:9px;  }
#v-signin-restore .info ul li.key{ width:20%; max-width: 80px; text-align:center; font-weight:900; }
#v-signin-restore .info ul li.value{  }
#v-signin-restore .info ul li.value .icon-idx{ border:solid 1px #999; padding:2px 5px; border-radius:10px; font-size:12px;}
#v-signin-restore .info ul li.value .icon-idx.kakao{border-color:#FEE500; background-color:#FEE500; color:#000000;}
#v-signin-restore .info ul li.value .icon-idx.naver{border-color:#03c75a; background-color:#03c75a; color:#fff;}
#v-signin-restore .info ul li.value .icon-idx.google{border-color:#aaaaaa; background-color:#fff; color:#333;}
#v-signin-restore .submit{ margin-top:20px; text-align:center; }
#v-signin-restore .submit a{ padding:1% 2%;width:100%; max-width:150px; text-align:center;  }
#v-signin-restore .submit a:focus{text-decoration:none; }
#v-signin-restore .submit a.this-submit{ background-color:#060014; color:#fff; border-radius:10px;}
#v-signin-restore .submit a.prev{background-color:#eee; color:#333; border-radius:10px; margin-left:10px; }