@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,300,300italic,400italic,800,700);

/*
Base csss
*/

@font-face {
    font-family: 'Nanum Square';
    src: url('../fonts/NanumSquareL.eot');
    src: local(※), url('../fonts/NanumSquareL.woff') format('woff'), url('../fonts/NanumSquareL.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Nanum Square';
    src: url('../fonts/NanumSquareR.eot');
    src: local(※), url('../fonts/NanumSquareR.woff') format('woff'), url('../fonts/NanumSquareR.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Nanum Square';
    src: url('../fonts/NanumSquareB.eot');
    src: local(※), url('../fonts/NanumSquareB.woff') format('woff'), url('../fonts/NanumSquareB.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Nanum Square';
    src: url('../fonts/NanumSquareEB.eot');
    src: local(※), url('../fonts/NanumSquareEB.woff') format('woff'), url('../fonts/NanumSquareEB.ttf') format('truetype');
    font-weight: 900;
}



#sidebar > ul > li > ul.sub {
    display: none;
}

ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    border-bottom: 1px solid #d0d8df;
}

ul li {
    list-style: none;
}
ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background: #2e3b46;
    color: #fff;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.sub li {
    margin-right: 5px;
    margin-left: 5px;
    font-size: 0.9em;
    height: 50px;
}
ul.sub li a {
    color: #fff;
    height: 62px;
    line-height: 40px;
    border-bottom: 2px solid transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}


ul li ul.dropdown_menu {
  padding: 10px 0px;
  position: absolute;
  width: 230px;
  font-size:14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /*display: none;
  opacity: 0;
  visibility: hidden;*/
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}

ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


ul.dropdown_menu li {
    display:inline!important; /* 세로나열을 가로나열로 변경 */
}
.dropdown_menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top:90%;
    left:-77%;
    background-color: #153c5b ;
    text-align: center;
    width: 180px;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-top:15px;
    padding-bottom: 15px;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
}
.dropdown_menu a {
    margin-left: 10px;
    margin-right: 10px;
    color:#ffffff!important;
    font-weight: 700;
}
.dropdown_menu a:hover {
    color:#40caf2!important;
    text-decoration: underline;
}
.dropdown + ul:before{
    content: '';
    display: block;
    border-color: transparent transparent #153c5b transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}




.font100 {
    font-weight: 100;
}

.font500 {
    font-weight: 500;
}

.font700 {
    font-weight: 700;
}

.font900 {
    font-weight: 900;
}

.center {
    text-align: center!important;
}

.nanum {
    font-family: 'Nanum Square';
}

html, body {
    height: 100%;
}

p {
    word-wrap: break-word;
    word-break: break-all;
}

body {
    font-family: "Nanum Square", sans-serif;
    /*background-image:url(../images/dark_brick_wall.png);*/
    background-color: #eeeeee;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.2rem;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff;
}

.notify-arrow {
    border-style: solid;
    border-width: 20px 20px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    right: 7px;
    top: -18px;
    transition: all 0.25s ease 0s;
    width: 0;
    z-index: 10;
    margin-top: 10px;
    opacity: 1;
}

a, button {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

a {
    color: #000;
}

a:hover {
    color: #e62b4c;
}

a, a:hover, a:focus, button:hover, button:focus {
    outline: 0 !important;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0px;
    margin-top: 0px;
    color: #fff;
    font-weight: 700;
}

.text-color {
    color: #e62b4c;
}

.no-margin {
    margin: 0 !important;
}

.center-margin {
    margin: 0 auto!important;
}

.line2em {
    line-height: 2em;
}

.pad-top-bottom {
    padding-top: 10px;
    padding-bottom: 25px;
}

h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 15px;
    position: relative;
    text-transform: uppercase;
}

.height-60 {
    float: left;
    width: 100%;
    height: 60px;
    clear: both;
    position: relative;
}

.height-40 {
    float: left;
    width: 100%;
    height: 40px;
    clear: both;
    position: relative;
}

.height-30 {
    float: left;
    width: 100%;
    height: 30px;
    clear: both;
    position: relative;
}

.height-15 {
    float: left;
    width: 100%;
    height: 15px;
    clear: both;
    position: relative;
}

.clear {
    float: none;
}

.clear_both {
    clear: both;
}

.cursor {
    cursor: pointer;
}

.strong {
    font-weight: 900;
}

.width100 {
    width: 100%;
}

.width80 {
	width: 80%;
}

.absolute {
    position: absolute;
}

.test {
    margin-top: -500px
}


/* ====================================================================================================================
 * Navbar
 * ====================================================================================================================*/

.top-nav-collapse .top-bar {
    display: none;
}

.logo {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.top-bar {
    width: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.graph div {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.top-bar ul {
    margin: 0px;
    padding: 0px;
}

.top-bar ul li {
    padding: 0px;
    vertical-align: middle;
}

.top-bar ul li:last-child a {
    border-right: 0px;
}

.top-bar ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    color: #fff;
    text-align: center;
}

.top-bar ul li a:hover {
    color: #e62b4c;
}

.top-bar ul.top-socials li a {
    font-size: 20px;
    width: auto;
    padding: 0px 3px;
    text-align: center;
}

#logo {
    width: 122px;
    cursor: pointer;
    margin: 0 auto -82px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: -82px;
    left: 50%;
    top: 10px;
    margin-left: -61px;
    ;
    position: relative;
    z-index: 3;
    position: absolute;
    display: none;
}

#logo_image_xs_sm {
    width:50px;
}


#logo_display {
    width: 122px;
    cursor: pointer;
    margin: 0 auto -82px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: -82px;
    left: 50%;
    top: 10px;
    margin-left: -61px;
    ;
    position: relative;
    z-index: 3;
    position: absolute;
}

.navbar-right {
    display: none;
}

.display .navbar-right {
    display: inherit;
}

.navbar-nav>li {
    margin-right: 5px;
    margin-left: 5px;
    font-size: 0.9em;
    height: 73px;
}

.navbar>.container {
    width: auto;
}

.navbar-default {
    background-color: transparent;
    margin: 0;
    border-color: transparent;
}

.top-nav-collapse.navbar-default {
    background-color: rgba(0, 0, 0, 0.85);
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    height: 73px;
    line-height: 40px;
    border-bottom: 2px solid transparent;
}

.navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    font-weight: 500;
    background-color: #3ec0e6;
    height: 73px;
    line-height: 40px;
    border-bottom: 2px solid #3ec0e6;
}


.menu ul:after {
	width: 0px;
    height: 0px;
    position: absolute;
    top: 0%;
    left: 22px;
    content: '';
    transform: translate(0%, -100%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #303030;
}


/* ====================================================================================================================
 * Sliders
 * ====================================================================================================================*/

.slide_text {
    background-color: transparent;
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    padding: 1em;
    position: absolute;
    width: 100%;
    zoom: 1;
    text-align: center;
    top: 30%;
}

.slide_title {
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: 600;
}

.slide_byline {
    font-size: 28px;
}

@media (max-width: 767px) {
    .slide_title {
        font-size: 20px;
        margin-bottom: 20px;
        font-weight: 600;
        word-wrap: break-word;
        max-width: 100%;
    }
    .slide_byline {
        font-size: 16px;
        word-wrap: break-word;
        max-width: 100%;
    }
}
@media (max-width: 375px) {
    .slide_title {
        font-size: 20px;
        margin-bottom: 20px;
        font-weight: 600;
        word-wrap: break-word;
        max-width: 100%;
    }
    .slide_byline {
        font-size: 13px;
        word-wrap: break-word;
        max-width: 100%;
    }
}
.slide_menu .row>div {
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.slide_menu .row>div:first-child {
    border-left: 0px solid white;
}

.slide_menu .row>div:last-child {
    border-right: 0px!important;
}

.slide_menu {
    position: absolute;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    bottom: 70px;
    left: 50%;
    margin-left: -40%;
}

.home-arrow {
    position: absolute;
    bottom: 15px;
    width: 24px;
    left: 50%;
    margin-left: -12px;
}

.flexslider {
    padding: 0;
    margin: 0;
    border: 0px;
    background-color: transparent;
}

.flexslider .slides li h1 {
    color: #fff;
    font-size: 7rem;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: capitalize;
    position: relative;
    font-family: "Nanum Square", sans-serif;
}

.flexslider .slides li p {
    color: #fff;
}

.testi-slider {
    text-align: center;
}

.testi-slider p {
    color: #fff;
    font-style: italic;
    font-weight: 400;
    font-size: 2rem;
    line-height: 3rem;
    margin: 20px 0;
    font-family: "Raleway", sans-serif;
}

.testi-slider h5 {
    color: #1abc9c;
    font-weight: 400;
    text-transform: capitalize;
}

.testi-slider i {
    display: block;
    font-size: 3rem;
    color: #fff;
}

.slider-banner .slides img {
	width:100%;
    min-width: 1024px;
    min-height: 100%;
}

.slides {
    height: 100%;
}

.slides>li {
    height: 100%;
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading.gif) center no-repeat #fff;
}

.se-pre-loading {
	display:none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading.gif) center no-repeat;
}

.se-pre {
	display:none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    
}

.mouse-down {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 80px;
    text-align: center;
    z-index: 999;
}

.mouse-down a:hover {
    color: #e62b4c;
}

.mouse-down a {
    color: #fff;
    font-size: 3rem;
}
.cond-output-page #dataList {
	clear:both;
}
// remove circle color to fix bubble chart on specific
.output-page circle  {
		/* fill: rgba(94,109,194,0.5) */;
}
.cond-output-page circle {
	
}
.k-grid-header table thead tr:last-child th {
	
	font-size:15px;
	overflow: auto;
	white-space: inherit;
	
}
div.k-grid td {
    font-size: 16px;
}
	
.k-button.k-state-active:hover, .k-button:active:hover {
   color: #fff;
   border-color: #8d8079;
   background-color: #f6de48;
}
#pdf_sp_bubble_chart ul {
    font-size: 11px;
    margin: 63px 30px 0 0;
    padding: 5px;
    position: absolute;
    text-transform: uppercase;
    width: 90px;
    height: 74px;
    /* text-align: center; */
    border: 1px solid #f3ac32;
}
/* ====================================================================================================================
 * Btn
 * ====================================================================================================================*/

