@media screen and ( max-width:1600px )
{
}
@media screen and ( max-width:1450px )
{
	/*section.visual .slogan { left:250px; top:170px }*/
}
@media screen and ( max-width:1300px )
{
	.container { width:100%; max-width:1200px }
	section.visual .container .inner { margin-left:40px} 

	.quick-menu li a:hover { background : #666 !important; text-indent : 0 !important ; }
}
@media screen and ( max-width:1250px )
{
	section.cscenter .cscenter-body .ball .inner { width:150px; height:150px }
	section.cscenter .cscenter-body .ball img { margin-top:30px }
	section.cscenter .cscenter-body .ball span { padding:0; margin-top:50px  }

	section.visual .navigator { display:none }
}
@media screen and ( max-width:1230px )
{
	section.doctors .doctors-list .arrow.prev { left:10px }
	section.doctors .doctors-list .arrow.next { right:10px }

	section.community .left-wrap { float:none; width:100% }
	section.community .right-wrap { float:none; width:100%; margin:30px auto;  }
	section.community .right-wrap .inner { width:90%; }
	section.community { width:94%; margin:50px auto }
	section.community .request table td input { width:98% }
	
	section.contact { height:auto }
	section.contact .map { position:static; width:100% }
	section.contact .location { width:94%; margin:0 auto }
	section.contact .location .inner { width:auto }
	footer { width:94%; margin:0 auto; padding:60px 0 }
	

	section.news .view-foot-list .arrow { display:none }
	section.news .view-foot-list .subject { float:none }
	section.news .view-foot-list > .left { width:80% }
	section.news .view-foot-list .right { width:18% }
	section.news .view-foot-list .right a { padding:26px 0 }

	.container { width:90%;  }
	
	section.news .column .item {   }
	section.news .column .item figure { text-align:center }
	section.news .column .item figure img { width:100%; max-width:264px; height:auto }
	
	section.about .greeting { width:40% }
	section.about .building { width:55% }
	section.about .building img { max-width:100%; width:100%; height:auto }

	section.about .preview-left { width:43% }
	section.about .preview-right { width:55% }
	section.about .preview-right .left { width:50% }
	section.about .preview-right .right { width:50% }
	section.about img { max-width:100%; width:100%; height:auto }
	section.about .facilities .first .left article {  margin-top:0; padding : 20px }
	section.about .facilities article { padding: 10px; }
	
	.middle-left.left { float:none;  margin:0 auto }
	.middle-right.right { float:none; margin:50px auto }

	section.about .arrow-option { padding : 0 }

	section.about .facilities .point1:after { display : none }
	section.about .facilities .point2:after { display : none }
	section.about .facilities .point3:after { display : none }
	section.about .facilities .point4:after { display : none }
	section.about .facilities .point5:after { display : none }
	section.about .facilities .point6:after { display : none }

	.main-mobile-time { display : block }
	.btn-example { display : none }

	.mobile-map-show { position : relative }
}
@media screen and ( max-width:1200px )
{
	.temp-layer { display:none ! important }
	header .mnb { display:block; }
	header .gnb { display:none }
	header { opacity : 1; }
	header .utils { display:none }
	header .logo img { width:220px }
	section.doctors .doctors-head .quick-link.first { display:none }
	section.doctors .doctors-head .quick-link { width:33.3% }
	section.doctors .mask { max-width:1200px; width:100%; }
	section.community .left-wrap .inner { width:90% }
	section.cscenter { margin-top:0px }
	
	footer .clear > div { float:none; text-align:center; padding:10px 0 }
	footer { padding:0 0 30px;}
	
	section.visual .slogan h2 { font-size:30px !important }
	section.visual .slogan.s0 h2 .txt-img{width:240px; margin-top:5px;}
	section.visual .slogan.s0 span {font-size:16px;}
	section.visual .slogan p { font-size:14px !important; font-weight:500; line-height:20px }
	section.visual .slogan a { top:10px }
	
	section.news .bbs-head { margin-top:40px }
	section.news table.view th.count { display:none }
	section.news table td.content { }
	section.news table td.content img { max-width:100% ! important; height:auto ! important; width : 100% !important }

	section.about .medical .guide .time,
	section.about .medical .guide .call { float:none; width:auto; margin:20px 0; }
	/*section.about .medical .schedule { display:none }*/
	/*section.about .pageTitle.second { display:none }*/
	section.about .medical .schedule th, section.about .medical .schedule td, section.about .medical .schedule td strong { font-size:11px ! important; word-break:keep-all } 

	section.doctors .menu .tab { height : 540px; }
	section.doctors .tab-content > div { height:auto !important; opacity:1 !important }
	.main-bg-new { background : #fff; height : auto; margin-bottom : 0 }
	.bbs-price .bbs-head { display : none }

}

@media screen and ( max-width : 1199px ) {
	section.doctors .menu .tab .overlay.img1 a,
	section.doctors .menu .tab .overlay.img2 a,
	section.doctors .menu .tab .overlay.img3 a,
	section.doctors .menu .tab .overlay.img4 a,
	section.doctors .menu .tab .overlay.img6{ display : none; }
	section.about .social ul li { width : 50% }
	

}

@media screen and ( max-width : 1150px ) {
	.facebook-login p a:first-child { border-right : none }
	.inner-img{float:none; margin-right:0;}
	.left-img{float:none;}
}

@media screen and (max-width : 975px) {
	section.about .social > div:first-child { width : 100%; padding : 30px 0; text-align : center }
	section.about .social > div { display : block; padding : 0 }
	section.doctors .menu .tab { height : 440px; }
	section.doctors .center-doctor .tab { height:560px }
	
	/*
	section.visual .slogan { text-align : right }
	section.visual .link { text-align : right }
	*/
}

@media screen and ( max-width:960px )
{
	section.about .contact .subway,
	section.about .contact .bus { width:auto; float:none }

	section.medical .menu .tab, section.center .menu .tab { width : 49%; height : 270px; margin-bottom : 5px }
	section.medical .menu2, section.center .menu2 { width : 90% }
	section.medical .menu2 .tab2, section.center .menu2 .tab2 { width : 32% }
	section.medical .detailView div.basic-check > ul { float : none; width : 100%; }
	section.medical .detailView .icon8-st-bg li { display : block }
	section.medical .detailView .icon8-st-bg li:last-child { padding-left: 0; margin-top : 10px  }
	
	section.visual .facebook { 
		-webkit-transform:scale3D(.6,.6,.6);
		-moz-transform:scale3D(.6,.6,.6);
		-ms-transform:scale3D(.6,.6,.6);
		transform:scale3D(.6,.6,.6);

		right:0;
		bottom:0;
	}
	
}

@media screen and ( max-width:900px )
{
	header .logo img { width:200px }
	section.visual .sns { display:none; bottom:25px }
	section.visual .sns img { width:100px }
	section.visual .arrow { top:auto; bottom:0 }
	section.visual .control { display:none }
/*	section.visual .slogan { left:30px; width:400px; }*/
	section.visual .slogan h2 { font-size:22px !important}
	section.visual .slogan.s0 h2 .txt-img{width:200px; margin-top:0px;}

	section.cscenter .cscenter-body .ball { width:49%; margin:25px 0; text-align:center }
	section.cscenter .cscenter-body .ball .inner { display:inline-block }
	
	section.news table.view th { display:block; text-align:left } 

	section.news .column .item { width:48%; margin:15px 1% }

	section.about .greeting, section.about .building { float:none; width:auto }
	section.about .greeting h3 br,
	section.about .greeting p br { display:none }

	section.about .greeting img { display:block; width:auto; margin:40px auto }

	section.about .preview-left { width:100% }
	section.about .preview-right { width:100% }
	section.about .preview-right .left,
	section.about .preview-right .right { float:none; width:auto }
	section.about .preview-right .left, section.about .preview-right .right { margin-top:10px }

	section.about .floor .floor-info > div { float:none; width:auto }

	section.medical .detailView .inner ol li span { float : none; width : 100% }
	section.medical .detailView .inner ol li span:last-child { margin-top : 5px }
	section.medical .detailView .inner3 > div.list-wrap-80 { float : none; width : 100% }
	section.medical .detailView .inner3 > div ul.list-25 { width : 50%; }
	section.medical .detailView .inner3 > div.list-wrap-20 { float : none; width : 100%; background : none; border-left : none; margin : 0; padding : 0; padding-bottom : 30px }

	.naver-login > div > a { float : none; width : 100%; margin-bottom : 10px }
	.naver-login > div > a span { display : none }
	.naver-login > div > a img { display : inline; text-align : center }
	.naver-login p { margin-top : 0; border-top: none}

	.facebook-login p { border-top : none; margin-top : 20px  }
	.facebook-login p a { float : none; width : 100%; height : 25px; line-height : 25px;  }
	
	section.visual .link { margin-left:30px }

}
/* 20160927 */
@media screen and ( max-width:850px )
{
	section.center .menu.col5 .tab { width:99%; margin:10px 0; }
}
@media screen and ( max-width:760px )
{
	section.visual .left-side {display:none; }
/*	section.community .ne-tv .right-block { display:none }*/
/*	section.community .ne-tv .left-block { width:100%  }*/
/*	section.community .notice li em { display:none }*/
/*	section.community .notice li { padding-left:0; padding:5px 0; border-bottom:1px solid #e5e5e7 }*/
/*	section.community .notice li:nth-child(3) { border-bottom:0 }*/
/*	section.community .notice li a { display:block; }*/
/*	section.community .notice li span { display:block; position:static; padding:5px 0; color:#c7c7c7 }*/
/*	section.cscenter .cscenter-head { padding:0 30px  }*/
/*	*/
/*	section.snb { display:none }*/
/*	section.snb a { display:block; float:none }*/
/*	section.news table.list th.count,*/
/*	section.news table.list td.count,*/
/*	section.news table.list col.count,*/
/*	section.news table.list th.no,*/
/*	section.news table.list td.no,*/
/*	section.news table.list col.no{ display:none }*/
/*	section.news .view-foot-list > .left { display:none }*/
/*	section.news .view-foot-list .right { width:160px; float:none; display:inline-block; }*/
/*	section.news .view-foot-list { text-align:center; }*/
/**/
/*	section.doctors .tab-content .box .clear { padding-bottom : 50px; margin-bottom : 80px }*/
/*	section.doctors .tab-content .spine .left, section.doctors .tab-content .spine .right { width : 100%; float : none }*/
/*	section.doctors .tab-content .spine .right { margin-top : 30px }*/
/**/
/*	section.doctors .schedule thead tr th { font-size : 15px; }*/
/*	section.doctors .schedule tbody tr td { font-size : 13px; }*/
/**/
/*	section.doctors { margin-top : 0 !important; }*/
/*	section.medical { margin-top : 0 !important; }*/
/*	section.medical .detailView .inner > li { display : block; width : 100%; border-left : none; margin-bottom : 40px }*/
/**/
/*	section.medical .detailView .category .tab a { font-size : 14px }*/
/**/
/*	section.medical .menu2 .tab2, section.center .menu2 .tab2 { width : 100% }*/
/**/
/**/
/*	.login-wrap > div { float : none; width : 99%; margin-bottom : 20px }*/
/*	section.visual .slogan h2 { margin-top:80px }*/
/**/
/*	section.medical .detailView .inner3 > div.sub-img > p { float : none; width : 100% }*/
/*	section.medical .detailView .inner3 > div.sub-img img { margin : 0 auto; float : none !important }*/
/**/
/*	#baguetteBox-overlay .full-image figcaption { font-size : 20px }*/
/*	*/
/*	section.visual .left-side .color { opacity : 0 }*/
/**/
/*	section.visual .left-side { left : 0; width : 100%; z-index : 999; overflow-y : auto }*/
/*	section.visual .left-side:before { content : ''; width : 100%; height : 100%; background : rgba(0, 0, 0, 0.5); position : absolute; top : 0; left : 0 }*/
/*	section.visual .left-side:after { content : ''; width : 100%; height : 50%; background : rgba(0, 0, 0, 0.5); position : absolute; bottom : -50%; right : 0 }*/
/**/
/*	.slide-block { width : 300% }*/
/*	.slide-item { width : 33.33% }*/
/*	section.visual .left-side .inner { margin-top : 20px }*/
/*	section.visual .left-side .inner img { padding : 5px 0 }*/
/*	section.visual .left-side h2 { font-size : 20px }*/
/*	section.visual .left-side p.medium { font-size : 16px; padding : 10px 0 }*/
/*	section.visual .left-side p.small { font-size : 14px }*/
/*	.open-award { display : none }*/
	/*
	section.visual .left-side { top : inherit; left : 0; bottom : 0; width : 100%; height : 200px; overflow : hidden }
	section.visual .left-side .inner { margin : 0 }
	
	section.visual .left-side .cont { overflow : hidden }
	.slide-item .rel { display : none }
	section.visual .left-side .img_wrap { display : none }
	section.visual .left-side p.medium { background : none }
	section.visual .left-side p.small { padding : 0; font-size : 14px }
	section.visual .left-side .txt_wrap a { display : none }
	section.visual .left-side .medium br { display : none }
	.open-award { display : none }
	.txt_wrap2 { margin-top : 50px }

	*/
}

@media screen and ( max-width:710px )
{
	.middle-left-left.left { float:none; width:100%; margin:0 auto; }
	.middle-left-right.right { float:none;  width:100%; margin-top:50px; text-align:center; }
	.middle-left-right.right em { display:inline-block }

	.middle-right-left.left{ float:none; margin:0 auto;  }
	.middle-right-right.right { text-align:center; float:none; margin:0 auto; margin-top:30px; padding : 0 !important }
	
	.middle-right-right-top .list { text-align:left; padding-left:10px }

	.middle-left { width:100% }
	.middle-right { width:100% }
	.middle-left .map { width:100% }
	.middle-left .map img { width:100%; }
	
	.middle-right-right-bottom { text-align:left }

	.bbs-tab li a { font-size : 15px }
}


@media screen and ( max-width:700px )
{
	section.doctors .doctors-head .quick-link { display:none }
	section.doctors .doctors-head .quick-link.last { display:block; width:100%; }
	
	section.visual .arrow a span { font-size:12px }
	section.visual .arrow a em img { width:30px }
	section.visual .arrow a  { width:70px }
	
	table.press td { display:block }
	table.press td.thumb { border:0; }
	table.press td.thumb figure img { max-width:100%; height:auto }
	section.news table.press td.subject { padding-top:0 }
	section.news table.press td.subject em { font-size:12px }
	section.news table.press td.subject span.title { font-size:16px; }
	section.news table.press td.subject span.date { font-size:12px }

	section.news table.view th, section.news table.view td { padding:10px }
	section.news table.view th.date { font-size:12px }
	section.medical .detailView .inner3 > div ul.list-50 { float : none; width : 100%; margin-right : 0 }
	section.about .social-vs { display : none }

	/* 2016 03 03 */
	.member-body table tr th, .member-body table tr td { display : block; width : 100%; box-sizing : border-box }
	.member-body table tr th b { display : none }
	.member-body table tr th { background : #f1f1f1 }
}

@media screen and ( max-width : 670px) {
	section.about .social ul li { float : none; width : 100% }
	section.doctors .menu .tab { height : 420px; }
	section.doctors .center-doctor .tab { height:500px }
	
}

@media screen and ( max-width:640px )
{
	/*.quick-menu { display:none }*/
	.quick-menu li a { font-size:12px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
	.quick-menu .container { width:100% }
	section.doctors .schedule th:nth-child(1), section.doctors .schedule th:nth-child(2),
	section.doctors .schedule tbody tr:first-child td:nth-child(1), section.doctors .schedule tbody tr:first-child td:nth-child(2)
	{ display:none }
	section.doctors .schedule th { width:14.2% ! important }
	section.doctors .schedule th:last-child { border-right:1px solid #e5e5e5 ! important }

	

}

@media screen and ( max-width:600px )
{
	header .logo img { width:180px }
	section.sub .header p span { display : none }
	section.visual .button { bottom:0; padding:10px 0; }
	section.community .ne-tv-head .more { top:-46px; bottom:auto }
	section.community .ne-tv-head span { font-size:18px }
	section.community .request table td input { width:97% }
	
	.examination.hospitalization.leave .step h2 { float:none; position:static; padding:15px 0 }
	.examination.hospitalization.leave .step p { float:none }
	.examination.hospitalization.leave .step { padding-left:80px }

	.certificate .accordion .box h2 { font-size:16px }
	.certificate .accordion .box p { font-size:13px; margin:15px 0; line-height:16px }
	.certificate .accordion .box p span { font-size:13px }
	.certificate .accordion .box .contents table th, .certificate .accordion .box .contents table td { font-size:12px }

	section.about .medical .guide .icon,
	section.about .medical .guide article { float:none; margin:20px 0; width:auto }
	section.about .medical .guide .icon { text-align:center }

	.smk_accordion .accordion_in .acc_head { font-size : 16px }
	.accordion_in .acc_head .acc_icon_expand { right : 15px }

	section.medical .menu .tab, section.center .menu .tab { width : 100%; }
	section.doctors .center-doctor .tab { height:420px }
	section.doctors .pain-doctor .tab { height:500px }

	footer .clear > div { padding:0 }
	footer h1 span { 
		border-right:0;
		display:block;
		padding:10px 0;
		border-bottom:1px solid #ddd
	}
	footer h1 span:last-child  { border-bottom:0 }

/*	section.visual .slogan { width:260px }*/
	section.visual .slogan.s0 h2 .txt-img{width:200px; margin-top:0px; margin-left:0;}
	section.visual .slogan p br { display:none }

	/* 비급여 게시판 2016-02-24 */
	.price-list thead tr:first-child { display:none }
	.price-list th:nth-child(5), .price-list th:nth-child(6), 
	.price-list td:nth-child(5), .price-list td:nth-child(6), .price-list td:nth-child(7) { display:none }
	
	/*위임장, 동의서 다운 영역*/
	a.down_link{font-size:14px !important;}
	.inner-img{border:1px solid #a7c9f8;}
	


}
@media screen and ( max-width:500px )
{
	section.community .cscenter .guide .icon { float:none; display:none }
	section.community .cscenter .guide .text { float:none; width:100% }
	section.contact .map { height:250px }
	section.contact .location .bus .clear > div { float:none; }
	section.contact .location .bus .clear .right { margin-top:40px; text-align:center }
	section.news .bbs-head input[type=submit] { width:auto }
	
	section.news table.list td { display:block; text-align:left }
	section.news table.list thead { display:none }
	section.news table.list td { padding:20px }
	section.news table.list td.subject { padding:20px; padding-bottom:10px; border-bottom:0 }
	section.news table.list td.date { padding-top:0 }
	
	section.news .column .item { width:100%; margin:15px 0; }

	section.about h2.title { font-size:30px; padding:15px 0 }
	section.about .greeting h3 { font-size:16px; line-height:22px }
	section.about .greeting img { margin:15px auto }
	section.about .medical .guide article em { text-align:center; font-size:36px }

	section.sub .header p br { display:none }

	section.doctors .menu .tab { height : 250px; }
	section.doctors .center-doctor .tab { height:420px }
	section.doctors .pain-doctor .tab { height:400px }

	.smk_accordion .accordion_in .acc_head { font-size : 14px }
	section.medical .detailView .category .tab a { font-size : 12px }
	section.medical .detailView .inner3 > div ul.list-25 { width : 100%; }

	section.visual .container .inner { margin-left:0; position:absolute; top:40%; left:0; width:100% }
	section.visual .slogan { display:inline-block; left:0; }
	section.visual .slogan span,
	section.visual .slogan p { display:none }
	section.visual .container .inner { text-align:center }
	section.visual .slogan h2 { margin-top:0 }
	section.visual .link { margin-left:0 }

	section.visual .next { right:10px }
	section.visual .prev { left:10px }

	.bbs-tab li a { font-size : 12px }

	section.visual .facebook { 
		-webkit-transform:scale3D(.4,.4,.4);
		-moz-transform:scale3D(.4,.4,.4);
		-ms-transform:scale3D(.4,.4,.4);
		transform:scale3D(.4,.4,.4);

		right:-30px;
		bottom:-30px
	}

	/* 2016 03 03 */
	.member-body table tr td ul li { display : block; margin-bottom : 5px }
	.member-body table tr td input { width : 100%; display : block; margin-bottom : 5px }

	/* 위임장, 동의서 다운 영역 */
	a img.down_arrow{display:none;}

	section.sub h2.title, section.foot > h1, section.foot > h1 strong{font-size:4.5vh;}
	section.sub .pageTitle span{font-size:3.2vh;}
	section.snb a span b{letter-spacing:-0.15em;}
	section.doctors .internist-doctor{background:url("../img/sub/doctors/internist-doctor.png") no-repeat top center; background-size:47% auto; overflow:hidden;}
}


@media screen and ( max-width:400px )
{
	header .logo img { width:180px }
	section.visual .button { bottom:0; padding:10px 0; }
	section.community .ne-tv-head .more { top:-46px; bottom:auto }
	section.community .ne-tv-head span { font-size:18px }
	section.community .request table td input { width:93% }

	section.community .request-foot .clear { float:none }
	section.community .request-foot .agree { float:none; width:100% }
	section.community .request-foot .agree em a { display:block; padding:10px 0 }
	section.community .request-foot .send { float:none; width:100%; margin-left:0; margin:15px 0 }
	section.community .request-foot .send a { width:100% }
	section.community .request-foot .agree span { padding:10px 0 }
	
	section.cscenter .cscenter-body .ball { width:100%; margin:25px 0; text-align:center }
	section.visual .slogan p br { display:none }
	section.news .bbs-head input[type=text] { width:80px; }

	section.about .floor .floor-info > div div em { width:100px; }
	section.about .floor .floor-info > div div > span { padding-right:0px }
	section.about .floor .floor-info > div div em span { font-size:30px }
	section.about .floor .floor-info-2 > div div em { width:100px; }
	section.about .floor .floor-info-2 > div div em strong { width:100px; font-size:14px }

	section.medical .detailView .inner2 > li > ul.medical-time > li span { display : block }
	.doctor3-br { display:none }
	.member-body table tr td.form-birth span { display : block; width : 100% }

	/*위임장, 동의서 다운 영역*/
	a.down_link{font-size:12px !important;}
}
@media screen and ( max-width:380px )
{
	section.community .ne-story .iconBox i { display:none }

	section.doctors .menu .tab { height : 200px; }
	section.doctors .center-doctor .tab { height:300px }
	section.doctors .pain-doctor .tab { height:220px }
	section.about .social ul li .inner p a { margin-left : 5px }
	
}


