@charset "utf-8";



/* 메인 전체 타이틀 설정 */
#main_container .m_tit{ display: flex; justify-content:space-between; margin-bottom: 15px; align-items: flex-end; padding-right: 15px;}
#main_container .m_tit > strong{font-weight: 700; font-size: 20px; padding: 5px 0 5px 42px; display: inline-block;background-position: left center; background-repeat: no-repeat; white-space: nowrap;}
#main_container .m_tit .more{ font-size: 15px; text-decoration: underline;}

@media all and (max-width:1280px) {
#main_container .m_tit{ margin-bottom: 10px;}
#main_container .m_tit > strong{ font-size: 18px; padding: 5px 0 5px 38px; background-size: 35px;}
#main_container .m_tit .more{ font-size: 13px; }
}

@media all and (max-width:1024px) {
#main_container .m_tit > strong{ font-size: 16px; padding: 3px 0 3px 33px; background-size: 28px;}
}

@media all and (max-width:767px) {
#main_container .m_tit{ padding:0 5px;}
#main_container .m_tit > strong{ padding: 3px 0 3px 28px; background-size: 25px;}
}










/* 메인 팝업존 */
.main_pop_guide{margin: 50px 10% 10px 10%; display: flex;gap:20px; justify-content: space-between;}
.main_pop_guide > div{ flex: 1;}
.main_pop_guide .main_pop_left{ display: flex; justify-content: space-between; gap:20px;}


.main_pop_guide .main_pop01,
.main_pop_guide .main_pop02{overflow: hidden; height: 470px; border-radius:  40px 40px 20px 40px; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); width: 100%;}
.main_pop_guide .main_pop01 img,
.main_pop_guide .main_pop02 img{ width: 100%; height: 100%;}



.main_pop_guide .main_pop_right{overflow: hidden; height: 470px; box-shadow: 1px 10px 10px rgba(0,0,0,0.1);border-radius:  40px; position: relative;}

