/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0.30
*/

/* ---------------------------------------------------------------
 * 운영(Total) 본문 영역: Salient 기본값이 새어 들어오지 않게 정리
 * (운영 CSS 자체는 unu-total/css/unu-total.css)
 * ------------------------------------------------------------- */
/* Salient가 상단바 사용 시 본문 위 40px 여백을 줌 → 운영처럼 0 */
.container-wrap.unu-container-wrap,
/* 대표 이미지가 있는 블로그 글: Salient single.css가 body.single-post.material[data-bg-header="true"]에 80px !important */
html body[data-bg-header] .container-wrap.unu-container-wrap.unu-container-wrap {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#ajax-content-wrap .unu-total p {
	padding-bottom: 0;
}
/* 첫 화면: 운영 body 배경 #f9f7f2 (홈 전용 인라인 CSS) */
body.home {
	background-color: #f9f7f2;
}
/* Salient가 .fa를 자체 아이콘 글꼴(icomoon)로 바꿈 → 운영 Font Awesome 4.3 */
#ajax-content-wrap .unu-total .fa {
	font-family: FontAwesome;
}
/* Salient: ul li { list-style: disc } → 운영처럼 ul 설정을 따름 */
#ajax-content-wrap .unu-total li {
	list-style: inherit;
}
#ajax-content-wrap .unu-total h1,
#ajax-content-wrap .unu-total h2,
#ajax-content-wrap .unu-total h3,
#ajax-content-wrap .unu-total h4,
#ajax-content-wrap .unu-total h5,
#ajax-content-wrap .unu-total h6 {
	letter-spacing: normal;
}
/* Salient 입력창·버튼 기본값(줄 높이 24px, 모서리 4px, 버튼 여백 15px 22px) → 운영 기본값 */
#ajax-content-wrap .unu-total input,
#ajax-content-wrap .unu-total textarea,
#ajax-content-wrap .unu-total select {
	line-height: normal;
	border-radius: 0;
}
#ajax-content-wrap .unu-total button {
	padding: 0;
	border-radius: 0;
}
/* Salient material 스킨: select 배경 rgba(0,0,0,.04), 전송 버튼 모서리 4px(!important) → 운영 흰 배경, 3px */
#ajax-content-wrap .unu-total select {
	background-color: #ffffff;
}
#ajax-content-wrap .unu-total button[type="submit"],
#ajax-content-wrap .unu-total input[type="submit"] {
	border-radius: 3px !important;
}
/* Salient 달력 위젯 홀수 줄 #f0f0f0 → 운영은 줄무늬 없음 */
#ajax-content-wrap .unu-total .widget_calendar table tbody tr {
	background-color: transparent;
}
/* KBoard 6.7은 페이지 번호 끝에 "마지막"(li.last-page)·앞에 "처음"을 붙임 → 운영(KBoard 4.9)에는 없음 */
#ajax-content-wrap .unu-total .kboard-pagination li.last-page,
#ajax-content-wrap .unu-total .kboard-pagination li.first-page {
	display: none !important; /* 스킨 CSS가 li를 inline으로 지정 */
}
/* 탭 첫·마지막 버튼 모서리 4px(Salient) → 운영 0 */
#ajax-content-wrap .unu-total .wpb_tabs_nav a,
#ajax-content-wrap .unu-total .ui-tabs-nav a {
	border-radius: 0 !important;
}
/* 유방 진료(page 86) 아이콘 박스 디자인 옵션: 새 DB에 _wpb_shortcodes_custom_css 값이 없어 운영 백업 값을 옮김 */
.vc_custom_1442887828854,
.vc_custom_1442887839360,
.vc_custom_1442887849398,
.vc_custom_1442887859269 {
	border: 1px solid #eeeeee !important;
	background-color: #f9f7f2 !important;
}

/* ---------------------------------------------------------------
 * 헤더 (Salient 헤더를 운영 Total 헤더 실측값에 맞춤, 1286px 기준)
 * 운영: 상단바 31px #fa9095 12px / 헤더 101px, 로고 186x40, 내용 폭 1140px
 * ------------------------------------------------------------- */
