.wrap {
	width:100%;
}

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

.wrap.intro .introWrap {
	position:relative;
	top:0;
	left:0;
	width:100%;	
	background-position:bottom center;
	background-repeat:no-repeat;
	text-align:center;
}

.introWrap .introInner {
	margin:0 auto;
}

.introWrap .logo {
	position:relative;
	width:290px;
	margin:0 auto 80px auto;
	padding:30px 0;
	background:#c5a775;
	text-align:center;
	z-index:10;
}

.introWrap .logo_v2 {
	position:relative;
	margin:0 auto 80px auto;
	padding:30px;
	background:#c5a775;	
	color:#fff;
	text-align:center;
	z-index:10;
	display:inline-block;
}

/*상단 병원 한글명*/
.introWrap .logo_v2 strong {
	padding:20px 0 10px 0;
	font-family: 'ChosunIlboMyungjo';
	font-weight: 700;
	font-size:2.3em;
	display: block;
	letter-spacing: 0.05em;  /* 글자 간격 추가 */
}

/*상단 병원 영문명*/
.introWrap .logo_v2 span {
	font-family:'Pretendard';
	font-weight:100;
	font-size:9px;
	display:block;
	letter-spacing: 0.1em;  /* 글자 간격 추가 */
}

.introWrap .tit {
	position:relative;
	margin-bottom:30px;
	z-index:10;
}

/*타이틀 문구*/
.introWrap .tit p {
	font-family:'ChosunIlboMyungjo';
	font-weight:normal;
    font-size:1.8em;
    line-height:140%;
    color: #f4e3dc;
}

.wrap.intro .botArea {
    position: absolute;
    top: 0;
    right: 0;
	z-index:20;
}

.wrap.intro .botArea a {
    padding: 8px 15px;
	margin-left:5px;
    background: rgba(0,0,0,0.8);
    color: #9a8c7f;
    font-size: 1.1em;
    display: inline-block;
}

.wrap.intro .botArea2 {
	width:240px;
	margin:0 auto;
	padding-bottom:130px;
    text-align:center;
}

.wrap.intro .botArea2 a {
	padding:12px;
	background:#fff;	
	font-weight:700;
	color:#333;
	display:block;
}

.wrap.intro .botArea2 a span {
	background:url(/f/images/intro/bullet.gif) no-repeat right center;
	display:block;
}
/*----- 메인 메뉴 영역 -----*/

/* 기존 CSS 모두 그대로 두고 이것만 추가 */
.wrap.intro .menu3 {
	position: relative;
	margin: 0 auto;
	padding-bottom: 170px;
	overflow: hidden;
	z-index: 10;
	max-width: 1250px;  /* 이 줄만 추가 */
}

/* 나머지는 모두 기존대로 */
.wrap.intro .menu3 ul li {
	float: left;
	margin: 5px;
	text-align: left;
}

.wrap.intro .menu3 ul li a {
	width: 240px;  /* 그대로 유지 */
	height: 180px;
	padding-left: 20px;
	background-size: cover !important;
	color: #fff;
	display: block;
}


/*배너명 영문*/
.wrap.intro .menu3 ul li a span {
	font-family:'Pretendard';
    padding:50px 0 15px 0;    
    font-weight:100;
	font-size:0.75em;
    letter-spacing:0.1em;
    text-transform:uppercase;
	display:block;
}

/*배너명 한글*/
.wrap.intro .menu3 ul li a strong {
	font-family:'NanumSquareRound';
    font-weight:normal;
	font-size:1.2em;
	line-height:130%;
	letter-spacing:-1px;
    display:block;
}

/*메뉴명 줄바꿈*/
.wrap.intro .menu3 ul li a strong i {
	font-weight:500;
    display:block;
}

/*메뉴명 중간 점*/
.wrap.intro .menu3 ul li a strong i b {
	display:none;
}

/*메뉴 작은글씨*/
.wrap.intro .menu3 ul li a strong i strong {
	padding:0;
	font-size:0.7em;
	font-weight:700;
	display:inline-block;
}

/*교통사고*/
.wrap.intro .menu3 ul li.traffic a {
	background:url(../images/intro/intro_bn_traffic.jpg) no-repeat center left;
}

/*산업재해*/
.wrap.intro .menu3 ul li.industry a {
	background:url(../images/intro/intro_bn_industry.jpg) no-repeat center left;
}


/*디스크협착증*/
.wrap.intro .menu3 ul li.disc a {
	background:url(../images/intro/intro_bn_disc.jpg) no-repeat center left;
}


/*수술후 재활 회복*/ 
.wrap.intro .menu3 ul li.ipwon a { 
background:url(../images/intro/intro_bn_ipwon.jpg) no-repeat center left; }


/*신경계재활*/
.wrap.intro .menu3 ul li.paralysis a {
	background:url(../images/intro/intro_bn_paralysis.jpg) no-repeat center left;
}

/*자궁난소*/
.wrap.intro .menu3 ul li.uterus a {
	background:url(../images/intro/intro_bn_uterus.jpg) no-repeat center left;
}


