@charset "utf-8";
/**************************************************

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1300px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************************************
	Intro
**************************************************/
@media all and (max-width: 1300px){
	#intro .box{padding: 20px;}
	#intro .box:after{display: block;content: '';width: 100%;height: 100%;position: absolute;top:0;left:0;background: rgba(0,0,0,0.2);}
	#intro .box .linkBox{width: 90%;height: auto;padding: 20px 0;}
	#intro .box .linkBox p{font-size: 50px;}
}

@media all and (max-width: 750px){
	#introHeader{top:30px;left:35px; }
	#introHeader img{width: 110px;height: auto;}
	#intro .box{width: 100%;height: 50%;}
	#intro .box .linkBox .logo{width: 110px;height: 26px;}
	#intro .box .linkBox p{font-size: 40px;}
}


/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1300px){

	html{min-width: 320px;}
	#wrap{padding-top:55px;}
	#wrap .inner{width:auto;}

	#header{position: fixed;top: 0;left: 0;width: 100%;border-bottom: 1px solid #ddd;}
	#header .inner{width: auto;height: 55px;}
	#header .logo{line-height: 55px;padding-left:10px;}
	#header .logo img{height:35px;width:auto;}

	#gnb{display: none;}
   #tnb{display: none;}

	#footer .desc{padding:25px 10px;}
	#footer .desc >*{display:block;}
	#footer .desc .footerLogo{display:block;margin:0 auto 15px;width:120px;height:auto;}
	#footer .footerBtn{text-align:center;}
	#footer .footerBtn a{font-size:12px;}
	#footer .text{font-size:12px;line-height:20px;text-align:center;}
	#footer br{display:block;}
	#footer hr{display:none;}

	#footer .mark{position: static;text-align:center;margin-top:10px;}
	#footer .wa {width: 30px; height: auto;}

	#ft-fam{display: none;}
	#gotop{position:fixed;top:auto;bottom:10px;right:10px;width:50px;height:50px;-webkit-background-size:cover;background-size:cover;opacity:0.85;z-index:100;}
	#slide-btn{right: 15px;display: block;}
	#slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
	#slide-close{position: absolute;top: 0;right: 0;width: 55px;height: 55px;background: url('../images/slide-close.png') no-repeat center center;background-size: 20px auto;}
	#slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;display: block;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
	#slide-menu .tit{height: 55px;position: relative;background: #0075be;}
	#slide-menu .tit .slideLogo{position:absolute;top:50%;left:10px;height:30px;margin-top:-15px;}
	#slide-menu.on{right: 0;}
	#gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
	#gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
	#gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
	#gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;}
	#gnb-mo > li.hidden-gnb{display: none;}

	/* layer popup */
	.sp_pop{position: absolute;top: 80px !important;left: 5% !important;width: 90% !important;z-index: 999 !important;}
	.sp_pop table{width: 100%;}
	.sp_pop table td{height: auto !important;}
	.sp_pop img{width: 100% !important;height: auto !important;}

	/* etc */
	.table1 tr > *{font-size: 11px;line-height: 15px;}

}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1300px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}
    #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
    #popupBG.on{opacity: 1;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

}