body #header-outer #top .container,
body #header-secondary-outer .container {
	max-width: 1140px;
	padding-left: 0;
	padding-right: 0;
}
/* 상단바: 왼쪽 진료시간·전화, 오른쪽 링크 */
body #header-secondary-outer {
	font-family: NanumBarunGothic, '맑은고딕', '굴림', '굴림체';
	min-height: 31px !important;
	border-bottom: 0 !important;
}
/* 주의: height를 고정하면 Salient 헤더 계산이 틀어져 로고·메뉴가 찌그러짐 → min-height만 낮춤 */
body #header-secondary-outer .container,
body #header-secondary-outer nav,
body #header-secondary-outer nav > ul.sf-menu {
	min-height: 30px !important;
}
body #header-secondary-outer .nectar-center-text,
body #header-secondary-outer nav > ul.sf-menu {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
body #header-secondary-outer nav > ul.sf-menu > li {
	margin-top: 0 !important;
	top: 0 !important;
	height: 30px;
}
body #header-secondary-outer nav > ul.sf-menu > li > a {
	line-height: 30px !important;
	height: 30px;
	margin-top: 0 !important;
}
/* 드롭다운: 운영 흰 배경, 위 테두리 3px #fa9095, 그림자 0 3px 10px, 메뉴 글자 아래(헤더 아래보다 26px 위)에서 열림 */
body #header-outer #top nav > ul.sf-menu > li > ul.sub-menu {
	padding: 0 !important;
	border-top: 3px solid #fa9095 !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
	width: auto !important;
	min-width: 140px !important;
	margin-top: -26px !important;
	border-radius: 0 !important;
}
body #header-outer #top nav > ul.sf-menu > li > ul.sub-menu > li {
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}
body #header-outer #top nav > ul.sf-menu > li > ul.sub-menu > li > a {
	padding: 10px 12px !important;
	font-size: 14px !important;
	line-height: 19.6px !important;
	border-bottom: 1px solid #eeeeee;
	border-radius: 0 !important;
	white-space: nowrap;
	width: auto !important;
	margin: 0 !important;
}
body #header-outer #top nav > ul.sf-menu > li > ul.sub-menu > li > a:hover {
	background-color: #fa9095 !important;
	color: #ffffff !important;
}
/* 메뉴 오른쪽 검색: 운영은 48px 칸이 컨테이너 밖으로 12px 나감 */
body #header-outer #top nav > ul.buttons {
	margin-left: 0 !important;
	margin-right: -12px;
}
body #header-outer #top nav > ul.buttons #search-btn a {
	padding-left: 12px;
	padding-right: 12px;
}
body #header-secondary-outer .nectar-center-text {
	position: static;
	float: left;
	width: auto;
	max-width: none;
	transform: none;
	text-align: left;
	font-size: 12px;
	line-height: 30px;
	color: #ffffff;
}
body #header-secondary-outer .nectar-center-text strong {
	color: #ffffff;
	font-weight: 700;
}
body #header-secondary-outer .nectar-center-text a {
	color: #ffffff;
}
body #header-secondary-outer .nectar-center-text a:hover {
	color: #666666;
}
body #header-secondary-outer .nectar-center-text .fa {
	color: #ffffff;
	margin-right: 5px;
}
body #header-secondary-outer .nectar-center-text .unu-ml20 {
	margin-left: 20px;
}
body #header-secondary-outer nav > ul.sf-menu {
	float: right;
}
body #header-secondary-outer nav > ul.sf-menu > li > a {
	font-size: 12px;
	line-height: 30px;
	padding: 0;
	margin-left: 10px;
	color: #ffffff;
}
/* Salient는 지금 페이지 링크(current-menu-item)도 #666으로 바꿈 → 운영처럼 평소엔 흰색, 마우스를 올릴 때만 #666 */
body #header-secondary-outer nav > ul.sf-menu > li[class*="current"] > a {
	color: #ffffff;
}
body #header-secondary-outer nav > ul.sf-menu > li > a:hover,
body #header-secondary-outer nav > ul.sf-menu > li[class*="current"] > a:hover {
	color: #666666;
}
body #header-secondary-outer nav > ul.sf-menu > li[class*="unu-top-"] > a:before {
	font-family: FontAwesome;
	margin-left: 10px;
	margin-right: 5px;
	font-weight: normal;
	color: #ffffff !important; /* 운영: 아이콘은 늘 흰색(인라인 color:#fff), 마우스를 올리면 글자만 #666 */
}
/* 운영 링크: 아이콘(왼쪽 10px·오른쪽 5px) + 공백 + 글자(+공백), 링크 사이 간격 없음 */
body #header-secondary-outer nav > ul.sf-menu > li,
body #header-secondary-outer nav > ul.sf-menu > li > a {
	margin: 0 !important;
	padding: 0 !important;
}
body #header-secondary-outer nav > ul.sf-menu > li > a .menu-title-text:before {
	content: "\00a0";
}
body #header-secondary-outer li.unu-top-edit > a .menu-title-text:after,
body #header-secondary-outer li.unu-top-map > a .menu-title-text:after {
	content: "\00a0";
}
body #header-secondary-outer li.unu-top-edit > a:before { content: "\f044"; }
body #header-secondary-outer li.unu-top-calendar > a:before { content: "\f073"; }
body #header-secondary-outer li.unu-top-map > a:before { content: "\f041"; }
body #header-secondary-outer li.unu-top-blog > a:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 15px;
	vertical-align: middle;
	background: url(/wp/wp-content/uploads/2015/06/blog_icon.png) no-repeat center / contain;
}
/* 검색 아이콘: Salient 20px 아이콘 → 운영 Font Awesome 돋보기 16px */
body #header-outer #search-btn .icon-salient-search {
	position: relative;
	top: 1px;
	width: auto !important;
	height: auto !important;
	font-size: 16px !important;
	line-height: 16px !important;
	color: #555555;
}
body #header-outer #search-btn .icon-salient-search:before {
	content: "\f002" !important;
	font-family: FontAwesome !important;
	font-size: 16px !important;
}
/* 스크롤 고정 헤더: 운영은 높이 70px, 로고 크기 그대로(186x40, 위아래 15px), 아래 그림자 */
@media only screen and (min-width: 1000px) {
	body #header-outer.small-nav #logo img {
		height: 40px !important;
	}
	body #header-outer.small-nav #logo {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	body #header-outer.small-nav {
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
	}
}

