@charset "utf-8";

*{margin: 0; padding: 0; box-sizing: border-box; text-underline-position: under; letter-spacing: -0.03em; font-weight: 400;}
html, body, div, span, h1, h2, h3, h4, h5, h6, address, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, header, footer, nav, section, p{
	font-family: 'Pretendard';
}
a{text-decoration: none; color: inherit; font-family: inherit;}
ul, li, ol{list-style: none;}
body{color: #666; font-family: 'Pretendard'; line-height: 1.4;}
button{cursor: pointer; border-radius: 0; border: 0; font-size: 1em; font-family: inherit; background: none; font-family: inherit;}
h1, h2, h3, h4, h5, h6{font-size: 1em; font-weight: inherit;}
.hide,caption,legend{position:absolute !important; left:-300px; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; background:none; line-height:0; overflow: hidden}
table{border-collapse: collapse; border-spacing: 0; width: 100%;}
img{max-width: 100%;vertical-align: middle;}
span{display: inline-block; font-family: inherit; font-size: inherit; font-weight: inherit;}
strong{display: inline-block; font-family: inherit; font-size: inherit; font-weight: 600;}

select{border-radius: 0px; appearance: none; -webkit-appearance:none; -moz-appearance:none; font-size: 1em; border: 0;}
select::-ms-expand {display:none}
label{vertical-align: middle;}
input[type="text"], input[type="tel"], input[type="number"], input[type="email"],input[type="password"]{-webkit-appearance:none; -moz-appearance:none;  appearance:none; height:auto; line-height:normal; padding: 10px; border-radius:0; box-shadow:none!important; font-size: 1em; color: inherit; font-family: inherit;}
input[type="text"]:focus-visible, input[type="tel"]:focus-visible, input[type="number"]:focus-visible, input[type="email"]:focus-visible,input[type="password"]:focus-visible,input[type="radio"]:focus-visible,input[type="checkbox"]:focus-visible, select:focus-visible{border-color: #80bdff !important; box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25) !important; outline: none;}
textarea{-webkit-appearance:none; -moz-appearance:none; appearance:none; color: inherit; font-family: inherit; resize: none; font-size: 1em; padding: 10px;}
textarea:focus-visible{border-color: #80bdff !important; box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25) !important; outline: none;}
input::-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; }
input::-moz-placeholder { color: #999; }
input::-moz-placeholder { color: #999; }
textarea::-ms-input-placeholder { color: #999; }
textarea::-webkit-input-placeholder { color: #999; }
textarea::-moz-placeholder { color: #999; }
textarea::-moz-placeholder { color: #999; }
input[type="radio"],input[type="checkbox"]{vertical-align: middle; appearance: none; -webkit-appearance: none; -moz-appearance: none;}

#wrap{position: relative;}
#container_wrap{overflow-x: hidden;}

/********** skip_nav **********/
.skip_nav {display:block;overflow:hidden;position:absolute;left:0;right:0;top:0;z-index:1000;height:0;background:#416fef;text-align:center;}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}

.inner{max-width:1400px; margin:0 auto; width: 100%;}
.block_tab{display: block}
.block_mo{display: block}
.tablet{display: none !important;}
.mobile{display: none !important;}

html{font-size: 16px;}
@media (max-width:1480px){
	.inner{padding-left: 2.5em; padding-right: 2.5em;}
}
@media (max-width:1200px){
	html{font-size: 15px;}
	.inner{padding-left: 1.25em; padding-right: 1.25em;}
}
@media (max-width:1024px){
	html{font-size: 14px;}
}
@media (max-width:480px){
	html{font-size: 13px;}
	.inner{padding-left: 15px; padding-right: 15px;}
}

/* 너비별 hidden 처리 */
.hidden { display: none !important; visibility: hidden !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
	.hidden-lg { display: none !important; }
}



:root{
	--main-color : #003a9b;
	--main-radius: 20px;
	--transition: all .3s ease-in-out
}
.fixed_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 1;width: 100%;height: 100%;overflow-y: auto;left: 0;top:0}

/* font color style */
.color-black2{color: #222 !important;}
.color-black3{color: #333 !important;}
.color-black4{color: #444 !important;}
.color-gray6{color: #666 !important;}
.color-gray7{color: #777 !important;}
.color-gray8{color: #888 !important;}
.color-gray9{color: #999 !important;}
.color-white{color: #fff !important;}
.color-red{color: #cf4767 !important;}
.color-main{color: var(--main-color) !important;}

/* bg style */
.bg-black{background: #000 !important; color: #fff !important;}
.bg-black3{background: #333 !important; color: #fff !important; border: 1px solid #333 !important; transition: all .3s ease-in-out;}
.bg-black3.hv:hover{background: #fff !important; border: 1px solid #333 !important; color: #333 !important;}
.bg-black3_l{background: #fff !important; border: 1px solid #333 !important; color: #333 !important; transition: all .3s ease-in-out;}
.bg-black3_l.hv:hover{background: #333 !important; color: #fff !important; }
.bg-white{background: #fff !important;}
.bg-white_l{background: #fff !important; border: 1px solid #ccc; color: #666 !important;}
.bg-white_l.hv:hover{background: #333; border-color: #333; color: #fff;}
.bg-gray{background: #f7f7f7 !important;}
.bg-gray5{background: #555 !important; color: #fff; border: 1px solid #555 !important;}
.bg-gray3_l{background: #e5e5e5; border: 1px solid #bbb; color: #333;}
.bg-gray6{background: #666 !important; color: #fff !important;}
.bg-gray6_l{background: #efefef !important; border: 1px solid #ccc !important; color: #666 !important;}
.bg-red{background: #e64747; color: #fff;}
.bg-grid{background-color: #fff;background-image: linear-gradient(90deg, #eaeaea 0px, #eaeaea 1px, transparent 1px, transparent 99px, transparent 100px),linear-gradient(#eaeaea 0px, #eaeaea 1px, transparent 1px, transparent 99px,  transparent 100px),linear-gradient(#eaeaea 0px, #eaeaea 1px, transparent 1px, transparent 99px,  transparent 100px),linear-gradient(90deg, #eaeaea 0px, #eaeaea 1px, transparent 1px, transparent 99px,  transparent 100px);background-size: 100px 100%, 100% 100px, 100% 10px, 10px 100%;background-position: -1px -1px;border: 1px solid #c7c7c7;}



/* btn style */
.btns_w{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}
.btns_w.a-left{justify-content: flex-start;}
.btns_w >*{margin: 0 5px 10px;}
.btns_r{text-align: right; margin-top: 10px;}/* 고객의소리 게시판 리스트 글쓰기 버튼 */
.btn-st1{display: inline-flex; min-width: 160px;line-height: 48px;align-items: center;justify-content: center;}
.btn-st1.s{min-width: 100px; line-height: 38px;}
.btn-st2{display: inline-flex; min-width: 180px;line-height: 58px;align-items: center;justify-content: center; border-radius: 50px; padding: 0 30px;}
.btn-mini{display: inline-flex; min-width: 70px;line-height: 22px;align-items: center;justify-content: center; border-radius: 3px; font-size: 12px;}/* 다운로드 버튼(작은 버튼) */
.btn-list{display: inline-flex;width: 100%;max-width: 160px;line-height: 48px;align-items: center;justify-content: center;}
.btn-list >span{position: relative; display: inline-block; width: 15px; height: 2px; background: #fff; vertical-align: middle; margin: -2px 20px 0 0;}
.btn-list >span::before{content: ''; position: absolute; width: 100%; height: 2px; background: #fff; top: -5px; left: 0;}
.btn-list >span::after{content: ''; position: absolute; width: 100%; height: 2px; background: #fff; bottom: -5px; left: 0;}
.btn-go{display: inline-flex; min-width: 160px;line-height: 42px;align-items: center; justify-content: space-between; padding: 0 1em; border-radius: 3px;}
.btn-go::after{content: ''; width: 0.938em;height: 0.938em;background: url('/resources/gsfc/img/common/icon/ico-arrow3_b.png') no-repeat center / 100%;margin: 0 0 -2px 1em;}
.btn-go2{display: inline-flex; min-width: 160px;line-height: 48px;align-items: center;justify-content: center; padding: 0 1em;}
.btn-go2::after{content: ''; width: 19px;height: 19px;background: url('/resources/gsfc/img/common/icon/ico-go_b.png') no-repeat center / 100%;margin: 0 0 0 10px;}
.btn-map{display: inline-flex; min-width: 160px; line-height: 48px;align-items: center;justify-content: center; padding: 0 1em;}
.btn-map::before{content: ''; width: 21px;height: 18px;background: url('/resources/gsfc/img/common/icon/ico-map2.png') no-repeat center / 100%;margin: 0 10px -2px 0;}
.btn-down{display: inline-flex; min-width: 160px;line-height: 48px;align-items: center;justify-content: center; padding: 0 1em;}
.btn-down::after{content: ''; width: 20px;height: 15px;background: url('/resources/gsfc/img/common/icon/ico-down_w.png') no-repeat center / 100%;margin: 0 0 0 10px;}
.btn-link{display: inline-flex; min-width: 200px;line-height: 58px;align-items: center; justify-content: space-between; padding: 0 1em; border-radius: 3px;}
.btn-link::after{content: ''; width: 0.938em;height: 0.938em;background: url('/resources/gsfc/img/common/icon/ico-link.png') no-repeat center / 100%;margin: 0 0 -2px 1em;}
.btn-link.w::after{background: url('/resources/gsfc/img/common/icon/ico-link_w.png') no-repeat center / 100%;}
.btn-phn{display: inline-flex; min-width: 180px;line-height: 58px;align-items: center; justify-content: space-between; padding: 0 1.875em; border-radius: 30px;}
.btn-phn::after{content: ''; width: 12px;height: 16px;background: url('/resources/gsfc/img/common/icon/ico-phone.png') no-repeat center / 100%;}
.tbl-btn{display: inline-block; font-size: 12px; min-width: 80px; line-height: 22px; text-align: center; font-weight: 500; border-radius: 20px;}
.tbl-btn.s{min-width: auto; padding: 0 10px;}
@media screen and (max-width: 1024px){
    .btns_r{margin-top: 20px;}
    .btn-link{min-width: 150px; line-height: 38px;}
}
@media screen and (max-width: 720px){
    .btn-st1,
    .btn-map,
    .btn-down{min-width: 120px; line-height: 43px;}
}

/* bull style */
.bul-noti{position: relative;padding-left: 1.714em;font-size: 14px;font-size: 0.875rem;}
.bul-noti:before{content: '';position: absolute;top: 0;left: 0;width: 1.286em;height: 18px;background: url('/resources/gsfc/img/common/icon/ico-noti_b.png') no-repeat center / 100%;}
.bul-noti.center{width: fit-content; margin: 0 auto;}

.list-num >li{padding-left: 1.5em; position: relative; margin-bottom: 0.5em;}
.list-num >li:last-child{margin-bottom: 0;}
.list-num .n{font-size: 12px;position: absolute;top: 4px;left: 0;width: 18px;line-height: 18px;border-radius: 100%;text-align: center;background: #333;color: #fff;font-weight: 500;}
.bull-num{padding-left: 1.5em; position: relative;}
.bull-num .n{font-size: 12px;position: absolute;top: 0.3em;left: 0;width: 18px;line-height: 18px;border-radius: 100%;text-align: center;background: #333;color: #fff;font-weight: 500;}

@media (max-width:1280px){
	.list-num .n{top: 2px;}
}
@media (max-width:480px){
	.list-num .n{width: 16px;line-height: 16px;font-size: 10px;}
}

.list-etc >li{padding-left: 1.3em; position: relative; margin-bottom: 0.5em;}
.list-etc >li:last-child{margin-bottom: 0;}
.list-etc >li .i{position: absolute; top: 0; left: 0;}

.list-dash >li{position: relative; padding-left: 1em; margin-bottom: 5px;}
.list-dash >li:last-child{margin-bottom: 0;}
.list-dash >li:before{content: '\002d'; position: absolute;top: 0;left: 0;}
.bull-dash{position: relative; padding-left: 1em;}
.bull-dash::before{content: '\002d';display: block;position: absolute;top: 0;left: 0;}

.list-dot >li{position: relative;padding-left: 0.6em; margin-bottom: 5px;}
.list-dot >li:last-child{margin-bottom: 0;}
.list-dot >li:before{content: '\00b7';display: block;position: absolute;top: 0;left: 0;}
.bull-dot{position: relative; padding-left: 0.6em;}
.bull-dot::before{content: '\00b7';display: block;position: absolute;top: 0;left: 0;}


/* title style */
.tit-line{position: relative; font-size: 22px; font-size: 1.375em; font-weight: 600; color: #222; padding-left: 13px; margin-bottom: 1em;}
.tit-line::before{content: ''; position: absolute; width: 3px; height: 1em; top: 5px; left: 0; background-color: #2f2f2f;}
.tit-line2{position: relative;font-size: 22px; font-size: 1.375em; font-weight: 600;color: #222;margin-bottom: 0.5em;padding-left: 1.591em;}
.tit-line2::before{content: '';width: 0.909em;height: 2px;background: #000;vertical-align: middle;margin: 0 0.682em 3px 0;position: absolute;top: 0.7em;left: 0;}
.txt_r{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.txt-st1{font-size: 17px; font-size: 1.063em; color: #666;}


/* box style */
.box-line{border: 1px solid #ccc;}
.box-st1{padding: 1.875em;border: 1px solid #ccc;display: table;width: 100%;}
.box-st1 >*{display: table-cell;vertical-align: top;}
.box-st1 .img{width: 100px;}
.box-st1 .cont{/* width: 100%; */}


/* tabs style */
.tabs-st1{}
.tabs-st1 .tabs-tit{position: relative;font-size: 17px;font-size: 1.063em;text-align: center;border: 1px solid #ccc;border-right: 0;border-bottom: 0;margin-bottom: 60px;color: #888;display: flex;flex-wrap:wrap}
.tabs-st1 .tabs-tit:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #ccc;}
.tabs-st1 .tabs-tit > li{position: relative;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.tabs-st1 .tabs-tit .active{color: #333;font-weight: 600;background: #fff;}
.tabs-st1 .tabs-tit > li:last-child:before{display: none;}
.tabs-st1 .tabs-tit a{position: relative;display: table;width: 100%;height: 3.529em;padding: 0 10px;line-height: 1.15;background: #f8f8f8;}
.tabs-st1 .tabs-tit .active::after{content: '';position: absolute;top: -1px;left: 0;width: 100%;height: 2px;background: #333;}
.tabs-st1 .tabs-tit a span{position: relative; display: table-cell; vertical-align: middle;}

.tabs-st2{}
.tabs-st2 .tabs-tit{position: relative;text-align: center;display: flex;flex-wrap:wrap;margin: 0 -5px;}
.tabs-st2 .tabs-tit > li{position: relative;min-width: 200px;margin: 0 5px;}
.tabs-st2 .tabs-tit .active{color: #fff;font-weight: 600;background: #333;}
.tabs-st2 .tabs-tit > li:last-child:before{display: none;}
.tabs-st2 .tabs-tit a{position: relative;display: table;width: 100%;height: 3.529em;padding: 0 10px;line-height: 1.15;background: #e5e5e5;color: #666;border: 1px solid #ccc;}
.tabs-st2 .tabs-tit a span{position: relative; display: table-cell; vertical-align: middle;}

.tabs-st3{}
.tabs-st3 .tabs-tit{position: relative;text-align: center;display: flex;flex-wrap:wrap;margin: 0 -5px -10px;}
.tabs-st3 .tabs-tit > li{position: relative; padding: 0 5px 10px;}
.tabs-st3 .tabs-tit .active{color: #fff;font-weight: 600;background: #333;}
.tabs-st3 .tabs-tit > li:last-child:before{display: none;}
.tabs-st3 .tabs-tit a{position: relative;display: table;width: 100%;height: 3.125em;padding: 0 10px;line-height: 1.15;background: #e5e5e5;color: #666;border: 1px solid #ccc;}
.tabs-st3 .tabs-tit a span{position: relative; display: table-cell; vertical-align: middle;}

.tabs-cont_w .tabs-cont{display: none;}
.tabs-cont_w .tabs-cont:first-child{display: block;}
.tabs-tit.len1 > li{width: 100%}
.tabs-tit.len2 > li{width: 50%}
.tabs-tit.len3 > li{width: 33.333333333%}
.tabs-tit.len4 > li{width: 25%}
.tabs-tit.len5 > li{width: 20%}
.tabs-tit.len6 > li{width: 16.6666666667%}
.tabs-tit.len7 > li{width: 25%}
.tabs-tit.len8 > li{width: 25%}
.tabs-tit.len9 > li{width: 20%}
.tabs-tit.len10 > li{width: 20%}
.tabs-tit.len11 > li{width: 16.6666666667%}
.tabs-tit.len12 > li{width: 16.6666666667%}


@media (max-width:1200px){
	.tabs-st2 .tabs-tit > li{min-width: 150px;}
}
@media (max-width:720px){
	.tabs-st1 .tabs-tit{font-size: 1.125em; }
	.tabs-tit.len5 > li{width: 50%;}
	.tabs-tit.len5 > li:nth-child(2n):before{display: none;}
    .tabs-tit.len6 > li,
    .tabs-tit.len7 > li{width: 33.3333%} /* 7개 */
	.tabs-tit.len7 > li:nth-child(4n):before{display: block;}
	.tabs-tit.len6 > li:nth-child(3n):before,
	.tabs-tit.len7 > li:nth-child(3n):before{display: none;}
	.tabs-tit.len9 > li,
	.tabs-tit.len11 > li{width: 33.3333%;}

	.tabs-st2 .tabs-tit > li{min-width: auto;}
}


/* 테이블 */
.tbl-st1{word-break: break-all; position: relative; border-top: 2px solid #222;}
.tbl-st1 table{width: 100%; border-left: 1px solid #ccc;}
.tbl-st1 th,
.tbl-st1 td{text-align: center;border-bottom: 1px solid #ccc;}
.tbl-st1 th{font-weight: 600; color: #333; background: #f6f6f6; padding: 1.125em 10px;}
.tbl-st1 thead >tr:last-child >th{border-bottom: 1px solid #222;}
.tbl-st1 .bb{border-bottom: 1px solid #222;}
.tbl-st1 thead th:last-child{border-right: 1px solid #ccc;}
.tbl-st1 tbody th{border-right: 1px solid #ccc;}
.tbl-st1 td{background: #fff;padding: 1.125em 1.875em;border-right: 1px solid #ccc;}
.tbl-st1 .tal td{text-align: left;}
.tbl-st1.small{font-size: .938em; letter-spacing: -0.07em;}
.tbl-st1.small th,
.tbl-st1.small td{padding: 0.8em 10px; font-size: 1em;}
.tbl-st1 .btn-sm{margin-top: -5px;}
.tbl-st1.white th{background: #fff; border-right: 1px solid #ccc;}

/* th랑 td 폰트크기, 간격 다름 */
.tbl-st2{word-break: break-all; position: relative; border-top: 1px solid #222;}
.tbl-st2 table{width: 100%; border-left: 1px solid #ccc;}
.tbl-st2 th,
.tbl-st2 td{border-right: 1px solid #ccc; text-align: center; border-bottom: 1px solid #ccc;}
.tbl-st2 thead th{ background: #f6f6f6; padding: 0.8em 5px;}
/* .tbl-st2 thead >tr:last-child >th{border-bottom: 1px solid #222;} */
.tbl-st2 th{font-size: 1.063em; font-weight: 600; color: #333;}
.tbl-st2 td{font-size: 0.875em; background: #fff; padding: 1.875em 10px;}
.tbl-st2.small{font-size: .938em; letter-spacing: -0.07em;}
.tbl-st2.small th,
.tbl-st2.small td{padding: 0.8em 5px; font-size: 1em;}
.tbl-st2 .btn-sm{margin-top: -5px;}

@media (max-width: 1024px){
	.tbl-scl{overflow-x: auto; white-space: nowrap;}
}
@media (max-width:720px){
	.tbl-st1 th{padding: 1em 10px 0.5em;}
	.tbl-st1 td{padding: 1em 1em 0.5em}
}


/* 모달팝업 */
.allmenu_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 9999;width: 100%;height: 100%;overflow-y: auto;left: 0;top:0}
.pop_com-st1{position: relative; max-width: 1280px; width: 95%; max-height: 95%; display: flex; left: 50%; top:50%; transform: translate(-50%, -50%); background: #fff; text-align: left;}
.pop_com-st1.sm{max-width: 760px;}
.pop_com-st1 .in{flex:1; overflow-y: auto;}
.pop_com-st1 .pop-tit{position: absolute;top: 0;left: 0;width: 100%;padding: 1.25em 30px;}
.pop_com-st1 .pop-close{position: absolute;top: 20px;right: 30px;width: 26px;height: 26px; z-index: 1;}
.pop_com-st1 .pop-close:before{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: #333;}
.pop_com-st1 .pop-close:after{content: '';position: absolute;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);width: 100%;height: 2px;background: #333;}
.pop_com-st1 .pop-close.w:before{background: #fff;}
.pop_com-st1 .pop-close.w:after{background: #fff;}
.pop-cont{padding: 80px 1.875em 1.875em;}

.clearfix::after{display: block; content: ''; clear: both;}
.fl_left{float:left;}
.fl_right{float:right;}
.tal{text-align: left !important;}
.tar{text-align: right !important;}
.tac{text-align: center !important;}
.text_under{text-decoration: underline;}
.word-keep{word-break: keep-all;}
.fw_n{font-weight: 400 !important;}
.fw_m{font-weight: 500 !important;}
.fw_b{font-weight: 600 !important;}
.rel{position: relative;}
.vertical_top{vertical-align: top;}
.vertical_bot{vertical-align: bottom;}
.vertical_center{vertical-align: center;}
.open_bg{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; left: 0; overflow-y: auto; display: none; z-index: 1;}
.group40_w .group:not(:last-child){margin-bottom: 2.5em;}
.group50_w .group:not(:last-child){margin-bottom: 50px;}
.d-flex{display: flex; align-items: center;}
.align-start{align-items: flex-start !important;}
.align-end{align-items: flex-end !important;}
.align-center{align-items: center !important;}
.justify-start{justify-content: flex-start !important;}
.justify-between{justify-content: space-between !important;}
.flex-wrap{flex-wrap: wrap !important;}
.flex-auto{flex: auto !important;}
.alink:hover{text-decoration: underline;}
.alink2:hover{color: var(--purple); text-decoration: underline; font-weight: 700;}
.d-block{display: block;}
.bb{border-bottom: 1px solid #ccc;}
.desc-st1{display: flex; align-items: flex-start;}
.desc-st1 .t1{}
.desc-st1 .s{width: 60px;}
.desc-st1 .m{width: 100px;}
.desc-st1 .mx{width: 115px;}
.desc-st1 .t2{width: 100%; flex: 1;}

.f13{font-size: 0.813rem !important;}
.f14{font-size: 0.875rem !important;}
.f15{font-size: 0.938rem !important;}
.f16{font-size: 1rem !important;}
.f17{font-size: 1.063rem !important;}
.f18{font-size: 1.125rem !important;}
.f19{font-size: 1.188rem !important;}
.f20{font-size: 1.250rem !important;}
.f21{font-size: 1.313rem !important;}
.f22{font-size: 1.375rem !important;}
.f23{font-size: 1.438rem !important;}
.f24{font-size: 1.500rem !important;}
.f25{font-size: 1.563rem !important;}
.f26{font-size: 1.625rem !important;}
.f27{font-size: 1.688rem !important;}
.f28{font-size: 1.750rem !important;}
.f29{font-size: 1.813rem !important;}
.f30{font-size: 1.875rem !important;}
.f31{font-size: 1.938rem !important;}
.f32{font-size: 2.000rem !important;}
.f33{font-size: 2.063rem !important;}
.f34{font-size: 2.125rem !important;}
.f35{font-size: 2.188rem !important;}
.f36{font-size: 2.250rem !important;}
.f37{font-size: 2.313rem !important;}
.f38{font-size: 2.375rem !important;}
.f39{font-size: 2.438rem !important;}
.f40{font-size: 2.500rem !important;}

.mt0{margin-top: 0px !important}
.mt5{margin-top: 5px !important}
.mt10{margin-top: 0.625rem !important}
.mt15{margin-top: 0.938rem !important}
.mt20{margin-top: 1.250rem !important}
.mt25{margin-top: 1.563rem !important}
.mt30{margin-top: 1.875rem !important}
.mt40{margin-top: 2.500rem !important}
.mt50{margin-top: 3.125rem !important}
.mt60{margin-top: 3.750rem !important}
.mt70{margin-top: 4.375rem !important}
.mt80{margin-top: 5.000rem !important}
.mt90{margin-top: 5.625rem !important}
.mt100{margin-top: 6.250rem !important}

.mb0{margin-bottom: 0px !important}
.mb5{margin-bottom: 5px !important}
.mb10{margin-bottom: 0.625rem !important}
.mb15{margin-bottom: 0.938rem !important}
.mb20{margin-bottom: 1.250rem !important}
.mb25{margin-bottom: 1.563rem !important}
.mb30{margin-bottom: 1.875rem !important}
.mb40{margin-bottom: 2.500rem !important}
.mb50{margin-bottom: 3.125rem !important}
.mb60{margin-bottom: 3.750rem !important}
.mb70{margin-bottom: 4.375rem !important}
.mb80{margin-bottom: 5.000rem !important}
.mb90{margin-bottom: 5.625rem !important}
.mb100{margin-bottom: 6.250rem !important}

.mr0{margin-right: 0px !important}
.mr5{margin-right: 5px !important}
.mr10{margin-right: 0.625rem !important}
.mr15{margin-right: 0.938rem !important}
.mr20{margin-right: 1.250rem !important}
.mr25{margin-right: 1.563rem !important}
.mr30{margin-right: 1.875rem !important}
.mr40{margin-right: 2.500rem !important}
.mr50{margin-right: 3.125rem !important}
.mr60{margin-right: 3.750rem !important}
.mr70{margin-right: 4.375rem !important}
.mr80{margin-right: 5.000rem !important}
.mr90{margin-right: 5.625rem !important}
.mr100{margin-right: 6.250rem !important}

.ml0{margin-left: 0px !important}
.ml5{margin-left: 5px !important}
.ml10{margin-left: 0.625rem !important}
.ml15{margin-left: 0.938rem !important}
.ml20{margin-left: 1.250rem !important}
.ml25{margin-left: 1.563rem !important}
.ml30{margin-left: 1.875rem !important}
.ml40{margin-left: 2.500rem !important}
.ml50{margin-left: 3.125rem !important}
.ml60{margin-left: 3.750rem !important}
.ml70{margin-left: 4.375rem !important}
.ml80{margin-left: 5.000rem !important}
.ml90{margin-left: 5.625rem !important}
.ml100{margin-left: 6.250rem !important}


.p-10{padding: 0.625rem !important}
.p-15{padding: 0.938rem !important}
.p-20{padding: 1.250rem !important}
.p-25{padding: 1.563rem !important}
.p-30{padding: 1.875rem !important}
.p-40{padding: 2.500rem !important}

.pt0{padding-top: 0px !important}
.pt5{padding-top: 5px !important}
.pt10{padding-top: 0.625rem !important}
.pt15{padding-top: 0.938rem !important}
.pt20{padding-top: 1.250rem !important}
.pt25{padding-top: 1.563rem !important}
.pt30{padding-top: 1.875rem !important}
.pt40{padding-top: 2.500rem !important}
.pt50{padding-top: 3.125rem !important}
.pt60{padding-top: 3.750rem !important}
.pt70{padding-top: 4.375rem !important}
.pt80{padding-top: 5.000rem !important}
.pt90{padding-top: 5.625rem !important}
.pt100{padding-top: 6.250rem !important}

.pb0{padding-bottom: 0px !important}
.pb5{padding-bottom: 5px !important}
.pb10{padding-bottom: 0.625rem !important}
.pb15{padding-bottom: 0.938rem !important}
.pb20{padding-bottom: 1.250rem !important}
.pb25{padding-bottom: 1.563rem !important}
.pb30{padding-bottom: 1.875rem !important}
.pb40{padding-bottom: 2.500rem !important}
.pb50{padding-bottom: 3.125rem !important}
.pb60{padding-bottom: 3.750rem !important}
.pb70{padding-bottom: 4.375rem !important}
.pb80{padding-bottom: 5.000rem !important}
.pb90{padding-bottom: 5.625rem !important}
.pb100{padding-bottom: 6.250rem !important}

.pr0{padding-right: 0px !important}
.pr5{padding-right: 5px !important}
.pr10{padding-right: 0.625rem !important}
.pr15{padding-right: 0.938rem !important}
.pr20{padding-right: 1.250rem !important}
.pr25{padding-right: 1.563rem !important}
.pr30{padding-right: 1.875rem !important}
.pr35{padding-right: 2.188rem !important}
.pr40{padding-right: 2.500rem !important}
.pr50{padding-right: 3.125rem !important}
.pr60{padding-right: 3.750rem !important}
.pr70{padding-right: 4.375rem !important}
.pr80{padding-right: 5.000rem !important}
.pr90{padding-right: 5.625rem !important}
.pr100{padding-right: 6.250rem !important}

.pl0{padding-left: 0px !important}
.pl5{padding-left: 5px !important}
.pl10{padding-left: 0.625rem !important}
.pl15{padding-left: 0.938rem !important}
.pl20{padding-left: 1.250rem !important}
.pl25{padding-left: 1.563rem !important}
.pl30{padding-left: 1.875rem !important}
.pl35{padding-left: 2.188rem !important}
.pl40{padding-left: 2.500rem !important}
.pl50{padding-left: 3.125rem !important}
.pl60{padding-left: 3.750rem !important}
.pl70{padding-left: 4.375rem !important}
.pl80{padding-left: 5.000rem !important}
.pl90{padding-left: 5.625rem !important}
.pl100{padding-left: 6.250rem !important}

.wid10{width: 10% !important;}
.wid20{width: 20% !important;}
.wid30{width: 30% !important;}
.wid40{width: 40% !important;}
.wid50{width: 50% !important;}
.wid60{width: 60% !important;}
.wid70{width: 70% !important;}
.wid80{width: 80% !important;}
.wid90{width: 90% !important;}
.wid100{width: 100% !important;}