@charset "utf-8";
/* CSS Document */

@media screen and (max-height: 700px) {
	.slider-banner .slider-table .slider-vm {
	    display: block;
	    /* vertical-align: middle; */
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    margin-top: 130px;
	}
	.slide_menu {
	    /* position: absolute; */
	    position : relative;
	    width: 80%;
	    text-align: center;
	    bottom:0px;
	    /* margin: 0 auto; */
	    /* bottom: 70px; */
	    /* left: 50%; */
	    /* margin-left: -40%; */
	}
	
.wrapper {padding : 0px;}
}

@media (max-width: 767px) {
	#dataList table {
		display: block;
	}
}

@media (max-width: 767px) {
	#cs_condition_help {
		width: 90%;
	    bottom: auto;
	    top:350px;
	    right: 0;
	    display: none;
	    font-size: 13px;
	}
	#help {
		right : auto;
	}
	
	div.detail {
	    font-size: 14px;
	    min-width: 350px;
	}
	
	.k-grid td {
    	white-space: initial;
	}
	
	tr.k-detail-row .k-detail-cell {
		padding-left:0px!important;
	}
	
	tr.k-detail-row .k-detail-cell .col-md-3 {
		padding-left:0px!important;
	}
	
	.mypage-check label:not(:first-child) {
		margin-right: 0px;
	}
	
	.search-header input[type="checkbox"]+label {
   	 	font-size: 13px;
	}
	.log-wrapper {
		width:95%;
		margin : 0 auto;
	}
	
	.log-wrapper .logListWrap .col-lg-12 {
		padding:0px!important;
	}
	

	#log {
		font-size:13px;
	}
	

	
	#cs_payout_help {
	    max-width:300px ;
	    left: 0;
	    display: none;
	      top:30px;
    	bottom:auto;
	    font-size: 16px;
	}
	
	#cs_place_help {
	    width: 95%;
	    left: 0;
	    display: none;
	    bottom:auto;
	    top:200px;
	    font-size: 16px;
	}
	#cs_tax_help {
		left: 0;
		width:300px;
		font-size:14px;
		top:80px;
		bottom:auto;
	}
	
	
	.right {
		float:none;
	}
	.no-padding-right {
		padding:0px;
	}
	.cs-car-info {
	    border: none;
	}
	
	.payout_seperator {
		border:none;
	}
	.k-grid td {
    	font-size: 13px;
	}
	#dataList .k-grid td {
	    border-style: solid;
	    border-width: 0 0 0 1px;
	    padding: .1em .1em;
	    overflow: hidden;
	    line-height: 1.6em;
	    vertical-align: middle;
	    text-overflow: ellipsis;
	    font-size: 12px;
	}
	#dataList .k-filter-row th, .k-grid-header th.k-header {
		font-size:12px;
		font-weight:700;
	}
	.output_dateWrap {
		margin-top:135px;
	}
	.sm-no-padding {
		padding:0px!important;
	}
	
	#check_admin + label, #check_favorite + label {
		margin-left:5px;
	}
	.current-page .price_degree, .condition-page .price_degree {
		margin-top:45px;
	}
    .condition-page .price_degree {
		margin-top:105px;
	}
	.vheader .wrapper {
	    margin-top: 60px;
		padding:3px;
	}
	.faq-page .wrapper, .notice-page .wrapper, .news-page .wrapper {
	    margin-top: 10px;
	}
	
	.sign-process h4 {
	    display:none;
	}

	#agreement-section input[type="text"] {
		margin-bottom:10px;
	}
	
	
	#select_option .col-sm-6 {
		margin-bottom:35px;
	}
	#select_option .cell {
		height:auto;
	}
	.detail-combo-header .k-dropdown-wrap {
	    width: 100%;
	}
	#help_accident, #c_help_accident {
	    width: 100%;
	    bottom:-160px;
		left: 0px;
		display: none;
	}
	#help_accident td, #help_accident tr, #help_accident th , #c_help_accident td, #c_help_accident tr, #c_help_accident th{
		font-size:12px;
	}
	#optionList {
	    left:0%;
	    display: none;
	}

	.output-footer {
		font-size:11px;
	}
	.btn-cal {
		margin-bottom:20px;
	}
	
	.xs-padding {
		padding-right : 15px;
		padding-left : 15px;
	}
	
	.visible-xs-block {
		margin-top:10px;
	}
	#colorList {
	    left:0%;
	    display: none;
	}
	.circle-wrap{
		/*padding: 0px!important;*/
	}
	.cirle-panel{
		width: 100%;
	}

	.info_tab {
	    padding-right: 15px!important;
	    padding-left: 15px!important;
	    font-size:13px !important;
	}

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

	.faq-page #dataList .k-grid-header th.k-with-icon .k-link {
		margin-right: 0px!important;
	}
	.faq-page #dataList .k-header>.k-grid-filter {
		float: none!important;
		padding: 0px!important;
	}

	.board_content {
		padding-left : 0px;
		padding-right : 0px;
		font-size : 14px;
	}

	.boards .info-name {
		font-size: 1.1em;
	}

  #logo{
    display: inherit;
    top:5px;
  }
  .navbar-right{
    display: inherit;
  }

  .footer-bottom div div{
    text-align: center;
    padding-bottom: 10px;
  }

  .current-select
  {
      margin-top: 30px;
      float: none;
      width: 20%;
  }
  .selectFrame{
    margin-bottom: 30px;
    text-align: center;
  }
  .current-select select,  .current-select input{
      width: 85%;
    margin-top: 20px;
  }
  .navbar-default {
      background-color: #000;
  }
  .slider-banner .slider-table .slider-vm h1 {
      color: #fff;
      font-size: 22px;}
  .slider-banner .slider-table .slider-vm p {

      margin-bottom: 5px;
      font-size: 14px;

  }
  .btn-lg {
      padding: 10px 15px;
  }
  .slider-banner .slides img{ height:450px;}
  .main-slider .flex-direction-nav a {

      font-size: 14px;
    width: 9px;
  }
  #infoManage, #passwordChange, #widthdraw {
    font-size: 15px;
  }

  .logListWrap .k-header {
    font-size:13px;
  }
  div.k-grid td {
    font-size:13px;
  }
  div.detail {
    font-size:12px;
  }
  .favorite-header li a {
    font-size: 13px;
  }
  .info-header li a {
    font-size: 13px;
  }

  .k-grid-content tr td {
    white-space:initial;
  }

  .focus-info, .focus-info-lg {
    font-size: 14px;
  }

  .focus-info-lg {
    width:240px;
  }
  .content-box-text {

      margin-bottom: 35px;
  }
  .h1, h1 {
      font-size: 26px;
  }
  .page-header {
    font-size:32px;
    margin-top:10px;
  }
  .inner {
      margin-bottom: 20px;
  }
  .team .team-img {

      background-size: 100%;

      margin-bottom: 20px;
  }
  .mouse-down {

      bottom: 30px;}
    .parallax-text {

      font-size: 27px;
      line-height: 42px;

  }
  .counter-section {
      width: 100%;
      min-height: 300px;
      padding-top: 100px;}
    .footer-widget-social ul {
      text-align: center;     padding: 0;}
  .footer-widget-social a {

      border-radius:50%;

      font-size: 14px;
      line-height: 15px;
      padding: 8px;

      width: 30px;
      height: 30px;


  }
  .back-to-top {

      bottom: 15px;
      right: 15px;

      width: 40px;
      height: 40px;




      font-size: 13px;

      border-radius:50%;
  }
  .navbar-default .navbar-nav>li>a {
    color: #fff;
    height: 62px;
    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: 900;
    background-color: #3ec0e6;
    height: 62px;
    line-height: 40px;
    border-bottom: 2px solid #3ec0e6;
  }
}

