:lang(ko) {font-family: 'Noto Sans KR', sans-serif !important;}
#header{width: 100%;height: 60px;line-height: 60px;position: relative;background: #fafafa;}
#header .inner-wrap{width:90%; max-width: 1200px; margin:auto;position: relative;}
#header .inner-wrap h1{float: left;}
#header .inner-wrap h1 a{display: block;margin-top: 19px;}
#header .inner-wrap h1 img{height: 22px;}
#header .inner-wrap h1 a span{color: #898989;font-size: 14px;display: inline-block;vertical-align: bottom;font-weight: 700;margin-left: 5px;line-height: 1;}
.top-menu{float: right;}
.top-menu a{font-weight: 500;margin-left:34px;}
.top-menu a:nth-of-type(1){margin-left: 0;}
.top-menu .side-menu-m-btn{display: none;width: auto;}
#container:after{display: block;content: '';clear: both;}
#container{height: 100%;background-color: #fafafa;}
#contents{width:100%;position: relative;}
body.has-sticky-footer{min-height: 100vh;display: flex;flex-direction: column; background: #fafafa;}
body.has-sticky-footer > #header,body.has-sticky-footer > #footer{flex-shrink: 0;}
body.has-sticky-footer > #footer{margin-top: auto;}
#footer{width:100%;position: relative;background-color:#282828;}
#footer .inner-wrap{max-width: 1200px; width: 90%;height: 180px;margin:auto; position: relative;}
#footer .inner-wrap .logo{display: block;width: 115px;padding: 40px 20px 30px;}
#footer .inner-wrap .logo img{width: 100%;opacity: .3;}
#footer .inner-wrap .ft-link{display: block; width:100%;font-size: 12px;color:#888;padding-left: 20px;}
#footer .inner-wrap .ft-link a{color:#888;font-weight: 500;font-size: 12px;}
#footer .inner-wrap .ft-info{display: block;width: 100%;font-size: 12px;text-align: left;color:#888;padding-left: 20px;}
.login_footer{border-top:none !important;margin:0 auto !important;}
.main-wrapper{width: 100%; max-width: 1200px;height: 100%;margin:auto;}
.side-menu{position: relative;display: table-cell; width: 200px !important;height: 100%; background-color:#f5f5f5; vertical-align: top;}
.side-menu h1{margin:40px;}
.side-menu h1 a{font-size: 14px;color: #fff;}
.side-menu .side-menu-profile{margin-top: 50px; line-height: 50px;padding:20px 0;border-top: 1px solid #ddd;border-bottom:1px solid #ddd;}
.side-menu .side-menu-profile > div{display: inline-block;}
.side-menu .side-menu-profile .user-img{width: 50px;height: 50px;border-radius: 50%;overflow:hidden;vertical-align: middle;margin-left: 33px;}
.side-menu .side-menu-profile .user-img img{width: 100%;vertical-align: top;height: 100%;object-fit: cover;}
.side-menu .side-menu-profile .user-name{font-size: 12px;line-height: 50px;margin-left: 14px;}
.side-menu ul{width: 100%;margin-top: 40px;} 
.side-menu ul li{position: relative;width: 100%;box-sizing: border-box;}
.side-menu ul li a {display:block;width: 100%;box-sizing: border-box; line-height: 48px;font-size: 14px;padding-left: 30px;}
.side-menu ul li a i{margin-right: 13px; font-size: 15px;color:#909090;}
.side-menu ul li a img{width:16px;vertical-align: middle;margin-right: 13px;}
.side-menu ul li.on{background-color: #dcdcdc;}
.side-menu ul li.on:before {display: block;content: '';clear: both;width: 5px; height: 100%;background-color: #1178c0;position: absolute;left: 0;} 
.side-menu ul li.on i{color:#014099;}
.manage-form{position: relative;width: 1000px; height:100%;display: table-cell;vertical-align: top;}
.manage-form > div{marg in:40px;}
.manage-form > div h1{font-size: 24px;font-weight: 500;letter-spacing: 0.24px; margin-bottom: 25px;text-align: left;}
input[type=text], input[type=password]{width: 100%;height: 56px;border: solid 1px #e3e3e3;border-radius: 0;background-color: #f3f3f3;margin-bottom: 12px;box-sizing: border-box;position: relative;font-size: 16px !important;padding: 10px;box-shadow: none;}

/* manage-mypage */
.mask{width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.user-info{}
.user-info .user-info-wrap{position:relative;margin: 71px 40px 248px;}
.user-info .user-info-wrap .user-info-cnt{position: relative; max-width: 792px; width: 95%;margin:auto; background-color:#fff;border:1px solid #ddd;border-radius: 2px;box-sizing: border-box;padding:44px 41px;margin-bottom: 30px;}
.user-profile{}
.user-profile .edit-info{position: absolute;right: 39px;top:48px;}
.user-profile .edit-info a{margin-left: 15px;font-weight: 500;}
.user-profile .edit{display: inline-block;width: auto;height: auto;color: #014099;font-weight: 500;}
.user-profile-info{}
.user-profile-info .user-img{position: relative; display: inline-block; width:130px;height:130px;background-color: #f3f3f3;overflow: hidden;}
.user-profile-info .user-img img{width: 100%;height: 100%;object-fit: cover;}
.edit_profile_img{display: none; width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.edit_profile_img .edit_img_btn{position: relative;width: 100%;height: 100%;display: block;line-height: 130px;color:#fff;text-align: center;font-size: 35px;}
.edit_profile_img .profile_img{position: absolute;left: 0;top:0;width: 100%;height: 100%;opacity: 0;}
.user-profile-info .user-img:hover .edit_profile_img{display: block;}
.user-profile-info .user-info{display: inline-block; margin-left: 39px;vertical-align: top;text-align: left;}
.user-profile-info .user-info p{width: 114px; margin-right: 15px;margin-bottom: 15px;line-height: 1; display: inline-block;}
.user-profile-info .user-info p:nth-of-type(3){margin-right: 0;}
.user-project-cnt{}
.user-project-cnt p{display: inline-block;color:#000;}
.user-project-cnt p i{margin-right: 10px;}
.user-project-cnt p img{margin-right: 10px;}
.user-storage{}
.user-storage{position: relative;}
.user-storage .storage{position: absolute;right: 40px;top: 40px;}
.user-storage .storage-bar{width: 100%;height: 10px;background: #999;}
.user-storage .storage-bar .storage-bar-cnt{width: 65%;height: 100%;background-image: linear-gradient(to right, #b8bffc, #00a1e4, #1f80c4 49%, #17479c);}
.delete_account_form{display: none;box-sizing: border-box;max-width: 792px; width: 95%;margin:auto;padding: 44px 41px;background: #fff;}
.delete_account_form .delete_acnt{}
.delete_account_form .delete_acnt h2{margin-bottom:25px; font-size: 24px;text-align: left;}
.delete_account_form .delete_acnt .btn-wrap{text-align: center;margin-top: 30px;}
.delete_account_form .delete_acnt .btn-wrap a{display: inline-block;width: 30%;height: 45px;background-color: #014099;color: #fff;text-align: center;line-height: 45px;font-size: 14px;border:1px solid #014099;border-radius: 2px;font-weight: 500;}
.delete_account_form .delete_acnt .btn-wrap a:nth-of-type(2){background-color: #fff;border:1px solid #014099;color:#014099;}
.delete_account_form .delete_acnt strong{display: block;font-size: 20px;color: #014099;font-weight: 500;}
.delete_account_form .delete_acnt h3{font-size: 20px;color: #000;margin: 20px auto 10px;}
.delete_account_form .delete_acnt .delete_acnt_form{width: 100%;height: 134px; margin:0 auto 10px; overflow: auto;border: solid 1px #000000;line-height: 1.5;}
.delete_account_form .delete_acnt .delete_guide{padding: 13px 15px;}
.delete_account_form .delete_acnt label{position: relative; font-size: 16px;color:#000;}
.delete_account_form .delete_acnt p{margin: 54px auto 11px;}
.delete_account_form .delete_acnt label .delete_agree_btn{padding-left: 5px;}

.change_pass_form{display: none;box-sizing: border-box;max-width: 792px; width: 95%;margin:auto;padding: 44px 41px;background: #fff;}
.change_pass_form h2{margin-bottom:25px; font-size: 24px;text-align: left;}
.change_pass_form .info_btn{text-align: center;margin-top: 30px;}
.change_pass_form .info_btn button{width: 30%; height: 45px;line-height: 45px;background-color: #014099; color: #fff;border:none;font-size: 14px;border-radius: 2px;border:1px solid #014099;font-weight: 500;}
.change_pass_form .info_btn button:nth-of-type(2){background-color: #fff;border:1px solid #014099;color:#014099;}
.check_container .checkmark:after {top: 3px;left: 3px;width: 13px;height: 11px;background: url(../images/icon/check_icon.png) no-repeat;background-size: 100%;background-position: 50% 50%;}
.check_container input:checked ~ .checkmark{background-color: #014099;}
.check_container input:checked ~ .checkmark:after{display: block;}
/* //manage-mypage */

/* manage-project */ 
.project-wrap{margin:30px;}
.list-project{position: relative;display: inline-block; width: 300px;box-sizing: border-box;padding:15px;text-align: center;vertical-align: top;width: 33%;}
.list-project .check-project{position: absolute;top: 30px;left: 30px;z-index:10;} 
.list-project .check-project .user-project-check{display: block; position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.list-project .check-project .user-project-check > p{padding:0 5px; color:#fff;}
.list-project .check-project .user-project-check input[type=checkbox] {position: absolute;opacity: 0;cursor: pointer;left: 0;top: 0;}
.list-project .check-project .user-project-check .checkBox{position: absolute; top: 0;left: 0;height: 20px;width: 20px;border-radius: 50%;margin:3px; background-color: #fff;border: 1px solid #000;box-sizing: border-box;}
.list-project .check-project .user-project-check .checkBox:after{content: '';clear: both;position: absolute; display: none; }
.list-project .check-project .user-project-check .checkBox:after{top: 4px;left: 4px;width: 10px;height: 10px;background-color: #014099;border-radius: 50%;}
.list-project .check-project .user-project-check input:checked ~ .checkBox:after{display: block;}
.publish-switch{position: absolute;right: 30px;top: 30px;z-index: 10;}
.publish-switch .switch{position: relative;display: inline-block;vertical-align: top;width: 88px;height: 20px;padding: 3px;border-radius: 18px;cursor: pointer;}
.publish-switch .switch-input {position: absolute;top: 0;left: 0; opacity: 0;}
.publish-switch .switch-label {position: relative;display: block;height: inherit;font-size: 10px;text-transform: uppercase;background: #eceeef;border-radius: inherit;-webkit-transition: 0.15s ease-out;-moz-transition: 0.15s ease-out;-o-transition: 0.15s ease-out;transition: 0.15s ease-out;-webkit-transition-property: opacity background;-moz-transition-property: opacity background;-o-transition-property: opacity background;transition-property: opacity background;}
.publish-switch .switch-label:before, .switch-label:after {position: absolute;top: 50%; margin-top: -.5em;line-height: 1;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;transition: inherit;}
.publish-switch .switch-label:before {content: attr(data-off);right: 11px;color: #aaa;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.publish-switch .switch-label:after {content: attr(data-on);left: 11px;color: white;text-shadow: 0 1px rgba(0, 0, 0, 0.2);opacity: 0;}
.publish-switch .switch-input:checked ~ .switch-label {background: #014099;}
.publish-switch .switch-input:checked ~ .switch-label:before {opacity: 0;}
.publish-switch .switch-input:checked ~ .switch-label:after {opacity: 1;}
.publish-switch .switch-handle {position: absolute;top: 4px; left: 4px; width: 18px; height: 18px; background: white; border-radius: 10px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);background-image: -o-linear-gradient(top, white 40%, #f0f0f0);background-image: linear-gradient(to bottom, white 40%, #f0f0f0);-webkit-transition: left 0.15s ease-out;-moz-transition: left 0.15s ease-out;-o-transition: left 0.15s ease-out;transition: left 0.15s ease-out;}
.publish-switch .switch-input:checked ~ .switch-handle {left: 72px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
.manage-project-wrap{}
.manage-project-wrap h1{width: 90%;margin:40px auto 13px;font-size: 16px;}
.manage-project-wrap h1 img{width: 16px;margin-right: 8px;}
/* project keyword search */
.project-search-form{display: flex;align-items: stretch;gap: 8px;width: 100%;max-width: 520px;margin: 0 0 24px;}
.project-search-form input[type=text]{flex: 1 1 auto;min-width: 0;height: 44px;margin-bottom: 0;padding: 0 14px;font-size: 14px !important;background-color: #fff;border-radius: 2px;}
.project-search-form button{flex: 0 0 auto;height: 44px;padding: 0 24px;border: 0;border-radius: 2px;background-color: #262626;color: #fff;font-size: 14px;cursor: pointer;}
.project-search-form button:hover{background-color: #3e84b6;}
.manage-project-wrap .project-search-form{width: 90%;margin: 0 auto 20px;max-width: none;}
.manage-project-wrap .tour_setting{margin:0;height: 70px;line-height: 70px;border-bottom: 2px solid #ddd;display: none;}
.tour_setting .tour_set_left{float: left;background-color: #3e83b5;font-family: 'SFProDisplay-Ultralight';font-size: 22px;}
.tour_setting .tour_set_left .tour-selected{float: left;color: #fff;margin-left: 40px;}
.tour_setting .tour_set_left .tour-selected .count-selected{margin-right: 10px;}
.tour_setting .tour_set_left .line{float: left;line-height: 70px; display: block;width: 1px;height: 30px;background-color: #fff;margin: 20px 30px;}
.tour_setting .tour_set_left .seleced-all{float: left;display: block;width: auto;color: #fff;font-family: 'SFProDisplay-Ultralight';font-size: 22px;line-height: 70px;margin-right: 40px;}
.tour_setting .tour_set_left .seleced-all .changeTxt{margin-left: 10px;}
.tour_setting .tour_set_right{float: right;}
.tour_setting .tour_set_right ul{}
.tour_setting .tour_set_right ul li{display: inline-block;margin-right: 30px;}
.tour_setting .tour_set_right ul li a{color: #999;font-size: 13px;}
.tour_setting .tour_set_right ul li a i{margin-right: 10px;}
.list-project .vr-world-wrapper{position: relative;width: 100%;height:310px;background-color: #fff;border-radius: 4px;border:.5px solid #f2f2f2;} 
.list-project .vr-world-wrapper .tour-link{width: 100%;border-top-left-radius: 6px;border-top-right-radius: 4px;overflow: hidden;} 
.list-project .tour-link a{position:relative;display: block;width: 100%;height: 160px;overflow: hidden;cursor:pointer;transition: .5s ease-in-out;} 
.list-project .tour-link a img{height:160px;width: 100%;} 
.list-project .tour-link a:after{content: '';clear: both;display:block;position: absolute;left: 0;top: 0;width: 100%;height:100%;background-color: rgba(0,0,0,1);display: none;} 
.list-project .tour-info h1{height: auto;max-height: 42px;overflow:hidden; font-size: 14px;font-weight: 500; margin-top:18px;margin-bottom: 0;width: 100%;padding: 0 8px;box-sizing: border-box;}
.list-project .tour-info span{display:block;padding:5px 8px;font-size: 12px;text-align: left;width: 100%;box-sizing: border-box;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-project .tour-footer-info{width: 100%;position: absolute;bottom:0;margin-bottom:18px;border-top:1px solid #ddd;padding-top: 18px;}
.list-project .tour-footer-info ul{display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-around;padding: 0 8px;box-sizing: border-box;}
.list-project .tour-footer-info ul li{position: relative;display:inline-block;height: 21px;line-height: 21px;opacity: .35;margin-right:0;cursor: pointer;color: #193546;white-space: nowrap;} 
.list-project .tour-footer-info ul li:last-child{margin-right: 0;font-size: 16px;vertical-align: bottom;}
.list-project .tour-footer-info ul li img{vertical-align: middle;} 
.list-project .tour-footer-info ul li span{font-size: 14px;} 
.list-project .tour-footer-info ul .edit_btn:before{content: 'Edit';display: block;clear:both;position: absolute;top: -35px;left: 50%;transform: translateX(-50%);font-size:13px;color: #fff;background-color: #000;text-align: center;line-height:20px;padding:5px 10px; display: none;} 
.list-project .tour-footer-info ul .edit_btn:hover:before{display: block;}
.list-project .tour-footer-info ul .delete_btn_p:before{content: 'Delete';display: block;clear:both;position: absolute;top: -35px;left: 50%;transform: translateX(-50%);font-size:13px;color: #fff;background-color: #000;text-align: center;line-height:20px;padding:5px 10px; display: none;} 
.list-project .tour-footer-info ul .delete_btn_p:hover:before{display: block;}
.list-project .tour-footer-info ul .copy-clipboard:before{content: 'Copy Project';display: block;clear:both;width: 80px;position: absolute;top: -35px;left: 50%;transform: translateX(-50%);font-size:13px;color: #fff;background-color: #000;text-align: center;line-height:20px;padding:5px; display: none;} 
.list-project .tour-footer-info ul .copy-clipboard:hover:before{display: block;}
.list-project .tour-footer-info ul .project-download:before{content: 'Download Project';display: block;clear:both;width: 110px;position: absolute;top: -35px;left: 50%;transform: translateX(-50%);font-size:13px;color: #fff;background-color: #000;text-align: center;line-height:20px;padding:5px 0; display: none;} 
.list-project .tour-footer-info ul .project-download:hover:before{display: block;}
.more-project{text-align: center;}
.more-project a{margin:auto; display: block;width: 200px;height:45px;color: #999;font-size: 18px;font-family:'SFProDisplay-Bold'; line-height: 45px;} 
.more-project a:hover{color:#333;}
.more-project a i{margin-left: 6px;}
.manage-form .download-popup{display: none;position: relative;width: 460px;height: 276px;border-radius: 2px;box-shadow: 20px 20px 80px 0 rgba(0, 0, 0, 0.35);background-color: #ffffff;z-index: 14;position: fixed;left: 50%;top: 270px;margin:0;transform: translateX(-50%);}
.download-popup .popup-form{text-align: center;}
.download-popup .popup-form:nth-child(2){display: none;}
.download-popup .popup-form p{display: block;width: 100%; box-sizing: border-box;padding:0 40px;font-size: 17px;font-family: 'SFProDisplay-Semibold';position: absolute;top: 50%;transform: translateY(-80%);}
.download-popup .popup-form .btn-wrap{position: absolute;bottom: 0;width: 100%;}
.download-popup .popup-form .btn-wrap a{display: block;width: 50%;height: 50px;float: left;color: #fff;text-align: center;font-size: 18px;font-family: 'SFProDisplay-Semibold';line-height: 50px;background-color: #262626;border-bottom-left-radius: 2px;border-color: none;border-style: none;border-width: 0;padding: 0;}
.download-popup .popup-form .btn-wrap a:nth-of-type(2){background-color: #3e84b6;}
/* //manage-project */ 

/* manage-Library*/ 
.folder_file .item div{width: 20px;height: 20px;margin: 10px;position: relative;}
.library-form{height: 750px} 
.library_wrap{margin:40px 20px;}
.library-form .library_wrap h1{font-size: 16px;margin-bottom: 15px;}
.library-form .library_wrap h1 i{margin-right: 9px;color:#999;}
.library_wrap .menu_list{width: 20%; max-width: 215px; height: 769px;box-sizing: border-box; background: #fff;position:relative;margin:0;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.library_wrap .menu_list h1{color: #fff;padding:21px 28px;background-color: #1178c0;font-size: 18px;font-weight: bold;}
.library_wrap .menu_list .folder_add_btn{position: inherit;margin-bottom: 24px;}
.library_wrap .menu_list .folder_add_btn .add_btn{float: right;margin-right: 10px; width: 83px;height: 26px;box-sizing: border-box;background-color: #fff;color:#333;font-family: 'SFProDisplay-Bold';border:1px solid #999;font-size: 12px;padding-left: 0;line-height: 26px;text-align: center;}
.library_wrap .user_folder{overflow:inherit;overflow-y: auto;overflow-x:visible; height: 80%;}
.library_wrap .user_folder::-webkit-scrollbar {-webkit-appearance: none;width: 2px;}
.library_wrap .user_folder::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.library_wrap .user_folder li{padding-left: 0;}
.library_wrap .user_folder li:nth-of-type(1) a{border-top:1px solid #dcdcdc;}
.library_wrap .user_folder li a{display: block;width: 100%; height: 40px;line-height: 40px; color: #000;padding-left: 10px;box-sizing: border-box;border-bottom: 1px solid #dcdcdc;}
.library_wrap .user_folder li a i{margin-right: 10px;}
.library_wrap .user_folder li.on > a{background-color: rgba(62,132,182,.1);color: #014099;}
.library_wrap .user_folder li a .delete_icon{float: right;position: relative;display: none;}
.library_wrap .user_folder li.on > a .delete_icon{display: block;}
.library_wrap .user_folder li ul li a{padding-left: 37px;}
.library_wrap .delete_btn{width: 180px;height: 40px;border-radius: 2px; box-shadow: 0.6px 1.9px 10px 0 rgba(131, 131, 131, 0.83);background-color: #fff;z-index: 1;}
.library_wrap .delete_btn{position: absolute;bottom:-30px;right:-190px;padding-left: 20px;}
.library_wrap .file_list{ position: relative;width: 80%; height: 769px;box-sizing: border-box; overflow-y: auto;overflow-x: hidden; margin:0;background-color: #fff;border: 1px solid #ddd;} 
.library_wrap .creat_new_folder h1{font-size: 16px;font-family: 'SFProDisplay-Regular';padding:54px 50px 11px;margin-bottom: 0;}
.library-form .folder_file{ width: 95%; margin:70px auto 0; height: calc(100% - 214px); overflow-y: auto; }
.library-form .folder_file::-webkit-scrollbar {-webkit-appearance: none;width: 2px;}
.library-form .folder_file::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.library-form .folder_file .item{float: left;width: 225px;height: 215px !important;box-sizing: border-box;border-radius: 2px; background-color: #fff;margin-bottom:20px;position: relative;wid th: 31%;margin-right: 2%;border-radius: 2px;box-shadow: 1.3px 5.8px 10px 0 rgba(82, 81, 81, 0.1);border: solid 1px #dddddd;position: relative;}
.library-form .folder_file .item:hover{background-color: #e1e1e1;}
.library-form .folder_file .item .file_img {width: 90%;height: 104px !important;margin:36px auto 20px;overflow: hidden;}
.library-form .folder_file .item .file_img img{height: 100%;width: 100%;}
.library-form .file_add_btn{position: relative;width: 100%;margin: 0;text-align: right;float: none;}
.library-form .file_add_btn > div{float: none;display: inline-block;}
.library-form .file_add_btn .library_head{display: block; width: 95%;height: 60px;margin:0 auto;}
.library-form .file_add_btn .library_head h1{float: left;margin-bottom: 0;line-height: 60px;}
.library-form .file_add_btn .library_head h1:after{display: block;clear: both;content: '';width: 40px;height: 2px;background: #1178c0;}
.library-form .file_add_btn .library_head .library_head_right{float: right;height: 60px;box-sizing: border-box;padding-top: 38px;}
.library-form .file_add_btn .library_head .library_head_right > div{display: inline-block;}
.library-form .file_add_btn .library_head .upfile{width: 135px;}
.library-form .file_add_btn .library_head .upfile label.add_project_file:before{content: '+';clear: both;display: block;width: 20px;height: 20px;border:1px solid #000;color:#000;text-align: center;font-size: 14px;line-height: 18px; position: absolute;left: 0;to p:11px;bottom:0; box-sizing: border-box;}
.library-form .file_add_btn .library_head .upfile label.add_project_file{position: relative;display: inline-block;cursor: pointer;width: 100%;height: 60px;height: 100%; text-align: center;font-size: 14px;color:#000;padding: 0;padding-left: 5px;vertical-align: bottom;}
.library-form .file_add_btn .library_head .upfile input[type="file"] { position: absolute;top: 0;right: 0;margin: 0;padding: 0;z-index: 10;font-size: 14px;cursor: pointer;width: 100%;height: 60px;opacity: 0;filter: alpha(opacity=0); }
.library-form .file_add_btn .update_btn{width: auto;margin-right: 10px;}
.library-form .folder_file .item .user_project_info{position: absolute;bottom: 0; width: 90%;height: auto;margin-left: 5%;margin: 10px;}
.library-form .file_add_btn .update_btn .allChecked{width:auto;background: no-repeat;border: none;color: #000;line-height: inherit;height: 60px;height: auto;}
.library-form .file_add_btn .update_btn .allChecked .checkBox{position: relative; display: inline-block;margin-right: 10px; vertical-align: middle;height: 20px;width: 20px;background-color: #fff;border: 1px solid #000;box-sizing: border-box;}
.library-form .file_add_btn .update_btn .allChecked .checkBox:after{content: '';clear: both;display: block;position: absolute; top: 3px;left: 3px;width: 13px;height: 11px;background: url(../images/icon/check_icon.png) no-repeat;background-size: 100%;background-position: 50% 50%;}
.checkContainer{position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkContainer input[type=checkbox]{position: absolute;opacity: 0;cursor: pointer;}
.checkmark{position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #fff;border:1px solid #000;box-sizing: border-box;}
.checkContainer input:checked ~ .checkmark {background-color: #014099;border:1px solid #014099;}
.checkmark:after {content: '';position: absolute;display: none;}
.checkContainer input:checked ~ .checkmark:after {display: block;}
.checkContainer .checkmark:after {top: 3px;left: 3px;width: 13px;height: 11px;;background: url(../images/icon/check_icon.png) no-repeat;background-size: 100%;background-position: 50% 50%;}
.library-form .user_project_info .project_info_wrap{width: 100%;height: auto;margin:0 0 10px;}
.library-form .user_project_info .project_info_wrap .project_title{width: 100%;line-height: 1; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;letter-spacing: 0.1px;font-size: 18px;}
.library-form .user_project_info .update_info p{float: left;font-size: 10px;color:#666;}
.library-form .user_project_info .update_info .project_size{float: right;}
.library-form .user_project_info .update_info{width: 100%;height: auto;margin:0;}
.library_wrap .file_list .folder_file .item .deleteBtn{display: block;width: 20px;height: 20px;line-height: 10px;text-align: center;font-size: 16px;color: #999;position: absolute;right: 10px;top: 10px;}
.library_wrap .file_list .upload_tour_btn{text-align: right;width: 100%;margin-top: 15px;}
.library_wrap .file_list .upload_tour_btn a{float: right; margin-right: 30px; display: block;width: 150px;height: 45px;background-color: #014099;color: #fff;text-align: center;line-height: 45px;}

/* //manage-Library */

/* tour */
.add-tour .form-group {margin-top: 0;border: none;padding:10px 20px;}
.create_tour_form{padding:40px;background-color: #fff;box-sizing: border-box;border-radius: 3px;}
.create_tour_form .create_tour_wrap{max-width: 1100px;background-color: #fafafa;padding: 43px 0 54px;border:1px dotted #ddd;border-radius: 3px;}
.dragdrop_container{text-align: center;}
.dragdrop_container img{margin-top: 10px;}
.dragdrop_container h2{font-size: 18px;color: #999;margin:6px auto 38px;}
.dragdrop_container .dragdrop_section{display: inline-block;width: 36%;max-width: 240px; margin: 0 12px;cursor: pointer;}
.dragdrop_container .dragdrop_section .dragdrop_file{position: relative;display: block;width: 100%;height: 50px;border-radius: 6px; background-color: #014099;color:#fff;font-size: 14px;font-weight: 500; text-align: center;line-height: 50px;}
.dragdrop_container .dragdrop_section .up_project_file{position: absolute;width: 100%;height: 50px;padding: 0;overflow: hidden;border: 0;opacity: 0;left: 0;top: 0;}

.create_tour_wrap p{display: block;text-align: center;font-size: 15px;}
.storage_bar{width: 75%;height: 10px; background-color: #999;text-align: center;margin:80px auto 20px;}
.storage_bar .storage_cnt{width: 60%;height: 100%; background-image: linear-gradient(to right, #b8bffc, #00a1e4, #1f80c4 49%, #17479c);}
.project_info_container{padding:40px;background-color: #fff;box-sizing: border-box;border-radius: 3px;margin-bottom: 90px;}
.form-group .project_info .project_title{font-size: 16px;font-weight: 500;}
.form-group .project_info .project_title > p{font-family: 'SFProDisplay-Ultralight';float: right; font-size: 16px;}
.form-group .project_option{width: 100%;position: relative;}
.form-group .project_option h2{font-size: 16px; margin: 10px auto;font-weight: 500; line-height: 1;}
.form-group .project_option .prj{position: relative;float: left;height: 100%;width: 100%;}
.form-group .project_option .project_left{position: relative;}
.form-group .project_option .project_left > div{width:47.5%; margin-bottom: 20px;float: left;}
.form-group .project_option .project_left > div img{width: 100%;}
.form-group .project_option .project_left .project-location {margin-left: 5%;}
.form-group .project_option .project_left .project-location img{width: 100%;}
.form-group .project_option .project_left .project_left_wrap{width: 100%;height: 100%; position: absolute;top: 0;left: 0;}
.form-group .project_option .project_left .project_left_wrap > p{display: block;width: 100%;text-align: center;color: #fff;}
.form-group .project_option .project_left .title_section{font-size: 30px;font-family: 'SFProDisplay-Semibold';margin-top: 80px;}
.form-group .project_option .project_left .author_name_section{font-size: 20px;margin: 12px auto 20px;}
.form-group .project_option .project_left .location_section{font-size: 16px;}
.form-group .project_option .project_right > div{width: 100%;}
.form-group .project_option .edit_img{width: 100%;}
.form-group .project_option .edit_img_btn{font-size: 16px;text-align: center;width: 212px;height: 36px;line-height: 36px;position: absolute;background:#3e83b5;color:#fff;left: 104px;top:300px;}
.form-group .project_option .edit_img_btn:hover{background-color: #35709a;}
.form-group .project_option .edit_img_btn .edit_img_file{position: absolute;width: 100%;height: 30px;padding: 0;overflow: hidden;border: 0;opacity: 0;left: 0;top: 0;}
.setting_content .project_option .logo_file{font-size: 16px;text-align: center;width: 212px;height: 36px;line-height: 36px;border-radius: 19.5px;font-family: 'SFProDisplay-Ultralight';position: absolute;left: 50%;top: 0;}
.setting_content .project_option .logo_file:hover{background-color: #35709a;color: #fff;}
.setting_content .project_option .logo_file .logo_file_up{position: absolute;width: 100%;height: 30px;padding: 0;overflow: hidden;border: 0;opacity: 0;left: 0;top: 0;}
.project_right > div{margin-bottom: 30px;position: relative;}
.project_left > div > p{margin:15px auto 10px;font-size: 18px;font-family: 'SFProDisplay-Bold'; display: inline-block;line-height: 34px;width: 42%;position: relative;}
.project_left > div .category_contents{width: 100%; margin-left: 4%;}
.project_left > div .category_contents select{width: 100%; margin-left: 13%;height: 34px;border:none;border-radius: 0;border:1px solid #ddd;background: #fcfcfc;}
.project_right > div .ml{margin-left: 40px;}
.project_right > div > a{float: right; width: auto;line-height: 36px;}
.project_location{width: 100%;}
.project_location li{width: 100%; float: left;position: relative;margin-bottom: 20px;}
.project_location li input::placeholder{font-size: 12px;color:blue;}
.project_location li input[value="SITE_CD"],
.project_location li input[value="SITE_NM"],
.project_location li input[value="SITE_ADR1"],
.project_location li input[value="SITE_ADR2"],
.project_location li input[value="ORD_INST_NM"],
.project_location li input[value="STRT_DT"],
.project_location li input[value="NVL(LAST_CMPL_DT, CMPL_PRED_DT)"],
.project_location li input[value="EXIF: 2019.07.12 오후 4:11"]{color:blue;}
.project_location li textarea{width: 100%;height: 120px;resize: none; resize: vertical; border:1px solid #ddd;background: #fcfcfc;font-size: 14px;padding:12px 9px;}
.project_location li textarea::placeholder{color:blue;}
.project_location li input{height: 34px;border:1px solid #ddd;background-color: #fcfcfc;margin-bottom: 0;font-size: 14px !important;color:#333;}
.project_location li select{width: 100%; border:none;border-radius: 0;height: 34px;border:1px solid #ddd;background: #fcfcfc;border-radius: 0;float: left;margin-bottom: 10px;}
.project_location li h2{margin-bottom: 16px;}
.project_location .project_info input{width: 48%;float: left;}
.project_location .project_info span{float: left;line-height: 34px;text-align: center;display: block;width: 4%;}
.project_location .project-info-text{width: 100%;height: 120px;resize: none; resize: vertical; border:1px solid #ddd;background: #fcfcfc;font-size: 14px;padding:12px 9px;}
.project_location .project-detail-txt{width: 100%;height: 120px;resize: none; resize: vertical; border:1px solid #ddd;background: #fcfcfc;font-size: 14px;padding:12px 9px;}
.project_location .project-detail-txt::placeholder{color:#333;}
.project_location .project_detail input{height:180px;}
.project_location .project_manager input{width: 100%;}
.project_location .project-address input{width: 100%;margin-bottom: 10px;}
.project_location .project_manager input::placeholder{font-size: 13px;}
.project_location .project_password_container input {width: 49%;}
.project_location .project_password_container input:nth-of-type(1){margin-right: 1%;}
.project_location .project_password_container input::placeholder{font-size: 13px;color:#333;}
.project_location .project-date input{width: 48%;float: left;}
.project_location .project-date span{display: block;line-height: 34px;text-align: center;width: 4%;float: left;}

.project_location .project_term{font-size: 16px;width: 49%;float: left;}
.project_location .project_password_container{width: 49%;float: left;margin-left: 2%;}
.project_location .period_year{width: 14%;}
.project_location .period_month{width: 10%;}
.project_location .period_date{width: 10%;}
#start-day{float: left;line-height: 34px;}
.project_location .project_term span{display: block;text-align: center;padding:0 10px 0 5px;width: auto;float: left;line-height: 34px;}
.project_location .project_term em{float: left;padding:0 20px;line-height: 34px;}
.project_option .btn_wrap{margin:70px auto;width: 100%;display: inline-block;text-align: center;}
.setting_content .project_option .btn_wrap{width: 100%;float: left;margin:40px 0 0;}
.setting_content .project_location{margin-bottom: 0;}
.project_option .btn_wrap > a{display: block;display: inline-block; width: 49%;max-width: 270px; height: 60px;border-radius: 2px; border: solid 2px #014099;box-sizing: border-box;line-height: 60px; text-align: center;font-size: 16px;color: #014099;}
.project_option .btn_wrap .save_btn{background: #014099; color:#fff;margin-left: 20px;}
.project_left input.controls{width: 170px;height: 44px;border-radius: 2px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);background-color: #ffffff; margin: 10px;position: absolute;}
.project_step_2 .project_option .option_title{margin-top: 20px;}
.project_location .share_option_btn{margin-top: 20px;}
.project_location .share_option{display: inline-block; position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 16px;color: #333;padding-left: 22px;}
.project_location .share_option input[type="checkbox"]{position: absolute;opacity: 0;cursor: pointer;height: 20px;}
.project_location .share_option span{display: block;margin-bottom: 15px;font-weight: 300; font-size: 16px;margin: 2px 0;}
.project_location .share_option .checkmark5{position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #fff;border:1px solid #000;border-radius: 50%;box-sizing: border-box;display: block;padding: 0;margin-left: 0;}
.project_location .share_option .checkmark5:after{content: '';clear: both;position: absolute;display: none;}
.project_location .share_option input:checked ~ .checkmark5:after{display: block;}
.project_location .share_option .checkmark5:after{top: 3px;left: 3px;width: 8px;height: 8px;background: #3e83b5;border-radius: 50%;}
.project_location .share_option:nth-of-type(1){margin-right: 12px;}
.project_location .select_share_box{display: inline-block;}
#map {width: 100%;height: 270px;overflow: hidden;}
#map img{height: 100%;}
.switch {position: relative;display: inline-block;width: 60px;height: 34px;line-height: 34px;float: right;}
.switch input { opacity: 0;width: 0; height: 0;}
.switch_slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0; bottom: 0;background-color: #eaeaea;-webkit-transition: .4s;transition: .4s;}
.switch_slider:before {position: absolute;content: "";height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s;transition: .4s;}
input:checked + .switch_slider {background-color: #3e83b5;}
input:focus + .switch_slider {}
input:checked + .switch_slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.switch_slider {border-radius: 34px;}
.switch_slider:before {border-radius: 50%;}
.tour-add{}
.add-tour .tour_create_form{padding:40px;}
.add-tour .tour_create_form .tour_create_container{background-color: #fff;}
.project_step_1 .tour-add .dragdrop_section{width: 25%;display: inline-block;margin:50px 5px 54px;}
.project_step_1 .tour-add .dragdrop_section2 .dragdrop_file{background-color: #3e83b5;color:#fff;}
.add-tour .project_step_2{background-color: #fff;padding:40px;}
.add-tour input:checked + .switch_slider{background-color: #3e83b5;}
.add-tour .project_right > div .upload_file{background-color: #3e83b5;}
.add-tour .project_option .logo_file:hover{background-color: #35709a;}
.add-tour .project_right > div .upload_file:hover, .add-tour .project_right > div .music_file:hover{background-color: #35709a;}
.add-tour .project_option .btn_wrap > a{border:2px solid #014099;}
.library_pop{display: none;}
.library_pop .library-form{width: 90%;max-width: 1240px; height: 80%;background-color: #f1f1f1; position: fixed;left: 50%;top: 60px;transform: translateX(-50%);}
.library_pop .library_wrap{height: 100%;position: relative;box-sizing: border-box;margin: 0;padding: 40px;}
.library_pop .library_wrap .menu_list, .library_pop .library_wrap .file_list{height: -moz-calc(100% - 4px);height: -webkit-calc(100% - 4px);height: calc(100% - 4px);}
.pop_library_close{position: absolute;right: 20px;top: 20px;}
.pop_library_close .close{color: #000;font-size: 20px;display: block;width: 20px;height: 20px;text-align: center;line-height: 20px;}
/* //tour */

/* edit-project */
.project_step_3{position:relative;height: 100%;}
.project_step_3 .Project_bg{height: : 100%;background: url(../images/main/project02.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: fixed; top: 0; left: 0; min-width: 100%;min-height: 100%;}
.project_step_3 .top_controls{width: 100%;position: relative; background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.7)));background-image: -webkit-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-image: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-image: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.7));}
.project_step_3 .top_controls ul{float: left; z-index: 11;}
.project_step_3 .top_controls ul li{padding:30px 5px 10px;float: left;}
.project_step_3 .top_controls ul li:first-child{padding-left: 30px}
.project_step_3 .top_controls ul li a{display: block;width: 176px;height: 38px;border-radius: 19px;font-size: 14px;font-family: 'SFProDisplay-Semibold'; background-color: #fff;color: #878787; text-align: center;line-height: 38px;}
.project_step_3 .top_controls ul li a:hover{backgr ound-color: #3e84b6;col or: #fff;}
.project_step_3 .top_controls ul li.red a{color: #fff;background-color: #014099;border:none;}
.vr_close_btn{display: none;position: absolute;left: 30px;top: 30px;z-index: 9;}
.vr_close_btn .preview_close_btn{display: block;width: 38px;height: 38px;background-color: #014099; border-radius: 50%;color: #fff;border:0;text-align: center;line-height: 40px;z-index: 9;font-size: 23px;}

.project_step_3 .side_controls{position: absolute;left: 0;top: 100px;z-index: 12;}
.project_step_3 .side_controls ul{margin-left: 30px;width: 150px;height: 480px; padding:15px;box-sizing: border-box; background-color: rgba(255,255,255,.6);border-radius: 4px;}
.project_step_3 .side_controls ul li{width: 100%;margin-bottom: 8px;}
.project_step_3 .side_controls ul li a{display: block;width: 100%;height: 30px;box-sizing: border-box;float: left;color: #333;letter-spacing: -0.3px; line-height: 28px;font-size: 23px;position: relative;}
.project_step_3 .side_controls ul li a img{width: 12px; vertical-align: middle;display: inline-block;}
.project_step_3 .side_controls ul li a .icon_container{margin-left: 0;}
.project_step_3 .side_controls ul li a .icon_container .img2{display: none;}
.project_step_3 .side_controls ul li:hover a .icon_container .img1{display: none;}
.project_step_3 .side_controls ul li:hover a .icon_container .img2{display: block;}
.project_step_3 .side_controls ul li.on p{color: #014099;}
.project_step_3 .side_controls ul li.on .icon_container .img1{display: none;}
.project_step_3 .side_controls ul li.on .icon_container .img2{display: block;}
.project_step_3 .side_controls ul li p{color:#000;display: inline-block;line-height: 28px;font-size: 14px;margin-left: 18px;vertical-align: middle;}
.project_step_3 .side_controls ul li:hover p{color:#014099;}
.project_step_3 .aside_controls{position: absolute;right: 0;top:0;float: right;z-index: 3;}
.project_step_3 .aside_controls ul{}
.project_step_3 .aside_controls ul li{float: left;margin: 39px 25px;position: relative;padding:0;}
.project_step_3 .aside_controls ul li:last-child{margin-right: 49px;}
.project_step_3 .aside_controls ul li a{display: block;color:#fff;text-align: center;box-sizing: border-box; width:40px;height: 40px;line-height: 38px;margin: 0 auto 8px; border-radius: 50%;border: solid 0.5px rgba(238, 238, 238,.7);background-color: rgba(7, 13, 13,.7);}
.project_step_3 .aside_controls ul li a:hover{background-color: rgba(7, 13, 13,.7);}
.project_step_3 .aside_controls ul li a img{vertical-align: middle;}
.project_step_3 .aside_controls ul li p{position: absolute;bottom: -29px;left: 50%;margin-left: -55px; display: block;width: 110px;height: 25px;padding:0 10px; text-align: center; line-height: 25px; font-size: 13px;letter-spacing: -0.4px; background-color: rgba(7, 13, 13,.9);border-radius: 0 20px 20px ;color:#fff;display: none;}
.project_step_3 .aside_controls ul li:hover p{display: block;}
.project_step_3 .vr_footer{text-align: center;position: absolute;left: 0;bottom:0;right: 0;padding: 20px 0;}
.project_step_3 .vr_footer .foot_thumb_wrap{width: 100%;padding: 0 20px;box-sizing: border-box;margin:auto;position: relative;}
.project_step_3 .vr_footer ul{width: 100%;}
.project_step_3 .vr_footer ul li{color: #fff;}
.project_step_3 .vr_footer .footer_control_m{background: rgba(0,0,0,.5);height: 45px;text-align: center;}
.project_step_3 .vr_footer .footer_control_m li{width: 23%; color: #fff;text-align: center;display: inline-block;vertical-align: middle;}
.project_step_3 .vr_footer .footer_control_m li a{height: 45px;line-height: 45px;display: block;color: #fff;font-size: 20px;}
.project_step_3 .vr_footer .footer_control_m li a img{vertical-align: middle;}
.project_step_3 .vr_footer .foot_thumb_wrap .foot_thumb_btn{width: 20px;margin: 0 auto 10px;text-align: center;display: none;}
.project_step_3 .vr_footer .foot_thumb_wrap .foot_thumb_btn a{text-align: center;color: #fff;font-size: 25px;}
.project_step_3 .vr_footer .foot_thumb_wrap .foot_thumb_img_wrap{position: relative; width: 100%;margin:auto;overflow:hidden;box-sizing: border-box;padding: 0 60px;}
.project_step_3 .vr_footer .foot_thumb_wrap ul{width: 100%;height: 72px; margin: auto;}
.project_step_3 .vr_footer .foot_thumb_wrap ul li{position: relative; width: 150px;height: 72px; opacity: 0.5;box-sizing: border-box; display: inline-block;margin-right: 10px;}
.project_step_3 .vr_footer .foot_thumb_wrap ul li a{display: block;width: 100%;}
.project_step_3 .vr_footer .foot_thumb_wrap ul li a img{width: 100%;transition: all 0.2s ease-in-out;}
.project_step_3 .vr_footer .foot_thumb_wrap ul li.show{opacity: 1;border: 1px solid #fff;}
.project_step_3 .vr_footer .foot_thumb_wrap ul li:hover{opacity: 1;}
.project_step_3 .vr_footer .foot_thumb_wrap ul li a span{display: none;width: 100%; position: absolute;bottom:0;text-align: center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;background-color: rgba(0,0,0,.5);}
.project_step_3 .vr_footer .foot_thumb_wrap ul li.show a span{display: block;}
.project_step_3 .vr_footer .foot_thumb_wrap ul li a:hover span{display: block;}
.project_step_3 .vr_footer .thumb_slide_btn{width: 100%;}
.project_step_3 .vr_footer .thumb_slide_btn a{position: absolute;top: 50%;margin-top: -20px; color:#fff;text-align: center;display: block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;font-size: 18px;position: absolute;background-color: rgba(0,0,0,.3);}
.project_step_3 .vr_footer .thumb_slide_btn a:hover{background-color: rgba(0,0,0,1);}
.project_step_3 .vr_footer .thumb_slide_btn .lf{left: 0;}
.project_step_3 .vr_footer .thumb_slide_btn .rt{right: 0;}
.project_step_3 .vr_footer .vr_footer_control{margin:auto;}
.project_step_3 .vr_footer .vr_footer_control li{display: inline-block;margin-right: 6px;margin-bottom: 26px;position: relative}
.project_step_3 .vr_footer .vr_footer_control li:last-child{margin-right: 0;}
.project_step_3 .vr_footer .vr_footer_control li a{display:block;border:0.5px solid rgba(238, 238, 238, .7); color: #fff;width: 25px;height: 25px;line-height: 25px; border-radius: 50%;background-color: rgba(0,0,0,.7);}
.project_step_3 .vr_footer .vr_footer_control .loop:before{display: block;clear: both;content: 'loop';width: auto;padding:5px 10px;text-align: center;color:#fff;background-color: #014099;border-radius: 10.5px;position: absolute;left: -56px;top: -2px;display: none;transition: all 0.2s ease-in-out;}
.project_step_3 .vr_footer .vr_footer_control .loop:hover:before{display: block;}
.project_step_3 .vr_footer .vr_footer_control .remove_foot_thumb:after{display: block;clear: both;content: 'Romove current scene';width: auto;padding:5px 10px;text-align: center;color:#fff;background-color: #014099;border-radius: 10.5px;position: absolute;right: -159px;top: -2px;display: none;transition: all 0.2s ease-in-out;}
.project_step_3 .vr_footer .vr_footer_control .remove_foot_thumb:hover:after{display: block;}
.project_step_3 .vr_title{color: #fff;}
.project_step_3 .vr_title h2{color: #fff;font-size: 20px; font-family: 'SFProDisplay-Semibold';margin: 11px auto 0;}
.project_step_3 .vr_title p{font-size: 14px;font-family: 'SFProDisplay-Ultralight'}
.manage-project .Project_bg{top: 0;}
.manage-project .vr_footer{padding-bottom: 15px;}
.manage-project .floormap_btn{display: none;}
.manage-project .floormap_popup{display: none;}
.manage-project .vr_footer .thumb_slide_btn{display: none;}
.manage-project .vr_footer:hover .thumb_slide_btn{display: block;}
.loadBtn{display: none;font-size: 30px;}
/* library */
.library_popup{width: 1320px;height: 90%;margin:auto;position: absolute;left: 50%;margin-left: -660px;z-index: 12;top: 3%;display: none;}
.edit_library{z-index: 13;}
.library_popup h1{font-size: 22px;font-family: 'SFProDisplay-Bold';margin-bottom: 20px;text-align: left;background-color: #014099;}
.library_popup .menu_list{width: 20%;height: 100%;overflow: hidden;position: relative;border:none;margin-right: 0;}
.library_popup .menu_list h2{color: #fff;font-size: 24px;margin:17px 30px 42px;}
.library_popup .menu_list .library_close_btn_m{display: none;width: 15px;height: 15px;text-align: center;color: #fff;font-size: 20px;line-height: 15px;position: absolute;right: 15px;top: 15px;}
.library_popup .menu_list .list_all{}
.library_popup .menu_list .list_all a{color: #fff;font-size: 14px;margin:0px 30px;height: 35px;line-height: 35px;}
.setting_content .project_right .bg_music .music_file_name{right: 20px;}
.setting_content .project_right > div .music_file{left: 31%;}
.library_popup .user_folder{width: 100%;height: calc(100% - 244px);overflow-y: auto;}
.folder_add_btn{position: absolute;bottom:0;width: 100%;}
.folder_add_btn a{display: block;width: 100%;height: 44px;line-height: 44px;color: #fff;background-color:#3c3d42;padding-left: 20px;}
.folder_add_btn .delete_btn{background:#980000;}
.library_popup .file_list{position: relative;width: 80%;height: 100%;overflow-y: auto; border-left: 1px solid #ddd;}
.library_close_btn{width: 15px;height: 15px;position: absolute;right: 30px;top: 30px;}
.library_popup .file_list .folder_location{margin:30px 50px;line-height: 47px;}
.library_popup .file_list .folder_location a{font-size: 20px;font-family: 'SFProDisplay-bold';}
.file_search{float: right;margin-right: 26px;position: relative;}
#bg{display: none; position: fixed; z-index: 13; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.5);}
.file_search_form{}
.file_search input.library_search{width: 318px;border:none;background-color: rgba(255,255,255,0);border-bottom:1px solid #014099;}
.file_search .library_search_btn{border:none;margin-bottom: 10px;margin-left: -30px;background-color: transparent;position: absolute;right: 0;top: 50%;margin-top: -11px;font-size: 20px;color: #014099;}
.folder_file{margin:30px 50px 0;height: calc(100% - 214px);overflow-y: auto;}
.folder_file::-webkit-scrollbar {-webkit-appearance: none;width: 2px;}
.folder_file::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.folder_file .item{float: left;width: 19%;height: 210px !important;background-color: #f3f3f3;margin-right: 1%;margin-bottom:20px;position: relative;}
.folder_file .item:hover{background-color: #e1e1e1;}
.folder_file .item .user_project_info {width: 90%;height: auto;margin: 20px auto;}
.folder_file .item .user_project_info > div{width: 100%;height: auto;}
.folder_file .item .user_project_info .project_info_wrap{width: 100%;height: auto;margin:0 0 10px;}
.folder_file .item .user_project_info .project_info_wrap .project_title{width: 100%;line-height: 1; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;letter-spacing: 0.1px;font-size: 16px;}
.folder_file .item .user_project_info .update_info p{float: left;font-size: 10px;color:#666;}
.folder_file .item .user_project_info .update_info .project_size{float: right;}
.folder_file .item .user_project_info .update_info{width: 100%;height: auto;margin:0;}
.folder_file .item .file_img {width: 90%;height: 80px !important;margin:24px auto 0;overflow: hidden;}
.library_pop .library-form .folder_file .item .file_img{margin-top: 10px;}
.folder_file .item .file_img img{width: 100%;}
.folder_file .item .library_img_name{width: 90%;margin: 15px auto;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.folder_file .item .deleteBtn{display: block;width: 20px;height: 20px;line-height: 10px;text-align: center;font-size: 16px;color: #999;position: absolute;right: 5px;top: 5px;}
.file_add_btn{float: right;margin:20px 50px;position: absolute;right: 0;bottom: 0;}
.file_add_btn a{display: block;float: left;width: 180px;height: 50px;border:1px solid #014099; margin-right: 20px;color:#014099;text-align: center;line-height: 50px;}
.file_add_btn a:hover{background-color: #35 709a;col or: #fff;}
.file_add_btn .update_btn{position: relative;width: 180px;float: left;}
.file_add_btn .update_btn label.addTourUp{display: inline-block;vertical-align: middle;cursor: pointer;width: 180px;height: 50px;background-color: #014099;text-align: center;line-height: 50px;font-size: 14px;font-family: 'SFProDisplay-Regular';color:#fff;padding: 0;}
.file_add_btn .update_btn:hover label.addTourUp{back ground-color: #35709a;}
.file_add_btn .update_btn input[type="file"] { position: absolute;top: 0;right: 0;margin: 0;padding: 0;z-index: 10;font-size: 14px;cursor: pointer;width: 100%;height: 50px;opacity: 0;filter: alpha(opacity=0); }
.creat_new_folder{display: none;position: relative;width: 460px;height: 276px;border-radius: 2px;box-shadow: 20px 20px 80px 0 rgba(0, 0, 0, 0.35);background-color: #ffffff;z-index: 14;position: fixed;left: 50%;margin-left: -230px;top: 270px;}
.creat_new_folder h1{font-size: 16px;padding:54px 50px 11px;}
.creat_new_folder .closeBtn{display: block;width: 15px;height: 15px;position: absolute;right: 30px;top: 30px;}
.creat_new_folder .folder_name{width: 80%;margin: auto;}
.creat_new_folder .folder_name .new_folder_name{width: 100%;}
.folder_footer{position: absolute;bottom: 0;width: 100%;}
.folder_footer > button{display: block;width: 50%;height: 56px;float: left;color:#fff;text-align: center;font-size: 18px;font-family: 'SFProDisplay-Semibold';line-height: 56px;background-color: #262626;border-bottom-left-radius: 2px; border-color: none;border-style: none;border-width: 0;padding: 0;}
.folder_footer .saveBtn{background-color: #014099;border-bottom-left-radius: 0; border-bottom-right-radius: 2px; }

.vr_icon_wrap{display: none;}
.vr_icon_wrap .floor_icon_btn{width: 100%;height: 45px !important;position: absolute;bottom: 0;left: 0;z-index: 7;display: none;}
.vr_icon_wrap .floor_icon_btn a{display: block;}
.floor_sub_img{display: block;width: 340px;position: absolute;bottom: 80px;left: 80px;}
.right_close{display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 26px;text-shadow: 1px 1px 1px rgba(0,0,0,.7);position: absolute;right: -50px;top: 50%;margin-top: -20px;display: none;}
.drag_floor_option{position: absolute;left: 15px;top:15px;}
.floor_sub_img img{width: 100%;border:1px solid #fff;}
.drag_view_icon{display: block;position: absolute;left: 60%;top: 20%;}
.drag_view_icon img{border:0;}

.hotspot_toll_wrap{}
.hotspot_toll_wrap li{position: absolute;left: 40%;top:40%;}
.hotspot_toll_wrap li:last-child{position: absolute;left: 70%;top:66%;}

#modal_bg{display: none; position: fixed; z-index: 11; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.1);}
.project_hotspot{z-index: 12;display: none;}
.mordal_content {width: 400px;height: 480px;background-color: #ffffff;border-radius: 2px; position: absolute;left: 180px;z-index: 12;top: 100px !important;}
.mordal_content .mordal_wrap{width: 87%;margin: 30px auto;}
.mordal_content .mordal_wrap2{margin: 30px auto;}
.mordal_content .mordal_wrap::-webkit-scrollbar {width: 2px;}
.mordal_content .mordal_wrap::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.mordal_content .mordal_wrap::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); }
.mordal_content .mordal_wrap label{display: block;}
.mordal_content .mordal_wrap .close_btn{display: block;width: 15px;height: 15px;background: url(../images/main/icon_x.png) no-repeat;background-size: 100%;position: absolute;right: 20px;top:20px;}
.mordal_content .mordal_wrap .side-name{float: left;padding-bottom: 0;padding-top: 25px;text-align: left;}
.mordal_content .mordal_wrap .icon-form{width: 120px;float: right;margin-right: 65px;}
.hotspot_form .hotspot_icon_preview{width: 50px;height: 50px;background-color: #00aeef;border-radius: 50%;box-sizing: border-box;margin: 0 auto 15px;background-repeat: no-repeat;background-position: 50% 50%;background-size: 40%;background-position: 50% 60%;background-size: 60%;font-size: 30px;color:#fff;line-height: 50px;text-align: center;font-family: 'SFProDisplay-bold';background-size: 100%;}
.hotspot_form .change_icon{position: relative;width: 112px;margin: auto;}
.hotspot_form .upload_prd_icon{position: relative;width: 130px;margin:11px auto 0;}
.hotspot_form .change_icon label{vertical-align: middle;cursor: pointer;width: 130px;height: 36px;border-radius: 2px;border: solid 1px #ddd;text-align: center;line-height: 36px;font-size: 12px;font-family: 'SFProDisplay-Semibold';color:#00aeef;padding: 0;margin:0;}
.hotspot_form .change_icon input[type="file"]{position: absolute;width: 100%;height: 36px;padding: 0;overflow: hidden;border: 0;opacity: 0;left: 0;top: 0;}
.hotspot_form .upload_prd_icon label{width: 130px;}
.hotspot_form .upload_prd_icon:hover label{background-color: #3e84b6;color:#fff;}
/*hotspot-tab*/
.hotspot-tab h1{position: relative; text-align: center;font-size: 16px;color:#000;line-height: 32px;color: #014099; font-family: 'SFProDisplay-Semibold';margin-bottom: 20px;}
.hotspot-tab h1:before{content: '';clear: both;display: block;width: 50%;height: 2px;background-color: #014099;position: absolute;left: 0;bottom: -2px;}
.hotspot-tab h1:after{content: '';clear: both;display: block;width: 50%;height: 2px;background-color: #ddd;position: absolute;right: 0;bottom: -2px;}
.hotspot-tab ul{width: 100%;margin-bottom: 20px;}
.hotspot-tab ul li {width: 50%;float: left;text-align: center;font-size: 16px;color:#999;line-height: 30px;font-family: 'SFProDisplay-Semibold';border-bottom:2px solid #dcdcdc;cursor: pointer;}
.hotspot-tab ul li.tab_on {color: #014099;border-bottom: 2px solid #014099;}
.hotspot_contents{width: 100%;}
.hotspot_contents h4{font-size: 18px;margin-bottom: 10px;}
.icons-wrap{display: none;}
.icons-wrap ul{width: 100%;height: 160px;overflow-y: auto;border: 1px solid #ddd;box-sizing: border-box;padding:10px;}
.icons-wrap ul::-webkit-scrollbar {width: 2px;}
.icons-wrap ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.icons-wrap ul::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); }
.icons-wrap ul li{width: 25px;height: 25px;display: inline-block;line-height: 25px; text-align: center;margin: 0 4px 10px;cursor: pointer;}
.icons-wrap ul li img{width: 100%; height: 25px;vertical-align: middle;}
.icons-wrap ul li:hover{opacity: .7;}
.icons-wrap-1{display: block;}
.icons-wrap-1 ul{width: 100%;height: 100px;overflow-y: auto;border: 1px solid #ddd;box-sizing: border-box;padding:10px;}
.icons-wrap-1 ul::-webkit-scrollbar {width: 2px;}
.icons-wrap-1 ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.icons-wrap-1 ul::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); }
.icons-wrap-1 ul li{width: 25px;height: 25px;display: inline-block;line-height: 25px; text-align: center;margin: 0 4px 10px;cursor: pointer;}
.icons-wrap-1 ul li img{width: 100%; height: 25px;vertical-align: middle;}
.icons-wrap-1 ul li:hover{opacity: .7;}
.mordal_content .mordal_wrap .icons-wrap .iconUploadBtn{float: right; position: relative;vertical-align: middle;cursor: pointer;width: 120px;height: 26px;text-align: center;font-family: 'SFProDisplay-Semibold'; line-height: 26px;font-size: 12px;color:#014099;border:1px solid #ddd;box-shadow: 0.6px 1.9px 2px 0 #efefef; border-radius: 2px;padding: 0;margin-top:10px;}
.mordal_content .mordal_wrap .icons-wrap .iconUploadBtn input[type="file"]{position: absolute;width: 100%;height: 26px;padding: 0;overflow: hidden;border: 0;opacity: 0;left: 0;top: 0;}
.mordal_content .mordal_wrap .icons-wrap .iconUploadBtn:hover{background-color: #014099;border:1px solid #014099; color: #fff;}
.icon_rotation{margin-top: 30px;}
.icon_rotation .transform-button{width: 100%;text-align: center;}
.icon_rotation .transform-button > a{display: block;float: left;width: 20px;height: 20px;line-height: 18px;text-align: center;font-size: 18px;border:1px solid #014099;color: #014099;box-sizing: border-box;}
.icon_rotation .transform-button > a:last-child{float: right;}
.icon_rotation .transform-button .transform-option{width: 298px;line-height: 20px; float: left;text-align: center;}
.icon_rotation .transform-button .transform-option > a{width: 32%;display: inline-block;font-family: 'SFProDisplay-Bold';font-size: 14px;color:#000;opacity: .4;}
.icon_rotation .transform-button .transform-option > a.control_on{opacity: 1;}
.icon_rotation .transform-group{width: 100%;margin-top: 15px;}
.icon_rotation .transform-group .ro-control > label{font-size: 12px;line-height: 15px;margin-bottom: 5px;font-family: 'SFProDisplay-Semibold';color:#010101;}
.icon_rotation .transform-group .ro-control > label img{margin-right: 6px;vertical-align: middle;}
.icon_rotation .transform-group .ro-control .option_wrap{width: 100%;height: 10px;position: relative;line-height: 10px;}
.icon_rotation .transform-group .ro-control .option_wrap > p{position: absolute;font-size: 12px;font-family: 'SFProDisplay-Semibold';}
.icon_rotation .transform-group .ro-control .option_wrap > p:nth-of-type(1){left: 0;}
.icon_rotation .transform-group .ro-control .option_wrap > p:nth-of-type(2){left: 50%;margin-left: -4px;}
.icon_rotation .transform-group .ro-control .option_wrap > p:nth-of-type(3){right: 0;}
.transform-group .ro-control .controlBar{width: 100%;height:15px;position: relative;}
.transform-group .ro-control .controlBar > input[type="range"]{-webkit-appearance:none;z-index: 1;width:100%;height:2px;background: #bed9ed;background-position:center;background-repeat:no-repeat;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;margin: auto;outline: none;}
.transform-group .ro-control .controlBar > input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:12px;border-radius: 0; background: #00aeef;position:relative;;z-index:3;cursor: pointer;}
.scrollbar-form::-webkit-scrollbar {width: 2px;}
.scrollbar-form::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.scrollbar-form::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); }
/* teleport-hotspot */
.hotspot_form{padding-bottom:5px;}
.hotspot_form .scrollbar-form{height: 150px;overflow-y: auto;padding-right:5px;}
.hotspot_form .scrollbar-form li{width: 49%;margin-right: 1%;margin-bottom:5px;}
.hotspot_form .scrollbar-form li:nth-child(2n){margin-right: 0;}
.hotspot_form .scrollbar-form li a{position: relative;}
.hotspot_form .scrollbar-form li a .select_scene{display: block;width: 100%;height: 100%;box-sizing: border-box;background-color: rgba(0,0,0, 0.6);color:#fff;text-align: center;line-height: 75px;font-size: 16px;font-family: 'SFProDisplay-Semibold'; position: absolute;top: 0;left: 0;}
#project_teleport_hotspot .add_img_btn{text-align: center;margin-bottom: 40px;margin-top: 17px;}
#project_teleport_hotspot .add_img_btn .add_img_video_btn{float: right; display: block;width: 50%;border-radius: 2px; text-align: center;color: #014099;border:1px solid #dddddd;line-height: 34px;margin-top: 10px;font-size: 12px;font-family: 'SFProDisplay-Bold';}
#project_teleport_hotspot .add_img_btn .add_img_video_btn:hover{background-color: #014099;border:1px solid #014099; color: #fff;}
/* callnumber-hotspot */
/* popup_image-hotspot */
.hotspot_img_preview{width: 50%;height: 80px;background-color: #f5f5f5;border:1px solid #ddd;margin:10px auto 0;}
.hotspot_img_preview img{width: 100%;}
.hotspot_form .upload_img{width: 50%;margin:10px auto;}
.icon_rotation-popup{margin-top: 20px;}
/* audio-hotspot */
/* gallery-hotspot */
.hotspot_form .photo_upload, .hotspot_form .video_upload{width: 50%;float: left;text-align: center;}
.gallery_add h3{padding: 37px 30px 25px;}
#project_gallery_hotspot .gallery_add{height: 480px;width: 200px;border-radius: 2px; background-color: #ffffff;position: absolute;left: 581px;top: 100px;z-index: 12;}
.gallery_add .add_img_wrap{width: 75%;height: 365px;margin:auto;overflow-y: auto;padding-right: 10px;padding-left: 10px;}
.gallery_add .add_img_wrap::-webkit-scrollbar {-webkit-appearance: none;width: 2px;}
.gallery_add .add_img_wrap::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
#project_gallery_hotspot .gallery_add .add_img{width: 100%;height: 80px;margin: 0 auto 16px;background-color: #f5f5f5;overflow: hidden;position: relative;}
#project_gallery_hotspot .gallery_add .add_img img{width:100%; background-color: #f5f5f5;}
#project_gallery_hotspot .gallery_add .add_img .remove-hot-spot-gallery-photo{display: block;width: 10px;height: 10px;background: url(../images/main/icon_x.png) no-repeat;background-size: 100%;position: absolute;right: 10px;top: 10px;cursor: pointer;}
.gallery_list{display: inline-block;margin:20px auto;}
.gallery_list label{font-size: 14px;text-align: center;font-family: 'SFProDisplay-Semibold';padding-bottom: 5px;padding-top: 10px;}
.gallery_list .upload_btn_wrap{display: inline-block;width: 100px;height: 36px;border: 1px solid #ddd;box-sizing: border-box;position: relative;color: #014099;line-height: 36px;text-align: center;font-size: 14px;font-family: 'SFProDisplay-Semibold';}
.gallery_list .upload_btn_wrap:hover{background: #014099;color: #fff;border: 1px solid #014099;}
.file-upload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;z-index: 10;font-size: 20px;cursor: pointer;width: 100%;height: 36px;opacity: 0;filter: alpha(opacity=0); }
.gallery_list .gallery_btn .upload-name{width: 270px;height: 56px;border: solid 1px #e3e3e3;background-color: #f3f3f3;}
.gallery_list .gallery_btn .select_btn{display: block;width: 114px;height: 36px;line-height: 36px;border: solid 1px #3e84b6;font-size: 18px;color: #3e84b6;padding: 0;text-align: center;box-sizing: border-box;margin-left: 5px;}
.gallery_list .insertBtn{display: block;width: 114px;height: 36px;line-height: 36px;font-size: 14px;color: #014099;padding: 0;text-align: center;box-sizing: border-box;margin-left: 3px;float: right;cursor: pointer;border: none;box-shadow: none;font-family: 'SFProDisplay-Semibold';border: 1px solid #ddd;}
.gallery_list .insertBtn:hover{background: #014099;color:#fff;}
.gallery_list .insertBtn span{width: auto;float: right;margin-right: 10px;font-size: 14px;line-height: 46px;}
#fileuploadurl{float: left;border: none;font-size: 12px;padding-left: 0;width: 309px;}
.youtube_upload label{text-align: left;}
.youtube_upload input.youtube_name{width: 225px;height: 36px;}
.youtube_upload span{display: block;width: 100%;font-size: 13px;}
.youtube_upload span .red{font-family: 'SFProDisplay-Ultralight';}
.youtube_upload input[type="text"]::placeholder{font-size: 12px;}
/* text-hotspot */
.hotspot_form .font_l{width: 100%;}
.hotspot_form .bg_color{width: 50%;float: left;}
.hotspot_form .bg_color span{display: block;font-size: 14px;margin-bottom: 10px;font-family: 'SFProDisplay-Semibold';}
.hotspot_form .bg_color li{float: left;width: 37px;height: 37px;border: 1px solid #f3f3f3;box-sizing: border-box;margin-right: 5px;position: relative;cursor: pointer;}
.hotspot_form .bg_color li:after{clear: both;display: none;content: '';width: 20px;height: 20px;border-radius: 50%;background: url(../images/icon/check_icon.png) no-repeat;background-size: 50%;background-position: 50% 50%;background-color: #014099;position: absolute;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;}
.hotspot_form .bg_color li.on:after{display: block;}
.hotspot_form .font_option{width: 50%;float: right;}
.hotspot_form .font_option li{width: 100%;margin-bottom: 10px;}
.hotspot_form .font_option li span{display: block;float: left; width: 50%;font-size: 14px;font-family: 'SFProDisplay-Semibold';line-height: 28px;}
.hotspot_form .font_option li input.background_opacity{width: 60px;height: 28px;font-size: 16px;float: left;box-sizing: border-box;padding:0;box-shadow: none;}
.hotspot_form .font_option li input.font_size{width: 60px;height: 28px;font-size: 14px;float: left;box-sizing: border-box;padding:0;box-shadow: none;}
.hotspot_form .font_option .font-opacity{position: relative;}
.hotspot_form .font_option .font-opacity > p{float: left;margin-top: 10px;margin-left: 5px;}
.hotspot_form .txt_color{width: 100%;}
.hotspot_form .txt_color span{display: block;width: 100%;font-size: 14px;margin: 5px 0;font-family: 'SFProDisplay-Semibold';}
.hotspot_form .txt_color li{float: left;width: 20px;height: 20px;box-sizing: border-box;border: 1px solid #f3f3f3;margin-right: 2px;cursor: pointer;}
.hotspot_form .txt_color li:nth-of-type(5n){marg in-right: 0;}
.hotspot_form .txt_color li span{display: block;width: 14px;height: 14px;margin:2px;box-sizing: border-box;}
.hotspot_form .txt_color li span.active{border:2px solid #014099;box-sizing: content-box;margin: 0;}
.hotspot_form .font_style{width: 100%;margin-top:15px;}
.hotspot_form .font_style .font_characters{-webkit-appearance:none;width: 100%;height: 36px;line-height: 36px;border-radius: 0;border:1px solid #e3e3e3;font-size: 14px;background-color: #f3f3f3;box-sizing: border-box;padding:0 10px;}
.hotspot_form .font_style .font_characters:focus {outline: none;}
.hotspot_form .txt_color .writing_spot{margin-top: 10px;height: 100px;}
.hotspot_form .txt_color textarea{padding:10px;}
.hotspot_form .txt_color textarea::placeholder{font-size: 14px;}
/*vrDrawing-hotspot*/
.vrDrawing_guide{z-index: 12; position: absolute;left:50%;top: 50%;transform:translate(-50%, -50%);width: 400px;height: 590px;border-radius: 4px;box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.2);background-color: rgba(255,255,255,.8);}
.vrDrawing_guide h1{text-align: center;font-weight: 500;font-family: 'SFProDisplay-Medium'; font-size: 14px;padding:36px 0 32px;}
.vrDrawing_guide .guide_wrap{}
.vrDrawing_guide .guide_wrap li{width: 345px;height: 120px;margin:0 auto 15px;padding:18px;box-sizing: border-box; text-align: center; border-radius: 10px;box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);background-color: rgba(255,255,255,.8);}
.vrDrawing_guide .guide_wrap li:last-child{margin-bottom: 10px;}
.vrDrawing_guide .guide_wrap li img{margin-bottom: 16px;}
.vrDrawing_guide .guide_wrap li span{display: block;width:100%;font-size: 13px;}
.vrDrawing_guide .guide-check {width: 345px;position: relative;margin: auto;}
.vrDrawing_guide .guide_close_btn{display: block;margin:21px auto 0;width:100px;height: 34px;text-align: center;line-height: 34px;color:#fff;background-color: #014099;}\
.vrDrawing_guide .guide-check{width: 345px;position: relative;margin:auto;}
.vrDrawing_guide .guide-check .checkmark:after{content: '';clear: both;display: block;position: absolute; top: 3px;left: 3px;width: 13px;height: 11px;background: url(../images/icon/check_icon.png) no-repeat;background-size: 100%;background-position: 50% 50%;}
.show-checkbox{position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-left: 30px;padding-top: 1px;}
.show-checkbox input[type=checkbox]{position: absolute;opacity: 0;cursor: pointer;}
.checkmark{position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #fff;border:1px solid #000;box-sizing: border-box;}
.show-checkbox input:checked ~ .checkmark {background-color: #014099;border:1px solid #014099;}
.checkmark:after {content: '';position: absolute;display: none;}
.show-checkbox input:checked ~ .checkmark:after {display: block;}
.temp_area{position: absolute;right: 40%;top: 50%;transform: translateY(-50%);z-index: 12; display: none;}
.temp_area img{}
.drawing_control{}
.drawing_control .pointer_close{width: 20px;height: 20px;position: absolute;right: 52px;top: -15px;cursor: pointer;}
.drawing_control .pointer_plus{width: 20px;height: 20px;position: absolute;right: 30px;top: -15px;cursor: pointer;}
.vrDrawing_modal{display: none;}
.vrDrawing_action{width: 100%;margin-bottom: 30px;}
.vrDrawing_action ul{width: 100%; height: 34px;border:1px solid #dddddd;background: #f5f5f5;box-sizing: border-box;position: relative;}
.vrDrawing_action ul li {position: relative; z-index: 1; width: 100%;height: 34px;line-height: 34px; box-sizing: border-box;padding:0 10px;font-size:12px; cursor: pointer;}
.vrDrawing_action ul li.init{cursor: pointer;color: #666;}
.vrDrawing_action ul li ul{width: 100%;height: auto; position: absolute;left: 0;}
.vrDrawing_action ul li ul li{}
.vrDrawing_action ul li ul li:hover{background: #fff;}
.vrDrawing_action > ul::before {display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;}
.vrDrawing_action > ul:after{content: '\f0d7';font-family: "Font Awesome 5 Free"; font-weight: 900;clear: both;display: block;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.vrDrawing_tab{}
.vrDrawing_tab ul li{width: 33%;font-size: 14px;font-family: 'SFProDisplay-Regular';}
.vrDrawing_tab ul li.tab_on{color:#333;}
.drawing_color_box{width: 100%;text-align: center;margin-top: 27px;display: none;}
.color_contents{display: none;}
.picking-area{display: inline-block; background: url(https://mdn.mozillademos.org/files/5707/picker_mask_200.png) center center;background: -moz-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -moz-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -webkit-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -ms-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -o-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);background-color: #F00;width: 116px;height: 116px;margin:auto;position: relative;}
.picking-area .picker{position: absolute;transform: translate(-25%, -25%);width: 5px;height: 5px;border: 1px solid #666;-moz-border-radius: 5px;border-radius: 50%;background-color: transparent;left: 5%;top: 5%;}
.hue{background: url(https://mdn.mozillademos.org/files/5701/hue.png) center;background: -moz-linear-gradient(bottom, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);background: -webkit-linear-gradient(bottom, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);background: -ms-linear-gradient(bottom, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);background: -o-linear-gradient(bottom, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);width: 10px;height: 116px;display: inline-block;}
.rgb-container{display: inline-block;vertical-align: top;}
.yui-picker-rgb-controls{display: inline-block;margin-top: 20px;margin-left: 10px;}
.yui-picker-rgb-controls li {margin-bottom: 7px;color:rgba(51, 51, 51, 0.5);}
.yui-picker-rgb-controls li input{width: 50px;height: 14px;box-shadow: none;border:1px solid rgba(184,184,184,.5);}
.yui-picker-hex-controls {color:rgba(51, 51, 51, 0.5);margin-left: 10px;}
.yui-picker-hex-controls input{width: 50px; height: 14px;box-shadow: none;border:1px solid rgba(184,184,184,.5);}
.opacity{display: inline-block;width: 10px;height: 113px;    background: -webkit-linear-gradient(top, hsla(360, 98%, 45%, 0),hsla(360, 98%, 45%, 0.2),hsla(360, 98%, 45%, 0.4),hsla(360, 98%, 45%, 0.6000000000000001),hsla(360, 98%, 45%, 0.8),hsla(360, 98%, 45%, 1));background: -moz-linear-gradient(top, hsla(360, 98%, 45%, 0),hsla(360, 98%, 45%, 0.2),hsla(360, 98%, 45%, 0.4),hsla(360, 98%, 45%, 0.6000000000000001),hsla(360, 98%, 45%, 0.8),hsla(360, 98%, 45%, 1));}
.action-form{width: 300px;height: 480px;position: absolute;top: 0;left: 402px;background: #fff;border-radius: 2px;display: none;box-sizing: border-box;padding:30px;}
.teleport-action{}
.teleport-action h4{font-family: 'SFProDisplay-Light';font-size: 14px;margin-bottom: 20px;}
.teleport-action .scrollbar-form{width: 100%;height: 200px;overflow-y: auto;padding-right:5px;}
.teleport-action .scrollbar-form li{width: 49%;margin-right: 1%;margin-bottom:5px;float: left;}
.teleport-action .scrollbar-form li:nth-child(2n){margin-right: 0;}
.teleport-action .scrollbar-form li a{position: relative;display: block;width: 100%;height: 100%;}
.teleport-action .scrollbar-form li a .select_scene{display: block;width: 100%;height: 100%;box-sizing: border-box;background-color: rgba(0,0,0, 0.6);color:#fff;text-align: center;font-size: 12px;font-family: 'SFProDisplay-Medium';line-height: 55px;position: absolute;top: 0;left: 0;}
.teleport-action .scrollbar-form li a img{width: 100%;}
.VR_Photo-action{height: 330px;}
.action_vrPhoto_contents{}
.action_vrPhoto_contents .hotspot_img_preview{width: 80%;height: 102px;}
.action_vrPhoto_contents .hotspot_img_preview img{width: 100%;}
.action_vrPhoto_contents .upload_img{width: 80%;height: 24px;position: relative;margin:13px auto;cursor: pointer;}
.action_vrPhoto_contents .upload_img label{display: block; width: 100%;height: 100%;border:1px solid #dddddd;border-radius: 2px;position: relative;font-size: 10px;font-family: 'SFProDisplay-Semibold';line-height: 24px;text-align: center;color:#014099;}
.action_vrPhoto_contents .upload_img input{display: block; position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;}
.action_vrPhoto_contents .upload_img:hover label{background: #014099;color:#fff;}
.webLink-action{height: 330px;}
.action_webLink_contents{}
.action_webLink_contents input{height: 34px;padding:10px;}
.action_webLink_contents input::placeholder{font-size: 12px; color:#666;}
.Info_box-action{}
.action_text_writing_contents{}
.action_text_writing_contents .font_option{}
.action_text_writing_contents .font_option span{font-size: 14px;font-family: 'SFProDisplay-Semibold';margin-right: 29px;}
.action_text_writing_contents .font_option .font_size{width: 30px;height: 14px;box-shadow: none;border: 1px solid #707070;background-color: #fff;}
.action_text_writing_contents .txt_color{width: 100%;}
.action_text_writing_contents .txt_color span{display: block;width: 100%;font-size: 14px;margin: 5px 0;font-family: 'SFProDisplay-Semibold';}
.action_text_writing_contents .txt_color li{float: left;width: 20px;height: 20px;box-sizing: border-box;border: 1px solid #f3f3f3;margin-right: 2px;cursor: pointer;}
.action_text_writing_contents .txt_color li:nth-of-type(5n){marg in-right: 0;}
.action_text_writing_contents .txt_color li span{display: block;width: 14px;height: 14px;margin:2px;box-sizing: border-box;}
.action_text_writing_contents .txt_color li span.active{border:2px solid #00aeef;box-sizing: content-box;margin: 0;}
.action_text_writing_contents .font_style{width: 100%;margin-top:15px;}
.action_text_writing_contents .font_style .font_characters{-webkit-appearance:none;width: 100%;height: 36px;line-height: 36px;border-radius: 0;border:1px solid #e3e3e3;font-size: 14px;background-color: #f3f3f3;box-sizing: border-box;padding:0 10px;}
.action_text_writing_contents .font_style .font_characters:focus {outline: none;}
.action_text_writing_contents .txt_color .writing_spot{margin-top: 10px;height: 150px;}
.action_text_writing_contents .txt_color textarea{padding:10px;}
.action_text_writing_contents .txt_color textarea::placeholder{font-size: 14px;}
/* hotspot edit footer button */
.mordal_footer{position: absolute;bottom: 0;left: 50%;margin-left: -43%;width: 86%;margin-bottom: 26px;}
.mordal_footer button{float: left;width: 49%;height: 40px;border-radius: 2px; background-color: #014099;border: none;color: #fff;border:1px solid #014099;font-size: 14px;font-family: 'SFProDisplay-Semibold';}
.mordal_footer button:nth-of-type(1){margin-right: 2%;background-color: #fff;color: #014099;}
#project_teleport_hotspot .mordal_content .mordal_wrap{height: 335px;}
.hotspot_form ul{width: 100%;}
.hotspot_form ul li{float: left;width: 50%;}
.hotspot_form ul li a {display: block;}
.hotspot_form ul li a img{width: 100%;}
/* namecart-hotspot */
#project_namecard_hotspot .mordal_content .mordal_wrap .icon-form{width: 170px;margin-right: 55px;}
#project_namecard_hotspot .mordal_content{height: 425px;}
#project_namecard_hotspot .hotspot_form > h2{font-size: 16px;text-align: left;font-family: 'SFProDisplay-Regular';padding-bottom: 10px;}
.hotspot_form .position_select{width: 100%;}
.hotspot_form .position_select li{position: relative;width: 31%;height: 90px;margin-right: 3%;background-color: #f3f3f3;border: 1px solid #e3e3e3;box-sizing: border-box;float: left;}
.hotspot_form .position_select li:last-child{margin-right: 0;}
.hotspot_form .position_select li div .check_contents{display: block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-bottom: 0;margin-top: 0;width: 100%;height: 90px;}
.hotspot_form .position_select li div .radio-select-position{position: absolute;opacity: 0;cursor: pointer;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;}
.check_contents .checkmark{position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #fff;border:1px solid #000;box-sizing: border-box;display: block;padding: 0;}
.check_contents .checkmark:after{content: '';clear: both;position: absolute;display: none;top: 3px;left: 3px;width: 13px;height: 11px;background: url(../images/icon/blue_check.png) no-repeat;background-size: 100%;background-position: 50% 50%;}
.check_contents input:checked ~ .checkmark:after{display: block;}
.hotspot_form .position_select li img{width: 45px;position: absolute;}
.hotspot_form .position_select li:nth-child(1) img{top: 0;left: 50%;margin-left: -22.5px;}
.hotspot_form .position_select li:nth-child(2) img{left: 0;top: 50%;margin-top: -15.5px;}
.hotspot_form .position_select li:nth-child(3) img{right: 0;bottom: 0;}
.start_view_frame{display: none;}
.frame-line{position: absolute;background-color: #eee;}
.line-top, .line-bottom{height: 1px;left: 30%;right: 30%;}
.line-right, .line-left{width: 1px;top: 25%;bottom: 25%;}
.line-top{top: 25%;}
.line-right{right: 30%;}
.line-bottom{bottom: 25%;}
.line-left{left: 30%;}
.angle{position: absolute;width: 40px;height: 40px;}
.angle-tl{left: 30%;top: 25%;border-top: 8px solid #eee;border-left: 8px solid #eee;}
.angle-tr{right: 30%;top: 25%;border-top: 8px solid #eee;border-right: 8px solid #eee;} 
.angle-br{right: 30%;bottom: 25%;border-bottom: 8px solid #eee;border-right: 8px solid #eee;}
.angle-bl{left: 30%;bottom: 25%;border-bottom: 8px solid #eee;border-left: 8px solid #eee;}
.view_save_btn {z-index: 10; position: absolute;left: 50%;bottom: 18%; transform: translateX(-50%); border:none;background-color: #014099;text-align: center;height: 40px;line-height: 40px;color: #fff;padding:0 15px; font-size: 13px;font-family: 'SFProDisplay-Semibold';}

.icon_container{}
.icon_container > div{display: none; text-align: center; width: 40px;height: 40px;position: absolute;left: 50%;top:50%;transform: translateX(-50%);transform: translateY(-50%);}
.icon_container > div img{width: 100%;}
.icon_container .icon_5{width: 23px;z-index: 12;display: none;}
.icon_container .view_txt{padding:5px 10px;width: 130px;font-size: 16px;color: #fff;background:#00aeef;display: none;position: absolute;top: -45px;left: 50%;margin-left: -75px;}
.icon_container:hover .view_txt{display: block;}
.vr_canvas_wrap{display: none;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 9;}
.vr_canvas_wrap .project_menu{display: none;margin:0 auto;width: 100%;text-align: center;top: 0;left: 50%;margin-left: -50%;color: white;cursor: default;z-index: 5;position: absolute;transform: translateY(-50%);user-select: none;box-sizing: border-box;padding:70px 0 20px;  background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.7)));background-image: -webkit-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-image: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-image: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.7));}
.vr_canvas_wrap .project_menu .menu_container{width: 100%;box-sizing: border-box;padding:0 190px;}
.vr_canvas_wrap .project_menu ul{padding:0;margin:0;display: inline-block;text-align: center;}
.vr_canvas_wrap .project_menu ul li{display: inline-block;text-align: center;position: relative;}
.vr_canvas_wrap .project_menu ul li .menu_title{padding: 10px 20px;display: block;font-size: 18px;opacity: .5; color:#fff;box-sizing: border-box;}
.vr_canvas_wrap .project_menu ul li:hover .menu_title{opacity: 1;}
.vr_canvas_wrap .project_menu ul li.vr_on .menu_title{opacity: 1;}
.vr_canvas_wrap .project_menu ul li ul{display: block; display: none;width: 100%;box-sizing: border-box;border-radius: 2px; position: absolute; left: 50%;margin-left: -50%;background-color: rgba(255,255,255,.6);}
.vr_canvas_wrap .project_menu ul li ul li{display: block;box-sizing: border-box;border-left: 2px solid transparent;}
.vr_canvas_wrap .project_menu ul li ul li:hover{border-left: 2px solid #00aeef;}
.vr_canvas_wrap .project_menu ul li ul li a{display: block;color: #000;font-family: 'SFProDisplay-Semibold'; padding:5px 0;}
.vr_canvas_wrap .project_menu ul li ul li a:hover{color: #3e84b6;}
.vr_canvas_wrap .project_menu ul li:hover ul li{background-color: rgba(62,132,182,.1);}
.setting_content{z-index: 13;width: 1000px;background-color: #fff;height: 90vh;overflow-y: auto;position: absolute;left: 50%;margin-left: -500px;top: 50%;margin-top: -47vh;display: none;}
.setting_content::-webkit-scrollbar {-webkit-appearance: none;width:3px;}
.setting_content::-webkit-scrollbar-thumb {border-radius: 2px;background-color: rgba(0,0,0,.5);background-color: #dcdcdc; -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.setting_content .project_step_2{width: 90%;margin:60px auto;}
.setting_content .project_step_2 .project_right > div .up_file_name > span{width: 170px;font-size: 15px;}
.setting_content .project_step_2 .project_right > div .ml{margin-left: 20px;}
.setting_content .project_step_2 .scene_rotation{width: 47%;}
.setting_content .project_info_container{margin-bottom: 0;}
.vr_canvas_wrap_head{position: fixed;width: 100%;height: 50px;background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.7)));background-image: -webkit-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-image: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-image: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.7));}

#contents .view_project_bg{height: : 100%;background: url(../images/main/vr_img.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: fixed; top: 0; left: 0; min-width: 100%;min-height: 100%;}
.preview_logo{width: 130px;margin:20px auto 0;}
.preview_logo img{width: 100%;}
/*.preview_control_wrap{display: none;position: absolute;top: 30px;right: 30px;z-index: 9;}
.preview_control_wrap li{position: relative;display: inline-block;margin-left: 10px;}
.preview_control_wrap li a{color:#fff;display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #00aeef;text-align: center;line-height: 42px;font-size: 20px;}
.preview_control_wrap li a:hover{background-color:#3e84b6;}*/
.preview_control_wrap{width: 100%;}
.preview_control_wrap .preview-head{width: 100%;position: absolute;top:0;left: 0;height: 50px;bac kground-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.7)));backgr ound-image: -webkit-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));backgr ound-image: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));backgro und-image: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.7));background-im age: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.7));}
.preview_control_wrap .preview-head .pano-title{font-size:14px;color:#fff;text-align: center;padding-top: 18px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);}
.preview_control_wrap .preview-head .pano-control{position: absolute;right: 10px;top:10px;}
.preview_control_wrap .preview-head .pano-control li{display: inline-block;}
.preview_control_wrap .preview-head .pano-control .view-cnt{font-size: 12px;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);color:#fff;marg in-right: 10px;}
.preview_control_wrap .preview-head .pano-control .view-cnt i{font-size: 17.5px;vertical-align: text-bottom;}
.preview_control_wrap .preview-head .pano-control li a{display: block; color:#fff;font-size: 12px;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);margin-left: 10px;}
.preview_control_wrap .preview-head .pano-control li .control_btn:hover{backgro und-color:rgba(1,64,153,.3);}
.copy_contents{display: none;position: absolute;bottom:-110px;right: 0;}
.copy_contents a{margin-bottom: 10px; color:#fff;display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #00aeef;text-align: center;line-height: 42px;font-size: 20px;}
.control_wrap{text-align: center;position: absolute;right: 10px;padding-top: 10px;display: none;background-color: #000;}
.control_wrap li{position: relative;}
.control_wrap li a{display: block;width: 40px;height: 40px;color:#fff;font-size: 20px;line-height: 40px;}
.control_wrap li a img{width: 20px;margin-top: 10px;}
.control_wrap li .control_name{display: block;padding:6px 12px;border-radius: 10.5px;background-color: #3e84b6;color:#fff;font-size: 12px;text-align: center;position: absolute;right: 50px;width: 50px;top: 10px;display: none;}
.control_wrap li .control_name:after{display: block;clear: both;content: '';background: url(../images/icon/name_bg.png) no-repeat;position: absolute;right: -15px;top: 2px;height: 26px;width: 26px;}
.control_wrap li:hover .control_name{display: block;}
.control_contents{width: 0;height: 100vh;background-color: #fff;position: relative;float: right;z-index: 9999;}
.control_contents:before{display: block;clear: both;content: '';width: 20px;height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(transparent));background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), transparent);background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2), transparent);background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.2), transparent);background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent);position: absolute;left: 0;top: 0;}
.control_contents .close_control_btn{display: block;width: 40px;height: 40px;line-height: 42px;background-color: #3e84b6;color:#fff;text-align: center;border-radius: 50%;position: absolute;left: -20px;top: 50%;margin-top: -20px;display: none;font-size: 20px;z-index: 9999;}
.vr_project_map{display: none;}
.vr_project_info{margin:32px 40px;display: none;}
.vr_project_info .pj_top_profile{width: 100%;display: inline-block;}
.pj_top_profile .user_profile{}
.pj_top_profile .user_profile a{display: block;width: 70px;height: 70px;border-radius: 50%;overflow: hidden;margin:auto;}
.pj_top_profile .user_profile a img{width: 100%;}
.pj_top_profile .membership{margin-top: 15px;}
.pj_top_profile .membership .user_name a{display: block;font-size: 16px;font-family: 'SFProDisplay-bold';margin-bottom: 7px;}
.pj_top_profile .membership h3{font-size: 14px;font-family: 'SFProDisplay-Semibold'; color: #3e84b6;width: 70px;height: 20px;border-radius: 2px;border: 1px solid #3e84b6;text-align: center;line-height: 20px;margin:auto;}
.control-contents-info{width: 100%;box-sizing: border-box;padding:20px;}
.control-contents-info > div{margin-bottom: 19px;}
.control-contents-info h2{font-size: 14px;font-weight: 500;margin-bottom: 5px;text-decoration: underline;}
.control-contents-info p{font-size: 12px;}
.vr_project_info h4{font-size: 24px;margin: 30px 0 7px;}
.vr_project_info .lc_name{display: block;font-size: 16px;font-family: 'SFProDisplay-Ultralight';margin-bottom: 4px;}
.vr_project_info .pj_date{display: block;font-size: 16px;font-family: 'SFProDisplay-Ultralight';}
.vr_project_info .pj_txt{font-size: 16px;margin-top: 40px;line-height: 25px;color: #000;}
.vr_project_qrcode{margin:32px 40px;display: none;}
.vr_project_qrcode .pj_top_profile{width: 100%;display: inline-block;}
.vr_project_qrcode h4{font-size: 24px;margin: 30px 0 7px;}
.vr_project_qrcode .lc_name{display: block;font-size: 16px;font-family: 'SFProDisplay-Ultralight';margin-bottom: 4px;}
.vr_project_qrcode .pj_date{display: block;font-size: 16px;font-family: 'SFProDisplay-Ultralight';}
.vr_project_qrcode .pj_txt{font-size: 16px;margin-top: 40px;line-height: 25px;color: #000;}
.qrcode_content{text-align: center;margin:100px auto;}
.qrcode_content img{width: 240px;}
.qrcode_content span{display: block;font-size: 16px;font-family: 'SFProDisplay-Ultralight';text-align: center;margin-top: 26px;}
#map2{width: 100%;height: 329px;overflow: hidden;}
.control_content_m{display: none;disp lay:block;width: 90%;background-color: #fff;z-index: 13;border-top-left-radius: 10px; border-top-right-radius: 10px;height: 0;position: absolute;bottom: 0;left: 5%;overflow:hidden;overflow: auto;}
.control_content{width: 0;height: 100vh;background-color: #fff;position: relative;float: right;z-index: 9999;}
.starter_project{}
.close_control_btn_s{display: block;width: 40px;height: 40px;line-height: 42px;background-color: #014099;color: #fff;text-align: center;border-radius: 50%;position: absolute;left: -20px;top: 50%;margin-top: -20px;font-size: 20px;z-index: 9999;}
.close_control_btn_s:hover{backgro und-color: #3e84b6;}
.starter_project .control_btn_wrap{width: 100%;padding: 0 20px;box-sizing: border-box;text-align: center;}
.starter_project .control_btn_wrap a{display: block; font-size: 16px; height: 39px;line-height: 39px; background-image: linear-gradient(to right, #00a1e4, #1f80c4 49%, #17479c); color: #fff;font-family: 'SFProDisplay-Semibold';}
.starter_project .map{margin: 30px auto 20px;}
.starter_project .pj_top_profile{width: 100%;display: inline-block;margin-top:35px;text-align: center;}
.starter_project .view_prj_info{position: relative; width: 100%;padding:20px;box-sizing: border-box;height: 90%;overflow-y: auto;}
.starter_project .view_prj_info .view-info-close{position: absolute;right: 15px;top: 15px;text-align: center;line-height: 20px;width: 20px;height: 20px;color: #333;font-size: 20px;}
.starter_project .view_prj_info div{margin-bottom: 20px;}
.starter_project .view_prj_info h2{font-weight: 500;font-size: 12px;margin-bottom: 5px;}
.starter_project .view_prj_info p{font-size: 12px;}
.starter_project h4{font-size: 18px;font-family: 'SFProDisplay-Semibold'; line-height: 1.3;margin: 20px 0 7px;}
.starter_project .lc_name{display: block;font-size: 14px;font-family: 'SFProDisplay-Ultralight';margin-bottom: 4px;}
.starter_project .pj_date{display: block;font-size: 14px;font-family: 'SFProDisplay-Ultralight';}
.starter_project .pj_txt{font-size: 16px;margin-top: 15px;line-height: 1;color: #000;}
.copy_txt{display: none;}
textarea {width: 100%;height: 190px;border: solid 1px #e3e3e3;background-color: #f3f3f3;box-sizing: border-box;font-size: 18px;padding: 16px;}
/* //edit-project */


@media (max-width: 1500px) {
	.user-info .user_info_wrap .user_info_container{margin:55px 0 45px;}
}
@media (min-width: 1440px) {
	.main-wrapper{dis play: table;}
	.side-menu{width:19% !important;}
	.library-form .folder_file .item{width: 31%;}
}
@media (min-width: 1370px) {
}
@media (max-width: 1300px) {
	.user-info .user_info_wrap .user_info{margin-left: 0;}
}
@media (max-width: 1215px){
	.user-info .user_info_wrap .user_info_container{margin:0;}
	.user-info .user_wrap .user_project_cnt{margin-bottom: 65px;}
	.user-info .user_wrap .user_project_cnt p{width: 100%;}

}
@media (max-width: 1200px) {
	.library-form .folder_file .item{width: 48%;}
    .list-project{padding: 10px;}
}
@media (max-width: 1054px) {
    .list-project{width: 49%;}
}
@media (max-width: 1024px) {
	#footer .inner-wrap .foot_m{margin-left: -195px;}
	/*mypage*/
	.main-wrapper{display: table;}
	.side-menu{width:20%;}
	.manage-form{width:75%;}
	.user-info .user_wapper{margin:20px auto;}
	/*//mypage*/
	/*manage-project*/
	.manage-project-wrap > div{margin: 20px;}
	.library-form > div{margin:20px;}
	.library_wrap .menu_list{width: 30%;}
	.library_wrap .file_list{width: 70%;}
	/*manage-library*/
	.library-form .file_add_btn .library_head h1{margin-left: 10px;}
	.library-form .file_add_btn .library_head .library_head_right{padding-top: 18px;}
	.library-form .folder_file{margin-top: 40px;height: calc(100% - 134px);}
	/*//manage-library*/
	/*help*/
	.manage-form .news_wrap{margin:20px;}
	.news_wrap .news_thumb{width: 305px;}
	/*//help*/
	/*tour*/
	#map{height: 204px;}
	.project_location .period_year{width: 10%;}
	.project_location .period_month{width: 10%;}
	.project_location .period_date{width: 10%;}
	.project_location .project_term em{padding:0 20px;}
	/*//tour*/
}
@media (max-width: 992px) {
	/*mypage*/
	.user-info .user_info_wrap, .user-info .user_wrap{width: 95%;margin-bottom: 0;}
	.user-info .user_info_wrap{text-align: left;}
	.user-info .user_wrap{margin-left: 3%;margin-bottom: 150px;}
	.user-info .user_wrap .user_project_cnt{margin-bottom: 0;}
	.user-info .user_info_wrap .user_info{margin-left: 20px;}
	.user-info .profile_footer_btn a{width: 45%;}
	.delete_account_form .delete_acnt .btn-wrap a{width: 45%;}
	/*mypage*/
	.user-info .user-info-wrap{margin:41px 40px 117px;}
	.user-profile-info .user-info{width:100%;margin: 30px auto 0;}
}
@media (max-width: 768px) {
	.top-menu a:nth-of-type(1){display: none;}
	.side-menu{display: none;height: 100%;position: absolute;z-index: 11;}
	.top-menu .side-menu-m-btn{display: inline-block;}
	/*index*/
	.main-side-menu{width: 30%;}
	.map-contents{width: 70%;}
	.tab-contents .list-project{width:48%;margin: 0 1%; margin-bottom: 20px;}
	.menu-controll label{font-size: 14px;}
	/*//index*/
	/*mypage*/
	.manage-form{width: 100%;}
	.user-info .user_info_wrap{text-align: center;}
	.user-info .user_info_wrap .user_info{margin-left: 0;}
	.user-info .user_info_wrap .user_info_container{text-align: left;}
	.user-info .user_info_wrap .user_img{margin-right: 30px;}
	.user-project-cnt p{margin-right: 15px;}
	.user-project-cnt p:nth-of-type(3){margin-right: 0;}
	.user-info .profile_footer_btn{margin: 30px 20px;width: 45%;}
	/*//mypage*/
	/*manage-project*/
	.list-project{width:49.5%;}
	/*//manage-project*/
	/*manage-labrary*/
	.library-form .file_add_btn .update_btn{margin-right: 0;}
	.library-form .file_add_btn .library_head h1{margin-left: 25px;}
	.manage-form > .news_wrap{margin:20px;}
	.news_wrap .news_thumb{width: 242px;padding:10px;}
	/*//manage-library*/
	/*edit-project*/
	.project_step_3 .side_controls ul{height: auto;padding:5px 15px;}
	.project_step_3 .side_controls ul li{margin-bottom: 0;}
	.project_step_3 .side_controls ul li:nth-child(n+2){display: none;}
	.project_step_3 .aside_controls ul li:nth-child(2){display: none;}
	.project_step_3 .top_controls ul li:nth-child(2){display: none;}
	.project_step_3 .aside_controls ul li{margin:30px 10px;}
	.project_step_3 .aside_controls ul li:first-child{padding:0;}
	.project_step_3 .aside_controls ul li:last-child{margin-right: 30px;}
	.preview_control_wrap .preview-head .pano-title{padding-top: 11px;}
	.library_popup{width: 100%;height: 100%;top: 0;left: 0;margin-left: 0;z-index: 13;}
	.library_popup .file_list{width: 72%;}
	.folder_file{margin:30px 30px 0;height: calc(100% - 274px);}
	.folder_file .item{width: 49%;}

	.setting_content{width: 100%;height: 100%;top: 0;left: 0;margin-top: 0;margin-left: 0;z-index: 13;}

}
@media (max-width: 576px) {
	.top-menu a{margin-left: 10px;}
	#footer .inner-wrap .logo{margin-top: 33px;}
	#footer .inner-wrap .foot_m{left: 0;margin: 0;top: 90px}
	#footer .inner-wrap .foot_m .foot_menu{margin-bottom: 16px;}
	#footer .inner-wrap .sns{margin-top: 37px;}
	/*index*/
	.tab-contents .list-project{width:100%;margin:0 0 20px;}
	.pano-tab-contents .pano-search{width:100%;margin-bottom: 18px;}
	.pano-tab-contents .pano-search input{width:100%;}
	.main-side-menu{width:100%;margin-bottom: 20px;height: 390px;}
	.main-side-menu .main-menu{height: 338px;}
	.map-contents{width:100%;height: 370px;}
	/*//index*/
	/*mypage*/
	.user-info .user-info-wrap{margin:50px 20px 117px;}
	.user-profile .edit-info{right: 0;top: -30px;}
	.user-info .user-info-wrap .user-info-cnt{padding:40px;}
	.user-info .user_info_wrap .user_info_container{text-align: center;}
	.user-info .user_info_wrap .user_img{margin-right: 0;}
	.user-project-cnt p{margin-bottom: 10px;}
	.user-profile .edit-info a{margin-left: 10px;}
	.user-profile-info .user-info p{width:70px;}
	.user-profile-info .user-info p:nth-of-type(2){width:170px;margin-right: 0;}
	.user-storage .storage-bar{margin-bottom: 10px;}
	.user-storage .storage{top: 50px;}
	/*//mypage*/

}
@media (max-width: 480px) {
	#header .inner-wrap h1 img{height: 20px;}
	#footer .inner-wrap .ft-link{padding-left: 0;}
	#footer .inner-wrap .ft-info{bottom:10px;width: 90%;padding-left: 0;}
	
	/*index*/
	.main-side-menu h1{height: 50px;line-height: 50px;}
	.main-side-menu h1 a{line-height: 50px;}
	.top-menu a{font-size: 13px;}
	.main-controll{font-size: 16px;}
	/*//index*/
	/*mypage*/
	.manage-form > div h1{font-size: 22px;}
	.user-info .user_info_wrap .user_info{width: 100%;}
	.user-info .user_info_wrap .user_info p:nth-of-type(2){width: auto;margin-right: 0;}
	
	.edit_form{padding:20px;}
	.user-info .profile_footer_btn{width: 100%;margin:20px 0;}
	.user-info .profile_footer_btn a{height: 40px;line-height: 40px;}
	.edit_form .my_information h2{font-size: 20px; margin: 70px 0 10px}
	.edit_form .my_information .information_wrap label{font-size: 15px;}
	.edit_form .info_btn button{width: 49%;}
	.change_pass_form{padding:20px;}
	.change_pass_form h2{margin:20px 0 10px;font-size: 20px;}
	.change_pass_form .info_btn button{width: 49%;}
	.delete_account_form{padding:20px;}
	.delete_account_form .delete_acnt h2{font-size: 20px; margin:20px 0 10px;}
	.delete_account_form .delete_acnt strong{font-size: 16px;}
	.delete_account_form .delete_acnt h3{margin:20px auto 0;font-size: 16px;}
	.delete_account_form .delete_acnt label{font-size: 14px;}
	.delete_account_form .delete_acnt p{margin-top: 34px;}
	/*//mypage*/
	
	/*manage-project*/
	.list-project{width: 100%;}
	.manage-project-wrap .tour_setting{height: auto;line-height: inherit;}
	.tour_setting .tour_set_left{width: 100%;font-size: 18px;height: 60px;line-height: 60px;}
	.tour_setting .tour_set_left .seleced-all{font-size: 18px;line-height: 60px;}
	.tour_setting .tour_set_left .line{margin:15px 30px;}
	.tour_setting .tour_set_right{width: 100%;line-height: 45px;text-align: center;}
	.tour_setting .tour_set_right ul li:last-child{margin-right: 0;}
	/*//manage-project*/

	/*manage-library*/
	.library-form .folder_file{width: 90%;margin-top: 0;}
	.library-form .folder_file .item{width: 100%;margin-right: 0;height: 250px !important;}
	.library-form .folder_file .item .file_img{height: 134px !important;}
	.library_wrap .menu_list{width: 100%;max-width: 100%;height: auto;padding-bottom: 40px;}
	.library_wrap .file_list{width: 100%;height: auto;margin-top: 10px;padding-bottom: 40px;}
	.library_wrap .menu_list h1{font-size: 20px;padding:10px 25px;}
	.library_wrap .delete_btn{right: 0;}
	.library-form .file_add_btn{margin-top: 0;}
	.library-form .file_add_btn .library_head{height:auto;line-height: inherit;}
	.library-form .file_add_btn .library_head h1{width: 100%;float: none; font-size: 18px;margin: 0;box-sizing: border-box;padding-left: 0;}
	.library-form .file_add_btn .library_head .library_head_right{float: none;width: 100%;box-sizing: border-box;text-align: left;}
	.library-form .file_add_btn .update_btn{margin-right: 30px;}

	.library-form .file_add_btn .update_btn .allChecked{margin-right: 0;height: 45px;line-h eight: 45px;}
	
	.creat_new_folder{width: 90%;height: 226px; margin-left: -45%;top: 50%;margin-top: -113px;}
	.library_wrap .creat_new_folder h1{padding:34px 30px 11px;}
	.folder_footer > button{height: 46px;line-height: 46px;font-size: 16px;}
	/*//manage-library*/

	/*tour*/
	.tour_setting .tour_set_left .tour-selected{margin-left: 20px;}
	.tour_setting .tour_set_left .line{margin:15px 20px;}
	.tour_setting .tour_set_left .seleced-all{margin-right: 0;}
	.create_tour_form{padding:20px;}
	.create_tour_form .create_tour_wrap{max-width: 100%;}
	.dragdrop_container .dragdrop_section{width: 40%;margin:0 2.5px;}
	.dragdrop_container .dragdrop_section .dragdrop_file{height: 50px;line-height: 50px;}
	.storage_bar{width: 80%;margin-top: 50px;}
	.create_tour_wrap p{font-size: 14px;}
	.form-group .project_option .project_left > div{width: 100%;}
	.form-group .project_option .project_left .project-location{margin-left: 0;}
	#map{height: auto;}
	.form-group .project_option .project_left > div:last-child{margin-bottom: 0;}
	.form-group .project_option .project_left img{margin-bottom: 0;}
	.project_location .project_info input{width: 96%;margin-bottom: 10px;}
	.project_location li select{margin-bottom: 10px;}
	.project_location .period_year{width:28%;}
	.project_location .period_month{width:20%;}
	.project_location .period_date{width:20%;}
	.project_option .btn_wrap > a{width:48%;}
	.project_option .btn_wrap .save_btn{margin-left: 5px;}
	.add-tour .form-group{margin:0;padding:20px 20px 10px;}
	.project_info_container{padding:20px;overflow:scroll;-webkit-overflow-scrolling: touch;}
	.form-group .project_option h2{margin-top:20px;}
	.form-group .project_option .prj{width: 100%;margin-bottom: 20px;}
	.form-group .project_option .project_left .title_section{margin-top: 30px;font-size: 24px;}
	.form-group .project_option .project_left .author_name_section{font-size: 18px;}
	.form-group .project_option .project_left .location_section{font-size: 14px;}
	.project_right > div{margin-bottom:0;}
	.project_right > div > p{width: 100%;margin-bottom: 15px; font-size: 14px;font-family: 'SFProDisplay-Semibold';}
	.project_right > div .launch_screen{width: 50%;}
	.project_right > div .up_logo{width: 50%;}
	.project_option .logo_file{width: 47%;left: 53%;font-size: 14px;}
	.project_right > div .upload_file{width: 47%;left: 53%; font-size: 14px;height: 34px;line-height: 34px;}
	.project_right > div .ml{margin-left: 0;}
	.project_right .bg_music p{width: 50%;}
	.project_right > div .music_file{width: 100%;position: relative;display: block;left: 0;}
	.bg_music .music_file_name{text-align: right;right: 0;width: 50%;}
	.bg_music .music_file_name .music_name{width:85%;float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.project_location{margin-bottom: 0;}
	.project_location li{width: 100%;}
	#start-day{margin-bottom: 10px;}
	.project_location .project_term span{padding:0 5px;}
	.project_location .project_term em{padding:0 60px 0 20px;margin-bottom: 10px;}
	.project_location .share_option{font-size: 16px;}
	.project_location .share_option span{font-size: 14px;}
	.project_location .project_term{width: 100%;}
	.project_location .project_password_container{width: 100%;margin-left: 0;}
	.project_option .btn_wrap{width: 100%;margin:20px auto 40px;}
	.project_option .btn_wrap > a{height: 50px;line-height: 50px;font-size: 16px;}
	.pop_library_close{z-index: 12;top: 15px;}
	.library_pop .library_wrap{padding:0;}
	.library_pop .library_wrap .menu_list, .library_pop .library_wrap .file_list{height: auto;}
	.library_pop .library-form{overflow:scroll;-webkit-overflow-scrolling: touch;width: 100%;height: 100%;top:50%;left: 50%;margin-left: 0;transform: translate(-50%, -50%);}
	/*//tour*/

	/*edit-project*/
	.preview_control_wrap .preview-head .pano-title{width: 46%;position: absolute;left: 65px;font-size: 12px;}
	.setting_content .project_option .logo_file{width: 47%;left: 53%;font-size: 14px;}
	.setting_content .project_right > div .music_file{left: 0;}
	.library_popup{width: 100%;height: 100%;overflow:scroll;-webkit-overflow-scrolling: touch;left: 0;margin-left: 0;top: 0;z-index: 13;}
	.library_popup .file_list{margin-top: 0;border-top: 1px solid #ddd;padding-bottom:90px;}
	.library_popup .file_list .folder_location{margin:20px 25px;line-height: 1.5;}
	.library_popup .file_list .folder_location a{font-size: 18px;}
	.library_popup .library_close_btn{display: none;}
	.library_popup .menu_list .library_close_btn_m{display: block;}
	.file_search{margin: 10px 0;width: 100%;}
	.file_search input.library_search{width: 100%;margin-bottom: 0;height: 45px;padding: 5px;}
	.folder_file{margin:30px 25px 0;}

	.file_add_btn{width: 100%;padding:20px 25px;box-sizing: border-box;margin:0;}
	.file_add_btn a{width: 49%;margin-right: 1%;}
	.file_add_btn .update_btn{width: 49%;}
	.file_add_btn .update_btn label.addTourUp{width: 100%;}

	.project_step_3 .vr_footer .foot_thumb_wrap .foot_thumb_img_wrap{padding:0;}
	.project_step_3 .vr_footer .foot_thumb_wrap ul{height: 49px;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
	.project_step_3 .vr_footer .foot_thumb_wrap ul::-webkit-scrollbar {height: 2px;width:0;}
	.project_step_3 .vr_footer .foot_thumb_wrap ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
	.project_step_3 .vr_footer .foot_thumb_wrap ul::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); }
	.project_step_3 .vr_footer .foot_thumb_wrap ul li{width: 100px;margin-bottom: 1px;}
	.project_step_3 .vr_footer .thumb_slide_btn{display: none;}
	.mordal_content{width: 100%;height: 100%; left: 0;top: 0 !important;}
	.floormap_btn{display: none !important;}
	.vr_icon_wrap{display: block;}
	.control_content{display: none;}
	.vr_canvas_wrap .project_menu .menu_container{padding: 0 10px 0 70px;}
	.vr_canvas_wrap .project_menu ul{height: 47px;overflow-x: scroll;}
	.vr_canvas_wrap .project_menu ul li .menu_title{padding:25px 10px;}
	.icon_rotation{display: none;}
	.control_content_m{display: block;}
	.project_step_3 .top_controls ul li:first-child{padding-left: 20px;padding-top: 20px;}
	.project_step_3 .aside_controls ul li:first-child{padding:0;}
	.project_step_3 .aside_controls ul li:first-child{padding:0;}
	.project_step_3 .aside_controls ul li{margin:20px 10px;}
	.project_step_3 .aside_controls ul li:last-child{margin-right: 20px;}
	.vr_close_btn{left: 20px;top: 20px;}
	/*//edit-project*/
}
@media (max-width: 380px) {
	.top-menu a{margin-left: 6px;}
	/*mypage*/
	.user-info .user-info-wrap{margin-bottom: 67px;}
	.user-storage .storage{top: 30px;}
	.delete_account_form .delete_acnt strong{font-size: 14px;}
	/*//mypage*/
	.user-info .user_wrap .user_storage .upgrade_btn{font-size: 16px;}
	.user-info .user_info_wrap{padding:20px;}
	.user_project{padding:20px;}
	.user_storage{padding:20px;}
	.user-info .user-info-wrap .user-info-cnt{padding:18px 40px;}
	.user-profile-info .user-info p:nth-of-type(2){width:150px;}
	/*manage-project*/
	.tour_setting .tour_set_right ul li{margin-right: 15px;}
	/*//manage-project*/
	/*tour*/
	.dragdrop_container h2{font-size: 16px;}
	.create_tour_wrap p{font-size: 13px;}
	.form-group .project_info .project_title{font-size: 18px;}
	.form-group .project_option h2{font-size: 18px;}
	.bg_music .music_file_name .music_name{width: 83%;}
	.project_right > div .launch_screen{width: 100%;margin-bottom: 5px;}
	.project_right > div .upload_file{position: relative;display: block;width: 100%;left: 0;margin-bottom: 15px;}
	.project_location .project_manager input{width:100%;margin-bottom: 10px;}
	.project_location .project_password_container input{width:100%;margin-bottom: 10px;}
	.project_location .select_share_box{margin-top: 10px;}
	/*//tour*/
	/*edit-project*/
	.preview_control_wrap .preview-head .pano-title{width: 42%;}
	/*//edit-project*/
}
@media (max-width: 360px) {
	/*index*/
	.map-contents{height: 330px;}
	/*//index*/
	/*mypage*/
	.user-info .user-info-wrap .user-info-cnt{padding:15px 20px;}
	.user-storage .storage{right: 20px;top: 24px;}
	/*//mypage*/
	/*manage-project*/
	.tour_setting .tour_set_left .tour-selected{margin-left: 20px;}
	/*//manage-project*/
	/*edit-project*/
	.preview_control_wrap .preview-head .pano-title{width: 40%;}
	/*//edit-project*/
}
@media (max-width: 320px) {
	#footer .inner-wrap .ft-info{font-size: 10px;}
	/*mypage*/
	.user-profile-info .user-info p:nth-of-type(2){width: 130px;}
	/*//mypage*/
	/*tour*/
	.create_tour_form{padding:10px;}
	.create_tour_wrap p{font-size: 13px;width: 78%;margin:auto;}
	.bg_music .music_file_name .delete_music{margin-left: 5px;}
	.project_location .project_term em{padding:0 40px 0 20px;}
	.project_location .share_option{font-size: 15px;}
	.project_location .share_option span{font-size: 13px;}
	.project_location .project-date input{width: 90%;margin-bottom: 10px;}
	.project_location .project-date span{width: 10%;}
	.project_location .period_year{width:26%;}
	.project_location .period_month{width:18%;}
	.project_location .period_date{width:18%;}
	/*//tour*/
	/*manage-library*/
	.file_add_btn{padding:10px 20px;}
	.library-form .file_add_btn .update_btn{margin-right: 15px;}
	.library-form .file_add_btn .library_head .upfile{width: 140px;}
	.library-form .file_add_btn .update_btn{margin-right: 7px;}
	.library-form .file_add_btn .update_btn .allChecked .checkBox{margin-right: 5px;}
	.library-form .file_add_btn .library_head .upfile label.add_project_file{padding-left: 0;}
	/*//manage-library*/

	/*manage-project*/
	.list-project{padding:10px;}
	.tour_setting .tour_set_left .tour-selected{margin-left: 10px;font-size: 16px;}
	.tour_setting .tour_set_left .line{height: 25px;margin:18px 16px;}
	.tour_setting .tour_set_left .seleced-all{font-size: 16px;}
	.tour_setting .tour_set_right ul li{margin-right: 10px;}
	.tour_setting .tour_set_right ul li a{font-size: 11px;}
	/*//manage-project*/

	/*edit-project*/
	.project_step_3 .top_controls ul li:first-child{padding-top: 20px;padding-left: 20px;}
	.project_step_3 .top_controls ul li #preview_btn{width: 126px;}
	.preview_control_wrap .preview-head .pano-title{width: 36%;}
	.preview_control_wrap .preview-head .pano-control li a{margin-left: 5px;}
	/*//edit-project*/
}























/* side-menu stretches down to the footer when content is short (desktop/tablet) */
body.has-sticky-footer > #container{flex: 1 0 auto;}
@media (min-width: 769px) {
	body.has-sticky-footer > #container:has(.main-wrapper){display: flex;flex-direction: column;}
	#container:has(.main-wrapper) > #contents{flex: 1 0 auto;display: flex;flex-direction: column;}
	#contents > .main-wrapper{flex: 1 0 auto;display: flex;align-items: stretch;height: auto;}
	#contents > .main-wrapper > .side-menu{display: block;flex: 0 0 auto;height: auto;}
	#contents > .main-wrapper > .manage-form{display: block;flex: 1 1 auto;min-width: 0;}
}