@charset "UTF-8";
select{border:0;}
.skip{overflow: hidden; font-size: 0;}
/* dot */
.dotBrd{font-size:var(--ft--25); padding-left:20px; padding-top:5px; margin-bottom:30px; position: relative; font-family: 'GmarketSans', sans-serif !important; }
.dotBrd::before{
    content:'';
    display: inline-block;
    width: 8px;
    height: 28px;
    background-color: #f1d900;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}
.dotYel-cir{position: relative; padding-left:15px;}
.dotYel-cir::before{
    content:'';
    display: inline-block;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50%;
    background-color: #f1d900;
    vertical-align: middle;
    margin-right:13px;
}

.dotYel-cirLg{position: relative; padding-left:26px;}
.dotYel-cirLg::before{
    content:'';
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #f1d900;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}

.dotRed-cir{position: relative; padding-left:10px;}
.dotRed-cir::before{
    content:'';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #EA1818;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}
.log-dot{position: relative; padding-left: 32px;}
.log-dot::before{
    content:'';
    display: block;
    width: 20px;
    height: 19px;
    background-image: url("../images/sub/logDot.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-right:8px;
    position: absolute;
    left:0;
    top:1px;
}
.step-line-left{position: relative;}
.step-line-left > li{position: relative;padding-left:24px; margin-bottom: 30px; color:#555; font-size: var(--ft--20);}
.step-line-left > li:last-child{font-weight: 700; color:#333;}
.step-line-left > li::before{
    content:'';
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 4px;
    border-radius: 50%;
    background-color: #FFD976;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}
.step-line-left > li:last-child::before{
    width: 15px;
    height: 15px;
    margin-left: 0px;
}
.step-line-left::before{
    content:"";
    display: inline-block;
    width: 1px;
    height: calc(100% - 20px);
    background-color: #F2F2F2;
    position: absolute;
    left:7px;
    top:10px;
}

.p-form__required--icon{position: relative; margin-left: 5px;}
.p-form__required--icon::before{
    content:'';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #EA1818;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}

.boxTp1{padding-top:45px;}
.boxTp2{
    border-radius: 40px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 14px 49px 0px rgba(197, 197, 197, 0.22);
    padding:45px 50px;
    font-size:var(--ft--20);
}
.boxTp2 >div{margin-bottom:50px;}
.dot-list{font-size:var(--ft--20);}
.dot-list li{margin-bottom:10px;}
.dot-list .tit{display: inline-block; padding:10px 25px; background-color:#393939; color:#fff; text-align: center; border-radius: 30px; font-weight: 700; margin-bottom:10px;}
.dot-list .tit.grey{background-color: #B3B3B3; color:#333; padding:5px 25px;}
.dot-list .tit.rmon{background-color:#FFEF95; color:#333; padding:5px 25px;}
.dot-list .desc{padding-bottom:10px; padding-left:10px;}

.dot-list2{font-size:var(--ft--20); padding-left:15px;}
.dot-list2 li{margin-bottom:20px;}
.dot-list2 .desc{margin-bottom:10px; padding-left:0 !important;}
.dot-list2 ul{padding-left:15px; padding-bottom:10px;}

.dot-list3{font-size:var(--ft--20);}
.dot-list3 >li{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom:15px;}
.dot-list3 >li .tit{font-weight: 700;}
.dot-list3 >li .desc p{margin-bottom:10px;}
/* input text _공통 */
input[type="text"],input[type="tel"],input[type="number"],input[type="password"]   {
    width: 256px;
    height: 46px;
    border: 1px solid #dcdcdc;;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding:10px;
}
input[type="tel"],input[type="number"]{width: 160px;}

/* textarea */
textarea{
    width: 100%;
    min-height: 105px;
    border: 1px solid #dcdcdc;;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding:10px;
}

/* radio _공통 */
.check-area-wrap{display: flex; align-items: center; justify-content: center; gap: 30px; padding:40px 0 48px; font-size:var(--ft--20); font-family:'Pretendard', sans-serif; font-weight: 700;}
.form-radio-input[type="radio"],
.p-form-radio__input[type="radio"]{
    width: 22px;
    height: 22px;
    border:2px solid #919191;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    margin-right: 5px;
}
.form-radio-input[type="radio"] ~ label,
.p-form-radio__input[type="radio"] ~ label{color:#959595;  vertical-align: middle;}
.form-radio-input:checked {
    background-color: #fff;
    border-color: #333;
}
.form-radio-input[type="radio"]:checked ~ label,
.p-form-radio__input[type="radio"]:checked ~ label{color:#333;}
.form-radio-input:checked[type="radio"],.p-form-radio__input:checked[type="radio"]{ background-image: url("../images/sub/checkboxIcon.png");}

/* input checkbox _공통 */
.form-checkbox-input[type="checkbox"]{
    width: 25px;
    height: 25px;
    border:2px solid #7F7F7F;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    position: relative;
    margin-right: 10px;
}

.form-checkbox-input ~ label{color:#333; font-family:'Pretendard', sans-serif; font-size:var(--ft--20); font-weight: 700; vertical-align: middle;}

.form-checkbox-input:checked[type=checkbox]:before{ 
    content:'';
    display: inline-block;
    width: 22px;
    height: 18px;
    background-image: url("../images/sub/checkedIcon01.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left:2px;
    top:0;
 }

/* select _공통 */
.form-select{
    width: 180px;
    height: 50px;
    border-radius: 10px;
    font-family:'Pretendard', sans-serif;
    font-size:var(--ft--20);
    padding:6px 20px 6px 14px;
    border:0;
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    background:url('../images/selectIcon01.png') no-repeat 92% 50%/15px auto;
    background-color: rgb(255, 255, 255);

}
/* table 공지사항 */
.bbs_list_cout{font-family:'Pretendard', sans-serif; font-size: var(--ft--22); margin-bottom:10px;}
.bbs_list_cout em{color:var(--col--yel); font-weight: 700;}
.bbs-table{width: 100%; font-family:'Pretendard', sans-serif; font-size: var(--ft--22); text-align: center;}
.bbs-table thead{border-top:2px solid #333; font-weight: 700;}
.bbs-table tr{ border-bottom: 1px solid #E8E8E8;}
.bbs-table th,.bbs-table td{padding: 20px 10px; vertical-align: middle;}
.bbs-table td.p-subject{ text-align: left; word-break: break-all }
.bbs-table td a{color:#333; display: inline;}
.p-icon{
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
/* 공지 */
.p-badge{display: inline-block; width: 70px; padding:5px 10px; text-align: center; font-weight: 700; background-color:var(--col--yel); border-radius: 30px;}
/* new */
.p-icon.p-icon__new{
    content: "n";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #DA1414;
    color: #fff;
    border-radius: 50%;
    margin-left: 10px;
    text-align: center;
    font-size: 17px;
    vertical-align: middle;
    box-sizing: border-box;
    text-indent: 0;
}
/* 파일 */
.p-icon.p-icon__file{
    width: 25px;
    height: 29px;
    background-image: url("../images/sub/fileIcon.png");
    vertical-align: middle;
}
/* table type1 */
.tblType1{width: 100%; font-family:'Pretendard', sans-serif; font-size:var(--ft--20);}
.tblType1 table{width: 100%; border-top:2px solid #333;}
.tblType1 th{width: 310px; background-color:#F2F2F2; font-weight: 700; text-align: center; border-bottom:1px solid #D9D9D9; }
.tblType1 td{border-bottom:1px solid #E6E6E6;}
.tblType1 th, .tblType1 td{padding:20px;}
.tblType1 .txt{display: inline-block; margin-top:6px;}

/* 공지사항 _ 검색 */
.srch-wrap{padding-bottom:40px;   }
.srch-wrap .srch-inner{display: flex; justify-content: center; align-items: center; gap: 5px; }
.srch-wrap .srch-select-box {
    width: 150px;
    height: 50px;
    padding:3px 10px 0;
    border:1px solid #E3E3E3;
    border-radius: 10px;
    font-size: var(--ft--20);
}
.srch-wrap .srch-select-box .srch-btn{width: 100%; height: 100%;  text-align: left;  }

.srch-wrap .srch-select-box ul{
    display: none;
    width: 100%;
    padding:10px;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    left:0;
    top:60px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(197, 197, 197, 0.2);
    font-size:1.8rem;
}
.srch-wrap .srch-select-box li a{display: block; color:#000; padding:8px 0; border-radius: 10px;} 
.srch-wrap .srch-select-box li a:hover,.srch-wrap .srch-select-box li a:focus{background-color:#FFEDCA; }
.srch-wrap  input{height: 50px; max-width: 500px; width: 100%; border:1px solid #E3E3E3; font-size: var(--ft--20); }
.srch-wrap .srch_submit{width: 150px; height: 50px; padding:5px 5px 0; font-weight: 700; font-family: 'GmarketSans', sans-serif; font-size: var(--ft--20); color:#fff; background-color: #393939; border-radius: 10px;}
.srch-wrap .srch_submit::before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 18px;
    background-image: url("../images/btnIcon08.png");
    background-repeat: no-repeat;
    padding-right: 10px;
    vertical-align: middle;

}
.srch-wrap .srch_submit:focus{outline-color:var(--col--yel);}

/* 공지사항_상세 */
.view-list-wrap{font-family:'Pretendard', sans-serif;}
.view-list-wrap h3{font-size: var(--ft--30); text-align: center; padding-top:70px; padding-bottom:60px;}

.list-head{width: 100%; text-align: left; font-size: 1.8rem;}
.list-head tbody{padding:10px 0 20px; display: table-cell;}
.list-head td{ padding:0 10px;}
.list-head th span{display: inline-block; padding-right:10px; position: relative;}
.list-head .cell-col th span:after{
    content:"";
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: #eaeaea;
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}

.list-head .cell-col{width: 100%;  border-bottom:1px solid #333;}
.list-head .cell-col tr{display: inline-table; }
.list-head .cell-col tr:not(:last-child){margin-right:30px }
.file-list{margin-bottom:10px;}
.file-name{display: inline-block; padding:10px; vertical-align: middle;}

.view-list-wrap .list-content{border-top:1px solid #EDEDED; padding:40px 0;}
.list-content .imgs{max-width: 570px; margin:0 auto 20px; border-radius: 20px; overflow: hidden;}
.list-content .desc{padding:40px 0; font-size: var(--ft--20); font-weight: 700; line-height: 1.6;}
/* 스마일 이모티콘 */
.smIcon{display: inline-block; position: relative; padding-right:50px;}
.smIcon:after{
    content:'';
    display: inline-block;
    width: 35px;
    height: 32px;
    background-image: url('../images/sub/checkedIcon02.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right:10px;
    top:50%;
    transform: translateY(-50%);
}

/* 말풍선 */
.bubbleBox{position: relative; display: flex; gap: 50px; flex-wrap: wrap;}
.yelBubble{
    position: relative;
    min-width: 240px;
    height: 90px;
    padding: 10px 10px 10px 30px;
    text-align: center;
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 20px;
    border: #f5c728 solid 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:30px;
}

.yelBubble:after{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 14px 18px 14px 0;
    border-color: transparent #ffffff;
    display: block;
    width: 0;
    z-index: 1;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
}

.yelBubble:before{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 19px 15px 0;
    border-color: transparent #f5c728;
    display: block;
    width: 0;
    z-index: 0;
    left: -21px;
    top: 50%;
    transform: translateY(-50%);
}

/* 체크아이콘 */
.chkIconTit{margin-bottom:95px; font-weight: 700; font-size:var(--ft--30); text-align: center;}
.chkIconTit::before{
    content:"";
    display: inline-block;
    width: 40px;
    height: 36px;
    background:url("../images/sub/chkIconTit.png") center no-repeat;
    vertical-align: middle;
    margin-right: 10px;;
}

/* 페이지 */
.p-pagination{padding-top:60px;}
.p-page{display: block;font-size: var(--ft--18);font-weight: 700;text-align: center; display: flex; align-items: center;justify-content: center}
.p-page >span{display:block;}
.p-page .p-page__control{border:0;}
.p-page__link{display: inline-block; border:0; letter-spacing: 0;}
.p-page__link:hover{background-color: transparent;}
.p-page .p-page__control .p-page__link{display: inline-block; width: 38px; height: 38px; border-radius: 50%;  background-color:#fff; box-shadow: 0px 11px 29px 0px rgba(197, 197, 197, 0.25); border:0; position: relative;}

.p-page .p-page__control .p-page__link::before{
    content:"";
    display: inline-block;
    width: 8px;
    height: 12px;
    position: absolute;
    left:50%;
    top:14px;
    transform: translateX(-50%); 

}
.p-page .p-page__control .p-page__link.prev::before{
    background: url("../images/sub/paginArrw01.png") no-repeat;
}
.p-page .p-page__control .p-page__link.prev-end::before{
    width: 16px;
    background: url("../images/sub/paginArrw01.png");
}
.p-page .p-page__control .p-page__link.next::before{
    background: url("../images/sub/paginArrw02.png") no-repeat;
}
.p-page .p-page__control .p-page__link.next-end::before{
    width: 16px;
    background: url("../images/sub/paginArrw02.png");
}
.p-page .p-page__control .p-page__link:hover,.p-page .p-page__control .p-page__link:focus{box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.25);}

.p-page__link-group{margin:0 10px;  position: relative; border: 0;}
.p-page__link-group .p-page__link{width: 14px;margin:0 15px;font-size: 18px;font-weight: 400;position: relative;text-align: center;}
.p-page__link-group .p-page__link.active,
.p-page__link-group .p-page__link:hover{background-color: transparent; color:var(--col--yel); border:0; font-weight: 600;}
.p-page__link.active:hover{background-color: transparent;}
.p-page__link-group .p-page__link.active:after{
    content:'';
    display: inline-block;
    width: 110%;
    height: 4px;
    border-radius: 20px;
    background-color:var(--col--yel);
    position: absolute;
    left:50%;
    bottom: -4px;
    transform: translateX(-50%);
}
/* 20240613 _추가 */
.p-page .p-page__control .p-page__link.prev-end,
.p-page .p-page__control .p-page__link.prev-one,
.p-page .p-page__control .p-page__link.next-end,
.p-page .p-page__control .p-page__link.next-one{display: none;}


/* 관리자 버튼 - 서브 _ex공지사항상세 */
.adm-wrap{width: 100%;  margin:30px 0; border-radius: 20px; font-size: 1.8rem; display: grid; grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.adm-btn-wrap{grid-area: 1 / 1 / 2 / 2; }
.delete_manage{grid-area: 1 / 2 / 2 / 3;}
.p-post-move{grid-area: 2 / 1 / 3 / 3; width: 100%;}

.p-button{padding:10px 20px 6px; border-radius: 10px; float: left;  margin-right:10px; margin-top: 10px; color:#333; border:1px solid transparent }
.p-button.edit{ background-color: #3265fe; color:#fff;}
.p-button.delete{background-color: #E5E5E5;}
.p-button.write{background-color: #fff; border:1px solid #e7e7e7;}
.p-button.info{background-color: #217346; color:#fff;}
/* 삭제 사유선택 */
#deleteResn{float: right; padding: 10px 10px 6px; border: 1px solid #E3E3E3;  border-radius: 10px;margin:0 10px; min-height: 35px;}
.delete[type="submit"]{float: right; background-color: #E5E5E5; border-color: transparent; padding: 10px 10px 6px;border-radius: 10px; font-family: 'GmarketSans', sans-serif;}

.p-post-move{display: flex; justify-content: space-between; padding:20px 0;}
.p-post-move a{color:#7c7c7c;}
/* 버튼공통 - 서브*/
.btn-wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; padding:50px 0; }
.btn-sub1{width: 100%; color:#fff; background-color: #323061; box-shadow: 0px 3px 35px 0px rgba(197, 197, 197, 0.3); padding:24px 0 20px; text-align: center; font-size:var(--ft--20); font-weight: 700; border-radius: 40px;  margin-top:30px;}
.btn-sub1:hover,.btn-sub1:focus{background-color: #fff; color:#333;}
.btn-wrap .btn-sub2{font-family: 'GmarketSans', sans-serif; font-size:var(--ft--20); font-weight: 700; box-shadow: 0px 15px 30px 0px rgba(197, 197, 197, 0.25); width: 250px; height: 80px; padding-top:5px; display: flex; justify-content: center; align-items: center; background-color:#fff; border-radius: 50px; border:1px solid transparent; position: relative; transition: transform 0.3s; color:#333;}
.btn-wrap .btn-sub2:hover,
.btn-wrap .btn-sub2:focus{ box-shadow: 0px 15px 30px 0px rgba(197, 197, 197, 0.45); transform: translateY(-5px);}
.btn-wrap .btn-sub2.yel{background-color: var(--col--yel);}
.btn-wrap .btn-sub2.yelLine{border-color:var(--col--yel); background-color:#fff; color:#333;}
.btn-wrap .btn-sub2.grey{background-color:#E5E5E5; color:#333;}

.btn-wrap .btn-sub2::before{
    content:'';
    display: inline-block;
    padding-right: 10px;
}
/* 목록 */
.btn-wrap .btn-sub2.list::before{
    width: 18px;
    height: 20px;
    background-image: url("../images/sub/btnIcon01.png");
    background-repeat: no-repeat;

}
/* 다음 */
.btn-wrap .btn-sub2.next::before{
    width: 16px;
    height: 20px;
    background-image: url("../images/sub/btnIcon02.png");
    background-repeat: no-repeat;

}
/* 신청하기 */
.btn-wrap .btn-sub2.apply::before{
    width: 16px;
    height: 20px;
    background-image: url("../images/sub/btnIcon03.png");
    background-repeat: no-repeat;

}
/* 신청하기2 */
.btn-wrap .btn-sub2.apply2::before{
    width: 27px;
    height: 28px;
    background-image: url("../images/sub/btnIcon10.png");
    background-repeat: no-repeat;
    margin-bottom:5px;

}
/* 신청현황 */
.btn-wrap .btn-sub2.aplStt::before{
    width: 20px;
    height: 23px;
    background-image: url("../images/sub/btnIcon04.png");
    background-repeat: no-repeat;
}
/* 수정하기 */
.btn-wrap .btn-sub2.modify::before{
    width: 14px;
    height: 21px;
    background-image: url("../images/sub/btnIcon05.png");
    background-repeat: no-repeat;
}
/* 확인 */
.btn-wrap .btn-sub2.cnfr::before{
    width: 19px;
    height: 14px;
    background-image: url("../images/sub/btnIcon06.png");
    background-repeat: no-repeat;
}
/* 취소 */
.btn-wrap .btn-sub2.cncl::before{
    width: 18px;
    height: 17px;
    background-image: url("../images/sub/btnIcon07.png");
    background-repeat: no-repeat;
}
/* 파일다운로드 */
.file-dw{display: inline-block; font-family: 'GmarketSans', sans-serif; font-size: 1.4rem; color:#fff !important; background-color: #333; padding:10px 15px 6px; border-radius: 10px;}
.file-dw::before{
    content:"";
    display: inline-block;
    width: 12px;
    height: 14px;
    background-image: url("../images/sub/btnIcon12.png");
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}
/* 네이버지도 */
.btn-wrap .btn-sub2.naver-map::before{
    width: 42px;
    height: 44px;
    background-image: url("../images/sub/navermap.png");
    background-repeat: no-repeat;
}
/* 카카오지도 */
.btn-wrap .btn-sub2.kakao-map::before{
    width: 22px;
    height: 30px;
    background-image: url("../images/sub/kakaomap.png");
    background-repeat: no-repeat;
}
.btn-wrap .btn-sub2:disabled{background-color:#ccc; color:#626262}
.btn-wrap .btn-sub2:disabled::before{
    filter: brightness(0) saturate(100%) invert(39%) sepia(13%) saturate(0%) hue-rotate(173deg) brightness(94%) contrast(89%);
}
/* url 링크 _  반려동물정보*/
.a-link{font-family:'Pretendard', sans-serif; background-color: #fff; font-weight: 700;  padding:15px 40px; border-radius: 16px; color:#333; font-size: 1.8rem; border:2px solid var(--col--yel); box-shadow: 0px 15px 30px 0px rgba(197, 197, 197, 0.3);}
/* 위치정보 버튼 */
.a-linkMap{
    font-family:'Pretendard', sans-serif;
    font-size: 1.8rem;
    color:#333;
    font-weight: 700;
}
.a-linkMap:after{
    content:"";
    display: inline-block;
    width: 56px;
    height: 36px;
    background-image: url("../images/sub/btnIcon11.png");
    background-repeat: no-repeat;
    margin-left:20px;
    vertical-align: middle;
}
/* map_imgs */
.map-imgs{width: 100%; max-height: 500px; border-radius: 20px; overflow: hidden; position: relative;}

.subHeader{font-family: 'GmarketSans', sans-serif;}
.subHeader .banner{height: 520px; background-position: center; display: flex; justify-content: center; align-items: center;}
.subHeader .subTit{ font-size:var(--ft--50); color:#fff; padding:25px 35px; position: relative; margin-top:120px;}
.subHeader .subTit::after{
    content:'';
    display: inline-block;
    width: 27px;
    height: 28px;
    background-image: url("../images/sub/subTitIcon.png");
    position: absolute;
    right:0;
    top:0;
}

.subContent{font-family: 'GmarketSans', sans-serif; padding-bottom:100px; position: relative;}

/* tab */
.tab-area{position: relative; min-height: 108px;}
.tab-area .tab{width: 100%; max-width: var(--mw--1400); margin:0 auto; background-color:#fff; border-radius: 30px; box-shadow: 0px 15px 38px 0px rgba(197, 197, 197, 0.45); position: absolute; left:50%; top:-50px; transform: translateX(-50%); font-weight: 400; font-size:var(--ft--20); overflow: hidden; z-index: 999;}
.tab-area .tab .mob-only{display: none;}

.tablist{display: block;}
.tablist ul{display: flex; justify-content: center; align-items: center; gap: 95px; padding:0 30px;}
.tablist .btn-tab{min-width: 120px; display: flex; justify-content: center; align-items: center;  padding:45px 0 30px; color:#6F6F6F;  border-bottom:7px solid transparent;}

.tablist li.active .btn-tab{color:#333; font-weight: 700; border-bottom:7px solid var(--col--yel); position: relative;}
.tablist li.active .btn-tab::after{
    content:'';
    display: inline-block;
    width: 11px;
    height: 6px;
    background-image: url("../images/sub/tabArrow.png");
    position: absolute;
    left:50%;
    top:83px;
    transform: translateX(-50%);
}

.tab-conts{max-width: var(--mw--1400); margin:0 auto;}
.tab-conts .tab-conts-tit{font-size:var(--ft--40); text-align: center; margin-bottom:80px;}
.tab-area::after{content:''; display: block; clear:both;}

/* sub-tab*/
.sub-tablist{padding:50px 0 80px; display: flex; justify-content: center; align-items: center; gap: 20px;}
.sub-tablist > li .btn-sub-tab{width: 250px; height: 80px; padding:5px 10px 0;  border:1px solid var(--col--yel); border-radius: 40px; font-size: var(--ft--22); font-weight: 700;  }
.sub-tablist > li.active .btn-sub-tab{background-color: var(--col--yel);}
.sub-tab-conts{display: none;}
.sub-tab-conts.active{display: block;}

/* .breadcrumb-wrap */
.breadcrumb-wrap{width: 100%; padding-bottom:70px;}
.breadcrumb-wrap .breadcrumb{display: flex; gap: 25px; justify-content: center; align-items: center;}
.breadcrumb-wrap .breadcrumb li{font-family:'Pretendard', sans-serif; font-size:1.8rem; color:#a5a5a5; font-weight: 500; position: relative;}
.breadcrumb-wrap .breadcrumb li:last-child{color:#333;}
.breadcrumb-wrap .breadcrumb li:not(:last-child)::after{
    content:'';
    display: inline-block;
    width: 7px;
    height: 11px;
    background-image: url('../images/sub/breadArrow.png');
    position: absolute;
    right:-16px;
    top:50%;
    transform: translateY(-50%);
}
/* step-wrap */
.step-wrap{display: flex; justify-content: center;  gap: 58px;  text-align: center; align-items: stretch; padding-bottom:95px;}
.step-wrap li{min-width: 204px; position: relative;}
.step-wrap .step-num{width: 60px; height: 60px; border-radius: 50%; background-color: #E2E2E2; font-size:var(--ft--25); padding-top:6px; display: flex; justify-content: center; align-items: center; font-weight: 700; margin:0 auto; position: relative; }
.step-wrap .step-lable{display: inline-block; padding:28px 0 22px; font-size:var(--ft--20); text-transform: capitalize; font-weight: 400; color:#626262;}
.step-wrap .step-tit{width: 100%; padding:18px 10px 13px; font-weight: 700; font-size:var(--ft--20); border-radius: 40px; border:1px solid var(--col--yel);     box-shadow: 0px 15px 30px 0px rgba(197, 197, 197, 0.2);
}

.step-wrap li.done .step-num{background-color: transparent; text-indent: -99999px;}
.step-wrap li.done .step-num::after{
    content:"";
    display: inline-block;
    width: 76px;
    height: 67px;
    background-image: url("../images/sub/stepIcon.png");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top:0;
}
.step-wrap li.done .step-lable{font-weight: 700; color:#333;}
.step-wrap li.done .step-tit{background-color: var(--col--yel);}
.step-wrap li:not(:last-child):after{
    content:"";
    display: inline-block;
    width: 15px;
    height: 26px;
    background-image: url("../images/sub/stepArrow.png");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -36px;
    top:16px;
}
.innerContent .pt-box{padding-bottom:50px;  font-family:'Pretendard', sans-serif; position: relative;}
/* 센터소개 */
.subHeader .banner.intrdCntr{background-image: url("../images/sub/intrdCntr.png");}
/* 진료/검진 */
.subHeader .banner.mdclChck{background-image: url("../images/sub/mdclChckBan.png");}
/* 예방접종 */
.subHeader .banner.vcntn{background-image: url("../images/sub/vcntnBan.jpg");}

/* 진료예약 */
.subHeader .banner.apntm{background-image: url("../images/sub/apntmBan.png");}
/* 열린마당 */
.subHeader .banner.ylnMdng{background-image: url("../images/sub/ylnMdngBan.png");}

/* accordion-box */
.accordion-item{width: 100%; border:3px solid transparent; border-radius: 20px; overflow: hidden; font-size: var(--ft--20); margin-bottom:20px; transition: border 0.8s;     box-shadow: 0px 20px 30px 0px rgba(197, 197, 197, 0.2);}
.accordion-item.active{border-color: var(--col--yel);}
.btn-accordion{display: flex; align-items: center; width: 100%;height: 100%; padding:32px 40px 28px; font-family: 'GmarketSans', sans-serif; font-weight: 700; text-align: left; position: relative; }
.btn-accordion:hover,.btn-accordion:focus{text-decoration: none !important;}
.btn-accordion::before{
    content:"Q";
    display: block;
    font-size: 30px;
    color:var(--col--yel);
    margin-right:20px;
   
}
.btn-accordion::after{
    content:"";
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url("../images/sub/accodionArrow.png") center center no-repeat;
    position: absolute;
    right:45px;
    top:50%;
    transform: translateY(-50%) rotate(180deg);
}
.btn-accordion.active::after{transform: translateY(-50%) rotate(0);}
.accordion-item .accordion-content{display: none; padding:0 40px;  overflow: hidden; background: url("../images/sub/accodionBg.png") right bottom no-repeat;}
.accordion-item .accordion-content:nth-child(1){display: block;}
.accordion-inner{min-height: 180px; padding:40px 125px 40px 30px;  border-top:1px dotted #E7E7E7;}
.accordion-inner .tit{font-weight: 700; padding-bottom:15px; padding-left:35px; padding-top:5px; position: relative; line-height: 1.4;}
.accordion-inner .tit::before{
    content:"";
    display: block;
    width: 15px;
    height: 100%;
    background: url("../images/sub/accodionTitIcon.png") left top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.accordion-inner .desc{margin-left:35px;}
.accordion-inner .desc > *{margin-bottom:10px;}


/**************************************** 공통 E ***********************************************/

/* 센터소개 _ 인사말 */
.s-tit{font-weight: 700; font-size: var(--ft--30); text-align: center; margin-bottom:60px;}
.s-tit span{display: inline-block; position: relative; z-index: 1;}
.s-tit span::before{
    content:"";
    display: inline-block;
    width: 100%;
    height: 60%;
    border-radius: 40px;
    background-color: var(--col--yel);
    opacity: 0.4;
    position: absolute;
    left:0;
    bottom:-3px;
    z-index: -1;
}
.s-img{width: 100%; height: 330px; margin-bottom:60px; position: relative; z-index: 19;}
.s-img .img-box{width: 100%; height: 100%;  background-image: url("../images/sub/intrdCntr1_01.jpg"); background-position: center center; background-repeat: no-repeat; border-radius: 30px;}
.s-img::before {
    content:"";
    display: block;
    background: rgb(255,250,232);
    background: linear-gradient(180deg, rgba(255,250,232,1) 0%, rgba(255,255,255,1) 100%);
    position: absolute;
    left: -268px;
    top: 180px;
    width: 1920px;
    height: 526px;
    z-index: -1;
}
.s-desc{
    font-size: var(--ft--20);
    line-height: 2;
    position: relative;
    z-index: 20;
    background-image: url("../images/sub/intrdCntr1_02.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 50px;
}

.s-desc::after{
    content:"WELCOME";
    display: inline-block;
    font-size:var(--ft--20);
    font-weight: 600;
    position: absolute;
    right:-40px;
    top: 90px;
    color:rgba(34, 34, 34,0.4);
    -moz-transform: matrix( 0,1,-1,0,0,0);
    -webkit-transform: matrix( 0,1,-1,0,0,0);
    -ms-transform: matrix( 0,1,-1,0,0,0);

}

  
  
.s-desc b{font-weight: 700;}
.s-sign{font-size: var(--ft--25);}
.s-sign >b{font-weight: 700;}
/* 센터소개-운영요일 및 시간 */
.oprtnDay_box{border-radius: 20px; overflow: hidden; font-weight: 700; font-size:var(--ft--25);box-shadow: 0px 20px 51px 0px rgba(130, 130, 130, 0.07);}

.oprtnDay_box .top{background-color:#FFDB96; padding:0 40px;}
.oprtnDay_box .top >ul{padding:20px 0;}
.oprtnDay_box .df-box{max-width: 1066px; width: 100%; margin:0 auto; display: flex; align-items: center; justify-content: space-between;}
.oprtnDay_box .df-box > li{width: 60px; height: 60px; padding-top: 6px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

.oprtnDay_box .bottom{padding:0 40px}
.oprtnDay_box .daily_skd{padding:40px 0; overflow: hidden; display: flex; align-items: center;}
.oprtnDay_box .daily_skd .tit{width: 127px;}
.oprtnDay_box .daily_skd .df-box{font-size:var(--ft--20); margin:0;}
.oprtnDay_box .daily_skd .day{background-color: #FFECC7;}
.oprtnDay_box .daily_skd .dayoff{background-color: #C53030; color:#fff;}

.oprtnDay_box .daily_skd.nightTime{border-top:1px dashed #E6E6E6}
.oprtnDay_box .daily_skd.nightTime .tit{color:#323061;}
.oprtnDay_box .daily_skd.nightTime .day{
    background-image: url("../images/sub/nightBg.png");
    background-position: center;
    background-repeat: no-repeat;
    color:#fff;
}
.oprtnNoti{font-weight: 700; font-size: var(--ft--20); padding-top:35px; text-align: center;}

.oprtnDay_desc{display: flex; gap: 40px; flex-wrap: wrap;}
.oprtnDay_desc > div {
    width: calc(50% - 20px);
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 51px 0px rgba(130, 130, 130, 0.15);
    display: flex;
    gap: 40px;
    padding:40px 40px 0 40px;
    overflow: hidden;
}
.oprtnDay_desc > div:nth-child(1) .imgs img{transform: translateY(38px);}
.oprtnDay_desc > div .tit{font-weight: 700; font-size: var(--ft--25);}
.oprtnDay_desc > div .desc{ font-family: 'Pretendard', sans-serif;padding-top:30px; padding-bottom:20px;}
.oprtnDay_desc > div li{font-size:1.8rem; margin-top:10px;}
.oprtnDay_desc > div li span{display: inline-block; font-weight: 700; }

/* 센터소개-찾아오시는길 */
#map{width: 100%; height: 500px; background-color:#9e9e9e; border-radius: 20px;}
.mapContent .map-icon{padding-top:30px; text-align: center; font-family: 'Pretendard', sans-serif; color:#ea1818; font-weight: 700;}
.mapContent .map-icon::before{
    content:"";
    display: inline-block;
    width: 15px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background: url("../images/sub/mapIcon.png") left center no-repeat;
}
.mapContent .location_info li{
    width: 100%;
    box-shadow: 0px 20px 51px 0px rgba(130, 130, 130, 0.1);
    border-radius: 20px;
    padding:30px 30px 30px 87px;
    overflow: hidden;
    margin-bottom:30px;
    display: flex;
    align-items: center;
    gap: 75px;
}
.mapContent .location_info .imgs{width: 150px;}
.mapContent .location_info .txt{font-family:'GmarketSans', sans-serif ; font-size: var(--ft--20); font-weight: 700;}
.mapContent .location_info .tit-label{width: 200px; border:2px solid var(--col--yel); padding:16px 15px 12px; text-align: center; border-radius: 40px;}
.mapContent .location_info .tit-txt{padding:28px 0;}
.mapContent .location_info .tit-txt span{display: inline-block; font-family: 'Pretendard', sans-serif; font-weight: 400; margin-top:10px;}
.mapContent .location_info .desc-label{font-family: 'Pretendard', sans-serif; font-weight: 400; overflow: hidden;}
.mapContent .location_info .desc-label p{padding:10px 20px; text-align: center; border-radius: 10px; float: left; margin-right: 10px; margin-top:10px;}
.mapContent .location_info .desc-label span{display: inline-block; padding:0px 7px; background-color: #fff; border-radius: 50%; color:#666;}
.mapContent .location_info .desc-label p:nth-child(1){background-color: #ABC5E4; }
.mapContent .location_info .desc-label p:nth-child(2){background-color: #E3D8EE;}
.mapContent .location_info .map-imgs{ width: 380px; height: 100%; border-radius: 30px;}

.mapContent .location_info .df_box{width: calc(100% - 150px); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
/* 센터소개 _ 시설안내 */
.fac-cont{max-width: var(--mw--1000); margin:0 auto;}
.fac-img-box{display: flex; align-items: center; gap: 30px;}
.fac-img-box .imgs{border-radius: 30px; height: 320px; overflow: hidden;}
.fac-img-box.n3 > div{width: calc(100% / 3);}
.fac-img-box.n3 .imgs{ height: 200px;}
.fac-img-box .imgs img{height: 100%; object-fit: cover;}
/* 예방접종 _ 항목안내 */
.vcntn-area .img_desc_lst .img_box{width: 400px; border-radius: 30px; overflow: hidden;  position: relative; z-index: 20;}

.vcntn-area .img_desc_lst > li{position: relative; padding-left:450px; padding-bottom: 120px; padding-top:40px; overflow: hidden;}
.vcntn-area .img_desc_lst .img_box{position: absolute; left:0; top:0; z-index: 21;}
.vcntn-area .img_desc_lst .txt_box {
    position: relative; z-index: 20;padding:35px 20px 25px; font-size:2.0rem;line-height: 1.5;
}
.vcntn-area .img_desc_lst .txt_box > li{ overflow: hidden;}
.vcntn-area .img_desc_lst .txt_box > li:not(:last-child){margin-bottom:30px;}
.vcntn-area .img_desc_lst .txt_box .tit{width: 110px; font-weight: 700; text-align:justify; margin-right: 10px; float: left;}
.vcntn-area .img_desc_lst .txt_box .tit:after{content:""; display:inline-block; width:100%;}
.vcntn-area .img_desc_lst .txt_box .desc{width: calc(100% - 120px); float: left;}
.vcntn-area .img_desc_lst .txt_box .desc >p{margin-bottom:10px}

.vcntn-area .img_desc_lst .txt_box:after{
    content:"";
    display: inline-block;
    width: 120%;
    min-height: 260px;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    border:1px solid #DCDCDC;
    border-radius: 30px;
    background-color: #fff;
    z-index: -1;
} 
/* 예방접종 _ 유의사항 */
.vcntn-bg{background-image: url("../images/sub/vcntnImg05.jpg"); background-position: right top; background-repeat: no-repeat;}
/*진료검진 _ 의료진소개  */
.dr_intro{margin-top: 150px; border-radius: 40px;  background-color: rgb(255, 255, 255); box-shadow: 0px 15px 51px 0px rgba(122, 122, 122, 0.07); padding:70px;position: relative; display: flex; justify-content: flex-end;}
.dr_intro.hnrryPssn{justify-content: space-between;}
.dr_intro .cont{width: 550px; position: relative;}
.dr_intro .tit{color:var(--col--yel); font-size: var(--ft--18);}
.dr_intro .dr_name{font-size: var(--ft--50); padding: 10px 0 40px;}
.dr_intro .dr_name > span{font-weight: 900; letter-spacing: 3px;}

.dr_intro::before{
    content:"";
    display: inline-block;
    width: 685px;
    height: 688px;
    background-image: url("../images/sub/dr_img02.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 100%;
    position: absolute;
    left:0;
    bottom:-150px;
}
.dr_intro.hnrryPssn::before{
    display: none;
}
.dr_intro::after{
    content:"";
    display: inline-block;
    width: 184px;
    height: 183px;
    background-image: url("../images/sub/dr_img01.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    right:70px;
    bottom:-42px;
    clear: both;
}
.cts10420 .tab-conts-wrap::before{
    content:"";
    display: inline-block;
    max-width: 1920px;
    width: 100%;
    min-height: 700px;
    background-image: url("../images/sub/dr_bg.png");
    background-position: left bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left:0;
    bottom:0;
}
/* 진료검진 _ 대상 및 항목 */
.dotted_b{border-bottom:2px dotted #E5E5E5;}
.mdcl_bgIcon{background-image: url("../images/sub/mdclChck2_01.png"); background-position: right top; background-repeat: no-repeat;}
.mdcl_list{display: flex; align-items: center; justify-content: space-between; padding-top:30px; gap: 10px;}
.mdcl_list li{ width: 650px;}
.mdcl_list .tit-box{
    float:left;
    width: 320px;
    height: 234px;
    border-radius: 30px;
    background-color: #F5F5F5;
    margin-right:40px;
    position: relative;
    font-size:var(--ft--20);
    padding:60px 40px;
    background-image: url("../images/sub/mdclChck2_02.png"); 
    background-position: 85% 85%;
    background-repeat: no-repeat;
}
.mdcl_list li:nth-child(2) .tit-box{background-image: url("../images/sub/mdclChck2_03.png");}
.mdcl_list .tit-box .num-b{width: 60px; height: 60px; border-radius: 50%; font-size: var(--ft--30); font-weight: 700; background-color: #FEE280; display:inline-flex; justify-content: center; align-items: center; position: absolute; top:-30px; left:40px;}
.mdcl_list .tit-box h5{font-size: var(--ft--25); line-height: 1.5; font-weight: 900;}
.mdcl_list .list-box{float:left; width: calc(100% - 360px); font-size:var(--ft--18);}
.mdcl_list .list-box > p{border-bottom:1px solid #E0E0E0;  padding:14px 0;}


/* 진료검진 _ 진료내용 */
.sub_visual{width: 100%; height: 300px; position: relative; z-index: 1;}
.sub_visual:after{
    content:"";
    display: block;
    max-width: 840px;
    width: 100%;
    height: 350px;
    background-color: #FFEF95;
    border-radius: 80px 0 0 80px;
    position: absolute;
    right:-260px;
    top:30px;
    z-index: -1;
    
}

.sub_visual .img_box{
    max-width: 1180px;
    width: 100%;
    height: 380px;
    background-image: url("../images/sub/mdclChckBg.png");
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    right:50%;
    top:0;
    transform: translateX(50%);
    background-size: 100%;

}
/* 진료검진 _ 진료비 */
.mdclChck4-con{padding-top:40px; display: flex; gap: 40px;}
.mdclChck4-list {width: calc(100% / 2 - 20px); border-radius: 30px; background-color: #F6F6F6; padding:40px 30px; font-size: var(--ft--20); font-weight: 700;     box-shadow: 6px 15px 37px 0px rgba(130, 130, 130, 0.27);}

.mdclChck4-list h4{font-weight: 700; font-size: var(--ft--25); margin-bottom:30px;  padding-left:62px; position: relative;}
.mdclChck4-list h4::before{
    content:"";
    display: inline-block;
    width: 52px;
    height: 42px;
    background-image: url("../images/sub/mdclChck2_02.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}
.mdclChck4-list:nth-child(2) h4::before{
    background-image: url("../images/sub/mdclChck2_03.png");
}
/* 20240621_수정 s */
.mdclChck4-list ul{padding-top:30px; border-top:1px solid #E8E8E8;}
.mdclChck4-list li{padding:0 30px; margin-bottom:30px; display: flex; justify-content: space-between;}
.mdclChck4-list li:not(.h-tit){align-items: center;}
.mdclChck4-list li > p:nth-child(2){width: 70px; height: 40px; text-align: center;}
.mdclChck4-list li:not(.h-tit) > p:nth-child(2){min-width: 80px; border-radius: 20px; display: flex; justify-content: center; align-items: center;}
.mdclChck4-list li:not(.h-tit) > .yel-bgc{background-color: #F5C728 !important;}
.mdclChck4-list .h-tit{font-size: var(--ft--22); font-weight: 700;}
.mdclChck4-list .h-tit p:nth-child(1){color:#6E43D9}
.mdclChck4-list .h-tit p:nth-child(2){color:#D2B200}

.mdclChck4-list .t-line2{background-color: #E7E7E7; border-radius: 20px; padding:20px 30px;}
.mdclChck4-list .t-line2-tit {width: 100%; display: flex; gap: 35px; align-items: center}
.mdclChck4-list .t-line2-tit > span{display: inline-block; min-width:130px;}
.mdclChck4-list .t-line2-tit > div >p {padding:8px 5px; min-width: 90px; border-radius: 40px; background-color: #fff; text-align: center; margin-bottom: 8px;}
.mdclChck4-list .t-line2-tit > div >p.bg-bk{background-color: #444; color:#fff;}
.mdclChck4-list .t-line2-tit > ul{width: calc(100% - 165px);}
.mdclChck4-list .t-line2-tit > ul > li{padding:0; display: flex; justify-content: space-between;}
.mdclChck4-list .t-line2-tit > ul > li >p{padding:8px 5px; min-width: 90px; border-radius: 40px; background-color: #fff; text-align: center; margin-bottom: 8px;}
.mdclChck4-list .t-line2 > p{display: flex; flex-direction: column;}
.mdclChck4-list .t-line2 > p > span{display: block;}
/* 20240621_수정 e */



/* 예약하기-신청자 정보 입력 */
.input-box{display: flex; justify-content: flex-start; align-items: center;  flex-wrap: wrap; gap: 30px;}
.input-2:not(:last-child),.p-form-radio{padding-right:30px;}
.input-3{ position: relative;}
.input-3:last-child{padding-right:0;}
.input-3:not(:last-child)::after{
    content:"-";
    display: inline-block;
    font-size:var(--ft--20);
    position: absolute;
    right:-30px;
    top:50%;
    transform: translateY(-50%);
    padding:0 10px;
}
/* 예약하기-신청자 정보 입력 _주소입력 */
.address-input div{max-width: 540px; margin-bottom:6px;}
.address-input input{width: 100%;}
.address-input .inputWbtn{display: flex; gap: 10px; justify-content: center;}
.address-input .inputWbtn input{width: calc(100% - 140px);}
.address-input .search-addr-btn{width: 130px; font-family:'GmarketSans', sans-serif ; font-size: var(--ft--18); font-weight: 700; text-align: center; background-color: #333; color:#fff; padding:15px 5px 10px; border-radius: 10px;;}
.address-input .search-addr-btn span{display: inline-block; }
.address-input .search-addr-btn span::before{
    content:"";
    display: inline-block;
    width: 18px;
    height: 17px;
    background: url('../images/sub/btnIcon08.png') no-repeat;
    vertical-align: middle;
    margin-right:8px;
    margin-bottom: 2px;
}

/* 예약확인 _ sub_cont_banner */
.sub_cont_banner{width: 100%; height: 200px; background-color:var(--col--ybg); padding:50px 60px; border-radius: 30px;}
.sub_cont_banner p{font-weight: 700; font-size:var(--ft--20); padding-bottom:10px;}
.sub_cont_banner.cnfrmRsrvt{
    background-image: url("../images/sub/subContBan01.png");
    background-repeat: no-repeat;
    background-position: 90% bottom;
}
/* 예약확인 _ 게시판  */
.cnfrmTblList{width: 100%; font-family:'Pretendard', sans-serif; font-size:var(--ft--20);}
.cnfrmTblList .headLine{width: 100%; border-top:2px solid #333; background-color:#fff; color:#333; font-weight: 700;}
.cnfrmTblList .tblList a{display: block; width: 100%; color:#333;}

.cnfrmTblList ul{width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #D9D9D9;}
.cnfrmTblList li{padding:20px 15px; text-align: center;}
.cnfrmTblList li span{display: inline-block;}
.cnfrmTblList li:nth-child(1){width: 8%;} /*번호*/
.cnfrmTblList li:nth-child(2){width: calc(100% - 44% - 130px);} /*분류*/
.cnfrmTblList li:nth-child(3){width: 18%;} /*신청일*/
.cnfrmTblList li:nth-child(4){width: 18%;} /*방문일*/
.cnfrmTblList li:nth-child(5){width: 130px;} /*신청상태*/

/* 신청완료 */
.cnfrmTblList .sttLbl.cmplt{background-color:#FFE690}
/* 대기예약 */
.cnfrmTblList .sttLbl.wtng{background-color:#BBB0F6}
/* 취소 */
.cnfrmTblList .sttLbl.cncl{background-color:#DDDDDD}

/* 주간진료 */
.cnfrmTblList .dayTit::before{
    content:'';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right:5px;
    background:url('../images/sub/dayIcon.png') left center no-repeat;
}
/* 야간진료 */
.cnfrmTblList .nigthTit::before{
    content:'';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right:5px;
    background:url('../images/sub/nightIcon.png') left center no-repeat;
}

.cnfrmTblList .sttLbl{display: inline-block; width: 100px;  padding:8px; text-align: center; font-size: var(--ft--18) ; font-weight: 700; border-radius: 10px; color:#333;}


/* 열린마당 _ 반려문화팀 사업안내 */
.project_infrm .df_box{display: flex; gap: 33px; flex-wrap: wrap;}
.project_infrm .df_box:not(:first-child){border-top:2px dotted #E5E5E5; padding-top:50px;}
.project_infrm .img_box{width: 447px;  overflow: hidden;}
.project_infrm .img_box img{border-radius: 30px;}
.project_infrm .img_alt {width: calc(100% - 480px); padding-top:30px;}
.project_infrm .img_alt .tit_label >p{
    font-family:'GmarketSans', sans-serif ; font-size: var(--ft--25); font-weight: 700; text-align: center; background-color: var(--col--yel); border-radius: 40px;  padding:5px 35px 5px 5px; 
    width: fit-content; display: flex; align-items: center; gap: 15px;
}
.project_infrm .img_alt .tit_label span{padding-top:6px;}
.project_infrm .img_alt .tit_label .w-num{width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background-color:#fff; border-radius: 50%; }

.project_infrm .img_alt .w-bubble{
    max-width: 640px;
    min-height: 153px;
    margin-top:40px;
    background-image: url("../images/sub/wbubbletail.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: relative;
}
.project_infrm .img_alt .w-bubble-inner{
    height: 132px;
    font-family:'Cafe24Ssurround',sans-serif;
    font-size: var(--ft--25);
    border-radius: 20px;
    padding:30px 45px 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;

}
.project_infrm .img_alt .w-bubble::after{
    content:'';
    display: inline-block;
    position: absolute;
    left:80%;
    top:-28px;
}
.project_infrm .img_alt .w-bubble.sm_Icon::after{
    width: 75px;
    height: 75px;
    background-image: url('../images/sub/checkedIcon02.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.project_infrm .img_alt .w-bubble.bu_Icon::after{
    width: 105px;
    height: 87px;
    background-image: url('../images/sub/bubbleIcon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.project_infrm dl{ font-family:'GmarketSans', sans-serif ; font-weight: 700; font-size: var(--ft--20);}
.project_infrm dt{margin:20px 0 10px; }
.project_infrm dt > span{display: inline-block; padding-top:3px;}
.project_infrm dd{padding-left:30px; padding-bottom: 15px; font-family:'Pretendard', sans-serif; line-height: 1.5;}
.project_infrm dd span{ font-weight: 400; }





/* 열린마당_반려동물정보 */
.petInfo_content h4 span{
    display: inline-block;
    position: relative;
    font-size: var(--ft--25);
    position: relative;
    font-family: 'GmarketSans', sans-serif !important;
}
.petInfo_content .icon1 span::after{
    content:"";
    display: inline-block;
    width: 68px;
    height: 53px;
    background:url("../images/sub/petInfoTitCon01.png") left center no-repeat;
    position: absolute;
    right: -80px;
    top: -24px;
}
.petInfo_content .icon2 span::after{
    content:"";
    display: inline-block;
    width: 60px;
    height: 54px;
    background:url("../images/sub/petInfoTitCon02.png") left center no-repeat;
    position: absolute;
    right: -75px;
    top: -24px;
}
.petInfo_content .icon3 span::before{
    content:"";
    display: inline-block;
    width: 40px;
    height: 40px;
    background:url("../images/sub/petInfoTitCon03.png") left center no-repeat;
   vertical-align: middle;
   margin-right: 10px;
}
.petInfo_content .desc{font-family:'Pretendard', sans-serif; font-weight: 700; font-size: var(--ft--20); }
.petInfo_content h5{font-size:var(--ft--22); display: flex; align-items: flex-end; font-family: 'GmarketSans', sans-serif; margin-bottom:25px; }
.petInfo_content .cir >span{display:block; width: 30px; height: 30px; border-radius: 50%; font-size:1.8rem; font-weight: 700; padding-top:5px; display: flex; justify-content: center; align-items: center; background-color:var(--col--yel); margin-right:12px; }
.petInfo_content .list-box{border-radius: 30px; box-shadow: 0px 20px 30px 0px rgba(197, 197, 197, 0.2); overflow: hidden;}

.petInfo_content .list-header{font-family: 'GmarketSans', sans-serif; font-weight: 700; font-size: var(--ft--20); background: rgb(255,222,109);
    background: linear-gradient(146deg, rgba(255,222,109,1) 0%, rgba(244,197,32,1) 100%); display: flex; align-items: center;}
.petInfo_content .list-header ul{width: 100%; display: flex; padding:20px 50px 13px;}
.petInfo_content .list-header .hd2{width: 50%;}
.petInfo_content .list-header li{width: 50%; overflow: hidden; text-align: center; text-align: center;}
.petInfo_content .list-header .hd2 li:nth-child(1){width: 30%;}
.petInfo_content .list-header .hd2 li:nth-child(2){width: 70%;}


.petInfo_content .list-body{display: flex; padding:40px 0;}
.petInfo_content .list-body ul{width: 50%; padding:0 50px; }
.petInfo_content .list-body ul:nth-child(1){border-right:1px dotted #e5e5e5;}

.petInfo_content .list-body li{width: 100%; overflow: hidden; display: flex; align-items: center; }
.petInfo_content .list-body li{margin-bottom:30px;}

.petInfo_content li > div:nth-child(1){width: calc(45% - 20px); margin-right: 20px; display: flex; align-items: center; gap: 15px;}
.petInfo_content li > div:nth-child(1) p{width: 62px; }
.petInfo_content li  > div:nth-child(2){width: 55%; font-weight: 400;}

.petInfo_content .list-type2{display: flex; flex-wrap: wrap; border-radius: 30px; overflow: hidden; box-shadow: 0px 20px 30px 0px rgba(197, 197, 197, 0.2);}
.petInfo_content .subTit{width: 100%; font-size: var(--ft--30); font-weight: 700; text-align: center; font-family: 'GmarketSans', sans-serif; padding:38px 0 24px; border-radius: 30px 30px 0 0 ; overflow: hidden;}

.petInfo_content .list-type2 >div{width: 50%;}
.list-type2 .list-top{font-family: 'GmarketSans', sans-serif; font-weight: 700; font-size: var(--ft--20); text-align: center;  background: rgb(255,222,109); padding:20px 50px 13px;}
.list-type2 .list-bottom{margin-top:40px; margin-bottom:40px; height: calc(100% - 137px); min-height: 110px;}
.list-type2 .list-bottom ul{
    padding-right:40px;
    padding-left:40px;
    height: 100%;
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
}
.list-type2 .list-bottom .df-box{height: 100%; display: flex; align-items: center; justify-content: center; }
.list-type2 .list-bottom li{margin-bottom:12px;}
.petInfo_content .list-type2 .list-bottom.bdr{border-right:1px dotted #e5e5e5;}
.list-type2 .list-bottom .list-desc{ font-size:var(--ft--18); }
.list-type2 .list-bottom .list-desc li{margin-bottom:30px; line-height: 1.5;}
.list-type2 .list-bottom .list-desc .tit{font-weight: 700; margin-bottom:10px; font-size:var(--ft--20); }
.list-type2 .list-bottom .list-desc span{display: block; padding-left:10px; margin-bottom:10px;}

/*---------------------------------- 반응형 ---------------------------------------------*/

@media screen and (max-width: 1400px) {
    .tablist ul{gap: 50px;}
    .step-wrap li{width: calc(100% / 4); min-width: auto;}
    .oprtnDay_box .top,
    .oprtnDay_box .bottom {padding:0 15px;}
    .oprtnDay_box .daily_skd{flex-direction: column; gap: 20px; align-items: flex-start;}
    .oprtnDay_box .daily_skd .df-box{margin:0 auto;}
    .oprtnDay_desc > div{width: 100%;}
    /* 의료진소개  */
    .dr_intro::before{width: 592px; height: 600px;}
}
@media screen and (max-width: 1240px) {
    .dr_intro.hnrryPssn{flex-direction: column; gap: 20px; align-items: center;}
    .dr_intro.hnrryPssn .hnrry_img{max-width: 548px;}
    .dr_intro.hnrryPssn .cont{width: 100%;}
    .dr_intro::before{width: 450px; height: 466px; bottom: 0;}
}
@media screen and (max-width: 1180px) {
    .sub_visual .img_box{
        width: 435px;
        height: 400px;
        background-image: url("../images/sub/mdclChckBg02.png");
        right:0;
        transform: translateX(0);
        top:-20px;
    }
    .mdcl_bgIcon{height: 515px; background-position: right bottom;}
    .mdcl_list{align-items: flex-start; gap: 50px;} 
    .mdcl_list li{width: 50%;}
    .mdcl_list .tit-box{float:none;}
    .mdcl_list .list-box{float:none; width: 320px;  padding-top:20px;  padding-left: 20px;}
}

@media screen and (max-width: 1024px){
    .list-head{font-size: 1.6rem;}
    .list-head th span {width: 68px;}
    .list-head .cell-col td{width: 150px;}

    .project_infrm .df_box{flex-direction: column; align-items: center;}
    .project_infrm .img_alt{width: 100%;}

    .petInfo_content .list-header{flex-direction: column;}
    .petInfo_content .list-header .hd2{width: 100%;}
    .petInfo_content .list-header .hd2:nth-child(2){display: none;}
    .petInfo_content .list-header .hd2 li:nth-child(1){width: 45%;}
    .petInfo_content .list-header .hd2 li:nth-child(2){width: 55%;}
    .petInfo_content .list-body{flex-direction: column;}
    .petInfo_content .list-body.type2{flex-direction:row}
    .petInfo_content .list-body .hd2{width: 100%;}
    .petInfo_content .list-body .hd2:nth-child(1){border-right:0;}
    /* 센터소개_ 시설안내 */
    .fac-img-box{flex-direction: column; }
    .fac-img-box .imgs{width: 100% !important;}
    .fac-img-box.n3{flex-direction: row;}
    /* 예방접종 _ 항목안내 */
    .vcntn-area .img_desc_lst > li{padding:0; padding-bottom:80px;}
    .vcntn-area .img_desc_lst .img_box{width: 320px; position: relative; float: left;}
    .vcntn-area .img_desc_lst .txt_box{width: calc(100% - 320px); float: left;}
    .vcntn-area .img_desc_lst .txt_box .tit{float: none;}
    .vcntn-area .img_desc_lst .txt_box .desc{float: none;width: 100%;  padding-left:25px;}

    /* 예약하기1 */
    .thumnail-box{flex-direction: column;}
    .thumnail_imgBox{width: 100%; height: auto; aspect-ratio: 1.2;}

    /* 의료진소개  */
    .dr_intro{justify-content: flex-start;}
    .dr_intro::before{display: none;}
}
@media screen and (max-width: 960px) {
    .tab-area .tab .mob-only{
        display: block;
        width: 100%;
        padding:30px 0 26px;
        text-align: center;
        background-image: url("../images/selectIcon01.png");
        background-repeat: no-repeat;
        background-position: 95% center;
        box-sizing: content-box;
    }
    
    .tablist{display: none;}
    
    .tablist ul{flex-direction: column; gap: 0; padding:20px 0;}
    .tablist li{width: 100%; padding: 0 10px;}
    .tablist .btn-tab{width: 100%; padding: 22px 10px 11px; border-radius: 20px;}
    
    .tablist li.active .btn-tab{border:none; color:#6F6F6F; font-weight: 400;}
    .tablist li.active .btn-tab::after{display: none;}
    .tablist .btn-tab:hover{background-color:var(--col--ybg); color:#333 !important;}

    /* sub-tab */
    .sub-tablist{gap: 10px; flex-wrap: wrap;}
    .sub-tablist > li .btn-sub-tab{width: 170px; height: 65px; font-size: 1.8rem;}

}
@media screen and (max-width: 760px) {
    .subHeader .banner {height: 380px;}
    .subHeader .subTit {margin-top:63px;}
    .sub_cont_banner{height: 300px; padding:30px 40px;}
    /* table 공지사항 */
    .bbs-table thead{display: none;}
    .bbs-table tbody{width: 100%; display: table-cell;}
    .bbs-table tbody tr{ display: block; width: 100%; border-top:2px solid #333; margin-bottom:40px;}
    .bbs-table tbody td{
        display: block; 
        text-align: left;
        overflow: hidden;
        border-bottom: 1px solid #E8E8E8;
        padding:20px;
    }
    .tblType1 th{width: 230px;}
    .cnfrmTblList li{padding:15px 5px;}

    .accordion-item .accordion-content{background-image: none;}
    .accordion-inner{padding:40px 25px 40px 30px;}

    .mapContent .location_info li{flex-wrap: wrap; gap: 25px; justify-content: center; }
    .mapContent .location_info .df_box{width: 100%; justify-content: center; gap: 0;}
    .mapContent .location_info .txt{text-align: center;}
    .mapContent .location_info .tit-label{margin:0 auto;}
    .mapContent .location_info li{padding:20px;}

    .petInfo_content .list-type2{flex-direction: column; gap: 20px; border-radius: 0; box-shadow: 0;}
    .petInfo_content .list-type2 .subTit{border-radius:30px}
    .petInfo_content .list-type2 >div{width: 100%; border-radius: 30px;     box-shadow: 0px 20px 30px 0px rgba(197, 197, 197, 0.2); overflow: hidden;}
    .list-type2 .list-top{    background: rgb(255, 222, 109);
        background: linear-gradient(146deg, rgba(255, 222, 109, 1) 0%, rgba(244, 197, 32, 1) 100%);}
    .list-type2 .list-bottom {margin-top: 30px;  margin-bottom: 30px; min-height: auto;}
    .list-type2 .list-bottom ul{padding:0 20px;}
    .petInfo_content .list-type2 .list-bottom.bdr{border:0;}

    .photo-wrap ul{gap: 30px;}
    
    /* 진료검진 _ 대상항목 */
    .mdcl_bgIcon{background-size: 300px;}
    .mdcl_list{flex-direction: column;}
    .mdcl_list li{width: 100%;}
    .mdcl_list .list-box{width: 100%;}
    /* 진료검진 _ 진료비 */
    .mdclChck4-con{flex-direction: column;}
    .mdclChck4-list{width: 100%;}
    /* 예방접종 _ 항목안내 */
    .vcntn-area .img_desc_lst > li {padding-bottom: 0;}
    .vcntn-area .img_desc_lst .img_box{float: none; margin-left: 20px;}
    .vcntn-area .img_desc_lst .txt_box{float: none;
        padding: 100px 20px 35px;
        width: 100%;
        border: 1px solid #DCDCDC;
        border-radius: 30px;
        background-color: #fff;
        transform: translateY(-80px);
    }
    .vcntn-area .img_desc_lst .txt_box .desc{font-size: 1.6rem;}
    .vcntn-area .img_desc_lst .txt_box:after{display: none;}
    .vcntn-bg{background-size: 55%;}

    .a-link.abs_rnt{position: static; margin-top: 20px;}

}
@media screen and (max-width: 670px) {
     /* sub-tab */
     .sub-tablist.layer3 > li{width: calc(100% / 2 - 5px);}
     .sub-tablist > li .btn-sub-tab{width: 100%; font-size: 1.6rem;}
    .step-wrap{flex-wrap: wrap; gap: 20px;}
    .step-wrap li{width: 204px; }
    .step-wrap .step-num{display: none;}
    .step-wrap li:not(:last-child):after{display: none;}

    .def-list ul {flex-wrap: wrap; gap: 10px;}

    .accordion-inner{ padding: 25px 0 25px 10px;}

    .list-head .row-col th,.list-head .row-col td{display: block;}
    .list-head .row-col th{margin-bottom:10px;}

    .dot-list3 >li{flex-direction: column;}
    .dot-list3 >li .desc{padding-left:16px;}

    .oprtnDay_desc .imgs{display: none;}

    .sub_visual .img_box {width: 311px; height: 286px; position: relative; left:50%; transform: translateX(-50%); }
    .sub_visual:after{height: 230px; margin-top: 36px;  right: 0; top: 0;}

    .petInfo_content .list-header ul{padding: 20px 35px 13px;}
    .petInfo_content .list-header .hd2 li:nth-child(1){width: 120px;}
    .petInfo_content .list-header .hd2 li:nth-child(2){width: calc(100% - 130px);}
    .petInfo_content .list-body .hd2{padding:0 35px;}
    .petInfo_content .hd2 li > div:nth-child(1){width: 130px; flex-direction: column;}
    .petInfo_content .hd2 li > div:nth-child(2){width: calc(100% - 130px);}

    /* view-slide-wrap */
    .view-slide-wrap .main-slider {padding: 30px;}
    .view-slider-arrwo button{width: 50px; height: 50px;}
    .view-slider-arrwo .prevArrow {left:5px;}
    .view-slider-arrwo .nextArrow {right:5px;}
    /* 진료검진 _의료진소개*/
    .dr_intro{padding: 40px 40px 130px;}
    /* 센터소개_ 시설안내 */
    .fac-img-box .imgs,.fac-img-box.n3 .imgs{height:auto; aspect-ratio: 1.5;}
    .fac-img-box.n3{flex-direction: column;}
    .fac-img-box.n3 > div{width: 100%;}

}
@media screen and (max-width: 480px) {
    .tab-conts .tab-conts-tit{margin-bottom:64px}
    .step-wrap {padding-bottom:70px;}
    .step-wrap li{width: 100%;}
    .step-wrap li > div{display: flex; gap: 10px; align-items: center; justify-content: center;}
    .step-wrap .step-lable{padding:0;}
    .step-wrap .step-tit {width: 160px; }

    .btn-wrap .btn-sub2 {width: 200px; height: 65px;}

    .input-box { flex-direction: column; gap: 6px;}
    .input-box p{width: 100%; text-align: center;}
    .input-3:not(:last-child)::after{position: static; transform: translateY(0);}
    input[type="text"], input[type="tel"], input[type="number"] ,input[type="password"] {width: 100%;}
    .tablist ul{ justify-content: space-around; gap: 0;}
    .tblType1 tr{display: flex; flex-direction: column;}
    .tblType1 th,.tblType1 td{width: 100%; border-color: #E6E6E6;}

    .btn-accordion{padding: 32px 50px 28px 15px;}
    .btn-accordion::after{right: 25px;}
    
    .accordion-item .accordion-content{padding:0 15px;}
    .accordion-inner{  font-size: 1.6rem; min-height: auto;}
    .accordion-inner .tit{padding-left: 0;}
    .accordion-inner .tit::before{display: none;}
    .accordion-inner .desc{margin-left:0; font-size: 1.5rem;}
    
    .cnfrmTblList li:nth-child(1){width: 9%;}
    .cnfrmTblList li:nth-child(5){width: auto;}
    .cnfrmTblList .sttLbl{width: 100%;}

    .oprtnDay_box .df-box > li {width: 40px; height: 40px;font-size: 14px;}
    .cnfrmTblList li:nth-child(2){width: calc(100% - 36% - 130px);}
    .cnfrmTblList li:nth-child(4){display: none;}
    
    .project_infrm .img_box{width: 100%;}
    .project_infrm .img_alt .w-bubble-inner{padding:30px;}
    .project_infrm .img_alt .w-bubble::after{left:68%;}
    .project_infrm dd{padding-left:10px;}

    .photo-wrap ul li{flex:1 1 100%;}
    /* 진료검진 _ 대상항목 */
    .mdcl_bgIcon{height: 550px; margin-bottom:30px;}
    /* 진료검진 _진료비 */
    .mdclChck4-list .t-line2-tit{flex-direction: column; align-items: flex-start; gap: 20px;}
    .mdclChck4-list .t-line2-tit > ul{width: 100%;}
    /* 예방접종 _ 유의사항 */
    .vcntn-area .img_desc_lst .img_box {width: 260px;}
    .vcntn-bg{background-image: none;}

}


/* 20240612 _추가 예약하기 */
/* 진료타입선택 */
.participation_list { display: flex; gap: 40px; }
.participation_list .participation_item{width: calc(50% - 20px); padding:20px; border:1px solid #e7e7e7; border-radius: 20px;}
.participation_title{overflow: hidden; margin-bottom: 20px;}
.participation_label {
    display: block;
    width: 62px;
    height: 26px;
    background-color: #3f62c4;
    color: #fff;
    font-size: 1.4rem;
    line-height: 26px;
    text-align: center;
    border-radius: 40px;
    padding-top: 2px;
    float: left;
}
.participation_label.type2 {
    background-color: #f26522;
}
.participation_label.type3 {
    background-color: #676767;
}
.participation.list .participation_title a {
    display: block;
    color: #000;
    font-size: 1.8rem;
    float: left;
    padding: 5px 20px;
    margin:1px;
}
.participation.list .participation_title a:hover,
.participation.list .participation_title a :focus{text-decoration: underline; text-underline-offset: 4px;}
.participation_image{
    width: 227px;
    aspect-ratio: 1.2;
    float: left;
    overflow: hidden;
    border-radius: 20px;
}
.participation_image img{width: 100%; height: 100%; object-fit: cover;}
.participation_information{float: left; padding:20px;}
.participation_information li{margin-bottom: 12px; position: relative; padding-left:40px;}
.participation_information li > span{display: inline-block; width: 32px; font-weight: 700; margin-right: 10px; position: absolute; left: 0; top:0;}
@media screen and (max-width: 980px) {
    .program .participation.list .participation_title a{width: 100%; padding:10px 0;}
    .participation_image{width: 100%; max-width: 220px;}
    .participation_information{padding:20px 15px;}
}
@media screen and (max-width: 780px) {
    .participation_list{flex-direction: column;}
    .participation_list .participation_item{width: 100%;}
}
/* 예약상세보기 */
.participation_content {display: flex;  align-items: center; gap: 30px;}
.participation_gallery{width: 520px;  aspect-ratio: 1.4; border-radius: 20px; overflow: hidden;}
.gallery_item img{width: 100%;height: 100%; object-fit: cover;}
.participation_content .participation_info_item{font-size: var(--ft--20); padding-left: 130px; line-height: 36px; position: relative; margin-bottom: 15px;}
.participation_content .participation_info_subject{
    display: block;
    width: 114px;
    height: auto;
    background-color: #333;
    font-weight: 700;
    font-size: var(--ft--20);
    padding:4px 0 2px;
    color:#fff;
    text-align: center;
    border-radius: 40px;
    position: absolute;
    left:0;
    top:0;
}
.participation_content .participation_info_item .p-badge{width: 35px; height: 35px;  padding: 0px;}
.participation.view .btn-wrap{border-bottom:2px dotted #e7e7e7; margin-bottom: 64px;}
@media screen and (max-width: 1024px){
    .participation_content{flex-direction: column;}
}
@media screen and (max-width: 560px){
    .participation_gallery{width: 100%;}
}
/* 포토갤러리 */
.gallery_list {display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px; padding-bottom: 64px;}
.gallery_list .p-media{ width: calc(100% / 3 - 14px);   max-width: 453px; }
.gallery_list .p-media a{color:#333; font-size: var(--ft--20);  text-align: center; width: 100%;}
.gallery_list .p-media .photo{display: inline-block;width: 100%; height: auto;  aspect-ratio: 1.5; border-radius: 20px; overflow: hidden;}
.gallery_list .p-media .photo img{idth: 100%; height: 100%; object-fit: cover; transition: transform 0.5s;}
.gallery_list .p-media title{display: inline-block; font-family:'Pretendard', sans-serif; font-size: var(--ft--25); margin-top: 15px;}
@media (min-width: 1001px) {
    .gallery_list .p-media a:hover img,.gallery_list .p-media a:focus img{transform: scale(1.2);}

}
@media screen and (max-width: 760px){
    .gallery_list .p-media{width: calc(100% / 2 - 14px);}
}
@media screen and (max-width: 480px){
    .gallery_list .p-media{width: 100%;}
}
/* 포토갤러리 상세보기 */
.bbs_viewbox{font-family:'Pretendard', sans-serif;}
.bbs_viewbox .subjectbox {
    position: relative;
    padding: 45px 20px 41px;
    border: 1px solid #EBEBEB;
    border-radius: 30px;
    color: #191d2b;
    font-size: var(--ft--36);
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: center
}

.bbs_viewbox .subjectbox > span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.bbs_viewbox .sub_tit{font-weight: 700; font-size: var(--ft--30); text-align: center; color:#7C7C7C; padding-top: 50px;font-family:'Pretendard', sans-serif;}

.bbs_viewbox .fieldlistbox {
    position: relative;
    padding: 27px 3% 13px;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.fieldlistbox .field_item {
    display: inline-block;
    padding-right: 30px;
    vertical-align: top
}

.fieldlistbox .field_item:last-child {
    margin-right: 0;
    padding-right: 0
}
.fieldlistbox .field_item .title{
    display: inline-block;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    vertical-align: top;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.02em;
    vertical-align: top
}
.fieldlistbox .field_item .title:before {
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #dadce0;
    content: ''
}

.bbs_viewbox .fieldlistbox .field_item .text {
    display: inline-block;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    vertical-align: top
}
.photoslidebox{padding:50px;  border: 1px solid #EBEBEB; border-radius: 30px; position: relative;}
.photoslidebox .slide_list{max-width: 800px; width: 100%; max-height: 500px; aspect-ratio: 1.6; margin:0 auto; border-radius: 20px; overflow: hidden;}
.photoslidebox .slide_list div{height: 100%;}
.photoslidebox .coltrols .slick-arrow{width: 70px; height: 70px; border-radius: 50%; position: absolute; top:50%; transform: translateY(-50%); background-color: rgb(255, 255, 255); box-shadow: 2.828px 2.828px 17px 0px rgba(184, 184, 184, 0.35); line-height: 0; font-size: 0; z-index: 99;}
.photoslidebox .imgbox{aspect-ratio: 1.4;}

  
.photoslidebox .coltrols .prev{left:50px;}
.photoslidebox .coltrols .next{right:50px;}


.photoslidebox .coltrols .slick-arrow:before{
    content:"";
    display: inline-block;
    width: 13px;
    height: 22px;
    background-image: url("../images/sub/view_slider_prev.png");
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
.photoslidebox .coltrols .slick-arrow.next:before{
    background-image: url("../images/sub/view_slider_next.png");
    background-position: center center;
}
.photoslidebox .imgbox img{width: 100%; height: 100%; object-fit: cover;}

.navslidebox{padding:45px;}
.navslidebox .slide_nav{max-width: 826px; margin:0 auto;  mask-image: linear-gradient(to right, rgba(0,0,0,1) 90%,rgba(0,0,0,0) 100%);}
.navslidebox .slide_item{width: 100%; height: 100%;}
.navslidebox .navbtn{max-width: 140px; max-height: 120px; aspect-ratio: 1.3;  width: 100%; height: 100%; border-radius: 20px; background-position: center center; background-size: 100% 100%; font-size: 0; position: relative;}
.navslidebox .slick-current .navbtn::before{
    content:"";
    display: inline-block;
    width: 100%;
    height: 100%;
    border:3px solid var(--col--yel);
    position: absolute;
    left:0;
    top:0;
    box-sizing: border-box;
    border-radius: 16px;
    transition-duration: 200ms;
    transition-property: border-color;
    transition-timing-function: ease-in-out;
}

.navslidebox .page_count{text-align: center; font-size: 1.8rem; overflow: hidden; padding:30px 0; font-family:'Pretendard', sans-serif; color:#7A7A7A;font-weight: 700;}
.navslidebox .page_count .currentPage{color:var(--col--yel);}
.navslidebox .page_count .totalPage::before{
    content:"/";
    display: inline-block;
    margin-right: 3px;
}
.viewcontent .contenttext{line-height: 1.5; font-size: var(--ft--18); font-family:'Pretendard', sans-serif; font-weight: 700;}

.bbsmovebox {
    margin-top: 48px;
    border-top: 1px solid #898f9d;
    border-bottom: 1px solid #898f9d
}

.bbsmovebox .move_item {
    position: relative;
    padding: 23px 0 13px;
    border-bottom: 1px solid #dadce0
}

.bbsmovebox .move_item:last-child {
    border-bottom: none
}

.bbsmovebox .move_item .move_title {
    display: inline-block;
    width: 105px;
    margin-right: 15px;
    line-height: 0;
    text-align: center;
    vertical-align: top
}

.bbsmovebox .move_item .move_title em {
    display: inline-block;
    position: relative;
    color: #3a4159;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
    vertical-align: top
}

.bbsmovebox .move_item .move_text {
    display: inline-block;
    width: calc(100% - 265px);
    box-sizing: border-box
}

.bbsmovebox .move_item .move_text .move_link {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    color: #010101;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bbsmovebox .move_item .move_date {
    float: right;
    margin-right: 30px;
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

@media screen and (max-width: 960px) {
    .photoslidebox {padding: 30px;}
    .photoslidebox .coltrols .slick-arrow{width: 50px; height: 50px;}
    .photoslidebox .coltrols .prev {left: 10px;}
    .photoslidebox .coltrols .next {right: 10px;}

}