@charset "UTF-8"; 
* {
	box-sizing: border-box;
	word-break: keep-all;
}
html, body, header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, caption, blockquote, input, button, select, textarea, button {
	margin: 0;
	padding: 0;
}
body {
	text-align: left;
	border: 0 none;
}
html {
	font-family: "NanumSquareWeb", "나눔스퀘어", "NanumGothicWeb", "Nanum Gothic", "나눔고딕", "맑은 고딕", "Malgun Gothic", NanumGothic, "돋움", dotum, AppleGothic, sans-serif;
	min-width: 320px;
}
header, footer, nav, section, article, aside {
	display: block;
}
ul, ol {
	list-style-type: none;
}
fieldset {
	border: none;
}
legend {
	display: none;
}
table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
table caption {
	line-height: 0;
	font-size: 0;
}
address, em, i {
	font-style: normal;
}
ruby rt {
	font-size: 1em;
}
hr {
	display: none;
}
img {
	border: 0;
	vertical-align: top;
}
a {
	text-decoration: none;
	outline: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
}
input, textarea, button, select {
	font-family: "Nanum Gothic", "나눔고딕", "맑은 고딕", "Malgun Gothic", NanumGothic, "돋움", dotum, AppleGothic, sans-serif;
	font-size: 13px;
}
button {
	border: 0 none;
	background: none;
	overflow: visible;
	outline: none;
	cursor: pointer;
}
button, input[type=text], input[type=password], input[type=tel], input[type=number], input[type=button], input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0 none;
	border-radius: 0;
	background: none;
	overflow: visible;
}
textarea {
	border-radius: 0;
}
button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
button:disabled {
	cursor: default;
}

::-webkit-input-placeholder {
color: #bbb;
}

::-moz-placeholder {
color: #bbb;
opacity: 1;
}

:-ms-input-placeholder {
color: #bbb;
}
@font-face {
	font-family: NanumGothicWeb;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/nanumgothic/NanumGothic-Regular.eot);
	src: url(../../front/fonts/nanumgothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),  url(../../front/fonts/nanumgothic/NanumGothic-Regular.woff2) format('woff2'),  url(../../front/fonts/nanumgothic/NanumGothic-Regular.woff) format('woff'),  url(../../front/fonts/nanumgothic/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: NanumSquareWeb;
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/nanumsquare/NanumSquareL.eot);
	src: url(../fonts/nanumsquare/NanumSquareL.eot?#iefix) format('embedded-opentype'), url(../fonts/nanumsquare/NanumSquareL.woff2) format('woff2'), url(../fonts/nanumsquare/NanumSquareL.woff) format('woff'), url(../fonts/nanumsquare/NanumSquareL.ttf) format('truetype');
}
@font-face {
	font-family: NanumSquareWeb;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/nanumsquare/NanumSquareR.eot);
	src: url(../fonts/nanumsquare/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(../fonts/nanumsquare/NanumSquareR.woff2) format('woff2'), url(../fonts/nanumsquare/NanumSquareR.woff) format('woff'), url(../fonts/nanumsquare/NanumSquareR.ttf) format('truetype');
}
/* 공통 */
.container {
	padding: 50px 20px;
	margin:auto;
}
.container:after{
  	content:'';
  	display:block;
  	clear:both;
}

.tit1{
	font-size: 32px;
    font-weight: 400;
	margin-bottom:40px;
}
.tit1 small{
	display:block;
	font-size:24px;
    font-weight: 900;
}
.tit2{
	font-size: 28px;
	margin-bottom:10px;
}
.point-red{
	color:#ca0004 !important;
}
.point-red2{
	color:#d95353 !important;
}

.text-center{
	text-align:center !important;
}

.icon-apple {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("/resources/front/images/icon-apple.png");
}
.icon-account {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("/resources/front/images/icon-account.png");
}
.icon-delivery {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("/resources/front/images/icon-delivery.png");
}
.icon-location {
	display:inline-block;
	width:14px;
	height:18px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("/resources/front/images/icon-location.png");
}

