@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);@import url(../fonts/XEIcon-2.2.0/xeicon.min.css);@-ms-viewport{width:device-width}html,body,ul,ol,li,dl,dt,dd{padding:0;margin:0}html,body{height:100%}body{font-family:"Nanum Gothic",sans-serif;margin:0;padding:0;font-size:16px;color:#fff;background:#000;background-size:cover}ul,ol,li{list-style:none}.btnArea{position:absolute;top:40px;left:10px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.overflow{overflow:hidden;min-width:100%}.vr{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}#dummy,#dummy embed,#dummy object{width:100%;height:100%;position:absolute;left:0;top:0}#header{position:absolute;left:0;top:0;z-index:4100;background:rgba(46,46,44,.8);width:100%;line-height:42px;overflow:hidden}#header .group{display:table;height:42px}#header .artist{width:100%;height:100%;display:table-cell;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#header .artist .group{display:table;height:42px;line-height:0}#header .artist .docent{display:table-cell;height:100%;vertical-align:middle;padding-left:10px;font-weight:bold}#header .artist .logo{display:table-cell;height:100%;vertical-align:middle;padding-left:10px;font-weight:bold}#header .artist .logo span{display:inline-block;padding-bottom:3px;padding-left:10px;cursor:pointer}#header .artist .split{width:50px;height:100%;background:url(../img/split.png) no-repeat 50%}#header .artist .titlegroup{cursor:default;display:table-cell;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px;height:100%;vertical-align:middle;text-indent:14px}#header .artist .title{font-size:13px;color:#b6b6b6}#header .artist .subtitle{font-size:9px;color:#888;letter-spacing:0}#header .artist .exhibit_place{letter-spacing:0;font-weight:bold}#header .gnb{padding-left:30px;display:table-cell;vertical-align:top}#header .gnb:after{clear:both}.header-bg{position:absolute;left:0;z-index:4099;background:#32322f;height:42px;width:100%}.header{top:-42px}#gnb{font-size:.8em;display:table;overflow:hidden;float:right;background:rgba(50,50,47,0.6)}#gnb .type{border-left:1px solid rgba(50,50,47,1);display:table-cell;width:125px;text-align:center;height:100%;transition:background-color .8s,color .8s;background:url(../img/dot.png) 0 14px no-repeat;color:#bbb}#gnb .type .title{cursor:pointer;overflow:hidden;white-space:nowrap}#gnb .type:hover,#gnb .type.on{font-weight:bold;color:#fff}#gnb .type .place-list{padding:5px 0;font-weight:normal;line-height:32px}#gnb .type .place-list .int,#gnb .type .place-list .place{box-sizing:border-box;width:125px;overflow:hidden;padding:0 5px;cursor:pointer;transition:background-color .8s;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid transparent;border-bottom:1px solid transparent}#gnb .type .place-list .int:hover,#gnb .type .place-list .place:hover,#gnb .type .place-list .place.on{font-weight:bold;background:#111;background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.1)}.message{padding:5px 10px;color:#fff;font-size:.8em;position:absolute;left:50%;top:50%;background:rgba(0,0,0,0.5);border-radius:50px;z-index:101;box-sizing:border-box;opacity:0}#copyconsole{position:fixed;left:-1000px;top:-1000px}#videoPlayer{position:absolute;left:0;top:0;display:table;background:rgba(0,0,0,0.4);width:100%;height:100%;z-index:4101}#videoPlayer .middle{vertical-align:middle;display:table-cell;height:100%;width:100%;text-align:center}#videoPlayer .close{background:url(../module/img/close.png);width:48px;height:48px;margin:20px auto;cursor:pointer;background-size:contain}#videoPlayer iframe{display:inline-block;margin-bottom:48px}#current{width:100%;position:absolute;left:0;bottom:13px;text-align:center;color:#fff;z-index:4002;pointer-events:none;padding:0;box-sizing:border-box;font-size:.7em;text-shadow:1px 1px 2px #000}#current i{position:relative;top:2px}.addon{display:table;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.9)}.addon .vm{height:100%;vertical-align:middle}.addon iframe{width:100%;margin:auto;height:99%}#map{position:absolute;right:10px;bottom:10px;z-index:4001}#map iframe{width:480px;height:320px;border:0}#map .head{position:absolute;left:0;top:0;width:100%;z-index:1000;background:#ccc;display:table}#map .head .left{display:table-cell}#map .head .right{display:table-cell;text-align:right}#map .btns{display:inline-block;cursor:pointer;padding:5px}#auto_cover{width:100%;height:100%;left:0;top:0;position:fixed;z-index:9999;cursor:pointer;background:url(../img/autodrive.png) no-repeat 50%;display:none}.caption{width:640px;position:fixed;left:50%;bottom:0;margin-bottom:30px;margin-left:-320px;background:rgba(0,0,0,0.8);border-radius:10px;display:table}.caption .pic{display:table-cell;vertical-align:top;padding:10px}.caption .pic img{border-radius:5px;width:auto;height:90px}.caption .text{display:table-cell;vertical-align:middle;padding:10px}.caption .text .overwrap{height:80px;overflow-y:auto;padding:5px 10px}.caption .close{position:absolute;right:0;top:-36px;width:32px;height:32px;text-align:center;color:#fff;font-size:1.2em;line-height:34px;background:rgba(0,0,0,0.6);border-radius:32px;cursor:pointer;overflow:hidden}.area{position:absolute;left:10px;top:50%;z-index:1;margin-top:-160px;font-size:11px}.area .mn{cursor:pointer;font-weight:bold;background:#2e2e2c;border:3px solid #fff;width:48px;height:48px;text-align:center;line-height:48px;border-radius:48px;margin:40px 0;position:relative;z-index:101;color:#eee;transition:color .3s,background .3s}.area .line{width:2px;height:200px;position:absolute;left:50%;margin-left:-3px;border-right:3px dashed #fff;top:46px}.area .mn.on,.area .mn:hover{background:#0b79ab;color:#fff}.mobile{display:none}#list{position:absolute;left:0;top:0;z-index:4000;width:100%;height:100%;background:rgba(0,0,0,0.8);overflow:hidden;overflow-y:scroll;display:none}#list .container{padding:30px 10px}#list .title{padding:10px 10px;font-size:18px;text-align:center;background:rgba(0,0,0,0.7);font-weight:bold;display:block}#list ul{list-style:none;padding:10px;margin:10px;text-align:center;background:rgba(255,255,255,0.1);border-radius:5px;box-shadow:1px 1px 5px rgba(50,50,50,0.5)}#list li{cursor:pointer;display:inline-block;font-size:0;padding:10px;background:#000;margin:10px;transition:background .4s}#list li:hover,#list li.on{background:rgba(55,167,209,0.8)}#list li:hover .thumb .over{opacity:1}#list li .thumb{width:220px;height:200px;background:#333 no-repeat 50%;background-size:100%;display:table}#list li .thumb .over{width:100%;height:100%;display:table-cell;vertical-align:middle;color:#fff;font-size:72px;text-align:center;background:rgba(55,167,209,0.4);opacity:0;transition:opacity .2s}#list li .text{font-size:12px;padding:20px 0 10px}#list .close{position:fixed;top:5px;left:50%;text-align:center;font-size:32px;background:#37a7d1;width:48px;height:48px;margin-left:-24px;border-radius:64px;cursor:pointer;opacity:.8;background:rgba(55,167,209,0.8);transition:opacity .4s;z-index:1000;display:table}#list .close:hover{opacity:1}#list .close i{display:table-cell;vertical-align:middle}.openingtxt{position:absolute;left:50%;top:52px;margin-left:-300px;z-index:4001;width:600px;text-align:center}.openingtxt .txt{color:#fff;background:rgba(0,0,0,0.5);padding:5px 25px;display:inline-block;text-decoration:none}.mobile-ver .openingtxt{font-size:11px;letter-spacing:-1px;width:100%;padding:5px 0;margin-left:0;left:0;top:42px;white-space:nowrap}.mobile-ver .mobile{display:block}.mobile-ver #header{overflow:visible}.mobile-ver #header .group{display:block;height:auto;margin-top:5px}.mobile-ver #header .group .artist{display:block}.mobile-ver #header .group .titlegroup{width:100%}.mobile-ver #header .group .artist .title{letter-spacing:0;text-align:left;padding:0;text-indent:2px}.mobile-ver #header .logo img{width:110px;height:auto}.mobile-ver .header{top:0}.mobile-ver #header .gnb{display:block;position:absolute;top:42px;left:0;width:100%;z-index:100;margin:0;padding:0}.mobile-ver #gnb{font-size:.8em;display:none;overflow:hidden;float:none;background:rgba(50,50,47,0.9)}.mobile-ver #gnb .type{border-left:1px solid rgba(50,50,47,1);display:block;width:100%;text-align:center;height:100%;transition:background-color .8s,color .8s;background:url(../img/dot.png) 0 18px no-repeat;color:#bbb}.mobile-ver #gnb .type .title{cursor:pointer;overflow:hidden;white-space:nowrap;text-align:center;background:rgba(0,0,0,0.5)}.mobile-ver #gnb .type:hover,.mobile-ver #gnb .type.on{font-weight:bold;color:#fff}.mobile-ver #gnb .type .place-list{padding:5px;font-weight:normal;line-height:32px;width:100%;text-align:left}.mobile-ver #gnb .type .place-list .int,.mobile-ver #gnb .type .place-list .place{width:20%;box-sizing:border-box;overflow:hidden;padding:0 5px;cursor:pointer;transition:background-color .8s;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid transparent;border-bottom:1px solid transparent;display:inline-block}.mobile-ver #gnb .type .place-list .int:hover,.mobile-ver #gnb .type .place-list .place:hover,.mobile-ver #gnb .type .place-list .place.on{font-weight:bold;background:#111;background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.1)}.mobile-ver .gnb-btn{position:absolute;right:0;top:0;width:42px;height:42px;color:#fff;font-size:32px;text-align:Center;background:#222;padding-top:4px;box-sizing:border-box}.mobile-ver .gnb-btn .close{display:none}.mobile-ver #list ul{padding-top:48px}.mobile-ver #list .close{height:48px;width:48px;margin-left:-24px;top:5px;font-size:32px}.mobile-ver #list .close i{line-height:48px}.mobile-ver #list li .thumb{width:120px;height:60px}.mobile-ver #list li .text{font-size:10px;padding:20px 0 4px}.mobile-ver .area{margin-top:-130px}.mobile-ver #map{position:fixed;width:100%;height:240px;right:0;bottom:0}.mobile-ver #map iframe{width:100%;height:100%;border:0}.white{color:#fff}.tt{position:absolute;right:10px;bottom:70px;font-size:12px;display:none}.tt .group{background:rgba(0,0,0,0.8);text-align:left;padding:25px 10px 5px;border-radius:3px}.tt .text{line-height:20px;pointer-events:none}.tt .aw{width:0;height:0;border-left:10px solid transparent;border-right:0 solid transparent;border-top:20px solid rgba(0,0,0,0.8);position:absolute;right:15px;bottom:-15px}.tt .tt-close{cursor:pointer;position:absolute;right:5px;top:5px;font-size:14px;color:#fff}