/* login */
.login {position:relative; padding:48px 20px 0;}
.login > h1 {font-size:24px; font-weight:700; color:#000; margin-bottom:22px;}
.login > h2 {font-size:16px; font-weight:400; color:#333; line-height:26px;}
.login > h2 span {font-size:20px; font-weight:bold; color:#ff7875;}
.login > h2.find {margin:45px 0;}

.t_alert.jo {display:inline-block; margin:5px 0 -5px 0;}

.member table #certification {display:none;}
.member table .succ {background:#f7f7f7; border:#eee solid 1px; overflow:hidden; margin-top:10px; padding:16px; color:#999; line-height: 30px;}
.member table .succ ul {width:100%;}
.member table .succ span {color:#000;}
.member table .annotation {font-size:0.867em; color:#999;}

/* memberform */
.memberform {margin-top:45px;}
.memberform ul {margin-top:20px;}
.memberform h3 {font-size:12px; font-weight:400; color:#333; margin-bottom:5px;}
.memberform p {font-size:12px; color:#9f9f9f; margin-top:7px;}
.memberform .error {color:#ff576a;}
.memberform .confirm {color:#4b6caf;}
.memberform .btn {display:flex; justify-content:space-between;}
.memberform .btn a {font-size:12px; color:#777; font-weight:400;}

.bottomBox {position:absolute; left:0px; top:20px; width:100%; padding:0 15px; text-align:center;}
.bottomBox * {display:block; border-radius:10px; width:100%; height:50px; }
.bottomBox * + * {margin-top:5px;}
.bottomBox a {line-height:50px;}
.bottomBox .kakao {background:#ffeb00; font-weight:bold; color:#000;}
.bottomBox .kakao::before {content:url('../../resources/images/member/Kakao.png'); zoom:0.5; vertical-align:-15px; margin-right:10px;}
.bottomBox .apple {background:#111; font-weight:bold; color:#fff;}
.bottomBox .apple::before {content:url('../../resources/images/member/Apple.png'); zoom:0.5; vertical-align:-11px; margin-right:15px;}
.bottomBox .btn {display:block; line-height:50px; background:#ff7875; color:#fff; font-weight:400; font-size:16px; border:none; transition:all 0.2s ease;}
.bottomBox .skip {font-size:12px; color:#9f9f9f; height:35px; line-height:35px; text-decoration:underline;}
.bottomBox .required {background:#d7d7d7;}
.bottomBox .special {background:#4b6caf;}

/* accordion */
.accordion {margin-top:44px; font-size:16px;}
.accordion .allcheck {padding-bottom:20px; margin-bottom:20px; line-height:22px; font-weight:700; border-bottom:#e6e6e6 solid 1px; }
.accordion .acc {height:25px; line-height:22px;}
.accordion .acc + .acc {margin-top:20px;}
.accordion ul {overflow:hidden; transition: all 0.3s ease;}
.accordion ul input[type="checkbox"] {display:none;}
.accordion ul input[type="checkbox"] + label {display:inline-block; padding-left:32px; background:url('../../resources/images/layout/Checkbox_off.png') no-repeat left top; background-size:22px 22px; height:25px;}
.accordion ul input[type="checkbox"]:checked + label {background-image:url('../../resources/images/layout/Checkbox_on.png');}
.accordion ul h3 {position:relative; font-weight:400;}
.accordion ul h3 a {position:absolute; top:3px; right:10px; width:16px; height:8.5px; background:url("../../resources/images/member/CertificatMore.png") no-repeat; background-size:100%; transition: all 0.2s ease;}
.accordion ul p {margin-top:15px; padding:0px 10px 30px 32px; font-size:13px; color:#999; line-height:14px; font-weight:300; height:250px; overflow-y:scroll; white-space:pre-line;}
.accordion ul.on {height:140px;}
.accordion ul.on a{transform:rotate(180deg);}
.accordion.type2 {margin-top:60px;}
.accordion.type2 ul + ul {margin-top:30px;}
.accordion.type2 ul span {display:inline-block; font-size:12px; color:#999; font-weight:300; margin-top:5px;}

/* nickname */
.nickname {margin-top:44px;}
.nickname ul {margin-bottom:20px;}
.nickname h3 {font-size:12px; font-weight:400; color:#333;}
.nickname p {font-size:12px; color:#9f9f9f; margin-top:7px;}
.nickname .error {color:#ff576a;}
.nickname .confirm {color:#4b6caf;}

/*special*/
.special .insert {margin-top:30px;}
.special .insert .job {display:flex;}
.special .insert .job input[type="radio"] {display:none;}
.special .insert .job input[type="radio"] + label {display:inline-block; flex:1; padding-left:32px; background:url('../../resources/images/layout/Radio_off.png') no-repeat left top; background-size:22px 22px; height:25px; line-height:23px}
.special .insert .job input[type="radio"]:checked + label {background-image:url('../../resources/images/layout/Radio_on.png');}
.special .insert .photo {position:relative; margin-top:24px; text-align:center;}
.special .insert .photo input[type="file"] {display:none;}
.special .insert .photo input[type="file"] + label {display:block; color:#333; background:#f3f3f3; font-weight:400; font-size:15px; width:100%; height:50px; line-height:50px;}
.special .insert .photo input[type="file"] + label::before {content:url('../../resources/images/layout/Fileup.png'); zoom:0.5; vertical-align:-10px; margin-right:10px;}
.special .insert .photo input[type="button"] {display:block; color:#333; background:#f3f3f3; font-weight:400; font-size:15px; width:100%; height:50px; line-height:50px; border:none;}

.special .image {display:flex; margin-top:20px;}
.special .image ul {position:relative; width:90px; height:120px; background:#f3f3f3 url('../../resources/images/layout/ThumbBg.png') no-repeat center; background-size:24px; border-radius:8px; border:#f3f3f3 solid 1px; overflow:hidden; margin-right:10px;}
.special .image ul img {width:100%; height:100%; object-fit:cover;}
.special .image ul .close {position:absolute; width:19px; height:19px; top:0px; right:0px; background:url('../../resources/images/layout/CloseB.png'); background-size:100%;}
.special .searchresult {display:none; text-align:center; line-height:26px; margin-top:50px; padding:20px; border:#ccc solid 1px; border-radius:10px;}
.special .searchresult h1 {font-size:18px; font-weight:500;}
.special .searchresult p {color:#555;}
.special .searchfail {display:none; text-align:center; line-height:26px; margin-top:50px; padding:20px; border:#ccc solid 1px; border-radius:10px;}
.special .searchfail a {font-weight:600; color:#111;}

.noResult {display:block; text-align:center; line-height:26px; margin-top:50px; padding:20px; border:#ccc solid 1px; border-radius:10px;}
.noResult a {font-weight:600; color:#111;}