/* ---------------------------------------------------------------
 * 푸터 (Salient 푸터 1열 + 저작권 줄을 운영 실측값에 맞춤)
 * 운영: 위젯 영역 #262626 위 25px·아래 25px, 저작권 줄 #222 높이 60px 12px
 * ------------------------------------------------------------- */
body #footer-outer {
	font-family: NanumBarunGothic, '맑은고딕', '굴림', '굴림체';
	font-size: 13px;
	line-height: 22.1px;
}
body #footer-outer #footer-widgets .container,
body #footer-outer #copyright .container {
	max-width: 1140px;
	padding-left: 0;
	padding-right: 0;
}
body #footer-outer #footer-widgets {
	padding: 25px 0 0;
}
body #footer-outer #footer-widgets .row {
	padding: 0 !important;
}
body #footer-outer #footer-widgets .col {
	float: none;
	margin-bottom: 0;
}
body #footer-outer #footer-widgets .textwidget {
	overflow: hidden;
}
body #footer-outer #footer-widgets .widget {
	margin-bottom: 0;
	padding-bottom: 25px;
}
body #footer-outer .footer_left {
	float: left;
	color: #ffffff;
}
body #footer-outer .footer_left a {
	color: #999999;
}
body #footer-outer .size18_cross {
	font-size: 18px;
	line-height: 26px;
	color: #777777;
	padding: 0 !important;
	margin: 0 !important;
}
body #footer-outer .size18_cross strong {
	color: #ffffff;
	font-weight: 400;
}
body #footer-outer .footer_right {
	float: right;
}
body #footer-outer .footer_login,
body #footer-outer .info_btn {
	float: right;
	display: block;
	font-size: 11px;
	line-height: 18.7px;
	padding: 1px 10px;
	border: 1px solid #ffffff;
	color: #999999;
}
body #footer-outer .info_btn {
	margin-right: 10px;
}
body #footer-outer #copyright {
	padding: 20px 0 !important;
	font-size: 12px;
	line-height: 20.4px;
}
body #footer-outer #copyright p {
	font-size: 12px;
	line-height: 20.4px;
	padding: 0;
	margin: 0 !important;
}
body #footer-outer #copyright a {
	color: #aaaaaa;
}
body #footer-outer #copyright .col.span_5 {
	width: 100%;
	margin: 0;
}
body #footer-outer #copyright .col.span_7 {
	display: none;
}
/* Salient 1열 푸터는 가운데 정렬, 링크 색은 옵션값(!important) → 운영처럼 왼쪽 정렬, #999 / 저작권 링크 #aaa */
body #footer-outer #footer-widgets .col,
body #footer-outer #footer-widgets .widget {
	text-align: left !important;
}
@media only screen and (min-width: 1000px) {
	body #footer-outer #copyright .col,
	body #footer-outer #copyright p {
		text-align: left !important;
	}
}
body #footer-outer .footer_left a:not(.nectar-button),
body #footer-outer a.footer_login:not(.nectar-button),
body #footer-outer a.info_btn:not(.nectar-button) {
	color: #999999 !important;
}
body #footer-outer #copyright a:not(.nectar-button) {
	color: #aaaaaa !important;
}

