@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");
@import url("font.css");
@import url("member.css");

.flex_center {display:flex; justify-content:center; align-items:center;}

/* 게시판 목록 */
.board_list {border-top:#ddd 1px solid;}
.board_list th,
.board_list td {height:66px; text-align:center; border-bottom:#ddd 1px solid; text-align:center;}
.board_list th {font-size:18px; font-weight:600;}
.board_list td {font-size:17px; color:#525252;}
.board_list td.tal {position:relative; padding-left:20px;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list.notice_wrap td.tal {padding-left:60px;}
.board_list .lock .tal {background:url('/images/icon_lock.svg') no-repeat 0 50% / 20px;}
.board_list .re .tal a {padding-left:30px; background:url('/images/icon_re.svg') no-repeat 5px 50% / 20px;}
.board_list .notice td.tal:before {content:"공지"; position:absolute; top:50%; left:0; font-size:15px; color:#fff; font-weight:500; line-height:35px; height:35px; width:50px; text-align:center; background:#ef5c77; border-radius:10px; transform:translateY(-50%);}
.board_list .w1 {width:100px;}
.board_list .w2 {width:160px;}
.board_list .w3 {width:170px;}

.board_bottom {position:relative; margin-top:30px;}
.board_bottom .btn_abso {position:absolute; top:0; right:0; font-size:18px; color:#f6f6f6; font-weight:700; line-height:58px; height:62px; width:160px; text-align:center; background:var(--iden); border-radius:10px; border:var(--iden) 2px solid;}
.board_bottom .paging {display:flex; justify-content:center; gap:10px; padding:10px 0;}
.board_bottom .paging a {width:40px; height:40px; line-height:38px; text-align:center; font-size:17px; border:#fff 1px solid;}
.board_bottom .paging a.on {color:var(--iden); border-color:var(--iden);}
.board_bottom .paging .arrow {font-size:0;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}
.board_bottom .search_wrap {margin-top:50px; display:flex; justify-content:center; gap:10px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {height:40px; line-height:38px; font-size:16px;}
.board_bottom .search_wrap select.text {width:140px; padding:0 15px;}
.board_bottom .search_wrap input.text {width:300px;}
.board_bottom .search_wrap .btn {width:100px; border:#545454 1px solid; color:#545454; background:#fff; text-align:center;}

/* 비번입력 */
.password_area {border:#e1e1e1 1px solid; border-radius:20px; padding:60px 20px; text-align:center;}
.password_area i {display:block; width:100px; height:100px; background:var(--iden); mask:url('/images/icon_lock.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/images/icon_lock.svg') no-repeat 50% 50% / contain; margin:0 auto;}
.password_area strong {display:block; font-size:40px; line-height:1; margin:30px 0;}
.password_area p {font-size:18px; color:#777; line-height:27px; margin-bottom:40px;}
.password_area .inputs {width:400px; max-width:100%; margin:0 auto; text-align:center;}
.password_area .inputs * {height:50px; border-radius:5px;}
.password_area .btns_tac .btn {width:calc(50% - 5px); line-height:48px; height:50px; font-weight:700;}
.btns_tac {display:flex; justify-content:center; gap:10px; margin-top:10px;}
.btns_tac.mt {margin-top:60px;}
.btns_tac.mt4 {margin-top:40px;}
.btns_tac .btn {width:150px; line-height:54px; height:55px; font-size:16px; color:#222; background:#22272f; border:#22272f 1px solid; text-align:center;}
.btns_tac .btn_l {color:#777; background:#fff; border-color:#e1e1e1;}
.btns_tac .btn_iden {font-size:18px; line-height:60px; height:60px; width:160px; border-radius:10px; background:var(--iden); border-color:var(--iden);}

/* 게시판 상세 */
.board_view {border-top:#273a58 2px solid;}
.board_view .tit {position:relative; font-size:30px; color:#022; font-weight:700; line-height:1.2; padding:35px 160px 35px 0; border-bottom:#ddd 1px solid;}
.board_view .tit .date {position:absolute; top:50%; right:0; font-size:16px; color:#999; font-weight:400; transform:translateY(-50%);}
.board_view .con {padding:60px 0; border-bottom:#ddd 1px solid;}
.board_view .file {display:flex; border-bottom:#ddd 1px solid; line-height:24px; padding:20px 0;}
.board_view .file dt {width:90px; font-size:17px; color:#222; font-weight:500;}
.board_view .file dd {width:calc(100% - 90px);}
.board_view .file dd a {display:block; font-size:16px; color:#666; font-weight:500;}

/* 게시판 쓰기 */
.board_write {border-top:#00abbd 2px solid;}
.board_write th,
.board_write td {border-bottom:#ddd 1px solid; font-size:18px; padding:15px;}
.board_write th {width:230px; background:#f5f5f5;}
.board_write td input.text,
.board_write td select.text {height:54px; }
.board_write td select.text {padding:0 15px;}
.board_write td .flex span {line-height:54px; text-align:center;}
.board_write td .tel span {width:30px;}
.board_write td .tel .text {width:calc((100% - 60px)/3);}
.board_write td .radios {gap:30px;}

label.check {position:relative; display:block; padding-left:32px; line-height:30px;}
label.check input {display:none;}
label.check i {position:absolute; top:5px; left:0; width:20px; height:20px; border:#ccc 1px solid;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:var(--iden); transform:translate(-50%,-50%); transition:.2s linear;}
label.check input:checked + i:before {width:14px; height:14px;}
.vertical_check label.check {margin-bottom:15px;}
.vertical_check label.check:last-child {margin-bottom:0;}
.vertical_check label.check strong,
.vertical_check label.check span {display:inline-block; vertical-align:top;}
.vertical_check label.check strong {width:82px; font-size:16px; color:var(--iden2);}
.vertical_check label.check span {font-size:14px; color:#777;}

.board_write .inbtn .btn {width:92px; height:50px; text-align:center; color:#fff; font-weight:600; background:#222;}
.board_write .tel .text {width:140px;}
.board_write .tel span {width:36px; line-height:50px; text-align:center;}
.board_write .flex + .flex {margin-top:10px;}
.board_write .yn {gap:28px; align-items:center;}
.board_write strong {color:#222; font-weight:600;}
.board_write .email span {width:32px; line-height:50px; text-align:center;}
.board_write .email .text {width:170px;}
.board_write .email select.text {margin-left:8px;}
.board_write .address {flex-wrap:wrap; gap:12px 0;}
.board_write .address .btn {color:#fff; font-weight:600; line-height:50px; width:130px; text-align:center; background:#222;}
.board_write textarea.text {height:160px;}

label.radio,
label.check {position:relative;}
label.radio input,
label.check input {display:none;}
label.radio i,
label.check i {position:absolute; top:50%; left:0; transform:translateY(-50%); transition:.2s linear;}
label.radio i:before,
label.check i:before {content:""; position:absolute; transition:.2s linear;}
label.radio {line-height:22px; padding-left:30px;}
label.radio i {width:22px; height:22px; border:#c9c9c9 1px solid; border-radius:50%;}
label.radio i:before {top:50%; left:50%; width:0; height:0; background:var(--iden); border-radius:50%; transform:translate(-50%,-50%);}
label.radio input:checked + i {border-color:var(--iden);}
label.radio input:checked + i:before {width:14px; height:14px;}
label.check {padding-left:40px; line-height:26px;}
label.check i {width:26px; height:26px; border-radius:5px; border:#c9c9c9 1px solid;}
label.check i:before {
  content:"";
  position:absolute;
  top:50%; left:50%;
  width:14px; height:10px;  /* 이미지 실제 크기에 맞춰서 조정 */
  background:url('/images/icon_check.png') no-repeat center center;
  background-size:contain;
  transform:translate(-50%,-50%);
}
label.check input:checked + i {background:var(--iden); border-color:var(--iden);}

.terms_area {margin-top:75px;}
.terms_area .tit {font-size:28px; color:#222; font-weight:700; line-height:1; margin-bottom:30px;}
.terms_area .tt {position:relative; font-size:19px; color:#222; font-weight:500; line-height:20px; margin-bottom:10px; padding-left:20px;}
.terms_area .tt:before {content:""; position:absolute; top:50%; left:0; width:8px; height:8px; background:#b9b9b9; border-radius:50%; transform:translateY(-50%);}
.terms_area .textarea {border:#ebebeb 1px solid; padding:20px;  height:140px; overflow:auto; font-size:13px; line-height:1.4; margin-bottom:20px;}
.terms_area .slice {margin:30px 0; width:100%; height:1px; background:#ebebeb;}
.btn_submit {display:block; font-size:24px; color:#fff; font-weight:700; line-height:74px; height:74px; width:280px; text-align:center; background:var(--iden); border-radius:40px; margin:70px auto 0;}



/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:50px 30px;}
.gall_list a {display:block; width:calc((100% - 60px)/3); text-align:center;}
.gall_list i {display:block; width:100%; aspect-ratio:223/150; overflow:hidden;}
.gall_list .tit {display:block; font-weight:700; height:26px; line-height:26px; margin:20px 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list p {font-size:14px; color:#525252; line-height:20px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; transition:.2s linear;}
.header .bg {position:absolute; top:0; left:0; width:100%; height:0; background:#fff; overflow:hidden; box-shadow:rgba(0,0,0,.1) 0 0 10px; transition:.2s linear;}
.header .bg:before,
.header .bg:after {content:""; position:absolute; }
.header .bg:before {top:100px; left:0; width:100%; height:1px; background:#ebebeb;}
.header .bg:after {bottom:40px; right:50%; margin-right:-676px; width:146px; height:148px; background:url('/images/bg_gnb.png') no-repeat 50% 50% / contain;}
.header .inner {position:relative; height:100px;}
.header .logo {position:absolute; top:0; left:20px; line-height:100px;}
.header .logo img {opacity:0; transition:.2s linear;}
.header .logo:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; mask:url('/images/logo.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/logo.png') no-repeat 50% 50% / contain; transition:.2s linear;}
.header h1 {display:none;}
.header .gnb {position:absolute; top:0; right:-25px;}
.header .gnb ul {display:flex;}
.header .gnb li {position:relative; text-align:center;}
.header .gnb li > a {position:relative; font-size:20px; color:#fff; font-weight:800; line-height:100px; padding:0 45px;}
.header .gnb li > a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:;}
.header .snb {position:absolute; top:100%; left:0; width:100%; padding:0; font-size:16px; line-height:38px; height:0; overflow:hidden; transition:.2s linear;}
.header .snb .smenu > a {display:block; color:#222; font-weight:500;}
.header .snb .smenu.on > a {color:var(--iden);}
.header .depth {padding-bottom:10px;}
.header .depth a {display:block; color:#949494; font-weight:300;}
.header .depth a.on {color:var(--iden);}

.header.fixed {background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header.fixed .logo img {opacity:1;}
.header.fixed .logo:before {opacity:0;}
.header.fixed .gnb li > a {color:#222;}

.header .mems {display:flex; gap:36px; position:absolute; top:5px; right:20px;}
.header .mems a {font-size:13px; color:#777; font-weight:500; line-height:25px; position:relative; background:#e1e1e1; padding:0px 20px; border-radius:20px;}
.header .mems a:before {content:""; position:absolute; top:50%; left:-18px; width:1px; height:10px; background:#e1e1e1; transform:translateY(-50%);}
.header .mems a:first-child:before {display:none;}


/* footer */
.footer {padding:56px 0 0; background:#252726;}
.footer .flex {justify-content:space-between; padding-bottom:45px; border-bottom:rgba(255,255,255,.21) 1px solid;}
.footer .logo {width:173px; height:46px; background:#949494; mask:url('/images/logo.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/logo.png') no-repeat 50% 50% / contain;}
.footer .info {width:100%; max-width:700px; display:flex; flex-wrap:wrap; gap:10px 40px; font-size:16px; color:#959595; line-height:22px; margin-top:25px;}
.footer .right {width:260px; font-size:16px; color:#c4c4c4; line-height:23px;}
.footer .tit {font-size:24px; color:#e0e8f2; font-weight:700; line-height:30px; display:flex; gap:25px; margin-bottom:20px;}
.footer .tit .more {font-size:15px; color:#898989; font-weight:400;}
.footer dl {display:flex; gap:20px;}
.footer dt {display:flex; justify-content:space-between; width:45px; font-weight:500;}
.footer dd {font-weight:700;}
.footer p {margin-top:10px;}
.footer .btm {padding:30px 0; font-size:16px; color:#959595; line-height:24px; display:flex; justify-content:space-between;}
.footer .links {display:flex; gap:40px; font-weight:600;}
.footer .links strong {color:#eee;}
.gotop {position:fixed; bottom:30px; right:30px; width:64px; height:64px; border-radius:50%; background:var(--iden) url('/images/gotop.png') no-repeat 50% 50%; font-size:0; z-index:30;}

/* main */
.mvisual_wrap {position:relative;}
.mvisual_wrap .mv_txt {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); margin-top:50px; z-index:1; pointer-events:none;}
.mvisual_wrap p {font-size:19px; color:#fff; opacity:.8; line-height:1; margin-bottom:10px;}
.mvisual_wrap strong {font-family:'STUNNING-Bd'; font-size:46px; color:#fff; font-weight:700; }
.mvisual > div {font-size:0;}
.mvisual img {height:628px; width:100%; object-fit:cover;}
.mvisual_wrap .slick-dots {position:absolute; bottom:25px; left:0; width:100%; display:flex; justify-content:center; gap:6px;}
.mvisual_wrap .slick-dots button {display:block; width:24px; height:6px; background:#fff; border-radius:3px; opacity:.8; font-size:0;}
.mvisual_wrap .slick-dots .slick-active button {opacity:1;}
.main_notice {margin:22px 0; background:#f5f5f5; border-radius:10px; display:flex;}
.main_notice .tit {position:relative; width:144px; font-size:18px; color:var(--iden); font-weight:700; line-height:64px; padding-left:60px; background:url('/images/icon_jong.png') no-repeat 18px 50%;}
.main_notice .tit:after {content:""; position:absolute; top:50%; right:0; width:1px; height:12px; background:#cbcbcb; transform:translateY(-50%);}
.main_notice .vertical_slide {position:relative; width:calc(100% - 144px); padding-right:115px;}
.main_notice .vertical_slide > div {font-size:0;}
.main_notice .vertical_slide a {position:relative; font-size:18px; color:#222; line-height:64px; padding:0 90px 0 20px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_notice .vertical_slide a p {position:absolute; top:0; right:0; font-size:16px; color:#929292;}
.slick-arrow {position:absolute; width:36px; height:36px; background:#fff no-repeat 50% 50%; border:#e2e2e2 1px solid; border-radius:50%; font-size:0;}
.slick-next {transform:rotate(180deg);}
.main_notice .slick-arrow {top:50%; background-image:url('/images/arrow_bottom.png'); margin-top:-18px;}
.main_notice .slick-prev {right:59px;}
.main_notice .slick-next {right:15px;}
.mcon {color:#222; padding-bottom:35px;}
.mcon .ibox {display:flex; gap:24px; margin-bottom:24px;}
.mcon .ibox a {width:calc((100% - 72px)/4); height:280px; border:#ebebeb 1px solid; border-radius:50px 0; padding:30px; text-align:center;}
.mcon .ibox i {display:block; width:84px; height:84px; border-radius:50%; margin:0 auto; background:#f5f5f5 no-repeat 50% 50%;}
.mcon .ibox strong {display:block; font-size:26px; line-height:30px; margin:30px 0 20px;}
.mcon .ibox p {font-size:16px; font-weight:300; line-height:22px;}
.mcon .ibox .i1 i {background-image:url('/images/icon_mcon01.png');}
.mcon .ibox .i2 i {background-image:url('/images/icon_mcon02.png');}
.mcon .ibox .i3 i {background-image:url('/images/icon_mcon03.png');}
.mcon .ibox .i4 i {background-image:url('/images/icon_mcon04.png');}
.mcon .linkbox {gap:24px;}
.mcon .linkbox .mgall {width:calc(50% - 12px); padding:30px 40px; border:#ebebeb 1px solid; border-radius:50px 0;}
.mcon .linkbox .tit {font-size:26px; font-weight:700; line-height:36px; margin-bottom:20px;}
.mcon .gall_slide {position:relative; margin:0 -7px;}
.mcon .gall_slide .slick-slide {padding:0 7px;}
.mcon .gall_slide .slick-slide > div {font-size:0; height:170px;}
.mcon .gall_slide .slick-slide > div a {width:100%; height:100%;}
.mcon .gall_slide .slick-slide img {width:100%; height:100%; object-fit:cover;}
.mcon .gall_slide .slick-arrow {top:-56px; background-image:url('/images/arrow_left.png');}
.mcon .gall_slide .slick-prev {right:51px;}
.mcon .gall_slide .slick-next {right:7px;}
.mcon .linkbox > a {width:calc((100% - 72px)/4); height:288px; border:#ebebeb 1px solid; border-radius:50px 0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.mcon .linkbox a strong {display:block; font-size:26px; line-height:36px;}
.mcon .linkbox a p {font-size:16px; font-weight:300; line-height:22px; margin:15px 0 35px;}
.mcon .linkbox a i {display:block; font-size:15px; color:#fff; font-weight:600; line-height:38px; height:38px; width:120px; background:var(--iden); border-radius:20px;}
.mcon .linkbox .i1 {background-image:url('/images/bg_mcon05.jpg');}
.mcon .linkbox .i2 {background-image:url('/images/bg_mcon06.jpg');}
.center_banner {background:#f5f5f5; padding:15px 0;}
.center_banner .slick-list {width: 100%; max-width:1132px; margin:0 auto;}
.center_banner .slick-slide {max-width:calc((100vw - 40px)/4);}
.center_banner .slick-slide > div {font-size:0; padding:0 11px;}
.center_banner a {border:#e1e1e1 1px solid; font-size:0;}

/* sub */
.svisual {padding-top:100px; height:466px; background:no-repeat 50% 50% / cover;}
.svisual.g01 {background-image:url('/images/svisual01_n2.jpg');}
.svisual.g02 {background-image:url('/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/images/svisual04.jpg');}
.svisual.g09 {background-image:url('/images/svisual09.jpg');}
.svisual.g10 {background-image:url('/images/svisual10.jpg');}
.svisual.g00 {background-image:url('/images/svisual10.jpg');}
.svisual .txt {height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#fff;}
.svisual .location {display:flex; line-height:20px; height:20px;}
.svisual .location i {width:16px; height:inherit; background:url('/images/icon_home.png') no-repeat 50% 50% / contain;}
.svisual .location em {width:26px; height:inherit; background:url('/images/arrow_location.png') no-repeat 50% 50%;}
.svisual span {font-size:16px; color:#fff; font-weight:300;}
.svisual h2 {display:block; font-size:46px; color:#fff; font-weight:900;  margin-top:10px;}
.aside {margin-top:-38px; margin-bottom:-38px;}
.aside .g,
.aside .s dt {display:none;}
.aside dd {display:flex; background:#fff; border-radius:20px 0; overflow:hidden; box-shadow:rgba(197,197,197,.27) 3px 3px 10px;}
.aside a {position:relative; display:block; flex:1 1 calc(100%/7); font-size:17px; font-weight:600; color:#222; line-height:24px; height:76px; text-align:center; display:flex; justify-content:center; align-items:center;}
.aside a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:30px; background:#e1e1e1; transform:translateY(-50%);}
.aside a:first-child:before {display:none;}
.aside a.on {color:#fff; background:var(--iden);}
.aside a.on:before,
.aside a.on + a:before {display:none;}

.container {padding:100px 20px; font-size:20px; color:#222; line-height:30px;}
.container .title {font-size:36px; color:#222; font-weight:700; text-align:center; margin-bottom:60px;}
.stit {font-size:32px; font-weight:700; line-height:36px; margin:100px 0 20px;}
.stit:first-child {margin-top:0;}

.jq_tab {display:flex; justify-content:center; gap:20px; margin-bottom:70px;}
.jq_tab a,
.jq_tab button {display:block; font-size:17px; color:#777; line-height:20px; height:64px; background:#f7f7f7; border:#f7f7f7 2px solid; width:182px; border-radius:32px; display:flex; justify-content:center; align-items:center; text-align:center;}
.jq_tab a.on,
.jq_tab .on button {color:var(--iden); border-color:var(--iden); background:#fff;}
.tbl table {border-top:var(--iden) 2px solid;}
.tbl th,
.tbl td {border:#e1e1e1 1px solid; border-top:0; line-height:26px; padding:15px; font-size:17px; text-align:center;}
.tbl th {background:#f5f5f5; }
.tbl td {color:#222;}
.tbl th:first-child,
.tbl td:first-child {border-left:0;}
.tbl th:last-child,
.tbl td:last-child {border-right:0;}
.tbl tfoot td {background:#ecf8fa; font-weight:700;}
.row_tbl th {width:390px;}
.row_tbl.th43 th {width:430px;}
.row_tbl.th20 th {width:200px;}
.row_tbl td {text-align:left;}
.th_lh th {line-height:1.2;}

.dots_list p {position:relative; font-size:18px; color:#222; line-height:32px; padding-left:14px;}
.dots_list p:before {content:""; position:absolute; top:14px; left:0; width:4px; height:4px; background:var(--iden); border-radius:50%;}
.dots_list.lh p {line-height:28px;}
.dots_list.lh p:before {top:12px;}
.dots_list.pmb p {margin-bottom:15px;}
.dots_list.pmb p:last-child {margin-bottom:0;}

/*이용약관*/
.yaks textarea { width:100%; height:500px; margin:0 auto; overflow:scroll; padding:20px; line-height:25px; border:1px solid #909090; font-size:17px; color:#666;}


/* (복) 양친사회복지회 */
.about_set i {display:block; border-radius:20px; overflow:hidden;}
.about_set p {color:#868686; line-height:1; text-align:center; margin-top:20px;}
.about {gap:50px;}
.about .img {width:44%;}
.about .img p {font-size:17px;}
.about .txt {width:calc(56% - 50px);}
.greeting {gap:50px;}
.greeting .txt {width:calc(100% - 285px);}
.greeting .tt {font-size:24px; line-height:34px; margin-bottom:30px;}
.greeting .img {width:235px;}
.greeting .img p {font-size:19px;}
.greeting .img strong {color:#222;}
.footprints {gap:50px;}
.footprints .txt {position:relative; width:calc(100% - 458px); padding:140px 0;}
.footprints .txt:before {content:""; position:absolute; top:0; left:140px; width:1px; height:100%; background:#ebebeb;}
.footprints .txt dl {display:flex; margin-bottom:130px;}
.footprints .txt dl:last-child {margin-bottom:0;}
.footprints .txt dt {width:140px; font-size:32px; color:#222; font-weight:700; line-height:1;}
.footprints .txt dd {width:calc(100% - 140px); padding-left:45px;}
.footprints .txt dd .box {position:relative;}
.footprints .txt dd .box:before,
.footprints .txt dd .box:after {content:""; position:absolute; background:var(--iden); border-radius:50%;}
.footprints .txt dd .box:before {top:7px; left:-52px; width:15px; height:15px; opacity:.21;}
.footprints .txt dd .box:after {top:9px; left:-50px; width:11px; height:11px;}
.footprints .txt dd .box .iden {font-size:26px; font-weight:700; line-height:30px; margin-bottom:20px;}
.footprints .txt dd .box p {font-size:18px; color:#222; line-height:27px;}
.footprints .img {width:408px;}
.footprints .img img {margin-bottom:30px; border-radius:20px;}
.footprints .img img:last-child {margin-bottom:0;}

/* 정성노인의집 */
.house .info {width:100%; background:url('/images/bg_s0102_n.jpg') no-repeat 50% 50% / cover; height:302px; border-radius:20px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; color:#fff; margin-bottom:50px; text-align:center;}
.house .info strong {font-size:50px; line-height:1;}
.house .info font {font-size:41px; font-weight:400;}
.house .info p {color:inherit;}
.dls {display:flex; border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; padding:35px 0; margin-bottom:60px;}
.dls dt {width:310px; font-size:32px; font-weight:700; line-height:36px;}
.dls dd {width:calc(100% - 310px); font-size:18px; color:#777; line-height:27px;}
.gbox {background:#f5f5f5; border-radius:20px;}
.wordbox {padding:70px 40px; width:900px; max-width:100%; margin:0 auto; text-align:center;}
.wordbox p {font-size:16px; color:#777; line-height:25px; padding-top:25px; border-top:#cacaca 1px solid; width:430px; max-width:100%; margin:35px auto 0;}
.wordbox .noto {font-size:0.9em;}

/* 조직도  */
.organization {position:relative;}
.organization:before {content:""; position:absolute; bottom:24px; left:50%; width:1px; height:calc(100% - 106px); background:#e1e1e1;}

.organization .ceo {position:relative; width:212px; aspect-ratio:1/1; border:#00599d12 15px solid; border-radius:50%; margin:0 auto; z-index:1; font-size:20px; color:#fff; font-weight:700; line-height:1; margin-bottom:60px;}
.organization .ceo span {display:block; width:100%; height:100%; border-radius:50%; border:#00599d45 15px solid;}
.organization .ceo span p {background:#00599d; width:100%; height:100%; flex-direction:column; gap:12px; border-radius:50%;}

.organization .boxs {position:relative; display:flex; gap:30px;}
.organization .boxs:before {content:""; position:absolute; left:50%; height:1px; background:#e1e1e1;}

.organization .boxs1 {justify-content:flex-end; margin-bottom:40px;}
.organization .boxs1:before {top:50%; width:50%;}

.organization .department3.center {margin:0 auto;}

.organization .boxs1 .box,
.organization .department {width:calc((100% - 120px)/5);}
.organization .boxs2 {padding-top:75px;}
.organization .boxs2:before {top:0; width:calc(100% - ((100% - 120px)/5)); transform:translateX(-50%);}

.organization .box {position:relative; padding:12px 8px; line-height:1.4; text-align:center; font-size:18px; border-radius:10px; z-index:1; height:auto; display:flex; align-items:center; justify-content:center;}
.organization .box:before {content:""; position:absolute; left:50%; width:1px; background:#e1e1e1;}

.organization .box.c1 {color:#fff; font-weight:700; background:#0073c2;}
.organization .box.c2 {color:#fff; font-weight:700; background:#3399e6; margin-bottom:20px;}
.organization .box.c2:before {top:-40px; height:40px;}
.organization .box.c3 {color:#494949; font-weight:500; background:#fff; border:#e1e1e1 1px solid;}
.organization .box.c3 + .c3 {margin-top:10px;}


/* 사무국장 칸을 팀 칸과 동일 폭 + 중앙 정렬 */
.organization .department3 {width:calc((100% - 120px)/5); margin:0 auto; display:flex; justify-content:center;}
/* 사무국장 색만 변경(예: 진한 블루) */
.organization .department3 .box.c2 {background:#1f6fb8;}
/* 팀 밑 회색 박스 높이 모두 동일하게 */
.organization .boxs2 {padding-top:40px; align-items:stretch;}
.organization .department {display:flex; flex-direction:column;}
.organization .department .box.c2 {margin-bottom:20px;}
.organization .department .box.c3 {flex:1; display:flex; align-items:center; justify-content:center;}

/* 사무국장 크기를 밑 팀 칸과 동일하게 */
.organization .department3 {
  display:flex; 
  justify-content:center; 
  width:100%; /* 폭 제한 없애고 flex로 가운데 */
}
.organization .department3 .box.c2 {
  flex:1; /* 간호/재활팀 등과 동일한 flex 비율 */
  max-width:calc((100% - 120px)/5); /* 박스 개수 5개 기준 */
  background:#1f6fb8; /* 사무국장 전용 색 */
}




/* 연혁 */
.history_wrap {padding-bottom:70px; border-bottom:#ebebeb 1px solid; margin-bottom:70px;}
.history_wrap > * {width:50%;}
.history_wrap .txt .tt {font-size:40px; line-height:46px;}
.history_wrap .txt p {position:relative; font-size:18px; color:#777; line-height:24px; padding-bottom:34px; margin:30px 0 70px;}
.history_wrap .txt p:after {content:""; position:absolute; bottom:0; left:0; width:60px; height:4px; background:#f5f5f5;}
.history_wrap .txt img {border-radius:20px;}
.history {position:relative;}
.history:before {content:""; position:absolute; top:10px; left:0; width:1px; height:calc(100% - 10px); background:#ddd;}
.history dl {position:relative; padding:0 0 55px 30px;}
.history dl:last-child {padding-bottom:0;}
.history dl:before,
.history dl:after {content:""; position:absolute; background:var(--iden); border-radius:50%;}
.history dl:before {top:2px; left:-13px; width:26px; height:26px; opacity:.2;}
.history dl:after {top:9px; left:-6px; width:12px; height:12px;}
.history dt {font-size:30px; color:var(--iden); font-weight:700; line-height:1;}
.history dd {border-bottom:rgba(0,0,0,.25) 1px dashed; padding:25px 0;}
.history dd p {position:relative; padding-left:50px; font-size:18px; color:#999; line-height:30px;}
.history dd strong {position:absolute; top:0; left:0; color:#333;}
.lr_area {display:flex;}
.lr_area .tit {width:310px; font-size:32px; font-weight:700; line-height:1.4;}
.lr_area .con {width:calc(100% - 310px);}
.lr_area + .lr_area {margin-top:50px;}
.lr_area_multi .lr_area {padding:50px 0; border-top:#ebebeb 1px solid; margin:0 !important;}
.lr_area_multi .lr_area:last-child {border-bottom:#ebebeb 1px solid;}

/* 법인의 정성 */
.spirit {display:flex; gap:24px;}
.spirit > * {width:calc(50% - 12px); border-radius:10px; overflow:hidden;}
.spirit .gbox {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.spirit p {font-size:24px; font-weight:500; line-height:34px;}
.spirit .deagwang {position:relative; font-size:40px; color:#7c7c7c; line-height:46px; padding-top:50px; margin-top:55px;}
.spirit .deagwang:before {content:""; position:absolute; top:0; left:50%; width:200px; height:1px; background:#d7d7d7; transform:translateX(-50%);}

/* 비전/미션 */
.vision_mission {border:#f5f5f5 4px solid; border-radius:20px; padding:30px;}
.vision_mission > p {position:relative; font-size:22px; line-height:54px;}
/*.vision_mission > p:after {content:""; position:absolute; top:50%; right:0; width:80px; height:80px; background:no-repeat 50% 50%; transform:translateY(-50%);}*/
/*.vision_mission.i1 > p:after {background-image:url('/images/icon_vision_mission01_n2.png');}*/
/*.vision_mission.i2 > p:after {background-image:url('/images/icon_vision_mission01_n2.png');}*/
.vision_mission .boxs {margin-top:50px; display:flex; gap:14px;}
.vision_mission .boxs li {width:calc(50% - 7px); background:#f5f5f5; border-radius:10px; padding:26px; text-align:center;}
.vision_mission .boxs strong {font-size:19px; line-height:35px;}
.vision_mission .boxs .iden {font-size:33px; display:block; margin-bottom:10px;}
.vision_mission .boxs .tac {display:flex; justify-content:center; margin-top:20px;}
.vision_mission .boxs .inbox {flex-direction:column; align-items:flex-start;}
.vision_mission .boxs .inbox p {position:relative; font-weight:700; font-size:24px; color:#00B7CC; line-height:45px; padding-left:12px; text-align:left;}
.vision_mission .boxs .inbox p:before {content:""; position:absolute; top:50%; left:0; width:6px; height:6px; background:#00B7CC; border-radius:50%; transform:translateY(-50%);}

/* 시설안내 */
.facility_guide .gbox {padding:45px 25px 35px; text-align:center; margin-bottom:40px;}
.facility_guide .gbox:last-child {margin-bottom:0;}
.facility_guide .tit {font-size:30px; font-weight:700; line-height:1;}
.facility_guide .gbox p {font-size:18px;}
.facility_guide .gbox > p {color:#777; margin:10px 0 30px;}

.facility_guide ul {display:flex; gap:20px; flex-wrap:wrap;}
.facility_guide li {width:calc((100% - 60px)/4); margin-bottom:0;}

.facility_guide li i {display:block; aspect-ratio:160/119; border-radius:10px; overflow:hidden;}
.facility_guide li i img {width:100%; height:100%; object-fit:cover;}
.facility_guide li p {margin-top:20px;}

.facility_guide li i img,
.facility_guide li i video {width:100%; height:100%; object-fit:cover; display:block;}

.facility_guide li {position:relative;}
.facility_guide li i {position:relative; display:block;}
.facility_guide li video {width:100%; height:auto; display:block;}
.facility_guide li .play_btn {
  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
  width:60px; height:60px; border-radius:50%;
  background:rgba(0,0,0,0.6); color:#fff; font-size:24px;
  display:flex; justify-content:center; align-items:center;
  border:none; cursor:pointer; z-index:2;
}

/* 찾아오시는 길 */
.map_area {position:relative; padding-bottom:110px; margin-bottom:140px;}
.root_daum_roughmap {max-width:100%;}
.map_area .txt {position:absolute; bottom:0; right:0; width:50%; height:220px; border-radius:0 50px; padding:0 80px; display:flex; flex-direction:column; justify-content:center; background:var(--iden); z-index:10; color:#fff;}
.map_area .txt .tit {font-size:29px; font-weight:700; line-height:1; margin-bottom:15px;}
.map_area .txt .address {display:flex; flex-wrap:wrap; gap:10px 40px;}
.map_area .txt dl {display:flex; gap:0 25px; font-size:17px;}
.map_area .txt dt {font-weight:700;}
.map_area .txt dd {font-weight:300;}
.movement .lr_area {padding-bottom:40px; border-bottom:#ebebeb 1px solid; margin-bottom:50px;}
.movement .lr_area:last-child {margin-bottom:0;}
.movement .con {font-size:18px; line-height:28px;}
.movement strong {display:block; margin-bottom:5px;}
.movement p {color:#222;}
.movement p + strong {margin-top:30px;}
.movement i {display:inline-block; vertical-align:top; width:20px; height:20px; background:#666 url('/images/arrow_step.png') no-repeat 50% 50%; border-radius:50%; margin:4px 5px;}

/* 입소안내 */
.admission_top {height:300px; margin-bottom:60px; padding:20px; color:#fff; line-height:1; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; background:url('/images/bg_admission_top.jpg') no-repeat 50% 50% / cover; border-radius:20px; text-align:center;}
.admission_top strong {font-size:50px;}
.bg_iden {font-size:19px; color:#fff; font-weight:600; line-height:30px; padding:15px; text-align:center; background:var(--iden); margin-bottom:10px;}
.admission_con .tt {font-size:22px; font-weight:700; line-height:1; margin-bottom:20px;}
.admission_con .tt ~ .tt {margin-top:75px;}
.admission_con .step {display:flex; gap:46px;}
.admission_con .step li {position:relative; width:calc((100% - 138px)/4); border-radius:10px; padding:30px; text-align:center; background:#f5f5f5;}
.admission_con .step li:before {content:""; position:absolute; top:0; left:-46px; width:46px; height:100%; background:url('/images/arrow_step2.png') no-repeat 50% 50%;}
.admission_con .step li:first-child:before {display:none;}
.admission_con .step li i {display:block; width:58px; height:58px; line-height:58px; background:#fff; border-radius:50%; text-align:center; font-size:23px; color:var(--iden); font-weight:700; margin:0 auto 20px;}
.admission_con .step li p {font-size:18px; font-weight:500; line-height:27px;}
.admission_con .step li:nth-child(3) {background:#e6f4f1;}
.admission_con .step li:nth-child(4) {background:var(--iden); color:#fff;}

/* 노인장기요양보험 */
.lr_area.ptb {padding:50px 0 70px; border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid;}
.isurance {display:flex; gap:26px; margin-top:40px;}
.isurance li {width:calc(50% - 13px); border:#e1e1e1 1px solid; border-radius:10px; padding:40px 35px 30px;}
.isurance .flex {justify-content:center; align-items:center; gap:15px;}
.isurance p {color:#777; line-height:1; padding-top:30px; border-top:#e1e1e1 1px solid; margin-top:35px; text-align:center;}

/* 서비스 */
.service {display:flex; flex-wrap:wrap;}
.service li {position:relative; width:50%; padding:50px 20px; text-align:center;}
.service i {display:block; width:96px; height:96px; border-radius:50%; background:var(--iden) no-repeat 50% 50%; margin:0 auto 40px;}
.service li.noitem:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/logo.png') no-repeat 50% 50%; opacity:.5;}
.service li:nth-child(1),
.service li:nth-child(4) {background-color:#f8fcfd;}
.service strong {display:block; font-size:26px; line-height:1; margin-bottom:15px;}
.service p {font-size:18px; color:#777; line-height:27px;}
.service b {display:block; font-size:15px; font-weight:600; line-height:21px; margin-top:10px;}
.service .i_a1 i {background-image:url('/images/icon_service_a01.png');}
.service .i_a2 i {background-image:url('/images/icon_service_a02.png');}
.service .i_a3 i {background-image:url('/images/icon_service_a03.png');}
.service .i_a4 i {background-image:url('/images/icon_service_a04.png');}
.service .i_b1 i {background-image:url('/images/icon_service_b01.png');}
.service .i_b2 i {background-image:url('/images/icon_service_b02.png');}
.service .i_b3 i {background-image:url('/images/icon_service_b03.png');}
.service .i_c1 i {background-image:url('/images/icon_service_c01.png');}
.service .i_c2 i {background-image:url('/images/icon_service_c02.png');}
.service .i_c3 i {background-image:url('/images/icon_service_c03.png');}
.service .i_d1 i {background-image:url('/images/icon_service_d01.png');}
.service .i_d2 i {background-image:url('/images/icon_service_d02.png');}
.service .i_d3 i {background-image:url('/images/icon_service_d03.png');}
.service .i_d4 i {background-image:url('/images/icon_service_d04.png');}

/* 주간 식단 */
.comingsoon {padding:30px; border:#eee 5px solid; text-align:center; border-radius:20px;}

/* 후원안내 */
.done_top {background-image:url('/images/bg_done_top.jpg');}
.done_wrap dl {display:flex; margin-bottom:16px; border:#e1e1e1 1px solid; border-radius:10px; padding:22px 0;}
.done_wrap dl:last-child {margin-bottom:0;}
.done_wrap dt {width:156px; padding-left:36px; color:var(--iden); font-weight:700;}
.done_wrap dd {position:relative; width:calc(100% - 156px); padding-left:15px;}
.done_wrap dd:before {content:""; position:absolute; top:50%; left:0; width:1px; height:40px; background:#e1e1e1; transform:translateY(-50%);}
.done_wrap .lr_area .con.s {font-size:18px;}
.done_wrap .lr_area .con.s p {color:#777;}
.done_wrap .lr_area .con.s p strong {color:#222;}
.done_wrap .lr_area .con.s .iden {display:block; margin-bottom:15px;}
.done_wrap .lr_area .con.s .iden ~ .iden {margin-top:25px;}

/* 후원신청 */
.terms_wrap {margin-top:70px; border:#e1e1e1 1px solid; border-radius:10px; padding:50px;}
.terms_wrap .tit {font-weight:700; text-align:center; margin-bottom:30px;}
.terms_wrap .flex_center {display:flex; justify-content:center;}
.terms_wrap .flex_center .box {display:flex; flex-direction:column; font-size:15px; color:#777; line-height:31px; max-width:100%;}
.terms_wrap .flex_center .box u {padding-left:14px;}
.terms_wrap .flex_center .flex {margin-top:45px; gap:25px;}
.terms_wrap .flex_center .flex .name {padding-left:40px;}
.terms_wrap .flex_center .flex input {border:0; border-bottom:#ccc 1px solid;}

/* 자원봉사활동 안내 */
.volunteer_list {display:flex; flex-wrap:wrap; gap:70px 28px; margin-bottom:140px;}
.volunteer_list li {width:calc((100% - 56px)/3);}
.volunteer_list i {display:block; border-radius:20px; overflow:hidden;}
.volunteer_list strong {display:block; font-size:25px; margin:20px 0 10px;}
.volunteer_list p,
.volunteer_area .con p,
.volunteer_btm p {font-size:18px; color:#777; line-height:27px; letter-spacing:-.5px;}
.volunteer_list p {font-weight:300;}
.volunteer_area {margin-bottom:100px;}
.volunteer_area ul {display:flex; gap:16px; margin-top:20px;}
.volunteer_area li {width:240px; height:106px; display:flex; justify-content:center; align-items:center; border:#e1e1e1 1px solid; border-radius:10px;}
.volunteer_btm .tt {font-size:25px; font-weight:700; margin-bottom:20px;}




.btns_tac {display:flex; justify-content:center; gap:12px; margin-top:45px;}
.btns_tac.mt {margin-top:60px;}
.btns_tac .btn {display:block; font-size:15px; color:#323232; font-weight:500; line-height:48px; height:50px; width:calc(50% - 6px); border-radius:5px; border:#323232 1px solid; text-align:center;}
.btns_tac .btn_b {width:235px; height:65px; line-height:63px; font-size:20px; border-radius:0;}
.btns_tac .btn_ol {color:#e69138; background:#fff; border-color:#e69138;border-radius: 5px;}
.btns_tac .btn_og {color:#fff; background:#e69138; border-color:#e69138;border-radius: 5px;}


.bg_gray {background:#f8f8f8;}
.wbox2 {background:#fff; border-radius:5px; width:1000px; max-width:100%; margin:0 auto; padding:60px;}
.ctit {font-size:31px; color:#111; font-weight:700; line-height:1; text-align:center;}
.ctit p {font-size:17px; color:#777; line-height:24px; margin-top:15px;}
.wbox2 .dls {padding:0 !important; margin-top:40px;}
.wbox2 .dls dl {padding:20px 0; border-bottom:#e1e1e1 1px solid; line-height:1;}
.wbox2 .dls dt,
.wbox2 .dls dd {font-size:16px;}
.wbox2 .dls dt {color:#939393; width:100px; padding-left:10px;}
.wbox2 .dls dd {color:#323232; width:calc(100% - 100px);}




.container .jq_tab {display:flex; justify-content:center; gap:16px; margin-bottom:34px;}
.container .jq_tab button {display:block; font-size:18px; color:#666; line-height:62px; height:62px; width:176px; text-align:center; background:#f5f5f5; border-radius:31px;}
.container .jq_tab .on button {color:#fff; font-weight:700; background:var(--iden);}

.title_area {text-align:center; margin-bottom:40px;}
.title_area .title {font-size:28px; font-weight:700; color:#222;}
.join_inputs {width:550px; max-width:100%; margin:0 auto;}
.btns_tac {display:flex; gap:16px; justify-content:center;}
.btn_half {flex:1; max-width:240px; padding:16px 0; background:var(--iden); color:#fff; text-align:center; font-weight:500; border-radius:6px;}


/* 비밀게시판 */
.login_notice {background:#f2f2f2; padding:100px 20px; text-align:center;}
.login_notice .msg {font-size:22px; color:#333; margin-bottom:40px; font-weight:400;}
.login_notice .msg strong {font-weight:700; color:#000;}
.login_notice .btn_login {
  display:inline-block; padding:16px 40px;
  font-size:18px; background:var(--iden); color:#fff;
  border-radius:6px; font-weight:600;
  border:2px solid var(--iden);
  transition:all .25s ease;
  box-shadow:inset 0 0 0 rgba(0,0,0,0);
}
.login_notice .btn_login:hover {
  background:#fff;
  color:var(--iden);
  box-shadow:inset 0 0 10px rgba(0,0,0,0.05);
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}