/**************************************************
	Main
**************************************************/
@media screen and (max-width: 1300px){

	#visual .visCover .visText{width:100%;padding:0 20px;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;}
	#visual .visCover .visText .engTit{font-size:13px;font-weight:300;}
	#visual .visCover .visText dt{font-size:30px;margin:20px 0;}
	#visual .visCover .visText dd{font-size:13px;line-height:24px;}
	#visual .visCover .controler{margin-top:30px;}
	#visual .visCover .controler:after{display:none;}
	#visual .roll li{width:100%;height:350px;}
	#mainContent{width:100%;margin:0;padding:40px 10px;box-sizing:border-box;}
	#mainContent .section1{width:100%;}
	#mainContent .section2{width:100%;padding:30px 0 20px;}
	#mainContent .customerBox .top{font-size:0;text-align:center;height:auto;}
	#mainContent .customerBox .top .time dt{font-size:16px;}
	#mainContent .customerBox .top .time,
	#mainContent .customerBox .top .closedDay{display:inline-block;vertical-align:middle;text-align:left;}
	#mainContent .customerBox .top .closedDay{margin-top:0;}
	#mainContent .quickBox .link dd br{display:none;}
	#mainContent .section2 .box{width:50%;box-sizing:border-box;}
	#mainContent .section2 .box1{padding-right:10px;}
	#mainContent .section2 .box2{margin:0;padding-left:10px;}
	#mainContent .section2 .notice{padding:25px;width:100%;height:auto;}
	#mainContent .section2 .notice li > a{font-size:13px;}
	#mainContent .section2 .eventRoll li a{display:block;text-align:center;height:auto;}
	#mainContent .mainTit{font-size:18px;}
	#mainContent .customerBox .middle{padding:28px;width:100%;height:auto;}
}

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

	#visual .roll li{padding-left:0;height:300px;}
	#visual .visCover .visText{display:inline-block;width:auto;text-align:center;background:rgba(0,0,0,0.7);padding:20px;}
	#visual .visCover{text-align:center;}
	#visual .visCover .visText dt{font-size:22px;margin:15px 0;}
	#visual .visCover .visText dd{font-size:12px;line-height:22px;}
	#visual .visCover .visText .engTit{padding:5px 0;font-size:12px;}
	#visual .visCover .controler{margin-top:20px;}
	#visual .visCover .controler span{width:40px;height:40px;}
	#mainContent{padding:25px 10px;}
	#mainContent .quickBox .link dd br{display:block;}
	#mainContent .customerBox .top .time,
	#mainContent .customerBox .top .closedDay{display:block;}
	#mainContent .customerBox .top .closedDay{margin-top:20px;}

	/*2023-SHB-0001 JIN*/
	#mainContent .customerBox .top .time{padding-left: 90px;}
	#mainContent .customerBox .top .time dt{width: 68px;}
	#mainContent .customerBox .top{padding: 25px 15px;}
	#mainContent .customerBox .top .time dl{margin-bottom: 15px;}
	#mainContent .customerBox .top .time dl:last-child {margin-bottom:0;}
	#mainContent .customerBox .top .time dt, #mainContent .customerBox .top .time dd{font-size: 14px;}

	#mainContent .btm{height:50px;}
	#mainContent .btm p{font-size:15px;line-height:50px;}
	#mainContent .btm p strong{font-size:18px;}
	#mainContent .quickBox .link dl{padding-left:45px;background-position:0 0 !important;}
	#mainContent .quickBox .link1 dl{-webkit-background-size:32px !important;	background-size:32px !important;}
	#mainContent .quickBox .link2 dl{-webkit-background-size:35px !important;	background-size:35px !important;}
	#mainContent .section2 .box{width:100%;padding:0 !important;}
	#mainContent .section2 .box2{margin-top:25px;}
	#mainContent .section2 .notice{padding:20px;border:4px solid #eee;}
	#mainContent .section2 .btmContent{margin-top:30px;}
	#mainContent .section2 .btmContent a span{-webkit-background-size:60% !important;background-size:60% !important;padding-top:60px;}
	#mainContent .section2 .btmContent span{font-size:14px;}
}


