html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: none 0;}
img, fieldset, iframe { border: 0 none}
table, div { border-collapse: collapse;}
textarea { overflow: auto; outline-style: none;}
select, input, img, li { vertical-align: middle; text-align: left; outline-style: none}
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal }
ul, li, ol { list-style-type: none }
legend, caption { display: none }
hr { border-collapse: collapse; display: none }
a {text-decoration: none; cursor: pointer;}
html, body { width: 100%; margin: 0; padding: 0;}
* { word-break: keep-all; box-sizing: border-box;}

input::-webkit-input-placeholder{color:#ccc !important;}
input:-ms-input-placeholder{color:#ccc !important;}
textarea::-webkit-input-placeholder{color:#ccc !important;}
textarea:-ms-input-placeholder{color:#ccc !important;}


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

.vat {vertical-align:top !important;}

.sp10 {height:10px;clear:both;}
.sp20 {height:20px;clear:both;}
.sp50 {height:50px;clear:both;}
.sp60 {height:60px;clear:both;}
.sp80 {height:80px;clear:both;}
.sp100 {height:100px;clear:both;}

.wh20 {width:20px !important;}
.wh30 {width:30px !important;}
.wh40 {width:40px !important;}
.wh50 {width:50px !important;}
.wh60 {width:60px !important;}
.wh70 {width:70px !important;}
.wh80 {width:80px !important;}
.wh90 {width:90px !important;}
.wh100 {width:100px !important;}
.wh110 {width:110px  !important;}
.wh120 {width:120px !important;}
.wh130 {width:130px !important;}
.wh140 {width:140px !important;}
.wh150 {width:150px !important;}
.wh200 {width:200px !important;}
.wh230 {width:230px !important;}
.wh235 {width:235px !important;}
.wh250 {width:250px !important;}
.wh300 {width:300px !important;}
.wh320 {width:320px !important;}
.wh350 {width:350px !important;}
.wh400 {width:400px !important;}
.wh450 {width:450px !important;}
.wh500 {width:500px !important;}
.wh600 {width:600px !important;}
.wh700 {width:700px !important;}

.wh525  {width:525px  !important;}
.wh1100 {width:1100px !important;}
.wh1300 {width:1300px !important; }

.whp10  {width:10% !important;}
.whp14  {width:14% !important;}
.whp25  {width:25% !important;}
.whp30  {width:30% !important;}
.whp32  {width:32% !important;}
.whp40  {width:40% !important;}
.whp50  {width:50% !important;}
.whp67  {width:67% !important;}

.whp80 {width:80% !important}
.whp90 {width:90% !important}
.whp100 {width:100% !important}

.fl  {float:left !important;}
.fr  {float:right !important;}

.posiRe  {position: relative;}


.mt5 {margin-top:5px;}
.mt15 { margin-top: 15px !important;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px !important;}
.mt120 {margin-top:120px !important;}

.mb15 { margin-bottom: 15px !important;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.w100p {width:100% !important;}
.w100 {width:100px !important;}
.w200 {width:200px;}
.w349 {width:349px !important;}

.h48 {height:48px;}

.p-mr-6 {margin-right:6%;}
.p-mr10 {margin-right:10px;}

.lm5 {margin-left:5px}
.lm10 {margin-left:10px}
.lm15 {margin-left:15px}
.lm20 {margin-left:20px}
.lm250 {margin-left:250px}

.tm15 {margin-top:15px}
.mat5 {margin-top: 5px !important;}
.mat8 {margin-top: 8px !important;}
.mat10 {margin-top: 10px  !important;}
.mat15 {margin-top: 15px;}
.mat20 {margin-top: 20px !important; }
.mat30 {margin-top: 30px;}
.mat40 {margin-top: 40px;}
.mat50  {margin-top: 50px;}
.mat50_ {margin-top: -50px;}
.mat72  {margin-top: 72px;}
.mat100  {margin-top: 100px;}
.mat200  {margin-top: 200px;}

.mat0  {margin-top: 0px !important;}
.mab0  {margin-bottom: 0px !important;}

.rm5 {margin-right:5px}
.rm30 {margin-right:30px}

.bm0 {margin-bottom:0px !important; }

.pat0 {padding-top:4px !important;}
.pat4 {padding-top:4px}
.pat6 {padding-top:6px}
.pat10 {padding-top:10px !important;}
.pat15 {padding-top:15px}
.pat20 {padding-top:20px !important;}
.pat30 {padding-top:30px !important;}
.pat50 {padding-top:50px !important;}
.pat75 {padding-top:75px !important;}

.patNot {padding:0px 20px 0px 0px !important; }

.pat5 {padding:5px 0px 5px 0px !important; }
.pat10 {padding:10px 0px 10px 0px !important; }

.pal5  {padding-left:5px  !important; }
.pal10 {padding-left:10px !important; }
.pal15 {padding-left:15px !important; }
.pal30 {padding-left:30px !important; }

.cored     {color:red !important; }
.coblue    {color:blue !important ;}
.bgcF7     {background-color:#F7F7F7}
.bgcFF     {background-color:#FFFFFF}
.bgcYellow {background-color:#F0B25E}
.bgcRed    {background-color:#ffa4d1}


.hh20 {height:20px !important; }
.hh25 {height:25px !important; }
.hh30 {height:30px !important; }
.hh35 {height:35px !important; }
.hh40 {height:40px !important; }
.hh50 {height:50px !important; }

.hh63 {height:63px !important; }
.hh65 {height:65px !important; line-height:65px !important; }
.hh70 {height:70px !important; }
.hh84 {height: 84px !important;}
.hh100 {height:100px !important; }
.hh130 {height:130px !important; }
.hh230 {height:230px !important; }
.hh500 {height:500px !important; }
.hh900 {height:900px !important; }


.hhm40  {min-height:40px  !important; }
.hhm64  {min-height:64px  !important; }
.hhm70  {min-height:70px  !important; }
.hhm80  {min-height:80px  !important; }
.hhm100 {min-height:100px !important; }
.hhm500 {min-height:500px !important; }
.hhm580 {min-height: 580px;}
.hhm600 {min-height: 600px;}

.lh20 {line-height: 20px !important;}


.pa15 { padding: 15px !important;}
.pa815 { padding: 8px 15px !important;}
.pa212 {padding: 2px 12px !important;}

.borderNone {border:0px ; }
.borderAll {border:1px solid #ccc; }
.borderBottom {border-bottom:1px solid #ccc; }
.cursor  {cursor:pointer; }
.gray {color: #ccc !important; }

.font11 {font-size:11px !important;}
.font12px {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}



.btn_blue{
	background-color:#256be8 !important;
	border:0;
	color:#FFFFFF !important;
}
.btn_red {
	background-color:#EF3E44 !important;
	color:#FFFFFF !important;
}
.btn_gray{
	background-color:#BFBFBF !important;
}
.btn_white{
	background-color:#fefefe !important;
	color:#010101 !important;
}
.btn_purple{
	background-color:#9057E8 !important;
}
.btn_yellow{
	background-color:#FFAC2B !important;
}
.btn_mint{
	background-color:#38c1c6 !important;
}
.btn_darkblue{
	background-color:#3C6CA4 !important;
}


.btn_blue:hover{
	box-shadow: 0px 0px 4px rgba(69,174,226,0.7);
}

.btn_red:hover{
	box-shadow: 0px 0px 4px rgba(239,62,68,0.7);
}
.btn_gray:hover{
	box-shadow: 0px 0px 4px rgba(191,191,191,0.7);
}
.btn_white:hover{
	box-shadow: 0px 0px 4px rgba(255,255,191,0.7);
}
.btn_purple:hover{
	box-shadow: 0px 0px 4px rgba(144,87,232,0.7);
}
.btn_yellow:hover{
	box-shadow: 0px 0px 4px rgba(255,172,43,0.7);
}
.btn_darkblue:hover{
	box-shadow: 0px 0px 4px rgba(60,108,164,0.7);
}



.bg_orange {background:#ff9b15;}
.bg_blue {background:#2089e0;}
.bg_red {background:#d43636;}
.bg_gray {background: #696969;}
.bg_orange a{color:#ffffff !important;}


.c_f {color:#ffffff;}
.none {display:none !important;}

/* 로딩 바 */
.load-popup {
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
.loading-container,
.loading {
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}


.loading {
	border: 2px solid transparent;
	border-color: transparent #fff transparent #FFF;
	-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1.5s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading {
	border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#loading-text {
	-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
	-o-animation: loading-text-opacity 2s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
	animation: loading-text-opacity 2s linear 0s infinite normal;
	color: #ffffff;
	font-family: "Helvetica Neue, "Helvetica", ""arial";
	font-size: 10px;
	font-weight: bold;
	margin-top: 45px;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 100px;
}
/* 로딩 바 */