@CHARSET "UTF-8";
/* 전국 프랜차이즈 서비스 */
 #sub-page .container-intro.benefit-intro {
    background: #ddd url(../images/benefit/benefit_bg-intro.png) 0 0 no-repeat;
    background-color: #28374C;
    background-position: right;
}
 .franchise-sisul-list {
    display: block;
    width: 100%;
    float: left;
}
 .mdl-chip__wrap {
 	display: flex;
 	overflow: auto;
 	margin-bottom : 0px;
 	padding-top: 10px;
 }
 .mdl-chip__wrap a.active {
	color: #339933;
	/*background-color: #f7f7f7; */
	border: 1px solid #abe1ab;
}

 .mdl-chip {
 	height: 32px;
 	line-height: 32px;
 	padding: 0 12px;
 	border: 1px solid #dedede;
 	border-radius: 16px;
 	display: inline-block;
 	color: rgb(0,0,0,.87);
 	margin: 2px 2px;
 	font-size: 0;
 	white-space: nowrap;
 }
.mdl-chip:hover {
	color: #339933;
	background-color: #f7f7f7;
	border: 1px solid #f1f7df;
}
.mdl-chip__text {
	font-size: 13px;
	vertical-align: middle;
	display: inline-block;
}
.franchise-sisul-listcard {
    width: 20%;
    text-align: center;
    margin: auto 13px;
    float: left;
}
.frd_img {
    height: auto;
    width: 718px;
}
.info_brand1,.info_brand2,.info_brand3,.info_brand4,.info_brand5,.info_brand6,.info_brand7,.info_brand8,.info_brand9{
	width: 100%;
    float: left;
    padding-top: 20px;
}

/* 이용한도 테이블 START */
.limit__table-Wrap {
	padding-top: 48px;
	clear: both;
}

.benefit-content__title {
	font-size: 1.8em; 
	color: #000; 
	font-weight: 500; 
	margin-left: 6px; 
	margin-bottom: 12px;
}

.limit__table {
	overflow: auto; 
	white-space: nowrap;
	overflow: scroll;
    overflow-y: auto;
    overflow-x: auto;
	
}

.limit__table table {
	border-top: 1px solid #dddddd;
    border-collapse: collapse;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    width: 100%;
}

.limit__table tr, .limit__table th, .limit__table td {
	border-bottom: 1px solid #dddddd; 
	
}
.limit__table th,.limit__table td {
    width: 15%;
    padding: 10px;
}
.limit__table th {
	line-height: 1.5; 
	font-weight: 400; 
	color: #2E930A; 
}
.limit__table td {
	font-weight: 300; 
}
.limit__table .text-color__X {
	color: #fda678;
}
/* 이용한도 테이블 END */


/* 컬처멤버십_ 전국 프랜차이즈 전용 등급 런칭  */
.franchise-class__align {
	display: block; 
	justify-content: space-between; 
	float: left;
    width: 100%;
}

.franchise-class__Wrap {
    width: 32%;
    background-color: #f2f2f2;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    float: left;
    margin: 60px auto 10px auto;
}
.franchise-class__Wrap:nth-child(1){
	margin-right:13px;
}
.franchise-class__Wrap:nth-child(2){
	margin-right:13px;
}

.franchise-class__content {
	display: flex;
	justify-content: space-around; 
	flex-direction: column; 
	line-height: 2;
}
.franchise-class__top-area {
	display: flex; 
	justify-content: space-between; 
	align-items: flex-end; 
	margin-right: 20px;
}
.franchise-class__top-area-text {
	font-weight: 500; 
	font-size: 1.2em;
}

.franchise-class__top-area-img {
	position: absolute; 
	top: -64px; 
	right: 10px;
}
.franchise-class__dotted {
	border-bottom: 1px dotted #ccc; 
	padding-bottom: 12px;
}

.franchise-class__sub-text span:nth-child(1) {
	color:#666;
}
.franchise-class__sub-text span:nth-child(2) {
	font-weight: 500;
	float: right;
}
/* 컬처멤버십_ 전국 프랜차이즈 전용 등급 런칭 END */

