section {}

section .banner {margin-top:10px;}
section .banner .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	background: #e5e5e5;
	border:none;
}
section .banner .swiper-container-horizontal>.swiper-pagination-bullets, section .banner .swiper-pagination-custom, section .banner .swiper-pagination-fraction {
	bottom:27px;
}

section .banner .swiper-button-next, section .banner .swiper-button-prev {
	width: 32px;
	height: 63px;
	margin-top: -34.5px;
	background-size: 32px 63px;
}

section .banner .swiper-button-prev, section .banner .swiper-container-rtl .swiper-button-next {
	background-image: url('../../_images/main/banner_arrow_left.png');
	left: 30px;
}
section .banner .swiper-button-next, section .banner .swiper-container-rtl .swiper-button-prev {
	background-image: url('../../_images/main/banner_arrow_right.png');
	right: 30px;
}
section .banner .swiper-pagination-bullet-active {
	background: transparent;
	border: 2px solid #c9223d;
}

/*.mb_block {display:none;}
.mb_block2 {display:none;}

@media (max-width:1000px) {
	section .banner .swiper-slide img {display:none;}
	section .banner .swiper-slide img.mb_block {display:block;}
}

@media (max-width:850px) {
	section .banner .swiper-slide img.mb_block {display:none;}
	section .banner .swiper-slide img.mb_block2 {display:block;}

	section .banner .swiper-button-prev, section .banner .swiper-container-rtl .swiper-button-next {
		left: 10px;
	}
	section .banner .swiper-button-next, section .banner .swiper-container-rtl .swiper-button-prev {
		right: 10px;
	}
}*/