/* mainvisual */
.mainvisual {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("/resources/front/images/mainvisual.png");
}
.mainvisual-tit {
	display: block;
	width: 100%;
	max-width: 554px;
	height: 80px;
	margin-bottom: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-image: url("/resources/front/images/mainvisual-tit.png");
}
.mainvisual-txt {
	font-size: 17px;
	line-height: 25px;
	color: #070707;
}

.history{
	background-color: #fff9f3;
}
.history .tit1{
	position:relative;
	margin-bottom:60px;
}
.history .tit1:before {
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	background-color: #ca0004;
	position: absolute;
	bottom: -30px;
	left: 0;
}
.history-txt{
	font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.5px;
}

.inform ul{
	text-align:center;
	font-size:0;
}
.inform ul li{
	display: inline-block;
	width: 320px;
    height: 320px;
    border: 15px solid #fedfd0;
    border-radius: 100%;
    padding: 30px;
    text-align: center;
	margin-top:10px;
}
.inform ul li:first-child{
	margin-top:0;
	padding: 19px 30px;
}
.inform ul li:nth-child(3){
	padding: 38px 30px;
}
.inform ul li .icon{
	display: inline-block;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    background-color: #ff7578;
    border-radius: 100%;
}
.inform-txt{
	font-size: 15px;
	line-height: 1.4;
	font-family: "NanumGothicWeb", "Nanum Gothic", "나눔고딕", "맑은 고딕", "Malgun Gothic", NanumGothic, "돋움", dotum, AppleGothic, sans-serif;
}
.inform-txt strong{
	font-weight: 600;
}

.location{
	background-color:#f8f8f8;
}
.location-left{
	margin-bottom:30px;
}

.location .tit2 {
	position:relative;
	margin-bottom: 60px;
}
.location .tit2:before {
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	background-color: #000;
	position: absolute;
	bottom: -30px;
	left: 0;
}
.location-txt{
	font-size: 17px;
    line-height: 1.5;
}
.location-txt .icon-location{
	margin-bottom: -4px;
    margin-right: 5px;
}
.logo{
    background: url(../images/logo.png);
    width: 151px;
    height: 35px;
    display: inline-block;
    cursor: pointer;
}
.main-header-warp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1514px;
    margin: auto;
    padding-left: 18px;
}
.main-memu ul li {
    display: inline-block;
    margin-right: 25px;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
}

.main-memu ul li:last-child {
    margin-right: 0;
}

.main-header {
    padding: 30px 0;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99;
    border-bottom: 1px solid #dedede;
}
.scroll-ico{
    display: none;
}
button.main-href-btn {
    background: #fff;
    width: 205px;
    padding: 19px;
    text-align: left;
    font-size: 18px;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 45px;
    cursor: pointer;
    position: relative;
}

button.main-href-btn::after {content: "→";font-size: 28px;position: absolute;right: 16px;top: 12px;}

.movie .container {
    max-width: 926px;
    padding: 80px 0;
}
.movie-tit {
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
}

