/* 성격검사 추가2025.11.24)***/
div.top_graybg.gray.char h1 { color: #ab0082;  font-size:2em; font-weight: bold; padding: 0}
div.top_graybg.gray.char .center { font-size: 1.1em}
.char_area {width:100%; margin:10px auto}
.char_area .center {width: 90%; margin:0 auto}
.char_area .center img {vertical-align: middle; margin-top: 10px}
.char_area .center span:last-child img {width: 40%}
.char_area .char_ban {  width: 100%;  background: #f1f1f1; border-radius: 16px;  width: 100%; height: auto; overflow: hidden;margin:0 auto 8px auto}
.char_area .char_ban .txt {display: none}
.char_area .char_ban span{display: inline-block;padding: 6px 5px;  vertical-align: middle;}
.char_area .char_ban strong{ font-size: 1.5em; color: #000}
.char_area .char_ban img {width:50px }
.char_area .btn {text-align: center; padding-top: 10px}
.char_area .btn button { padding: 20px; font-size: 1.6em; border-radius: 0; width: 100%; text-align: center}

/** 비회원검사 **/
.modal.m-regist-survey .modal-content.nonuser {padding: 20px !important}
.modal-content.nonuser .signup_form .gender_typ dt {width:25%; float: left;}
.modal-content.nonuser .signup_form .gender_typ dd {width: 75%;float: left; clear: none;  padding-top: 5px}
.modal-content.nonuser .signup_form dl{ border-bottom: 1px solid #bbb}
.modal-content.nonuser .smalldot {padding-bottom: 6px}

.tabarea {padding:0 0 30px 0; height: auto; overflow: hidden ;width: 100%}
.tabarea label.standard1, .tabarea label.standard2 {width: 49.5%;  background: #f1f1f1;color: #969696; padding:8px 20px; text-align: center; display: inline-block; margin-right: 0; border-top-left-radius :10px;border-top-right-radius:10px; border-bottom: 1px solid  #941776;float: left; cursor: pointer}

.tabarea input#select1:checked + label.standard1, 
.tabarea input#select2:checked + label.standard2 {background: #fff; color: #941776; font-weight: bold;border: 1px solid #941776; border-bottom: none; }
.tabarea input#select1, .tabarea input#select2, .tabarea input#select3, .tabarea input#select4 {  display:none;}
.tabarea .page1, .tabarea .page2, .tabarea .page3, .tabarea .page4{ display:none;}

.tabarea input#select1:checked ~ .page1{  display:block; clear:both; padding-top:0}
.tabarea input#select2:checked ~ .page2{  display:block; clear:both; padding-top:0}
.tabarea input#select3:checked ~ .page3{  display:block; clear:both; padding-top:20px}
.tabarea input#select4:checked ~ .page4{  display:block; clear:both; padding-top:20px}
.tabarea button.pink {background: #941776;width: 100%;height: 45px;padding: 10px;    border-radius: 8px;}


@media all and (max-width:376px) {
}


/*  PC에서는 항상 펼쳐진 상태로 */
@media only screen and (min-width: 1024px) {
	
	/* 성격검사 */
	.char_area {width: 80%; margin:30px auto}
	div.top_graybg.gray.char h1 { color: #ab0082;  font-size:3em;}
	div.top_graybg.gray.char .center { font-size: 1.2em}
	.char_area .center span:last-child img, .char_area .char_ban img {width: auto}
	.char_area .char_ban {width:80%; padding-top: 15px}
	.char_area .char_ban span{padding: 6px 20px; }
	.char_area .char_ban .txt{display: inline-block;font-size: 1.4em; color: #716e6e }
	.char_area .char_ban strong{ font-size: 2em;}
	.char_area .btn { padding-top: 40px}
	.char_area .btn button { padding: 20px; font-size: 1.6em; border-radius: 40px; width: 50%; text-align: center}
	.tabarea .signup_form {border:none}
	
}