/* 맨 위로 버튼: 운영 41px 원, #f7f7f7, 흰 테두리 3px, 오른쪽 40px 아래 80px */
body #to-top {
	right: 40px;
	bottom: 80px;
	width: 41px;
	height: 41px;
	line-height: 35px;
	border-radius: 50%;
	border: 3px solid #ffffff;
	background-color: #f7f7f7;
	box-shadow: none;
}
body #to-top i {
	color: #898989;
	font-size: 16px;
	line-height: 35px;
}
body #to-top:hover {
	background-color: #54b7d2;
	border-color: #54b7d2;
}
/* Salient가 #to-top 배경을 반투명 검정으로 덮어씀 */
body #to-top,
body #to-top.dark {
	background-color: #f7f7f7 !important;
}
body #to-top:hover,
body #to-top.dark:hover {
	background-color: #54b7d2 !important;
}
body #to-top:hover i {
	color: #ffffff;
}

/* ---------------------------------------------------------------
 * 모바일 헤더 (999px 이하, 390px 기준 운영 실측)
 * 운영: 상단바 가운데 정렬 3줄 75px(위아래 10px, 줄 높이 18px) / 헤더 101px, 좌우 20px, 로고 186x40
 *       메뉴 버튼 40px 회색 네모(#f7f7f7, 테두리 #eee, 모서리 3px), 검색 아이콘 없음
 * Salient 옵션: 상단바 모바일 표시 display_full, 모바일 로고 높이 40
 * ------------------------------------------------------------- */
@media only screen and (max-width: 999px) {
	body #header-outer #top .container,
	body #header-secondary-outer .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	body #header-secondary-outer {
		min-height: 0 !important;
	}
	body #header-secondary-outer .container,
	body #header-secondary-outer nav,
	body #header-secondary-outer nav > ul.sf-menu {
		min-height: 0 !important;
		height: auto !important;
	}
	body #header-secondary-outer nav {
		padding: 10px 0 !important;
	}
	body #header-secondary-outer .nectar-center-text {
		float: none !important;
		text-align: center !important;
		line-height: 18px !important;
	}
	body #header-secondary-outer nav > ul.sf-menu {
		float: none !important;
		display: block !important;
		text-align: center !important;
	}
	body #header-secondary-outer nav > ul.sf-menu > li {
		float: none !important;
		display: inline-block !important;
		height: auto !important;
	}
	body #header-secondary-outer nav > ul.sf-menu > li > a {
		line-height: 18px !important;
		height: auto !important;
	}
	body #header-outer .mobile-search {
		display: none !important;
	}
	body #header-outer .slide-out-widget-area-toggle.mobile-icon a {
		display: block;
		position: relative;
		width: 40px;
		height: 40px;
		box-sizing: border-box;
		background: #f7f7f7;
		border: 1px solid #eeeeee;
		border-radius: 3px;
	}
}