/*일년약속다이어트*/
.wrap.intro .menu3 ul li.diet a {
	background:url(../images/intro/intro_bn_diet.jpg) no-repeat center left;
}


/*공진단*/
.wrap.intro .menu3 ul li.gongjindan a {
	background:url(../images/intro/intro_bn_gongjindan.jpg) no-repeat center left;
}


/*첩약건보*/
.wrap.intro .menu3 ul li.hanyak a {
	background:url(../images/intro/intro_bn_hanyak.jpg) no-repeat center left;
}


/*병원소개*/
.wrap.intro .menu3 ul li.namwon a {
	background:url(../images/intro/intro_bn_namwon.jpg) no-repeat center left;
}


/*----- 메뉴 신버전 menu3 끝 -----*/


.wrap.intro .intro_visual {
	position:relative;
	overflow:hidden;
	z-index:5;
}

.wrap.intro #slideshow .intro_visual span {
    background-position:center 70%;
    background-size:cover;
    background-repeat:no-repeat;
}

.wrap.intro .bot_info {
	display:none;
}

.wrap.intro .bot_info p img {
	width:100%;
}

.wrap.intro .bot_info .contact {
	padding:6% 0;
	background:#fff;
}

.wrap.intro .bot_info .contact a {
	width:80%;
	margin:0 auto 10px auto;
	display:block;
}

.wrap.intro .bot_info .contact a img {
	width:100%;
}


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

#popNoti .popup {
	position:absolute;
	border:1px solid #fff;
	display:none;
}

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

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

#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_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 .btn_close {
    float:right;
	margin-right:10px;
	background:none;
	border:none;
	font-family:'NanumSquare', '돋움', 'dotum', 'Roboto', sans-serif;
    color: #ddd;
    font-size: 1em;
    font-weight: 600;
	cursor:pointer;
}


/* 비급여페이지 */

.nonpay {
	max-width:900px; width:100%; margin:0 auto 50px auto;
}

.nonpay .title {
	margin:50px 0;
	text-align:center;
	font-size:2.5em;
	font-weight:900;
	color:#333;
}

.nonpay .tab {
	max-width:900px;
    width:100%;
	margin:0 auto;
	padding-left:1px;
	overflow:hidden;
}

.nonpay .tab ul li {
	float:left;
	margin-left:-1px;
	border:1px solid #ddd;
	text-align:center;
}

.nonpay .tab ul li a {
	padding:20px 0;
	font-size:1.3em;
	font-weight:600;
	color:#333;
	display:block;
}

.nonpay .tab ul li.active a {
	color:#fff;
	background:#704e46;
}

.nonpay .tab_content {
	max-width:900px;
    width:100%;
    margin:40px auto;
}

.nonpay .tab_content .red {
	margin-top:8px;
	color:#ff0000;
	font-size:0.8em;
	font-weight:400;
}

.nonpay .tab_content strong {
	margin-top:40px;
    margin-bottom:10px;
    font-size:1.2em;
    font-weight:600;
    display:block;
}

.nonpay .tab_content strong span {
	font-size:0.8em;
	font-weight:200;
	color:#777;
}
@media screen and (max-width: 860px) {
	.nonpay .tab ul li a {
		padding:10px 0;
		font-size:0.9em;
	}
	
	.nonpay .tab_content strong {
		font-size:0.9em;
	}
}


/*비급여비용 팝업*/
#popup_nonpay {
	position:fixed;
	top:50%;
	left:50%;
	width:1000px;
	height:500px;
	margin-top:-300px;
	margin-left:-500px;
	display:none;
	background:#fff;
	text-align:center;
	z-index:2000;
}

#popup_nonpay .top {
	width:100%;
	height:40px;
	padding:0 20px;
	line-height:40px;
	background:#9b7b64;
	overflow:hidden;
}

#popup_nonpay .top strong {
	float:left;
	color:#fff;
	font-size:1.2em;
	font-weight:700;
	display:block;
}

#popup_nonpay .top a {
	float:right;
	color:#fff;
	display:block;
}

#popup_nonpay .price {
	width:100%;
	height:100%;
	background:#fff;
}

#popup_nonpay .price iframe {
	width:100%;
	height:100%;
	overflow:hidden;
}

.blackover {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	overflow:hidden;
	display:none;
	z-index:1500;
}

.nonpay .title {
	margin:50px 0;
	text-align:center;
	font-size:2.5em;
	font-weight:900;
	color:#333;
}

.nonpay .text {
	padding-bottom:10px;
	line-height:1.2;
}

.nonpay .tit {
	margin:40px 0 10px 0;
	font-size:1.3em;
	font-weight:900;
	color:#333;
}

.nonpay .date {
	padding-top:10px;
	text-align:right;
}




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

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

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

.m_contArea, .m_infoWrap{
	width:100%;
    max-width:860px;
	margin-left:auto;
    height:auto;
	text-align:center;
	overflow:hidden;
}

.m_contArea .content img,.m_infoWrap div img{
	width:100%;
}