.menu-boxTab .wrap-menu ul li a{
	margin-left:1px;
	border-top: #ddd 1px solid;
    border-left: #ddd 1px solid;
    border-right: #ddd 1px solid;
    border-bottom: #ddd 0px solid;
}
.menu-boxTab .wrap-menu ul li a.active::after{
    bottom: -2px;
    height: 5px;
    background: #fff;
}


.container-intro.benefit-intro {
    background: #ddd url(../images/guide/bg-intro4.jpg) 0 0 no-repeat;
    background-size: cover;
    background-position: 91% center;
}
.container-intro {
    width: 100%;
    background: #ddd url(../images/guide/bg-intro.jpg)no-repeat;
    background-size: cover;
    background-position: 61% center;
}
.container-intro #intro {
    width: 1200px;
    padding: 40px 0px;
    margin: 0px auto;
}
section {
    overflow: hidden;
    padding: 0px 0px 15px;
    margin: 0px 0px 15px;
}
.container-intro #intro .wrap {
    text-align: center;
}

.container-intro #intro .wrap .title-small {
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 15px;
    border: 1px solid #fff;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.3;
    color: #fff;
}
.container-intro #intro .wrap .title-slg {
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.3;
    color: #fff;
}
section p {
    font-size: 15px;
}
.container-intro #intro .box-icon {
    margin-bottom: 0px;
    border-right: 1px solid rgba(255, 255, 255, .3);
    text-align: center;
}
.container-intro #intro .box-icon.last {
    margin-bottom: 0px;
    border-right: 0px solid rgba(255, 255, 255, .3);
    text-align: center;
}
.container-intro #intro .box-icon img {
    margin-bottom: 10px;
}
.container-intro #intro .box-icon span {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
}

.sisul-price {
	float: right; 
    color: #999;
    text-decoration: line-through;
    font-weight: 100;
}
.sisul-discounted-price {
	display: inline-block; 
	float: right;     
	color: #212529;
    font-weight: 500;
}
.franchise-sisul-list .sisul-name span{
    color: #666;
    font-size: 0.94em;
    display: inline-block;
    height: 58px;
    margin-top: 12px;
}
.masking {
    background-color: #efefef;
    z-index: 4;
    width: 222px;
    height: 28px;
    position: absolute;
    margin-top: -22px;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #d417af;
}

.info_text {
    padding: 14px;
    line-height: 1.8em;
    border: 1px solid #ddd;
    text-align: left;
    margin: 20px 0 60px;
}
.info_text p {
    font-weight: 300;
    color: #212529;
}
.font_point {
    color: #d417af;
    font-weight: 400;
}
.info_point {
    width: 100%;
    text-align: center;
    color: #6C6F73;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 15px;
}

.tab_style {
    height: 50px;
    border: solid #ececec 1px;
    background-color: #ececec;
}
.tab_active {
    border: 1px solid #000;
    font-weight: 500;
    color: #000;
    z-index: 99;
}
[class*="sub_tab"] {
    cursor: pointer;
    text-align: center;
}
.sub_tab2, .sub_tab3, .sub_tab4, .sub_tab5 {
    border-left: solid #fff 1px;
}
.table2 {
    width: 100%;
    border-width: 1px 0px 0px 0px;
    border-style: solid none none none;
    border-color: rgb(136, 136, 136) currentColor currentColor currentColor;
    border-image: none;
    text-align: center;
}

.th-name {width:33%;}

.table_title {
    border: 1px solid #ddd;
}
.table_title li {
    width: 20%;
    float: left;
    line-height: 50px;
    text-align: center;
}
.table_title li:first-of-type {
    width: 40%;
}
.table2 p {
    margin-bottom:0;
    font-weight: 300;
}

.thead {
    background-color: #fafafa; 
    padding: 10px 0; 
    height:55px; 
    border-bottom: 1px solid #f2f2f2;
    line-height: 1.4em;
}