.btn {
    font-family: "Nanum Square", sans-serif;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-weight: 600;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-lg {
    padding: 12px 25px;
}

.btn-dark-border {
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: #999;
}

.btn-dark-border:hover, .btn-dark-border:focus {
    background: #333;
    border-color: #333;
    color: #fff;
}

.btn-skin-border {
    border: 2px solid #1abc9c;
    color: #1abc9c;
    background-color: transparent;
}

.btn-skin-border:hover, .btn-skin-border:focus {
    background: #1abc9c;
    color: #fff;
}

.btn-white-border {
    border: 2px solid #fff;
    color: #fff;
    background-color: transparent;
}

.btn-white-border:hover, .btn-white-border:focus {
    background: #fff;
    color: #333;
}

.btn-dark {
    background-color: #333;
    color: #fff;
}

.btn-dark:hover, .btn-dark:focus {
    background: #1abc9c;
    color: #fff;
}

.btn-skin {
    background-color: #1abc9c;
    color: #fff;
}

.btn-skin:hover, .btn-skin:focus {
    background: #333;
    color: #fff;
}

.btn-link {
    color: #1abc9c;
}

.btn-link:hover {
    color: #999;
}


/* ====================================================================================================================
 * home   e62b4c
 * ====================================================================================================================*/

#home {
    height: 100%;
}

#home::after {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 20px solid #eeeeee;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    margin-left: -5px;
    background-image: url('../images/01_rollingbanner/arrow_down_icon.png');
    transform: scale(0.9999);
}

.slider-banner {
    position: relative;
    overflow: hidden;
}

.slider-banner .slider-overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

.slider-banner .slider-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.slider-banner .slider-table .slider-vm {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}

.slider-banner .slider-table .slider-vm h1 {
    color: #fff;
    font-size: 5rem;
    text-transform: uppercase;
    font-weight: 700;
}

.slider-banner .slider-table .slider-vm p {
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 35px;
}

.slider-banner .flex-direction-nav a:before {
    content: "";
    display: none;
}

.main-slider {
    height: 100%;
}

.main-slider:hover .flex-direction-nav .flex-prev {
    left: 0px;
}

.main-slider:hover .flex-direction-nav .flex-next {
    right: 0px;
}

.main-slider .flex-direction-nav a {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    text-shadow: none;
    z-index: 1000;
}

.main-slider .flex-direction-nav a i {
    display: block;
}

.main-slider:hover .flex-direction-nav a {
    opacity: 1;
}

.cd-words-wrapper span {
    color: #e62b4c;
}

.cd-words-wrapper {
    max-width: 100%;
}

.cd-words-wrapper {
    padding-right: 10px;
    padding-left: 10px;
}

/* ====================================================================================================================
 * A4 크기 css for PDF document
 * ====================================================================================================================*/
 #pdfAll, #c_pdfAll {
     width: 8.3in;
     
 }
.pdf-page, .pdf-graph-page {
    margin: 0 auto;
    box-sizing: border-box;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
    background-color: #fff;
    color: #2b2b2b;;
    position: relative;
    /* margin-bottom: 30px; */
}

.pdf-car-image .condition-price {
	border: 2px solid #c8c8c8;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 21px;
    font-weight: 700;

}

.pdf-page *, .pdf-graph-page * {
	color: #2b2b2b;;
}

.pdf-page .info-text p {
/*     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    max-width:100%;
}
.pdf-header {
    position: absolute;
    top: .3in;
    height: .6in;
    left: .5in;
    right: .5in;
    text-align:center;
    border-bottom: 1px solid #e5e5e5;
}
.pdf-header .header-title {
	font-size:40px;
}
.pdf-header .top_bar {
	position:absolute;
	width: 130px;
    top: 55px;
    left: 0;
}
.pdf-header .company-logo {
	float:left;
}
.invoice-number {
    padding-top: .1in;
    float: right;
    text-align:right;
    font-size:11px;
}
.pdf-footer {
    position: absolute;
    bottom: .3in;
    height: .6in;
    left: .5in;
    right: .5in;
    border-top: 1px solid #e5e5e5;
    background-color:#eeeeee;
    text-align: left;
    color: #787878;
    font-size: 12px;
    z-index:999;
}
.pdf-footer-logo {
    position: absolute;
    bottom: .15in;
    height: .6in;
    right: .5in;
    height: 12px;
}
.pdf-footer p {
	margin:0px;
}
.circle_border {
	border :1px solid black;
	border-radius : 50%;
	font-size:10px;
	font-weight:700;
	    padding: 1px 4px;
}
.body-header {
	background-color:#eeeeee;
	padding:5px;
	font-size:18px;
	font-weight:700;
	border-top:2px solid #5d5e64;
}
.catalogue-header {
	background-color:#b8d565;
	padding:5px;
	font-size:18px;
	font-weight:700;
	border-top:2px solid #5d5e64;
	margin-bottom: 10px;
    margin-top: 15px;
}
.sub_result {
	margin-bottom:30px;
	font-weight:700;
	font-size:11px;
	border-top: 1px solid #2b2b2b;
}
.cs-label {
	margin-top:20px;
}
.cs-header {
	background-color:#c5c7e4;
	padding:5px;
	font-size:14px;
	font-weight:700;
	border-top:2px solid #5d5e64;
	margin-bottom: 10px;
    margin-top: 15px;
}


.pdf-footer .output-footer {
	font-size:10px;
	line-height:1.6em;
	padding-top:3px;
}
.pdf_statistics {
	font-size:10px;
}
.pdf_statistics #priceStability {
	width:60px;
}
.pdf_statistics #dataReliability img {
	width:20px;
}

.pdf-body {
    position: absolute;
    top: 3in;
    bottom: 1.2in;
    left: .5in;
    right: .5in;
}
.pdf-body-catalogue {
	position: absolute;
    top: 3.25in;
    bottom: 1.2in;
    left: .5in;
    right: .5in;
}

.pdf-condition-info p{
	line-height: 1.4em;
}
.pdf-condition-info .info-name p {
    color: #848484;
    font-weight: 600;
    line-height: 1.2em;
}

.pdf-catalogue-info-table td {
    padding-bottom: 10px;
}

.pdf-catalogue-info-table td.info-name {
    color: #848484;
    font-weight: 600;
    line-height: 1.2em;
    min-width:100px;
}

.pdf-catalogue-info-table .info-content {
    font-weight: 600;
    line-height: 1.2em;
}

.pdf-condition-info .info-text p {
    font-weight: 600;
    line-height: 1.2em;
}
.k-chart-tooltip {
	margin-top:10px;
	font-size:11px;
}
.pdf-body .output-info {
	margin-top:0px;
	border-bottom:0px;
	background:none;
}
.graph-info {
	position: absolute;
    top: 5.1in;
    bottom: 1.2in;
    left: .5in;
    right: .5in;
}

.mass-condition-price {
	background-color:#2b2b2b;
    border-radius: 5px;

    font-size: 30px!important;
    padding: 5px;
    font-weight: 900;
    margin-top: 30px;
    margin-bottom: 30px;
    color:#fff;
}

.graph_top {
	background-color: #f6de48;
    height: 60px;
    border-top: 2px solid #5d5e64;
    /* padding-top: 10px; */
    margin-bottom: 20px;
    padding-left:5px;
    padding-right:5px;
}
.graph_top_fv {
	background-color: #83d5f8;
    height: 60px;
    border-top: 2px solid #5d5e64;
    /* padding-top: 10px; */
    margin-bottom: 20px;
    padding-left:5px;
    padding-right:5px;
}
.graph_top_cs {
	background-color: #6a7fff;
    height: 60px;
    border-top: 2px solid #5d5e64;
    /* padding-top: 10px; */
    padding-left:5px;
    padding-right:5px;
}


.pdf_outputDate {
	padding-top:25px;
	font-size:14px;
	font-weight: 700;
}
.pdf_resultPriceWrap {
	padding-top:18px;
	font-size:25px;
}
.pdf_resultPrice {
	font-size:40px;
	font-weight:700;
}

#pdf_result_options {
  white-space: nowrap;

}

/* .pdf-page #option_name {
	white-space: nowrap;
	overflow-x:hidden;
	    text-overflow: ellipsis;
} */

.pdf_helper {
	font-size:10px;
	line-height: 1em;
	    border-top: 1px solid #e5e5e5;
	    padding-top: 3px!important;
}
.pdf_helper p {
	margin-bottom:0px;
}
.pdf-car-info {
	display:none;
}
.pdf-body .pdf-car-info {
	display:block;
}
.pdf-body .car-info {
	font-size:13px;
}
.pdf-label img {
	width:20px;
}
.pdf-sublabel {
	height: 21px;
    font-size: 10px;
    margin-top:5px!important;
    font-weight:700;
}
.cond-info {
	font-size:12px;
}

.catalogue-info {
	font-size:13px;	
}
.catalogue-info .cell{
	padding-top: 0.5px;
    padding-bottom: 0.5px;
    font-size: 10px;
}

.cs-info {
	font-size:13px;
}

.cs-info .cell{
	padding-top: 0.5px;
    padding-bottom: 0.5px;
    font-size: 12px;
}

.cs-cell {
	border-top: 2px solid #5d5e64;
	background-color : #c5c7e4;
	 font-size: 12px;
}

.pdf-option .cell {
	font-size:11px;
	font-weight:700;
}
#detail_select {
	cursor:pointer;
}
.pdf-body .right-info {
	padding:0px;
}

.pdf-body #price_info {
	font-size:10px;
}
.pdf-body .selectBox{
    display : block;
    position:relative;
    font-size:10px;
}
.pdf-body #help_accident div {
    padding: 0px;
}
.pdf-body #help_accident {
    width: auto!important; 
	bottom: 0px;
    display: block;
}
.pdf-body #help_accident td, .pdf-body #help_accident tr, .pdf-body #help_acciden th {
    padding: 0px;
    border: 1px solid #c4c4c4;
    text-align: center;
    font-size: 10px;
}


.size-a4 { width: 8.3in; height: 11.7in; }
.size-a4-cond { width: 8.3in; height: 11.7in; }
.size-letter { width: 8.5in; height: 11in; }
.size-executive { width: 7.25in; height: 10.5in; }

.company-logo img{
    margin-top: -.05in;
    width: 150px;
}
.for {
    position: absolute;
    top: 1.5in;
    left: .5in;

}
.for-catalogue {
    position: absolute;
    top: 1.2in;
    left: .5in;

}
.for-catalogue .info-text p{
	margin-top:0px!important;
}
.from-catalogue .color-square {
	width:5px; height: 10px;
	margin:2px;
}
.from {
    position: absolute;
    top: 1.15in;
    right: .5in;

}
.from-catalogue {
	position: absolute;
    top: 1.2in;
    right: .5in;
}
.top_date {
	position: absolute;
    top: .63in;
    right: 0;
}

.signature {
    padding-top: .5in;
}
#maker_name img{
	width:50px;
}
.pass-info {
	font-size:16px;
}
.pass-info .info-text p{
	margin-top:-14px;
}
.pass-info .info-text{
	font-weight:700;
}

#pdf-dataList td {
	font-size:11px;
}
#pdf-dataList .k-filter-row th, .k-grid-header th.k-header {
	font-size:14px;
    padding: .1em .1em .4em .6em;
}

