@charset "utf-8";

.quick_btn {position:fixed; top:126px; right:17px;z-index:100; background:#373d4b;}
.quick_btn ul{margin:0px;}
.quick_btn ul li:first-child a{border-bottom:1px solid #666;}
.quick_btn ul li a{display:block; width:100px; height:100px; text-align:center; font-size:17px; color:#fff; line-height:100px;}



/* 비주얼 */
.mtxt-box {position:relative; }
.mtxt-box .txt {position:absolute; top:80px; z-index:10; width:38.291%; height:auto; }
.mtxt-box .txt img {display: block; width: 100%; height: auto;}

#visual-area {}
#m-viesual {height:670px;}
#m-viesual .item {width:auto; height:670px;}
#m-viesual .item img{display: block; width:auto; height: 100%;}
#visual-area .owl-controls {position:relative; max-width: 1170px; margin:0 auto; }
#visual-area .owl-controls .owl-pagination{position:absolute; top:-300px; left:15px;}

.bg1 {background:url('http://metrohosp.cdn3.cafe24.com/m_visual01.jpg') no-repeat top center; background-size:auto 100%;}
.bg2 {background:url('http://metrohosp.com/images/main/m_visual02.jpg') no-repeat top center; background-size:auto 100%;}
.bg3 {background:url('http://metrohosp.cdn3.cafe24.com/m_visual03.jpg') no-repeat top center; background-size:auto 100%;}
.bg4 {background:url('http://metrohosp.cdn3.cafe24.com/m_visual04.jpg') no-repeat top center; background-size:auto 100%;}
.bg5 {background:url('http://metrohosp.cdn3.cafe24.com/m_visual05.jpg') no-repeat top center; background-size:auto 100%;}
.bg6 {background:url('http://metrohosp.com/images/main/m_visual06.jpg') no-repeat top center; background-size:auto 100%;}
.bg7 {background:url('http://metrohosp.com/images/main/m_visual07.jpg') no-repeat top center; background-size:auto 100%;}
.bg8 {background:url('http://metrohosp.com/images/main/m_visual_2025_01.jpg') no-repeat top center; background-size:auto 100%;}

#point-area {margin-top:-240px;}
.customer {padding:20px 0px; background:url('/images/main/tel_bg.png') no-repeat; background-size:100% 100%; }
.customer h2 {margin-top:0px; margin-bottom:16px; font:25px nsB; color:#fff;}
.customer .tel {width:220px; margin:0 auto; margin-top:12px; padding-bottom:9px; font:21px nbgM; color:#fff000 !important; letter-spacing:-0.07em; border-bottom:1px solid #f7a75f;}
.customer .tel a {color:#fff000 !important;}
.customer .tel .txt{font:21px nbgM; color:#fff;}
.customer .tel2{padding-top:10px;}
.customer .tel2 .txt{font:14px nbgM; color:#fff;}
.customer .tel2 .num{font:14px nbgM; color:#fff000; }
.customer .tel2 .num a {color:#fff000 !important;}
.centers {position:relative; padding:0px;}
.centers .center-type1 {overflow:hidden; position:relative; float:left; width:50%; background:#018ec1; background:rgba(2, 148, 201, .97)}
.centers .center-type1 h2 {margin:0px; padding-left:20px; font:25px nsB; color:#fff; line-height:60px; /*border-bottom:1px solid #6bbfde;*/}
.centers .center-type1 ul {}
.centers .center-type1 ul li {float:left; width:33.3%; height:90px; text-align:center;}
.centers .center-type1 ul li a {display:block; height:100%; font:17px nbgM; color:#fff; line-height:90px; border-left:1px solid #6bbfde; border-top:1px solid #6bbfde;}
.centers .center-type1 ul li.type2 a {width: 50%; float: left; line-height: 23px; padding-top: 8px;}
.centers .center-type1 ul li a:hover {color:#fff000;}
.centers .center-type1 ul li:nth-child(1) a, .centers .center-type1 ul li:nth-child(4) a{border-left:none;}
.centers .center-type2 {overflow:hidden; position:relative; float:right; width:50%; background:#1b60aa; background:rgba(32, 99, 171, .97)}
.centers .center-type2 h2 {margin:0px; padding-left:20px; font:25px nbgM; color:#fff; line-height:60px; }
.centers .center-type2 ul {}
.centers .center-type2 ul li {float:left; width:33.3%; height:90px; text-align:center;}
.centers .center-type2 ul li a {display:block; height:100%; font:17px nbgM; color:#fff; line-height:90px; border-left:1px solid #7da4cd; border-top:1px solid #7da4cd;}
.centers .center-type2 ul li a:hover {color:#fff000;}
.centers .center-type2 ul li.txt2 a {padding-top:20px;  font:17px nbgM; line-height:25px; white-space:pre-line;}
.centers .center-type2 ul li:nth-child(1) a, .centers .center-type2 ul li:nth-child(4) a{border-left:none;}
.more_btn1 {position:absolute; top:5px; right:5px; display:block; width:50px; height:50px; text-indent:-9999px; background:url('/images/main/more_btn1.png') no-repeat center center;}

#body-check {position:relative;}
.gray-box {background:#f1f2f2;}
/*.ad-text h2 {margin:0; padding:60px 0 9px 25px;  }
.ad-text .color1 {font:23px nsB; color:#0c3b7c;}
.ad-text .normal {font:23px nsB;}
.ad-text p {padding:0 25px;}
.pic-groupp {overflow:hidden; padding:39px 0;}
.pic-groupp ul{}
.pic-groupp ul li {float:left; width:10.8%;}
.pic-groupp ul li a{display:block; width:100%; height:100%; text-align:center;}
.pic-groupp ul li i {display:block;}
.pic-groupp ul li span {display:block; padding-top:10px;}*/

.ad-text h2 {margin:0; padding:30px 0 9px 25px;  }
.ad-text .color1 {font:36px nsB; color:#0c3b7c;}
.ad-text .normal {font:36px nsR;}
.ad-text p {padding:0 25px; font:16px nsR;}
.pic-groupp {overflow:hidden; padding:39px 0;}
.pic-groupp ul{}
.pic-groupp ul li {float:left; width:10.8%;}
.pic-groupp ul li a{display:block; width:100%; height:100%; text-align:center;}
.pic-groupp ul li i {display:block;}
.pic-groupp ul li span {display:block; padding-top:10px; padding-bottom:10px;  font:18px nsR;}

.gray-box {overflow:hidden;}
.pic-groupp {position:relative;}
.gray-box .helth_data {position:absolute; left:0; top:0; display:none; background:rgba(55, 61, 75, 0.93); }
.gray-box .helth_data ul {overflow:auto; overflow-x:hidden; margin-right:14px; margin-top: 17px;}
.gray-box .helth_data ul li {width: 22%; padding-left:23px; background:url('/images/main/helth_list_bg.png') no-repeat 24px 12px;}
.gray-box .helth_data ul li a {display:block; padding:5px 4px 5px 10px; color:#fff; text-align:left; white-space:nowrap;}
.gray-box .helth_end {display:none; position:absolute; top:10px; right:10px;}

#news-area {position:relative;}
.notice {padding-left:0px; padding-right:20px;}
.notice h2 {font:21px nsB; margin-top:0; margin-bottom:20px;}
.notice .first {overflow:hidden; margin-bottom:10px;}
.notice .thump_img {float:left; display:block; width:50%; }
.notice .thump_img img{display: block; width: 100%; height: auto;}
.notice .thump_con {float:left; width:50%;}
.notice .thump_con dl {margin-bottom:0px;}
.notice .thump_con dt {overflow:hidden; padding:0 0 20px 20px; text-overflow: ellipsis;  white-space: nowrap;}
.notice .thump_con dt a {font:21px nsR; letter-spacing:-0.05em; }
.notice .thump_con dt a:hover {color:#0c3b7c;}
.notice .thump_con dd {padding:0 0 5px 20px;}
.notice .thump_con dd a {font:15px nsR; color:#767676; line-height:18px; letter-spacing:-0.05em; }
.notice .thump_con dd a:hover {text-decoration:underline;}
.notice .more_btn2 {position:absolute; top:5px; right:20px; display:block; padding-right:20px; font:18px nsR; color:#767676;  background:url('/images/main/more_btn2.png') no-repeat right center;}
.movie{background-color:#dbecec; padding:0 25px 0 25px;}
.movie h2 {font:21px nsB; margin-top:20; margin-bottom:20px;}
.movie .thump_img {position:relative; display:block; width:100%;}
.movie .thump_img img {display: block; width: 100%; height: auto;}
.movie .thump_img .mask {display: block; width:100%; height:100%; position:absolute; top:0px; left:0px; background: rgba(0,0,0,0.1) url('/images/main/movie_mask.png') no-repeat center center;}
.movie .thump_con dt {padding:10px 0 5px 0;}
.movie .thump_con dt a {display: block; font:18px nsR; text-align:center;}
.movie .thump_con dd a {display: block; font:15px nsR; color:#767676; text-align:center;}
.movie .more_btn3 {position:absolute; top:20px; right:20px; display:block; width:24px; height:24px; text-indent:-9999px; background:url('/images/main/more_btn2.png') no-repeat center center;}

.popup-area {position:relative; padding-right:0; padding-left:13px;}
.popup-area .owl-controls {position:absolute; bottom:5px; left:10px;}
.popup-area .owl-pagination span {margin:5px 3px !important; width:14px !important; height:4px !important; opacity:1 !important; background:#fff !important; border-radius:0px !important; }
.popup-area .owl-pagination .active span {width:34px !important; background:#f7fa02 !important;}
.popup-area .navigation1 {position:absolute; bottom:9px; }
.popup-area .navigation1 .stop {display:block; overflow:hidden; width:12px; height:14px; background: url('/images/main/s_stop_btn.png') no-repeat center center; text-indent:-9999px;}
.popup-area .navigation1 .play {display:block; overflow:hidden; width:12px; height:14px; background: url('/images/main/s_play_btn.png') no-repeat center center; text-indent:-9999px;}
#popup-zone .item img{display: block; width: 100%; height: auto;}

.quick {overflow:hidden; background:#8cc227; padding-bottom:20px;}
.quick h2 {margin:0; padding:30px 15px 20px 15px; font:21px nsB; color:#fff;}
.quick p {padding-left:15px; padding-bottom:30px; font:16px nsR; color:#fff;}
.quick ul {overflow:hidden; margin:0px 15px ; border:1px solid #d1e7a9; background:#7cb316;}
.quick ul li {float:left; width:25%; }
.quick ul li a {display:block; height:100%; font:15px nsB; color:#fff; line-height:60px; text-align:center;}
.quick ul li a:hover {background:#669907;}
.quick ul li:nth-child(1) a,
.quick ul li:nth-child(2) a,
.quick ul li:nth-child(3) a {border-right:1px solid #d1e7a9; border-bottom:1px solid #d1e7a9; }
.quick ul li:nth-child(4) a{border-bottom:1px solid #d1e7a9;}
.quick ul li:nth-child(5) a,
.quick ul li:nth-child(6) a,
.quick ul li:nth-child(7) a {border-right:1px solid #d1e7a9;  }


/* 온라인 의료상당 & 고객의 소리 */
.tab-bbs {position:relative; padding-right:0;}
.tab { background: #fff }
.tab .nav > li > a { padding: 18px 15px }
.tab-bg-dark-navy-blue {background: #6f6f6f; border-bottom: none; padding: 0;}
.tab-bg-dark-navy-blue .nav > li > a:hover,
.tab-bg-dark-navy-blue .nav > li > a:focus {background-color: #f4f4f4; text-decoration: none;}
.panel-heading .nav > li:last-child {border-right:1px solid #ccc;}
.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a,
.panel-heading .nav > li.active > a:hover,
.panel-heading .nav > li.active > a:focus {
    border-width: 0;
    border-radius: 0;
	border-top:1px solid #ccc; border-left:1px solid #ccc; 
	 border-bottom:1px solid #fff;
}
.panel-heading .nav > li > a {margin-right:0; font:17px nsB; background: #f2f2f2; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.panel-heading .nav > li.active > a,
.panel-heading .nav > li > a:hover {background: #fff; }
.panel-heading .nav > li:first-child.active > a,
.panel-heading .nav > li:first-child > a:hover {border-top:1px solid #ccc; border-left:1px solid #ccc;  border-bottom:1px solid #fff;}
.tab .nav-tabs.nav-justified > li { border-right: 1px solid #f4f4f4 }
.tab .nav-tabs.nav-justified > li:last-child { border-right: none }
.panel {z-index: 100;  box-shadow: 0 1px 1px rgba(0,0,0,0.12);    border-radius: 1px;    -moz-border-radius: 1px;    -webkit-border-radius: 1px;}
.panel-heading {border-top-right-radius: 0px; border-top-left-radius: 0px;  background-color: #fff; border: none;}
.panel-info>.panel-heading {    color: #eee;    background-color: #48cfad;}
.panel-info>.panel-heading a:hover { color: #eee }
.panel-body {padding:10px 0px; border-radius: 0px; -moz-border-radius: 0px;  -webkit-border-radius: 0px;}

.bbs-type {clear:both; width:100%;}
.bbs-type li {clear:both; position:relative; padding:5px 0px 5px 10px; line-height:16px; background: url('/images/main/dot_ico2.png') no-repeat left 10px;}
.bbs-type li a {overflow:hidden;  display:block;  font:15px nsR; color:#757575; text-overflow: ellipsis;  white-space: nowrap; }
.bbs-type li a:hover {text-decoration:underline;}
.bbs-type li a span {float:right;}
.tab-bbs .more_btn2 {position:absolute; top:15px; right:0px; display:block; padding-right:20px; font:18px nsR; color:#767676;  background:url('/images/main/more_btn2.png') no-repeat right center;}

.webgin {overflow:hidden; background:#bea390; padding-right:0px; min-height:200px;}
.webgin .txt {float:left; width:50%; }
.webgin .txt h2 {padding-bottom:15px; font:21px nsB; color:#fff;}
.webgin .txt p {padding-bottom:20px; font:15px nsR; color:#fff;}
.webgin .img {float:right; padding:57px 10px 0 0;}
.webgin .img img {width:94px; height:124px;}
.webgin .more_btn4 {margin-bottom:18px; display:block; width:130px; padding:5px 15px; border:3px solid #fff; font:14px nsR; color:#fff; text-align:center;}
.webgin a:hover {text-decoration:underline;}

.public  {position:relative; padding-right:0px;}
.public .pic {display:block; margin-top:-10px; text-align:center;}
.line-box {margin-top:-42px; overflow:hidden; min-height:200px; padding:20px 15px 20px 15px; border:5px solid #dbdbdb;}
.line-box h2 {font:21px nsB; text-align:center;}
.line-box p {padding-bottom:9px;text-align:center;}
.line-box ul li {float:left; width:33.3%; }
.line-box ul li a {display:block;}
.line-box ul li img {display:block; width:100%; height:auto;}

.recruit {padding-right:0px;}
.recruit .txt {background:#6e7e95 url('/images/main/recruit_bg.png') no-repeat right bottom; min-height:200px;}
.recruit .txt h2 {margin:0; padding:20px 15px 15px 15px; font:21px nsB; color:#fff;}
.recruit .txt p{padding:0px 20px 15px 15px; font:15px nsR; color:#fff; white-space:pre-line;}
.recruit .more_btn4 {margin-left:15px; margin-bottom:18px; display:block; width:130px; padding:5px 15px; border:3px solid #fff; font:14px nsR; color:#fff; text-align:center;}
.recruit a:hover {text-decoration:underline; }

.input-group-addon {
    border: border: 1px solid #d9d9d9;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}


/*---- 메트로 갤러리----*/
#gallery {background:#f8f8f8; margin-bottom:40px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
#gallery h2 {margin:0; padding:40px 0 10px 0; font:21px nsB;}
#gallery p {padding-bottom:35px;}
#gallery-area .owl-item {padding:0 5px;}
#gallery-area .item {width:100%; }
#gallery-area .item img {display: block; width: 100%; height: auto;}


.view {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
}
.view .mask,
.view .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.view img {
    display: block;
    position: relative;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 16px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 5px 0 0 0;
}
.view p {
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
    margin-bottom: 10px;
}
.view a.info {
	display:block;
	height:100%; border:1px solid #fff;
	padding:40px 20px;
	margin:0px auto; 
	font:21px nsB; 
	color:#fff;
	text-align:center;
    /*display: inline-block;
    background-color: rgba(0,0,0,0.6);
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;*/
}
.view a.info .date {display:block; padding-top:20px; font:15px nsR; }
.view a.info:hover { /*background-color: #48cfad */}
.mask a i {
    color: #fff !important;
    font-size: 16px;
}
.view-tenth img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view-tenth .mask {
	padding:15px;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.view-tenth h2 {
    background: transparent;
    margin: 0px 10px;
    -webkit-transform: scale();
    -moz-transform: scale();
    -o-transform: scale();
    -ms-transform: scale();
    transform: scale();
    color: #333;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.view-tenth p {
    color: #333;
    line-height: normal;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale();
    -moz-transform: scale();
    -o-transform: scale();
    -ms-transform: scale();
    transform: scale();
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.view-tenth a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale();
    -moz-transform: scale();
    -o-transform: scale();
    -ms-transform: scale();
    transform: scale();
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.view-tenth:hover img {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=.5);
    opacity: .5;
}
.view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.view-tenth:hover h2,
.view-tenth:hover p,
.view-tenth:hover a.info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
/*imageview icon hover*/
[data-zlname] {
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*IMGS IN CONTAINER*/
[data-zlname] > img {
    display: block;
    max-width: 100%;
}
/*POP UP ELEMENTS*/
[data-zlname] [data-zl-popup] {
    position: absolute;
    display: block;
    padding: 1px;
    height: 40px;
    width: 40px;
    background: #323231;
    color: #fff;
    overflow: hidden;
    display: none;
    text-align: center;
}
/*OVERLAY*/
/*classic*/
[data-zl-overlay] {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    padding: inherit;
}
/*four*/
[data-zl-ovzoom0],
[data-zl-ovzoom1],
[data-zl-ovzoom2],
[data-zl-ovzoom3] {
    position: absolute;
    width: 25%;
    height: 100%;
}
/*rolling*/
[data-zl-ovrolling] {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
}
/*double*/
[data-zl-ovdouble0],
[data-zl-ovdouble1] {
    position: absolute;
    display: none;
}
/*-------*/
[data-zlname = reverse-effect] [data-zl-popup = link] {
    background: rgba(256,256,256,1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
[data-zlname = reverse-effect] [data-zl-popup = link2] {
    background: rgba(256,256,256,1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
[data-zlname = reverse-effect] [data-zl-popup = link]:hover,
[data-zlname = reverse-effect] [data-zl-popup = link2]:hover { opacity: .5 }


/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container { width: 768px }
}
/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
    .container { width: 95% }   
}
/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*.container { width: 70% }*/
}


@media screen and (min-width: 1351px) and (max-width: 1480px) {
	/*.mtxt-box .txt {top:50px; width:35%; height:auto; }*/
}
@media screen and (min-width: 1201px) and (max-width: 1350px) {
	/*.mtxt-box .txt {top:40px; width:30%; height:auto; }
	
	#m-viesual .item {height:530px;}
	#m-viesual .item img {width:auto; height:100%;}

	#visual-area .owl-controls .owl-pagination {top:-280px;}	*/

	#point-area {margin-top: -230px;}
	.customer {padding:15px;}
	.centers .center-type1 h2 {line-height:50px;}
	.centers .center-type2 h2 {line-height:50px;}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {	
	/*.mtxt-box .txt {top:40px;}*/

	.quick_btn ul li a{display:block; width:100px; height:100px; text-align:center; font-size:17px; color:#fff; line-height:100px;}
	
	#m-viesual {height:530px;}
	#m-viesual .item {height:530px;}

	#visual-area .owl-controls {max-width: 970px;}
	#visual-area .owl-controls .owl-pagination {top:-190px;}

	
	#point-area {margin-top:-200px;}

	.ad-text h2 {padding: 30px 0 9px 25px; text-align:center;}
	.ad-text p {text-align:center;}
	
	.notice .thump_img {overflow:hidden; float:none; width:100%; height:100px;}
	.notice .thump_con {float:none; width:100%;}
	.notice .thump_con dt {padding:10px 0 10px 0px;}
	.notice .thump_con dd {overflow:hidden; padding:0; /*text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;*/ /* 2줄이상 말줄임 */ }
	.notice .thump_con dd.date {display:none;}

	.quick h2 {padding:20px 5px;}
	.quick p {padding-left:5px; padding}
	.quick ul {margin:0px 5px;}
	.quick ul li a {font: 14px nsB; letter-spacing:-0.08em; line-height: 60px;}
	
	#fatima-service {position:relative;}
	#fatima-service .container {position:relative;}
	.webgin {margin-bottom:20px;}
	.public {clear:both; padding-left:0px;}
	.recruit {float:none; position:absolute; top:0px; right:0px; }

	
}
@media screen and (min-width: 769px) and (max-width: 992px){
	.mtxt-box .txt {top:50px; }
	
	.quick_btn ul li a{display:block; width:80px; height:80px; text-align:center; font-size:15px; color:#fff; line-height:80px;}

	#m-viesual {height:400px;}
	#m-viesual .item {height:400px;}

	#visual-area .owl-controls {max-width: 750px;}
	#visual-area .owl-controls .owl-pagination {display:none;}
	
	#point-area {margin-top:-133px;}
	/*.customer {overflow:hidden; padding:15px 0;}
	.customer h2 {display:none;}
	.customer em {float:left; display:block; padding:0 0 0 20px;}
	.customer em img {display:block; width:70%; height:auto;}
	.customer .tel {float:none; margin-top:0px; padding-right:40px; line-height:51px;}
	.customer .tel2 {float:left; line-height:51px;}*/
	
	.customer {position:relative;}
	.customer h2 {padding-left:150px; text-align:left;}
	.customer em {position:absolute; left:40px; top:35%;}
	.customer .tel {margin:0 0 0 0; padding:0 30px 0 150px; width:55%; text-align:left;  border-right:1px solid #f7a75f; border-bottom:none;}
	.customer .tel2 {position:absolute; right:5%; top:48%;}

	.ad-text h2 {padding: 30px 0 9px 25px; text-align:center;}
	.ad-text p {text-align:center;}
	
	.notice {margin-bottom:40px;}
	.movie {padding:0px 15px 0px 0px;}
	
	.quick {margin-bottom:20px;}
	.tab-bbs {padding-left:0;}

	.public {padding-left:0;}

	.quick_btn {position:absolute; top:65px; right:0px;}
}
@media screen and (max-width: 768px){
	.quick_btn ul li a{display:block; width:65px; height:65px; text-align:center; font-size:13px; color:#fff; line-height:65px;}	
	

	.mtxt-box .txt {top:30px; width:240px;}

	#m-viesual {height:300px;}
	#m-viesual .item {height:300px;}


	#visual-area .owl-controls {max-width: 750px;}
	#visual-area .owl-controls .owl-pagination {display:none;}

	#point-area {margin-top:-130px;}
	#point-area .mar-b-30 {margin-bottom:0;}
	/*.customer {overflow:hidden; margin-bottom:0px; padding:10px 0;}
	.customer h2 {display:none;}
	.customer em {float:left; display:block; padding:0 0 0 20px;}
	.customer em img {display:block; width:70%; height:auto;}
	.customer .tel {float:left; margin-top:0px; padding-right:20px; line-height:51px;}
	.customer .tel2 {float:left; line-height:51px;}
	.customer .tel2 .num{font: 22px nbgM;}*/

	.customer {position:relative; overflow:hidden; margin-bottom:0px; padding:10px;}
	.customer h2 {font:18px nsB; padding-left:150px; text-align:left;}
	.customer em {position:absolute; left:40px; top:35%;}
	.customer .tel {margin:0 0 0 150px; padding:0 9px 0 0px; width:220px; text-align:left;  border-right:none; border-bottom:1px solid #f7a75f;}
	.customer .tel2 {position:relative; margin-left:150px;  right:0px; top:0px; text-align:left;}

	
	.centers {padding-bottom:20px; /*display:none;*/}
	.centers .center-type1 {float:none; width:100%;}
	.centers .center-type1 h2{font: 18px nsB; line-height: 60px;}
	.centers .center-type1 ul li {height:50px;}
	.centers .center-type1 ul li a {font:14px nbgM;line-height:50px;}
	.centers .center-type1 ul li.type2 a {line-height:17px; padding-top:0;}
	.centers .center-type2 {float:none; width:100%;}
	.centers .center-type2 h2 {font: 18px nsB; line-height:60px;}
	.centers .center-type2 ul li {height:50px;}
	.centers .center-type2 ul li a {font:14px nbgM;line-height:50px;}
	.centers .center-type2 ul li.txt2 a {padding-top:10px; font: 14px nsB;}

	.ad-text h2 {padding: 30px 0 9px 25px; text-align:center;}
	.ad-text p {text-align:center;}

	.pic-groupp {padding:15px 0 20px 0;}
	.pic-groupp ul li {width:33.3%; }

	.gray-box .helth_data ul {margin-top:35px; padding-bottom:70px;}
	.gray-box .helth_data ul li {width: 50%; }
	.gray-box .helth_data a{height:60px;}

	.notice {padding-right:0px; margin-bottom:30px;}
	.notice .thump_img {overflow:hidden; float:none; width:100%; height:100px;}
	.notice .thump_con {float:none; width:100%;}
	.notice .thump_con dt {padding:10px 0 10px 0px;}
	.notice .thump_con dd {overflow:hidden; padding:0; /*text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;*/ /* 2줄이상 말줄임 */ }
	.notice .more_btn2 {right:0px;}

	.movie {padding:0px;}
	.movie .more_btn3 {right:0px;}
	.popup-area {padding:0px;}
	
	.quick {margin-bottom:30px; padding-left:0; padding-right:0px;}
	.quick p {padding-bottom:20px;}
	.quick ul li {width:50%;}
	.quick ul li:nth-child(1) a{border-right:1px solid #aedbe4; border-bottom:1px solid #aedbe4; }
	.quick ul li:nth-child(2) a{border-right:none; border-bottom:1px solid #aedbe4; }
	.quick ul li:nth-child(3) a {border-right:1px solid #aedbe4; border-bottom:1px solid #aedbe4; }
	.quick ul li:nth-child(4) a{border-bottom:1px solid #aedbe4;}
	.quick ul li:nth-child(5) a{border-right:1px solid #aedbe4; border-bottom:1px solid #aedbe4; }
	.quick ul li:nth-child(6) a{border-right:none;  border-bottom:1px solid #aedbe4;}
	.quick ul li:nth-child(7) a {border-right:1px solid #aedbe4;  }

	.tab-bbs .more_btn2 {position:absolute; top:15px; right:0px; display:block; width:24px; height:24px; text-indent:-9999px; background:url('/images/main/more_btn2.png') no-repeat center center;}

	.public {padding-left:0px; margin-bottom:15px;}
	.recruit{padding-left:0px;}

	.quick_btn {position:absolute; top:65px; right:0px;}
}
@media screen and (max-width: 600px){
	
	.mtxt-box .txt {top:50px; width:220px;}
	
	/*.mtxt-box .txt {display:none;}*/
	.bg1 {background:url('http://metrohosp.cdn3.cafe24.com/m_visual01.jpg') no-repeat top center; background-size:auto 100%;}
	.bg2 {background:url('http://metrohosp.cdn3.cafe24.com/m_visual02.jpg') no-repeat top center; background-size:auto 100%;}
	.bg3 {background:url('http://metrohosp.cdn3.cafe24.com/m_visual03.jpg') no-repeat top center; background-size:auto 100%;}
	.bg4 {background:url('http://metrohosp.cdn3.cafe24.com/m_visual04.jpg') no-repeat top center; background-size:auto 100%;}
	.bg5 {background:url('http://metrohosp.cdn3.cafe24.com/m_visual05.jpg') no-repeat top center; background-size:auto 100%;}
	.bg6 {background:url('http://metrohosp.com/images/main/m_visual06.jpg') no-repeat top center; background-size:auto 100%;}
}

@media screen and (max-width: 560px){
	
	/*#m-viesual {height:300px;}
	#m-viesual .item {height:300px;}

	.mtxt-box .txt {top:60px; width:180px;}*/

	#point-area {margin-top:-80px;}

	/*.customer em {float:left; display:block; width:25%; text-align:right;}
	.customer em img {display:inline-block; width:50px; height:auto; margin-top:8px; margin-right:10px;  }
	.customer .tel {float:left;  width:75%;  text-align:left; margin-top:0px; font:25px nbgM;  line-height:30px;}
	.customer .tel2 {float:left; line-height:30px;}*/

	.customer h2 {padding-left:100px; }
	.customer .tel {margin:0 0 0 100px; }
	.customer .tel2 {margin-left:100px;}

	

}

@media screen and (max-width: 320px){

	/*#m-viesual {height:160px;}
	#m-viesual .item {height:160px;}*/
	
	/*.mtxt-box .txt {top:140px; width:175px;}*/

	#point-area {}
	#point-area .container {padding:0 7px;}
	
	.customer {position:relative; overflow:hidden; margin-bottom:0px; padding:20px 10px;}
	.customer h2 {font:18px nsB; padding-left:0px; text-align:center;}
	.customer em {position:relative; left:0px; top:0px;}
	.customer .tel {margin:10px auto; padding:0 9px 10px 0px; width:220px; text-align:center;  border-right:none; border-bottom:1px solid #f7a75f;}
	.customer .tel2 {position:relative; margin:10px auto;  right:0px; top:0px; text-align:center;}

}