@charset "utf-8";

p{line-height:1.5;}

/**/
.default_table{width:100%; border-top:1px solid #000; border-bottom:1px solid #000;}
.default_table th,
.default_table td{padding:13px 27px; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.default_table thead th{background:#eeeeee; border-top:0 none; font-size:18px; color:#333;}
.default_table thead th:first-child{border-left:0 none;}
.default_table tbody th{background:#fff; font-weight:400; color:#333;}
.default_table tbody tr > *:first-child{border-left:0 none;}
.default_table tbody td{background:#fff; font-size:16px; text-align:center; color:#666;}

/* history gate --------------------------------------- */
.history.gate{position:relative;}
.history.gate h1{display:none;}
.history.gate .bg_wrap{overflow:hidden; width:100%; height:100vh; min-height:768px; background:url(/resources/images/global/museum/history/bg_wrap_img.jpg) center 0 no-repeat; background-size:cover;}
.history.gate .cont_inner{position:absolute; left:0; top:0; width:100%;}
.history.gate .txt_area{position:absolute; left:0; top:0; z-index:10; width:100%; padding-top:200px; font-family:'NanumMyeongjo', sans-serif, Helvetica; text-align:center; color:#fff;}
.history.gate .txt_area h2{margin-bottom:38px; font-size:38px; line-height:1; color:#fff;}
.history.gate .txt_area p{font-size:16px; line-height:26px;}
.history.gate .page_list{overflow:hidden; width:1560px; height:100vh; min-height:768px; margin:0 auto}
.history.gate .page_list > li{float:left; width:260px; height:100%; border-right:1px solid rgba(136,136,136,.3);}
.history.gate .page_list > li:first-child{border-left:1px solid rgba(136,136,136,.3);}
.history.gate .page_list a{overflow:hidden; display:block; position:relative; width:100%; height:100%; background:none; font-size:20px; text-align:center; color:#fff;}
.history.gate .page_list a .bg_img{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:all 1s;}
.history.gate .page_list a:hover .bg_img{background:url(/resources/images/global/museum/history/gate_bg.png) 0 0 no-repeat; background-size:cover; opacity:1;}
.history.gate .cont_inner .page_list dl{position:absolute; left:0; top:50%; width:100%; vertical-align:middle; text-align:center;}
.history.gate .cont_inner .page_list dt{font-family:'NanumMyeongjo', sans-serif, Helvetica; font-size:36px;}
.history.gate .cont_inner .page_list dd{display:none; min-height:60px; font-family:'NanumMyeongjo', sans-serif, Helvetica; margin-top:40px; font-size:18px;}
.history.gate .cont_inner .page_list dl:after{display:none; width:30px; height:30px; margin:0 auto; margin-top:15px; background:url(/resources/images/global/museum/index/btn_ico1.png) 0 0 no-repeat; content:"";}
.history.gate .page_list a:hover dl:after{display:block;}
.history.gate .page_list a:hover dd{display:block;}


/* history  view common --------------------------------------- */
/* history_lnb */
.history_lnb{position:fixed; left:62px; top:50%; z-index:100; height:320px; margin-top:-160px;}
.history_lnb ul{position:relative;}
.history_lnb ul:before{position:absolute; left:6px; top:50%; width:1px; height:300px; margin-top:-150px; background:#888; content:"";}
.history_lnb li{overflow:hidden; margin-bottom:40px;}
.history_lnb li a{display:block; position:relative; padding-left:26px; font-family:'NanumMyeongjo', sans-serif, Helvetica; font-size:14px; line-height:1; color:#888;}
.history_lnb li span{display:inline-block; padding:3px 0; line-height:1;}
.history_lnb li a:before{position:absolute; left:4px; top:50%; width:6px; height:6px; margin-top:-3px; background:#888888; border-radius:6px; content:"";}
.history_lnb li a:hover,
.history_lnb li.on a{color:#fff;}
.history_lnb li.on a:before{background:#fff;}
.history_lnb li.on a:after{position:absolute; left:0; top:50%; width:14px; height:14px; margin-top:-7px; border:1px solid #fff; border-radius:13px; box-sizing:border-box; content:"";}
.history_view[data-state=scroll] .history_lnb{display:none;} /* scroll모션 lnb text hidden*/
/*
.history_lnb[data-state=hidden] li span{text-indent:-300px;}
.history_lnb[data-state=hidden] li a:hover span{text-indent:0;}
*/

/* history view common */
.history_view .page_floating{position:fixed; right:0; top:0; z-index:20; display:block; width:300px; height:100vh; background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.4) 100%, rgba(0,0,0,0.4) 100%); transition:opacity 0.3s;}
.history_view .page_floating a{overflow:hidden; position:absolute; right:25px; top:50%; width:58px; height:58px; margin-top:-29px; background:url(/resources/images/global/museum/history/scroll_icon.png) 0 0 no-repeat; text-indent:-9999px; }
.history_view[data-state=scroll] .page_floating{right:-100%; opacity:0; transition:opacity 0.3s, right 0.001s linear 0.3s;}
.history_view{overflow:hidden; width:100%; height:100vh; background-position:center bottom; background-repeat:no-repeat;background-size:cover;}
.history_view .container{display:flex; position:relative; z-index:10; height:100%; align-items:center;}
.history_view .year_bg{position:fixed; left:60px; bottom:0; background-position:0 0; background-repeat:no-repeat; opacity:1; transition:all 1s;}
.history_view .content{height:720px; padding-left:310px;}
.history_view .cont_inner{display:flex; position:relative; left:0; height:100%; margin-left:0; background:#dedede; transition:left 1.5s;} 
.history_view .next_page{position:absolute; right:100px; top:50%; width:98px; height:98px; padding-top:17px; margin-top:-49px; background:#dedede url(/resources/images/global/museum/history/next_btn_ico.png) 24px 60px no-repeat; border:1px solid #7e7e7e; border-radius:49px; font-size:16px;}
.history_view .next_page span{display:block; font-size:15px; line-height:18px; text-align:center; color:#7e7e7e;}
.history_view.init .year_bg{left:-100px; opacity:0;} /* load motion */
.history_view.init .cont_inner{/*left:100px;*/}

.history_view .sec{overflow:hidden; flex:none; padding-top:110px; padding-left:100px;}
.history_view .sec .sec_cont > *{transition:all 0.5s linear; opacity:0; transform:matrix(1, 0, 0, 1, 80, 0);}
.history_view .sec h3{font-size:26px; margin-bottom:20px; font-family:'NanumMyeongjo', sans-serif, Helvetica; font-weight:600; letter-spacing:-1px; color:#222222;}
.history_view .sec h4{margin-bottom:8px; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#555;}
.history_view .sec p{margin-bottom:26px; font-size:16px; line-height:26px; letter-spacing:-1px; color:#666666;}
.history_view .sec h4 + figure{padding-top:7px;}
.history_view .sec figure{margin:0;}
.history_view .sec figure a{display:inline-block; position:relative;}
.history_view .sec figure a:after{overflow:hidden; position:absolute; left:50%; top:50%; width:30px; height:30px; margin-left:-15px; margin-top:-15px; background:url(/resources/images/global/museum/history/pop_ico.png); text-indent:-9999px; content:"상세내용보기"}
.history_view .sec figure img{margin-bottom:7px; box-shadow:0px 4px 5px 0px rgba(68,68,68,0.3); line-height:1; /*transition:transform 1.2s; transform:matrix(1, 0, 0, 1, 40, 0);*/}
.history_view .sec figure figcaption{font-size:14px; color:#888888;}
.history_view .sec .bg{background-position:0 0; background-repeat:no-repeat; background-size:auto 100%; transition:all .5s linear;}
.history_view .sec1{padding-left:75px;}
.history_view .sec1 .txt_area{padding-left:22px;}
.history_view .sec1 h2{margin-bottom:35px; font-family:'NanumMyeongjo', sans-serif, Helvetica; font-size:24px; font-weight:600; line-height:1; text-indent:-22px; color:#666666;}
.history_view .sec1 h3{position:relative; display:inline-block; margin-bottom:55px; font-size:36px; font-weight:600; line-height:50px;}
.history_view .sec1 h3:before,
.history_view .sec1 h3:after{position:absolute; width:23px; height:19px; background-image:url(/resources/images/global/museum/history/quotes_ico.png); background-repeat:no-repeat; content:"";}
.history_view .sec1 h3:before{left:-22px; top:0; background-position:0 0;}
.history_view .sec1 h3:after{background-position:100% 0;}
.history_view .sec1 h3 span{position:relative; z-index:10;}

/* view popup */
.history_view .popup_wrap{display:none; position:fixed; left:0; top:0; z-index:11000; width:100%; height:100vh; background:rgba(0,0,0,.5);}
.history_view .popup_wrap.on{display:block;}
.history_view .pop_inner{position:absolute; left:50%; top:50%; width:760px; height:600px; margin-top:-300px; margin-left:-380px; background:#f6f6f6;}
.history_view .pop_inner .txt_box{padding:43px 36px 0; background:#fff;}
.history_view .pop_inner h3{margin-bottom:15px;}
.history_view .pop_inner h4{margin-bottom:10px;}
.history_view .pop_inner p{margin-bottom:10px;}
.history_view .pop_inner p:last-child{margin-bottom:0;}
.history_view .pop_inner .pop_close_btn{overflow:hidden; position:absolute; right:0; top:0; width:46px; height:46px; background:url(/resources/images/global/museum/history/pop_close_btn.png) 0 0 no-repeat; text-indent:-9999px;}

/* contents plugin */
.mCSB_horizontal.mCSB_inside > .mCSB_container{top:50% !important; margin-top:-360px; margin-bottom:0;}
.mCSB_scrollTools .mCSB_draggerRail{background:rgba(255,255,255,.4);}
/*.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0d12d6;}*/

@media all and (max-height: 800px) {
  .history_view .header .header_inner{padding-top:25px;}
  .history.gate .txt_area{padding-top:140px;}
  .history.gate .cont_inner .page_list dl{top:55%;}
  .history_view .cont_inner{background:url(/resources/images/global/museum/common/cont_gradient.jpg) 0 0 repeat-x;}
}




/* history view --------------------------------------- */
/* history h_1973 */
.h_1973{background-image:url(/resources/images/global/museum/history/1973/view_container_bg.jpg);}
.h_1973 .year_bg{width:606px; height:247px; background-image:url(/resources/images/global/museum/history/1973/year_txt_img.png);}
.h_1973 .sec1{width:586px;}
.h_1973 .sec1 h3:after{left:168px; top:100px;}
.h_1973 .sec2{position:relative; width:1325px;}
.h_1973 .sec2 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/1973/sec2_bg1.jpg);}
.h_1973 .sec2 .sec_cont{position:relative;}
.h_1973 .sec2 .img_area{overflow:hidden; margin-bottom:25px;}
.h_1973 .sec2 .img_area figure{float:left;}
.h_1973 .sec2 .img_area figure:nth-child(1){width:530px; margin-right:20px;}
.h_1973 .sec2 .img_area figure:nth-child(2){width:280px;}
.h_1973 .sec3{width:945px;}
.h_1973 .sec3 .sec_cont{overflow:hidden;}
.h_1973 .sec3 .txt_area{float:left; width:453px}
.h_1973 .sec3 .img_area{float:left;}
.h_1973 .sec3 .img_area figure:nth-child(1){margin-bottom:15px;}
.h_1973 .sec4{width:1340px;}
.h_1973 .sec4 .sec_cont{overflow:hidden;}
.h_1973 .sec4 .txt_area{float:left; width:648px;}
.h_1973 .sec4 .txt_area p{margin-bottom:55px;}
.h_1973 .sec4 .txt_area .inner1{overflow:hidden;}
.h_1973 .sec4 .txt_area .inner1 figure{float:right; margin-right:50px;}
.h_1973 .sec4 .img_area{float:left;}

/* history h_1980 */
.h_1980{background-image:url(/resources/images/global/museum/history/1980/view_container_bg.jpg);}
.h_1980 .year_bg{width:606px; height:247px; background-image:url(/resources/images/global/museum/history/1980/year_txt_img.png);}
.h_1980.view .sec1 h2{margin-bottom:20px;}
.h_1980 .sec1 h3{margin-bottom:50px;}
.h_1980 .sec1 h3:after{right:86px; top:50px;}
.h_1980 .sec2{position:relative; width:1097px; background:url(/resources/images/global/museum/history/1980/sec2_bg1.jpg) 60px 100% no-repeat;}
.h_1980 .sec2 .sec_cont{overflow:hidden; padding-top:48px;}
.h_1980 .sec2 .img_area{float:left; width:537px;}
.h_1980 .sec2 .txt_area{float:left; padding-top:20px;}
.h_1980 .sec3{position:relative; width:1350px;}
.h_1980 .sec3 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/1980/sec3_bg1.jpg);}
.h_1980 .sec3 .sec_cont{display:table; width:100%;}
.h_1980 .sec3 .img_area{display:table-cell; width:294px; padding-right:80px;}
.h_1980 .sec3 .img_area figure:nth-child(1){margin-bottom:15px;}
.h_1980 .sec3 .txt_area{display:table-cell; vertical-align:middle;}
.h_1980 .sec4{width:589px;}
.h_1980 .sec4 .sec_cont{padding-top:48px;}
.h_1980 .sec4 .pop_cont .txt_box{padding-bottom:17px;}
.h_1980 .sec4 .pop_cont .img_box{overflow:hidden; padding:29px 36px; background:#f6f6f6;}
.h_1980 .sec4 .pop_cont .img_box figure{float:left; width:330px;}
.h_1980 .sec4 .pop_cont .img_box figure:nth-child(1){margin-right:20px;}
.h_1980 .sec4 .pop_cont .img_box figure img{box-shadow:none;}
.h_1980 .sec5{width:656px;}
.h_1980 .sec5 .sec_cont{padding-top:48px;}
.h_1980 .sec5 .pop_cont .txt_box{padding-bottom:17px;}
.h_1980 .sec5 .pop_cont .box_wrap{overflow-y:scroll; height:366px; padding:29px 20px 10px 36px; background:#f6f6f6;}
.h_1980 .sec5 .pop_cont .table_box{margin-bottom:40px;}
.h_1980 .sec5 .pop_cont .img_box{overflow:hidden; margin-bottom:36px; background:#f6f6f6;}
.h_1980 .sec5 .pop_cont .img_box figure{width:100%;}
.h_1980 .sec5 .pop_cont .img_box figure img{margin-bottom:29px; box-shadow:none;}
.h_1980 .sec5 .pop_cont .img_box figcaption{padding-top:10px; border-top:2px solid #000;}
.h_1980 .sec6{position:relative; width:1553px;}
.h_1980 .sec6 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/1980/sec6_bg1.jpg);}
.h_1980 .sec6 .txt_area{overflow:hidden; margin-bottom:26px;}
.h_1980 .sec6 .txt_area .inner1{float:left; width:533px;}
.h_1980 .sec6 .txt_area figure{float:left; width:368px;}
.h_1980 .sec6 .txt_area p{margin-bottom:16px;}
.h_1980 .sec6 .img_area{overflow:hidden; position:relative; width:1024px;}
.h_1980 .sec6 .img_area figure{display:table; float:left; width:512px;}
.h_1980 .sec6 .img_area figure img,
.h_1980 .sec6 .img_area figure figcaption{display:table-cell; vertical-align:middle;}
.h_1980 .sec6 .img_area figure figcaption{width:300px;}
.h_1980 .sec6 .img_area figure figcaption span{display:block;}
.h_1980 .sec6 .img_area figure img{margin-bottom:0; box-shadow:none;}
.h_1980 .sec7{width:947px;}
.h_1980 .sec7 .sec_cont{overflow:hidden;}
.h_1980 .sec7 .txt_area{float:left; width:455px; padding-top:60px;}
.h_1980 .sec7 .img_area{float:left;}
.h_1980 .sec7 .img_area figure:nth-child(1){margin-bottom:15px;}
.h_1980 .sec8{width:959px;}
.h_1980 .sec8 .txt_area{padding-top:60px;}
.h_1980 .sec8 .pop_inner{height:660px; margin-top:-330px; background:#fff;}
.h_1980 .sec8 .pop_cont{overflow:hidden; position:relative; height:100%; padding:43px 0 0;}
.h_1980 .sec8 .pop_cont:after{position:absolute; left:0; bottom:0; width:95%; height:10px; background:#fff; content:"";}
.h_1980 .sec8 .pop_cont h3{padding:0 36px; margin-bottom:20px;}
.h_1980 .sec8 .pop_cont .box_wrap{overflow:hidden; height:calc(100% - 59px);}
.h_1980 .sec8 .pop_cont .img_box{float:left; width:320px; padding-left:36px;}
.h_1980 .sec8 .pop_cont .img_box figure:first-child{margin-bottom:29px;}
.h_1980 .sec8 .pop_cont .img_box figure img{box-shadow:none;}
.h_1980 .sec8 .pop_cont .txt_box1{overflow-y:scroll; float:right; width:358px; height:100%; padding-right:36px;}
.h_1980 .sec8 .pop_cont .txt_box1 .txt1{margin-bottom:45px;}
.h_1980 .sec8 .pop_cont .txt_box1 .list1{padding-bottom:30px;}
.h_1980 .sec8 .pop_cont .txt_box1 .list1 li{margin-bottom:10px; font-size:15px;}
.h_1980 .sec8 .pop_cont .txt_box1 .list1 li span:nth-child(1){display:block;}
.h_1980 .sec8 .pop_cont .txt_box1 .list1 li span:nth-child(2):before{display:inline-block; margin-right:15px; content:":";}

/* history h_1990 */
.h_1990{background-image:url(/resources/images/global/museum/history/1990/view_container_bg.jpg);}
.h_1990 .year_bg{width:594px; height:247px; background-image:url(/resources/images/global/museum/history/1990/year_txt_img.png);}
.h_1990 .sec1{width:790px;}
.h_1990 .sec1 h3:after{left:570px; top:50px;}
.h_1990 .sec2{position:relative; width:1587px;}
.h_1990 .sec2 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/1990/sec2_bg1.jpg);}
.h_1990 .sec2 .sec_cont{overflow:hidden; position:relative;}
.h_1990 .sec2 h3{margin-bottom:35px;}
.h_1990 .sec2 .txt_area1{float:left; width:335px;}
.h_1990 .sec2 .txt_area2{float:left; width:665px;}
.h_1990 .sec2 .txt_area2 figure{margin-bottom:30px;}
.h_1990 .sec3{width:589px;}
.h_1990 .sec3 .pop_inner{height:660px; margin-top:-330px;}
.h_1990 .sec3 .pop_cont .txt_box{padding-bottom:17px;}
.h_1990 .sec3 .pop_cont .img_box{overflow:hidden; padding:29px 36px 10px; background:#f6f6f6;}
.h_1990 .sec3 .pop_cont .img_box figure{float:left; width:330px;}
.h_1990 .sec3 .pop_cont .img_box figure:nth-child(1){margin-right:20px;}
.h_1990 .sec3 .pop_cont .img_box figure img{box-shadow:none;}
.h_1990 .sec4{width:1160px;}
.h_1990 .sec4 .txt_area{overflow:hidden; margin-bottom:33px;}
.h_1990 .sec4 .txt_area .left{}
.h_1990 .sec4 .txt_area p{margin-bottom:0;}
.h_1990 .sec4 .txt_area figure{float:left; width:300px;}
.h_1990 .sec4 .img_area{overflow:hidden;}
.h_1990 .sec4 .img_area figure{float:left; width:333px;}
.h_1990 .sec4 .img_area figure:nth-child(3){width:300px;}
.h_1990 .sec5{width:840px;}
.h_1990 .sec5 .img_area{overflow:hidden; margin-bottom:40px;}
.h_1990 .sec5 .img_area figure{float:left; width:273px;}
.h_1990 .sec5 .img_area figure:first-child{margin-right:30px;}
.h_1990 .sec6{position:relative; width:1270px; padding-left:0;}
.h_1990 .sec6 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/1990/sec6_bg1.jpg);}
.h_1990 .sec6 .txt_area{padding-left:122px;}
.h_1990 .sec6 .desc{margin-bottom:5px; text-align:right;}
.h_1990 .sec6 .table_box{width:606px;}
.h_1990 .sec6 .table_box .default_table th,
.h_1990 .sec6 .table_box .default_table td{padding:18px 25px;}
.h_1990 .sec6 .img_area{margin-top:-178px;}
.h_1990 .sec6 .img_area img{box-shadow:none; vertical-align:middle;}
.h_1990 .sec6 .img_area figcaption{display:inline-block; vertical-align:middle;}
.h_1990 .sec6 .img_area figcaption span{display:block; padding-top:60px;}
.h_1990 .sec7{width:970px;}
.h_1990 .sec7 .sec_cont{overflow:hidden;}
.h_1990 .sec7 .sec_cont .txt_area{float:left; width:480px;}
.h_1990 .sec7 .sec_cont .img_area{float:left; width:320px;}
.h_1990 .sec7 .sec_cont .img_area figure:first-child{margin-bottom:15px;}
.h_1990 .sec8{width:680px;}
.h_1990 .sec8 .sec_cont{padding-top:60px;}
.h_1990 .sec8 .pop_cont .txt_box{padding-bottom:17px;}
.h_1990 .sec8 .pop_cont .box_wrap{overflow-y:scroll; height:366px; padding:29px 20px 29px 36px; background:#f6f6f6;}
.h_1990 .sec8 .pop_cont .img_box{overflow:hidden; margin-bottom:36px; background:#f6f6f6;}
.h_1990 .sec8 .pop_cont .img_box figure{float:left; width:330px;}
.h_1990 .sec8 .pop_cont .img_box figure:nth-child(1){margin-right:27px;}
.h_1990 .sec8 .pop_cont .img_box figure img{box-shadow:none;}
.h_1990 .sec8 .pop_cont .table_box .default_table th, 
.h_1990 .sec8 .pop_cont .table_box .default_table td{padding:13px 23px;}
.h_1990 .sec8 .pop_cont .table_box .default_table col:nth-child(1){width:50%;}
.h_1990 .sec8 .pop_cont .table_box strong{display:block; margin-bottom:15px;}
.h_1990 .sec8 .pop_cont .table_box td li{margin-bottom:15px; font-size:15px; text-align:left; line-height:1;}
.h_1990 .sec9{width:1016px;}
.h_1990 .sec9 .sec_cont{padding-top:60px;}
.h_1990 .sec9 .txt_area figure{margin-bottom:20px;}
.h_1990 .sec9 .txt_area figure img:first-child{margin-right:30px;}

/* history h_2000 */
.h_2000{background-image:url(/resources/images/global/museum/history/2000/view_container_bg.jpg);}
.h_2000 .year_bg{width:635px; height:247px; background-image:url(/resources/images/global/museum/history/2000/year_txt_img.png);}
.h_2000 .sec1{width:640px;}
.h_2000 .sec1 h3{margin-bottom:50px;}
.h_2000 .sec1 h3:after{right:-24px; top:0;}
.h_2000 .sec2{position:relative; width:1528px;}
.h_2000 .sec2 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/2000/sec2_bg1.jpg);}
.h_2000 .sec2 .sec_cont{overflow:hidden; position:relative;}
.h_2000 .sec2 .img_area{float:left; width:468px;}
.h_2000 .sec2 .txt_area{float:left; width:430px;}
.h_2000 .sec2 .txt_area figure{width:370px; margin-bottom:50px;}
.h_2000 .sec2 .txt_area figure > div{overflow:hidden;}
.h_2000 .sec2 .txt_area figure img{float:left; width:171px;}
.h_2000 .sec2 .txt_area figure img:nth-child(1){margin-right:20px;}
.h_2000 .sec2 .txt_area figure figcaption{text-align:center;}
.h_2000 .sec3{width:798px; padding-left:120px;}
.h_2000 .sec3 .img_area{overflow:hidden; margin-bottom:40px;}
.h_2000 .sec3 .img_area figure{float:left; width:275px;}
.h_2000 .sec3 .img_area figure:nth-child(1){margin-right:30px;}
.h_2000 .sec4{width:793px;}
.h_2000 .sec4 .txt_area{margin-bottom:35px;}
.h_2000 .sec4 .img_area{overflow:hidden;}
.h_2000 .sec4 .img_area figure{float:left;}
.h_2000 .sec4 .img_area figure:nth-child(1){width:350px; margin-right:30px;}
.h_2000 .sec5{width:814px;}
.h_2000 .sec5 .img_area{overflow:hidden; margin-bottom:20px;}
.h_2000 .sec5 .img_area figure{float:left; width:293px;}
.h_2000 .sec5 .img_area figure:nth-child(1){margin-right:30px;}
.h_2000 .sec5 .txt_area h3{margin-bottom:10px;}
.h_2000 .sec5 .txt_area p.txt1{margin-bottom:10px;}
.h_2000 .sec5 .txt_area p.txt2{font-size:14px;}
.h_2000 .sec6{position:relative; width:1060px;}
.h_2000 .sec6 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/2000/sec6_bg1.jpg);}
.h_2000 .sec6 .pop_inner{margin-top:-320px;}
.h_2000 .sec6 .pop_cont .txt_box{padding-bottom:17px;}
.h_2000 .sec6 .pop_cont .img_box{overflow:hidden; padding:29px 36px 10px; background:#f6f6f6;}
.h_2000 .sec6 .pop_cont .img_box figure{float:left; width:330px;}
.h_2000 .sec6 .pop_cont .img_box figure:nth-child(1){margin-right:20px;}
.h_2000 .sec6 .pop_cont .img_box figure img{box-shadow:none;}
.h_2000 .sec10{width:964px;}
.h_2000 .sec10 .sec_cont{overflow:hidden;}
.h_2000 .sec10 .img_area{float:left; width:350px;}
.h_2000 .sec10 .txt_area{float:left; width:450px;}
.h_2000 .sec7{width:588px;}
.h_2000 .sec7 .sec_cont{padding-top:25px;}
.h_2000 .sec7 .pop_cont .txt_box{padding-bottom:17px;}
.h_2000 .sec7 .pop_cont .img_box{overflow:hidden; padding:29px 36px; background:#f6f6f6;}
.h_2000 .sec7 .pop_cont .img_box figure{width:400px; margin:0 auto;}
.h_2000 .sec7 .pop_cont .img_box figure img{box-shadow:none;}
.h_2000 .sec8{width:590px;}
.h_2000 .sec8 .sec_cont{padding-top:25px;}
.h_2000 .sec8 .pop_inner{height:620px; background:#fff;}
.h_2000 .sec8 .pop_cont{padding:50px 36px 0;}
.h_2000 .sec8 .pop_cont .txt_box{padding:0; margin-bottom:25px;}
.h_2000 .sec8 .pop_cont .table_box{}
.h_2000 .sec8 .pop_cont .default_table col:nth-child(1){width:440px;}
.h_2000 .sec8 .pop_cont .default_table th,
.h_2000 .sec8 .pop_cont .default_table td{padding:13px 24px;}
.h_2000 .sec8 .pop_cont .table_box td img{display:block; margin:0 auto;}
.h_2000 .sec8 .pop_cont .table_box .td1 ul{overflow:hidden; text-align:left;}
.h_2000 .sec8 .pop_cont .table_box .td1 li{display:inline-block; margin-right:30px; font-size:14px; text-align:center;}
.h_2000 .sec8 .pop_cont .table_box .td1 li:nth-child(-n+2){margin-bottom:20px;}
.h_2000 .sec8 .pop_cont .table_box .td1 li:nth-child(3n){margin-right:0;}
.h_2000 .sec8 .pop_cont .table_box .td1 li span{display:block; text-align:center;}
.h_2000 .sec9{width:1175px;}
.h_2000 .sec9 .sec_cont{overflow:hidden; padding-top:25px;}
.h_2000 .sec9 .txt_area{float:left; width:480px;}
.h_2000 .sec9 .txt_area .txt1{margin-bottom:33px;}
.h_2000 .sec9 .txt_area .txt2{font-size:14px;}
.h_2000 .sec9 .img_area{float:left; width:300px;}
.h_2000 .sec9 .img_area figure:first-child{margin-bottom:13px;}


/* history h_2010 */
.h_2010{background-image:url(/resources/images/global/museum/history/2010/view_container_bg.jpg);}
.h_2010 .year_bg{width:635px; height:247px; background-image:url(/resources/images/global/museum/history/2010/year_txt_img.png);}
.h_2010 .sec1{width:600px;}
.h_2010 .sec1 h3{margin-bottom:50px;}
.h_2010 .sec1 h3:after{right:329px; top:55px;}
.h_2010 .sec7{position:relative; width:1683px;}
.h_2010 .sec7 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/2010/sec2_bg1.jpg);}
.h_2010 .sec7 .sec_cont{overflow:hidden;}
.h_2010 .sec7 .img_area{float:left; width:492px;}
.h_2010 .sec7 .img_area .inner1{margin-bottom:15px;}
.h_2010 .sec7 .img_area .inner2{overflow:hidden;}
.h_2010 .sec7 .img_area .inner2 figure{float:left;}
.h_2010 .sec7 .img_area .inner2 figure:nth-child(1){width:231px;}
.h_2010 .sec7 .img_area .inner2 figure:nth-child(2){width:170px; margin-left:26px;}
.h_2010 .sec7 .txt_area{float:left; width:550px;}
.h_2010 .sec7 .table_box{}
.h_2010 .sec7 .table_box table{margin-bottom:5px;}
.h_2010 .sec7 .table_box ul{display:inline-block; vertical-align:top; width:50%; padding-left:30px; margin-left:-4px; text-align:left;}
.h_2010 .sec7 .table_box ul:first-child{padding-left:0; margin-left:0;}
.h_2010 .sec7 .table_box ul:last-child{border-left:1px solid #ccc;}
.h_2010 .sec7 .table_box li{margin-bottom:7px;}
.h_2010 .sec7 .table_box li > span:first-child{display:inline-block; width:75px;}
.h_2010 .sec7 .table_box li.ing{color:#2C7CD8;}
.h_2010 .sec7 .table_box .desc{font-size:14px; text-align:right; color:#2C7CD8;}
.h_2010 .sec3{width:727px;background:url(/resources/images/global/museum/history/2010/sec3_bg1.jpg) 0 bottom no-repeat;}
.h_2010 .sec3 .txt_area{margin-bottom:73px;}
.h_2010 .sec4{width:1426px;}
.h_2010 .sec4 .sec_cont{overflow:hidden;}
.h_2010 .sec4 .txt_area{float:left; width:607px;}
.h_2010 .sec4 .txt_area .inner1{overflow:hidden; margin-bottom:40px;}
.h_2010 .sec4 .txt_area .inner1 figure{float:left; width:273px;}
.h_2010 .sec4 .txt_area .inner1 figure:first-child{margin-right:30px;}
.h_2010 .sec4 .video_area{float:left; width:658px; height:370px; box-shadow:0px 4px 5px 0px rgba(68,68,68,0.3);}
.h_2010 .sec4 .video_area a{display:block;}
.h_2010 .sec4 .video_area a img{box-shadow:0px 4px 5px 0px rgba(68,68,68,0.3);}
.h_2010 .sec5{position:relative; width:1550px;}
.h_2010 .sec5 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/2010/sec5_bg1.jpg);}
.h_2010 .sec5 .sec_cont{overflow:hidden;}
.h_2010 .sec5 .txt_area{float:left; width:495px;}
.h_2010 .sec5 .txt_area .txt1{margin-bottom:25px;}
.h_2010 .sec5 .img_area{float:left; width:389px;}
.h_2010 .sec5 .img_area figure{padding-top:90px;}
.h_2010 .sec6{width:1630px; padding-left:175px;}
.h_2010 .sec6 .sec_cont{overflow:hidden;}
.h_2010 .sec6 .sec_cont .txt_area{float:left; width:618px;}
.h_2010 .sec6 .sec_cont .txt_area p{margin-bottom:20px;}
.h_2010 .sec6 .sec_cont .txt_area .inner1{overflow:hidden;}
.h_2010 .sec6 .sec_cont .txt_area .inner1 figure{float:left; width:193px;}
.h_2010 .sec6 .sec_cont .txt_area .inner1 figure:nth-child(2){width:369px; margin-left:30px;}
.h_2010 .sec6 .sec_cont .img_area{float:left; width:540px;}
.h_2010 .sec6 .sec_cont .img_area figure:first-child{margin-bottom:20px;}

/* history h_2020 */
.h_2020{background-image:url(/resources/images/global/museum/history/2020/view_container_bg.jpg);}
.h_2020 .year_bg{width:635px; height:247px; background-image:url(/resources/images/global/museum/history/2020/year_txt_img.png);}
.h_2020 .sec1{width:1734px; position:relative;}
.h_2020 .sec1 h3{margin-bottom:35px;}
.h_2020 .sec1 h3:after{right:60px; bottom:28px;}
.h_2020 .sec1 .sec_cont{overflow:hidden;}
.h_2020 .sec1 .txt_area{float:left; width:710px; margin-right:60px;}
.h_2020 .sec1 .txt_area figure{overflow:hidden; width:527px; margin-bottom:20px;}
.h_2020 .sec1 .txt_area figure .inner{overflow:hidden;}
.h_2020 .sec1 .txt_area figure img{float:left; width:253px;}
.h_2020 .sec1 .txt_area figure img:first-child{margin-right:20px;}
.h_2020 .sec1 .txt_area figcaption{text-align:center;}
.h_2020 .sec1 .txt_area .txt1{margin-bottom:17px;}
.h_2020 .sec1 .img_area{float:left; width:359px;}
.h_2020 .sec1 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/2020/sec1_bg1.jpg);}
.h_2020 .sec2{width:860px; padding-right:100px;}
.h_2020 .sec2 .sec_cont{overflow:hidden;}
.h_2020 .sec2 .txt_area{}
.h_2020 .sec2 .txt_area .txt1{margin-bottom:17px;}
.h_2020 .sec2 .img_area{overflow:hidden;}
.h_2020 .sec2 .img_area figure{float:left;}
.h_2020 .sec2 .img_area figure:nth-child(1){width:339px; margin-right:20px;}
.h_2020 .sec2 .img_area figure:nth-child(2){width:163px;}
.h_2020 .sec3{width:1266px; position:relative;}
.h_2020 .sec3 .bg{position:absolute; right:0; top:0; width:440px; height:100%; background-image:url(/resources/images/global/museum/history/2020/sec3_bg1.jpg);}
.h_2020 .sec3 .sec_cont{overflow:hidden;}
.h_2020 .sec3 .txt_area{float:left; width:622px;}
/* .h_2020 .sec3 .video_area{float:left; padding-top:104px;}
.h_2020 .sec3 .video_area .video_inner{width:658px; height:370px; box-shadow:0px 4px 5px 0px rgba(68,68,68,0.3);} */
.h_2020 .sec4{width:1203px;}
.h_2020 .sec4 .txt_area{float:left; width:640px; margin-top:70px; margin-right:70px;}
.h_2020 .sec4 .img_area{float:left; width:293px;}
.h_2020 .sec4 .img_area figure{width:100%;}
.h_2020 .sec4 .img_area figure + figure{margin-top:15px;}
.h_2020 .sec5{width:1640px;}
.h_2020 .sec5 .txt_area{float:left; width:548px; margin-right:100px;}
.h_2020 .sec5 .txt_area figure{margin-top:43px}
.h_2020 .sec5 .img_area{float:left; width:576px; overflow:hidden;}
.h_2020 .sec5 .img_area h4{color:#0080ee}
.h_2020 .sec5 .img_area .inner1{margin-top:35px; margin-bottom:30px; overflow:hidden;}
.h_2020 .sec5 .img_area .inner1 figure{float:left; width:273px;}
.h_2020 .sec5 .img_area .inner1 figure:first-child{margin-right:30px;}

.h_2020 .next_page_wrap{position:absolute; right:100px; top:50%; width:98px; height:236px; margin-top:-118px;}
.h_2020 .next_page_wrap .next_page{position:static; display:block; padding-top:25px; margin-top:0; background-position:24px 54px;}
.h_2020 .next_page_wrap .next_page:first-child{margin-bottom:40px;}

/* pr video */
.prvideo .content{overflow:hidden; width:100%; height:100vh; background-image:url(/resources/images/global/museum/prvideo/view_container_bg.jpg);background-position:center bottom; background-repeat:no-repeat;background-size:cover;}
.prvideo .cont_inner{position:relative; left:0; top:50%; height:580x; margin-top:-290px;}
.prvideo .swiper-container{overflow:visible; width:900px;}
.prvideo .swiper-wrapper{margin-bottom:20px;}
.prvideo .slide_area h2{margin-bottom:10px; font-size:18px; color:#fff;}
.prvideo .slide_area .video_wrap{position:relative; width:900px; height:507px; background:#000; border:1px solid #888888;}
/* .prvideo .slide_area .video_wrap:after{position:absolute; left:0; top:0; width:100%; height:100%; background:transparent; content:"";}
.prvideo .slide_area .on .video_wrap:after{content:none;} */
/* .prvideo .slide_area .video_wrap:after{position:absolute; left:50%; top:50%; z-index:10; content:" "; width:60px; height:46px; margin:-23px 0 0 -30px; background:url(/resources/images/global/museum/product/video_play.png) center center no-repeat;} */
.prvideo .slide_area .swiper-wrapper{height:auto;}
.prvideo .slide_area .slide_paging{text-align:center;}
.prvideo .slide_area .slide_paging a{overflow:hidden; display:inline-block; width:10px; height:10px; margin:0 5px; background:#aaaaaa; text-indent:-9999px;}
.prvideo .slide_area .slide_paging a.swiper-pagination-bullet-active{background:#fff;}
.prvideo .slide_area .slide_direction{position:absolute; left:0; top:50%; width:900px;}
.prvideo .slide_area .slide_direction button{overflow:hidden; position:absolute; width:30px; height:30px; background:url(/resources/images/global/museum/prvideo/slide_arr_ico.png) 0 0 no-repeat; text-indent:-9999px;}
.prvideo .slide_area .slide_direction .prev_btn{left:-50px;}
.prvideo .slide_area .slide_direction .next_btn{right:-50px; background-position: -30px 0;}
.prvideo .slide_area .slide_direction .swiper-button-disabled{display:none;}

/* product */
.product .content{overflow:hidden; width:100%; height:100vh; background-image:url(/resources/images/global/museum/product/view_container_bg.jpg);background-position:center bottom; background-repeat:no-repeat;background-size:cover;}
.product .cont_inner{position:relative; left:0; top:50%;margin-top:-173px;}
.product .product_list{overflow:hidden; width:1240px; margin:0 auto;}
.product .product_list li{float:left; position:relative; width:360px; height:346px; margin-left:46px; background-position:0 0; background-repeat:no-repeat;}
.product .product_list li:nth-child(1){margin-left:0; background-image:url(/resources/images/global/museum/product/thumb_img1.jpg);}
.product .product_list li:nth-child(2){background-image:url(/resources/images/global/museum/product/thumb_img2.jpg);}
.product .product_list li:nth-child(3){background-image:url(/resources/images/global/museum/product/thumb_img3.jpg);}
.product .product_list li a{display:block; font-size:20px; color:#fff;}
.product .product_list li .bg{width:100%; height:100%; background:url(/resources/images/global/museum/product/thumb_over_bg1.png) 0 0 no-repeat; opacity:0; transition:opacity .5s;}
.product .product_list li a:hover .bg{opacity:1;}
.product .product_list li span{position:absolute; left:0; top:0; width:100%; padding-top:130px; text-align:center;}
.product .product_list li span:after{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px; background:url(/resources/images/global/museum/index/btn_ico1.png) 0 0 no-repeat; content:"";}