#pdf-dataList .k-pager-wrap {
	display:none;
}
/* ====================================================================================================================
 * About
 * ====================================================================================================================*/

section#about * {
    color: #153c5b!important;
}

section#about .row>div {
    padding-top: 50px;
}

section#about .section-heading {
    font-size: 1.5em!important;
    font-weight: 400;
    text-decoration: none;
}

section#about .section-heading hr {
    margin-top: 10px;
    margin-bottom: 17px;
    width: 70%;
    border-top: 1px solid #c4c4c4;
}

section#about .section-heading img {
    margin-top: -20px;
    vertical-align: middle;
}

.section-heading {
    text-align: center;
    text-transform: uppercase;
}
.price_bar {
	height:44px;
}

.all-space {
    padding: 60px 0;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}

.content-section>div>div {
    background-color: #194f79;
    border-bottom: 1px solid #fff;
}

.content-section {
    padding: 0;
    text-align: center;
}

.content-section p {
    margin-bottom: 0;
}

.single_process {
    padding: 30px 20px;
    cursor: pointer;
}

.single_process h4 {
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    margin-top: 5px;
}

.h3-body-title {
    color: #fff;
    font-size: 18px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.content-box-text {
    color: #fff;
    padding-left: 0;
}

.about-section .inner i {
    color: #e62b4c;
    font-size: 32px;
    height: 80px;
    line-height: 80px;
    width: 80px;
    position: relative;
    border: 2px solid #e62b4c;
    margin: 0 auto 15px;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-border-radius: 20px 0;
    -moz-border-radius: 20px 0;
    border-radius: 0 20px;
}


/* ====================================================================================================================
 * current-section
 * ====================================================================================================================*/

.current-section::after {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 20px solid #eeeeee;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    margin-left: -5px;
    content: "";
    transform: scale(0.9999);
}

.current-section hr {
    border-top: 1px solid #f6de47;
}

.current-section {
    width: 100%;
    min-height: 510px;
    padding-top: 60px;
    height: auto;
    float: left;
    background: url(../images/03_04_05_currentvalue_futurevalue_crosspoint/bg_01_currentvalue.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    background-attachment: fixed !important;
}

.current-section .pad-top-bottom {
    padding-top: 10px;
    padding-bottom: 25px;
}

.current-section select {
    background-color: #eeeeee;
    color: #153c5b;
    border-radius: 5px;
    padding-left: 10px;
    height: 35px;
    font-weight: 600;
}

.current-section option {
    background-color: #eeeeee;
    color: #153c5b;
    border-radius: 5px;
    padding-left: 10px;
    height: 35px;
    font-weight: 600;
}

.current-section button {
    background-color: #f6de47;
    border: 0px;
    color: #153c5b;
    border-radius: 5px;
    padding-left: 10px;
    height: 36.06px;
    font-weight: 800;
}

.current-select {
    margin-top: 30px;
    float: left;
    width: 25%;
    text-align: center;
}

.current-select select, .current-select button, .current-select .k-combobox {
    width: 85%!important;
    margin-top:20px;
}


.statContents a.k-draghandle:hover {
	color:#fff!important;
    background-color: #fff!important; 
}

.statContents .k-slider-track {
	cursor: auto!important;
}
.statContents a.k-draghandle {
	cursor: default!important;
}

/* ====================================================================================================================
  * future-section
  * ====================================================================================================================*/

.future-section {
    width: 100%;
    min-height: 510px;
    padding-top: 60px;
    height: auto;
    float: left;
    background: url(../images/03_04_05_currentvalue_futurevalue_crosspoint/bg_02_futurevalue.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    background-attachment: fixed !important;
}

#firstCircle {
    color: #ff72c5;
}

#secondCircle {
    color: #f6de47;
}

#thirdCircle {
    color: #4fa6ea;
}

#fourthCircle {
    color: #1ebcbe;
}

.cirle-panel {
    margin: 0 auto;
    width: 80%;
}

.circle-car {
    display: block;
    margin: 0 auto;
    margin-top: -150px;
}

.circle-line {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.future-section .circle {
    width: 100%;
    margin-bottom: 30px;
    float: left;
}

.circle canvas {
    display: block;
    margin: 0 auto;
}

.circle strong {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
}

.circle span {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
}



/* ====================================================================================================================
* crosspoint-section
* ====================================================================================================================*/

.crosspoint-section {
    width: 100%;
    min-height: 510px;
    padding-top: 60px;
    height: auto;
    float: left;
    background: url(../images/03_04_05_currentvalue_futurevalue_crosspoint/bg_03_crosspoint.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    background-attachment: fixed !important;
}


/* ====================================================================================================================
* catalog-section
* ====================================================================================================================*/

.catalog-section {
    width: 100%;
    min-height: 510px;
    padding-top: 60px;
    height: auto;
    color: #2c313f;
    background: url(../images/06_07_catalog_news/bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    background-attachment: fixed !important;
}

.catalog-section .section-heading {
    color: #2c313f;
}

.catalog-section hr {
    border-top: 1px solid #2c313f;
    width: 60%;
}

.catalog-section .pad-top-bottom {
    padding-top: 15px;
    padding-bottom: 20px;
}

.catalog-section img#mac {
    width: 100%;
}


/* ====================================================================================================================
 * selection Page
 * ====================================================================================================================*/

.selection-section {
    width: 100%;
    min-height: 510px;
    padding-top: 90px;
    height: auto;
    color: #2c313f;
    background-color: #eeeeee;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    background-attachment: fixed !important;
}

.selection-section .section-heading {
    color: #2c313f;
}

.selection-section .section-heading span {
    color: #2c313f;
}

.selection-section hr {
    border-top: 1px solid #c8c8c8;
}

.selection-section p {
    font-size: 1.2em;
}

.selection-section .thumbnail {
    margin: 0 auto;
    background: none;
    border: none;
    padding: 0px;
}
.selection-section .section-heading{
	margin-top:50px;
}




/* ====================================================================================================================
 * Compare Page
 * ====================================================================================================================*/


.cp_header {
    height:auto;
    padding-top:10px;
    padding-bottom:10px;
}



.cp_column {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
}
.cp_column p {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.cp_column p {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cp_column p:hover {
	overflow : visible;
}


.cp_main {
	border-left: 1px solid #c8c8c8;
    background-color: #f4f4f4;
    padding:10px 0px;
    font-weight: 900;
}

.cp_sub {
    background-color: #f9f9f9;
    font-size: 14px;
    font-weight: 700;
    padding:10px 0px;
    border-left: 1px solid #c8c8c8;
}

.cp_sub p {
	padding-left:5px;
	padding-right:5px;
}

.cp_blank {
	height: 24px;
    margin-bottom: 10px;
}

.cp_subtitle {
    font-size: 14px;
    font-weight: 800;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #f4f4f4;
    padding : 0px;
    background: #f4f4f4;
    background: -webkit-linear-gradient(#f4f4f4, #dfdfdf);
    background: -o-linear-gradient(#f4f4f4, #dfdfdf);
    background: -moz-linear-gradient(#f4f4f4, #dfdfdf);
    background: linear-gradient(#f4f4f4, #dfdfdf);
}
.cp_info p{
    font-size:14px;
}
.cp_info {
    padding: 10px 10px;
}

.cpInfoWrap {
    margin-bottom: 50px;
    border-bottom: 1px solid #c8c8c8;
}

.cp_separator {
	border-left : 1px solid #8bad43;
}

.red {
	color:red;
}
.cp_selopt {
	font-size: 15px;
	
}
.cp_selopt_main {
	font-size: 18px;
}
.cp_color_price {
	font-size:15px;
}
.cp_color_name {
	font-size:16px;
	font-weight:700;
}

div.table {border: 1px solid black; display: table; }
div.tr {border: 1px solid black; display: table-row; }
div.td {border: 1px solid black; display: table-cell; }

/* ====================================================================================================================
 * login Page
 * ====================================================================================================================*/

.login-section {
    min-height: 510px;
    padding-top: 90px;
    height: auto;
    color: #2c313f;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    background-attachment: fixed !important;
    float: none!important;
    margin: 0 auto;
}

.login-section .section-heading {
    color: #2c313f;
}

.login-section .section-heading span {
    color: #2c313f;
}

.login-section hr {
    border-top: 1px solid #2c313f;
    width: 60%;
}

.login-section .form-group label {
    text-align: left;
    font-size: 1.3em;
    margin-bottom: 10px;
}

.login-section .form-group input {
    padding: 20px 12px;
    font-size: 1.3em;
}

.login-section p {
    font-size: 1.2em;
}

.login-section .thumbnail {
    margin: 0 auto;
    background: none;
    border: none;
    padding: 0px;
}


/* ====================================================================================================================
 * signup Page
 * ====================================================================================================================*/

.sign-section {
    color: #2c313f;
}

.sign-section div.active h4 {
    color: #fff;
}

.sign-section .section-heading {
    color: #2c313f;
    float: left;
    font-size: 30px
}

.sign-process {
    padding: 20px 20px;
}

.sign-process:after {
    /*content: url('../images/login/arrow_right.png');*/
}

.sign-process h4 {
    color: #464f54;
    font-size: 13px;
    margin-top: 10px;
}


#agreement-section .k-dropdown-wrap.k-state-default {
	height:34px!important;
}
#agreement-section .k-dropdown-wrap.k-state-default input{
	height:34px!important;
}

th.search_header a.k-grid-filter {
    display: none;
}

.log-wrapper {
	width:90%;
	margin : 0 auto;
}


.mypage-check label:not(:first-child) {
	margin-right: 40px;
}

.all_check {
    padding: 20px 20px;
    border: 1px solid #c8c8c8;
}

.all_check.responsive {
	height:60px;
}
.all_check li {
    float: left;
}

.all_check li span {
    color: #e82929;
    font-size: 11px;
}

#agreement-section textarea {
    width: 100%;
    height: 230px;
    resize: none;
    overflow: scroll;
    background-color: #f5f5f5;
}

.sign_btn {
	margin-bottom: 40px;
}

.sign_btn input:hover{
	background-color: #ffe958;
	border: 2px solid #ffe958;
}

.sign_btn input:active{
	background-color: #e4ce44;
	border: 2px solid #e4ce44;
}

.sign_btn input {
    margin-top: -20px;
    padding: 10px 50px;
    border: 0px;
    color: #2b2b2b;
    font-size: 18px;
    border: 2px solid #f6de48;
    background-color: #f6de48;
}

.sign_btn_before input {
    margin-top: -20px;
    border: 0px;
    color: #2b2b2b;
    padding: 10px 50px;
    font-size: 18px;
    border: 2px solid #5d5e63;
    background: none;
}

.check {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.check-wrap {
    float: right;
}


.sign_back_btn {
    text-align: left;
    margin-top: 15px;
}

.sign_back_btn a:hover {
    color: inherit;
}

.keyword {
    color: #000;
}

.submit_btn {
    margin: 30px 0px;
}

#input_frame, #complete_frame, #verify_frame {
    display: none;
    padding-top: 50px;
}

input[type="password"] {
    font-family: 'Raleway';
}

#complete_frame .jumbotron {
    background-color: #fff!important;
}

#complete_frame .jumbotron h1 {
    font-size: 34px!important;
}

#ErrorPassword label {
    display: none;
    text-align: left;
}
#UserForm {
	padding-bottom:50px;
}

/* ====================================================================================================================
* news-section
* ====================================================================================================================*/

.news-section {
    width: 100%;
    min-height: 510px;
    padding-top: 60px;
    height: auto;
    color: #2c313f;
    background-color: #ffffff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    background-attachment: fixed !important;
}

.news-section .section-heading {
    color: #2c313f;
    text-transform: none!important;
}

.news-section hr {
    border-top: 1px solid #2c313f;
    /*width: 60%;*/
}

.news-section h1 span {
    color: #3ec0e6;
}

.clints-box {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 15px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    padding: 5px;
}

.owl-no-pagination .owl-pagination {
    display: none;
}

.owl-carousel .owl-item {
    float: left;
    /* cursor: url("../images/icon-move-ligh.png"), move; */
    cursor:pointer;
}


/*#owl-clients .owl-buttons{ display:none;}*/


/* ====================================================================================================================
 * mypage Page
 * ====================================================================================================================*/

#main-content {
    margin: 0 auto;
    width: 90%;
}

