@charset "utf-8";
@import url('../css/remixicon.css');
@import url('../css/xeicon.css');

/*----- 폰트 설정 -----*/
/* 프리텐다드 */
@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard GOV Black'), url(../images/fonts/PretendardGOV-Black.woff2) format('woff2'), url(../images/fonts/PretendardGOV-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard GOV ExtraBold'), url(../images/fonts/PretendardGOV-ExtraBold.woff2) format('woff2'), url(../images/fonts/PretendardGOV-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard GOV Bold'), url(../images/fonts/PretendardGOV-Bold.woff2) format('woff2'), url(../images/fonts/PretendardGOV-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard GOV SemiBold'), url(../images/fonts/PretendardGOV-SemiBold.woff2) format('woff2'), url(../images/fonts/PretendardGOV-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard GOV Medium'), url(../images/fonts/PretendardGOV-Medium.woff2) format('woff2'), url(/images/resources/PretendardGOV-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard GOV Regular'), url(../images/fonts/PretendardGOV-Regular.woff2) format('woff2'), url(../images/fonts/PretendardGOV-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard GOV Light'), url(../images/fonts/PretendardGOV-Light.woff2) format('woff2'), url(/images/resources/PretendardGOV-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard GOV ExtraLight'), url(../images/fonts/PretendardGOV-ExtraLight.woff2) format('woff2'), url(../images/fonts/PretendardGOV-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard GOV Thin'), url(../images/fonts/PretendardGOV-Thin.woff2) format('woff2'), url(../images/fonts/PretendardGOV-Thin.woff) format('woff');
}


