@charset "utf-8";
/* CSS Document */
body.en{
}
body.ch1,
.ch1 .f_min,
.ch1 a.btn01,
.ch1 button.btn01,
.ch1 .faq_box>dl>dt:before,
.ch1 .faq_box>dl>dd:before{
	font-family:"Microsoft YaHei", "微软雅黑",'SimSun', sans-serif !important;
}
body.ch2,
.ch2 .f_min,
.ch2 a.btn01,
.ch2 button.btn01,
.ch2 .faq_box>dl>dt:before,
.ch1 .faq_box>dl>dd:before{
	font-family:"PMingLiU" ,"Microsoft JhengHei" ,"微軟正黑體","sans-serif" !important;
}
body.kr,
.kr .f_min,
.kr a.btn01,
.kr button.btn01,
.kr .faq_box>dl>dt:before,
.kr .faq_box>dl>dd:before{
	font-family:"Malgun Gothic","Yoon Gothic","sans-serif" !important;
}
.lang .know_area section {
	width: 100% !important;
}
.lang .know_area section:first-of-type {
	background:url(../img/top-bg-03.jpg) no-repeat center;
	background-size:100% auto;
	transition:0.3s;
}
.lang .table_2 tr>th:first-of-type {
	width: 13%;
}

/*   ----- English -----   */
.en .main_title b {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	display: block;
	width: 90%;
	margin: auto;
	display: block;
	text-align: center;
}
.en .news_area section div dl dt {
	width: 100%;
}
.en .news_area section div dl dd {
	width: 100% !important;
}
.en .news_area section div dl dt:before {
	right: auto;
	left: 15%;
}
.en .news_detail>section>dl>dt {
  padding-right: 150px;
}
.en .other_area section>ul {
	width: auto;
}
@-moz-document url-prefix(){
	.en .other_area section>ul {
		width: 430px;
	}
}
.en .other_area section>ul>li {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	text-align: left;
	float: none;
	display: inline;
	line-height: 3;
}
.en .other_area section>ul>li:after {
	content: "\A";
  white-space: pre;
}
.en .other_area section>ul>li:last-of-type:after {
	display: none;
}
_:-ms-input-placeholder, :root .en .other_area section>ul>li:nth-of-type(n+2) {
	margin-left: -.5em;
}
@supports (-ms-ime-align: auto) {
	.en .other_area section>ul>li:nth-of-type(n+2) {
		margin-left: -.5em;
	}
}
.en .history_left_nav{
	right: 80%;
	font-size: 86%;
}
.en .history_left_nav p{
	white-space: nowrap;
}
.en .walk_ent_box>section>ul>li {
	width: auto;
}
.en .watch_map>.btn>li.w01 {
	left: 41%;
}
.en .watch_map>.btn>li.w02 {
	left:32%;
}
.en .watch_map>.btn>li.w03 {
	left:42.5%;
}
.en .watch_map>.btn>li.w04 {
	left: 12.5%;
}
.en .watch_map>.btn>li.w05 {
	left: 78%;
}
.en .watch_map>.btn>li.w06 {
	left: 10%;
}
.en .watch_map>.btn>li.w07 {
	left: 64%;
}
.en .watch_map>.btn>li.w08 {
	left: 55%;
}
.en .watch_map>.btn>li.w09 {
	left: 42.6%;
}
.en .watch_map>.btn>li.w10 {
	left: 81%;
}
.en .watch_map>.btn>li.w10>a:before {
	left: auto;
	right: 20%;
}
.en .watch_map>.btn>li.w11 {
	left: 15.5%;
}
.en .watch_map>.btn>li.w12 {
	left: 5%;
}
.en .watch_map>.btn>li.w13 {
	left: 14%;
}
.en .hear_box>.hear_nav>ol>li {
	width: auto;
	padding: 5px 20px 5px 10px;
}
.en .smell_map .btn li a {
	line-height: 1.2;
  padding: 5px 10px;
}
.en .around_ba_area>p {
	box-sizing: border-box;
	padding: 0 10px;
}
.en .sub_nav>ul {
	display: table;
}
.en .sub_nav>ul>li {
	display: table-cell;
}
.en .museum_box .m2>section>h2 {
	width: auto;
}
.en .museum_box .m1>section>h1>span,
.en .museum_box .m2>section>h2>span {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	margin-bottom: 10%;
	display: block;
	text-align: center;
}
.en .museum_box .m3>section {
	top: 15%;
}
.en .touka_box .t2>section>h2>span {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	display: inline;
	text-align: center;
	line-height: 3.5;
	padding: 10px;
}
.en .touka_box .t2>section>h2>span:after {
	content: "\A";
  white-space: pre;
}
/*   ----- Chinese 1 -----   */
.ch1 .top_main_area .main_title {
	height: 370px;
}
.ch1 .smell_map .btn li {
	width: 100px;
}
/*   ----- Chinese 2 -----   */
.ch2 .top_main_area .main_title {
	height: 200px;
}
/*   ----- Korean -----   */
.kr #top_header nav ul li a {
	padding: 0 10px;
}
.kr .top_main_area .main_title {
	height: 230px;
}
.kr .model_area section .title {
	height: 70%;
}
.kr .learn_area ul li h3 b,
.kr .learn_list_box>ul>li>h3>span{
	text-orientation: upright;
}
.kr .watch_map>.btn>li.w01 {
	left: 40%;
}
.kr .watch_map>.btn>li.w02 {
	left:32%;
}
.kr .watch_map>.btn>li.w03 {
	left:42.5%;
}
.kr .watch_map>.btn>li.w04 {
	left: 12.5%;
}
.kr .watch_map>.btn>li.w05 {
	left: 78%;
}
.kr .watch_map>.btn>li.w06 {
	left: 10%;
}
.kr .watch_map>.btn>li.w07 {
	left: 64%;
}
.kr .watch_map>.btn>li.w08 {
	left: 55%;
}
.kr .watch_map>.btn>li.w09 {
	left: 44.5%;
}
.kr .watch_map>.btn>li.w10 {
	left: 79%;
}
.kr .watch_map>.btn>li.w10>a:before {
	left: auto;
	right: 20%;
}
.kr .watch_map>.btn>li.w11 {
	left: 19.5%;
}
.kr .watch_map>.btn>li.w12 {
	left: 8%;
}
.kr .watch_map>.btn>li.w13 {
	left: 18%;
}
.kr .hear_box>.hear_nav>ol>li{
  width: auto;
  padding: 5px 20px 5px 10px;
}
.kr .hear_box>.hear_nav>ol>li:nth-of-type(5n){
	margin: 0 15px 15px 0;
}
.kr .smell_map .btn li {
	width: 100px;
	white-space: nowrap;
	text-align: center;
}
.kr .smell_map .btn li a {
	padding: 0;
}
.en .news_area section div dl.n1 dt:before,
.en .news_detail>section>dl.n1>dt:before {
	content:"Attention";
}
.en .news_area section div dl.n2 dt:before,
.en .news_detail>section>dl.n2>dt:before {
	content:"Notice";
}
.en .news_area section div dl.n3 dt:before,
.en .news_detail>section>dl.n3>dt:before {
	content:"Special Openings";
	width: auto;
	padding: 3px;
}
.en .news_area section div dl.n4 dt:before,
.en .news_detail>section>dl.n4>dt:before {
	content:"Events";
}
.en .news_area section div dl.n5 dt:before,
.en .news_detail>section>dl.n5>dt:before {
	content:"Other";
}
.en .news_area section div dl.n6 dt:before,
.en .news_detail>section>dl.n6>dt:before {
	content:"Information";
	right: 35px;
	padding: 3px;
}
.ch2 .news_area section div dl.n1 dt:before,
.ch2 .news_detail>section>dl.n1>dt:before {
	content:"敬願";
}
.ch2 .news_area section div dl.n2 dt:before,
.ch2 .news_detail>section>dl.n2>dt:before {
	content:"致歉";
}
.ch2 .news_area section div dl.n3 dt:before,
.ch2 .news_detail>section>dl.n3>dt:before {
	content:"特別公開";
}
.ch2 .news_area section div dl.n4 dt:before,
.ch2 .news_detail>section>dl.n4>dt:before {
	content:"行事";
}
.ch2 .news_area section div dl.n5 dt:before,
.ch2 .news_detail>section>dl.n5>dt:before {
	content:"其他";
}
.ch1 .news_area section div dl.n1 dt:before,
.ch1 .news_detail>section>dl.n1>dt:before {
	content:"敬请注意";
}
.ch1 .news_area section div dl.n2 dt:before,
.ch1 .news_detail>section>dl.n2>dt:before {
	content:"诚挚道歉";
}
.ch1 .news_area section div dl.n3 dt:before,
.ch1 .news_detail>section>dl.n3>dt:before {
	content:"特别公开";
}
.ch1 .news_area section div dl.n4 dt:before,
.ch1 .news_detail>section>dl.n4>dt:before {
	content:"活动";
}
.ch1 .news_area section div dl.n5 dt:before,
.ch1 .news_detail>section>dl.n5>dt:before {
	content:"其他";
}
.kr .news_area section div dl.n1 dt:before,
.kr .news_detail>section>dl.n1>dt:before {
	content:"부탁 말씀";
}
.kr .news_area section div dl.n2 dt:before,
.kr .news_detail>section>dl.n2>dt:before {
	content:"사과 말씀";
}
.kr .news_area section div dl.n3 dt:before,
.kr .news_detail>section>dl.n3>dt:before {
	content:"특별 공개";
}
.kr .news_area section div dl.n4 dt:before,
.kr .news_detail>section>dl.n4>dt:before {
	content:"행사";
}
.kr .news_area section div dl.n5 dt:before,
.kr .news_detail>section>dl.n5>dt:before {
	content:"기타";
}