.wrapper {
    display: inline-block;
    margin-top: 60px;
    padding: 15px;
    width: 100%;
}

.mypage {
    color: #2c313f;
}

.mypage-icon {
	
}
.mypage-header
{
	margin-left:25px;font-size:1.2em;color:#2b2b2b;
}


.distance_text {
	border-radius : 5px;
	padding-right: 5px;
}



.page-header {
    border-bottom: 1px solid #2c313f;
    color: #2c313f;
}

.regiBtn {
    text-align: center;
}

.authority label {
    text-align: center;
    cursor: pointer;
}

.authority input {
    width: auto;
    margin: 0 auto;
    /* Double-sized Checkboxes */
    -ms-transform: scale(2);
    /* IE */
    -moz-transform: scale(2);
    /* FF */
    -webkit-transform: scale(2);
    /* Safari and Chrome */
    -o-transform: scale(2);
    /* Opera */
    padding: 10px;
}


/* ====================================================================================================================
 * current-value-section
 * ====================================================================================================================*/

.left {
    float: left;
}

.current-page {
    margin-bottom: 50px!important;
}

.condition-page {
    background-color: #eeeeee;
	display:none;
}
.output-page , .cond-output-page{
	display:none;
}
.condition-input {
    background-color: #fff;
    border-top: 2px solid #c8c8c8;
    padding-top: 20px;
    border-bottom: 2px solid #5d5e63;
    padding-bottom: 50px;
}
.condition-input .subtitle {
    left: 0;
    top: 10px;
}
#distance { width: 100%; border-radius: 5px; background-color: #eeeeee; height: 36px; text-align: center;}
.km {
    position: absolute;
    left: 80%;
 /*    top: 10px; */
}
#btnCalcurate {

}

.output_dateWrap {
	margin-top:35px;
}

#distance_slider_label, #c_distance_slider_label {
	    left: 80%;
    position: absolute;
    top: 20px;
    width: 70px;
    font-size: 15px;
    font-weight: 500;
}

.tags-wrap{
    border-top: 1px solid #c4c4c4;
    padding: 20px 5px;
}
.bootstrap-tagsinput {
    border: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
.tag.label{
    display: inline;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #2b2b2b;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
}

.tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}
.tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}
.tag.label-info {
    background-color: #f6de48;
    margin-left:10px;
        float: left;
    margin: 5px;
}

.bootstrap-tagsinput {
    border: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
.btnCalcurate-wrap {
    text-align: center;
    margin-top:30px;
    margin-bottom:50px;
}
.btn-cal {
    background: none;
    border: 2px solid #5d5e63;
    color:#5d5e63;
    font-size: 18px;
    padding: 10px 20px;
}

.btn-cal.ready:hover{
	background-color: #ffe958;
	border: 2px solid #ffe958;
}

.btn-cal.ready:active{
	background-color: #e4ce44;
	border: 2px solid #e4ce44;
}

.btn-cal.ready {
    padding: 10px 20px;
    border: 0px;
    color: #2b2b2b;
    font-size: 18px;
    border: 2px solid #f6de48;
    background-color: #f6de48;
}

.btn-cal.readyfv:hover{
	background-color: #5ecff7;
	border: 2px solid #5ecff7;
	color: #ffffff;
}

.btn-cal.readyfv:active{
	background-color: #43a9ce;
	border: 2px solid #43a9ce;
	color: #ffffff;
}

.btn-cal.readyfv {
    padding: 10px 50px;
    border: 0px;
    color: #ffffff;
    font-size: 18px;
    border: 2px solid #4ebbf2;
    background-color: #4ebbf2;
}





.search-page .btn-cal.ready:hover{
	background-color: #c8f36e;
	border: 2px solid #c8f36e;
}

.search-page .btn-cal.ready:active{
	background-color: #b7df62;
	border: 2px solid #b7df62;
}

.search-page .btn-cal.ready {
    padding: 10px 50px;
    border: 0px;
    color: #5d5e63;
    font-size: 18px;
    border: 2px solid #b7df62;
    background-color: #b7df62;
}

.btn-cal.readycs:hover{
	background-color: #8b9bff;
	border: 2px solid #8b9bff;
	color: #ffffff;
}

.btn-cal.readycs:active{
	background-color: #6a7fff;
	border: 2px solid #6a7fff;
	color: #ffffff;
}

.btn-cal.readycs {
    padding: 10px 50px;
    border: 0px;
    color: #ffffff;
    font-size: 18px;
    border: 2px solid #6a7fff;
    background-color: #6a7fff;
}




/* ====================================================================================================================
 * 미래가치
 * ====================================================================================================================*/



.future-info .k-list > .k-state-selected {
		    color: #fff!important;
		    font-weight: 700!important;
		    background-color: #4ebbe2!important;
		    border-color: #4ebbe2!important;
		}

.output-header-fv h2{
    font-size: 30px;
    margin-left: 25px;
}
.output-header-fv h3{
    padding-left: 30px;
    font-size: 22px;
    padding-top: 9px;
}


.output-header-fv{
    background-image:url(../images/Output_price_bg_blue.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
}

.selectBox-fv {
    position: absolute;
    border-top: 2px solid #5d5e63;
    border-left: 2px solid #5d5e63;
    border-right: 2px solid #5d5e63;
    border-bottom: 2px solid #5d5e63;
    background-color: #fff;
    z-index: 2;
    width: 100%;
    bottom:40px;
}


.selectBox-fv p{
    color : #fff;
    background-color: #5d5e63;
    padding: 5px;
}
.selectBox-fv li{
    list-style: none;
    margin-bottom:7px;
}



.selectBox-fv input[type="checkbox"] {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.selectBox-fv input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.selectBox-fv input[type="checkbox"]+label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    height: 21px;
    /* 체크박스의 높이를 지정 */
    line-height: 21px;
    /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    margin-left: 10px;
    margin-right: 18px;
    text-align: center;
    vertical-align: middle;
    background: #f4f4f4;
    border: 1px solid #bababa;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.selectBox-fv input[type="checkbox"]+label:active:before, .selectBox input[type="checkbox"]:checked+label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.selectBox-fv input[type="checkbox"]:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2713';
    /* 체크표시 유니코드 사용 */
    color: #5d5e63;
    text-shadow: 1px 1px #fff;
    background: #4ebbe2;
    border-color: #bababa;
    /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
}
.selectBox-fv input[type="checkbox"]:checked+label {
    font-weight: bold;
}

.check_cal {
	    height: 20px;
    width: 20px;
}

.selectBox-cp input[type="checkbox"]:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2713';
    /* 체크표시 유니코드 사용 */
    color: #5d5e63;
    text-shadow: 1px 1px #fff;
    background: #6a7fff!important;
    border-color: #bababa;
    /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
}


.tag-fv.label{
    display: inline;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
}

.tag-fv [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}
.tag-fv [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}
.tag-fv.label-info {
    background-color: #4ebbe2;
    float: left;
    margin: 5px;
    margin-left:10px;
}





#price_range_cond_chart > svg:nth-child(1) > g:nth-child(2) > path:nth-child(1) {

fill:#ffffff;

}


#month_range_cond_chart > svg:nth-child(1) > g:nth-child(2) > path:nth-child(1) {

fill:#ffffff;

}



/* ====================================================================================================================
 * 크로스포인트
 * ====================================================================================================================*/

.cross-info .k-list > .k-state-selected {
		    color: #fff!important;
		    font-weight: 700!important;
		    background-color: #6a7fff!important;
		    border-color: #6a7fff!important;
		}