/* 구름 sans */
@font-face {
    font-family: 'CloudSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408@1.0/goorm-sans-regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'CloudSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408@1.0/goorm-sans-medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'CloudSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408@1.0/goorm-sans-bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}



/* Happiness sans */
@font-face {
    font-family: 'HappinessSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'HappinessSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'HappinessSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Title.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}





@font-face {
    font-family: 'FlightSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'FlightSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}



@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');


/*----- 웹접근성 설정 -----*/
/* 웹접근성 추가 */
a:focus-visible,input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible,details:focus-visible, .layer span:focus-visible, div:focus-visible,
[role=button]:focus-visible{ outline: 5px auto -webkit-focus-ring-color; outline-offset: 3px ;}

/* 스킵 내비게이션 */
#skipNavi {position:absolute; margin:0 auto; width: 100%; list-style:none; font-size:1.15em; top:-10.5em; left:0; color:#111; z-index:1000; background:#E6E6E6; }
#skipNavi a:active, 
#skipNavi a:focus{display:block; position:absolute; padding:0.5em 0; width:100%; top:10.5em; text-align:center; color:#FFF; font-weight:bold; background:#E6E6E6; color:#111; outline: 3px dotted #ff0000; outline-offset: -3px }
.sr_only, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }



/*----- reset -----*/
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
img, fieldset {border:0 none;}
img {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: top;
}
em {
  font-style: normal;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:focus {
  outline: none;
}
a:focus-visible {
  outline: revert;
}
.blind, hr, .sr-only, legend, caption {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
hr {display:none;}
button {
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: var(--Text-Color-Black);
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button:focus {
  outline: none;
}
button:focus-visible {
  outline: revert;
}
ul,
ol {
  list-style: none;
}

:root {
  --ff-body:"CloudSans", sans-serif;
  --ff-heading: "HappinessSans", sans-serif;
	
   /* 양옆 패딩을 더한 값 + 가로폭 = 컨텐츠 가로폭이 시안과 같아짐*/
  --content-width:min(100%, calc(91.25rem + (var(--side-padding) * 2))); /* 모바일 100%, 웹 1460px*/
  --content-width-mx:min(100%, calc(107.5rem + (var(--side-padding) * 2))); /* 모바일 100%, 웹 1760px*/
  --content-width-sm:min(100%, 80rem);
  --side-padding: 1.4375rem;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  --radius-md: .25rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  
  --logo-height:clamp(2rem, 1.464rem + 1.429vw, 2.75rem);

  --font-size-13: clamp(0.75rem, 0.738rem + 0.06vw, 0.813rem);
  --font-size-14: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem);
  --font-size-15: clamp(0.813rem, 0.787rem + 0.13vw, 0.938rem);
  --font-size-16: clamp(0.938rem, 0.925rem + 0.06vw, 1rem);
  --font-size-17: clamp(0.969rem, 0.95rem + 0.09vw, 1.063rem);
  --font-size-18: clamp(1rem, 0.975rem + 0.13vw, 1.125rem);
  --font-size-19: clamp(1.031rem, 1rem + 0.16vw, 1.188rem);
  --font-size-20: clamp(1.063rem, 1.025rem + 0.19vw, 1.25rem);
  --font-size-21: clamp(1.2rem, 1.177rem + 0.113vw, 1.313rem);
  --font-size-24: clamp(1.188rem, 1.125rem + 0.31vw, 1.5rem);
  --font-size-28: clamp(1.438rem, 1.375rem + 0.31vw, 1.75rem);
  --font-size-32:clamp(1.625rem, 1.55rem + 0.375vw, 2rem);
  --font-size-37: clamp(1.728rem, 1.611rem + 0.58vw, 2.313rem);
  --font-size-40: clamp(2.063rem, 1.975rem + 0.44vw, 2.5rem);
  --font-size-50: clamp(2.074rem, 1.863rem + 1.05vw, 3.125rem);

  --Brand-Color-main: #1f57b0;
  --Brand-Color-sub: #32abec;  
  --Brand-Color-deep:#172e54;
  --Brand-Color-susub: #2069D7;
  --Brand-Color-point: #2e59c6;
  --Brand-Color-bg:#eff8ff;
  --Brand-Color-main-gra:linear-gradient(226deg, var(--Brand-Color-sub) -22.72%, var(--Brand-Color-main) 8.38%, var(--Brand-Color-deep) 39.48%);
  --Sodal-main: #055FFD;
  --Sodal-l-blue:#D9E6F9;
  --Sodal-point: #FF7700;

  --Text-Color-Black: #2A271E;
  --Text-Color-Basic-1: #565656;
  --Text-Color-Basic-2: #707070;
  --Text-Color-White: #ffffff;
  --Text-Color-Prosperity-Green: #008233;
  --Text-Color-Discovery-Blue: #003087;
  --Text-Color-Red: #E53535;
  
  --BTN-BG-Color-default:#1560C1;
  --BTN-BG-Color-Black: #232323;
  --BTN-BG-Color-White: #ffffff;
  --BTN-BG-Color-Inactive: #f4f4f4;
  --BTN-BG-Color-Light: #f9f9f9;
  --BTN-BG-Color-Grandiant:linear-gradient(226deg, #0052E7 -22.72%, #1B98FF 8.38%, #0052E7 39.48%);
  
  --border-Color: #dadada;
  --Gray-Bg-Color: #F4F5F6;
  --Gray-Color-900: #000000;
  --Gray-Color-800: #262626;
  --Gray-Color-700: #434343;
  --Gray-Color-600: #58616A;
  --Gray-Color-500: #7b7b7b;
  --Gray-Color-400: #9d9d9d;
  --Gray-Color-300: #c4c4c4;
  --Gray-Color-200: #d9d9d9;
  --Gray-Color-100: #e5e5e5;
  --Gray-Color-50: #f5f5f5;
  --Gray-Color-0: #ffffff;

  --num-2: clamp(0.125rem, 0.05rem + 0.06vw, 0.125rem);
  --num-4: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem);
  --num-8: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
  --num-10: clamp(0.5rem, 0.475rem + 0.13vw, 0.625rem);
  --num-12: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  --num-14: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem);
  --num-16: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
  --num-17: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
  --num-18: clamp(1rem, 0.975rem + 0.13vw, 1.125rem);
  --num-20: clamp(1rem, 0.975rem + 0.13vw, 1.125rem);
  --num-21: clamp(1.125rem, 1.087rem + 0.19vw, 1.313rem);
  --num-24: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
  --num-30: clamp(1.375rem, 1.018rem + 0.952vw, 1.875rem);
  --num-32: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
  --num-40: clamp(2rem, 1.9rem + 0.5vw, 2.5rem);
  --num-48: clamp(2.5rem, 2.4rem + 0.5vw, 3rem);
  --num-50: clamp(2.75rem, 2.675rem + 0.38vw, 3.125rem);
  --num-60: clamp(3rem, 2.85rem + 0.75vw, 3.75rem);
  --num-64: clamp(3rem, 2.8rem + 1vw, 4rem);
  --num-70: clamp(4rem, 3.925rem + 0.38vw, 4.375rem);
  --num-72: clamp(4rem, 3.9rem + 0.5vw, 4.5rem);
  --num-80: clamp(4rem, 3.8rem + 1vw, 5rem);
  --num-100: clamp(5rem, 4.75rem + 1.25vw, 6.25rem);

  --gap-4: clamp(0.25rem, 0.45rem + 0.25vw, 0.75rem);
  --gap-8: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
  --gap-10: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  --gap-12: clamp(0.625rem, 0.45rem + 0.25vw, 0.75rem);
  --gap-16: clamp(0.625rem, 0.7rem + 0.25vw, 1rem);
  --gap-20: clamp(0.625rem, 0.975rem + 0.13vw, 1.125rem);
  --gap-24:clamp(0.625rem, 0.45rem + 0.88vw, 1.5rem);
  --gap-30:clamp(1.25rem, 0.804rem + 1.19vw, 1.875rem);
  --gap-40:clamp(1.25rem, 0.357rem + 2.381vw, 2.5rem);
  --gap-50:clamp(1.875rem, 0.982rem + 2.381vw, 3.125rem);
  --gap-60:clamp(1.875rem, 0.536rem + 3.571vw, 3.75rem);
  --gap-70:clamp(2.5rem, 1.161rem + 3.571vw, 4.375rem);
  --gap-80:clamp(2.5rem, 0.714rem + 4.762vw, 5rem);
  
}

html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body {
  height: 100%;
  color: var(--Text-Color-Black);
  font-weight: 400;
  font-size:var(--font-size-17);
  font-family: var(--ff-body);
  word-break: keep-all;
  -webkit-text-size-adjust: 100%;
    word-break: keep-all;
    word-wrap: break-word;
}
/* :lang(en) body {
  font-family: 'Inter Tight', sans-serif;
} */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button,
input,
textarea,
select {
  font-family: inherit; font-size:inherit;
}
/* :lang(en) button,
:lang(en) input,
:lang(en) textarea,
:lang(en) select {
  font-family: 'Inter Tight', sans-serif;
} */
.skip {
  position: fixed;
  top: 20rem;
  left: 50%;
  z-index: 400;
  width: 130rem;
  padding: 15rem 0;
  border-radius: 30rem;
  background-color: var(--BG-Color-White);
  box-shadow: 0 0 20rem 0rem rgba(0, 0, 0, 0.2);
  opacity: 0;
  color: var(--Text-Color-Black);
  font-weight: 700;
  font-size: 18rem;
  line-height: 1.6;
  text-align: center;
  transform: translate(-50%, -100%);
  transition: opacity 0.3s, width 0.3s, transform 0s 0.3s;
}
.skip:focus {
  width: 180rem;
  outline: 0;
  opacity: 1;
  color: var(--Text-Color-Black);
  transform: translate(-50%, 0);
  transition: opacity 0.3s, width 0.3s 0.2s, transform 0.3s;
}

.blind {
    display: none;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}


input[type=text],input[type=password],input[type=number],input[type=tel],input[type=email],input[type=button],input[type=submit] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}
input[type="password"],
input[type="text"] {-webkit-appearance:none; -webkit-border-radius:0; width: 100%; background:#fff;  border:1px solid #E0E0E0; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0px 0.5rem;  box-sizing:border-box;  height: var(--num-40); text-align:left; border-radius:0.25rem;}
input[type="password"] {font-family: "pretendard", sans-serif}
select::-ms-expand {  display: none; -webkit-display: none; -moz-display: none; -o-display: none; -ms-display: none;}
select{ background-image:none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; padding:0px 1.5rem 0 0.5rem; height:var(--num-40); border:1px solid #E0E0E0;background-image:none;   -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none;	 background:#fff url("../images/default/content/sel_icon.png") no-repeat right 0.5rem top 50%; min-width:5rem; border-radius:0.25rem;}


textarea {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #8A949E
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #8A949E
}

input::placeholder,textarea::placeholder {
    color: #8A949E
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}
i{    vertical-align: middle;}
/*basic*/
.clear {clear:both;}
.of{overflow:hidden;}
.blind{display:none;}

/*text-color*/
.text_white {color:#fff !important;}
.text_red {color:#ff4b00 !important;}
.text_blue {color:#55b9ff;}
.text_green {color:#7dd237;}
.text_scal {color:#e68e27;}

/*font-size*/
.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}

/*width*/
.w0 { width:0% !important; }
.w10 { width:10% !important; }
.w20 { width:20% !important; }
.w22 { width:22% !important; }
.w30 { width:30% !important; }
.w40 { width:40% !important; }
.w45 { width:45% !important; }
.w50 { width:50% !important; }
.w60 { width:60% !important; }
.w70 { width:70% !important; }
.w80 { width:80% !important; }
.w90 { width:90% !important; }
.w100 { width:100% !important; }

.w10p { width:10px !important; }
.w20p { width:20px !important; }
.w30p { width:30px !important; }
.w40p { width:40px !important; }
.w50p { width:50px !important; }
.w60p { width:60px !important; }
.w70p { width:70px !important; }
.w80p { width:80px !important; }
.w90p { width:90px !important; }
.w100p { width:100px !important; }
.w150p { width:150px !important; }
.w200p { width:200px !important; }
.w300p { width:300px !important; }
.w400p { width:400px !important; }
.w500p { width:500px !important; }

/*height*/
.mh0 {min-height:0 !important;}

/*margin*/
.m100 {margin:100px !important;}
.m90 {margin:90px !important;}
.m80 {margin:80px !important;}
.m70 {margin:70px !important;}
.m60 {margin:60px !important;}
.m50 {margin:50px !important;}
.m40 {margin:40px !important;}
.m30 {margin:30px !important;}
.m20 {margin:20px !important;}
.m10 {margin:10px !important;}
.m5 {margin:5px !important;}
.m0a {margin:0 auto;}
.ma0 {margin:auto 0;}
.ma {margin:auto;}

/*margin-top*/
.mt100 {margin-top:100px !important;}
.mt90 {margin-top:90px !important;}
.mt80 {margin-top:80px !important;}
.mt70 {margin-top:70px !important;}
.mt60 {margin-top:60px !important;}
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt5 {margin-top:5px !important;}
.mt0 {margin-top:0 !important;}

/*margin-left*/
.ml100 {margin-left:100px !important;}
.ml90 {margin-left:90px !important;}
.ml80 {margin-left:80px !important;}
.ml70 {margin-left:70px !important;}
.ml60 {margin-left:60px !important;}
.ml50 {margin-left:50px !important;}
.ml40 {margin-left:40px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
.ml5 {margin-left:5px !important;}
.ml0 {margin-left:0 !important;}

/*margin-right*/
.mr100 {margin-right:100px !important;}
.mr90 {margin-right:90px !important;}
.mr80 {margin-right:80px !important;}
.mr70 {margin-right:70px !important;}
.mr60 {margin-right:60px !important;}
.mr50 {margin-right:50px !important;}
.mr40 {margin-right:40px !important;}
.mr30 {margin-right:30px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
.mr5 {margin-right:5px !important;}
.mr0 {margin-right:0 !important;}

/*margin-bottom*/
.mb100 {margin-bottom:100px !important;}
.mb90 {margin-bottom:90px !important;}
.mb80 {margin-bottom:80px !important;}
.mb70 {margin-bottom:70px !important;}
.mb60 {margin-bottom:60px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb5 {margin-bottom:5px !important;}
.mb0 {margin-bottom:0 !important;}

/*padding*/
.p100 {padding:100px !important;}
.p90 {padding:90px !important;}
.p80 {padding:80px !important;}
.p70 {padding:70px !important;}
.p60 {padding:60px !important;}
.p50 {padding:50px !important;}
.p40 {padding:40px !important;}
.p30 {padding:30px !important;}
.p20 {padding:20px !important;}
.p10 {padding:10px !important;}
.p5 {padding:5px !important;}
.p0 {padding:0 !important;}

/*padding_horizontal*/
.ph100 {padding:0 100px !important;}
.ph90 {padding:0 90px !important;}
.ph80 {padding:0 80px !important;}
.ph70 {padding:0 70px !important;}
.ph60 {padding:0 60px !important;}
.ph50 {padding:0 50px !important;}
.ph40 {padding:0 40px !important;}
.ph30 {padding:0 30px !important;}
.ph20 {padding:0 20px !important;}
.ph10 {padding:0 10px !important;}
.ph5 {padding:0 5px !important;}

/*padding_vertical*/
.pv100 {padding:100px 0 !important;}
.pv90 {padding:90px 0 !important;}
.pv80 {padding:80px 0 !important;}
.pv70 {padding:70px 0 !important;}
.pv60 {padding:60px 0 !important;}
.pv50 {padding:50px 0 !important;}
.pv40 {padding:40px 0 !important;}
.pv30 {padding:30px 0 !important;}
.pv20 {padding:20px 0 !important;}
.pv10 {padding:10px 0 !important;}
.pv5 {padding:5px 0 !important;}

/*padding-top*/
.pt100 {padding-top:100px !important;}
.pt90 {padding-top:90px !important;}
.pt80 {padding-top:80px !important;}
.pt70 {padding-top:70px !important;}
.pt60 {padding-top:60px !important;}
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt5 {padding-top:5px !important;}
.pt0 {padding-top:0 !important;}

/*padding-left*/
.pl100 {padding-left:100px !important;}
.pl90 {padding-left:90px !important;}
.pl80 {padding-left:80px !important;}
.pl70 {padding-left:70px !important;}
.pl60 {padding-left:60px !important;}
.pl50 {padding-left:50px !important;}
.pl40 {padding-left:40px !important;}
.pl30 {padding-left:30px !important;}
.pl20 {padding-left:20px !important;}
.pl10 {padding-left:10px !important;}
.pl5 {padding-left:5px !important;}
.pl0 {padding-left:0 !important;}

/*padding-right*/
.pr100 {padding-right:100px !important;}
.pr90 {padding-right:90px !important;}
.pr80 {padding-right:80px !important;}
.pr70 {padding-right:70px !important;}
.pr60 {padding-right:60px !important;}
.pr50 {padding-right:50px !important;}
.pr40 {padding-right:40px !important;}
.pr30 {padding-right:30px !important;}
.pr20 {padding-right:20px !important;}
.pr10 {padding-right:10px !important;}
.pr5 {padding-right:5px !important;}
.pr0 {padding-right:0 !important;}

/*padding-bottom*/
.pb100 {padding-bottom:100px !important;}
.pb90 {padding-bottom:90px !important;}
.pb80 {padding-bottom:80px !important;}
.pb70 {padding-bottom:70px !important;}
.pb60 {padding-bottom:60px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb15 {padding-bottom:15px !important;}
.pb10 {padding-bottom:10px !important;}
.pb5 {padding-bottom:5px !important;}
.pb0 {padding-bottom:0 !important;}


/*border-radius*/
.bra50 {border-radius:50%;}
.bra10 {border-radius:10px;}
.bra5 {border-radius:5px;}
.bra3 {border-radius:3px;}

/*background-color*/
.bg_fff {background-color:#fff;}
.bg_gray {background-color:#f9f9fb;}
.bg_dgray {background-color:#f2f2f4;}
.bg_dblue {background-color:#3c4650;}
.bg_blue {background-color:#55b9ff;}
.bgn {background:none !important;}
.bgcn {background-color:transparent !important;}

/*float*/
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

/*text-align*/
.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.aj {text-align:justify !important;}

/*font-weight*/
.tb {font-weight:bold;}
.tn {font-weight:normal;}

/*text-decoration*/
.tdo {text-decoration:overline;}
.tdl {text-decoration:line-through;}
.tdo {text-decoration:underline;}

/*display*/
.db {display:block !important;}
.di {display:inline !important;}
.dib {display:inline-block !important;}