/* 메인슬라이더 */
#visual{width:100%; min-width:1100px; height:500px; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:500px; position:relative;}

#visual #slogan{ text-align:center; color:#fff; width:1000px;position:absolute; top:150px; left:50%; margin-left:-500px; z-index:998; text-shadow:1px 1px 1px #111;}
#visual #slogan .img01{ font-size:22px; font-weight:500; letter-spacing:0px; visibility:hidden;}
#visual #slogan .img02{ font-size:52px; letter-spacing:-1px; visibility:hidden;}
#visual #slogan .img02 strong{ display:inline-block; margin-left:10px;}
#visual #slogan .mt{  font-size:25px; color:rgba(250,250,250,0.8); visibility:hidden;}

#visual .sliderbx li{ width:100% !important; height:500px; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li a{ display:block; width:100%; height:650px;}

#visual div.bx-pager{ position:absolute; bottom:180px; left:50%; margin-left:-43px; z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 6px;}
#visual div.bx-pager div a{ display:block; width:17px; height:17px; text-indent:-9999px; border-radius:9px; border:4px solid #fff;}
#visual div.bx-pager div a.active{  border-color:#1f3c88;}
#visual div.bx-controls-direction a{ 
display:block; width:40px; height:40px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:9999;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:30px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:30px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}

