@charset "utf-8";

/* 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* header */
#header{position: fixed;top: 0;left: 0;width: 100%;height: auto;color: #fff;background-color: transparent;z-index: 999;}
#header.add_Color {background-color: #222222;}
#header .header_wrap{position: relative;width: 100%;padding: 5.33vw;}
#header .header_wrap .logo_box{position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;z-index: 1;}
#header .header_wrap .logo_box a.logo{display: block;width: 33.07vw;}
#header .header_wrap .logo_box a.hamburger_icon{display: flex;align-items: center;justify-content: center;width: 7.47vw;height: 5.87vw;background: url('../images_new/icon/menu_ico.png') no-repeat center center;background-size: 7.47vw 5.07vw;}
#header .header_wrap .logo_box a.hamburger_icon.active{display: flex;align-items: center;justify-content: center;width: 7.47vw;height: 5.87vw;background: url('../images_new/icon/m_close_ico.png') no-repeat center center;background-size: 5.87vw 5.87vw;}
#header .header_wrap .logo_box .language{display: none;}
#header .header_wrap .logo_box .language a{font-size: 4.8vw;color: #8B8B8B;margin-right: 6.67vw;}
#header .header_wrap .logo_box .language a.on{color: #ffffff;}
#header .header_wrap .menu_wrap{position: absolute;top: 0;left: 0;width: 100%;height: calc(var(--var, 1vh) * 100);padding-top: 20vw;background: #222222;}
#header .header_wrap .menu_wrap .menu_box{width: auto;height: 100%;margin: 0 5.33vw;padding-top: 19.2vw;border-top: 1px solid #707070; color: #fff;}
#header .header_wrap .menu_wrap .menu_box > li{margin-bottom: 9.33vw;color: #FFFFFF;}
#header .header_wrap .menu_wrap .menu_box > li > a{position: relative;display: block;line-height: 11.47vw;font-size: 7.2vw;font-weight: 500;color: #FFFFFF;}
#header .header_wrap .menu_wrap .menu_box > li > a::after{content: '';position: absolute;top: 50%;right: 0;width: 4.53vw;height: 2.67vw;margin-top: -1.34vw;background: url('../images_new/icon/h_arr_ico.png') no-repeat center center;background-size: 100% 100%;}
#header .header_wrap .menu_wrap .menu_box > li.active > a{color: #FFCB07;}
#header .header_wrap .menu_wrap .menu_box > li.active > a::after{transform: rotate(180deg);}
#header .header_wrap .menu_wrap .menu_box > li.menu03 > a::after, #header .header_wrap .menu_wrap .menu_box > li.menu04 > a::after{content: none;}
#header .header_wrap .menu_wrap .menu_box > li .submenu{display: none;padding-top: 6.67vw;}
#header .header_wrap .menu_wrap .menu_box > li .submenu li{color: #FFFFFF;}
#header .header_wrap .menu_wrap .menu_box > li .submenu li a{line-height: 14.67vw;font-size: 5.33vw;font-weight: 400;color: #FFFFFF;}

/* footer */
#footer{position: relative;width: 100%;height: 62.13vw;font-size: 13px;color: #A1A1A1;background: #303233;z-index: 995;}
#footer .footer_wrap {width: 100%;height: 100%;padding: 8vw 5.33vw;}
#footer .footer_wrap .footer_box {display: flex;flex-direction: column;width: 100%;}
#footer .footer_wrap .footer_box .left_foo {margin-bottom: 4.53vw;}
#footer .footer_wrap .footer_box .left_foo .foo_logo{width: 29.07vw;}
#footer .footer_wrap .footer_box .right_foo {display: flex;flex-direction: column;width: 100%;}
#footer .footer_wrap .footer_box .right_foo ul{position: relative;width: 100%;}
#footer .footer_wrap .footer_box .right_foo ul li .familysite{display: flex;align-items: center;width: 100%;height: 10.93vw;padding: 0 2.67vw;font-family: 'Noto Sans KR','Sans-serif',sans-serif;font-size: 3.2vw;color: #A1A1A1;letter-spacing: -0.03vw;border: 1px solid #707070;}
#footer .footer_wrap .footer_box .right_foo ul li .familysite img{position: absolute;top: 50%;right: 3.47vw;width: 2.4vw;height: 1.33vw;margin-top: -0.67vw;}
#footer .footer_wrap .footer_box .right_foo ul li .dropdown_menu {display: none;position:absolute;bottom: 10.93vw;width: 100%;background-color: #393939;padding: 5.33vw 2.67vw;border-radius: 1.33vw 1.33vw 0 0;}
#footer .footer_wrap .footer_box .right_foo ul li .dropdown_menu li {width: 100%;line-height: 9.33vw;font-size: 3.73vw;font-weight: 400;}
#footer .footer_wrap .footer_box .right_foo ul li .dropdown_menu li a {display: block;width: 100%;color: #A1A1A1;}
#footer .footer_wrap .footer_box .right_foo .copyright {width: 100%;margin-top: 4.8vw;}
#footer .footer_wrap .footer_box .right_foo .copyright p{font-size: 3.2vw;font-weight: 400;letter-spacing: -0.027vw;}
#footer .footer_wrap .footer_box .right_foo .copyright p:nth-child(1) {margin-bottom: 1.6vw;}

