@charset 'utf-8';

/*
Noel's HTML5 Reset
v1.11
Last Updated: 2017-01-06
Author: Young Min Kim(Edited HTML-Doctor)
KaKao: Sophistic
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a{;margin:0;  padding:0;  border:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-text-size-adjust:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;; font-style: normal; }
html{ font-smoothing:antialiased; -ms-touch-action:auto;}
html,body, section{width:100%;color:#737776}

img{}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav, section{}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
button{cursor:pointer; border:none; padding:0; }
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
li,dd{list-style:none;}
blockquote, q {quotes:none;}
address, caption, em, cite, i, a {font-weight:normal; font-style:normal; text-decoration: none;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
iframe{width:100%;vertical-align:middle;}
caption{display:none;}
figcaption{display:block;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }

strong {font-weight: bold !important; }

input[type="text"], input[type="number"],input[type="email"], input[type="search"],
input[type="password"], input[type="date"], input[type="tel"], select{display:table-cell; vertical-align:middle; padding:  0 0 0 7px; height: 40px; line-height: 1; box-sizing: border-box; background:#fff; border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;  border-radius:0; color:#737776; font-size:12px;}

input[type="search"] {border-radius:0; -webkit-border-radius:0; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

input[type='checkbox'],input[type='radio'] {vertical-align:middle; margin-top:0; 0/IE8+9;  cursor:pointer;}

input.disabled {background:#fff;}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}


select::-ms-expand{display:none; }
select{ cursor: pointer; outline :none; overflow :hidden; color:#737776; width:100%;background:#fff url('/img/sub/_ico/board_arr_down.gif') no-repeat 90% center;  }
textarea{width:100%;height:100px; resize:none; border:1px solid #cccccc;   padding:10px; color:#737776;}

/*::-webkit-input-placeholder { /* WebKit, Blink, Edge */   color:#1a4d80 !important;}*/
/*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#1a4d80 !important;   opacity:  1;}*/
/*::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#1a4d80 !important;   opacity:  1;}*/
/*:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:#1a4d80 !important;}*/

.blind{position:absolute; top:-737776737776px; width:0; height:0; font-size:0; overflow:hidden;}
.clear{clear:both;}
.clearfix{overflow:hidden;}
.clearfix:after{clear:both; display:table; content:'';}
.center{text-align:center; display:block; float:none !important;}


.fl{float:left;}
.fr{float:right;}
.bod{font-weight:bold;}

.mgt_10{margin-top:10px}
.mgt_20{margin-top:20px}
.mgt_30{margin-top:30px}
.mgt_50{margin-top:50px}
.mg100{margin-bottom:100px}

.pdt150{padding-top:150px;}
.pdd150{padding-bottom:150px;}

.through{text-decoration : line-through;color:#c60900;}
.f_red{color:#c60900 ! important;}
.sub_point{color:#bac0bf;font-size:13px ! important;text-decoration : underline;}

/*modal*/
#modal-container {
	position: fixed;
	left: 0;
	top: 0;
	display: table;
	height: 100%;
	width: 100%;
	z-index: 1;
	/* hidden 처리 */
	transform: scale(0);
}
#modal-container .modal-background {
	display: table-cell;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	vertical-align: middle;
}
#modal-container .modal-background .modal {
	padding: 50px;
	display: inline-block;
	border-radius: 3px;
	position: relative;
}
#modal-container .modal-background .modal h2 {
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 15px;
	
}
#modal-container .modal-background .modal p {
	font-size: 18px;
	line-height: 22px;
}


/*
 * ------------------------------
 * Unfolding Animation
 * ------------------------------
 */
