/**
 * Parkn Custom Css
 */

 .outer {
  padding: 0px !important;
}

.inner {
    border: 0px solid #e4e4e4 !important;
}

body {
    margin-bottom: 40px !important;
}

.p-0   {padding: 0 !important;}
.p-5   {padding: 5px !important;}
.p-10  {padding: 10px !important;}
.p-15  {padding: 15px !important;}
.p-20  {padding: 20px !important;}
.p-25  {padding: 25px !important;}
.p-30  {padding: 30px !important;}
.pl-0  {padding-left: 0 !important;}
.pl-5  {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-30 {padding-left: 30px !important;}
.pt-0  {padding-top: 0 !important;}
.pt-5  {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pr-0  {padding-right: 0 !important;}
.pr-5  {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-30 {padding-right: 30px !important;}
.pb-0  {padding-bottom: 0 !important;}
.pb-5  {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}

.m-0   {margin: 0 !important;}
.m-5   {margin: 5px !important;}
.m-10  {margin: 10px !important;}
.m-15  {margin: 15px !important;}
.m-20  {margin: 20px !important;}
.m-25  {margin: 25px !important;}
.m-30  {margin: 30px !important;}
.ml-0  {margin-left: 0 !important;}
.ml-5  {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-25 {margin-left: 25px !important;}
.ml-30 {margin-left: 30px !important;}
.mt-0  {margin-top: 0 !important;}
.mt-5  {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mr-0  {margin-right: 0 !important;}
.mr-5  {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-25 {margin-right: 25px !important;}
.mr-30 {margin-right: 30px !important;}
.mb-0  {margin-bottom: 0 !important;}
.mb-5  {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}

/* lg */
@media (min-width: 1200px) {
	.pl-0  {padding-left: 0 !important;}
	.p-lg-0   {padding: 0 !important;}
	.p-lg-5   {padding: 5px !important;}
	.p-lg-10  {padding: 10px !important;}
	.p-lg-15  {padding: 15px !important;}
	.p-lg-20  {padding: 20px !important;}
	.p-lg-25  {padding: 25px !important;}
	.p-lg-30  {padding: 30px !important;}
	.pl-lg-0  {padding-left: 0 !important;}
	.pl-lg-5  {padding-left: 5px !important;}
	.pl-lg-10 {padding-left: 10px !important;}
	.pl-lg-15 {padding-left: 15px !important;}
	.pl-lg-20 {padding-left: 20px !important;}
	.pl-lg-25 {padding-left: 25px !important;}
	.pl-lg-30 {padding-left: 30px !important;}
	.pt-lg-0  {padding-top: 0 !important;}
	.pt-lg-5  {padding-top: 5px !important;}
	.pt-lg-10 {padding-top: 10px !important;}
	.pt-lg-15 {padding-top: 15px !important;}
	.pt-lg-20 {padding-top: 20px !important;}
	.pt-lg-25 {padding-top: 25px !important;}
	.pt-lg-30 {padding-top: 30px !important;}
	.pr-lg-0  {padding-right: 0 !important;}
	.pr-lg-5  {padding-right: 5px !important;}
	.pr-lg-10 {padding-right: 10px !important;}
	.pr-lg-15 {padding-right: 15px !important;}
	.pr-lg-20 {padding-right: 20px !important;}
	.pr-lg-25 {padding-right: 25px !important;}
	.pr-lg-30 {padding-right: 30px !important;}
	.pb-lg-0  {padding-bottom: 0 !important;}
	.pb-lg-5  {padding-bottom: 5px !important;}
	.pb-lg-10 {padding-bottom: 10px !important;}
	.pb-lg-15 {padding-bottom: 15px !important;}
	.pb-lg-20 {padding-bottom: 20px !important;}
	.pb-lg-25 {padding-bottom: 25px !important;}
	.pb-lg-30 {padding-bottom: 30px !important;}

	.m-lg-0   {margin: 0 !important;}
	.m-lg-5   {margin: 5px !important;}
	.m-lg-10  {margin: 10px !important;}
	.m-lg-15  {margin: 15px !important;}
	.m-lg-20  {margin: 20px !important;}
	.m-lg-25  {margin: 25px !important;}
	.m-lg-30  {margin: 30px !important;}
	.ml-lg-0  {margin-left: 0 !important;}
	.ml-lg-5  {margin-left: 5px !important;}
	.ml-lg-10 {margin-left: 10px !important;}
	.ml-lg-15 {margin-left: 15px !important;}
	.ml-lg-20 {margin-left: 20px !important;}
	.ml-lg-25 {margin-left: 25px !important;}
	.ml-lg-30 {margin-left: 30px !important;}
	.mt-lg-0  {margin-top: 0 !important;}
	.mt-lg-5  {margin-top: 5px !important;}
	.mt-lg-10 {margin-top: 10px !important;}
	.mt-lg-15 {margin-top: 15px !important;}
	.mt-lg-20 {margin-top: 20px !important;}
	.mt-lg-25 {margin-top: 25px !important;}
	.mt-lg-30 {margin-top: 30px !important;}
	.mr-lg-0  {margin-right: 0 !important;}
	.mr-lg-5  {margin-right: 5px !important;}
	.mr-lg-10 {margin-right: 10px !important;}
	.mr-lg-15 {margin-right: 15px !important;}
	.mr-lg-20 {margin-right: 20px !important;}
	.mr-lg-25 {margin-right: 25px !important;}
	.mr-lg-30 {margin-right: 30px !important;}
	.mb-lg-0  {margin-bottom: 0 !important;}
	.mb-lg-5  {margin-bottom: 5px !important;}
	.mb-lg-10 {margin-bottom: 10px !important;}
	.mb-lg-15 {margin-bottom: 15px !important;}
	.mb-lg-20 {margin-bottom: 20px !important;}
	.mb-lg-25 {margin-bottom: 25px !important;}
	.mb-lg-30 {margin-bottom: 30px !important;}
}


/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1001;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 9999;
  display: none;
}

#loaderBg{
	background-color: #1b1919bf;
	z-index: 1000;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9998;
	display: none;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}

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

.bg-primary-important {
	color: #fff  !important;
	background-color: #337ab7 !important;
	border-color: #2e6da4 !important;
}

.bg-danger-important {
	color: #fff !important;
	background-color: #d9534f !important;
	border-color: #d43f3a !important;
}

.bg-success-important {
	color: #fff !important;
	background-color: #5cb85c !important;
	border-color: #5cb85c !important;
}

.bg-info-important {
	color: #fff !important;
	background-color: #5bc0de !important;
	border-color: #5bc0de !important;
}

.bg-warning-important {
	color: #fff !important;
	background-color: #f0ad4e !important;
	border-color: #f0ad4e !important;
}

table > tbody > tr > td.dt-body-right,
table > tbody > tr > th.dt-body-right,
table > thead > tr > td.dt-head-right,
table > thead > tr > th.dt-head-right,
table > tfoot > tr > td.dt-foot-right,
table > tfoot > tr > th.dt-foot-right
{
	text-align: right;
}

table > thead > tr > td.dt-head-center,
table > thead > tr > th.dt-head-center,
table > tbody > tr > td.dt-body-center,
table > tbody > tr > th.dt-body-center,
table > tfoot > tr > th.dt-foot-center,
table > tfoot > tr > th.dt-foot-center
{
	text-align: center;
}

.bg-table-header {
	background-color: #3A3A3A;
	color: #ffffff;
}

.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	color: #ffffff;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #6e6e6e;
    /* background-color: #eee; */
}

.cursor-pointer {
	cursor: pointer;
}

/*
 * GNB Notification 영역
 */
.noti-div-pc {
	display: none;
}
.noti-div-mobile {
	display: block;
}
.navbar-header > .navbar-toggle {
	padding-top: 7px;
	padding-bottom: 7px;
}
@media (min-width: 768px) {
	.noti-div-pc {
		display: block;
	}
	.noti-div-mobile {
		display: none;
	}

}


/*
 * dcticPordDiv
 */
ul.dctic-prod-buy-pay-btn {
	margin-bottom: 0px;
}
/*@media (min-width: 768px) {
	ul.dctic-prod-buy-pay-btn {
		margin-bottom: 40px;
	}
} */


/*
 * col-xs .5
 */
.col-xs-1_5, .col-xs-2_5, .col-xs-3_5,
.col-xs-4_5, .col-xs-5_5, .col-xs-6_5,
.col-xs-7_5, .col-xs-8_5, .col-xs-9_5,
.col-xs-10_5, .col-xs-11_5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1_5 {
	width: 12.5%;
}
.col-xs-2_5 {
	width: 20.83333333333333%;
}
.col-xs-3_5 {
	width: 29.16666666666667%;
}
.col-xs-4_5 {
	width: 37.5%;
}
.col-xs-5_5 {
	width: 45.83333333333333%;
}
.col-xs-6_5 {
	width: 54.16666666666667%;
}
.col-xs-7_5 {
	width: 62.5%;
}
.col-xs-8_5 {
	width: 70.83333333333333%;
}
.col-xs-9_5 {
	width: 79.16666666666667%;
}
.col-xs-10_5 {
	width: 87.5%;
}
.col-xs-11_5 {
	width: 95.83333333333333%;
}

@media (min-width: 1200px) {
	.col-lg-1_5, .col-lg-2_5, .col-lg-3_5, .col-lg-4_5, .col-lg-5_5, .col-lg-6_5, .col-lg-7_5, .col-lg-8_5, .col-lg-9_5, .col-lg-10_5, .col-lg-11_5,
	.col-xs-1_5, .col-xs-2_5, .col-xs-3_5, .col-xs-4_5, .col-xs-5_5, .col-xs-6_5, .col-xs-7_5, .col-xs-8_5, .col-xs-9_5, .col-xs-10_5, .col-xs-11_5 {
		float: left;
	}
}

/*
 * col-lg .5
 */
.col-md-1_5, .col-md-2_5, .col-md-3_5,
.col-md-4_5, .col-md-5_5, .col-md-6_5,
.col-md-7_5, .col-md-8_5, .col-md-9_5,
.col-md-10_5,.col-md-11_5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 992px) {
	.col-md-1_5 {
		width: 12.5%;
	}
	.col-md-2_5 {
		width: 20.83333333333333%;
	}
	.col-md-3_5 {
		width: 29.16666666666667%;
	}
	.col-md-4_5 {
		width: 37.5%;
	}
	.col-md-5_5 {
		width: 45.83333333333333%;
	}
	.col-md-6_5 {
		width: 54.16666666666667%;
	}
	.col-md-7_5 {
		width: 62.5%;
	}
	.col-md-8_5 {
		width: 70.83333333333333%;
	}
	.col-md-9_5 {
		width: 79.16666666666667%;
	}
	.col-md-10_5 {
		width: 87.5%;
	}
	.col-md-11_5 {
		width: 95.83333333333333%;
	}
}


/*
 * col-lg .5
 */
.col-lg-1_5, .col-lg-2_5, .col-lg-3_5,
.col-lg-4_5, .col-lg-5_5, .col-lg-6_5,
.col-lg-7_5, .col-lg-8_5, .col-lg-9_5,
.col-lg-10_5, .col-lg-11_5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 1200px) {
	.col-lg-1_5 {
		width: 12.5%;
	}
	.col-lg-2_5 {
		width: 20.83333333333333%;
	}
	.col-lg-3_5 {
		width: 29.16666666666667%;
	}
	.col-lg-4_5 {
		width: 37.5%;
	}
	.col-lg-5_5 {
		width: 45.83333333333333%;
	}
	.col-lg-6_5 {
		width: 54.16666666666667%;
	}
	.col-lg-7_5 {
		width: 62.5%;
	}
	.col-lg-8_5 {
		width: 70.83333333333333%;
	}
	.col-lg-9_5 {
		width: 79.16666666666667%;
	}
	.col-lg-10_5 {
		width: 87.5%;
	}
	.col-lg-11_5 {
		width: 95.83333333333333%;
	}
}

@media (max-width: 1200px) {
	.form-group {
		margin-bottom: 0px;
	}
}

@media (max-width: 1200px) {
	.form-group .form-group .col-lg-1_5, .form-group .col-lg-2_5, .form-group .col-lg-3_5, .form-group .col-lg-4_5, .form-group .col-lg-5_5, .form-group .col-lg-6_5, .form-group .col-lg-7_5, .form-group .col-lg-8_5, .form-group .col-lg-9_5, .form-group .col-lg-10_5, .form-group .col-lg-11_5,
	.form-group .col-xs-1_5, .form-group .col-xs-2_5, .form-group .col-xs-3_5, .form-group .col-xs-4_5, .form-group .col-xs-5_5, .form-group .col-xs-6_5, .form-group .col-xs-7_5, .form-group .col-xs-8_5, .form-group .col-xs-9_5, .form-group .col-xs-10_5, .form-group .col-xs-11_5,
	.form-group .col-lg-1, .form-group .col-lg-2, .form-group .col-lg-3, .form-group .col-lg-4, .form-group .col-lg-5, .form-group .col-lg-6, .form-group .col-lg-7, .form-group .col-lg-8, .form-group .col-lg-9, .form-group .col-lg-10, .form-group .col-lg-11,
	.form-group .col-xs-1, .form-group .col-xs-2, .form-group .col-xs-3, .form-group .col-xs-4, .form-group .col-xs-5, .form-group .col-xs-6, .form-group .col-xs-7, .form-group .col-xs-8, .form-group .col-xs-9, .form-group .col-xs-10, .form-group .col-xs-11_5 {
		padding-left: 0px;

	}
}


/* 차량 검색 결과 할인 리스트*/
#dcticList .dc-list-ul {
	display: flex; justify-content: space-between;
}

