@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;} .__pcta{display: block !important;} .__tamo{display: none !important;}
@media screen and (min-width: 750px) and (max-width: 1200px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;} .__tamo{display: block !important;}}
@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;} .__pcta{display: none !important;}  .__tamo{display: block !important;} }

/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1800px){
	#header .logo{left:20px;}
	.slide-btn{right:20px;}
	#hd-sch{right:80px;}
	#hd-lan{right:120px;}
	#header .snsWrap{display: none;}
	#gnb{padding-left: 50px;}
	#gnb > li > a{padding: 0 20px;font-size: 17px;}
	#header .gnbRig{margin-left: 150px;}
	#header .gnbRig li{margin-left: 10px;padding-left: 11px;}
	#header .gnbRig li a{font-size: 13px;}
}

@media all and (max-width: 1400px){
	#gnb{padding-left: 250px;}
	#gnb > li > a{font-size: 15px;}
	#main .visual .cover .rig{right:0;}
}


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

	html{min-width: 320px;overflow-x: hidden;}
    img{max-width: 100%;max-height: 100%;width: auto;height: auto;}

	.tabType2{width: 100%;margin-bottom: 40px;}
	.tabType2 > li a{line-height: 50px;font-size: 16px;}

	.slide-btn.head{display: block;right:10px;}
	.slide-btn .text,
	#hd-sch .text{display: none;}
	#wrap{padding-top: 55px;}
	#wrap .inner{width: auto;}
	#wrap.main .inner{width: auto;}
	#wrap .innerSmall{width: auto;padding: 0 10px;}
	#wrap .wide{left:auto;width: auto;margin-left: -10px;margin-right: -10px;padding-left: 10px;padding-right: 10px;}
	#quickmenu{display: none;}

	#allmenu .amClose{top:0;}

	.gnbAmBox .title{margin-bottom: 20px;}
	.gnbAmBox .title h4{font-size: 20px;}

	#hd-lan-mo{position: absolute;top: -10px;right: 85px;z-index: 92;}
    #hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('../images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('../images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
    #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
    #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('../images/layout/hd-lanbox-spr-mo.png');}
    #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
    #hd-lan-mo.on > ul{display: block;}

	#gnb{display: none;}
	#fnbWrap{background: #40404e;}
	#fnbWrap .snsWrap{position: static;margin-top: 20px;text-align: center;}
	#fnb{text-align: center;height: auto;padding: 20px 10px;}
	#fnb li a{font-size: 12px;}
	#footerText{padding: 60px 10px;}
	#footerText .inner{text-align: center;margin-top: 20px;}
	#footerText .footerLogo{margin-bottom: 20px;}
	#footerText .textBox{margin-left: 0;margin-top: 5px;}
	#footerText address{font-size: 12px;line-height: 18px;}
	#footerText address hr{display: block;margin: 0;}
	#footerText .copyright{font-size: 11px;}

       /* 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;}

	#header{height: 55px;}
	#header .gnbRig{display: none;}
	#header .logo{line-height: 55px;}
	#header .logo img{height: 20px;}

	#main .mainTop .link{position: static;margin: 20px auto 0;}

}

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

	#header .logo{left:5px;}
	#footer .text hr.mbr{display: block;border: none;margin: 0;}
	#allmenu .langBoxMo{position: relative;z-index:100;margin-bottom: 10px;background: #fff;padding:5px 10px;}
	#allmenu .langBoxMo a{display: inline-block;width: 50px;height: auto;background: #fff;}
	#allmenu .langBoxMo a img{width: 100%;height: auto;}

	.slide-btn{right:10px;}
	#hd-sch{right:55px}
	#hd-lan{right:95px;}
	#fnb{white-space: nowrap;overflow-x: auto;padding: 10px;}
	#fnb:after{display: none;}
}

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

    #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 all and (max-width: 1400px){
	#main .visual .cover .vam{width: 100%;padding: 0 10px;box-sizing:border-box;}


	#main .mainTopQuick .list li{margin-left: 50px;}
	#main .mainTopQuick .list li img{width: 40px;height: auto;}
	#main .mainTopQuick .list li a span{font-size: 18px;}
}


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

	#main #mainWrap{width: auto;margin: 0;}
	#main .mainTitle{text-align: center;padding: 0 10px;}
	#main .mainTitle .tit{text-align: center;}
	#main .visual .item img{width: 150%;left:-25%;margin-left: 0;max-width: inherit;}
	#main .visual .cover .rig .box{width: 300px;}
	#main .visual .cover .rig .tit h4{font-size: 16px;line-height: 20px;}
	#main .visual .cover .rig .box .notice{padding: 15px;}
	#main .visual .cover .rig .box .zone{padding: 15px;}
	#main .visual .cover .rig .notice li a{font-size: 13px;}
	#main .visual .cover .rig .notice li .date{font-size: 12px;}
	#main .visual .cover .lef .text dt span{font-size: 24px;}
	#main .visual .cover .lef .text dt strong{font-size: 30px;}
	#main .visual .cover .lef .text dd{font-size: 14px;margin-top: 20px;}
	#main .visArrows{margin-top: 30px;}
	#main .visArrows .slick-arrow{width: 40px;height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-size: cover !important;}
	#main .mainTop{height: auto;padding: 0 10px;}
	#main .mainTop .inner{font-size: 0;}
	#main .mainTop .box{width: 35%;box-sizing:border-box;}
	#main .mainTop .box2{width: 65%;margin-left: 0;padding-left: 30px;}
	#main .mainTopQuick .list li{margin-left: 25px;}
	#main .mainTopQuick .list li img{width: 30px;height: auto;}
	#main .mainTopQuick .list li a span{font-size: 15px;margin-left: 6px;}
	#main .mainQuick{padding: 20px 0;}
	#main .mainQuick .link{width: 50%;margin-left: 0;box-sizing:border-box;padding: 15px;}
	#main .mainParking .exLink{margin-top: 10px;}
	#main .mainParking .lef{width: 100%;padding: 0 10px;box-sizing:border-box;float: none;margin-bottom: 20px;}
	#main .mainParking .rig{width: auto;float: none;padding: 0 10px;}
	#main .mainParking .time{width: 100%;}
	#main .mainBoard .lef{width: auto;float: none;width: 100%;}
	#main .mainBoard .rig{width: auto;float: none;width: 100%;padding: 25px;box-sizing:border-box;}
	#main .mainBoard .cardList{margin: 0;text-align: center;margin: -15px;}
	#main .mainBoard .cardList li .imgBox img{width: 100%;}
	.mainExControls{position: static;text-align: center;}
	#main .exRoll{width: 100%;margin: 0;padding: 40px 0;}
	#main .exRoll .textBox .top{padding-bottom: 20px;margin-bottom: 20px;padding-right: 0;}
	#main .exRoll .textBox dt strong{font-size: 30px;}
	#main .exRoll .textBox, #main .exRoll .imgBox{width: auto;display: block;width: 100%;}
	#main .exRoll li{padding: 20px 10px;}
	#main .exRoll .imgBox .quick{margin: 0;font-size: 0;padding-top: 30px;}
	#main .exRoll .textBox .top{padding-right: 0;}
	#main .exRoll .imgBox .quick .box{padding: 10px;}
	#main .mainExhibition{padding-bottom: 50px;}
	#main .mainBtm{margin-top: 50px;}
	#main .mainBtm .boxWrap{background: none;text-align: left;}
	#main .mainBtm .boxWrap br{display: none;}
	#main .mainBtm .boxWrap .box{width: 50%;}
	#main .mainBtm .boxWrap .box.__tamo{display: inline-block !important;}
	#main .mainPartners .slick-prev{left:10px;}
	#main .mainPartners .slick-next{right:10px;}
	#main .mainPartners .list li a{height: 70px;}
}

@media all and (max-width: 750px){
	#main .visual .cover{position: static;}
	#main .visual .cover .vam{padding: 0;}
	#main .visual .cover .lef{position: absolute;top:0;left:0;width: 100%;padding: 20px 10px;padding-right: 150px;box-sizing:border-box;}
	#main .visual .cover .lef, #main .visual .cover .rig{display: block;width: 100%;}
	#main .visual .cover .rig .box{display: block;width: 100%;height: 100%;}
	#main .visual .cover .lef .text dt span{font-size: 16px;}
	#main .visual .cover .lef .text dt strong{font-size: 22px;}
	#main .visual .cover .lef .text dd{font-size: 12px;line-height: 18px;margin-top: 10px;}
	#main .visArrows{margin-top: 15px;}
	#main .visArrows .slick-arrow{width: 30px;height: 30px;}
	#main .mainQuick .link{text-align: center;}
	#main .mainQuick .link >*{display: block;text-align: center;}
	#main .mainQuick .link dl{margin-left: 0;margin-top: 10px;}
	#main .mainTopQuick{padding: 20px 10px;}
	#main .mainTopQuick .list li{margin-left: 0;padding: 10px;}
	#main .mainTitle .tit{font-size: 22px;}
	#main .mainTitle .text{font-size: 13px;}
	#main .mainBoard{margin-top: 60px;padding-bottom: 60px;}
	#main .mainTop .tit{font-size: 18px;margin-bottom: 15px;}
	#main .mainTop .box{width: 100% !important;}
	#main .mainTop .box2{padding-left: 0;margin-top: 40px;}
	#main .mainBtm{margin-top: 0;}
	#main .mainBtm .boxWrap .textBox{padding: 30px;}
	#main .mainBtm .boxWrap .textBox .icon{margin-top: 30px;}
	#main .mainBtm .boxWrap .icon{left:20px;width: 25px;height: 25px;}
}

@media all and (max-width: 450px){
	#main .visual .cover .lef{padding-right: 20px;}
	#main .mainTitle .tit{font-size: 20px;}
	#main .mainTitle .text{font-size: 13px;}

	#main .mainQuick .link dl{margin-left: 0;margin-top: 10px;}
	#main .mainQuick .link dt{font-size: 16px;}
	#main .mainQuick .link dd{font-size: 12px;}
	#main .mainParking{margin-top: 30px;}
	#main .mainParking .time .box .icon{display: none;}
	#main .mainBoard .cardList{margin: -5px;}
	#main .mainBoard .cardList li{padding: 5px;}
	#main .mainBoard .cardList li .link .textBox .text{font-size: 14px;line-height: 21px;}
	#main .mainBoard .rig .btm .txt{font-size: 14px;line-height: 20px;}
	#main .exRoll{padding: 20px 0;}
	#main .exRoll .imgBox .quick .box{padding: 5px;}
	#main .exRoll .imgBox .quick .qlink{background: none;font-size: 15px;padding-right: 0;text-align: center;}
	#main .exRoll li.slick-current .imgBox .link:after{width: 40px;height: 40px;}
	#main .exRoll .textBox dt span{font-size: 16px;}
	#main .exRoll .textBox dt{margin-bottom: 10px;}
	#main .exRoll .textBox dt strong{font-size: 22px;}
	#main .exRoll .textBox dd{font-size: 13px;line-height: 21px;}
	#main .mainBtm .boxWrap .textBox{padding: 15px;}
	#main .mainBtm .boxWrap .textBox .icon{margin-top: 15px;}
	#main .mainBtm .boxWrap .textBox .icon img{width: 20px;height: auto;}
	#main .mainBtm .boxWrap .textBox dt{font-size: 18px;margin-bottom: 10px;}
	#main .mainBtm .boxWrap .textBox dd{font-size: 13px;}
}

/**************************************************
	Sub
**************************************************/

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

	/* 공통 */
	#sub{padding-top: 0;}
	#sub .section{margin-top: 45px;}
    #sub div#content{ width: auto;padding: 25px 10px 50px;}
    #sub .sub-vis{height: 120px;padding-bottom: 0;}
	#sub .sub-vis.dep2{padding-bottom: 0;}
    #sub .sub-vis h2{font-size: 20px;}
    #sub .sub-vis p{margin-top: 5px;font-size: 13px;}
	#sub .titType1{font-size: 20px;margin-bottom: 20px;}
	#sub .tit1{font-size: 24px;margin-bottom: 20px;}
	#sub .tit3{padding-top: 50px;}
	#sub .tit3:before{height: 35px;}
    .lnbWrap{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.d2{border: none;}
    #navigator > ul > li > ul{top: 40px;left: -1px;}
    #navigator > ul > li.d2 > ul{border-right: none;}
    #navigator > ul > li > ul li a{padding: 10px;font-size: 13px;}

	.basicRoll .bx-controls-direction a{width: 40px;height: 60px;margin-top: -30px;}

	.tableType1 thead th{font-size: 14px;}
	.tableType1 tbody th{font-size: 14px;}
	.tableType1 th, .tableType1 td{font-size: 13px;}

	.ltext li{font-size: 14px;line-height: 22px;}
	.ltext2 li{font-size: 14px;line-height: 22px;}
	.ltext.f16 li{font-size: 14px;}

	/* Summary 페이지 */
	.sumTit{top:25px;left:25px;font-size: 20px;}
	.sumPlus{bottom:25px;right:25px;width: 30px;height: auto;}
	.museumSummary .conWrap{width: 600px;margin: 0 auto;}
	.museumSummary .lefCon,
	.museumSummary .rigCon{display: block;width: 100%;padding: 5px 0}
	.museumSummary .lefCon .qna{margin-top: 10px;}
	.museumSummary .rigCon .rig{padding: 0;padding-left: 10px;}
	.summaryRoll .subject{font-size: 15px;line-height: 23px;}
	.summaryRoll .date{font-size: 13px;}
	.museumSummary .rigCon .lef{width: 55%;}
	.museumSummary .rigCon .rig{width: 45%;}
	.guideSummary .list{margin: -5px;}
	.guideSummary .list li{padding: 5px;}
	.planExSummary .list{margin: -5px;}
	.planExSummary .list li{padding: 5px;}
	.expCenterSummary .list{margin: -5px;}
	.expCenterSummary .list li{padding: 5px;}
	.eduSummary .vam{padding: 0 20px;}
	.summaryRoll .text{font-size: 13px;line-height: 20px;}
	.eduSummary .eduNews{height: 160px;}
	.eduSummary .boxWrap{margin: -5px;}
	.eduSummary .boxWrap .box{padding: 5px;}
	.eduSummary .boxWrap .box1{width: 46.5%;}
	.eduSummary .boxWrap .box2{width: 53.5%;}
	.compSummary .box{padding: 5px;}

	/* 편의공간 Summary */
	.facilSummary .box{padding: 5px;}
	.facilSummary .box2 .over:first-child{margin-bottom: 10px;}

	/* 관람안내 */
	#guide1 .locText{font-size: 15px;padding: 15px 10px;}
	.tripleType1 li{padding: 30px 10px;}
	.tripleType1 li dt{font-size: 20px;margin-bottom: 15px;}
	.tripleType1 li dd{font-size: 15px;line-height: 25px;}
	.fourBList1 li .img img{width: 60px;height: auto;}
	.fourBList1 li .text{font-size: 13px;line-height: 20px;margin-top: 20px;}
	.fourBList1 li .text br{display: none;}

	/* 층별안내 */
	.basicBtn .btn{padding: 10px 20px;font-size: 14px;}
	.floorGuideBox .top{padding-left: 120px;}
	.floorGuideBox .tab{width: 120px;}
	.floorGuideBox .tab .btn .txt strong{font-size: 28px;}
	.floorGuideBox .tab .btn .txt{font-size: 18px;}
	.floorGuideBox .tabCont{margin-top: 25px;padding: 0;}
	.floorGuideBox .tabCont .tit{display: block;width: auto;text-align: center;font-size: 26px;}
	.floorGuideBox .tabCont .text{display: block;font-size: 14px;line-height: 22px;margin-top: 15px;text-align: center;}
	.floorGuideBox .tabCont .text br{display: none;}
	.floorGuideBox .tabCont .rigBtn{position: static;text-align: center;margin-top: 20px;}

	/* 전시해설 */
	.grayBox{padding: 25px 20px;}
	#guide3 .guide3Top .text{padding: 30px;position: static;}
	#guide3 .guide3Top .text dt strong{font-size: 25px;}
	#guide3 .guide3Top .text dd{font-size: 14px;line-height: 23px;}
	#guide3 .section .tableType1 caption{margin-bottom: 20px;}
	#guide3 .grayBox{margin-top: 20px;}

	/* 상설전시 */
	#permEx .imgMap .pc  > img{display: block;width: 131%;margin-right: -31%;max-width: inherit}
	#permEx .rigBtn{width: 100%;position: static;font-size: 0;border-left:0;}
	#permEx .rigBtn .btn{display: inline-block;vertical-align: top;width: 20%;background: #fff;border:1px solid #ddd;padding: 0 10px;box-sizing:border-box;border-top:0;border-left:0;text-align: center;}
	#permEx .rigBtn .btn:last-child{border-right: 0;}
	#permEx .rigBtn .btn span{width: auto;background: none;line-height: 50px;font-size: 16px;color: #333;}
	#permEx .rigBtn .btn span em{font-size: 18px;}
	#permEx.perEx1 .rigBtn .btn.active{background: #555;}
	#permEx.perEx2 .rigBtn .btn.active{background: #0076a3;}
	#permEx.perEx3 .rigBtn .btn.active{background: #ec6d3e;}
	#permEx.perEx4 .rigBtn .btn.active{background: rgb(150,187,20);}
	#permEx .rigBtn .btn.active span{color: #fff !important;}
	#permEx .peContent{padding: 35px 10px 45px;}
	#permEx .title{padding-bottom: 20px;margin-bottom: 25px;}
	#permEx .title span{font-size: 18px;}
	#permEx .title strong{font-size: 30px;}
	#permEx .title p{font-size: 14px;line-height: 22px;}
	#permEx .btmText{font-size: 14px;line-height: 24px;margin-top: 25px;width: 80%;padding: 30px;padding-bottom: 45px;margin-top: -40px;}
	#permEx .btmText dt{font-size: 24px;margin-bottom: 10px;}
	#permEx .btmText dd strong{font-size: 15px;}
	#permEx .btmText dd p{font-size: 13px;line-height: 22px;margin-top: 10px;}
	#permEx .btmText .textType2 p{font-size: 13px;line-height: 22px;}
	#permEx .btmText .textType2 .btm{font-size: 16px;}
	#permEx .borderBox{border:8px solid #f2f2f2;padding: 25px;}
	#permEx .borderBox dt{font-size: 22px;}
	#permEx .borderBox dd{font-size: 14px;line-height: 23px;}
	#permEx .zzList1 li .textBox{padding: 30px;}
	#permEx .zzList1 dt{font-size: 20px;margin-bottom: 10px;}
	#permEx .zzList1 dd{font-size: 13px;line-height: 22px;}
	#permEx.perEx3 .borderBox{margin-top: 60px;}
	.peContent .section2{margin: 0 -10px;padding: 40px 10px 0;}
	.peContent .miraeBox{margin-bottom: 40px;}
	.peContent .miraeBox p{font-size: 18px;line-height: 25px;}

	.historyBar{width: auto;background: none;}
	.historyBar ul{background: none;}
	.historyBar li{display: inline-block;vertical-align: top;width: 50%;background: url(/contents/home/images/hb-ruler.gif) repeat-x;background-position: 0 50px;margin-bottom: 30px;}
	.historyBar li .tit{height: 40px;line-height: 40px;font-size: 16px;}
	.historyBar li.li01 .tit{background: #f7f4ef;}
	.historyBar li.li02 .tit{background: #edf1fa;}
	.historyBar li.li03 .tit{background: #e9ebf1;}
	.historyBar li.li04 .tit{background: #f7f0f7;}
	.historyBar li dt{font-size: 16px;line-height: 22px;margin-bottom: 10px;padding-right: 15px;}
	.historyBar li dd{font-size: 13px;line-height: 20px;padding-right: 15px;}


		/* 기획전시 - 리스트 */
	#sub .planEx .section1 .titType1{margin-bottom: 10px;}
	.planEx .section1 .list{margin: 0;}
	.planEx .section1 .list li{padding: 10px;}
	.planEx .section1 .list li .textBox{padding-top: 20px;}
	.planEx .section1 .list li .textBox dt{font-size: 16px;}
	.planEx .section1 .list li .textBox dd{font-size: 13px;}
	.planEx .section2 .boxWrap{margin: 0 -20px;}
	.planEx .section2 .boxWrap .box{padding: 0 20px;}
	.planEx .section2 .list{margin: 0;}
	.planEx .section2 .list li{padding: 10px;}
	.planEx .section2 .title{font-size: 20px;margin-bottom: 10px;padding-left: 10px;}
	.planEx .section2 .list li .textBox{margin-top: 20px;}
	.planEx .section2 .list li .textBox dt{font-size: 16px;}
	.planEx .section2 .list li .textBox dd{font-size: 13px;}
	.planEx .section2{margin-bottom: -50px;padding: 50px 0;}

	/* 기획전시 - 뷰 */
	.planExView .viewBox{padding: 30px;}
	.planExView .viewBox >*{display: block;padding: 0 25px;}
	.planExView .viewBox .imgBox{width: auto;text-align: center;margin-bottom: 30px;}
	.planExView .viewBox .textBox{width: auto;margin-left: 0;}
	.planExView .viewBox .textBox .tit{font-size: 25px;margin-bottom: 20px;}

	/* 체험관 */
	#expCenter .basicRoll{max-width:1000px;width: auto;}
	#expCenter .basicRoll .bx-viewport{overflow: hidden !important;}
	#expCenter .basicRoll:before,
	#expCenter .basicRoll:after{display: none;}
	#expCenter .basicRoll li{padding: 0;}
	#expCenter .basicRoll.expBroll .bx-controls-direction a.bx-prev{left:0;}
	#expCenter .basicRoll.expBroll .bx-controls-direction a.bx-next{right:0;}
	#expCenter .title{margin-bottom: 30px;}
	#expCenter .title h4{font-size: 30px;}
	#expCenter .title p{font-size: 14px;margin-top: 10px;}
	.stepList1 li dt{font-size: 16px;}
	.stepList1 li dd{font-size: 14px;}
	.stepList1 li p{font-size: 13px;line-height: 20px;}

	/* 편의공간 */
	.facilitiesCon .title{font-size: 30px;padding-bottom: 25px;margin-bottom: 30px;}
	.facilitiesCon .textBox{width: 85%;height: 50px;line-height: 50px;margin-top: -25px;font-size: 16px;}
    .facilitiesCon .textBox.eng {height: auto}
    .facilitiesCon .textBox.eng span {font-size: 14px; line-height: 20px}
	.facilitiesCon .iconList .icon img{width: 70px;}
	.facilitiesCon .iconList li{padding: 10px;}
	.facilitiesCon .iconList li dt{font-size: 16px;margin: 15px 0 10px;}
	.facilitiesCon .iconList li dd{font-size: 13px;}
	.facilitiesCon .iconList li dd p{font-size: 13px;line-height: 20px;}
	.facilitiesCon .groupWrap{margin: -15px 0;}
	.facilitiesCon .groupWrap .group{padding: 30px 15px;}
	.facilitiesCon .groupWrap .group .textBox{font-size: 13px;}

	/* 연혁 */
	#history{padding: 25px 0;}
	#history:before{display: none;}
	#history:after{display: none;}
	#history .group .img{position: static;display: inline-block;margin-bottom: 30px;}
	#history .group:before{display: block;content: '';width: 100%;height: 1px;position: absolute;top:0;background: #ddd;margin-top: -40px;}
	#history .group:first-child:before{display: none;}
	#history .group:nth-child(odd) .img{margin-left: -13px;}
	#history .group:nth-child(odd){margin-left: 30px;}
	#history .group:nth-child(odd):before{right:15px;}
	#history .group:nth-child(even) .img{margin-right: -13px;}
	#history .group:nth-child(even){margin-right: 30px;}
	#history .group:nth-child(even):before{left:15px;}

	/* 조직/업무 */
	#organization{width: auto;}

	/* 비전/미션 */
	#vision .top{height: 250px;}
	#vision .viText dt{font-size: 18px;margin-bottom: 15px;}
	#vision .viText dd{font-size: 24px;line-height: 35px;}
	#vision .mid .circleWrap{padding: 110px 80px 60px;-webkit-background-size: 65%;	background-size: 65%;}
	#vision .btm .list li{width: 50%;}
	#vision .btm .list li:nth-child(3),
	#vision .btm .list li:nth-child(4){width: 50%;border-top:1px solid #ddd;}
	#vision .btm .list li:nth-child(3){border-left:0;}
	#vision .btm .list li .icon{margin-bottom: 15px;}
	#vision .btm .list li .text{font-size: 15px;line-height: 22px;}

	/* 건축 */
	#architecture .arTit{margin-bottom: 20px;}
	#architecture .section1{padding-bottom: 40px;}
	#architecture .section3 .imgBox{padding: 30px;}
	#architecture .section5{margin-top: 0;}
	#architecture .section5 .list{margin: 0;}
	#architecture .section5 .list li{padding: 0 5px;}
	#architecture .section5 .list li .imgBox img{width: 100px;height: auto;}
	#architecture .section5 .list li .imgBox dd{font-size: 18px;}
	#architecture .section5 .list li .textBox{font-size: 14px;line-height: 22px;padding: 20px 10px;}
	#architecture .section7{padding-bottom: 50px;margin-bottom: -50px;}
	#architecture .section7 .boxWrap{margin: 0;}
	#architecture .section7 .boxWrap .box{padding: 10px;}
	#architecture .section7 table td{padding: 10px 15px;}
	#architecture .section7 table td:first-child{width: 60px;}
	#architecture .section7 .box .imgBox{padding: 20px;height: 300px;}
	#architecture .section7 .box .imgBox li dd{font-size: 14px;line-height: 22px;}

	/* MI */
	#mi .section1 .textBox{margin-top: 0;padding: 40px;}
	#mi .section1 .textBox dt{font-size: 22px;}
	#mi .section1 .textBox dd{font-size: 14px;line-height: 22px;margin-left: 0;margin-top: 10px;}
	#mi .section2 .title{font-size: 30px;margin-bottom: 20px;}
	#mi .section2 .symbol{padding: 40px 100px;}
	#mi .section2 .symbol img.img2{margin-left: 0;margin-top: 20px;}
	#mi .section3 .list li .box{padding: 0 50px;height: 200px;}
	#mi .section4{padding: 60px 0;}
	#mi .section4 .box{padding: 40px;}

	/* 예약하기 */
	#calendarWrap .rig{border-left:1px solid #ddd;}
	#calendarWrap >*{width: 100% !important;height: auto;padding: 30px;}
	#calendarWrap .rig .scroll{height: auto;}

	/* 박물관 규정 */
	.ruleWrap .title{font-size: 25px;margin-bottom: 25px;padding-bottom: 15px;}
	.ruleWrap .txtArea{font-size: 13px;line-height: 20px;padding: 20px;height: 250px;}
	.ruleWrap .txtArea strong.st1{font-size: 17px;}
	.ruleWrap .txtArea strong.st2{font-size: 14px;}

    .agree-txt{font-size: 13px;}
    .agree-txt strong{font-size: 13px;}

	/* 도서관 */
	#library .title{margin-bottom: 30px;}
	#library .title h3{font-size: 28px;}
	#library .content{padding: 45px 0;}
	#library .content .inner >*{width: 50%;}
	#library .content .textBox{padding-left: 60px;padding-right: 10px;}
	#library .content .textBox dt{font-size: 24px;margin-bottom: 20px;}
	#library .content .textBox dt:before{width: 100px;left:-120px;}
	#library .textBox dd{padding-right: 10px;}
	#library .textBox dd .text{font-size: 13px;line-height: 22px;}

	.zwftTItle h4{font-size: 24px;}
	.zwftTItle p{font-size: 14px;line-height: 18px;margin-top: 10px;}

	#sub #donation .section1{margin-top: 25px;}
	#donation .section1 .textBox{margin-left: 0;margin-top: 0;width: auto;left:0;padding: 30px 10px;}
	#donation .section1 .textBox .tit{font-size: 18px;line-height: 26px;}
	#donation .section1 .textBox .text{font-size: 14px;line-height: 22px;}

	#donation .section2{padding: 40px 10px;}
	#donation .bdTit{font-size: 20px;margin-bottom: 20px;}
	#donation .section2 li{width: 33.33%;}

	.donaTable td{padding: 30px 10px;}
	.donaTable td dt{font-size: 16px;}
	.donaTable td dd{font-size: 13px;}

	.compSummary .sumTit{font-size: 18px;left:20px;top:20px;}
}

@media screen and (min-width: 800px) and (max-width: 1200px){
	.eduSummary .boxWrap .box1{width: 52%;}
	.eduSummary .boxWrap .box2{width: 48%;}
}

@media all and (max-width: 750px){
	/* 공통 */
	#sub div#content{padding: 25px 10px 35px;}
	#sub .tit1{font-size: 20px;margin-bottom: 15px;}
	#sub .tit3{padding-top: 40px;font-size: 22px;}
	#sub .tit3:before{height: 30px;}

	#sub .downloadBtn span{height: 45px;line-height: 45px;padding-right: 20px;-webkit-background-size: 12px;	background-size: 12px;font-size: 14px;}
	.tableType1 thead th{font-size: 13px;}
	.tableType1 tbody th{font-size: 13px;}
	.tableType1 th, .tableType1 td{font-size: 12px;padding: 8px 5px;}
	.basicRoll .bx-controls-direction a{width: 40px;height: 60px;margin-top: -30px;}

	.compSummary .box img{width: 100%;}

	.ltext li,
	.ltext2 li,
	.ltext.f16 li{font-size: 13px;line-height: 20px;}

	/* Summary 페이지 */
	.sumTit{top:20px;left:20px;}
	#navigator > ul > li.solo{width: 100%;border-right:0;}
	#wrap .innerSmall{padding: 0;}
	#wrap .innerSmall .imgBox img{width: 100%;}
	.guideSummary .list li{width: 50%;}
	.museumSummary .conWrap{width: auto;}
	.museumSummary .lefCon .notice{padding-left: 0;height: auto;}
	.museumSummary .notice .link{position: static;width: 100%;height: 150px;-webkit-background-size: cover;background-size: cover;}
	.museumSummary .summaryRoll{padding: 20px;}
	.museumSummary .lefCon .qna{height: 120px;}
	.museumSummary .rigCon .lef,
	.museumSummary .rigCon .rig{width: 100%;}
	.museumSummary .news .link{height: 100px;-webkit-background-size: 55px;background-size: 55px;}
	.museumSummary .news{padding-top: 0;}
	.museumSummary .rigCon >*{height: auto;}
	.museumSummary .rigCon .lef{padding: 0;}
	.museumSummary .rigCon .rig{-webkit-background-size: cover;	background-size: cover;padding-left: 0;margin-top: 10px;font-size: 0;}
	.museumSummary .rigCon .rig .box{display: inline-block;vertical-align: top;width: 49%;height: 150px;}
	.museumSummary .rigCon .rig .box2{margin-top: 0;margin-left: 2%;}
	.museumSummary .news .link{position: static;}
	.planExSummary .list li{width: 100%;}
	.expCenterSummary .list li{width: 100% !important;}
	.eduSummary .boxWrap .box1,
	.eduSummary .boxWrap .box2{width: 100%;}
	.compSummary .box{width: 50%;}
	.compSummary .sumTit{font-size: 17px;}
	.compSummary .box2 .over{-webkit-background-size: 55px;background-size: 55px;}
	.compSummary .box8 .over{-webkit-background-size: 65px;background-size: 65px;}

	/* 편의공간 Summary */
	.facilSummary .vvh{display: block;visibility: hidden;}
	.facilSummary .box{width: 100% !important;padding:5px 10px;}
	.facilSummary .box2 .linkWrap{position: absolute;top:0;left:0;width: 100%;height: 100%;}
	.facilSummary .box2 .over{height: 48%;}
	.facilSummary .box2 .link1{margin-bottom: 2%;background: url(/contents/home/images/facil-sum-img2.jpg) no-repeat 50% 50%;}
	.facilSummary .box2 .link2{background: url(/contents/home/images/facil-sum-img3.jpg) no-repeat 50% 50%;}

	/* 관람안내 */
	#guide1 .loc-info > li{width: auto;min-height: auto;padding:30px 20px;}
	#guide1 .loc-info > li > img{display: none;}
	#guide1 .loc-info > li h5{font-size: 18px;}
	#guide1 .loc-info > li ul.detail{margin-top: 15px;}
	#guide1 .loc-info > li ul.detail li{font-size: 13px;line-height: 20px;letter-spacing: -0.05em;}
	#guide1 .loc-info > li ul.detail li:before{top:11px;}
	.fourBList1 li{width: 50%;height: 235px;}
	.tripleType1{border-top:2px solid #444362;border-bottom:0;}
	.tripleType1 li{display: block;width: auto;border-bottom:1px solid #ddd;border-left:0;}

	/* 층별안내 */
	.floorGuideBox .top{padding-left: 0;}
	.floorGuideBox .tab{position: static;width: auto;height: auto;font-size: 0;}
	.floorGuideBox .tab .btn{display: inline-block;vertical-align: top;width: 33.33%;height: 40px;}
	.floorGuideBox .tab .btn .txt{font-size: 14px;}
	.floorGuideBox .tab .btn .txt strong{font-size: 18px;margin-right: 5px;}
	.floorGuideBox .tab .btn .txt br{display: none;}
	.floorGuideBox .tabCont{margin-top: 20px;}
	.floorGuideBox .tabCont .tit{font-size: 24px;}

	/* 전시해설 */
	.grayBox{padding: 20px 15px;}
	#guide3 .guide3Top .text{padding: 20px;border:5px solid #f2f2f2;}
	#guide3 .guide3Top .text dt strong{font-size: 20px;}
	#guide3 .guide3Top .text dd{font-size: 13px;line-height: 22px;}

	/* 상설전시 */
	#permEx.perEx1, #permEx.perEx4{width: auto;margin-left: 0;margin-top: 0;left:auto;}
	#permEx .rigBtn .btn{width: 50%;}
	#permEx .rigBtn .btn:nth-child(2n){border-right:0;}
	#permEx .rigBtn .btn:nth-child(4),
	#permEx .rigBtn .btn:nth-child(5){width: 50%;}
	#permEx .rigBtn .btn:nth-child(5){border-right:0;}
	#permEx .rigBtn .btn span{line-height: 40px;font-size: 16px;}
	#permEx .rigBtn .btn span em{font-size: 14px;}

	#permEx .title span{font-size: 16px;}
	#permEx .title strong{font-size: 24px;}
	#permEx .btmText{font-size: 13px;line-height: 22px;margin-top: 20px;margin: 0;width: auto;}
	#permEx .btmText dt{font-size: 18px;}
	#permEx .borderBox:before{height: 30px;top:-25px;}
	#permEx .borderBox dt{font-size: 18px;}
	#permEx .zzList1 li{margin-top: 40px;}
	#permEx .zzList1 li .textBox{position: static;}
	.pebList li{width: 50%;}
	.pebList.three li{width: 100%;margin-top: 1px;}

	/* 기획전시 - 리스트 */
	#sub .planEx .section1 .titType1{margin-bottom: 0;}
	.planEx .section1 .list{margin: 0;}
	.planEx .section1 .list li{width: 100%;padding: 20px 15px;}
	.planEx .section2 .boxWrap{margin: 0;}
	.planEx .section2 .boxWrap .box{width: 100%;margin-top: 40px;padding: 0;}
	.planEx .section2 .boxWrap .box:first-child{margin-top: 0;}
	.planEx .section2{padding: 45px 0;margin-bottom: -35px;}
	.planEx .section2 .list li{padding: 5px;}
	.planEx .section2 .list li .category{padding: 10px 15px;}

	/* 기획전시 - 뷰 */
	.planExView .viewBox{padding: 20px;}
	.planExView .viewBox >*{padding: 0;}
	.planExView .viewBox .imgBox{margin-bottom: 20px;}
	.planExView .viewBox .textBox .tit{font-size: 20px;margin-bottom: 15px;}
	.planExView .viewBox .eviewTxt1 li >*{font-size: 14px;}
	.planExView .viewBox .eviewTxt1 li strong{width: 70px;margin-right: 15px;}
	.planExView .viewBox .eviewTxt2{padding-top: 25px;margin-bottom: 25px;font-size: 14px;line-height: 23px;}

	/* 체험관 */
	#expCenter .title{margin-bottom: 20px;}
	#expCenter .title h4{font-size: 20px;}
	#expCenter .section3{padding: 40px 10px;}
	.stepList1 li{width: 33.33%;margin-bottom: 15px;padding: 0 5px;box-sizing:border-box;}
	.stepList1 li:nth-child(3n) .iconBox:after{display: none;}
	.stepList1 li dt{font-size: 14px;}
	.stepList1 li dd{font-size: 13px;margin: 8px 0 5px;}
	.stepList1 li .iconBox img{width: 70px;height: auto;}
	.stepList1 li p{font-size: 12px;line-height: 18px;}
	.stepList1 li p br{display: none;}

	/* 편의공간 */
	.facilitiesCon .textBox{width: 100%;height: auto;line-height: normal;padding: 20px 10px;margin: 0;box-sizing:border-box;font-size: 14px;}
	.facilitiesCon .iconList{position: relative;margin-top: 30px;}
	.facilitiesCon .iconList:after{display: block;content: '';width: 1px;height: 100%;background: #ebebeb;position: absolute;top:0;left:50%;}
	.facilitiesCon .iconList li{width: 50%;border-top:1px solid #ebebeb;padding: 20px 10px;border-left:0;}
	.facilitiesCon .iconList li:nth-child(1),
	.facilitiesCon .iconList li:nth-child(2){border-top:0;}
	.facilitiesCon .iconList li dd{font-size: 12px;}
	.facilitiesCon .title{font-size: 23px;margin-bottom: 20px;padding-bottom: 20px;}
	.facilitiesCon .group{width: 100%;}
	.facilitiesCon .group .textBox{width: 100%;}
	.facilitiesCon .iconList.six li{width: 50%;}

	/* 연혁 */
	#history{padding: 0;}
	#history .group{margin-top: 50px;}
	#history .group:before{display: none;}
	#history .group dd p .year:before{display: none;}
	#history .group:nth-child(odd),
	#history .group:nth-child(even){margin-left: 0;margin-right: 0;text-align: left;}
	#history .group:nth-child(odd) dl,
	#history .group:nth-child(even) dl{margin-left: 0;margin-right: 0;}
	#history .group:nth-child(odd) dt,
	#history .group:nth-child(even) dt{position: relative;padding-left: 30px;}
	#history .group:nth-child(odd) dt:before,
	#history .group:nth-child(even) dt:before{left:0;}
	#history .group dt{font-size: 34px;}
	#history .group dt:after{display: none;}
	#history .group dd p{font-size: 13px;}
	#history .group dd p .year{font-size: 18px;}
	#history .group dd{margin-top: 25px;}
	#history .group:nth-child(odd) dd p .month{left:65px;}
	#history .group:nth-child(odd) dd p{padding-left: 100px;}
	#history .group:nth-child(even) dd p{padding-right: 0;padding-left: 100px;}
	#history .group:nth-child(even) dd p .year{right:auto;left:0;}
	#history .group:nth-child(even) dd p .month{right:auto;left:65px;}

	/* 조직/업무 */
	#organization .title{margin-bottom: 15px;}
	#organization .title .tit2,
	#organization .title .text{float: none;}
	#organization .title .tit2{font-size: 18px;padding-left: 25px;}
	#organization .title .tit2:before{width: 16px;height: 2px;margin-top: -1px;}
	#organization .title .text{font-size: 13px;padding-top: 8px;}
	#organization .group{margin-top: 50px;}

	/* 비전/미션 */
	#vision .top{height: 150px;}
	#vision .viText dd{font-size: 16px;line-height: 25px;}
	#vision .mid .viText{margin-bottom: 50px;}
	#vision .mid .circleWrap{padding: 75px 15px 50px;}
	#vision .btm .list{padding: 30px 0;margin-top: 30px;}
	#vision .btm .list li{padding: 20px 10px;}
	#vision .btm .list li .text{font-size: 13px;line-height: 20px;}
	#vision .btm .list li .text br{display: none;}
	#vision .group{margin-top: 40px;}
	#vision .group:first-child{margin-top: 0;}

	/* 건축 */
	#architecture .arTit dt{font-size: 18px;}
	#architecture .arTit dd{font-size: 14px;margin-top: 7px;}
	#architecture .section1{padding-bottom: 0;}
	#architecture .section2{padding: 90px 0 50px;}
	#architecture .section2 .list li{padding: 0 5px;width: 50%;margin-top: 10px;}
	#architecture .section2 .list li:nth-child(2n+1){margin-top: 10px;}
	#architecture .section3 .imgBox{border:3px solid #eee;padding: 15px;}
	#architecture .section5 .list li{width: 100%;margin-top: 15px;}
	#architecture .section5 .list li:first-child{margin-top: 0;}
	#architecture .section5 .list li .imgBox{padding: 20px 0;}
	#architecture .section5 .list li .imgBox dl{margin-top: 15px;}
	#architecture .section5 .list li .textBox{padding: 20px;}
	#architecture .section6 .text p{font-size: 14px;line-height: 22px;}
	#architecture .section7{padding-bottom: 35px;margin-bottom: -35px;}
	#architecture .section7 .tit3{margin-bottom: 15px;}
	#architecture .section7 .boxWrap .box{display: block;width: auto;}
	#architecture .section7 .box .imgBox{height: auto;}
	#architecture .section7 .box .imgBox li dd{font-size: 13px;}
	#architecture .section7 .box .title{font-size: 16px;height: auto;line-height: normal;padding: 10px;}
	#architecture .section7 table thead th{padding: 10px;height: auto;line-height: normal;}

	/* MI */
	#mi .miTit{font-size: 20px;margin-bottom: 15px;}
	#mi .section1 .imgList{margin-bottom: 20px;}
	#mi .section1 .imgList li{width: 50%;}
	#mi .section1 .imgList li:first-child{}
	#mi .section1 .imgList li:nth-child(2){margin-left: -20px;}
	#mi .section1 .imgList li:nth-child(3){margin-top: -20px;}
	#mi .section1 .textBox{padding: 25px;}
	#mi .section1 .textBox dt{font-size: 18px;}
	#mi .section1 .textBox dd{font-size: 13px;}
	#mi .section2 .symbol{padding: 40px;}
	#mi .section2 .symbol img.img2{width: 200px;height: auto;}
	#mi .section2 .title{font-size: 24px;margin-bottom: 10px;}
	#mi .section3 .list li .box{height: 150px;padding: 0 15px;}
	#mi .section3 .list{margin: 0;}
	#mi .section3 .list li{padding: 2px;}
	#mi .section4{padding: 45px 0;}
	#mi .section4 .box{padding: 25px 10px;}
	#mi .section4 .box li{width: 100%;padding: 15px 10px;}
	#mi .section4 .box li .color{height: 50px;}
	#mi .section4 .box li .txt{font-size: 14px;margin-top: 8px;}
	#mi .section4 .box li .title{font-size: 18px;margin-bottom: 10px;}
	#sub #mi .section5{margin-top: 30px;}

	/* 예약하기 */
	#calendarWrap .cal-head strong{font-size: 25px;line-height: 30px;}
	#calendarWrap .cal-body tr > td{height: 45px;}
	#calendarWrap .cal-head button{width: 30px;height: 30px;}
	#calendarWrap .cal-head button.prev{left:35px;}
	#calendarWrap .cal-head button.next{right:35px;}
	#calendarWrap .cal-body tr > td em{font-size: 14px;}
	.gText{margin-top: 15px;}
	.reserTable thead th{height: 40px;}
	.reserTable tbody th, .reserTable tbody td{font-size: 14px;height: 40px;}
	.reserTable tbody td .stat{padding: 0 5px;font-size: 13px;}

	/* 팝업 */
	.spop{display: block;width: 100% !important;height: auto !important;padding: 10px;box-sizing:border-box;}
	.spop div,
	.spop table,
	.spop th,
	.spop td,
	.spop img{width: 100% !important;height: auto !important;}
	.spop table table th,
	.spop table table td{width: auto !important;padding: 5px;}

	/* 도서관 */
	#library .title{margin-bottom: 25px;}
	#library .title h3{font-size: 20px;}
	#library .title span{font-size: 14px;}
	#library .content{padding: 35px 0;}
	#library .content .inner >*{width: 100%;}
	#library .content .imgBox{padding: 0 10px;}
	#library .content .textBox{padding-top: 30px;}
	#library .content .textBox .btn{width: 198px;height: 48px;line-height: 48px;margin-top: 35px;font-size: 13px;}

	/* 기증 */
	#donation .section2 li{width: 50%;}
	#donation .section2 li .text dt{font-size: 15px;}
	#donation .section2 li .text dd{font-size: 13px;}
	.donaTable,
	.donaTable tbody,
	.donaTable tr,
	.donaTable td{display: block;width: 100%;box-sizing:border-box;}
	.donaTable td{border-right:1px solid #ddd;}

	.compSummary .boxWrap.double{width: 100%;}
	.compSummary .boxWrap.quarter{width: 50%;}
}


@media all and (max-width: 500px){
	.gnbAmBox.gab2 .gnb-am > li.gnb_am5{width: 100%;}
}