@charset "utf-8";
/* 상설전시 목록 */
.tit_txt{position:relative;margin-top:30px;color:#000;font-size:32px;line-height:1.4;text-align:center;}
.tit_txt:before{display:none;}
.sub_txt{margin:5px 0 20px;color:#614f3d;line-height:1.3;text-align:center;font-weight:800}

.theme_wrap{position:relative;margin:25px 0 0 0;}
.theme_wrap *{ box-sizing: border-box;}
.theme_wrap .theme_cnt{margin:0 -2px;}
.theme_wrap .theme_cnt .theme_cell{float:left;position:relative;width:50%;min-height:260px;}
.theme_wrap .theme_cnt .theme_cell > a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid transparent;transition: all 0.5s ease-in-out;}
.theme_wrap .theme_cnt .theme_cell > a *{transition: all 0.5s ease-in-out;}
.theme_wrap .theme_cnt .theme_cell > a .pic{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center}
/*.theme_wrap .theme_cnt .theme_cell > a .pic img{max-width:none;height:100%;}*/
.theme_wrap .theme_cnt .theme_cell > a .pic img{position:absolute;top:50%;left:50%;min-width:100%;max-width:none;max-height:100%;transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}


.theme_cell .ov_bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/prog/permanentEstablishmentDisplay/off_bg.png);}

