:lang(ko) {font-family: 'Noto Sans KR', sans-serif !important;}
/* header, footer */
.mask{width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.visual{margin-top: 90px;position:relative;width: 100%;height: 550px;background-size: cover !important;background-position: 50% 50% !important;}
.visual h1{font-size: 50.5px;font-family: 'SFProDisplay-Thin';color:#fff;text-align: center;margin-bottom: 54px;}
.visual .text_intro{text-align: center;font-size: 23.5px;color:#fff;font-family: 'SFProDisplay-Thin';}
.visual-contents{width: 100%;box-sizing: border-box;padding:0 25px; position: absolute;top: 50%;transform: translateY(-50%);}
.visual_author{position: absolute;left: 50%;transform: translateX(-50%);bottom:23px;color: #ddd;letter-spacing: .7px;font-family: 'SFProDisplay-Thin'; text-align: center;}
.search_container{box-sizing: border-box;max-width: 500px;border-radius: 2px;margin:auto;}
.search_container_table{display: table;text-align: center;}
.search_container_table .search_table{display: table-cell;white-space: nowrap;vertical-align: middle;width: 100%;}
.search_container_table .no-stretch{width: .1%;}
.select_box{position: relative;background-color: #f5f5f5;}
.select_box > i{position: absolute;right: 7px;top: 17px; display: block;color: #313131;font-size: 10px;}
.select_box .filter-view-type{height: 40px;padding:0 9px;border:0;font-size: 14px;letter-spacing: 0.7px;color:#313131;font-family: 'SFProDisplay-Thin';-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;border: 0;box-sizing: padding-box;cursor: pointer;display: inline-block;height: 40px;min-height: 40px;outline: 0;position: relative;transition: background-color .3s,color .3s,border .3s;vertical-align: middle;}
.select_box .filter-view-type option{}
.tour_search{font-size: 18px;font-family: 'SFProDisplay-Thin'; padding:0 14px; height: 40px;box-sizing: border-box; width: 100%;border:0;border-radius: 0;background-color: #fff;}
.tour_search::placeholder{color:#999;letter-spacing: 0.9px;font-size: 18px;font-family: 'SFProDisplay-Thin';}
.search_btn{height: 40px;line-height: 40px; background-color: #fff;padding-right: 14px;}
.search_btn button{border:none;background: transparent;font-size: 20px;color:#313131;padding:0;line-height: 40px;}
.pano-contents h2{text-align: center;font-size: 40px;font-family: 'SFProDisplay-Bold';line-height: 1;color:#333;padding:84px 0 60px;}

/*login, password*/
.main{width:100%;height: 100%;position: relative;}
.login-container{width: 100%;height: 100vh;position: relative;background:url(../images/main/main-bg.jpg) no-repeat;background-size: cover;background-position: 50% 50%;}
.login-contents{width: 80%; max-width: 938px;height: 448px; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #fff;box-shadow: 3.5px 11.5px 20px 0 rgba(7, 18, 37, 0.4);}
.login-contents ul{width:100%;}
.login-contents ul li{width:50%;float: left;box-sizing: border-box;text-align: center;padding:40px 60px;}
.login-contents ul li:last-child{border-left: 1px solid #ddd;}
.login-contents h1{width: 142px;margin-bottom: 22px;margin:60px auto 14px;}
.login-contents h1 img{width: 150%;}
.login-contents h2{font-size: 16px;font-family: 'Noto Sans KR', sans-serif;}
.login-contents ul li:first-child h1{margin-top: 130px;}
.halla-account{display: block; background-color: #014099;color:#fff;text-align: center;width:100%;height: 70px;line-height: 70px;font-size: 22px;margin-top: 61px;}

.login-form{width: 100%;box-sizing: border-box;}
.login-form h2{text-align: left;font-size: 16px;margin: 82px 0 29px;}
.login-form > div > input{background-color: #fff;border:1px solid #bfbfbf;border-radius: 2px;width: 100%;height: 36px;border:1px solid #dddddd;margin-bottom: 6px;padding:10px;box-shadow: none;}
.login-form > div > input::placeholder{font-size: 14px;color:#787878;}
.login-form .login-btn a{display: block;width: 100%;height: 50px;margin: 12px 0 13px; line-height: 50px; text-align: center;color:#fff;background-color: #014099;font-size: 16px;}
.login-contact{text-align: right;font-size: 12px; color:#014099;margin-bottom: 56px;}
.login-contact p:nth-of-type(1){font-weight: 500;}

.pass_contents{max-width: 305px;}
.pass_contents h1{margin-left: 25px;}
.pass_contents .login_form{padding:25px;}
.pass_contents h2{font-size: 18px;text-align: center;font-family: 'SFProDisplay-Medium';}
.project_confirm_btn a{display: block;width: 50%; margin:35px auto 0;font-size: 16px;text-align: center;color:#fff;background-color: #00aeef;padding:15px 0;}
/*//login, password*/

/*main page index.html*/
#explore_visual{background: url(../images/layout/explore_visual.jpg) no-repeat;}
.explore-contents{background: #f8f8f8;}
.explore-contents .slick-slide{opacity: 1;}
.explore-contents .slick-slide .tour-img{position: relative; height: 350px;overflow: hidden;}
.explore-contents .slick-current .tour-img{height: 294px;}
.explore-contents .slick-slide .tour-img .mask{display: none; position: absolute;left: 0;top: 0;}
.explore-contents .slick-slide:hover .tour-img .mask{display: block;}
.explore-contents .slick-slide .tour-img .mask:before{display: none;content: '';clear: both;width: 40px;height: 40px;background: url(../images/icon/pano-play.png); position: absolute;left: 50%;top: 50%;transform: translateY(-50%);margin-left: -20px;}
.explore-contents .slick-slide:hover .tour-img .mask:before{display: block;}
.tour-author{display: none;width: 100%;height: 55px;line-height: 35px; box-sizing: border-box;padding: 9.7px 20px;position: absolute;bottom:0;}
.tour-author .profile{float: left; width: 30px;height: 30px;border-radius: 50%;overflow: hidden;margin-right: 11px;}
.tour-author .profile img{width: 100%;vertical-align: top;}
.tour-author .author-name{float: left; color: #fff;}
.tour-author .view-cnt{float: right;color: #fff;} 
.tour-author .view-cnt i{}
.tour-author .view-cnt span{margin-left: 6px;}
.slick-slide:hover .tour-author{display: block;}
.tour-info{width: 100%; box-sizing: border-box;padding:19px 10px;text-align: center;}
.tour-info .tour-title{line-height: 1; font-size: 26.5px;color:#333;margin-bottom:10px;}
.tour-info .tour-name{font-size: 18px;}
.slick-current .tour-info{display: block;}
.tour-container{width: 90%;max-width: 1360px;margin:0 auto 210px;}
.tour-container .tour-item{float: left; width: 33.3%;padding:10px;box-sizing: border-box; border-radius: 2px;text-align: center;overflow: hidden;}
.tour_contents{width: 100%;height: 300px;}
.tour_contents:hover{box-shadow: 0.6px 1.9px 10px 0 #d7d7d7;}
.tour_contents a{display: block;width: 100%;height: 100%;border-bottom: solid 1px #dddddd;}
.tour_contents .pano-img{position: relative; height: 220px;overflow: hidden;}
.tour_contents .pano-img img{width: 100%;height: 100%;}
.tour_contents .pano-img .mask{position: absolute;left: 0;top: 0;display: none;}
.tour_contents .pano-img .mask:before{display: none;content: '';clear: both;width: 40px;height: 40px;background: url(../images/icon/pano-play.png); position: absolute;left: 50%;top: 50%;transform: translateY(-50%);margin-left: -20px;}
.tour_contents:hover .pano-img .mask:before{display: block;}
.tour_contents .pano-info{text-align: center;padding:0 20px 15px;border: solid 1px #dddddd;border-bottom: 0;}
.tour_contents .pano-info strong{display: block;width: 100%;font-size: 20px;color: #000;margin:19px 0 11px;line-height: 1;}
.tour_contents .pano-info span{display: block;width: 100%;font-size: 14px;color:#333;line-height: 1;}
.tour-item:hover .tour-author{display: block;}
.tour-item:hover .mask{display: block;}

.tab-contents{margin-top:10px;}
.tab-contents .list-project{width: 24%;margin: 0 .5%;padding:0;margin-bottom: 20px; float: left; }
.tab-contents .list-project .vr-world-wrapper{border-radius: 2px;height: 255px;border:1px solid #ddd;}
.tab-contents .list-project .vr-world-wrapper .tour-link{border-top-left-radius: 2px;border-top-right-radius: 2px;}
.tab-contents .list-project .tour-link a{height: 150px;}
.tab-contents .list-project .tour-info h1{text-align: left; margin-top:0; text-overflow: ellipsis;whi te-space: nowrap;}

.tab-contents .tabcontent{display: none;}
.tab-contents .current{display: block;}

.main-controll {max-width: 1200px;width: 90%;height: 40px;line-height: 40px;margin:auto; text-align: center;background-color: #f5f5f5;border:1px solid #ddd;font-size: 18px;color:#333;cursor: pointer; box-sizing: border-box;}
.main-controll span{display: none;}
.main-controll span.on{display: inline-block;}

.main-container{width: 90%; max-width: 1200px;margin:auto;box-sizing: border-box;background-color: #fff;padding-top: 10px;}
.main-side-menu{width: 25%;float: left;position: relative;background-color: #f5f5f5;box-sizing: border-box;height: 50vh;max-height: 600px;}

.main-side-menu h1{position: relative;width: 100%;background-color: #1c295e;height: 60px;line-height: 60px; border-radius: 1px;box-sizing: border-box;padding:0 20px;}
.main-side-menu h1 a{width: auto;line-height: 60px; font-size: 24px;font-weight: 500;color:#fff;float: left;}
.menu-controll{float: right;}
.menu-controll label{position: relative; font-size: 18px;letter-spacing: -0.45px;margin-right: 14px;display: inline-block;color: #fff;}
.menu-controll label:nth-of-type(2){margin-right: 0;}
.menu-controll .radio-check{position: absolute;opacity: 0;cursor: pointer;left: 0;top: 0;}
.menu-controll .check-mark{display: inline-block; width: 15px;height: 15px;border-radius: 50%;background-color: #dedede;border:1px solid #a5a5a5;position: relative;vertical-align: middle;}
.menu-controll .check-mark:after{content: '';clear: both;position: absolute; display: none; }
.menu-controll .check-mark:after{top: 4px;left: 4px;width: 7px;height: 7px;background-color: #1c295e;border-radius: 50%;}
.menu-controll input:checked ~ .check-mark:after{display: block;}

.main-side-menu h1 .main-side-menu-btn{display: none;width: 20px;height: 20px;line-height: 20px;text-align: center;cursor: pointer; position: absolute;right: 20px;top: 20px;}
.main-side-menu h1 .main-side-menu-btn > span{position: absolute;right: 0;top: 0;color:#fff;font-size: 18px;}
.main-side-menu h1 .main-side-menu-btn .off{display: none;}

.main-side-menu .main-menu{width: 100%;overflow: auto;box-sizing: border-box;padding:20px;height: 43vh;max-height: 538px;}
.main-side-menu .main-menu::-webkit-scrollbar {-webkit-appearance: none;width: 15px;}
.main-side-menu .main-menu::-webkit-scrollbar-thumb {bord er-radius: 4px;background-color: rgba(0,0,0,.5);background-color:#cdcdcd; -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}

.main-side-menu li{width: 100%;box-sizing: border-box; border-bottom: 1px solid #dadada;padding:20px 0;}
.main-side-menu li:first-child{padding-top: 0;}
.main-side-menu li a{font-size: 18px;font-weight: 500;color:#333;letter-spacing: -0.45px; display: block;box-sizing: border-box;}
.main-side-menu li a span{display: none;margin-left: 10px;}
.main-side-menu li a span.off{display: inline-block;}
.main-side-menu li ul {display:none;margin-top: 8px;}
.main-side-menu li ul li{margin-bottom: 5px;border-bottom: 0;padding:0;}
.main-side-menu li ul li a{font-size: 14px;color:#787878;letter-spacing: -0.35px; font-weight: 300;}
.main-side-menu li ul li.on a{color:#1c295e;}
.main-side-menu li ul .close-scene{display: none;}
.main-side-menu li .construct span{color: #1b295e;}
.main-side-menu li .infra span{color: #cc3037;}
.main-side-menu li .parcel span{color: #0a5c32;}
.main-side-menu li .other span{color: #190c04;}

.map-contents{position: relative; width: 75%;overflow: hidden;box-sizing: border-box;float: left;height: 50vh;max-height: 600px;}
.map-contents .map-wrap{width: 100%;height: 100%;overflow: hidden;background: url(../images/main/temp-map.jpg) no-repeat;background-size: cover;background-position: 50% 50%;}
.marker-icon{position: absolute;border-radius: 50%;cursor: pointer;}
.inner{border-radius: 50%;box-sizing: border-box;overflow: hidden;}
.big-cluster{width: 26px;height: 26px;background-color: #1a24ff;right: 30%;top: 30%;}
.small-cluster{width: 20px;height: 20px;border:1px solid #fff;background-color: #00aeef;right: 23%;top: 40%;}
.small-cluster:nth-of-type(2){right: 40%;top: 60%;}
.big-cluster .inner{width: 42px;height: 42px;background-color: #1a24ff;opacity: .2;margin: -8px;}
.small-cluster .inner{width: 34px;height: 34px;background-color: #00a7f5;opacity: .3;margin:-7px;}
.zoom-cluster{right: 50%;top: 30%;}
.zoom-cluster img{width: 30px !important;height: 30px;border-radius: 50%;overflow: hidden;border:2px solid #f8f8f8;box-shadow: 0px 2px 4px 0 rgba(0, 67, 99, 0.6);}
.state-switch{float: right;margin-top: 43px;}
.state-switch li{display: inline-block;margin-left: 32px;}
.construct-icon{left: 45%;top: 400px;}
.infra-icon{left: 35%;top: 120px;}
.parcel-icon{left: 55%;top: 220px;}
.other-icon{left: 60%;top: 480px;}
.marker-icons{position: absolute;cursor: pointer;}
.tour-num{display: block; color:#fff;position: absolute;top: 7px;left: 50%;transform:translateX(-50%); text-align: center;}
.construct-icon0{left: 38%;top: 190px;}
.construct-icon2{left: 47%;top: 260px;}
.construct-icon3{left: 43%;top: 230px;}
.construct-icon4{left: 40%;top: 330px;}
.construct-icon5{left: 53%;top: 180px;}
.construct-icon6{left: 64%;top: 180px;}
.construct-icon7{left: 63%;top: 140px;}
.infra-icon0{left: 47%;top: 260px;}
.infra-icon2{left: 47%;top: 360px;}
.infra-icon3{left: 43%;top: 330px;}
.infra-icon4{left: 50%;top: 430px;}
.infra-icon5{left: 43%;top: 130px;}
.infra-icon6{left: 40%;top: 230px;}
.parcel-icon0{left: 50%;top: 130px;}
.parcel-icon2{left: 50%;top: 230px;}
.parcel-icon3{left: 56%;top: 340px;}
.parcel-icon4{left: 53%;top: 280px;}
.parcel-icon5{left: 64%;top: 180px;}
.parcel-icon6{left: 63%;top: 140px;}
.parcel-icon7{left: 30%;top: 430px;}
.other-icon0{left: 40%;top: 130px;}
.other-icon2{left: 40%;top: 230px;}
.other-icon3{left: 50%;top: 230px;}
.other-icon4{left: 56%;top: 340px;}
.other-icon5{left: 53%;top: 280px;}
.other-icon6{left: 64%;top: 180px;}
.other-icon7{left: 63%;top: 140px;}
.other-icon8{left: 30%;top: 430px;}

.map-popup-wrap{display: none;}
.map-pop-container{position: absolute; width: 250px;height: auto;z-index: 14;right:-110px;top: 50px;}
.map-pop-contents{width: 100%;height: 100%; box-sizing: border-box;padding:10px; overflow: hidden; border-radius: 2px;background-color: #fff; box-shadow: 1.2px 3.8px 8px 0 rgba(18, 18, 18, 0.2);}
.map-pop-contents-wrap{width: 100%;text-align: center;}
.map-pop-contents .pop-info-box{width: 100%;box-sizing: border-box;text-align: left;}
.map-pop-contents .pop-info-box h2 a{display: block; width: 100%;line-height: 1;font-size: 14px;color: #000;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;}
.map-pop-contents .pop-info-box .tour-location{display: block; font-size: 12px;color: #787878;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.main-container .pano-contents{margin-top: 56px;}
.main-container .tour-container{width: 100%;position: relative;}
.more-btn{position: absolute;bottom:-80px; width:100%;text-align: center;}
.more-btn a{display: block;width:180px;height: 50px;line-height: 50px;margin:auto; background-color: #014099;color:#fff;font-size: 18px;box-shadow: 0.6px 1.9px 6px 0 rgba(0, 0, 0, 0.2);border-radius: 2px;letter-spacing: -0.9px;}

.pano-container{width: 90%;max-width: 1200px;margin:auto;box-sizing: border-box;}
.pano-container .tour-container{width: 100%;position: relative;}
.pano-tab-contents{width:100%;border-bottom: 1px solid #ddd;margin-top: 10px;}
.pano-tab-contents .pano-tab-menu{float: left;}
.pano-tab-contents .pano-tab-menu li{float: left;width:150px;height: 60px;text-align: center;}
.pano-tab-contents .pano-tab-menu li a{display: block;box-sizing: border-box; width:100%;height: 100%;line-height: 60px;letter-spacing: -0.45px;font-size: 18px; background-color:#fff;border:1px solid #ddd;border-bottom: none; border-radius: 2px;}
.pano-tab-contents .pano-tab-menu li.current a{color:#fff;background-color: #014099;border: 1px solid #014099;border-bottom: none;}

.pano-num{float: left;text-align: left;}
.pano-num h2{font-size: 20px;letter-spacing: -0.5px;padding:0;font-family: 'Noto Sans KR', sans-serif;font-weight: 500;line-height: 40px;margin-bottom: 8px;}
.pano-tab-contents .pano-search{float: right;position: relative;margin-bottom: 8px;}
.pano-tab-contents .pano-search input{width:400px;height: 40px;background-color: #fff;border-radius: 2px;border:1px solid #ddd;box-shadow: none;}
.search-btn {font-size: 24px; border:none;box-shadow: none;background-color: transparent;border-radius: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
/* //main page index.html*/
/*author-map*/
.authors_map_container:after{display: block;content: '';clear: both;}
.authors_map_container{height: 100vh;}
.authors_map_contents{width: 100%;height: 100%; position: relative;}
.mapContainer{position: relative; width: 100%;height: 100%;background: url(../images/authors/temp_map.jpg) no-repeat;background-position: 50% 50%;background-size: cover;}
.mapContainer .map-marker-wrap{width: 100%;height: 100%;position: relative;}
.mapContainer .map-pop-container{right: -290px;top: -220px;transform: translate3d(0px, 0px, 0px);}
/*//author-map*/
/*project_view*/
.project_view_nav{width: 100%;margin-top: 90px;}
.mian_nav_bar{width: 100%;border-top: 1px solid rgba(7,7,7,.1);border-bottom: 2px solid rgba(7,7,7,.1);}
.mian_nav_bar ul{width: 90%;max-width: 1360px;margin:auto;}
.mian_nav_bar ul li{display: inline-block;height: 47px;line-height: 47px;opacity: .5;}
.mian_nav_bar ul li a{font-size: 14px;color:#000;}
.mian_nav_bar ul li.navOn {opacity: 1;}
.project_view_container{width: 90%;max-width: 1360px;margin: 47px auto 100px;}
.project_view_container .preview_frame{width: 100%; height: 680px;margin-bottom: 15px;}
.view_btn_wrap{width: 100%;box-sizing: border-box;padding:0 20px;}
.view_btn_wrap .view_cnt{float: left;color:#696969;margin-right: 20px;}
.view_category{float: left;}
.view_category h2{font-weight: 700;display: inline-block;font-size: 14px;}
.view_category span{display: inline-block;font-size: 14px;}
.project_detail_container{}
.project_detail_container h1{font-size: 28px;color:#333;margin:30px 20px 17px;line-height: 1;font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.project_detail_container > div{float: left;}
.project_detail_container .date_section{font-size: 14px;color:#696969;margin-right: 28px;margin-left: 20px;}
.project_detail_container .department_section{font-size: 14px;color:#696969;}
.project_detail_container .department_section p{float: left;}
.form-group{width: 100%;box-sizing: border-box; padding:20px;border-bottom:1px solid #e6e6e6;}
.form-group .info-form{width: 49%; float: left;}
.form-group .detail_left{margin-right: 2%}
.info-form .detail-box{width: 100%;height: 320px;box-sizing:border-box;padding:20px 13px; border:1px solid #bfbfbf;border-radius: 2px;margin-bottom: 21px;}
.info-form .detail_info{font-size: 18px;}
.info-form .detail_info strong{font-family: 'Noto Sans KR', sans-serif;font-weight: 500;margin-right: 15px;}
.map_wrap{width: 100%;}
.detail_map{height: 100%;margin-bottom: 21px;}
.mapouter{text-align:center;height:320px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:320px;width:100%;}
.exif_info{margin-bottom: 60px;}
.exif_info h2{font-size: 18px;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;margin-bottom: 19px;}
.exif_info span{display: block;width: 100%;font-size: 14px;color:#696969;}
.comment_wrap{width: 100%;box-sizing: border-box;}
.comment_wrap h1{letter-spacing: -0.9px;margin:0 0 21px; font-size: 18px;font-family: 'Noto Sans KR', sans-serif;font-weight: 500;}
.comment_wrap h1 img{margin-right: 5px;}
.comment_wrapper > div{margin-bottom: 43px;}
.comment_wrapper .submit_comment_box{margin-bottom: 60px;}
.comment_wrapper .submit_comment_box .comment_section{height: 120px;line-height: 1;font-size: 14px !important;}
.comment_wrapper .comment_box{margin-bottom: 30px;}
.comment_label{line-height: 40px;display: block;margin-bottom: 7px;letter-spacing: -0.8px;font-weight: 500;font-size: 16px;font-family: 'Noto Sans KR', sans-serif;}
.comment_label img{width: 37px; margin-right: 17px;}
.comment_box .comment_section{width: -webkit-fill-available; -webkit-appearance:none;margin-left: 52px; background-color: #fff; border-radius: 2px; box-shadow: 0.6px 1.9px 2px 0 rgba(109, 107, 104, 0.1);border: solid 0.5px #bfbfbf;margin-bottom: 17px;font-size: 14px !important;}
.comment_box .comment_section:focus {outline: none;}
.comment_box .comment_submit_btn{width: 90px;height: 36px;line-height: 36px;text-align: center;color:#fff;background-color: #00aeef;border-radius:2px; border:0;box-shadow: none;cursor: pointer;font-size: 16px;margin-left: 52px;}
.comment_box .comment_txt{margin-left: 52px;box-sizing: border-box;padding:20px;border:1px solid #bfbfbf;margin-bottom: 17px;font-size: 14px;}
.comment_box .reply_btn{float: right; border:none;border-radius: 0;background-color: #fff;box-shadow: none;font-size: 16px;color:#333;text-align: right;line-height: 1;cursor: pointer;}
.comment_wrapper .reply_box{margin-left: 104px;box-sizing: border-box;}
.download_btn{width: 100%;text-align: center;}
.download_btn a{display: block;height: 42px;line-height: 42px;width: 120px;color:#fff;text-align: center;background-color: #00aeef;font-size: 16px;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;margin:auto;}
/*//project_view*/
/*privacy*/
.privacy-contents{width: 90%;margin:auto; padding:40px 0 90px;max-width: 1200px;}
.privacy-contents h1{font-size: 24px;font-weight: 500;margin-bottom: 40px;}
.privacy-contents p{font-size: }
.privacy-contents div{margin-bottom: 30px;}
.privacy-contents div h2{font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.privacy-contents div > p{display: block;box-sizing: border-box;padding-left:30px;}
.privacy-contents div > p em{display: block;box-sizing: border-box;padding-left: 30px;}
.privacy-contents div span{background: #eee;font-size: 15px;text-align: center;line-height: 60px;color:#898989;display: block;}
/*//privacy*/
/*terms*/
.terms-contents{width: 90%;margin:auto; padding:40px 0 90px;max-width: 1200px;}
.terms-contents h1{font-size: 24px;font-weight: 500;margin-bottom: 40px;}
.terms-contents p{font-size: }
.terms-contents div{margin-bottom: 30px;}
.terms-contents div h2{font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.terms-contents div > p{display: block;box-sizing: border-box;padding-left:30px;}
.terms-contents div > p em{display: block;box-sizing: border-box;padding-left: 30px;}
.terms-contents div span{background: #eee;font-size: 15px;text-align: center;line-height: 60px;color:#898989;display: block;}
/*//terms*/



@media (max-width: 1200px){}
@media (max-width: 1024px){
    .tab-contents .list-project{width: 32%;}
	.menu-controll label{font-size: 16px;margin-right: 10px;}
	.pano-num h2{font-size: 18px;}
	.main-side-menu{height: 550px;}
	.map-contents{height: 550px;}
	.main-side-menu .main-menu{height: 488px;}
    
}
@media (max-width: 992px){}
@media (max-width: 768px){
	/*login*/
	.login-contents{height: auto;}
	.login-contents ul li{width: 100%;}
	.login-contents ul li:first-child{border-bottom: 1px solid #ddd;}
	.login-contents ul li:first-child h1{margin-top: 60px;}
	.login-contents ul li:last-child{border-left: 0;margin:0;}
	.login-contents li h2{margin-top:0;}
	.login-contents li:first-child h2{margin-bottom: 60px;}
	.login-contact{margin-bottom: 26px;}
	/*//login*/

	/*index*/
	.main-side-menu h1 a{font-size: 20px;}
	/*//index*/
}
@media (max-width: 576px){
	.login-contents{width:100%;height: 100%;}
	.login-contents ul li:last-child{padding-top:100px;}
	.main-side-menu h1 .main-side-menu-btn{display: block;}
}
@media (max-width: 480px){
	.login-contents{left:0;top:0;transform: none;}
	.login-contents ul li:last-child{padding-top: 80px;}
}
@media (max-width: 380px){
	.login-contents ul li:first-child h1{margin-top: 40px;}
	.login-contents li:first-child h2{margin-bottom: 40px;}
	.login-contents ul li{padding-left: 40px;padding-right: 40px;}
}
@media (max-width: 360px){
}
@media (max-width: 320px){
	.login-contents ul li:first-child h1{margin-top: 0;}
	.login-contents li:first-child h2{margin-bottom: 0;}
	.login-contents ul li:last-child{padding-top: 70px;}
}




