@media (min-width:460px) and (max-width: 767px) {
			img.page-header {
		max-width:45px;
	}
	.head-text p {
		margin:0px!important;
		max-width:300px;
		font-size:15px;
		line-height:1.3em;
	}

	
	
	canvas{
		width: 100%;
		height: auto;
	}
	
	#sp_circle_chart canvas {
		width:150px!important;
		height:150px!important;
	}
	#cond_circle_chart canvas {
		width:150px!important;
		height:150px!important;
	}
	
	.circle-wrap{
		padding: 0px!important;
	}

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

	/* .col-sm-3.col-xs-12{ width:50%; float:left}
	.col-sm-4.col-xs-12{ width:50%; float:left} */
	.navbar-default .navbar-nav>li>a {
	    color: #fff;
	    height: 62px;
	    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: 900;
	    background-color: #3ec0e6;
	    height: 62px;
	    line-height: 40px;
	    border-bottom: 2px solid #3ec0e6;
	}
}
@media (max-width: 480px) {
	.result_table {
		height:auto;
  }
  
  .regidate_search {
    float: left;
  }

	.cs-car-info p {
		font-size: 14px;
	}
	
		img.page-header {
		max-width:45px;
	}
	
	g text {
		font-size:10px!important;
	}
	
	#massWrap .k-grid td {
		font-size:10px!important;
	}
	
	#massWrap .k-grid-header table thead tr:last-child th {
		font-size:10px!important;
	}
	.xs-no-padding {
		padding:0px!important;
	}
	
	.mypage-header
	{
		margin-left:0px;
		margin-top:5px;
		font-size:1.0em;
		color:#2b2b2b;
		display:block;
	}
	
	.all_check.responsive {
	height:100px;
	font-size:15px;
}

	.login-search a {
		font-size:14px;
	}
	.login-wrap {
		padding : 0px;
	}

	.head-text p {
		margin:0px!important;
		max-width:270px;
		font-size:15px;
		line-height:1.3em;
	}
	#sp_circle_chart canvas {
		width:150px!important;
		height:150px!important;
	}
	#cond_circle_chart canvas {
		width:150px!important;
		height:150px!important;
	}
	canvas{
		width: 100%!important;
		height: auto!important;
	}
	
	.circle-car{
		width: 70%;
	    display:block; margin:0 auto; margin-top:-90px;
	}
	
	
	#sp_circle_chart strong {
		position: absolute;
		top: 35px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 40px;
		font-weight: 500;
			font-size: 16px;
	}
	
	#sp_circle_chart span {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 40px;
		font-size: 17px;
	}
	
	#cond_circle_chart strong {
		position: absolute;
		top: 35px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 40px;
		font-weight: 500;
			font-size: 16px;
	}
	
	#cond_circle_chart span {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 40px;
		font-size: 17px;
	}
	
	.circle strong {
		position: absolute;
		top: 15px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 40px;
		font-weight: 500;
			font-size: 12px;
	}

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

