﻿@import "webfont.css";

body,html{height:100%;font-size:16px}
*,:after,:before{box-sizing:border-box}
* {font-family:bmwtypli,'Malgun Gothic',Arial,Helvetica,Roboto,sans-serif;}
body {font-family:bmwtypli,'Malgun Gothic',Arial,Helvetica,Roboto,sans-serif;}
body{background:#fff;color:#262626;padding:0;margin:0;font-style:normal;line-height:150%;position:relative;cursor:default;-webkit-font-smoothing:antialiased;}
.row{max-width:79.6875rem;padding:0 37.5px 0 37.5px; margin:0 auto}   /*  1200px +padding 75px */
.font17 {font-size:17px;font-weight:400}
.pad-75 {padding:7.5px;}

/*#mainbody {min-height:485px;}*/

#topnav .nav a {font-family:bmwtypbo,'Malgun Gothic',Arial,Helvetica,Roboto,sans-serif;}

#topmsg div { font-family: bmwtypbo, bmwtypli,'Malgun Gothic',Arial,Helvetica,Roboto,sans-serif;}

.notice-main {font-family:bmwtypli,'Malgun Gothic',Arial,Helvetica,Roboto,sans-serif;font-size:14px;}
.notice-main-header {font-family:bmwtypbo;font-weight:bold;}

/*footer*/
.custom-ft { background-color:#8e8e8e;border-color:#8e8e8e; padding-bottom:16px;padding-top:16px;margin-top:20px;}
.custom-ft .custom-ft-text { color:#fff; }
.custom-ft-hr {border-color:#bbb;margin-top:11px;margin-bottom:11px;}
.custom-ft a { color:#fff; }
.custom-ft a:hover, .custom-ft a:active, .custom-ft a:focus { color:#0653B6;background-color: transparent; }

/* re-defined */
.navbar {margin-bottom:0;}
.navbar-default {background-color:#8e8e8e;border-color:#8e8e8e;}
.navbar-default .navbar-brand {color: #fff;padding:5px;}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {color: #0653B6;background-color: transparent;}
.navbar-default .navbar-text {color: #fff;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #0653B6;background-color: transparent;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {color: #0653B6;background-color: transparent;}
.navbar-default .navbar-nav > .disabled > a,.navbar-default .navbar-nav > .disabled > a:hover,.navbar-default .navbar-nav > .disabled > a:focus {color: #fff;background-color: transparent;}
.navbar-default .navbar-toggle {  border-color: #fff;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {  background-color: #8e8e8e;}
.navbar-default .navbar-toggle .icon-bar {  background-color: #fff;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {  border-color: #8e8e8e;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {  color: #1c69d4;  background-color: transparent;}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #0653B6;background-color: transparent;}
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #0653B6;background-color: transparent;}
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #fff;background-color: transparent;}
}
.navbar-default .navbar-link {color: #fff;}
.navbar-default .navbar-link:hover {color: #0653B6;}
.navbar-default .btn-link {color: #fff;}
.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {color: #0653B6;}
.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus {color: #fff;}

/* ------ panel-info 재정의  ------ */
.panel{-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);box-shadow: 0 1px 1px rgba(0, 0, 0, 0);border-radius:0;}
.panel.panel-no-border{border: none;}
.panel-body.full{padding: 0px;}
.panel-footer{background-color: #F5F7FA;border-top: 1px solid #E0E3E9;font-size:12px;}
.panel-heading, .panel-footer, .panel-body {border-radius:0;}
.panel-heading.lg{padding-top: 20px;padding-bottom: 20px;}
.panel-no-border .panel-footer{background-color: #F5F7FA;border-top: none;}
.panel.with-nav-tabs .panel-heading{padding: 5px 5px 0 5px;}
.panel.with-nav-tabs .nav-tabs{border-bottom: none;}
.panel.with-nav-tabs .nav-justified{margin-bottom: -1px;}
.panel-heading{position: relative;}
.panel-heading .right-content{position: absolute;right: 5px;top: 5px;}
.panel-heading .right-content .btn{padding: 3px 5px;}
.with-nav-tabs .panel-heading .right-content .btn{padding: 5px 8px;}
.with-nav-tabs .panel-heading .right-content{right: 10px;top: 8px;}
.icon-collapse{padding: 6px 8px;font-size: 12px;}
a.block-collapse{display: block;text-decoration: none;color: #656D78;padding: 10px 15px;margin: -10px -15px;}
	 
.panel-info{border-color: #0a2972;margin-top:0px;margin-bottom: 0px;}
.panel-info > .panel-heading{color: #fff;background-color:#004282;border-color: #0a2972;}
.panel-info > .panel-heading + .panel-collapse .panel-body{border-top-color: #0a2972;}
.panel-info > .panel-footer + .panel-collapse .panel-body{border-bottom-color: #0a2972;}
.panel-info.panel-block-color > .panel-footer{color: #fff;background-color: #525051;border-top: none;}
.panel-info.panel-block-color > .panel-body.bg-info{background-color: #fff;}
.with-nav-tabs.panel-info .nav-tabs > li > a,.with-nav-tabs.panel-info .nav-tabs > li > a:hover,.with-nav-tabs.panel-info .nav-tabs > li > a:focus{color: #fff;font-size:15px; padding:7px 15px;}
.with-nav-tabs.panel-info .nav-tabs > .open > a,.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,.with-nav-tabs.panel-info .nav-tabs > li > a:hover,.with-nav-tabs.panel-info .nav-tabs > li > a:focus{color: #525051;background-color: #fff;border-color: #fff;font-size:15px;}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus{color: #525051;background-color: #fff;border-color: #0a2972;border-bottom-color: transparent;font-size:15px;}
/* ------ panel-info 재정의  ------ */

.content-body { margin-top:40px; }


.form-item {list-style:none;margin:0;padding:0;display:inline-block;}
.form-item li {list-style: none;margin: 0;padding: 0;float: left;}
.form-item li.item-title {font-size:16px;margin-right:10px;}
.form-item li.item-title span {display:inline-block;font-size:16px;padding-top:5px;}
.form-item li.item-control {margin-right:20px;}


/* bmw box */
.ds2-basic-teaser{margin-bottom:75px}
.ds2-basic-teaser:active,.ds2-basic-teaser:focus,.ds2-basic-teaser:hover{cursor:pointer}
@media only screen and (min-width:981px){.ds2-table--headline .ds2-footnote{top:-28px} .ds2-basic-teaser{margin-bottom:90px} }
.ds2-basic-teaser .ds2-slider{margin-right:0;margin-left:0}
.ds2-basic-teaser .ds2-cms-output{color:#262626}
.ds2-basic-teaser .ds2-button--offer{margin-bottom:0}
.ds2-basic-teaser .ds2-button--area{margin-bottom:15px}
.ds2-basic-teaser .ds2-linklist--item:last-child{margin-bottom:9px}
.ds2-basic-teaser .ds2-disclaimer{margin-top:15px}
.ds2-basic-teaser .ds2-disclaimer--list{margin-bottom:13px}
.ds2-basic-teaser--image{position:relative}
.ds2-basic-teaser--container{position:relative;padding:15px;border:1px solid #e6e6e6}
.ds2-basic-teaser--hiddenBorder{border:0}
.ds2-basic-teaser--image-container{margin-bottom:15px}

.ds2-basic-teaser--image-container {font-size:130px;color:#0653B6;cursor: pointer;}
.ds2-basic-teaser--image-container:hover {color:#bbbbbb;}	

.ds2-basic-teaser--content-container {text-align:left;}
.ds2-basic-teaser--title {font-size:30px;font-weight:bold;line-height: 30px;letter-spacing: -1.575px;text-align:right;}
.ds2-cms-output {font-size:14px}
.ds2-basic-teaser--menu {font-size:14px;color:#666;cursor: pointer;}
.ds2-basic-teaser--menu:hover {color:#0653b6;}	


/* custom button */
.btn-bmw-primary { 
  color: #FFFFFF; 
  background-color: #0653B6; 
  border-color: #0653B6; 
} 
 
.btn-bmw-primary:hover, 
.btn-bmw-primary:focus, 
.btn-bmw-primary:active, 
.btn-bmw-primary.active, 
.open .dropdown-toggle.btn-bmw-primary { 
  color: #FFFFFF; 
  background-color: #1C69D4; 
  border-color: #0653B6; 
} 
 
.btn-bmw-primary:active, 
.btn-bmw-primary.active, 
.open .dropdown-toggle.btn-bmw-primary { 
  background-image: none; 
} 
 
.btn-bmw-primary.disabled, 
.btn-bmw-primary[disabled], 
fieldset[disabled] .btn-bmw-primary, 
.btn-bmw-primary.disabled:hover, 
.btn-bmw-primary[disabled]:hover, 
fieldset[disabled] .btn-bmw-primary:hover, 
.btn-bmw-primary.disabled:focus, 
.btn-bmw-primary[disabled]:focus, 
fieldset[disabled] .btn-bmw-primary:focus, 
.btn-bmw-primary.disabled:active, 
.btn-bmw-primary[disabled]:active, 
fieldset[disabled] .btn-bmw-primary:active, 
.btn-bmw-primary.disabled.active, 
.btn-bmw-primary[disabled].active, 
fieldset[disabled] .btn-bmw-primary.active { 
  background-color: #0653B6; 
  border-color: #0653B6; 
} 
 
.btn-bmw-primary .badge { 
  color: #0653B6; 
  background-color: #FFFFFF; 
}


.table-result thead th { background-color:#EfEfEf; text-align:center; }