/* 모바일 푸터: 좌우 20px, 버튼 2개 위 왼쪽 → 주소 아래, 저작권 가운데 정렬 (운영 위젯 273px, 저작권 96px) */
@media only screen and (max-width: 999px) {
	body #footer-outer #footer-widgets .container,
	body #footer-outer #copyright .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	body #footer-outer .footer_right {
		float: left;
		margin-bottom: 20px;
	}
	body #footer-outer .footer_left {
		float: none;
		clear: both;
	}
	body #footer-outer #copyright {
		padding: 25px 0 30px !important;
	}
	body #footer-outer #copyright p {
		text-align: center;
	}
}

/* 모바일 메뉴: Salient "simple"(헤더 아래 겹쳐 펼침, 하위 메뉴 접힘·화살표) → 운영 Total toggle 메뉴처럼
 * 헤더 아래에 끼워져 본문을 밀어냄, 하위 메뉴 모두 펼침(들여쓰기 20px), 항목 13px #555·위 테두리 1px #eee·위아래 10px(43px)
 * (Salient 옵션: 모바일 헤더 고정 끔 — 운영처럼 스크롤하면 헤더가 올라감) */
@media only screen and (max-width: 999px) {
	body #header-outer.simple-ocm-open {
		padding-bottom: 0 !important;
	}
	body #header-outer #mobile-menu {
		position: static !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		max-height: none !important;
		margin: 31px 0 0 !important;
		padding: 0 !important;
		box-shadow: none !important;
		background: #ffffff !important;
		transform: none !important;
	}
	/* Salient가 화면 높이로 max-height·스크롤을 넣음 → 운영처럼 전부 펼침 */
	body #header-outer #mobile-menu .inner {
		padding: 0 !important;
		max-height: none !important;
		overflow: visible !important;
	}
	body #header-outer #mobile-menu .menu-items-wrap,
	body #header-outer #mobile-menu ul {
		margin: 0 !important;
		padding: 0 !important;
	}
	body #header-outer #mobile-menu ul li {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
	/* li[class]: Salient 현재 메뉴 분홍(li[class*="current"] > a !important)보다 우선 → 운영처럼 #555 */
	body #header-outer #mobile-menu ul li[class] > a {
		display: block !important;
		margin: 0 !important;
		padding: 10px 0 !important;
		border-top: 1px solid #eeeeee !important;
		border-bottom: 0 !important;
		font-size: 13px !important;
		line-height: 22.1px !important;
		font-weight: 400 !important;
		color: #555555 !important;
	}
	body #header-outer #mobile-menu ul li[class] > a:hover {
		color: #000000 !important;
	}
	body #header-outer #mobile-menu ul .sub-menu {
		display: block !important;
	}
	body #header-outer #mobile-menu ul .sub-menu li[class] > a {
		padding-left: 20px !important;
	}
	body #header-outer #mobile-menu .sf-sub-indicator {
		display: none !important;
	}
	/* Salient는 하위 메뉴를 열 때만 글자를 나타나게 함(투명·왼쪽 10px에서 이동) → 항상 보이게 */
	body #header-outer #mobile-menu ul li a > span {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* 모바일 헤더 높이: Salient 기본(위아래 12px, 상단바 top -13px) → 운영처럼 로고 위 30px·아래 31px (제목 띠 시작 176px) */
@media only screen and (max-width: 999px) {
	body #header-outer {
		padding-top: 0 !important;
		padding-bottom: 31px !important;
	}
	body #header-outer #header-secondary-outer {
		top: 0 !important;
	}
	body #header-outer #top .container {
		padding-top: 30px !important;
	}
}

