/*
.main_container{width:100%;height:100vh;overflow-x:hidden;background:url(../img/vr_ex.png) center top no-repeat;background-size:cover;position:relative}
*/
#wrap{width:100%;min-width:100%;height:100%;overflow-y:hidden;position:relative}
#pano{width:100%;height:100%;min-height:100%;overflow:hidden;position:relative}



/*pin*/
.pin{display:flex;background:url(../img/pin_basic.png) center top no-repeat;max-width:85px}
.fountain{background:url(../img/pin_fountain.png) center top no-repeat}
.futsal{background:url(../img/pin_futsal.png) center top no-repeat}
.pin_txt{display:inline-block;padding:6px 12px;background:rgba(0,0,0,0.5);color:#fff;margin:50px auto 10px;text-align:center;font-weight:700;font-size:15px;border-radius:5px}

/*header*/
#header{width:100%;height:90px;position:fixed;top:0;z-index:99;background:rgba(255,255,255,0.4)}
#header h1{float:left;position:relative;left:30px;top:15px}
#header .top_set{position:absolute;right:0;top:0}
#header .top_set li{float:left}
#header .top_set li a{width:90px;height:90px;display:inline-block;background-position:center 6px !important;color:#fff;text-align:center;padding-top:50px}
#header .top_set li a:hover{text-decoration:none}
#header .top_set li a.home{background:#3b7ee0 url(../img/icon_home.png) no-repeat}
#header .top_set li a.home:hover{background-color:#485e7d}
#header .top_set li a.media{background:#095bd5 url(../img/icon_media.png) no-repeat}
#header .top_set li a.media:hover{background-color:#0956c7}
#header .top_set li a.map{background:#0850c7 url(../img/icon_map.png) no-repeat}
#header .top_set li a.map:hover{background-color:#0945a9}
#header .top_set li a.location{background:#0980ef url(../img/icon_location.png) no-repeat}
#header .top_set li a.location:hover{background-color:#0478e5}

/*嫄대Ъ�뺣낫*/
#section_build {position:absolute;top:0px;z-index:9999}
.build_info_wrap{width:330px;height:100vh;background:rgba(34,42,57,0.97);padding:35px 20px;
   }
#section_build a.btn_arrow{display:block;float:left;position:absolute;top:90px;left:100%;z-index:1;writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;letter-spacing:0px;line-height:50px;width:50px;
    height:180px;padding:62px 0 0 0px;font-weight:700;background:rgba(34,42,57,0.97) url(../img/build_btn_arrow_off.png) no-repeat;color:#fff}
#section_build a:hover,#section_build a:focus{text-decoration:none}
#section_build a.btn_arrow.on{background:rgba(34,42,57,0.97) url(../img/build_btn_arrow_on.png) no-repeat}


.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}
.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
@keyframes slide-in {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(-0%); }
}
@-webkit-keyframes slide-in {
    0% { -webkit-transform: translateX(-100%); }
    100% { -webkit-transform: translateX(-0%); }
}
@keyframes slide-out {
    0% { transform: translateX(-0%); }
    100% { transform: translateX(-100%); }
}
@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(-0%); }
    100% { -webkit-transform: translateX(-100%); }
}

