@charset "utf-8"; 

/****** 이용안내 ******/
.museum01{padding-bottom:30px;border-bottom:2px solid #dfdfdf;}
.museum01 .museum_tit{padding:60px 80px 95px;background:#f6f6f6;text-align:center;}
.museum01 .museum_tit .tit{font-size:30px;line-height:37px;color:#000;letter-spacing:-1px;font-family:'NotoKrL', sans-serif;}
.museum01 .museum_tit .tit span{font-family:'NotoKrB', sans-serif;}
.museum01 .museum_tit .txt{padding-top:35px;font-size:14px;color:#666;line-height:24px;text-align:left;}
.museum01 .museum_tit .tel{padding-top:20px;color:#3553c3;font-size:14px;font-family:'NotoKrM', sans-serif;}
.museum01 .museum_tit .tel span{margin-left:5px;font-size:20px;letter-spacing:0;font-family: 'Lato', sans-serif;font-weight:900;}

.museum_box_txt .txtl {display:inline-block; padding-left:25px;}

.museum01 .museum_list{overflow:hidden;clear:both;width:100%;margin-top:-60px;}
.museum01 .museum_list .box{float:left;width:33.3%;}
.museum01 .museum_list .box .m_img{width:280px;height:280px;overflow:hidden;font-size:0;line-height:0;box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);}
.museum01 .museum_list .box .m_img img{transition:all 1s ease;}
.museum01 .museum_list .box:hover .m_img img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.museum01 .museum_list .box .m_cont{padding:45px 0 0 25px;}
.museum01 .museum_list .box .m_cont .m_tit{font-size:25px;color:#000;letter-spacing:-1px;}
.museum01 .museum_list .box .m_cont .m_txt{padding:15px 0 25px 0;font-size:16px;line-height:24px;color:#000;}
.museum01 .museum_list .box .m_cont dl{width:100%;display:inline-block;margin-bottom:4px;}
.museum01 .museum_list .box .m_cont dl dt,
.museum01 .museum_list .box .m_cont dl dd{font-size:14px;line-height:20px;color:#666;}
.museum01 .museum_list .box .m_cont dl dt{float:left;width:65px;}
.museum01 .museum_list .box .m_cont dl dd{float:left;width:160px;}

.museum01 .museum_list .box.box1{padding-top:20px;}
.museum01 .museum_list .box.box2{padding-top:60px;}



/****** 선교박물관, 의료박물관, 교육역사박물관 공통 ******/
.museum02_imgbox{position:relative;padding:35px 50px 0 320px;height:243px;font-size:14px;line-height:24px;color:#444;border:1px solid #dfdfdf;box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);}
.museum02_imgbox .img{position:absolute;top:-1px;left:-1px;font-size:0;line-height:0;}
.museum02_list {width:100%;display:inline-block;border-left:1px solid #d9d9d9;border-top:2px solid #343739;}
.museum02_list ul li{float:left;width:279px;min-height:175px;padding:20px 0;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center;font-family:'NotoKrM', sans-serif;color:#222;line-height:20px;}
.museum02_list ul li .img{font-size:0;line-height:0;padding-bottom:15px;}
.museum02_list ul li .img img{height:135px;}










/******************************1023******************************/
@media all and (max-width:1023px){


	/****** 이용안내 ******/
	.museum01 .museum_list .box .m_img{width:100%;height:auto;}
	.museum01 .museum_list .box .m_img img{width:100%;}


	/****** 선교박물관, 의료박물관, 교육역사박물관 공통 ******/
	.museum02_list ul li{width:33.3%;min-height:220px;box-sizing:border-box;}




}



/******************************900******************************/
@media all and (max-width:900px){


	/****** 선교박물관, 의료박물관, 교육역사박물관 공통 ******/
	.museum02_imgbox{padding:0;height:auto;border:0 none;box-shadow:none;-webkit-box-shadow: none;moz-box-shadow:none;}
	.museum02_imgbox .img{position:relative;top:auto;left:auto;width:100%;text-align:center;}
	.museum02_imgbox .cont{margin-top:35px;padding:35px;border:1px solid #dfdfdf;box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);}
	


	

}



/******************************768******************************/
@media all and (max-width:768px){


	/****** 이용안내 ******/
	.museum01 .museum_tit{padding:60px 50px;}
	.museum01 .museum_list{margin-top:0;}
	.museum01 .museum_list .box{position:relative;float:none;width:100%;margin-top:30px;}
	.museum01 .museum_list .box .m_img{width:280px;}
	.museum01 .museum_list .box .m_cont{position:absolute;top:40px;left:320px;padding:0;}
	.museum01 .museum_list .box .m_cont dl{position:relative;}
	.museum01 .museum_list .box .m_cont dl dt{position:absolute;top:0;left:0;float:none;width:auto;}
	.museum01 .museum_list .box .m_cont dl dd{float:none;width:auto;margin-left:65px;}

	.museum01 .museum_list .box.box1{padding-top:0;}
	.museum01 .museum_list .box.box2{padding-top:0;}

	.root_daum_roughmap{width:100% !important;}
	.museum_box_txt .txtl {display:inline; padding-left:0}


	/****** 선교박물관, 의료박물관, 교육역사박물관 공통 ******/
	.museum02_list ul li{width:50%;}




}



/******************************640******************************/
@media all and (max-width:640px){



	/****** 이용안내 ******/
	.museum01 .museum_tit{padding-left:30px;padding-right:30px;}
	.museum01 .museum_tit .tit{font-size:28px;line-height:34px;}
	.museum01 .museum_tit .txt{padding-top:30px;}
	.museum01 .museum_list .box .m_img{margin:0 auto;}
	.museum01 .museum_list .box .m_cont{position:relative;top:0;left:0;padding:40px 15px;text-align:center;}
	.museum01 .museum_list .box .m_cont dl{margin:0 auto 10px auto;}
	.museum01 .museum_list .box .m_cont dl dt{position:relative;top:auto;color:#222;}
	.museum01 .museum_list .box .m_cont dl dd{margin-left:0;}

	.museum01 .museum_list .box.box1{padding-top:0;}
	.museum01 .museum_list .box.box2{padding-top:0;}

	.root_daum_roughmap{width:100% !important;}




}



/******************************480******************************/
@media all and (max-width:480px){



	/****** 선교박물관, 의료박물관, 교육역사박물관 공통 ******/
	.museum02_list ul li{width:100%;min-height:auto;}


}



/******************************320******************************/
@media all and (max-width:320px){

}



/***************web***************/
@media all and (min-width:1281px){

}