@charset "UTF-8";

/*	레이아웃	*/

html { width:100%; margin: 0 auto; }
body{
	position:relative;
	width: 100%;
	/*max-width:768px;*/
	height: auto;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0;
	background:#fff;
	color: #000;
	word-break:break-all;
}

*, *::before, *::after { box-sizing: border-box; }
input, textarea, select { font-size: 15px;  vertical-align: middlel; }
h3 {font-size: 18px; font-weight: 600;}

.c_06b986 { color: #06b986; }
.c_0b8568 { color: #0b8568; }
.c_00a77f { color: #00a77f; }
.c_fc5000 { color: #fc5000; }
.c_red { color: #ff0010; }
.c_grey {color: #999;}

[type="checkbox"] {
    width: 16px;
    height: 16px;
}
[type="radio"] {
    appearance: none; /* 기본(네이티브) 모양을 제거 */
    border-radius: 50%;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 1px solid gray;
    cursor: pointer;
}
[type="radio"]:checked {
    border: 4px solid #06b986;
}
body .contents {word-break:break-all;}
/*body .contents{display:block; width:100%; height:90%; overflow-y:scroll; word-break:break-all;}*/

/*	에러페이지	*/
.error-wrap {display:block; width:100%; height:100vh; align-content: center;}
.error-content{display:block; width:90%; margin:auto;}
.error-content p{text-align: center; font-size:20px;}
.error-content span{display:block; margin:auto; text-align: center; word-break:break-all; }
.error-content .btns{display:flex; width:50%; margin:20px auto; text-align: center;}
.error-content .btns button{flex-grow:1; margin-right:10px; border-radius:10px; line-height:40px;}
.error-content .btns button.btn-prev{background:gray; color:white;}
.error-content .btns button.btn-home{background:#06b986; color:white;}

/*	스크롤 바 Chrome, Safari, Opera */
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {background-color: #cbcbcb;}
/* Firefox */
::-moz-scrollbar {width: 5px;}
::-moz-scrollbar-thumb {background-color: #cbcbcb;}

/*	테이블	*/
.table {width:100%; border-collapse: collapse;}
.table th, .table td{ border-right:1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 40px; text-align: center;}
.table th {background: #f8f8f8; color: #111; }
.table th:last-child,
.table td:last-child {
  border-right: none;
}

/*	버튼	*/
.btn{ height: 54px; padding:7px 16px; color:#555; width: 100%; border-radius:30px; align-content: center; font-size:16px; font-weight:600;  text-align:center; vertical-align: middle; border: 1px solid #ddd;}
.btn-primary { background: #509dff;}
.btn-primary:hover { background: #3572c1;}
.btn-success { background: #06b986; color: #fff; border: none;}
.btn-success:hover { background: #05b482;}
.btn-danger { background: #db0707;}
.btn-danger:hover { background: #b51010;}
.btn-list { background: #fff;}
.btn-list:hover{}
.btn.next_btn { width: 100%; }
.btn-delete {background:#db0707; color: #fff;}
.btn-wincomm {}


/*	페이징	*/
.paging {
	display: flex;
	width: 100%;
	margin: 30px auto;
}
.paging li { 
	flex-grow:1;
	height:36px;
	line-height: 36px;
	}
/*.paging li button{display:block;  margin:auto; border-radius:30px; width: 36px; height:36px; line-height: 36px;}*/
.paging li button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border-radius: 30px;
  width: 36px;
  height: 36px;
  line-height: 1;
  border: none;
  background: none;
  cursor: pointer;
}

.paging li button.active, .paging li button:hover {
	width: 36px;
	height: 36px;
	background: #f4f4f4;
	box-sizing: border-box;
}
.paging li button.active {
	font-weight: 700;
	color: #0b8568;
}
    
/* 예약 상태 라벨 (goods) 스타일 */
.label-state {
	position: static;
	display: flex;
	width: auto;  */
	top: auto; 
	left: auto;
	padding: 0 6px;
	text-align : center;
	border-radius: 5px;
  font-size: 12px; 
  font-weight: 600;
  color: #fff;
  vertical-align: middle;
  box-sizing: border-box;
  z-index: 2;
}
.main.label-state {position:absolute; top:8px; left:8px; }
.depart { background-color: #FF6B6B;} /* 출발확정 */
.can { background-color: #0088FF; } /* 예약가능 */
.default { background-color: #25CE69;} /* 대기예약 */
.reserve-off { background-color: #b3b3b3;} /* 예약마감 */


/* 상품 위 태그 */
.tag {
	display: inline-block;
	white-space: nowrap;
  text-align : center;
  padding: 0 6px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  vertical-align: middle;
  box-sizing: border-box;
}
/*.goodsNo { color: #495263; border: 1px solid #aaa;}*/
/*.type1 { background-color: #06b986; } /* 진주출발  (그린 4BCC71)*/
/*.type2 { background-color: #5438dc; } /* 여행사공동 */
/*.type3 { background-color: #1ED436; } /* 서경 단독 (32e875)*/
/*.type4 { color: #fa8e00; border: 1px solid #fa8e00; } /* 항공권 불포함 */
/*.type5 { color: #08C2FF; border: 1px solid #08C2FF; } /* 지자체 지원  */
/*.type6 { color: #4e0ba7; border: 1px solid #4e0ba7; } /* No팁 */
/*.type7 { color: #32e875; border: 1px solid #32e875; } /* No옵션 */
/*.type8 { color: #007bff; border: 1px solid #007bff; } /* No쇼핑 */

/* 슬라이더 */
.goods-slider	{ overflow-x: auto; white-space: nowrap;}
.goods-slider::-webkit-scrollbar { display: none; }
.goods-slider.scrolled { padding: 0; }
.swiper-container { width: 100%; overflow: hidden; }
.swiper-wrapper { display: flex; gap: 0; }
.swiper-slide { width: auto; }
.swiper-slide {	position: relative; width: 224px; max-width: 224px; flex-shrink: 0; scroll-snap-align: start; }
.swiper-slide:last-child { margin-right: 0;}


/* 공통 : 상단 헤더 */
.header_wrap { height:60px; padding:0 20px; background-color: #fff;  box-sizing: border-box; }
.header_wrap.fixed {
	position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 768px;
  border-bottom: 1px solid #ddd;
  z-index: 9999;
  background: #fff;
}
.header { position: absolute; height:60px; }
.header h1.title { 
	position: relative;
	height:100%;
	margin-left: 10px;
	padding: 0 20px;
	font-size: 20px;
	line-height: 60px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.header .btn_prev { 
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  background: url('/images/arrow_back.svg') no-repeat center center / 80%;
  text-indent: -9999px;
  z-index: 10;
}

.sub-header { display: flex; height: 60px; align-items: center; padding: 0 20px; border-bottom: 1px solid #ddd; }
.sub-header .header { position: absolute; height:60px; }
.sub-header .header .title {
  display: inline;
  height:100%;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  color: #000;
  overflow: hidden;
}
.sub-header .header .btn_prev {
	position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url('/images/arrow_back.svg') no-repeat center center / 100%;
  text-indent: -9999px;
  z-index: 10;
}


/* common */
.display-n {
	display: none !important;
}
.t-center { text-align: center; }
.t-right { text-align: right; }
.t-left { text-align: left; }

.f-right { float: right; }
.f-left { float: left; }


/* Form Width%  */
.w5{width:5% !important;}
.w6{width:6% !important;}
.w7{width:7% !important;}
.w8{width:8% !important;}
.w9{width:9% !important;}
.w10{width:10% !important;}
.w12{width:12% !important;}
.w13{width:13% !important;}
.w15{width:15% !important;}
.w17{width:17% !important;}
.w18{width:18% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w28{width:28% !important;}
.w30{width:30% !important;}
.w33{width:33% !important;}
.w35{width:35% !important;}
.w36{width:36% !important;}
.w38{width:38% !important;}
.w40{width:40% !important;}
.w42{width:42% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w52{width:52% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w98{width:98% !important;}
.w99{width:99% !important;}
.w100{width:100% !important;}



.wx5{width:5px !important;}
.wx7{width:7px !important;}
.wx10{width:10px !important;}
.wx12{width:12px !important;}
.wx15{width:15px !important;}
.wx20{width:20px !important;}
.wx25{width:25px !important;}
.wx30{width:30px !important;}
.wx35{width:35px !important;}
.wx40{width:40px !important;}
.wx45{width:45px !important;}
.wx50{width:50px !important;}
.wx55{width:55px !important;}
.wx60{width:60px !important;}
.wx65{width:65px !important;}
.wx70{width:70px !important;}
.wx75{width:75px !important;}
.wx80{width:80px !important;}
.wx85{width:85px !important;}
.wx90{width:90px !important;}
.wx95{width:95px !important;}
.wx100{width:100px !important;}
.wx110{width:110px !important;}
.wx120{width:120px !important;}
.wx130{width:130px !important;}
.wx140{width:140px !important;}
.wx150{width:150px !important;}
.wx160{width:160px !important;}
.wx170{width:170px !important;}
.wx180{width:180px !important;}
.wx190{width:190px !important;}
.wx200{width:200px !important;}
.wx250{width:250px !important;}
.wx300{width:300px !important;}
.wx370{width:370px !important;}
.wx350{width:350px !important;}
.wx400{width:400px !important;}
.wx450{width:450px !important;}
.wx500{width:500px !important;}
.wx550{width:550px !important;}
.wx600{width:600px !important;}
.wx650{width:650px !important;}
.wx700{width:700px !important;}
.wx750{width:750px !important;}
.wx800{width:800px !important;}
.wx850{width:850px !important;}
.wx900{width:900px !important;}
.wx950{width:950px !important;}
.wx1000{width:1000px !important;}
.wx1100{width:1100px !important;}
.wx1200{width:1200px !important;}
.wx1300{width:1300px !important;}
.wx1400{width:1400px !important;}
.wx1500{width:1500px !important;}


.min-wPx10{min-width:10px !important;}
.min-wPx15{min-width:15px !important;}
.min-wPx20{min-width:20px !important;}
.min-wPx25{min-width:25px !important;}
.min-wPx30{min-width:30px !important;}
.min-wPx35{min-width:35px !important;}
.min-wPx40{min-width:40px !important;}
.min-wPx45{min-width:45px !important;}
.min-wPx50{min-width:50px !important;}
.min-wPx55{min-width:55px !important;}
.min-wPx60{min-width:60px !important;}
.min-wPx65{min-width:65px !important;}
.min-wPx70{min-width:70px !important;}
.min-wPx75{min-width:75px !important;}
.min-wPx80{min-width:80px !important;}
.min-wPx85{min-width:85px !important;}
.min-wPx90{min-width:90px !important;}
.min-wPx95{min-width:95px !important;}
.min-wPx100{min-width:100px !important;}

.mwx1000{width:1000px !important;}

.H10{height:10px !important;}
.H20{height:20px !important;}
.H30{height:30px !important;}
.H40{height:40px !important;}
.H50{height:50px !important;}
.H60{height:60px !important;}
.H70{height:70px !important;}
.H80{height:80px !important;}
.H90{height:90px !important;}
.H100{height:100px !important;}
.H110{height:110px !important;}
.H120{height:120px !important;}
.H130{height:130px !important;}
.H140{height:140px !important;}
.H150{height:150px !important;}


.fb{font-weight:bold !important;} 
 
/*숨기기*/
.ibl{width:1px;height:1px;overflow:hidden;}

/*overbg*/
.overBg{min-width:100%;min-height:100%;background:black;position:absolute;z-index:8888;filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7;}	
    
/* Float */
.f_left {float:left !important;}
.f_left.mT4 {margin-top:1px !important;*margin-top:4px !important;}
.f_left.mT5 {margin-top:1px !important;*margin-top:4px !important;}
.f_right {float:right !important;}
.f_clear {clear:both;_zoom:1;}
.clear {overflow:hidden;_zoom:1; clear:both;}
.of_hidden{overflow:hidden}

/*  Text-align */
.t_left {text-align:left !important;}
.t_right {text-align:right !important;}
.t_center {text-align:center !important;}

.v_top {vertical-align:top !important;}
.v_middle {vertical-align:middle !important;}
.v_bottom {vertical-align:bottom !important;}

.vt1{vertical-align:1px !important;}
.vt2{vertical-align:2px !important;}
.vt3{vertical-align:3px !important;}
.vt4{vertical-align:4px !important;}
.vt5{vertical-align:5px !important;}

.vtm0 {vertical-align:0px !important;}  
.vtm1 {vertical-align:-1px !important;}
.vtm2 {vertical-align:-2px !important;}
.vtm3 {vertical-align:-3px !important;}
.vtm4 {vertical-align:-4px !important;}
.vtm5 {vertical-align:-5px !important;}
.vtm7 {vertical-align:-7px !important;}

.hide{display:none !important;} 
.display_n {display:none !important;}
.display_b {display:block !important;}
.display_ib {display:inline-block !important;}

/*  Padding Top-Right-Bottom-Left */
.pd15{padding:15px !important;}

.pT0{padding-top:0px !important;} 
.pT3{padding-top:3px !important;}
.pT4{padding-top:4px !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT12{padding-top:12px !important;}
.pT13{padding-top:13px !important;}
.pT15{padding-top:15px !important;}
.pT18{padding-top:18px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT45{padding-top:45px !important;}
.pT50{padding-top:50px !important;}
.pT60{padding-top:60px !important;}
.pT70{padding-top:70px !important;}
.pT75{padding-top:75px !important;}
.pT80{padding-top:80px !important;}
.pT90{padding-top:90px !important;}
.pT100{padding-top:100px !important;}
.pT150{padding-top:150px !important;}
.pT200{padding-top:200px !important;}


.pR0{padding-right:0px !important;}
.pR5{padding-right:5px !important;}
.pR8{padding-right:8px !important;}
.pR10{padding-right:10px !important;}
.pR20{padding-right:20px !important;}
.pR25{padding-right:25px !important;}
.pR30{padding-right:30px !important;}
.pR35{padding-right:35px !important;}
.pR40{padding-right:40px !important;}
.pR45{padding-right:45px !important;}
.pR50{padding-right:50px !important;}
.pR60{padding-right:60px !important;}
.pR70{padding-right:70px !important;}
.pR75{padding-right:75px !important;}
.pR80{padding-right:80px !important;}
.pR90{padding-right:90px !important;}
.pR100{padding-right:100px !important;}


.pB0{padding-bottom:0px !important;}
.pB1{padding-bottom:1px !important;}
.pB3{padding-bottom:3px !important;}
.pB5{padding-bottom:5px !important;}
.pB6{padding-bottom:6px !important;}
.pB7{padding-bottom:7px !important;}
.pB10{padding-bottom:10px !important;}
.pB11{padding-bottom:11px !important;}
.pB12{padding-bottom:12px !important;}
.pB13{padding-bottom:13px !important;}
.pB14{padding-bottom:14px !important;}
.pB15{padding-bottom:15px !important;}
.pB17{padding-bottom:17px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB36{padding-bottom:36px !important;}
.pB37{padding-bottom:37px !important;}
.pB40{padding-bottom:40px !important;}
.pB45{padding-bottom:45px !important;}
.pB50{padding-bottom:50px !important;}
.pB56{padding-bottom:56px !important;}
.pB57{padding-bottom:57px !important;}
.pB59{padding-bottom:59px !important;}
.pB60{padding-bottom:60px !important;}
.pB65{padding-bottom:65px !important;}
.pB70{padding-bottom:70px !important;}
.pB75{padding-bottom:75px !important;}
.pB80{padding-bottom:80px !important;}
.pB85{padding-bottom:85px !important;}
.pB90{padding-bottom:90px !important;}
.pB95{padding-bottom:95px !important;}
.pB100{padding-bottom:100px !important;}
.pB200{padding-bottom:200px !important;}
.pB300{padding-bottom:300px !important;}
.pB400{padding-bottom:400px !important;}
.pB500{padding-bottom:500px !important;}
.pB600{padding-bottom:600px !important;}
.pB700{padding-bottom:700px !important;}
.pB800{padding-bottom:800px !important;}
.pB900{padding-bottom:900px !important;}
.pB1000{padding-bottom:1000px !important;}


.pL0{padding-left:0px !important;}
.pL1{padding-left:1px !important;}
.pL3{padding-left:3px !important;}
.pL5{padding-left:5px !important;}
.pL7{padding-left:7px !important;}
.pL8{padding-left:8px !important;}
.pL9{padding-left:9px !important;}
.pL10{padding-left:10px !important;}
.pL15{padding-left:15px !important;}
.pL20{padding-left:20px !important;}
.pL25{padding-left:25px !important;}
.pL30{padding-left:30px !important;}
.pL33{padding-left:33px !important;}
.pL35{padding-left:35px !important;}
.pL40{padding-left:40px !important;}
.pL45{padding-left:45px !important;}
.pL50{padding-left:50px !important;}
.pL55{padding-left:55px !important;}
.pL60{padding-left:60px !important;}
.pL65{padding-left:65px !important;}
.pL70{padding-left:70px !important;}
.pL80{padding-left:80px !important;}
.pL85{padding-left:85px !important;}
.pL90{padding-left:90px !important;}
.pL100{padding-left:100px !important;}
.pL130{padding-left:130px !important;}
.pL160{padding-left:160px !important;}
.pL190{padding-left:190px !important;}
.pL200{padding-left:200px !important;}
.pL220{padding-left:220px !important;}
.pL230{padding-left:230px !important;}
.pL260{padding-left:260px !important;}
.pL320{padding-left:320px !important;}
.pL400{padding-left:400px !important;}
.pL450{padding-left:450px !important;}
.pL265{padding-left:265px !important;}
.pL800{padding-left:800px !important;}


/*  Marign Top/Right/Bottom/Left */
.mmT1 {margin-top:-1px !important;}
.mmT2 {margin-top:-2px !important;}
.mmT3 {margin-top:-3px !important;}
.mmT4 {margin-top:-4px !important;}
.mmT5 {margin-top:-5px !important;}
.mmT6 {margin-top:-6px !important;}
.mmT7_ie7 {margin-top:-7px !important;*margin-top:-2px !important;}
.mmT8 {margin-top:-8px !important;}
.mmT10 {margin-top:-10px;!important;}
.mmT20 {margin-top:-20px;!important;}
.mmT30 {margin-top:-30px;!important;}
.mmT40 {margin-top:-40px !important;}
.mmT50 {margin-top:-50px !important;}
.mT3_M {margin-top:-2px !important;}
.mmL3 {margin-left:-3px !important;}
.mmL5 {margin-left:-5px !important;}
.mmL10 {margin-left:-10px !important;}

.mT0{margin-top:0px !important;}
.mT1{margin-top:1px !important;}
.mT2{margin-top:2px !important;}
.mT3{margin-top:3px !important;}
.mT4{margin-top:4px !important;}
.mgT4{margin-top:4px !important;}
.mT5{margin-top:5px !important;}
.mT6{margin-top:6px !important;}
.mT7{margin-top:7px !important;}
.mT8{margin-top:8px !important;}
.mT9{margin-top:9px !important;}
.mT10{margin-top:10px !important;}
.mT11{margin-top:11px !important;}
.mT12{margin-top:12px !important;}
.mT13{margin-top:13px !important;}
.mT14{margin-top:14px !important;}
.mT15{margin-top:15px !important;}
.mT16{margin-top:16px !important;}
.mT17{margin-top:17px !important;}
.mT18{margin-top:18px !important;}
.mT19{margin-top:18px !important;}
.mT20{margin-top:20px !important;}
.mT21{margin-top:21px !important;}
.mT23{margin-top:24px !important;}
.mT24{margin-top:24px !important;}
.mT25{margin-top:25px !important;}
.mT26{margin-top:26px !important;}
.mT27{margin-top:27px !important;}
.mT28{margin-top:28px !important;}
.mT29{margin-top:29px !important;}
.mT30{margin-top:30px !important;}
.mT31{margin-top:31px !important;}
.mT33{margin-top:33px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT45{margin-top:45px !important;}
.mT50{margin-top:50px !important;}
.mT55{margin-top:55px !important;}
.mT60{margin-top:60px !important;}
.mT70{margin-top:70px !important;}
.mT75{margin-top:75px !important;}
.mT80{margin-top:80px !important;}
.mT85{margin-top:85px !important;}
.mT90{margin-top:90px !important;}
.mT95{margin-top:95px !important;}
.mT100{margin-top:100px !important;}
.mT110{margin-top:110px !important;}
.mT120{margin-top:120px !important;}
.mT130{margin-top:130px !important;}
.mT140{margin-top:140px !important;}
.mT150{margin-top:150px !important;}

.mT3_ie7{margin-top:0 !important;*margin-top:3px !important;}
.mTp3{margin-top:3% !important;}

.mL10 {margin-left:10px !important;}


.mR0{margin-right:0 !important;}
.mR2{margin-right:2 !important;}
.mR3{margin-right:3px !important;}
.mR5{margin-right:5px !important;}
.mR6{margin-right:6px !important;}
.mR7{margin-right:8px !important;}
.mR8{margin-right:8px !important;}
.mR10{margin-right:10px !important;}
.mR12{margin-right:13px !important;}
.mR13{margin-right:13px !important;}
.mR15{margin-right:15px !important;}
.mR17{margin-right:17px !important;}
.mR20{margin-right:20px !important;}
.mR25{margin-right:25px !important;}
.mR28{margin-right:28px !important;}
.mR30{margin-right:30px !important;}
.mR35{margin-right:35px !important;}
.mR40{margin-right:40px !important;}
.mR45{margin-right:45px !important;}
.mR50{margin-right:50px !important;}
.mR51{margin-right:51px !important;}
.mR55{margin-right:55px !important;}
.mR57{margin-right:57px !important;}
.mR60{margin-right:60px !important;}
.mR65{margin-right:65px !important;}
.mR70{margin-right:70px !important;}
.mR75{margin-right:75px !important;}
.mR80{margin-right:80px !important;}
.mR85{margin-right:85px !important;}
.mR90{margin-right:90px !important;}
.mR95{margin-right:95px !important;}
.mR100{margin-right:100px !important;}
.mR128{margin-right:128px !important;}


.mB0{margin-bottom:0px !important;}
.mB1{margin-bottom:1px !important;}
.mB2{margin-bottom:2px !important;}
.mB3{margin-bottom:3px !important;}
.mB4{margin-bottom:4px !important;}
.mB5{margin-bottom:5px !important;}
.mB6{margin-bottom:6px !important;}
.mB7{margin-bottom:7px !important;}
.mB8{margin-bottom:8px !important;}
.mB9{margin-bottom:9px !important;}
.mB10{margin-bottom:10px !important;}
.mB11{margin-bottom:11px !important;}
.mB12{margin-bottom:12px !important;}
.mB13{margin-bottom:13px !important;}
.mB14{margin-bottom:14px !important;}
.mB15{margin-bottom:15px !important;}
.mB16{margin-bottom:16px !important;}
.mB17{margin-bottom:17px !important;}
.mB18{margin-bottom:18px !important;}
.mB19{margin-bottom:19px !important;}
.mB20{margin-bottom:20px !important;}
.mB21{margin-bottom:21px !important;}
.mB22{margin-bottom:22px !important;}
.mB23{margin-bottom:23px !important;}
.mB24{margin-bottom:24px !important;}
.mB25{margin-bottom:25px !important;}
.mB26{margin-bottom:26px !important;}
.mB27{margin-bottom:27px !important;}
.mB28{margin-bottom:28px !important;}
.mB29{margin-bottom:29px !important;}
.mB30{margin-bottom:30px !important;}
.mB31{margin-bottom:31px !important;}
.mB32{margin-bottom:32px !important;}
.mB35{margin-bottom:35px !important;}
.mB37{margin-bottom:37px !important;}
.mB38{margin-bottom:38px !important;}
.mB40{margin-bottom:40px !important;}
.mB41{margin-bottom:41px !important;}
.mB42{margin-bottom:42px !important;}
.mB43{margin-bottom:43px !important;}
.mB44{margin-bottom:44px !important;}
.mB45{margin-bottom:45px !important;}
.mB46{margin-bottom:46px !important;}
.mB47{margin-bottom:47px !important;}
.mB49{margin-bottom:49px !important;}
.mB50{margin-bottom:50px !important;}
.mB60{margin-bottom:60px !important;}
.mB61{margin-bottom:61px !important;}
.mB64{margin-bottom:64px !important;}
.mB65{margin-bottom:65px !important;}
.mB70{margin-bottom:70px !important;}
.mB68{margin-bottom:68px !important;}
.mB80{margin-bottom:80px !important;}
.mB90{margin-bottom:90px !important;}
.mB94{margin-bottom:94px !important;}
.mB100{margin-bottom:100px !important;}
.mB150{margin-bottom:150px !important;}

.mB10vh {margin-bottom:10vh !important;}


.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs18 {font-size: 18px !important;}
.fs20 {font-size: 20px !important;}
.fs21 {font-size: 21px !important;}
.fs23 {font-size: 23px !important;}
.fs24 {font-size: 24px !important;}
.fs27 {font-size: 27px !important;}
.fs30 {font-size: 30px !important;}
.fs32 {font-size: 32px !important;}

.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}