.tr_bb {
    border-bottom: 1px solid #f2f2f2;
}
.tr_bb2 {
    border-bottom: solid 1px #999;
}


.shortcut {
    color: #999;
}
.tr-bg:hover {
    background-color: #fafafa;
}
.font-sale {
    color: #d417af;
}
.font-price {
    color: #212529;
}
.font-line {
    color: #999;
    text-decoration: line-through;
    font-weight: 100;
}

.sisul-img {
	border-radius: 50%;
    padding: 28px;
    background-color: #EEF6E4;
    width: 100%;
    float: left;
}
.info_brand1 {
    display: block;
    width: 100%;
    float: left;
}
.sisul-name {
    width: 100%;
    float: left;
}
.sisul-name a{
    width: 100%;
    float: left;
}

.sisul-txt {
    float: left;
    width: 100%;
    padding: 10px 0px;
    min-height: 67px;
}

.limit__table::-webkit-scrollbar{
    width: 3px !important;
	height: 3px !important;
}
.limit__table::-webkit-scrollbar-thumb{
    background: #5494fe;
    border-radius: 10px;
}
.sisul-img2 {
    
    background-size: 59%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
	background-color: #EEF6E4;
	float:left;
}

.sisul-img2.lotte{
	background-image: url(/images/mobilecard/approval/lotte_movie_ver2.png);
}

.sisul-img2.meta{
	background-image:url(/images/mobilecard/approval/sisul09_ver2.png);
}

.sisul-img2.clip{
	background-image:url(/images/mobilecard/approval/SBAT13110390_SUB_1.png);
}

.mdl-chip__wrap{
	display:block;
}

/* 일반혜택,스포츠멤버십 여가/문화 혜택 공통 START */
.menu-boxTab{
	width:100%;
	float:left;
	margin-bottom:15px;
}
.menu-boxTab .wrap-menu{
	float:left;
	width:383px;
	
}
.list-tabs{
	width:100%;
	float:left;
}
.info_center1{
	width:100%;
	float:left;
}
.info_center2{
	display:none;
	width:100%;
	float:left;
}

.info-inner-small-txt{
	width:100%;
	float:left;
	margin-bottom : 0px;
 	padding-top: 10px;
}
.info-inner-small-txt span{
	padding: 7px 11px;
    border: 1px #008444 solid;
    border-radius: 25px;
    width: auto;
    color:#008444;
    float:left;
    text-align: center;
}
.info-inner-list {
    width: 100%;
    float: left;
}
.more-btn-layer {
    width: 100%;
    float: left;
    text-align: center;
}
.more-btn-layer img {
    width: auto;
    margin-top:15px;
}
.list-layer {
    width: 100%;
    float: left;
}
.list-layer ul {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom:1px #cccccc solid;
    padding:15px 0px;
}
.list-layer ul li:first-child {
    width: 50%;
    max-width: 165px;
    min-width: 165px;
}
.list-layer ul li:first-child img{
    width: 100%;
    max-width:165px;
    min-width: 165px;
}
.list-layer ul li:nth-child(2) {
    padding:0px 15px 15px 15px;
}
.list-layer ul li:nth-child(2) div:first-child{
    font-size:22px;
    font-weight:bold;
}
.list-layer ul li:nth-child(2) div:nth-child(2){
    font-size:19px;
    padding-top:10px;
}
/* 일반혜택,스포츠멤버십 여가/문화 혜택 공통 START */
/* 스포츠멤버십 여가/문화 혜택 로컬시설 테이블 css START */
.fr-tr {
    margin-bottom: 25px;
    border: 1px #cccccc solid;
    border-radius:7px;
    float: left;
    width: 100%;
}
.fr-td .frtd-table{
	width:100%;
}
.fr-td .frtd-table td{
	font-size:15px;
}
.fr-td .jm-title {
	font-size: 17px;
    font-weight: bold;
    width: 100%;
}
.fr-td .jm-title div:nth-child(1){
    float:left;
    width:auto;
    margin-bottom:8px;
    margin-right: 4px;
}
.fr-td .jm-title div:nth-child(2){
    float: left;
    font-size: 14px;
    font-weight: bold;
    border: 1px #0199DC solid;
    padding: 0px 5px;
    border-radius: 15px;
    color: #0199DC;
    background-color: #EAF9FE;
    margin-bottom:8px;
}

