/* 헤더 */

header .header-busan {background: #323232; height: 60px;}
header .header-busan .logo-busan {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
header .header-busan .login-state {color: #777c7f; position: absolute; left: 5px; top: 50%; transform: translateY(-50%);}
header .header-busan .login-state li a {padding: 0 15px;}
header .header-busan .login-state li {position: relative; float: left;}
header .header-busan .login-state li:after {content: ""; width: 1px; height: 18px; background: #777c7f; display: block; position: absolute; right: 0; top: 1px;}
header .header-busan .login-state li:last-child::after {display: none;}
header .header-busan .search-wrap {width: 208px; height: 40px; line-height: 40px; border: 1px solid #656565; color: #777c7f; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
header .header-busan .header-search input {background: transparent; border: none; height: 40px; line-height: 40px;}
header .header-busan .header-search button {position: absolute; right: 10px; top: 1px;}
header .header-nav {width: 100%; background-color: #37a8ec; height: 85px; z-index: 11; position: relative; overflow: hidden; transition: all 0.3s ease-in-out;}
header .header-nav.active {height: 208px;}
header .header-nav #logo {position: absolute; left: 20px; top: 30px; z-index: 12;}
header .header-nav nav > ul {position: relative; top: 30px;}
#gnb-bg {overflow: hidden; position: absolute; left: 0; top: 60px; width: 100%; height: 200px; background: #37a8ec; z-index: 10; transition: height 0.3s ease-in-out, opacity 0.2s ease-in-out;}
.header-nav.active #gnb-bg {height: 200px;}
header .header-nav nav > ul > li > a {padding-bottom: 30px;}
header .header-nav nav ul li a {color: #fff; font-size: 16px; padding: 0 25px;}
header .header-nav nav ul ul {padding: 35px 0;}
header .header-nav nav ul ul li a {display: block; padding: 0; font-size: 14px;}
header .header-nav.active nav ul ul {opacity: 1; z-index: 99;}
header .header-nav.active nav ul ul li a {display: block;}
header .mobile-login, header .mobile-search-wrap, .mobile-gnb {display: none;}

@media (max-width: 1024px) {
	header .login-state, header .search-wrap {display: none;}
	header .header-nav nav .mobile-login-state ul {position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 100%;}
	header .header-nav nav .mobile-login-state ul li {position: relative; width: 50%; text-align: center;}
	header .header-nav nav .mobile-login-state ul li a {padding: 0; color: #777c7f;}
	header .mobile-login-state li:after {content: ""; width: 1px; height: 18px; background: #777c7f; display: block; position: absolute; right: 0; top: 1px;}
	header .mobile-login-state li:last-child::after {display: none;}
	header .mobile-search-wrap {display: block; width: 208px; height: 40px; line-height: 40px; border: 1px solid #fff; color: #fff; position: absolute; left: 20px; top: 80px;}
	header .mobile-search-wrap .header-search input {background: transparent; border: none; height: 40px; line-height: 40px;}
	header .mobile-search-wrap .header-search button {position: absolute; right: 10px; top: 1px;}
	header .mobile-login {display: block; background: #323232; height: 60px; position: relative;}
	header .header-nav nav {
		position: fixed;
		top: 0;
		left: 0;
		background: #37a8ec;
		width: 100%;
		height: 100%;
		z-index: 1;
		transition: all 0.5s;
		transform: translateX(-100%);
		opacity: 0;
	}
	header .header-nav nav.is-active {
		transform: translateX(0);
		opacity: 1;
		transition: all 0.4s cubic-bezier(0.165,0.84,0.44,1);
	}
	header .header-nav nav > ul {display: block !important; padding-top: 80px;}
	/* header .header-nav nav > ul > li {border-bottom: 4px solid rgba(255,255,255,.05);} */
	header .header-nav nav > ul li a {font-size: 24px; padding: 15px 20px; display: block; font-family: 'S-CoreDream-7ExtraBold'; color: rgba(255,255,255,.85);}
	header .header-nav nav > ul ul {padding-top: 0;}
	header .header-nav nav > ul ul li a {font-size: 18px; padding: 10px 20px; display: block; font-family: 'S-CoreDream-2ExtraLight'; color: rgba(255,255,255,.85);}
	.mobile-gnb {display: block; position: absolute; right: 20px; top: 25px; z-index: 9999; cursor: pointer;}
	.mobile-gnb .line {
		width: 24px;
		height: 3px;
		border-radius: 1.5px;
		background-color: #fff;
		display: block;
		margin: 5px auto;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.mobile-gnb.is-active .line {background: #fff;}
	.mobile-gnb.is-active .line:nth-child(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		-ms-transform: translateY(8px) rotate(45deg);
		-o-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}
	.mobile-gnb.is-active .line:nth-child(2) {opacity: 0;}
	.mobile-gnb.is-active .line:nth-child(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		-ms-transform: translateY(-8px) rotate(-45deg);
		-o-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}
}

/* 푸터 */
footer {position: relative; width: 100%; background: #e9e9e9; padding: 30px 0;}
footer ul {position: relative; font-size: 12px; text-align: center; color: #666;}
footer ul span {display: inline-block; padding-right: 13px; margin-right: 10px;}
footer ul li:first-child span {position: relative;}
footer ul li:first-child span:after {content: ''; display: block; position: absolute; width: 1px; height: 10px; right: -4px; top: 50%; transform: translate(0,-50%); background: #ccc;}
footer ul li:first-child span:last-child:after {display: none;}

@media (max-width: 320px) {
	footer ul li:first-child span:after {display: none;}
}

/* 2차 메뉴 */
.tab {width: 100%; border-bottom: 1px solid #ddd;}
.tab ul {display: flex; flex-wrap: wrap;}
.tab ul li {flex: 1; text-align: center;}
.tab ul li a {display: block; padding: 10px; border-right: 1px solid #ddd; transition: all 0.3s ease-in-out; color: #333;}
.tab ul li a:hover, .tab ul li a.active {background-color: #333; color: #fff;}
.tab ul li:first-child a {border-left: 1px solid #ddd;}
.board-type-gallery-three .head .img {width: 300px; height: 87px; border: 1px solid #ddd;}

/* 톡한방 게시글 */
.hospital_box { width: 100%;display: inline-block;clear: both;position: relative;margin-top: 10px; border-bottom: 1px solid #ddd;}
.hospital_box .hospital_vis { float:left;max-width:45%;margin-bottom:20px;display:inline-block;}
.hospital_box .hospital_vis img {max-width:100%}
.hospital_box .hospital_info { float:left;max-width: 50%;display: inline-block;margin-bottom: 50px;margin-left: 30px;}
.hospital_box .hospital_logo { margin-bottom: 8px; }
.hospital_box .hospital_name {color:#000; font-size:24px; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px; }
.hospital_box .tit_bold {color:#333;  font-weight:bold; font-size:13px; line-height:150%;  }
.hospital_box ul {padding:0px;margin:20px 0 0 0;}
.hospital_box ul.bu2 li {color:#333; padding:2px 8px 4px 6px; font-size:13px; margin:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sunaonat.ohfna.pbz%2Sfuner%2Spff%2Svzt%2Soh1.tvs) no-repeat 0 13px; line-height:180%;}
.hospital_box .h_vis {margin:40px 0; width:100%;}
.hospital_box .h_vis_img {margin:auto; width:650px; height:405px;}
.hospital_box .icon {display:inline-block;margin-right:10px}

@media (max-width: 767px) {
	.tab ul {padding: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; flex-wrap: inherit !important; scrollbar-width: none;}
	.tab ul::-webkit-scrollbar {display: none;}
	.tab ul li a {padding: 10px; font-size: 14px;}
	.tab ul li:first-child a, .tab ul li:last-child a {border-left: none;}
}