@media (max-width: 350px) {
	#sp_circle_chart canvas {
		width:150px!important;
		height:150px!important;
	}
	#cond_circle_chart canvas {
		width:150px!important;
		height:150px!important;
	}
	canvas{
		width: 100%!important;
		height: auto!important;
	}
	.price-wrap span:last-child {
	    font-size: 1.8em; 
	    font-weight: 900;
	    padding-left: 15px;
	}
	.circle-wrap{
		padding: 0px!important;
	}
	.circle-car{
		width: 70%;
	    display:block; margin:0 auto; margin-top:-50px;
	}
	.circle strong {
		position: absolute;
		top: 15px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 40px;
		font-weight: 500;
			font-size: 12px;
	}

	.head-text p {
		max-width:210px;
	}

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

@media (min-width:768px) and (max-width: 992px) {
	#help {
		right : auto;
	}
	.payout_seperator {
		border:none;
	}
	ul li ul.dropdown_menu {
	    padding: 7px 0px;
	    position: absolute;
	    left: -75px;
	    width: 205px;
	    font-size:12px;
	}
	.dropdown_menu {
    	left: -163%;
	}
	
	.k-grid td {
    	font-size: 13px;
	}
	
.resultList_sample .model-info-head{
	font-size:15px;
	
}	
	#help_accident {
    bottom: -30px;

	}
.navbar .nav>li>a {

    padding: 10px 4px;
	font-size: 11px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    height: 73px;
    line-height: 54px;
	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: 900;
    background-color: #3ec0e6;
    height: 73px;
    line-height: 54px;
    border-bottom: 2px solid #3ec0e6;
}
}

@media (min-width:992px) and (max-width: 1200px) {
	.navbar .nav>li>a {
	
	    padding: 10px 4px;
		font-size: 13px;
	}
	.navbar-default .navbar-nav>li>a {
	    color: #fff;
	    height: 73px;
	    line-height: 46px;
		border-bottom: 2px solid transparent;
	}
	ul li ul.dropdown_menu {
	    padding: 10px 0px;
	    position: absolute;
	    left: -75px;
	    width: 205px;
	    font-size:12px;
	}
	
	.payout_seperator {
		border:none;
	}
	.price_bar {
		height:66px;
	}
	
}