@charset "utf-8";

/* 서브페이지 타이틀 영역 */
.page-title-wrap {position:relative;}
.page-title-wrap .img-area {position:relative; width:100%; padding-top:25%;}
.page-title-wrap .img-area > img {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%);}
@media screen and (max-width:1399px){
	.page-title-wrap .img-area {padding-top:34%;}
	.page-title-wrap .img-area > img {width:unset; max-width:unset; height:100%;}
}
@media screen and (max-width:767px){
	.page-title-wrap .img-area {padding-top:71.0526%;}
}

/* 이미지 컨턴츠 */
.sect-sub-img .img-area {width:100%; max-width:1920px; margin:0 auto;}
.category-img-area {margin-top:100px;}
.category-img-area + .category-img-area {margin-top:unset;}
@media screen and (max-width:1399px){
	.sect-sub-img .img-area {width:138%; max-width:unset; margin:0 -19%;}
	.category-img-area .img-area {width:138%; margin:0 -19%;}
}
@media screen and (max-width:1023px){
	.sect-sub-img .img-area {width:136%; margin:0 -18%;}
	.category-img-area .img-area {width:136%; margin:0 -18%;}
}
@media screen and (max-width:767px){
	.sect-sub-img .img-area {width:100%; margin:0 auto;}
	.category-img-area .img-area {width:100%; margin:0 auto;}
}

/* 병원 소개 > 인사말 */
.sect-about-brand01 .inner {padding-top:145px;}
@media screen and (max-width:767px){
	.sect-about-brand01 .inner {padding-top:95px;}
}

/* 병원 소개 > 대표원장 약력 */
.sect-about-profile01 .inner {padding-top:145px;}
@media screen and (max-width:767px){
	.sect-about-profile01 .inner {padding-top:95px;}
}

/* 병원 소개 > 진료시간 */
.sect-about-hours01 .inner {padding-top:145px;}
@media screen and (max-width:767px){
	.sect-about-hours01 .inner {padding-top:95px;}
}

/* 병원소개 > 예약 안내 */
.sect-about-info .inner {padding-top:145px; padding-bottom:150px;}
.sect-about-info .about-info-cont {width:100%; max-width:1000px; margin:80px auto 0;}
.sect-about-info .about-info-list {display:flex; flex-direction:row; width:100%; line-height:0;}
.sect-about-info .about-info-list > li {display:flex; flex-direction:column; flex-grow:1; overflow:hidden; width:calc((100% - 40px) /3); min-height:unset; padding:45px 30px; border-radius:25px; background-color:var(--color-primary); color:var(--font-color-white); line-height:1.5; transition:all 0.3s ease;}
.sect-about-info .about-info-list > li:not(:last-child) {margin-right:20px;}
.sect-about-info .about-info-list > li.location {background:url("/theme/v1/resources/images/sub/about/bg_about_info01.png") right -10px bottom -20px / 150px auto no-repeat var(--color-primary);}
.sect-about-info .about-info-list > li.call {background:url("/theme/v1/resources/images/sub/about/bg_about_info02.png") right -10px bottom -10px / 160px auto no-repeat var(--color-primary);}
.sect-about-info .about-info-list > li.naver {background:url("/theme/v1/resources/images/sub/about/bg_about_info03.png") right -10px bottom -10px / 140px auto no-repeat var(--color-primary);}
.sect-about-info .about-info-list > li .txt-area {position:relative; display:flex; flex-direction:column; flex-grow:1;}
.sect-about-info .about-info-list > li .txt-area .tit {font-size:2.4rem; font-weight:600;}
.sect-about-info .about-info-list > li .txt-area .txt {margin-top:20px; font-size:1.6rem;}
.sect-about-info .about-info-list > li .btn-area {margin-top:40px;}
.sect-about-info .about-info-list > li:hover {background-color:var(--color-tertiary); color:var(--font-color-primary);}
.sect-about-info .about-info-list > li.location:hover {background-image:url("/theme/v1/resources/images/sub/about/bg_about_info01_hover.png");}
.sect-about-info .about-info-list > li.call:hover {background-image:url("/theme/v1/resources/images/sub/about/bg_about_info02_hover.png");}
.sect-about-info .about-info-list > li.naver:hover {background-image:url("/theme/v1/resources/images/sub/about/bg_about_info03_hover.png");}
.sect-about-info .about-info-list > li:hover .btn {background-color:rgba(0,47,123,0.2); color:var(--font-color-primary);}
.sect-about-info .about-info-list > li:hover .btn::before {background-color:var(--color-primary);}
.sect-about-info .about-info-list > li:hover .btn::after {background-color:var(--color-primary);}
@media screen and (max-width:767px){
	.sect-about-info .inner {padding-top:95px; padding-bottom:100px;}
	.sect-about-info .about-info-cont {margin-top:50px;}
	.sect-about-info .about-info-list {flex-direction:column;}
	.sect-about-info .about-info-list > li {width:100%; min-height:170px; padding:30px;}
	.sect-about-info .about-info-list > li:not(:last-child) {margin-right:unset; margin-bottom:20px;}
	.sect-about-info .about-info-list > li.location {background-position:right -10px bottom -10px;}
	.sect-about-info .about-info-list > li.call {background-position:right -5px bottom -5px;}
	.sect-about-info .about-info-list > li.naver {background-position:right -5px bottom -5px; background-size:145px auto;}
	.sect-about-info .about-info-list > li .txt-area .tit {font-size:1.8rem;}
	.sect-about-info .about-info-list > li .txt-area .txt {margin-top:8px; font-size:1.3rem;}
	.sect-about-info .about-info-list > li .btn-area {margin-top:18px;}
}