/* 공통 */
#wrap{width: 100%;height: auto;overflow: hidden;}
#wrap .container{position: relative; width: 100%;height: auto;}

/* 메인화면 */
#wrap.main .container .main_kv_wrap{width: 100%;height: 133.87vw;overflow: hidden;}
#wrap.main .container .main_kv_wrap .move_area{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
#wrap.main .container .main_kv_wrap .move_area video{width: auto;height: 100%;}
#wrap.main .container .contents{width: 100%;height: auto;}
#wrap.main .container .contents .sec01{width: 100%;height: auto;background-color: #F5F9FC;}
#wrap.main .container .contents .sec01 .cont_boxlist{width: 100%;padding: 13.33vw 0 6.67vw;}
#wrap.main .container .contents .sec01 .cont_boxlist .date_box{display: flex;flex-wrap: wrap;}
#wrap.main .container .contents .sec01 .cont_boxlist .date_box > div{width: 50%;padding: 0 7.2vw;margin-bottom: 5.33vw;}
#wrap.main .container .contents .sec01 .cont_boxlist .date_box > div p{font-weight: 500;}
#wrap.main .container .contents .sec01 .cont_boxlist .cont_box_title{font-size: 4.27vw;color: #A8A8A8;margin-bottom: 1.33vw;font-weight: 500;}
#wrap.main .container .contents .sec01 .cont_boxlist .cont_box_sub{font-size: 10.67vw;color: #222222;}
#wrap.main .container .contents .sec01 .cont_boxlist .cont_box_5{padding: 0 7.2vw;}
#wrap.main .container .contents .sec01 .cont_boxlist .cont_box_5 .cont_box_sub{display: flex;align-items: flex-end;margin-bottom: 1.33vw;}
#wrap.main .container .contents .sec01 .cont_boxlist .cont_box_5 .cont_box_sub span{display: block;line-height: 12.53vw;}
#wrap.main .container .contents .sec01 .cont_boxlist .cont_box_5 .cont_box_sub #span1{font-size: 8vw;font-weight: 600;color: #222222;}
#wrap.main .container .contents .sec01 .cont_boxlist .cont_box_5 .cont_box_sub #span2{font-size: 4.27vw;font-weight: 400;color: #A8A8A8;margin-left: 2.93vw;}
#wrap.main .container .contents .sec01 .cont_boxlist .cont_box_5 .cont_box_text{font-size: 4.27vw;font-weight: 500;columns: #222222;}