.output-header-cs{
    background-image:url(../images/crosspoint/output_price_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
}

.crosspoint-wrap {
	margin-top:35px;
	height:600px;
	overflow-y : scroll;
}

.cs-condition {
	border: 2px solid #6a7fff;
    background: #fff;
}
.cs-condition-header *{
    background-color: #6a7fff;
    color: #fff;
}
.cs-detail-combo-header{
	padding-top:15px;
	padding-bottom:15px;
	background-color: #6a7fff;
    color: #fff;
    margin:0px;
}
.cs-detail-combo-header *{
	background-color: #6a7fff;
    color: #fff;
}
.cs-detail-combo-header input {
    background-color: #6a7fff;
    color: #fff;
}
.cs-detail-combo-header input::placeholder {
	color: #fff;
}

.cs-detail-combo-header input::-webkit-input-placeholder { color: #fff; }

/* Firefox 4-18 */
.cs-detail-combo-header input:-moz-placeholder { color: #fff; }

/* Firefox 19+ */
.cs-detail-combo-header input::-moz-placeholder { color: #fff; }

/* IE10+ */
.cs-detail-combo-header input:-ms-input-placeholder { color: #fff; } 

.cs-output-header * {
	 color: #fff;
}
.cs-output-header {
	border-top:15px solid #5f73ea;
	background-color: #6a7fff;
    color: #fff;
    margin-top:10px;
}

.gray_box {
	background-color : #5d5e62;
	border: 1px solid #5d5e62;
	color:#fff;
}
.no_gray_box {
	border: 1px solid #c8c8c8;
}
.right {
	float:right;
}

.cs-car-info {
	border-left:1px solid #c8c8c8;
}
.cs-car-picture span {
	font-size:13px;
}

.cs_box {
	border:2px solid #6a7fff;
	padding: 3px 5px;
	line-height:normal;
}

.cs_width_s {
	min-width:90px;
	height:30px;
	vertical-align: middle;
	display: inline-block;
}

.k-filtercell>span {
	padding-right:0px!important;	
}

.cs_width_m {
	min-width:115px;
	height:30px;
	vertical-align: middle;
	display: inline-block;
}
.cs_width_b {
	min-width:125px;
	height:30px;
	vertical-align: middle;
	display: inline-block;
}

.cs_btn {
	border : none;
	background-color : #6a7fff;
	padding : 15px 13px;
	font-size : 18px;
	color : #ffffff;	
}
.cs_btn:hover {
	background-color: #8b9bff;
}
.cs_btn:active {
	background-color: #6072df;
}

.cs_btn_gray {
	border : none;
	vertical-align:middle;
	background-color : #5d5e63;
	
	padding : 3px 5px;
	font-size : 18px;
	color : #ffffff;	
}
.cs_btn_gray:hover {
	background-color: #6a7fff;
}
.cs_btn_gray:active {
	background-color: #6072df;
}
.price_subtitle {
	margin:15px 0px;
}
.price_result {
	border-top:1px solid #c8c8c8;
	margin-top:10px;
	padding:0px;
	padding-top:10px;
	text-align:right;
}

.sub_top_info {
	font-size:12px;
	line-height:1em;
}

.edge_text {
	border: 1px solid #2b2b2b;
    font-size: 13px;
    padding: 1px;
    margin-left: 3px;
    vertical-align: middle;
}
.fff_bg {
	background-color:#fff;
	padding: 10px 0px;
}
.crosspoint-wrap .nav-pills > li {
	float:right;
}

.kendo_combo_head {
	height:38px;
}

.cs-top-info p {
	font-size:15px;
}

.cp_footerWrap {
    padding:15px 0px;
    text-align:right;
    background-color: #e6e6e6;
}
.cp_footerWrap p {
	margin-right:10px;
}
.cp_footer_price {
	font-size:25px;
}



/* ====================================================================================================================
 * 카탈로그 상세
 * ====================================================================================================================*/
.width80 {
    width: 80%;
}
.color-square{
    width: 15px;
    height: 15px;
    margin: 5px;
    border: thin solid #2b2b2b;
    float: left;
    box-sizing: content-box;
}

.color-square img{
	    width: 100%;
    height: 100%;
    box-sizing: content-box;
    vertical-align:top
}
.align_left {
	text-align:left!important;
}
.detail-header {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom:20px;
}
.detail-header h1{
    color:#2b2b2b;
    font-size: 24px;
}
.labels {
	font-size:10px;
}
.left-label {
	-webkit-transform : rotate(90deg);  
	-moz-transform : rotate(90deg);     
	-ms-transform : rotate(90deg);       
	-o-transform : rotate(90deg);         
	transform : rotate(90deg);  
	top: 100px;
    left: -37px;  
}
.bottom-label {
	    top: 215px;
    left: 150px;
}
.save_pdf {
	font-size: 19px;
    border: 1.5px solid #2b2b2b;
    padding: 3px 5px;
    font-weight: 700;
}
a:hover {
	color:#2b2b2b;
}

.k-grid-header {
	padding-right:0px!important;
}
.k-grid-content {
	overflow-y:hidden!important;
}
.k-grid-content table tbody tr {
	cursor:pointer;
}

.blueWrap {
	color:#2c6fec;
}
.detail-combo-header {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #b7df62;
}
.detail-combo-header .k-combobox {
	 background-color: #b7df62;
}
.detail-combo-header .k-dropdown-wrap {
	/*  width:60%; */
}
.detail-page .condition-info {
    border: 1px solid #c8c8c8;
}

.detail-name {
	position:absolute;
	z-index:2;
	top:7px;
	left:-15px;
}
.detail-combo {
	/* margin-left:35px; */
}

.detail-info {
    margin-top: 30px;
}
.detail-info .nav-pills > li{
    width: 100px;
}
.detail_num {
	font-size:1.1em;
	font-weight:700;
	
	margin-top: 50px;
	margin-bottom: 35px;
	
}

.detail_subtitle {
	margin-top: 40px;
    margin-bottom: 5px;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 10px;
    padding-left:15px;
}


.option_nav {
	border-bottom : 0px!important;
}
.option_tab {
	
}

li.option_tab.active a{
	color: #2b2b2b!important;
	font-weight : 900;
    background-color: #fff!important;
}
li.option_tab.active a:hover{
    background-color: #fff!important;
}

.option_tab a{
	background-color:#fff;
}

.detail_num td {
	padding-bottom:20px;
	padding-top:15px;
}
#div_spec, #div_option {
	padding:10px;
	margin-bottom:50px;
}

.cell{
	padding-top: 8px;
    width: 100%;
    padding-bottom: 8px;
    float: left;
    border-bottom: 1px solid #e6e6e6;
}




#select_option .cell {
	min-height: 70px;
}

#select_option label {
	padding-left: 30px;
    text-indent: -33px;
}


#hidden {
	visibility: hidden;
    height: 20px;
}

.trans-select .k-dropdown-wrap {
    border: 0px!important;
    background: none!important;
}

.detail-combo-header input {
	background-color:#b7df62;
}

.trans-select .k-dropdown-wrap:before {
    height: 0px!important;
}

.trans-select .k-select {
    border: 0px!important;
}
.trans-select .k-state-border-down {
    border: 0px!important;
}

div.postcodify_popup_layer div.postcodify_placeholder {
    color: #2b2b2b!important;
}


/*


.condition-input .line {

}
.condition-input input[type="radio"] {
    display:none;
}

.condition-input input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
}
.condition-input input[type="radio"] + label:before {
      content: "";
      display: inline-block;

      width: 16px;
      height: 16px;

      margin-right: 10px;
      position: absolute;
      left: 0;
      bottom: 1px;
      background-color: #aaa;
      box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.condition-input input[type="radio"] + label:before {
  border-radius: 8px;
}
*/





.condition-input .line {
    border-bottom: 2px solid #adadad;
}
.condition-input .grid {
    margin-top: 50px;
    /* height: 51px; */
    padding-left: 0px;
}
.k-combobox {
    width: 100%!important;
}
.condition-input h3{
    color: #2b2b2b;
    position: absolute;
    z-index: 1;
    font-size: 18px;
}
.condition-header{
    padding: 15px;
    background-color: #f6de48;
}

.pdf-body .condition-header{
    padding: 5px;
    background: none;

}
.pdf-body .condition-header span{
    font-size:15px;
}

.left-info {
	    border-right: 1px solid #e5e5e5;
}

.condition-info {
    background-image: url(../images/output_currentvalue_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.condition-info .condition-price {
    border: 3px solid #c8c8c8;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 30px;
    font-weight: 900;
    margin-top: 30px;
    margin-bottom: 30px;
}

.condition-info .modify-price {
    border: 0px solid #c8c8c8;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 36px;
    font-weight: 900;
    
}

.condition-info .car-picture{
    margin-bottom: 50px;
}
.condition-info .car-picture img{
    margin-bottom: 30px;
}
.condition-info .info-name p{
    color: #848484;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.8em;
}

.catalogue-info-table td{
    font-weight: 600;
    padding : 4px;
    padding-bottom: 15px;
}
.condition-info td.info-name {
    color: #848484;
    font-weight: 600;
    line-height: 1.8em;
    padding-right: 30px;
    min-width:100px;
}
.condition-info .info-content {

}

.condition-info .info-text p{
    font-weight: 600;
    line-height: 1.8em;
}
.p-info .info-name p{
    color: #848484;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.8em;
}
.p-info .info-text p{
    font-weight: 600;
    line-height: 1.8em;
}

.content-box {
	margin-top:5px;
	margin-bottom:5px;
	    padding: 10px!important;
}
.line1 p {
	line-height:1.1em;
}

.vheader {
    background-color: #f4f4f4;
    color: #2b2b2b;
}
.separator:after{
    content: "|";
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    text-align: right;
    height: 21px;
    font-weight: 100;
    /*content: '\007C';*/
}
.condition-header span{
    margin-right: 15px;
    font-size:20px;

}

.vheader .page-header {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.vheader p {
    font-weight: 400;
}

.search_check {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -1px!important;
    background: #fff;
}
/*-------------checkbox----------*/


input[type="checkbox"] {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.k-multicheck-wrap .k-item .k-label input[type="checkbox"] {
    position: relative;
    width: auto;
    height: auto;
    margin: 4px 5px 0;
}
.k-multicheck-wrap .k-item .k-label {
	padding-right:7px;
}

input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input[type="checkbox"]+label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    height: 21px;
    /* 체크박스의 높이를 지정 */
    line-height: 21px;
    /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #cacece;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

input[type="checkbox"]+label:active:before, .search-header input[type="checkbox"]:checked+label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

input[type="checkbox"]:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2713';
    /* 체크표시 유니코드 사용 */
    color: #ffdc00;
    text-shadow: 1px 1px #fff;
    background: #5d5e63;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
input[type="checkbox"]:checked+label {
    font-weight: bold;
}







.search-header {
    position: relative;
}

.search-header input[type="checkbox"] {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.search-header input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.search-header input[type="checkbox"]+label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    height: 21px;
    /* 체크박스의 높이를 지정 */
    line-height: 21px;
    /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #cacece;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.search-header input[type="checkbox"]+label:active:before, .search-header input[type="checkbox"]:checked+label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.search-header input[type="checkbox"]:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2713';
    /* 체크표시 유니코드 사용 */
    color: #ffdc00;
    text-shadow: 1px 1px #fff;
    background: #5d5e63;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.search-header input[type="checkbox"]:checked+label {
    font-weight: bold;
}





.search-header-param {
    position: relative;
    border-bottom: 1px solid #c8c8c8;
color: #2b2b2b;
padding-bottom: 9px;
margin: 40px 0 20px;
}

.search-header-param input[type="radio"] {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.search-header-param input[type="radio"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.search-header-param input[type="radio"]+label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    height: 21px;
    /* 체크박스의 높이를 지정 */
    line-height: 21px;
    /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #cacece;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.search-header-param input[type="radio"]+label:active:before, .search-header input[type="radio"]:checked+label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.search-header-param input[type="radio"]:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2713';
    /* 체크표시 유니코드 사용 */
    color: #ffdc00;
    text-shadow: 1px 1px #fff;
    background: #5d5e63;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.search-header-param input[type="radio"]:checked+label {
    font-weight: bold;
}


/*----------------------------------------------------------*/
/*----------------------------------------------------*/

.resultList input[type="checkbox"] {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.resultList input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.resultList input[type="checkbox"]+label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    height: 21px;
    /* 체크박스의 높이를 지정 */
    line-height: 21px;
    /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #cacece;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.resultList input[type="checkbox"]+label:active:before, .resultList input[type="checkbox"]:checked+label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.resultList input[type="checkbox"]:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2713';
    /* 체크표시 유니코드 사용 */
    color: #ffdc00;
    text-shadow: 1px 1px #fff;
    background: #5d5e63;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.resultList input[type="checkbox"]:checked+label {
    font-weight: bold;
}



/*-------------checkbox----------*/

.option_content {
    position: relative;
}

.option_content input[type="checkbox"] {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.option_content input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.option_content input[type="checkbox"]+label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    height: 21px;
    /* 체크박스의 높이를 지정 */
    line-height: 21px;
    /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #cacece;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.option_content input[type="checkbox"]+label:active:before, .search-header input[type="checkbox"]:checked+label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.option_content input[type="checkbox"]:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2713';
    /* 체크표시 유니코드 사용 */
    color: #ffdc00;
    text-shadow: 1px 1px #fff;
    background: #5d5e63;
    border-color: #adb8c0;
    text-indent:0px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.option_content input[type="checkbox"]:checked+label {
    font-weight: bold;
}



/*----------------------------------------------------------*/


.selectBox {
    position: absolute;
    border-top: 2px solid #5d5e63;
    border-left: 2px solid #5d5e63;
    border-right: 2px solid #5d5e63;
    border-bottom: 2px solid #5d5e63;
    background-color: #fff;
    z-index: 2;
    width: 100%;
    bottom:40px;
}

.circleWrap {
	text-align:center;
	padding:5px;
}

.color-circle {
    margin: 0 auto;
    width: 28px;
    height: 28px;
    border-radius: 15px;
    border: 1px solid black;
}

.help_text, .help_accident, .stat_help_text, .help_img {
    width: 18px;
}

.c_help_text, .c_help_accident {
    width: 18px;
}
.stat_help div{
	padding:5px;
}

#price_help {
	bottom:-25px;
}
#data_help {
	bottom:-70px;
}
#stat_help {
	bottom:-130px;
}

#help {
    display: none;
    width: 350px;
    bottom:0px;
    right:0px;
}

#help_datamonth {
    display: none;
    width: 350px;
    bottom:0px;
    right:0px;
}

#cs_car_help {
	 display: none;
    width: 350px;
    bottom:30px;
    right:0px;
}
#help div{
    padding: 15px;
}