.movie-sub-txt {
    font-size: 16px;
    text-align: center;
    color: #555555;
    margin-bottom: 50px;
    line-height: 25px;
}
.movie{
    background: url(../images/bg2.png);
}
.grow{
    background: url(../images/bg3.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.grow-ico{
    background: url(../images/bg3-ico.png);
    display: inline-block;
    height: 766px;
    max-width: 621px;
    width: 100%;
}
.grow-warp{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.grow .container {
    max-width: 1600px;
}

.grow-tit {
    font-size: 40px;
    margin-bottom: 20px;
}

.grow-sub-text {
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 29px;
}
.sale{
    background: url(../images/bg4.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sale-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    padding: 30px 20px;
    margin: 30px 0 40px 0;
}
.sale-tit {
    font-size: 40px;
    text-align: center;
    color: #fff;
    margin-bottom: 80px;
}
.sale .container {
    padding: 165px 0;
}
.sale-first-box {
    color: #000;
    font-size: 24px;
    position: relative;
    font-weight: 600;
    margin-right: 0;
    margin-bottom: 20px;
}

.sale-first-box::after {display: none;}

.sale-last-box ul li {
    font-size: 18px;
    color: #000;
    line-height: 46px;
}
.variety{
    background: url(../images/bg5.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.variety-tit {
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
}
table.variety-table tr:nth-child(even) {
    background: #f8faf6;
}

table.variety-table tr:nth-child(odd) {
    background: #fff;
}
table.variety-table tr th {
    background: #b8d371;
    color: #fff;
    font-size: 18px;
}

table.variety-table tr th,table.variety-table tr td {
    text-align: center;
    padding: 20px;
    border: 1px solid #e9ede0;
}

table.variety-table {
    width: 100%;
    margin-top: 30px;
}

.variety .container {
    max-width: 1200px;
    padding: 100px 0;
}
table.variety-table tr td {
    color: #555555;
    font-size: 18px;
}
.text-left {
    text-align: left!important;
}
li.vuu {
    border: 1px solid #ca0b07;
    color: #ca0b07;
    border-radius: 21px;
    padding: 10px 20px;
}
.info-tit {
    font-size: 30px;
    text-align: center;
}
.info-sub-tit {
    width: 133px;
    padding: 10px 0;
    background: #e53943;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    margin: auto;
}
.green-tit{
    width: 133px;
    padding: 10px 0;
    background: #008c7d;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    margin: auto;
}
p.info-gray {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 27px;
}
.info  .container {text-align: center;}


.img-warp {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    margin-top: 50px;
}

.info-text2 {
    text-align: left;
    font-size: 17px;
    line-height: 31px;
    color: #555555;
}

.info-tit2 {
    text-align: left;
    font-size: 30px;
    margin-bottom: 20px;
}

.info .container img {
    margin-bottom: 50px;
}

.info {
    background: url(../images/info-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
iframe.iframe_div {
    margin-top: 30px;
}
.price {
    background: #008c7d;
    padding: 60px 0;
}

.price-warp {
    max-width: 1299px;
    margin: auto;
}

.price-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.price-box div:first-child {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.price-box div:last-child {
    width: 100%;
    text-align: center;
    margin-left: 0;
}
.price img {
    width: 100%;
}
.deliver{
    background: url(../images/deliver-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.deliver-tit {
    background: #008c7d;
    width: 188px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    margin: auto;
    text-align: center;
    padding: 7px 0px;
}
.deliver-box ul li {
    display: inline-block;
    vertical-align: text-top;
    background: #fff;
    border: 4px solid #37c2b3;
    border-radius: 5px;
    width: 100%;
    padding: 20px;
    margin-right: 19px;
    min-height: 551px;
    margin-bottom: 30px;
}

.deliver-box {
    margin-top: 30px;
}

.deliver-box ul li:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
p.deliver-sub-txt {
    text-align: center;
    color: #008c7d;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
}
i.deliver-ico1{
    background: url(../images/deliver-ico1.png);
    display: block;
    width: 116px;
    height: 116px;
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 30px;
}
i.deliver-ico2{
    background: url(../images/deliver-ico2.png);
    display: block;
    width: 116px;
    height: 116px;
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 20px;
}
i.deliver-ico3{
    background: url(../images/deliver-ico3.png);
    display: block;
    width: 116px;
    height: 116px;
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 20px;
}
p.deliver-sm-p {
    color: #555555;
    line-height: 25px;
    font-size: 18px;
    margin: auto;
    text-align: center;
}
.location-tit {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}
.main-memu{
    display: none;
}
.mainvisual .container {
    width: 100%;
    min-height: 500px;
    margin: auto;
    padding-top: 159px;
    position: relative;
}
.info .container img{
    width: 100%;
}

.topbtn{
    background: url(../images/topbtn.png);
    display: inline-block;
    position: fixed;
    bottom: 5%;
    width: 66px;
    height: 66px;
    right: 2%;
    cursor: pointer;
}
.blog{
    background: url(../images/blog.png);
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    display: inline-block;
}
.facebook{
    background: url(../images/facebook.png);
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    display: inline-block;
}
.snsDiv {
    display: inline-block;
}
.snsDiv {
    display: inline-block;
}

.snsDiv ul li {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}