/* RESET
--------------------------------------------------------------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

* {
	margin:0; padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

html {
	width:100%;
}

body{
	width:100%;
	line-height:1;
	color:#333;
	font-size:1em;
	font-family:'NanumSquare', '돋움', 'dotum', 'Roboto', sans-serif;
	overflow-y: visible !important;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

ul, ol, li { padding:0; margin:0; list-style:none; }

a { text-decoration:none; color:#333; }

strong, em, i, address, b { font-style:normal; font-weight:400; }

img { vertical-align:top; border:none; }

h1, h2, h3, h4, h5 ,h6 { line-height:1; font-weight:400; }

.hidden { visibility:inherit; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

.clear  {clear:both; }

input[type=checkbox] { vertical-align:middle; }

input[type=radio] { vertical-align:middle;margin:0 5px; }

input[type=button] {cursor:pointer;	border:none; }

select, input {	vertical-align:top; margin:0; padding:0; }


/*공지팝업*/
#popNoti {
    position:absolute;
    top:10px;
    left:10px;
    z-index:1000;
}

#popNoti .popup {
	position:absolute;
	display:none;
}

#popNoti .popup.popup1{
	left:0;
}

#popNoti .popup.popup2{
	left:550px;
}

#popNoti .popup.popup3{
	left:1100px;
}

#popNoti .pop_img {
	position:relative;
	top:0;
	left:0;
	width:540px;
}

#popNoti .pop_img .btn {
	position:absolute;
	top:0;
	left:4%;
	margin-top:128%;
	z-index:1000;
}

#popNoti .pop_img .btn a {
	float:left;
	width:47%;
	margin-right:2%;
	display:block;
}

#popNoti .pop_img .btn a img {
	width:100%;
}

#popNoti .pop_img > img {
	width:100%;
}

#popNoti .pop_bot {
	width:100%;
	padding:10px 0;
	background:#222;
	overflow:hidden;
}

#popNoti .pop_bot label {
    float:left;
	margin-left:10px;
    color: #ddd;
    font-size: 1em;
    font-weight: 600;
}

#popNoti .pop_bot label input {
	width:17px;
	height:17px;
	border:none;
	margin-left:5px;
}


#popNoti .pop_bot a {
    float:right;
	margin-right:10px;
    color: #ddd;
    font-size: 1em;
    font-weight: 600;
}

/*스크롤배너*/
#scroll_banner {
	position:absolute;
	top:20px;
	right:20px;
	color:#fff;
	z-index:1000;
	text-align:center;
}

#scroll_banner ul {
	margin-top:20px;
}

#scroll_banner ul li {
	margin-bottom:10px;
}

#scroll_banner a.close {
	position:absolute;
	top:0; 
	right:0;
	display:block;
}


/* 인트로 --------------------------------------------------------------------------------------------------------*/


.mainArea {
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin:0 auto;
	height:auto;
	z-index:100;
}

.mainArea .logo {
	position:relative;
	width:300px;
	margin:0 auto;
	padding:40px 0;
	background:#934959;
	text-align:center;
	z-index:100;
}

.mainArea .tit {
	position:relative;
	width:610px;
	margin:50px auto 75px auto;
	z-index:100;
	text-align:center;
	z-index:100;
}

.mainArea .tit img {
	width:100%;
}

.mainArea .menu {
	position:relative;
	width:1120px;
	margin:0 auto;
	padding-bottom:100px;
	overflow:hidden;
	z-index:100;
}

.mainArea .menu ul li {
	float:left;
	width:250px;
	margin:0 15px 30px 15px;
	font-family: 'NanumSquare';
	font-weight:800;
	text-align:center;
}

.mainArea .menu ul li a {
	width:100%;
	padding:25px 0;
	border:1px solid #fff;
	font-size:1.5em;
	color:#fff;
	display:block;
}

.mainArea .menu ul li a span {
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing:1px;
	margin-top:5px;
	font-size:0.4em;
	font-weight:300;
	color:rgba(255,255,255,0.7);
	text-transform: uppercase;
	display:block;
}

.mainArea .menu ul li a:hover {
	border:1px solid #eee6d7;
	color:#eee6d7;
}