/*최신버전 체크*/
.check_ver{ margin:20px 0 10px; text-align:center}
.check_ver p{ font-size: 1.23em; font-weight: bold; color:#222}
.check_ver a.btn_ver{
	display: block;
    height: 50px;
    line-height: 50px;
    background: #00b6d2;
    color: #fff;
    border: 0;
    box-shadow: none;
    font-size: 1.25em !important;
    font-weight: bold;
    letter-spacing: -.030em;
    text-align: center;
    margin: 30px 0 0;
    border-radius: 5px;
	}

/*메인- m_bg*/
#m_bg{/*background:url(../img/main/m_bg.png) no-repeat #fff; background-size:100%;*/ position:relative; margin:0}
#m_bg header{margin:0 4%; width:92%; padding:0px; bottom:-10%; background:#fff; border-radius:7px; box-shadow:0px 0px 15px rgba(0,0,0,.25); text-align:center; z-index:2; padding:15px 15px}
#m_bg h3{ margin:50px 0 30px; font-family:'Gmarket Sans',sans-serif; font-size:1.37em; font-weight:bold; color:#101f40; position:relative}
#m_bg h3 > span{ color:#6c67d6}
#m_bg h3 > span.exp{ opacity:.8; font-size:.7em; font-weight:400; padding:0 0 0 7px; color:#555}
#m_bg h3 > span#filter{ position:absolute; right:0; opacity:.9; font-size:.75em; font-weight:600; padding:0 0 0 7px; color:#555; top: 3px;}
#m_bg h3 > span#filter:after {
    display: block;
    font-family: "Font Awesome 5 Pro";
    color: #333;
    content: "\f107";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    font-weight: 600;
}
#m_bg h3 > span#more{ position:absolute; right:13px; opacity:.9; font-size:.75em; font-weight:600; padding:0 0 0 7px; color:#555; top: 3px;}
#m_bg h3 > span#more:after {
    display: block;
    font-family: "Font Awesome 5 Pro";
    color: #333;
    content: "\f054";
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translateY(-50%);
    font-weight: 600;
}
/*아이콘배너*/
.icon_banner ul:after{display:block;clear:both;content:""}
.icon_banner li{ display:inline-block; width:25%; float:left; font-weight:600; letter-spacing:-.050em; margin:8px 0;}
.icon_banner li p{ word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;}
.icon_banner li img{ height:50px; margin:0 0 6px}
.icon_banner li.none{ opacity:.35; font-weight:500}
.icon_banner li.none img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -0-filter:grayscale(100%);}
.find_food{ display:block; text-align:left; margin:15px 0 5px; border-top:1px solid #c4c4c4; padding:17px 0 0; font-weight:600; font-size:1.15em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;}
.m_roll{ min-height:100%; margin: 12px 0 0; /*padding: 90px 0 0;*/}
.m_roll #main_bnr{ height:100%}

/*배너롤링*/
#banner_wrap {width:100%; min-width:1100px; height:auto;}
#banner {width:1100px; height:auto; margin:0 auto; padding:40px 0 30px 0; position:relative;}
.nav {position:absolute; top:10px; left:0px;}
.nav button {width:22px; height:22px; border:1px solid #bbb; background:#fff;}
.RollDiv {width:1100px; height:70px; margin:0 auto;overflow:hidden;}  
.RollDiv > div{overflow:hidden;height:70px;width:1100px; margin:0 auto;}
.RollDiv > div > a {float:left; display:block; margin:0 4px; border:1px solid #CCCCCC; padding:2px;}  
.RollDiv > div > a > img {width:auto;}
@media (max-width: 1000px) {
#banner_wrap{ width:90%; min-width:90%; margin:0 auto; background:#fff; overflow:hidden;}
#banner{ width:100%; padding:60px 0 30px 0; position:relative;}
.nav{ position:absolute; top:30px; left:0px;}
}

/*메인 푸드업체 찾기*/
/*.m_find{  background:url(../img/main/icon_find.png) no-repeat 65% 80% #ffae00; background-size:50px; padding:20px; border-radius:7px; margin:0px 4% 20px; overflow: hidden;}*/
.m_find{  background:#ffae00; background-size:50px; padding:20px; border-radius:7px; margin:0px 4% 20px; overflow: hidden; position:relative}
.m_find > div.cont{ width:calc( 100% - 28%)}
.m_find > div.cont > h3{ color:#4c3606; font-size:1.5em !important; font-weight:600; margin:0 0 13px !important; position:relative}
.m_find > div.cont02{ width:calc( 100% - 35%)}
.m_find > div.cont02 > h3{ color:#4c3606; font-size:1.5em !important; font-weight:600; margin:0 0 13px !important; position:relative}
.m_find > div > span{ position:absolute; right:3%; top:15px; color:#fff !important; font-size:1.07em; line-height: 1.4em; background:#2b2517; padding:15px 0px; text-align:center; border-radius:5px; width:23%; font-weight:600;}
.m_find > div > span.mem{width:30%; font-size:1.13em; }
.m_find p{ color:#4c3606; opacity:1; font-size:1.05em; line-height:1.4em; font-weight:500;}
.m_find p.find_info{ color:#4c3606; opacity:1; font-size:1.05em; line-height:1.4em; font-weight:500; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin:0 0 3px}
.m_find p.find_info span{ font-weight:400; opacity:.85}
.m_find p.find_info02{ display:block !important;}

/*메인컨텐츠*/
#m_content{ padding:30px 4% 0; position:relative;}
.new_program{ margin:0 4% 35px}
.new_pop_pro{ margin:0 0 35px}
#m_content h3{ margin:50px 0 30px; font-family:'Gmarket Sans',sans-serif; font-size:1.37em; font-weight:bold; color:#101f40; position:relative}
#m_content h3 > span{ color:#6c67d6}
#m_content h3 > span.exp{ opacity:.8; font-size:.75em; font-weight:400; padding:0 0 0 7px; color:#555}
#m_content h3 > span#filter{ position:absolute; right:0; opacity:.9; font-size:.75em; font-weight:600; padding:0 0 0 7px; color:#555; top: 3px;}
#m_content h3 > span#more{ position:absolute; right:13px; opacity:.9; font-size:.75em; font-weight:600; padding:0 0 0 7px; color:#555; top: 3px;}
#m_content h3 > span#more:after {
    display: block;
    font-family: "Font Awesome 5 Pro";
    color: #333;
    content: "\f054";
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translateY(-50%);
    font-weight: 600;
}
#m_content h3 > span#filter:after {
    display: block;
    font-family: "Font Awesome 5 Pro";
    color: #333;
    content: "\f107";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    font-weight: 600;
}

/*메인컨텐츠-공지*/
.m_noti{ margin:25px 4% 0; width:92%; background:#5c56d1; padding:5px; border-radius:7px; overflow: hidden; height: 100px;}

/*메인컨텐츠-프로그램*/
.new_program ul > li{ background:#fff; padding:0px; border-radius:7px; margin:0 0 27px; position:relative}
.new_program ul > li div.fav_food{ position:absolute; right:0; top:0; z-index:1}
.new_program ul > li div.fav_food i{ font-size:1.45em; color:#5c56d1}
.new_program ul > li.img{background-size: cover !important;}
.new_program ul > li div.btn_compl{ position:absolute; top:-7px; right:0; z-index:2; width:30px; height:30px; color:#fff; font-weight:bold; font-size:1.15em; border-radius:7px; text-align:center; line-height:30px; color:#fff; background: #5689f5;}
.new_program ul > li div.compl{ position:absolute; background:rgba(16,31,64,.85); width:100%; height:100%; opacity:.7; top:0; left:0; border-radius:7px; z-index:1;}
.new_program ul > li > ul{ display:flex}
.new_program ul > li > ul > li:nth-child(1){ width:20%; margin:0 5% 0 0 !important; padding:0 !important;}
.new_program ul > li > ul > li img{ width:100%; border-radius:7px}
.new_program ul > li > ul > li:nth-child(2){ width:75%; padding:0 !important; margin:0 !important}
.new_program ul > li > ul > li dl{ margin:0 !important}
.new_program ul > li > ul > li dt{ 
      color:#101f40; 
	  font-size:1.18em; 
	  font-weight:600; 
	  margin:0 0 5px;
	  word-wrap: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      width: 92%;
      text-overflow: ellipsis;
	  }
.new_program ul > li > ul > li dt span.location{ margin-left:7px; font-size:.95em}
.new_program ul > li > ul > li dt span.location i{ margin-right:4px}
.new_program ul > li > ul > li dd{ color:#000; font-size:1.10em; font-weight:400; margin:0 0 2px}
.new_program ul > li > ul > li dd span.cate{ background:#5c56d1; color:#fff; padding:3px 7px; margin:0 5px 0 0; font-size:.80em !important; font-weight:bold; border-radius:3px; vertical-align: middle; opacity:1 !important}
.new_program ul > li > ul > li dd span{ font-weight:400; opacity:.8; font-size:.92em; margin:0 3px 0 0; letter-spacing:-.050em}
.new_program ul > li > ul > li dd.eval i{ color:#ffae00; margin:0 4px 0 0}
.new_program ul > li > ul > li dd.eval span{ font-weight:400; opacity:.7; font-size:.95em; margin:0 3px 0 7px}

/*메인컨텐츠-인기업체*/
.idx_recomm{/*border-bottom:8px solid #f1f1f1;*/ position:relative;}
.idx_recomm h2.la_title{padding:20px 15px 0 15px;}
.idx_recomm .scroll_x{overflow-x:scroll; padding:7px 15px 0px 0px;}
.idx_recomm ul{white-space:nowrap;}
.idx_recomm li{display:inline-block; white-space:nowrap; margin-right:5px; vertical-align:top}
.idx_recomm li:last-child{margin-right:0px;}
.idx_recomm li .img{width:85px; height:85px; overflow:hidden; border-radius:100%; margin:0px auto 10px ;border: 0px solid #d0d4dd; box-shadow:0px 0px 15px rgba(0,0,0,.25); background-size:cover !important}
.idx_recomm li .img img{width:100%; height:auto;}
.idx_recomm li .name{text-align:center;}
.idx_recomm li .name p{font-size:1em; line-height:1.2em; font-weight:400; display:inline-block; width:100px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle}
.idx_recomm li .name p.price{ display:block; width:100%; font-weight:bold; margin:3px 0 0; font-size:1.10em}

/*메인컨텐츠-프리미엄 업체*/
.idx_premium{/*border-bottom:8px solid #f1f1f1;*/ position:relative; margin: 0 0 20px !important;}
.idx_premium h2.la_title{padding:20px 15px 0 15px;}
.idx_premium .scroll_x{overflow-x:scroll; padding:0px 15px 0 0; -webkit-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-mos-overflow-scrolling:touch;-o-overflow-scrolling:touch;}
.idx_premium ul{}
.idx_premium li{display:inline-block; vertical-align:top; position:relative;}
.idx_premium li:last-child{margin-right:0px;}
.idx_premium li .img::before{ background:#27263c; content:""; display:block; opacity:.45; width:100%; height:300px;}
.idx_premium li .img{width:92%; height:300px; overflow:hidden; border-radius:7px; margin:0px auto 10px ;border: 0px solid #d0d4dd; box-shadow:0px 0px 15px rgba(0,0,0,.25); position:relative; background-size:cover !important;}
.idx_premium li dl{ margin:0 !important; position:absolute; bottom:10%; left:10%}
.idx_premium li dt{ font-family:'Gmarket Sans',sans-serif; color:#fff; font-size:2.15em; font-weight:600; margin:0 0 5px; text-shadow:1px 2px 2px rgba(0,0,0,.5);}
.idx_premium li dt span{ margin-left:0px; font-size:.95em}
.idx_premium li dt span i{ margin-right:4px}
.idx_premium li dd{ color:#fff; font-size:1.20em; font-weight:600; margin:0 0 2px; text-shadow:1px 2px 2px rgba(0,0,0,.5);}
.idx_premium li dd span{ font-weight:600; font-size:.92em; margin:0 5px 0; letter-spacing:-.050em}
.idx_premium li dd.eval i{ color:#ffae00; margin: 0 4px 0 0;}
.idx_premium li dd.eval span{ font-weight:600; opacity:.7; font-size:.95em; margin:0 3px 0 7px}
.idx_premium li div.premium{ position:absolute; left:10px; top:10px;  background:#5c56d1; color:#fff; padding:7px 15px; margin:0; font-size:.95em; font-weight:bold; border-radius:3px; vertical-align: middle; z-index:1}
.idx_premium li div.tasting{ position:absolute; right:10px; bottom:10px;  background:#ffb502; color:#403211; padding:3px 7px; margin:0; font-size:.87em; font-weight:bold; border-radius:3px; vertical-align: middle; z-index:1}
.idx_premium li div.fav_food{ position:absolute; right:10px; top:10px; z-index:1}
.idx_premium li div.fav_food i{ font-size:1.45em; color:#fff}

/*메인컨텐츠-추천업체*/
.idx_recomm_food{/*border-bottom:8px solid #f1f1f1;*/ position:relative; margin: 0px 4% 20px;}
.idx_recomm_food h2.la_title{padding:20px 15px 0 15px;}
.idx_recomm_food .scroll_x{overflow-x:scroll; padding:0px; -webkit-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-mos-overflow-scrolling:touch;-o-overflow-scrolling:touch;}
.idx_recomm_food ul{white-space:nowrap;}
.idx_recomm_food li{display:inline-block; white-space:nowrap; margin-right:5px; vertical-align:top; position:relative;}
.idx_recomm_food li:last-child{margin-right:0px;}
.idx_recomm_food li .img::before{ background:#27263c; content:""; display:block; opacity:.20; width:270px; height:150px;}
.idx_recomm_food li .img{width:270px; height:150px; overflow:hidden; border-radius:7px; margin:0px auto 10px ;border: 0px solid #d0d4dd; box-shadow:0px 0px 15px rgba(0,0,0,.25); position:relative; background-size:cover !important;}
.idx_recomm_food li dl{ margin:0 !important}
.idx_recomm_food li dt{ color:#101f40; font-size:1.18em; font-weight:600; margin:0 0 5px}
.idx_recomm_food li dt span{ margin-left:7px; font-size:.95em}
.idx_recomm_food li dt span i{ margin-right:4px}
.idx_recomm_food li dd{ color:#000; font-size:1.10em; font-weight:400; margin:0 0 2px}
.idx_recomm_food li dd span{ font-weight:400; opacity:.8; font-size:.92em; margin:0 3px 0 0; letter-spacing:-.050em}
.idx_recomm_food li dd.eval i{ color:#ffae00; margin: 0 4px 0 0;}
.idx_recomm_food li dd.eval span{ font-weight:400; opacity:.7; font-size:.95em; margin:0 3px 0 7px}
.idx_recomm_food li div.premium{ position:absolute; left:10px; top:10px;  background:#5c56d1; color:#fff; padding:3px 7px; margin:0; font-size:.95em; font-weight:bold; border-radius:3px; vertical-align: middle; z-index:1}
.idx_recomm_food li div.tasting{ position:absolute; right:10px; bottom:10px;  background:#ffb502; color:#403211; padding:3px 7px; margin:0; font-size:.87em; font-weight:bold; border-radius:3px; vertical-align: middle; z-index:1}
.idx_recomm_food li div.fav_food{ position:absolute; right:10px; top:10px; z-index:1}
.idx_recomm_food li div.fav_food i{ font-size:1.45em; color:#fff}

/*결과페이지*/
#result{ margin:20px}
#result i{ opacity:.3}
span.result_t{ margin:15px 0 0; display:block; font-size:1.10em; font-weight:500}