@charset "UTF-8";
@import url("/assets/common/css/font.css");


* {	
    margin: 0px;
    padding: 0px;
    font-family: Noto Sans KR;
    font-weight: 500;

}
body{
	width: 100%;
	height: 100%;
}



/*주유소 정보 팝업*/

.gs_info_popup{
	/*position: relative;*/
	position: absolute;
	width: 300px;
	height: 230px;
	filter: drop-shadow(10px 10px 10px #00000033);
	background-image: url("/assets/image/infobox/bg_popup_adddesti.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;

/*	display: none;*/
}

.gs_info_popup .station_pic{
	position: absolute;
	top: 21px;
	left: 20px;
	width: 60px;
	height: 60px;
	background-image: url("/assets/image/stationlist/bg_fuel_ev_photo.png");
	background-repeat: no-repeat;
	background-size: 100%;	
}

.gs_info_popup .station_name{
	position: absolute;
	top: 26px;
	left: 90px;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	color: #113E46;
}

.gs_info_popup .station_address{
	position: absolute;
	top: 54px;
	left: 90px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	color: #83999D;
}

.gs_info_popup .section_bar{
	position: relative;
	top:5px;
	width: 2px;
	height: 12px;
	margin-left: 8px;
	margin-right: 8px;
	background-color: #D5D5D5;
}

.gs_info_popup .price_area{
	position: absolute;
	display: flex;
	top: 90px;
	left: 20px;
}

.gs_info_popup_etc{
	position: absolute;
	display: flex;
	top: 115px;
	left: 20px;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	color: #113E46;
}


.gs_info_popup .fual_type{
	position: relative;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	color: #83999D;
}

.gs_info_popup .fual_price{
	position: relative;
	text-align: left;
	margin-left: 5px;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	color: #113E46;
}

.gs_info_popup .coordinate{
	position: relative;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	color: #113E46;
}

.gs_info_popup .phone_num{
	position: relative;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	color: #FF5A00;
}

.gs_info_popup .bt_add{
	position: absolute;	
	top: 150px;
	left: 20px;
	width: 260px;
	height: 45px;
	background-color: #FF5A00;
	color: #fff;
	border-radius: 3px;
	border: 0px solid;
	outline: none;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
}

.gs_info_popup .bt_close{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background-image: url("/assets/image/infobox/bt_popup_close_n.svg");
	background-color: rgba(255,255,255,0);
	background-repeat: 100%;
	outline: none;
	opacity: 1;
	border: 0px solid;

}
.gs_info_popup .bt_close:hover{
	opacity: 0.5;
}


/* 추가 */
.gs_info_popup .bt_add_disabled{
	position: absolute;
	top: 150px;
	left: 20px;
	width: 260px;
	height: 45px;
	background-color: #83999D;
	color: #000000;
	border-radius: 3px;
	border: 0px solid;
	outline: none;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
}