@charset "utf-8";

#sub_visual {overflow:hidden; position:relative; padding-left:50%;}
#sub_visual .img {width:1920px; max-width:none; margin-left:-960px;}

#main {position:relative; width:90%; max-width:1200px; margin:40px auto 0px;}
#main.board {margin:80px auto 150px;}



#lnb {position:relative; z-index:11; border-bottom:1px solid #d5d5d7; color:#fff; text-align:center; background:#f3f3f5;}
#lnb .home {position:relative; float:left; width:10%; max-width:56px; height:55px; text-indent:-999px; background:url('../images/common/ico_home.jpg') no-repeat center;}
#lnb .home:after {position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background:#ddd; content:'';}
#lnb .inwrap {display:inline-block; width:100%; max-width:1200px; vertical-align:top; text-align:left;}
#lnb .inwrap > div {float:left; position:relative; width:45%; max-width:260px; font-size:15px; color:#222222; line-height:55px;}
#lnb .inwrap > div:before {position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background:#ddd; content:'';}
#lnb .inwrap > div > a {display:block; overflow:hidden; padding-left:24px; padding-right:15px; line-height:55px; white-space:nowrap; text-overflow:ellipsis; background:url('../images/common/ico_lnb_arrow.jpg') no-repeat 90% center;}
#lnb ul {display:none; position:absolute; top:55px; left:-1px; right:0px; border:1px solid #e0e0e0; font-size:14px; line-height:2.18; background:#fff;}
#lnb ul a {display:block; padding:10px 27px; color:#222222; font-weight:300;}
#lnb ul li+li {border-top:1px solid #ddd;}
#lnb ul li:hover a {background:#f6f6f6;}

