/*================================
   메인이미지
================================*/
@media (min-width: 768px){
	.main_img{
		width: 100%;
		height: 500px;
		padding: 80px 0 0 0;
		background: #e6e6e6;
	}
	.main_img .main_img_text{
		padding: 80px 0 0 50%;
	}
	.main_img .main_img_text .mit_stitle{
		font-size: 17px;
		color: #2d4198;
	}
	.main_img .main_img_text .mit_title1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 28px;
		color: #000000;
		line-height: 28px;
		padding: 15px 0 8px 0;
	}
	.main_img .main_img_text .mit_title2{
		font-size: 22px;
		color: #000000;
		line-height: 28px;
	}
	.main_img .main_img_text .mit_title2 b{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 28px;
		color: #000000;
	}
	.main_img .main_img_text p{
		font-size: 16px;
		color: #4c4c4c;
		line-height: 23px;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 992px){
	.main_img{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 90px 0 0 0;
		background: #e6e6e6;
	}
	.main_img .main_img_text{
		padding: 100px 0 0 47%;
	}
	.main_img .main_img_text .mit_stitle{
		font-size: 18px;
		color: #2d4198;
	}
	.main_img .main_img_text .mit_title1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 35px;
		color: #000000;
		line-height: 35px;
		padding: 15px 0 8px 0;
	}
	.main_img .main_img_text .mit_title2{
		font-size: 28px;
		color: #000000;
		line-height: 35px;
	}
	.main_img .main_img_text .mit_title2 b{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 35px;
		color: #000000;
	}
	.main_img .main_img_text p{
		font-size: 17px;
		color: #4c4c4c;
		line-height: 27px;
		padding: 20px 0 0 0;
	}
}

/*================================
   메인이미지 그림 위치
================================*/
@media (min-width: 768px){
	.example-1 .image_wrapper{
		background-position: -120px center;
	}
}
@media (min-width: 992px){
	.example-1 .image_wrapper{
		background-position: -100px center;
	}
}


/*================================
   병원소개
================================*/
.main_info b{
	font-weight: 700;
	color: #e21026;
}

@media (min-width: 768px){
	.main_info{
		width: 100%;
		overflow: hidden;
		font-weight: 700;
		font-size: 26px;
		color: #000000;
		line-height: 40px;
		text-align: center;
		padding: 25px 0 35px 0;
	}
}
@media (min-width: 992px){
	.main_info{
		width: 100%;
		overflow: hidden;
		font-weight: 700;
		font-size: 28px;
		color: #000000;
		line-height: 42px;
		text-align: center;
		padding: 30px 0 40px 0;
	}
}

/*================================
   진료과목-기본
================================*/
.main_feature .sub_title1{
	text-align: center;
}


/*================================
   진료과목-기본
================================*/
.main_medical{
	width: 100%;
	overflow: hidden;
}

@media (min-width: 768px){
	.main_medical li{
		width: 50%;
		height: 380px;
		float: left;
		text-align: center;
	}
}
@media (min-width: 992px){
	.main_medical li{
		width: 50%;
		height: 410px;
		float: left;
		text-align: center;
	}
}

