@charset "utf-8";/* CSS Document */


.cont_box {margin-bottom: 50px;}
.cont_box > p {font-size: 20px; margin-bottom: 15px; font-weight: 700;}

.list_box {margin-bottom: 30px;}
.list_box:last-child {margin-bottom: 0;}
.list_box ul {overflow: hidden;}
.list_box ul li {float: left; margin-right: 10px;}
.list_box ul li:last-child {margin-right: 0;}
.list_box > div {margin-bottom: 30px;}
.list_box > div:last-child {margin-bottom: 0;}

/* thumb-nail */
.thumb_sample {background: #7f98ff !important; border: 0 !important;}
.thumb_listPage {width: 100%; height: auto; border-radius: 8px; background:#fff; overflow: hidden;}
.thList2_page .thumb_listPage {width: 100%; max-width: 440px; max-height: 292px; border-radius: 8px; background:#fff; overflow: hidden;}
.thumb_listPage > img {width: 100%; height: auto;}
.thumb_mainSNS {width: 260px; height: 260px; border-radius: 8px; background: #fff; border: 1px solid #ddd; overflow: hidden;}
.thumb_mainSNS img {width: 100%; height: auto;}
.thumb_shopGuide {width: 100%; height: auto; border-radius: 8px; /*background: #fff;*/ border: 1px solid #ddd; overflow: hidden; position: relative; padding-bottom: calc(100% * 9 / 16);}
.thumb_shopGuide img {/*width: 100%;*/ height: 100%; position: absolute; left: 50%; top: 0; right: 0; bottom: 0;}
.shopList_box .thumb_shopGuide img { transform: translateX(-50%);}
.thumb_shopGuide .str_nm {position: absolute; left: 0; top: 50%; display: inline-block; width: inherit; height: auto; transform: translateY(-50%); font-size: 16px; text-align: center; vertical-align: middle;
    font-weight: 500; color: #777; line-height: 24px; z-index: -1;}
.tastyGuide_box .thumb_shopGuide img{transform: translate(-50%, 0);}

.thumb_box {width: calc(100% + 40px); margin-left: -20px; display: inline-block; overflow: hidden; margin-bottom: 50px;}
.thumb_box:last-child {margin-bottom: 0;}
.thumb_box2 {width: calc(100% + 16px); margin-left: -8px; display: inline-block; overflow: hidden; margin-bottom: 50px;}
.thumb_box2:last-child {margin-bottom: 0;}
.thumb_list {margin: 0 20px; float: left; }
.thumb_list:nth-child(4n) {margin-bottom: 30px;}
.thumb_list:last-child {margin-bottom: 0;}
.thumb_list > a {display: block;}
.thumb_list > a > div {margin-bottom: 16px;}
.thumb_list > a > div:last-child {margin-bottom: 0;}
.thumb_list2 {margin: 0 20px; display: inline-block;}
.thumb_list2 > a {display: block;}
.thumb_list2 > a > div {margin-bottom: 16px;}
.thumb_list2 > a > div:last-child {margin-bottom: 0;}
.thumb_box2 .thumb_list {margin: 0 8px; float: left;}
.thumb_box2 .thumb_list > a {display: block;}
.guide_txt {padding: 0 12px; /*min-height: 82px;*/}
.guide_txt > p {margin-top: 0; margin-bottom: 5px; font-weight: 400;}
.guide_txt > p:last-child {margin-bottom: 0;}
.guide_txt .yello_txt ,
.guide_txt .yello_txt span{font-weight: 300;}
.yello_txt {font-size: 13px; color:#9d5817;}
.guide_title {font-size: 16px; color:#000;}
.guide_ad {overflow: hidden; padding-top: 3px;}
.guide_ad > span {font-size: 9px; color:#fff; text-align: center; float: left; margin-right: 4px; height: 13px; border-radius: 2px; padding: 0 1px; line-height: 13px; font-weight: 300;}
.guide_ad > span:last-child {margin-right: 0;}
.gray_ad {background: #7e9753;}
.red_ad {background: #da291c;}
.hashTag {overflow: hidden; padding-top: 7px;}
.hashTag > span {float: left; margin-right: 10px;  padding-bottom: 5px;}
.hashTag > span:last-child {margin-right: 0;}

.thumb_box > div {padding-bottom:50px;}
.thumb_box > div:last-child {padding-bottom: 0;}

.thList2_page .thumb_list {width: calc(50% - 40px);}
.thList3_page .thumb_list {width:calc(33.3333% - 40px); margin-bottom: 0;}
.thShop_Guide {width: calc(25% - 40px); /*width: 200px;*/}




/* list형 */
.thumb_box.list{display:flex; flex-wrap: wrap;}
.thumb_box.list .thumb_shopGuide{}
.thumb_box.list .thShop_Guide{height:auto;vertical-align:top;}



/* Search Box */
.shopSearch_Box {width: 600px; height: 60px; border-bottom: 3px solid #1e1e1e; padding-bottom: 16px; overflow: hidden;}
.shopSearch_Box > div {float: left;}
.shopSearch_Box .search_input {width: calc(100% - 50px); margin-right: 10px;}
.shopSearch_Box .search_input input {width: 100%; height: 40px; font-size: 20px; color:#000; border: 0; background: none;}

.shopSearch_Box .search_input input[type="search"]::-webkit-search-cancel-button {cursor: pointer;background: none;}
 

.shopSearch_Box .search_input input::placeholder {font-size: 20px; color:#666;}
.shopSearch_Box .search_input input:focus {outline: none;}
.shopSearch_Box .btn_box {width: 40px;}
.shopSearch_Box .btn_box > button {width: 40px; height: 40px; text-indent: -9999px; border-radius: 50%;}

.boardSearch_Box {width: 243px; height: 24px; overflow: hidden; position: relative;}
.boardSearch_Box > div {float: left;}
.boardSearch_Box .search_input {width: calc(100% - 34px); margin-right: 10px; overflow: hidden;}
.boardSearch_Box .search_input > span {float: left;}
.boardSearch_Box .search_input > span.tit {font-size: 14px; font-weight: 500; line-height: 24px; color:#000; position: relative; padding-right: 10px; margin-right: 10px;}
.boardSearch_Box .search_input > span.tit:after {content: ''; position: absolute; width: 1px; height: 14px; background: #777; right: 0; top: 50%; transform: translatey(-50%);}
.boardSearch_Box .search_input > span.input {width: calc(100% - 47px);}
.boardSearch_Box .search_input > span input {width: 100%; height: 24px; font-size: 14px; color:#000; border: 0; background: none;}
.boardSearch_Box .search_input > span input::placeholder {font-size: 14px; color:#666;}
.boardSearch_Box .search_input > span input:focus {outline: none;}

.boardSearch_Box .search_input > label {float: left;}
.boardSearch_Box .search_input > label.tit {font-size: 14px; font-weight: 500; line-height: 24px; color:#000; position: relative; padding-right: 10px; margin-right: 10px;}

.boardSearch_Box .btn_box {position: absolute; right: 0; top: 0; width: 24px;}
.boardSearch_Box .btn_box > button {width: 24px; height: 24px; text-indent: -9999px;}

.searchKeyword_box {width: 920px; height: 70px; background: #fff; padding: 0 30px; overflow: hidden; display: table;}
.searchKeyword_wrap {display: table-cell; vertical-align: middle;}
.searchKeyword_box .boardSearch_Box {float: left;}
.searchKeyword_box .keyword_box {float: right;}
.keyword_box {overflow: hidden; display: flex; justify-content: center; }
.keyword_box > div {float: left; margin-right: 16px;}
.keyword_box > div:last-child {margin-right: 0;}
.keyword_box .keyword_tit {font-size: 13px; color:#000; position: relative; padding-right: 12px;}
.keyword_box .keyword_tit:after {content: '▶'; position: absolute; font-size: 8px; color:#000; right: 0; top: 4px; }
.keyword_box .keyword_txt {overflow: hidden;}
.keyword_box .keyword_txt > span {float: left; margin-right: 10px;}
.keyword_box .keyword_txt > span:last-child {margin-right: 0;}
.keyword_box .keyword_txt > span > a {font-size: 13px; color:#666;}

.search_btn {position: relative;}
.search_btn:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(/images/common/ico_search_b.png) no-repeat; width: 24px; height: 24px; background-size: contain;}
.search_btn_black {position: relative; background: #000;}
.search_btn_black:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(/images/common/ico_search_w.png) no-repeat; width: 24px; height: 24px; background-size: contain;}


/* 페이지별 추가 css */
.searchWholeBox {text-align: center; margin-bottom: 60px;}
.searchWholeBox > div {margin: 0 auto;}
.searchWholeBox .shopSearch_Box {margin-bottom: 10px;}
.searchWholeBox .selectBox_wrap {margin-bottom: 20px; width: 600px; overflow: hidden;}
.selectBox_wrap > div {float: left; width: 49%; max-width: inherit; margin-right: 2%; text-align: left;}
.selectBox_wrap > div:last-child {margin-right: 0;}
.selectBox_wrap > div .box_select {max-width: 100%;}
.info_title .searchResult_info {display: inline-block; }
.info_title .searchResult_info {font-size: 13px; color:#000;}
.info_title .searchResult_info strong {font-weight: 500; font-size: 16px; color:#da291c;}
.listStyle_btnBox {overflow: hidden;}
.listStyle_btnBox > button {float: left; margin-right: 16px;}
.listStyle_btnBox > button:last-child {margin-right: 0;}
.shopList_box {}
.info_title + .shopList_box{margin-top:-17px}
.shopList_box > div {margin-bottom: 120px;}
.shopList_box > div:first-child {padding-top: 20px;}
.shopList_box > div:last-child {margin-bottom: 0;}
.shopList_box > div.List_box {padding-top: 0;}

.shopList_box > .thumbList_box:last-child {margin-bottom: 0;}

.Btn_Thumblist {width: 24px; height: 24px; text-indent: -9999px; background: url(/images/common/ico_Btn_Thumblist_off.png) no-repeat; background-size: contain;}
.Btn_Thumblist.active {width: 24px; height: 24px; text-indent: -9999px; background: url(/images/common/ico_Btn_Thumblist_on.png) no-repeat; background-size: contain;}
.Btn_List {width: 24px; height: 24px; text-indent: -9999px; background: url(/images/common/ico_Btn_List_off.png) no-repeat; background-size: contain;}
.Btn_List.active {width: 24px; height: 24px; text-indent: -9999px; background: url(/images/common/ico_Btn_List_on.png) no-repeat; background-size: contain;}

.tab_cont.current {display: block;}
.tab_cont {display: none;}


/* default_3list */
.default_3list .thumb_contBox {display: table;}
.default_3list .thumb_contBox .thumb_list {float: initial; display: inline-block; vertical-align: top; padding-top: 50px;}
.default_3list .thumb_contBox .thumb_list:nth-child(-n+3) {padding-top: 0;}




























@media screen and (min-width:768px) and (max-width:1024px){
    /* tablet */    
        .thShop_Guide {width: calc(33.3333% - 40px); /*width: 200px;*/}
    }
        
@media all and (min-width: 260px) and (max-width: 890px){
    /* mobile */
    
    .contents {width:100%;/*max-width:260px;*/min-height:700px;margin:50px auto 0;}

    .thumb_box {width: 100%; margin: 0 auto 40px auto; display: block; overflow: hidden;}
    .thumb_box:last-child {margin-bottom: 0;}
    .thumb_list {margin: 0 auto 40px auto; float: none;}
    .thumb_list:last-child {margin-bottom: 0;}
    .thumb_list > a > div {margin-bottom: 14px;}
    .guide_txt {padding: 0 10px;}
    .guide_txt > p {margin-bottom: 4px;}
    .guide_txt > p.guide_ad {padding-top: 4px;}
    .thShop_Guide {width: 100%;}    
    .thumb_shopGuide {width: 100%; height: auto;}
    .thumb_listPage {width: 100%; height: auto;}
    .thList2_page {width: 100%;}
    .thList2_page .thumb_listPage {width: 100%; max-width: 100%; max-height: initial;}
    .thumb_list2.thShop_Guide {width: calc(50% - 5px); margin: 0 10px 0 0;}  
    .thumb_list2.thShop_Guide:nth-child(2n) {margin-right: 0; padding-bottom: 36px;}
    .thumb_list2 .guide_txt {padding: 0; min-height: 42px;}
    .thumb_list2 .guide_txt > p.yello_txt {font-size: 12px;}
    .thumb_list2 .guide_txt > p.guide_title {font-size: 14px;}
    .thumb_list2 .guide_txt > p.guide_ad {padding-top: 6px;}
    .thumb_list2 .thumb_shopGuide {width:100%}
    .thumb_list2 > a > div {margin-bottom: 14px;}
    .hashTag {padding-top: 6px;}
    .hashTag > span {font-size: 12px;}
    
    .thumb_box2 {width: 100%; margin: 0 auto 50px auto; display: block; overflow: hidden;}
    .thumb_box2 .thumb_list {width: calc(50% - 5px); margin: 0 10px 0 0;}
    .thumb_box2 .thumb_list:nth-child(2n) {margin-right: 0; margin-bottom: 16px;}
    .thumb_box2 .thumb_list:last-child {margin-bottom: 0;}
    .thumb_box2 .thumb_shopGuide {width: 100%; /*width: calc(50% - 5px); height: 71px;*/}
    
    .thList3_page {width: 100%;}

    .thumb_shopGuide .str_nm{font-size:12px;line-height: 15px;}

    .shopSearch_Box {width: 100%; height: 43px; padding-bottom: 8px;}
    .shopSearch_Box .search_input input {font-size: 16px; height: 32px;}
    .shopSearch_Box .search_input input::placeholder {font-size: 16px;}
    .shopSearch_Box .btn_box > button {width: 32px; height: 32px;}
    .search_btn_black:before {width: 16px; height: 16px;}

    .boardSearch_Box {width: 100%;}
    .boardSearch_Box .search_input > span.tit {font-size: 13px;}
    .boardSearch_Box .search_input > span input {font-size: 13px;}
    .boardSearch_Box .search_input > span input::placeholder {font-size: 13px;}
    
    .searchKeyword_box {width: 100%; height: 50px; padding: 0 12px;}
    .searchKeyword_box .boardSearch_Box {width: 100%;}
    .searchKeyword_box .keyword_box {display: none;}

    .searchWholeBox {margin-bottom: 30px;}
    .searchWholeBox .selectBox_wrap {width: 100%; margin-bottom: 16px;}
    .selectBox_wrap > div {width: 100%; margin-right: 0; margin-bottom: 8px;}
    .selectBox_wrap > div:last-child {margin-bottom: 0;}
    .keyword_box {overflow: hidden;}
    .keyword_box > div {margin-right: 12px; float: left;}
    .keyword_box .keyword_tit {width: 35px; padding-right: 10px; font-size: 12px; text-align: left;}
    .keyword_box .keyword_txt {width: calc(100% - 47px); }
    .keyword_box .keyword_txt > span {padding-bottom: 10px;}
    .keyword_box .keyword_txt > span > a {font-size: 12px;}


    .deFList_box .thumb_box .thumb_list {margin-bottom: 0;}
    .deFList_box .thumb_box:first-child .thumb_list:first-child {border-top: 0;}
    .deFList_box .thumb_box:first-child .thumb_list {border-top: 1px solid #eee;}

    .Btn_Thumblist {display: none;}
    .Btn_Thumblist.active {display: block;}
    .Btn_List {display: none;}
    .Btn_List.active {display: block;}

    .listStyle_btnBox > button {margin-right: 0;}

    .info_title .searchResult_info {font-size: 12px; margin-bottom: 0;}
    .info_title .searchResult_info strong {font-size: 14px;}
    .thumb_box.thList2_page {}
    .thumb_box.thList2_page .guide_txt {width: 100%;}
    .oneDay_box .thumb_box.thList3_page {overflow-x: auto; width: calc(100% + 40px); padding-top: 50px; padding-bottom: 10px;}
    .oneDay_box .thumb_box.thList3_page .thumb_contBox {display: flex;}
    .oneDay_box .thumb_box.thList3_page .thumb_contBox > div {margin-right: 20px;}
    .oneDay_box .thumb_box.thList3_page .thumb_contBox > div:last-child {margin-right: 0;}
    .thumb_box.thList3_page .guide_txt {width: 100%;}
    .thList2_page .thumb_list {float: left; margin: 0; width: 100%;}
    .thList3_page .thumb_list {float: left; margin: 0; width: 100%;}


    /* .thList3_page .thumb_list{margin-left:-30px;} */
    /* .thList3_page .thumb_list:first-child{margin-left:0;} */

    
}