@charset "utf-8";
@import url('/share/css/font/Paperlogy.css');
@import url('/share/css/font/suite.css');
@import url('/share/css/font/jalnan.css');
@import url('/share/css/swiper.min.css');

:root {
	--krds-contents-wrap-size: 1498px;
	--font-family-base: 'Pretendard GOV', 'Malgun Gothic', '맑은고딕', sans-serif;
	--font-paper: 'Paperlogy', sans-serif;
	--font-jalnan: 'Jalnan', sans-serif;
	--font-jalnan-go: 'JalnanGothic', sans-serif;
	--main-primary-60: #2495B6;
	--main-primary-90: #214458;
	--krds-light-color-border-secondary: #186D68;
}

.logo {display: flex; align-items: center; padding-left: 6rem; min-height: 4.5rem; color: var(--krds-light-color-text-subtle); font-weight: 400; font-size: 2.4rem; gap: 0.6rem; line-height: 1.4; background: url(../img/clinic_logo.svg) no-repeat left center / 4.5rem;}

.krds-header {font-family: var(--font-paper);}
.krds-header .btn-navi {color: var(--krds-light-color-text-subtle);}
.krds-header .header-con .logo {display: flex; font-size: 2.4rem;}
.krds-header .hd-main {display: flex; align-items: center; justify-content: space-between;}

.krds-footer {font-family: var(--font-paper); background: var(--krds-light-color-surface-gray-subtler);}
.krds-footer .f-con .f-info {font-size: 1.6rem;}
.krds-footer .f-btm .f-btm-text .f-menu {font-size: 1.6rem;}
.krds-footer .f-con .f-link .link-go .krds-btn.text {font-size: 1.6rem;}
.krds-footer .f-con .f-link .link-go .krds-btn.text .svg-icon {width: 2rem; height: 2rem;}
.krds-footer .f-btm .f-btm-text .f-menu .point {color: var(--krds-light-color-border-secondary)}

#detail_con .section h3 {color: #2495B6;}
#detail_con .section h4 {background-image: url(../img/ico_main_sec_h4.svg); background-position: left top 0.6rem;}
.side-nav .snv-list .snv-li .snv-li-btn:hover,
.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn:hover,
.side-nav .snv-list .snv-li .snv-li-btn.selected {font-weight: 700; background-color: #F1FCFA}

.side-nav .snv-list > li > .snv-li-btn::before,
.side-nav .snv-list .snv-li .snv-li-btn:hover,
.side-nav .snv-list .snv-li .snv-li-btn.active {border-color: #0A4C5E;}

.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn:hover {font-weight: 700; background-color: #F1FCFA}
.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn.selected {color: #fff; background: linear-gradient(90deg, #24B5A8 0%, #2495B5 100%);}
.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn.selected::before {color: #fff;}

/********************************************************************************** 반응형*********************************************************************/
@media (max-width: 1199px) {
}


@media (max-width: 767px) {
	.logo {padding-left: 4.5rem; background-size: 3.5rem; background-position: top 0.6rem left;}
	.krds-header .header-con .logo {font-size: 2.1rem;}

	.krds-footer > .inner {gap: 3rem;}
	.krds-footer .logo  {line-height: 1.5; font-size: 2rem;}
	.krds-footer .f-btm {flex-direction: column; align-items: flex-start; justify-content: flex-start;	}
	.krds-footer .f-btm .f-copy {text-align: left;}
	.krds-footer .f-con .f-link .link-go .krds-btn.text .svg-icon {margin-bottom: -.6rem;}

	#detail_con .section h4 {background-position: left top 0.8rem;}
}