@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.pw .group-form.form {position:absolute; right:10px; top:22px; padding:0;}
dl dd.pw .group-form.form label input[type="checkbox"] + span {padding-left:0 !important; width:28px; height:28px; line-height:200px !important; background-size:100%; background-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='%238991A9' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.069 6.546 2.684-2.359c.143-.125.32-.187.497-.187.418 0 .75.34.75.75 0 .207-.086.414-.254.562l-16.5 14.501c-.142.126-.319.187-.496.187-.415 0-.75-.334-.75-.75 0-.207.086-.414.253-.562l2.438-2.143c-1.414-1.132-2.627-2.552-3.547-4.028-.096-.159-.144-.338-.144-.517s.049-.358.145-.517c2.111-3.39 5.775-6.483 9.853-6.483 1.815 0 3.536.593 5.071 1.546zm2.318 1.83c.967.943 1.804 2.013 2.475 3.117.092.156.138.332.138.507s-.046.351-.138.507c-2.068 3.403-5.721 6.493-9.864 6.493-1.298 0-2.553-.313-3.73-.849l2.624-2.307c.352.102.724.156 1.108.156 2.208 0 4-1.792 4-4 0-.206-.016-.408-.046-.606zm-4.932.467c-.678-.528-1.53-.843-2.455-.843-2.208 0-4 1.792-4 4 0 .741.202 1.435.553 2.03l1.16-1.019c-.137-.31-.213-.651-.213-1.011 0-1.38 1.12-2.5 2.5-2.5.474 0 .918.132 1.296.362z' fill-rule='nonzero'/%3E%3C/svg%3E") !important;}
dl dd.pw .group-form.form label input[type="checkbox"]:checked + span {background-image:url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='%238991A9' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.998 5c-4.078 0-7.742 3.093-9.853 6.483-.096.159-.145.338-.145.517s.048.358.144.517c2.112 3.39 5.776 6.483 9.854 6.483 4.143 0 7.796-3.09 9.864-6.493.092-.156.138-.332.138-.507s-.046-.351-.138-.507c-2.068-3.403-5.721-6.493-9.864-6.493zm.002 3c2.208 0 4 1.792 4 4s-1.792 4-4 4-4-1.792-4-4 1.792-4 4-4zm0 1.5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5z' fill-rule='nonzero'/%3E%3C/svg%3E") !important;}
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);}
}