/* *****************************************************************
 * filename : common.css
 * description : 변경된 reset / ui / button / input / color / common ( 공통으로 사용되는 CSS)
 * date : 2024-09-04
***************************************************************** */

/* reset(변경) */
body, input, button, select, textarea, sub { color: #333; font-size: 18px; font-family: 'Pretendard','malgun Gothic', '돋움', dotum, sans-serif; font-feature-settings: 'tnum'; line-height: 1.6 }
input, select, textarea { font-size:16px; }
button:focus, input:focus, select:focus, textarea:focus, a:focus {outline:1px dotted #222;} 
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
    select { padding-right:20px; background:#fff url('/images/common/ico_arrow.png') right 7px top 50% no-repeat; background-size:8px auto; }
}
@media screen and (max-width:1300px) {
	body, input, button, select, textarea, sub { font-size:17px; }
	input, select, textarea { font-size:14px; }
}
@media screen and (max-width:620px) {
	body, input, button, select, textarea, sub { font-size: 16px; }
}
@media screen and (max-width:620px) {
	body, input, button, select, textarea, sub { font-size:13.5px; }
}

/* 출력 및 정렬 */
.hidden {position:absolute; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}/* 화면출력:N, 포커스 이동:N */
.blind,.skip {position:absolute; top:-1000px; left:-10000px; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}/* 화면출력:N, 포커스 이동:Y */
.none {display:none !important;}
.block {display:none !important;}
.overflow {overflow:hidden;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clear:after {display:block; clear:both; content:'';}
.v-align { display: table-cell; vertical-align: middle; }

/* 테이블 */
.ovf-min { min-width: 620px }
.ovf-min1 { min-width: 900px }
.ovf-min2 { min-width: 800px }
.ovf-min3 { min-width: 700px }
.ovf-min4 { min-width: 500px }
@media screen and (max-width:800px) {
	.ovf-wrap { position:relative; overflow-x: auto; overflow-y: hidden; }
	.ovf-wrap:before { z-index: 100; position: absolute; top: 25px; left: 50%; padding: 6px 17px 6px 40px; background: rgba(0, 0, 0, 0.65) url('../images/asset/ico-hand.svg') no-repeat; background-position:16px 50%; background-size:18px; transform: translateX(-50%); font-size: 13.5px; color: #fff; border-radius: 20px; content: '좌우로 움직이세요'; }
	.ovf-wrap.hide:before { display:none }
}

/* ************** 폰트 스타일 ************** */
/* letter-spacing */
.ls { letter-spacing: -1px; }

/* font align */
.t-left {text-align:left !important;}
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }

/* font weight */
.fw-300 { font-weight: 300 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-normal { font-weight: normal !important; }
.fw-bold { font-weight: bold !important; }

/* font color */
.t-main { color: var(--main-color); }
.t-red, .failed {color:#d23a3a !important;}
.t-navy {color:#1b386e !important;}
.t-blue, .success { color: #107af2 !important; }
.t-orange {color:#e57c00 !important;}
.t-green {color:#0dab75 !important;}
.t-ltgray {color:#999999 !important;}
.t-pink {color:#ce0442 !important}
.t-gray {color:#888 !important;}
.t-black {color:#333 !important;}
.t-mint {color:#12ce8e !important;}

/* font-break*/
.t-break {word-break:break-all !important;}
.t-keep {word-break:keep-all !important;}

/* font point */
span.comment, p.comment {position:relative; margin-top:7px; padding-left:33px; color:#777; font-size:16px;}
span.comment:before, p.comment:before { display: inline-block; position: absolute; top: 1px; left: 0; width: 22px; height: 22px; border-radius: 5px; background: #4d4d4d; content: '!'; color: #fff; font-size: 15px; text-align: center; line-height: 22px; vertical-align: middle; }
@media screen and (max-width:1200px) {
	span.comment, p.comment { font-size: 15px }
}

@media screen and (max-width:620px) {
	/* font point */
	span.comment, p.comment {margin-top:3px; padding-left:22px; font-size:13.5px }
	span.comment:before, p.comment:before {top:1px; width:18px; height:18px; font-size:12px; line-height:18px;}

	/* font size, letter-spacing */
	.ls {letter-spacing:-0.3px;}
}

/* ************** 버튼 스타일 ************** */

/* 버튼 기본 */
.btn-st {display:inline-block; height:52px; position:relative; margin-bottom:3px; padding:0 30px; line-height:52px; border-radius:5px; vertical-align:middle; cursor:pointer; transition:all 0.15s ease-out; background:#fff; color:#333; border:1px solid rgba(0,0,0,0.2); font-size:16px; font-weight:normal}
.btn-st:hover {background:#f0f0f0; text-decoration:none;}
.btn-st.tiny {height:42px; padding:0 6px; font-size:13px; line-height:31px;}
.btn-st.big {height:70px; width:400px; padding:0 6px; font-size:18px; letter-spacing:-1px;}
.btn-site, .btn-down, .btn-send { position: relative; padding: 0 45px 0 20px; }
.btn-site:after, .btn-down:after, .btn-send:after { position: absolute; top: 0; right: 15px; display: block; width: 20px; height: 20px; font-size: 16px; font-family: 'xeicon'; transition: right 0.3s ease-out }
.btn-site:after { content: '\e980';}
.btn-down:after { content: '\e904'; }
.btn-send:after { content: '\ea0b'; top:-1px; }
.btn-site:hover:after, .btn-site:focus:after,
.btn-down:hover:after, .btn-down:focus:after,
.btn-send:hover:after, .btn-send:focus:after { right: 20px }

.btn-view { position: relative; color: #fff; background-color: #666d73; border-color: #666d73; font-weight: 500; position: relative; height: 60px; padding: 0 80px 0 15px; font-size: 20px; line-height: 60px; }
.btn-view:after {position:absolute; right:20px; top:0; content:'\e942'; font-family:'xeicon'; font-size:14px;}
.btn-view:hover {border-color:#0053a5; background:#0053a5;}

.btn-area {padding-top:20px;}
.btn-area:after {display:block; clear:both; content:'';}

@media screen and (max-width:800px) {
	/* 버튼 기본 */
	.btn-area {padding-top:8px;}
	.btn-st, .btn-site, .btn-down {height:42px; line-height:41px; font-size:14px;}
	.btn-st {padding:0 15px}
	.btn-site, .btn-down, .btn-send { padding: 0 38px 0 12px; }
	.btn-site:after, .btn-down:after, .btn-send:after { top: -1px; right: 8px; font-size: 16px }
	.btn-down:hover:after, .btn-down:focus:after,
	.btn-send:hover:after, .btn-send:focus:after { right: 12px }

	.m-more { z-index: 5; position: absolute; bottom: 10px; right: 10px; display: block; width: 32px; height: 32px; text-align: center; border-radius: 5px; color: #fff; background: var(--main-color); text-decoration:none !important }
	.m-more:after { content: '\e97a'; width: 100%; height: 100%; line-height: 32px; font-family: 'xeicon'; font-size: 20px; } /* 모바일 확대 */
}
/* 버튼 색상 */
.btn-main { background: var(--main-color); color: #fff; } /* 메인색상 */
.btn-main:hover { background: #383838; }
.btn-sub { background: var(--sub-color); color: #fff; } /* 서브색상 */
.btn-navy {background:#0053a5; color:#fff;} 
.btn-navy:hover {background:#044483; }
.btn-blue {background:#4285f4; color:#fff;}
.btn-blue:hover {background:#0e60e8; color:#fff;}
.btn-sky {background:#6bafd7; color:#fff}
.btn-sky:hover {background:#4597c7 } 
.btn-bluegray {background:#464a55; color:#fff;}
.btn-bluegray:hover {background:#111;}
.btn-orange {background:#ed8f2d; color:#fff}
.btn-orange:hover {background:#ca6e00}
.btn-brown {background:#564940; color:#fff;}
.btn-brown:hover {background:#44372e;}
.btn-dpnavy { background: #31404D; color: #fff }
.btn-dpnavy:hover {background:#222}
.btn-dpbk {background:#353c47; color:#fff}
.btn-dpbk:hover {background:#111}
.btn-red {background:#d23a3a; color:#fff;}
.btn-mint {background:#3cd19f; color:#fff;}
.btn-mint:hover {box-shadow:inset 0 -3px 0 rgba(0,0,0,0.25);}
.btn-darkgray {background:#3b3f4d; color:#fff;}
.btn-darkgray:hover {background:#222;} 
.btn-lightgray {background:#eee; color:#333; }
.btn-gray {background:#dedede; color:#333;}
.btn-grayblue {background:#86868c; color:#fff;}
.btn-grayblue:hover {background:#737379; color:#fff;}
.btn-violet {border:1px solid #8b89b7; background:#e8e8f4; color:#390a51;}

/* ************** 폼 요소 ************** */
/* FORM 기본요소 */
input::placeholder {color:#999; font-weight:300;}
textarea.textarea {padding:2px 5px; border:1px solid #d4d4d4;}
select.select { position: relative; height: 42px; padding: 0 30px 0 7px; border: 1px solid #d4d4d4; background: #fff url('/images/asset/ico-select.svg') right 10px top 50% no-repeat; background-size: 10px auto; }
select.select:after { }
select.select::-ms-expand { display: none; }
:root select.select{padding:0 30px 0 7px;}
input.text {max-width:100%; height:42px; padding:0 7px; border:1px solid #d4d4d4;}
input.num {width:60px;}
input.calender {height:42px; padding:0 7px 0 7px; border:1px solid #d2d2d2; background:url('../images/bbs/ico_cal.jpg') 93% 51% no-repeat; background-size:15px;}
input.text:hover,
select.select:hover,
textarea.textarea:hover,
input.calender:hover,
span.format > button:hover {border:1px solid #8695bb; outline:none}
input.text:focus,
select.select:focus,
textarea.textarea:focus,
input.calender:hover,
span.format > button:focus {border:1px solid #8695bb; outline:none}
input:disabled, input:read-only {border-color:rgba(0, 0, 0, 0.06) !important; background:rgba(0, 0, 0, 0.04); color:#999;}
button:disabled {opacity:0.4; cursor:default;}
.readonly, .disabled {border-color:rgba(0, 0, 0, 0.06) !important; background:rgba(0, 0, 0, 0.04); color:#999; cursor:default !important; }
/* 파일 */
.filebox input {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; clip:rect(0, 0, 0, 0);}
.filebox input + label {display:inline-block; line-height:43px; margin-right:5px; padding:0 15px; color:#444; font-size:15px; border:1px solid #444; transition:all 0.3s ease-out;}
.filebox input + label i {position:relative; top:1px; margin-right:3px; color:#222; transform:rotate(90deg); font-weight:500; font-size:16px}
.filebox ul {overflow:hidden; margin-top:5px; padding:17px 15px; background:#f6f6f6; border:1px solid #d9d9d9}
.filebox ul li {font-size:15px; color:#666}
.filebox ul li .name {display:inline-block; overflow:hidden; width:auto; max-width:calc(100% - 30px); text-overflow:ellipsis; white-space:nowrap;}
.filebox ul li .delete {display:inline-block; width:15px; height:15px; margin:2px 0 0 9px; vertical-align: top;}
.filebox ul li .delete:before, .filebox ul li .delete:after {content:''; display:block; position:absolute; width:16px; height:2px; background:#222;}
.filebox ul li .delete:before {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.filebox ul li .delete:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);} 
.filebox input:hover + label, .filebox input:focus + label { background:#5a5f71; color:#fff;}
.filebox input:hover + label i , .filebox input:focus + label i {color:#fff;}

/* 체크박스, 라디오 */
.input { position:relative; display:inline-block; color:#666; font-size:17px; }
.input label { cursor:pointer; }
.input:last-child { margin-right: 0; }
.checkbox, .radio { position: absolute; left: 0; top: 0; opacity: 0; }
.checkbox + label, .radio + label { padding-left:27px; }
.checkbox + label:before, .radio + label:before { position: absolute; left:0; top:3px; width:20px; height:20px;  border: 2px solid #d0d0d0; border-radius:5px; background-color:#fff; content: ''; }
.checkbox:checked + label:before, .radio:checked + label:before { border-color:var(--main-color) }
.checkbox + label:after, .radio + label:after { position: absolute; left: 6px; top: 6px; width: 10px; height: 10px; content: ''; transition: all 0.2s; }
.checkbox:checked + label:after, .radio:checked + label:after { background-color:#283593; }
.checkbox:focus + label:before, .radio:focus + label:before { outline: 1px dotted #000; }
.checkbox.disabled + label, .radio.disabled + label { cursor:default; }
.checkbox.disabled + label:before, .radio.disabled + label:before { background-color:#f5f5f5; }
.checkbox.disabled:checked + label:before, .radio.disabled:checked + label:before { background-color:#f5f5f5 }
.checkbox.disabled:checked + label:after, .radio.disabled:checked + label:after { background-color:#bfbfbf }

.radio + label:before { border-radius:100%; }
.radio + label:after { border-radius:100%; }
.checkbox:checked + label:after {}
.checkbox + label:after { left: 5px; top: 9px; display: none; width: 10px; height: 6px; border: 2px solid var(--main-color); border-top: 0; border-right: 0; transform: rotate(-45deg); }
.checkbox:checked + label:after { display:block; background-color:transparent; }
.checkbox.disabled:checked + label:after { border-color:#bfbfbf; background-color:transparent; }

.input.btn .checkbox + label, .input.btn .radio + label { display:inline-block; width:100%; padding:9px 20px 9px 38px; border:1px solid #d9d9d9; border-radius:3px; transition:background 0.2s ease-out; }
.input.btn .checkbox + label:hover, .input.btn .radio + label:hover, .input.btn .checkbox:focus + label, .input.btn .radio:focus + label { background:#f5f5f5 }
.input.btn .checkbox + label:before, .input.btn .radio + label:before { left:12px; top:10px; }
.input.btn .checkbox + label:after { left:17px; top:16px; }
.input.btn .radio + label:after { left:18px; top:16px; }

.input.btn .checkbox.disabled + label, .input.btn .radio.disabled + label {background-color:#f9f9f9}

@media screen and (max-width:800px) {
	/* FORM 기본요소 */
	input.text , select.select, input.disable, input.calender {height:38px !important;}

	/* 파일 */
	.filebox input + label {padding:0 8px; line-height:36px; font-size:13px}
	.filebox input + label i {margin-right:0px; font-size:15px}
	.filebox ul {margin-top:5px; padding:6px; font-size:13px}
	.filebox ul li {float:none; font-size:13px}
	
	/* 체크박스, 라디오 */
	.checkbox + label, .radio + label { padding-left:22px; }
	.checkbox + label:before, .radio + label:before { width:16px; height:16px; }
	.radio + label:after { left:5px; top:5px; width:8px; height:8px;  }
	.checkbox + label:after { left:4px; top:7px; width:8px; height:5px; }

	.input { font-size: 14px; }
	.input.btn .checkbox + label, .input.btn .radio + label { padding:9px 20px 9px 35px; }
	.input.btn .radio + label:after { left:17px; top:15px; }
}

/* ************** 그리드 스타일 ************** */
/* grid(공간없음) */
.flex {display:flex; }
.col:after {display:block; clear:both; content:'';}
.col > span {display:block; float:left;}
.col2 > span {width:50%;}
.col3 > span {width:33.333%;}
.col4 > span {width:25%;}
.col5 > span {width:20%;}
/* grid(공간있음) */
.flex-space {display:flex; }
.flex-space > span { margin-right:1%; }
/* float-grid */
.float:after {display:block; clear:both; content:'';}
.float > span {float:left}
.float.col2 > span {width:49.5%; margin-right:1%;}
.float.col2 > span:last-child {margin-right:0;}
.float.col3 > span {width:32.66%; margin-right:1%;}
.float.col3 > span:nth-child(3n) {margin-right:0;}
.float.col4 > span {width:24.25%; margin-right:1%;}
.float.col4 > span:nth-child(4n) {margin-right:0;}
@media screen and (max-width:800px) {
	/* float-grid */
	.float.col4 > span {width:49.5%; margin-right:1%; margin-bottom:5px;}
	.float.col4 > span:nth-child(2n) {margin-right:0;}
}
@media screen and (max-width:620px) {
	/* grid(공간있음) */
	.flex-space {flex-flow:wrap row}
	.flex-space > span { width:100%; margin-right:0%; margin-bottom:2%; }
	/* float-grid */
	.float.col2 > span, .float.col3 > span, .float.col4 > span {width:100%; margin-bottom:2%;}
}

/* ***************** 팝업 스타일 ***************** */
.layer-wrap { display: table; position: fixed; z-index: 1100; top: 0; left: 0; width: 100%; min-width: 320px; height: 100vh; padding: 0 0; background: rgba(0,0,0,0.88); }
.layer-wrap.close { display: none }

.layer-wrap .layer-area { position: relative; overflow: hidden; max-width: 1200px; width: 90%; margin: 0 auto; padding: 80px 50px; background: #fff }
.layer-wrap .layer-area h4 { font-size: 38px; text-align: center; color: #222222; margin-bottom: 30px; font-weight: bold }
.layer-wrap .layer-area .btn-close { position: absolute; top: 0; right: 0; width: 80px; height: 80px; background: var(--main-color); }
.layer-wrap .layer-area .btn-close:after { content: '\e9af'; font-family: 'xeicon'; color: #fff; font-size: 40px }
.layer-wrap .layer-area .textarea { width: 100%; max-height: 420px; height: 55vh; padding: 35px 40px; background: #f6f6f6; overflow-y: auto; color: #666666; line-height: 1.8; font-weight: 300; letter-spacing: -1px; }
.layer-wrap .layer-area .textarea pre { white-space: pre-line; }
.layer-wrap .layer-area .textarea pre strong { color: #222;  }
.layer-wrap .layer-area .textarea.mail { text-align: center; }
.layer-wrap .layer-area .textarea.mail pre { padding:50px 0}
.layer-wrap .layer-area .textarea.mail pre strong { font-weight: bold }
.layer-wrap .layer-area .textarea.mail .st-box { background: #ededed; }
.layer-wrap .layer-area .textarea.mail .st-box strong {font-size:16px }

@media screen and (max-width:1200px) { 
	.layer-wrap .layer-area { padding: 55px 30px }
	.layer-wrap .layer-area h4 { margin-bottom: 15px; font-size: 30px }
	.layer-wrap .layer-area .btn-close { width: 70px; height: 70px; }
	.layer-wrap .layer-area .btn-close:after { font-size: 30px }
}

@media screen and (max-width:800px) {
	.layer-wrap .layer-area .textarea pre { font-size: 15px }
	.layer-wrap .layer-area .textarea.mail pre { padding: 30px 0 }
	.layer-wrap .layer-area .textarea.mail .st-box strong { font-size: 14px }
}

@media screen and (max-width:620px) {
	.layer-wrap .layer-area { width: 94%; padding: 30px 15px }
	.layer-wrap .layer-area h4 { font-size: 16px }
	.layer-wrap .layer-area .btn-close { width: 40px; height: 40px; }
	.layer-wrap .layer-area .btn-close:after { font-size: 22px }
	.layer-wrap .layer-area .textarea { height: 65vh; padding: 15px }
	.layer-wrap .layer-area .textarea pre { font-size: 14px }
	.layer-wrap .layer-area .textarea.mail pre img {height:55px }
}

/* **************** 에러 페이지 ***************** */
.error_area { display: flex; height: 100vh; align-items: center; justify-content: center; text-align: center; letter-spacing: -1px; background: #f4f5f7 }
.error_area .box strong { display: block; font-size: 55px; color: #307eff; letter-spacing: -3.5px }
.error_area .box strong:before { content: '!'; display: block; width: 85px; height: 85px; line-height: 76px; font-size: 50px; margin: 0 auto 7px auto; border-radius: 50%; border: 6px solid #307eff }
.error_area .box em { display: block; padding: 8px 0 18px 0; font-size: 23px; }
.error_area .box p { margin-bottom: 40px; font-weight: 300; color: #666666; font-size: 18px; line-height: 1.8 }
.error_area .box .btn { display: flex; max-width: 400px; margin: 0 auto; width: 100%; margin-bottom: 100px }
.error_area .box .btn > a { width: 49%; line-height: 55px; font-size: 15px; font-weight: 500 }
.error_area .box .btn > a:first-child { margin-right: 2% }
.error_area .box .btn > a.btnGoBack { border: 1px solid #d7d7d7; background: #fff }
.error_area .box .btn > a.btnGoHack { background: #1b2529; color: #fff; }

@media screen and (max-width:620px) {
	.error_area .box { width: 100%; min-width: 320px }
	.error_area .box strong { font-size: 26px }
	.error_area .box strong:before { width: 42px; height: 42px; line-height: 38px; font-size: 24px; border-width: 3px }
	.error_area .box em { padding: 2px 0 5px 0; font-size: 16px; }
	.error_area .box p { font-size: 13.5px }
	.error_area .box p { margin-bottom: 22px }
	.error_area .box .btn { max-width: 300px; margin-bottom: 40px }
	.error_area .box .btn > a { line-height: 40px; font-size: 13.5px; }
}

/* ************** 너비/여백 스타일 ************** */
/* width */
.w100 { width: 100%; }
.w70 {width:70%;}
.w50 {width:50%;}
.w45 {width:45%;}
.w40 {width:40%;}
.w30 {width:30%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w10 {width:10%;}

/* margin padding */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !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;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 { margin-bottom: 80px !important; }
.mb100 {margin-bottom:100px !important;}

.pt0 { padding-top: 5px !important; }
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}

.pb0 { padding-bottom: 0px !important; }

@media screen and (max-width:620px) {
	.mb5 {margin-bottom:2px !important;}
	.mb10 {margin-bottom:5px !important;}
	.mb15 {margin-bottom:6px !important;}
	.mb20 {margin-bottom:10px !important;}
	.mb25 {margin-bottom:12px !important;}
	.mb30 {margin-bottom:15px !important;}
	.mb35 {margin-bottom:18px !important;}
	.mb40 {margin-bottom:20px !important;}
	.mb50 {margin-bottom:25px !important;}
	.mb60 {margin-bottom:30px !important;}
	.mb70 {margin-bottom:30px !important;}
	.mb80 {margin-bottom:30px !important;}
	.mb100 { margin-bottom:40px !important; }
}