@charset "UTF-8";

#container {background:#FFFAF3;}
#header .social {display:none;}

.vis {padding-top:100rem; padding-bottom:125rem;}
.vis .tit strong {font-weight:700; color:#1496F1;}
@media all and (max-width:1440px){
  .vis {padding-top:80rem; padding-bottom:95rem;}
  .vis .tit {width:50%; margin:0 auto;}
}
@media all and (max-width:1023px){
	.vis {border-bottom:0; padding-top:105rem; padding-bottom:40rem;}
}
@media all and (max-width:599px){
  .vis .tit {width:60%;}
}

.group .target {display:flex; justify-content:center; margin-top:-61rem; position:relative;}
.group .target a {display:flex; align-items:center; height:61rem; margin:0 10rem; background:#fff0d9; padding:0 50rem; font-size:22rem; text-align:center; border-radius:var(--border-radius-20); border-bottom-right-radius: 0; border-bottom-left-radius: 0; border:1px solid #F0DBBA;}
.group .target a.on {font-weight:700; border-bottom:0; background:#FFFAF3;}
.group .show {padding:var(--gap-x-100); margin:var(--gap-y-40)}
.group .show > div:not(:first-child) {display: none;}
.group .select {display:flex; justify-content:center; margin:0 -7rem; max-width:1719rem; margin:0 auto;}
.group .select li {width:14.28%; padding:0 7rem;}
.group .select li a {display:flex; flex-direction:column; justify-content:space-between; align-items:center; height:357rem; background:#FAF3EB; font-size:24rem; font-weight:700; border-radius:var(--border-radius-20); overflow: hidden;}
.group .select li a:after {content:''; width:313rem; height:220rem; background:url('/design2025/birthsupport/img/main/card3.png') no-repeat 0 0/700% auto;}
.group .select li.cha1 a:after {background-position:0 0;}
.group .select li.cha2 a:after {background-position:16.666% 0;}
.group .select li.cha3 a:after {background-position:33.332% 0;}
.group .select li.cha4 a:after {background-position:83.33% 0;}
.group .select li.cha5 a:after {background-position:66.664% 0;}
.group .select li.cha6 a:after {background-position:49.998% 100%;}
.group .select li.cha7 a:after {background-position:99.99% 0;}
.group .select li.cha8 a:after {background-position:0 100%;}
.group .select li.cha9 a:after {background-position:16.666% 100%;}
.group .select li.cha10 a:after {background-position:33.332% 100%;}
.group .select li.cha11 a:after {background-position:49.998% 100%;}
.group .select li.cha12 a:after {background-position:66.664% 100%;}
.group .select li.cha13 a:after {background-position:99.99% 100%;}
.group .select li.cha14 a:after {background-position:99.99% 100%;}

.group .select li a span {position:relative; padding:30rem 0 40rem; line-height:1.4}
.group .select li a span:after {content:''; position:absolute; bottom:0; left:50%; width:24rem; height:24rem; margin-left:-12rem; background:url('/design2025/birthsupport/img/main/icon1.png') no-repeat 100% 0/300% auto;}
.group .select li a span small { display:inline-block; margin-left:7rem; font-size:18rem; font-weight:400;}
.group .select li.on a,
.group .select li:hover a {background:#ffd200; box-shadow:20rem 20rem 30rem rgba(0,0,0,0.17);}
@media all and (max-width:1840px){
  .group .select {max-width:calc(100% + 14rem);}
  .group .select li a {height:100%; }
  .group .select li a:after {width:160rem; height:112rem;}
  .group .select li a span {text-align:center; padding-bottom:20rem;}
  .group .select li a span:after {display:none;}
  .group .select li a span small {display:block; margin-left:0; margin-top:4rem;}
}
@media all and (max-width:1440px){
  .group .target {margin-top:-54rem;}
  .group .target a {height:54rem; font-size:18rem;}
  .group .select {flex-wrap:wrap; justify-content:flex-start; margin:-7rem;}
  .group .select li {width:25%; padding:7rem;}
  .group .select li a {flex-direction:row; justify-content:space-between; position:relative; font-size:20rem;}
  .group .select li a:after {width:100rem; height:70rem; position:absolute; bottom:0; right:0;}
  .group .select li a span {text-align:left; padding:25rem 100rem 25rem 25rem;}
  .group .select li a span small {font-size:16rem;}
}
@media all and (max-width:1023px){
  .group .target {margin-top:0;}
  .group .target a {margin:0; width:33.333%; justify-content:center; padding:0; border-radius:0; border-right:0;}
  .group .target a:first-child {border-left:0;}
  .group .target a:first-child {border-left:0;}
  .group .select li {width:33.333%;}
}
@media all and (max-width:599px){
  .group .select li {width:50%;}
}
@media all and (max-width:376px){
  .group .select li a {flex-direction:column; }
  .group .select li a:after {position:static;}
  .group .select li a span {text-align:center; padding:20rem 0 10rem;}
  .group .select li a span small {font-size:16rem;}
}

.search { text-align:center;}
.search h2 {font-size: 32rem;font-weight:400;}
.search h2 b {font-size:32rem;}
.search fieldset {width:559rem; margin:var(--gap-y-40); margin-left:auto; margin-right:auto; margin-top:20rem; background: #FFA19E; background: linear-gradient(90deg, rgba(255, 161, 158, 1) 0%, rgba(20, 150, 241, 1) 100%); border-radius:100rem; padding:2px;}
.search fieldset .block {display:flex; align-items:center; background-color:#fffaf3; border-radius:100rem; padding:0 30rem;}
.search fieldset .block>* {border:0; height:60rem; line-height:60rem; font-size:18rem; background-color:#fffaf3; }
.search select {width:auto; padding-right:10rem; flex-shrink:0; flex-grow:0}
.search button {width:24rem; flex-shrink:0; flex-grow:0; background:url('/design2025/birthsupport/img/main/icon1.png') no-repeat 0 center/300% auto; text-indent:-9999rem;}
.search input[type="text"] {width:100%; padding:0 20rem;}
.search input[type="text"]::placeholder {color:#4D3D27}
@media all and (max-width:1023px){
  .search h2 {font-size:28rem;}
  .search h2 b {font-size:28rem;}
}
@media all and (max-width:768px){
  .search fieldset {width:calc(100% - 100rem); }
}
@media all and (max-width:588px){
  .search fieldset {width:100%; border-radius:10rem;}
  .search fieldset .block {border-radius:8rem; padding:0 20rem;}
  .search fieldset .block>* {font-size:16px !important;}
  .search input[type="text"]::placeholder {opacity: 0;}
}

.view .kind {justify-content: flex-start; padding-right:20rem;}
.view .list {display:flex; flex-wrap:wrap; margin:var(--margin--15);}
.view .list > li {width:33.333%; padding:var(--padding-15); position:relative;}
.view .list > li a {display:block;height:100%;padding:var(--padding-35);background:#FFF7ED;border: 1px solid #F0DBBA;border-radius:var(--border-radius-20);}
.view .list .group {display:flex; justify-content:space-between;}
.view .list .tit {margin:9rem 0; font-size:24rem; font-weight:600; line-height:1.4;}
.view .list .tit span {font-size:20rem; font-weight:500; display:inline-block;}
.view .list .period {padding:0 0 0 2rem; font-size:18rem;}
.view .list .detail {border-top:1px solid #F1DCBD; margin-top:25rem; padding:25rem 5rem 0}
.view .list .detail > li {margin-bottom:6rem; position:relative; padding-left:23rem; color:#555555;}
.view .list .detail > li::before {content:''; position:absolute; top:11rem; left:0; width:4px; height:4px; background:#B3B3B3; border-radius:50%;}
.view .list .detail > li:last-child {margin-bottom:0;}
.view .more {background:url('/design2025/birthsupport/img/main/obj1.png') no-repeat 0 0/contain; width:204rem; height:59rem; margin:0 auto 40rem; text-align:center; position:relative; top:59rem;}
.view .more a {display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:-10rem; font-weight:600; position:relative; top:-15rem; }
.view .more a:after {content:''; flex-shrink:0; flex-grow:0; width:24rem; height:24rem; background:url('/design2025/birthsupport/img/main/icon1.png') no-repeat 50% 0/300% auto;}

.view .list > li a:hover {
  background:#EBF3FF;
  box-shadow:20rem 20rem 30rem rgba(0,0,0,0.17);
  border-color:#C7D9F5;
}
.view .list > li a:hover .detail {border-top-color:#C7D9F5;}

.view .list > li.gov a {background:#f2f8f5; border-color:#d0dfd8;}
.view .list > li.gov .detail {border-color:#d0dfd8;}
.view .list > li.gov a:hover {
  background:#ffeded;
  border-color:#ffc8c8;
}
.view .list > li.gov a:hover .detail {border-top-color:#ffc8c8;}
@media all and (max-width:1023px){
  .view .list > li {width:50%;}
}
@media all and (max-width:599px){
  .view .list > li {width:100%;}
}

/* 배너모음 */
.banner {padding:60rem 5rem 0 0;}
.banner h2 {font-size:20rem;}
.banner .wrap {display:flex; align-items:center; justify-content:space-between;}
.banner .slide {width:calc(100% - 220rem); flex-grow:0;}
.banner .slide .slick-slide {height:64rem; background:#f7f7f7; margin:0 7rem; border-radius:6rem; display:flex; align-items: center; justify-content: center;}
.banner .slide .slick-slide a {display: block;}
.banner .slide .slick-slide img {height:36rem;}
.banner .control {order:3;}
@media all and (max-width:1240px){
      .banner {margin-bottom:-10rem;}
  .banner .wrap {flex-wrap: wrap; justify-content: flex-start;}
  .banner .slick-list { margin:0 -7rem;}
  .banner .slide {width:100%; margin-top:25rem;}
  .banner .control {order:0; margin-left:10rem;}
}
@media all and (max-width:480px){

  .banner {margin-bottom:-20rem;}

}