@charset "utf-8";

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

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

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

/* slick slide css */
@import url("../slick/slick.css");


/* 메인 비주얼 */
.banner-container .banner-wrap { height: 460px; }
.banner-container .banner-wrap .banner { padding-top: 60px; background: url(../../img/main/main_visual_new.png) no-repeat center 100%; background-size: cover; width: 100%; height: 100%; position: relative; }
.banner-container .banner-wrap .banner .banner-area .bn-title { font-family: 'Cafe24Ssurround'; color: #343434; }
.banner-container .banner-wrap .banner .banner-area .bn-title p { text-shadow: unset; padding-bottom: 10px; }
.banner-container .banner-wrap .banner .banner-area .bn-title h1 { text-shadow: unset; }
.banner-container .banner-wrap .banner .banner-area .btn-wrap button { font-family: 'Cafe24Ssurround'; border-radius: 5px; height: 45px; line-height: 45px; min-width: 170px; font-size: 1.7rem; box-shadow: 4px 4px 0px #216c51;}

@media (max-width: 800px) {
	.banner-container .banner-wrap { height: auto; padding-bottom: 60px;}
	.banner-container .banner-wrap .banner { padding-top: 40px; padding-bottom: 50px;}
}
@media(max-width:500px) {
	.banner-container .banner-wrap .banner { padding-bottom: 40px;}
}


/* 메인 하단 퀵 메뉴 */
.quick-menu-wrap {width: 100%; background-color: #f1f7f5; padding: 50px 0;}
.quick-menu-wrap .quick-menu-container {width: 1200px; margin: 0 auto; }
.quick-menu-wrap .quick-menu-container .notice-area-wrap {width: calc(50% - 15px); float: left; }
.quick-menu-wrap .quick-menu-container .notice-area-wrap:first-child {margin-right: 30px}
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area {padding-bottom: 15px}
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3 {font-family: 'Maplestory'; font-weight: 600; font-size: 2.2rem; float: left; }
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3.tab {padding: 0 5px; position:relative; margin-right: 5px; color: #a3a3a3; cursor: pointer; }
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3.tab:hover { color:#777; }
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3.tab:after { content: ''; position: absolute; bottom: -2px; left:2px; width:100%; height: 10px; background:#e1e1e1; border-radius: 10px; }
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3.select,
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3.select:hover { color:#000; }
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3.select:after { background:#77d8b8;}
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3.tab span { position: relative; z-index: 1;}
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area a img {float: right; margin-top: 4px}
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area a img:hover {opacity: 0.7}

.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box {width: 100%; background-color: #fff; padding:15px 25px; border:2px solid #d2dbd7; box-shadow: 6px 6px 0px #d2dbd7; border-radius: 25px; min-height:364px}
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents {width: 100%; padding: 12px 0; border-bottom: 1px solid #dee3eb}
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents .notice-contents-tit {width: calc(100% - 100px); float: left; font-size: 1.5rem; color: #222; margin-right: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; word-break: keep-all; line-height:34px }
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents:hover .notice-contents-tit a {text-decoration: underline; }
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents .notice-contents-writer {color: #b2b2b2; font-size: 1.3rem; margin-right: 5px}
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents .notice-contents-date { color: #b2b2b2; font-size: 1.3rem;}
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box.recruit-box .notice-contents .notice-contents-tit {width: calc(100% - 167px)}
.notice-area-wrap .notice-box .notice-contents .date-wrap {float:right;}
.notice-area-wrap .notice-box .notice-contents ul {position:relative;}
.notice-area-wrap .notice-box .notice-contents ul:before {position:absolute; content:''; width:1px; height:calc(100% - 4px); background:#e5e5e5; top:3px; left:-15px}
.notice-area-wrap .notice-box .notice-contents ul li {margin-bottom:4px}
.notice-area-wrap .notice-box .notice-contents ul li span.point {display:inline-block; font-weight:600; margin-right:5px; color:#666;}
.notice-area-wrap .notice-box .notice-contents ul li p {display:inline-block; color:#b2b2b2;}

@media (max-width: 1200px) {
	.quick-menu-wrap {padding: 20px 0}
	.quick-menu-wrap .quick-menu-container {width: 100%; padding: 0 15px}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap {float: none; width: 100%}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap:first-child {margin-bottom:30px}
}

@media (max-width: 768px) {
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3 {font-size: 2.3rem}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box {padding: 20px}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents .notice-contents-tit {font-size: 1.5rem}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents .notice-contents-writer {font-size: 1.3rem}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents .notice-contents-date {font-size: 1.3rem}
}

@media (max-width: 500px) {
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area h3 {font-size: 2rem;}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-tit-area a img {width: 19px; height: 19px}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box {padding: 5px 10px; border-radius: 10px;}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents {padding: 10px 0}
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents .notice-contents-tit {float: none; width: 100%; padding-bottom: 8px; font-size: 1.4rem}	
	.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box.recruit-box .notice-contents .notice-contents-tit {width:100%;}
	.notice-area-wrap .notice-box .notice-contents .date-wrap {float:none; width:100%}
	.notice-area-wrap .notice-box .notice-contents ul:before {content:none;}
	.notice-area-wrap .notice-box .notice-contents ul li {float:left; margin-right:10px}
	
.quick-menu-wrap .quick-menu-container .notice-area-wrap .notice-box .notice-contents:last-child {border-bottom:0;}

}

@media(max-width:375px) {
	.notice-area-wrap .notice-box.recruit-box .notice-contents ul li {float:none; margin-right:0; margin-bottom:7px}
}


/* notice-empty */
.notice-box.empty {height: 308px;}
.notice-box.empty p {text-align: center; font-size: 1.5rem; color: #c7c4c4; line-height: 245px}


/* 메인 검색바 */
.center-search-wrap { width:1200px; margin:0 auto; position: absolute; left: 50%; bottom: -40px; transform: translateX(-50%); background: #45af7a; border-radius: 60px; overflow: hidden; padding: 15px 0;}
.center-search-wrap .search-container {position:relative;text-align: center;}
.center-search-wrap div.search-title { display: inline-block; margin-right: 20px;font-weight: 300; font-size: 1.8rem;}
.center-search-wrap div.search-title p {font-family: 'Maplestory'; color: #fff; display: inline-block;}
.center-search-wrap div.search-title img {width: 16px; height: 16px; display: inline-block; margin-right: 5px;position: relative; top: 2px;}
.center-search-wrap div.input-area {width: 560px; margin-right: 10px; display:inline-block; }
.center-search-wrap div.input-area input[type="text"].text-input {width: 100%; box-shadow: none;border-radius: 50px; height: 45px; padding: 0 30px;}
.center-search-wrap div.btn-wrap img {vertical-align: middle;}
.center-search-wrap div.btn-wrap button {min-width:auto; border-radius:50px; height:40px; line-height:39px; box-shadow: none;font-family: 'Maplestory';font-size: 1.5rem; background:#34835b; padding: 0 30px; }

@media(max-width:1200px) {
	.center-search-wrap,
	.center-search-wrap .search-container  {width:100%}
}

@media(max-width:768px) {
	.center-search-wrap div.input-area { width: calc(100% - 270px); margin-right: 5px;}
	.banner-container .banner-wrap .banner .banner-area .btn-wrap button { font-size: 1.4rem; height: 40px; line-height: 40px; min-width: unset;}
}

@media(max-width:500px) {
	.center-search-wrap { background: transparent; position: absolute; bottom: -70px; }
	.center-search-wrap div.search-title { display: none;}
	.center-search-wrap div.input-area { width: calc(100% - 160px); }
	.center-search-wrap div.input-area input[type="text"].text-input {font-size:1.3rem;height:35px; line-height:35px; padding-left: 20px; border-color: #C4C4C4;}
	.center-search-wrap div.btn-wrap button {height:35px; line-height:35px; font-size: 1.3rem;}
}



/* 메인 서비스 소개 랩 */
.service-wrap .service-tit {text-align:center ;font-family: 'Maplestory';font-weight: 600; font-size: 3.0rem; color:#007358; padding-bottom:40px;}

/* 리뉴얼 서비스 카테고리  */
.service-wrap { position: relative; width: 1200px; margin: 0 auto; padding: 75px 0;}
.service-wrap .box-wrap { margin: 0 20px 6px 0; }
.service-wrap .box-wrap .box { padding: 35px 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border: 1px solid #dee2e0; box-shadow: 6px 6px 0px #dee2e0; position:relative; cursor:pointer; overflow:hidden;}
.box-wrap .box .box-tit {font-size:1.6rem; line-height:22px; font-weight:600; position:relative;}
.box-wrap .box .box-tit span.ing {background:#26b787; color:#fff; padding:1px 6px 0; font-family: 'Maplestory'; font-size:1.1rem; display:inline-block; font-weight:300; border-radius:5px; margin-right:5px; position:relative; top:-1px; letter-spacing: 0;}
.box-wrap .box ul {padding-top:25px}
.box-wrap .box ul li {position:relative; color:#515151; font-size:1.4rem; margin-bottom:7px; padding-left:6px}
.box-wrap .box ul li:before {position:absolute; content:''; top:5px; left:0; width:2px; height:2px; border-radius:50%; background:#515151;}

/* 서비스소개 배경이미지 */
/* 공통 */
.service-wrap .box-wrap .box .bg-img {background:#fff; width:135px; height:135px; position:absolute; top:-35px; right:-35px; border-radius:50%; z-index:-1; opacity: .7;}
.service-wrap .box-wrap .box .bg-img .bg-ico { position: relative; width: 100%; height: 100%; border-radius: 50%; }
.service-wrap .box-wrap .box .bg-img .bg-ico img { width: 50px;height: 50px;top: 58%;position: absolute;left: 41%;transform: translate(-50%, -50%);opacity: 0.6;}
.service-wrap .box-wrap .box .bg-img .bg-ico:before { position: absolute; content: ''; border-radius: 50%; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; transition: width .3s ease, height .3s ease, left .3s ease, top .3s ease; }
.service-wrap .box-wrap .box:hover .bg-img .bg-ico:before { width: calc(100% + 45px); height: calc(100% + 45px); left: -22px; top: -25px; }

/* 서비스 배경색 */
.service-wrap .box-wrap .box .bg-img.service01 {background:#ffeef4} /* 아이누리 돌봄센터 */
.service-wrap .box-wrap .box .bg-img.service02 {background:#fff2de} /* 학교 돌봄터 */ 
.service-wrap .box-wrap .box .bg-img.service03 {background:#dbf5fb} /* 아이누리 돌봄 나눔터 */
.service-wrap .box-wrap .box .bg-img.service04 {background:#e9e3ff} /* 지역 아동 센터 */
.service-wrap .box-wrap .box .bg-img.service05 {background:#ffe9e9} /* 초등 돌봄 교실 */
.service-wrap .box-wrap .box .bg-img.service06 {background:#e8ffbe} /* 아이돌봄 서비스  */
.service-wrap .box-wrap .box .bg-img.service07 {background:#dfffed } /* 공동 육아 나눔터 */
.service-wrap .box-wrap .box .bg-img.service08 {background:#fef0b4} /* 청소년 방과후 아카데미 */
.service-wrap .box-wrap .box .bg-img.service09 {background:#eef0ff} /* 오이도 꿈나무 안심학교 */
.service-wrap .box-wrap .box .bg-img.service10 {background:#d2f8ff} /* 시흥시 종합 사회복지관 */
.service-wrap .box-wrap .box .bg-img.service11 {background:#eaffd6} /* 마을돌봄 공동체 */
.service-wrap .box-wrap .box .bg-img.service12 {background:#edefff} /* 경기 미래형 돌봄교실 */

/* 서비스 배경색 비포 */
.service-wrap .box-wrap .box:hover .bg-img.service01 .bg-ico:before {background:#ffeef4; opacity:0.5} /* 아이누리 돌봄센터 */
.service-wrap .box-wrap .box:hover .bg-img.service02 .bg-ico:before {background:#fff2de; opacity:0.5} /* 학교 돌봄터 */ 
.service-wrap .box-wrap .box:hover .bg-img.service03 .bg-ico:before {background:#dbf5fb; opacity:0.5} /* 아이누리 돌봄 나눔터 */
.service-wrap .box-wrap .box:hover .bg-img.service04 .bg-ico:before {background:#e9e3ff; opacity:0.5} /* 지역 아동 센터 */
.service-wrap .box-wrap .box:hover .bg-img.service05 .bg-ico:before {background:#ffe9e9; opacity:0.5} /* 초등 돌봄 교실 */
.service-wrap .box-wrap .box:hover .bg-img.service06 .bg-ico:before {background:#e8ffbe; opacity:0.5} /* 아이돌봄 서비스  */
.service-wrap .box-wrap .box:hover .bg-img.service07 .bg-ico:before {background:#dfffed; opacity:0.5} /* 공동 육아 나눔터 */
.service-wrap .box-wrap .box:hover .bg-img.service08 .bg-ico:before {background:#fef0b4; opacity:0.5} /* 청소년 방과후 아카데미 */
.service-wrap .box-wrap .box:hover .bg-img.service09 .bg-ico:before {background:#eef0ff; opacity:0.5} /* 오이도 꿈나무 안심학교 */
.service-wrap .box-wrap .box:hover .bg-img.service10 .bg-ico:before {background:#d2f8ff; opacity:0.5} /* 시흥시 종합 사회복지관 */
.service-wrap .box-wrap .box:hover .bg-img.service11 .bg-ico:before {background:#eaffd6; opacity:0.5} /* 마을돌봄 공동체 */
.service-wrap .box-wrap .box:hover .bg-img.service12 .bg-ico:before {background:#edefff; opacity:0.5} /* 경기 미래형 돌봄교실 */

/* 클릭 시 출력 창 */
.service-wrap .ser-d-box {padding:30px; position:absolute; top:35px; left:50%;  height:auto; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border: 2px solid #dee2e0;background:#fff; z-index:11; box-shadow: 3px 3px 0px #dee2e0; transform: translateX(-50%); min-width:705px}
.service-wrap .ser-d-box .d-tit {font-size:1.7rem; font-weight:600; padding-bottom:20px; line-height:22px; color:#30B686; padding-right:30px}
.service-wrap .ser-d-box .close-btn {position:absolute; right:30px; top:20px; opacity:0.4; transition: opacity .3s ease; cursor:pointer;}
.service-wrap .ser-d-box .close-btn:hover {opacity:0.7;}
.service-wrap .ser-d-box .d-cont {font-size:1.5rem; line-height:20px; color:#444; padding-bottom:20px}
.service-wrap .ser-d-box .d-info {background:#f1f7f5; padding:15px; border-radius:8px;}
.service-wrap .ser-d-box .d-info ul li {margin-bottom:10px; font-size:1.4rem; line-height:19px}
.service-wrap .ser-d-box .d-info ul li:last-child {margin-bottom:0;}
.service-wrap .ser-d-box .d-info ul li .point {display:inline-block; padding:3px 10px; background:#30B686; color:#fff; border-radius:5px; font-size:1.2rem; margin-right:8px; width:62px;text-align: center;}
.service-wrap .ser-d-box .btn-wrap button {font-size:1.3rem; height:35px; line-height:34px; min-width:55px; box-shadow: none;}
.service-wrap .ser-d-box .btn-wrap button .material-icons {font-size:16px; margin-right:5px}

@media (max-width: 1260px) {
	.service-wrap { width: 100%; }
	.service-wrap .box-wrap {margin:0 20px 6px 6px}
}


@media(max-width:1024px) {
	.service-wrap {padding:50px 0;}
	.service-wrap .service-tit {font-size:2.5rem; padding-bottom: 30px}	
	.service-wrap .box-wrap .box {padding:25px 20px}
}

@media(max-width:800px) {	
	.service-wrap .ser-d-box {width:calc(100% - 40px); min-width:auto; padding:20px; top:20px}
	.service-wrap .ser-d-box .close-btn {right:20px;}
	.service-wrap .ser-d-box .d-tit {font-size:1.6rem;}
	.service-wrap .ser-d-box .d-info ul li {font-size:1.3rem}
	.service-wrap .service-tit {font-size:2.3rem;}
	.box-wrap .box .box-tit {font-size:1.6rem}
	.box-wrap .box ul li {font-size:1.3rem}
	.box-wrap .box .box-tit span.ing {font-size:1.1rem}
	.service-wrap .box-wrap {margin:0 16px 6px 4px}
	.service-wrap .box-wrap .box {padding:20px 15px}
}

@media(max-width:600px) {
	.service-wrap .box-wrap {margin:0 14px 6px 6px}
	.service-wrap .service-tit {font-size:2rem;}
}

@media(max-width:500px) {
	.service-wrap {padding-top:30px}
	.service-wrap .ser-d-box .d-tit {font-size:1.5rem;}
	.service-wrap .ser-d-box .d-cont {font-size:1.3rem}
	.service-wrap .ser-d-box .d-info ul li {font-size:1.2rem}
	.service-wrap .ser-d-box .d-info ul li .point {width:55px; padding:0; font-size:1.1rem; margin-right:5px}
	.service-wrap .btn-wrap .btn-center {display:block}
	.service-wrap .ser-d-box .btn-wrap button {width:calc(50% - 5px)}
}

/* 1:1문의 배너 */
.inquiry-menu-wrap {width: 1200px; margin: 0 auto;}
.inquiry-banner {background:url('../../img/main/inquiry-banner.png') no-repeat center; width: 100%; height:600px; position:relative; background-size:cover; }
.inquiry-banner .inquiry-txt {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); text-align: center; width:100%}
.inquiry-banner .inquiry-txt br {display:none;}
.inquiry-banner .inquiry-txt h4 {font-family: 'Maplestory';font-weight: 600; font-size: 3.0rem; color:#112d6b; padding-bottom:20px}
.inquiry-banner .inquiry-txt p {font-size:1.9rem; line-height:26px; color:#0f192f}
.inquiry-banner .btn-wrap .navy-btn {min-width:120px; box-shadow: none; font-size:1.6rem; height:40px; line-height:39px}
.inquiry-banner .btn-wrap .navy-btn .material-icons {font-size:16px; margin-left:5px}

@media (max-width: 1200px) {
	.inquiry-menu-wrap { width: 100%;}
	.inquiry-banner {padding:10px}
}

@media(max-width:1024px) {	
	.inquiry-banner .inquiry-txt h4 {font-size:2.5rem; padding-bottom:15px}
	.inquiry-banner .inquiry-txt p  {font-size:1.7rem;}
	.inquiry-banner .btn-wrap {margin-top:15px}
	.inquiry-banner .btn-wrap .navy-btn {font-size:1.5rem}
}

@media(max-width:768px) {	
	.inquiry-banner {height:500px}
	.inquiry-banner .inquiry-txt{bottom:0}
	.inquiry-banner .inquiry-txt h4 {font-size:2.3rem;}
	.inquiry-banner .inquiry-txt p {font-size:1.5rem;}
	.inquiry-banner .inquiry-txt br {display:block;} 
	.inquiry-banner .btn-wrap .navy-btn {height:35px; line-height:34px; font-size:1.4rem}
}

@media(max-width:500px) {
	.inquiry-banner {height:300px; margin-bottom:70px;}
	.inquiry-banner .inquiry-txt  {bottom:-30px}
	.inquiry-banner .inquiry-txt h4 {font-size:2rem; padding-bottom:10px}
	.inquiry-banner .inquiry-txt p  {font-size:1.4rem; line-height:20px}
	.inquiry-banner .btn-wrap {margin-top:10px}
	.inquiry-banner .btn-wrap .navy-btn {font-size:1.3rem;}
	.inquiry-banner .btn-wrap .navy-btn .material-icons {font-size:14px}
}


.sick-child-banner { position: relative; border: 3px solid #fff; border-radius: 10px; padding: 15px 20px; background: rgba(255,255,255,0.5); display: flex; justify-content: space-between; align-items: center; width: 670px; max-width: 100%; margin: 0 auto; margin-top: 30px;}
.sick-child-banner .title-area {text-align: left;}
.sick-child-banner .title-area .tit {color: #FEF081; text-shadow: 4px 4px 0 #51648E, -1px -1px 0 #122040, 1px -1px 0 #122040, -1px 1px 0 #122040, 1px 1px 0 #122040, 0 -1px 0 #122040, 0 1px 0 #122040, -1px 0 0 #122040, 1px 0 0 #122040; font-family: "Cafe24 Ssurround"; font-size: 4rem; font-weight: 900; }
.sick-child-banner .title-area .txt { font-size: 1.4rem; color: #1A3470; font-weight: 600; background: #fff; border-radius: 50px; border: 1px solid #9EABC3; text-align: center; padding: 5px 10px; display: inline-block; margin-top: 10px;}
.sick-child-banner .btn-area { display: flex; gap: 10px; }
.sick-child-banner .btn-area .btn { border: 0; background: #aeaeae; color: #fff; padding: 0 25px; font-weight: 400; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; cursor: pointer; float: left; font-family: 'Cafe24Ssurround'; border-radius: 5px; height: 45px; line-height: 45px; font-size: 1.6rem; box-shadow: 4px 4px 0px #216c51; }
.sick-child-banner .btn-area .btn.bg-blue { background: #6997ED; box-shadow: 5px 5px 0 0 #40527B; }
.sick-child-banner .btn-area .btn.bg-navy { background: #143066; box-shadow: 5px 5px 0 0 #7389BC; }

@media (max-width: 768px) {
	.sick-child-banner { margin-top: 20px; }
	.sick-child-banner .title-area .tit { font-size: 3.3rem;}
	.sick-child-banner .title-area .txt { font-size: 1.3rem;}
	.sick-child-banner .btn-area .btn { font-size: 1.5rem; height: 40px; line-height: 40px; padding: 0 20px;}
}
@media (max-width: 600px) {
	.sick-child-banner { margin-top: 20px; width: calc(100% - 20px);}
	.sick-child-banner .title-area .tit { font-size: 2.6rem; text-shadow: 2px 2px 0 #51648E, -1px -1px 0 #122040, 1px -1px 0 #122040, -1px 1px 0 #122040, 1px 1px 0 #122040, 0 -1px 0 #122040, 0 1px 0 #122040, -1px 0 0 #122040, 1px 0 0 #122040;}
	.sick-child-banner .title-area .txt { padding:0; border:0; border-radius: 0; background: transparent; font-size: 1.3rem; font-weight: 800; margin-top: 5px;}
	.sick-child-banner .btn-area .btn { font-size: 1.4rem; height: 35px; line-height: 35px; padding: 0 15px;}
}
@media (max-width: 500px) {
	.sick-child-banner { flex-direction: column; gap: 15px;}
	.sick-child-banner .title-area {text-align: center;}
	.sick-child-banner .title-area .tit { font-size: 2.4rem; }
	.sick-child-banner .btn-area .btn { font-size: 1.4rem; height: 35px; line-height: 35px; padding: 0 15px;}
}