.theme_cell .cnt{position:absolute;top:80px;left:0;width:100%;}
.theme_cell .cnt strong{display:block;margin:0 auto;width:90%;color:#fff;font-size:20px;font-weight:400;text-align:center;}
.theme_cell .cnt strong span{display:block;margin:0 auto 12px;padding:0;width:100%;color:#154282;font-size:16px;}
.theme_cell .cnt strong span:after{content:'';display:block;margin:5px auto 0; width:64px;height:1px;border-bottom:2px solid #20528c}
.theme_cell .cnt .text,
.theme_cell .cnt .more{display:none}
.theme_cell > a:hover .cnt,
.theme_cell > a:active .cnt,
.theme_cell > a:focus .cnt{top:45px;}
.theme_cell > a:hover .cnt strong span,
.theme_cell > a:active .cnt strong span,
.theme_cell > a:focus .cnt strong span{color:#fff;border-color:#fff;}
.theme_cell > a:hover .cnt .text,
.theme_cell > a:active .cnt .text,
.theme_cell > a:focus .cnt .text{display:block;margin:12px auto 0;width:90%;color:#fff;font-size:13px;text-align:center;}
.theme_cell > a:hover .cnt .more,
.theme_cell > a:active .cnt .more,
.theme_cell > a:focus .cnt .more{display:block;margin:15px auto 0;width:104px;height:30px;border:1px solid #fff;border-radius:3px;text-align:center;color:#fff;line-height:30px}
.theme_cell > a:hover .ov_bg,
.theme_cell > a:active .ov_bg,
.theme_cell > a:focus .ov_bg{background:#20528c;opacity:0.8}
@media only screen and (max-width:1000px) {
    .theme_wrap .theme_cnt .theme_cell{min-height:300px;}
    .theme_cell > a:hover .cnt,
    .theme_cell > a:active .cnt,
    .theme_cell > a:focus .cnt{top:50px;}
}

@media only screen and (max-width:767px) {
    .theme_wrap .theme_cnt .theme_cell{width:100%;}
}

/* 상설전시 목록 ,상세피이지와 같이 사용*/
@media only screen and (max-width:767px) {
    #top_con.list .ui-cont-group__box{display:block}
}

/* 상설전시 상세페이지 */


.top_con{position:relative;overflow:hidden;margin-bottom:40px}
.top_con .tab_box{display:table;width:100%;border-top:2px solid #154282;border-bottom:1px solid #154282 }
.top_con .tab_box .tab_row{display:table-row;position:relative;word-wrap: break-word}
.ui-cont-group__box{border-bottom: 1px solid #e2e2e2}
.ui-cont-group__box.type1 .item{margin-top:0;min-height:160px}
.ui-cont-group__box.type1 .item .ui-cont--title{border-top:2px solid #34394c;}
.ui-cont-group__box.type1 .item .ui-cont--text{border-top:2px solid #e2e2e2;}
.ui-cont-group__box.type1 .item .ui-cont--text{padding:15px 20px}
.ui-cont-group__box.type1 .item .ui-cont--text .tab{position:relative;overflow:hidden}
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li{position:relative;float:left;width:25%;}
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li a{display: block;position: relative;overflow: hidden;height: 130px;text-align: center;background-color: #fafafa;border:6px solid transparent}
.ui-cont-group__box.type1 .item .ui-cont--text .tab .img_box{position:relative;height:118px;text-align:center;background-color:#fafafa}
.ui-cont-group__box.type1 .item .ui-cont--text .tab .img_box:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;display:block;background-color:rgba(0,0,0,0.5);z-index:10}
.ui-cont-group__box.type1 .item .ui-cont--text .tab .img_box img{position:relative;z-index:9}
.ui-cont-group__box.type1 .item .ui-cont--text .tab .img_box:after{content: '';box-sizing: border-box;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-width: 0px;border-color:#20528c;border-style: solid;transition: .3s;-ms-transition: .3s;-webkit-transition: .3s;z-index:11}
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li a.ov .img_box:after,
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li a:hover .img_box:after,
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li a:focus .img_box:after{ border-width:6px;}
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li a.ov .img_box .td_txt,
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li a:hover .td_txt,
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li a:focus .td_txt{font-weight:bold}
.ui-cont-group__box.type1 .item .ui-cont--text .tab .img_box img{max-width:none;height:100%;position: absolute;top:50%;left:50%;/*min-width:100%;*/max-width:none;max-height:100%;transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}
.ui-cont-group__box.type1 .item .ui-cont--text .tab .td_txt{margin:0;text-align:center;font-size:20px;position: absolute;top:50%;left:50%;width:100%;z-index:13;color:#fff;}
.ui-cont-group__box.type1 .item .ui-cont--text .tab .td_txt{transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}

.fileGrap{position:relative;overflow:hidden;margin-top:40px;height:500px;}
.fileGrap div{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%;background-color:#fafafa}
.fileGrap div img{position:absolute;top:50%;left:50%;min-width:100%;max-width:none;max-height:100%;transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}

@media only screen and (max-width:1200px){
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li{width:33.3%}

}

@media only screen and (max-width:767px){
.fileGrap{height:300px}
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li{width:33.3%}
.ui-cont-group__box.type1 .item .ui-cont--text .tab .td_txt{font-size:15px}
#top_con .ui-cont-group__box{display:none}
}

@media only screen and (max-width:500px){
.fileGrap{height:200px}
.ui-cont-group__box.type1 .item .ui-cont--text .tab ul li{width:50%}
}

.obj_box{position:relative;margin-top:40px}
.info_txt{position:relative;overflow:hidden;border-bottom:2px solid #ddd}
.con_txt{padding:15px;font-size: 15px;word-wrap: break-word;word-break: keep-all;}

/* 이미지슬라이드 */
.img_slide_con1{overflow:hidden;position:relative;margin:15px 0 30px 0}
.img_slide_con1 .grap{overflow:hidden;width:90%;height:160px;margin:0 auto}
.img_slide_con1 .grap .obj{width:200%;height:100%}
.img_slide_con1 .grap .obj .item{display:inline-block;float:left;position:relative;width:11.7%;height:160px;border:1px solid #ddd;margin-left:1%;text-align:center;background-color:#fafafa}
.img_slide_con1 .grap .obj .item:first-child{margin-left:0}
.img_slide_con1 .grap .obj .item a{display:block;width:100%;height:100%}
.img_slide_con1 .grap .obj .item a:focus{outline:1px dotted #154282; outline-offset:0px;}
.img_slide_con1 .grap .obj .item span{overflow:hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center}
.img_slide_con1 .grap .obj .item img{position:absolute;top:50%;left:50%;min-width:100%;max-width:none;max-height:100%;transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}

.img_slide_con1 button{position:absolute;top:30%;width:70px;height:70px;background:#666 url(/images/prog/specialDisplay/img_arr.png) no-repeat;font-size:0;opacity:0.7}
.img_slide_con1 button[data-control=prev]{left:0;background-position:19px -43px}
.img_slide_con1 button[data-control=next]{right:0;background-position:24px 15px}
@media only screen and (max-width:767px){
.img_slide_con1 .grap .obj .item{width:24.5%}
}
@media only screen and (max-width:460px){
.img_slide_con1 .grap .obj .item{width:50%}
}

/*전시품  이미지슬라이드 */
.img_slide_con2{overflow:hidden;position:relative;margin:30px 0 30px 0}
.img_slide_con2 .h2{font-size:20px}
.img_slide_con2 .h2:first-child{margin: 0 0 18px}
.img_slide_con2 .grap{overflow:hidden;width:100%;height:216px}
.img_slide_con2 .grap .obj{width:100%;height:100%}
.img_slide_con2 .grap .obj .item{display:inline-block;float:left;position:relative;width:24.2%;height:216px;border:1px solid #ddd;margin-left:1%;text-align:center;background-color:#fafafa}
.img_slide_con2 .grap .obj .item:first-child{margin-left:0}
.img_slide_con2 .grap .obj .item a{display:block;width:100%;height:100%}
.img_slide_con2 .grap .obj .item_box{overflow:hidden;width:100%;height:100%}
.img_slide_con2 .grap .obj .item_box .thm--box{width:100%;background-color:#fafafa;position:relative;z-index:1;padding-top:154px}
.img_slide_con2 .grap .obj .item_box .thm--box .inner{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
.img_slide_con2 .grap .obj .item_box .thm--box img{position: absolute;top: 50%;left: 50%;max-width: none;max-height: 100%;transform: translate(-50%, -50%);transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.img_slide_con2 .grap .obj .item_box .card--body{background-color:#fff;font-size:16px;padding:14px;border-top:1px solid #ddd}
.img_slide_con2 .grap .obj .item_box .card--body .tit{display: block;width: 100%;overflow: hidden;color: #222;font-size: 20px;text-overflow: ellipsis;font-weight: bold;white-space: nowrap}
.img_slide_con2 .control{position:absolute;top:9px;right:15px;width:82px}
.img_slide_con2 button{position:absolute;top:32%;width:38px;height:38px;background:url(/images/prog/specialDisplay/arr_img.png) no-repeat;font-size:0;border:1px solid #ddd}
.img_slide_con2 button[data-control=prev]{left:0;background-position:-12px -8px}
.img_slide_con2 button[data-control=next]{right:0;background-position:-50px -8px}

@media only screen and (max-width:767px){
.img_slide_con2 .grap{height:216px}
.img_slide_con2 .grap .obj .item{width:49.5%}
}

@media only screen and (max-width:460px){
.img_slide_con2 .grap .obj .item{width:100%}
}
/* vr */
.view_video.vr{margin-top:30px}

/* 교육프로그램 */
.edu_box{position:relative;overflow:hidden;margin:30px 0}
.edu_box .h2{font-size:20px}
.edu_box .board--card--list{width:100%;height:217px}
.edu_box .board--card--list .obj{margin:0;overflow:unset;width:200%;height:100%}
.edu_box .board--card--list .obj .item{min-height:217px;padding: 0 0 0 188px}
.edu_box .board--card--list .obj .thm--box{top:0;left:0;height:215px;width:184px;background-color:#fafafa}
.edu_box .board--card--list .obj .col{width:50%;float:left}
.edu_box .board--card--list .obj .card--body{padding:26px 15px 15px 15px}
.edu_box .board--card--list .obj .card--body:before{display:none}
.edu_box .board--card--list .obj .card--body .list_ul li{padding-left:64px;word-wrap: break-word;word-break: keep-all}
.edu_box .board--card--list .obj .card--body .list_ul li b{min-width:62px;margin-left:-62px;margin-right:0}
.edu_box .board--card--list .obj .card--body .list_ul li b:after{right:6px}
.edu_box .control{position:absolute;top:8px;right:16px;width:82px}
.edu_box button{position:absolute;top:32%;width:38px;height:38px;background:url(/images/prog/specialDisplay/arr_img.png) no-repeat;font-size:0;border:1px solid #ddd}
.edu_box button[data-control=prev]{left:0;background-position:-12px -8px}
.edu_box button[data-control=next]{right:0;background-position:-50px -8px}

@media only screen and (max-width:767px){
.edu_box .board--card--list{height:353px}
.edu_box .board--card--list .obj .col .item{padding:194px 0 0}
.edu_box .board--card--list .obj .col .thm--box{height:194px}

}

/* 전시품 */
.board--card--list.perm_list .obj .card--body:before{display:none}
.board--card--list.perm_list .obj .card--body{overflow:hidden;height:95px;text-align:center}

/* 공공누리 */
.kogl--mask{position:relative;overflow:hidden;margin-top:25px}
.kogl--mask .inner{padding-top:20px}

.wrap-floor-map{margin-top:50px;padding-left:20%;width:100%; background-color:#fff; border:1px solid #c0c0c0; position:relative;}
.wrap-floor-map:after {content:""; display:block; clear:both;}
.wrap-floor-map .list-floor{width:21%; position: absolute;top: 0;left:0;padding:30px;height:100%;background-color:#f6f6f6; }
.wrap-floor-map .list-floor li{line-height:48px;  border-top:1px solid #d7d7d7;position:relative;}
.wrap-floor-map .list-floor li:first-child{border-top:0;}
.wrap-floor-map .list-floor li a{font-size:18px;line-height:48px;color:#888; background-color:transparent;display:block; font-weight:bold;}
.wrap-floor-map .list-floor li:after{content:''; display:block; width:5px;height:7px; background:url('/images/prog/permanentEstablishmentDisplay/arr-sml-gray.png') no-repeat 0 0; display:inline-block; position:absolute;top:19px;right:10px;}
.wrap-floor-map .list-floor li.active a,
.wrap-floor-map .list-floor li:hover a{color:#e51a37;}
.wrap-floor-map .list-floor li.active:after,
.wrap-floor-map .list-floor li:hover:after{background-image:url('/images/prog/permanentEstablishmentDisplay/arr-sml-red.png');}
.wrap-floor-map .list-floor li.active span{border-bottom:1px solid #e51a37;}
.wrap-floor-map .zoom-view{width:100%;padding:30px;background-color:#fff;position:relative;}
.wrap-floor-map .zoom-view .item{display:none;position:relative;width:100%;height:400px;}
.wrap-floor-map .zoom-view .item:first-child{display:block;}
.wrap-floor-map .zoom-view .background-floor-map{position: absolute;top: 0;left:0;width:100%;height:100%;}
.wrap-floor-map .zoom-view .floor-map1 .background-floor-map{background:url('/images/prog/permanentEstablishmentDisplay/floor-map1.jpg') no-repeat;background-size:cover;}
.wrap-floor-map .zoom-view .floor-map2 .background-floor-map{background:url('/images/prog/permanentEstablishmentDisplay/floor-map2.jpg') no-repeat;background-size:cover;}


.marker,
.marker:before{background:#e51a37;color:#fff;}
.marker-info,
.marker-info:after{background:#fff;}
.marker{position:absolute;z-index:999;width:30px;height:30px;border-radius:50%;box-shadow:0 5px 10px -1px rgba(158, 100, 0, 0.4);font-weight:700;text-align:center;cursor:pointer;transform:translateY(-50%) translateX(-50%);transition:all ease 0.3s;}
.marker:before{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border-radius:50%;content:"";transform:scale(0);animation:markerPulse 3s ease infinite;}
@keyframes markerPulse{
  0%, 20%{opacity:1;transform:scale(0);}
  100%{opacity:0;transform:scale(2);}
}
.marker:after{position:absolute;top:0px;left:0px;width:30px;content:"+";font-size:20px;font-weight:100;line-height:30px;transition:all ease 0.35s;}


#marker0101{left:75%;top:37%;}
#marker0102{top:28%;left:25%;}
#marker0103{top:54%;left:52%;}


.marker-info{color:#666;display:none;position:absolute;left:-60px;bottom:40px;width:150px;padding:10px 8px;border-radius:3px;opacity:0;font-size:13px;cursor:default;animation:fadeDown 0.5s ease forwards 1;transform:translateY(-15px);}
.marker-info p{font-size:12px;line-height:1.2;}

@keyframes fadeDown{
0%{opacity:0;transform:translateY(-15px);}
100%{opacity:1;transform:translateY(0px);}
}
.marker.active .marker-info{display:block;}
.marker-info:after{position:absolute;z-index:999;left:calc(50% - 5px);bottom:-5px;width:10px;height:10px;content:"";transform:rotate(45deg);}
.marker .mobile-map{display:none;}



.ui-cont-group__box.type1{border:none;border-bottom:1px solid #efefef;}
.ui-cont-group__box.type1 .item{padding-left:13%;border-top:1px solid #efefef;margin-top:-1px;}
.ui-cont-group__box.type1 .item:first-child{border-top:none;}
.ui-cont-group__box.type1 .item .ui-cont--title,
.ui-cont-group__box.type1 .item .ui-cont--text{border:none;}

.ui-cont-group__box.type1 .item .ui-cont--title{width:100px;padding:30px 17px}
.ui-cont-group__box.type1 .item .ui-cont--title:after{content: '';display: block;position: absolute;right: 0px;left:43%;top:15%;width:79%;height: 81%;border: 1px solid #ddd;padding-bottom:23.32%;z-index:1}
.ui-cont-group__box.type1 .item .ui-cont--title:before {content: '';display: block;position: absolute;top:8px;right:-13px;width: 80px;height: 23px;background:#fff url(/images/kor/sub04/sub040501_top_txt2.png?ver=20240311)no-repeat;z-index:2;}
.ui-cont-group__box.type1 .item .ui-cont--title .h3{text-align:center;color:#333;font-size:16px;display:block;width:100%;background-color:#fff;position:relative;z-index:3;word-wrap: break-word;word-break: keep-all;}



/* .h2:before{display:none}
.h2 ,
.info_txt .h2 {margin: 24px auto 35px;font-size: 24px !important;text-align:center ;float:none !important;} */
.h2:first-child{margin:40px 0 10px 0}
.info_txt,.info_txt + .con_txt{border:none;}
.info_txt .btn_box{display:inline-block;position:absolute;top:44px;right:0}
/* .h2 span{display: inline-block;padding-bottom: 12px;border-bottom: 2px solid #492f91;letter-spacing: 1px;} */
.s-h2{font-size: 18px !important;text-align:left ;}
.con_txt{padding:16px 30px;font-size:16px;background-color:#fafafa}

@media screen and (max-width:1100px){
.ui-cont-group__box.type1 .item{padding-left:15%}
}

@media screen and (max-width:767px){
	.ui-cont-group__box.type1 .item{padding:0}
	.ui-cont-group__box.type1 .item .ui-cont--title:after{padding-bottom:0}
	.info_txt .btn_box{position:static;float:right;margin-bottom:10px}
}




.place-group__box{position:relative;display:block;}
.place-box{position:relative;display:block;}
.place-group__box.PN_01,
.place-group__box.PN_02{margin-bottom:50px;padding:100px 242px;width:100%;min-height:510px;border:1px solid #ddd;}
/* .place-group__box.PN_01{background:url('/images/prog/permanentEstablishmentDisplay/place_01.jpg') no-repeat;background-size: 66%;background-position: 146px 59px;}
.place-group__box.PN_02{background:url('/images/prog/permanentEstablishmentDisplay/place_02.jpg') no-repeat;} */
.place-group__box.PN_01 .place-img,
.place-group__box.PN_02 .place-img{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%}
.place-group__box.PN_01 .place-img img{display: block;width: 70%; height: 70%;margin: 50px auto}
.place-group__box.PN_02 .place-img img{display: block;width: 100%; height: 100%; margin:0 auto;}
.place-group__box.PN_03{padding:30px;border:1px solid #ddd;}
.place-group__box.PN_03 .place-box{}
.place-group__box.PN_03 .place-box:after {content:""; display:block; clear:both;}
.place-group__box.PN_03 .group-box{position:relative;float:left;width:33.33%;padding:10px 20px;}
.place-group__box.PN_03 .group-box .img_box{position:relative;height:118px;text-align:center;background-color:#fafafa}
.place-group__box.PN_03 .group-box .img_box:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;display:block;background-color:rgba(0,0,0,0.5);z-index:10}
.place-group__box.PN_03 .group-box .img_box img{position:relative;z-index:9}
.place-group__box.PN_03 .group-box .img_box:after{content: '';box-sizing: border-box;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-width: 0px;border-color:#20528c;border-style: solid;transition: .3s;-ms-transition: .3s;-webkit-transition: .3s;z-index:11}
.place-group__box.PN_03 .group-box .td_txt{margin:0;text-align:center;font-size:16px;position: absolute;top:50%;left:50%;width:100%;z-index:13;color:#fff;}
.place-group__box.PN_03 .group-box .td_txt{transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}





.place-group__box .pin{position:absolute;width:auto;height:54px;}
.place-group__box .pin.pin11{display:none}
.place-group__box .place-marker{position:absolute;z-index:1;top: 2%;left:50%;width: 25px;height: 25px;margin-left:-15px;border-radius:50%;background-color:#154282;animation:hover 1s infinite ease-in;-webkit-animation:hover 1s infinite ease-in;}
.place-group__box .place-marker:after{position:absolute;z-index:2;top:50%;left:50%;width: 8px;height: 8px;margin-top: -4px;margin-left: -4px;border-radius:50%;background-color:#fff;content:'';}
.place-group__box .place-marker:before{position:absolute;z-index:0;top: 67%;left: 51%;margin-left: -12px;border-top: 22px solid #154282;border-right: 12px solid transparent;border-left: 12px solid transparent;content:'';}
.place-group__box .pulse{display:block;position:absolute;top:65%;left:50%;width:30px;height:10px;border-radius:50%;background:#20528c;transform:translate(-50%, 400%);-webkit-transform:translate(-50%, 400%);}
.place-group__box .pulse:before,
.place-group__box .pulse:after{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:#20528c;opacity:0.5;content:'';transform:translate(-50%, -50%) scale(1);animation:ripple 1.5s infinite ease-in;-webkit-transform:translate(-50%, -50%) scale(1);-webkit-animation:ripple 1.5s infinite ease-in;}
@-webkit-keyframes ripple{
  0%{opacity:0.5;transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);}
  100%{opacity:0;transform:translate(-50%, -50%) scale(2);-webkit-transform:translate(-50%, -50%) scale(2);}
}
@keyframes ripple{
  0%{opacity:0.5;transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);}
  100%{opacity:0;transform:translate(-50%, -50%) scale(2);-webkit-transform:translate(-50%, -50%) scale(2);}
}
@-webkit-keyframes hover{
  0%{margin-top:0px;}
  50%{margin-top:10px;}
}
@keyframes hover{
  0%{margin-top:0px;}
  50%{margin-top:10px;}
}



.place-group__box .pin.pin1{top:49px;right:58px}
.place-group__box .pin.pin2{top:74px;left:50%}
.place-group__box .pin.pin3{top:34px;left:60px}
.place-group__box .pin.pin4{top:91px;left:31px}
.place-group__box .pin.pin5{top:13px;left:82px}
.place-group__box .pin.pin6{top:-30px;left:36px}
.place-group__box .pin.pin7{top:11px;left:50%}
.place-group__box .pin.pin8{top:11px;left: 86%}

.place-map-pin{position:absolute;min-width:120px;}
/* .place-map-pin a{display:block;padding:5px 42px 7px 22px;background:#fff url('/images/prog/permanentEstablishmentDisplay/ir-display-on.png') no-repeat 90% 50%;color:#164277;border-radius:30px;border:1px solid #154282;font-size:16px;position:relative;z-index:3} */
.place-map-pin a{display:block;padding:5px 22px 7px 22px;background:#fff;color:#164277;border-radius:30px;border:1px solid #154282;font-size:16px;position:relative;z-index:3;word-wrap: break-word;word-break: keep-all;}
/* .place-map-pin a:hover{background:#154282 url('/images/prog/permanentEstablishmentDisplay/ir-display_off.png') no-repeat 90% 50%;color:#fff;} */
.place-map-pin a:hover{background:#154282;color:#fff;}
.place-map-pin:before,
.place-map-pin:after{display:block;position:absolute;content:"";}
.place-map-pin:before{z-index:1}
.place-map-pin:after{width:10px;height:10px;border-radius:50%;background:#154282;}
.place-map-pin.place-map-pin-1{left:90px;top:19px;}
.place-map-pin.place-map-pin-1:before{top:20px;left:-62px;width:150px;height:1px;background:#154282;}
.place-map-pin.place-map-pin-1:after{top:15px;left:-65px;}
.place-map-pin.place-map-pin-1 a{min-width:160px;}
.place-map-pin.place-map-pin-2{left: 50%;top: 256px;margin-left: -64px;}
.place-map-pin.place-map-pin-2:before{left: 50%;bottom: 2px;width: 1px;height: 180px;background: #154282;}
.place-map-pin.place-map-pin-2:after{top: -146px;left: 50%;margin-left: -5px;}
.place-map-pin.place-map-pin-2 a{min-width:128px;}
.place-map-pin.place-map-pin-3{right: 110px;top: 19px;}
.place-map-pin.place-map-pin-3:before{top:20px;right: -80px;width: 158px;height:1px;background:#154282;}
.place-map-pin.place-map-pin-3:after{top: 15px;right: -80px;}
.place-map-pin.place-map-pin-3 a{min-width:120px;}
.place-map-pin.place-map-pin-4{right:80px;top:19px;}
.place-map-pin.place-map-pin-4:before{top:20px;right:-45px;width:150px;height:1px;background:#154282;}
.place-map-pin.place-map-pin-4:after{top:15px;right:-54px;}
.place-map-pin.place-map-pin-4 a{min-width:120px;}
.place-map-pin.place-map-pin-5{right: 132px;top: 35px;}
.place-map-pin.place-map-pin-5:before{top:20px;right:-108px;width:150px;height:1px;background:#154282;}
.place-map-pin.place-map-pin-5:after{top:15px;right:-114px}
.place-map-pin.place-map-pin-5 a{min-width:120px;}
.place-map-pin.place-map-pin-6{right:85px;top:19px;}
.place-map-pin.place-map-pin-6:before{top:20px;right:-50px;width:150px;height:1px;background:#154282;}
.place-map-pin.place-map-pin-6:after{top:15px;right:-53px;}
.place-map-pin.place-map-pin-6 a{min-width:120px;}
.place-map-pin.place-map-pin-7{left:50%;top: 320px;margin-left: -78px;}
.place-map-pin.place-map-pin-7:before{left:50%;bottom:30px;width:1px;height:230px;background:#154282;}
.place-map-pin.place-map-pin-7:after{top:-225px;left:50%;margin-left:-5px;}
.place-map-pin.place-map-pin-7 a{min-width:160px;}

.place-group__box.eng .place-map-pin.place-map-pin-1{left: 72px;}
.place-group__box.eng .place-map-pin.place-map-pin-1:before{left: -43px}
.place-group__box.eng .place-map-pin.place-map-pin-1:after{left: -50px}
.place-group__box.eng .place-map-pin.place-map-pin-1 a{min-width: 220px;padding: 5px 6px 7px 6px;font-size: 14px;}
.place-group__box.eng .place-map-pin.place-map-pin-2{margin-left: -90px}
.place-group__box.eng .place-map-pin.place-map-pin-2 a{min-width: 180px}
.place-group__box.eng .place-map-pin.place-map-pin-3 a{min-width: 162px}
.place-group__box.eng .place-map-pin.place-map-pin-4 a{min-width: 124px}
.place-group__box.eng .place-map-pin.place-map-pin-6 a{min-width: 181px;font-size: 14px;}
.place-group__box.eng .place-map-pin.place-map-pin-7{margin-left: -133px}
.place-group__box.eng .place-map-pin.place-map-pin-7 a{min-width: 264px}

.place-group__box.jpn .place-map-pin.place-map-pin-1 a{min-width:166px}
.place-group__box.jpn .place-map-pin.place-map-pin-2{margin-left: -87px}
.place-group__box.jpn .place-map-pin.place-map-pin-2 a{min-width: 174px}
.place-group__box.jpn .place-map-pin.place-map-pin-3 a{min-width:122px}
.place-group__box.jpn .place-map-pin.place-map-pin-7{margin-left: -82px}
.place-group__box.jpn .place-map-pin.place-map-pin-7 a{min-width: 166px}

.place-group__box.chn .place-map-pin.place-map-pin-1 a{min-width:166px}
.place-group__box.chn .place-map-pin.place-map-pin-2{margin-left: -71px}
.place-group__box.chn .place-map-pin.place-map-pin-2 a{min-width:145px}
.place-group__box.chn .place-map-pin.place-map-pin-3 a{min-width:124px}

@media screen and (max-width:1570px){
	/* .place-group__box.PN_01{background-position: 48% 60px;background-size: 514px;}
	.place-group__box.PN_02{background-position: 48% 60px;background-size: 780px;} */
	.place-group__box.PN_01 .place-img img{width:50%}
	.place-group__box.PN_02 .place-img img{width:70%}
	.place-group__box .pin.pin1{top: 49px;right: 50%;margin-right: -175px;}
	.place-map-pin.place-map-pin-1{left: 58px;}
	.place-map-pin.place-map-pin-1:before{left: -30px;width: 128px;}
	.place-map-pin.place-map-pin-1:after{left: -35px}
	.place-group__box .pin.pin2{top: 43px;left: 50.5%}
	.place-group__box .pin.pin3{top: 34px;left: 50%;margin-left: -170px;}
	.place-map-pin.place-map-pin-3{right: 68px;top: 19px;}
	.place-map-pin.place-map-pin-3:before{right: -33px; width: 136px;}
	.place-map-pin.place-map-pin-3:after{right: -36px;}
	.place-group__box .pin.pin4{top: 103px;left: 50%;margin-left: -153px;}
	.place-group__box .pin.pin5{top: 33px;left: 50%;margin-left: -101px;}
	.place-group__box .pin.pin6{top: -6px;left: 50%;margin-left: -149px;}

}
@media screen and (max-width:1290px){
.place-group__box.PN_01 .place-img img{width:70%}
.place-group__box.PN_02 .place-img img{width:90%}
}
		
@media screen and (max-width:1240px){
	.place-group__box.eng .place-map-pin.place-map-pin-1 a{min-width: 152px;padding: 5px 12px 7px 12px;}

	}

@media screen and (max-width:1023px){
.program--contents .permanent-group__box{display:none}
}