#help_accident {
    width: 600px;
    bottom:-140px;
    display: none;
}

.payout_seperator {
	border-left: 1.5px solid #c8c8c8;
}
.monthly_input {
	height:30px;
}



#help_accident .yellow {
    background-color: #fefef3;
}
#help_accident .grey {
    background-color: #f4f4f4;;
}

#help_accident td, #help_accident tr, #help_acciden th{
    padding: 1px;
    border: 1px solid #c4c4c4;
    text-align: center;
    font-size: 15px;
}
#help_accident div{
    width: 100%;
    margin: 0 auto;
    padding: 5px;
}
/*.max100{max-width: 100px;}
.max150{max-width: 150px;}
#help_accident table tbody tr td:first-child {
    max-width: 100px;
}
#help_accident table tbody tr td:last-child {
    max-width: 100px;
}*/
#help_accident table{
    width: 100%;
    margin: 0 auto;
}

#c_help {
    display: none;
    width: 350px;
    bottom:0px;
    
}


#cs_tax_help {
	display: none;
	right: 0;
    bottom: -70px;
    width: 400px;
    font-size: 16px;
}

#cs_payout_help {
	    width: 400px;
    right: 0;
    display: none;
    top:30px;
    bottom:auto;
    font-size: 16px;
}
.price_process {
	font-size:13px;
}
.price_process span {
	font-size:16px;
}
.result_table {
	height:80px;
	padding-top:10px!important;
}
.result_table #result_options {
	text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    display: block;
    line-height: 1.3;
    height: 3.6em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#cs_place_help {
	width: 500px;
    bottom: -330px;
    right: 0;
    display: none;
    font-size: 15px;
}
.focus-info {
	font-size:18px;
	border: 2px solid #2b6fec;
  padding: 10px 5px;
  width:200px;
  
  text-align: center;
  margin: 0px 0px 10px 0px;
}
.focus-info-lg {
	font-size:18px;
	border: 2px solid #2b6fec;
  padding: 10px 5px;
  width:320px;
  text-align: center;
  margin: 0px 0px 10px 0px;
}

.focus-info label{
	margin:0px;
}


.panel>.table-responsive {
	overflow-x:hidden;
}

#cs_condition_help {
	width: 600px;
    bottom: auto;
    top:260px;
    right: 0;
    display: none;
    font-size: 13px;
}

#cs_tax_help div {
	padding:5px;
}
#cs_payout_help div {
	padding:5px;
}
#cs_place_help div {
	padding:5px;
}

.insurance_tooltip {
	background-color : #ef7e2e;
	width: 70px;
    height: 35px;
    padding-top: 5px;
	color:#fff;
	text-align:center;
	line-height: 1.3em;
	display : none;
	font-size:10px;
}
.fv_tooltip {
	background-color : #697fff;
	padding:7px;
    padding-top: 5px;
	color:#fff;
	text-align:center;
	line-height: 1.3em;
	display : none;
	font-size:14px;
}

.pdf_fv_tooltip {
	background-color : #697fff;
	padding:7px;
    padding-top: 5px;
	color:#fff;
	text-align:center;
	line-height: 1.3em;
	display:inline-block;
	position:absolute;
	font-size:10px;
	z-index:1;
	border: 1px solid #2b2b2b;
}

#pdf_remaining_cost_chart circle {
    fill: rgba(94,109,194,0.5);
    r:3;
    stroke-width:1;
}

#fv_tooltip, #pdf_fv_tooltip {
	display : none;
}

#insurance_tooltip {
	display : none;
}
.carTax_tooltip {
	background-color : #5273c5;
	width: 70px;
    height: 35px;
    padding-top: 5px;
	color:#fff;
	text-align:center;
	line-height: 1.3em;
	display : none;
	font-size:10px;
}
#carTax_tooltip {
	display : none;
}

#c_help div{
    padding: 15px;
}

#c_help_accident {
    width: 600px;
    bottom:-160px;
    display: none;
}
#c_help_accident .yellow {
    background-color: #fefef3;
}
#c_help_accident .grey {
    background-color: #f4f4f4;;
}

#c_help_accident td, #help_accident tr, #help_acciden th{
    padding: 1px;
    border: 1px solid #c4c4c4;
    text-align: center;
    font-size: 15px;
}
#c_help_accident div{
    width: 100%;
    margin: 0 auto;
    padding: 5px;
}

#c_help_accident table{
    width: 100%;
    margin: 0 auto;
}


#optionList {
    left:50%;
    display: none;
}

input#option {
	text-overflow: ellipsis;
}
#colorList {
    left:100%;
    display: none;
}
#colorList span {
    font-size:13px;
    padding: 0px;
    text-align: center;
}
#colorList .color-circle{
	cursor:pointer;
}

.selectBox p{
    color : #fff;
    background-color: #5d5e63;
    padding: 5px;
}
.selectBox li{
    list-style: none;
    margin-bottom:7px;
}

.check-select {
    width: 100%;
    height: 40px;
    border-radius: 1px;
}

.selectBox input[type="checkbox"] {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.selectBox input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.selectBox input[type="checkbox"]+label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    height: 21px;
    /* 체크박스의 높이를 지정 */
    line-height: 21px;
    /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    margin-left: 10px;
    margin-right: 18px;
    text-align: center;
    vertical-align: middle;
    background: #f4f4f4;
    border: 1px solid #bababa;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.selectBox input[type="checkbox"]+label:active:before, .selectBox input[type="checkbox"]:checked+label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.selectBox input[type="checkbox"]:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2713';
    /* 체크표시 유니코드 사용 */
    color: #5d5e63;
    text-shadow: 1px 1px #fff;
    background: #f6de48;
    border-color: #bababa;
    /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
}
.selectBox input[type="checkbox"]:checked+label {
    font-weight: bold;
}




/*-------------------------------------------------------------*/

.search-header input:checked {
    background-color: #5d5e63;
}

.search-header {
    border-bottom: 1px solid #c8c8c8;
    color: #2b2b2b;
    padding-bottom: 9px;
    margin: 40px 0 20px;
}

.current-page .nav, .mypage .nav {
    border-bottom: 2px solid #5d5e62;
}

.nav-pills>li.active>a {
    background-color: #5d5e62;
}


.current-page .nav > li > a:hover, .current-page .nav > li > a:focus {
    text-decoration: none;
    color: #2b2b2b;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #5d5e62;
}

.nav-pills>li>a {
    border-radius: 0px;
}

.nav-pills>li {
    margin-left: 2px;
    text-align: center;
}

.model-info table {
    width: 100%;
}

.model-info table thead {
    background-color: #dfdfdf;
    width: 100%;
}

.model-info table thead th {
    text-align: center;
    height: 40px;
    border: 1px solid #bababa;
}

.model-info li, .search-info li {
    list-style: none;
}

.model-info-head {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0px!important;
    height: 40px;
    font-weight: 600;
    background: #f4f4f4;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f4f4f4, #dfdfdf);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f4f4f4, #dfdfdf);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f4f4f4, #dfdfdf);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f4f4f4, #dfdfdf);
    /* Standard syntax */
}


.result-column {
	border-top: 2px solid #5d5e62;
	border-bottom: 2px solid #5d5e62;
	background-color : #c8c8c8;
	padding:20px 15px;
}

.model-info-head-sm {
    text-align: center;
    padding: 5px;
        border: 1px solid #c8c8c8;
    margin-bottom: 0px!important;
    font-size:13px;
    font-weight: 600;
    background: #f4f4f4;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f4f4f4, #dfdfdf);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f4f4f4, #dfdfdf);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f4f4f4, #dfdfdf);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f4f4f4, #dfdfdf);
    /* Standard syntax */
}
.head-sm-select {
	height:34px;
}

.no-padding-right {
	padding-right:0px;
}


.margin5 {
	margin-top:10px;
	margin-bottom:10px;
}

.reset_btn {
	cursor:pointer;
}
.reset_text {
	font-size:14px;
}

.model-info .k-listbox,  .search-info .k-listbox, .future-info .k-listbox, .cross-info .k-listbox{
    width: 100%!important;
    height:300px;
}
#fuelWrap .k-listbox {
	height:221px;
}

