
@charset "utf-8";

/*pc띄어쓰기*/
.pcBr{display:none;}
/*mobild띄어쓰기*/
.moBr{display:block;}
/*간격*/
.mgt5em{margin-top:5em !important;}
.mgl5em{margin-left:5em !important;}
.mgr5em{margin-right:5em !important;}
.mgb5em{margin-bottom:5em !important;}


table.t3 tr th, table.t3 tr td{letter-spacing:-0.04em;}


.container{margin-bottom:2em;}


/* 이미지확대보기 */
.imgExpand1{display:inline-block;position:relative;}
.imgExpand1 img{width:100%;}
.imgExpand1 .ic1{display:block;position:absolute;right:0;bottom:0;width:45px;height:45px;background:url(../../img/inc/imgExpand1s.png) no-repeat;text-indent:-9999px;}/* bottom */

.imgExpand1 .ic2{display:block;position:absolute;right:0;top:0;width:45px;height:45px;background:url(../../img/inc/imgExpand1s.png) no-repeat;text-indent:-9999px;}/* top */




/*개요*/
.summary .titBox .bg {
/*    background: url(../../img/sub/p07581_mimg01.png) no-repeat; */
    background: url(../../img/sub/p07581_mimg01_2023.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: calc(366 / 800 * 100%);
}
.summary .titBox {position:relative;}
.summary .titBox .sumTit{font-size:1.42em; line-height:1.4em; margin-top:1em; letter-spacing:-0.04em;}
.summary .line{width:30px; border:2px solid #000; margin:1em 0;}
.summary .sumTxt{padding-bottom:2em;line-height:1.5em;letter-spacing: -0.04em;}

.summary .sum2Tit .icon{text-align:left;display: block; margin-bottom:0.5em}
.summary .sum2Tit .icon.info{background: url(/_res/bonghamemorial/img/sub/p07581_icon01.png);width:28px;height:42px;background-size: 100%;}
.summary .sum2Tit .icon.way{background: url(/_res/bonghamemorial/img/sub/p07581_icon02.png);width:28px;height:42px;background-size: 100%;}



/*전시주제*/
.theme{position:relative;}
.theme .themeImg:before{display:block;width: 1px;height:30px; position:absolute;bottom: 0; left:50%; background:#fff;content:"";}
.theme .themeImg:after{display:block; width:1px;height:30px; position:absolute;bottom: -30px; left:50%; background:#000;content:"";}
.themeTxt{letter-spacing: -0.04em;}


/*관람안내*/
.infolist1{font-size:1em;margin-top:25px !important;}
.infolist1{background:#f5f5f5; padding:8px 40px; border-radius:55px 55px 20px 20px;}
.infolist1 .lst1>.t1, .infolist1 .lst1>.lst1cont1{margin:0;}
.infolist1 .lst1>.lst1cont1 ul{margin:0;}
.infolist1 .lst1>.t1{font-size: 1.5em;line-height:28px;color:#000;text-align: center;}
.infolist1 .lst1>.lst1cont1{padding: 15px 0;}

.infolist1 .lst1 .icon{margin: 30px auto 15px auto;text-align: center;display: block;}
.infolist1 .lst1 .icon.time{background: url(/_res/bonghamemorial/img/sub/ic1info1.png);width:53px;height:42.5px;background-size: 100%;}
.infolist1 .lst1 .icon.day{background: url(/_res/bonghamemorial/img/sub/ic1info2.png);width:53px;height:42.5px;background-size: 100%;}
.infolist1 .lst1 .icon.tel{background: url(/_res/bonghamemorial/img/sub/ic1info3.png);width:53px;height:42.5px;background-size: 100%;}
.infolist1 .lst1{padding:0; border-bottom:1px solid #e2e2e2;}
.infolist1 .lst1.end{border-bottom:0; margin-bottom:15px;}

.infolist1 .bu li:before{display:none;}
.infolist1 .bu li{padding: 0;line-height:20px;text-align: center;margin:0; letter-spacing:-0.04em;}

/*찾아오시는길*/
.map-box{position:relative;margin-top:30px;}
.map-box .mapCont, .map-box .root_daum_roughmap{width:100% !important;height:200px !important;padding:0;box-sizing:border-box;border:0;}
.map-box .skipapi{margin:0;}
.map-box .skipapi a{margin:0;position:absolute;top:-1000em;width:1px;height:1px;overflow:hidden;}
.map-box .skipapi a:focus{top:0;width:100%;height:auto;background:rgba(0,0,0,0.8);z-index:10;color:#fff;padding:15px;box-sizing:border-box;text-decoration:none;}
.map-box .btn-map{position:absolute;bottom:0px;right:0px;background:rgba(0,0,0,0.7);z-index:10;color:#fff;font-weight:500;font-size:14px;height:40px;line-height:38px;padding-left:10px;padding-right:50px;}
.map-box .btn-map:after{position:absolute;bottom:0;right:0;content:"";display:block;width:40px;height:40px;background:#f1ba50 url(../../img/inc/map_zoom.png) no-repeat 50% 50%;}
.info-map{position:relative;background:#fff;z-index:10;padding:15px;color:#333;overflow:hidden;border-bottom:1px solid #ccc;}
.info-map .even-grid .column{display:block;width:100%;}
.info-map .even-grid2 .column{display:block;width:100%;}
.info-map .add-info{position:relative;font-size:14px;margin-bottom:10px;padding-left:60px;line-height:1.3;}
.info-map .add-info:before{position:absolute;top:0;left:0;content:"";display:block;width:30px;height:42px;background:url(../../img/inc/ic1infomap1.png) no-repeat;background-size:auto 42px;}
.info-map .t1{display:block;margin:0;line-height:1;font-size:16px;padding-bottom:5px;}
.info-map .tel-info{position:relative;font-size:14px;padding-left:60px;margin-bottom:10px;line-height:1.3;}
.info-map .tel-info{margin-bottom:10px;}
.info-map .tel-info:before{position:absolute;top:0;left:0;content:"";display:block;width:42px;height:42px;background:url(../../img/inc/ic1infomap1.png) no-repeat;background-size:auto 42px; background-position:-30px 0;}
.info-map .tel-info span a{color:#333;}
/* 부대시설안내 */
.floor2box{margin-top:0.5em;}
.floor2box .num{padding: 3px 10px;background: #ffd57a;font-weight:bold; font-size:15px;color: #96744b;/* border-bottom:2px solid #96744b; */border-radius: 20px;}
.floor2box .floortit{letter-spacing:-0.04em; margin-top:0.2em; font-size:1.3em; font-weight:500;}




/*층별안내*/
.floorBox{background: #f7f7f7; border-radius:45px; padding:2em;}
.floorBox .floortit{position:relative; border-bottom:1px solid #000; margin-bottom:15px;}
.floorBox .floortit .flrtit {margin:0;}
.floorBox .floortit .flrbgtxt{margin:0 0 10px 5px; font-size:.9375em;}
.floorBox .floortxt .flrtxt .num{display:inline-block; text-align:center;width: 28px;height: 28px;background: #000;color: #fff; border-radius:25px; margin-right:15px;}
.floorBox .floortxt .flrtxt .eng{margin-left:2.6em;}
.floorBox .floortxt .flrtxt{margin: 7px 0; font-size:1em;}

@media all and (min-width:768px){
.floorBox .floortit .flrtit{padding-bottom: 0.5em;}
.floorBox .floortit .flrbgtxt{position:absolute; top:1em; right:0; font-size:1.5em; font-weight:900; color:#ddd; margin:0;}
	
}

@media all and (min-width:1000px){
	.floorBox{padding: 74px 53px 43px 53px;}
	.floorBox .floortxt .column{padding:0 1%;}
}

@media all and (min-width:1200px){
	.floorimg{width:1100px; margin:0 auto;}
	
	}





/*전시실 안내*/
.exhibitBox{position:relative;}
.exhibitTit:before{margin-top:-0.1em;}
	
.exhibitTit{font-family:'SBAggro'; font-size:32px; font-weight:400; text-align:center; position:relative;}
.exhibitTit:before{position: absolute; background:url(../../img/sub/exhibit_icon.png); background-size:100%; width:70.5px; height:58.5px; content:'';margin-top:-0.1em;margin-bottom: -0.5em;top: 0;margin-left: -3.6em;z-index: -1;}

.exhibitTit .exBr{display:block;}

.txt02 .exhibitTit:before, .txt05 .exhibitTit:before{margin-left: -4.2em;}
.txt03 .exhibitTit:before{margin-left: -5.6em;}
.txt06 .exhibitTit:before, .txt09 .exhibitTit:before{margin-left: -4em;}
.txt07 .exhibitTit:before{margin-left: -6.2em;}
.txt08 .exhibitTit:before{margin-left: -4.6em;}
.txt10 .exhibitTit:before{margin-left: -5.5em;}



.exhibitTit .num{margin-bottom:0.5em;}
.exhibitTxt{position:relative;}
.exhibitTxt .stit{font-size:24px; line-height:24px;}
.exhibitTxt .stit:before{content:''; display:block; width:4px; height:25px; background:#000; position:absolute;}
.exhibitTxt .stit .txt{margin-left:18px;}

.exhibitLeft .menu{bottom: 0px;margin: 0 auto;text-align: center;}
.exhibitLeft .slick-slide img{height:16em;}
.leftTxt .etxt01{margin-top:1em; line-height:30px; letter-spacing:-0.04em;font-size: 1em;}
.leftTxt .exhibitTitchild{display:block;}
.exhibitLeft{position:relative;}
.exhibitLeft .slick-slide img{object-fit:cover;height: 16em;border-radius: 0 55px;}
.exhibitLeft .slick-arrow{display:block; position:absolute;top:50%; margin-top:-32.5px;left:0;z-index:10;border:0;text-indent:-9999px;width:65px;height:65px;background-image:url(../../img/inc/exhibit_btn.png);background-color:transparent;}
.exhibitLeft button.slick-next{display:block; position:absolute;top:50%; margin-top:-32.5px;left:auto;right:0;background-position:65px 0;}


.exhibitRight .menu{bottom: 0px;margin: 0 auto;text-align: center;}
.exhibitRight .slick-slide img{height:16em;}
.rightTxt .etxt01{margin-top:1em; line-height:30px; letter-spacing:-0.04em;font-size: 1em;}
.rightTxt .exhibitTitchild{display:block;}
.exhibitRight{position:relative;}
.exhibitRight .slick-slide img{object-fit:cover;height: 16em;border-radius: 0 55px;}
.exhibitRight .slick-arrow{display:block; position:absolute;top:50%; margin-top:-32.5px;left:0;z-index:10;border:0;text-indent:-9999px;width:65px;height:65px;background-image:url(../../img/inc/exhibit_btn.png);background-color:transparent;}
.exhibitRight button.slick-next{display:block; position:absolute;top:50%; margin-top:-32.5px;left:auto;right:0;background-position:65px 0;}




/*
.exhibitLeft .menu{position:absolute;bottom: 0%;width:1600px;margin:0 auto; text-align:center;}
.exhibitLeft .menu .m{position:relative;display:inline-block;background:transparent;border:0;box-sizing:border-box;font-size:0;width:20px;height:20px;}
.exhibitLeft .menu .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url()no-repeat 0 0 / contain;
}
.exhibitLeft .menu .m.stop:before{background-image:url(../../img/main/ic40a2pause2.png)}
.exhibitLeft .menu .m.play:before{background-image:url(../../img/main/ic40a2play2.png)}
.exhibitLeft .menu .m.prev:before{}
.exhibitLeft .menu .m.next:before{background-image:url(../../img/inc/exhibit_btn.png)}




.exhibitLeft .menu .mNum{display:inline-block;}
.exhibitLeft .menu .mNum .slick-dots{padding:0 !important;}
.exhibitLeft .menu .mNum li{display:inline-block;color:#fff;}
.exhibitLeft .menu .mNum li button{position:relative;border:0;	background:#fff;width: 8px;	height: 8px;border-radius: 8px;	text-indent:-9999px;margin:0 10px;padding: 0;}
.exhibitLeft .menu .mNum li.slick-active button{background:#ffd967; width:40px; height:8px; border-radius:4px; }
.exhibitLeft .menu .mNum li.slick-active button:before{content:'';}

.exhibitLeft .menu .mNum .on{font-weight:600}
*/

@media all and (min-width:500px){
.exhibitTit .exBr{display:inline-block;}
}


@media all and (min-width:1000px){
	.exhibitTit:before{width: 94px;margin-top: -1.5em;margin-left:0 !important;left:-1.5em;height: 78px;}
	.exhibitTit{font-family:'SBAggro'; font-size:40px;margin-top: 0.5em;text-align:left;}
	.exhibitTxt .etxt01{font-size:1em;}
	.exhibitTitchild{font-size:24px; display:inline-block;}
	
	
	.leftTxt{padding:0 40px;}
	.leftTxt .box{padding: 50px 15px;}
	.exhibitLeft .menu{bottom: 0;margin:0}

	.rightTxt{padding:0 40px;}
	.rightTxt .box{padding: 50px 15px;}
	.exhibitRight .menu{bottom: 0;margin:0}


}

@media all and (min-width:1200px){
	.exhibitTit{margin-top:1.2em;}
	.exhibitTit:before{left:-1.5em;width:141px; height:117px;margin-top: -3.5em;margin-left: 0.6em !important;margin-bottom:-0.5em;}
	.exhibitTit .exBr{display:block;}
	
	
	.exhibitBox{height:40em;}
	.exhibitLeft{margin-top:0;}
	.exhibitLeft .menu{width: 100%;}
	.exhibitLeft .slick-slide img{width:70%; height:auto; border-radius:90px 0 0 0;}
	.exhibitLeft .slick-arrow{padding:0; top:34em; left:auto; right:4em; width:13px; height:23px; background-image:url(../../img/sub/exhibit_btn.png);}
	.exhibitLeft button.slick-next{ top:34em;right:1em; background-position:42px 0;}
	.leftTxt{position:absolute; background:#f9f8f7; width:33%;margin: -390px 0 0 -190px;padding: 0 30px 0 190px; z-index:100; border-radius:0 70px 0 0;}
	
	.exhibitRight{margin-top:0;}
	.exhibitRight .menu{width: 100%;}
	.exhibitRight .slick-slide img{width:70%; height:auto; border-radius:90px 0 0 0;}
	.exhibitRight .slick-arrow{padding:0; top:34em;left: 1em;  width:13px; height:23px; background-image:url(../../img/sub/exhibit_btn.png);}
	.exhibitRight button.slick-next{ top:34em;left: 4em; background-position:42px 0;}
	.rightTxt{right: 0;position:absolute; background:#f9f8f7; width:33%;margin: -390px -190px 0 0;padding: 0 190px 0 30px; z-index:100;border-radius: 70px 0 0 0;}	.rightTxt .exhibitTit:before{position: absolute; background:url(../../img/sub/exhibit_icon02.png); background-size:100%;width:141px; height:117px; content:'';margin-top: -3.4em;margin-bottom: -0.5em;top: 0;margin-left: 0;z-index: -1;left: auto;right: -1em;}
	
	.exhibitBox .etxt01 .ls-15{letter-spacing:-1.7px;}
}

@media all and (min-width:1600px){
	.exhibitBox{height:44em;}
	.exhibitLeft .menu{width:1400px;}
	.exhibitLeft .slick-slide img{border-radius: 90px 0 0 0;margin-left: 25em;}
	.leftTxt{padding:0 30px 0 250px; margin:-390px 0 0 -250px;}
	.exhibitLeft .slick-arrow{top:38.7em;}
	.exhibitLeft button.slick-next{top:38.7em;}
	
	.exhibitTxt .etxt01{font-size:1.15em;}
	.exhibitRight .menu{width:1400px;}
	.exhibitRight .slick-slide img{border-radius: 0 90px 0 0;}
	.rightTxt{padding: 0 250px 0 30px;margin: -390px -250px 0 0px;}
	.exhibitRight .slick-arrow{top:38.7em;}
	.exhibitRight button.slick-next{top:38.7em;}
}


@media all and (max-width:1599px) {
	.exhibitLeft .slick-slide img{border-radius: 90px 0 0 0;margin-left: 21em;}
	.exhibitRight .slick-slide img{border-radius: 0 90px 0 0;/* margin-left: 21em; */}
	}
@media all and (max-width:1199px) {
	.exhibitLeft .slick-slide img{width: 100%;height:618px; margin:0 auto; text-align:center; border-radius:70px 0;}
	.exhibitRight .slick-slide img{width: 100%;height:618px; margin:0 auto; text-align:center; border-radius:70px 0;}
	}
@media all and (max-width:1000px) {
	.exhibitLeft .slick-slide img{object-fit:cover; height:32em;border-radius:55px 0;}
	.exhibitRight .slick-slide img{object-fit:cover; height:32em;border-radius:55px 0;}
	
	
	}
@media all and (max-width:768px) {
	.exhibitLeft .slick-slide img{width:100%; height:24em;}
	.exhibitRight .slick-slide img{width:100%; height:24em;}
	}
@media all and (max-width:459px) {
	.exhibitLeft .slick-slide img{height:16em;}
	.exhibitRight .slick-slide img{height:16em;}
	}





/*전시실안내 끝*/

/* 봉하마을 */
.bongha_box .bongha_img img{border-radius:55px 55px 0 0;}
.bongha_box .titlebox1{background:#f7f7f7;padding:100px 0 50px 0;margin:-100px -240px 0;}

	
.bongha_box .titlebox1w1{position:relative;margin-left:260px;margin-right:260px;}
.bongha_box .bonghatit{color:#000;font-size:1.45em;font-weight:500;font-family:'SBAggro'; text-align:center;}
.bongha_box .bonghatit .line{background:linear-gradient(to top, #ffd967 39%, transparent 20%); /* IE10 */background-image: -ms-linear-gradient(top, #444444 0%, #999999 100%);padding:0 10px;}
.bongha_box .t1{color:#000;font-size:1.250em;font-weight:500;line-height:28px;}
.bongha_box .t2{letter-spacing:-0.04em;}
.bongha_box .t2 .hanza{font-family:'Apple SD Gothic Neo',sans serif;}
.bongha_box .br_b{display:none;}
.bongha_box .frm1, .bongha_box .flm1{display:block;margin-left:auto;margin-right:auto;}


	
	/* 사이트맵 */
	.siteMap .even-grid[class*='evenmix-23']>.column{width:100%;}
	.siteMap .column .part-in{/* border:1px solid #8393ac; */background: #fdfcfc;text-align:center;font-size:.875em;padding:15px;box-sizing:border-box;}
	.siteMap .column .part-in .t1{display:block;line-height: 1;font-size: 1.5em;color: #472f1c;margin: 0 0 10px;word-wrap:break-word;word-break:keep-all; padding-bottom:0.5em;border-bottom: 1px solid #bfb7b2;font-family: 'SBAGGRO';font-weight: normal;}
	.siteMap .column .part-in p{margin:0 0 10px;line-height:1.5em;overflow:hidden;}
	.siteMap .column .part-in p br{display:none;}
	
	
	.siteMap .column .part-in .bu>li:before{position:absolute; left:0px;top: 12px; content:""; display:block;width: 4px;height: 4px; box-sizing:border-box;background: #d3b470;}
	.siteMap .column .part-in .bu>li{margin:0.8em 0;padding-left: 17px;position: relative;}
	.siteMap .column .part-in .bu>li:first-child{margin-top:1.5em;}
	.siteMap .column .part-in .bu>li a{color: #48301b;}
	
	.siteMap .column .part-in .bu>li ul.bu li{margin:0;}
	.siteMap .column .part-in .bu>li ul.bu li:before{top: 13px; width:5px;height: 2px;background: #bfa07f; content:""; display:block; border:0; border-radius:0;}



/*반응형 코드 시작*/
@media all and (min-width:440px){
	/*찾아오시는길*/
	.map-box .btn-map{height:45px;line-height:45px;padding-left:20px;padding-right:70px;font-size:15px;}
	.map-box .btn-map:after{width:45px;height:45px;}
	.info-map{padding:17px 25px 16px;}
	.info-map .tel-info.tel{margin-bottom:0;}
	.info-map .tel-info{width:50%;}
}
@media all and (min-width:500px){
	/*개요*/
	.summary .titBox {margin-bottom:1em;}
	.summary .titBox .sumTit{font-size:1.7em; margin-top:30px;}
	
	
	
	
	/*사이트맵*/
	.siteMap .even-grid[class*='evenmix-23']>.column{width:50%;}
	.siteMap .column .part-in{min-height:220px;padding:20px 15px;}
	.siteMap .column .part-in.minh2{min-height:200px;}
	.siteMap .column .part-in .t1{margin-bottom:15px;}
	.siteMap .column .part-in p{height:42px;}

}
@media all and (min-width:600px){
	/*사이트맵*/
	.siteMap .column .part-in{min-height:300px;padding:35px 30px;}
	.siteMap .column .part-in .t1 .ic1{width:60px;height:70px;background-size:auto;margin-bottom:12px;}
	.siteMap .column .part-in p{margin-bottom:18px;}
}

@media all and (min-width:640px){
	.themeTxt{margin-right:3em;}
	/*층별안내*/
	.floorBox .floortxt .flrtxt{font-size:1em;}
	.infolist1{padding:8px 0;}
.infolist1 .lst1{border-right:1px solid #e2e2e2; border-bottom:0;padding:0 20px; margin:30px -2px;}
.infolist1 .lst1.end{border-right:0;}
}
@media all and (min-width:768px){
	.container{margin-bottom:5em;}
	
	/*관람안내*/
	.infolist1 .lst1>.t1, .infolist1>.lst1 .lst1cont1{vertical-align:top;}
	.infolist1 .lst1>.t1{}
	.infolist1 .lst1>.lst1cont1{}
	.infolist1{width: 1600px;font-size:1em;margin-top:40px;margin: 40px auto 0 auto !important;max-width:100%;}
	/*관람주제*/
	.theme .themeImg:before{height:50px; }
	.theme .themeImg:after{height:50px;bottom: -50px;}
	/*찾아오시는길*/
	.map-box .mapCont, .map-box .root_daum_roughmap{height:400px !important;}
	.info-map{padding:20px 10px 20px 20px;min-height:42px;}
	.info-map .even-grid2 .column{display:inline-block;width:33%;}
	.info-map .tel-info{width:45%;}
	.info-map .tel-info.tel{width:55%; margin-left:30%;}
	.info-map .even-grid2 .tel-info.tel{width:70%;}
	.info-map .add-info{font-size:16px;margin-bottom:0;}
	.info-map .tel-info{font-size:16px;margin-bottom:0;}
	.info-map .tel-info:before{top:5px;}
	
	/*봉하마을*/
	.bongha_box .bongha_img img{border-radius:85px 85px 0 0;}
	.bongha_box .titlebox1{margin: -250px -360px 0; padding:250px 0 50px 0;}
	.bongha_box .titlebox1w1{position:relative;margin-left:365px;margin-right:365px;}
	.bongha_box h2{font-size:3.000em;}
	.bongha_box .bonghatit{font-size: 1.75em;}
	/*사이트맵*/
	.siteMap .column .part-in{font-size:1em;}
}

@media all and (min-width:800px){
	.info-map .even-grid .column{padding: 0 0 0 58px;display:inline-block;width:50%;}
}
@media all and (min-width:1000px){
		/*pc띄어쓰기*/
	.pcBr{display:block;}
	/*mobild띄어쓰기*/
	.moBr{display:none;}
	
	/*개요*/
	.summary{margin-top:30px !important;}
	.summary .titBox .bg {
		background-size: contain;
/*		background: url(../../img/sub/p07581_img01.png) no-repeat; */
		background: url(../../img/sub/p07581_img01_2023.png) no-repeat;
		padding-top: calc(658 / 1440 * 100%);
		background-size: contain;
		}
	.summary .titBox .sumTit{font-size: 1.9em;line-height: 1.3em;letter-spacing: -0.04em;position: absolute;bottom:0;left: 50%;margin-top:0;margin-left: 1.5em;}
	.summary .sumTxt{margin-left:50%;padding-left: 2.9em;font-size: 1em;}
	/*전시주제*/
	.themeTxt{ font-size: 1em;}
	/*관람안내*/
	.infolist1 .bu li{font-size:1em;}
	
	/*찾아오시는길*/
	.info-map{padding:25px 10px 25px 40px;min-height:60px;}
	.info-map .t1{padding: 10px 0;font-size: 1.2em;/* padding-top:5px; */}
	.info-map .even-grid2 .t1{padding-top:0px;}
	.info-map .add-info{padding-left:75px; font-size:1em;}
	.info-map .tel-info{padding-left:78px; font-size:1em;}
	.info-map .add-info:before, .info-map .tel-info:before{top:1px;width: 30px;height:60px;}
	.info-map .even-grid2 .tel-info:before{top:-20%;}
	.info-map .tel-info:before{background-position: -30px 0;}
	/*층별안내*/
	.floorBox .floortxt .flrtxt{font-size:1em;}
	.floorBox .floortxt .flrtxt .num{font-size:.85em !important;font-weight: bold;}
	/*노무현기념관*/
	.leftTxt .etxt01{font-size:1em;}
	.rightTxt .etxt01{font-size:1em;}
	/*부대시설안내*/
	.floor2box .floortit{font-size:1em;}
	/*봉하마을*/
	.bongha_box .bongha_img img{border-radius:135px 135px 0 0;}
	.bongha_box .imgr1{padding:30px 0 0 40px;}
	.bongha_box .imgt1{padding:50px 0 0 0;}
	.bongha_box .imgt2{margin:-100px 0 0 0;}
	.bongha_box .imgt3{padding:30px 0 0 0;}
	.bongha_box .frm1{clear:right;float:right;}
	.bongha_box .flm1{clear:left;float:left;}
	.bongha_box .titlebox1{background:#f7f7f7;padding: 250px 0 50px 0;margin: -250px -260px 0;}
	.bongha_box .t2{font-size:1em;}
	
	/*사이트맵*/
	.siteMap .column .part-in p{height:48px;}

}

@media all and (min-width:1200px){
		
	/*개요*/
	.summary .sumTxt{padding-bottom:4em;}
	/*층별안내도*/
	.floorBox .floortxt .flrtxt .eng{margin-left:1em;}
	/*봉하마을*/
	.bongha_box .br_b{display:block;}
}
@media all and (min-width:1260px){
	.summary .titBox .sumTit{font-size:2.4em;}
	.summary .sumTxt{padding-left: 3.8em;}
	.summary .line{margin:1.5em 0;}
}

@media all and (min-width:1600px){
	.infolist1{padding:50px 0; border-radius:75px 75px 25px 25px;}
	.infolist1 .lst1{border-right:1px solid #e2e2e2; border-bottom:0;}
	.infolist1 .lst1>.t1{font-size: 1.5em;line-height:28px;}
	.infolist1 .lst1 .icon{margin: 0 auto 19px auto;}
	
.infolist1 .lst1 .icon.time{background: url(/_res/bonghamemorial/img/sub/ic1info1.png);width:74px;height: 59px;background-size: 100%;}
.infolist1 .lst1 .icon.day{background: url(/_res/bonghamemorial/img/sub/ic1info2.png);width:74px;height: 59px;background-size: 100%;}
.infolist1 .lst1 .icon.tel{background: url(/_res/bonghamemorial/img/sub/ic1info3.png);width:74px;height: 59px;background-size: 100%;}

table.t3 tr th, table.t3 tr td{font-size:17px;}

	/*개요*/
	.summary .sumTxt{margin-left:50%;padding-left: 3.3em;font-size: 1.15em;}
	/*전시주제*/
	.themeTxt{ font-size: 1.15em;}
	/*관람안내*/
	.infolist1 .bu li{font-size:1.15em;}
	
	/*찾아오시는길*/
	.info-map{padding:25px 10px 25px 40px;min-height:60px;}
	.info-map .t1{padding: 10px 0;font-size: 1.2em;}
	.info-map .even-grid2 .t1{padding-top:0px;}
	.info-map .add-info{padding-left:75px; font-size:1.15em;}
	.info-map .tel-info{padding-left:78px; font-size:1.15em;}
	/*층별안내*/
	.floorBox .floortxt .flrtxt{font-size:1.15em;}
	/*노무현기념관*/
	.leftTxt .etxt01{font-size:1.15em;}
	.rightTxt .etxt01{font-size:1.15em;}
	/*부대시설안내*/
	.floor2box .floortit{font-size:1.15em;}
	/*봉하마을*/
	.bongha_box .t2{font-size:1.15em;}

}

/* 대관 절차 - 20230118 추가 */
/* flowchart */
.flow-chart {background:#f9f8f7;font-size:.875em;margin-bottom:10px;}
.flow-chart ol {list-style:none;padding:0 10px;margin:0;overflow:hidden;}
.flow-chart ol > li {position:relative;text-align:center;margin:20px 0}
.flow-chart ol > li:first-child {margin-left:0 !important}
.flow-chart ol > li:after {position:absolute;content:"";display:block;width:16px;height:16px;background:url(../../img/sub/ic17a1flowchart1.png) no-repeat;transform:rotate(90deg);bottom:-16px;right:50%;margin-right:-6px;}
.flow-chart ol > li:last-child:after {display:none;}
/* .flow-chart ol li .grid-in {background:#fff;border:1px solid #ced4d8;color:#000;text-align:center;border-top-left-radius:0px;border-top-right-radius:10px;border-bottom-left-radius:10px;line-height:22px;box-sizing:border-box;padding:20px 10px;} */
.flow-chart ol li .grid-in {background:#fff;border:1px solid #ced4d8;color:#000;text-align:center;border-radius:20px;line-height:22px;box-sizing:border-box;padding:20px 10px;}
.flow-chart ol > li:nth-child(odd) .grid-in {background:#fff;border:1px solid #ced4d8;}
.flow-chart ol > li.line2 .grid-in, .flow-chart li.line3 .grid-in {padding-top:10px;padding-bottom:10px;}
.flow-chart li .grid-in br {display:none;}
.flow-chart ol.flow1 li {float:none;width:100%;margin:0}
.flow-chart ol.flow1 li .grid-in {background:#fff;border:2px solid #1378c0;color:#333;}
.flow-chart ol.flow1 li:nth-child(odd) .grid-in {border-color:#3e53c0;}
.flow-chart ol.flow1 li .grid-in strong {color:#1378c0;border-bottom:1px solid #1378c0}
.flow-chart ol.flow1 li:nth-child(odd) .grid-in strong {color:#3e53c0;border-color:#3e53c0}
.flow-chart ol.flow1 .bu li {background:url(../../img/lib/li1bg.png) no-repeat .125em .375em;box-sizing:border-box;}
.flow-chart ol.flow1 ul.bu li ul>li{background:url(../../img/lib/li2bg.png) no-repeat .125em .375em;}
.flow-chart ol.flow1 li strong {font-size:1.25em;display:block;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:15px;}
.flow-chart ol.flow1 li .span {padding:10px 15px;}
.flow-chart ol.flow1 li:after {position:relative;top:auto;right:auto;left:auto;bottom:auto;transform:rotate(90deg);-ms-transform:rotate(90deg);margin:10px auto;}
.flow-chart ol > li .grid-in .span .num {display:block;font-size:1.375em;margin-bottom:5px;}
.flow-chart .tt1{ /* margin-bottom:10px; */display:block;}
.flow-chart .holltxt{position: relative; display:block;max-width: 60%;box-sizing: border-box; border: 1px solid transparent; background: #e4e8ec;color: #000; margin:0 auto;padding: .25em .5em; font-size: .875em;border-radius:30px;opacity:.6;}
 
@media all and (min-width:800px){
	.flow-chart {font-size:1em;margin-bottom:20px}
	.flow-chart ol {padding:20px 10px;}
	.flow-chart ol > li {float:left;margin-left:4%;}
	.flow-chart .flow5 li {width:16.8%;}
	.flow-chart ol > li:after {bottom:auto;top:50%;right:-11%;transform:rotate(0);margin-top:-6px;}
	.flow-chart .flow5 li:after {right:-14%}
	.flow-chart li .grid-in {/* min-height:140px; */padding:50px 5px;word-wrap:break-word;word-break:keep-all;display:table;width:100%;}
	.flow-chart ol li .grid-in .span {display:table-cell;vertical-align:middle;padding-left:10px;padding-right:10px;}
	.flow-chart li.line2 .grid-in {padding-top:40px;padding-bottom:40px;}
	.flow-chart li.line3 .grid-in {padding-top:30px;padding-bottom:30px;}
	.flow-chart li .grid-in br {display:block;line-height:0}
	/* .flow-chart ol li .grid-in {border-top-right-radius:30px;border-bottom-left-radius:30px;} */
	.flow-chart ol li .grid-in {border-radius:20px;}

	.flow-chart .tt1{font-size: 1.125em !important;height:50px;vertical-align:middle;line-height:1.4;}
	.flow-chart .holltxt{max-width: 100%;display:block;}
}
@media all and (min-width:1000px){
	.flow-chart ol {padding:20px 40px}
	.flow-chart ol > li {margin-top:10px;margin-bottom:10px;}
	.flow-chart .flow5 {padding:30px 25px;}
}