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

/* reset(변경) */
body, input, button, select, textarea, sub { color: #333; font-size: 18px; font-family: mont, 'Noto sans KR', '돋움', dotum, sans-serif; line-height: 1.6; letter-spacing: -0.4px }
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:1200px) {
	body, input, button, select, textarea, sub { font-size:16px; }
	input, select, textarea { font-size:14px; }
}
@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 {overflow-x:auto; overflow-y: hidden;}	
}

/* ************** 폰트 스타일 ************** */
/* 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 size, letter-spacing */
.fz_14 {font-size:14px !important;}
.ls {letter-spacing:-1.5px;}

/* font 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:#000 !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: 23px; height: 23px; border-radius: 50%; background: #4d4d4d; content: '!'; color: #fff; font-size: 16px; text-align: center; line-height: 23px; 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; 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_st2 {display:inline-block; width:200px; height:50px; position:relative; margin-bottom:3px; padding:0 25px; line-height:50px; 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:18px; font-weight:normal}
.btn_st2:hover {background:#f0f0f0; text-decoration:none;}

.btn_site, .btn_down {position:relative; height:52px; padding:0 45px 0 20px;}
.btn_site:after, .btn_down:after {position:absolute; right:15px; display:block; width:20px; height:20px; content:''; transition:right 0.3s ease-out}
.btn_site:after {top:50%; margin-top:-10px; background:url('../images/common/ico_site.png') 50% 50% no-repeat;}
.btn_site:hover:after, .btn_site:focus:after {background-image:url('../images/common/ico_site_b.png')}
.btn_down:after { top:0; font-family:'xeicon'; content:'\e904'; font-size:22px}
.btn_down:hover:after, .btn_down: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:620px) {
	/* 버튼 기본 */
	.btn_area {padding-top:8px;}
	.btn_st, .btn_site, .btn_down {height:38px; line-height:37px; font-size:14px;}
	.btn_st {padding:0 15px}
	.btn_st2 {width:auto; height:38px; font-size:14px; line-height:38px;}
	.btn_site, .btn_down {padding:0 28px 0 12px;}
	.btn_site:after, .btn_down:after { top:-1px; right:9px; font-size:16px}
}
/* 버튼 색상 */
.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:#3a4159; 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; resize: none; }
select.select {height:42px; padding:0 30px 0 7px; border:1px solid #d4d4d4; background:#fff url('../images/common/ico_arr_down.png') right 10px top 50% no-repeat; background-size:12px auto;}
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}
.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:2px; width:22px; height:22px;  border: 1px solid #d0d0d0; background-color:#fff; content: ''; }
.checkbox + label:after, .radio + label:after { position: absolute; left:6px; top:8px;  width:10px; height:10px; content: ''; transition: all 0.2s; }
.checkbox:checked + label:after, .radio:checked + label:after { background-color:#4285f4; }
.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:7px; display:none; width:12px; height:7px; border:2px solid #4285f4; 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 { top:1px; width:18px; height:18px; }
	.radio + label:after { left:5px; top:5px; width:8px; height:8px;  }
	.checkbox + label:after { left:4px; top:5px; width:10px; height:6px; }
	
	.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: #107af2; }
.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 { font-weight: 500; color:#222 }
.layer_wrap .layer_area .textarea.mail { display: flex; justify-content: center; align-items: center; text-align: center; }
@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: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 }
}

/* **************** 에러 페이지 ***************** */
.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 { margin-bottom: 22px; font-size:13.5px }
	.error_area .box .btn { max-width: 300px; margin-bottom: 40px }
	.error_area .box .btn > a { line-height: 40px; font-size: 13.5px; }
}
/* **************** 클라우드 링크 페이지 ***************** */
.cloud_area { display: flex; height: 100vh; align-items: center; justify-content: center; text-align: center; letter-spacing: -1px; background: #f4f5f7 }
.cloud_area .box strong { display: block; margin-bottom:20px; font-size: 50px; color: #1b2529; letter-spacing: -3.5px; line-height:70px }
.cloud_area .box strong span { color: #307eff; }
.cloud_area .box p { margin-bottom: 40px; font-weight: 300; color: #666666; font-size: 18px; line-height: 1.8 }
.cloud_area .box .btn { display: flex; justify-content:center; margin: 0 auto; width: 100%; margin-bottom: 100px }
.cloud_area .box .btn > a { display:block; min-width:200px; margin: 0 5px; padding: 0 10px; line-height: 55px; font-size: 15px; font-weight: 500; border: 1px solid #d7d7d7; background: #fff }
.cloud_area .box .btn > a.btnGoback { background: #1b2529; color: #fff; border:0 none }
@media screen and (max-width:800px) {
	.cloud_area .box .btn > a { min-width: 180px; }
}
@media screen and (max-width:620px) {
	.cloud_area .box strong { margin-bottom:8px; font-size: 26px;line-height:35px; letter-spacing:-1px }
	.cloud_area .box p { margin-bottom: 20px; font-size: 13.5px }
	.cloud_area .box .btn { flex-wrap:wrap }
	.cloud_area .box .btn > a { min-width: auto; width:100%; line-height: 40px; font-size: 13.5px; }
	.cloud_area .box .btn > a + a { margin-top: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;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !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;}

@media screen and (max-width:620px) {
	.mb5 {margin-bottom:2px !important;}
	.mb10 {margin-bottom:5px !important;}
	.mb15 {margin-bottom:6px !important;}
	.mb20 {margin-bottom:7px !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;}
	.mb90 {margin-bottom: 40px !important;}
	.mb100 {margin-bottom: 40px !important;}
}