/*================================
   진료과목-배경그림
================================*/
.main_medical .li_1{
	background: url('../images/main/main_medical01.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_medical .li_2{
	background: url('../images/main/main_medical02.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_medical .li_3{
	background: url('../images/main/main_medical03.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_medical .li_4{
	background: url('../images/main/main_medical04.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

/*================================
   진료과목-텍스트
================================*/
@media (min-width: 768px){
	.main_medical .main_medical_title{
		font-weight: 500;
		font-size: 40px;
		color: #ffffff;
		line-height: 40px;
		padding: 50px 0 10px 0;
	}
	.main_medical .main_medical_text{
		font-size: 18px;
		color: #c9c9c9;
	}
}
@media (min-width: 992px){
	.main_medical .main_medical_title{
		font-weight: 500;
		font-size: 40px;
		color: #ffffff;
		line-height: 40px;
		padding: 50px 0 10px 0;
	}
	.main_medical .main_medical_text{
		font-size: 18px;
		color: #c9c9c9;
	}
}

/*================================
   진료과목-리스트
================================*/
.main_medical .main_medical_list li a{
	display: block;
}
.main_medical .main_medical_list li dl dd{
	width: 10%;
	float: left;
	text-align: right;
	padding: 14px 0 0 0;
}

@media (min-width: 768px){
	.main_medical .main_medical_list{
		width: 101%;
		overflow: hidden;
		padding: 30px 20px 0 20px;
	}
	.main_medical .main_medical_list li{
		width: 50%;
		height: auto;
		padding: 0 1% 1% 0;
		float: left;
	}
	.main_medical .main_medical_list li dl{
		width: 100%;
		height: 45px;
		border: 1px solid #ffffff;
		padding: 0 10px;
	}
	.main_medical .main_medical_list li dl dt{
		width: 90%;
		float: left;
		font-size: 17px;
		color: #ffffff;
		line-height: 43px;
		text-align: left;
	}
}
@media (min-width: 992px){
	.main_medical .main_medical_list{
		width: 101%;
		overflow: hidden;
		padding: 30px 20px 0 20px;
	}
	.main_medical .main_medical_list li{
		width: 50%;
		height: auto;
		padding: 0 1% 1% 0;
		float: left;
	}
	.main_medical .main_medical_list li dl{
		width: 100%;
		height: 50px;
		border: 1px solid #ffffff;
		padding: 0 10px;
	}
	.main_medical .main_medical_list li dl dt{
		width: 90%;
		float: left;
		font-size: 18px;
		color: #ffffff;
		line-height: 48px;
		text-align: left;
	}
}

/*================================
   고객센터-기본
================================*/
.main_cscenter{
	width: 100%;
	overflow: hidden;
	background: url('../images/main/main_cscenter.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

@media (min-width: 768px){
	.main_cscenter .main_cscenter_tel{
		width: 100%;
		float: left;
		text-align: center;
	}
	.main_cscenter .main_cscenter_map{
		width: 100%;
		float: left;
	}
}
@media (min-width: 992px){
	.main_cscenter .main_cscenter_tel{
		width: 40%;
		float: left;
		text-align: left;
	}
	.main_cscenter .main_cscenter_map{
		width: 60%;
		float: left;
	}
}


/*================================
   고객센터-전화번호
================================*/
.main_cscenter .main_cscenter_tel .mct_time1 dl{
	width: 100%;
	overflow: hidden;
	padding: 0 0 4px 0;
}
.main_cscenter .main_cscenter_tel .mct_btn{
	padding: 30px 0 0 0;
}

@media (min-width: 768px){
	.main_cscenter .main_cscenter_tel{
		padding: 46px 0 0 0;
	}
	.main_cscenter .main_cscenter_tel .mct_time1{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		padding: 25px 0 10px 0;
		text-align: left;
	}
	.main_cscenter .main_cscenter_tel .mct_title{
		font-weight: 500;
		font-size: 32px;
		color: #000000;
		line-height: 32px;
	}
	.main_cscenter .main_cscenter_tel .mct_text1{
		font-size: 16px;
		color: #646464;
		padding: 7px 0 27px 0;
	}
	.main_cscenter .main_cscenter_tel .mct_number{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		color: #2f44a1;
		line-height: 40px;
	}
	.main_cscenter .main_cscenter_tel .mct_time1 dl dt{
		width: 50%;
		float: left;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		color: #1b1b1b;
		text-align: right;
		padding: 0 10px 0 0;
	}
	.main_cscenter .main_cscenter_tel .mct_time1 dl dd{
		width: 50%;
		float: left;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		color: #1b1b1b;
	}
	.main_cscenter .main_cscenter_tel .mct_time2{
		font-size: 16px;
		color: #646464;
		line-height: 26px;
	}
	.main_cscenter .main_cscenter_tel .mct_btn a{
		width: 150px;
		margin: 0 auto;
		height: 50px;
		font-size: 17px;
		color: #ffffff;
		line-height: 48px;
		display: block;
		background: #595959;
		padding: 0 0 0 0;
	}
	.main_cscenter .main_cscenter_tel .mct_btn a img{
		width: 16px;
		height: 15px;
		margin: 0 10px 0 0;		
	}
}
@media (min-width: 992px){
	.main_cscenter .main_cscenter_tel{
		padding: 46px 0 0 0;
	}
	.main_cscenter .main_cscenter_tel .mct_time1{
		width: 100%;
		overflow: hidden;
		padding: 25px 0 10px 0;
	}
	.main_cscenter .main_cscenter_tel .mct_title{
		font-weight: 500;
		font-size: 32px;
		color: #000000;
		line-height: 32px;
	}
	.main_cscenter .main_cscenter_tel .mct_text1{
		font-size: 16px;
		color: #646464;
		padding: 7px 0 27px 0;
	}
	.main_cscenter .main_cscenter_tel .mct_number{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		color: #2f44a1;
		line-height: 40px;
	}
	.main_cscenter .main_cscenter_tel .mct_time1 dl dt{
		width: 35%;
		float: left;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		color: #1b1b1b;
		text-align: left;
		padding: 0;
	}
	.main_cscenter .main_cscenter_tel .mct_time1 dl dd{
		width: 65%;
		float: left;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		color: #1b1b1b;
	}
	.main_cscenter .main_cscenter_tel .mct_time2{
		font-size: 16px;
		color: #646464;
		line-height: 26px;
	}
	.main_cscenter .main_cscenter_tel .mct_btn a{
		width: 140px;
		height: 50px;
		margin: 0;
		font-size: 17px;
		color: #ffffff;
		line-height: 48px;
		display: block;
		background: #595959;
		padding: 0 0 0 15px;
	}
	.main_cscenter .main_cscenter_tel .mct_btn a img{
		width: 16px;
		height: 15px;
		margin: 0 10px 0 0;		
	}
}

/*================================
   고객센터-지도
================================*/
.main_cscenter .main_cscenter_map .mcm_map .root_daum_roughmap{
	width: 100%;
}
.main_cscenter .main_cscenter_map .mcm_map .root_daum_roughmap .wrap_map{
	height: 350px;
}
.main_cscenter .main_cscenter_map .mcm_map .root_daum_roughmap .wrap_controllers{
	height: 0;
	padding: 0;
}
.main_cscenter .main_cscenter_map .mcm_info dd a img{
	width: 16px;
	height: 15px;
	margin: 0 10px 0 0;		
}

@media (min-width: 768px){
	.main_cscenter .main_cscenter_map{
		padding: 50px 0 0 0;
	}
	.main_cscenter .main_cscenter_map .mcm_info{
		width: 100%;
		overflow: hidden;
		padding: 23px 0 40px 0;
	}
	.main_cscenter .main_cscenter_map .mcm_info dt{
		width: 75%;
		float: left;
	}
	.main_cscenter .main_cscenter_map .mcm_info dd{
		width: 25%;
		float: left;
		text-align: right;
	}
	.main_cscenter .main_cscenter_map .mcm_info dt .mcm_info_address{
		font-weight: 500;
		font-size: 18px;
		color: #000000;
	}
	.main_cscenter .main_cscenter_map .mcm_info dt .mcm_info_text{
		font-size: 16px;
		color: #949494;
	}
	.main_cscenter .main_cscenter_map .mcm_info dd a{
		width: 150px;
		height: 50px;
		font-size: 17px;
		color: #ffffff;
		line-height: 48px;
		display: block;
		background: #595959;
		padding: 0 0 0 20px;
		text-align: left;
		display: inline-block;
	}
}
@media (min-width: 992px){
	.main_cscenter .main_cscenter_map{
		padding: 50px 0 0 0;
	}
	.main_cscenter .main_cscenter_map .mcm_info{
		width: 100%;
		overflow: hidden;
		padding: 23px 0 40px 0;
	}
	.main_cscenter .main_cscenter_map .mcm_info dt{
		width: 75%;
		float: left;
	}
	.main_cscenter .main_cscenter_map .mcm_info dd{
		width: 25%;
		float: left;
		text-align: right;
	}
	.main_cscenter .main_cscenter_map .mcm_info dt .mcm_info_address{
		font-weight: 500;
		font-size: 18px;
		color: #000000;
	}
	.main_cscenter .main_cscenter_map .mcm_info dt .mcm_info_text{
		font-size: 16px;
		color: #949494;
	}
	.main_cscenter .main_cscenter_map .mcm_info dd a{
		width: 140px;
		height: 50px;
		font-size: 17px;
		color: #ffffff;
		line-height: 48px;
		display: block;
		background: #595959;
		padding: 0 0 0 15px;
		text-align: left;
		display: inline-block;
	}
}