@charset "utf-8";

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

@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;
}

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

/* Reset */
* {
	outline: 0 !important;
}

html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code,
	address, ul, ol, li, menu, nav, section, article, aside, dl, dt, dd,
	table, thead, tbody, tfoot, label, caption, th, td, form, fieldset,
	legend, hr, input, button, textarea, object, figure, figcaption {
	margin: 0;
	padding: 0;
}
/*html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}*/
body {
	width: 100%;
	background: #fff;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	word-break: keep-all;
}

body, input, select, textarea, button {
	border: none;
	font-size: 14px;
	font-family: 'gmarketsansMedium'; , sans-serif;
	color: #222;
}

ul, ol, li {
	list-style: none;
}

table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

address, cite, code, em {
	font-style: normal;
	font-weight: normal;
}

label, img, input, select, textarea, button {
	vertical-align: middle;
}

.hide, caption, legend {
	line-height: 0;
	font-size: 1px;
	overflow: hidden;
}

hr {
	display: none;
}

main, header, section, nav, footer, aside, article, figure {
	display: block;
}

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

/* Form */
textarea {
	border: 1px solid #dbdbdb;
}

select {
	height: 32px;
	font-size: 13px;
	color: #373737;
	border: 1px solid #e9e9e9;
	background: #fff;
	border-radius: 5px;
}

input[type=tel], input[type=time], input[type=text], input[type=password],
	input[type=search], input[type=email], input[type=file], input[type=url],
	input[type=number], input[type=date], textarea {
	width: 100%;
	height: 30px;
	font-size: 13px;
	color: #373737;
	border: 1px solid #e9e9e9;
	background: #fff;
	text-indent: 20px;
	border-radius: 5px;
	transition: all 0.5s;
	vertical-align: middle;
}

input::-webkit-input-placeholder {
	color: #b5b5b5;
	font-size: 12px;
	line-height: 100%;
}

textarea {
	padding: 5px 0;
}

select:focus, textarea:focus, input:focus {
	border: 1px solid #727272;
}

input[type=tel][readonly], input[type=text][readonly], input[type=password][readonly],
	input[type=email][readonly], input[type=search][readonly], input[type=tel][disabled],
	input[type=text][disabled], input[type=password][disabled], input[type=search][disabled],
	input[type=email][disabled] {
	background: #eaeaea;
	border-color: #c0c0c0;
	color: #666;
	-webkit-appearance: none;
	font-size: 12px;
}

textarea[readonly], textarea[disabled] {
	padding: 11px;
	font-size: 16px;
	color: #666;
	font-weight: normal;
	line-height: 140%;
	height: 78px;
	background: #eaeaea;
	border: 1px solid #c0c0c0;
}

.clear {
	clear: both;
}

.clear:after {
	content: "";
	display: block;
	clear: both;
}

/* 팝업 */
.popup {
	width: 400px;
	height: 560px;
	position: absolute;
	z-index: 10;
	background: #fff;
	left: 140px;
	top: 200px;
	box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.img {
	width: 400px;
	height: 505px;
}

.popup .btn {
	border: 1px solid #E0E0E0;
	width: 200px;
	height: 55px;
	font-size: 16px;
	color: #000000;
	margin-right: -6px;
	background: #fff;
	cursor: pointer;
	position: absolute;
	bottom: 0;
}

.popup .btn:last-child {
	width: 201px;
	right: 6px;
}

.popup.popup02 {
	width: 600px;
	height: 465px;
	left: 560px;
	z-index: 10;
}

.popup.popup02 img {
	width: 600px;
	height: 410px;
}

.popup.popup02 .btn {
	width: 300px;
}

.popup.pop02 .btn:last-child {
	width: 301px;
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 787px)*/
@media all and (max-width:787px) {
	.popup {
		width: 300px;
		height: 419px;
		position: absolute;
		z-index: 1;
		background: #fff;
		left: 30px;
		top: 90px;
		box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.5);
	}
	.img {
		width: 300px;
		height: 379px;
	}
	.popup .btn {
		border: 1px solid #E0E0E0;
		width: 150px;
		height: 40px;
		font-size: 14px;
		color: #000000;
		margin-right: -6px;
		background: #fff;
		cursor: pointer;
		position: absolute;
		bottom: 0;
	}
	.popup .btn:last-child {
		width: 150px;
		right: 6px;
	}
	.popup.popup02 {
		width: 300px;
		height: 245px;
		left: 30px;
		top: 540px;
	}
	.popup.popup02 img {
		width: 300px;
		height: 205px;
	}
	.popup.popup02 .btn {
		width: 150px;
		height: 40px;
	}
	.popup.popup02 .btn:last-child {
		width: 150px;
	}
}