/* 병원소개 > 오시는 길 */
.sect-about-location .inner {padding-top:145px; padding-bottom:150px;}
.sect-about-location .about-location-cont {margin-top:80px;}
.sect-about-location .location-map-area {position:relative; width:100%; padding-top:34.0909%;}
.sect-about-location .location-map-area > div {position:absolute; top:0; left:0; width:100%; height:100%;}
.sect-about-location .location-txt-top {display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%; min-height:70px; padding:unset;}
.sect-about-location .location-txt-top address {margin-bottom:unset; font-size:2rem; font-weight:600;}
.sect-about-location .location-txt-bottom {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; border-top:1px solid var(--border-color-gray03);}
.sect-about-location .location-txt-bottom > div {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; width:50%; padding-right:40px; margin-top:20px;}
.sect-about-location .location-txt-bottom > div > .tit {width:100px; padding-right:30px; font-size:2rem; font-weight:700;}
.sect-about-location .location-txt-bottom > div > .txt {width:calc(100% - 100px); font-size:1.8rem;}
.sect-about-location .location-txt-bottom > div > .txt > div {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; width:100%;}
.sect-about-location .location-txt-bottom > div > .txt > div:not(:last-child) {margin-bottom:10px;}
.sect-about-location .location-txt-bottom > div > .txt > div > p + p {padding-left:14px;}
.sect-about-location .location-txt-bottom > div > .txt > div > p > b {font-weight:600;}
@media screen and (max-width:767px){
	.sect-about-location .inner {padding-top:95px; padding-bottom:100px;}
	.sect-about-location .about-location-cont {margin-top:50px;}
	.sect-about-location .location-map-area {padding-top:78.5714%;}
	.sect-about-location .location-txt-top {flex-direction:column; justify-content:flex-start; align-items:flex-start; padding:20px 0;}
	.sect-about-location .location-txt-top address {margin-bottom:13px; font-size:1.6rem;}
	.sect-about-location .location-txt-top .btn-area {width:100%;}
	.sect-about-location .location-txt-top .btn-area > li {width:calc(50% - 5px);}
	.sect-about-location .location-txt-top .btn-area > li:not(:last-child) {margin-right:10px;}
	.sect-about-location .location-txt-bottom {flex-direction:column; padding:0 5px; margin:0 -5px;}
	.sect-about-location .location-txt-bottom > div {flex-direction:column; width:100%; padding-right:unset; padding-top:15px; margin-top:unset;}
	.sect-about-location .location-txt-bottom > div > .tit {width:100%; padding-right:unset; padding-bottom:10px; font-size:1.6rem;}
	.sect-about-location .location-txt-bottom > div > .txt {width:100%; font-size:1.4rem;}
	.sect-about-location .location-txt-bottom > div > .txt > div {align-items:center}
	.sect-about-location .location-txt-bottom > div > .txt > div:not(:last-child) {margin-bottom:5px;}
	.sect-about-location .location-txt-bottom > div > .txt > div > p + p {padding-left:10px; font-size:1.3rem;}
	.sect-about-location .location-txt-bottom > div > .txt > div > em {padding-left:42px; font-size:1.3rem;}
}

