@charset "utf-8";  #wrap.lazyload{display: none;}
 #wrap.onload{position:relative}
 body{min-width:280px; font-size:14px; color:#333; font-weight:300}
 address{font-style:normal}
 img{vertical-align:top;  max-width:100%; height:auto}
 .clear:after{display:block; content:""; clear:both}
 .inner{ padding: 0 5%;}
  #header {position:relative; height:49px}
 #header .logo h1{ padding-top: 15px; padding-left: 5%; }
 #header .logo h1 a{display:block; background:url("/images/artmuseum_mobile/common/layout_sp.png?build_20251206001") 0 0 no-repeat; text-indent:-99999px; background-size:360px; width: 204px; height: 21px; }
 #header .go_fullmenu{width: 25px; height: 18px; position:absolute; top: 16px; right: 5%;}
 #wrap.onload #header .go_fullmenu span{display:block; width:25px; height:18px;background: url("/images/artmuseum_mobile/common/layout_sp.png?build_20251206001") -284px 0 no-repeat; background-size:360px; text-indent:-9999px; }
 #header .go_search{position:absolute;top: 16px;right:5%; margin-right:49px; }
 #wrap.onload #header .go_search span {background: url("/images/artmuseum_mobile/common/layout_sp.png?build_20251206001") -242px 0 no-repeat; background-size:360px; display: block; height: 18px; text-indent: -9999px;width: 20px;}
  #wrap.onload #gnb_box{position:fixed;top:0;right:-550px;height:100%;z-index:1000;}
 #wrap.onload #gnb_box .gnb {display:inline-table;position:absolute; width:320px; background-color:#393939; height:100%; z-index:1000; }
 #wrap.onload #gnb_box .gnb > li { display:block; width: 125px;}
 #wrap.onload #gnb_box .gnbQuick {display:none !important;}
 #wrap.onload #gnb_box .gnb > li > a{display:block; line-height:24px; font-size:15px;color:#fff;text-align:left; border-bottom:1px solid #666;border-right:none; padding: 12px 10px 12px 15px;}
 #wrap.onload #gnb_box .gnb > li.on > a { background:#f2f2f2 ; color:#343434;}
 #wrap.onload #gnb_box .gnb > li.on > div { display:block;z-index:0;}
 #wrap.onload #gnb_box .gnb > li > div {display:none;position:absolute;top:0;height:100%;left:125px;width:165px;background:#f2f2f2;padding:0 15px; overflow:auto }
 #wrap.onload #gnb_box .gnb > li:first-child > a { border-top:none; border-left:none}
 #wrap.onload #gnb_box .gnbA > ul {position:absolute; background: none #fff; left:120px; top:0; width:120px; height:100%; padding:0 20px; border-top:none;}
 #wrap.onload #gnb_box .gnbA > ul > span { display:block; height:43px; line-height:43px; font-size:17px; padding-left:10px;}
 #wrap.onload #gnb_box .gnb div > ul { background:none; width:165px !important;}
 #wrap.onload #gnb_box .gnb ul > li a { color:#494949; float:none; display:inline-block; clear:both; width:100%; box-sizing: border-box;}
 #wrap.onload #gnb_box .gnb ul > li { float:none; margin-left:0; border:none; background:none; padding-top:0; position: relative; display: inline-block; width: 100%; box-sizing: border-box;}
 #wrap.onload #gnb_box .gnbB > li > a { font-size:14px !important; border-bottom:1px solid #dadada; line-height:24px !important; padding: 10px 20px 10px 10px;}
 #wrap.onload #gnb_box .gnbB > li > a:hover {}
 #wrap.onload #gnb_box .gnb ul.gnbB > li.on > a { color:#006794; font-weight:300;}
 .gnbBs1:hover > ul{display:block}
 #wrap.onload #gnb_box .gnb .gnbA > a em{font-style:normal}
 #wrap.onload #gnb_box .gnb ul.gnbB li ul li.on > a { color:#006794 !important; font-weight:500}
 #wrap.onload .gnbA > a > span{float:right; background:url("/images/common/newwin.png?build_20251206001") no-repeat 91% center; text-indent:-9999px; margin-right:12px}
 #wrap.onload .gnbB > li.open a span{position: absolute; top: 0; right: 0; width:10px; height:10px; background:url("/images/mayor_mobile/common/gnb_plus.png?build_20251206001") no-repeat; text-indent:-9999px; background-size:10px; margin-top:15px; margin-right:5px}
 #wrap.onload .gnbB > li.close a span{position: absolute; top: 0; right: 0; width:10px; height:10px; background:url("/images/mayor_mobile/common/gnb_bar.png?build_20251206001") no-repeat; text-indent:-9999px; background-size:10px; margin-top:20px; margin-right:5px}
 #wrap.onload #gnb_box .gnb .gnbC > li{padding-left:10px; background:url("/images/mayor_mobile/common/3depth_square.gif?build_20251206001") no-repeat left 9px; background-size:4px}
 #wrap.onload #gnb_box .gnbC {display:none; position:inherit; border-bottom:1px solid #dadada; background:#fff;width: 100%; padding: 15px 10px; box-sizing: border-box;}
 #wrap.onload #gnb_box .gnbC li { margin-bottom:5px; }
 #wrap.onload #gnb_box .gnb .gnbC li a {width:120px;line-height:20px;font-size:13px;color:#7d7d7d;}
 #wrap.onload .gnb .gnbB ul li a.newwin{background:url("/images/common/newwin.gif?build_20251206001") no-repeat scroll 100% center transparent !important}
 #wrap.onload .gnbB > li.on > ul{background:none}
 #wrap.onload .gnbB_title{display:none}
 #wrap.onload .gnbA div > span{display:block; padding:14px 0px; text-align:center; font-size:16px; color:#593f30}
 #wrap.onload .gnb_inner .title_box { display: none;}
   #wrap.onload #gnb_box .util{width:320px;height:50px;background:#393939;z-index:100; }
 #wrap.onload #gnb_box .util > ul{float:left;padding:9px 0 0 7px}
 #wrap.onload #gnb_box .util > ul > li{float:left;margin-left:3px;font-size:14px;}
 #wrap.onload #gnb_box .util > ul > li > a {display:block; color:#848485;background:#fff;padding:10px 20px;font-size:13px; line-height:11px; border-radius:3px}
 #wrap.onload #gnb_box .util > ul > li.list1 { display: none;}
 #wrap.onload #gnb_box .util > ul > li.gosite a { padding:10px 13px; background: none; color: #fff; border: 1px solid rgba(255,255,255,.5);}
 #wrap.onload #gnb_box .util > ul > li.list1 > a{text-indent:-9999px;background: url("/images/www_mobile/common/gnb_home.png?build_20251206001") no-repeat center;background-size:18px 17px;border:1px solid #8e8b8a;}
 #wrap.onload #gnb_box .util > ul > li.list2 > a{background: url("/images/mayor_mobile/common/ico_login.png?build_20251206001") no-repeat 8px center;background-size:15px 17px;padding: 10px 10px 10px 30px;text-align: left; color:#f3c204; border:1px solid #8f7621;}
 #wrap.onload #gnb_box .util > ul > li.list3{position: relative;}
 #wrap.onload #gnb_box .util > ul > li.list3 > a{background: none; color: #fff; border: 1px solid #8e8b8a; padding: 10px 30px 10px 15px; letter-spacing: 0;}
 #wrap.onload #gnb_box .util > ul > li.list3 > a span{text-indent: -99999px; width: 11px; height: 6px; position: absolute; top: 14px; right: 9px; background: url("/images/www_mobile/common/down_arrow.png?build_20251206001") no-repeat;}
 #wrap.onload #gnb_box .util > ul > li.list3 .language_box{position: absolute; z-index: 1001; width: 100%; top: 36px; left: 0; background-color: #403a3a; border: 1px solid #8e8b8a; border-radius: 3px; box-sizing: border-box; display: none;}
 #wrap.onload #gnb_box .util > ul > li.list3 .language_box ul{}
 #wrap.onload #gnb_box .util > ul > li.list3 .language_box ul li{}
 #wrap.onload #gnb_box .util > ul > li.list3 .language_box ul li a{color: #fff; text-align: center; display: block; padding: 6px 5px; letter-spacing: 0;}
 #wrap.onload #gnb_box .util > .gnb_close span{float:right;display: block;width: 50px;height: 50px;background:#f3c204 url("/images/mayor_mobile/common/gnb_close.png?build_20251206001") no-repeat center / 16px 15px;text-indent: -9999px;}
  #search_box { width:100%; background-color:#393939; height:100px; position:relative; top:9px; z-index:10}
 #search_box > .search_word{position:absolute;top:60px;font-size:13px;padding-left:15px}
 #search_box > .search_word strong{padding-right:10px;color:#fff}
 #search_box > .search_word span{padding-right:10px}
 #search_box > .search_word span a{color:#fff;}
 #search_box fieldset { padding:15px 4% 25px 4% ; width: 92%;}
 #search_box #search_input_box .sch_left { width:82%; border-radius:2px; margin-right:1.5%; float:left; background-color:#fff; background:none;}
 .search { height:36px; line-height:36px; padding:0 10px; width:90%; border:0; color:#333; border-radius:2px; font-size:14px;}
 #search_box #search_input_box .sch_right { width:16.5%; float:left; background-color:#000; border-radius:2px; }
 #search_box #search_input_box .sch_btn { background:none; text-align:center; border:0; height:36px; width:100%; color:#fff; font-size:13px; cursor:pointer;}
 #search_box #search_input_box label { color: #5a5a5a; left: 6%; position: absolute; top: 24px; font-size:13px;}
 #search_box h2 { color:#6d8cde; font-size:15px; font-weight:600; margin-left:4%; width:74px; position:absolute; display:none;}
 .popular { float:left; position:relative; margin:2px 4% 0; line-height:21px; height:43px; overflow:hidden; font-size:13px; display:none;}
 .popular a { color:#fff;}
 .popular li { float:left; margin-left:7px;}
 .popular li:first-child { padding:0 0 0 72px;}
 #search_box .search_close { width:100%; background-color:#000; height:32px; line-height:32px; position:absolute; z-index:10; bottom:0; left:0; text-align:center; box-shadow:0 0 2px 0 #4b4949; margin-bottom:0}
 #search_box .search_close a { display:block; font-size:13px; color:#fff;}
  #footer{background:#393939}
 #footer .family_site{position:relative}
 #footer .family_site > a {display:block; height:48px; line-height:48px; color:#fff; font-size:15px; background-color: #343434; padding-left:20px }
 #wrap.onload #footer .family_site > a span{float:right; display:inline-block; width:10px; height:17px; background:url("/images/www_mobile/common/icon_open.png?build_20251206001") no-repeat; background-size:10px 7px; margin-top:20px; margin-right:25px; text-indent:-9999px}
 #wrap.onload #footer .family_site > a.close span{background:url("/images/www_mobile/common/icon_close.png?build_20251206001") no-repeat; background-size:10px 7px}
 #footer .family_site > ul{display:none; position:absolute; bottom:48px; width:100%; border:1px solid #403a3a; border-bottom:none; box-sizing:border-box;z-index:1;}
 #footer .family_site > ul > li > a{ display:block; height:48px; line-height:48px; font-size:15px; background:#fff; color:#403a3a; border-top:1px solid #403a3a; padding-left:20px}
 #footer .family_site > ul > li:first-child > a{border-top:none}
 #footer .util{padding:17px 0}
 #footer .util ul{padding:0 20px}
 #footer .util ul li{float:left; width:49%; margin-left:2%}
 #footer .util ul li:first-child{margin-left:0}
 #footer .util ul li.util_100 { width:100%; margin-top:2%; margin-left:0;}
 #footer .util ul li a{display:block; height:40px; line-height:40px; color:#fff; text-align:center; border-radius:5px; background:#302b2b }
 #wrap.onload #footer .util ul li a span{display:inline-block; width:10px; height:10px; background:url("/images/www_mobile/common/icon_top.png?build_20251206001") no-repeat; background-size:10px 10px; margin-left:7px }
 #footer .footer_cnt{padding-top:20px; }
 #footer .footer_cnt address{color:#fff; font-size: 14px;}
 #footer .footer_cnt .copyright{font-size:12px; color:#919191; margin-top:10px;}
  #wrap_hide{ position:absolute; display:block; top:0; left:0; z-index:500; width:100%; height:100%; background:#000; opacity:0.7; display:none;}
 @media all and (max-width:280px){ #header .logo h1 a{ background-size: 280px; width: 160px;}
 #header .logo h1{ padding-top: 19px;}
 #wrap.onload #gnb_box .gnb{width: 280px;}
 }