@charset "utf-8";
/* 공통 */
.subtit { font-size: 24px; font-weight: 700; line-height: 1.2em; color: #333; position: relative; padding-left: 47px;}
.subtit::before { content: ""; position: absolute; left: 0; width: 25px; height: 4px; background: #2c201d; top: 5px;} 

/* 인사말 */
.gt-img { margin-bottom: 115px; border-radius: 50px; overflow: hidden; position: relative;}
.gt-img .txtbox { position: absolute; border-radius: 30px; color: #fff; background: rgba(0,0,0,0.5); padding: 65px 50px;  max-width: 750px; width: 100%; right: 60px; bottom: -30px;}
.gt-img .txtbox .tit { font-size: 30px; font-weight: 700; line-height: 1.2em; margin-bottom: 12px;}
.gt-img .txtbox .txt { font-size: 20px; font-weight: 700; line-height: 1.5em; }
.gt-box { display: flex; }
.gt-left { width: 38%; padding-left: 60px;}
.gt-left .tit { font-size: 50px; line-height: 1.2em; color: #333; font-weight: 700; letter-spacing: .075em;}
.gt-logo { margin-top: 30px; font-family:'Noto Sans KR'; color: #000;}
.gt-logo p { line-height: 0.7em; font-size: 26px; font-weight: 700; letter-spacing: -.025em; }
.gt-logo span { display: inline-block; font-size: 11px; font-weight: 400; letter-spacing: 0.3em; line-height: 1em; padding-left: 3px;}
.gt-right { width: 62%;}
.gt-right p { font-size: 17px; font-weight: 400; letter-spacing: -.025em; line-height: 1.556em; color: #555; margin-bottom: 30px;}
.gt-right p:last-child { margin-bottom: 0;}

/* 시설현황 */
.st-img { border-radius: 50px; overflow: hidden; margin-bottom: 90px;}
.st-box { display: flex;}
.st-box>div { width: calc(100%/2);}
.st-ctt { margin-top: 40px; padding-left: 30px;}
.st-list { position: relative;}
.st-list::before { content: ""; position: absolute; left: 28px; height: 90%; top: 0; bottom: 0; margin: auto; width: 10px; background: #bcbcbc; z-index: -1;}
.st-list li { position: relative; display: flex; align-items: center; margin-bottom: 23px; gap: 27px;}
.st-list li:last-child { margin-bottom: 0; }
.st-list li .circle { width: 66px; height: 66px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #372b24; color: #fff; font-size: 26px; font-weight: 700; line-height: 1em; }
.st-list li .circle.clr1 { background: #7e6a58; }
.st-list li .txt { font-size: 17px; color: #555; line-height: 1.5em; font-weight: 300; flex: 1 1 auto; min-width: 0; width: 1%;}
.st-sec2 { padding-top: 140px; }
.st-imglist { margin-top: 35px; display: flex; flex-wrap: wrap; gap: 50px 40px;}
.st-imglist li { width: calc(100%/4 - 30px); text-align: center;}
.st-imglist li .tit { font-size: 17px; font-weight: 400; line-height: 1.2em; color: #555; margin-top: 15px; }

/* 오시는길 */
.mapbox { border-bottom: 1px solid #ddd; margin-bottom: 60px;}
.lctbox { display: flex; gap: 83px; margin-bottom: 120px;}
.lct-left { position: relative; }
.lct-left::after { content: ""; position: absolute; width: 1px; height: 90%; background: #ccc; right: -30px; top: 0; bottom: 0; margin: auto;}
.lct-left img { margin-top: 15px; margin-left: 47px;}
.lct-info li { position: relative; display: flex; align-items: center; gap: 15px; margin-bottom: 6px;}
.lct-info li:last-child { margin-bottom: 0;}
.lct-info li .circle { width: 100px; height: 30px; border-radius: 15px; display: flex; align-items: center; justify-content: center; color: #fff; background: #826e61; font-size: 17px; font-weight: 700; line-height: 1em; }
.lct-info li .txt { font-size: 17px; font-weight: 400; line-height: 1.2em; color: #555; flex: 1 1 auto; min-width: 0; width: 1%;}
.lct-info li .txt strong { display: block; font-weight: 700; }
.lct-info li .txt a { color: #c87100; text-decoration: underline; text-underline-position: under;}
.traffic-list { padding-left: 47px; display: flex; margin-top: 50px; gap: 75px;}
.traffic-list li { display: flex; align-items: center; gap: 35px;}
.traffic-list li .tit { font-size: 18px; font-weight: 700; line-height: 1em; color: #333; margin-bottom: 10px;}
.traffic-list li .txt { font-size: 17px; font-weight: 400; line-height: 1.2em; color: #555;}

/* sub2 공통 */
.sub2-box { padding: 55px 65px; background: #fef9f3; display: flex;}
.sub2-box .imgbox { width: 42%; border-radius: 30px; overflow: hidden;}
.sub2-box .txtbox { width: 58%; padding-left: 45px; padding-top: 20px;}
.sub2-box .txtbox .tit { line-height: 1.3em; font-size: 24px; font-weight: 700; color: #333; margin-bottom: 28px;}
.sub2-box .txtbox .txt { font-size: 17px; font-weight: 500; line-height: 1.666em; color: #555;}
.sub2-mg { margin-top: 80px; }
.sub2-iconlist { display: flex; margin-top: 90px; gap: 50px;}
.sub2-iconlist li { flex: 1; text-align: center; }
.sub2-iconlist li .tit { font-size: 20px; font-weight: 700; line-height: 1em; color: #333; margin: 20px 0 10px;}
.sub2-iconlist li .txt { font-size: 17px; font-weight: 400; line-height: 1.666em; color: #555;}

/* 생활도움프로그램 */
.life { padding-left: 47px; }
.life .tit { font-size: 20px; font-weight: 700; line-height: 1em; color: #333; margin-bottom: 20px;}
.life .tit.mg { margin-top: 55px;}
.life-box {display: flex; gap: 65px;}
.life-tbl-wrap { width: 63%;}
.life-tbl { width: 100%; border-collapse: collapse; text-align: center; }
.life-tbl tr { border-bottom: 1px solid #ddd; }
.life-tbl tr th { color: #fff; font-size: 17px; font-weight: 700; line-height: 1em; padding: 21px 5px;}
.life-tbl tr th:first-child { border-radius: 10px 0 0 10px ;}
.life-tbl tr th:last-child { border-radius: 0 10px 10px 0 ;}
.life-tbl.clr1 tr th { background: #372b24; }
.life-tbl.clr2 tr th { background: #826e61; }
.life-tbl tr td { padding: 20px 5px; border-right: 1px solid #ddd; font-size: 17px; font-weight: 300; color: #505050; line-height: 1.2em;}
.life-tbl tr td:last-child { border-right: none;}
.life-tbl tr td.fw { font-weight: 700;}
.life-img { width: 37%; border-radius: 30px; overflow: hidden;}

/* 재활치료프로그램 */
.heal-list { display: flex; flex-wrap: wrap; gap: 65px 0 ;}
.heal-list li { width: calc(100%/2); position: relative;}
.heal-list li .circle { width: 160px; height: 160px; overflow: hidden; border-radius: 100%; position: absolute; left: 0;}
.heal-list li .txtbox { padding-left: 195px; }
.heal-list li .txtbox .tit { font-size: 20px; font-weight: 700; line-height: 1em; color: #333; margin-bottom: 12px;}
.heal-list li .txtbox .txt { font-size: 17px; font-weight: 300; line-height: 1.666em; }

/* 간호지원프로그램 */
.nurse-list li .tit { white-space: nowrap;}

/* 정서지원프로그램 */
.mental-list { margin-top: 160px; display: flex; gap: 54px;}
.mental-list li { flex:1; text-align: center;}
.mental-list li .imgbox { border-radius: 30px; overflow: hidden;}
.mental-list li .tit { font-size: 20px; font-weight: 700; line-height: 1em; color: #333; margin: 25px 0 10px;}
.mental-list li .txt { font-size: 17px; font-weight: 400; line-height: 1.666em; color: #555;}

/* 영양관리프로그램 */
.nutri-box { margin-top: 20px; height: 600px; border-radius: 30px; overflow: hidden; position: relative; background: url(../images/sub/nutri-big2.jpg) center no-repeat; background-size: cover;}
.nutri-txtbox { height: 50%; position: absolute; width: 100%; bottom: 0; color: #fff; background: rgba(0,0,0,0.4); padding: 55px 70px;}
.nutri-txtbox .tit { font-size: 60px; line-height: 1em; font-weight: 700; font-family: 'GmarketSans'; margin-bottom: 30px;}
.nutri-txtbox .txt { font-size: 17px; font-weight: 700; line-height: 1.6em; }
.nutri-list { margin-top: 55px; margin-bottom: 50px; gap: 90px 0;}
.nutri-list li .circle { top: -15px;}

/* 프리미엄서비스 */
.pr-box { display: flex; margin-bottom: 70px;}
.pr-box:last-child { margin-bottom: 0;}
.pr-left { width: 50%; padding-right: 80px;}
.pr-right { width: 50%;}
.pr-left img { border-radius: 30px;}
.pr-right { padding-top: 35px;}
.pr-right .tit { font-size: 30px; font-weight: 700; line-height: 1em; margin-bottom: 20px; color: #333;}
.pr-right strong { font-size: 20px; font-weight: 700; display: block; line-height: 1.4em; color: #333; margin-bottom: 20px;}
.pr-right .txt { color: #555; font-size: 17px; line-height: 1.6em; font-weight: 500;}
.pr-fx { flex-direction: row-reverse;}
.pr-fx .pr-left { padding-right: 0; padding-left: 80px;}

/* 입소안내 */
.info-mg { margin-bottom: 105px; }
.info-mg:last-child { margin-bottom: 0; }
.info-list1 { margin-top: 35px; display: flex; gap: 40px;}
.info-list1 li { width: calc(100%/3 - 27px); padding: 50px; border: 1px solid #b4a695; border-radius: 16px; background: #fef9f3; display: flex; gap: 22px;}
.info-list1 li .num { font-size: 26px; font-weight: 700; color: #505050; }
.info-list1 li .txt { font-size: 17px; line-height: 1.6em; font-weight: 400; color: #505050;}
.info-list2 { margin-top: 35px; display: flex; margin-top: 60px;}
.info-list2 li { width: calc(100%/4); text-align: center; position: relative;}
.info-list2 li::after { content: ""; position: absolute; right: -25px; top: 30px; width: 33px; height: 33px; background: url(../images/sub/sub4-af.png) center no-repeat; background-size: contain;}
.info-list2 li:last-child::after { display: none;}
.info-list2 li .tit { font-size: 20px; font-weight: 700; line-height: 1em; margin: 20px 0 10px; color: #333;}
.info-list2 li .txt { font-size: 17px; font-weight: 400; line-height: 1.6em; color: #555;}
.info-txt { padding-left: 25px; margin-top: 30px;}
.info-txt li { position: relative; margin-bottom: 6px;}
.info-txt li:last-child { margin-bottom: 0;}
.info-txt li .num { position: absolute; left: 0; font-size: 17px; font-weight: 700; line-height: 1em; color: #826e61; top: 2px;}
.info-txt li .txt { padding-left: 20px; font-size: 17px; font-weight: 400; line-height: 1.2em; color: #555;}
.info-imgbox { height: 320px; border-radius: 16px; position: relative; padding: 70px 80px; color: #fff; background: url(../images/sub/contact-bg.jpg) center no-repeat; background-size: cover;}
.info-imgbox .tit { line-height: 1em; font-size: 28px; font-weight: 700; margin-bottom: 17px;}
.info-imgbox .clrtit { font-size: 20px; line-height: 1.3em; font-weight: 700; color: #eabd23; margin-bottom: 13px;}
.info-imgbox .txt { font-size: 17px; line-height: 1.6em; font-weight: 300;}
.info-contact { display: flex; align-items: center; justify-content: center; width: 200px; height: 60px; border-radius: 30px; background-color: #eabd23; font-weight: 700; font-size: 22px; font-weight: 700; line-height: 1em; padding-left: 30px; color: #fff; position: absolute; right: 100px; bottom: 60px;}
.info-contact::before { content: ""; position: absolute; left: 47px; top: 19px; width: 22px; height: 22px; background: url(../images/sub/contact-icon.png) center no-repeat; background-size: contain;}

/* 상담신청 */
.inquiry-wrap {display:flex;}
.inquiry-head {width:450px; padding:60px 70px 60px 0;}
.inquiry-head .head {margin-bottom:60px;}
.inquiry-head .head h3 {color:#242424; font-size:28px; line-height:1.33em; letter-spacing:-.03em; margin-bottom:15px;}
.inquiry-head .head p {color:#454545; line-height:1.625em; letter-spacing:-.03em;}
.inquiry-head .contact .item {display:flex; margin-bottom:17px;}
.inquiry-head .contact .item:last-child {margin-bottom:0;}
.inquiry-head .contact .item .ico {width:52px; margin-right:17px;}
.inquiry-head .contact .item dl {flex:1 1 auto; min-width:0; width:1%;}
.inquiry-head .contact .item dt {color:#686868; font-weight:600; line-height:1.33em; margin-bottom:2px;}
.inquiry-head .contact .item dd {color:#242424; font-size:1.250em; font-weight:600; line-height:1.33em;}
.inquiry-form {flex:1 1 auto; min-width:0; width:1%; background:#f9f9f9; padding:50px 40px;}
.inquiry-form .inner {background:#fff; padding:52px 80px 100px;}
.inquiry-form .ico-required {display:inline-block; vertical-align:middle; margin:-.3em 0 0 0; width:16px; height:14px; background:url("../images/sub/inquiry_required.png") 0 50% no-repeat; background-size:contain;}
.inquiry-form .group {margin-bottom:55px;}
.inquiry-form .group:last-child {margin-bottom: 0;}
.inquiry-form .title {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:25px;}
.inquiry-form .title h4 {color:#242424; font-size:1.125em; line-height:1.33em; letter-spacing:-.03em;}
.inquiry-form .title .required {color:#ababab; font-size:16px; line-height:1.33em;}
.inquiry-form .form {font-size:15px; line-height:1.5em; letter-spacing:-.03em;}
.inquiry-form .form .row {display:flex; flex-wrap:wrap; margin:-8px -15px;}
.inquiry-form .form .col {width:50%; padding:8px 12px;}
.inquiry-form .form .col.col-x2 {width:100%;}
.inquiry-form .form .col-fx {display: flex; gap: 24px;}
.inquiry-form .form .col-fx dl { width: 50%;}
.inquiry-form .form .col-fx select { color: #878787; font-size: 17px; font-weight: 300; }
.inquiry-form .form dt {margin-bottom:7px; font-weight:500; font-size: 17px; }
.inquiry-form .form .col .tit {margin-bottom:7px; font-weight:500; font-size: 17px; display: block;}
.inquiry-form .form .input {display:block; width:100%; height:40px; padding:5px 8px; font-size:14px; line-height:1.5em;}
.inquiry-form .form .input::placeholder { font-size: 16px; font-weight: 300;}
.inquiry-form .form select.input {padding-right:30px; background-size:10px auto; background-position:right 10px center;}
.inquiry-form .form textarea.input {height:100px;}
.inquiry-form .submit-area {display:flex; justify-content:space-between; align-items:flex-end; margin-top:25px;}
.inquiry-form .form-agree {margin:0;}
.inquiry-form .form-agree .check {text-align:left;}
.inquiry-form .btn-pack.dark {background:#000; border-color:#000;}

/* 주변관광지 */
.tour-list { margin-top: 100px;}
.tour-list2 { margin-top: 100px; gap: 40px;}
.tour-list2 li { text-align: left; }
.tour-list2 li .txtbox { padding: 25px;}
.tour-list2 li .txtbox .tit { margin-top: 0; font-size: 24px; color: #333;}

/* 자원봉사안내 */
.vol-tit { display: block; font-size: 20px; text-align: center; font-weight: 700; line-height: 1.3em; color: #333; margin-bottom: 100px;}
.vol-box { display: flex; margin-bottom: 140px;}
.vol-left { padding-right: 20px; width: 50%; border-radius: 30px; overflow: hidden;}
.vol-right { width: 50%; padding-left: 50px; padding-top: 30px;}
.vol-right .tit { font-size: 30px; font-weight: 700; line-height: 1em; color: #333; margin-bottom: 30px;}
.vol-list { padding-left: 15px;}
.vol-list li { font-size: 17px; font-weight: 700; line-height: 1.3em; color: #333; padding-left: 15px; position: relative; margin-bottom: 5px;}
.vol-list li:last-child { margin-bottom: 0;}
.vol-list li::before { content: ""; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 100%; background: #333;}
.vol-imglist { display: flex; }
.vol-imglist li { width: calc(100%/3); text-align: center;}
.vol-imglist li .tit { font-size: 20px; line-height: 1em; font-weight: 700; color: #333; margin: 20px 0 10px;}
.vol-imglist li .txt { line-height: 1.6em; font-size: 17px; font-weight: 400; color: #555;}