/* 嫄대Ъ VR �좊젮癒뱀���.. ( __)a */
.build_info_wrap .build_top a.vr{color:#000;letter-spacing:0;background:#ffd800;padding:2px 10px;float:right;font-size:14px;font-weight:normal;margin-top:7px}

/* 誘몄궗��
.build_off{left:-330px}
.build_off a.btn_arrow{background:rgba(34,42,57,0.97) url(../img/build_btn_arrow_on.png) no-repeat !important}
*/

.build_info_wrap a.btn_arrow:hover{text-decoration:none}
.build_info_wrap .build_top h3{color:#fff;font-size:24px;letter-spacing:-.08em;padding-bottom:10px}
.build_info_wrap .sound_wrap{width:100%;position:relative;margin:15px 0 10px 0;overflow:hidden}
.sound_wrap audio {width:100%}

.build_info_wrap .build_top .img img{width:100%}
/* 誘몄궗��
.build_info_wrap .sound_wrap .play{float:left;width:32px;height:32px;font-size:0;background:url(../img/icon_sound.png) center top no-repeat}
.build_info_wrap .sound_wrap .bar{position:absolute;right:0;top:8px;width:calc(100% - 55px);background:rgba(255,255,255,0.8);height:4px}
.build_info_wrap .sound_wrap .playtime{color:#fff;padding-top:7px;position:relative;right:0}
.build_info_wrap .sound_wrap .start{float:left}
.build_info_wrap .sound_wrap .end{float:right}
*/

#bld_pvr{overflow:hidden}
.build_info_wrap .vr_view_info_wrap{width:100%;float:left;border:1px solid #938320;background:#1c2b39;padding:5px 10px}
.build_info_wrap .vr_view_info{float:left;width:100%;padding:7px 10px;position:relative}
.build_info_wrap .vr_view_info .floor{color:#fff;float:left;font-weight:500;width:20%}
.build_info_wrap .vr_view_info .title{color:#fff;font-size:15px;letter-spacing:-1px}
.build_info_wrap .vr_view_info .vr{color:#000;background:#ffd800;padding:2px 10px;float:left;position:absolute;right:0;font-size:14px}

.floor_intro_wrap{width:100%;overflow-y:scroll;height:54vh;padding:10px 0;position:relative;margin-top:10px}
.floor_intro_wrap::-webkit-scrollbar{width:2px}
.floor_intro_wrap::-webkit-scrollbar-thumb {
    background-color: #47586f;
}
.floor_intro_wrap::-webkit-scrollbar-track {
    background-color: #151b22;
}
.floor_intro_wrap {
    -ms-overflow-style: none; !* IE and Edge *!
    scrollbar-width: none; !* Firefox *!
}

.floor_intro_wrap .floor_info {position:relative;border-bottom:1px solid #3a424f;overflow:hidden;padding:0 8px 15px 0}
.floor_intro_wrap .floor_info h3{float:left;width:20%;margin-right:15px;height:100%;font-size:23px;text-align:center;color:#5b5f68;font-weight:500;letter-spacing:-.06em}
.floor_intro_wrap .floor_info h3 span{font-size:18px}
.floor_intro_wrap .floor_info ul{float:left;width:70%;color:#fff;line-height:24px;padding-top:3px}
.floor_intro_wrap .floor_info ul li{font-size:14px}

/*�곸긽蹂닿린*/
.media_pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.pop_wrap{position:absolute;left:50%;margin:0 auto;top:9%;width:1400px;height:75vh;margin-left:-700px;z-index:101}
.pop_close{background:#21485d url(../img/pop_close.png) center 15px no-repeat;width:90px;height:90px;display:block;position:absolute;right:-90px;top:0;color:#fff;padding-top:55px;text-align:center}
.pop_close:hover{text-decoration:none}

.pop_wrapbg{width:100%;height:100%;position:absolute;z-index:99;background:rgba(0,0,0,0.8);z-index:100}
.media_pop .media{width:100%;height:100%;background:#000;display:flex; justify-content: center; align-items: center;padding:20px;background:#2fa1de}
.btn_play{background:url(../img/btn_play.png) center top no-repeat;width:108px;height:108px;display:block;margin:0 auto}
.media_label{display:none;font-size:20px;font-weight:100;letter-spacing:-1px;line-height:24px;width:147px;height:159px;background:url(../img/media_label.png) center top no-repeat;color:#fff;position:absolute;top:-20px;left:20px;padding:20px}
.media_label strong{font-weight:700;font-size:24px;margin-top:10px;float:left}

/*李얠븘�ㅼ떆�붽만*/
.sec_location{width:100%;height:100%;position:absolute;top:0;background:#fff;z-index:999}
.location_tab{position:fixed;top:0;left:0;width:150px;height:100%;background:#195ca2;padding:0 20px}
.location_tab h3{font-size:15px;color:#fff;font-weight:700;padding:0 0 0px 25px;margin:35px 0 20px 0;background:url(../img/icon_con_location.png) left center no-repeat;letter-spacing:-.06em}
.location_tab ul li a{display:block;height:40px;width:100%;line-height:40px;font-size:15px;background:#fff;text-align:center;border-bottom:1px solid #ccc;letter-spacing:-.06em;font-weight:500}
.location_tab ul li a:hover,.location_tab ul li a.on{background:#8cbc1d;color:#fff;text-decoration:none}
.location_api{position:absolute;left:150px;top:0;background:#666;width:100%;height:100%}

/*罹좏띁�ㅻ㏊*/
.campus_boxwrap{width:100%;height:100%}

#campus_wrap{width:1400px;height:auto;min-height:60vh;background:#2fa1de;position:relative;margin:0 auto;padding:20px;position:absolute;top:9%;left:50%;margin-left:-700px;z-index:9999}
.tabMenu{position:relative}
.tabMenu .wrap{float:left}
.tabMenu .tab{float:left;position:relative;z-index:2}
.tabMenu .tab a{display:block;position:absolute;top:0;left:-86px;width:87px;height:118px;font-size:16px;letter-spacing: -1px;line-height:26px;background:#d4d4d4;color:#999;font-weight:400;text-align:left;padding:20px 10px 0 10px;text-decoration:none}
.tabMenu .tab a:hover{background:#fff;color:#000;text-decoration:none}
.tabMenu .cnt{width:100%;height:auto;position:absolute;left:0px;top:30px;z-index:1;display:none;padding:0 30px}

.tabMenu .wrap.on  a.tab1,.tabMenu .wrap.on a.tab3{color:#fff;background:#2fa1de}
.tabMenu .wrap.on  a.tab1:after,.tabMenu .wrap.on  a.tab3:after{content:"";display:block; width:16px;height:11px;margin:-1px auto 0}
.tabMenu .wrap.on .cnt{display:block}

.tabMenu .wrap2 .tab a{top:118px}

.campus_wrap .campus_img{position:relative;width:100%;height:400px;overflow:hidden}
.campus_wrap .campus_img img{margin-top:-30px}
.pop_wrapbg2{width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.7);z-index:100}
.campus_wrap .campus_img > div{display:none}
.campus_img .map0{position:absolute;bottom:0px;right:520px}
.campus_img .map1{position:absolute;top:194px;right:27px}
.campus_img .map2{position:absolute;top:271px;right:169px}
.campus_img .map3{position:absolute;top:222px;right:351px}
.campus_img .map4{position:absolute;top:194px;right:504px}
.campus_img .map5{position:absolute;top:261px;left:674px}
.campus_img .map6{position:absolute;top:200px;right:539px}
.campus_img .map6 .con:before{content:'';position:absolute;top:-28px;left:34px;width:2px;height:43px;transform:rotate(60deg);background:#ff9c00}

.campus_img .map7{position:absolute;top:200px;left:509px}
.campus_img .map8{position:absolute;top:94px;left:440px}

.campus_img .map9{position:absolute;top:107px;left:214px}
.campus_img .map10{position:absolute;top:170px;left:125px}
.campus_img .map11{position:absolute;top:153px;left:0px}

.campus_img .map12{position:absolute;top:228px;left:100px}
.campus_img .map13{position:absolute;top:278px;left:301px}
.campus_img .map14{position:absolute;top:279px;left:473px}

.campus_img .map15{position:absolute;top:343px;left:330px}
.campus_img .map16{position:absolute;top:271px;right:424px}
.campus_img .map17{position:absolute;top:200px;left:231px}
.campus_img .map18{position:absolute;top:363px;right:450px}


/*.campus_img2 .map2{position:absolute;top:130px;right:235px}*/
.campus_wrap .campus_img2{width:100%;height:450px;background:url(../img/campus_map.jpg) center top no-repeat;background-size:cover}

.campus_on{width:120px}
.campus_on .num{display:inline-block;position:absolute;top:-35px;left:50%;margin-left:-15px;width:30px;height:30px;background:#ff9c00;border-radius:50%;text-align:center;line-height:30px;font-size:13px;font-weight:700;color:#fff}
.campus_on .loc{display:inline-block;position:absolute;top:-35px;left:50%;margin-left:-15px;width:34px;height:43px;background:url(../img/pin_loc.png) center top no-repeat;text-align:center;line-height:30px;font-size:13px;font-weight:700;color:#fff}

.campus_on .con{position:relative;background:rgba(0,0,0,0.4);text-align:center;color:#fff;padding:4px 15px;display:inline-block;top:-20px;left:-10px}

.campus_img2 > div{display:none}
.campus_total > div{display:block}
.campus_total > div span.name{display:none}
.campus_total .campus_on .con{background:none}
.campus_img2 .map0{width:76px;height:61px;background:url(../img/map2-0.png) center top no-repeat;position:absolute;top:277px;right:379px;z-index:2}
.campus_img2 .map1{width:84px;height:90px;background:url(../img/map2-1.png) center top no-repeat;position:absolute;top:134px;right:274px;z-index:2}
.campus_img2 .map2{width:106px;height:79px;background:url(../img/map2-2.png) center top no-repeat;position:absolute;top:77px;right:346px;z-index:1}
.campus_img2 .map3{width:123px;height:43px;background:url(../img/map2-3.png) center top no-repeat;position:absolute;top:49px;right:459px;z-index:1}
.campus_img2 .map4{width:71px;height:55px;background:url(../img/map2-4.png) center top no-repeat;position:absolute;top:53px;left:749px;z-index:1}
.campus_img2 .map5{width:143px;height:79px;background:url(../img/map2-5.png) center top no-repeat;position:absolute;top:166px;left:745px;z-index:1}
.campus_img2 .map6{width:76px;height:66px;background:url(../img/map2-6.png) center top no-repeat;position:absolute;top:121px;left:748px;z-index:1}
.campus_img2 .map7{width:34px;height:32px;background:url(../img/map2-7.png) center top no-repeat;position:absolute;top:168px;right:641px;z-index:1}
.campus_img2 .map8{width:65px;height:111px;background:url(../img/map2-8.png) center top no-repeat;position:absolute;top:156px;left:678px;z-index:1}
.campus_img2 .map9{width:53px;height:63px;background:url(../img/map2-9.png) center top no-repeat;position:absolute;top:141px;left:302px;z-index:1}
.campus_img2 .map10{width:83px;height:97px;background:url(../img/map2-10.png) center top no-repeat;position:absolute;top:200px;left:350px;z-index:1}
.campus_img2 .map11{width:74px;height:66px;background:url(../img/map2-11.png) center top no-repeat;position:absolute;top:311px;left:473px;z-index:1}
.campus_img2 .map12{width:81px;height:95px;background:url(../img/map2-12.png) center top no-repeat;position:absolute;top:316px;left:658px;z-index:1}
.campus_img2 .map13{width:96px;height:84px;background:url(../img/map2-13.png) center top no-repeat;position:absolute;top:260px;left:722px;z-index:1}
.campus_img2 .map14{width:62px;height:62px;background:url(../img/map2-14.png) center top no-repeat;position:absolute;top:240px;left:810px;z-index:1}
.campus_img2 .map15{width:47px;height:32px;background:url(../img/map2-15.png) center top no-repeat;position:absolute;top:328px;left:838px;z-index:1}
.campus_img2 .map16{position:absolute;top:124px;right:508px}
.campus_img2 .map17{position:absolute;top:290px;left:570px}
.campus_img2 .map18{position:absolute;top:200px;right:402px}

.campus_img2 .map2 .con{top:71px !Important}
.campus_img2 .map3 .con{top:55px !Important}
.campus_img2 .map4 .con{top:75px !Important}
.campus_img2 .map5 .con{top:95px !Important}
.campus_img2 .map6 .con{top:-50px !Important}
.campus_img2 .map7 .con{top:-60px !Important}
.campus_img2 .map13 .con{top:-40px !Important}
.campus_img2 .map15 .con{top:-30px !Important}

.campus_box{padding:20px}
.campus_box .compus_tit{float:left;width:25%}
.campus_box .compus_tit h3{color:#fff;font-size:34px;padding-bottom:10px}
.campus_box .compus_tit p{color:#fff;font-size:15px;line-height:25px}
.campus_box .compus_tit a.btn_allmenu{width:190px;margin-top:30px;display:inline-block;padding:0 20px;background:#6bbce8 url(../img/icon_map_arrow.png) 95% center no-repeat;color:#fff;font-size:16px;height:50px;line-height:48px}
.campus_box .compus_tit a.btn_allmenu:hover{background-color:#76c1e9;text-decoration:none}

.campus_list{float:left;width:75%}
.campus_list ul{float:left;width:33%}

.campus_list ul li a{color:#fff;display:block;padding:2px 0}
.campus_list ul li a:hover,.campus_list ul li a.on{background-color:#134059;text-decoration:none}
.campus_list ul li a span{display:inline-block;width:25px;height:25px;background:rgba(0,0,0,0.4);border-radius:50%;text-align:center;line-height:25px;font-size:12px;font-weight:700;color:#fff;margin:0 10px 0 10px}
.campus_list ul li a span.m_vr{display:none}
.campus_list ul li a:hover span{background:none}
.campus_etc ul li a{position:relative;padding-left:40px}
.campus_etc ul li a:before{content:'';display:block;position:absolute;top:4px;left:15px;width:15px;height:21px;background:url(../img/etc_bl.png) left center no-repeat}

.location_menu{float:left;width:100%;margin-top:15px}
.location_menu a{color:#fff;font-size:15px;line-height:35px;height:80px;border:1px solid #6390c0;display:block;margin-top:-1px;text-align:center;font-size:14px;font-weight:bold;padding-top:35px}
.location_menu a:first-child{background:url(../img/icon_home.png) no-repeat;background-size:45px;background-position:center 5px}
.location_menu a:nth-child(2){background:url(../img/icon_media.png) no-repeat;background-size:45px;background-position:center 5px}
.location_menu a:nth-child(3){background:url(../img/icon_map.png) no-repeat;background-size:45px;background-position:center 5px}
.location_menu a:hover{background-color:#12489b;text-decoration:none}

.campus_bus_wrap{background:#eff1f3;width:100%;height:100vh;padding:30px 100px}
.campus_bus_wrap h3{font-size:16px;color:#3c5271;letter-spacing:-.08em;padding-bottom:20px;font-weight:700}

.table_type{width:100%; border-collapse:separate;border-spacing:5px 0px;padding-bottom:30px}
.table_type table{border-top:2px #0f203d solid}
.table_type td,.table_type th{border-bottom:1px #ddd solid;letter-spacing:-.04em}
.table_type th{background:#77a7cd;color:#fff;vertical-align:middle;font-weight:500;line-height:28px;height:45px;border-bottom:1px solid #6597be}
.table_type thead th{background:#476181;color:#fff;border-right:1px solid #94acc4}
.table_type td{padding:8px 12px;line-height:28px;font-size:16px;text-align:center;background:#fff;border-right:1px solid #ddd}
.tips_wrap{padding-top:5px}
.tips_wrap .tips{position:relative;font-size:14px;color:#999;letter-spacing:-.04em;display:inline-block;font-weight:700;padding-left:28px}
.tips_wrap .tips:before{content:'';position:absolute;top:0;left:0;width:22px;height:22px;display:block;background:url(../img/icon_tips.png) no-repeat;}
.tips_wrap a.btn_link{padding:0 15px;height:35px;display:inline-block;font-size:13px;border:1px solid #ccc;color:#999;font-weight:700;letter-spacing:-.04em;line-height:35px;margin-left:15px;border-radius:20px;text-align:center}
.tips_wrap a.btn_link:hover{text-decoration:none;background:#fff}

/* �곸긽蹂닿린, 罹좏띁�ㅻ㏊ �④린湲� */
#section_media, #section_campus {display:none}

/*�명듃濡�*/
#intro{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
#intro:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:999}
#intro .intro_pop{border-radius:50%;width:380px;height:380px;background:rgba(19,139,241,0.9);position:relative;z-index:1000;margin:280px auto 0;text-align:center}
#intro .intro_pop h3{font-size:27px;padding:73px 0 80px 0;margin-bottom:15px;background:url(../img/intro_icon_360.png) center bottom no-repeat}
#intro .intro_pop p{width:72%;margin:0 auto;font-size:14px}
#intro .intro_pop a.btn_start{border-radius:10px;display:inline-block;background:#fff;font-weight:700;width:140px;height:50px;line-height:50px;margin-top:15px}
#intro .intro_pop a.btn_start:hover{text-decoration:none}

/*�쒖꽕�뚭컻�앹뾽*/
.sisul_modal{background:rgba(0,0,0,0.6);display:block;border-radius:15px;width:500px;padding:30px 40px;position:absolute;top:0;left:0;z-index:9999}
.sisul_modal p{color:#fff}

/*紐⑤컮��*/
@media screen and (max-width:690px) {
    /*header*/
    #header{background:#fff;height:130px}
    #header h1{float:none;text-align:center;margin:0 auto}
    #header h1 img{width:150px;margin-left:-55px}
    #header .top_set{width:100%;top:80px}
    #header .top_set li{width:25%}
    #header .top_set li a{width:100%;height:50px;padding-top:15px;background-image:none !important;font-size:13px}



    /*�곸긽蹂닿린*/
    .pop_wrap{width:100%;margin-left:0;left:auto;height:550px;top:60px}
    .media_pop .media{padding:10px;max-height:77vh}
    .media_label{background-size:100px;width:100px;left:0;font-size:15px;line-height:20px}
    .media_label{font-size:16px;padding:12px 8px}
    .media_label strong{font-size:18px;margin-top:0}
    .btn_play{width:80px;background-size:80px}
    .ytp-cued-thumbnail-overlay-image{background-size:contain !important}

    /*嫄대Ъ�뺣낫*/

    .vr_listbox{overflow-y:scroll !important;max-height:52vh}
    .vr_listbox .vr_view_info_wrap{border:none;padding:5px 10px 25px 10px}
    .build_info_wrap .build_top .img img{width:100%}
    .floor_intro_wrap .floor_info{padding-bottom:15px}
    .floor_intro_wrap .floor_info h3{font-size:27px}
    .floor_intro_wrap .floor_info h3 span{font-size:20px}
    .floor_intro_wrap .floor_info ul{padding-top:9px;font-size:14px;line-height:20px}
    .build_info_wrap{width:270px}
    .build_off{left:-270px}
    .build_info_wrap .build_top h3{font-size:20px}
    .build_info_wrap .vr_view_info .title{width:59%;display:inline-block;word-break:break-word}
    .build_info_wrap a.btn_arrow{display:block;width:50px;height:50px;background:#262f3e url(../img/pop_btn_arrow.png) 95% center no-repeat;position:absolute;right:-50px;top:0}
    #section_build a.btn_arrow{top:130px}
    .floor_intro_wrap{height:47vh;padding:10px 20px 140px 10px}
    .floor_intro_wrap .floor_info ul li{word-break:break-all}
    .build_info_wrap .vr_view_info{padding:4px 10px}

    /*罹좏띁�ㅻ㏊*/
    #campus_wrap{width:100%;top:60px;left:0;margin-left:0;padding:10px}
    .campus_wrap .campus_img{height:auto}
    .campus_box{padding:10px}


    #campus_wrap{height:77vh}
    .campus_map_wrap{height:75vh;overflow-y:scroll}
    .campus_on .con{display:none}
    .compus_tit{display:none}
    .campus_list{width:100%}
    .campus_list ul{width:100%}
    .campus_wrap .campus_img img{width:100%}
    .pop_close{right:0px;top:-60px;width:60px;height:60px;background-size:26px}
    .pop_close span{font-size:0}
    .campus_list ul li a span.m_vr{display:none !important;display:inline-block;border-radius:0;background:#ffd800;color:#000}

    /*李얠븘�ㅼ떆�붽만*/
    .location_tab{width:100%;height:150px}
    .location_tab ul{margin-top:57px}
    .location_api{width:100% !important;left:0;padding-top:150px;position:static;}

    .location_tab ul li{width:25%;float:left}
    .location_tab ul li a{display:inline-block;border-right:1px solid #ddd}
    .location_tab h3{display:none;margin:15px 0;}
    .location_menu{width:100% !important}
    .location_menu a{width:33.3%;height:40px;float:left;margin-left:-1px;padding-top:0;background:none !Important;line-height:38px;padding-left:10px}
    .location_menu{position:absolute;top:0px;left:0px;width:auto;padding:0 20px}

    .campus_bus_wrap{width:100%;padding:20px;height:auto}

    .table_type{overflow-x:scroll}
    .table_type th,.table_type td{white-space:nowrap}

    /*�명듃濡�*/
    #intro .intro_pop{width:320px;height:320px;margin:55% auto 0}
    #intro .intro_pop h3{font-size:24px;padding:60px 0 50px 0;background-size:80px}
    #intro .intro_pop p{font-size:14px;line-height:24px;width:85%}
    #intro .intro_pop a.btn_start{margin-top:10px}


}

/*�뚮툝由�*/
@media screen and (min-width:691px) and (max-width:899px){
    /*�곸긽蹂닿린*/
    .pop_wrap{width:100%;margin-left:0;left:auto;height:550px}

    .media_label{background-size:100px;width:100px;left:0;font-size:15px;line-height:20px}
    .media_label{font-size:16px;padding:12px 8px}
    .media_label strong{font-size:18px;margin-top:0}
    .btn_play{width:80px;background-size:80px}
    .ytp-cued-thumbnail-overlay-image{background-size:contain !important}

    /*罹좏띁�ㅻ㏊*/
    #campus_wrap{width:100%;top:60px;left:0;margin-left:0;padding:10px}
    .campus_wrap .campus_img{height:auto}
    .campus_box{padding:10px}


    #campus_wrap{height:77vh}
    .campus_map_wrap{height:75vh;overflow-y:scroll}
    .campus_on .con{display:none}
    .compus_tit{display:none}
    .campus_list{width:100%}
    .campus_list ul{width:100%}
    .campus_wrap .campus_img img{width:100%}
    .pop_close{right:0px;top:-60px;width:60px;height:60px;background-size:26px}
    .pop_close span{font-size:0}
    .campus_list ul li a span.m_vr{display:none !important;display:inline-block;border-radius:0;background:#ffd800;color:#000}




}

/*�곗뒪�ы깙*/
@media screen and (min-width:900px) and (max-width:1599px){
    /*�곸긽蹂닿린*/

    .pop_wrap{width:100%;margin-left:0;left:auto;top:6%}

    .media_label{background-size:100px;width:100px;left:0;font-size:15px;line-height:20px}
    .media_label{font-size:16px;padding:12px 8px}
    .media_label strong{font-size:18px;margin-top:0}
    .btn_play{width:80px;background-size:80px}

    .ytp-cued-thumbnail-overlay-image{background-size:contain !important}

    /*罹좏띁�ㅻ㏊*/
    .campus_wrap .campus_img{width:1400px;text-align:center}
    .campus_map_wrap{overflow-x:scroll;overflow-y:hidden}
    #campus_wrap{width:100%;min-width:100%;overflow:inherit;left:auto;margin-left:auto;top:6%}
    .pop_close{right:0;top:0px;width:50px;height:50px;background-size:23px}
    .pop_close span{font-size:0}

    .campus_list{padding-bottom:20px}
    .campus_map_wrap::-webkit-scrollbar{width:1px}
    .campus_map_wrap::-webkit-scrollbar-thumb {
        background-color: #1283c0;
    }
    .campus_map_wrap::-webkit-scrollbar-track {
        background-color: #151b22;
    }

    .campus_box{float:left;width:100%}



}

/*�명듃遺� �믪씠*/
@media screen and (min-height:500px) and (max-height:720px){
    #campus_wrap{height:89vh;top:4%}
    .campus_map_wrap{overflow-y:scroll}
    .campus_box{float:left;height:19vh;width:100%}
}

@media
(max-device-width: 1024px)
and (max-device-height: 768px) {
    #campus_wrap{height:auto;top:0%}
    .pop_wrap{height:80vh}
}

@media
(max-device-width: 2560px)
and (max-device-height: 1440px) {
    .pop_wrap{height:65vh}
}