.nested .k-listbox {
    height: 221px;
}

.current-info .k-list > .k-state-selected {
    color: #2b2b2b!important;
    font-weight: 700!important;
    background-color: #f6de48!important;
    border-color: #f6de48!important;

}
.search-info .k-list > .k-state-selected {
    color: #2b2b2b!important;
    font-weight: 700!important;
    background-color: #b7df62!important;
    border-color: #b7df62!important;
}




.future-info .k-list > .k-state-selected {
    color: #fff!important;
    font-weight: 700!important;
    background-color: #4ebbe2!important;
    border-color: #4ebbe2!important;
}

.cross-info .k-list > .k-state-selected {
    color: #fff!important;
    font-weight: 700!important;
    background-color: #6a7fff!important;
    border-color: #6a7fff!important;
}






.k-list > .k-state-selected {
    color: #2b2b2b!important;
    font-weight: 700!important;
    background-color: #f6de48!important;
    border-color: #f6de48!important;
}


.no-border .k-select {
    border: 0px!important;
}
.k-dropdown-wrap.k-state-default {
    padding: 0px!important;
}
.k-listbox .k-item:hover:not(.k-state-disabled) {
    color: #2b2b2b;
    background-color: #f6de48;
    border-color: transparent;
}
.k-list-container {
	background-color: #fff;
}
.k-combobox {
    width: 100%!important;
    padding: 0px!important;
}

.k-slider {
    margin: 0 auto;
}

.car_state .k-slider-selection {
    background-color: #00baff;
}
.k-slider-vertical {
    height: 250px!important;
}
.car_state .k-slider .k-state-selected, .car_state .k-slider .k-state-selected:hover{
    background-color: #00baff;
    border-color: #00baff;
}
.condition-name {
    padding-top: 8px!important;
}

/* ====================================================================================================================
 * output-section
 * ====================================================================================================================*/

.output-info {
    background-color: #fff;
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 2px solid #5d5e63;
}
.output-page{
    color: #2b2b2b;
    background-color: #eeeeee;
}
.cond_output-page{
    color: #2b2b2b;
    background-color: #eeeeee;
}
.output-footer {
    margin-top: 15px;
    font-size:14px;
    text-align: right;
}

.output-header h2{
    font-size: 30px;
    margin-left: 25px;
}
.output-header h3{
    padding-left: 30px;
    font-size: 22px;
    padding-top: 9px;
}
.output-header{
    background-image:url(../images/Output_price_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
}
.price-wrap{
    /*margin-top: -30px;*/
}
.price-wrap span:first-child{
    font-size:18px;
}
.price-wrap span:last-child{
    font-size:30px;
    font-weight: 900;
    padding-left: 15px;
}
.price-box{
    width: 60px;
    height: 90px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    z-index: 3;
    float: left;
    margin-left: 7px;
    margin-top: -35px
}

.output-header *, .output-header-fv *{
    color: #2b2b2b;
}
.output-page .circle{
    width: 100%;
}
.output-page .circle canvas{
    width: 50%!important;
    height: auto!important;
}
.dataListWrap, .dataListWrap-fv {
	margin-top:30px;
}

.dataListWrap .k-grid-toolbar {
	
	background: none;
	background-color : #bdab3c;
}
.dataListWrap-fv .k-grid-toolbar {
	background: none;
	background-color : #4396b3;
}
.dataListWrap .k-pager-numbers .k-state-selected {
	color: #fff;
    background-color: #bdab3c;
    border-color: #bdab3c;
}
.dataListWrap-fv .k-pager-numbers .k-state-selected {
	color: #fff;
    background-color: #4396b3;
    border-color: #4396b3;
}


.avg-info table th{
	background-color: #bdab3c;
	color: #fff;
	text-align:center;
	padding : 10px 20px;
	border : 1px solid #2b2b2b;
	font-size:1.2em;
}
.avg-info table td{
	padding : 10px 20px;
	border : 1px solid #2b2b2b;
	text-align:center;
	font-size:1.2em;
}

.output-page .circle strong{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-weight: 900;
    font-size: 50px;
}
.output-page .circle span{
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    font-size: 20px;
}
.output-page text{
    fill:#2b2b2b;
    font-family: 'Nanum Square';
}







/* ====================================================================================================================
 * board-section
 * ====================================================================================================================*/

.dataTable {
	border-top:2px solid #5d5e63;
}

.table {
	border-right: 1px solid #c8c8c8;
	border-left : 1px solid #c8c8c8;
}
.table .tcenter {
	text-align:center;
}

.faq-page, .notice-page, .news-page {
	min-height: 600px
}

.board_content img {
    max-width: 100%;
    height: auto!important;
}


/* ====================================================================================================================
 * search-section
 * ====================================================================================================================*/
 .eee-page {
    background-color: #eeeeee;
}
.resultList {
    background-color: #ffffff;
    border-left: 4px solid #b7df62;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    padding:15px;
}
.resultList .btn-detail {
    background: none;
    border: 2px solid #5d5e63;
    color:#5d5e63;
    font-size: 18px;
    padding: 30px 10px;
    margin-top: 5px;
}
.btn-detail:hover {
	color: #5d5e63!important;
    font-weight: 700!important;
    background-color: #b7df62!important;
    border-color: #b7df62!important;
}
.btn-detail:active {
	color: #5d5e63!important;
    font-weight: 700!important;
    background-color: #acd359!important;
    border-color: #acd359!important;
    -webkit-box-shadow: inset 0 0 0px 0px #c54700;
    box-shadow: inset 0 0 0px 0px #c54700;
}
.resultList .carImg {
    max-width: 100%;
}

.pdf_div_wrap .cell div.left {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
        max-width: 165px;
}


.pdf-label {

}

#search-page {
	
}

.colorWrap{

}

#search-page .nav {
    border: 0px;
    margin-bottom: 50px;
}
#search-page .nav-pills > li {
    border: 1px solid #c8c8c8;
    margin-left: 0px;
    background-color: #fff;
}
#sp_search-page .nav {
    border: 0px;
    margin-bottom: 50px;
}
#sp_search-page .nav-pills > li {
    border: 1px solid #c8c8c8;
    margin-left: 0px;
    background-color: #fff;
}
/* ====================================================================================================================
 * Team-section
 * ====================================================================================================================*/

.team .team-img {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top center;
    height: 260px;
    background-size: cover;
    position: relative
}

.team .team-img:before {
    position: absolute;
    top: 0;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    width: 100%;
    height: 100%;
    background-color: #141618;
}

.team .team-img:hover:before {
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.team .team-img:hover .team-con {
    opacity: 1;
}

.team-con {
    padding: 100px 0 0;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.team-socials a {
    color: #fff;
}

.parallax-text {
    max-width: 700px;
    margin: 0 auto;
    color: #fff;
    font-size: 3.5rem;
    line-height: 5.5rem;
    font-weight: 400;
    text-transform: capitalize;
    font-family: "Nanum Square", sans-serif;
}


/* ====================================================================================================================
 * work-section
 * ====================================================================================================================*/

.work-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

.overlay {
    background-color: rgba(255, 255, 255, .8);
    border: 1px groove rgba(255, 255, 255, .8);
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    width: auto;
    height: inherit;
    color: #222222;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 2%;
    z-index: 1;
}

.work-wrapper:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    border: 1px groove #e62b4c;
}

.overlay-inner {
    margin: auto;
    position: absolute;
    top: 52%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.overlay h4.base {
    color: #e62b4c;
}

.overlay .line {
    height: 1px;
    margin: 15px auto;
    background-color: #000;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.overlay .line {
    width: 0%;
}

.work-wrapper:hover .line {
    width: 40%;
}

.work-wrapper .overlay p {
    font-size: 14px;
    color: #000;
}

.work-wrapper img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
}

.work-wrapper:hover img {
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.no-padding {
    padding: 0px;
}

.no-padding-rl {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.no-margin {
    margin: 0;
}





/* ====================================================================================================================
 * pricing-section
 * ====================================================================================================================*/

.pricing-table {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
}

.pricing-table .pricing-head {
    width: 100%;
    height: auto;
}

.pricing-table .pricing-head .price-tag-circle {
    position: relative;
    width: 125px;
    height: 125px;
    margin: 0px auto;
    background: #e62b4c;
    text-align: center;
    line-height: 125px;
    -webkit-border-radius: 0 10%;
    -moz-border-radius: 0 0%;
    -ms-border-radius: 0 10%;
    -o-border-radius: 0 10%;
    border-radius: 0 10%;
}

.pricing-table .pricing-head .price-tag-circle span.price {
    font-family: 'Nanum Square', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1;
}

.pricing-table .pricing-head .price-tag-circle span.price:after {
    content: "$";
    position: absolute;
    width: 20px;
    height: auto;
    top: -40px;
    right: -15px;
    z-index: 1;
    font-size: 30px;
}

.pricing-table .pricing-body {
    width: 100%;
    height: auto;
    text-align: center;
    background: #fff;
    padding: 100px 15px 50px 15px;
    margin-top: -62.5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pricing-table .pricing-body .price-title {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #000;
}

.pricing-table .pricing-body ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.pricing-table .pricing-body ul li {
    font-size: 14px;
    font-weight: 400;
    color: #242424;
    margin-bottom: 15px;
}

.pricing-table .pricing-footer {
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 10px;
    left: 0px;
}

.btn-pricing {
    padding: 15px 22px;
    background: transparent;
    color: #fff;
    text-align: center;
    border: 0px;
    position: relative;
    z-index: 0;
    display: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pricing-table:hover .btn-pricing {
    display: inline-block;
    background: #e62b4c;
    color: #fff;
    -webkit-border-radius: 0 10px;
    -moz-border-radius: 0 10px;
    -ms-border-radius: 0 10px;
    -o-border-radius: 0 10px;
    border-radius: 0 10px;
}


/* ====================================================================================================================
 * contact-section
 * ====================================================================================================================*/

#contact .contact {
    text-align: left;
    padding-top: 7px;
}

#contact i.fa {
    background: #fff;
    border-radius: 50%;
    color: #e62b4c;
    font-size: 22px;
    height: 50px;
    padding: 14px 0;
    text-align: center;
    width: 50px;
    float: left;
}

#contact p.dark {
    font-size: 16px;
    padding-left: 70px;
    padding-bottom: 23px;
    margin-top: 2px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
    min-height: auto;
}

#contact .form-control {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 22px;
    background-color: transparent;
    background-image: none;
    border-top: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin-top: 5px;
    height: 48px;
}

#contact #message {
    height: 130px;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

#contact .text-danger {
    color: #353e47;
    text-align: center;
    font-size: 20px;
}

.map iframe {
    width: 100%;
    height: 400px;
}

.footer-bottom {
    background: #153c5b;
    padding: 25px 0;
    width: 100%;
    float: left;
}