/* popupzone */
.popupzone{}
.popupzone ul{ position: absolute;display:flex;z-index: 2; right:20px; top:15px; align-items: center;} 
.popupzone ul li{ text-align: center; display: inline-block; margin: 0 1px;}
.popupzone ul li > span{ padding: 0 10px; display: block;font-size:18px; font-weight: 600;}
.popupzone ul li > span > em{ color: #ff0000; display: inline-block; margin-right: 2px; font-weight: 500;}

.popupzone ul li button{ display: block; background-repeat: no-repeat; background-position: center; width: 40px; height: 40px;text-align: center; font-size: 11px; color: #000; border: 0; text-indent: -9999px; background-color: rgba(0,0,0,0.1) !important; border-radius: 50%; opacity: 0.7;}
.popupzone ul li .pz_prev{background-image: url("/images/main/popup_btn_prev.png");}
.popupzone ul li .pz_stop{background-image: url("/images/main/popup_btn_stop.png");}
.popupzone ul li .pz_play{background-image: url("/images/main/popup_btn_play.png");}
.popupzone ul li .pz_next{background-image: url("/images/main/popup_btn_next.png");}

.popupzone > div > div {position: absolute; top:0; width: 100%; display: block;}
.popupzone > div > div a{ display: block;}
.popupzone > div > div img{width: 100%; height: 470px;}


@media all and (max-width :1700px) {
.main_pop_guide{margin: 50px 5% 10px 5%; }
.main_pop_guide .main_pop01,
.main_pop_guide .main_pop02{ height: 415px;}
.main_pop_guide .main_pop_right{ height: 415px;}
.popupzone > div > div img{height: 415px;}
}


@media all and (max-width :1520px) {
.main_pop_guide{margin: 40px 5% 0 5%; }
.main_pop_guide .main_pop01,
.main_pop_guide .main_pop02{ height: 350px;border-radius:  30px 30px 20px 30px;}
.main_pop_guide .main_pop_right{ height: 350px;border-radius:  30px;}
.popupzone > div > div img{height: 350px;}

.popupzone ul{ right:15px; top:10px;}
.popupzone ul li button{  width: 30px; height: 30px; background-size: 30px;}
.popupzone ul li > span{ padding: 0 5px;font-size:16px;}
}

@media all and (max-width :1280px) {
.main_pop_guide{margin: 30px 5% 0 5%; }
.main_pop_guide .main_pop01,
.main_pop_guide .main_pop02{ height: 275px;border-radius:  20px 20px 15px 20px;}
.main_pop_guide .main_pop_right{ height: 275px;border-radius:  20px;}
.popupzone > div > div img{height: 275px;}
}

@media all and (max-width :1024px) {
.main_pop_guide{ gap:10px; }
.main_pop_guide .main_pop_left{ gap:10px;}
.main_pop_guide .main_pop01,
.main_pop_guide .main_pop02{ height: 215px;border-radius:  15px 15px 10px 15px;}
.main_pop_guide .main_pop_right{ height: 215px;border-radius:  15px;}
.popupzone > div > div img{height: 215px;}

.popupzone ul{ right:8px; top:8px;}
.popupzone ul li button{  width: 24px; height: 24px; background-size: 24px;}
.popupzone ul li > span{ padding: 0 3px;font-size:15px;}
}

@media all and (max-width :767px) {
.main_pop_guide{ flex-wrap: wrap; gap:0;margin:0;}
.main_pop_guide > div{ flex:none;}
.main_pop_guide .main_pop_left{gap:10px; order: 2; width: 100%; padding: 0 5%;}
.main_pop_guide .main_pop01,
.main_pop_guide .main_pop02{ height: 205px}
.main_pop_guide .main_pop_right{ height: auto; order: 1; width: 100%; margin-bottom: 25px;border-radius:  0;}
.popupzone > div > div img{height: auto;}
}















/*메인 상단 배너 :  무료배송*/
.main_top_banner{ margin:100px 0; position: relative; overflow: hidden; height: 170px;}
.main_top_banner a{display: block;width: 100%; height: 170px;}

@media all and (max-width :1919px) {
.main_top_banner .top_banner_img{ transform: translate(-50%, -50%) translate(-.5px, -.5px); position: absolute; top: 50%; left: 50%; min-width: 1920px; z-index: -1; }
}

@media all and (max-width :1520px) {
.main_top_banner{ height: 140px;margin:70px 0; }
.main_top_banner .top_banner_img{ min-width:inherit; height: 140px;}
.main_top_banner a{ height: 140px;}


}
@media all and (max-width :1280px) {
.main_top_banner{ height: 115px;margin:50px 0; }
.main_top_banner .top_banner_img {height: 115px;}
.main_top_banner a{ height: 115px;}
}
@media all and (max-width :1024px) {
.main_top_banner{ height: 90px;margin:30px 0; }
.main_top_banner .top_banner_img{  height: 90px;}
.main_top_banner a{ height: 90px;}
}
@media all and (max-width :767px) {
.main_top_banner{ height: 80px;}
.main_top_banner .top_banner_img{ height: 80px;}
.main_top_banner a{ height: 80px;}
}



























/*BEST 할인상품*/
.main_best .m_tit > strong{background-image: url("../images/main/main_tit01.png")}
.main_best{padding-bottom: 100px; }
.main_best_guide{ margin-top: 20px;}

@media all and (max-width :1280px) {
.main_best{padding-bottom: 50px; }
.main_best_guide{ margin-top: 10px;}
}
@media all and (max-width :767px) {
.main_best{padding-bottom: 40px; }
}




/* ma_best01  포토형식 리스트 ********************************************************/
/* 사진 5장씩 나열이 기본 */
.ma_best01 *{ box-sizing:border-box;}
.ma_best01 > ul {display: flex; overflow: hidden;}
.ma_best01{position:relative;}
.ma_best01 a{display:block; overflow:hidden; font-size:16px; position: relative;}
.ma_best01 a:hover img,
.ma_best01 a:focus img{transform:scale(1.1, 1.1);transition: all 0.4s;}
.ma_best01 .img_box{ height:340px;  position: relative; display: block;overflow: hidden; border-radius: 25px; }
.ma_best01 .img_box img{height: 100%; width:100%;}

/* 장바구니 &  찜 아이콘 */
.ma_best01 .photo_icon{ display: inline-block; position: absolute; top:10px; right:10px; z-index: 3; }
.ma_best01 .photo_icon button{display: inline-block;background:#fff url("../images/shop/photo_basket.png") center no-repeat;height: 32px; width: 32px; line-height: 32px; text-indent: -9999px; border-radius: 50%; box-shadow: 1px 2px 0 rgba(0,0,0,0.05);}
.ma_best01 .photo_icon .photo_save{background-image:  url("../images/shop/photo_save.png");}
.ma_best01 .photo_icon .photo_basket.active{ background:#ff0000 url("../images/shop/photo_basket_on.png") center no-repeat;}
.ma_best01 .photo_icon .photo_save.active{ background:#ff0000 url("../images/shop/photo_save_on.png") center no-repeat;}


@media all and (max-width :1520px) {
.ma_best01 .img_box{ border-radius: 20px; }
}
@media all and (max-width :1280px) {
.ma_best01 > ul {flex-wrap: wrap}
.ma_best01 .img_box{border-radius: 15px;box-shadow: 1px 10px 10px rgba(0,0,0,0); height: 250px;}
}


@media all and (max-width :767px) {
.ma_best01 > ul { justify-content: space-between;}
.ma_best01 .img_box{ height:180px;border-radius: 10px; }
.ma_best01 .photo_icon{ top:7px; right:7px;}
.ma_best01 .photo_icon button{height: 30px; width: 30px; line-height: 30px; background-size: 17px !important;}

.ma_best01 a .tip_new{width:40px; height: 44px;background-size: 40px;}
.ma_best01 a .tip_hot{width:42px; height: 42px;background-size: 42px;font-size: 10px; padding: 5px 0 0 5px; }
}







/* 스타일01_타이틀 */
.ma_best01 .txt_box01{  margin:20px 15px 0 15px; display:block;}
.ma_best01 .txt_box01 .text_tit a{display: block; height: 20px; overflow:hidden; font-size: 16px; margin: 2px 0 5px 0; line-height: 25px;}
.ma_best01 .txt_box01 > .text_tit a:hover,
.ma_best01 .txt_box01 > .text_tit a:focus{ text-decoration: underline;}

.ma_best01 .txt_box01 .txt_won01{ display: flex; align-items: center; letter-spacing: -1px; justify-content: flex-end;}
.ma_best01 .txt_box01 .txt_won01 i{ font-size: 16px; color: #ff0000; font-weight: 700;}
.ma_best01 .txt_box01 .txt_won01 em{font-size: 13px; text-decoration: line-through; color: #999; font-weight: 500; margin: 0 5px;}
.ma_best01 .txt_box01 .txt_won01 b{font-size: 20px; font-weight: 800;}


@media all and (max-width :1520px) {
.ma_best01 .txt_box01{  margin:15px 15px 0 15px;}
.ma_best01 .txt_box01 .txt_won01 i{ font-size: 14px;}
.ma_best01 .txt_box01 .txt_won01 em{font-size: 12px;}
.ma_best01 .txt_box01 .txt_won01 b{font-size: 17px; font-weight: 700;}
}

@media all and (max-width :1280px) {
.ma_best01 .txt_box01{  margin:15px 10px 0 10px;}
.ma_best01 .txt_box01 .text_tit a{  font-size: 15px;}
}


@media all and (max-width :1024px) {
.ma_best01 .txt_box01{  margin:10px 10px 0 10px;}
.ma_best01 .txt_box01 .text_tit a{ font-size: 14px;margin: 0 0 4px 0;}


.ma_best01 .txt_box01 .txt_won01{ letter-spacing: -0.5px;}
.ma_best01 .txt_box01 .txt_won01 i{ font-size: 13px;}
.ma_best01 .txt_box01 .txt_won01 em{font-size: 12px;margin: 0 3px;}
.ma_best01 .txt_box01 .txt_won01 b{font-size: 15px; font-weight: 700;}
}


@media all and (max-width :767px) {
.ma_best01 .txt_box01 .txt_won01{  display: block; }
.ma_best01 .txt_box01 .txt_won01 i{ font-size: 11px;}
.ma_best01 .txt_box01 .txt_won01 i,
.ma_best01 .txt_box01 .txt_won01 em,
.ma_best01 .txt_box01 .txt_won01 b{ display: inline-block; vertical-align: middle;}
.ma_best01 .txt_box01 .txt_won01 em{font-size: 10px;margin: 0 1px;}
.ma_best01 .txt_box01 .txt_won01 b{font-size: 13px; font-weight: 700;}
}









/* 슬라이드 */
.news_slide.swiper .swiper-slide { width:18%;margin: 0 1%;height: 440px;display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;      flex-wrap: nowrap; -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;
 flex-direction: column;  background-color: #fff; overflow: hidden; }

.news_slide.swiper .news-controller {
  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin-top: 20px; padding: 0 15px;  -webkit-box-align: center;
      -ms-flex-align: center;  align-items: center;}
.news_slide.swiper .news-controller .swiper-pagination { position: static; -webkit-box-flex: 1;    -ms-flex: 1 1 auto;  flex: 1 1 auto;}
.news_slide.swiper .news-controller .swiper-pagination-progressbar { background-color: #d0d0d0;  height: 4px; border-radius: 6px;}
.news_slide.swiper .news-controller .swiper-pagination-progressbar-fill { background-color: #6f01b1; height: 6px; border-radius: 6px; margin-top: -1px;}
.news_slide.swiper .news-controller .swiper-pagination-lock {  display: inherit;}


.news_slide.swiper .news-controller .news-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0;      -ms-flex: 0 0 auto; flex: 0 0 auto;margin-left: 10px; }
.news_slide.swiper .news-controller .news-buttons [class^=swiper-button] { position: static; margin: 0; font-size: 1px; line-height: 0; text-indent: -9999rem; overflow: hidden; width: 40px;  height: 40px;  background-repeat: no-repeat; background-position: center; background-size: 100% auto; background-image: url("../images/main/best_arrow.png");background-color: #fff;}

.news_slide.swiper .news-controller .news-buttons [class^=swiper-button] + [class^=swiper-button] { margin-left: 5px;}
.news_slide.swiper .news-controller .news-buttons .swiper-button-next {
  -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.news_slide.swiper .news-controller .news-buttons .swiper-button-lock { display: inherit;}

@media screen and (max-width: 1520px) {
.news_slide.swiper .swiper-slide { width:23%;margin: 0 1%;height: 420px;}
}
@media screen and (max-width: 1280px) {
.news_slide.swiper .swiper-slide { height: 320px;}
}
@media screen and (max-width: 1024px) {
.news_slide.swiper .swiper-slide {width:31.333%;height: 300px;}
}


@media screen and (max-width: 767px) {
.news_slide.swiper .swiper-slide {width:48%;height: 230px;}
.news_slide.swiper .news-controller .news-buttons [class^=swiper-button] { width: 30px;  height: 30px;}

}




















/* 제천몰 강추상품 */
.main_event .m_tit > strong{background-image: url("../images/main/main_tit02.png")}
.main_event{padding-bottom: 100px; }
.main_event_guide{background: #f4f4f4; padding: 80px 0;}
.main_event_more {text-align: center; margin-top: -20px;}
.main_event_more a{ display: inline-block; padding: 10px 0; border: 1px solid #ddd; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); border-radius: 100px; width: 200px; background: #fff; font-weight: 500;}

.main_event_btn ul{ display: flex; align-items: center;}
.main_event_btn a{ display: block;}
.main_event_btn a:hover strong,
.main_event_btn a:focus strong{ color: #dc0101;}
.main_event_btn ul li strong{background: url("../images/main/point01.png") left center no-repeat; padding:0 20px;font-weight: 600; color: #949494; font-size: 18px; display: block; margin: 0 8px;}
.main_event_btn ul li .active{ color: #fff; background:#dc0101 url("../images/shop/title_icon14.png") 15px center no-repeat; background-size: 18px; padding: 0 25px 0 40px; border-radius: 50px; height: 40px; line-height: 40px; font-weight: 700;}



@media all and (max-width :1280px) {
.main_event{padding-bottom: 50px; }
.main_event_guide{ padding: 40px 0;}
.main_event_more a{padding: 8px 0; width: 160px; font-size: 13px;}

.main_event_btn ul li strong{font-size: 16px;}
.main_event_btn ul li .active{ background-position:10px center;background-size: 15px; padding: 0 15px 0 30px; height: 30px; line-height: 30px;}
}
@media all and (max-width :767px) {
.main_event_guide{ padding: 20px 0 30px 0;}
.main_event_more a{padding: 6px 0; width: 140px; font-size: 11px;}

.main_event .m_tit{ display: block !important;}
.main_event_btn ul{ justify-content:space-between; margin-top: 10px;}
.main_event_btn ul li{ text-align: center; flex: 1;}
.main_event_btn ul li strong{font-size: 14px; padding:0 5px 0 15px; margin: 0 5px;}
.main_event_btn ul li .active{ background-position:5px center;background-size: 12px; padding: 0 10px 0 20px; height: 26px; line-height: 26px; border-radius: 4px;}

}



/* ma_event01  포토형식 리스트 ********************************************************/
/* 사진 5장씩 나열이 기본 */
.ma_event01 *{ box-sizing:border-box;}
.ma_event01 > ul {display: flex; flex-wrap: wrap; padding: 10px 0;  height: 890px; overflow: hidden;}
.ma_event01 .photo_box{width:calc(20% - 20px);position:relative; margin:0 10px 50px 10px;}
.ma_event01 .photo_box a{display:block; font-size:16px; position: relative;}
.ma_event01 .photo_box a:hover img,
.ma_event01 .photo_box a:focus img{transform:scale(1.1, 1.1);transition: all 0.4s;}
.ma_event01 .photo_box .img_box{ height:340px;  position: relative; display: block;overflow: hidden; border-radius: 25px; }
.ma_event01 .photo_box .img_box img{height: 100%; width:100%;}

/* 장바구니 &  찜 & 각종 뱃지 아이콘 */
.ma_event01 .photo_box .photo_icon{ display: inline-block; position: absolute; bottom:80px; right:10px; z-index: 3; }
.ma_event01 .photo_box .photo_icon button{display: inline-block;background:#fff url("../images/shop/photo_basket.png") center no-repeat;height: 32px; width: 32px; line-height: 32px; text-indent: -9999px; border-radius: 50%; box-shadow: 1px 2px 0 rgba(0,0,0,0.05);}
.ma_event01 .photo_box .photo_icon .photo_save{background-image:  url("../images/shop/photo_save.png");}
.ma_event01 .photo_box .photo_icon .photo_basket.active{ background:#ff0000 url("../images/shop/photo_basket_on.png") center no-repeat;}
.ma_event01 .photo_box .photo_icon .photo_save.active{ background:#ff0000 url("../images/shop/photo_save_on.png") center no-repeat;}

.ma_event01 .photo_box .badge_guide{ display: inline-block; position: absolute; top:-10px; right:-5px; z-index: 3; width: 48px; height: 59px;  text-align: center; color: #fff; font-weight: 700;font-size: 11px; background-position: center top; background-repeat: no-repeat; padding-top: 30px; text-indent: -9999px;}

 .ma_event01 .photo_box .badge_guide.badge01{background-image: url("../images/main/badge_01.png");}/* 최다판매 */
 .ma_event01 .photo_box .badge_guide.badge02{background-image: url("../images/main/badge_02.png");}/*주문폭주 & 인기*/
 .ma_event01 .photo_box .badge_guide.badge03{background-image: url("../images/main/badge_03.png");}/*신상입고*/
 .ma_event01 .photo_box .badge_guide.badge04{background-image: url("../images/main/badge_04.png");}/*신상품*/
 .ma_event01 .photo_box .badge_guide.badge05{background-image: url("../images/main/badge_05.png");}/*이벤트*/
 .ma_event01 .photo_box .badge_guide.badge06{background-image: url("../images/main/badge_06.png");}/*추천상품*/
  
@media all and (max-width :1520px) {
.ma_event01 > ul { height: 700px;}
.ma_event01 .photo_box{  margin:0 10px 30px 10px;}
.ma_event01 .photo_box .photo_icon{ bottom:78px; right:7px;}
.ma_event01 .photo_box .img_box{ height:250px; border-radius: 20px; }
}

@media all and (max-width :1280px) {
.ma_event01 > ul{ height: 700px;}
.ma_event01 .photo_box{width:calc(25% - 20px);}
.ma_event01 .photo_box .img_box{border-radius: 15px;box-shadow: 1px 10px 10px rgba(0,0,0,0);}
}

@media all and (max-width :1024px) {
.ma_event01 .photo_box .badge_guide {top:-10px; right:-5px; width: 35px; height: 43px;background-size: 35px;}
.ma_event01 > ul{ height: 650px;}
.ma_event01 .photo_box .photo_icon{ bottom:58px;}
.ma_event01 .photo_box{width:calc(33.333% - 10px);margin:0 5px 30px 5px;}
.ma_event01 .photo_box .img_box{ height:250px; border-radius: 15px;}
}


@media all and (max-width :767px) {
.ma_event01 > ul { justify-content: space-between; height: 510px;}
.ma_event01 .photo_box{width:calc(50% - 10px); margin:0 5px 25px 5px;}
.ma_event01 .photo_box .img_box{ height:180px;border-radius: 10px; }
.ma_event01 .photo_box .photo_icon button{height: 30px; width: 30px; line-height: 30px; background-size: 17px !important;}
.ma_event01 .photo_box a .tip_new{width:40px; height: 44px;background-size: 40px;}
.ma_event01 .photo_box a .tip_hot{width:42px; height: 42px;background-size: 42px;font-size: 10px; padding: 5px 0 0 5px; }
}









/* 제천몰 강추상품 */
.ma_event01 .photo_box .txt_box01{  margin:20px 15px 0 15px; display:block; }
.ma_event01 .photo_box .txt_box01 .txt_info{display: flex; justify-content: space-between; align-items: center;}
.ma_event01 .photo_box .txt_box01 .txt_info span{color: #555;font-size: 13px;height: 20px; overflow: hidden; line-height: 20px;display: inline-block;  padding-left: 2px; width: calc(100% - 95px);} 
.ma_event01 .photo_box .txt_box01 .txt_info span a{color: #555;font-size: 13px;} 

.ma_event01 .photo_box .txt_box01 .txt_info span a:hover ,
.ma_event01 .photo_box .txt_box01 .txt_info span a:focus{ text-decoration: underline;}

.ma_event01 .photo_box .txt_box01 .text_tit a{display: block; height: 20px; overflow:hidden; font-size: 16px; margin: 2px 0 10px 0; line-height: 25px;}
.ma_event01 .photo_box .txt_box01 > .text_tit a:hover,
.ma_event01 .photo_box .txt_box01 > .text_tit a:focus{ text-decoration: underline;}

.ma_event01 .photo_box .txt_box01 .txt_won01{ display: flex; align-items: center; letter-spacing: -1px; justify-content:space-between;}
.ma_event01 .photo_box .txt_box01 .txt_won01 b{font-size: 20px; font-weight: 800;}



/* 별점수&리뷰갯수 */
 .ma_event01 .ma_score_reviw{ font-size: 15px; font-weight: 700; position: relative; background:url("../images/shop/icon_star_on.png") left 3px no-repeat; padding-left: 20px; background-size: 15px; padding-right: 0; min-width:35px;  margin-left: 5px; text-align: right;}
.ma_event01 .ma_score_reviw > em{background: #fff; border: 1px solid #ebebeb; border-radius: 20px; padding: 0 7px; font-size: 11px;display: inline-block; font-weight: 500; position: relative;height: 22px; line-height: 22px; margin:0 0 0 5px;color: #555;}
.ma_event01 .ma_score_reviw > em:before{ left: -4px;  content: ""; color: red; top: 50%;transform: translateY(-50%);  position: absolute; z-index: 99; background:url("../images/shop/balloon_point01.png") left center no-repeat; display: inline-block; width:6px; height: 17px;}
.ma_event01 .ma_score_reviw.tool_white > em{background: #fff; border: 1px solid #eee;color: #000;}
.ma_event01 .ma_score_reviw.tool_white > em:before {background-image:url("../images/shop/balloon_point01.png"); }



@media all and (max-width :1520px) {
.ma_event01 .photo_box .txt_box01{  margin:15px 15px 0 15px;}
.ma_event01 .photo_box .txt_box01 .txt_won01 i{ font-size: 14px;}
.ma_event01 .photo_box .txt_box01 .txt_won01 em{font-size: 12px;}
.ma_event01 .photo_box .txt_box01 .txt_won01 b{font-size: 17px; font-weight: 700;}
}



@media all and (max-width :1280px) {
.ma_event01 .photo_box .txt_box01{  margin:15px 10px 0 10px;}
.ma_event01 .photo_box .txt_box01 .text_tit a{  font-size: 15px;}
}


@media all and (max-width :1024px) {
.ma_event01 .photo_box .txt_box01{  margin:10px 10px 0 10px;}
.ma_event01 .photo_box .txt_box01 .txt_info span{font-size: 10px;height: 17px; line-height: 17px; width: calc(100% - 75px);}
.ma_event01 .photo_box .txt_box01 .text_tit a{ font-size: 14px;margin: 0 0 4px 0;}

.ma_event01 .ma_score_reviw{ font-size: 11px;  background-size: 10px; background-position: left center; padding-left: 15px;}
.ma_event01 .ma_score_reviw > em{ padding: 0 7px; font-size: 9px;height: 16px; line-height: 15px; margin:0 0 0 5px;}
.ma_event01 .ma_score_reviw > em:before{ left: -3px; background-size: 4px;}


.ma_event01 .photo_box .txt_box01 .txt_won01{ letter-spacing: -0.5px;}
.ma_event01 .photo_box .txt_box01 .txt_won01 b{font-size: 15px; font-weight: 700;}
}


@media all and (max-width :767px) {
.ma_event01 .photo_box .txt_box01 .txt_won01{ }
.ma_event01 .photo_box .txt_box01 .txt_won01 b{ display: inline-block; vertical-align: middle;font-size: 13px; font-weight: 700;}
}























/* 레시피 */
.main_recipe .m_tit > strong{background-image: url("../images/main/main_tit03.png")}
.main_recipe_guide{ margin-bottom: 120px;}
.main_recipe_guide a{display: block;}
.main_recipe_guide > ul{ display: flex;}
.main_recipe_guide > ul > li{ margin: 0 15px; width: 33.333%;}
.main_recipe_guide > ul > li .img_box{ position: relative;margin-bottom: 25px; border-radius: 10px; height: 320px;}
.main_recipe_guide > ul > li .img_box .img_box_img{ width: 100%; overflow: hidden; border-radius: 10px; height: 320px;}





/* 장바구니 &  찜 & 플레이  & 생방송 아이콘 */
.main_recipe  .photo_icon{ display: inline-block; position: absolute; bottom:10px; right:10px; z-index: 3; }
.main_recipe  .photo_icon button{display: inline-block;background:#fff url("../images/shop/photo_basket.png") center no-repeat;height: 32px; width: 32px; line-height: 32px; text-indent: -9999px; border-radius: 50%; box-shadow: 1px 2px 0 rgba(0,0,0,0.05);}
.main_recipe .photo_icon .photo_save{background-image:  url("../images/shop/photo_save.png");}
.main_recipe .photo_icon .photo_basket.active{ background:#ff0000 url("../images/shop/photo_basket_on.png") center no-repeat;}
.main_recipe .photo_icon .photo_save.active{ background:#ff0000 url("../images/shop/photo_save_on.png") center no-repeat;}
.main_recipe .recipe_play{ display: inline-block; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 3; background: none;}

.main_recipe .live_ing{position: absolute; top:-30px; right:-5px; display: inline-block;background: url("../images/main/recipe_tip.png") center no-repeat; width: 85px; height: 90px; z-index: 2; border: 0; color: #fff; text-align: center; padding-top: 52px; font-weight: 600; font-size: 13px;}
.main_recipe .live_end{position: absolute; top:10px; right:10px; display: inline-block;background:#9a9a9a; width: 64px; height: 26px; z-index: 2; border: 0; color: #fff; text-align: center; font-weight: 600; font-size: 13px; line-height: 26px; border-radius: 50px;}



.main_recipe dl{ display: flex;  justify-content: space-between; gap:30px;}
.main_recipe dl dt img{ width: 110px; height: 130px;overflow: hidden; border-radius: 10px;}


.main_recipe dl dd ul li{text-align: right;}
.main_recipe .txt_box01 .txt_info span{color: #555;font-size: 13px;height: 20px; overflow: hidden; line-height: 20px;display: inline-block;  padding-left: 2px; width:100%; margin-top: 20px;} 
.main_recipe .txt_box01 .txt_info span a{color: #555;font-size: 13px;} 
.main_recipe .txt_box01 .txt_info span a:hover ,
.main_recipe .txt_box01 .txt_info span a:focus{ text-decoration: underline;}


.main_recipe .txt_box01 .text_tit a{display: block; height: 25px; overflow:hidden; font-size: 18px; margin: 0 0 10px 0; line-height: 25px;font-weight: 600;}
.main_recipe .txt_box01 > .text_tit a:hover,
.main_recipe .txt_box01 > .text_tit a:focus{ text-decoration: underline;}

.main_recipe .txt_box01 .txt_won01{ display: flex; align-items: center; letter-spacing: -1px; justify-content: flex-end; margin-top: 10px;}
.main_recipe .txt_box01 .txt_won01 i{ font-size: 16px; color: #ff0000; font-weight: 700;}
.main_recipe .txt_box01 .txt_won01 em{font-size: 13px; text-decoration: line-through; color: #999; font-weight: 500; margin: 0 5px;}
.main_recipe .txt_box01 .txt_won01 b{font-size: 20px; font-weight: 800;}

.main_recipe .deliver_free{ padding: 4px 13px; color: #fff; background: #ff0000; border-radius: 30px; font-weight: 500; font-size: 12px;}


@media all and (max-width :1700px) {
.main_recipe_guide > ul > li{ margin: 0 10px;}
.main_recipe_guide > ul > li .img_box{margin-bottom: 20px;}
}

@media all and (max-width :1520px) {
.main_recipe .recipe_play img{width: 60px;}
.main_recipe .live_ing{background-size:  60px;top:-20px; right:-2px; width: 60px; height: 64px; padding-top: 35px; font-size: 11px;}
.main_recipe .live_end{ width: 60px; height: 22px;  font-size: 11px; line-height: 22px; }

.main_recipe_guide{ margin-bottom: 100px;}
.main_recipe_guide > ul > li .img_box{height: 250px;}
.main_recipe_guide > ul > li .img_box .img_box_img{  height: 250px;}
.main_recipe .txt_box01 .text_tit a{ height: 20px; font-size: 16px; line-height: 20px;}
.main_recipe .txt_box01 .txt_info span{margin-top: 10px;} 
.main_recipe .txt_box01 .txt_won01 b{font-size: 17px;font-weight: 700;}

}

@media all and (max-width :1280px) {
.main_recipe .recipe_play img{width: 50px;}

.main_recipe_guide{ margin-bottom: 80px;}
.main_recipe_guide > ul > li .img_box{height: 200px;margin-bottom: 15px;}
.main_recipe_guide > ul > li .img_box .img_box_img{ height: 200px;}
.main_recipe dl{gap:10px;}
.main_recipe dl dt img{ width: 80px; height: 90px; border-radius: 6px;}
.main_recipe .txt_box01 .text_tit a{margin: 0 0 5px 0; height: 18px; font-size: 15px; line-height: 18px; }
.main_recipe .txt_box01 .txt_info span{margin-top: 0;}
.main_recipe .txt_box01 .txt_won01{margin-top: 5px;}
.main_recipe .txt_box01 .txt_won01 i,
.main_recipe .txt_box01 .txt_won01 em{ display: none;}

.main_recipe .deliver_free{ padding: 3px 10px;  font-size: 9px;}

}
@media all and (max-width :1024px) {
.main_recipe .recipe_play img{width: 40px;}
.main_recipe .live_ing{background-size:  40px;top:0; right:0; width: 40px; height: 42px; padding-top: 21px; font-size: 9px;}
.main_recipe .live_end{top:5px; right:5px; width: 46px; height: 20px;  font-size: 9px; line-height: 20px; }


.main_recipe_guide{ margin-bottom: 50px;}
.main_recipe_guide > ul > li .img_box{height: 150px;margin-bottom: 10px;}
.main_recipe_guide > ul > li .img_box .img_box_img{  height: 150px;}
.main_recipe .txt_box01 .txt_won01 b{font-size: 15px;}

}


@media all and (max-width :767px) {
.main_recipe_guide > ul{ flex-wrap: wrap; overflow: hidden; height: 325px;}
.main_recipe_guide > ul > li{ margin: 0 0 30px 0; width: 100%;}
.main_recipe_guide > ul > li .img_box{height: 220px;}
.main_recipe_guide > ul > li .img_box .img_box_img{ height: 220px;}


.main_recipe .photo_icon{ bottom:7px; right:7px;}
.main_recipe .photo_icon button{height: 30px; width: 30px; line-height: 30px; background-size: 17px !important;}
}










/* 중간배너 */
.main_center_banner{  display: flex; justify-content: center; margin-bottom: 100px; overflow: hidden;}
.main_center_banner div{ flex: 1; }
@media all and (max-width:1520px) {
.main_center_banner { margin-bottom: 80px; }
.main_center_banner div img{  width: 100%;}
}
@media all and (max-width:1280px) {
.main_center_banner { margin-bottom: 50px; }
.main_center_banner div img{ height: 120px; width: auto;}
}

@media all and (max-width:1024px) {
.main_center_banner div img{ height: 100px;}
}
@media all and (max-width:767px) {
.main_center_banner { display: block; }
.main_center_banner div img{ height: auto; width: 100%;}
}

















/*  카테고리별 인기상품 */
.main_pcate .m_tit {margin-bottom: 20px !important;}
.main_pcate .m_tit > strong{background-image: url("../images/main/main_tit04.png"); }
.main_pcate .m_tit .main_pcate_btn ul{ display: flex; align-items: center; gap:35px;}
.main_pcate .m_tit .main_pcate_btn ul li{ background: url("../images/main/line01.png") left center no-repeat; text-align: center;}
.main_pcate .m_tit .main_pcate_btn ul li:first-child{background: none; padding-left: 0;}
.main_pcate .m_tit .main_pcate_btn ul li a{ display: block; padding-left: 40px;}
.main_pcate .m_tit .main_pcate_btn ul li a:hover strong,
.main_pcate .m_tit .main_pcate_btn ul li a:focus strong{ text-decoration: underline;}
.main_pcate .m_tit .main_pcate_btn ul li strong{ display: block; font-size: 16px; color: #2066e2; font-weight: 600;background: url("../images/shop/category_icon00.png") top center no-repeat; padding-top: 50px; min-width: 50px;white-space: nowrap;}

.main_pcate .m_tit .main_pcate_btn ul li:nth-of-type(2) strong{background-image: url("../images/shop/category_icon01.png");}
.main_pcate .m_tit .main_pcate_btn ul li:nth-of-type(3) strong{background-image: url("../images/shop/category_icon02.png");}
.main_pcate .m_tit .main_pcate_btn ul li:nth-of-type(4) strong{background-image: url("../images/shop/category_icon03.png");}
.main_pcate .m_tit .main_pcate_btn ul li:nth-of-type(5) strong{background-image: url("../images/shop/category_icon04.png");}
.main_pcate .m_tit .main_pcate_btn ul li:nth-of-type(6) strong{background-image: url("../images/shop/category_icon05.png");}
.main_pcate .m_tit .main_pcate_btn ul li:nth-of-type(7) strong{background-image: url("../images/shop/category_icon06.png");}
.main_pcate .m_tit .main_pcate_btn ul li:nth-of-type(8) strong{background-image: url("../images/shop/category_icon07.png");}
.main_pcate .m_tit .main_pcate_btn ul li:nth-of-type(9) strong{background-image: url("../images/shop/category_icon08.png");}

@media all and (max-width:1520px) {
.main_pcate .m_tit .main_pcate_btn ul{ gap:20px;}
.main_pcate .m_tit .main_pcate_btn ul li{background-size: 4px;}
.main_pcate .m_tit .main_pcate_btn ul li a{ padding-left: 25px;}
.main_pcate .m_tit .main_pcate_btn ul li strong{ font-size: 15px;padding-top: 45px; background-size: 40px;}
}
@media all and (max-width:1280px) {
.main_pcate .m_tit .main_pcate_btn ul{ gap:15px; margin-top: 15px;}
.main_pcate .m_tit .main_pcate_btn ul li{background-size: 4px;}
.main_pcate .m_tit .main_pcate_btn ul li a{ padding-left: 20px;}
.main_pcate .m_tit .main_pcate_btn ul li strong{ font-size: 14px;padding-top: 40px; background-size: 35px;}
}
@media all and (max-width:1024px) {
.main_pcate .m_tit{ display: block !important;}
.main_pcate .m_tit .main_pcate_btn ul{ gap:8px; overflow: hidden;justify-content: space-between;}
.main_pcate .m_tit .main_pcate_btn ul li{background-size: 2px;}
.main_pcate .m_tit .main_pcate_btn ul li a{ padding-left: 10px;}
.main_pcate .m_tit .main_pcate_btn ul li strong{ font-size: 12px;padding-top: 30px; background-size: 25px;}
}





.main_pcate{padding-bottom: 100px; }
.main_pcate_guide{background: #f4f4f4; padding: 90px 0;}
.main_pcate_more {text-align: center; margin-top: -20px;}
.main_pcate_more a{ display: inline-block; padding: 10px 0; border: 1px solid #ddd; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); border-radius: 100px; width: 200px; background: #fff; font-weight: 500;}

@media all and (max-width :1280px) {
.main_pcate{padding-bottom: 50px; }
.main_pcate_guide{ padding: 50px 0;}
.main_pcate_more a{padding: 8px 0; width: 160px; font-size: 13px;}
}
@media all and (max-width :767px) {
.main_pcate_guide{ padding: 30px 0;}
.main_pcate_more a{padding: 6px 0; width: 140px; font-size: 11px;}
}




/* ma_photo01  포토형식 리스트 ********************************************************/
/* 사진 5장씩 나열이 기본 */
.ma_photo01 *{ box-sizing:border-box;}
.ma_photo01 > ul {display: flex; overflow: hidden;  height: 420px;}
.ma_photo01 .photo_box{width:20%;position:relative; margin:0 10px 50px 10px;}
.ma_photo01 .photo_box a{display:block; overflow:hidden; font-size:16px; position: relative;}
.ma_photo01 .photo_box a:hover img,
.ma_photo01 .photo_box a:focus img{transform:scale(1.1, 1.1);transition: all 0.4s;}
.ma_photo01 .photo_box .img_box{ height:340px;  position: relative; display: block;overflow: hidden; border-radius: 25px; }
.ma_photo01 .photo_box .img_box img{height: 100%; width:100%;}

/* 장바구니 &  찜 아이콘 */
.ma_photo01 .photo_box .photo_icon{ display: inline-block; position: absolute; top:10px; right:10px; z-index: 3; }
.ma_photo01 .photo_box .photo_icon button{display: inline-block;background:#fff url("../images/shop/photo_basket.png") center no-repeat;height: 32px; width: 32px; line-height: 32px; text-indent: -9999px; border-radius: 50%; box-shadow: 1px 2px 0 rgba(0,0,0,0.05);}
.ma_photo01 .photo_box .photo_icon .photo_save{background-image:  url("../images/shop/photo_save.png");}
.ma_photo01 .photo_box .photo_icon .photo_basket.active{ background:#ff0000 url("../images/shop/photo_basket_on.png") center no-repeat;}
.ma_photo01 .photo_box .photo_icon .photo_save.active{ background:#ff0000 url("../images/shop/photo_save_on.png") center no-repeat;}


@media all and (max-width :1520px) {
.ma_photo01 > ul {height: 320px;}
.ma_photo01 .photo_box .img_box{ height:250px; border-radius: 20px; }
}
@media all and (max-width :1280px) {
.ma_photo01 > ul {flex-wrap: wrap}
.ma_photo01 .photo_box{width:calc(25% - 20px);}
.ma_photo01 .photo_box .img_box{border-radius: 15px;box-shadow: 1px 10px 10px rgba(0,0,0,0);}
}

@media all and (max-width :1024px) {
.ma_photo01 .photo_box{width:calc(33.333% - 10px);margin:0 5px 20px 5px;}
.ma_photo01 .photo_box .img_box{ height:250px; border-radius: 15px;}

}
@media all and (max-width :767px) {
.ma_photo01 > ul { justify-content: space-between; height: 490px;}
.ma_photo01 .photo_box{width:calc(50% - 10px);}
.ma_photo01 .photo_box .img_box{ height:180px;border-radius: 10px; }
.ma_photo01 .photo_box .photo_icon{ top:7px; right:7px;}
.ma_photo01 .photo_box .photo_icon button{height: 30px; width: 30px; line-height: 30px; background-size: 17px !important;}

.ma_photo01 .photo_box a .tip_new{width:40px; height: 44px;background-size: 40px;}
.ma_photo01 .photo_box a .tip_hot{width:42px; height: 42px;background-size: 42px;font-size: 10px; padding: 5px 0 0 5px; }
}






/* 스타일01_타이틀 */
.ma_photo01 .photo_box .txt_box01{  margin:20px 15px 0 15px; display:block;}
.ma_photo01 .photo_box .txt_box01 .txt_info{display: flex; justify-content: space-between; align-items: center;}
.ma_photo01 .photo_box .txt_box01 .txt_info span{color: #555;font-size: 13px;height: 20px; overflow: hidden; line-height: 20px;display: inline-block;  padding-left: 2px; width: calc(100% - 95px);} 
.ma_photo01 .photo_box .txt_box01 .txt_info span a{color: #555;font-size: 13px;} 


.ma_photo01 .photo_box .txt_box01 .txt_info span a:hover ,
.ma_photo01 .photo_box .txt_box01 .txt_info span a:focus{ text-decoration: underline;}

.ma_photo01 .photo_box .txt_box01 .text_tit a{display: block; height: 20px; overflow:hidden; font-size: 16px; margin: 2px 0 5px 0; line-height: 25px;}
.ma_photo01 .photo_box .txt_box01 > .text_tit a:hover,
.ma_photo01 .photo_box .txt_box01 > .text_tit a:focus{ text-decoration: underline;}

.ma_photo01 .photo_box .txt_box01 .txt_won01{ display: flex; align-items: center; letter-spacing: -1px; justify-content: flex-end;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 i{ font-size: 16px; color: #ff0000; font-weight: 700;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 em{font-size: 13px; text-decoration: line-through; color: #999; font-weight: 500; margin: 0 5px;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 b{font-size: 20px; font-weight: 800;}



/* 별점수&리뷰갯수 */
 .ma_photo01 .ma_score_reviw{ font-size: 15px; font-weight: 700; position: relative; background:url("../images/shop/icon_star_on.png") left 3px no-repeat; padding-left: 20px; background-size: 15px; padding-right: 0; min-width:90px;  margin-left: 5px; text-align: right;}
.ma_photo01 .ma_score_reviw > em{background: #19ccdc; border: 1px solid #19ccdc; border-radius: 20px; padding: 0 7px; font-size: 12px;display: inline-block; font-weight: 500; position: relative;height: 22px; line-height: 22px; margin:0 0 0 5px;color: #fff;}
.ma_photo01 .ma_score_reviw > em:before{ left: -4px;  content: ""; color: red; top: 50%;transform: translateY(-50%);  position: absolute; z-index: 99; background:url("../images/shop/balloon_point03.png") left center no-repeat; display: inline-block; width:6px; height: 17px;}
.ma_photo01 .ma_score_reviw.tool_white > em{background: #fff; border: 1px solid #eee;color: #000;}
.ma_photo01 .ma_score_reviw.tool_white > em:before {background-image:url("../images/shop/balloon_point01.png"); }

@media all and (max-width :1520px) {
.ma_photo01 .photo_box .txt_box01{  margin:15px 15px 0 15px;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 i{ font-size: 14px;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 em{font-size: 12px;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 b{font-size: 17px; font-weight: 700;}
}

@media all and (max-width :1280px) {
.ma_photo01 .photo_box .txt_box01{  margin:15px 10px 0 10px;}
.ma_photo01 .photo_box .txt_box01 .text_tit a{  font-size: 15px;}
}


@media all and (max-width :1024px) {
.ma_photo01 .photo_box .txt_box01{  margin:10px 10px 0 10px;}
.ma_photo01 .photo_box .txt_box01 .txt_info span{font-size: 10px;height: 17px; line-height: 17px; width: calc(100% - 75px);}
.ma_photo01 .photo_box .txt_box01 .text_tit a{ font-size: 14px;margin: 0 0 4px 0;}

.ma_photo01 .ma_score_reviw{ min-width:70px;font-size: 11px; padding-left:0; background-size: 10px; background-position: left center;}
.ma_photo01 .ma_score_reviw > em{ padding: 0 7px; font-size: 10px;height: 16px; line-height: 15px; margin:0 0 0 5px;color: #fff;}
.ma_photo01 .ma_score_reviw > em:before{ left: -3px; background-size: 4px;}


.ma_photo01 .photo_box .txt_box01 .txt_won01{ letter-spacing: -0.5px;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 i{ font-size: 13px;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 em{font-size: 12px;margin: 0 3px;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 b{font-size: 15px; font-weight: 700;}
}


@media all and (max-width :767px) {
.ma_photo01 .photo_box .txt_box01 .txt_won01{  display: block; }
.ma_photo01 .photo_box .txt_box01 .txt_won01 i{ font-size: 11px;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 i,
.ma_photo01 .photo_box .txt_box01 .txt_won01 em,
.ma_photo01 .photo_box .txt_box01 .txt_won01 b{ display: inline-block; vertical-align: middle;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 em{font-size: 10px;margin: 0 1px;}
.ma_photo01 .photo_box .txt_box01 .txt_won01 b{font-size: 13px; font-weight: 700;}

}

















/* 추천 입점업체 */
.main_recom .m_tit > strong{background-image: url("../images/main/main_tit05.png")}
.main_recom_guide{margin-bottom: 40px;}
.main_recom_guide ul { display: flex; overflow: hidden; }
.main_recom_guide ul li{position: relative; width: 20%; margin: 0 10px;}
.main_recom_guide ul li .m_badge{ position: absolute; top:10px; right:10px;background:#fff url("../images/shop/icon_shop.png") center no-repeat; background-size: 25px; border-radius: 50%; width: 42px; height: 42px; line-height: 42px; display: block; text-indent: -9999px; z-index: 1;}
.main_recom_guide ul li .m_img { width:100%;  overflow: hidden; border-radius: 25px; display: block;}
.main_recom_guide ul li .m_img img{ width:100%; height: 340px;overflow: hidden;}
.main_recom_guide ul li .m_img:hover img,
.main_recom_guide ul li .m_img:focus img{transform:scale(1.1, 1.1);transition: .4s ease-out; }

.main_recom_guide ul li .m_text {display: block; font-size: 17px; margin: 20px; overflow: hidden; height: 20px;}
.main_recom_guide ul li .m_text:hover strong,
.main_recom_guide ul li .m_text:focus strong{ color: #0470E1; font-weight: 600;}

@media all and (max-width:1700px) {
.main_recom_guide ul li .m_img img{  height: 320px;}
}

@media all and (max-width:1520px) {
.main_recom_guide{margin-bottom: 30px;}
.main_recom_guide ul li .m_img {  border-radius:20px;}
.main_recom_guide ul li .m_img img{  height: 250px;}
.main_recom_guide ul li .m_text {font-size: 16px; margin: 15px;}
}

@media all and (max-width:1280px) {
.main_recom_guide{margin-bottom: 20px;}
.main_recom_guide ul li .m_img {  border-radius:15px;}
.main_recom_guide ul li .m_img img{ height: 200px;}
.main_recom_guide ul li .m_text {font-size: 14px; margin: 10px;height: 17px;}
}
@media all and (max-width:1024px) {
.main_recom_guide ul{ flex-wrap: wrap; height: 235px;}
.main_recom_guide ul li{ width:calc(25% - 10px); margin:0 5px;}
.main_recom_guide ul li .m_img {  border-radius:15px;}
.main_recom_guide ul li .m_img img{  height: 200px;}
.main_recom_guide ul li .m_text {font-size: 14px; margin: 10px;height: 17px;}
}
@media all and (max-width:767px) {
.main_recom_guide ul{  height: 440px; }
.main_recom_guide ul li{ width:calc(50% - 10px); margin: 0 5px 15px 5px;}
.main_recom_guide ul li .m_badge{ top:5px; right:5px; background-size: 18px;width: 32px; height: 32px; line-height: 32px;}

.main_recom_guide ul li .m_img {  border-radius:10px;}
.main_recom_guide ul li .m_img img{  height: 180px;}
.main_recom_guide ul li .m_text {font-size: 13px; margin: 7px 5px 5px 5px;}
}









/* 고객리뷰 */
.main_review .m_tit > strong{background-image: url("../images/main/main_tit06.png")}

.main_review_guide{ display: flex; justify-content: space-between; flex: 1; gap:30px; margin-bottom: 40px;}
.main_review_guide ul{ display: flex; justify-content: space-between;gap:20px; padding: 20px 25px 20px 20px; background: #f7f7f7; border-radius: 10px;flex: 1;/* box-shadow: 1px 10px 10px rgba(0,0,0,0.08);*/}
.main_review_guide ul .mrev_img { width: 40%;  overflow: hidden; border-radius: 10px;}
.main_review_guide ul .mrev_img img{ width: 100%;height: 140px;}
.main_review_guide ul .mrev_txt { width: 60%;}
.main_review_guide a{ display:  block;}
.main_review_guide ul li div{ display: flex; justify-content:space-between; font-size: 18px; font-weight: 700; align-items: flex-end; margin: 10px 0 15px 0;}
.main_review_guide ul li div i{font-size: 14px;}
.main_review_guide ul li p,
.main_review_guide ul li p a{ font-size: 15px; color: #7a7a7a; overflow: hidden; height: 42px; line-height: 20px;}
.main_review_guide ul li div i{font-weight: 500;}

.main_review_guide ul li em{display: block; margin-top: 15px;}

@media all and (max-width:1520px) {
.main_review_guide{ gap:10px; margin-bottom: 30px;}
.main_review_guide ul .mrev_img img{ height: 120px;}

.main_review_guide ul li div{  margin: 10px 0;}
.main_review_guide ul li em{margin-top: 10px;}
}

@media all and (max-width:1280px) {
.main_review_guide{ gap:10px; margin-bottom: 30px;}
.main_review_guide ul{ gap:15px;}
.main_review_guide ul .mrev_img img{ height: 100px;}
.main_review_guide ul li div{  margin:5px 0 10px 0; font-size: 15px;}
.main_review_guide ul li div i{font-size: 12px;}
.main_review_guide ul li p,
.main_review_guide ul li p a{ font-size: 13px; height: 34px; line-height: 16px;}
.main_review_guide ul li em{margin-top: 5px;}
}

@media all and (max-width:1024px) {
.main_review_guide ul{ gap:15px;padding: 15px 20px 15px 15px;}
.main_review_guide ul .mrev_img { border-radius: 6px;}
.main_review_guide ul .mrev_img img{ height: 90px;}
.main_review_guide ul li div{  margin:5px 0 5px 0; }
.main_review_guide ul li div i{font-size: 11px;}
.main_review_guide ul li p,
.main_review_guide ul li p a{ }
.main_review_guide ul li em img{ width: 14px;}
}

@media all and (max-width:767px) {
.main_review_guide{ display: block;}
.main_review_guide ul{ margin-bottom: 10px;padding:15px; box-shadow:none;}

}














/* 하단 링크 */

.main_link ul { display: flex; justify-content: space-between; margin-bottom: 60px; gap:20px;}
.main_link ul li { border:1px solid #dadada; border-radius: 10px;  display: block;background:#fff url("../images/main/main_link_icon01.png") calc(100% - 25px) center no-repeat; width: 25%;}
.main_link ul li a {display: block; padding: 35px 40px; }
.main_link ul li a strong{ display: block; font-weight: 600; font-size: 20px; margin-bottom: 8px;}
.main_link ul li a span{  font-size: 15px;}
.main_link ul li a:hover strong,
.main_link ul li a:focus strong{ color: #0470E1; font-weight: 700;}
.main_link ul li:nth-of-type(4) a:hover strong,
.main_link ul li:nth-of-type(4) a:focus strong{ color: #ff0000; font-weight: 700;}


.main_link ul li:nth-of-type(2) { background-image:url(../images/main/main_link_icon02.png);}
.main_link ul li:nth-of-type(3) { background-image:url(../images/main/main_link_icon03.png);}
.main_link ul li:nth-of-type(4) { border: 1px solid #ffed8c;background:#ffed8c url("../images/main/main_link_app.png") right bottom  no-repeat;}

@media all and (max-width:1520px) {
.main_link ul { margin-bottom: 50px; gap:10px;}
.main_link ul li { background-position: calc(100% - 15px); background-size: 40px;}
.main_link ul li:nth-of-type(4) {background-size: 100px;}

.main_link ul li a { padding: 25px;  }
.main_link ul li a strong{ font-size: 18px;}
.main_link ul li a span{ font-size: 14px;}
}

@media all and (max-width:1280px) {
.main_link ul {  gap:10px;}
.main_link ul li {background-size:  30px; background-position: calc(100% - 10px) 10px;}
.main_link ul li:nth-of-type(4) {background-size: 70px;}
.main_link ul li a { padding:20px;line-height: 14px; }
.main_link ul li a strong{ font-size: 16px;}
.main_link ul li a span{ font-size: 12px;}
}

@media all and (max-width:1024px) {
.main_link ul li {background-size:  25px; background-position: calc(100% - 7px) 10px;}
.main_link ul li:nth-of-type(4) {background-size: 50px;}
.main_link ul li a strong{  margin-bottom: 5px;}
.main_link ul li a span br{ display: none;}
.main_link ul li:nth-of-type(4) span br{display: inline;}


}

@media all and (max-width:767px) {
.main_link ul {  flex-wrap: wrap;}
.main_link ul li { flex:none; width: calc(50% - 5px);}
.main_link ul li a { padding:20px 15px 15px 15px;}
.main_link ul li a strong{ font-size: 15px;}
.main_link ul li a span{ font-size: 11px;}
}




/* 공시사항 */
.main_notice{ background: #f5f5f5; padding: 25px 10%; display: flex; justify-content:space-between; align-items: center; gap:20px;}
.main_notice .m_tit {color: #fff; font-size: 20px;  background:#006bc9 url("../images/main/notice_icon01.png") 15px center no-repeat; border-radius: 0 30px 30px 30px; padding: 0 0 0 50px; height: 44px; line-height: 44px; display: block;  width: 150px; font-weight: 600;}
.main_notice .main_notice_guide{text-align: left; width: 100%;overflow: hidden;  height: 44px; }
.main_notice .main_notice_guide > div {display: flex; justify-content:space-between; align-items: center; gap:10px;}
.main_notice .main_notice_guide > div > a{ font-size: 20px; color: #006bc9; font-weight: 500; line-height: 44px; height: 40px;}
.main_notice .main_notice_guide > div > span{ font-size: 13px;}



@media all and (max-width:1700px) {
.main_notice{ padding: 20px 5%;}
}

@media all and (max-width:1280px) {
.main_notice{gap:10px;}
.main_notice .m_tit { font-size: 16px;  padding: 0 0 0 42px; height: 35px; line-height: 35px; width: 130px; background-size: 23px; margin-bottom: 0 !important;}
.main_notice .main_notice_guide{height: 35px; }
.main_notice .main_notice_guide > div > a{ font-size: 16px; line-height: 35px; height: 35px;}
}
@media all and (max-width:767px) {
.main_notice{gap:10px; padding: 15px 5%;}
.main_notice .m_tit { font-size: 14px;  padding: 0 0 0 28px !important; height: 26px; line-height: 26px; width: 110px; background-size: 15px;background-position: 10px center;}
.main_notice .main_notice_guide{height: 26px;}
.main_notice .main_notice_guide > div > a{ font-size: 15px; line-height: 26px; height: 26px;}

.main_notice .more img{ width: 25px;}

}