/* 병원소개 > 시설 둘러보기 */
.sect-about-interior .inner {padding-top:145px; padding-bottom:150px;}
.sect-about-interior .about-interior-cont {position:relative; width:100%; max-width:1260px; margin:80px auto 0;}
.sect-about-interior .about-interior-slider {overflow:hidden; width:calc(100% - 180px); max-width:1080px; margin:0 90px;}
.sect-about-interior .about-interior-slider .swiper-pagination {height:2px; margin-top:30px;}
.sect-about-interior .about-interior-slider .swiper-button-prev {position:absolute; top:50%; left:0; width:90px; height:90px; transform:translateY(-50%);}
.sect-about-interior .about-interior-slider .swiper-button-prev::before {content:""; position:absolute; top:50%; left:50%; width:38px; height:38px; border-top:2px solid var(--border-color-gray02); border-right:2px solid var(--border-color-gray02); transform:translate(-50%,-50%) rotate(-135deg);}
.sect-about-interior .about-interior-slider .swiper-button-next {position:absolute; top:50%; right:0; width:90px; height:90px; transform:translateY(-50%);}
.sect-about-interior .about-interior-slider .swiper-button-next::before {content:""; position:absolute; top:50%; left:50%; width:38px; height:38px; border-top:2px solid var(--border-color-gray02); border-right:2px solid var(--border-color-gray02); transform:translate(-50%,-50%) rotate(45deg);}
@media screen and (max-width:767px){
	.sect-about-interior .inner {padding-top:95px; padding-bottom:100px;}
	.sect-about-interior .about-interior-cont {margin-top:50px;}
	.sect-about-interior .about-interior-slider {width:100%; margin:unset;}
	.sect-about-interior .about-interior-slider .swiper-button-prev {display:none;}
	.sect-about-interior .about-interior-slider .swiper-button-next {display:none;}
}

/* 진료 및 검진, 수액 클리닉 공통 : 진료 예약 */
.sect-medical-outro {background:url("/theme/v1/resources/images/sub/bg_medical_outro.png") center / cover no-repeat;}
.sect-medical-outro .inner {padding-top:170px; padding-bottom:170px;}
.sect-medical-outro .txt-area {color:var(--font-color-white); text-align:center;}
.sect-medical-outro .txt-area .txt {font-size:3.2rem; font-weight:600;}
.sect-medical-outro .txt-area .sub {margin-top:15px; font-size:1.8rem; letter-spacing:4px;}
.sect-medical-outro .btn-area {margin-top:45px;}
@media screen and (max-width:767px){
	.sect-medical-outro {background-image:url("/theme/v1/resources/images/sub/bg_medical_outro_mo.png");}
	.sect-medical-outro .inner {padding-top:80px; padding-bottom:80px;}
	.sect-medical-outro .txt-area .txt {font-size:1.8rem;}
	.sect-medical-outro .txt-area .sub {margin-top:10px; font-size:1.3rem;}
	.sect-medical-outro .btn-area {margin-top:35px;}
}

/* 진료 및 검진 > 흉통센터 */
.sect-medical-treatment01-1 .inner {padding-top:145px;}
@media screen and (max-width:1399px){
	.sect-medical-treatment01-2 .img-area {width:138%; margin:0 -19%;}
}
@media screen and (max-width:1023px){
	.sect-medical-treatment01-2 .img-area {width:136%; margin:0 -18%;}
}
@media screen and (max-width:767px){
	.sect-medical-treatment01-1 .inner {padding-top:95px;}
	.sect-medical-treatment01-2 .img-area {width:100%; margin:0 auto;}
}