.ctitle {margin-bottom:68px; padding-bottom:22px; font-size:30px; color:#272c35; font-weight:700; border-bottom:1px solid #dddddd;}

.title01 {position:relative; padding-left:22px; font-size:22px; color:#333333; line-height:30px; font-weight:500;}
.title01:before {position:absolute; top:50%; left:0; width:12px; height:12px; margin-top:-6px; border-radius:50%; border:3px solid #0f6fb8; content:'';}

.title02 {position:relative; font-size:18px; color:#333333; line-height:30px; font-weight:500;padding-top:30px}
.title02:before {position:absolute; top:50%; left:0; margin-top:-6px; content:'';}

/* intro */

.greeting img {width:100%;}
.greeting .txt_box {overflow:hidden; font-size:0;}
.greeting .txt_box h3 {display:inline-block; width:37.5%; font-size:36px; color:#0b4380; line-height:1.52; font-weight:500;letter-spacing:-0.075em; vertical-align:top;}
.greeting .txt_box .txt {display:inline-block; width:62.5%; font-size:18px; color:#656565; line-height:1.6; letter-spacing:-0.05em;}
.greeting .txt_box .txt em {color:#252525; font-weight:500;}
.greeting .img_box {margin-top:90px;}

.doctor_list {overflow:hidden; margin:-45px; padding-bottom:100px; text-align:center;}
.doctor_list > li {float:left; width:33.333%; padding:45px; height:800px;}
.doctor_list .t01 {font-size:24px; color:#333333; font-weight:500;}
.doctor_list .txt_box {padding:15px 0 0; text-align:left;}
.dot_list {margin-top:17px; font-size:16px; color:#656565;}
.dot_list li {position:relative; padding-left:15px;}
.dot_list li:before {position:absolute; top:10px; left:4px; width:3px; height:3px; border-radius:50%; background:#888888; content:'';}
.dot_list li+li {margin-top:8px;}

.information {padding-bottom:100px; text-align:center;} 
.floor_guide {display:inline-block; width:95%; max-width:800px; text-align:left;}
.floor_guide .txt {margin-top:12px; text-align:right; font-size:16px; color:#656565;}
.table_type01 {width:100%; border:1px solid #d5d5d5; border-top:0;}
.table_type01 th {width:75px; padding:13px 5px 16px; font-size:20px; color:#fff; text-align:center; border-top:1px solid #d5d5d5; background:#6a747f;}
.table_type01 td {padding:13px 19px 16px; font-size:16px; color:#656565; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5;}

.cooperation {padding-bottom:100px;}
.cooperation img {max-width:100%;}
.cooperation .list {overflow:hidden; margin:-6px;}
.cooperation .list li {float:left; width:25%; padding:6px; text-align:center;}
.cooperation .list .box {border:1px solid #e3e3e3;}

.map_info {padding-bottom:100px;}
.map_box {padding:0px; border:1px solid #e3e3e3;}
.map_info .map_wrap {width:100%; border:0 !important;}
.map_info .root_daum_roughmap {width:100% !important; border:0 !important;}




.map_info .wrap_controllers {display:none !important;}
.map_info .info {margin-top:45px;}
.map_info .info h3 {padding-left:69px; font-size:24px; color:#333333; line-height:55px; font-weight:500; background:no-repeat left center;}
.map_info .info h3.car {background-image:url('/images/intro/icon_car.png');}
.map_info .info h3.subway {background-image:url('/images/intro/icon_subway.png');}
.map_info .info h3.bus {background-image:url('/images/intro/icon_bus.png');}
.map_info .info ul+h3 {margin-top:58px;}



/* quide */
.quide {padding-bottom:100px;}
.quide .box+.box {margin-top:58px;}
.quide .txt {margin-top:14px; font-size:16px; color:#656565;}

.time {margin-top:18px; padding:16px 22px 17px 10px; border-top:1px solid #333333; border-bottom:1px solid #dddddd}
.time span {position:relative; display:inline-block; min-width:240px; padding-left:10px; font-size:16px; color:#656565; line-height:30px;}
.time span:before {position:absolute; top:15px; left:0; width:3px; height:3px; border-radius:50%; background:#888888; content:'';}
.time span+span {}






.table_type01 {margin-top:25px;}
.table_type01  .dot_list{padding-bottom:10px;}
.table_type01  th{background:#f3f3f5;color:#333333;font-size:16px;font-weight:500;}
.big_text{font-size:20px; color:#222222;font-weight:500;}


.guide3 .top {overflow:hidden; padding-bottom:100px;}
.guide3 .top .txt_box {float:left; width:45.83%; margin-top:0;}
.guide3 .top .txt_box > p {margin-top:0px;font-size:16px; color:#656565; line-height:1.875;}
.guide3 .img_box {float:right; width:45.83%;}
.guide3 .img_box img {width:100%;}
.guide3 .top .title01 {font-weight:bold;}



/* center */

.icu {padding-bottom:100px;}
.icu .box+.box {margin-top:58px;}
.icu .txt {margin-top:29px; font-size:16px; color:#656565; line-height:1.875;}
.icu .list {overflow:hidden; margin:42px -10px -10px;}
.icu .list li {float:left; width:25%; padding:10px;}
.icu .list .t01 {font-size:15px; color:#fff; text-align:center; line-height:60px; background:#0c4484;letter-spacing:-1px;}


#floor_info {width:100%; max-width:800px; margin:50px auto 0;}
.gallery_tab_menu {overflow:hidden; padding:10px; text-align:center; background:#0e6fb8;}
.gallery_tab_menu li {display:inline-block;}
.gallery_tab_menu li a {display:block; padding:0 12px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; font-size:16px; color:#fff; line-height:30px;}
.gallery_tab_menu li.on a {color:#0e6fb8; font-weight:700; background:#ffffff;}
#floor_info .slider_wrap {overflow:hidden;}
#floor_info .slider_wrap img {width:100%;}
#floor_info .bx-wrapper .bx-prev{top:50%; left:15px; width:40px; height:40px; margin-top:-20px; background:url('/images/intro/btn_gallery_prev.png') no-repeat center;}
#floor_info .bx-wrapper .bx-next{top:50%; right:15px; width:40px; height:40px; margin-top:-20px; background:url('/images/intro/btn_gallery_next.png') no-repeat center;}



.guide_img{margin-top:50px; margin-bottom:60px; text-align:center;}

@media all and (max-width:1200px){

	.greeting .txt_box h3 {width:100%; text-align:center;}
	.greeting .txt_box .txt {width:100%; margin-top:35px;}
	.greeting .img_box {margin:45px -15% 0 ;}
}


@media all and (max-width:1000px){
		
	
	#sub_contents {min-height:400px;}
	#sub_visual {display:none;}
	


	#lnb {border-top:1px solid #d5d5d7;}
	#lnb .home {height:35px; background-size:14px auto;}
	#lnb .home:after {height:10px; margin-top:-5px;}
	#lnb .inwrap > div {width:35%; font-size:13px; line-height:40px;}
	#lnb .inwrap > div:before {height:10px; margin-top:-5px;}
	#lnb .inwrap > div > a {padding-left:13px; padding-right:8px; font-size:13px; line-height:40px; background-size:8px auto;}
	#lnb ul {top:40px;}
	#lnb ul a{padding:7px 15px; font-size:12px;}

		
	.ctitle {margin-bottom:35px; padding-bottom:11px;}

	
	.doctor_list {margin:-23px; padding-bottom:50px;}
	.doctor_list img {width:100%;}
	.doctor_list > li {width:100%; }

	
	.dot_list li+li {margin-top:4px;}

	.information {padding-bottom:50px;} 
	
	.cooperation {padding-bottom:50px;}
	.cooperation .list li {width:50%;}
	.map_info {padding-bottom:50px;}
	.map_info .info {margin-top:23px;}
	.map_info .info ul+h3 {margin-top:30px;}
	
	.quide {padding-bottom:50px;}
	.quide .box+.box {margin-top:30px;}
	
	.time span {min-width:180px; }
	
	.icu {padding-bottom:50px;}
	.icu .box+.box {margin-top:30px;}
	.icu .txt {margin-top:15px;}
	.icu .list {margin:20px -5px -5px;}
	.icu .list img {width:100%;}
	.icu .list li {width:100%; padding:5px;}


	.guide3 .top .txt_box { width:100%;}
	.guide3 .img_box {width:100%; margin-top:45px;}
	.guide_img{margin-top:25px; margin-bottom:30px; text-align:center;}

}


@media (max-width: 767.98px) {
	
	
	/*
	.list04 li+li {margin-top:30px;}
	.list04 .circle {width:130px; height:130px; padding-top:42px;}

	*/
}

@media all and (max-width:570px){

	.map_info .map_wrap {overflow:hidden; height:300px;}
	.map_info .root_daum_roughmap {position:relative; top:-80px;}

	.map_info .info h3 {padding-left:50px; font-size:20px; background-size:40px auto;}
	.map_info .info {margin-top:30px;}
	.map_info .info ul+h3 {margin-top:38px;}


	/*
	#main {margin:48px auto 40px;}
	#main.board {margin:48px auto 90px;}

	#lnb > div {font-size:15px;}
	#lnb .home {background-size:18px auto;}
	#lnb .inwrap > div > a {padding-left:15px; background-size:10px auto; background-position:93% center;}
	#lnb ul {padding:15px; font-size:13px;}

	
	.intro02 .philosophy {margin-top:22px; padding:41px 12px 40px 128px; background-position:25px center; background-size:78px auto;}

	

	.customer > div {width:100%; padding:4px; }
	.customer > div .inwrap {min-height:385px;}
	.customer .ward .inwrap > * {float:none;}
	.customer .ward .tit {margin-top:23px; margin-right:0;}
	.customer .ward dl {margin-top:20px;}
	.customer .ward dd br {display:block;}

	.department .inwrap > span {padding-right:10px; padding-left:30px;}
	.department .inwrap > span:before {position:absolute; left:10px;}
	.department .sub li:before {left:15px;}
	.department .sub li span {padding-left:21px;}

	.map .cont {width:100%;}
	.map .img_wrap {width:100%; margin-top:36px;}
	.map .wrap_map {height:400px !important;}

	.tab_menu01 li span {width:21px; height:21px; margin-top:21px; line-height:19px;}
	.tab_menu01 li p {margin:9px 0 22px;}
	.tab_menu01 li+li:before {width:7px; height:19px; margin-top:-10px; background-size:7px auto;}
	.tab_menu01 li:nth-child(4):before {left:2px;}
	.tab_menu02 span {display:block;}

	.clinic .list01 {margin-top:51px;}
	.clinic .sports .num {padding:8px 10px 9px;}

	.checkup_list {padding:0 0 25px 18px;}
	.checkup_list dt {margin-top:16px;}
	.checkup_list dt span {width:34px; height:37px; padding-top:24px; background-position:center 5px; background-size:16px auto;}
	.checkup_list dt b {float:left; display:inline-block; margin-left:8px; line-height:37px;}
	.checkup_list dd {margin-top:13px;}


	.list01 {margin:0 -4px;}
	.list01 > li {padding:0 4px 46px !important;}
	.list01 > li > div {padding-left:6px;}
	.list01 .num {margin-top:-18px; padding:3px 10px;}
	.list01 .num p {margin-top:0;}

	
	.list03 {padding:13px 18px;}
	.list03 > ul {width:100%;}
	.list03 .img_wrap {width:100%; margin-top:20px;}
	.list03 .img_wrap img {width:100%;}

	
	
	
	.title02 {padding:9px 0 8px 36px; background:url('/images/common/ico_arrow01.png') no-repeat 18px center #f3f3f5; background-size:11px auto;}
	.title04 {margin-top:46px; padding:10px 0 10px 40px;background-position:18px 12px; background-size:14px auto;}


	.txt_area {padding-left:18px;}

	.mt60 {margin-top:36px;}
	.mt35 {margin-top:21px;}
	.mt40 {margin-top:24px;}
	.mt50 {margin-top:30px;}
	*/
}

@media all and (max-width:350px){
}