@charset "utf-8";
[class *= "layer_"] {display:none;}
[class *= "layer_"].on {z-index:1000; position:fixed; display:table; left:0; top:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.7);}
[class *= "layer_"] .wrapper {display:table-cell; vertical-align:middle; text-align:center; padding:20px;}
[class *= "layer_"] .inner {display:inline-block; width:100%; max-width:400px; max-height:calc(100vh - 40px); overflow:auto; border-radius:10px; background:#fff;}
[class *= "layer_"] .btnWrap {font-size:14px; line-height:1;}

/* 버튼 */
[class *= "layer_"] .btn {display:inline-block; padding:15px 25px; color:#fff !important; background:#f47eb5; line-height:1; font-size:14px; font-weight:400; border-radius:100px;}
[class *= "layer_"] .btn:hover {background-color:#e25396;}
[class *= "layer_"] .btn.gray {background:#555;}
[class *= "layer_"] .btn.gray:hover {background:#000;}

/* 회원가입 - 원아찾기 */
.layer_kidsfind .info {position:relative; padding:40px 30px 10px;}
.layer_kidsfind .info .cbtn {position:absolute; right:15px; top:15px; width:30px; height:30px; background:url(../images/icon_del.svg) no-repeat center; background-size:50%; border:1px solid #e5e5e5; border-radius:50%;}
.layer_kidsfind .info .cbtn:hover {background-color:#f0f0f0;}
.layer_kidsfind .info>ul>li {position:relative; text-align:left;}
.layer_kidsfind .info>ul>li+li {margin-top:20px;}
.layer_kidsfind .info label {clear:both; display:block; font-size:16px; font-weight:400; color:#000; margin-bottom:10px; line-height:1;}
.layer_kidsfind .info .gender {overflow:hidden;}
.layer_kidsfind .info .gender label {font-size:14px; color:#888;}
.layer_kidsfind .info .gender input:checked+label {color:#f47eb5;}
.layer_kidsfind .info .gender li {float:left;}
.layer_kidsfind .info .gender li+li {margin-left:20px;}

.layer_kidsfind .result {padding:10px 30px; font-size:14px; color:red; background:#ddd;}
.layer_kidsfind .result a {position:relative; display:block; padding:7px 20px; font-size:16px; color:#000; background:#fff;  border-radius:100px; text-align:left; font-weight:400;}
.layer_kidsfind .result a:after {
	content:""; position:absolute; right:10px; top:6px; display:block; width:30px; height:30px;
	background:url(../images/icon_ck_gray.svg) no-repeat center; background-size:70%;
}
.layer_kidsfind .result a:hover:after {background-image:url(../images/icon_ck_pink.svg);}
.layer_kidsfind .result a span {margin:0 10px; line-height:1;}
.layer_kidsfind .btnWrap {position:relative; padding:20px 0; border-top:1px dashed #ddd;}
.layer_kidsfind .btnWrap a {padding: 12px 7%;}


/* 레이어 공통 */
.type1 .typeColor {background:#8fd06d;}
.layerPop {display:none; position:fixed; top:0; left:0; z-index:9990; width:100%; height:100%;}
.layerPop .bg {position:fixed; top:0; left:0; z-index:9991; width:100%; height:100%; background:#000; opacity:.6;}
.layerPop .inner {position:relative; top:0; left:0; z-index:9992; overflow:hidden; border-radius:5px; background:#fff; max-width:340px;}
.layerPop .inner .title {padding:10px 15px; color:#fff; font-size:18px;}
.layerPop .inner .title a {position:absolute; top:0; right:0; background:url(../images/common/closeBtn.png)no-repeat center; border-left:1px solid rgba(255,255,255,.2); width:48px; height:48px;}
.layerPop .inner>div:last-child {padding:10px 0; background:#17ade6; text-align:center;}
.layerPop .inner>div:last-child a {color:#fff;}

/* 비밀번호입력 */
.layerPop.secret .inner .explain {padding:20px 0; text-align:center;}

/* 아이디중복확인 */
.layerPop.idCheck .explain {padding:20px;}
.layerPop.idCheck .explain label {display:block; font-weight:500;}
.layerPop.idCheck .explain>div+div {margin-top:10px;}
.layerPop.idCheck .explain .choice {text-align:center; background:#f5f5f5; border:1px solid #eee; padding:10px 0; border-radius:5px;}
.layerPop.idCheck .explain .choice span {width:100%; display:inline-block;}
.layerPop.idCheck .explain .choice span>span {color:red; font-weight:500;}
.layerPop.idCheck .explain .choice span:last-child {margin:10px 0;}
.layerPop.idCheck .explain .choice span a {vertical-align:baseline;}
.layerPop.idCheck .title a {border-left:1px solid rgba(255,255,255,.2);}
.layerPop.idCheck .form-group.ckRadio>div>span:first-child {margin-right:10px;}
.layerPop.idCheck .iconSearchWrap {position:relative;}
.layerPop.idCheck .iconSearchWrap a {position:absolute; top:0; right:0; background:url(../images/common/icon_search_fix.png)no-repeat center; width:40px; height:40px;}
.layerPop.idCheck .iconSearchWrap+p {color:#999; line-height:1.2; margin-top:10px; font-size:13px;}