/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1300px){
	#wrap .wide{width:auto;margin-left:-10px;margin-right:-10px;left:0;padding-left:10px;padding-right:10px;}
    #sub #content{ width: auto;padding: 30px 10px; }
    #sub .subTitle{font-size: 25px;margin-bottom: 25px;}
    #subVisual{height: 120px;}
    #subVisual h2{font-size: 20px;}
    #lnb{display: none;}
    #navigator{border-width: 0 0 1px 0;display:block;}
    #navigator > ul{width: auto;border-left: none;padding-left: 40px;}
    #navigator > ul > li{width: 50%;box-sizing: border-box;}
    #navigator > ul > li > a{min-width: 0;font-size: 13px;padding: 0 20px 0 10px;line-height: 40px;background-size: 8px auto;}
    #navigator > ul > li:first-child{position: absolute;top: 0;left: 0;width: 40px;}
    #navigator > ul > li:first-child a{width: 40px;background: none;}
    #navigator > ul > li:last-child{border: none;}
    #navigator > ul > li > ul{top: 40px;left: -1px;}
    #navigator > ul > li:last-child > ul{border-right: none;}
    #navigator > ul > li > ul li a{padding: 10px;font-size: 13px;}

		/* 인사말 */
		#greeting{margin-bottom:-20px;padding-bottom:30px;}
		#greeting:after{height:180px;}
		#greeting .title{margin-bottom:20px;}
		#greeting .title dt{font-size:18px;margin-bottom:10px;}
		#greeting .title dd{font-size:23px;}
		#greeting .imgBox{margin-bottom:25px;}
		#greeting .textBox{padding:20px;border:5px solid #ebebeb;font-size:14px;line-height:24px;	background-size:100px !important;-webkit-text-size-adjust:none;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}


		/* 연혁 */
		.museumHistory dl{padding-left:50px;min-height:auto; padding-top:0; padding-bottom:35px;}
		.museumHistory dt{width:70px;height:70px;line-height:70px;font-size:20px;top:0;margin-top: 0;}
		.museumHistory dd{min-height:70px;}
		.museumHistory dd li:after{width:25px;}
		.museumHistory dd li{padding-left:150px;font-size:13px;line-height:22px;}
		.museumHistory dd strong{font-size: 16px;}

		/* 관람안내
		.museumGuide .top >*{display:block;}
		.museumGuide .top .tit{right:0;}
		.museumGuide .top .imgBox{text-align:center;}
		.museumGuide .top .textBox{margin-left:0;margin-top:50px;}
		.museumGuide .top .textBox li{width:33.33%;display:inline-block;vertical-align:top;margin-top:0;-webkit-background-size:80px !important;	background-size:80px !important;background-position:50% 0 !important;text-align:center;height:auto;padding:95px 10px 0;box-sizing:border-box;}
		.museumGuide .btm .box{width:100%;}
		.museumGuide .btm .box2{padding-top:0;}
		*/

		/* 편의시설 */
		.facilities .top >*{display:block;width:100%;}
		/* JIN .facilities .top .imgBox{text-align:center;border-right:1px solid #ddd;} */
		.facilities .top .textBox .title{height:60px;line-height:60px;font-size:22px;}
		.facilities .top .textBox .numList{height:auto;}
		/* JIN .facilities .btm ul li{width:50%;} */
		.facilities .btm ul li .in{padding:15px;}
		/* JIN .facilities .btm ul li .textBox{padding:25px 0;height:145px;} */
		.facilities .btm ul li .textBox{padding:25px 0 10px 0;}
		.facilities .btm ul li .textBox dt{font-size:18px;}
		.facilities .btm ul li .textBox dd{font-size:13px;line-height:20px;}
		.facilities .btm ul li .imgBox{width:100%;}

		/* 찾아오시는길 */
		.location .map{width:100%;}
		.location .locationRig{width:100%;font-size:0;}
		/* JIN .location .locationRig .box{display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;} */
		.location .locationRig .box{display:inline-block;vertical-align:top;box-sizing:border-box;}
		.location .locationRig .box2{border-left:1px solid #ddd;border-top:0;}
		.locationText{border-top:0;}
		.locationText .box{display:block;width:100%;border-top:1px solid #ddd;}
		.locationText .box2{border-left:0;}
		.locationText .text{height:auto;}
		.root_daum_roughmap {width:640px !important;}

		/* 프로그램안내 */
		.titType1,
		caption.hide,
		caption.titType1,
		#reservation .tableType2 caption{padding-left:25px;font-size:20px;margin-bottom:20px;-webkit-background-size:14px !important;background-size:14px !important;}

		/* TABLE */
		.tableType1{table-layout: fixed;}
		.tableType1 thead th{font-size:14px;padding:10px 5px;}
		.tableType1 tbody td{font-size:13px;padding:10px 5px;}
		.tableType2{table-layout: fixed;}
		.tableType2 th{font-size:14px;padding:10px 5px;}
		.tableType2 td{font-size:13px;padding:10px;}

		/* LIST */
		.listText li{font-size:13px;line-height:19px;padding-left:15px;}
		.listText li:before{top:4px;}
		.listText li .add{font-size: 13px;line-height: 22px;}
		.borderBox1{padding:25px 15px;}

		/* BTN */
		.btnType1 li{width:33.33%;}
		.btnType1.btt{margin-bottom:40px;}

		/* 달력 */
		#calendarWrap .cal-head strong{font-size:26px;}
	    #calendarWrap .cal-head button {vertical-align: middle;border: 0;background: #fff;margin: 0 20px;}
	    #calendarWrap .cal-head button img {display: block;}
	    #calendarWrap .cal-body {table-layout: fixed;margin-top: 15px;}
	    #calendarWrap .cal-body tr > th {height: 30px;font-size: 12px;}
	    #calendarWrap .cal-body tr > td {padding-top: 20px;height: 90px;}
	    #calendarWrap .cal-body tr > td em {top: 5px;left: 2px;font-size: 11px;}
	    #calendarWrap .cal-body .cen {width: 100%;height: 100%;margin: 0;}
	    #calendarWrap .cal-body .vam {width: 100%;margin: 0;}
	    #calendarWrap .cal-body .vam-in {font-size: 11px;}
	    #calendarWrap .cal-body .list {height: 100%;overflow: auto;}
	    #calendarWrap .cal-body .list > li {margin-bottom: 5px;font-size: 11px;line-height: 15px;}
	    #calendarWrap .cal-body .btn {bottom: 5px;left: 0;margin-left: 0;width: 100%;height: 15px;line-height: 15px;font-size: 11px;}
	    #calendarWrap .cal-body .btn + .list {height: calc(100% - 20px);margin-bottom: 20px;}
		#calendarWrap .cal-body .list > li.status a{font-size:10px;min-height:20px;line-height:20px;width:100%;margin-left:0;}
		#calendarWrap .cal-body .list > li.status .time{display:block;font-size:12px;line-height:1.1em;text-align:center;margin-top:2px;}
		#calendarWrap .btmText{font-size:13px;height:auto;line-height:normal;padding:20px 10px;}

		/* 예약 */
		.grayArea{padding:15px;font-size:13px;line-height:20px;}
		.ipinCertTop .title{font-size:20px;margin-bottom:20px;}
		.grayBox{padding:15px;}
		.grayBox dt{font-size:14px;margin-bottom:15px;}
		.grayBox dd{font-size:13px;line-height:20px;}
		.certificationBox .box .btn{width:100%;}
		.certificationBox .box1 .vam,
		.certificationBox .box2 .vam{padding-left:0;background:none;}
		.certWrap .tabCont{padding:20px;}
		.certificationBox{padding:30px 0;}
		#reserGuide1 .tableType2 th{width: 30%; }

		/* 도슨트 */
		#docent{margin-bottom:-20px;}
		#docent .top{background:none;}
		#docent .top >*{display:block;width:650px;margin:0 auto;}
		#docent .textBox{padding:30px;background:#283644;}
		#docent .btm{padding-top:40px;padding-bottom:40px;margin-top:40px;}
		#docent .list{margin:-5px;}
		#docent .list > li{padding:5px;}
		#docent .list > li .in{padding:15px;height:280px;-webkit-background-size:80px !important;	background-size: 80px  !important;}

		/* 소장자료 공통 */
	.iconText1 li .in{padding:20px 15px;}
	.iconText1 li .text{background:none !important;padding-left:0;}
	.iconText1 li dd{font-size:13px;line-height:20px;}
	#reference .imgText >*{display:block;width:650px;margin:0 auto;}
	#reference .imgText .textBox{padding:30px;height:auto;}
	#reference .imgText .textBox dl{width:100%;}
	.topText2{padding-left:150px;margin:30px 0 20px;}
	.topText2 .title{width:150px;font-size:22px;padding:25px 0;}
	.topText2 .text{font-size:14px;line-height:23px;padding:30px;}
	.iconListType1{margin-bottom:30px;}
	.iconListType1 li{padding:0 25px;height:auto;}
	.iconListType1 li .imgBox{position:static;text-align:center;}
	.iconListType1 li .imgBox img{width:120px;height:auto;}
	.iconListType1 li .textBox{text-align:center;padding-top:20px;margin-top:0;}
	.iconListType1 li .textBox:before{display:none;}
	.iconListType1 li .textBox dt{margin-bottom:10px;}
	.whiteBox{padding:30px;margin-top:25px;}
	#reference{margin-bottom:-30px;}
	#reference .wide{padding:35px 0;}
	#reference .referenceStep .title{font-size:24px;margin-bottom:25px;}
	.referenceStep .btmBar .box{display:block;width:100%;}

	/* 기증안내 */
	#reference .useList{padding:20px 0;}
	#reference .useList li{width:50%;padding:15px 40px;}
	#reference .useList li:nth-child(3):before{display:none;}
	#reference .useList.three li{width:50%;}
	#reference .useList.three li:last-child{width:100%;}
	#reference .useList.three li:last-child:before{display:none; }
	/* JIN #reference .wide{padding-bottom:0;} */

	/* 상설전시 */
	#exhibition .title{height:40px;/*padding-left:160px;*/}
	#exhibition .title h4{width:189px;height:40px;line-height:40px;font-size:16px;}
	#exhibition .title p{line-height:40px;}
}


@media screen and (max-width: 750px){
	/* 공통 */
	.srPop .desc {width:100%;padding:20px;	background-size:120px !important;}
	.srPop .popClose {top:-45px;right:0;width:30px;}
	/*.srPop .desc .pager{top:10px;}*/
	.srPop .desc .textBox{text-align:center;margin-top:20px;}
	.srPop .desc .textBox .title{font-size:20px;margin-bottom:15px;padding-bottom:15px;}
	.srPop .desc .textBox .text{font-size:13px;line-height:22px;}

	/* 인사말-소개영상 */
	#greeting .playwidth {width:100%;}

	/* 연혁 */
	.museumHistory{margin:0 -10px;}
	.museumHistory dl{padding:0 10px;padding-top:20px;padding-bottom:20px;}
	.museumHistory dl:first-child{border-top:0;padding-top:0;}
	.museumHistory dl:nth-child(even){background:#f7f7f7;}
	.museumHistory dt{position:static;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:100%;height:auto;line-height:normal;text-align:left;background:none;color:#283644;font-weight:600;font-size:24px;margin-bottom:5px;}
	.museumHistory dd{height: auto;}
	.museumHistory dd li{padding-left: 130px;}
	.museumHistory dd li:after{top:12px;margin-top:0;left:93px;}
	.museumHistory dd strong{display: block;font-size:14px;padding-left: 5px;}
	.museumHistory dd li:before{z-index:20;left:66px;}
	.museumHistory dl:first-child dd .vam:after,
	.museumHistory dd:after{z-index:10;height:500px;left:74px;}

	/* 관람안내 */
	.museumGuide .top .tit{width:80px;height:80px;line-height:80px;font-size:15px;}
	.museumGuide .top .textBox{margin-top:30px; display:block; }
	.museumGuide .top .textBox li {margin-right: 0; margin-top: 20px;}
	.museumGuide .top .textBox li dt{font-size:16px;}
	.museumGuide .top .textBox li dd{font-size:13px;}
	.museumGuide .top .textBox li dd span.txtL {font-size:16px;}
	.museumGuide .btm .box{padding:20px;}
	.museumGuide .btm .tit{font-size:18px;margin-bottom:15px;}
	.personList{white-space:normal;}

	/* 관람 유의 사항 */
   .view_info .item {float:none; width:100%; min-height:auto; margin:0;}
   .view_imgbox:before {display:none;}
   .view_imgbox .imgb {width:100%; height:auto; padding-bottom: 0;}
   .view_imgbox .txtb {position: relative; width: 100%; margin-top:-1px; padding:30px; border-radius: 0 0 0 40px; }
   .view_info .item + .item {margin-top:20px;}

	/*2023-SHB-0001 JIN*/
	.personList li.li01{margin-right:0; width: 100%;}
	.personList li.li02{margin-top:20px;}
	.personList h5 {font-size:16px;}
	.personList li li{font-size:13px;}
	.personList li .btn{text-align:left;}
	.personList li .btn a{display:inline-block;width:130px;height:auto;}
	.personList li li span {padding-left:0;}

	/* 편의시설 */
	.facilities .btm ul li{width:100%;}
	.facilities .btm ul li .in{padding:15px;}
	.facilities .btm ul li .textBox{height:auto;}
	.facilities .top .textBox .numList{padding:30px;}
	.facilities .top .textBox .numList ul{display:block;width:100%;}
	.facilities .top .textBox .numList ul:first-child{margin-bottom:10px;}
	.facilities .btm ul li .imgBox{width:100%;}

	/* 찾아오시는길 */
	.locationText .tit{height:auto;line-height:normal;padding:10px;font-size:16px;}
	.locationText .text{padding:15px 10px;}
	/* JIN .location .locationRig .box{padding:30px 10px;height:auto;}
	.location .locationRig .box dl{padding-top:70px;-webkit-background-size:60px !important;	background-size:60px !important;vertical-align:top;} */
	.location .locationRig .boxgroup {width:100%;}
	/* JIN .location .locationRig .box dt{font-size:16px;margin-bottom:8px;} */
	.location .locationRig .box dt{font-size:13px;}
	.location .locationRig .box dd{font-size:13px;/*margin-bottom:8px;*/}
	.location .locationRig .box2{border-left:0;}
	.location .locationRig .box1{border-right:1px solid #ddd;border-left:1px solid #ddd;}
	.root_daum_roughmap {width:100% !important;}

	/* BTN */
	.btnType1 li{width:50%;}
	.btnType1.btt{margin-bottom:25px;}
	.btnType1.btt li a{height:40px;line-height:40px;}


	/* 달력 2021.09 추가 */
	#calendarWrap .cal-body .list > li.status a{min-height:28px;line-height:13px;padding-top:2px;}

	/* 예약 */
	.ipinCertTop .title{font-size: 16px;margin-bottom: 15px;}
	.certWrap .tabCont{padding:10px;}
	.certificationBox .box{display:block;width:100%;}
	.certificationBox .box1:after{display:none;}
	#reservation .stepBox{margin-bottom:35px;}
	#reservation.step2 .certificationBox .box{padding:0 20px;}
	.certificationBox .box2{margin-top:25px;padding-top:25px !important;border-top:1px solid #ddd;}
	.certificationBox .box .btn{margin-top:15px;}
	.certWrap .tabCont .fyName .tit{width:100%;}
	.certWrap .tabCont .fyName .typeText{width:100%;}
	.topText{padding:10px 20px;font-size:13px;line-height:18px;}
	.fourteenYears .fyTxt1 dt,
	.fourteenYears .fyTxt2 dt{font-size:15px;}
	.fourteenYears .fyTxt1 dd,
	.fourteenYears .fyTxt2 dd{font-size:13px;line-height:18px;}
	.apply .tableType2 th{width:30%;}
	.tableType1 tbody td{font-size: 12px;}
	.tableType2 td .typeText{width:100%;}
	.tableType2 td .tel .typeText{width:30%;}
	.tableType2 td .tel .at{width:5%;}
	.tableType2 td .itxt{display:block;margin-left:0;margin-top:5px;}
	.tableType2 td .mail .typeText{width:45%;}
	.tableType2 td .mail select{width:45%;}
	.tableType2 td .mail .at{width:10%;}
	.tableType2 td .people li{margin-top:5px;}
	.tableType2 td .people li:first-child{margin-top:0;}
	.grayBox2{padding:20px;}
	.grayBox2 dt{font-size:18px;margin-bottom:10px;}
	.grayBox2 dd{font-size:13px;line-height:22px;}
	#reservationConfirm{padding: 30px 10px;}
	#reservationConfirm .rcCon{width: 100%;padding-left: 0;padding-right: 0;height: auto;background: none;}
	#reservationConfirm .typeText{margin-top: 5px;text-indent: 10px;}
	#reservationConfirm .btn{position: static;display: block;width: 100%;height: 40px;line-height: 40px;margin-top: 10px;}
	#reservationConfirm .btn span br{display: none;}

	/* 도슨트 */
	#docent .top >*{width:100%;}
	#docent .list > li{width:100%;}
	#docent .list > li.half{width:100%;}
	#docent .list > li .in{height:auto;padding-bottom:90px;}
	#docent .textBox dt{font-size:20px;padding-bottom:15px;margin-bottom:20px;}
	#docent .textBox dd{font-size:13px;line-height:22px;}
	#docent .textBox dd br{display:none;}
	#docent .list > li .title{font-size:20px;margin-bottom:20px;}

	/* 자료이용 */
	#reference .wide{margin-top:40px;}
	#reference .imgText .textBox{}
	.download {background:#c12d3b; width:100%; padding:0;}

	/* 기증안내 */
	#reference .useList li{width:50%;padding:20px;}
	#reference .useList.three li{width:100%;}
	#reference .useList.three li:before{display:none;}
	#reference .imgText .textBox dt{font-size:20px;padding-bottom:15px;margin-bottom:20px;}
	#reference .imgText .textBox dd{font-size: 13px;line-height: 22px;}

	#reference .useList li .in{text-align:center;}
	#reference .useList li .in dl{background-size:35px !important;padding-left:0;padding-top:45px;background-position:50% 0;text-align:center;}
	#reference .useList li .in dt{font-size:16px;margin-bottom:5px;}
	#reference .useList li:nth-child(3):before{display:none;}
	#reference .imgText{width:100%;margin-top:30px;}
	#reference .imgText >*{width:100%;height:auto;}

	/* 소장자료 공통 */
	.iconText1{margin:-5px;}
	.iconText1 li{padding:5px;width:100%;}
	.iconText1 li .in{padding:15px;}
	.iconText1 li .text{background:none !important;padding-left:0;height:auto;}
	.iconText1 li dt{font-size:16px;margin-bottom:10px;}
	.iconText1 li dd{font-size:13px;line-height:20px;}
	#reference .topimg{margin:0 -5px;}
	#reference .topimg li{padding:0 5px;}
	.topText2{padding-left:0;margin:10px 0;}
	.topText2 .title{width:100%;font-size:22px;padding:8px 0;text-align:center;position:static;border-top:2px solid #283644;font-size:20px;}
	.topText2 .text{font-size:13px;line-height:22px;padding:15px;border-top:2px solid #eee;}
	.iconListType1 li{padding:0 10px;}
	.iconListType1 li .textBox dt{font-size:15px;letter-spacing:-0.04em;}
	.iconListType1 li .textBox dd{font-size:12px;}
	.iconListType1 li .textBox dd br{display:none;}
	.iconListType1 li .imgBox img{width:80px;}
	.referenceStep .btmBar .box{display:block;width:100%;padding-left:0;height:auto;}
	.referenceStep .btmBar .box .tit{width:100%;line-height:40px;position:static;border-bottom:1px solid rgba(255,255,255,0.2);font-size:18px;}
	.referenceStep .btmBar .box .text span{line-height:40px;height:40px;padding-left:30px;font-size:15px;}
	.referenceStep .btmBar .box2 .text a{line-height:40px;height:40px;padding-right:35px;background-size:25px;}
	.referenceStep .btmBar .box >*{height:40px;}
	.whiteBox .tit{font-size:18px;margin-bottom:15px;}

	/* 상설전시 */
	#exhibition .title{height:auto;padding-left:0;}
	#exhibition .title h4{position:static;text-align:center;background:#283644;width:100%;padding:0;}
	#exhibition .title p{padding:15px;line-height:normal;}

	/* 21.12.8 상설전시 추가 */
	.exhibition_left {padding: 30px 20px 60px 20px;}
	.exhibition_left img {width: 100%; display: block;}
	.exhibition_right {padding:0 15px;}
	.ex_section1 {width: 100%; vertical-align: top; padding: 0;}
	.ex_section2 {width: 100%; padding: 0;}

	/* 개인정보처리방침 */
	.areaBox .titleLg {font-size: 22px;}
}