@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; -font-weight:bold; 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; -font-weight:bold; 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;}
.department ul li:nth-child(3) a {background-position:-150px 0;}
.department ul li:nth-child(4) a {background-position:-233px 0;}
.department ul li:nth-child(5) a {background-position:0 -100px;}
.department ul li:nth-child(6) a {background-position:-75px -100px;}
.department ul li:nth-child(7) a {background-position:-150px -100px;}
.department ul li:last-child	 a {background-position:-225px -100px;}

.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:-150px -200px;}
.department ul li:nth-child(4) a:hover {background-position:-233px -200px;}
.department ul li:nth-child(5) a:hover {background-position:0 -300px;}
.department ul li:nth-child(6) a:hover {background-position:-75px -300px;}
.department ul li:nth-child(7) a:hover {background-position:-150px -300px;}
.department ul li:last-child	 a:hover {background-position:-225px -300px;}

/* 진료절차안내/진료시간표 & 종합검진안내/건강보험공단검진 */
.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_m.png') no-repeat 52px 150px;}
.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; }


}