@charset "UTF-8";

/* Noto Sans KR */
@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:350;
	src:local('Noto Sans KR DemiLight'),
		url('../font/NotoSansKR-DemiLight.woff2') format('woff2'),
		url('../font/NotoSansKR-DemiLight.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:400;
	src:local('Noto Sans KR'),
		url('../font/NotoSansKR-Regular.woff2') format('woff2'),
		url('../font/NotoSansKR-Regular.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:500;
	src:local('Noto Sans KR Medium'),
		url('../font/NotoSansKR-Medium.woff2') format('woff2'),
		url('../font/NotoSansKR-Medium.woff') format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:700;
	src:local('Noto Sans KR Bold'),
		url('../font/NotoSansKR-Bold.woff2') format('woff2'),
		url('../font/NotoSansKR-Bold.woff') format('woff');
}

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, span, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
input, select{margin:0;padding:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{-webkit-text-size-adjust:none}
li{list-style:none}
blockquote, q{quotes:'"' '"'}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
address{font-style:normal}
button{display:block;margin:0;padding:0;border:0;background-color:transparent;cursor:pointer;border-radius:0}
img{vertical-align:top}
a{font-size:inherit;color:inherit;text-decoration:none}
strong, em{font-size:inherit}

/* skiptoContent */
#skiptoContent{position:absolute;width:100%}
#skiptoContent dt{position:absolute;left:0;top:-10000px}
a.skip{display:block;position:absolute;left:0;top:-10000px;z-index:1000;width:100%;font-size:15px;text-align:center}
a.skip:hover, a.skip:focus, a.skip:active{position:absolute;top:0;z-index:1000;padding:15px 0;background:#fff;font-weight:800;color:#000;text-decoration:underline}

/********************
 * utilities
 ********************/
.text-hidden{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.clearfix:after{content:'';display:block;clear:both}
.font-def{font-size:0}
.font-def > *{display:inline-block;font-size:16px;vertical-align:top}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bg-center{background-repeat:no-repeat;background-position:center}
.bg-cover{background-repeat:no-repeat;background-position:center;background-size:cover}
.left50{position:absolute;left:50%}
.trans-center{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}

body{min-width:1260px;margin:0 auto;font-family:'NotoSansKR';line-height:1;letter-spacing:-0.05em;background-color:#ffba00}

#wrap {
	overflow: hidden;
	position: relative;
}

/* header section */
.header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	text-align: center;
}
.header__logo {
	padding-top: 50px;
}
.header__btn-homepage {
	position: absolute;
	right: 25px;
	top: 30px;
}

/* main-visual section */
.main-visual {
	overflow: hidden;
	position: relative;
	padding-bottom: 100px;
}
.main-visual__pattern {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1540px;
	background-image:url('../img/main-visual__pattern.jpg');
	background-position: center top;
	transform: scale(1.1);
}
.main-visual__food1 {
	top: 810px;
	margin-left: -1000px;
}
.main-visual__food2 {
	top: 360px;
	margin-left: 415px;
}
@media screen and (min-width: 2001px) {
	.main-visual__food1 {
		left: -300px;
		margin-left: 0;
	}
	.main-visual__food2 {
		left: auto;
		right: 0;
		margin-left: 0;
	}
}
.main-visual__chadol {
	margin-left: -688px;
	top: 586px;
}
.main-visual__tear1 {
	position: absolute;
	left: 146px;
	top: 188px;
	width: 42px;
	height: 134px;
}
.main-visual__tear1-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../img/main-visual__tear1.png') no-repeat 0 0;
}
.main-visual__tear2 {
	position: absolute;
	left: 265px;
	top: 155px;
	width: 69px;
	height: 128px;
}
.main-visual__tear2-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../img/main-visual__tear2.png') no-repeat 0 0;
}
.main-visual__contract {
	margin-left: 310px;
	top: 660px;
	transform-origin: right top;
	transform: rotateZ(5deg);
}
.main-visual__contract-body {
	overflow: hidden;
	position: relative;
	height: 414px;
}
.main-visual__contract-head {
	position: absolute;
	left: -21px;
	top: -57px;
}
.main-visual__contract-foot {
	position: absolute;
	left: -31px;
	bottom: -63px;
}
.main-visual__title {
	position: relative;
	padding-top: 179px;
	text-align: center;
}
.main-visual__title > span {
	display: block;
}
.main-visual__title2 {
	margin-top: -140px
}
.main-visual__movie {
	position: relative;
	width: 690px;
	height: 394px;
	margin: -62px auto 0;
	padding: 9px;
	box-sizing:border-box;
	background: linear-gradient(145deg, #fde40e 0%, #fde40e 5%, #f6690d 45%, #f6690d 55%, #fcdf0e 95%, #fcdf0e 100%)
}
.main-visual__banner {
	position: relative;
	margin-top: 30px;
	text-align: center;
}
.main-visual__coupon {
	display: flex;
	justify-content: center;
	position: relative;
	margin: 21px auto 0;
}

/* nego1 section */
.nego1 {
	position: relative;
	z-index: 1;
	max-width: 1500px;
	height: 2433px;
	margin: 0 auto;
	background-image: url('../img/nego1-bg_20210831.jpg');
}
.nego1__mark {
	margin-left: -600px;
	top: -15px;
	z-index: 2;
}
.l-nego1-part1 {
	position: relative;
	z-index: 1;
	height: 1083px;
}
.nego1__comment-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 70px;
	background-color: #060a06;
}
.nego1__comment {
	margin-left: 200px;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
}
.nego1__comment > em {
	color: #fabe03;
}
.nego1__stamp {
	margin-left: 332px;
	top: 72px;
}
.nego1__title {
	position: relative;
	margin-top: 92px;
	text-align: center;
}
.nego1__cont {
	margin-top: 50px;
	text-align: center;
}
.nego1__free {
	margin-left: -13px;
	top: 531px;
}
.nego1__btn-coupon {
	margin-left: -365px;
	top: 995px;
}
.l-nego1-part2 {
	position: relative;
	height: 1136px;
}
.nego1__spot1 {
	margin-left: -168px;
	top: 518px;
}
.nego1__spot2 {
	margin-left: 266px;
	top: 569px;
}
.nego1__spot3 {
	margin-left: -334px;
	top: 1095px;
}
.nego1__spot4 {
	margin-left: 320px;
	top: 942px;
}

/* nego2 section */
.nego2 {
	position: relative;
	z-index: 1;
	max-width: 1500px;
	height: 2738px;
	margin: 50px auto 0;
	background-image: url('../img/nego2-bg_20210903.jpg');
}
.nego2__mark {
	margin-left: -600px;
	top: -15px;
	z-index: 1;
}
.l-nego2-part1 {
	position: relative;
	height: 1083px;
}
.nego2__stamp {
	margin-left: 332px;
	top: 32px;
}
.nego2__title {
	position: relative;
	padding-top: 160px;
	text-align: center;
}
.nego2__cont {
	margin-top: 41px;
	text-align: center;
}
.nego2__price {
	margin-left: -257px;
	top: 467px;
}
.nego2__btn-coupon {
	margin-left: -365px;
	top: 930px;
}
.l-nego2-part2 {
	position: relative;
	height: 1584px;
}
.nego2__spot1 {
	margin-left: 266px;
	top: 427px;
}
.nego2__spot2 {
	margin-left: -334px;
	top: 922px;
}
.nego2__spot3 {
	margin-left: 260px;
	top: 890px;
}
.nego2__spot4 {
	margin-left: -334px;
	top: 1454px;
}
.nego2__spot5 {
	margin-left: 25px;
	top: 1197px;
}

/* hello section */
.hello {
	overflow:hidden;
	position: relative;
	height: 2406px;
	margin-top: -445px;
}
.hello__pattern {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('../img/hello__pattern.jpg');
	background-position: center top;
	transform: scale(1.1);
}
.hello__document {
	top: 534px;
	margin-left: -713px;
}
.hello__contract {
	margin-left: -42px;
	top: 999px;
}
.hello__contract-body {
	overflow: hidden;
	position: relative;
	height: 822px;
}
.hello__contract-head {
	position: absolute;
	left: 0;
	top: -67px;
}
.hello__contract-foot {
	position: absolute;
	left: -19px;
	bottom: -35px;
}
.hello__tip {
	margin-left: -524px;
	top: 1879px;
	width: 1000px;
	height: 452px;
	background-image: url('../img/hello__tip.png');
}
.hello__tip1 {
	position: absolute;
	left: 291px;
	top: 219px;
}
.hello__tip2 {
	position: absolute;
	left: 619px;
	top: 219px;
}

/* notice section */
.notice {
	padding-bottom: 80px;
	background: url('../img/bottom-pattern.jpg') repeat;
	color: #fff;
}
.l-notice {
	width: 1260px;
	margin: 0 auto;
	padding-top: 100px;
}
.notice__conts {
	display: flex;
	justify-content: space-between;
}
.notice__cont1 {
	margin-left: 34px;
}
.notice__cont2 {
	width: 630px;
}
.notice__items {
	margin-top: 58px;
}
.notice__item {
	margin-top: 30px;
}
.notice__item:first-child {
	margin-top: 0;
}
.notice__item-title {
	position: relative;
	font-weight: 700;
	font-size: 25px;
}
.notice__item-title::before {
	position: absolute;
	left: -20px;
	top: 0;
}
.notice__item-list {
	margin-top: 24px;
	font-size: 20px;
	line-height: 1.85;
}
.notice__item-list-title {
	clear: both;
	float: left;
	width: 140px;
	font-weight: 700;
}
.notice__item-list-desc {
	float: left;
	color: #a0978d;
}
.notice__lists {
	margin-top: 55px;
}
.notice__list {
	position: relative;
	padding-left: 14px;
	font-size: 20px;
	line-height: 1.85;
	color: #a0978d;
}
.notice__list::before {
	content: '·';
	position: absolute;
	left: 0;
	top: 0;
}
.notice__list > em {
	font-weight: 700;
	color: #fff;
	text-decoration: underline;
}

/* footer section */
.footer {
	padding: 49px 0 65px;
	border-top: 1px solid rgba(255,255,255,0.15);
	background: url('../img/bottom-pattern.jpg') repeat;
	text-align: center;
}
.footer__address {
	display: block;
	margin-top: 12px;
	font-size: 20px;
	line-height: 1.85;
	color: #766756;
}