@charset "utf-8";

/*전시안내 하위 탭 스크*/
.tab-script-box {position:relative;padding-top: 110px;}
.tab-script-box dt{display: block;position: absolute;top: 0;left: 0;padding: 0 0.2%;text-align: center;line-height: 1.5;box-sizing: border-box;}
.tab-script-box dt button{display: block;width: 100%;height: 80px;border: none;font-size: 17px;color: #999;letter-spacing: -0.06em;border-radius: 5px;background: #eee;box-sizing: border-box;font-weight: 600;padding: 10px 20px;cursor: pointer;}

.tab-script-box dl.active dt button{color: #fff;background: #022e4e;}

.tab-script-box.cnt-5 dt{width:20%;}
.tab-script-box.cnt-5 dl:nth-child(2) dt {left: 20%;}
.tab-script-box.cnt-5 dl:nth-child(3) dt {left: 40%;}
.tab-script-box.cnt-5 dl:nth-child(4) dt {left: 60%;}
.tab-script-box.cnt-5 dl:nth-child(5) dt {left: 80%;}

.tab-script-box.cnt-4 dt{width:25%;}
.tab-script-box.cnt-4 dl:nth-child(2) dt {left: 25%;}
.tab-script-box.cnt-4 dl:nth-child(3) dt {left: 50%;}
.tab-script-box.cnt-4 dl:nth-child(4) dt {left: 75%;}


.tab-script-box.cnt-3 dt{width:33.3%;}
.tab-script-box.cnt-3 dl:nth-child(2) dt {left: 33.3%;}
.tab-script-box.cnt-3 dl:nth-child(3) dt {left: 66.6%;}

.tab-script-box dl dd{display:none;}
.tab-script-box dl.active dd{display:block;}

@media all and (max-width:768px) {
	.tab-script-box.cnt-5 dt{width:33.3%;}
	.tab-script-box.cnt-5 dl:nth-child(2) dt {left: 33.3%;}
	.tab-script-box.cnt-5 dl:nth-child(3) dt {left: 66.6%;}
	.tab-script-box.cnt-5 dl:nth-child(4) dt {left: 0%; top:90px;}
	.tab-script-box.cnt-5 dl:nth-child(5) dt {left: 33.3%; top:90px;}
	.tab-script-box {position:relative;padding-top: 200px;}
	.tab-script-box dt button{font-size:1.6rem;padding:1rem;}
}



/* 전시안내 */
#conts .exhibitionBox{display:table;table-layout: fixed;width: 100%;min-height: 150px;margin-bottom:3rem;border-radius:10px;background:#f2f4f6;}
#conts .exhibitionBox .img{display: table-cell;vertical-align:middle;padding: 0;width: 30rem;text-align: center;}
#conts .exhibitionBox .txt{display: table-cell;padding: 3.5rem;vertical-align: middle;}
#conts .exhibitionBox .txt .tit{font-family: 'Arita-buri-SemiBold';font-size:2.4rem;color:#022e4e;margin-bottom:0.4rem;}
#conts .exhibitionBox .txt .tit span{margin-left: 1rem;font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif;font-size:1.8rem;font-weight:700;color:#666;}
#conts .exhibitionBox .txt .stit{font-family: 'Arita-buri-SemiBold';font-size:1.8rem;margin-bottom:0.5rem;}


@media all and (max-width:768px) {
	#conts .exhibitionBox{display:block;}
	#conts .exhibitionBox .img{display: block;padding-top:3rem;width: 100%;}
	#conts .exhibitionBox .txt{display: block;padding:3rem 3.5rem;text-align:center;}
	#conts .exhibitionBox .txt .tit{font-size:2rem;margin-bottom:0.4rem;}
	#conts .exhibitionBox .txt .tit span{font-size:1.8rem;}
	#conts .exhibitionBox .txt .stit{font-size:1.8rem;}

}

/* 탭이 있는 콘텐츠  */
#conts .contTab {margin:50px 0 10px;}
#conts .contTab ul:after {content:''; clear:both; display:table;}
#conts .contTab li {width:20%; float:left; padding:1.5rem 2rem; border:1px solid #2eb79a; border-right-width:0; color:#2eb79a; text-align:center; cursor : pointer;}
#conts .contTab li:last-child {border-right-width:1px;}
#conts .contTab li.on {background: #2eb79a; color:#fff;}
#conts .contWrap {background:#fdfdfd;border:1px solid #eee;border-top: 2px solid #022e4e;padding:2rem 3rem;overflow-y:scroll;}
#conts .contWrap > div {height:500px;}
#conts .contWrap dl{display:table; table-layout: fixed; width:100%; border-bottom:1px solid #ddd; padding:1.5rem; line-height:1.5; }
#conts .contWrap dl:last-child {border-bottom:none; padding-bottom:30px;}
#conts .contWrap dt{display:table-cell;width:30%;color: #022e4e;font-weight:600;}
#conts .contWrap dd{display:table-cell; width:100%; }
#conts .contWrap dd em { display:block; color:#777; font-weight:300;}

@media all and (max-width:1024px) {
	#conts .contWrap dt{width:20%; }
}

@media all and (max-width:640px) {
	#conts .contTab li {width:50%;}
	#conts .contWrap dl {display:block; padding:1.5rem 0;}
	#conts .contWrap dt,
	#conts .contWrap dd { display:block; width:100%; }
	#conts .contWrap dt br {display:none;}
}

@media all and (max-width:320px) {
	#conts .contTab li {width:100%;}
	#conts .contWrap {padding:1.5rem;}
}


/* 인사말 */
#conts .greeting[data-name="추사박물관"] {background:url('/chusamuseum/img/content/07/greeting_bg.png') no-repeat right top;}
#conts .greeting .tit:after{background: url('/chusamuseum/img/content/07/greeting_deco.png') no-repeat;}

#conts .greeting {padding: 200px 50px 50px 50px;margin-bottom:50px;background:url('/dept/img/content/common/greeting_bg040201.png') no-repeat right top;z-index:-2; overflow: hidden;}
#conts .greeting .tit {font-size: 3.2rem;background: url('/chusamuseum/img/content/07/greeting_tit_bg.png') no-repeat left top;position:relative;width: 500px;height:250px;padding: 50px 50px 0;float: right;margin: 0 40px 50px;color:#fff;font-weight:700;line-height:1.2;background-size:cover;box-shadow:10px 10px 10px rgba(0,0,0,0.2);}
#conts .greeting .txt {margin-top: 80px;}

#conts .box-notice .tit {font-family:'Arita-buri-SemiBold'; font-size:2.4rem; margin-bottom:10px;}
#conts .box-notice em {display:block; color:#777; font-size:1.4rem; margin-top:10px;}

@media all and (max-width:1024px) {
	#conts .greeting .tit {float: none;}
}

@media all and (max-width:640px) {
	#conts .greeting[data-name="추사박물관"] {padding:190px 20px 40px; background:url('/chusamuseum/img/content/07/greeting_bg.png') no-repeat left top;}
	#conts .greeting .tit {width:auto;font-size:3rem;float: none;padding: 30px;margin: 0;height: auto;}
}

@media all and (max-width:400px) {
	#conts .greeting .tit {font-size:2rem;}
}


/* 사진+설명이 있는 콘텐츠*/
#conts .cuturalWrap .info {width:100%; display:table; table-layout:fixed; padding:2rem 1rem; line-height:1.7; margin:30px 0; border-bottom:1px dotted #ddd;}
#conts .cuturalWrap .info .cell {display:table-cell;vertical-align:top; padding-left:30px;}
#conts .cuturalWrap .info .thumb {width: 26rem;padding:0; text-align:center;}
#conts .cuturalWrap .info .num {color:#4a2a11; font-weight:700;  font-size:1.5rem;}
#conts .cuturalWrap .info .s-title {color:#333 !important; font-size:2.5rem !important; border-bottom: 1px dashed #ddd; padding-bottom:1rem;}
#conts .cuturalWrap .info dl {width:100%; display:table; table-layout:fixed;  font-size:1.5rem;}
#conts .cuturalWrap .info dl dt {display:table-cell; vertical-align:top; width:120px; border-bottom:1px solid #022e4e; font-weight:700; padding:10px 0;}
#conts .cuturalWrap .info dl dd {display:table-cell; vertical-align:top; border-bottom:1px solid #ddd; padding:10px;}

#conts .cuturalWrap .txt {background:#f9fbfb; padding:3rem; margin-top:20px;}
#conts .cuturalWrap .txt .tit {font-family:'Arita-buri-SemiBold'; font-size:1.6rem; margin-bottom:15px;}


@media all and (max-width:640px) {
	#conts .cuturalWrap .info{display:block; padding:.5rem 0; min-height:0;}
	#conts .cuturalWrap .info .cell {display:block; padding:1rem 0rem;}
	#conts .cuturalWrap .info .thumb {width:auto; padding-bottom:0; text-align:center;}
	#conts .cuturalWrap .info .thumb + .cell {padding-left:0rem;}
}


.btn_wrap >a,
.btn_wrap >input,
.btn_wrap >button {border-color:#754f32; color:#754f32;}

.btn_wrap >a:hover,
.btn_wrap input[type="submit"]:hover,
.btn_wrap input[type="button"]:hover,
.btn_wrap button:hover {background:#754f32;}


.bod_page >span {color:#fff; background:#754f32; border-radius:9em; }

/* 박물관소개 - 박물관연혁 */

#conts *.box-design.history .cell,
#conts *.box-design.history .thumb {padding:0.8rem 0 1.5rem;}