@charset "utf-8";

html,
body {width:100%; height:100%;}
#wrap {position:relative; width:100%; height:100%; background:#413f39 url("../images/_common/sign-bg.jpg") center no-repeat;}
.signA {position:absolute; left:50%; top:50%; margin-left:-125px; margin-top:-215px; width:250px; /*height:430px;*/ background:url("/images/sign-bg.png") center no-repeat;}
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;}

.signUp .signA {margin-top:-375px; margin-left:-150px; width:300px;}
.signUp dl {height:565px;}
.signUp dt, 
.signUp dd {display:inline-block !important; float:left;}
.signUp dt {margin-bottom:1px; width:100px; height:75px; text-indent:15px; letter-spacing:-1px; background-color:#ECF2F0; overflow:hidden;}
.signUp dd {width:calc(100% - 100px);}
.signUp dd input {text-align:left !important; text-indent:15px;}
.signUp dd input::placeholder {font-weight:400; font-size:15px;}
.signUp .certi dt, 
.signUp .certi dd {margin-bottom:1px; height:110px; overflow:hidden;}
.signUp .signUpBtn dt {display:none !important;}
.signUp .signUpBtn dd {width:100%;}
.signUp dl dd button {font-weight:600;}

.signSearch .signA {margin-top:-350px; margin-left:-170px; width:340px;}
.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;}
	
	.signUp .signA {margin-top:-325px;}
	.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;}
}