@charset "utf-8";
::after, ::before{
	box-sizing: border-box;
}

@font-face {
	font-family: 'Nanum';
	src: url("/font/NanumSquareNeo-Variable.woff2");
}

html{
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'Nanum';
}
body{
	margin:0;
	padding:0;
}
div, ul, li, a{
	box-sizing: border-box;
}
form{
	margin:0;
}
button{
	cursor:pointer;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
input:not([type="image" i]) {
    box-sizing: border-box;
}
input[type="text" i] {
    padding: 1px 2px;
}
input:not([type="file" i], [type="image" i], [type="checkbox" i], [type="radio" i]) {
}
.txt_left{
	text-align:left;
}
.txt_center{
	text-align:center;
}
.txt_right{
	text-align:right;
}
.contents_wrap_1400{
	max-width:1400px;
	width:100%;
	margin:auto;
}
.contents_wrap_1200{
	max-width:1200px;
	width:100%;
	margin:auto;
}
.contents_wrap_1000{
	max-width:1000px;
	width:100%;
	margin:auto;
}
/* 푸터 */
.footer{
	width:100%;
}
.footer .info{
	width:100%;
	background:#f9f9f9;
	color:#777;
}
.footer .info address {
	font-style: normal;
	padding:15px 0 10px;
	text-align:center;
	line-height:1.5;
}
.footer .copyright {
	padding:0 0 15px;
	text-align:center;
	line-height:1.5;
}

/* 메인 */
.main_wrap{
	height:100vh;
}
.sub{
	text-align:center;
}
.section1{
	width:100%;
}
.section1 .place_ad_wrap{
	width:100%;
	padding:15px;
	display:inline-block;
}
.section1 .place_ad_wrap .place_ad_list_ul{
	list-style:none;
	padding:0;
	display:inline-block;
	width:100%;
	margin:0;
}
.section1 .place_ad_wrap .place_ad_each{
	width:calc(100% / 4);
	float:left;
	margin-bottom:10px;
}
.section1 .place_ad_wrap .place_ad_each a{
	text-decoration:none;
}
.section1 .place_ad_wrap .place_ad_each .place_ad_img_wrap{
	width:100%;
	padding-bottom:100%;
	position:relative;
}
.section1 .place_ad_wrap .place_ad_each .place_ad_img_wrap img{
	display:none;
}
.section1 .place_ad_wrap .place_ad_each .place_ad_img_wrap .mask{
	width: 100%;
    height: 100%;
    position: absolute;
	background:rgba(0,0,0,0.5);
}
.section1 .place_ad_wrap .place_ad_each .place_ad_img_wrap .status{
	position: absolute;
	top:10px;
	left:10px;
	padding:8px 10px;
	color:#fff;
	font-size:12px;
	border-radius:26px;
}
.section1 .place_ad_wrap .place_ad_each .place_ad_img_wrap .main_used{
	position: absolute;
	top:10px;
	left:10px;
	padding:8px 0;
	text-align:center;
	width:32px;
	height:32px;
	color:#fff;
	background:#000;
	font-size:12px;
	font-weight:600;
	border-radius:50%;
}
.section1 .place_ad_wrap .place_ad_each .place_ad_info_wrap{
	width:100%;
	padding:10px 15px;
}
.section1 .place_ad_wrap .place_ad_each .place_ad_info_wrap .info{
	width:100%;
}
.section1 .place_ad_wrap .place_ad_each .place_ad_info_wrap .info1{
	width:100%;
	height:24px;
	line-height:1.5;
	font-size:16px;
	color:#777;
	font-weight:600;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; 
}
.section1 .place_ad_wrap .place_ad_each .place_ad_info_wrap .info1 .img_gender{
	width: 12px;
    position: absolute;
    bottom: 4px;
}
.section1 .place_ad_wrap .place_ad_each .place_ad_info_wrap .info2{
	width:100%;
	height:42px;
	line-height:1.5;
	font-size:14px;
	color:#444;
	font-weight:600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}