.fr-td .jm-btn {
	width: 68px;
    padding: 10px;
}
.fr-td li:nth-child(2){
	width: 134px;
}

.fr-td .jm-btn div{
    background-color: #0199DC;
    color: white;
    padding: 10px 19px;
    border-radius: 7px;
    width: 99px;
    text-align: center;
    cursor: pointer;
	    
}
.fr-localimg-layer{
	float:left;
	width:100%;
	text-align:center;
}
.fr-localimg-layer img{
	width:98%;
	padding:0px;
	max-width:510px;
}
/* 스포츠멤버십 여가/문화 혜택 로컬시설 테이블 css END */
/* 스포츠멤버십 여가/문화 혜택 전국시설 테이블 css START */

.jm-title {
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.jm-title div:nth-child(1) {
    float: left;
    width: auto;
}
span.jm-category {
    float: left;
    line-height: 28px;
}
span.jm-count {
    float: left;
    font-size: 14px;
    font-weight: bold;
    border: 1px #0199DC solid;
    padding: 3px 5px;
    border-radius: 15px;
    color: #0199DC;
    background-color: #EAF9FE;
    margin-left: 10px;
}
span.jm-count.gr {
    border: 1px #2E930A solid; 
    color: #2E930A;
    background-color: #E8F3E5;
}
.jm-title .jm-btn div:nth-child(1) {
    border: 1px #212529 solid;
    padding: 6px 0px;
    width: 86px;
    text-align: center;
    cursor: pointer;
}

.fr-td {
    position: relative;
    padding: 22px 12px 22px 22px;
}
.fr-td .frtd-table {
    width: 100%;
}
.fr-td .frtd-table td {
    font-size: 15px;
}

.fr-contents-img-layer {
    width: 100%;
    float: left;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
    margin-bottom: 25px;
}

.fr-contents-img {
    float: left;
    width: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 1px #ccc solid;
}
.fr-contents-img img{
    width: 100%;
    padding:15px 28px;
}
.fr-contents-img div{
    width: 100%;
    padding:15px 0px;
    background-color:#f5f5f5;
    font-size:15px;
    color:#777777;
}

.fr-allimg-layer{
	float:left;
	width:100%;
	text-align:center;
}
.fr-allimg-layer img{
	width:98%;
	padding:0px;
	max-width:810px;
}
/* 스포츠멤버십 여가/문화 혜택 전국시설 테이블 css END */
/* 페이백 */
.fr-paybackimg-layer{
    width: 100%;
    float: left;
    display: flex;
    row-gap: 8px;
    column-gap: 34px;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 13px 0px;
    justify-content: center;
    align-content: center;
}

.banner-img1{
	width:49.5%;
	padding:0px 10px;
	padding-left:0px;
}
.banner-img2{
	width:49.5%;
	padding:0px 10px;
	padding-right: 0px;
}
.fr-paybackimg-layer{
	float:left;
	width:100%;
	text-align:center;
}
.fr-paybackimg-layer img{
	width:98%;
	padding:0px;
	max-width:710px;
}
/* 
********	반응형 css   *********************
 */
@media (max-width: 1200px){
	.container-intro #intro {
	    width: 100%;
	}
}
@media(max-width:996px){
	
	.fr-detail-category-item.mega{
	    background-size: 101px 40px;
    	width: 101px;
	}
	.fr-detail-category-item.starbucks{
	    background-size: 165px 40px;
    	width: 165px;
	}
	.fr-detail-category-item.bback{
	    background-size: 97px 40px;
    	width: 97px;
	}
	.fr-detail-category-item.ediya{
	    background-size: 113px 31px;
    	width: 113px;
	}
	.fr-detail-category-item.dunkin{
	    background-size: 113px 40px;
    	width: 113px;
	}
	.fr-detail-category-item.salery{
	    background-size: 101px 40px;
    	width: 101px;
	}
	.fr-detail-category-item.beskin{
	    background-size: 147px 40px;
    	width: 147px;
	}
	.fr-detail-category-item.paris{
	    background-size: 164px 40px;
    	width: 164px;
	}
	
	.fr-detail-category-item.gs25{
	    background-size: 76px 40px;
    	width: 76px;
	}
	.fr-detail-category-item.cu{
	    background-size: 53px 40px;
    	width: 53px;
	}
	.fr-detail-category-item.yogiyo{
	    background-size: 77px 40px;
    	width: 77px;
	}
	.fr-detail-category-item.olive{
	    background-size: 103px 26px;
    	width: 103px;
	}
	.fr-detail-category-item.lottecinema{
	    background-size: 120px 40px;
    	width: 120px;
	}
	.fr-detail-category-item.clipservice{
	    background-size: 110px 36px;
    	width: 110px;
	}
	.fr-detail-category-item.megabox{
	    background-size: 120px 34px;
    	width: 120px;
	}
}
@media (max-width: 768px){
	/* 전국 프랜차이즈 서비스 */
	#sub-page .container-intro.benefit-intro {
	    background-position-x: 82% !important;
	    background-size: 210%;
	}
	.frd_img {
	    width:100%;
	    height:auto;
	}
	.container-intro #intro .wrap .title-slg {
	    margin-bottom: 60px;
	    font-size: 36px;
	}
	.container-intro.benefit-intro #intro .box-icon span {
	    padding: 0 19px;
	    word-break: keep-all;
	}
	.franchise-sisul-listcard{
		margin:auto 8px;
	}

	.cont-layer{
		margin-top: 12vw;
	}
	.semi-circle{
		height: 28vw;
	}
	.content div {
		width: 16vw;
		height: 14%;
		font-size: 3vw;
	}
	.content{
		width: 13vw;
	    height: 13vw;
	}
	.content2{
		 width: 23vw;
	    height: 23vw;
	    font-size: 3vw;
	}
	   
	.dot-layer i.fa.fa-solid.fa-circle{
		font-size: 2vw;
	}
	
	.fr-detail-category-nation-item.mega{width: 167px;}
	.fr-detail-category-nation-item.mega{width: 167px;}
	.fr-detail-category-nation-item.ediya{width:129px;}
	.fr-detail-category-nation-item.bback{width: 73px;}
	.fr-detail-category-nation-item.beskin{width:129px;}
	.fr-detail-category-nation-item.dunkin{width: 122px;}
	.fr-detail-category-nation-item.beskin{width: 160px;}
	.fr-detail-category-nation-item.olive{width: 161px;}
	.fr-detail-category-nation-item.lottecinema{width: 160px;}
	.fr-detail-category-nation-item.megabox{width: 139px;}
	.fr-detail-category-nation-item.cu{width: 82px;}
	.fr-detail-category-nation-item.gs25{width: 81px;}
	.fr-detail-category-nation-item.yogiyo{width: 78px;}
	.fr-detail-category-nation-item.salery{width: 137px;}
	.fr-detail-category-nation-item.clipservice{width: 137px;}
	.cn-title{
	 	font-size:18px;
	}
	/*  */
	.more-btn-layer img{
   	    width: 87%;
    	min-width: 287px;
	}
	
	
}