#wrap.main .container .contents .sec02{width: 100%;height: auto;background-color: #ffffff;}
#wrap.main .container .contents .sec02 .cont_boxlist{width: 100%;padding: 12vw 0 13.33vw;}
#wrap.main .container .contents .sec02 .cont_boxlist .left_boxs{margin-bottom: 6.13vw;padding: 0 5.33vw;}
#wrap.main .container .contents .sec02 .cont_boxlist .left_boxs .title_box{line-height: 10.67vw;font-size: 6.67vw;font-weight: 600;color: #0A3789;margin-bottom: 8vw;}
#wrap.main .container .contents .sec02 .cont_boxlist .left_boxs .sub_box{line-height: 7.2vw;font-size: 4.27vw;font-weight: 400;color: #222222;}
#wrap.main .container .contents .sec02 .cont_boxlist .right_boxs{position: relative;width: 100%;height: 60.8vw;}
#wrap.main .container .contents .sec02 .cont_boxlist .right_boxs .location_box{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: url('../images_new/main/sec02-location.png') no-repeat center center;background-size: 100% 100%;}
#wrap.main .container .contents .sec02 .cont_boxlist .right_boxs .location_box .location_text{text-align: center;}
#wrap.main .container .contents .sec02 .cont_boxlist .right_boxs .location_box .location_text p:nth-child(1){font-size: 4.27vw;font-weight: 600;color: #ffffff;}
#wrap.main .container .contents .sec02 .cont_boxlist .right_boxs .location_box .location_text p:nth-child(2){line-height: 9.07vw;font-size: 5.87vw;font-weight: 400;color: #ffffff;margin: 1.33vw 0 4vw;}
#wrap.main .container .contents .sec02 .cont_boxlist .right_boxs .location_box .location_text a{display: flex;align-items: center;justify-content: center;width: 37.6vw;height: 9.33vw;margin: 0 auto;font-size: 4.27vw;font-weight: 600;color: #222222;border-radius: 5.6vw;background: #FFCB07;}
#wrap.main .container .contents .sec02 .cont_boxlist .swiper{position: relative;height: 121.33vw;margin: 13.33vw 5.33vw 0;}
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-wrapper{width: 100%;}
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-wrapper .swiper-slide{position: relative;width: 84vw;height: 100%;overflow: hidden;margin-right: 5.33vw;}
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-wrapper .swiper-slide > div{display: flex;flex-direction: column;justify-content: center;position: absolute;bottom: 0;left: 0;width: 100%;height: 45.87vw;padding: 0 6.67vw;background: rgba(34,34,34,0.8);}
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-wrapper .swiper-slide > div h1{line-height: 14.67vw;font-size: 8vw;font-weight: bold;color: #ffffff;margin-bottom: 6.67vw;}
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-wrapper .swiper-slide > div a{display: flex;align-items: center;justify-content: center;width: 32vw;height: 9.33vw;font-size: 4.27vw;font-weight: 600;color: #222222;border-radius: 5.6vw;background: #FFCB07;}
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-button-prev, 
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-button-next{display: flex;align-items: center;justify-content: center;top: auto;bottom: 7.33vw;width: 9.33vw;height: 9.33vw;border: 0.53vw solid #FFFFFF;border-radius: 100%;}
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-button-next, 
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-container-rtl .swiper-button-prev{left: auto;right: 12vw;background-image: url('../images_new/icon/slide_arr_ico.png');background-size: 3.73vw 3.47vw;}
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-button-prev, 
#wrap.main .container .contents .sec02 .cont_boxlist .swiper .swiper-container-rtl .swiper-button-next{left: auto;right: 24vw;background-image: url('../images_new/icon/slide_arr_ico.png');background-size: 3.73vw 3.47vw;transform: rotate(180deg);}

#wrap.main .container .contents .sec03{width: 100%;height: auto;overflow: hidden;}
#wrap.main .container .contents .sec03 .cont_boxlist{width: 100%;height: auto;}
#wrap.main .container .contents .sec03 .cont_boxlist .top_box{position: relative;width: 100%;height: auto;padding: 13.33vw 5.33vw 0;background-color: #EFEFEF;}
#wrap.main .container .contents .sec03 .cont_boxlist .top_box::before{position: absolute;left: 0;bottom: -0.1vw;content: '';width: 100%;height: 53.33vw;background: #0A3789;}
#wrap.main .container .contents .sec03 .cont_boxlist .top_box .top_title{width: 100%;line-height: 14.67vw;font-size: 6.67vw;font-weight: 600;text-align: center;color: #222222;margin-bottom: 8vw;}
#wrap.main .container .contents .sec03 .cont_boxlist .top_box .top_cont{width: 100%;height: auto;}
#wrap.main .container .contents .sec03 .cont_boxlist .top_box .top_cont .swiper{width: auto;height: 83.2vw;}
#wrap.main .container .contents .sec03 .cont_boxlist .top_box .top_cont .swiper .swiper-slide{width: 59.73vw;height: 100%;margin: 0 3.46vw;}
#wrap.main .container .contents .sec03 .cont_boxlist .top_box .top_subtext{position: relative;line-height: 5.87vw;margin-top: 5.33vw;font-size: 3.47vw;color: #C5C5C5;z-index: 1;}
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box{width: 100%;height: auto;padding: 18.67vw 5.33vw 7.73vw;background-color: #0A3789;}
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box .bottom_title{width: 100%;line-height: 14.67vw;font-size: 6.67vw;font-weight: 600;text-align: center;color: #FFFFFF;margin-bottom: 8vw;}
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box .bottom_icon{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-bottom: 1.33vw;}
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box .bottom_icon img{width: 20.53vw;height: 20.8vw;margin-bottom: 6.67vw;}
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box .bottom_icon img:nth-child(2),
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box .bottom_icon img:nth-child(5){margin: 0 8vw 6.67vw;}
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box .bottom_text{display: flex;flex-direction: column;}
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box .bottom_text li{display: flex;line-height: 7.2vw;font-size: 4.27vw;color: #ffffff;}
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box .bottom_text li span{display: inline-block;width: 1.08vw;height: 1.08vw;background: #FFCB07;border-radius: 100%;margin-right: 2.4vw;margin-top: 3vw;}
#wrap.main .container .contents .sec03 .cont_boxlist .bottom_box .bottom_text li p{display: inline-block;}

/* 서브페이지 */
/* kv 공통 */
#wrap .container .sub_kv_wrap{display: flex;align-items: center;justify-content: center;width: 100%;height: calc(var(--var, 1vh) * 100);}
#wrap .container .sub_kv_wrap.kv_sub_1{background: url('../images_new/sub/kv_sub_1.png') no-repeat center center;background-size: cover;}
#wrap .container .sub_kv_wrap.kv_sub_2{background: url('../images_new/sub/kv_sub_2.png') no-repeat center center;background-size: cover;}
#wrap .container .sub_kv_wrap.kv_sub_3{background: url('/en/m/images_new/sub/kv_sub_3.png') no-repeat center center;background-size: cover;}
#wrap .container .sub_kv_wrap.kv_sub_4{background: url('/en/m/images_new/sub/kv_sub_4.png') no-repeat center center;background-size: cover;}
#wrap .container .sub_kv_wrap.kv_sub_5{background: url('/en/m/images_new/sub/kv_sub_5.png') no-repeat center center;background-size: cover;}
#wrap .container .sub_kv_wrap.kv_sub_6{background: url('/en/m/images_new/sub/kv_sub_6.png') no-repeat center center;background-size:  cover;}
#wrap .container .sub_kv_wrap .main_title{line-height: 13.33vw;font-size: 9.33vw;font-weight: 600;color: #ffffff;letter-spacing: -0.04vw;}
#wrap .container .sub_contents .section .cont_wrap .cont_text {line-height: 7.2vw;}

/* pm_visit_new/museum_tour.asp */
#wrap .container .sub_contents .section{width: 100%;height: auto;padding: 0 5.33vw 13.33vw;}
#wrap .container .sub_contents .section .cont_title{line-height: 14.67vw;font-size: 6.67vw;font-weight: 600;color: #222222;padding-bottom: 5.33vw;border-bottom: 1px solid #222222;}
#wrap .container .sub_contents .section .cont_box{width: 100%;height: auto;padding: 5.33vw 5.33vw 6.67vw;border-bottom: 1px solid #C5C5C5;}
#wrap .container .sub_contents .section .cont_box .cont_box_title{line-height: 1;font-size: 5.87vw;font-weight: 600;margin-bottom: 3.2vw;}
#wrap .container .sub_contents .section .cont_box .cont_box_sub{line-height: 6.67vw;font-size: 4.27vw;font-weight: 500;}
#wrap .container .sub_contents .section .caution_statement{font-size: 4.27vw;font-weight: 500;margin-top: 2.67vw;color: #FF3131;}

#wrap .container .sub_contents .sec01{padding-top: 11.73vw;}

#wrap .container .sub_contents .sec03{padding-bottom: 12vw;}
#wrap .container .sub_contents .sec03 .cont_title{border-bottom: 0;}
#wrap .container .sub_contents .sec03 .cont_icons{width: 100%;height: auto;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box{width: 100%;height: auto;padding: 4.53vw 5.33vw;background: #0A3789;margin-bottom: 4vw;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box .icon_box_cont{display: flex;align-items: center;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box .icon_box_cont .circle{display: flex;align-items: center;justify-content: center;width: 7.47vw;height: 7.47vw;font-size: 4.27vw;font-weight: 500;color: #222222;background: #ffffff;border-radius: 100%;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box .icon_box_cont .inbox{display: flex;align-items: center;justify-content: space-between;width: calc(100% - 7.47vw);margin-left: 4vw;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box .icon_box_cont .inbox .inbox_text span{line-height: 6.4vw;font-size: 3.47vw;font-weight: 600;color: #ffffff;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box .icon_box_cont .inbox .inbox_text p{line-height: 6.4vw;font-size: 4.27vw;font-weight: 600;color: #ffffff;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box:nth-child(1) .icon_box_cont .inbox .inbox_icon{width: 12.27vw;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box:nth-child(2) .icon_box_cont .inbox .inbox_icon{width: 12.27vw;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box:nth-child(3) .icon_box_cont .inbox .inbox_icon{width: 15.2vw;}
#wrap .container .sub_contents .sec03 .cont_icons .icon_box:nth-child(4) .icon_box_cont .inbox .inbox_icon{width: 13.6vw;}
#wrap .container .sub_contents .sec03 .cont_subtext{line-height: 5.87vw;font-size: 3.47vw;font-weight: 400;margin-top: 1.33vw;}
#wrap .container .sub_contents .sec03 .cont_subtext span{font-weight: 600;}

#wrap .container .sub_contents .sec04{padding: 0;}
#wrap .container .sub_contents .sec04 .cont_title{padding: 0 5.33vw;border-bottom: 0;}
#wrap .container .sub_contents .sec04 .cont_box{width: 100%;height: auto;padding: 0;border-bottom: 0;}
#wrap .container .sub_contents .sec04 .cont_box .cont_inbox{padding: 3.2vw 5.33vw 10.67vw;}
#wrap .container .sub_contents .sec04 .cont_box .cont_inbox .cont_box_title{line-height: 1;font-size: 5.33vw;font-weight: 600;margin-bottom: 3.47vw;}
#wrap .container .sub_contents .sec04 .cont_box .cont_inbox .cont_box_sub li{position: relative;line-height: 6.67vw;font-size: 4.27vw;font-weight: 500;padding-left: 3.47vw;}
#wrap .container .sub_contents .sec04 .cont_box .cont_inbox .cont_box_sub li::before{display: inline-block;position: absolute;left: 0;top: 2.8vw;content: '';width: 1.07vw;height: 1.07vw;background: #222222;border-radius: 100%;}

#wrap .container .sub_contents .sec05{padding-bottom: 26.67vw;}
#wrap .container .sub_contents .sec05 .cont_title{border-bottom: 0;}
#wrap .container .sub_contents .sec05 .bottom_icon{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-bottom: 1.33vw;}
#wrap .container .sub_contents .sec05 .bottom_icon img{width: 20.53vw;height: 20.8vw;margin-bottom: 6.67vw;}
#wrap .container .sub_contents .sec05 .bottom_icon img:nth-child(2),
#wrap .container .sub_contents .sec05 .bottom_icon img:nth-child(5){margin: 0 8vw 6.67vw;}
#wrap .container .sub_contents .sec05 .cont_box{padding: 0;border: 0;}
#wrap .container .sub_contents .sec05 .cont_box .cont_text li{position: relative;line-height: 7.2vw;font-size: 4.27vw;font-weight: 400;padding-left: 3.47vw;margin-bottom: 2.67vw;}
#wrap .container .sub_contents .sec05 .cont_box .cont_text li.red{color: #FF3131;}
#wrap .container .sub_contents .sec05 .cont_box .cont_text li.dot_none{padding: 0;}
#wrap .container .sub_contents .sec05 .cont_box .cont_text li::before{display: inline-block;position: absolute;left: 0;top: 2.8vw;content: '';width: 1.07vw;height: 1.07vw;background: #222222;border-radius: 100%;}
#wrap .container .sub_contents .sec05 .cont_box .cont_text li.dot_none::before{content: none;}

/* pm_visit_new/directions.asp */
#wrap .container .sub_contents.directions .sec01{width: 100%;height: auto;padding: 0;}
#wrap .container .sub_contents.directions .sec01 .map_wrap{width: 100%;height: auto;}
#wrap .container .sub_contents.directions .sec01 .map_wrap .map_noti{display: flex;flex-direction: column;justify-content: center;width: 100%;height: 72vw;padding: 0 5.33vw;background: #0A3789;}
#wrap .container .sub_contents.directions .sec01 .map_wrap .map_noti h1{font-size: 6.67vw;font-weight: bold;color: #ffffff;margin-bottom: 2.67vw;}
#wrap .container .sub_contents.directions .sec01 .map_wrap .map_noti p{display: flex;font-size: 4.27vw;font-weight: 400;color: #ffffff;margin-bottom: 1.33vw;}
#wrap .container .sub_contents.directions .sec01 .map_wrap .map_noti p span{display: flex;align-items: center;justify-content: center;margin-right: 4vw;}
#wrap .container .sub_contents.directions .sec01 .map_wrap .map_noti p:nth-child(2) span img{width: 4.27vw;height: 4.8vw;}
#wrap .container .sub_contents.directions .sec01 .map_wrap .map_noti p:nth-child(3) span img{width: 4.53vw;height: 4.53vw;}
#wrap .container .sub_contents.directions .sec01 .map_wrap .map_noti a{display: flex;justify-content: center;align-items: center;width: 48vw;height: 9.33vw;margin-top: 6.67vw;font-size: 4.27vw;font-weight: 600;color: #222222;border-radius: 5.6vw;background: #FFCB07;}
#wrap .container .sub_contents.directions .sec01 .map_wrap .map{width: 100%;height: 85.33vw; background-color: #A1A1A1;}

#wrap .container .sub_contents.directions .sec02{padding: 13.4vw 0 13.6vw 0;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap{ width: 100%; height: auto; }
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_title {margin: 0 5.34vw 0 6.67vw; padding-bottom: 0.8vw; }
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box {border: none; padding: 5.34vw 5.34vw 0 5.34vw; }
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .top_box,
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .bottom_box{  border-bottom: 0.27vw solid #C5C5C5;} 
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs {padding: 0 5.34vw;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .title {height: 9.34vw; margin-bottom: 3.2vw; font-size: 5.87vw; font-weight: 600; }
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext {margin-bottom: 8vw; font-size: 4.27vw; font-weight: 500; }
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext p {height: 13.33vw;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number {width: 72.00vw; margin-top: 4.27vw; font-weight: 400;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number li {display: flex; margin-bottom: 2.67vw;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number li:last-child {margin-bottom: 0;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number li span { width:23.20vw; height: 6.67vw; border-radius: 4vw; margin-right: 2.67vw; color: #fff;  text-align: center;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number li span#blue {background-color: #366FC6;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number li span#green {background-color: #62AF1E;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number li span#red {background-color: #D63945;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number li span#town {background-color: #6DCA1B;} 
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number li p {display: inline-block; width: 47.5vw; height: 13.34vw; }
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext .bus_number li:nth-child(2) p {height: 6.67vw;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext p#second {margin-top: 4vw;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .boxs .subtext  .bus_number:nth-child(2) { margin-top: 3.2vw;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .bottom_box { margin-top: 5.34vw ;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .bottom_box .subtext li {display: flex;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .bottom_box .subtext li:first-child {margin-bottom: 2.67vw;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .bottom_box .subtext li img {display: inline-block; width: 12.07vw; height:7.73vw; margin: -0.53vw 2.80vw 0 0;}
#wrap .container .sub_contents.directions .sec02 .cont_wrap .cont_box .caution {margin-top:5.34vw; font-size: 3.47vw; font-weight: 400; line-height: 5.87vw;}

/* pm_exhibitions_new/online_exhibitions.asp */
#wrap .container .sub_contents.online_exhibitions{position: relative;}
#wrap .container .page_navigation {display: flex; justify-content: center; align-self: center; position: absolute; top: 0;width: 100%; height: 16.14vw; border-bottom: 0.27vw solid #DEDEDE; z-index: 99;}
#wrap .container .page_navigation.page_navigation_fixed {position: fixed; top: 20vw; width: 100%; background-color: #fff;}
#wrap .container .page_navigation ul li {display: inline-block; height: auto; margin: 5.3vw 0;}
#wrap .container .page_navigation ul li:first-child {margin-right: 9.07vw;}
#wrap .container .page_navigation ul li a {font-size: 4.27vw; font-weight: 500; line-height: 5.07vw;}
#wrap .container .page_navigation ul li.active a {color: #0A3789;}
#wrap .container .sub_contents.online_exhibitions .section {padding: 0;}
#wrap .container .sub_contents.online_exhibitions .sec01 {padding-top: 16.14vw;}
/* #wrap .container .sub_contents.online_exhibitions .sec01 .cont_wrap {padding-top: 11.73vw;} */
#wrap .container .sub_contents.online_exhibitions .sec02 {margin-bottom: 26.67vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap {width: 100%; height: auto;padding-top: 11.73vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_title{font-weight: 700; font-size: 6.67vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_title,
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_text{padding: 0 5.34vw; border: none; margin-bottom: 5.34vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_text { font-size: 4.27vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox {width: 100%; height: auto;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox img {width: 100%; height: auto; margin-bottom: 9.34vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .sub_imgs { padding: 0 5.34vw; margin-bottom: 6.94vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .sub_imgs .sub_img {display:inline-flex; flex-direction: column; width: 42.67vw; height: 46.4vw; margin-bottom: 2.13vw; }
#wrap .container .sub_contents.online_exhibitions .sec01 .cont_wrap .cont_imgbox .sub_imgs .sub_img{margin-bottom: 6.67vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .sub_imgs .sub_img:nth-of-type(2n+1) {margin-right: 3vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .sub_imgs .sub_img:nth-child(5),#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .sub_imgs .sub_img:nth-child(6) {margin-bottom: 6.67vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .sub_imgs .sub_img:last-child,#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .sub_imgs .sub_img:nth-child(11) {margin-bottom: 0;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .sub_imgs .sub_img img {width: 100%; height: 32vw; margin-bottom: 1.87vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .sub_imgs .sub_img p {height: 12.54vw; font-size: 4.27vw; font-weight: 500;}
/* marker */
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .top_imgs {position: relative;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .top_imgs img {width: 100%;height: 75.2vw;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .top_imgs .marker_box{position: absolute;top: 0;left: 0;width: 100%;height: 76vw;box-sizing: border-box;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .top_imgs .marker_box a{display: block;position: absolute;width: 7.5vw;height: 9vw;line-height: 6.07vw;font-weight: bold;padding-left: 2.5vw;padding-top: 1vw; box-sizing: border-box;font-size: 3.6vw;color: #0a3789;background: url('/en/images_new/onlineexhibitions/marker_bg.png') no-repeat top center;background-size: 100% 100%;cursor: default;}
#wrap .container .sub_contents.online_exhibitions .section .cont_wrap .cont_imgbox .top_imgs .marker_box a:hover{color: #ffffff;background: url('/en/images_new/onlineexhibitions/marker_bg_on.png') no-repeat top center;background-size: 100% 100%;}
#wrap .container .sub_contents.online_exhibitions .sec01 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker01{top:70%; left: 29%; padding-left: 2.6vw;}
#wrap .container .sub_contents.online_exhibitions .sec01 .cont_wrap .cont_imgbox .top_imgs  .marker_box a.marker02{top: 44%;left: 38%;}
#wrap .container .sub_contents.online_exhibitions .sec01 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker03{top: 30%;left: 59%; padding-left: 2.4vw;}
#wrap .container .sub_contents.online_exhibitions .sec01 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker04{top: 20%;left: 40%; padding-left: 2.4vw;}
#wrap .container .sub_contents.online_exhibitions .sec01 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker05{top: 10%;left: 68%; padding-left: 2.4vw;}

#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker01{top: 8%;left: 50%; padding-left: 2.7vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker02{top: 20%;left: 63%; padding-left: 2.4vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker03{top: 45%;left: 77%; padding-left: 2.4vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker04{top: 54%;left: 64%; padding-left: 2.4vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker05{top: 58%;left: 57%; padding-left: 2.4vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker06{top: 78%;left: 30%;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker07{top: 38%;left: 44%;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker08{top: 19%;left: 41%; padding-left: 2.3vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker09{top: 20%;left: 25%; padding-left: 2.3vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker10{top: 23%;left: 18%; padding-left: 1.8vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker11{top: 50%;left: 25%; padding-left: 2.1vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_imgbox .top_imgs .marker_box a.marker12{top: 14%;left: 74%; padding-left: 2vw;}
#wrap .container .sub_contents.online_exhibitions .sec02 .cont_wrap .cont_title {height: 20vw; margin-bottom: 3.74vw; line-height: 9.6vw; }

/* pm_exhibitions_new/permanent_exhibitions.asp */
#wrap .container .sub_contents.permanent_exhibitions{position: relative;}
#wrap .container .sub_contents.permanent_exhibitions .sec01 {padding: 16.14vw 0 0 0;}
#wrap .container .sub_contents.permanent_exhibitions .sec02 {padding: 0;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_box {background-color: #222222; padding:0; color: #fff;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_box .cont_title{ display: flex; flex-direction: column; margin: 0 5.34vw; font-weight: 700; border: none; color: #fff;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_box .cont_title .top_title { display: flex; margin-top: 13.4vw; font-size: 3.47vw; font-weight: 400; line-height: 8.54vw; letter-spacing: 0.87vw; color: #FFCB07;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_box .cont_title .bottom_title {display: flex; line-height: 10.4vw; font-size: 6.67vw;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_box .cont_text {
margin: 0 5.34vw 16.27vw 5.34vw; line-height: 7.2vw; color: #C5C5C5; font-size: 4.27vw;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_imgs {margin: 9.34vw 0 16.14vw 0;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_imgs .cont_img { width: 100%; margin-bottom: 8vw;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_imgs .cont_img:last-child {margin-bottom: 0;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_imgs .cont_img img { width: 100%; height: 70.94vw;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_imgs .cont_img p {padding: 0 5.34vw; font-size: 4.27vw;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_imgs .cont_img p#title {height: 8.54vw; margin: 3vw 0 1.31vw 0 ; font-size: 5.34vw; font-weight: 600; line-height: 6.97vw;}
#wrap .container .sub_contents.permanent_exhibitions .section .cont_wrap .cont_imgs p span {font-weight: 500;}
 .sec02 .cont_wrap .cont_imgs {margin-bottom: 26.91vw;}

/* pm_collections_new/museum_collections.asp */
#wrap .container .sub_contents.museum_collections .section {padding: 11.73vw 0 0 0;}
#wrap .container .sub_contents.museum_collections .section .cont_wrap .cont_title,
#wrap .container .sub_contents.museum_collections .section .cont_wrap .cont_text {padding: 0 5.33vw;}
#wrap .container .sub_contents.museum_collections .section .cont_wrap .cont_title {display: flex; 
align-items: center; height: 10.4vw; margin-bottom: 5.34vw; border: none; font-weight: 700; font-size: 6.67vw;}
#wrap .container .sub_contents.museum_collections .section .cont_wrap .cont_text {font-size: 4.27vw; line-height: 7.2vw;}
/*swiper*/
#wrap .container .sub_contents.museum_collections .section .cont_wrap .swiper {position:relative; width: 100%; height: 84.27vw; overflow: hidden; margin:12vw 0 21.34vw 0;}
#wrap .container .sub_contents.museum_collections .section .cont_wrap .swiper .swiper-wrapper .swiper-slide img{width: 100%; height: auto;}
#wrap .container .sub_contents.museum_collections .section .cont_wrap .swiper .swiper-button-prev, 
#wrap .container .sub_contents.museum_collections .section .cont_wrap .swiper .swiper-button-next{  position:absolute; width: 9.34vw; height: 9.34vw; z-index: 99; border: 0.53vw solid #FFCB07; border-radius: 50%; top: 71.2vw; margin: 0;}
#wrap .container .sub_contents.museum_collections .section .cont_wrap .swiper .swiper-button-prev{ background: url('/en/images_new/museumcollections/sec01-arrow2.png') no-repeat center ;  background-size: 3.34vw 3vw; left: 60.54vw;}
#wrap .container .sub_contents.museum_collections .section .cont_wrap .swiper .swiper-button-next{ background: url('/en/images_new/museumcollections/sec01-arrow.png') no-repeat center ;  background-size: 3.34vw 3vw; right: 5.34vw;}
.swiper-button-next:after, .swiper-button-prev:after { display: none;}
#wrap .container .sub_contents.museum_collections .section .cont_wrap .swiper .swiper-pagination {display: inline-block; top: 72.27vw; left: 73.7vw; width: 9vw; z-index: 99; font-size: 4.8vw; line-height: 7.2vw; font-weight: 400; color: #FFCB07;}
#wrap .container .sub_contents.museum_collections .section .cont_wrap .swiper .swiper-pagination .swiper-pagination-current {color: #fff;}

/* pm_aboutthemuseums_new/greetings.asp */
#wrap .container .sub_contents.greetings .section .cont_wrap .cont_title{ height: 29.6vw; border: none; padding:0; margin-bottom: 8.54vw; font-weight: 700; font-size: 6.67vw; line-height: 9.6vw; color: #0A3789; }
#wrap .container .sub_contents.greetings .section .cont_wrap .cont_text{font-size: 4.27vw; font-weight: 400; line-height: 7.2vw;}
#wrap .container .sub_contents.greetings .sec02 {height: 103.2vw; padding: 0; margin-bottom: 26.67vw;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap {width: 100%; height: 100%;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper { width: 100%; height: 100%; overflow: hidden; padding-left: 10.4vw;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide {display: flex; flex-direction: column; width: 78.67vw;  background-color: #0A3789; margin-right: 5.87vw;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide { display:flex; flex-direction: column; width: 78.67vw; height: 103.2vw; margin-right: 5.87vw;  color: #fff; z-index: 99; background-color: #0A3789;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide:nth-child(1) {background-image: url('../images_new/greeting/img1.png'); background-size: 78.67vw 103.20vw;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide:nth-child(2) {background-image: url('../images_new/greeting/img2.png'); background-size: 78.67vw 103.20vw;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide:nth-child(3) {background-image: url('../images_new/greeting/img3.png'); background-size: 78.67vw 103.20vw;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide .icon {display: flex;  justify-content: center; align-items: center; height: 48.27vw; } 
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide:nth-child(1) .icon img{width: 27.48vw; height: 31.70vw; margin: 12.32vw 0 4.24vw 0;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide:nth-child(2) .icon img{width: 24.60vw; height: 27.90vw; margin: 50px 0 20.4px 0;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide:nth-child(3) .icon img{width: 30.03vw; height: 21.05vw; margin: 60px 0 37px 0;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide .line {display: inline-block; width: 0.54vw; height: 11.17vw; margin: 0 auto; background-color: #FFCB07; }
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide .text {margin-top: 2.96vw;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide .text p{ text-align:center; font-size: 5.87vw; font-weight: 600; line-height: 7.47vw;}
#wrap .container .sub_contents.greetings .sec02 .cont_wrap .swiper .swiper-wrapper .swiper-slide .text p:last-child {margin-top:1.07vw; font-size: 4.27vw; font-weight: 400; line-height: 5.87vw;}