/* [mobile]½Å±Ô°¡ÀÔ À̺¥Æ®_MO02 */

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	font-family: "³ª´®°íµñ", NanumGothic, "±¼¸²", Gulim, Helvetica, AppleGothic,
		Sans-serif;
	-webkit-text-size-adjust: none;
}

ul, li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #000;
}

button, html [type="button"] {
  -webkit-appearance: none;   
}

#wrapper {
	width: 100%;
	height: auto;
}

.mo02_area {
	position: relative;
	width: 100%;
	height: auto;
}

.mo02_area img {
	width: 100%;
}

.mo02_area .event_btn{
	position:absolute;
	left:50%;
	transform:translateX(-50%);	
}

.mo02_area .join01{
	top:35%;
	width:74%;
}
.mo02_area .coupon_btn{
	top:38.8%;
	width:63%;
}
.mo02_area .join02{
	top:93.5%;
	width:74%;
}

.mo02_area div.item_wrap{
	position:absolute;
	top:41.5%;
	left:50%;
	transform:translateX(-50%);
	width:90%;
}
.mo02_area div.item_wrap > ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.mo02_area div.item_wrap > ul li{
	width:45%;
}
.mo02_area div.item_wrap > ul li:nth-of-type(2n-1){
	margin-right: 5%;
	margin-bottom:5%;
}
.mo02_area div.service_wrap{
	position:absolute;
	top:82%;
	left:50%;
	transform:translateX(-50%);
	width:97%;
}
.mo02_area div.service_wrap > ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.mo02_area div.service_wrap > ul li{
	width:32%;
}