@media (max-width: 767px){
	/* 전국 프랜차이즈 서비스 */
	.mdl-chip__wrap{
		display:flex;
	}
	.table_title li:last-of-type {
	   line-height: 19px;
	   padding-top: 8px;
	}
	.sisul-img {
    	padding: 10px;
  	}  
    .franchise-class__top-area-img {
		position: absolute; 
		top: -20px; 
		right: 10px;
	}
	.franchise-class__Wrap{
		width:100%;
		margin: 8px auto 10px auto;
	}
	.franchise-class__sub-text-margin {
		margin-right: 25%;
	} 
	
	/* 일반혜택 */
	.banner-img1{
		width:100%;
		padding: 10px 0px;
		padding-top: 0px;
	}
	.banner-img2{
		width:100%;
		padding: 10px 0px;
		padding-bottom: 0px;
	}
	.fr-contents-img img{
		width:223px;
	}
	.fr-contents-img{
		width:48%;
	}
}
@media (max-width:630px){
	
	/* 페이백 */
	.fr-paybackimg-layer img{
		content:url("/images/benefit/241120 payback_service_method_m1.png");
	}
	/* 스포츠멤버십 여가/문화 혜택 전국시설  */
	.fr-allimg-layer img{
		content:url("/images/benefit/241120 sport_service_method_m2.png");
	}
	.fr-contents-img{
		width:48%;
	}
}
@media (max-width: 540px){
	/* 전국 프랜차이즈 서비스 */
	.sisul-name span:nth-of-type(2) {
	    color: #212529;
	    font-size: 1.1em;
	    display: inline-block;
	    height: 58px;
	}
	/* 일반혜택 */
	.list-layer ul li:nth-child(2) div:first-child{
	    font-size:4vw;
	}
	.list-layer ul li:nth-child(2) div:nth-child(2){
	    font-size:4vw;
	}
}