#introduce h1 {
	color:#2b2b2b;
	margin-top: 50px;
	margin-bottom:30px;
}

.brand-img {
	max-width:350px;
	display:block;
	margin:0 auto;
	width:100%;
}
#introduce .row {
	margin:0px!important;
}
h1.intro_title {
	font-size : 25px
}
h1.intro_title img {
	vertical-align:bottom;
}

.intro_header {
	padding:10px;
	margin:5px;
	font-size:28px;
	font-weight:900;
	position:relative;
}
.intro_header img {
	position:absolute;
	top: 0px;
}
.history_table table {
	margin-bottom : 30px;
}
.history_table table td {
	padding : 5px 15px;
}
.history_table table tbody tr td:first-child {
	font-weight:700;
}
.history_table table tbody tr td:last-child {
	background-color:#eeeeee;
}
#dataList .k-grid-excel {
	float:right;
}
.footer-bottom .container div {
    text-align: center;
}

.back-to-top {
    transition: all 1s ease 0;
    -webkit-transition: all .3s ease 0;
    position: fixed;
    bottom: 31px;
    right: 15px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 39px;
    background: #f6de47;
    color: #153c5b !important;
    font-size: 17px;
    cursor: pointer;
    text-decoration: none;
    border-radius: 40px;
    display:none;
}
.detail_arrow {
    color: #5d5e63 !important;
    background: none !important;
    border: 2px solid #5d5e63 !important;
}
.flex-direction-nav a {
    line-height: 40px;
}

.f-b {
    color: #ffffff;
    text-align: center;
    padding: 0 10px;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 1px;
    line-height: 25px;
}

.footer-bottom img {
	max-width:100%;
}

.footer-bottom .pad-top-bottom {
    padding-top: 15px;
    padding-bottom: 20px;
}

.footer-widget-social ul {
    text-align: right;
    list-style-type: none;
    margin-bottom: 0;
}

.footer-widget-social ul li {
    display: inline-block;
    margin-bottom: -8px;
}

.footer-widget-social a {
    background-color: #e62b4c;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    padding: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 3px;
}

.footer-widget-social a:hover {
    background-color: #fff;
    color: #353E47;
}

.login-img3-body {
    background: url(../images/01_rollingbanner/rollingbanner_01.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-img3-body .login-form {
    border: 1px solid #B0B6BE;
    background: rgba(213, 215, 222, 0.9);
}

.login-form {

}
.login-line {
	border-bottom:2px solid #c8c8c8;

}
.btn-yellow {
	color:#908439;
	background-color:#f6de48;
}
.login-logo {
    margin: 0 auto;
    text-align: center;
    padding-top: 3%;
}

.login-wrap {
    padding: 20px;
}

.login-img3-body .login-form p, .login-img2-body .login-form p {
    color: #34aadc;
}

.login-form .login-img {
    font-size: 50px;
    font-weight: 300;
}

.login-form p {
    text-align: center;
    color: #b6b6b6;
    font-size: 16px;
    font-weight: 300;
}

.login-form .input-group {
    margin-bottom:40px;
}

.login-form .input-group-addon {
    padding: 6px 12px;
    font-size: 16px;
    color: #8b9199;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
}

.login-form .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.login-form input[type="text"], .login-form input[type="password"] {
    border: none;
    box-shadow: none;
    font-size: 16px;
    border-radius: 0;
}
.login-form .btn {
	font-size:18px;
	color:#2b2b2b;
}
.btn-lg {
	padding: 15px 25px;
}


.k-numeric-wrap:before {
    content: none!important;
}



/***************************************************/


/* 이미지 U01TX0FVVEgyMDE3MDYxMjE0MjcxNTIxNzg1*/


/***************************************************/


/* 바탕 배경 이미지 최적의 이미지 크기는 468 * 251px */

.pop-address-search .pop-address-search-inner {
    background-image: url(이용기관사이트 이미지 url);
}


/* 회사 로고 이미지 이미지 크기는 149 * 14px */

.pop-address-search .pop-address-search-inner .logo {
    background: url(이용기관사이트 로고 이미지 url) no-repeat;
    background-position: center;
}


/***************************************************/


/* 배경색상 */


/***************************************************/


/* 바탕 배경색상 */

.pop-address-search .pop-address-search-inner {
    background-color: #ECECEC;
}


/* 검색창 색상 */

.pop-address-search .pop-address-search-inner .wrap input {
    background-color: #FFFFFF;
}


/* 검색버튼 색상 */

.pop-address-search .pop-address-search-inner .wrap {
    background-color: #FFFFFF;
}


/* 본문 배경색(홀수) */

.pop-address-search .pop-address-search-inner .result table.data-col tbody tr:nth-child(odd) td {
    background: #FFFFFF
}


/* 본문 배경색(짝수) */

.pop-address-search .pop-address-search-inner .result table.data-col tbody tr:nth-child(even) td {
    background: #FFFFFF
}


/***************************************************/


/* 글자색상 */


/***************************************************/


/* 검색 결과  글자색상 */

table.data-col {
    color: #FFFFFF;
}

table.data-col tbody tr td.subj {
    color: #333333;
}


/* 검색창 글자 색상 */

.pop-address-search .pop-address-search-inner .wrap input {
    color: #222222;
}


.isSale {
	color: #2c6fec;
    border: 1px solid #2c6fec;
    padding: 3px;
    font-size: 15px;
}
.isExtinction {
	color:red;
	border: 1px solid red;
}



.boards {
	margin-top:30px;
	margin-bottom:100px;
}
.board_content {
	padding-left:20px;
	padding-right:20px;
}
.rowwrap {
    border-left: 2px solid #c8c8c8;
    border-right: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
}
.head-text {
    margin-left:15px;
}

.line {
    border-bottom: 2px solid #c8c8c8;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.boards .info-name {
    padding-left:15px;
    color: #2b2b2b;
    font-weight: 900;
    line-height: 1.5em;
}

.boards .info-text {
    line-height: 1.5em;
}

#info .info-text {
    color: #555555;
    font-weight: 700;
    line-height: 1.8em;
}

#info .info-text {
    color: #2b2b2b;
    font-weight: 600;
    line-height: 1.8em;
}
#info .info-name {
    color: #2b2b2b;
    line-height: 1.8em;
}
#btnSaveInfo{
    display:none;
}

.info_tab {
    padding-right:0px!important;
    padding-left:0px!important;
}
.info_tab:hover {
    color:#2b2b2b;
}
.margintop {
    margin-top: 25px;
}

.swap-section {
    margin-bottom: 100px;
}
.k-list>.k-state-focused.k-state-selected, .k-listview>.k-state-focused.k-state-selected, 
.k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
        -webkit-box-shadow: inset 0 0 0px 0px #c54700!important; 
        box-shadow: inset 0 0 0px 0px #c54700!important; 
}

.btn-confirm{
    background: #f6de48;
    border: 2px solid #f6de48;
    color: #908439;
    font-size: 1.8rem;
    padding: 10px 50px;
    font-weight: 800;
}
.btn-confirm:hover{
    background: #ffe958;
    border: 2px solid #ffe958;
    color: #2b2b2b;
    font-size: 1.8rem;
    padding: 10px 50px;
    font-weight: 800;
}
.btn-confirm:active{
    background: #e4ce44;
    border: 2px solid #e4ce44;
    color: #2b2b2b;
    font-size: 1.8rem;
    padding: 10px 50px;
    font-weight: 800;
}
.btn-myinfo {
    background: none;
    border: 2px solid #5d5e63;
    color: #5d5e63;
    font-size: 1.8rem;
    padding: 10px 50px;
    font-weight: 800;
}

.btn-myinfo:hover {
    background: #f6de48;
    border: 2px solid #f6de48;
    color: #2b2b2b;
    font-size: 1.8rem;
    padding: 10px 50px;
    font-weight: 800;
}

.btn-myinfo:active {
    background: #e4ce44;
    border: 2px solid #e4ce44;
    color: #2b2b2b;
    font-size: 1.8rem;
    padding: 10px 50px;
    font-weight: 800;
}

.modifydiv {
    background-color: #aeaeae;
    border-bottom: 2px solid #c8c8c8;
    border-top: 2px solid #c8c8c8;
}


.maxmin {
    max-height:800px;
    min-height:600px;
    overflow:auto;
}
.footer-bottom .container a {
    color:#fff!important;
}
    







.k-grid td  {
	white-space:nowrap;
}

#optionList {
	    max-height: 450px;
    overflow: auto;
}

.color-label {
    float: left;
}

.k-detail-cell .detail > div {
	white-space:initial;
}

div.detail {
  font-size:14px;
}

.pdf-btn {
	background-color: #394a59!important;
    border-color: #394a59!important;
    width:120px;
    color:#fff!important;
}

.k-calendar .k-content th {
	text-align:center!important;
}

.k-calendar .k-today {
	box-shadow : none!important;
}

.logListWrap .k-header {
	font-size:14px;
}
body.logListBody .k-animation-container, form.k-filter-menu {
	max-width:266px!important;
}

.logListWrap .k-grid td {
  padding: 0.6em 1em;
}

.logListWrap .k-filter-row th, .k-grid-header th.k-header {
  padding: 0.5em 0.6em;
}

.logListWrap .k-picker-wrap .k-select {
  line-height:2em;
}
.logListWrap .k-picker-wrap .k-input {
  height: auto;
}

.k-calendar .k-state-hover {
  box-shadow : none!important;
  background:none!important;
}

.k-calendar .k-century .k-link {
  width: 4.38571429em!important;
  height: 4.38571429em!important;
  text-align: left;
  line-height: 1.49285714em;
  white-space: normal;
}
table.detail-table tbody tr {
  cursor: initial;
}
.detail-table {
  border:1px solid #c3c6c9;
  border-width: 1px!important;
  margin-top: 20px!important;
  margin-bottom: 20px!important;
}
.detail-table tr {
  border-bottom:1px solid #ebebeb;
}
.detail-table td {
  font-size: 14px!important;
  white-space: initial;
  padding: 0.6em .8em;
}

.detail-table .detail-table-heading {
  background-color: #ebebeb;
  text-align: right;
  font-weight: 900;
  width:110px;
  max-width : 150px;
}




/* body.logListBody .k-animation-container, form.k-filter-menu {
	max-width:266px!important;
}



.logListWrap .k-filter-row th, .k-grid-header th.k-header {
	padding: 0.5em 0.6em;
}
.logListWrap .k-picker-wrap .k-input {
	height: auto;
}
.logListWrap .k-header.k-grid-toolbar {
	font-size:14px;
} */

/* .k-calendar td.k-state-hover .k-link {
  box-shadow : none!important;
  background:none!important;
} */