/* 진료 및 검진 > 부정맥 센터 */
.sect-medical-treatment02-1 .inner {padding-top:145px;}
@media screen and (max-width:1399px){
	.sect-medical-treatment02-2 .img-area {width:138%; margin:0 -19%;}
}
@media screen and (max-width:1023px){
	.sect-medical-treatment02-2 .img-area {width:136%; margin:0 -18%;}
}
@media screen and (max-width:767px){
	.sect-medical-treatment02-1 .inner {padding-top:95px;}
	.sect-medical-treatment02-2 .img-area {width:100%; margin:0 auto;}
}

/* 진료 및 검진 > 만성질환/비만클리닉 */
.sect-medical-treatment03-1 .inner {padding-top:145px;}
@media screen and (max-width:1399px){
	.sect-medical-treatment03-2 .img-area {width:138%; margin:0 -19%;}
}
@media screen and (max-width:1023px){
	.sect-medical-treatment03-2 .img-area {width:136%; margin:0 -18%;}
}
@media screen and (max-width:767px){
	.sect-medical-treatment03-1 .inner {padding-top:95px;}
	.sect-medical-treatment03-2 .img-area {width:100%; margin:0 auto;}
}

/* 수액클리닉 > 수액클리닉 */
.sect-medical-clinic01 .inner {padding-top:145px; padding-bottom:100px;}
.sect-medical-clinic01 .medical-clinic01-cont {margin-top:95px;}
.sect-medical-clinic01 .medical-clinic01-cont .img-area {position:relative; overflow:hidden; width:100%; padding-top:30%; border-radius:25px;}
.sect-medical-clinic01 .medical-clinic01-cont .img-area > img {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%);}
.sect-medical-clinic01 .clinic-price-list {display:inline-block; width:100%;}
.sect-medical-clinic01 .clinic-price-list > li {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:100%; padding:40px 50px;}
.sect-medical-clinic01 .clinic-price-list > li:not(:last-child) {border-bottom:1px solid var(--border-color-gray03);}
.sect-medical-clinic01 .clinic-price-list > li > div:not(:last-child) {margin-right:50px;}
.sect-medical-clinic01 .clinic-price-list .num {width:20px; color:var(--font-color-primary); font-size:2rem; font-weight:600;}
.sect-medical-clinic01 .clinic-price-list .ico {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100px; height:100px; border-radius:50%; background-color:var(--color-tertiary); line-height:0;}
.sect-medical-clinic01 .clinic-price-list .ico span {display:inline-block; width:100%; text-align:center;}
.sect-medical-clinic01 .clinic-price-list .ico img {display:inline-block;}
.sect-medical-clinic01 .clinic-price-list .txt-area {width:calc(100% - 405px);}
.sect-medical-clinic01 .clinic-price-list .txt-area .tit {font-size:2.4rem; font-weight:600;}
.sect-medical-clinic01 .clinic-price-list .txt-area .txt {margin-top:10px; color:var(--font-color-gray01);}
.sect-medical-clinic01 .clinic-price-list .price-area {display:flex; flex-direction:row; justify-content:flex-end; align-items:flex-end; width:135px;}
.sect-medical-clinic01 .clinic-price-list .price-area .price {color:var(--font-color-primary); font-size:4rem; font-weight:600; line-height:1;}
.sect-medical-clinic01 .clinic-price-list .price-area .txt {margin-left:unset; font-size:2rem; font-weight:600;}
.sect-medical-clinic01 .box-area {margin-top:60px;}
@media screen and (max-width:767px){
	.sect-medical-clinic01 .inner {padding-top:95px; padding-bottom:100px;}
	.sect-medical-clinic01 .medical-clinic01-cont {margin-top:45px;}
	.sect-medical-clinic01 .medical-clinic01-cont .img-area {padding-top:57.1428%;}
	.sect-medical-clinic01 .clinic-price-list {display:inline-block; width:100%;}
	.sect-medical-clinic01 .clinic-price-list > li {position:relative; flex-direction:column; justify-content:center; padding:45px 0 35px;}
	.sect-medical-clinic01 .clinic-price-list > li:not(:last-child) {border-bottom:1px solid var(--border-color-gray03);}
	.sect-medical-clinic01 .clinic-price-list > li > div:not(:last-child) {margin-right:unset;}
	.sect-medical-clinic01 .clinic-price-list .num {position:absolute; top:45px; left:calc(50% - 70px); width:max-content; font-size:1.6rem;}
	.sect-medical-clinic01 .clinic-price-list .ico {width:90px; height:90px;}
	.sect-medical-clinic01 .clinic-price-list .ico img  {width:45%; max-width:unset;}
	.sect-medical-clinic01 .clinic-price-list .txt-area {width:100%; text-align:center;}
	.sect-medical-clinic01 .clinic-price-list .txt-area .tit {margin-top:12px; font-size:1.8rem;}
	.sect-medical-clinic01 .clinic-price-list .txt-area .txt {margin-top:5px; font-size:1.4rem;}
	.sect-medical-clinic01 .clinic-price-list .price-area {justify-content:center; width:100%; margin-top:20px;}
	.sect-medical-clinic01 .clinic-price-list .price-area .price {font-size:2.7rem; /* line-height:1; */}
	.sect-medical-clinic01 .clinic-price-list .price-area .txt {font-size:1.6rem;}
	.sect-medical-clinic01 .box-area {margin-top:20px;}
}

