@charset "utf-8";

/* sub_vis_wrap */
.visual-area {margin-top:0px; position:relative;width:100%; line-height:1.4; box-sizing:border-box;overflow:hidden;}
.visual-area .visual-area-in{ position:relative;display:table;width:100%; height:auto;  z-index:2}
.visual-area .visual-area-txt { display:none;width:100%;height:330px; text-align:center; box-sizing:border-box;color:#fff;vertical-align:middle; }
.visual-area .visual-area-txt span { font-size:2.5em; font-weight:800; display:inline-block; line-height:1em;}
.visual-area .visual-area-txt b{display:block; width:35px; height:1px; background:#FFF; margin:25px auto 25px;}
.visual-area .visual-area-txt p{font-weight:400;}

#sub_vis_wrap.sub01 .visual-area .visual-area-txt.sub01{display:table-cell;}
#sub_vis_wrap.sub02 .visual-area .visual-area-txt.sub02{display:table-cell;}
#sub_vis_wrap.sub03 .visual-area .visual-area-txt.sub03{display:table-cell;}
#sub_vis_wrap.sub04 .visual-area .visual-area-txt.sub04{display:table-cell;}
#sub_vis_wrap.sub05 .visual-area .visual-area-txt.sub05{display:table-cell;}
#sub_vis_wrap.sub06 .visual-area .visual-area-txt.sub06{display:table-cell;}
#sub_vis_wrap.sub07 .visual-area .visual-area-txt.sub07{display:table-cell;}
#sub_vis_wrap.sub08 .visual-area .visual-area-txt.sub08{display:table-cell;}

#sub_vis_wrap.sub01 .visual-area { background:url("../images/sub/s_visual1.png") repeat-x 50% 0; background-size:cover; -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear;}
#sub_vis_wrap.sub02 .visual-area { background:url("../images/sub/s_visual2.png") repeat-x 50% 0; background-size:cover; -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear;}
#sub_vis_wrap.sub03 .visual-area { background:url("../images/sub/s_visual3.png") repeat-x 50% 0; background-size:cover; -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear;}
#sub_vis_wrap.sub04 .visual-area { background:url("../images/sub/s_visual4.png") repeat-x 50% 0; background-size:cover; -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear;}
#sub_vis_wrap.sub05 .visual-area { background:url("../images/sub/s_visual4.png") repeat-x 50% 0; background-size:cover; -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear;}
#sub_vis_wrap.sub06 .visual-area { background:url("../images/sub/sub_vis_01.png") repeat-x 50% 0; background-size:cover; -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear;}
#sub_vis_wrap.sub07 .visual-area { background:url("../images/sub/sub_vis_01.png") repeat-x 50% 0; background-size:cover; -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear;}
#sub_vis_wrap.sub08 .visual-area { background:url("../images/sub/sub_vis_01.png") repeat-x 50% 0; background-size:cover; -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear;}

/* 비주얼 애니메이션 */
@keyframes animate_background{
     0%   {background-position:50% 0;}
	 50%  {background-position:50% 100%;}
	 100%  {background-position:50% 0.1%;}
}


#sub_content_wrap{position:relative; width:100%; overflow:hidden; min-height: 400px; }
#sub_vis_wrap{position:relative; width:100%; }

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


/* sub_tit_wrap */
.sub_tit_wrap{width:100%; overflow:hidden; font-weight:400; font-size:2em; text-align:center; margin:40px auto;}
.sub_tit_wrap span{display:inline-block; border-bottom:2px solid #333; color:#333; font-weight: 800;}
/*.sub_tit_wrap span{display:inline-block; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #ddd; }*/
.sub_tit_wrap .con{font-size:16px; font-weight:200; color:#666; display:none;}

@media all and (max-width:1100px) {
	.sub_tit_wrap{font-size:1.8em}
}

@media all and (max-width:640px) {
	.sub_tit_wrap{font-size:1.6em}
}

/* sub_menu_wrap */
.sub_menu_tit{display:none; position:relative;}
.sub_menu_tit .btn{position:absolute; width:25px; height:25px; right:10px; top:10px;}
.sub_menu_tit .btn span{display:block; width:100%; height:100%; position:relative;}
.sub_menu_tit .btn span:before{content:""; position:absolute; display:block; width:25px; height:1px; background:#333;top:50%; margin-top:-0.5px; transition-duration: 300ms;   transition-property: all;   transition-timing-function: ease;} 
.sub_menu_tit .btn span:after{content:""; position:absolute; display:block; width:1px; height:25px; background:#333;left:50%; margin-left:-0.5px; }

.sub_menu_tit.on .btn span:before{transform: rotate(45deg); transition-duration: 300ms;   transition-property: all;   transition-timing-function: ease;} 
.sub_menu_tit.on .btn span:after{transform: rotate(45deg); transition-duration: 300ms;   transition-property: all;   transition-timing-function: ease;}


.sub_menu_wrap{position:relative; z-index:5;}
.sub_menu_wrap .sub_menu_box{display:none; width:100%; overflow:hidden; border-bottom:1px solid rgba(0,0,0,0.2); text-align:center; box-sizing:border-box; text-align:center;}
.sub_menu_wrap .sub_menu_box li{box-sizing:border-box; display:inline; ; position:relative;  }
.sub_menu_wrap .sub_menu_box li a{display:inline-block; padding:0 20px; height:70px; line-height:70px; font-size:1.05em;}
.sub_menu_wrap .sub_menu_box li a:after{display:block; content:''; width:100%; height:3px; position:absolute; left:0; bottom:-25px; background:#F5A72B; transition:all .3s; transform:scaleX(0);}
.sub_menu_wrap .sub_menu_box li:hover a{color:#F5A72B; }
.sub_menu_wrap .sub_menu_box li:hover a:after{transform:scaleX(1);}
.sub_menu_wrap .sub_menu_box li:first-child{border-left:0;}

.sub_menu_wrap .sub_menu_box li a{color:rgba(0,0,0,0.7); font-weight:400;}

.page01 .sub_menu_wrap .sub_menu_box li.m1 a,
.page02 .sub_menu_wrap .sub_menu_box li.m2 a,
.page03 .sub_menu_wrap .sub_menu_box li.m3 a,
.page04 .sub_menu_wrap .sub_menu_box li.m4 a,
.page05 .sub_menu_wrap .sub_menu_box li.m5 a,
.page06 .sub_menu_wrap .sub_menu_box li.m6 a,
.page07 .sub_menu_wrap .sub_menu_box li.m7 a,
.page08 .sub_menu_wrap .sub_menu_box li.m8 a{font-weight:500; color:#F5A72B; }

.page01 .sub_menu_wrap .sub_menu_box li.m1 a:after,
.page02 .sub_menu_wrap .sub_menu_box li.m2 a:after,
.page03 .sub_menu_wrap .sub_menu_box li.m3 a:after,
.page04 .sub_menu_wrap .sub_menu_box li.m4 a:after,
.page05 .sub_menu_wrap .sub_menu_box li.m5 a:after,
.page06 .sub_menu_wrap .sub_menu_box li.m6 a:after,
.page07 .sub_menu_wrap .sub_menu_box li.m7 a:after,
.page08 .sub_menu_wrap .sub_menu_box li.m8 a:after{transform:scaleX(1);}

.page01 .sub_menu_wrap .sub_menu_box li.m1 a:after,
.page02 .sub_menu_wrap .sub_menu_box li.m2 a:after,
.page03 .sub_menu_wrap .sub_menu_box li.m3 a:after,
.page04 .sub_menu_wrap .sub_menu_box li.m4 a:after,
.page05 .sub_menu_wrap .sub_menu_box li.m5 a:after,
.page06 .sub_menu_wrap .sub_menu_box li.m6 a:after.
.page07 .sub_menu_wrap .sub_menu_box li.m7 a:after,
.page08 .sub_menu_wrap .sub_menu_box li.m8 a:after{transform:scaleX(1); }

.sub01 .sub_menu_box.sub01,
.sub02 .sub_menu_box.sub02,
.sub03 .sub_menu_box.sub03,
.sub04 .sub_menu_box.sub04,
.sub05 .sub_menu_box.sub05,
.sub06 .sub_menu_box.sub06,
.sub07 .sub_menu_box.sub07,
.sub08 .sub_menu_box.sub08{display:block;}

@media all and (max-width:1100px) {
	.visual-area .visual-area-txt {height:300px; padding:35px 0 0; }
	.sub_menu_wrap{}
	.sub_menu_wrap .sub_menu_box li a{height:70px; line-height:70px;}

}

@media all and (max-width:950px) {
	.visual-area .visual-area-txt { height:280px; }

	.sub_menu_wrap{width:95%; margin:10px auto 0px; z-index:7; position:relative;}
	.sub_menu_tit{cursor:pointer; display:block; border:1px solid #ddd; color:#333; height:45px; line-height:45px; box-sizing:border-box; padding:0 15px; font-weight:500; font-size:1em;}
	.sub_menu_wrap .sub_menu_box{ width:100%; overflow:hidden; position:absolute;  border-top:0; background:#FFF; z-index:9; border:1px solid #ddd; border-top:0; text-align:left;}
	.sub_menu_wrap .sub_menu_box li{width:100%; display:block; padding:0 0px; font-size:0.9em;}
	.sub_menu_wrap .sub_menu_box li a:after{display:none !important;}
	.sub_menu_wrap .sub_menu_box li a{display:block; border-top:1px solid #ddd;  padding:0 10px; box-sizing:border-box; height:35px; line-height:35px; color:#333;}
	.sub_menu_wrap .sub_menu_box li a:hover{font-weight:500;}
	.sub_menu_wrap .sub_menu_box li:first-child a{border-top:0}

	.page01 .sub_menu_wrap .sub_menu_box li.m1 a,
	.page02 .sub_menu_wrap .sub_menu_box li.m2 a,
	.page03 .sub_menu_wrap .sub_menu_box li.m3 a,
	.page04 .sub_menu_wrap .sub_menu_box li.m4 a,
	.page05 .sub_menu_wrap .sub_menu_box li.m5 a,
	.page06 .sub_menu_wrap .sub_menu_box li.m6 a,
	.page07 .sub_menu_wrap .sub_menu_box li.m7 a,
	.page08 .sub_menu_wrap .sub_menu_box li.m8 a{font-weight:500; color:#000; background:#f6f6f6}

	.sub01 .sub_menu_box.sub01,
	.sub02 .sub_menu_box.sub02,
	.sub03 .sub_menu_box.sub03,
	.sub04 .sub_menu_box.sub04,
	.sub05 .sub_menu_box.sub05,
	.sub06 .sub_menu_box.sub06,
	.sub07 .sub_menu_box.sub07,
	.sub08 .sub_menu_box.sub08{display:none;}
}

@media all and (max-width:550px) {
	.visual-area .visual-area-txt { height:300px; }
	.visual-area .visual-area-txt span {font-size:2.2em;}
	.visual-area .visual-area-txt b{margin:9px auto 15px;}
}
@media all and (max-width:450px) {
	.visual-area .visual-area-txt {height:250px; padding:30px 0 0;  }
}


/* h4 */
.stit1{margin-top:3em; margin-bottom:0.5em; color:#2b2b2b; font-size:1.5em; padding-left:30px; font-weight:600; background:url("/images/sub/stith4.png") no-repeat left 0.45em;}

/**/
.bgBox { position: relative; width: 94%; background-color:#faf8f4; padding: 2% 3%; overflow: hidden; }

/**/
.ul_st_01 li{width:100%; overflow:hidden; padding-left:10px; text-indent:-10px;}
.ul_st_01 li span.dot{font-weight:900; color:#F5A72B; display:inline-block; text-indent:0; margin-right:5px}
.ul_st_02 li.le{ padding-left:10px; text-indent:-10px;}
/**/
.tb-style1 { position: relative; width: 100%; border-top: 2px solid #30529C; border-right: 1px solid #dedede; }
.tb-style1 th { color:#333; padding: 12px 0; font-weight:500; background-color:#f5f5f4; border-left: 1px solid #dedede;border-bottom: 1px solid #dedede;  }
.tb-style1 td { border-left: 1px solid #dedede; padding: 12px 30px; border-bottom: 1px solid #dedede; text-align: center; }

@media screen and (max-width:767px) {
.tb-style1 th { padding: 12px 0; }
.tb-style1 td { padding: 10px 15px; }
}

/**/
.info_wrap{width:100%; overflow:hidden; padding:35px 20px; line-height:1.6em; border:1px solid #ddd; box-sizing:border-box; position:relative; border-top:0;}
.info_wrap:before{content:""; width:100%; height:3px; background:#30529C; display:block; position:absolute; top:-1px; left:0;}
/**/
#sub_con_inner{overflow:hidden; margin-bottom:5em;}

/**/
.sub0102_ul_box{width:100%; overflow:hidden; background:#faf8f4; /* border:1px solid #E5E7E6; border-width:1px 1px 1px 0; */ box-sizing:border-box;}
.sub0102_ul_box li{width:25%; float:left; border-left:1px solid#FFF; box-sizing:border-box; padding:2em 20px 20px; }

.sub0102_ul_box li .t{font-size:1.4em; font-weight:600; color:#F5A72B;}
.sub0102_ul_box li .c{margin:1em 0 1.2em; opacity:0.86; height:55px; }
.sub0102_ul_box li .i img{width:100%;}

@media screen and (max-width:1000px) {
.sub0102_ul_box li{padding:2em 15px 15px; }
}
@media screen and (max-width:850px) {
.sub0102_ul_box li{width:50%;  padding:2em 10px 10px; }
}

.sub0201_ul_st{width:100%; overflow:hidden; margin:3em auto; display:table;}
.sub0201_ul_st li{border-left:1px solid #ddd; text-align:center; box-sizing:border-box; display:table-cell; width:20%; position:relative;}

.sub0201_ul_st li:after{content:""; width:22px; height:22px; border-radius:100%; background:#666 url(/images/sub/sub0201_img_09.png) no-repeat center center; display:none; position:absolute; bottom:-11px; left:50%; margin-left:-11px;}
.sub0201_ul_st li:first-child{border-left:0;}
.sub0201_ul_st li:first-child:before{display:none;}
.sub0201_ul_st li img{height:70px; display:block; margin:0 auto;}
.sub0201_ul_st li .num{display:inline-block; padding:5px 15px; background:#F5A72B; color:#FFF; margin:20px auto; font-size:0.9em}
.sub0201_ul_st li .con{width:90%; margin:0 auto; min-height:48px; word-break:keep-all;}


@media screen and (max-width:1000px) {
.sub0201_ul_st li img{height:60px;}
}
@media screen and (max-width:850px) {
.sub0201_ul_st li{width:50%; display:block; float:left; padding:7% 0; box-sizing:Border-box; border-bottom:1px solid #ddd;}
.sub0201_ul_st li:last-child { border: none; }
.sub0201_ul_st li:nth-of-type(3),
.sub0201_ul_st li:nth-of-type(4){border-bottom:1px solid #ddd;}
.sub0201_ul_st li:nth-of-type(3){border-left:0;}
.sub0201_ul_st li:nth-of-type(3):before{display:none;}
.sub0201_ul_st li .con br.pc{display:none;}
.sub0201_ul_st li:nth-of-type(2n)+li{clear:both}
.sub0201_ul_st li:nth-of-type(2):after{display:none;}
}
@media screen and (max-width:530px) {
.sub0201_ul_st li img{height:50px;}
.sub0201_ul_st li .num{margin:15px auto 10px}
.sub0201_ul_st li{width:100%; padding:5% 0;border-bottom:1px solid #eee; border-left:0;}
.sub0201_ul_st li .con{min-height:auto}
.sub0201_ul_st li:nth-of-type(3),
.sub0201_ul_st li:nth-of-type(4){border-bottom:1px solid #eee}
.sub0201_ul_st li:after{display:none;}
.sub0201_ul_st li:last-child:after{display:none;}
.sub0201_ul_st li:last-child{border-bottom:0;}
.sub0201_ul_st li:before{display:none;}
}



/*  */
.map_wrap .wrap_controllers,
.map_wrap .map_border{display:none;}
.map_wrap .root_daum_roughmap{width:100% !important;}

.map_add_wrap{width:100%; overflow:hidden; margin-bottom:30px; padding:30px 0; border-bottom:1px solid #ddd; }
.map_add_wrap .add{font-size:1.8em;  color:#212121;  font-weight:100; }
.map_add_wrap .tel{color:#555; margin-top:10px; font-size:1.1em}

.map_con_wrap ul li {padding:20px 0;}
.map_con_wrap ul li span {display:inline-block;font-weight:500; vertical-align:top; width:90px; font-size:1.05em;}
.map_con_wrap ul li dl {display:inline-block; width:calc(100% - 120px); }
.map_con_wrap ul li dl dd {color:#000; padding-bottom:10px;}

@media all and (max-width:1200px) {
	.map_wrap .root_daum_roughmap .wrap_map{height:400px !important;}
}
@media all and (max-width:650px) {
	.map_add_wrap .add{font-size:1.5em; margin-bottom:15px;}
	.map_add_wrap .add br.mo{display:block}
	.map_wrap .root_daum_roughmap .wrap_map{height:350px !important;}

	.map_con_wrap ul li dl {width:100%; margin-top:10px; }

	.map_con_wrap ul li {padding:10px 0;}

}



/**/
.tab{width:100%; overflow:hidden; margin-bottom:2em; box-sizing:border-box;}
.tab li{width:33.3%; box-sizing:border-box; height:55px; line-height:55px; text-align:center; float:left; border:1px solid #ddd; border-left:0}
.tab li:first-child{border-left:1px solid #ddd;}
.tab li.active{color:#FFF; font-weight:500; background:#62CADF}

.exhibit03_table{width:100%}
.exhibit03_table thead{}
.exhibit03_table thead th{font-weight:500; padding:13px 0; border-left:1px solid #fff; }
.exhibit03_table thead th:nth-child(1){border-radius:10px 0 0 0; }
.exhibit03_table thead th:nth-child(3){border-radius:0 10px 0 0; }
.exhibit03_table  thead.org th{background:#f26b4a; color:#fff; }
.exhibit03_table  thead.blue th{background:#00ade2; color:#fff;}
.exhibit03_table  thead.pink th{background:#bd2b92; color:#fff;}
.exhibit03_table  thead.navy th{background:#ffe800; color:#10509f;}

.exhibit03_table tr td{border:1px solid #eee; padding:10px 0; text-align:center;}
.exhibit03_table tr td:nth-child(2){font-weight:400; }
.exhibit03_table tr td.first{font-weight:bold; border-left:none;}
.exhibit03_table tr td.first.org{color:#f26b4a;}
.exhibit03_table tr td.first.blue{color:#00ade2;}
.exhibit03_table tr td.first.pink{color:#bd2b92;}
.exhibit03_table tr td.first.navy{color:#10509f;}



/*전시소개*/
.exhibit01_txtbox { text-align: center; margin: 1em 0 ; }
.exhibit01_txtbox p:first-child { font-size: 2em; font-weight: 600; }
.exhibit01_txtbox p:first-child span { color: #F5A72B; } 
.exhibit01_txtbox p:last-child { margin: 2em 0 1.5em; font-size: 1.2rem; line-height: 1.6em;}

.exhibit01_txtbox2 p { font-weight: 600; color: #F5A72B; text-align: center; padding-bottom: 40px; font-size: 1.8rem; line-height: 1.5em; }
.exhibit01_txtbox2 a { font-size: 1em; font-weight: 600; color: #222; border: 1px solid #222; padding: 1% 3%; border-radius: 30px; margin: 0 auto; display: block; width: 150px; text-align: center; margin-bottom: 50px; }
.exhibit01_txtbox2 a:hover { color: #fff; border: 1px solid #F5A72B; background: #F5A72B; }



.pc_step { width: 100%; max-width: 1092px; display: block; margin: 3vw auto 0; }
.mo_step { width: 100%; max-width: 1092px; display: none; }

@media all and (max-width:680px) {
	.pc_step { display: none; }
	.mo_step { display: block; margin-top: 4vw; }
	.exhibit01_txtbox2 a { padding: 2% 3%; margin-bottom: 7vw; }
	.exhibit01_txtbox2 p { padding-bottom: 5vw; }
    .exhibit01_txtbox p:first-child {font-size: 17px;}
    .exhibit01_txtbox p:last-child {font-size: 15px;}
    .exhibit01_txtbox2 p{font-size: 16px;}
}



/*개인정보취급방침*/
#policy { padding-top: 20px; }
#policy .tit { margin-top: 50px; font-weight: bold; font-size: 17px; line-height: 1.6em; color: #F5A72B; }
#policy .txt { margin-top: 10px; line-height: 1.5em; font-size: 15px;  }
#policy .txt > p { margin-bottom: 10px;}
#policy .txt ul { margin-left: 20px; font-size: 15px; line-height: 1.5em; }
#policy .txt .txt2 { margin: 10px 10px 20px 0; font-size: 15px; }

.tbst1 {position:relative; overflow:hidden; width:100%; margin:0; padding:0;}
.tbst1 th {border-top:3px solid #00abf4; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; padding:7px 10px;}
.tbst1 th:last-child {border-right:0;}
.tbst1 td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:left; padding:7px 10px;}
.tbst1 td:last-child {border-right:0;}
.tbst1 td.center {text-align:center;}

.precidentbox {position:relative; width:750px; float:left;}
.precidentbox ul {float:left; width:150px; margin:0 0 20px; padding:0; text-align:center; overflow:hidden;}
.precidentbox ul li {float:none; width:150px; display:inline-block;}
.precidentbox ul li.img {margin-bottom:10px;}
.precidentbox ul li.num {font-size:15px; color:#141414; }
.precidentbox ul li.name {font-size:20px; color:#141414; font-weight:bold; letter-spacing:0.1em;}
.precidentbox ul li.year {font-size:14px; color:#141414;}

.sct_discount{text-decoration: line-through}

.chamga{max-width: 96%; margin: 0 auto; padding: 20px 0; letter-spacing: -0.05em;}
.chamga h3{font-size: 1.5em; margin-bottom: 25px; color: #F5A72B;}
.chamga .box{margin-bottom: 30px;}
.chamga .box h4{font-size: 1.25em; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; color: #222;}
.chamga .box p{line-height: 1.6em; color: #666; word-break: keep-all;}


.exh04_wrap{background-color: #f9f9f9;}
#exh04{display: flex; max-width: 1400px; margin: 5% auto 0; padding: 5% 0; }
#exh04.pt0{padding-top: 0;}
#exh04 .img{width:450px; box-sizing: border-box;}
#exh04 .img img{max-width: 100%;}
#exh04 .cont{width: calc(100% - 450px); padding:2% 4%; box-sizing: border-box;}
#exh04 .cont .txt{margin-bottom: 2em;}
#exh04 .cont .txt h4{padding-bottom: 0.5em; color: #F5A72B; }
#exh04 .cont .txt h3{font-size: 40px; font-weight: 800;}
#exh04 .cont .txt p{padding-top: 1em; line-height: 1.5em;font-weight: normal;} 
#exh04 .cont table{line-height: 1.4em;}
@media all and (max-width:1400px){
    #exh04{width: 94%;}
}
@media all and (max-width:976px){
    #exh04{display: block;}
    #exh04 .img{width: 100%; text-align: center;}
    #exh04 .cont{width: 100%; padding: 5% 0;}
}



.tb-style_ex4{width: 100%; border-top: 2px solid #F5A72B;}
.tb-style_ex4 tbody th, .tb-style_ex4 tbody td{padding: 1em; background-color: #fff; border-bottom: 1px solid #eee;}


.history_tab {position: relative; }
.history_tab ul{display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;}
.history_tab ul li{width: 160px; text-align: center; box-sizing: border-box; background-color: #f5f5f5; margin-right: -1px; border-radius: 3em; overflow: hidden;}
.history_tab ul li a{display: block; width: 100%; line-height: 50px; font-weight: 600; color: #161616; font-size: 17px;}
#m01 .history_tab ul li a.m1,
#m02 .history_tab ul li a.m2,
#m03 .history_tab ul li a.m3,
#m04 .history_tab ul li a.m4,
#m05 .history_tab ul li a.m5{background-color: #F5A72B; color: #fff; font-weight: 800;}
@media all and (max-width:568px){
    .history_tab ul li{width: 120px;}
    .history_tab ul li a{line-height: 40px; font-size: 15px;}
}



.exh05_photo{}
.exh05_photo .tit{padding-bottom: 0.5em; font-size: 30px; font-weight: 800; color: #222;}
.exh05_photo ul{display: flex; gap: 1em; flex-wrap: wrap;}
.exh05_photo ul li {width: calc((100% - 1em*2)/3)}
.exh05_photo ul li img{width: 100%; object-fit: cover; height: 100%;}
@media all and (max-width:976px){
    .exh05_photo ul li {width: calc((100% - 1em*1)/2)}
}
@media all and (max-width:568px){
    .exh05_photo ul li {width: 100%}
}