#dcticList .dc-list-ul .dc-item-li {
	padding-left: 0px;
	padding-right: 0px;
	display: flex;
}

#dcticList .dc-list-ul .dc-item-li .dc-item-btn-div {
	margin-top: 12px;
	width: 102px;
}



.float-left {
	float: left;
}

.float-right {
	float: right;
}

.theham-color-1 {
	/* color: #1C2959; */
	color: #232d5a !important;
}

.btn-primary {
    color: #fff;
    background-color: #232d5a !important;
    border-color: #232d5a !important;
}

h1, h2 {
    font-weight: 700 !important;
}

.login {
    padding-top: 40px;
    padding-bottom: 40px;
    /* background: url(../img/new/login_bg_img.jpg) repeat #444; */
    background: url(../img/new2/login_bg_img.png) center/cover no-repeat #444;
}


#top > .navbar {
    border-top: 3px solid #232d5a;
}
#top .navbar {
    margin-bottom: 0;
    border-top: 3px solid #232d5a;
}

.navbar-inverse {
    background-color: #232d5a;
    border-color: #232d5a;
}


.bg-light.theham,
.bg-light > .theham {
  background-color: #3a3a3a !important;
}


.head {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #EFEFEF;
	border-bottom: 1px solid transparent;

}



/* GNB 메뉴 텍스트 색상
*/
.navbar-inverse .navbar-nav > li > a {
    color: #f4f4f4;
}

label {
    font-weight: 500;
}

th {
    font-weight: 500;
}

/*
 * .main-bar
 */
.main-bar {
	display: block;
	overflow: hidden;
}
.head .main-bar h3,
.head .main-bar h4 {
	float: left;
	color: #333 !important;
}
@media (min-width: 768px) {
	.head .main-bar h3,
	.head .main-bar h4 {
		margin-top: 3px !important;
		color: #fff;
	}
}