#modal-container.one {
	/*transform: scaleX(0) scaleY(1);*/
	animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one .modal-background .modal {
	/* 초기 display: none 처럼 크기를 0 으로 하여 보여주지 않음*/
	transform: scale(0);
	/* 0.5 초 동안 애니메이션을 실행, 단 0.8초 지연시켜 0.8초 후에 애니메이션을 실행 */
	animation: zoomIn .5s .8s  cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out {
	transform: scale(1);
	animation: unfoldOut 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out .modal-background .modal {
	animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
/* Dimmed showing */
@keyframes unfoldIn {
	0% {
		transform: scaleX(0) scaleY(0.005);
	}
	50% {
		/* 0.5 초간 세로 크기는 작은상태로 가로 너비만 확대  */
		transform: scaleX(1) scaleY(0.005);
	}
	100% {
		/* 0.5 초간 세로 크기를 확대 */
		transform: scaleY(1) scaleX(1);
	}
}
/* Show modal content  */
@keyframes zoomIn {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}
/* Hide modal content */
@keyframes zoomOut {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(0);
	}
}
/* Dimmed hiding */
@keyframes unfoldOut {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scaleX(1) scaleY(0.005);
	}
	100% {
		transform: scaleX(0) scaleY(0.005);
	}
}


/*
 * ------------------------------
 * Revealing Animation
 * ------------------------------
 */
#modal-container.two {
	transform: scale(1);
}
#modal-container.two .modal-background {
	background: transparent;
	animation: fadeIn .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two .modal-background .modal {
	/* 콘텐츠를 초기에 보여주지 않음 */
	opacity: 0;
	animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.content.two {
	/* 콘텐츠 크기를 줄임 */
	animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out {
	/* 전체 모달 컨테이너를 숨김 처리(다른 애니메이션이 모두 끝난 0.5초 후에 처리하기 위해 0.5초 지연시킴 */
	animation: quickScaleDown 0s .5s linear forwards;
}
#modal-container.two.out .modal-background {
	animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out .modal-background .modal {
	animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.content.two.out {
	animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
/* Dimmed showing */
@keyframes fadeIn {
	0% {
		background: transparent;
	}
	100% {
		background: rgba(0, 0, 0, .7);
	}
}
/* Show modal content from bottom to top */
@keyframes scaleUp {
	0% {
		/* 모달 콘텐츠를 하단에 위치시킴 */
		transform: scale(.8) translateY(1000px);
		opacity: 0;
	}
	100% {
		/* 모달 콘텐츠를 본래 위치로 돌려놓음 */
		transform: scale(1) translateY(0);
		opacity: 1;
	}
}
/* Shrink content */
@keyframes scaleBack {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(.8);
	}
}
/* Hide modal container*/
@keyframes quickScaleDown {
	0% {
		transform: scale(1);
	}
	99.9% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
/* Dimmed hiding */
@keyframes fadeOut {
	0% {
		background: rgba(0, 0, 0, .7);
	}
	100% {
		background: transparent;
	}
}
/* modal content from top to bottom */
@keyframes scaleDown {
	0% {
		transform: scale(1) translateY(0);
		opacity: 1;
	}
	100% {
		transform: scale(.8) translateY(1000px);
		opacity: 0;
	}
}

@keyframes scaleBack {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(.85);
	}
}
@keyframes scaleForward {
	0% {
		transform: scale(0.85);
	}
	100% {
		transform: scale(1);
	}
}

/*
 * ------------------------------
 * Uncovering Animation
 * ------------------------------
 */
#modal-container.three {
	z-index: 0;
	transform: scale(1);
}
#modal-container.three .modal-background {
	background: rgba(0, 0, 0, .9);
}
#modal-container.three .modal-background .modal {
	animation: moveUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.content.three {
	z-index: 1;
	animation: slideUpLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three.out .modal-background .modal {
	animation: moveDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.content.three.out {
	animation: slideDownLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
/* Show Modal content*/
@keyframes moveUp {
	/* 하단에서 */
	0% {
		transform: translateY(200px);
	}
	/* 중앙으로 위치 */
	100% {
		transform: translateY(0);
	}
}
/* Slide up Content */
@keyframes slideUpLarge {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-100%);
	}
}
/* Hide Modal content */
@keyframes moveDown {
	/* 중앙에 있는 모달 콘텐츠를 */
	0% {
		transform: translateY(0);
	}
	/* 하단으로 위치 */
	100% {
		transform: translateY(200px);
	}
}
/* Slide down content */
@keyframes slideDownLarge {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}

/*
 * ------------------------------
 * Blow Up Animation
 * ------------------------------
 */
#modal-container.four {
	z-index: 0;
	transform: scale(1);
}
#modal-container.four .modal-background {
	background: rgba(0, 0, 0, 0.9);
}
#modal-container.four .modal-background .modal {
	animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.content.four {
	z-index: 1;
	animation: blowUpContent 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four.out .modal-background .modal {
	animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.content.four.out {
	animation: blowUpContentTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
/* Show modal content */
@keyframes blowUpModal {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
/* Hide content */
@keyframes blowUpContent {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	/* 원본 크기에서 2배로 커지면서 투명도를 서서히 낮춤 */
	99.9% {
		transform: scale(2);
		opacity: 0;
	}
	/* 마지막에 숨김 처리 */
	100% {
		transform: scale(0);
	}
}
/* Hide modal content */
@keyframes blowUpModalTwo {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}
/* Show content */
@keyframes blowUpContentTwo {
	0% {
		transform: scale(2);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/*
 * ------------------------------
 * Meep Meep Animation
 * ------------------------------
 */
#modal-container.five {
	transform: scale(1);
}
#modal-container.five .modal-background {
	background: transparent;
	animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five .modal-background .modal {
	transform: translateX(-1500px);
	animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out {
	animation: quickScaleDown 0s .5s linear forwards;
}
#modal-container.five.out .modal-background {
	animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out .modal-background .modal {
	animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
/* 모달 콘텐츠 반동 효과로 나타나기 */
@keyframes roadRunnerIn {
	0% {
		transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
	}
	70% {
		transform: translateX(50px) skewX(0deg) scaleX(0.9);
	}
	100% {
		transform: translateX(0px) skewX(0deg) scaleX(1);
	}
}
/* 모달 콘텐츠 반동 효과로 숨기기 */
@keyframes roadRunnerOut {
	0% {
		transform: translateX(0px) skewX(0deg) scaleX(1);
	}
	30% {
		transform: translateX(-100px) skewX(-5deg) scaleX(0.9);
	}
	100% {
		transform: translateX(1500px) skewX(30deg) scaleX(1.3);
	}
}

/*
 * ------------------------------
 * James Bond Animation
 * ------------------------------
 */
#modal-container.six {
	transform: scale(1);
}
#modal-container.six .modal-background {
	background: transparent;
	animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal {
	/* 초기 모달 콘텐츠 크기 및 라운드 정의 */
	width: 200px;
	height: 200px;
	border-radius: 100%;
	overflow: hidden;
	animation: JamesBond 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal h2,
#modal-container.six .modal-background .modal p {
	/* 콘텐츠 내용 숨김 */
	opacity: 0;
	position: relative;
	/* 원형 모달이 본래 모양을 완성된 후 1.4 지연후에 보여줌 */
	animation: modalContentFadeIn .5s 1.4s linear forwards;
}
#modal-container.six.out {
	animation: slowFade .5s 1.5s linear forwards;
}
#modal-container.six.out .modal-background {
	background-color: rgba(0, 0, 0, 0.7);
	animation: fadeToRed 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal {
	border-radius: 3px;
	height: 162px;
	width: 227px;
	animation: killShot 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal h2,
#modal-container.six.out .modal-background .modal p {
	animation: modalContentFadeOut 0.5s 0.5 cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
/* Show modal content : round shape */
@keyframes JamesBond {
	0% {
		transform: translateX(1000px);
	}
	80% {
		transform: translateX(0px);
		width: 150px;
		height: 150px;
		border-radius: 100%;
	}
	90% {
		border-radius: 3px;
		width: 340px;
		height: 240px;
	}
	100% {
		border-radius: 3px;
		width: 300px;
		height: 200px;
	}
}
/* 모달 콘텐츠 내의 요소 효과 처리 */
@keyframes modalContentFadeIn {
	0% {
		opacity: 0;
		top: -20px;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
/* 전체 모달 컨테이너 숨김처리 */
@keyframes slowFade {
	0% {
		opacity: 1;
	}
	99.9% {
		opacity: 0;
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
/* 박스 그림자를 이용한 효과 */
@keyframes fadeToRed {
	0% {
		box-shadow: inset 0 0 0 rgba(201, 24, 24, 0.8);
	}
	100% {
		/* y 축 박스 그림자를 위에서부터 아래로 내리는 효과 */
		box-shadow: inset 0 2000px 0 rgba(201, 24, 24, 0.8);
	}
}
/* 모달 콘텐츠 비스듬히 하단으로 떨어뜨림 */
@keyframes killShot {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
	}
	100% {
		/* 하단으로 회전시켜 떨어뜨림 */
		transform: translateY(400px) rotate(45deg);
		opacity: 0;
	}
}
/* 모달 콘텐츠가 떨어질 때 효과처리 */
@keyframes modalContentFadeOut {
	0% {
		opacity: 1;
		top: 0;
	}
	100% {
		opacity: 0;
		top: -20px;
	}
}



/*Margin*/
.mg0  { margin: 0px		!important; }
.mg5  { margin: 5px		!important; }
.mg10 { margin: 10px	!important; }
.mg15 { margin: 15px	!important; }
.mg20 { margin: 20px	!important; }
.mg25 { margin: 25px	!important; }
.mg30 { margin: 30px	!important; }
.mg35 { margin: 35px	!important; }
.mg40 { margin: 40px	!important; }
.mg45 { margin: 45px	!important; }
.mg50 { margin: 50px	!important; }
.mg55 { margin: 55px	!important; }
.mg60 { margin: 60px	!important; }
.mg65 { margin: 65px	!important; }
.mg70 { margin: 70px	!important; }
.mg75 { margin: 75px	!important; }
.mg80 { margin: 80px	!important; }
.mg85 { margin: 85px	!important; }
.mg90 { margin: 90px	!important; }
.mg95 { margin: 95px	!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; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }

.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; }
.mt55 { margin-top: 55px	!important; }
.mt60 { margin-top: 60px	!important; }
.mt65 { margin-top: 65px	!important; }
.mt70 { margin-top: 70px	!important; }
.mt75 { margin-top: 75px	!important; }
.mt80 { margin-top: 80px	!important; }
.mt85 { margin-top: 85px	!important; }
.mt90 { margin-top: 90px	!important; }
.mt95 { margin-top: 95px	!important; }
.mt115 { margin-top: 115px	!important; }
.mt120 { margin-top: 120px	!important; }

.ml0  { margin-left: 0px	!important; }
.ml3  { margin-left: 3px	!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; }
.ml55 { margin-left: 55px	!important; }
.ml60 { margin-left: 60px	!important; }
.ml65 { margin-left: 65px	!important; }
.ml70 { margin-left: 70px	!important; }
.ml75 { margin-left: 75px	!important; }
.ml80 { margin-left: 80px	!important; }
.ml85 { margin-left: 85px	!important; }
.ml90 { margin-left: 90px	!important; }
.ml95 { margin-left: 95px	!important; }
.ml180 { margin-left: 180px	!important; }

.mr0  { margin-right: 0px	!important; }
.mr3  { margin-right: 3px	!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; }
.mr55 { margin-right: 55px	!important; }
.mr60 { margin-right: 60px	!important; }
.mr65 { margin-right: 65px	!important; }
.mr70 { margin-right: 70px	!important; }
.mr75 { margin-right: 75px	!important; }
.mr80 { margin-right: 80px	!important; }
.mr85 { margin-right: 85px	!important; }
.mr90 { margin-right: 90px	!important; }
.mr95 { margin-right: 95px	!important; }

/*Padding*/
.pd0  { padding: 0px		!important; }
.pd5  { padding: 5px		!important; }
.pd10 { padding: 10px		!important; }
.pd15 { padding: 15px		!important; }
.pd20 { padding: 20px		!important; }
.pd25 { padding: 25px		!important; }
.pd30 { padding: 30px		!important; }
.pd35 { padding: 35px		!important; }
.pd40 { padding: 40px		!important; }
.pd45 { padding: 45px		!important; }
.pd50 { padding: 50px		!important; }
.pd55 { padding: 55px		!important; }
.pd60 { padding: 60px		!important; }
.pd65 { padding: 65px		!important; }
.pd70 { padding: 70px		!important; }
.pd75 { padding: 75px		!important; }
.pd80 { padding: 80px		!important; }
.pd85 { padding: 85px		!important; }
.pd90 { padding: 90px		!important; }
.pd95 { padding: 95px		!important; }

.pb0 { padding-bottom: 0px		!important; }
.pb5 { padding-bottom: 5px		!important; }
.pb10 { padding-bottom: 10px	!important; }
.pb15 { padding-bottom: 15px	!important; }
.pb20 { padding-bottom: 20px	!important; }
.pb25 { padding-bottom: 25px	!important; }
.pb30 { padding-bottom: 30px	!important; }
.pb35 { padding-bottom: 35px	!important; }
.pb40 { padding-bottom: 40px	!important; }
.pb45 { padding-bottom: 45px	!important; }
.pb50 { padding-bottom: 50px	!important; }
.pb55 { padding-bottom: 55px	!important; }
.pb60 { padding-bottom: 60px	!important; }
.pb65 { padding-bottom: 65px	!important; }
.pb70 { padding-bottom: 70px	!important; }
.pb75 { padding-bottom: 75px	!important; }
.pb80 { padding-bottom: 80px	!important; }
.pb85 { padding-bottom: 85px	!important; }
.pb90 { padding-bottom: 90px	!important; }
.pb95 { padding-bottom: 95px	!important; }

.pt0 { padding-top: 0px			!important; }
.pt5 { padding-top: 5px			!important; }
.pt10 { padding-top: 10px		!important; }
.pt15 { padding-top: 15px		!important; }
.pt20 { padding-top: 20px		!important; }
.pt25 { padding-top: 25px		!important; }
.pt30 { padding-top: 30px		!important; }
.pt35 { padding-top: 35px		!important; }
.pt40 { padding-top: 40px		!important; }
.pt45 { padding-top: 45px		!important; }
.pt50 { padding-top: 50px		!important; }
.pt55 { padding-top: 55px		!important; }
.pt60 { padding-top: 60px		!important; }
.pt65 { padding-top: 65px		!important; }
.pt70 { padding-top: 70px		!important; }
.pt75 { padding-top: 75px		!important; }
.pt80 { padding-top: 80px		!important; }
.pt85 { padding-top: 85px		!important; }
.pt90 { padding-top: 90px		!important; }
.pt95 { padding-top: 95px		!important; }

.pl0 { padding-left: 0px		!important; }
.pl5 { padding-left: 5px		!important; }
.pl10 { padding-left: 10px		!important; }
.pl15 { padding-left: 15px		!important; }
.pl20 { padding-left: 20px		!important; }
.pl25 { padding-left: 25px		!important; }
.pl30 { padding-left: 30px		!important; }
.pl35 { padding-left: 35px		!important; }
.pl40 { padding-left: 40px		!important; }
.pl45 { padding-left: 45px		!important; }
.pl50 { padding-left: 50px		!important; }
.pl55 { padding-left: 55px		!important; }
.pl60 { padding-left: 60px		!important; }
.pl65 { padding-left: 65px		!important; }
.pl70 { padding-left: 70px		!important; }
.pl75 { padding-left: 75px		!important; }
.pl80 { padding-left: 80px		!important; }
.pl85 { padding-left: 85px		!important; }
.pl90 { padding-left: 90px		!important; }
.pl95 { padding-left: 95px		!important; }

.pr0 { padding-right: 0px		!important; }
.pr5 { padding-right: 5px		!important; }
.pr10 { padding-right: 10px		!important; }
.pr15 { padding-right: 15px		!important; }
.pr20 { padding-right: 20px		!important; }
.pr25 { padding-right: 25px		!important; }
.pr30 { padding-right: 30px		!important; }
.pr35 { padding-right: 35px		!important; }
.pr40 { padding-right: 40px		!important; }
.pr45 { padding-right: 45px		!important; }
.pr50 { padding-right: 50px		!important; }
.pr55 { padding-right: 55px		!important; }
.pr60 { padding-right: 60px		!important; }
.pr65 { padding-right: 65px		!important; }
.pr70 { padding-right: 70px		!important; }
.pr75 { padding-right: 75px		!important; }
.pr80 { padding-right: 80px		!important; }
.pr85 { padding-right: 85px		!important; }
.pr90 { padding-right: 90px		!important; }
.pr95 { padding-right: 95px		!important; }


/*bg color*/
.bg_red		{ background-color: #df2518; }
.bg_sblue	{ background-color: #2880c7; }
.bg_blue	{ background-color: #f0f5f9; }

.bg_black	{ background-color: #2f2f2f; }
.bg_orange	{ background-color: #f97613; }
.bg_brown	{ background-color: #966c3e; }
.bg_white	{ background-color: #ffffff; }
.bg_green	{ background-color: #93b658; }
.bg_gray	{ background-color: #838383; }
.bg_dgray	{ background-color: #343434; }

.bg_kobalt	{ background-color: #567c9a; }

/*color*/
.bb_red		{ color: #df2518; }
.bb_yellow	{ color: #ffc02a; }

.bb_blue	{ color: #2880c7; }
.bb_black	{ color: #2f2f2f; }
.bb_orange	{ color: #f97613; }
.bb_brown	{ color: #966c3e; }
.bb_white	{ color: #ffffff; }
.bb_green	{ color: #93b658; }
.bb_gray	{ color: #535554; }
.bb_kobalt	{ color: #567c9a; }


/**/
.alignc{text-align:center ! important}
.alignl{text-align:left ! important}
.alignr{text-align:right ! impoartant}