@charset "utf-8";

@media screen and (min-width:640px){
	/*******************************************************************/
	/* 비주얼 영역 */
	#visual-section {position:relative;}
	#visual-section .visual li {width:100%; height:800px;}
	#visual-section .visual li:first-child {background:url('../img/main/visual01.jpg') no-repeat center}
	#visual-section .visual li:nth-child(2) {background:url('../img/main/visual02.jpg') no-repeat center}
	#visual-section .visual li:last-child {background:url('../img/main/visual03.jpg') no-repeat center}

	/* 비주얼 텍스트 */
	#mcon_wrap { position:absolute; top:0; z-index:98; width:100%; max-width:1160px; left:50%; margin-left:-580px; }
	#mcon_wrap .visual_txt { float:left; width:370px; margin:170px 0 0 130px; color:#fff; text-align:center; }
	#mcon_wrap .visual_txt .txt1 { font-family:'Nanum Barum Gothic','나눔바른고딕','Nanum Square'; font-weight:100;}
	#mcon_wrap .visual_txt .txt2 { font-family:'Noto Sans KR'; font-size:18px; margin-top:20px; }


	/* 서브비주얼 메인에 안보이게 처리 */
	.svisual {display:none;}
	/*******************************************************************/
	/* 병원안내 탭 */
	#mcon_wrap .mcon { float:right; width:450px; height:800px; }
	#mcon_wrap .mcon #tabs ul { float:left; }
	#mcon_wrap .mcon #tabs #tabs-1,
	#mcon_wrap .mcon #tabs #tabs-2,
	#mcon_wrap .mcon #tabs #tabs-3 { float:right; width:350px;}

	/*탭 기본*/
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
		width:100px;
		font-size:16px;
		text-align:center;
		margin-bottom:1px;
	}
	.ui-state-default a {
		display:block;
		color: #ccd4dd;
		line-height:89px;
		opacity:.6;
	}
	.ui-state-default:first-child a { background:#636e79; }
	.ui-state-default:nth-child(2) a { background:#484e55; }
	.ui-state-default:last-child a { background:#1a1a1a; }
	/*탭 오버*/
	.ui-state-hover a:hover,
	.ui-state-focus a:hover {
		text-decoration: none;
	}
	/*탭 선택*/
	.ui-state-active a {
		display:block;
		font-weight:bold;
		opacity:1;
		color:#fff;
	}
	.ui-state-active:first-child a { background:#fff; color:#202020; }
	.ui-state-active:nth-child(2) a { background:#f15b52; }
	.ui-state-active:last-child a { background:#76cf27; }

	.ui-state-active a:link {
		text-decoration: none;
	}

	/*******************************************************************/
	/**** 병원안내 ****/

	/* 공지사항&병원소식 TAB */
	.notice {clear:both;background:#fff; position:relative; padding:0 27px; height:269px;}
	.notice:after {display:block; clear:both; content:""}
	.notice .board-layer h2 {font-family:'Nanum Square'; position:absolute; top:34px;}
	.notice .board-layer h2 a {font-size:20px; color:#838383;}
	.notice .board-layer h2.on a {font-weight:500; color:#3b3b3b;}
	.notice .board-layer div {font-family:'Nanum Barun Gothic','나눔바른고딕'; color:#6e6e6e; padding-top:87px}
	.notice .board-layer .subj {font-size:18px; padding-bottom:20px;}
	.notice .board-layer .cont {font-size:14px; line-height:20px; height:60px; }
	.notice .board-layer .date {font-size:13px; background:url('../img/main/mcon1_time.gif') no-repeat 0 0; padding-left:25px; margin-top:15px; color:#939393; display:none;}
	.notice .board-layer .more {top:38px; right:27px; -z-index:900; position:absolute;}
	.notice .board-layer .dn {display:none;}
	#notice h2 {background:url('../img/main/mcon1_bar.gif') no-repeat right center; padding-right:13px;}
	#news h2 {}

	/* 병원안내 아이콘 */
	.mcon1_icon {padding:15px 18px 16px 30px; background:#f0f0f0;}
	.mcon1_icon li { float:left; padding-right:23px; }
	.mcon1_icon li:first-child {padding-right:30px;}
	.mcon1_icon li:last-child {padding-right:0;}

	/* 행사갤러리&현장실습 TAB */
	/*
	.gall {clear:both; background:#fff; position:relative; padding:0 24px; height:247px;}
	.gall:after {display:block; clear:both; content:""}
	.gall .board-layer2 h2 {font-family:'Nanum Square'; position:absolute; top:28px;}
	.gall .board-layer2 h2 a {font-size:20px; color:#838383;}
	.gall .board-layer2 h2.on a {font-weight:500; color:#3b3b3b;}
	.gall .board-layer2 ul {font-family:'Nanum Barun Gothic','나눔바른고딕'; color:#363636; padding-top:73px; }
	.gall .board-layer2 ul li {float:left; width:140px;}
	.gall .board-layer2 ul li.post_box {margin-right:22px;}
	.gall .board-layer2 .subj {margin:10px 0;}
	.gall .board-layer2 .date a {color:#939393;}
	.gall .board-layer2 .more {top:32px; right:27px; -z-index:900; position:absolute;}
	.gall .board-layer2 .dn {display:none;}
	#gallery h2 {-background:url('../img/main/mcon1_bar.gif') no-repeat right center; padding-right:13px;}
	#practice h2 {left:139px;}
	*/
	.gall .treat {clear:both; overflow:hidden;}
	.gall .treat div {float:left; width:121px; height:212px; padding:35px 27px 0;}
	.gall .treat h2 {font-size:16px; font-weight:bold; color:#414141; margin-bottom:10px; }
	.gall .treat p {font-size:13px; color:#777;}

	.gall .treat .examination {background:#f5f5f5 url('../img/main/mcon2_icon2.png') no-repeat 52px 150px;}
	.gall .treat .testimonial {background:#f4ebe3 url('../img/main/mcon2_icon2.png') no-repeat -77px 148px; }

	.gall .mark {clear:both; overflow:hidden;}
	.gall .mark div {float:left; width:121px; height:192px; padding:55px 27px 0; text-align:center;}
	.gall .mark .mark01 {background:#f5f5f5;}
	.gall .mark .mark02 {background:#f4ebe3; }
	.gall .mark h2 {}
	.gall .mark p {font-size:16px; font-weight:bold; color:#414141; margin-top:20px;}

	/*******************************************************************/
	/**** 진료안내 ****/

	/* 전문진료과목 */
	.department {background:url('../img/main/mcon2_bg1.gif') 0 0; height:269px; padding:0 25px;}
	.department h2 { color:#fff; font-size:20px; padding:28px 0 16px; }
	.department ul li {float:left;}
	.department ul li a {display:block; width:75px; height:98px; background:url('../img/main/mcon2_icon.png'); text-indent: -9999px; }
	.department ul li:first-child  a {background-position:0 0;}
	.department ul li:nth-child(2) a {background-position:-75px 0; width:70px;}
	.department ul li:nth-child(3) a {background-position:-234px 0; width:74px;}
	.department ul li:nth-child(4) a {background-position:14px -95px; width:81px;}

	.department ul li:first-child  a:hover {background-position:0 -200px;}
	.department ul li:nth-child(2) a:hover {background-position:-75px -200px;}
	.department ul li:nth-child(3) a:hover {background-position:-234px -200px;}
	.department ul li:nth-child(4) a:hover {background-position:14px -295px;}

	/* 진료절차안내/진료시간표 & 종합검진안내/건강보험공단검진 */
	.treat {clear:both;}
	.treat div {-float:left; -width:121px; height:226px; padding:35px 27px 0;}
	.treat h2 {font-size:16px; font-weight:bold; color:#414141; margin-bottom:10px; }
	.treat p {font-size:13px; color:#777;}

	.treat .process {background:#f5f5f5 url('../img/main/mcon2_icon2.png?1') no-repeat 140px 135px;}
	.treat .schedule {background:#f4ebe3 url('../img/main/mcon2_icon2.png') no-repeat -77px 148px; }
	.treat .compre {background:#ddf1f8 url('../img/main/mcon2_icon2.png') no-repeat 52px 150px; }
	.treat .insur {background:#fff url('../img/main/mcon2_icon2.png') no-repeat -217px 150px; }

	/* 진료절차안내/롤링배너 */
	.roll_ban_wrap02 {clear:both;}
	.roll_ban_wrap02 .roll_ban_wrap .bx-wrapper .bx-controls-auto .bx-stop {display:none;}
	.roll_ban_wrap02 li {}
	.roll_ban_wrap02 li img {width:350px; height:270px;}

	/*******************************************************************/
	/**** 전문센터 ****/

	/* 재활센터 */
	.mcon3_rehab {background:#76cf27; -url('../img/main/mcon3_bg1.gif') no-repeat 0 0; padding:30px 25px 17px; color:#fff;}
	.mcon3_rehab:after {display:block; clear:both; content:""}
	.mcon3_rehab h2 {font-size:22px; -font-weight:bold;}
	.mcon3_rehab > p {font-size:14px; margin:10px 0 20px;}
	.mcon3_rehab ul:after {clear:both; display:block; content:"";}
	.mcon3_rehab ul li {float:left;}
	.mcon3_rehab ul li a {display:block; width:144px; line-height:49px; background:#000; opacity:.5; text-align:center; margin:0 12px 12px 0; color:#649637; font-size:15px;}
	.mcon3_rehab ul li:nth-child(2) a,
	.mcon3_rehab ul li:nth-child(4) a {margin:0 0 12px 0;}
	.mcon3_rehab ul li a:hover {text-decoration:none; background:#c93585; opacity:1; font-weight:600; color:#fff;}

	/* 종합건강증진센터 */
	.enhance {background:url('../img/main/mcon3_img01.jpg?v20230217') no-repeat 0 0; height:270px; -text-indent:-9999px;}
	.enhance a {display:block; height:270px; }


	/*******************************************************************/

	/* partner 배너 */
	.partner_wrap { clear:both; width:100%; max-width:1160px; margin:35px auto; }

}







/** 모바일 시작 **/
@media screen and (max-width:639px){


	/* 비주얼 텍스트 */
	#mcon_wrap .visual_txt {display:none;}

	/*******************************************************************/
	/* 병원안내 탭 */
	mcon_wrap .mcon { float:right; width:450px; height:800px; }
	#mcon_wrap .mcon #tabs > ul li { float:left; width:33.3%; -height:40px; background:#ccc;}
	#mcon_wrap .mcon #tabs #tabs-1,
	#mcon_wrap .mcon #tabs #tabs-2,
	#mcon_wrap .mcon #tabs #tabs-3 { clear:both;}

	/*탭 기본*/
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
		width:100px;
		font-size:16px;
		text-align:center;
	}
	.ui-state-default a {
		display:block;
		color: #ccd4dd;
		line-height:65px;
		opacity:.6;
	}
	.ui-state-default:first-child a { background:#636e79; }
	.ui-state-default:nth-child(2) a { background:#484e55; }
	.ui-state-default:last-child a { background:#1a1a1a; }
	/*탭 오버*/
	.ui-state-hover a:hover,
	.ui-state-focus a:hover {
		text-decoration: none;
	}
	/*탭 선택*/
	.ui-state-active a {
		display:block;
		font-weight:bold;
		opacity:1;
		color:#fff;
	}
	.ui-state-active:first-child a { background:#fff; color:#202020; }
	.ui-state-active:nth-child(2) a { background:#f15b52; }
	.ui-state-active:last-child a { background:#76cf27; }

	.ui-state-active a:link {
		text-decoration: none;
	}

	/*******************************************************************/
	/**** 병원안내 ****/

	/* 공지사항&병원소식 TAB */
	.notice {clear:both;background:#fff; position:relative; padding:0 27px; height:269px;}
	.notice:after {display:block; clear:both; content:""}
	.notice .board-layer h2 {font-family:'Nanum Square'; font-size:20px; color:#838383; position:absolute; top:34px;}
	.notice .board-layer h2.on {font-weight:500; color:#3b3b3b;}
	.notice .board-layer div {font-family:'Nanum Barun Gothic','나눔바른고딕'; color:#6e6e6e; padding-top:87px}
	.notice .board-layer .subj {font-size:18px; padding-bottom:20px;}
	.notice .board-layer .cont {font-size:14px; line-height:20px; height:60px; }
	.notice .board-layer .date {font-size:13px; background:url('../img/main/mcon1_time.gif') no-repeat 0 0; padding-left:25px; margin-top:35px; }
	.notice .board-layer .more {top:38px; right:27px; -z-index:900; position:absolute;}
	.notice .board-layer .dn {display:none;}
	#notice h2 {background:url('../img/main/mcon1_bar.gif') no-repeat right center; padding-right:13px;}
	#news h2 {}

	/* 롤링배너 */
	.roll_ban li img {min-width:100%;}

	/* 병원안내 아이콘 */
	.mcon1_icon {padding:15px 0 16px; background:#f0f0f0; overflow:hidden;}
	.mcon1_icon li {float:left; width:24%; text-align:center;}
	.mcon1_icon li:last-child {width:28%;}

	/* 행사갤러리&현장실습 TAB
	.gall {clear:both; background:#fff; position:relative; padding:0 24px; height:247px;}
	.gall:after {display:block; clear:both; content:""}
	.gall .board-layer2 h2 {font-family:'Nanum Square'; font-size:20px; color:#838383; position:absolute; top:28px;}
	.gall .board-layer2 h2.on {font-weight:500; color:#3b3b3b;}
	.gall .board-layer2 ul {font-family:'Nanum Barun Gothic','나눔바른고딕'; color:#363636; padding-top:73px; }
	.gall .board-layer2 ul li {float:left; width:48%;}
	.gall .board-layer2 ul li.post_box { margin-right:10px; }
	.gall .board-layer2 .subj {margin:10px 0;}
	.gall .board-layer2 .date {color:#939393;}
	.gall .board-layer2 .more {top:32px; right:27px; -z-index:900; position:absolute;}
	.gall .board-layer2 .dn {display:none;}
	#gallery h2 {-background:url('../img/main/mcon1_bar.gif') no-repeat right center; padding-right:13px;}
	#practice h2 {left:139px;}
	 */
	.gall .treat {clear:both; width:100%;}
	.gall .treat div {float:left; width:38.5%; height:212px; padding:30px 20px 0;}
	.gall .treat h2 {font-size:16px; font-weight:bold; color:#414141; margin-bottom:10px; }
	.gall .treat p {font-size:13px; color:#777;}

	.gall .treat .examination {background:#f5f5f5 url('../img/main/mcon2_icon2.png') no-repeat 52px 150px;}
	.gall .treat .testimonial {background:#f4ebe3 url('../img/main/mcon2_icon2.png') no-repeat -72px 148px; }


	.gall .mark {clear:both; overflow:hidden;}
	.gall .mark div {float:left; width:50%; height:192px; padding:55px 0px 0; text-align:center;}
	.gall .mark .mark01 {background:#f5f5f5;}
	.gall .mark .mark02 {background:#f4ebe3; }
	.gall .mark h2 {}
	.gall .mark p {font-size:14px; font-weight:bold; color:#414141; margin-top:20px;}


	/*******************************************************************/
	/**** 진료안내 ****/

	/* 전문진료과목 */
	.department {background:url('../img/main/mcon2_bg1.gif') 0 0; height:269px; padding:0 25px; }
	.department h2 { color:#fff; font-size:20px; padding:28px 0 19px; }

	.department ul li a {float:left; width:75px; height:98px; background:url('../img/main/mcon2_icon.png'); text-indent: -9999px; }
	.department ul li:first-child  a {background-position:0 0;}
	.department ul li:nth-child(2) a {background-position:-75px 0; width:70px;}
	.department ul li:nth-child(3) a {background-position:-234px 0; width:74px;}
	.department ul li:nth-child(4) a {background-position:14px -95px; width:81px;}

	.department ul li:first-child  a:hover {background-position:0 -200px;}
	.department ul li:nth-child(2) a:hover {background-position:-75px -200px;}
	.department ul li:nth-child(3) a:hover {background-position:-234px -200px;}
	.department ul li:nth-child(4) a:hover {background-position:14px -295px;}


	/* 진료절차안내/진료시간표 & 종합검진안내/건강보험공단검진 */
	.treat {clear:both;}
	.treat div {-float:left; -width:121px; height:226px; padding:35px 27px 0;}



	treat {clear:both; width:100%;}
	treat div {float:left; width:38.5%; height:226px; padding:30px 20px 0;}
	treat h2 {font-size:16px; font-weight:bold; color:#414141; margin-bottom:10px; }
	treat p {font-size:13px; color:#777;}

	.treat .process {background:#f5f5f5 url('../img/main/mcon2_icon2.png') no-repeat center 135px;}
	treat .schedule {background:#f4ebe3 url('../img/main/mcon2_icon2_m.png') no-repeat -72px 148px; }
	treat .compre {background:#ddf1f8 url('../img/main/mcon2_icon2_m.png') no-repeat 52px 150px; }
	treat .insur {background:#fff url('../img/main/mcon2_icon2_m.png') no-repeat -217px 150px; }

	/* 진료절차안내/롤링배너 */
	.roll_ban_wrap02 {clear:both; width:100%;}
	roll_ban_wrap02 li {width:100%;}
	.roll_ban_wrap02 li img {width:100%; height:100%;}

	/*******************************************************************/
	/**** 전문센터 ****/

	/* 재활센터 */
	.mcon3_rehab {background:#76cf27; padding:30px 25px 18px; color:#fff;}
	.mcon3_rehab:after {display:block; clear:both; content:""}
	.mcon3_rehab h2 {font-size:22px; -font-weight:bold;}
	.mcon3_rehab > p {font-size:14px; margin:10px 0 20px;}
	.mcon3_rehab ul li a {display:block; width:150px; line-height:49px; background:#000; opacity:.5; float:left; text-align:center; margin:0 12px 12px 0; color:#649637; font-size:15px;}
	.mcon3_rehab ul li:nth-child(2) a,
	.mcon3_rehab ul li:nth-child(4) a {margin-right:0;}
	.mcon3_rehab ul li a:hover {text-decoration:none; background:#c93585; opacity:1; font-weight:600; color:#fff;}

	/* 종합건강증진센터 */
	.enhance {background:url('../img/main/mcon3_img01.jpg?v20210909') no-repeat 0 0; height:270px; background-size:cover; -text-indent:-9999px;}
	.enhance a {display:block; height:270px; }

	/* partner 배너 */
	.partner_wrap { clear:both; width:100%; margin:0 auto 0; }

}
/* 모바일 끝 */