@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

div#wrapper.index #idx_container {
    font-family: 'SBAggroL';
}
/* 인덱스 레이아웃 */
#idx_wrapper{width:100%; margin:0 auto;}
#idx_container{ position:relative;}
#idx_main{}
/*#visual{width:100%; position:relative; margin:0 auto; overflow:hidden; width:100%; text-align:center; padding:0 0 20px 0;}
#visual img{ width:80%;}
a{cursor:pointer}*/
.under_bar {
    position: relative;
}
.under_bar::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 12px;
    background: #10e2d9;
    opacity: 0.5;
    mix-blend-mode: color-dodge;
}
#hd.index:not(.on) {background: #003e62}
#hd.index:not(.on) #hd_wrapper .top_add p {color: #fff!important}
#hd.index:not(.on) .hd_icon a {color: #fff!important}

#pointMain {    border-radius: 0 0 15px 15px;background: linear-gradient(180deg,#003e62, #006098); min-height: 145px; margin-bottom: 20px}
.pointWrap {    width: 100%;       margin: 0px auto; color: #fff; padding: 35px 20px 25px}
.pointWrap  > img {  width: 50px;margin-bottom: 5px}
.pointWrap > h2{  font-family: 'Pretendard'; font-size: 1.8em; font-weight: 800}
.pointWrap > h2 i{     opacity: .3;}
.pointWrap > h3{      font-size: 2em;    margin-bottom: 40px;font-weight: 400; line-height: 1.5em}
.pointWrap > h3 strong{ font-family: 'SBAggroB';}
.pointWrap > h4{  cursor: pointer; font-family: 'Pretendard'; color: #6deeff; text-align: right;margin-bottom: 25px}
.pointWrap > h4 span{padding-bottom: 5px; border-bottom: 1px solid #6deeff}
.pointWrap > p { margin-bottom: 5px;   }
.pointWrap > p span{padding: 2.5px 5px; background: #ffffff75; border-radius: 4px;color: #fff;font-family: 'Pretendard';font-weight: 700;  font-size: 0.85em  }
.pointWrap > h2 span{   font-size: 0.7em; }
.pointWrap> .pointBtn  {font-family: 'Pretendard';display: flex;justify-content: space-between; margin-top: 20px}
.pointWrap> .pointBtn button  {    border: 0;   /* box-shadow: 0 0 10px #ffffff70;*/ width: 48%; text-align: center;border-radius: 10px;padding: 10px 0; font-weight: 600}
.pointWrap> .pointBtn button:first-child  {background: #ffffff3b; color: #fff;}
.pointWrap> .pointBtn button:last-child  {background:#ffffff3b; color: #fff}

    
#visual{ font-family: 'Pretendard';width:100%; /*max-height:220px; */overflow:hidden; position:relative;}	
#visual img{ width:100%;    border-radius: 20px}
#visual .swiper-container { width: 100%; height: 100%;}
#visual .swiper-slide {
      text-align: center;

    padding: 0 20px 0px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  display:inline-block;
    }
#visual .swiper-button-next{ display:none !important;}
#visual .swiper-button-prev{ display:none !important;}
#visual .swiper-container-horizontal>#visual .swiper-pagination-bullets,#visual .swiper-pagination-custom,#visual .swiper-pagination-fraction{ 
 width:auto !important;left:auto !important; right:90px; bottom:10px;font-size:11px; color:#222 !important; line-height:22px; border-radius:30px 0 0 30px ; background:rgba(250,250,250,0.7); padding:0px 0px 0px 5px;}
#visual .swiper-container-horizontal>#visual .swiper-pagination-bullets #visual .swiper-pagination-bullet{ margin:0 2px;}

#visual .swiper-container-horizontal>#visual .swiper-pagination-bullets, #visual .swiper-pagination-custom, #visual .swiper-pagination-fraction span{ color:#222;}
#visual .swiper-pagination-bullet-active{ background:#000 !important;}

/*#visual .go_event{ display:block; position:absolute; bottom:10px; right:0px; z-index:10; font-size:11px; color:#222; line-height:1em;
 background:rgba(250,250,250,0.7); padding:5px 5px 3px 5px;}*/
 @media screen and (max-width:1140px) {
 	#visual{max-height:inherit; }	

}
@media screen and (min-width:2000px) {
#idx_main { max-width:600px; margin:0 auto;}
}

/*@media screen and (max-width:450px) {
#visual{ max-height:200px;}	
}
@media screen and (max-width:420px) {
#visual{ max-height:190px;}	
}
@media screen and (max-width:390px) {
#visual{ max-height:175px;}	
}
@media screen and (max-width:350px) {
#visual{ max-height:160px;}	
}
@media screen and (max-width:330px) {
#visual{ max-height:140px;}	
}*/

#mk_view {position: fixed; width: 100%; height: 100%; top: 0; background: #FFF; z-index: 99; right: -100%;}
#mk_view iframe {border: 0; width: 100%; height: 100%;}



#visual .go_event{ display:block; position:absolute; bottom:10px; right:32px; z-index:10; font-size:11px; color:#222; line-height:22px; border-radius:0 30px 30px 0;
 background:rgba(250,250,250,0.7); padding:0px 5px 0px 5px;}

/*작은배너롤링*/
#svisual{ width:100%;/* height:130px; max-height:130px; margin:10px auto 35px auto; */overflow:hidden; position:relative; text-align:right;}	

#svisual .go_event{ display:inline-block; background:#f1f1f1; border-radius:30px; line-height:20px; padding:0 10px; color:#333; font-size:11px; margin-top:5px;}
#svisual ul:after{ display:block; content:""; clear:both;}
#svisual li{ float:left; width:calc(50% - 3px); height:90px; border-radius:10px; overflow:hidden;}
#svisual li:first-child{ margin:0 3px 0 0;}
#svisual li:last-child{ margin:0 0 0 3px;}

#svisual img{ width:100%; height:auto;border-radius: 15px}
#svisual .swiper-container { width: 100%; height: 100%;}
#svisual .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  display:inline-block;
    padding: 0 20px;
    }
#svisual .swiper-button-next{ display:none !important;}
#svisual .swiper-button-prev{ display:none !important;}
#svisual .swiper-container-horizontal>#svisual .swiper-pagination-bullets, #svisual .swiper-pagination-custom, #svisual .swiper-pagination-fraction{
	bottom:auto  !important	; top:15px !important; width:auto !important;left:auto !important; right:35px; color:#fff; background:rgba(0,0,0,0.3); border-radius:30px;     padding: 5px 8px 3px;    font-size: 0.8em; line-height:1em;}
#svisual .swiper-container-horizontal>#svisual .swiper-pagination-bullets, #svisual .swiper-pagination-custom, #svisual .swiper-pagination-fraction span{ color:#fff;}
/*.swiper-pagination-bullet-active{ background:#e62e8b !important;}*/

/*이벤트배너 타이틀*/
.sv_tit{ position:relative; padding:0 20px;}
.sv_tit> h2 {    font-family: 'SBAggroB';    padding-bottom: 15px;    font-size: 1.3em;}
.sv_tit> h2  i{     color: #0fbad1;}
.sv_tit p{ font-size:1.4em; font-weight:bold; color:#222; }
.sv_tit .dg_info{ position:absolute; top:1px; left:60px; font-size:1.3em; color:#999;}
.sv_tit .imgSelect {cursor: pointer;}
.popupLayer { position: absolute; top:5px; left:90px; margin-left:0;display: none;z-index:12;}
.popup_box { background-color: #fff; border:1px solid #ccc; width:auto; height: auto; padding:8px 25px 8px 12px; line-height:1.5em; font-size:11px;}
.popup_box strong{ color:#0fbad1; font-size:1.2em;}
.popupLayer .pclose { position: absolute; top:0px; right:0px; font-size:1.5em; color:#aaa; padding:5px;}


/* 메인컨텐츠 레이아웃 */
#idx_icon{    
    padding: 10px 0 30px 20px;/*margin: 10px 0 30px 0*/text-align:left;position: relative}
div#idx_icon:after {    content: ' ';    display: block;    height: 100%;    width: 100px;    position: absolute;    z-index: 99;    top: 0;    right: 0;    background: linear-gradient(90deg, transparent, #fff 80%);
}
#idx_icon > h2 { font-family: 'SBAggroB';padding-bottom: 15px;font-size: 1.3em}
#idx_icon > h2 i{     color: #0fbad1;}
#idx_icon .swiper-slide {   border-radius: 15px; /*border:1px solid #eee;*/overflow: hidden;position: relative}
#idx_icon .imgBox:after {
    content: ' ';
    display: block;
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, transparent, #0000006b 40%, #000000a6);;
}
#idx_icon .imgBox {    width: 100%;position: relative}
#idx_icon .imgBox img {    width: 100%;}
#idx_icon .txtBox {    padding: 10px 15px;  width: 100%;    text-align: left;padding-top: 10px;position: absolute;bottom:0;left: 0; }
#idx_icon .txtBox h2 {     font-family: 'SBAggroB'; color: #fff;font-weight: 800; font-size: 1.2em}
#idx_icon .txtBox p{        font-family: 'Pretendard'; color: #fff; font-size: 0.9em}
#idx_icon.ver2{border:0;padding-bottom: 20px;}
#idx_icon h3{text-align: left;font-size: 1.4em;font-weight: bold;color: #222;padding-left: 15px;margin-bottom: 13px;position: relative;padding-left: 50px;}
#idx_icon h3 span.st{
    display: inline-block;
    font-size: 15px;
    color: #898989;
    font-weight: 500;
}
#idx_icon ul:after{ display:block; content:""; clear:both;}
#idx_icon li{ float:left; width:calc(25% - 0px); margin:10px 0px;}
#idx_icon li img{ height:45px; width:auto;}
#idx_icon li p{ margin-top:10px; color:#333; font-size:1em; line-height:1.2em;word-break: keep-all; word-wrap:break-word;}
#idx_icon li p.ps{ font-size:12px;}
#idx_icon li:nth-child(6) p{ font-size:12px;}

#idx_icon.tab2 ul {    display: flex;    flex-wrap: wrap;}
#idx_icon.tab2 p{    width: 85%;    letter-spacing: -0.5px;    margin: 10px auto 0;}

.around {padding: 0 20px;}
.around > p {  font-family: 'Pretendard'; opacity: 0.7}
.around > h2 { font-family: 'SBAggroB';padding-bottom: 15px;font-size: 1.3em}
.around > h2 i{     color: #0fbad1;}

#market_list{ margin-bottom: 30px}
#market_item{ position:relative; border-radius:20px;border:1px solid #eee;overflow: hidden;margin-bottom: 15px}
#market_item:after{ display:block; content:""; clear:both;}
#market_item .market_img{ width:100%; height:150px; overflow:hidden; position:relative; border:1px solid #eee;}
#market_item .market_img img{width:100%;     height: 150px;    object-fit: cover;}
#market_item .market_info{ padding: 10px;line-height:1.3em;}
#market_item .mi_box {    width: 100%;    position: relative;}
#market_item .market_info:after{ display:block; content:""; clear:both;}
#market_item .market_name {      display: flex;    align-items: center; }
#market_item .market_name p{    padding-top: 3px;font-size:1.3em; color:#222;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;overflow:hidden; max-width:70%; font-weight:bold;}
#market_item .market_name span{      font-size:0.7em; padding:0px 5px;margin-left:5px;    color: #ff2424;    background: #ffe3e3;    border-radius: 3px; }
#market_item .market_deli{ margin-top:3px;}
#market_item .market_deli li{ float:left; background:#f2f2f2; border-radius:20px; padding:0px 5px; height:16px; vertical-align:middle; font-size:11px; margin-right:3px;}
#market_item .market_deli li.jang_deli{ background:#f6d2d2;}
#market_item .market_deli li.distance{ background:none; color:#777;}
#market_item .market_cont{font-family: 'Pretendard'; font-size:12px; color:#999;/* margin-top:5px;*/text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;overflow:hidden;}
#market_item .market_time{  font-family: 'Pretendard';  padding: 3px 0 0; font-size:12px; color:#333; }
#market_item .market_dt{    font-family: 'Pretendard'; display: inline-block;font-size:12px; color:#999; }
#market_item .market_money{  font-family: 'Pretendard';  display: inline-block; font-size:13px; color:#333; margin-top:1px;}
#market_item .market_money span {    background: #efefef;    font-size: 0.8em;    padding: 3px;    border-radius: 3px;}
#market_item .icon_good{ font-family: 'Pretendard'; position:absolute; top:0px; right:10px; z-index:10; font-size:12px;}
#market_item .icon_good i{ color:#0fbad1;}

#store_list{ padding: 10px 0 30px 20px;/*margin: 10px 0 30px 0*/text-align:left;position: relative}
#store_list:after {    content: ' ';    display: block;    height: 100%;    width: 100px;    position: absolute;    z-index: 99;    top: 0;    right: 0;    background: linear-gradient(90deg, transparent, #fff 80%);
}
#store_list > h2 { font-family: 'SBAggroB';padding-bottom: 15px;font-size: 1.3em}
#store_list > h2 i{     color: #0fbad1;}
.swiper-slide.store_item {  min-width: 110px;  position: relative;    background: #d9d9d9;    overflow: hidden;    padding: 10px;    height: 90px;    border-radius: 15px;}
.swiper-slide.store_item:nth-child(1) {   background: #d2ebff; }
.swiper-slide.store_item:nth-child(2) {   background: #d2fffc; }
.swiper-slide.store_item:nth-child(3) {   background: #d2d4ff; }
.swiper-slide.store_item:nth-child(4) {   background: #f7d2ff }
.swiper-slide.store_item:nth-child(5) {   background: #c9f3c7; }
.swiper-slide.store_item:nth-child(6) {   background: #f3f0c7; }
.swiper-slide.store_item:nth-child(7) {   background: #f3d7c7 }
.swiper-slide.store_item:nth-child(8) {   background: #ffd5e8; }
.swiper-slide.store_item:nth-child(9) {   background: #d2ebff; }
.swiper-slide.store_item:nth-child(10) {   background: #d2fffc; }
.swiper-slide.store_item:nth-child(11) {   background: #d2d4ff; }
.swiper-slide.store_item:nth-child(12) {   background: #f7d2ff }
.swiper-slide.store_item:nth-child(13) {   background: #c9f3c7; }
.swiper-slide.store_item:nth-child(14) {   background: #f3f0c7; }
.swiper-slide.store_item:nth-child(15) {   background: #f3d7c7 }
.swiper-slide.store_item:nth-child(16) {   background: #ffd5e8; }
.swiper-slide.store_item img {  max-width: 100px;   width: 50%;    position: absolute;    bottom: -10px;    right: 0px;}
.swiper-slide.store_item p {    font-family: 'SBAggroB';    mix-blend-mode: hard-light;}



.around #store_list{ margin-bottom: 30px;    padding: 0!important;}
.around #store_item{ border-radius: 15px;position:relative; border-radius:20px;overflow: hidden;margin-bottom: 15px}
.around #store_list:after{ display:none}
.around #store_item .store_img{ width:100%; height:200px; overflow:hidden; position:relative;}
.around #store_item .store_img:after {    content: ' ';
    display: block;
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, transparent, #0000006b 40%, #000000a6);
}
.around #store_item .store_img img{width:100%;     height: 200px;    object-fit: cover;}
.around #store_item .store_info{ line-height:1.3em;color: #fff}
.around #store_item .store_box {     padding: 10px 15px;    width: 100%;    text-align: left;    padding-top: 10px;    position: absolute;
    bottom: 0;    left: 0;}
.around #store_item .store_info:after{ display:block; content:""; clear:both;}
.around #store_item .store_name p{    padding-top: 3px;font-size:1.3em; color:#fff;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;overflow:hidden; max-width:70%; font-weight:bold;}
.around #store_item .store_name span{      font-size:0.7em;
    display: inline-block;
    padding: 2px 5px;
    margin-bottom: 5px;   color: #ff0000;    background: #ffe3e3;    border-radius: 3px; }
.around #store_item .store_time{  font-family: 'Pretendard';  padding: 3px 0 0; font-size:12px; color:#fff; }
.around #store_item .store_dt{    font-family: 'Pretendard'; display: inline-block;font-size:12px; color:#fff; }

/* 탭박스 추가 */
.idx_tab_Box {padding: 0 15px 0px;display: flex;justify-content: space-between;}
.idx_tab_Box a{
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #DDD;
    display: inline-block;
    width: 49%;
    text-align: center;
    line-height: 55px;
    margin-top: 10px;
    margin-bottom: 6px;
    background: #f0f0f0;
    border-radius: 7px;
    box-shadow: 2px 3px 4px rgb(0 0 0 / 20%);
    /* border-radius: 0px; */
    padding-bottom: inherit;
    font-size: 17px;
}
.idx_tab_Box a:nth-child(1){background: #119575 url(../img/common/ico_bd.png) no-repeat  23% center;color: #FFF;background-size: 26px;padding-left: 20px;border: 0;}
.idx_tab_Box a:nth-child(2){background: #0fbad1 url(../img/common/ico_per.png) no-repeat 23% center;color: #FFF;background-size: 23px;padding-left: 20px;border: 0;}

/* 21.07.30 텍스트슬라이드 추가 */
#mainTextSlide {
    position: relative;
    width: 100%;
    height: 37px;
    margin: 0 auto;
    overflow: hidden;
    background: #f0f0f0;
    line-height: 35px;
}
#mainTextSlide p {content:'';color:#000;display:block;position:absolute;top:0;left:100%;animation:slideright 20s linear infinite both;width:1020px;}

@keyframes slideright {
    0% { left:100%; transform: translateX(0);}
    100% { left:0%; transform: translateX(-100%);}
}

ul.tabs{  margin: 0px;  padding: 0px;  list-style: none;display: flex;justify-content: space-between;/*background: #eee;*/width: 92%;margin: 0px auto 0;border-radius: 50px}
ul.tabs li{ padding: 20px 10px 10px ;width: 48%;color:#d9d9d9;text-align: center; display: inline-block;  cursor: pointer;    font-size: 1.2em;}
ul.tabs li.current{  color:#0fbad1;     font-weight: 700;/*background:#0fbad1;     box-shadow: 0 5px 5px 7px #dddddd40;;*/}
ul.tabs li i {display: none}
ul.tabs li.current i {display: inline-block}
.tab-content{  display: none;   }
.tab-content.current{  display: inherit;}



.tab_wrap {}
.tab_wrap .tit_list {position: relative;display: flex;justify-content: space-between;background: #eee;width: 92%;margin: 15px auto 0;border-radius: 50px}
.tab_wrap .tit_list:before {content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;z-index: 1;}
.tab_wrap .tit_list > li {display: inline-block;;width: 48%;text-align: center}
.tab_wrap .tit_list > li a {padding: 5px 10px;width: 100%; display: inline-block;color:#565656}
.tab_wrap .tit_list > li a:hover {background: #efefef;}
.tab_wrap .tit_list > li.active a {position: relative;color:#fff;z-index: 2;border-radius: 50px; background:#0fbad1; 
    box-shadow: 0 5px 5px 7px #dddddd40; }
.tab_wrap .tab_con {}
.tab_wrap .tab_con .tab_list {display: none;}

 	.living-wrap {margin-top:30px;width: 100%;   
    padding-bottom: 10px;  border-bottom: 10px solid #f9f9f9;}
	.living-wrap li { width: 92%;    margin: 0 auto; margin-bottom:13px;}
	.living-wrap .cate { width: 92%;    margin: 0 auto; margin-bottom:13px;}
	.living-wrap .cate select { padding: 5px;color: #535353; 
        color: #b1b1b1;
        border: 1px solid #eee;
        /* border: none; */
        width: 100%;border-radius: 5px;}
	.living-wrap .cate span { float:right;        padding-top: 10px;}
	.living-wrap .cate::after { content: ' '; display: block; clear: both;}
	.living-wrap li:last-child {margin-bottom:07px;}
	.living-wrap li>a {display:block;border-radius:0px;overflow:hidden; position: relative;box-shadow: 0 0 5px 5px #eeeeee5e;   border-radius: 20px;    overflow: hidden;}
	.living-wrap .card-img:after {
    content: ' ';
    display: block;
    height: 150px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, transparent, #000000a6);}
	.living-wrap .card-img {width:100%;height:250px;}
	.living-wrap .card-img img {width:100%;height:100%;object-fit:cover;}
	.living-wrap .card-info {padding:15px 20px; width: 100%;   position: absolute;    bottom: 0;    color: #fff;}
	.living-wrap .card-name {      font-family: 'SBAggroB';  font-size: 19px;    font-weight: 900;;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;		white-space:nowrap;}
	.living-wrap .card-txt {display: flex; width: 100%;  justify-content: space-between;    flex-flow: row-reverse;}
	.living-wrap .days {color:#fff;width: 50%}
	.living-wrap .days:first-child {text-align: right}
.living-wrap .days span {    color: #666;    background: #ffffff;    font-size: 0.7em;    padding: 3px 5px;    padding-left: 3px;    border-radius: 3px;}

/*******회원관련 끝*******/


/*게시판 추출*/
#bbs{ padding-bottom:30px;}
#bbs li.bbs_li{ padding:10px 15px; border-bottom:1px dotted #ddd;}

/*잡스관련 링크*/
#jobs{ width:96%; margin:0 auto; text-align:center;}
#jobs h1{ font-size:1.3em; color:#222; text-align:left; font-weight:600; margin-bottom:5px;}
#jobs ul{ border-top:2px solid #0fbad1;/* border-radius:7px;*/ overflow:hidden;}
#jobs ul:after{ display:block; content:""; clear:both;}
#jobs li{ float:left; width:33%; border-left:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; padding-right:5px;}
#jobs li:after{ display:block; content:"\f138"; color:#0fbad1;font-family:"Font Awesome 5 Pro"; font-weight:900; font-size:1.1em; 
position:absolute; top:9px; left:77%;}
#jobs li:nth-child(3), #jobs li:last-child{ width:34%; border-right:1px solid #ddd;}
#jobs li a{ font-size:1.15em; font-weight:500; color:#222; line-height:40px;}

/*전통시장,뭘먹지*/
#main_box{ border-top:1px solid #eee; background:#f7f7f7;}
#main_box ul{}
#main_box li{ background-position:20px center; background-size:25px auto; background-repeat:no-repeat; padding:15px 10px 15px 50px; position:relative;
border-bottom:1px solid #eee;}
#main_box li:first-child{ background-image:url(../img/app/mcate_icon19);}
#main_box li:last-child{ background-image:url(../img/app/mcate_icon20);}
#main_box li a{ font-size:1.3em; font-weight:bold; color:#222;}
#main_box li i{ position:absolute; top:15px; right:20px; color:#ccc; font-size:1.4em;}

/*메인추출*/
#main_store_wrap{}
#main_store{ border-top:10px solid #f9f9f9; padding:30px 10px 20px 10px;}
#main_store h2{ font-size:1.3em; font-weight:bold; color:#222; margin-bottom:10px;}
#main_store .mpro_box{ line-height:1.2em; overflow-y:scroll;-ms-overflow-style: none; /* IE and Edge */   scrollbar-width: none; /* Firefox */}
#main_store .mpro_box::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}
#main_store .mpro_box ul{ width:3160px;}
#main_store .mpro_box ul:after{ display:block; content:""; clear:both;}
#main_store .mpro_box li{ float:left; /*width:calc(16% - 10px);*/ width:105px; min-height:175px; margin:10px 0px; position:relative;}
#main_store .mpro_img{ width:100px; height:100px; border-radius:7px; overflow:hidden;}
#main_store .mpro_img img{ width:100%; height:100%;}
#main_store .mpro_tit{ font-size:1.15em; font-weight:600; color:#222; margin-top:15px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
#main_store .mpro_review{ margin-top:5px;}
#main_store .mpro_review img{ height:10px;}
#main_store .mpro_review span{ font-size:11px; color:#222; display:inline-block; vertical-align:top;}
#main_store .mpro_order{ font-size:11px; color:#777; margin-top:5px;}
#main_store .mpro_sale{ position:absolute; top:80px; left:0px; z-index:1; background:#0fbad1; font-size:11px; color:#fff; font-weight:bold; line-height:20px;
padding:0 7px;}



/*메인검색란*/
#search_main{ width:92%; height:45px; margin:10px auto; /*border:2px solid #0fbad1;*/background: #f5f5f5;    border-radius: 50px;}
#search_main:after{ display:block; content:""; clear:both;}
#search_main .sb_text{ float:left; width:calc(100% - 45px); position:relative;}
#search_main .sb_text input{ width:100%; border:0; background:none;     padding: 5px 15px 0; height:42px; font-size:1.1em;}
#search_main .sb_btn{ float:left; width:42px; height:42px; text-align:center;}
#search_main .sb_btn input{ font-family:"Font Awesome 5 Pro"; border:0; background:none; font-size:1.5em; color:#222; width:100%; height:42px;}









/*******사장관련 시작*******/
#idx_main2{ position:relative; height:520px;}
#idx_bg{ width:100%; height:120px; border-radius:0 0 30px 30px; background:url(../img/app/owner_bg.png) no-repeat 90% -5px / 100px auto  #da2428;}
#idx_icon2{ width:96%; position:absolute; top:75px; left:50%; margin-left:-47%;}
#idx_icon2 ul:after{ display:block; content:""; clear:both;}
#idx_icon2 li{ float:left; width:calc(33% - 12px); height:100px; margin:5px 5px; border:1px solid #ddd; background:#fff; text-align:center; border-radius:5px;}
#idx_icon2 li.icolor{ border:1px solid #da2428; background:#f7f7f7;}
#idx_icon2 li p{ padding-top:30px; color:#333; font-size:15px; font-weight:bold; line-height:1.3em;}
#idx_icon2 li.ci p{ padding-top:40px;}
#idx_icon2 li p strong{ color:#da2428;}
/*******사장관련 끝*******/


.gh_tit:before{
	content:'';
	display:inline-block;
	width: 30px;
	height: 26px;
	background:url(../img/app/img_gh_logo.jpg) no-repeat left center;
	background-size: auto 100%;
	position: absolute;
	left: 23px;
	top: -2px;
}