/* input */

input[type="text"] {
	padding: 0 10px;
	border-radius: 3px;
	border: 1px solid #a9b6db;
	background-color: #fff;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
	position: relative;
	left: 0;
	top: 0;
}

input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}

input[type="checkbox"]+label,
input[type="radio"]+label,
button {
	cursor: pointer;
}

.select {
	display: inline-block;
	padding: 0 10px;
	height: 40px;
	border-radius: 3px;
	border: 1px solid #a9b6db;
	background-image: url('../img/select-btn.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}


/* date 커스텀 */
.input-date {
	position: relative;
	left: 0;
	top: 0;
}

.input-date>span {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 10px;
	height: 100%;
	line-height: inherit;
	width: calc(100% - 30px);
}

input[type="date"] {
	padding-right: 10px;
	border: 0 none;
}

input[type="date"].calendar::-webkit-calendar-picker-indicator,
input[type="text"].calendar::-webkit-calendar-picker-indicator {
	appearance: none;
	background: url('../img/calendar.png') 80% center no-repeat;
}



/* file */
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
	display: none;
}


/* 모달 */

.modal-wrap {
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}

.modal-wrap-bl {
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}

.modal-wrap48 {
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}

.modal-wrap43 {
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}

.modal-wrap44 {
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}

/* visible */
.hidden {
	overflow: hidden;
	margin: -1px;
	width: 0;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

.txt-hidden {
	text-indent: -9999px;
}

.d-none {
	display: none !important;
}


/* 정렬 */
.relative {
	position: relative !important;
	left: 0;
	top: 0;
}

.flex-between {
	display: flex;
	justify-content: space-between;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
}

.flex-start {
	display: flex;
	justify-content: flex-start;
}

.align-center {
	align-items: center;
}

.txt-center {
	text-align: center;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

.position-center {
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.flex-1 {
	flex: 1 1 0%;
}



/* over */

.over-hidden {
	overflow: hidden;
}

/* clearfix */
.clearfix {
	zoom: 0;
}

.clearfix::before,
.clearfix::after {
	content: "";
	display: block;
	line-height: 0px;
}

.clearfix::after {
	clear: both;
}

/* 스크롤바 커스텀 */
.scroll::-webkit-scrollbar {
	width: 15px;
	height: 15px;
}

.scroll::-webkit-scrollbar-track {
	background-color: #a9b6db;
}

.scroll::-webkit-scrollbar-thumb {
	background-color: #77819c;
}

.scroll::-webkit-scrollbar-corner {
	background-color: #a9b6db;
}

sub {
	display: inline-block;
	transform: scale(.7);
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	-o-transform: scale(.7);
}

/* 폰트 */

.fs-5 {
	font-size: 5px !important;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-11 {
	font-size: 11px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-13 {
	font-size: 13px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-15 {
	font-size: 15px !important;
}

.fs-17 {
	font-size: 17px !important;
}

.fs-25 {
	font-size: 25px !important;
}

.fs-30 {
	font-size: 30px !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-900 {
	font-weight: 900 !important;
}

.fc-green {
	color: #1f8e23;
}

.fc-white {
	color: #fff;
}

.fc-red {
	color: #f10000;
}

.fc-blue {
	color: #005cff;
}

.fc-dark {
	color: #000 !important;
}

.fc-green {
  color: #348f10;
}


/* 컬러 */

.bg-blue {
	background-color: #80a5e4 !important;
}

.bg-sky {
	background-color: #f6f9ff !important;
}

.bg-deepsky {
	background-color: #dae6fa !important;
}

.bg-gray {
	background-color: #dedede !important;
}

.bg-orange {
	background-color: #f79646 !important;
}

.bg-yellow {
	background-color: #ffff66 !important;
}

.bg-yellow2 {
	background-color: #ffeeab !important;
}

.bg-yellow3 {
	background-color: #efe100 !important;
}

.bg-pink {
	background-color: #ffb8a5 !important;
}

.bg-white {
	background-color: #fff !important;
}

.bg-purple {
	background-color: #6f6d94 !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-beige {
  background-color: #d1c6a1;
}


.txt-white {
	color: #fff !important;
}

.txt-red {
	color: #ff0000 !important;
}

.txt-blue {
	color: #0000ca !important;
}

.txt-blue2 {
	color: #18458d !important;
}

.txt-blue3 {
	color: #0096ff !important;
}

.txt-333 {
	color: #333 !important;
}

.txt-purple {
	color: #ae33b6 !important;
}

.txt-green {
	color: #1f8e23 !important;
}



.d-none {
	display: none;
}


/* Margin Set */

.ml-auto {
	margin-left: auto;
}

.ml0 {
	margin-left: 0 !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;
}

.ml100 {
	margin-left: 100px !important;
}

.ml400 {
	margin-left: 400px !important;
}

.mr0 {
	margin-right: 0 !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;
}

.mr100 {
	margin-right: 100px !important;
}

.mb0 {
	margin-bottom: 0 !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;
}

.mb100 {
	margin-bottom: 100px !important;
}

.mt0 {
	margin-top: 0 !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;
}

.mt100 {
	margin-top: 100px !important;
}

.mt135 {
	margin-top: 135px !important;
}

.m5 {
	margin: 5px !important
}

.m10 {
	margin: 10px !important;
}

/* Padding Set */
.pl0 {
	padding-left: 0 !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;
}

.pl100 {
	padding-left: 100px !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;
}

.pr100 {
	padding-right: 100px !important;
}

.pb0 {
	padding-bottom: 0 !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;
}

.pb100 {
	padding-bottom: 100px !important;
}

.pt0 {
	padding-top: 0 !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;
}

.pt100 {
	padding-top: 100px !important;
}

.p0 {
	padding: 0 !important;
}

.p5 {
	padding: 5px !important;
}

.p10 {
	padding: 10px !important;
}

.p15 {
	padding: 15px !important;
}

.p20 {
	padding: 20px !important;
}

.p25 {
	padding: 25px !important;
}

.p30 {
	padding: 30px !important;
}

.p35 {
	padding: 35px !important;
}

.p40 {
	padding: 40px !important;
}

.p45 {
	padding: 45px !important;
}

.p50 {
	padding: 50px !important;
}

.border-0 {
	border: 0 none !important;
}

.border-b-0 {
	border-bottom: 0 none !important;
}

.border-l-0 {
	border-left: 0 none !important;
}

.border-r-0 {
	border-right: 0 none !important;
}

.border-black {
	border: 1px solid #111;
}

.border-pink {
	border: 1px solid #79564c;
}


/* 너비 */

.wid-40 {
	width: 40px !important;
}

.wid-50 {
	width: 50px !important;
}

.wid-60 {
	width: 60px !important;
}

.wid-72 {
	width: 72px !important;
}

.wid-80 {
	width: 80px !important;
}

.wid-100 {
	width: 100px !important;
}

.wid-120 {
	width: 120px !important;
}

.wid-130 {
	width: 130px !important;
}

.wid-150 {
	width: 150px !important;
}

.wid-200 {
	width: 200px !important;
}

.wid-250 {
	width: 250px !important;
}

.wid-295 {
	width: 295px !important;
}

.wid-330 {
	width: 330px !important;
}

.wid-5200 {
	width: 5200px !important;
}

.wid-880 {
	width: 880px !important;
}

.wid-950 {
	width: 950px !important;
}

.wid-2000 {
	width: 2000px !important;
}

.wid-2500 {
	width: 2500px !important;
}

.wid-50p {
	width: 50% !important;
}

.wid-80p {
	width: 80% !important;
}

.wid-100p {
	width: 100% !important;
}

/* 높이 */

.hei-30 {
	height: 30px !important;
}

.hei-31 {
	height: 31px !important;
}

.hei-35 {
	height: 35px !important;
}

.hei-40 {
	height: 40px !important;
}

.hei-50 {
	height: 50px !important;
}

.hei-55 {
	height: 55px !important;
}

.hei-60 {
	height: 60px !important;
}
.hei-70 {
	height: 70px !important;
}

.hei-80 {
	height: 80px !important;
}

.hei-200 {
	height: 200px !important;
}

.hei-300 {
	height: 300px !important;
}

.hei-310 {
	height: 310px !important;
}

.hei-320 {
	height: 320px !important;
}

.hei-330 {
	height: 330px !important;
}

.hei-340 {
	height: 340px !important;
}

.hei-350 {
	height: 350px !important;
}

.hei-360 {
	height: 360px !important;
}

.hei-385 {
	height: 385px !important;
}

.hei-425 {
	height: 425px !important;
}

.hei-450 {
	height: 450px !important;
}

.hei-500 {
	height: 500px !important;
}

.hei-720 {
	max-height: 720px !important;
}

.hei-100p {
	height: 100% !important;
}