@media all and (max-width: 1400px) {
	.en .history_left_nav{
		display: none;
	}
}
@media all and (max-width: 480px) {
	.lang .know_area section:first-of-type {
		background-size:auto 100%;
	}
	/*   ----- English -----   */
	.en .hear_box>.hear_nav>ol>li {
		width: 90%;
	}
	.en .news_area section div dl dt:before {
		right: 0;
		left: auto;
	}
	.en .news_detail>section>dl>dt {
	  padding-right: 0;
		width: 100%;
	}
	.en .model_area section {
		display: flex;
		flex-wrap: wrap;
	}
	.en .model_area section section {
		display: block;
	}
	.en .other_area section>ul {
		width: 90%;
		text-align: center;
	}
	.en .history_contents>h2{
		padding-right: 10%;
	}
	.en .smell_btn li {
		width: auto;
		padding: 5px 10px;
		font-size: 86%;
		margin: 0;
	}
	.en .around_ba_area>p:last-of-type {
		padding: 20px 10px;
	}
	.en .touka_box .t5 {
		height: auto;
	}
	.en .touka_box .t5:before {
		height: 100%;
	}
	.en .touka_box .t5>section>a {
		padding: 10px 10% 10px 10px;
	}
	/*   ----- Chinese 2 -----   */
	.ch1 .top_main_area .main_title {
		height: 300px;
	}
	.ch1 .model_area section {
		display: flex;
		flex-wrap: wrap;
	}
	.ch1 .model_area section section {
		display: block;
	}
	.ch2 .guide_box_1>section>section>h4:before {
		font-size: 100%;
	}
	/*   ----- Chinese 2 -----   */
	.ch2 .hear_box>.hear_nav>ol>li {
		width: 45%;
		margin: 0 10px 10px 0 !important;
	}
	.ch2 .model_area section {
		display: flex;
		flex-wrap: wrap;
	}
	.ch2 .model_area section section {
		display: block;
	}
	.ch2 .guide_box_1>section>section>h4:before {
		font-size: 100%;
	}
	.kr #header nav ul li.g1 {
		width: 10%;
	}
	.kr #header nav ul li.g2 {
		width: 25%;
	}
	.kr #header nav ul li.g3 {
		width: 33%;
	}
	.kr #header nav ul li.g4 {
		width: 19%;
	}
	.kr #header nav ul li.g5 {
		width: 13%;
	}
	.kr .top_main_area .main_title {
		height: 200px;
	}
	.kr .model_area section {
		display: flex;
		flex-wrap: wrap;
	}
	.kr .model_area section section {
		display: block;
	}
	.kr .hear_box>.hear_nav>ol>li {
		width: 90%;
	}
	.kr .smell_map .btn li {
		width: 80px;
		white-space: normal;
	}
}