@charset "utf-8";

html,
body {width:100%; height:100%;}
body {overflow:hidden;} /* 20250708-스크롤 생기면 bg의 하단이 잘림, #wrap로 변경 */
#wrap {position:relative; width:100%; height:100%; background:#413f39 url("../images/_common/sign-bg.jpg") center no-repeat; overflow:auto;}
.signA {position:absolute; left:50%; top:50%; /* margin-left:-125px; margin-top:-215px;*/ width:250px; /*height:430px;*/ -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translate(-50%, -50%); background:url("/images/sign-bg.png") center no-repeat;} /* 20250710-중앙정렬(margin-top 주석) */
.signA > .ctn {position:relative;}
.signA > .ctn::after {display:block; width:100%; height:75px; content:'';}
h1 {margin-bottom:20px; width:100%; height:105px; line-height:500px; background:url("../images/_common/h1.png") center no-repeat; overflow:hidden;}
dl {width:100%; height:303px; border-radius:18px; box-shadow:6px 6px 10px 3px rgba(0, 0, 0, 0.1); border:solid 3px #43AB8E; overflow:hidden;}
dl dt {display:none; line-height:76px;}
dl dd {position:relative; text-align:center; height:76px;}
dl dd input:not(.checkbox),
dl dd button {text-align:center; margin-bottom:1px; width:100%; height:75px; line-height:75px; font-size:15px; font-weight:600; color:#5B627A;}
dl dd input:not(.checkbox) {color:#000; background-color:#FFF;}
dl dd input:not(.checkbox)::placeholder {line-height:70px;}
dl dd input[type="password"] {font-weight:900 !important;}
dl dd.passForm {line-height:75px; border-bottom:solid 1px #FFF; background-color:#E8E8E7;}
dl dd button {position:relative; margin:0 auto; font-weight:800; color:#FFF; background-color:#43AB8E; cursor:pointer; overflow:hidden;}
dl dd button:hover {color:#FFF; background-color:#66645F; box-shadow:0 7px 7px rgba(125, 149, 219, 0.3);}
.group-form {margin-top:0; padding-left:10px; color:#FFF; background-color:transparent;}
.group-form label {height:30px; line-height:30px;}
.group-form.form label input[type="checkbox"] + span {padding-left:28px !important; color:#737A92 !important; background-position:0 3px !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238991A9' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597zm11-15v20h-20v-20h20zm2-2h-24v24h24v-24z'/%3E%3C/svg%3E") !important;}
.group-form.form label input[type="checkbox"]:checked + span {color:#303752; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23303752' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0v24h24v-24h-24zm11 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z'/%3E%3C/svg%3E") !important;}
.signA .joinA {text-align:center; margin-top:15px;}
.signA .joinA a {display:inline-block; padding-left:10px; padding-right:10px; color:#FFF;}
#footer {position:fixed; left:0; bottom:0; text-align:center; width:100%; height:50px; line-height:50px; color:#FFF;}
#footer {background-color:rgba(0, 0, 0, 0.2); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); z-index:950;}
#footer > .ctn {line-height:inherit;}

.signUp .signA {/*margin-top:-425px; margin-left:-150px;*/ width:300px; height:780px;} /* 20250710-중앙정렬(margin-top 주석) */
.signUp dl {height:625px;}
.signUp dt, 
.signUp dd {display:inline-block !important; float:left;}
.signUp dt {margin-bottom:1px; width:100px; height:65px; text-indent:15px; letter-spacing:-1px; background-color:#ECF2F0; overflow:hidden;}
.signUp dd {text-align:left; width:calc(100% - 100px); height:66px;}
.signUp dd input {text-align:left !important; text-indent:15px;}
.signUp dd input::placeholder {font-weight:400; font-size:15px;}
.signUp dd input:not(.checkbox) {height:65px;} 
.signUp dd button {height:55px;}
.signUp .agree dt, 
.signUp .agree dd {padding-top:15px; height:100px; line-height:1.2;}
.signUp .agree dt {padding-left:15px; width:85px; text-indent:0;}
.signUp .agree dd {margin-bottom:1px; padding-left:15px; width:calc(100% - 115px); background-color:#FFF;}
.signUp .agree dd .group-form {padding-left:0;}
.signUp .agree dd p {padding-right:10px; line-height:1.2; font-size:13.5px; letter-spacing:-1px; color:rgba(0, 0, 0, 0.8);}
.signUp .certi dt, 
.signUp .certi dd {margin-bottom:1px; height:110px; overflow:hidden;}
.signUp .certi input {height:55px !important; line-height:55px !important;}
.signUp .certi button {text-align:left; padding-left:15px;}
.signUp .signUpBtn dt {display:none !important;}
.signUp .signUpBtn dd {width:100%;}
.signUp dl dd button {font-weight:600;}
.signUp .signUpBtn button {height:70px;}

.signSearch .signA {/*margin-top:-350px; margin-left:-170px;*/ width:340px;} /* 20250710-중앙정렬(margin-top 주석) */
.signSearch .typeTab {padding-left:0; width:100%;}
.signSearch .typeTab label {display:inline-block; width:50%;}
.signSearch .typeTab label:first-child {margin-left:40px; width:calc(50% - 40px);}
.signSearch .typeTab label + label {margin-left:0;}
.signSearch .typeTab label input[type="radio"] + span {color:#FFF;}
.signSearch .signSearchID {height:350px;}
.signSearch dt, 
.signSearch dd {display:inline-block !important; float:left;}
.signSearch dt {margin-bottom:1px; width:80px; height:75px; text-indent:15px; letter-spacing:-1px; background-color:#ECF2F0; overflow:hidden;}
.signSearch dd {width:calc(100% - 80px);}
.signSearch dd input {text-align:left !important; text-indent:15px;}
.signSearch dd input::placeholder {font-weight:400; font-size:15px;}
.signSearch dd .note {display:block; text-align:left; margin-top:-5px; padding-left:15px; font-size:12px; line-height:1.2; font-weight:200; letter-spacing:-0.5px; color:#777;}
.signSearch .signUpBtn dt {display:none !important;}
.signSearch .signUpBtn dd {width:100%;}
.signSearch dl dd button {font-weight:600;}
.signSearch .mail dt, 
.signSearch .mail dd, 
.signSearch .certi dt, 
.signSearch .certi dd, 
.signSearch .id dt, 
.signSearch .id dd {margin-bottom:1px; height:99px; overflow:hidden;}
.signSearch .mail dd, 
.signSearch .certi dd, 
.signSearch .id dd {background-color:#FFF;}
.signSearch .mail dd input, 
.signSearch .certi dd input, 
.signSearch .id dd input {height:65px; line-height:65px;}
.signSearch .certi dd {position:relative;}
.signSearch .certi dd button {position:absolute; left:10px; top:5px; width:calc(100% - 20px); border-radius:36px;}
.signSearch .certi dd input {margin-top:35px;}
.signSearch .signSearchPW {height:275px;}
.signSearch .signEditPW {height:225px;}
.signSearch .signEditPW dt {width:120px;}
.signSearch .signEditPW dd {width:calc(100% - 120px);}
.signSearch .signEditPW .signUpBtn dd {width:100%;}

@media (max-width:578px) {
	body {background-image:url('');}
	h1 {margin-bottom:10px; height:85px; background-size:auto 90%;}
	
	.signSearch .signA {/*margin-top:-300px;*/} /* 20250710-중앙정렬(margin-top 주석) */
	
	.signUp .signA {/*margin-top:-325px;*/} /* 20250710-중앙정렬(margin-top 주석) */
/*
	.signUp dl {height:485px;}
	.signUp dt {height:65px;}
	.signUp dd {height:66px;}
	.signUp dl dd input:not(.checkbox), 
	.signUp dl div:not(.certi) dd button {height:65px; line-height:65px;}
	.signUp .certi dt, 
	.signUp .certi dd {height:90px;}
	.signUp .certi dd input:not(.checkbox) {height:55px; line-height:55px;}
*/
	.signUp #footer {display:none;}
}

@media (max-height:780px) {
	.signA {top:25px; transform: translate(-50%, 0);}
}