/* 공지사항 > 공지시항 목록 */
.sect-notice-list .inner {padding-top:145px; padding-bottom:145px;}
.sect-notice-list .notice-list-cont {margin-top:80px;}
@media screen and (max-width:767px){
	.sect-notice-list .inner {padding-top:95px; padding-bottom:100px;}
	.sect-notice-list .notice-list-cont {margin-top:40px;}
}

/* 공지사항 > 공지시항 상세 */
.sect-notice-view .inner {padding-top:145px; padding-bottom:150px;}
.sect-notice-view .notice-view-cont {margin-top:80px;}
@media screen and (max-width:767px){
	.sect-notice-view .inner {padding-top:95px; padding-bottom:100px;}
	.sect-notice-view .notice-view-cont {margin-top:50px;}
}

/* 공지사항 > 비급여 안내 */
.sect-notice-nonreimbursement .inner {padding-top:145px; padding-bottom:150px;}
.sect-notice-nonreimbursement .notice-nonreimbursement-cont {margin-top:80px;}
@media screen and (max-width:1439px){
	.sect-notice-nonreimbursement .notice-nonreimbursement-cont .table-area col:nth-child(1) {width:15%!important;}
	.sect-notice-nonreimbursement .notice-nonreimbursement-cont .table-area col:nth-child(2) {width:65%!important;}
	.sect-notice-nonreimbursement .notice-nonreimbursement-cont .table-area col:nth-child(3) {width:20%!important;}
}
@media screen and (max-width:767px){
	.sect-notice-nonreimbursement .inner {padding-top:95px; padding-bottom:100px;}
	.sect-notice-nonreimbursement .notice-nonreimbursement-cont {margin-top:50px;}
	.sect-notice-nonreimbursement .notice-nonreimbursement-cont .table-area col:nth-child(1) {width:25%!important;}
	.sect-notice-nonreimbursement .notice-nonreimbursement-cont .table-area col:nth-child(2) {width:50%!important;}
	.sect-notice-nonreimbursement .notice-nonreimbursement-cont .table-area col:nth-child(3) {width:25%!important;}
}

/* 공지사항 > 증명서 발급 */
.sect-notice-certificate .inner {padding-top:145px; padding-bottom:150px;}
.sect-notice-certificate .notice-certificate-cont {margin-top:80px;}
@media screen and (max-width:1439px){
	.sect-notice-certificate .notice-certificate-cont .table-area col:nth-child(1) {width:15%!important;}
	.sect-notice-certificate .notice-certificate-cont .table-area col:nth-child(2) {width:65%!important;}
	.sect-notice-certificate .notice-certificate-cont .table-area col:nth-child(3) {width:20%!important;}
}
@media screen and (max-width:767px){
	.sect-notice-certificate .inner {padding-top:95px; padding-bottom:100px;}
	.sect-notice-certificate .notice-certificate-cont {margin-top:50px;}
	.sect-notice-certificate .notice-certificate-cont .table-area col:nth-child(1) {width:25%!important;}
	.sect-notice-certificate .notice-certificate-cont .table-area col:nth-child(2) {width:50%!important;}
	.sect-notice-certificate .notice-certificate-cont .table-area col:nth-child(3) {width:25%!important;}
}