@charset "utf-8";

/* sub - common css */
@import url("../sub-common.css");


.body-container .content-background-wrap .content-background {padding:75px 0 50px}

@media (max-width: 1024px) {
	.body-container .content-background-wrap .content-background {padding: 50px 0}
}




/* step */
.step-wrap { margin-bottom: 40px; }
.step-wrap ul {text-align: center; position:relative; margin:0 auto;}
.step-wrap ul li {width: 9%; display:inline-block; text-align:center; cursor:pointer; margin-right:60px; position:relative; z-index:1; margin-bottom:15px}
.step-wrap ul li:last-child {margin-right:0}
.step-wrap ul li:not(:last-child):before { width: calc(100% + 60px); height:3px; background:#e5e5e5; position:absolute; content:''; top:26%; left:50%; z-index: -1; transform: translateY(-50%);}
.step-wrap ul li .wrap .num {margin-bottom:20px; width:55px; height:55px; background:#fff; border:2px solid #e5e5e5; border-radius:50%;line-height:54px; font-weight:600; font-size:2rem; color:#c6c6c6; transition:color .2s ease, border .2s ease, background .3s ease; margin:0 auto 20px; }
.step-wrap ul li .wrap p {text-align: center; font-size:1.5rem;}
.step-wrap ul li:not(.complete):hover .num,
.step-wrap ul li.select .num {border-color:#30b868; color:#30b868}
.step-wrap ul li:not(.complete):hover .wrap p,
.step-wrap ul li.select .wrap p,
.step-wrap ul li.complete .wrap p {color:#30b868; font-weight:600}
.step-wrap ul li.complete .num  {border-color:#30b868; background:#30b868; color:#fff}
.step-wrap ul li.complete .num .material-icons {font-size:25px; font-weight:600; position:relative; top:-2px;}

@media(max-width:1100px) {
    .step-wrap ul li { width: 11%; vertical-align: top; margin-right: 20px; }
    .step-wrap ul li:not(:last-child):before { width: calc(100% + 20px); }
    .step-wrap ul li .wrap .num {width:45px; height:45px; line-height:44px; margin-bottom:10px}
    .step-wrap ul li .wrap p {font-size:1.4rem}
}

@media(max-width:500px) {
    .step-wrap ul li { width: 12%; margin-right: 15px; word-break: keep-all; }
    .step-wrap ul li:not(:last-child):before { width: calc(100% + 15px); }
    .step-wrap ul li .wrap .num {width:30px; height:30px; line-height:29px; font-size:1.4rem}
    .step-wrap ul li .wrap p {font-size:1.2rem}
    .step-wrap ul li.complete .num .material-icons {font-size:18px; top:-1px}
}

@media(max-width:375px) {
    .step-wrap ul li {margin-right:8px}
    .step-wrap ul li .wrap .num {width:25px; height:25px; line-height:24px; font-size:1.2rem;}
    .step-wrap ul li .wrap p {font-size:1.1rem}
}

/* cont */
.signup-cont.no-padding {padding-top:0}
table.vertic-table tbody tr th span {color: #ed6c5f}
.serv-sign-wrap table.vertic-table .btn-wrap.recruit-check {margin-top:0; display:inline-block;}
.serv-sign-wrap table.vertic-table .btn-wrap.recruit-check button {height:40px; font-size: 1.2rem; line-height: 38px; border-radius: 5px; box-shadow: 3px 3px 0px #d2dbd7; min-width: 118px}
.serv-sign-wrap table.vertic-table .select-box.recruit-select {width:570px; margin-right:15px}
.serv-sign-wrap input[type=checkbox]:not(old) + label {margin-bottom:6px}
.search-btn-wrap .btn-wrap .btn-right {float: right; margin-top: 10px}
.search-btn-wrap .btn-wrap .mint-btn img {vertical-align: middle; margin-right: 5px}
.search-btn-wrap {margin-bottom: 30px;}


@media(max-width:950px) {
    .serv-sign-wrap table.vertic-table .select-box.recruit-select {width:calc(100% - 115px)}
}


@media(max-width:572px) {
    
    .serv-sign-wrap table.vertic-table .select-box.recruit-select {height:35px}
    .serv-sign-wrap table.vertic-table .btn-wrap button {height:35px; line-height:34px; }
    .signup-cont .sub-tit {font-size:1.4rem}
    .serv-sign-wrap  table.vertic-table tbody tr th {font-size:1.3rem; width:108px}
    .search-btn-wrap .btn-wrap.recruit-check {margin-top:10px}
    .search-btn-wrap .btn-wrap.recruit-check button {min-width: 100px; font-size: 1.3rem; line-height: 49px; height: 49px}
}

@media(max-width:500px) {
    .serv-sign-wrap table.vertic-table .select-box.recruit-select {display:block; width:100%; margin-right:0; margin-bottom:7px; float:none;}
    .serv-sign-wrap table.vertic-table .btn-wrap.recruit-check {display:block;}
    .serv-sign-wrap table.vertic-table .btn-wrap.recruit-check button {width:100%; line-height:34px; height:35px}
}


/* 공모정보 검색결과 */
.result-background-wrap {background:#f1f7f5}
.result-background-wrap .content-container {width:1200px; margin:0 auto; padding:50px 0;}
.recruit-result > ul > li {float:left; width:calc(50% - 15px); margin-right:30px}
.recruit-result > ul > li:nth-child(2n-0) {margin-right:0}
.recruit-result > ul > li .sign-box {border-radius:20px 0 20px 0;box-shadow: 6px 6px 0px #d2dbd7; border:1px solid #eff4f2; padding:20px; margin-bottom:30px; background:#fff;}
.recruit-result > ul > li .sign-box .btn-area .btn-wrap button {width:calc(50% - 10px); height:40px; line-height:39px; font-size:1.4rem}
.sign-box .left-thumbnail {width:110px; height:110px;border-radius:8px; border:1px solid #eff4f2; float:left; margin-right:20px}
.recruit-result .search-result-area p {color: #7e7e7e; font-size: 1.6rem; padding-bottom: 25px}
.recruit-result .search-result-area p span {font-weight: 600; color: #30b686;}
.recruit-result .right-info {float:left; width:calc(100% - 130px)}
.recruit-result .right-info .label-wrap {padding-bottom:15px}
.recruit-result .right-info .label01,
.recruit-result .right-info .label02 {display:inline-block; padding:5px 12px; border-radius:5px; color:#fff; background:#aaa; font-size:1.4rem;margin-bottom:3px}
.recruit-result .right-info .label01 {margin-right:5px; background:#ffbe2c}
.recruit-result .right-info .label02 {background:#46d475}
.recruit-result .right-info .center-tit {font-size:1.8rem; line-height:30px;text-overflow: ellipsis; overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical}


@media(max-width:1200px) {
    .result-background-wrap .content-container  {width:100%; padding:0 10px 25px}   
}

@media(max-width:1024px) {
    .sign-box .left-thumbnail {width:100px; height:100px}
    .recruit-result .right-info {width:calc(100% - 140px)}
    .recruit-result .right-info .label-wrap {padding-bottom:10px}
    .recruit-result .right-info .label01, .recruit-result .right-info .label02 {font-size:1.2rem; padding:4px 7px}
    .recruit-result .right-info .center-tit {font-size:1.6rem; line-height:22px;}
}

@media(max-width:880px) {
    .recruit-result > ul > li .sign-box {padding:15px;box-shadow: 3px 3px 0px #d2dbd7; margin-bottom:20px}
    .sign-box .left-thumbnail {width:90px; height:90px; margin-right:15px;}
    .recruit-result .right-info {width:calc(100% - 105px)}
}

@media(max-width:768px) {
    .recruit-result > ul > li {width:100%; margin-right:0}
    .recruit-result .search-result-area p {font-size: 1.4rem}	
}

@media(max-width:500px) {
    .sign-box .left-thumbnail {width:70px; height:70px;}
    .recruit-result .right-info {width:calc(100% - 85px)}
    .recruit-result .right-info .center-tit {font-size:1.5rem; line-height:21px;}
    .recruit-result > ul > li .sign-box .btn-area .btn-wrap button {line-height:34px; height:35px; font-size:1.3rem}
    .recruit-result .right-info .label01,
    .recruit-result .right-info .label02 {font-size:1.1rem; padding:4px 6px}
    .recruit-result .right-info .label01 {margin-right:3px}
}

/* sign02 */
.signup-bread li {float:left; margin-right:25px; position:relative; font-size:1.5rem; margin-bottom:4px}
.signup-bread li:after {content:''; position:absolute; top:3px; right:-15px; height: 0; width: 0; border:5px solid transparent; border-right-width: 0; border-left-color: #aaa;}
.signup-bread li:last-child:after {content:none}

@media(max-width:768px) {
    .signup-bread li {font-size:1.4rem}
}

@media(max-width:500px) {
    .signup-bread li {font-size:1.3rem}
}

.center-detail-info-wrap {width: 100%; margin-top:20px;}
.center-detail-info-wrap .center-detail-pic {width: 250px; margin-right: 50px; float: left; height: 250px; padding: 10px;}
.center-detail-info-wrap .center-detail-info {width: calc(100% - 300px); float: left;}
.center-detail-pic .center-pic-box {width: 100%; height: 100%; border-top-right-radius: 20px; border-bottom-left-radius: 20px;box-shadow: 6px 8px 0px #d2dbd7; border: 1px solid #eff4f2}
.center-detail-info .title-wrap {padding:10px 0;}
.center-detail-info .title-wrap h2 {font-size: 2.3rem; float: left; margin-right: 10px; color: #30b686; margin-bottom:5px; width:calc(100% - 107px)}
.center-detail-info table.normal-table {border-top:1px solid #999}
.center-detail-info .btn-wrap {margin-top:0; float:right; top:-2px}
.center-detail-info .btn-wrap button {height:30px; font-size: 1.2rem; line-height: 29px; border-radius: 5px; box-shadow: 3px 3px 0px #d2dbd7; min-width: auto; font-weight:bold}
.center-detail-info .btn-wrap button .material-icons {font-size:16px}

@media(max-width: 768px) {
	.center-detail-info .title-wrap h2 {font-size: 1.9rem; width:calc(100% - 50px)}
	.center-detail-info table.normal-table tr th {font-size: 1.3rem; width:100px}
    .center-detail-info-wrap .center-detail-pic {margin-right:25px; width:220px ;height:220px;}
    .center-detail-info-wrap .center-detail-info {width:calc(100% - 245px)}
    .center-detail-info table.normal-table tr td {font-size:1.3rem}
    .center-detail-info .btn-wrap {top:-4px}
    .center-detail-info .btn-wrap button {padding:0 8px}
    .center-detail-info .btn-wrap button .none-area {display:none;}
}

@media(max-width: 500px) {
	.center-detail-info-wrap .center-detail-pic {width: 100%; float:none;}
	.center-detail-info .title-wrap h2 {padding-top:10px; font-size:1.6rem}
    .center-detail-info-wrap .center-detail-info {float: none; width: 100%}
    .center-detail-info .btn-wrap {top:2px}
    .center-detail-info .btn-wrap button .material-icons {font-size:14px}
}

/* 연락처  */
.form .input-wrap {margin-bottom:5px}
.form .input-box input[type="text"].text-input {width:450px}
.form table.vertic-table .select-box.contact {width: 100px; margin-right: 8px;}
.form .input-box.contact {float: left; margin-right:6px; }
.form .input-box.authorize {float: left; margin-right: 5px}
.form .input-box.contact input[type="text"].text-input {width: 100px}
.form table.vertic-table .btn-wrap {margin-top: 0; position: static}
.form table.vertic-table .btn-wrap button {height: 35px; font-size: 1.2rem; line-height: 35px; border-radius: 5px; box-shadow: 3px 3px 0px #d2dbd7; min-width: 55px}
.form table.vertic-table .select-box.center-loca {width: 155px; margin-right: 5px}
.form table.vertic-table .select-box.center-info {width: 155px; margin-right: 5px}
.form table.vertic-table .select-box.center-name {width: 200px}
.form table.vertic-table .select-box select {border-radius: 5px; height: 40px}
.form table.vertic-table .check-input.first {margin-right: 45px;}
.form input[type="text"].text-input {box-shadow: none; height: 40px; border-radius: 5px; font-size: 1.4rem}
.form .authorize-txt p {color: #ed6c5f; font-size: 1.3rem; font-weight: 600; line-height: 20px; padding-top: 5px}
.form table.vertic-table .input-box.float-input {float:left; margin-right:10px;}
.btn-wrap.step-btn button {height:40px; line-height:39px; font-size:1.5rem}

@media (max-width: 800px) {
	.form table.vertic-table .select-box.center-loca {width: calc(40% - 5px)}
	.form table.vertic-table .select-box.center-info {width: calc(60% - 5px)}
	.form table.vertic-table .select-box.center-name {width: calc(100% - 5px)}
	.form .input-box.email input[type="text"].text-input, 
	.form .input-box.name input[type="text"].text-input,
	.form .input-box.authorize input[type="text"].text-input {width: 100%}
	.form .input-box.authorize {width: calc(100% - 132px)}
	.form .input-box.contact {width:  calc(50% - 88px)}
	.form .input-box.contact input[type="text"].text-input {width: 100%}
    .form table.vertic-table .input-box.float-input {width:calc(100% - 128px)}
}

@media all and (max-width: 572px) {
	.form .table-text-area-wrap .text-tit {font-size: 1.2rem; padding: 10px 0}
	.form .authorize-txt p {color: #ed6c5f; font-size: 1.2rem;}
	.form .btn-wrap.send button { height:50px; min-width:90px; line-height:50px; font-size:1.4rem }
}

@media(max-width: 500px) {
	.form table.vertic-table .select-box.contact {width: 65px}
	.form .input-box.contact {width:  calc(50% - 43px);  margin-bottom: 5px}
	.form .select-box select {font-size: 1.2rem}
	.form input[type="text"].text-input {font-size: 1.2rem}
    table.vertic-table .btn-wrap button {width: 100%; margin-bottom: 5px;}
	.input-box.authorize {width: 100%; margin-bottom: 5px;}
	table.vertic-table .btn-wrap.authorize-btn button {width:  calc(50% - 5px);}
    .form .input-box.authorize {width:100%}
    .form table.vertic-table .input-box.float-input {width:100%; float:none; margin-bottom:10px}
    .btn-wrap.step-btn .btn-right, .btn-wrap.step-btn .btn-left {float:none; width:100%;}
    .btn-wrap.step-btn button {float:none; width:100%; margin-bottom:10px; font-size:1.3rem;}
}


/* step03 */
.form .check-input-wrap .check-input {margin-right:20px}
.form .health-input {margin-top:10px}
.form .school-wrap .select-box {margin-right:10px}
.form .school-wrap .depth01 {width:170px;}
.form .school-wrap .depth02 {width:100px;}
.form .school-wrap .input-box input[type="text"].text-input {width:200px}
.form table.normal-table {border-top:1px solid #999;}
.form table.normal-table tr th {text-align: center; font-size:1.5rem}
.form table.normal-table tr th:last-child {width:35px}
.form table.normal-table.center-table tr th {width:auto}
.form table.normal-table.center-table tr th:last-child {width:35px}
.form .normal-table .input-box input[type="text"].text-input {width:100%}
.form .delete-btn {cursor:pointer; text-align: center;}
.form td.add-data .file-row {display:inline-block; width:calc(100% - 53px);margin-right:15px}
.form td.add-data .delete-btn {display:inline-block}
.form .delete-btn .material-icons {font-size:19px; color:#fff; text-align: center;background:#ed6c5f; padding:8px; border-radius:3px; transition:background .3s ease}
.form .delete-btn:hover .material-icons {background:#e24d3f}
.signup-cont .sub-tit.float h3 {float:left; line-height:34px;  width:calc(100% - 130px)}
.signup-cont .sub-tit.float .btn-wrap {float:right; margin-top:0; top:-4px}
.signup-cont .sub-tit.float .btn-wrap button {height:35px; line-height:34px; font-size:1.3rem;}
.signup-cont.form .btn-wrap.info-btn {margin-top:0; margin-bottom:20px}
.signup-cont.form .btn-wrap.info-btn button {height:30px; line-height:30px; font-size:1.2rem; box-shadow: 3px 3px 0px #d2dbd7}
.select-box.family {width:80px; margin-right:5px}
.form .select-box.family select {height:40px;}
.form .input-box.family input[type="text"].text-input {width:calc(100% - 90px)}
.form .need-time-wrap span.unit {float:left; font-size:1.5rem; line-height:43px; margin-right:10px;}
.form .time-wrap {float:left;}
.form .time-wrap .select-box {width:80px; margin-right:10px}
.form .family-wrap ul li {float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:10px; ;border: 1px solid #e5e5e5; padding: 18px 10px 10px 10px; border-radius: 8px;}
.form .family-wrap ul li:nth-child(2n-0) {margin-right:0}
.form .family-wrap ul li .box-wrap .check-input {float:left;}
.form .family-wrap ul li .btn-wrap {margin-top:0; float:right; top:-5px}
.form .family-wrap ul li .btn-wrap button {height:30px; line-height:30px; font-size:1.2rem; box-shadow: 3px 3px 0px #d2dbd7}


@media(max-width:800px) {
    .form .school-wrap .depth02 {margin-right:0}
    .form .school-wrap .select-box {width: calc(50% -  7px); float:none}
    .form .school-wrap .input-box {margin-top:5px}
    .form .school-wrap .input-box input[type="text"].text-input {width:100%; display:block;}
    .form .delete-btn .material-icons {font-size:17px;padding:5px}    
    .form .need-time-wrap span.unit {display:block; width:100%; text-align: center; font-size:1.7rem; font-weight: bold;} 
    .form .need-time-wrap span.unit.none-area {display:none}
    .form .time-wrap {float:none}
    .form .time-wrap .select-box {width:calc(50% - 5px)}
    .form .time-wrap .select-box.depth02 {margin-right:0}
}

@media(max-width:768px) {
    .form td.add-data .file-row { width: calc(100% - 45px);}
    table.vertic-table tbody tr td .file-input {width:100%}
    .form .family-wrap ul li {float:none; width:100%; margin-right:0} 
    .form .family-wrap ul li .btn-wrap {top:-8px}
    .form .family-wrap ul li .btn-wrap .btn-right button {font-size:1.1rem;}
}

@media(max-width:572px) {
    .signup-cont .sub-tit.float .btn-wrap {top:-10px}    
    .signup-cont .sub-tit.float {padding-bottom:10px;}
    .form table.normal-table tr th {font-size:1.3rem}
    .form table.normal-table tr th:first-child {width:120px}
    .form table.normal-table tr th:nth-child(3) {width:120px}
    .select-box.family {width:100%}
    .form .input-box.family {margin-top:5px}
    .form .input-box.family input[type="text"].text-input {width:100%;}
    .form input[type=checkbox]:not(old) + label {font-size:1.3rem; top:-4px; margin-right:0}
    .signup-cont .sub-tit.float h3 {line-height:20px;}
    .signup-cont .sub-tit.float .btn-wrap button {font-size:1.2rem}
    .signup-cont .sub-tit.float .btn-wrap button .material-icons {font-size:16px} 
    .form .need-time-wrap span.unit {font-size:1.3rem}
    .signup-cont.form .btn-wrap.info-btn .btn-right {float:none}
    .signup-cont.form .btn-wrap.info-btn button {width:100%}
}



@media(max-width:400px) {
    .signup-cont .sub-tit .none-area {display: none;}
    .signup-cont .sub-tit.float h3 {width:calc(100% - 70px)}
    .signup-cont .sub-tit.float .btn-wrap button {min-width:40px; box-shadow: 3px 3px 0px #d2dbd7;}
    
}


table.vertic-table.medi {margin-top:15px}
table.vertic-table.medi tbody tr th {width:150px}
.form .check-input-wrap.home-check input[type=radio]:not(old) + label {width:auto}
.form .input-box.homecoming {margin-top:5px}
.form .input-box.homecoming input[type="text"].text-input {width:calc(33.3% - 5px); margin-right:5px; margin-bottom:5px}
.form .input-box.homecoming input[type="text"].text-input:last-child {margin-right:0}

@media(max-width:500px) {
	table.vertic-table.medi {margin-top:3px}
}

/* step05 */
.term-check-wrap ul {border-top:1px solid #999;}
.term-check-wrap ul li { border-bottom:1px solid #e5e5e5; padding:17px 0 15px}
.term-check-wrap ul li > .term-box {position:relative;}
.term-check-wrap ul li .info-txt {font-size:1.4rem; padding:5px 0; color:rgb(89, 89, 89); line-height:20px}
.term-check-wrap ul li .left-txt {padding-right:120px}
.term-check-wrap ul li .right-term-info .btn-wrap {position:absolute; right:0; top:-3px; margin-top:0; }
.term-check-wrap ul li .right-term-info .btn-wrap button {height:30px; line-height:30px; font-size:1.2rem; box-shadow: 3px 3px 0px #d2dbd7}
.term-check-wrap ul li > .term-box input[type=checkbox]:not(old) + label {padding-left:30px}
.term-check-wrap ul li:first-child > .term-box input[type=checkbox]:not(old) + label {font-weight:600}

@media(max-width:768px) {	
    .term-check-wrap ul li .right-term-info .btn-wrap {top:-8px}
    .term-check-wrap ul li .right-term-info .btn-wrap button {font-size:1.1rem;}
	.term-check-wrap ul li .right-term-info .btn-wrap button {min-width:90px}
	.term-check-wrap ul li .info-txt {font-size:1.3rem}
}

@media(max-width:500px) {
	.term-check-wrap ul li .left-txt {padding-right:0}
	.term-check-wrap ul li > .term-box input[type=checkbox]:not(old) + label {font-size:1.3rem}
}

@media(max-width:375px) {	
	.term-check-wrap ul li .right-term-info .btn-wrap {position:static; margin-top:5px }
	.term-check-wrap ul li .right-term-info .btn-wrap .btn-right {float:none;}
	.term-check-wrap ul li .right-term-info .btn-wrap button {width:100%}
}


/* step06 */
.signup-cont .img-area {width:400px; height:331px; margin:50px auto 50px;}
.signup-cont .sev-com-txt {text-align:center; padding-bottom:50px}

@media(max-width:768px) {
	.signup-cont .img-area {width:300px; height:249px; margin:30px auto 40px;}
	.signup-cont .sev-com-txt {padding-bottom:30px}
}

@media(max-width:500px) {
	.signup-cont .img-area {width:250px; height:207px;}
	.signup-cont .sev-com-txt {padding-bottom:20px; font-size:1.2rem}
}

@media(max-width:375px) {
	.signup-cont .img-area {width:90%; height:auto;}
	.signup-cont .sev-com-txt {padding-bottom:20px; font-size:1.1rem}	
}

table.vertic-table.checking tbody tr th br {display:none}


/* 일시돌봄 : 1단계 */
.location-wrap { position: relative; }
.location-wrap .map-loca a {font-size: 1.5rem; color: #5f5f5f;  padding: 15px; display: block; border: 1px solid #b8cdc6; border-radius: 5px; box-shadow: 3px 3px 0px #dee2e0;text-align: center; background: #fff; font-weight: 600; }
.location-wrap .map-loca { float: left; width: calc(13% - 5px); margin:0 15px 10px 0; display: block; }
.location-wrap .map-loca:hover a {color: #30b686; border-color: #30b686}
.location-wrap .map-loca.selected a { color: #30b686; border-color: #30b686; font-weight: 600}

@media (max-width: 768px) {
    .location-wrap .map-loca { width: calc(25% - 10px); margin: 0 10px 10px 0; }
    .location-wrap .map-loca a { font-size: 1.3rem; padding: 10px 5px; }
}

/* 일시돌봄 : 2단계 */
.info-txt {font-size: 1.3rem; color: #f93838; margin-top: 5px}
.signup-cont.terms .signup-info { max-height: 200px; overflow-y: auto; font-size: 1.3rem; }
.status-group .item { display: inline-block; font-size: 1.2rem; padding: 1px 10px; border: 1px solid #aaa; border-radius: 20px; font-weight: 600;}
.status-group .item.status-o { border-color: #30b686; color: #30b686; }
.status-group .item.status-x { border-color: #bbb; color: #aaa; }
.table-wrap table tr td.td-center { height: auto; padding:5px 5px 5px 60px;}
.table-wrap table tr td.td-center ul li { position: relative; top: 10px;}
.table-wrap table tr td.td-center ul .li-selectbox { position: relative; top: 0;}
.table-wrap table tr td.td-center ul .li-selectbox .select-box { width: 200px; height: 35px; }

@media (max-width: 650px) {
    .table-wrap table tr td.td-center { padding: 15px 15px 15px 30px; }
    .table-wrap table tr td.td-center ul li { top: 0; }
    .table-wrap table tr td.td-center ul .li-selectbox { width: 100%; margin-top: 10px;}
    .table-wrap table tr td.td-center ul .li-selectbox .select-box { width: 100%; }
}

/* 일시돌봄 : 6단계 */
.serv-sign-wrap .normal-table input[type=checkbox]:not(old) + label { margin-bottom: 0; }
.info-board-wrap { width: 100%; display: table; table-layout: fixed; margin-bottom: 20px;}
.info-board-wrap .board-head { display: table-header-group; background: #30b686; border-radius: 20px 20px 0 0; }
.info-board-wrap .board-head > span.board-head-tit { display: table-cell; text-align: center; font-size: 1.4rem; font-weight: 600; border-bottom: 1px solid #d2d2d2; padding: 12px 0; width: 16%; color: #fff; }
.info-board-wrap .board-body { display: table-row; width: 100%; }
.info-board-wrap .board-body.pin { background-color: #f5f5f5; }
.info-board-wrap .board-body .board-cell { display: table-cell; vertical-align: middle; font-size: 1.4rem; text-align: center; padding: 12px 5px; border-bottom: 1px solid #e5e5e5; color: #222; word-break: keep-all; line-height: 1.5; }
.info-board-wrap .board-body .board-cell.cell-tit { text-align: left; }
.info-board-wrap .board-body .board-cell.cell-tit a { display: block;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.info-board-wrap .board-body .board-cell:hover.cell-tit { text-decoration: underline;}
.info-board-wrap .board-body .board-cell.checking { font-weight: 600; font-size: 1.4rem; }
.info-board-wrap .board-body .board-cell.checking .material-icons { font-size: 19px; margin-right: 5px; }
.info-board-wrap .board-body .board-cell.checking .status-o { color: #ffad00; }
.info-board-wrap .board-body .board-cell.checking .status-x { color: #ed6c5f; }

@media(max-width:  680px) {
    .reservation-wrap { margin-top: 0 !important; }
	.info-board-wrap .board-head { display: none; position: absolute; top: -9999px; left: -9999px; }
	.info-board-wrap .board-body { display: block; border-top: 1px solid #aaa; }
	.info-board-wrap .board-body .board-cell { display: block; width: 100%; padding: 15px 0 15px 110px;  text-align: left; position: relative; font-size: 1.4rem; border-bottom: 1px solid #e5e5e5; }
	.info-board-wrap .board-body .board-cell:before { content: attr(data-label); display: inline-block; width: 120px; color: #7E7E7E; font-weight: 600; font-size: 1.3rem; padding-left: 10px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
    .info-board-wrap .board-body .board-cell.checking { font-size: 1.4rem; }
    .info-board-wrap .board-body .board-cell.checking .material-icons { font-size: 16px; }
    .info-board-wrap .board-body .board-cell.checking .status-o,
    .info-board-wrap .board-body .board-cell.checking .status-x { display: inline-block; }
}



.center-detail-info .center-notice { position: relative; padding-top: 10px; }
.center-detail-info .center-notice .txt { position: relative; padding: 0 0 7px 13px; font-size: 1.4rem; color: #7e7e7e; line-height: 1.6; }
.center-detail-info .center-notice .txt:after { content: ''; position: absolute; top: 5px; left: 0; border-left: 7px solid #999; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

@media (max-width: 500px) {
    .center-detail-info .center-notice { padding: 15px 20px; background: #f7f7f7; }
    .center-detail-info .center-notice .txt { font-size: 1.3rem; padding-bottom: 0; }
    .center-detail-info .center-notice .txt:first-child { padding-bottom: 10px; }
    .center-detail-info .center-notice .txt:after { border-left-width: 5px; }
}