@charset "UTF-8";

.noList {font-size:24rem; padding-top:60rem; font-weight:700; line-height:1.4; text-align:center;}
.map_style .cont {display: none;}

.kind {margin-bottom:7rem; margin-left:-1rem; margin-right:-1rem; display: flex; flex-wrap: wrap; justify-content: center;}
.kind span,
.how span
{display:block; margin:1rem; padding:4rem 8rem; border-radius:3rem; color:#fff; font-weight:400;}
.kind span.type2 {color:#323232; font-weight:500;}

.how span[data-how="링크"] {color:#425b46;}
.how span[data-how="온라인"] {color:#496b89;}
.how span[data-how="오프라인"] {color:#674b1c;}

.inner {padding-top:60rem; padding-bottom:80rem; font-family: 'Pretendard GOV Variable';font-size:17rem;letter-spacing:-0.3rem;}
.legend { font-size:24rem; font-weight:700; margin:40rem 0 20rem;}
.legend + a {margin-bottom:30rem;}
.inner>.legend:first-of-type {margin-top:0;}
.inner>h4:first-of-type {margin-top:0 !important;}

.birth .top {text-align:center; position:relative; z-index: 2; padding:0 20rem;}
.birth .hash {width:80%; margin:15rem auto 0; display:none;}
.birth .hash a {display:inline-flex; margin:0 3rem; color:#705936;}

.birth .memo {margin:15rem auto 0 ; color:#705936; width:80%;}

/*btn*/
.board_btn {display:flex; justify-content:center;}
.board_btn a {margin:2rem;} 
.point_btn {margin:1rem; border:1px solid #1496F1; background:#1496F1; border-radius:40rem; font-weight:500; /*box-shadow:10rem 10rem 10rem rgb(223,242,255);*/ display:inline-block; padding:10rem 25rem; color:#fff;} 
.point_btn[target="_blank"] {display:inline-flex; align-items:center; justify-content:center;}
.point_btn[target="_blank"]:after {content:''; display:block; flex-shrink:0; width:12rem; height:12rem; margin:0 0 0 10rem; background:url('/design2025/birthsupport/img/layout/icon2.png') no-repeat 0 100%/100% auto;}
.point_btn.ver2 {background:#FFFACC; border-color:#FFE819; color:#683f3f;}
.point_btn.ver2[target="_blank"]:after {background-position:0 0;}

.sbtn_list {display:flex;justify-content:flex-end;margin:0 -2rem;} 
.sbtn {display:block; border:1px solid #2f50af; background:#fff;; color:#2f50af; border-radius:3px; margin:2rem; padding:5rem 12rem !important; font-size:15rem; font-weight:500; flex:1 1 auto;}
.sbtn.red {border-color:#cc3333 ; background:#fff; color:#cc3333 ;}
.board_btn .bt2 {background:var(--p_color)}
.sbtn.ver2 {display:inline-block; margin:3rem; padding:0; height:40rem; line-height:1.5; display:flex; align-items:center; justify-content:space-between;}

.ele_doc {display:flex;  flex-wrap:wrap;}
.ele_doc > a {flex-grow:0; margin-right:0 !important; margin-left:0 !Important; }
.ele_doc > a.btn.addinput {width:auto !Important; padding:0 20rem; margin:3rem 0 3rem 0;}
.ele_doc > a+div {margin-bottom:10rem; margin-top:7rem;}
.ele_doc > div {width:100%;}
.ele_doc input[type="text"] {width:auto !important;}
#eldoc {display:flex; flex-wrap:wrap;}
#eldoc > div {width:100%; margin-bottom:3rem; margin-left:-3rem; margin-right:-3rem; display:flex; align-items:center;}
#eldoc > div > * {margin:3rem;}
#eldoc > div > a.delinput {background:#E93D3D !important;}
@media all and (max-width:599px){
	.ele_doc input[type="text"] {width:100% !important;}
	#eldoc > div {flex-wrap:wrap;}
	#eldoc > div > * {width:100% !important;}
	#eldoc > div > a.delinput {width:100rem !Important;}
}
.mypage_list > div {margin-top:0 !important; margin-bottom:0 !important;}
.mypage_list > div > a.delinput {background:#E93D3D !important;}
@media all and (max-width:599px){
	.mypage_list > div {margin-top:3rem !important; margin-bottom:0 !important;}
}

/*agree*/
.agree_info {margin-bottom:0 !important; padding:0 !important; border:1px solid #ddd; background:#f6f6f6; padding:30rem; margin:10rem 0 30rem; border-radius:10rem;}
.agree_info > div {height:250rem; overflow-y:auto; padding:30rem;}
.agree_check {display:flex; align-items:center; justify-content:right; border-bottom:1px solid #ddd; padding:18rem 25rem;}
.agree_check label {margin-left:10rem; font-weight:500;}

/*form*/
.form_style dd.row {flex-wrap:nowrap;}

.form_style dd input[type="text"],
.form_style dd input[type="password"],
.form_style dd input[type="file"],
.form_style dd select, 
.form_style dd a.btn {height:40px !important;line-height:40px !important;align-content:stretch !important;}

.form_style .file .down {color:#18518d; margin-right:10rem;}
.form_style .file .down:hover {text-decoration:underline;}
@media all and (max-width:599px){
  .form_style .file .down {width:100%; margin:7rem 0;}
  .form_style .file .sbtn {margin:5rem 0;}
}
@media all and (max-width:480px){
	.form_style dt {padding-top:20rem !important; padding-bottom:7rem !important; font-size:18rem !important;}
	.form_style dd {padding-bottom:20rem !important; margin-left:2rem; /*font-size:18rem !important;*/}
}
/*form-table*/
.form_tbl thead th:after {display:none !important;}
.form_tbl thead th,
.form_tbl thead td {border-color:#ddd !important;}
.form_tbl input[type="text"],
.form_tbl input[type="date"],
.form_tbl select {border:1px solid #ccc; border-radius:3rem; height:40px; padding:0 10rem; color:#666; width:100%; margin:3rem 0;}
.form_tbl {border-top:2px solid #000 !important;}
.form_tbl thead th {background:none !important; font-weight:600;}
.form_tbl tbody td {padding:5rem 10rem !important;}
.form_tbl tbody .add td {background:#f7f7f7 !important;}
@media all and (max-width:1023px) {
  .form_tbl {border-top:0 !important;}
  .form_tbl thead {display:none;} 
  .form_tbl tbody {display:flex; flex-wrap:wrap;}
  .form_tbl tbody tr {display:block; flex:1 1 50%; border-top:2px solid #000; }
  .form_tbl tbody td {display:flex; align-items:center; min-height:60rem;} 
  .form_tbl tbody td::before {content:attr(data-label); font-weight:700; width:100rem; text-align:left; flex-shrink:0;} 
  .form_tbl .sbtn_style {margin:0 5rem 0 0;}
}
@media all and (max-width:599px) {
  .form_tbl tbody tr {flex:1 1 100%;}
}
.form_style.custom dl {flex-wrap:wrap;}
.form_style.custom dl dt {width:100%;}
.form_style.custom dl dd {display:flex; flex-wrap:wrap; padding:10rem 20rem;}
.form_style.custom dl dd > * {width:100%;}
.form_style.custom dl dd > * * {margin:10rem 0;}
.form_style.custom .sub_txt {display:block; font-weight:400; font-size:16rem; margin-top:5rem;}
@media all and (max-width:1023px){
	.form_style.custom dl dd {padding:10rem;}
}



/*마이페이지리스트*/     
.applyList > ul {display:flex; flex-wrap:wrap; margin:-10rem;}
.applyList > ul > li {width:calc(33.333% - 20rem); margin:10rem; border:1px solid #ddd; position:relative; padding:25rem 25rem 100rem 25rem; border-radius:10rem;}
.applyList > ul > li > a {display:block; /*margin:-1rem;*/}
.applyList .div span {display:inline-block; margin:3rem 1rem; font-weight:500; color:#575757; background:#e0f5e9; padding:3rem 9rem; border-radius:6px; font-size:15rem;}
.applyList .div span:last-child {background:#edeeff;}
.applyList .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:2.8em; margin:7rem 0 10rem 3rem; font-size:24rem; font-weight:600; line-height:1.4em; word-wrap:break-word; text-overflow:ellipsis;}
.applyList .info {font-size:16rem; margin:15rem 0 0 8rem;}
.applyList .info > li {position:relative; font-size:16rem; margin:5rem 0; padding-left:15rem; letter-spacing:-0.2rem; line-height:1.5;}
.applyList .info > li:before {content:''; position:absolute; top:9rem; left:0; width:4px; height:4px; background:#3f4e63; border-radius:50rem}
.applyList .info > li:nth-child(3) {color:#bc1818; font-weight:500; }
.applyList .status {position:absolute; bottom:25rem; left:50%; width:calc(100% - 50rem); transform:translateX(-50%); }
.applyList .status span,
.applyList .status a,
.applyList .status button {display:block; text-align:center; background:#287ce5; color:#fff; border-radius:6rem; padding:6rem 20rem; font-family:'NEXONLv1', 'Pretendard'; transform:rotate(0.04deg);}
.applyList .status.mypage {display:flex; margin:0 -3rem;}
.applyList .status.mypage > * {flex:1 1 50%; margin:0 3rem; padding:6rem 4rem; min-height:40px; font-weight:500; border:1px solid #287ce5;}
.applyList .status.mypage .default {background:#ececec; color:#727272; border-color:#ececec;}
.applyList .status.mypage .out {background:#fff;  color:#287ce5;}
.applyList > ul > li > a:hover .tit {text-decoration:underline;}

.applyList span[data-status="접수"] {color:#434781;}
.applyList span[data-status="취소"] {color:#9d322b;}
.applyList span[data-status="반려"] {color:#9d322b;}
.applyList span[data-status="확인"] {color:#237044;}
.applyList span[data-status="완료"] {color:#18385a;}


@media all and (max-width:1023px){
  .applyList > ul > li {width:calc(50% - 20rem);}
}
@media all and (max-width:599px){
  .applyList > ul {margin:-10rem 0;}
  .applyList > ul > li {width:100%; margin:10rem 0;}
}

/*알리미*/
.alam {background:#FFFAF3;}
.alam .board_btn {margin-bottom:0;}
.alam .board_btn a:first-child {background:var(--p_color);}
.alam .agree_info {border-color:#f0dbba; background:#FFF7ED;}
.alam .agree_check {border:0;}
.alam .intro {display:flex; flex-direction:column; justify-content:center; text-align:center; padding:80rem 0 50rem;}
.alam .intro:before {content:''; display:block; width:170rem; height:160rem;  margin:0 auto; background:url('/design2025/birthsupport/img/sub/obj1.png') no-repeat center/contain; margin-bottom:50rem;}
.alam .intro .big {font-size:32rem; font-weight:600; font-family:'Paperlogy'; line-height:1.4;}
.alam .intro .small {font-size:20rem; font-family:'Paperlogy'; margin:10rem 0 15rem; color:#636363;}
.alam .setting dl {padding-bottom:50rem; border-bottom:2px dotted #F0DBBA;}
.alam .setting dl:last-child {margin-bottom:40rem;}
.alam .setting dt {margin:40rem 3rem 20rem; font-size:24rem; font-weight:700; line-height:1.4;}
.alam .setting dt span {color:#204ea4;}
.alam .setting .info {display:flex; flex-wrap:wrap; margin:-5rem;}
.alam .setting .info dt {width:100%;}
.alam .setting .info dd {flex:1 1 auto; padding:5rem;}
.alam .setting .input_text {width:100%; height:55rem; line-height:55rem; padding:20rem; background:#faf3eb; border:none; border-radius:10rem;}
.alam .setting dd > ul {display:flex; flex-wrap:wrap; margin:-5rem;}
.alam .setting dd > ul > li {position:relative; width:calc(20% - 10rem); margin:5rem; height:55rem; line-height:55rem; color:#555; font-weight:600;}
.alam .setting dd li label {display:block; width:100%; padding:0 0 0 50rem; background:#FAF3EB; border-radius:10rem; cursor:pointer;}
.alam .setting dd li input[type=checkbox],
.alam .setting dd li input[type=radio] {position:absolute; left:20rem; top:50%; transform:translateY(-50%); width:18rem; height:16rem; -moz-appearance:initial; margin:0;}
.alam .setting dd li input[type=checkbox]::after,
.alam .setting dd li input[type=radio]::after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#faf3eb url('/design2025/birthsupport/img/sub/icon2.png') no-repeat 0 0/200% auto; z-index:1;}
.alam .setting dd li input[type=checkbox]:checked + label,
.alam .setting dd li input[type=radio]:checked + label  {background-color:#1496F1; color:#fff;}
.alam .setting dd li input[type=checkbox]:checked::after,
.alam .setting dd li input[type=radio]:checked::after {background-color:#1496F1; background-position:100% 0;}
.alam .setting dd li input[type=checkbox]:checked + label span,
.alam .setting dd li input[type=radio]:checked + label span {color:#fff;}
.alam .check_date {display:flex; margin:25rem 0 80rem 2rem;}
.alam .check_date li {color:#7b5a2b; margin-right:25rem;}
.alam .check_date li span {display:inline-block; margin-right:10rem;}
.alam .check_date li span.tit {font-weight:500;}
@media all and (max-width:1640px){
	.alam .intro {padding:0 0 30rem;}
}
@media all and (max-width:1240px){
	.alam .setting dd > ul > li {width:calc(25% - 10rem);}
}
@media all and (max-width:1023px){
	.alam .setting dd > ul > li {width:calc(33.333% - 10rem);}
	.alam .check_date {flex-wrap:wrap;}
	.alam .check_date li {width:100%; margin:3rem 0 0 2rem;}
}
@media all and (max-width:599px){
	.alam .intro .big {font-size:28rem;}
	.alam .intro .small {font-size:18rem;}
	.alam .setting dd > ul > li {width:calc(50% - 10rem);}
	.alam .setting dd li label {font-size:16rem; padding:0 0 0 40rem;}
	.alam .setting dd li input[type=checkbox],
	.alam .setting dd li input[type=radio] {left:15rem;}
}
@media all and (max-width:321px){
	.alam .setting dd > ul > li {width:100%;}
}

/*행복지원시설*/
.facility_list .kind {justify-content: flex-start;}
.facility_list .kind span {color:#fff !important; font-size:15rem;}
.facility_list {border-top:2px solid #323232; margin-top:40px;}
.facility_list > ul > li {position:relative; border-bottom:1px solid #ddd;}
.facility_list .info {display:block; padding:var(--padding-35);}
.facility_list .info:hover .tit {text-decoration:underline;}
.facility_list .tit a {display:flex; align-items:center; margin:10rem 0 5rem; line-height:1.4; font-size:23rem; font-weight:700;}
.facility_list .tit a span {display:block; position:relative; width:24rem; height:24rem; text-indent:-9999rem; margin:-6rem 0 0 10rem;}
.facility_list .tit a span:before {content:''; position:absolute; top:50%; left:50%; width:40%; height:40%; border-top:2px solid #323232; border-right:2px solid #323232; text-indent:-9999rem; transform:translate(-50%, -50%) rotate(135deg);}
.facility_list .list {display:flex; flex-wrap:wrap; margin:0 -8rem;}
.facility_list .list > li {color:#4d4d4d; margin:5rem 10rem; display:flex;}
.facility_list .list > li > b {display:inline-block; margin-right:10rem; font-weight:600;}
.facility_list .list .add a {border:1px solid var(--p_color); color:var(--p_color); margin-left:10rem; padding:4rem 7rem; font-size:15rem;}
.facility_list .list .site a {display:block; color:#238ad2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:300rem;}
.facility_list .toggle_view {display:none; background:#f7f7f7; padding:var(--padding-35);}
.facility_list .toggle_view .flex {display:flex; justify-content:space-between; align-items: flex-start;}
.facility_list .toggle_view .flex > * {width:calc(50% - 20rem) !important;}
.facility_list .detail h5 {font-size:23rem !important;}
.facility_list .detail h5:first-of-type {margin-top:0 !important;}
@media all and (max-width:1240px){
	.facility_list .list {margin:0 0 0 1rem;}
	.facility_list .list > li {margin:5rem 0 0 0; width:100%;}
	.facility_list .toggle_view .flex {flex-wrap:wrap;}
	.facility_list .toggle_view .flex > * {width:100% !important;}
	.facility_list .map_style {margin-bottom:35rem;}
}
@media all and (max-width:599px){
	.facility_list .list {margin:10rem 0 0 1rem;}
	.facility_list .list > li {margin:5rem 0 0 0;}
	.facility_list .list .add a {display:block; margin-left:2rem; margin-top:7rem; margin-bottom:10rem;max-width:80rem; padding-left:0; padding-right:0; text-align:center;}
}
.btn_more_wrap {margin:100rem 0 0 0; display:flex; justify-content:center;}
#btnMore {position:relative; width:100rem; height:100rem; text-indent:-9999rem; border-radius:50%; border:1px solid #949494;; background:#fff;}
#btnMore:before,
#btnMore:after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#949494;}
#btnMore:before {width:2px; height:30px;}
#btnMore:after {height:2px; width:30px;}
.facility_tab {display:flex; margin:-7rem;}
.facility_tab > li {width:33.333%; padding:7rem; position:relative;}
.facility_tab > li > a {display:block;}
.facility_tab > li > a > span {display:flex; align-items:center; justify-content:space-between; border:1px solid #ddd; border-radius:var(--border-radius-20); background:#f7f7f7; padding:15rem 25rem; font-family:'Paperlogy', '맑은 고딕', sans-serif; font-size:19rem; font-weight:500;}
.facility_tab > li > a > span:after {content:''; width:0; height:0; border-style:solid; border-width:8rem 7rem 0px 7rem; border-color: #c9c9c9 transparent transparent transparent;}
.facility_tab .tab_depth2 {display:none; border:1px solid #ddd; border-radius:var(--border-radius-20); background:#f7f7f7; margin-top:14rem; position:absolute; width:calc(100% - 14rem); z-index:100;}
.facility_tab .tab_depth2 > li > a {display:block; padding:13rem 25rem; border-bottom:1px solid #ddd; font-family:'Paperlogy', '맑은 고딕', sans-serif;}
.facility_tab .tab_depth2 > li:last-child > a {border-bottom:0 !important;}
/* on */
.facility_tab > li.on > a > span {background:#fbe97b; border-color:#ffdf5e; box-shadow:20rem 20rem 30rem rgba(0,0,0,0.17);}
.facility_tab > li.on > a > span:after {border-color: #7c764a transparent transparent transparent;}
.facility_tab > li.on .tab_depth2 {background:#fff0d9; border-color:#f0dbba; box-shadow:20rem 20rem 30rem rgba(0,0,0,0.17);}
.facility_tab > li.on .tab_depth2 > li > a {border-bottom:1px solid #f0dbba;}
.facility_tab > li.on .tab_depth2 > li.on > a {display:flex; justify-content:space-between; align-items:center; color:#573b10; font-weight:500; text-decoration:underline;}
.facility_tab > li.on .tab_depth2 > li.on > a:after {content:''; display:block; width:6rem; height:9rem; border-right:2px solid #573b10; border-bottom:2px solid #573b10; transform:rotate(45deg); margin-bottom:5rem; }
@media all and (max-width:1023px){
	.facility_tab > li > a > span {padding:15rem 20rem;}
	.facility_tab .tab_depth2 > li > a  {padding:13rem 20rem;}
}
@media all and (max-width:599px){
	.facility_tab {flex-wrap:wrap;}
	.facility_tab > li {width:50%;}
	.facility_tab > li > a > span {font-size:18rem; padding:13rem 15rem;}
	.facility_tab .tab_depth2 > li > a  {font-size:16rem; padding:11rem 15rem;}
}
@media all and (max-width:321px){
		.facility_tab > li {width:100%;}
}

/*본인인증*/
.confirm {max-width:500rem; margin:100rem auto;}
@media all and (max-width:599px){
	.confirm {max-width:calc(100% - 40rem); margin:60rem auto;}
}

/*구비서류*/
.form_guide .wrap {background:#fff; padding:50rem; width:768rem; border-radius:var(--border-radius-20); margin-top:100rem;}
.form_guide .tit {font-size:24px; font-weight:600; line-height:1.4; text-align:center;}
.form_guide .txt {text-align:center; margin:10rem 0 20rem; font-size:18rem;}
.form_guide .list {/*display:flex; flex-wrap:wrap; align-items:center; justify-content:center;*/ background:#ffefef; border-radius:10rem; padding:30rem; border:1px solid #ffd3d3; }
.form_guide .list li {font-weight:400; font-family:'Pretendard-gov'; text-align:left;}
@media all and (max-width:1023px){
	.form_guide .wrap {width:calc(100% - 60rem); padding:50rem 30rem;}
}
@media all and (max-width:360px){
	.form_guide .board_btn {flex-wrap:wrap;}
}