.mainArea .menu ul li a.Gangnam {
	background:url(../images/menu01.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Gangnam:hover {
	background:url(../images/menu01_on.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Yongsan {
	background:url(../images/menu02.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Yongsan:hover {
	background:url(../images/menu02_on.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Gocheok {
	background:url(../images/menu03.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Gocheok:hover {
	background:url(../images/menu03_on.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.BucheonSosa {
	background:url(../images/menu04.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.BucheonSosa:hover {
	background:url(../images/menu04_on.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.SuwonIngye {
	background:url(../images/menu05.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.SuwonIngye:hover {
	background:url(../images/menu05_on.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Cheongna {
	background:url(../images/menu06.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Cheongna:hover {
	background:url(../images/menu06_on.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.HanamMisa {
	background:url(../images/menu07.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.HanamMisa:hover {
	background:url(../images/menu07_on.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Seodaejeonyeok {
	background:url(../images/menu08.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Seodaejeonyeok:hover {
	background:url(../images/menu08_on.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Sejong {
	background:url(../images/menu09.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.Sejong:hover {
	background:url(../images/menu09_on.png) no-repeat top center;
	background-size:100%;
}
.mainArea .menu ul li a.JeonjuManseong {
	background:url(../images/menu10.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.JeonjuManseong:hover {
	background:url(../images/menu10_on.png) no-repeat top center;
	background-size:100%;
}
.mainArea .menu ul li a.SejongBukgu {
	background:url(../images/menu11.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.SejongBukgu:hover {
	background:url(../images/menu11_on.png) no-repeat top center;
	background-size:100%;
}
.mainArea .menu ul li a.PohangBukgu {
	background:url(../images/menu12.png) no-repeat top center;
	background-size:100%;
}

.mainArea .menu ul li a.PohangBukgu:hover {
	background:url(../images/menu12_on.png) no-repeat top center;
	background-size:100%;
}

.mainArea .bottom {
	position:absolute;
	width:100%;
	bottom:0;
	z-index:100;
}

.mainArea .bottom > div {
	position:relative;
	top:0;
	left:0;
	width:1375px;
	margin:0 auto;
}

.mainArea .bottom .kakao a {
	position:absolute;
	bottom:0;
	left:0;
	width:220px;
	padding:10px 0;
	background:#ffdd00;
	text-align:center;
	display:block;
}

.mainArea .bottom .kakao a img {
	width:70%;
}

.bgArea {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
	overflow:hidden;
	z-index:10;
}


/* 랜딩
--------------------------------------------------------------------------------------------------------*/


.wrap.landing {
	min-width:860px;
	overflow:hidden;
}

/*
.visualArea .logo {
	position:absolute;
	top:100px;
	left:50%;
	width:280px;
	margin-left:-380px;
	z-index:500;
}

.visualArea .logo img {
	width:100%;
}

.visualArea ul li {
    position:relative;
    top:0;
    left:0;
}

.visualArea ul li img {
	width:100%;
}

.visualArea .mv_pager {
	position:absolute;
	bottom:7%;
	left:50%;
	width:860px;
	margin-left:-430px;
	z-index:100;
	text-align:center;
}

.visualArea .mv_pager a {
	width:7%;
	padding-bottom:8%;
	margin-right:3%;
	text-indent:-9999px;
	display:inline-block;
}

.visualArea .mv_pager a.mv_pager01 {
	background:url(../images/landing/mv_pager01_off.png) no-repeat top center;
	background-size:100%;
}

.visualArea .mv_pager a.mv_pager01.active {
	background:url(../images/landing/mv_pager01_on.png) no-repeat top center;
	background-size:100%;
}

.visualArea .mv_pager a.mv_pager02 {
	background:url(../images/landing/mv_pager02_off.png) no-repeat top center;
	background-size:100%;
}

.visualArea .mv_pager a.mv_pager02.active {
	background:url(../images/landing/mv_pager02_on.png) no-repeat top center;
	background-size:100%;
}

.visualArea .mv_pager a.mv_pager03 {
	background:url(../images/landing/mv_pager03_off.png) no-repeat top center;
	background-size:100%;
}

.visualArea .mv_pager a.mv_pager03.active {
	background:url(../images/landing/mv_pager03_on.png) no-repeat top center;
	background-size:100%;
}
.visualArea .mv_pager a.mv_pager04 {
	background:url(../images/landing/mv_pager04_off.png) no-repeat top center;
	background-size:100%;
}

.visualArea .mv_pager a.mv_pager04.active {
	background:url(../images/landing/mv_pager04_on.png) no-repeat top center;
	background-size:100%;
}
*/


.visualArea, .visualArea2, .contArea, .infoArea{
    position:relative;
    top:0;
    left:50%;	
    width:1920px;;
	margin-left:-960px;
    height:auto;
	text-align:center;
	overflow:hidden;
}

.visualArea {
	height:900px;
}

.visualArea .logo {
	position: relative;
    padding:110px 0 85px 0;
    z-index:10;
}

.visualArea .text {
	position:relative;
	padding-bottom:100px;
	z-index:10;
}





.contArea .content {
	position:relative;
	top:0;
	left:0;
	text-align:center;
}

.contArea .content .tit {
	margin-bottom:50px;
}


/* 시기별 집중케어 프로그램 */

.content.program {
	padding-top:120px;
}

.content.program .tabArea ul li {
	float:left;
	width:50%;	
	background:#A9A9A9;
}

.content.program .tabArea ul li a {
	padding:20px 0;
	display:block;
}

.content.program .tabArea ul li.tab1 {
	text-align:right;
}

.content.program .tabArea ul li.tab1.active a {
	background:#B86778;
}

.content.program .tabArea ul li.tab2 {
	text-align:left;
}

.content.program .tabArea ul li.tab2.active a {
	background:#D3BB4D;
}


/* 면역치료안내 */

.content.treat {
	/*background:#f8dee4;
	padding:120px 0;*/
}

.content.treat ul {
	width:820px;
	margin:0 auto;
	overflow:hidden;
}

.content.treat ul li {
	float:left;
	margin:0 10px 45px 10px;	
}

.content.treat ul li > div {
	position:relative;
	top:0;
	left:0;
}

.content.treat ul li > div a {
	position:absolute;
	bottom:0;
	right:0;
}

.content .move_img ul {
	width:800px;
	margin:0 auto;
	overflow:hidden;
}

.content .move_img ul li {
	float:left;
	margin:0 2px 2px 0;
}

/*논문 별도페이지 */

.thesis {
	font-family:'NanumSquare';
	max-width:800px;
	margin:80px auto;
	overflow:hidden;
	text-align:center;
}

.thesis .tabArea {
	margin:90px auto;
	overflow:hidden;
}

.thesis .tabArea ul li {
	float:left;
	width:33.333%;
	background:#ebebeb;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
}

.thesis .tabArea ul li.active {
	background:#90505e;
}

.thesis .tabArea ul li a {
	width:100%;
	padding:30px 0;
	text-indent:-9999px;
	display:block;
}

.thesis .tabArea ul li.tab1 a {
	background:url(../images/landing/thesis/tab01_off.png) no-repeat center;
}

.thesis .tabArea ul li.tab2 a {
	background:url(../images/landing/thesis/tab02_off.png) no-repeat center;
}

.thesis .tabArea ul li.tab3 a {
	background:url(../images/landing/thesis/tab03_off.png) no-repeat center;
}

.thesis .tabArea ul li.tab4 a {
	background:url(../images/landing/thesis/tab04_off.png) no-repeat center;
}

.thesis .tabArea ul li.tab5 a {
	background:url(../images/landing/thesis/tab05_off.png) no-repeat center;
}

.thesis .tabArea ul li.tab6 a {
	background:url(../images/landing/thesis/tab06_off.png) no-repeat center;
}

.thesis .tabArea ul li.tab7 a {
	background:url(../images/landing/thesis/tab07_off.png) no-repeat center;
}

.thesis .tabArea ul li.tab8 a {   
	background:url(../images/landing/thesis/tab08_off.png) no-repeat center;
}

.thesis .tabArea ul li.tab9 a {   
	background:url(../images/landing/thesis/tab09_off.png) no-repeat center;
}


.thesis .tabArea ul li.tab1.active a {
	background:url(../images/landing/thesis/tab01_on.png) no-repeat center;
}

.thesis .tabArea ul li.tab2.active a {
	background:url(../images/landing/thesis/tab02_on.png) no-repeat center;
}

.thesis .tabArea ul li.tab3.active a {
	background:url(../images/landing/thesis/tab03_on.png) no-repeat center;
}

.thesis .tabArea ul li.tab4.active a {
	background:url(../images/landing/thesis/tab04_on.png) no-repeat center;
}

.thesis .tabArea ul li.tab5.active a {
	background:url(../images/landing/thesis/tab05_on.png) no-repeat center;
}

.thesis .tabArea ul li.tab6.active a {
	background:url(../images/landing/thesis/tab06_on.png) no-repeat center;
}

.thesis .tabArea ul li.tab7.active a {
	background:url(../images/landing/thesis/tab07_on.png) no-repeat center;
}

.thesis .tabArea ul li.tab8.active a {
	background:url(../images/landing/thesis/tab08_on.png) no-repeat center;
}

.thesis .tabArea ul li.tab9.active a {
	background:url(../images/landing/thesis/tab09_on.png) no-repeat center;
}


.thesis .textArea {
	clear:both;
}

.thesis .textArea h2 {
	margin-bottom:20px;
	font-weight:900;
	font-size:2.5em;
	color:#666;
}

.thesis .textArea .text {
	padding:30px;
	font-size:1.0em;
	line-height:1.5;
	text-align:left;
}

.thesis .textArea .text .subtit {
	display:block;
}

.thesis .textArea .text .subtit em {
	font-weight:900;
	display:block;
}

.thesis .textArea .text a {
	margin:20px 0;
	word-wrap: break-word;
    white-space: normal;
	display:block;
}

.thesis .textArea .text p span {
	display:block;
}

.contArea .content a.btn_more {
	position:absolute;
	right:560px;
}


/*진료시간 오시는길*/
.infoArea {
	padding:120px 0;
}

.infoArea .infoWrap {
	width:100%; 
	max-width:800px;
	margin:0 auto;
	text-align:center;
}

.infoArea .infoWrap .tit {
	width:80%;
	margin:0 auto 30px auto;
}

.infoArea .infoWrap .tit img {
	width:100%;
}

.infoArea .infoWrap .mapArea {
	width:800px;
	margin:0 auto;
}







/*footer*/

.footerArea {
	position:relative;
	width:100%;
	background:#2e2e2e;
	font-family: 'NanumSquare';
	z-index:100;
}

.footerArea .footer_wrap {
	position:relative;
	top:0;
	left:0;
	width:1370px;
	margin:0 auto;
	padding:50px 0;
	overflow:hidden;
}

.footerArea .footer_wrap .left {
	float:left;	
	width:160px;
	margin:30px 150px 0 200px;
	text-align:center;
}

.footerArea .footer_wrap .left .logo img {
	width:100%;
}

.footerArea .footer_wrap .left .tel {
	width:80%;
	margin:10px auto;
}

.footerArea .footer_wrap .left .tel img {
	width:100%;
}

.footerArea .footer_wrap .right {
	float:left;
}

.footerArea .footer_wrap .right ul {
	overflow:hidden;
}

.footerArea .footer_wrap .right ul li {
	margin-right:20px;
	margin-bottom:10px;
	color:#a2968d;
	font-size:1.0em;
	display:inline-block;
}

.footerArea .footer_wrap .right ul li.add {
	display:block;
}

.footerArea .footer_wrap .right span {
	margin-bottom:10px;
	font-size:1.0em;
	color:#a2968d;
	display:block;
}

.footerArea .footer_wrap .right em {
	font-size:0.8em;
	color:#a2968d;
	display:block;
}


.footerArea .footer_wrap .branch {
	float:left;
	width:650px;
	margin:0 auto;
}

.footerArea .footer_wrap .branch ul li {
	position:relative;
	top:0;
	left:0;
	margin-bottom:10px;	
	font-size:0.9em;
	overflow:hidden;
	display:block;
}

.footerArea .footer_wrap .branch ul li span {
	float:left;
	margin-right:20px;
	display:block;
}

.footerArea .footer_wrap .branch ul li span.loc {
	color:#888
}

.footerArea .footer_wrap .branch ul li span.name {
	color:#999;
	font-weight:700;
}
.footerArea .footer_wrap .branch ul li span.add {
	color:#999;
}



@media screen and (max-width: 860px) {	
	
	/*공지팝업*/
	#popNoti {
		left:5%;
		width:90%;
	}
	
	#popNoti .popup{
		right:0;
		width:100%;
		margin-right:0;
		z-index:1000;
	}
	
	#popNoti .popup.popup1{
		left:0;
		width:100%;
		z-index:3;
	}

	#popNoti .popup.popup2{
		left:0;
		width:100%;
		z-index:2;
	}
	
	#popNoti .popup.popup3{
		left:0;
		width:100%;
		z-index:1;
	}
	
	#popNoti .pop_img {
		width:100%;
	}
	
	#popNoti .pop_bot {
		padding:2vw 0;
	}
	
	#popNoti .pop_bot label, #popNoti .pop_bot a {
		font-size:3vw;
	}
	
	#popNoti .pop_bot label input {
		width:3vw;
		height:3vw;
	}
	
	/*스크롤배너*/
	#scroll_banner ul li {
		margin-bottom:2vw;
	}
	
	#scroll_banner ul li a {
		width:18vw;
		display:block;
	}
	
	#scroll_banner ul li a img {
		width:100%;
	}
	
	#scroll_banner .close {
		width:4vw;
	}
	
	#scroll_banner .close img {
		width:100%;
	}

	
	
	.mainArea {
		width:100%;
	}
	
	.mainArea .tit {
		width:90%;
		margin:6% auto;
	}	
	
	.mainArea .logo {
		width:34%;
		padding:6% 7%;	
	}
	
	.mainArea .logo img {
		width:100%;
	}
	
	.mainArea .menu {
		width:88%;
		margin:0 auto;
		padding-bottom:10%;
		overflow:hidden;
	}
	
	.mainArea .menu ul li {
		width:46%;
		margin:2%;
	}	

	.mainArea .menu ul li a {
		padding:11% 0;
		font-size:4vw;
	}

	.mainArea .menu ul li a span {
		font-size:2.0vw;
	}		
	
	
	.mainArea .menu ul li a.Gangnam:hover {
		background:url(../images/menu01.png) no-repeat top center;
		background-size:100%;
	}

	.mainArea .menu ul li a.Yongsan:hover {
		background:url(../images/menu02.png) no-repeat top center;
		background-size:100%;
	}

	.mainArea .menu ul li a.Gocheok:hover {
		background:url(../images/menu03.png) no-repeat top center;
		background-size:100%;
	}

	.mainArea .menu ul li a.BucheonSosa:hover {
		background:url(../images/menu04.png) no-repeat top center;
		background-size:100%;
	}
	.mainArea .menu ul li a.SuwonIngye:hover {
		background:url(../images/menu05.png) no-repeat top center;
		background-size:100%;
	}

	.mainArea .menu ul li a.cheongna:hover {
		background:url(../images/menu06.png) no-repeat top center;
		background-size:100%;
	}

	.mainArea .menu ul li a.HanamMisa:hover {
		background:url(../images/menu07.png) no-repeat top center;
		background-size:100%;
	}

	.mainArea .menu ul li a.Seodaejeonyeok:hover {
		background:url(../images/menu08.png) no-repeat top center;
		background-size:100%;
	}

	.mainArea .menu ul li a.Sejong:hover {
		background:url(../images/menu09.png) no-repeat top center;
		background-size:100%;
	}

	.mainArea .menu ul li a.JeonjuManseong:hover {
		background:url(../images/menu10.png) no-repeat top center;
		background-size:100%;
	}
	.mainArea .menu ul li a.SejongBukgu:hover {
		background:url(../images/menu11.png) no-repeat top center;
		background-size:100%;
	}
	.mainArea .menu ul li a.PohangBukgu:hover {
		background:url(../images/menu12.png) no-repeat top center;
		background-size:100%;
	}
	
	.mainArea .bottom {
		position:relative;
	}
	
	.mainArea .bottom div {
		width:100%;
	}
	
	.mainArea .bottom .kakao {
		padding: 5% 0;
		background:#2e2e2e;
	}
	
	.mainArea .bottom .kakao a {
		position:relative;
		width:80%;
		margin:0 auto;	
		padding:3% 0;
	}
	
	.mainArea .bottom .kakao a img {
		width:60%;
	}
	
	#slideshow .slide span {
		 background-size:150%;
		background-repeat:no-repeat;
		background-position:center 60%;
   	}

	.footerArea .footer_wrap {
		width:100%;
		padding:0;
		text-align:center;
	}
	

	.footerArea .footer_wrap .left {
		float:none;	
		width:100%;
		margin:0 auto;
		padding-top:10%;
		border-top:1px solid #4d4a47;
		text-align:center;
		overflow:hidden;
	}
	
	.footerArea .footer_wrap .left > div {
		width:80%;
		margin:0 auto;
	}
	
	.footerArea .footer_wrap .left .logo {
		float:left;
		width:50%;
		margin:0;
	}
	
	.footerArea .footer_wrap .left .tel {
		float:left;
		width:50%;
		margin:0;
	}
	
	.footerArea .footer_wrap .left .logo img, .footerArea .footer_wrap .left .tel img {
		width:80%;
	}
	
	
	.footerArea .footer_wrap .right {
		float:none;
		width:100%;
		margin-left:0;
		margin-top:4.5vw;
		padding-bottom:10%;
		clear:both;
	}

	.footerArea .footer_wrap .right ul li {
		margin-right:10px;
		margin-bottom:1.8vw;
		font-size:3vw;
	}
	
	.footerArea .footer_wrap .right ul li.num {
		margin-right:0;
	}
	
	.footerArea .footer_wrap .right ul li.add {
		margin-right:0;
	}

	.footerArea .footer_wrap .right span {
		font-size:3vw;
	}	
	
	.footerArea .footer_wrap .right em {
		font-size:2.5vw;
	}
	
	.footerArea .footer_wrap .branch {
		float:none;
		width:90%;
		margin:4.5vw auto 0 auto;
		padding-bottom:2vw;
	}
	
	.footerArea .footer_wrap .branch ul li {
		font-size:2.0vw;
	}
	
	.footerArea .footer_wrap .branch ul li span {
		margin-right:1.5vw;
	}
	
}