@media (max-width: 460px){
	/* 전국 프랜차이즈 서비스 */
	.container-intro #intro .wrap .title-slg {
	    margin-bottom: 35px;
	    font-size: 26px;
	}
	.container-intro #intro .wrap .title-small {
	    font-size: 13px;
	}
	.container-intro #intro .wrap .title-slg {
	    margin-bottom: 35px;
	    font-size: 26px;
	}
	.franchise-sisul-listcard{
		width: 27%;
	}

}
@media (max-width: 420px){
	/* 전국 프랜차이즈 서비스 */	
	.container-intro #intro {
	    padding: 30px 0px;
	    margin: 0px auto;
	}
	.container-intro #intro .box-icon {
	    padding: 0px 0px;
	}
	.container-intro #intro .box-icon span {
	    display: block;
	    width: 100%;
	    font-size: 12px;
	    font-weight: 400;
	    line-height: 1.3;
	    color: #fff;
	}
	.fr-contents-img img{
		width:183px;
	}
}

@media(max-width:340px){
	.fr-detail-category-nation-item.starbucks{width: 100%;}
	.fr-detail-category-nation-item.mega{width: 100%;}
	.fr-detail-category-nation-item.ediya{width: 100%;}
	.fr-detail-category-nation-item.bback{width: 100%;}
	.fr-detail-category-nation-item.beskin{width: 100%;}
	.fr-detail-category-nation-item.dunkin{width: 100%;}
	.fr-detail-category-nation-item.beskin{width: 100%;}
	.fr-detail-category-nation-item.olive{width: 100%;}
	.fr-detail-category-nation-item.lottecinema{width: 100%;}
	.fr-detail-category-nation-item.megabox{width: 100%;}
	.fr-detail-category-nation-item.cu{width: 100%;}
	.fr-detail-category-nation-item.gs25{width: 100%;}
	.fr-detail-category-nation-item.yogiyo{width: 100%;}
	.fr-detail-category-nation-item.salery{width: 100%;}
	.fr-detail-category-nation-item.clipservice{width: 100%;}
	.fr-detail-category-nation-item.paris{width: 100%;}
}

@media (max-width: 280px){
	/* 전국 프랜차이즈 서비스 */
	.sisul-name span:nth-of-type(2) {
	    color: #212529;
	    font-size: 0.9em;
	    display: inline-block;
	    height: 50px;
	}
	.sisul-name {
	    line-height: 1.2em;
	}

	.sisul-price, .sisul-discounted, .sisul-discounted-price {
		font-size: 0.9em;
	}
}