.visualArea .logo_v2 {
	position:relative;
	padding:110px 0 85px 0;
	color:#fff;
	text-align:center;
	z-index:10;
}

.visualArea .logo_v2 strong {
	padding:20px 0 10px 0;
	font-family:'ONE-Mobile-Title';
	font-size:2.3em;
	color:#fff;
	display:block;	
}

.visualArea .logo_v2 span {
	font-size:9px;
	color:#fff;
	display:block;
}

.visualArea .text {
	position:relative;
	z-index:10;
}

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

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


.contArea .content {
	position:relative;
	top:0;
	left:0;
}

.contArea .content.contact {
	padding:120px 0;
	background:#f2ebe1;
}

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

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

.content .move_img {
	text-align:center;
}

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


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

.content .move_img.child ul li {
    width: 266px;
    height: 266px;
    overflow: hidden;
}

.content .move_img p {
	margin-top:10px;
}



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

.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;
}






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

ul.diet_yt {
	width:804px;
	margin:0 auto;
	overflow:hidden;
}

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

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

.infoArea .infoWrap .mapArea {
	width:800px;
	margin:0 auto;
}
 .only_pc{
 display:block;
 }
 .only_m{
 display:none;
 }

@media screen and (max-width: 860px) {
 .only_pc{
 display:none;
 }
 .only_m{
 display:block;
 }
	
	/*공지팝업*/
	#popNoti {
		top: 30px;  /* 이 줄 추가 */
		left:5%;
		width:90%;
	}
	
	#popNoti .popup{
		right:0;
		margin-right:0;
		z-index:1000;
	}
	
	#popNoti .pop_img {
		width:100%;
	}

	
	#popNoti .pop_bot {
		padding:2vw 0;
	}
	
	#popNoti .pop_bot label, #popNoti .pop_bot .btn_close {
		font-size:3vw;
	}
	
	#popNoti .pop_bot label input {
		width:3vw;
		height:3vw;
	}
	
	
	/*비급여비용 팝업*/
	#popup_nonpay {
		top:20px;
		left:5%;
		width:90%;
		height:50%;
		margin-top:0;
		margin-left:0;
	}
	
	.nonpay .text {
		line-height:1.5;
		font-size:4vw;
	}

	.nonpay .tit {
		font-size:4vw;
	}

	.nonpay .date {
		font-size:3vw;
	}

	
	/* 인트로 */	
	
	
	
	.wrap.intro .introWrap {
		width:100%;
		background-size:cover;
	}
	
	.introWrap .introInner {
		width:100% !important;
	}	
	
	.introWrap .tit {
		width:80%;
		margin:8% auto 4% auto;
		display:block;
	}
	
	.introWrap .tit p {
		font-size:3.8vw;
		line-height:5vw;
	}
	
	.introWrap .tit img {
		width:100%;
	}
	
	
	.introWrap .logo {
		width:45%;
		padding:4% 7%;	
		margin:0 auto;
	}
	
	.introWrap .logo img {
		width:100%;
	}
	
	.introWrap .logo_v2 {
		width:auto;
		margin:0 auto;
		padding:5vw 7vw;
		font-size:2.5vw;
		display:inline-block;
	}

	.introWrap .logo_v2 strong {
		padding:3vw 0 1vw 0;
		font-size:7vw;
	}
	
	.introWrap .logo_v2 span {
		font-size:1.5vw;
	}
	

	
	/*----- 메뉴 신버전 menu3 시작 -----*/
	
	.wrap.intro .menu3 {
		width:85% !important;
		margin:0 auto 0 auto;
		padding-bottom:10%;
	}
	
	.wrap.intro .menu3 ul li {
		width:100%;
		margin:0 auto 3% auto;
		text-align:center;
	}		

	.wrap.intro .menu3 ul li a {
		width:100%;
		height:auto;
		padding-left:0;
		background:rgba(255,255,255,0.2) !important;
		border:1px solid #fff;
	}
		
	.wrap.intro .menu3 ul li a span {
		padding:4% 0 1% 0;
		font-size:2.4vw;
	}
	
	.wrap.intro .menu3 ul li a strong {
		padding:0 0 4% 0;
		font-size:4.2vw;
		letter-spacing:-1px;
	}
	
	/*메뉴명 줄바꿈*/
	.wrap.intro .menu3 ul li a strong i {
		display:inline;
	}	
	
	/*메뉴명 중간 점*/
	.wrap.intro .menu3 ul li a strong i b {
		display:inline;
	}
	
	/*----- 메뉴 신버전 menu3 끝 -----*/
	
	.wrap.intro #slideshow .intro_visual span {
		background-position:bottom center;
		background-size:180%;
		background-repeat:no-repeat;
	}
	
	.wrap.intro .bot_info {
		display:block;
	}
	
	.wrap .mainArea > div {
		width:100%;
		height:50%;
	}

	
	
	
	.wrap.intro .botArea2 {
		width:65%;
		padding-bottom:20%;
	}
	
	.wrap.intro .botArea2 a {
		font-size:4vw;
	}
}