.sct_sub_txt {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  padding: 5px 0 10px 0;
  line-height: 145%;
}


/*section01*/
.section01 {padding-bottom: 200px;}
.section01 .s1_wrap {width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}
.section01 .s1_wrap .left{ width:48.1%;  }
.section01 .s1_wrap .left .sec_img {background-image: url(../img/main_food1.jpg); background-repeat:no-repeat;background-position:center center;background-size:cover; border-radius: 20px; height: 755px; }
.section01 .s1_wrap .left a { display: block; width: 100%; padding:0px}
.section01 .s1_wrap .left h3{ color:#111; font-weight:600; font-size:19px; margin-top: 60px;}
.section01 .s1_wrap .left h2 { color:#111; font-weight:700; font-size:40px; margin:10px 0 30px}
.section01 .s1_wrap .left p{ color:#666; font-weight:400; font-size:15px; line-height: 150%;}

.section01 .s1_wrap .right{ width:48.1%; margin-left:3.8%;}
.section01 .s1_wrap .right .sec_img {background-image: url(../img/main_food2.jpg); background-repeat:no-repeat;background-position:center center;background-size:cover; border-radius: 20px; height: 755px; }
.section01 .s1_wrap .right a { display: block; width: 100%; padding:0px}
.section01 .s1_wrap .right a .mo_view{display:none}
.section01 .s1_wrap .right h3{ color:#111; font-weight:600; font-size:19px; margin-top: 60px;}
.section01 .s1_wrap .right h2 { color:#111; font-weight:700; font-size:40px; margin:10px 0 30px}
.section01 .s1_wrap .right p{ color:#666; font-weight:400; font-size:15px; line-height: 150%; margin-bottom: 50px;}
.pc_br{display:none;}

@media screen and (max-width:980px) {
    .section01 .inner li { width:50%}
}
@media screen and (max-width:640px) {
    .section01 {padding: 20px 30px 70px;}
    .pc_br{display:inline-block}

}
@media screen and (max-width:576px) {
    .section01 .s1_wrap .left h2, .section01 .s1_wrap .right h2 {font-size:28px; margin: 6px 0 18px;}
    .section01 .s1_wrap .left h3, .section01 .s1_wrap .right h3 {font-size:17px; margin-top: 30px;}
    .section01 .s1_wrap .left p, .section01 .s1_wrap .right p {font-size: 13px;}
    .section01 li { width:100%}
    .section01 .s1_wrap .left p:after{padding-bottom:}
    .section01 .inner .left { width:100%; margin-bottom: 17px; }
    .section01 .s1_wrap .left a, .section01 .s1_wrap .right a {padding:10px 30px}
    .section01 .s1_wrap .right a .mo_view{display:block; height:1px; width:100%; background-color:#ccc;}
    .section01 .s1_wrap .left .sec_img, .section01 .s1_wrap .right .sec_img {height:340px;}
    .section01 .inner .right { width:100%; margin-left:0; }
}
/*section01*/

.section02  {width:100%;  clear:both; overflow: hidden; background: url(../img/main_store_bg.jpg) no-repeat fixed; background-position: center center; padding: 100px 0;background-color:#444 }
.section02 h2 {text-align: center;  font-size: 40px; font-weight: 500; margin: 0 0 15px; color: #fff;}
.section02 p {text-align: center; color: #bbb; font-size: 15px; margin-bottom: 25px; line-height: 160%; font-weight: 500;}
.section02 .sec02_tab {margin: 40px auto ; max-width: 1380px; }
.section02 .sec02_tab ul {display: flex;    justify-content: space-around;    flex-wrap: nowrap; }
.section02 .sec02_tab li {width: 274px; height:411px; background-repeat: no-repeat !important; position: relative; overflow: hidden; margin:1px;}
.section02 .sec02_tab li .bg{width:100%; height:100%; position: absolute; opacity: 0; display: block; transform: scale(1.1); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; top: 0; background-size: contain !important;}
.section02 .sec02_tab li:hover .bg{transform: scale(1); opacity: 1;}
.section02 .sec02_tab .ttl {font-size: 24px; color: #fff; font-weight: 400;     margin: 40px 0 20px 25px; position: relative; z-index: 1;}
.section02 .sec02_tab .ttl span {font-size: 32px; font-weight: 600; letter-spacing: -1px;}
.section02 .sec02_tab .icon {margin-left:25px; position: relative; z-index: 1;}
.section02 .sec02_tab .icon a {opacity: 0.6; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; }
.section02 .sec02_tab .icon a:hover {opacity: 1;}
.section02 .sec02_tab .icon div{float:left; margin-right:5px;}
.section02 .sec02_tab .icon div a .memo {display: none; position: absolute; top: 57px; white-space: pre; padding: 0 12px; line-height: 30px; background: #fff ; color: #333; font-size: 13px; border-radius: 5px; font-weight: 600;}
.section02 .sec02_tab .icon div a .memo:after {content: ""; position: absolute; top: -8px; left: 18px; display: inline-block; width: 0; height: 0; border-style: solid; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; color: transparent; }
.section02 .sec02_tab .icon div a:hover .memo{ display: block;  }

@media screen and (max-width:1100px) {
	.section02{padding:70px 30px; }
	.section02 .sec02_tab ul { justify-content: flex-start; flex-wrap: wrap;}
	.section02 .sec02_tab li { height: 252px; max-width: 168px; background-size: contain !important; }
	.section02 .sec02_tab .ttl {font-size:15px;    margin: 30px 0 20px 17px;}
	.section02 .sec02_tab .icon {margin-left:17px;}
	.section02 .sec02_tab .ttl span{font-size:20px;}
	.section02 .sec02_tab .icon div{    width: 30px;}
	.section02 .sec02_tab .icon div a:hover .memo{ display: none;  }
}

@media screen and (max-width:576px) {
	.section02{padding:70px 30px 50px; background: url(../img/main_store_bg.jpg) no-repeat; }
	.section02 .sec02_tab{margin: 20px auto;}
	.section02 .sec02_tab ul {    justify-content: space-between; flex-wrap: wrap;}
	.section02 .sec02_tab li { width:49%; height: 223px; max-width: 168px; background-size: contain !important; }
	.section02 .sec02_tab .ttl {font-size:15px;    margin: 30px 0 20px 17px;}
	.section02 .sec02_tab .icon {margin-left:17px;}
	.section02 .sec02_tab .ttl span{font-size:20px;}
	.section02 .sec02_tab .icon div{    width: 30px;}
	.section02 .sec02_tab .icon div a:hover .memo{ display: none;  }
	.section02 p {font-size:13px;}
	.section02 h2 {font-size:30px;}
}


/* section03 */
.section03 {  padding: 110px 0 50px 0;   background-color: #f5f5f5;}
.section03 h2 {  text-align: center;  font-size: 32px;  font-weight: 600;  margin: 0 0 40px;}



/* section04 */
.section04 {  padding: 70px 0; }
.section04 .cont{ max-width:1380px; margin:0 auto;     min-height: 380px;}
.section04 .cont .ttl{height:50px; font-size:24px; line-height:30px; color:#333;}
.section04 .cont .ttl img{height:30px;}
.section04 .you{width:59%; max-width:100%; float:right;}
.section04 .insta{width:36.3%; max-width:100%;  float:  left;}
.section04 .you a img, .section04 .insta a img {width:100%; }


@media screen and (max-width:1330px) {
.section04 .insta{margin-left:0px;}
}
@media screen and (max-width:576px) {
.section04 .cont{ flex-wrap: wrap; margin:0 30px;}
.section04 .cont .ttl {height: 32px; font-size: 18px; line-height: 20px; }
.section04 .cont .ttl img {height:20px; }
.section04 .you, .section04 .insta{width:100%;}
.section04 .you{margin-left:0px; margin-top:30px;}
}


/* section05 */
.section05 {  padding: 30px 0; background-color:#f5f5f5;clear:both;}
.section05 .cont{ max-width:1380px; margin:0 auto; display: flex;    justify-content: space-between;}
.section05 .cont a img {border:1px solid #ddd; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; top: 0;}
.section05 .cont a:hover img {border:1px solid #999;}

@media screen and (max-width:576px) {
.section05 .cont{margin:0 30px; justify-content: space-between; flex-wrap: wrap;}
.section05 .cont a img {width:97px; margin-bottom:3px;}
}

.drag_slider .owl-carousel .owl-item {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
}

.drag_slider .owl-carousel .item .img_box {
  overflow: hidden;
}
.drag_slider .owl-carousel .item .img_box img {
  transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
}
.drag_slider .owl-carousel .item:hover .img_box img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.drag_slider .owl-carousel .txt_box {
  padding: 32px 0px;
}
.drag_slider .owl-carousel .txt_box h3 {
  display: block;
  font-size: 24px;
  line-height: 1.75;
  color: #1a1a1a;
  text-align: center;
}
.drag_slider .owl-carousel .txt_box p {
  color: #555;
  text-align: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

.drag_slider .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.drag_slider .owl-carousel .owl-item.active {
  opacity: 1;
}

.drag_slider .owl-carousel .owl-scrollbar {
  margin-top: 20px;
  border-radius: 10px;
  height: 5px;
  width: 100%;
  background: #f1f1f1;
  box-shadow: inset 0 0 10px -9px rgba(30, 30, 30, .4);
  position: relative;
  transform: scale(0.9);
}


.drag_slider .owl-carousel .owl-scrollbar .owl-scroll-handle {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #4575bd;
  position: absolute;
  top: -5px;
  left: -1px;
}


.drag_slider .owl-carousel .owl-scrollbar .owl-scroll-handle:hover {
  transform: scale(2);
  transition: transform 0.2s ease-in-out;
}

.drag_slider .owl-carousel .owl-scrollbar .owl-scroll-progress {
  background: #333;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.drag_slider .owl-carousel .owl-dots {
  display: none;
}

.drag_slider .owl-carousel .owl-nav button {
  width: 22px;
  height: 50px;
  position: absolute;
  background-color: transparent;
  padding: 0;
  bottom: 50px;
}

.drag_slider .owl-carousel .owl-nav button.disabled {
  color: #ddd;
}

.drag_slider .owl-carousel .owl-nav button > span {
  display: none;
}

.drag_slider .owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.drag_slider .owl-carousel .owl-nav button.owl-prev::before {
  content: "\f053";
  font-size: 30px;
  font-family: "FontAwesome";
  text-indent: 0;
}

.drag_slider .owl-carousel .owl-nav button.owl-next {
  right: 0;
}

.drag_slider .owl-carousel .owl-nav button.owl-next::before {
  content: "\f054";
  font-size: 30px;
  font-family: "FontAwesome";
  text-indent: 0;
}

@media screen and (max-width:639px) {
  .section03 {
    padding: 50px 0 20px 0;
  }
  .drag_slider .owl-carousel .txt_box {padding: 15px 0px;}
  .drag_slider .owl-carousel .txt_box h3 {font-size: 18px;}
  .drag_slider .owl-carousel .txt_box p {font-size: 13px;}

}

@media screen and (max-width:576px) {
  .section03 h2 {
    font-size:28px
  }
}
/* section03 */

.sct_img {
  overflow: hidden;
}
.sct_img img {
  transition: all 0.2s linear;
}

.btn_wish {
  color: #c1c4c6;
}
.button_on .fa-heart-o,
.style_class .fa-heart-o {
  color: red;
}

/*하단 컨텐츠*/
.left_box {
  position: absolute;
  right: 110px;
  padding-right: 50px;
}
.btn-more2 {
  position: absolute;
  right: -85px;
  transform: rotate(90deg);
  margin-top: -208px;
}
.more_arrow {
  padding-left: 10px;
}
.middle_text01 {
  padding-bottom: 20px;
}