/* 모바일 메뉴 버튼 아이콘: Salient 가는 선 3개 → 운영 Font Awesome 줄 아이콘(fa-bars 18px #666, 왼쪽 12px·위 9px) */
@media only screen and (max-width: 999px) {
	body #header-outer .slide-out-widget-area-toggle.mobile-icon a > span[aria-hidden="true"] {
		display: none !important;
	}
	body #header-outer .slide-out-widget-area-toggle.mobile-icon a:after {
		content: "\f0c9";
		position: absolute;
		left: 12px;
		top: 9px;
		font-family: FontAwesome;
		font-size: 18px;
		line-height: 18px;
		color: #666666;
	}
}

/* ---------------------------------------------------------------
 * 메인 슬라이더(SR7): 운영 LayerSlider v5 스킨의 좌우 화살표·원형 타이머 (unu-total/js/unu-slider.js)
 * 아래 탭 3개와 자세히 보기 버튼은 운영처럼 손 모양 커서
 * ------------------------------------------------------------- */
sr7-module .unu-ls-nav-prev,
sr7-module .unu-ls-nav-next {
	position: absolute;
	top: calc(50% - 25px) !important; /* SR7이 margin을 0으로 덮어써서 calc로 */
	width: 40px;
	height: 50px;
	z-index: 10000;
	cursor: pointer;
	background-image: url(unu-total/img/ls-v5-skin.png);
	background-repeat: no-repeat;
}
sr7-module .unu-ls-nav-prev {
	left: 10px;
	background-position: 0 0;
}
sr7-module .unu-ls-nav-prev:hover {
	background-position: 0 -75px;
}
sr7-module .unu-ls-nav-next {
	right: 10px;
	background-position: -150px 0;
}
sr7-module .unu-ls-nav-next:hover {
	background-position: -150px -75px;
}
sr7-module .unu-ls-circle-timer {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 16px;
	height: 16px;
	z-index: 10000;
	opacity: .65;
	display: none;
	pointer-events: none;
}
sr7-module .unu-ls-ct-left,
sr7-module .unu-ls-ct-right {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
sr7-module .unu-ls-ct-rotate {
	position: absolute;
	top: 0;
	width: 200%;
	height: 100%;
}
sr7-module .unu-ls-ct-left .unu-ls-ct-rotate,
sr7-module .unu-ls-ct-right .unu-ls-ct-hider,
sr7-module .unu-ls-ct-right .unu-ls-ct-half {
	left: 0;
}
sr7-module .unu-ls-ct-right .unu-ls-ct-rotate,
sr7-module .unu-ls-ct-left .unu-ls-ct-hider,
sr7-module .unu-ls-ct-left .unu-ls-ct-half {
	right: 0;
}
sr7-module .unu-ls-ct-hider,
sr7-module .unu-ls-ct-half {
	position: absolute;
	top: 0;
}
sr7-module .unu-ls-ct-hider {
	width: 50%;
	height: 100%;
	overflow: hidden;
}
sr7-module .unu-ls-ct-half {
	width: 200%;
	height: 100%;
	background: #ffffff;
	border-radius: 100px;
}
sr7-module .unu-ls-ct-center {
	position: absolute;
	left: 25%;
	top: 25%;
	width: 50%;
	height: 50%;
	background: #444444;
	border-radius: 100px;
}
/* 레이어 id: SR7_1_1-슬라이드-레이어 (탭 3개 + 의료진 소개/자세히 보기 버튼) */
#SR7_1_1-1-7, #SR7_1_1-1-8, #SR7_1_1-1-9, #SR7_1_1-1-10,
#SR7_1_1-3-9, #SR7_1_1-3-10, #SR7_1_1-3-11, #SR7_1_1-3-12,
#SR7_1_1-4-11, #SR7_1_1-4-12, #SR7_1_1-4-13, #SR7_1_1-4-14 {
	cursor: pointer !important;
}