@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
/*@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);*/
::-webkit-input-placeholder {color: #bbb;}
:-moz-placeholder {color: #bbb;}
::-moz-placeholder {color: #bbb;}
:-ms-input-placeholder {color: #bbb;}
html{width:100%;height:100%;color:#555;}
body{width:100%;height:92%;color:#555;}

html{overflow-x:hidden;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:"Noto Sans KR", sans-serif;font-size:15px;}
body,input,textarea,select,button,table{font-family:"Spoqa Han Sans", sans-serif;font-size:15px;}

input:focus{outline: none;}
img,fieldset{border:0}
ul,ol{list-style:none;}
em,address{font-style:normal}
th{text-align:left}
a{text-decoration:none;color:#555;}
a:hover,a:active,a:focus{}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
hr{display:none}
* {box-sizing: content-box;-webkit-box-sizing:content-box;}
h4{font-weight:400;color:#888;}

#wrap{
	width:100%;
}
#wrap2{
	width:100%;
	height:100%;
	overflow:hidden;
}
.store_list{
	width:320px;
	height:100%;
	position:fixed;
	top:74px;
	right:-340px;
	z-index:11;
	background-color:#fff;
	box-shadow:1px 5px 10px #ccc;
	border-left:1px solid #ccc;
}
.store_list .list_title{
	font-size:12px;
	padding:27px 16px;
	clear:both;
	display:table;
	width:100%;
	height:36px;
	line-height:36px;
	border-bottom:1px solid #efefef;
	margin:0;
}
.store_list .store_close_btn{
	position:absolute;
	top:48%;
	text-align:center;
	left:-16px;
	width:16px;
	height:40px;
	line-height:40px;
	background-color:#fff;
	border-right:1px solid #ccc;
	box-shadow: -1px 1px 4px 0px rgba(204,204,204,1);
	cursor:pointer;
}
.store_list .list_con{
	width:100%;
	height:100%;
}
.store_list .list_con li{
	width:100%;
	padding:10px;
	height:100px;
	border-bottom:1px solid #efefef;
	display:table;
	clear:both;
}
.store_list .list_con li p{
	margin:0;
	float:left;
}
.store_list .list_con li .txt_box{
	padding:0 10px;
	width: 185px;
}
.store_list .list_con li .txt1{
	font-size:13px;
	font-weight:bold;
	width:180px;
	overflow:hidden;
	display:inline-block;
}
.store_list .list_con li .txt2{
	font-size:12px;
	color:#656565;
	width:180px;
	overflow:hidden;
	display:inline-block;
}
.store_list .list_con li .txt3{
	font-size:11px;
	color:#824fff;
}
.store_list .list_con li .shape_box{
	display:inline-block;
	float:right;
	color:#fff;
	font-weight:bold;
}
.store_list .list_con li .shape1{
	font-size:8px;
	padding:4px;
	background-color:#0097ff;
	border-radius:3px;
}
.store_list .list_con li .shape2{
	font-size:8px;
	padding:4px;
	background-color:#00bbc7;
	border-radius:3px;
}
.store_list .list_con li .shape3{
	font-size:8px;
	padding:4px;
	background-color:#8784ff;
	border-radius:3px;
}
.list_title .list_sort{
	float:right;
	padding:8px;
	border-color:#e0e0e0;
	border-radius:5px;
}
.myplanb_footer{
	width:100%;
	font-size:11px;
	color:#656565;
	padding:40px;
	left:280px;
}
.planb_table{
	width:860px;
	font-size:11px;
	margin-left:40px;
	border:1px solid #e0e0e0;
}
.planb_table th{
	padding: 14px 16px;
	font-weight:bold;
	border-bottom:1px solid #e0e0e0;
}
.planb_table td{
	padding:14px 16px;
}
.font-bold{
	font-weight:bold;
}
.myplanb_con .filter{
	margin-left:40px;
	width:860px;
	padding:10px 0;
	font-size:12px;
}
.myplanb_con .filter .sort_select{
	float:right;
	padding:5px;
}
.myplanb_bg .myplanb_con{
	width: calc(100% - 280px);
	float:left;
	background-color:#fff;
	position:relative;
}
.myplanb_con h4{
	font-size:19px;
	font-weight:bold;
	padding: 30px 40px;
	color:#000;
}
.myplanb_bg{
	width:100%;
	margin-top:74px;
	display:table;
	clear:both;
}
.myplanb_bg .left_menu{
	width:280px;
	height:110vh;
	background-color: #f7f9fa;
	float:left;
}
.myplanb_bg .left_menu .my_data{
	padding:30px 30px 9px 30px;
	display:table;
	clear:both;
	border-bottom:1px solid #eee;
}
.myplanb_tab{
	width:100%;
	padding:0 40px;
	clear:both;
	display:table;
	border-bottom:1px solid #eee;
}
.myplanb_tab li{
	padding:14px 0;
	margin:0 10px;
	float:left;
	font-size:13px;
	color:#656565;
	cursor:pointer;
}
.myplanb_tab li.active{
	border-bottom:2px solid #8784ff;
	font-weight:bold;
	color:#000;
}
.left_menu .my_data li{
	float:left;
	font-size:13px;
	line-height:1.67;
	cursor:pointer;
}
.left_menu .my_data li:first-child{
	height:100px;
	font-size:36px;
	margin-right:15px;
}
.left_menu .my_data li.user_name{
	width:150px;
	margin-top:10px;
	color:#000;
	font-weight:bold;
}
.left_menu .my_data li.user_email{
	color:#656565;
}
.left_menu .my_data li.startup_fg{
	color:#7370ff;
	font-weight:normal;
}
.left_menu .myplanb_menu li{
	padding:14px 30px;
	font-size:15px;
	color:#656482;
	cursor:pointer;
}
.left_menu .myplanb_menu li.active{
	font-weight:bold;
}
.logo_img{
	cursor:pointer;
}
.top_menu_bg{
	width:100%;
	height:74px;
	z-index:100;
	position:fixed;
	top:0;
	left:0;
}
.top_menu{
	width:100%;
	height:74px;
	background-color:#fff;
	box-shadow:1px 3px 5px #ccc;
}
.top_menu ul{
	width:100%;
	display:table;
	clear:both;
}
.top_menu ul li{
	float:left;
	margin:23px 0 0 30px;
}
.top_menu ul li.right_menu{
	float:right;
	margin:15px 5px 0;
	padding:10px 20px;
	font-weight:600;
	font-size:13px;
}
.top_menu ul li:last-child{
	border:1px solid #dadada;
	border-radius:5px;
	cursor:pointer;
}
.top_menu ul li:nth-child(3){
	margin-right:30px;
}
.top_menu ul li .search_input{
	width:400px;
	padding:5px 40px 5px 20px;
	border:1px solid #ecebff;
	height:48px;
	border-radius:5px;
	margin-top:-9px;
	background-color:#ecebff;
	color:#000;
}
.top_menu ul li.sign_up_menu{
	border:1px solid;
	background-color:#8784ff;
	border-radius:5px;
	color:#fff;
	cursor:pointer;
}
.top_menu ul li.login_right_menu{
	border:0;
	font-size:24px;
	font-weight: lighter;
	margin-top:8px;
	cursor:pointer;
}
.search_box{
	width:400px;
	position:relative;
}
.search_btn{
	position:absolute;
	right:8px;
	top:-2px;
	color:#fff;
	background-color:#8784ff;
	padding:10px;
	border-radius:3px;
	cursor:pointer;
}
.main_content{
	margin-top:75px;
}
.modal-header{
	position:relative;
}
.modal-header .modal_close{
	position:absolute;
	top:15px;
	right:20px;
}
.modal-header .modal_close .x_btn{
	display:inline-block;
	width:30px;
	height:30px;
	padding:0;
	margin:0;
}
.modal-title{
	margin:0 auto;
	font-weight:600;
	font-size:1.2rem;
}
.btn-primary{
	background-color:#8784ff;
	border-color:#8784ff;
}
.sign_bg{
	background-color:#f7f9fa;
}
.pw_bg{
	padding:8% 0;
}
.sign_con{
	width:600px;
	margin:84px auto 0;
	padding-bottom:35px;
	background-color:#fff;
}
.fw-bold{
	font-weight:bold;
}
.sign_title{
	width:100%;
	height:84px;
	line-height:84px;
	font-size:19px;
	padding:0 40px;
	border-bottom:1px solid #f5f5f5;
	display:table;
	clear:both;
	margin:0;
}
.company_sign{
	font-size:12px;
	color:#7370ff;
	float:right;
}

.sign_table{
	width:520px;
	margin:30px 40px;
}
.sign_table tr th{
	font-size:12px;
	line-height:1.67;
	color:#656565;
	font-weight:bold;
	vertical-align:top;
	line-height:50px;
}
.sign_table tr td{
	padding:5px;
}
.sign_table tr td input[type=text], .sign_table tr td input[type=password]{
	padding:10px 16px;
	font-size:13px;
	color:#666;
	border:1px solid #d1d1d1;
	border-radius:5px;
	margin:2px 0;
}
.sign_table tr td select{
	padding:10px;
	border:1px solid #d1d1d1;
	border-radius:5px;
	text-align:center;
	font-size:13px;
}
.sign_table tr td select option{
	text-align:center;
}
.sign_table button{
	border:1px solid #d1d1d1;
	padding:10px 16px;
	background-color:#fff;
	border-radius:5px;
	font-size:13px;
	color:#656565;
	font-weight:bold;
}
.explanation{
	font-size:11px;
	line-height:17px;
	color:#656565;
}
.wd200{
	width:200px;
}
.wd150{
	width:150px;
}
.wd100{
	width:100px;
}
.wd120{
	width:120px;
}
.wd400{
	width:400px;
}
.terms{
	border:1px solid #ddd;
	margin:0 40px;
	clear:both;
}
.terms li{
	font-size:13px;
	padding:14px 16px;
	border-bottom:1px solid #ddd;
}
.terms li:last-child{
	border:0;
}
.terms li .check{
	font-size:11px;
	color:#8784ff;
}
.terms li .view{
	color:#8784ff;
	float:right;
	font-weight:bold;
}
.btn_box{
	text-align:center;
	margin:30px 0;
}
.btn_box .btn1{
	padding:10px 0;
	background-color:#c5c8d8;
	border:1px solid #c5c8d8;
	border-radius:5px;
	color:#fff;
	width:120px;
	font-weight:bold;
}
.btn_box .btn2{
	padding:10px 0;
	background-color:#8784ff;
	border:1px solid #8784ff;
	border-radius:5px;
	color:#fff;
	width:120px;
	font-weight:bold;
}
.btn_box2{
	width:859px;
	margin:20px 0 0 40px;
}
.btn_box2 .btn3{
	padding:10px;
	background-color:#8784ff;
	border:1px solid #8784ff;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	float:right;
	font-size:13px;
	font-weight:900;
}
.tab_content{
	display:none;
}
footer{
	background-color: #f7f9fa;
}
footer .footer_con{
	width:600px;
	margin:0 auto;
	font-size:11px;
	line-height:16px;
	padding:20px 0 80px 40px;
	color:#656565;
}
.custom-control input:checked~.custom-control-label::before{
	background-color:#8784ff;
	border-color:#8784ff;
}
.breadcrumb_center{
	padding:20px;
}
.commercial{
	position:absolute;
	top:65px;
	left:16px;
	z-index:10;
	box-shadow:1px 3px 10px #ccc;
}
.commercial li{
	background-color:#fff;
	padding:10px 20px 10px 0;
	font-size:13px;
	border:1px solid #f6f6f6;
	font-weight:bold;
	cursor:pointer;
	width:105px;
	text-align:center;
	position:relative;
	z-index:10;
}
.commercial li:first-child{
	border-radius:5px 5px 0 0;
}
.commercial li:last-child{
	border-radius:0 0 5px 5px;
}
.commercial li i{
	width:30px;
	text-align:center;
	color:#8784ff;
}
.commercial li.active{
	background-color: #8784ff;
	border:1px solid #8784ff;
	color:#fff;
}
.commercial li i.active{
	color:#fff;
}
.sub_menu{
/*	position:absolute;*/
	top:106px;
	left:121px;
	z-index:9;
	box-shadow:1px 3px 10px #ccc;
	display:none;
}

#sub_menu1,
#sub_menu2,
#sub_menu3{
    position: absolute;
}
.sub_menu3{
	position:absolute;
	top:147px;
	left:121px;
	z-index:9;
	box-shadow:1px 3px 10px #ccc;
	display:none;
}
.sub_menu li{
	background-color:#fff;
	padding:10px 0 10px 10px;
	font-size:13px;
	border:1px solid #f6f6f6;
	font-weight:bold;
	cursor:pointer;
	width:140px;
	text-align:left;
	position:relative;
	z-index:9;
}
.sub_menu li i{
	width:25px;
	text-align:center;
	color:#8784ff;
}
.sub_menu li.on{
	background-color: #8784ff;
	border:1px solid #8784ff;
	color:#fff;
}
.sub_menu li i.active{
	color:#fff;
}
.sub_menu4{
    top: 187px;
    overflow: hidden;
}

.sub_menu4 ul li{
    display: inline-block;
    text-align: center;
    padding: 12px;
    width: auto;
    background-color: #f9f8ff;
}

.sub_menu4 ul li h3{
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

.sub_menu4 ul li select,
.sub_menu4 ul li option{
    font-size: 12px;
}

.sub_menu4 .row2{
    text-align: center;
    font-size: 12px;
    padding: 13px; 
    background-color: #fff;
    overflow: hidden;
    box-shadow: 1px 3px 10px #ccc;
    position: absolute;
    bottom: 16px;
    right: 20px;
    z-index: 11;
    border-radius: 5px;
    border: 1px solid #fff;
}

.sub_menu4 .row2 > span{
    float: left;
    font-weight: 600;
}

.fpCenter img{
    width: 70%;
    display: block;
    margin: 10px auto 2px;
    
}

.fpCenterlow{
    font-size: 11px;
}

.select_maps{
	position:absolute;
	top: 16px;
	left: 16px;
	z-index:10;
	box-shadow:1px 3px 10px #ccc;
}
.select_maps li{
	background-color:#fff;
	float:left;
	padding:10px 15px;
	font-size:13px;
	border:1px solid #f6f6f6;
	font-weight:bold;
	cursor:pointer;
}
.select_maps li.active{
	background-color: #8784ff;
	border:1px solid #8784ff;
	color:#fff;
}
.select_maps li:first-child{
	width:105px;
	border-radius:5px 0 0 5px;
}
.select_maps li:last-child{
	border-radius:0 5px 5px 0;
}
.breadcrumb1{
	position:absolute;
	top:16px;
	left:340px;
	z-index:10;
	background-color:#fff;
	padding:10px 15px;
	font-size:13px;
	border:1px solid #fff;
	box-shadow:1px 3px 10px #ccc;
	border-radius:5px;
	font-weight:bold;
}
div.modal-header{
	padding:4rem 1rem 1rem;
	border-bottom:0;
}
input.login_form{
	font-size:13px;
	padding:20px 10px;
	border:1px solid #e1e1e1;
	border-radius:3px;
}
.login_save{
	font-size:11px;
	padding:10px 0;
	display:table;
	width:100%;
	clear:both;
	vertical-align:middle;
	height:24px;
	line-height:24px;
	color:#8e8e8e;
}
.color8784ff{
	color:#8784ff;
	font-weight:bold;
	float:right;
}
button.btn-primary{
	background-color:#8784ff;
	border-color:#8784ff;
	color:#fff;
	font-size:13px;
	padding:10px 0;
	font-weight:bold;
}
button.btn-primary:hover{
	background-color:#8784ff;
	border-color:#8784ff;
	color:#fff;
	font-size:13px;
	padding:10px 0;
	font-weight:bold;
}
div.modal-footer{
	font-size:11px;
	border-top:0;
	display:block;
	text-align:center;
	padding-bottom:60px;
}
div.btn-kakao{
	font-size:13px;
	border:1px solid #e9e9e9;
	position:relative;
	font-weight:bold;
}
.btn-kakao .btn_icon{
	position:absolute;
	top:10px;
	left:10px;
}
.modal_sign_btn{
	color:#8784ff;
	font-weight:bold;
	cursor:pointer;
}
.zoom_btn{
	z-index:10;
	position:absolute;
	top:100px;
	right: 20px;
	cursor:pointer;
}
.zoom_btn p{
	width:40px;
	height:40px;
	background-color:#fff;
	margin:0;
	border:1px solid #eee;
	box-shadow:1px 3px 5px #ccc;
}
.zoom_btn .zoomin{
	border-radius:3px 3px 0 0;
}
.zoom_btn .zoomout{
	border-radius:0 0 3px 3px;
}
.zoom_btn .my_position{
	border-radius:3px;
}
.polygon_info{
	width:250px;
	border-radius:5px;
}
.polygon_info .title{
	padding:10px 16px;
	border-bottom:1px solid #eee;
	font-size:14px;
	font-weight:bold;
}
.polygon_info .size{
	padding:10px 16px;
	font-size:12px;
}
.polygon_info .info_btn_box{
	box-sizing:border-box;
}
.polygon_info .info_btn_box span{
/*	width:50%;*/
	padding:10px 13px;
	display:inline-block;
	font-size:11px;
	text-align:center;
	box-sizing:border-box;
	cursor:pointer;
}
.modal1{
	position:fixed;
	top:20%;
	left:50%;
	width:40%;
	padding:2%;
	height:60%;
	overflow-y:auto;
	background-color:#fff;
	margin-left:-20%;
	z-index:102;
	display:none;
	border-radius:10px;
}
.modal1 .txt1{
	font-size:24px;
	font-weight:900;
}
.modal_back{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	z-index:101;
	display:none;
}
.modal_close_btn{
	float:right;
	cursor:pointer;
}
.modal1 .modal_con{
	width:100%;
	height:90%;
	padding:3%;
}
.bs_title{
	 margin:15px 0;
	 font-size: 15px;
	 font-weight: bold;
	 font-style: normal;
	 font-stretch: normal;
	 line-height: 1.33;
	 letter-spacing: normal;
	 text-align: center;
	 color: #000000;
}
.bs_img{
	width:320px;
	height:210px;
}
.bs_img img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.bs_option{
	width:100%;
	border-bottom:1px solid #efefef;
	display:table;
	clear:both;
	padding-bottom:12px;
	margin:0;
}
.bs_option li{
	width:50%;
	float:left;
	font-size:10px;
	text-align:center;
	color:#656565;
	cursor:pointer;
}
.bs_option li.active{
	color:#8784ff;
}
.bs_option li i{
	font-size:20px;
	margin-bottom:7px;
}
.bs_option li .fa-heart{
/*	color:#8784ff;*/
	color:#656565;
}

.bs_con{
	padding:20px;
	border-bottom:1px solid #efefef;
}
.bs_con .bs_con_txt1{
	font-weight:900;
}
.bs_con_table{
	width:100%;
	font-size:11px;
}
.bs_con_table tr td{
	height:20px;
	line-height:20px;
}
.bs_con_table tr td{
	color:#000;
}
.bs_con_table tr td:first-child{
	color:#656565;
}
.color-7370ff{
	color:#7370ff;
	font-weight:600;
}
.fs-12{
	font-size:12px;
	font-weight:900;
	line-height:24px;
}
.paging_area{
	text-align:center;
	width:859px;
	margin:30px 0 60px 40px;
}
.paging_area a{
	padding:5px 10px;
/*	border:1px solid #ddd;*/
	margin:0 5px;
	color:#999;
	font-weight:400;
}
.paging_area a.active{
	color:#7370ff;
	font-weight:600;
}
.tab_container{
	min-height:550px;
}
.mb0{
	margin-bottom:0;
}
.blank_btn img{
	cursor:pointer;
}
.option_list_box{
	position:relative;
	cursor:pointer;
}
.delete_box{
	position:absolute;
	top:13px;
	right:20px;
	width : 44px;
	border:1px solid #ddd;
	padding:5px 10px;
	color:#aaa;
	background-color:#fff;
	cursor:pointer;
	display:none;
	z-index:1;
}
.pd-10{
	padding:10px;
}
.header_user_name:hover{
	text-decoration: underline;
	color:#8784ff;
}
.kakao_share{
	cursor:pointer;
}
.imdae_box{
	background-color: rgba(67, 55, 247, 0.9);
    text-align: center;
	color:#fff;
	padding:25px 15px; 
	border-radius:50%;
	cursor:pointer;
    position: relative;
    z-index: -1;
}
.imdae_info{
	width:220px;
	position: absolute;
	top:-130px;
	left:-70px;
	background-color:#fff;
	color:#565656;
	padding:5px 10px;
	border:1px solid #aaa;
	border-radius:5px;
	display:none;
	z-index:99999;
}

/*말풍선 css*/

#iwContent{
    width: 250px;
    height:173px;
}

#iwContent h3 {
    font-size: 14px;
    color: #000;
    padding: 5px;
    border-bottom: 2px solid #8784ff;
}

#iwContent > span {
    display: block;
    font-weight: 800;
    font-size: 11px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: 10px;
    color: #333;
}

#iwContent table{
    width: 250px;    
}

#iwContent table th {
    color: #656565;
    font-size: 11px;
    text-align: left;
    height: 15px;
    line-height: 15px;
    padding: 1px 3px;
}

#iwContent table td {
    height: 15px;
    line-height: 15px;
    text-align: left;
    font-size: 11px;
    color: #000;
    padding: 1px 3px;
    text-overflow: ellipsis;
}


#iwContent ul li {
    color: #656565;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    padding: 5px;
    margin-top: 10px;
    width: 50%;
    vertical-align: top;
}

#iwContent ul li i {
    display: block;
    padding-bottom: 5px;
}