section .notice {padding:/*30px 0*/20px 0; overflow:hidden;}
section .notice>div {position:relative;}
section .notice p {float:left; font-size:20px; color:#2b181a; font-weight:600; background:url('../../_images/main/notice_ico.png') no-repeat center left; padding:15px 0 15px 70px;}
section .notice p span {position:relative; padding-right:40px;}
section .notice p span:after {position:absolute; top:0; right:0; width:1px; height:100%; background:#cfcdcb; content:'';}
section .notice .overflow {float:left; width:calc(100% - 356px); margin-left:40px; height:58px; overflow:hidden;}
section .notice .overflow #vertical-ticker {overflow:hidden;}
section .notice .overflow #vertical-ticker li {}
section .notice .overflow #vertical-ticker li div {
	position: relative;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right:120px;
	line-height:24px;
	margin-top:18px;
}
section .notice .overflow #vertical-ticker li div a {font-size:18px; color:#52504e; font-weight:400;}
section .notice .overflow #vertical-ticker li div span.date {position:absolute; top:0; right:1px; font-size:16px; color:#868584; font-weight:200;}

section .notice .control {position:absolute; top:17px; right:0; overflow:hidden;}
section .notice .control li {float:left;}
section .notice .control #ticker-stop,
section .notice .control #ticker-start {margin-right:6px;}

section .list_page {background:#e5e5e5; padding:60px 0;}
section .list_page .tit_wrap {}
section .list_page .tit_wrap:after {display:block; overflow:hidden; clear:both; content:'';}
section .list_page .tit_wrap p {float:left; font-size:26px; color:#3e3e3e; font-weight:600;}
section .list_page .tit_wrap .view_tab {float:right; margin-top:5px;}
section .list_page .tit_wrap .view_tab ul {}
section .list_page .tit_wrap .view_tab ul:after {display:block; overflow:hidden; clear:both; content:'';}
section .list_page .tit_wrap .view_tab ul li {float:left; position:relative; padding:0 10px;}
section .list_page .tit_wrap .view_tab ul li:after {position:absolute; top:50%; margin-top:-7px; right:0; width:1px; height:14px; background:#b8b8b8; content:'';}
section .list_page .tit_wrap .view_tab ul li:first-child {padding-left:0;}
section .list_page .tit_wrap .view_tab ul li:last-child {padding-right:0;}
section .list_page .tit_wrap .view_tab ul li:last-child:after {display:none;}
section .list_page .tit_wrap .view_tab ul li a {font-size:17px; color:#646464;}
section .list_page .tit_wrap .view_tab ul li.select a {padding:5px 15px; background:#bbbbbb; border-radius:30px; color:#fff;}
section .list_page .tit_wrap .setting {margin-top:20px;}
section .list_page .tit_wrap .setting a {font-size:15px; color:#8e8e8e; border-bottom:1px solid #8e8e8e; padding-bottom:3px;}
section .list_page .list_wrap {margin-top:50px;}
section .list_page .list_wrap ul {overflow:hidden;}
section .list_page .list_wrap>ul:after {display:block; overflow:hidden; clear:both; content:'';}
section .list_page .list_wrap ul>li {float:left; width:calc(50% - 15px); margin-bottom:30px; margin-right:15px; background:#fff; box-shadow:0px 0px 10px #d9d9d9; min-height:234px; /*overflow:hidden;*/}
section .list_page .list_wrap ul>li:nth-child(2n) {float:right; margin-right:0;}

section .list_page .list_wrap ul>li .info {float:left; width:61%; padding:19px 20px; position:relative;}
section .list_page .list_wrap ul>li .info:after {position:absolute; top:0; right:-1px; width:1px; height:100%; background:#d2d2d2; content:'';}
section .list_page .list_wrap ul>li .info p {font-size:20px; color:#343434; font-weight:500; width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
section .list_page .list_wrap ul>li .info ul {margin-top:20px; overflow:hidden;}
section .list_page .list_wrap ul>li .info ul li {font-size:16px; color:#575757; font-weight:400; margin-bottom:5px;/* min-height:auto;*/ min-height: 25px; box-shadow:0 0 0; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
section .list_page .list_wrap ul>li .info ul li:last-child {margin-bottom:0;}
section .list_page .list_wrap ul>li .info ul li span {color:#909090; margin-right:5px;}
section .list_page .list_wrap ul>li .info .label {position:absolute; top:19px; right:0; font-size:14px; color:#fff; background:#21428b; /*width:100%; max-width:88px;*/ width:auto; height:30px; line-height:30px; font-family: 'Ubuntu', sans-serif; font-weight:bold; letter-spacing:0; padding:0 /*13px*/8px;}
section .list_page .list_wrap ul>li .info .label.type02 {background:#33a196;}
section .list_page .list_wrap ul>li .info .btn {margin-top:50px; overflow:hidden; height: auto; min-height: 50px;}
section .list_page .list_wrap ul>li .info .btn a {float:left; margin-left:11px; display:inline-block; border-radius:3px; height:46px; line-height:46px; background:#feae01; width:100%; max-width:138px; font-size:18px; color:#fff; text-align:center; vertical-align:middle;}
section .list_page .list_wrap ul>li .info .btn a:first-child {margin-left:0;}
section .list_page .list_wrap ul>li .info .btn a.favorite {border:1px solid #da1f3d; background:#fff url('../../_images/main/favorite_ico.png') no-repeat center center; text-indent:-99999px; width:100%; max-width:78px;}
section .list_page .list_wrap ul>li .info .btn a.favorite.select {background:#da1f3d url('../../_images/main/favorite_ico_ov.png') no-repeat center center;}
section .list_page .list_wrap ul>li .info .btn a.message {border:1px solid #9886ec; background:#fff url('../../_images/main/message_ico.png') no-repeat center center; text-indent:-99999px; width:100%; max-width:78px;}
section .list_page .list_wrap ul>li .info .btn a.message.select {background:#9886ec url('../../_images/main/message_ico_ov.png') no-repeat center center;}
section .list_page .list_wrap ul>li .info .btn a.meeting {}
section .list_page .list_wrap ul>li .info .btn a.refuse {background:#cebd97;}

@media (max-width:767px) {
	
	section .list_page .list_wrap ul>li .info .btn a.favorite {background-size:20px auto;}
	section .list_page .list_wrap ul>li .info .btn a.favorite.select {background-size:20px auto;}
	section .list_page .list_wrap ul>li .info .btn a.message {background-size:20px auto;}
	section .list_page .list_wrap ul>li .info .btn a.message.select {background-size:20px auto;}
}

@media (max-width:826px) {
	
	section .list_page .list_wrap ul>li .info .btn a {margin-left:3px; max-width:60px !important;}
	section .list_page .list_wrap ul>li .info .btn a.favorite,
	section .list_page .list_wrap ul>li .info .btn a.message {min-width:55px !important;}
	section .list_page .list_wrap ul>li .info .btn.col4 a {width:auto !important; min-width:55px !important;}
}

section .list_page .list_wrap ul>li .info .btn.col4 a.meeting,
section .list_page .list_wrap ul>li .info .btn.col4 a.refuse {max-width:63px;}

section .list_page .list_wrap ul>li .kind {float:left; width:39%; padding:19px 20px; position:relative;}
section .list_page .list_wrap ul>li .kind:after {position:absolute; top:0; left:0; width:1px; height:100%; background:#d2d2d2; content:'';}
section .list_page .list_wrap ul>li .kind ul {max-height:180px;min-height: 180px; overflow:hidden;}
section .list_page .list_wrap ul>li .kind ul.nodata {height:auto;}


@media (max-width: 1200px){
	section .list_page .list_wrap ul>li .info {height: auto; min-height: 273px;}
	section .list_page .list_wrap ul>li .kind ul {height:auto; max-height:180px;padding-bottom:10px;}
	section .list_page .list_wrap ul>li .kind ul.nodata {height:auto; max-height:auto;}
}

section .list_page .list_wrap ul>li .kind ul {height:auto;max-height:180px;padding-bottom:10px; }
section .list_page .list_wrap ul>li .kind ul li {font-family:'Spoqa Han Sans', sans-serif; font-size:14px; color:#989898; padding-left:30px; padding-top:5px; padding-bottom:5px; display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; min-height:auto; box-shadow:0 0 0;}
section .list_page .list_wrap ul>li .kind ul li:last-child {margin-bottom:0;}
section .list_page .list_wrap ul>li .kind ul li span {color:#7c7c7c;}
section .list_page .list_wrap ul>li .kind ul li span:after {display:inline-block; padding:0 3px; font-family:'Spoqa Han Sans', sans-serif; color:#989898; content:'>';}

section .list_page .list_wrap ul>li .kind ul li.coffee {background:url('../../_images/main/coffee_ico.png') no-repeat center left;}/*커피*/
section .list_page .list_wrap ul>li .kind ul li.tea {background:url('../../_images/main/tea_ico.png') no-repeat center left;}/*차*/
section .list_page .list_wrap ul>li .kind ul li.juice {background:url('../../_images/main/juice_ico.png') no-repeat center left;}/*음료*/
section .list_page .list_wrap ul>li .kind ul li.package {background:url('../../_images/main/package_ico.png') no-repeat center left;}/*포장재/용기*/
section .list_page .list_wrap ul>li .kind ul li.bakery {background:url('../../_images/main/bakery_ico.png') no-repeat center left;}/*베이커리*/
section .list_page .list_wrap ul>li .kind ul li.material {background:url('../../_images/main/material_ico.png') no-repeat center left;}/*원부재료*/
section .list_page .list_wrap ul>li .kind ul li.other {background:url('../../_images/main/other_ico.png') no-repeat center left;}/*기타*/
section .list_page .list_wrap ul>li .kind ul li.chocolate {background:url('../../_images/main/chocolate_ico.png') no-repeat center left;}/*초콜릿*/
section .list_page .list_wrap ul>li .kind ul li.icecream {background:url('../../_images/main/icecream_ico.png') no-repeat center left;}/*아이스크림*/
section .list_page .list_wrap ul>li .kind ul li.interior {background:url('../../_images/main/interior_ico.png') no-repeat center left;}/*인테리어*/
section .list_page .list_wrap ul>li .kind ul li.store {background:url('../../_images/main/store_ico.png') no-repeat center left;}/*매장설비*/
section .list_page .list_wrap ul>li .kind ul li.franchise {background:url('../../_images/main/franchise_ico.png') no-repeat center left;}/*프랜차이즈*/

section .list_page .list_wrap ul>li .kind .detail {height:auto; min-height:50px;}
section .list_page .list_wrap ul>li .kind .detail a {font-size:13px; color:#545454; border-bottom:1px solid #545454;}

section .list_page .more_btn {text-align:center;}
section .list_page .more_btn a {display:inline-block; width:55px; height:55px; text-indent:-99999px; background:url('../../_images/main/more_btn.png') no-repeat center center;}

/*media query*/
@media (max-width:1600px) {
	section .banner .swiper-slide img {max-width:100%;}
	section .banner .swiper-container-horizontal>.swiper-pagination-bullets, section .banner .swiper-pagination-custom, section .banner .swiper-pagination-fraction {
		bottom:17px;
	}
}

@media (max-width:1200px) {
	section .list_page .list_wrap ul>li .info {width:100%;}
	section .list_page .list_wrap ul>li .info:after {display:none;}
	section .list_page .list_wrap ul>li .info .btn a {width:30%; min-width:78px; font-size:14px;}

	section .list_page .list_wrap ul>li .kind {width:100%;}
	section .list_page .list_wrap ul>li .kind:after {width:100%; height:1px;}
	
	
	
	section .notice .control {right:15px;}
}

@media (max-width:1000px) {
	section .banner .swiper-container-horizontal>.swiper-pagination-bullets, section .banner .swiper-pagination-custom, section .banner .swiper-pagination-fraction {
		bottom:11px;
	}
	section .banner .swiper-pagination-bullet {
		width: 9px;
		height: 9px;
	}
	section .banner .swiper-button-next, section .banner .swiper-button-prev {
		width: 16px;
		height: 31.5px;
		margin-top: -15.75px;
		background-size: 16px 31.5px;
	}

	section .list_page {padding:40px 0 20px;}
	section .list_page .tit_wrap p {width:100%; text-align:center;}
	section .list_page .tit_wrap .view_tab {width:100%; margin-top:30px; text-align:center;}
	section .list_page .tit_wrap .view_tab ul li {float:none; display:inline-block;}
	section .list_page .tit_wrap .setting {text-align:center;}

	section .list_page .list_wrap ul>li {width:calc(50% - 5px); margin-right:5px; margin-bottom:10px;}
	
	

	section .list_page .more_btn {margin-top:10px;}
}

@media (max-width:767px) {
	section .banner {margin-top:0;}

	/*section .notice p {display:block; width:100%; text-align:center; background-position:center top; padding:65px 0 0;}*/
	section .notice p {background:none; padding:0;}
	section .notice p span {padding:0;}
	section .notice p span:after {display:none;}

	section .notice .control {
		position: absolute;
		/*top: 105px;
		right: 50%;
		margin-right:-49.5px;*/
		top:0;
		overflow: hidden;
	}
	/*section .notice .overflow {margin-top:50px;}*/
	section .notice .overflow #vertical-ticker li {margin:0 30px;}
	section .notice .overflow {
		width:100%;
		margin-left:0;
		height: 34px;
		overflow: hidden;
	}

	section .notice .overflow #vertical-ticker li {margin:0;}
	section .notice .overflow #vertical-ticker li div {margin-top:5px; padding-right:80px;}
	section .notice .overflow #vertical-ticker li div a {font-size:14px;}
	section .notice .overflow #vertical-ticker li div span.date {font-size:14px;}
}

@media (max-width:640px) {
	section .list_page {padding-top:0;}
	section .list_page .tit_wrap p {font-size:20px; display:none;}
	section .list_page .tit_wrap .setting {display:none;}

	section .list_page .tit_wrap .view_tab ul li a {font-size:14px;}
	
	section .list_page .list_wrap ul>li .info {height: auto; min-height: auto;}
	section .list_page .list_wrap ul>li {width:100%; margin-right:0;}
	section .list_page .list_wrap ul>li .kind ul {height:auto; min-height:80px;}

	section .list_page .list_wrap ul>li .kind .detail {margin-top:10px;}
	

	/*section .notice .control {display:none;}
	section .notice .overflow {height:auto !important; margin-top:15px;}
	section .notice .overflow #vertical-ticker {height:auto !important;}*/

	section .list_page .list_wrap ul>li .info p {font-size:16px;}
	section .list_page .list_wrap ul>li .info .btn {margin-top:20px;}

	section .list_page .list_wrap ul>li .kind ul li {width:50%; margin-bottom:0;}
}

@media (max-width:410px) {
	section .list_page .tit_wrap .view_tab {margin-top:20px;}
	section .list_page .tit_wrap .view_tab ul li {float:left; width:50%; padding:0;}
	section .list_page .tit_wrap .view_tab ul li:nth-child(2):after {display:none;}
	
	section .list_page .list_wrap ul>li .kind ul {height:auto; min-height: 70px;}
	/*
	section .list_page .tit_wrap .view_tab ul li:last-child {width:100%; margin-top:10px;}
	section .list_page .tit_wrap .view_tab ul li {padding:0 5px;}
	section .list_page .tit_wrap .view_tab ul li a {font-size:13px;}
	section .list_page .tit_wrap .view_tab ul li.select a {padding:2.5px 7.5px;}*/
}

@media (max-width:330px) {
	section .list_page .list_wrap ul>li .info .btn a {margin-left:5px;}
}