/* for BootStrap4 NAV nowtoday */
.dropdown-toggle::after { transition: transform 0.15s linear;}
.show.dropdown .dropdown-toggle::after {transform: translateY(3px);}
.dropdown-menu {margin-top: 0;} /* hover 메뉴때문에 넣음 */

/* for PYM nowtoday */
.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1200px;}
.center { text-align:center}

.navbar-dark- .navbar-nav- .nav-link- { -color: rgba(255, 255, 255, 0.7);}

.-navbar-dark .navbar-nav .show > .nav-link,
.-navbar-dark .navbar-nav .active > .nav-link,
.-navbar-dark .navbar-nav .nav-link.show,
.-navbar-dark .navbar-nav .nav-link.active { color:white; }

/* for PYM NAV nowtoday */
.bg-dark { -background-color: #4e525e; } /* #mainNav */
.bg-dark { background-color: #0a3c23!important; } /* #mainNav */
.bg-light { background-color: #d3d6df; } /* #subNav */
.navbar-nav  {flex-flow: wrap;}

.text-pym-dark	 { color:#4d515d; }
.text-pym-light { color:#a2afb7; }
.text-pym-color { color:#666666; }
.line-pym-color { color:#e74479; }

.text-pym-dark-red		{ color:#c2281e; }
.text-pym-light-red		{ color:#e38a23; }
.text-pym-dark-green	{ color:#0a3c23; }
.text-pym-light-green	{ color:#47a339; }

.bg-pym-dark-red	{ background-color:#c2281e; }
.bg-pym-light-red	{ background-color:#e38a23; }
.bg-pym-dark-green	{ background-color:#0a3c23; }
.bg-pym-light-green	{ background-color:#47a339; }


#mainNav .nav-link {
	padding-left: 0.25rem;
	padding-right: 3.0rem;
	-letter-spacing: -0.0625em; -0.05rem;
}
#mainNav .dropdown-item {
	padding-left: 0.25rem;
	-padding-right: 0.0rem;
	width:90%;
}

#mainNav .dropdown-menu {
	margin-top: 0.25rem;
}

#mainNav a.dropdown-item:hover {
	background-color: gray;
	color: #FFF; 
}
#mainNav .dropdown-menu { background-color:transparent; border: 0; }

#mainNav .dropdown-gnb {
	position:absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	display: none; -block;
	float: left;
	width:100%;
	height:24rem;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: rgba(240, 240, 240, 0.95);
	background-clip: padding-box;
}
#mainNav .dropdown-gnb.show { display: block; }


#navbarSupportedContentSub {font-weight: bold;}
#mainNav span.sub-item {
	display: inline-block;
	font-weight: 100;
	padding-left: 2px;
	font-size: 90%;
}
#mainNav span.ssub-item {
	display: inline-block;
	font-weight: 100;
	padding-left: 2px;
	font-size: 80%;
	letter-spacing:-0.1rem;
}
#mainNav .dropdown-item-branch {padding-top:0.1rem; padding-bottom:0.1rem}


#subNav .nav-link {
		-color:#4e525e;
		padding-left-: 0.5rem; padding-right-: 0.5rem;
		padding : 0.25rem 0.5rem;
		letter-spacing: -0.0625em; -0.05rem;
}

#maptitle {
	padding:0.5em 1em 0.25em 1em;
	font-weight:bold;
	color:#4d515d;
	font-size:1.0rem;
	line-height:1.25;
}
#maptitle .branch {
	color:#a2afb7;
}


#map_area {
	width: 100%;
}

.block-title {
	display:flex;
	flex-basis:100%;
	align-items : center;
	padding:0 3rem;
	letter-spacing: -0.0625em;
}
.block-title1::before{
	content:"";
	flex-grow:1;
	margin:1rem 0.75rem;
	background: #e74479; rgba(0,0,0,0.35);
	height:4px;
	font-size:0rem;
	line-height: 0rem;
}
hr.title-line {
	-display:flex;
	flex-grow:1;
	border: solid 0.25rem #c2281e; #e38a23; #0a3c23; #e74479;
	-width:3rem;
	-margin:2rem 0;
	flex-grow:1;
}

span.title {
	-display:flex;
	flex-grow:11;
	justify-content: flex-start;
	font-size: 2.75rem;
	-font-size:3.25vw;
	font-weight: 700;
	margin:2.5rem 1.5rem;
}

span.title span.sub {
	font-size:80%;
}

.table-title { 
	background-color:#edeef0;
	font-weight:500;
	-padding: 1rem 2rem;
	border: 1px solid #d0d0d3;
	border-left:0;
	color:#616161;
	letter-spacing: -0.0625em;
}

.table-desc { 
	font-weight:300;
	-padding: 1rem 2rem;
	border: 1px solid #d0d0d3;
	border-right:0;
	letter-spacing: -0.0625em;
}

.table-doctor { 
	font-weight:700;
	-padding: 1rem 2rem;
	-font-size: 3.75vw;
	-font-size:xx-large;
	color:#4d515d;
	letter-spacing: -0.0625em;
}

.table-profile { 
	font-weight:300;
	-padding: 1rem 2rem;
	-font-size: 1.6vw;
	letter-spacing: -0.0625em;
}

/* nowtoday */
.col		{ padding-right: 0; padding-left: 0;}

.lh-1		{ line-height: 1!important;	}
.lh-sm		{ line-height: 1.25!important;	}
.lh-base	{ line-height: 1.5!important;	}
.lh-lg		{ line-height: 2!important;	}

.ls-1		{ letter-spacing: -0.0625em!important;	}
.ls-2		{ letter-spacing: -0.125em!important;	}

.fsv-100	{ font-size: 1vw!important;	}
.fsv-125	{ font-size: 1.25vw!important;	}
.fsv-150	{ font-size: 1.5vw!important;	}
.fsv-175	{ font-size: 1.75vw!important;	}
.fsv-200	{ font-size: 2vw!important;	}
.fsv-225	{ font-size: 2.25vw!important;	}
.fsv-250	{ font-size: 2.5vw!important;	}
.fsv-275	{ font-size: 2.75vw!important;	}
.fsv-300	{ font-size: 3vw!important;	}
.fsv-350	{ font-size: 3.5vw!important;	}
.fsv-400	{ font-size: 4vw!important;	}
.fsv-450	{ font-size: 4.5vw!important;	}
.fsv-500	{ font-size: 5vw!important;	}

.fsvm-3	{ font-size: 3vmin;	}
.fsvm-4	{ font-size: 4vmin;	}
.fsvm-5	{ font-size: 5vmin;	}

.font-smaller	{	font-size:smaller;	}
.font-small		{	font-size:small;	}
.font-medium	{	font-size:medium;	}
.font-large		{	font-size:large;	}
.font-larger	{	font-size:larger;	}
.font-x-small	{	font-size:x-small;	}
.font-xx-small	{	font-size:xx-small;	}
.font-x-large	{	font-size:x-large;	}
.font-xx-large	{	font-size:xx-large;	}

.text-orange { color:#fd7e14; }
span.bottom-branch-area {display:none}
span.bottom-branch-info a {display:inline-block}


.height-1 {height:1rem;}
.height-2 {height:2.5rem;}
.height-3 {height:5rem;}
.height-4 {height:7.5rem;}
.height-5 {height:10rem;}


@media all and (max-width:992px) {
	#mainNav-	a.dropdown-item {
		color : rgba(255, 255, 255, 0.7);
	}
	#subNav .navbar-nav {justify-content: center;}
	.header-icon {display: none;}

	.fs-1 { font-size: 2.0em!important;	}
	.fs-2 {	font-size: 1.5em!important;	}
	.fs-3 { font-size: 1.0em!important;	}
	.fs-4 { font-size: 0.75em!important;	}
	.fs-5 { font-size: 0.5em!important;	}
	.fs-6 { font-size: 0.25em!important;	}

	.table-title { 
		padding: 0.5rem 1rem;
	}
	
	.table-desc { 
		padding: 0.5rem 1rem;
	}
	hr.title-line {
		margin:1rem 0;
	}

	.table-doctor { 
		-padding: 1rem 2rem;
	}
	
	.table-profile { 
		padding: 0rem 1rem;
	}
	.table-profile .col-12 {margin:0; padding:0;}
	.table-profile ul {margin:0; padding:0 1rem;}

	span.bottom-branch-btn {display:block; margin:0.5em 0 0.25em 1em;}
	span.bottom-branch-info {display:block; margin:0.25em 0 0.5em 1em;}
	span.bottom-branch-area {display:inline; }
}
@media all and (min-width:993px) {
	.navbar-brand {display: none;}

	.fs-1 {
		font-size: 2.5em!important;
	}
	.fs-2 {
		font-size: 2em!important;
	}
	.fs-3 {
		font-size: 1.75em!important;
	}
	.fs-4 {
		font-size: 1.5em!important;
	}
	.fs-5 {
		font-size: 1.25em!important;
	}
	.fs-6 {
		font-size: 1em!important;
	}

	.table-title { 
		padding: 1rem 2rem;
	}
	
	.table-desc { 
		padding: 1rem 2rem;
	}
	hr.title-line {
		margin:2rem 0;
	}

}

@media all and (max-width:767px) {
	.divPopup, .pcweb-only {display: none;}
	span.title { font-size: 1.75rem; letter-spacing:-0.0625em; }
	.display-3 { font-size: 3.5rem;}
	.table-doctor {font-size: 3.0rem; padding-top:2rem;}
}
@media all and (max-width:1199px) {
	/* 2500 */
	.bg,
	.bg-14,
	.bg-25,
	.bg-28 {width:200%; position:relative; text-align:center; left:50%; margin-left:-100%; }
	.bg img,
	.bg-14 img,
	.bg-25 img,
	.bg-28 img{ width:100%;}

	.bg-14 div { }
	.bg-14 img{ width:70%;}

	.bg-1400 {margin-left:-16%; width:115%; overflow:hidden;}
	.bg-1400-fluid {margin-left:-16%; width:115%; overflow:hidden;}
	.img-fluid-1400 {
		width: 115%;
		height-: auto;
	}

	.bg-2400-fluid {margin-left:-50%; width:150%; overflow:hidden;}
	.img-fluid-2400 {
		width: 140%;
		height-: auto;
	}

	.bg .img-fluid-1200,
	.bg-25 .img-fluid-1200,
	.bg .img-fluid-1000 {
		width: 50%;
		height-: auto;
	}

}
@media all and (min-width:1200px) {
	/* 2500 */
	.bg, /* 1200 */
	.bg-14,
	.bg-25 {width:2500px; left:50%; margin-left:-1250px; position:relative; text-align:center; }
	.bg img,
	.bg-14 img,
	.bg-25 img{}
	/* 2800 */
	.bg-28 {width:2800px; left:50%; margin-left:-1400px; position:relative; text-align:center; }
	.bg-28 img{}
	/* 1400 */
	.bg-14-1 {width:1400px; left:50%; margin-left:-700px; position:relative; text-align:center; }
	.bg-14-1 img{}
	.bg-10 {width:1000px; left:50%; margin-left:-500px; position:relative; text-align:center; }

	.bg-1000 {overflow:hidden;}
	.bg-1000-fluid { width:100%;}
	.bg-1400 {margin-left:-100px; overflow:hidden;}
	.bg-1400-fluid {margin-left-:-100px;  width:100%;}
	.bg-2400- { overflow:hidden; }
	.bg-2400-fluid { text-align:center; overflow:hidden;}
	.img-fluid-1400 { 	}
	.img-fluid-2400 { transform-:translateX(-25%); width:100%;}

}
@media all and (max-width:768px) {
	#map_area {
		height: 320px;
	}

}
@media all and (min-width:768px) {
	#map_area {
	height: 480px;
	}

	
}