<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import "reset_web.css";
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }

*{
  outline:none;
}
*::selection{
  background:rgba(51,204,204,0.5);
}
body{
  font-family:'S-CoreDream-5Medium';
  background:#fff;
  overflow-x: hidden;
  color:#333;
}
.clearfix::after{
  content:"";
  display: block;
  clear: both;
}
/* event popup */
.cover{
  position: fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:997;
  display: none;
  background: rgba(0,0,0,0.3);
}
.event-popup{
  width:860px;
  position: absolute;
  top:30%;
  left:50%;
  margin-left:-430px;
  z-index:998;
  background:#fff;
  overflow: hidden;
  border:0.5px solid #707070;
  box-shadow: 5px 5px 30px rgba(0,0,0,0.4);
  display: none;
}
.event-popup .pop-mob{
  display: none;
  position: relative;
}
.event-popup .pop-mob .slick-dots{
  width:100%;
  text-align: center;
  position: absolute;
  bottom:10px;
}
.event-popup .pop-mob .slick-dots li{
  display: inline-block;
  width:10px;
  height:10px;
  text-indent: -9999px;
  border:none;
  background: #fff;
  margin:0 2.5px;
  border-radius: 5px;
  box-sizing: border-box;
}
.event-popup .pop-mob .slick-dots li.slick-active{
  background:#33cccc;
}
.event-popup .pop-mob .slick-dots li:last-child.slick-active{
  background:#79ac3b;
}
.event-popup .pop-web img{
  width:50%;
  float: left;
}
.event-popup .closed-box{
  padding:10px 20px;
}
.event-popup .closed-box .day3-none{
  float: left;
}
.event-popup .closed-box .day3-none input[type=checkbox]{
  margin:0;
}
.event-popup .closed-box .day3-none label{
  font-size:12px;
  font-family:'Noto Sans KR';
  margin: -15px 0 0 20px;
  display: block;
}
.event-popup .closed-box .close{
  float: right;
  font-size: 12px;
  background:none;
  border:none;
  padding:0;
  margin:0;
  font-weight: bold;
}
/* header */
.header-wrap{
  width:100%;
  height:164px;
  /* box-shadow: 5px 0 10px rgba(0,0,0,0.3); */
  position: relative;
  background:#fff;
}
.header-wrap .info-header{
  background: linear-gradient(to right, #74ebd5, #9face6);
  font-family:'Noto Sans KR';
}
.header-wrap .info-header .info-header-inner{
  width:80%;
  margin:0 auto;
}
.contact_m {
  display: none;
}
.header-wrap .info-header .info-header-inner ul li{
  float:left;
  padding:5px 0 7px;
  font-size:15px;
  cursor: pointer;
}
.header-wrap .info-header .info-header-inner ul li:first-child{
  margin-right:12px;
}
.header-wrap .info-header .info-header-inner ul li span{
  /* display: block; */
  font-size:15px;
  margin:-10px 0 0 5px;
}
.header-wrap .info-header .info-header-inner .contact{
  float:left;
}
.header-wrap .info-header .info-header-inner .sns{
  float:right;
}
.header-wrap .info-header .info-header-inner .sns li:first-child{
  margin-right:20px;
}
.header{
  width:100%;
  background:#fff;
  transition: box-shadow 0.2s ease;
  position: relative;
}
.header.on{
  position: fixed;
  width:100%;
  top:-1px;
  left:0;
  z-index: 999;
  background:#fff;
  box-shadow: 5px 0 10px rgba(0,0,0,0.3);
}
.header .header-inner{
  position: relative;
  text-align: center;
}
.header .header-inner h1{
  width:80%;
  margin:0 auto;
  padding:15px;
}
.header .header-inner h1 a{
  display:block;
  width:135px;
  margin: auto;
}
.header .header-inner h1 a img{
  width:100%;
}
.navbar-wrap{
  width:100%;
  background:#fff;
  transition: box-shadow 0.2s ease;
  position: relative;
}
.header .header-inner .m-btn{
  width:30px;
  height:27px;
  background:url("../images/m_btn.png") no-repeat 50% 50%;
  background-size:cover;
  border:none;
  position: absolute;
  top:23px;
  left:20px;
  display:none;
}
.header .header-inner .m-close{
  width:27px;
  height:27px;
  background:url("../images/m_close.png") no-repeat 50% 50%;
  background-size:cover;
  border:none;
  position: absolute;
  top:46px;
  left:20px;
}
.header .header-inner .m-menu{
  background:#fff;
  width:250px;
  height:100%;
  position: fixed;
  top:0;
  left:-260px;
  z-index:999;
  padding:105px 20px 50px;
  box-sizing: border-box;
  box-shadow: 5px 0 5px rgba(0,0,0,0.1);
  overflow:auto;
}
.header .header-inner .m-menu .m-menu-ul li{
  text-align:left;
  border-bottom:1px solid #eee;
}
.header .header-inner .m-menu .m-menu-ul li{
  border-top:1px solid #eee;
}
.header .header-inner .m-menu .m-menu-ul li a{
  display:block;
  padding:30px 0;
  color:#000;
}
.header .header-inner .m-menu .m-btn-box{
  margin:50px 0;
}
.header .header-inner .m-menu .m-btn-box li{
  float: left;
  width:48%;
  margin-right:4%;
}
.header .header-inner .m-menu .m-btn-box li:nth-child(2){
  margin-right:0;
}
.header .header-inner .m-menu .m-btn-box li a{
  display:block;
  /* height:35px; */
  background:#33cccc;
  font-size: 13px;
  border-radius: 5px;
  text-align: center;
  padding:12px;
  color:#29364c;
  box-sizing: border-box;
}
.est-go{
  position: absolute;
  top:23px;
  right:20px;
  font-size: 15px;
  color:#33cccc;
  display: none;
  height: 27px;
  line-height: 27px;

}
.header .header-inner .m-menu .m-btn-box li .partner{
  background:#efb416;
}
.navbar-wrap.on{
  position: fixed;
  left:0;
  top:0;
  z-index: 999;
  box-shadow: 5px 0 10px rgba(0,0,0,0.3);
}
.nav-wrap-inner{
  width:80%;
  margin:0 auto;
  position: relative;
}
.header .header-inner .navbar{
  width:100%;
  padding:20px 0 15px;
  transition: all 0.5s ease;
  text-align: center;
}
.header .header-inner .navbar li{
  display: inline-block;
  height:100%;
  margin:0 50px;
  transition: all 0.5s ease;
}
.header .header-inner .navbar li a{
  display: block;
  font-size: 18px;
  color:#333;
  padding:12px 0;
}
.header .header-inner .header-btn-box{
  margin:20px 0 0;
  position: absolute;
  top:0;
  right:0;
}
.header .header-inner .header-btn-box a{
  display:block;
  float: left;
  width:103px;
  /* height:35px; */
  background:#33cccc;
  font-size: 18px;
  border-radius: 5px;
  text-align: center;
  padding:12px;
  color:#29364c;
  box-sizing: border-box;
  margin-right:10px;
}
.header .header-inner .header-btn-box .partner{
  background:#efb416;
  margin-right:0;
}
/* content */
.content{
  margin-top:20px;
}
.faq-content{
  margin-top:15px;
}
/* main view */
.main-view{
  width:100%;
  height:0;
  padding:23.1% 0;
  position: relative;
  /* margin-bottom:115px; */
  background:url('../images/main.png') no-repeat 50% 0;
  background-size:contain;
}
/* .main-view .main-img{
  width:100%;
} */
.main-view .main-txt{
  width:80%;
  position: absolute;
  top:11%;
  left:50%;
  margin-left:-40%;
}
.main-view .main-txt .txt{
  font-family: 'S-CoreDream-4Regular';
  font-size:3vw;
  line-height: 4.5vw;
}
.main-view .main-txt .txt span{
  font-family: 'S-CoreDream-6Bold';
}
.main-view .main-txt .attention{
  font-family: 'Black Han Sans', 'S-CoreDream-6Bold', sans-serif;
  font-size:5vw;
  margin-top:15px;
  color:#15d2cb;
}
.est-n-guide{
  margin:30px 0 0;
}
.est-n-guide a{
  display:block;
  float: left;
}
.est-n-guide .est{
  padding:35px 55px;
  background:#424b5a;
  font-size:2.2vw;
  color:#fff;
  border-radius:5px;
  text-align: center;
}
.est-n-guide .guide{
  font-size: 1.8vw;
  color:#424b5a;
  margin:35px 0 35px 30px;
}
.est-n-guide .guide span{
  border-bottom:1px solid #424b5a;
}
.main-baner{
  width:1150px;
  position: absolute;
  left:50%;
  bottom:-12%;
  margin-left:-575px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  transition: all 0.5s ease;
}
.main-baner&gt;div{
  float: left;
  width:50%;
  height:370px;
  padding:20px 30px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.5s ease;
}
.main-baner div h4{
  font-family:'Noto Sans KR';
  font-size: 17px;
  font-weight: 900;
}
.main-baner div a{
  display:block;
  width:20px;
  height:20px;
  border-radius: 50%;
  text-align: center;
  line-height:20px;
  font-size:12px;
  position: absolute;
  top:25px;
  right:30px;
}
.main-baner .pick{
  /* background:url("../images/chart.png") no-repeat 50% 50% #fff;
  background-size: contain; */
  background:#fff;
  color:#424b5a;
  font-family: 'Noto Sans KR', sans-serif;
}
.main-baner .pick h4{
  /* display: none; */
}
.main-baner .pick a{
  border:2px solid #0b5b54;
  color:#0b5b54;
}
.main-baner .pick .chart-wrap{
  position: relative;
}
.main-baner .pick .chart-wrap li h5{
  margin-top:5px;
  font-size:21px;
  color:rgb(79,200,158);
  font-weight: 600;
  /* text-align: center; */
  margin-left:10px;
}
.main-baner .pick .chart-wrap li h5 span{
  font-size: 16px;
  font-weight: 400;
}
.main-baner .pick .chart-wrap li:nth-child(n+5) h5{
  color:rgb(255,60,148);
}
.main-baner .pick .chart-wrap li:nth-child(n+8) h5{
  color:rgb(68,160,246);
}
.main-baner .pick .chart-wrap li canvas{
  margin-top:-10px;
}
.main-baner .pick .chart-wrap .slick-arrow{
  text-indent: -9999px;
  width: 15px;
  height: 25px;
  border:none;
  position: absolute;
  top:50%;
  margin-top:-12.5px;
}
.main-baner .pick .chart-wrap .slick-prev{
  background:url("../images/nav_prev.png") no-repeat 50% 50%;
  background-size: cover;
  left:-20px;
}
.main-baner .pick .chart-wrap .slick-next{
  background:url("../images/nav_next.png") no-repeat 50% 50%;
  background-size: cover;
  right:-20px;
}
.main-baner .event{
  background:url("../images/event.png") no-repeat 50% 50% #33cccc;
  background-size:contain;
  color:#424b5a;
  /* cursor: pointer; */
}
.main-baner .event h4{
  display: none;
}
/* title */
.tit{
  font-family: 'S-CoreDream-6Bold';
  font-size:33px;
  color:#33cccc;
  text-align:center;
  margin-bottom:60px;
}
/* inner */
.inner{
  width:70%;
  margin:0 auto;
}
/* 스크롤 위치 */
.scroll-this{
  display: block;
  height:80px;
}
/* 금주 식자재 UP &amp; DOWN */
.section1{
  padding:240px 0 65px;
}
.up_down{
  /* width:75%; */
  margin:0 auto;
  position: relative;
  text-align: center;
}
.up_down li:nth-child(6n){
  margin-right:0;
}
.up_down li a{
  color:#000;
}
.up_down li img{
  width:100%;
}
.up_down li .txt-box p{
  font-family: 'S-CoreDream-4Regular';
  font-size:15px;
  line-height: 20px;
  margin:10px 0;
  letter-spacing: -0.5px;
}
.up_down.owl-carousel .owl-nav button{
  width:15px;
  height:25px;
  position: absolute;
  top:45%;
}
.up_down.owl-carousel .owl-nav button span{
  display:none;
}
.up_down.owl-carousel .owl-nav button.owl-prev{
  background:url("../images/nav_prev.png") no-repeat 50% 50%;
  background-size:cover;
  left:-5%;
}
.up_down.owl-carousel .owl-nav button.owl-next{
  background:url("../images/nav_next.png") no-repeat 50% 50%;
  background-size:cover;
  right:-5%;
}
.up_down.owl-carousel .owl-dots{
  display: none;
}
/* 서비스 특징 */
.section2,.section3,.section4{
  padding:60px 0 65px;
}
.good-point{
  position: relative;
}
.good-point li{
  position: relative;
}
.good-point li.item{
  width:100%;
}
.good-point li img{
  width:100%;
}
.good-point li .txt-box{
  position: absolute;
  top:24%;
  left:7%;
  color:#fff;
}
.good-point li .txt-box h4{
  font-family: 'Black Han Sans', 'S-CoreDream-6Bold', sans-serif;
  font-size:3.7vw;
}
.good-point li .txt-box p{
  font-size:0.9vw;
  line-height: 1.3vw;
  margin-top:12px;
}
.play-store{
  display:block;
  width:160px;
  margin-top:30px;
}
.good-point .slick-arrow{
  width:20px;
  height:12px;
  position: absolute;
  right:5%;
  z-index:99;
  text-indent: -999999px;
  border:none;
}
.good-point .slick-prev{
  background:url('../images/vertical_prev.png') no-repeat 50% 50%;
  background-size:cover;
  top:35%;
}
.good-point .slick-next{
  background:url('../images/vertical_next.png') no-repeat 50% 50%;
  background-size:cover;
  bottom:35%;
}
.good-point .slick-dots{
  position: absolute;
  top:50%;
  right:5%;
  margin-top:-55px;
}
.good-point .slick-dots li{
  width:10px;
  height:10px;
  margin:20px 5px;
}
.good-point .slick-dots li button{
  width:10px;
  height:10px;
  background:none;
  border:2px solid #fff;
  text-indent: -999999px;
  border-radius: 50%;
  padding:0;
}
.good-point .slick-dots .slick-active button{
  background:#fff;
}
/* 이용후기 */
.review{
  position: relative;
  height:1150px;
}
.review .like-box{
  width:42%;
  background:#fff;
  border:2px solid #33cccc;
  border-radius: 10px;
  padding:70px 50px 30px;
  box-sizing: border-box;
  position: absolute;
  box-shadow: 7px 7px 20px rgba(0,0,0,0.1);
}
.like_01{
  top:5%;
  left:0;
}
.like_02{
  top:20%;
  right:0;
}
.like_03{
  bottom:0;
  left:7%;
}
.review .like-box .user-img{
  width:100px;
  height:100px;
  border-radius: 50%;
  border:1px solid #33cccc;
  position: absolute;
  top:-50px;
  left:50px;
  z-index:5;
  box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
  overflow: hidden;
}
.review .like-box .user-img img{
  width:100%;
}
.review .like-box .like-img{
  width:100px;
  height:100px;
  border-radius: 50%;
  background:url("../images/like.png")no-repeat 50% 50% #33cccc;
  background-size:50%;
  position: absolute;
  top:-50px;
  left:140px;
  box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
}
.review .like-box .like-img.like_02{
  background:url("../images/like_02.png")no-repeat 50% 50% #33cccc;
  background-size:50%;
}
.review .like-box .review-tit{
  font-size: 2vw;
  line-height: 3vw;
  padding:20px 0;
  border-bottom:1px solid #33cccc;
}
.review .like-box .review-tit span{
  color:#33cccc;
}
.comment{
  padding:30px 0;
}
.comment h6{
  font-size: 1.3vw;
  color:#33cccc;
  margin: 0 0 15px;
}
.comment h6 span{
  font-family: "S-CoreDream-4Regular";
  display:inline-block;
  font-size:0.9vw;
  color:#000;
  margin-left:10px;
}
.comment .review-txt{
  font-family: "S-CoreDream-4Regular";
  font-size:15px;
  line-height: 30px;
}
/* Contact Us */
.section4{
  margin-bottom:90px;
}
.section4 .sub-tit{
  font-family: 'S-CoreDream-3Light';
  font-size:20px;
  color:#505d68;
  margin-top:25px;
}
.contact-ul{
  width:80%;
  margin:0 auto;
}
.contact-ul li{
  float:left;
  width:20%;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;
  cursor: pointer;
}
.contact-ul li:nth-child(3){
  cursor:inherit;
}
.contact-ul li .icon{
  width:50%;
  height:0;
  padding:20% 0 30%;
  border-radius: 50%;
  background:#f2f5f7;
  font-size:1.2vw;
  color:#33cccc;
  margin:0 auto;
}
.contact-ul li h6{
  margin:17px 0 20px;
  font-size:1.5vw;
  font-weight: 500;
}
.contact-ul li p{
  color:#a1aeb7;
  font-size:0.8vw;
  line-height: 1.5vw;
}
/* FAQ */
.faq-section{
  font-family:'Noto Sans KR';
  padding:90px 0 40px;
}
.faq-tit{
  margin-bottom:170px;
}
.faq-tit .search-div{
  position: relative;
  border-bottom:5px solid #33cccc;
  padding:20px 0;
}
.faq-tit .search-div h3{
  width:17%;
  font-size:50px;
  font-weight:500;
  float: left;
}
.faq-tit .search-div .search{
  font-size: 25px;
  border:none;
  width:83%;
  height:50px;
  padding:0;
  box-sizing: border-box;
}
.faq-tit .search-div .search::placeholder{
  color:#ccc;
}
.faq-tit .search-div .search-btn{
  width:50px;
  height:50px;
  position: absolute;
  right:0;
  bottom:20px;
  background:url("../images/search_mint.png") no-repeat 50% 50%;
  background-size: cover;
  border:none;
  padding:0;
  cursor:pointer;
}
.search-recommend{
  padding:20px 0;
}
.search-recommend li{
  font-size: 20px;
  float: left;
  margin-right:20px;
}
.search-recommend .recommend-tit{
  font-weight: 600;
}
.search-recommend li a{
  color:#484949;
}
.faq-list h4{
  border-top:1px solid #33cccc;
  position: relative;
  padding:25px 0;
}
.faq-list h4 span{
  display: block;
  position: absolute;
  height:25px;
  font-size:25px;
  font-weight: 600;
  background: #fff;
  margin-top:-13px;
  padding:0 9px;
  top:0;
  left:50%;
  margin-left:-62.75px;
}
.faq-list .list-tab{
  margin:50px 0;
}
.faq-list .list-tab li{
  float: left;
  width:12%;
  margin-right:10%;
}
.faq-list .list-tab li:last-child{
  margin-right: 0;
}
.faq-list .list-tab li a{
  display: block;
  width:100%;
}
.faq-list .list-tab li .faq-icon{
  width:100%;
  height:0;
  padding:47.5% 0;
  border:4px solid #33cccc;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.faq-list .list-tab li:nth-child(1) .faq-icon{
  background:url("../images/write_mint.png") no-repeat 50% 50% #f5fcfc;
  background-size:45%;
}
.faq-list .list-tab li:nth-child(2) .faq-icon{
  background:url("../images/check_mint.png") no-repeat 50% 50% #f5fcfc;
  background-size:45%;
}
.faq-list .list-tab li:nth-child(3) .faq-icon{
  background:url("../images/gift_mint.png") no-repeat 50% 50% #f5fcfc;
  background-size:45%;
}
.faq-list .list-tab li:nth-child(4) .faq-icon{
  background:url("../images/partner_mint.png") no-repeat 50% 50% #f5fcfc;
  background-size:45%;
}
.faq-list .list-tab li:nth-child(5) .faq-icon{
  background:url("../images/exclamentation_mint.png") no-repeat 50% 50% #f5fcfc;
  background-size:45%;
}
.faq-list .list-tab li:nth-child(1).on .faq-icon{
  background:url("../images/write_white.png") no-repeat 50% 50% #33cccc;
  background-size:45%;
}
.faq-list .list-tab li:nth-child(2).on .faq-icon{
  background:url("../images/check_white.png") no-repeat 50% 50% #33cccc;
  background-size:45%;
}
.faq-list .list-tab li:nth-child(3).on .faq-icon{
  background:url("../images/gift_white.png") no-repeat 50% 50% #33cccc;
  background-size:45%;
}
.faq-list .list-tab li:nth-child(4).on .faq-icon{
  background:url("../images/partner_white.png") no-repeat 50% 50% #33cccc;
  background-size:45%;
}
.faq-list .list-tab li:nth-child(5).on .faq-icon{
  background:url("../images/exclamentation_white.png") no-repeat 50% 50% #33cccc;
  background-size:45%;
}
.faq-list .list-tab li p{
  text-align: center;
  padding:20px 0;
  color:#000;
  font-size: 22px;
  font-weight: 500;
}
.question-list ul{
  display:none;
}
.question-list .q1{
  display: block;
}
.question-list ul li h5{
  display: table;
  border-bottom:2px solid #33cccc;
  padding:20px;
  position: relative;
  font-size:20px;
  width:100%;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 140%;
}
.question-list ul li h5 span{
  display: table-cell;
  width:40px;
  font-size: 30px;
  color:#33cccc;
  vertical-align: middle;
}
.question-list ul li h5 em{
  width:calc(100% - 30px);
  display: block;
  padding-left:20px;
  /* vertical-align: middle; */
}
.question-list ul li h5 i{
  color:#33cccc;
  position: absolute;
  top:25px;
  right:20px;
}
.question-list ul li .answer{
  width:100%;
  background:#f8f6f8;
  padding:25px 80px;
  box-sizing: border-box;
  height:100%;
  vertical-align: middle;
  display: none;
  line-height: initial;
}
.center-num{
  margin:60px 0 0;
}
.center-num .customer{
  width:48%;
  margin-right:4%;
  float: left;
  background:#33cccc;
  border-radius: 20px;
  padding:50px 40px 40px;
  box-sizing: border-box;
  color:#fff;
}
.center-num .customer h6{
  position: relative;
  border-top:1px solid #fff;
  padding:22px 0;
}
.center-num .customer h6 span{
  display: block;
  width:100%;
  text-align: center;
  position: absolute;
  top:-25%;
  font-size:1.4vw;
  font-weight: 500;
}
.center-num .customer h6 span em{
  background:#33cccc;
  padding:0 15px;
}
.center-num .customer h4{
  font-size:3vw;
  font-weight: 600;
  text-align: center;
  display: table;
  width:100%;
}
.center-num .customer h4 span{
  display: table-cell;
  vertical-align: middle;
}
.center-num .customer p{
  font-size: 1.4vw;
  text-align: center;
  margin:20px 0 0;
}
.center-num .kakao{
  margin-right:0;
  background:#f7941d;
}
.center-num .kakao h6 span em{
  background:#f7941d;
}
.center-num .kakao h4{
  font-size: 1.8vw;
  box-sizing: border-box;
}
.center-num .kakao h4 .kk-img{
  width:40%;
  text-align: right;
  padding-right:5px;
}
.center-num .kakao h4 .kk-txt{
  width:60%;
  text-align: left;
}
.center-num .kakao h4 img{
  width:27%;
}
/* footer baner */
.kakao-baner{
  display: none;
  width:100%;
  position: fixed;
  bottom:-3px;
  left:0;
  z-index: 990;
}
.kakao-baner img{
  width:100%;
}
/* footer */
.footer .footer-info{
  border-top:1px solid #c2d1d9;
  border-bottom:1px solid #c2d1d9;
  background:#f2f5f7;
  text-align: center;
  padding:50px 0;
}
.footer .footer-info .dl-logo{
  width:100px;
}
.footer .footer-info p{
  width:70%;
  margin: 30px auto 0;
  font-size:13px;
  line-height:25px;
  color:#a1aeb7;
  font-weight:100;
}
.footer .copyright{
  width:70%;
  margin:0 auto;
  font-size:13px;
  color:#505d68;
  padding:10px 0;
}
.question-btn{
  width:90px;
  height:90px;
  background:url("../images/consult_for_kakao2.png") no-repeat 50% 50%;
  background-size: contain;
  border-radius: 45px;
  border:none;
  position: fixed;
  right:20px;
  bottom:40px;
  z-index: 100;
  cursor: pointer;
}
/* guide */
.guide-body{
  background:#f2f5f7;
  width:100%;
  padding:0;
  overflow: hidden;
  margin:0 auto;
}
.swiper-container{
  max-width:600px;
  height:100%;
  background:#fff;
}
.swiper-container .guide_close{
  width:25px;
  height:25px;
  background:url("../images/guide_close.png") no-repeat 50% 50%;
  background-size:cover;
  border:none;
  position: absolute;
  top:15px;
  right:15px;
  z-index:999;
  cursor: pointer;
}
.swiper-container .swiper-slide{
  width:100%;
  position: relative;
}
.swiper-container .swiper-slide img{
  width:100%;
}
.swiper-container .guide-txt{
  width:100%;
  height:30%;
  background:#fff;
  text-align: center;
  position: absolute;
  left:0;
  bottom:0;
  font-family: "Noto Sans KR";
}
.swiper-container .guide-txt h2{
  color:#2ad2c5;
  font-size: 20px;
  padding:8% 0 3%;
  box-sizing: border-box;
}
.swiper-container .guide-txt .user-guide-txt{
  font-size:17px;
  line-height:25px;
  padding:0 0 15%;
  box-sizing: border-box;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  text-indent: -9999px;
  opacity: 1;
  background: #2ad2c5;
}
.swiper-pagination-bullet-active {
  width: 46px;
  background: #2db6b6;
}
.swiper-button-prev,
.swiper-button-next{
  width:50%;
  height:100%;
  top:0;
  margin-top:0;
  background:none;
}
.swiper-button-prev{
  left:0;

}
.swiper-button-next{
  right:0;
}
.event-baner{
  display:block;
  width:100%;
  height:100px;
  background:url("../images/banner_rice.png") no-repeat 50% 50% #D3C9AD;
  background-size: cover;
}
.event-content{
  background:#F2F2F2;
  padding:80px 0 256px;
}
.event-img{
  /* width:80%; */
  /* margin:0 auto; */
  margin:0 390px;
  position: relative;
}
.event-img h4{
  font-size:30px;
  margin-bottom:30px;
}
.event-img img{
  width:100%;
}
.event-img .est-go-02{
  display:block;
  width:40%;
  height:60px;
  background:#006853;
  border-radius:30px;
  text-align:center;
  line-height:60px;
  color:#fff;
  font-size:23px;
  position: absolute;
  bottom: 300px;
  left: 50%;
  margin-left: -20%;
}
.event-img .est-go-02.purple{
  background:#7B0AA3;
}
.event-content-mob{
  display:none;
  margin:0 24px;
}
.event-content-mob .mini-header{
  font-family:'Noto Sans KR';
  font-weight: bold;
  height:50px;
  line-height:50px;
  border-bottom:1px solid rgba(0,0,0,0.5);
  margin-bottom:16px;
  position: relative;
}
.event-content-mob .mini-header a{
  position: absolute;
  left:0;
  color:#000;
}
.event-content-mob .mini-header span{
  font-size:14px;
}
.event-content-mob .mini-header .back-home{
  width:12px;
  padding-right:2px;
  transform: rotate(90deg);
}
.event-content-mob .mini-header h4{
  font-size:14px;
  text-align: center;
}
.event-content-mob .event-img-mob img{
  width:100%;
}
.event-content-mob .event-info-mob{
  font-family:'Noto Sans KR';
  margin-top:11px;
  font-size:13px;
  line-height:18px;
}
.event-content-mob .event-info-mob h5{
  font-weight:bold;
  margin-bottom:22px;
}
.event-content-mob .event-info-mob .event-reference{
  margin-bottom:41px;
}
.event-content-mob .event-info-mob .event-reference li .mini-tit{
  width:59px;
  height:18px;
  font-size:9px;
  background:#006853;
  border-radius: 9px;
  color:#fff;
  text-align:center;
  margin-bottom:7px;
}
.event-content-mob .event-info-mob .event-reference li .txt{
  margin-bottom:16px;
}
.event-img-web a{
  display:block;
  width:calc(50% - 5px);
  margin-right:10px;
  float: left;
}
.event-img-web a:last-child{
  margin-right:0;
}
.event-img-list{
  padding:0 0 100px;
}
.event-img-list a{
  display:block;
  margin-top:15px;
}
.event-img-list a:first-child{
  margin-top:0;
}
.benefit-wrap{
  font-family: 'Noto Sans KR';
  font-size:13px;
}
.benefit-tit .event-tit-txt{
  font-size:20px;
  font-weight:600;
  line-height:26px;
}
.benefit-tit .event-tit-txt span{
  font-size:20px;
  color:#bb00ff;
}
.invite-link{
  position: relative;
  margin:30px 0 15px;
}
.invite-link .invite-btn{
  display:block;
  width:70%;
  height:42px;
  background:#bb00ff;
  color:#fff;
  border-radius: 4px;
  position: absolute;
  left:50%;
  top:-21px;
  margin-left:-35%;
  font-size:15px;
  font-weight:600;
  text-align: center;
  line-height: 42px;
}
.invite-link img{
  width:100%;
}
.event-info h6{
  color:#bb00ff;
  margin:0;
}
.event-info p{
  line-height:17px;
  margin:7px 0 5px;
}
.event-info .event-step .event-rule{
  width:100%;
  text-align: center;
}
.event-info .event-step .event-rule th{
  background:rgba(198,0,255,0.2);
  border:1px solid #000;
  padding:7px 0;
  font-weight:bold;
}
.event-info .event-step .event-rule td{
  border:1px solid #000;
  padding:7px 0;
}
.event-info .event-step .event-rule th:first-child,
.event-info .event-step .event-rule td:first-child{
  border-left:none;
}
.event-info .event-step .event-rule th:last-child,
.event-info .event-step .event-rule td:last-child{
  border-right:none;
}
.event-info .event-notice{
  margin:25px 0 41px;
}
.quotes{
  font-family: 'Noto Sans KR';
  width:500px;
  padding:25px 30px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.doso{
  position: absolute;
  top:25px;
  right:30px;
}
.doso li{
  float: left;
  margin-right:4px;
}
.doso li:last-child{
  margin-right:0;
}
.doso li button{
  border:1px solid #ccc;
  background:#fff;
  padding:5px 13px;
  font-size:12px;
  font-weight:bold;
}
.doso li.active button{
  background:#33cccc;
  border-color:#33cccc;
  color:#fff;
}
.item-btn{
  width:75%;
  margin-top:20px;
  margin-left:37px;
}
.item-btn li{
  float:left;
  width:16.25%;
  text-align:center;
  padding:5px 0;
  margin-right:0.5%;
  background:#fff;
  border:1px solid #ccc;
  border-bottom:none;
  box-sizing: border-box;
  font-size:12px;
  cursor: pointer;
  font-weight: bold;
}
.item-btn li:last-child{
  margin-right:0;
}
.item-btn li.active{
  background:#33cccc;
  border-color:#33cccc;
  color:#fff;
}
.qutable-wrap table{
  width:440px;
  border-collapse: collapse;
  font-size:13px;
  margin:auto;
  border-bottom:1px solid #000;
}
.qutable-wrap table tr th,
.qutable-wrap table tr td{
  min-width:60px;
  text-align:center;
  padding:10px 0;
  border-top: 1px dashed #c7c7c7;
}
.qutable-wrap table tr th{
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  padding:7px 0;
  font-weight: 600;
  background:#fff;
  position: relative;
  z-index: 1;
}
.qutable-wrap table tr th:first-child{
  border-left:none;
}
.qutable-wrap table tr th:first-child{
  max-width:110px;
  min-width:110px;
}
.qutable-wrap table tr:first-child td{
  border-top:none;
}
.qutable-wrap table tbody{
  margin-top:-2px;
}
.qutable-wrap table tr td:first-child{
  max-width:110px;
  min-width:110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  border-left:none;
}
.qutable-wrap table tr td:nth-child(2),
.qutable-wrap table tr th:nth-child(2){
  min-width:45px;
}
.qutable-wrap table tr th:nth-child(3),
.qutable-wrap table tr td:nth-child(3){
  min-width:60px;
}
.qutable-wrap table tr th:nth-child(4),
.qutable-wrap table tr td:nth-child(4){
  min-width:45px;
}
.qutable-wrap table tr td:last-child{
  border-right:none;
}
.qutable-wrap table tr td.up{
  text-align:left;
  padding-left:11px;
  box-sizing: border-box;
  background:url("../images/up_arrow.png") no-repeat 0 50%;
  background-size:8px;
}
.qutable-wrap table tr td.down{
  text-align:left;
  padding-left:11px;
  box-sizing: border-box;
  background:url("../images/down_arrow.png") no-repeat 0 50%;
  background-size:8px;
}
.somea-div,
.domea-div{
  margin-top:45px;
}
.domea-div{
  display: none;
}
.d-none{
  display: none !important;
}
.d-block {
  display: block !important;
}
</pre></body></html>