@import url(common.css);

body{position: relative;overflow: hidden;}
/*헤더*/
.header{position: absolute;left:0;top:0;z-index: 300;width: 100%;height:73px;background-image: linear-gradient(to bottom, #0489da, #0071d0);box-shadow: 5px 5px 5px rgba(0,0,0,0.15);}
.header:after{content: '';display: block;clear: both;}
.header .wrap{width: 1823px;margin-left:50px;}
.logo{background: url(../../images/map/common/logo.gif)left top 0px no-repeat;background-size: 250px;width: 260px;height: 62px;display: block;font-size: 0;float: left;line-height: 73px;margin-top:16px;margin-right:135px;}
.logo a{display: block;}
/*검색*/
#search{float: left;}
.searchBar{position: relative;line-height: 73px;}
.searchBar input{width: 470px;height: 41px;padding: 5px 0px;box-sizing: border-box;border-radius: 3px;outline: 0;box-sizing: border-box;border: 0;}
.searchBar input::placeholder {color: #4b4b4b;font-size: 13px;}
.go_search{font-size: 0;line-height: 0;background: url(../../images/map/common/search.jpg)left top no-repeat;width: 23px;height: 25px;display: block;position: absolute;right: 18px;top: 25px;}
.go_search::before{content: '';width: 1px;height: 15px;background: #979697;display: block;position: absolute;left: -15px;top: 4px;}

.default {padding: 6px 10px;display: block;font-size: 14px;color: #666;}
#search .auto_list{position:absolute; top:57px; z-index: 5; background: #fff; border:2px solid #0071d0; width:468px;border-radius: 5px;}
#search .auto_list ul{margin: 0; padding: 0;}
#search .auto_list ul li a{padding:6px 10px; display: block; font-size: 14px;}
#search .auto_list ul li a:hover{background: #f5f6fa url('../../images/auto_check.png') 480px 6px no-repeat;}
#search .search_right{float:right; padding-top:10px;padding-bottom:5px;width:160px;background: rgba(0,0,0,0.8);font-size:20px; color:#fff; text-align: center; height:35px; }
#search .search_right select{width:100px; height:30px; text-indent: 5px; font-size: 14px; border:1px solid #ccc; margin-left: 10px;}

/*메인메뉴*/
.main_menu{float: left;margin: 0 -80px 0 15px;}
.main_menu ul:after{content: '';display: block;clear: both;}
.main_menu ul li{float: left;}
.main_menu ul li.map{width: 150px;box-sizing: border-box;background: #1e4e73;border:1px solid #fff;height:52px;margin-top:10px;line-height:52px;border-radius: 7px;}
.main_menu ul li.map a{background:url(../../images/map/common/location.png)left 30px center no-repeat;padding: 0 15px 0 45px;}
.main_menu ul li.map a.addr{background: url(../../images/map/common/note.png)left 20px center no-repeat;margin-top:-10px}
.main_menu ul li.pr_video{background: url(../../images/map/common/play.png)left 30px center no-repeat;padding: 0 30px 0 59px;position: relative;}
.main_menu ul li.pr_video:after{content: '';width: 10px;height: 5px;background: url(../../images/map/common/arrow.png)right top no-repeat;display: block;position: absolute;right:10px;top:35px;}
.main_menu ul li.pr_video.on:after{transform: rotate(180deg);}
.main_menu ul li.service{background: url(../../images/map/common/service.png)left 30px center no-repeat;padding: 0 41px 0 61px;position: relative;}
.main_menu ul li.service:after{content: '';width: 10px;height: 5px;background: url(../../images/map/common/arrow.png)right top no-repeat;display: block;position: absolute;right:20px;top:35px;}
.main_menu ul li.service.on:after{transform: rotate(180deg);}
.main_menu ul li.statistics{background: url(../../images/map/common/play.png)left 30px center no-repeat;padding: 0 30px 0 59px;position: relative;}
.main_menu ul li.statistics:after{content: '';width: 10px;height: 5px;background: url(../../images/map/common/arrow.png)right top no-repeat;display: block;position: absolute;right:10px;top:35px;}
.main_menu ul li.statistics.on:after{transform: rotate(180deg);}
.main_menu ul li a{font-size: 15px;color: #fff;display: block;line-height: 73px;}
.main_menu .more_list{background: #0076d2;text-align: center;border: 1px solid #fff;border-top:0;width: 151px;position: absolute;left: 17px;top: 59px;display: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 5px 10px 10px rgba(0,0,0,0.15);}
.main_menu .more_list a{display: block;font-size: 13px;line-height: 30px;background: url(../../images/map/common/dot.png)left bottom repeat-x;}
.main_menu .more_list a:last-child{background: none;height: 39px;padding-bottom: 15px;}
.main_menu .more_list a span{display: block;padding: 8px 0;transition: 0.5s;-webkit-transition: 0.5s;}
.main_menu .more_list a:first-child span{padding-top: 15px;}
.main_menu .more_list a:last-child span{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding-bottom:15px;}
.main_menu .more_list a:hover span{background: #1062a3;transition: 0.5s;-webkit-transition: 0.5s;}
/*로그인메뉴*/
.login_menu{float: left;}
.login_menu:after{content: '';display: block;clear: both;}
.login_menu a{float: left;display: block;font-size: 15px;color: #fff;line-height: 73px;padding: 0 24px 0 45px;}
.login_menu a.login_btn{background: url(../../images/map/common/login.png)left center no-repeat;transition: 0.5s;-webkit-transition: 0.5s;}
.login_menu a.login_btn:hover{background: url(../../images/map/common/login_hover.png)left center no-repeat;transition: 0.5s;-webkit-transition: 0.5s;}
.login_menu a.join_btn{background: url(../../images/map/common/join.png)left center no-repeat;}
.login_menu a.join_btn:hover{background: url(../../images/map/common/join_hover.png)left center no-repeat;transition: 0.5s;-webkit-transition: 0.5s;}
/*.themaProperty 매물 선택 width:418*/
/* .themaProperty 매물 선택  지산일 경우 width:500*/
.themaProperty{position: absolute;left: 23px;top: 97px;z-index: 300;background: #fff;border-radius: 10px;width: 418px;height: 180px;box-sizing: border-box;box-shadow: 5px 5px 9px rgba(0,0,0,0.22);}
.themaProperty .point_top{background: #d8d8d8;padding: 15px 13px;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.themaProperty .point_top ul:after{content: '';display: block;clear: both;}
.themaProperty .point_top ul li{float: left;width: 72px;height: 73px;margin-right: 8px;}
.themaProperty .point_top ul li:last-child{margin-right: 0;}
.themaProperty .point_top ul li a{display: block;font-size: 12px;color: #fff;background: #fff;text-align:center;border-radius: 4px;height: 100%;}
.themaProperty .point_top ul li img{padding: 7px 0;}
.themaProperty .point_top ul li span{display: block;background:#f30af6;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;height: 20px;line-height: 20px;}
.themaProperty .point_top ul li:nth-child(2) span{background: #f67822;}
.themaProperty .point_top ul li:nth-child(3) span{background: #662500}
.themaProperty .point_top ul li:nth-child(4) span{background: #18aa86}
.themaProperty .point_top ul li:nth-child(5) span{background: #3c64b4}
.themaProperty .point_top ul li:nth-child(6) span{background: #04c65a}
.themaProperty .point_top ul li.off span{background: #b2b2b2;}
.themaProperty .point_top ul li.off img{opacity: 0.4;}
.themaProperty .point_btm{padding: 10px 13px;}
.themaProperty .point_btm:after{content: '';display: block;clear: both;}
.themaProperty .point_btm a{display: block;float: left;border-radius: 4px;color: #fff;height: 27px;line-height: 27px;margin-right: 5px;font-size:12px;}
.themaProperty .point_btm a:last-child{margin-right: 0;}
.themaProperty .point_btm .nowLocate{background: #318bd4;padding: 0 18px 0 30px;position: relative;}
.themaProperty .point_btm .nowLocate:before{content: '';width: 14px;height: 19px;display: block;background: url(../../images/map/common/location_m.png)left top no-repeat;position: absolute;left:7px;top: -5px;}
.themaProperty .point_btm .newKeyword, .themaProperty .point_btm .newProperty{background: #318bd4 url(../../images/map/common/point_arrow.png)left 10px center no-repeat;padding: 0 11px 0 18px;}
.themaProperty .newPropertyBtn{background: #318bd4 left 10px center no-repeat;padding: 0 10px 0 8px;}

.themaNews{position: absolute;left: 23px;top: 255px;z-index: 300;background: #fff;border-radius: 10px;width: 418px;height: 40px;box-sizing: border-box;box-shadow: 5px 5px 9px rgba(0,0,0,0.22);}
.themaNews .news{padding: 10px 13px;}
.themaNews .news:after{content: '';display: block;clear: both;}
.themaNews .news a{display: block;float: left;border-radius: 4px;color: #3d3d3d;height: 25px;margin-right: 8px;outline:none;border:0;}
.themaNews .news a:last-child{margin-right: 0;}
.themaNews .news .newKeyword, .themaProperty .point_btm .newProperty{background: #318bd4 url(../../images/map/common/point_arrow.png)left 10px center no-repeat;padding: 0 11px 0 18px;}
.themaNews .newsBtn{background: #318bd4 left 10px center no-repeat;padding: 0 10px 0 8px;color:#fff;}

.point_btm ul{float: left;padding-left: 0px;width: 99%;box-sizing: border-box;top:7px;}
.point_btm ul li{overflow: hidden;}
.point_btm ul li div{float: left;position: relative;padding-left: 10px;margin-right: 25px;}
.point_btm ul li div:last-child{margin-right:0;}
.point_btm ul li div::after{content:'';width:4px;height: 4px;border-radius: 4px;background: #318bd4;position: absolute;left:0;top:10px;}
.point_btm ul li a{display: block;}
.point_btm ul .slick-arrow{vertical-align: middle;position: absolute;right:0;top:14px;z-index: 100;}
.point_btm ul .slick-prev{color:#1e4e73;width:24px;height: 20px;right: 15px;top:2px;}
.point_btm ul .slick-next{color:#1e4e73;width:22px;height: 20px;top:3px;}

#roadMap div.roadMapMoveBtn{display:none;z-index: 2;position: relative;float: right;padding: 10px;top:10px;cursor:pointer;border-radius: 4px;color: #fff;height: 10px;line-height: 10px;margin-right: 8px;font-size:12px;background: #318bd4 left 10px center no-repeat;padding: 10px 10px 10px 8px;}

.left_btn{position: absolute;left:23px;top:365px;z-index: 300;}
.left_btn a{border: 1px solid #3d3d3d;background-image: linear-gradient(to bottom right, #0071d0, #058bdb);color: #fff;font-size: 20px;width: 55px;height: 55px;display: block;text-align: center;line-height: 55px;border-radius: 5px;margin-bottom: 12px;box-shadow: 2px 2px 7px rgba(0,0,0,0.29)}
.left_btn a.off{border: 1px solid #3d3d3d;background-image: linear-gradient(to bottom right, #fff, #fff);color: #3d3d3d;font-size: 18px;width: 55px;height: 55px;display: block;text-align: center;line-height: 55px;border-radius: 5px;margin-bottom: 12px;box-shadow: 2px 2px 7px rgba(0,0,0,0.29)}

.left_btn1{position: absolute;left: 180px;top: 468px;z-index: 300;}
.left_btn1 a{border: 1px solid #3d3d3d;background-image: linear-gradient(to bottom right, #0071d0, #058bdb);color: #fff;font-size: 18px;width: 55px;height: 55px;display: block;text-align: center;line-height: 53px;border-radius: 5px;margin-bottom: 12px;box-shadow: 2px 2px 7px rgba(0,0,0,0.29)}

.left_btn2{position: absolute;left: 23px;top: 310px;z-index: 300;}
.left_btn2 a.chk_plus{border: 1px solid #3d3d3d;background: url(https://t1.daumcdn.net/mapjsapi/images/control.png) -40px 0px / 116px 264px no-repeat rgb(255, 255, 255);color: #3d3d3d;font-size: 18px;width: 33px;height: 33px;display: block;text-align: center;line-height: 55px;border-radius: 5px;margin-bottom: 12px;box-shadow: 2px 2px 7px rgba(0,0,0,0.29)}
.left_btn3{position: absolute;left: 65px;top: 310px;z-index: 300;}
.left_btn3 a.chk_minus{border: 1px solid #3d3d3d;background: url(https://t1.daumcdn.net/mapjsapi/images/control.png) -40px -32px / 116px 264px no-repeat rgb(255, 255, 255);color: #3d3d3d;font-size: 18px;width: 33px;height: 33px;display: block;text-align: center;line-height: 55px;border-radius: 5px;margin-bottom: 12px;box-shadow: 2px 2px 7px rgba(0,0,0,0.29)}


#view{position: relative;right:0;overflow: hidden;transition: 0.5s;z-index: 100;background: url(../../images/map/common/map.jpg)left top no-repeat;}
.point{position: absolute;left: 200px;top: 430px;cursor: pointer;}
.point_b{left: 250px}
.point_c{left: 300px}
.point_d{left: 350px}
.point_e{left: 400px}
/*상세정보창*/
.rigntArea{position: absolute;right: -1000px;top:0;transition: 0.5s;z-index: 500;width:718px;}
.rigntArea.open{right:0;transition: 0.8s;}
#info{/*height: 100vh;*/position: relative;}
#info .info_wrapper{background: #fff;box-sizing: border-box;position: absolute;right: 0;top: 0;overflow-y: auto;width: 718px;}
/*상세정보창(공통) - 헤더*/
.info_header{background: #25628f;margin: 0 auto;text-align: center;}
.info_header .info_tit{color: #fff;text-align: center;display: inline-block;padding-left: 83px;height: 76px;margin: 17px 0;}
.info_header .info_tit h3{font-size: 22px;font-weight: 500;margin-top: 10px;}
.info_header .info_tit p{font-size: 16px;color: rgba(255,255,255,0.5);}
/*상세정보창 - 동/호수*/
.info_select{background: url(../../images/map/common/dot.png)left top repeat-x;text-align: left;padding: 13px 0 13px 30px;}
.info_select span{color: #fff;position: relative;padding-left: 15px;margin-right: 10px;}
.info_select span:before{content: '';width: 6px;height: 6px;border-radius: 50%;background:#f4e778;display: block;position: absolute;left: 0;top: 8px;}
.info_select select{border-radius: 6px;width: 240px;padding-left: 22px;height: 35px;margin-right: 10px;}
.info_select select:last-child{margin-right: 0;}
/*상세정보창 - 헤더메뉴*/
.info_header .menu{overflow: hidden;background:#3080bb;padding: 10px 0 10px 30px;height: 56px;box-sizing: border-box}
.info_header .menu li{float: left;}
.info_header .menu li a{color: #fff;font-size: 15px;padding: 7px 10px;display: block;}
.info_header .menu li.on a{background: #25628f;border-radius: 5px;}
.info_header .menuBasic{overflow: hidden;background:#3080bb;padding: 10px 0 10px 30px;height: 56px;box-sizing: border-box}
.info_header .menuBasic li{float: left;}
.info_header .menuBasic li a{color: #fff;font-size: 15px;padding: 7px 15px;display: block;}
.info_header .menuBasic li.on a{background: #25628f;border-radius: 5px;}
/*상세정보창 - 바디*/
.info_body{overflow-y: auto;overflow-x:hidden;}
.body_wrapper{padding: 30px;position: relative;}
.title{font-size: 18px;color: #000;font-weight: 500;padding-left:12px;position: relative;margin:0 0 5px 5px;}
.title:before{content: '';width: 5px;height: 17px;background: #f716b0;position: absolute;left:0;top:6px;display: block;}
.title_sm{font-size: 13px;color: #000;font-weight: 500;position: relative;margin:0 0 5px 5px;padding-left: 5px;}
.title_sm:before{content: '';width: 3px;height: 10px;background: #f716b0;position: absolute;left:0;top:6px;display: block;}

.title_sm_orange{font-size: 13px;color: #000;font-weight: 500;position: relative;margin:0 0 5px 5px;padding-left: 5px;}
.title_sm_orange:before{content: '';width: 3px;height: 10px;background: #f67822;position: absolute;left:0;top:6px;display: block;}
.title_sm_brown{font-size: 13px;color: #000;font-weight: 500;position: relative;margin:0 0 5px 5px;padding-left: 5px;}
.title_sm_brown:before{content: '';width: 3px;height: 10px;background: #662500;position: absolute;left:0;top:6px;display: block;}
.title_sm_mint{font-size: 13px;color: #000;font-weight: 500;position: relative;margin:0 0 5px 5px;padding-left: 5px;}
.title_sm_mint:before{content: '';width: 3px;height: 10px;background: #18aa86;position: absolute;left:0;top:6px;display: block;}
.title_sm_blue{font-size: 13px;color: #000;font-weight: 500;position: relative;margin:0 0 5px 5px;padding-left: 5px;}
.title_sm_blue:before{content: '';width: 3px;height: 10px;background: #3c64b4;position: absolute;left:0;top:6px;display: block;}

/*상세정보창 - 공통*/
.conSection{margin-top: 20px;}
.sec01{border-bottom: 1px dotted #000;margin-top: 0;}
.sec01 img{width: 640px;}
.sec01 p {font-weight: 500;margin: 10px 0;text-align: center;}
.sec01 p .sigaPrice{font-size: 25px;color: #3080bb;}
.sec01 p span{font-size: 18px;color: #000;}
.noticeArea{background:#d3e3ee url(../../images/map/common/alert.png)left 33px center no-repeat;padding: 15px 23px 15px 95px;background-size: 35px;}
.noticeArea p{font-size: 13px;font-weight: 500;}
.noticeArea span{color: #f60b0b;}
.publishPrice{width: 146px;}
.more{font-size: 13px;color: #3080bb;text-decoration: underline;margin-left: 10px;}
.inputArea:after{content: '';display: block;clear: both}
.remark{line-height: 1.3; display: inline-block;}
.checkBox span{font-size: 13px;padding-left: 20px;line-height: 15px;}
.textInput input:nth-child(1){width: 146px;}
.textInput input:nth-child(2){width: 104px;}
.telInput, .certifi{float: left;}
.telInput{margin-right: 12px;}
.telInput select{width: 68px;}
.telInput input{width: 55px;}
.certifi input{width: 85px;}
.info_table td>div{margin-bottom: 8px;}
.info_table td>div:last-child{margin-bottom: 0;}
.info_table{border-top: 0;}
.notice2{background: #f6f6f6;border: 1px solid #d3d3d3;padding: 10px 20px;margin: 12px 0;border-radius: 10px;}
.notice2 h4{font-size: 18px;padding-left: 25px;background: url(../../images/map/common/alert.png)left center no-repeat;margin-bottom: 8px;}
.notice2 p{font-size: 13px;color: #313131;}
.btnArea2{background: #f6f6f6;text-align: center;padding:10px 0;margin-bottom: 12px;}
.btnArea2 button{height: 46px;width: 310px;padding: 0 30px;border-radius: 4px;font-size: 16px;}
.btnArea2 button.btnB{margin-right: 8px;}
/* .map_view{height: 292px;background: #4c4c4c;color: #fff;font-size: 18px;font-weight: 500;line-height: 292px;text-align: center;overflow: hidden;} */
.blue_h{border-top: 0;}
.blue_h th{background: #a7c7de;}
.blue_h td{padding: 13px 15px;text-align: left;}
.blue_h td .right{float: right;}
.blue_h td button{font-size: 12px;color: #fff;background: #5d9cca;border-radius: 3px;}
.layer_close{font-size:0;line-height: 0;width:24px;height: 24px;background: url(../../images/map/common/close.png)left top no-repeat;display: block;position: absolute;right:35px;top:35px;}
.roadview_close{font-size:0;line-height: 0;width:24px;height: 24px;background: url(../../images/map/common/close.png)left top no-repeat;display: block;position: absolute;right:35px;top:35px;}

/*아파트 상세정보*/
.info_apart .info_header .info_tit{background: url(../../images/map/common/apart.png)left top no-repeat;}
.checkBox{overflow: hidden;}
.checkBox .checkArea{float: left;line-height: 1.2;}
.checkBox .more{float: left;}
/*토지 상세정보*/
.info_land .sec01 p{line-height: 1.5; margin: 18px 0;}
.info_land .info_header .info_tit{background: url(../../images/map/common/land.png)left top no-repeat;}
.info_land .sec03 .TableC td{text-align:left;padding-left:12px;}
.info_land .sec04 .TableC td{text-align:left;padding-left:12px;}
.info_land .sec05 .TableC td{text-align:left;padding-left:12px;}
.info_land .sec06 .TableC td{text-align:left;padding-left:12px;}

.FlashPlayerLnk{overflow:hidden;position:absolute;z-index:1000000;top:50%;left:50%;margin:-108px 0 0 -166px;width:332px;height:216px;background:url(//t1.daumcdn.net/localimg/localimages/07/2019/img/alert_flash_b_190304.png.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//t1.daumcdn.net/localimg/localimages/07/2019/img/alert_flash_b_190304.png.png");_background:0}
.FlashPlayerLnk .close{overflow:hidden;position:absolute;top:3px;right:3px;width:20px;height:20px;cursor:pointer;text-indent:-9999px}
.FlashPlayerLnk .download{overflow:hidden;position:absolute;top:32px;left:32px;width:268px;height:57px;cursor:pointer;text-indent:-9999px}

.map_wrap {overflow:hidden;height:330px}
/* 지도위에 로드뷰의 위치와 각도를 표시하기 위한 map walker 아이콘의 스타일 */
.MapWalker {position:absolute;margin:-26px 0 0 -51px}
.MapWalker .figure {position:absolute;width:25px;left:38px;top:-2px;height:39px;background:url(http://t1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -298px -114px no-repeat}
.MapWalker .angleBack {width:102px;height:52px;background: url(http://t1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -834px -2px no-repeat;}
.MapWalker.m0 .figure {background-position: -298px -114px;}
.MapWalker.m1 .figure {background-position: -335px -114px;}
.MapWalker.m2 .figure {background-position: -372px -114px;}
.MapWalker.m3 .figure {background-position: -409px -114px;}
.MapWalker.m4 .figure {background-position: -446px -114px;}
.MapWalker.m5 .figure {background-position: -483px -114px;}
.MapWalker.m6 .figure {background-position: -520px -114px;}
.MapWalker.m7 .figure {background-position: -557px -114px;}
.MapWalker.m8 .figure {background-position: -2px -114px;}
.MapWalker.m9 .figure {background-position: -39px -114px;}
.MapWalker.m10 .figure {background-position: -76px -114px;}
.MapWalker.m11 .figure {background-position: -113px -114px;}
.MapWalker.m12 .figure {background-position: -150px -114px;}
.MapWalker.m13 .figure {background-position: -187px -114px;}
.MapWalker.m14 .figure {background-position: -224px -114px;}
.MapWalker.m15 .figure {background-position: -261px -114px;}
.MapWalker.m0 .angleBack {background-position: -834px -2px;}
.MapWalker.m1 .angleBack {background-position: -938px -2px;}
.MapWalker.m2 .angleBack {background-position: -1042px -2px;}
.MapWalker.m3 .angleBack {background-position: -1146px -2px;}
.MapWalker.m4 .angleBack {background-position: -1250px -2px;}
.MapWalker.m5 .angleBack {background-position: -1354px -2px;}
.MapWalker.m6 .angleBack {background-position: -1458px -2px;}
.MapWalker.m7 .angleBack {background-position: -1562px -2px;}
.MapWalker.m8 .angleBack {background-position: -2px -2px;}
.MapWalker.m9 .angleBack {background-position: -106px -2px;}
.MapWalker.m10 .angleBack {background-position: -210px -2px;}
.MapWalker.m11 .angleBack {background-position: -314px -2px;}
.MapWalker.m12 .angleBack {background-position: -418px -2px;}
.MapWalker.m13 .angleBack {background-position: -522px -2px;}
.MapWalker.m14 .angleBack {background-position: -626px -2px;}
.MapWalker.m15 .angleBack {background-position: -730px -2px;}

.shake {
	animation-name: shake;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}

@keyframes shake {
	from {
		transform: scale(1.5,1.5)
	}
	to {
	}
}


/*팝업*/
.shadow2{position: absolute;width:100%;height:100%;background: rgba(0,0,0,0.67);left:0;top:0;display: block;z-index: 400;}
.popupWrpper{position: absolute;z-index: 500;box-sizing: border-box;box-shadow: 7px 7px 9px rgba(0,0,0,0.14);width:891px;margin-left:-450px;}
.popup01{height:493px;}
.popup01 .popup{height:493px;}
.popup{background: #fff;width:891px;border-radius: 10px;}
.popup h4{font-size:25px;font-weight:400;margin-bottom:20px;}
.pop_top{background: #3a87e1;border-top-right-radius: 10px;border-top-left-radius: 10px;padding:44px 64px 38px 64px;}
.pop_top h4.pointW{color:#fff;}
.popup .txt_des span{font-size:15px;display: block;margin-bottom:6px}
.popup .txt_des span:last-child{margin-bottom:0;}
.popup .txt_des em.pointY{color: #f5ee0c;}
.pop_top .txt_des{color:#fff;}
.pop_btm{padding:38px 64px 40px 64px;overflow: hidden;}
.pop_btm .imgArea{float: left;margin-right:15px;}
.pop_btm .txt_des{float: left; margin-top: -6px;}
.pop_btm .txt_des em.pointBl{color:#478cdc;}
.popup01 .pop_btm>a{font-size:14px;text-align: center;color: #fff;background: #478cdc;width:86px;height:51px;box-sizing: border-box;display: inline-block;border-radius: 3px;padding:5px 0;float: right;margin-right: 23px;line-height: 1.3;}
.popup .btnArea{margin:0 32px;background: url(../../images/map/main/dotted_BG.png)left top repeat-x;padding-top:25px;text-align: center;}
.popup .btnArea button{font-size:14px;border-radius: 3px;width:116px;height:41px;}
.popup .btnArea .btnW{color:#454545;border:1px solid #454545;margin-right:8px;margin-left:-10px;}
.popup .btnArea .btnB{background: #252f6f;color:#fff;}
.popup_close{font-size: 0;line-height: 0;background: url(../../images/map/main/pop_close.png)left top no-repeat;width:40px;height:40px;display: block;position: absolute;right:-20px;top:-21px;}

.popup .btnAreaNoDot{margin:0 32px;padding-top:25px;text-align: center;}
.popup .btnAreaNoDot button{font-size:14px;border-radius: 3px;width:116px;height:41px;}
.popup .btnAreaNoDot .btnW{color:#454545;border:1px solid #454545;margin-right:8px;margin-left:-10px;}
.popup .btnAreaNoDot .btnB{background: #252f6f;color:#fff;}


.popup02{height:855px;top:5%;}
.popup02 .popup{height:855px;}
.popup02 .popup .pop_top{padding:19px 0;text-align: center;}
.popup02 .popup .pop_top h4{display: inline-block;margin-bottom:0;font-weight:400}
.popup02 .popup .pop_btm{text-align: center; padding: 26px 60px 33px 60px;}
.popup02 .popup h5{font-size:20px;color: #000;display: inline-block;font-weight: 400;}
.popup02 .pop_btm .imgArea{float: none;margin:0 0 6px 0;}
.pop_tab{margin-top:30px;}
.pop_tab>ul{overflow: hidden;}
.pop_tab>ul>li{float: left;}
.pop_tab>ul>li{margin-right:1px;}
.pop_tab>ul>li>a{font-size:15px;color:#fff;background: #dee0ec;width:106px;height:31px;line-height: 30px;text-align: center;display: block;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.pop_tab>ul>li.on>a{background: #478cdc;}
.tabContents{text-align: left;display: none;margin-top:13px;}
.tabContents.on{display: block;}
.tabContents p{font-size:17px;color:#000;}
.tabContents span{font-size:14px;color:#000;display: block;margin:2px 0 15px 0;line-height: 1.3;}
.tabContents .text_btm{background: #e6eef7;border-radius: 9px;padding:21px;overflow: hidden;}
.tabContents .text_btm li{padding-left:87px;box-sizing: border-box;height:73px;margin-bottom:22px;padding-top: 8px;}
.tabContents .text_btm li.f_left{float: left;width:50%;}
.tabContents .text_btm li.f_right{float: right;width:50%;padding-left: 107px;}
.tabContents .text_btm li:nth-child(1){background: url(../../images/map/main/bulid01.png)left center no-repeat;}
.tabContents .text_btm li:nth-child(2){background: url(../../images/map/main/bulid02.png)left 20px center no-repeat;}
.tabContents .text_btm li:nth-child(3){background: url(../../images/map/main/bulid03.png)left center no-repeat;}
.tabContents .text_btm li:nth-child(4){background: url(../../images/map/main/bulid04.png)left 20px center no-repeat;}
.tabContents .text_btm li:nth-child(5){background: url(../../images/map/main/bulid05.png)left center no-repeat;width:100%;margin-bottom:0;}


.tabContents .text_btm1{background: #e6eef7;border-radius: 9px;padding:21px;overflow: hidden;}
.tabContents .text_btm1 li{padding-left:87px;box-sizing: border-box;height:73px;margin-bottom:30px;padding-top: 8px;}
.tabContents .text_btm1 li.f_left{float: left;width:50%;}
.tabContents .text_btm1 li.f_right{float: right;width:50%;padding-left: 107px;}
.tabContents .text_btm1 li:nth-child(1){background: url(../../images/map/main/bulid06.png)left center no-repeat;}
.tabContents .text_btm1 li:nth-child(2){background: url(../../images/map/main/bulid07.png)left 20px center no-repeat;}
.tabContents .text_btm1 li:nth-child(3){background: url(../../images/map/main/bulid08.png)left center no-repeat;padding-top: 0px;width:45%}
.tabContents .text_btm1 li:nth-child(4){background: url(../../images/map/main/bulid09.png)left 20px center no-repeat;  no-repeat;margin-bottom:0;padding-top: 0px;}

.mobile-banner{
	width:420px;background:#fff;border-radius:12px;position:relative;pointer-events:auto;height:54px;z-index: 1000;margin-left: 10px;margin-top: -10px;
}
.mobile-banner .iphone-text{
	display:table-cell;width:130px;font-size:11px;vertical-align: middle;text-align: left;font-weight:bold;
}

.fsc-banner{
	width:420px;background:#fff;border-radius:12px;position:relative;pointer-events:auto;height:50px;z-index: 1000;margin-left: 10px;margin-top: -110px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25px;
  vertical-align:middle;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.toggleTxt {
  margin:0px;
  display:inline-block;
  font-size:12px;
  font-weight:bold;
}


@media screen and (max-width:1850px){
	.logo {margin-right:30px;}
	.pr_video {display: none;}
	.service {display: none;}
	.sejongTel {margin-left:0px !important;}
	.login_menu {margin-left:65px;}
}


@media screen and (max-width:1800px){
	.logo {margin-right:30px;}
	.pr_video {display: none;}
	.service {display: none;}
	.sejongTel {margin-left:0px !important;}
}

@media screen and (max-width:1670px){
	.searchBar input {width:455px;}
	.sejongTel {margin-left:0px !important;}
}

@media screen and (max-width:1585px){
	.searchBar input {width:355px;}
	.sejongTel {margin-left:0px !important;}
}

@media screen and (max-width:1500px){
	.map {display: none;}
	.main_menu {margin: 0 0px 0 0px;}
	.login_menu {margin: 0 40px 0 50px;}
	.pr_video {display: none;}
	.service {display: none;}
	.statistics {display: none;}
	.sejongTel {margin-left:0px !important;}
}

@media screen and (max-width:1250px){
	.login_menu {margin: 0 40px 0 50px;}
	.pr_video {display: none;}
	.service {display: none;}
	.statistics {display: none;}
	.sejongTel {margin-left:0px !important;}
}

@media screen and (max-width:1150px){
	.login_menu {display: none;}
	.pr_video {display: none;}
	.service {display: none;}
	.statistics {display: none;}
	.sejongTel {margin-left:0px !important;}
}

.themaProperty1{position: absolute;top: 97px;z-index: 299;background: #fff;border-radius: 10px;height: 40px;box-sizing: border-box;box-shadow: 5px 5px 9px rgba(0,0,0,0.22);left:450px;width:200px;padding-top: 6px;}
/* .themaProperty1 .point_btm{padding: 10px 13px;} */

.themaProperty2{position: absolute;top: 145px;z-index: 299;background: #fff;border-radius: 10px;height: 155px;box-sizing: border-box;box-shadow: 5px 5px 9px rgba(0,0,0,0.22);left:450px;width:200px;padding-top: 0px;}
.themaProperty2 .point_btm{padding-left: 10px;}


.checks {position: relative;z-index:300;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 13px; height: 13px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }