html>/**/body{overflow-y:scroll;overflow-x:scroll;} /*ie7에서 스크롤2개생기고 배경 고정되는것 막음. 모든페이지에 스크롤 하나만 생기게 함*/
body{ 
	margin:0 auto;;
	padding:0;
}
html,body {
	margin:0 auto;;
	padding:0;

}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* General Demo Style */
body{
	font-family: 나눔바른고딕, NanumGothic, sans-serif;
	font-size: 17px;
    background-color:#212121;
}
/*.ie7 body{
	overflow:hidden;
}*/
a{
	color: #333;
	text-decoration: none;
}
.container{
	position: relative;
	text-align: center;
	margin:0 auto;
	background-color:#ffffff;
}
.clr{
	clear: both;
}


.container1 > header{
	margin:0 auto;
	position: relative;
	display: block;
	width:100%;
    text-align: center;

    border-bottom:1px solid #000000;

	height:110px;
	margin:0 auto;
}

.top1{
	width:1300px;
	height:110px;
	margin:0 auto;
	text-align: center;
    border-bottom:1px solid #000000;

}

.logo1{
	 height:110px;
	 width:344px;
     float:left;
	 margin-left:13px;
}

 .menubar1{
float:left;
width:923px;
border:none;
border:0px;
margin:0px;
padding:0px;
font-size:17px;
font-weight:900;
z-index:999999;font-weight:600;
}

.menubar1 ul{
color:#9f1f63;
list-style:none;
margin-top:53px;
padding:0;

}

.menubar1 li{
float:left;
padding-left:7px;
}

.menubar1 ul li a{
color:#ffffff;
display:block;
font-weight:normal;
line-height:57px;
margin:0px;
padding:0px 15px;
text-align:center;
text-decoration:none;
font-weight:600;
}

.menubar1 ul li a:hover{
color:#ffffff;
text-decoration:none;
font-weight:600;
}

.menubar1 ul li{
color:#ffffff;
text-decoration:none;
}


.menubar1 ul li:hover a{

text-decoration:none;
}


.menubar1 ul li a:hover{
color:#9f1f63;
text-decoration:none;
}

.menubar1 li ul{
background-color:#9f1f63;
display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:150px;
z-index:200;
color:#9f1f63;
/*top:1em;
/*left:0;*/
}

.menubar1 li:hover ul{
display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */
}

.menubar1 li li {
background-color:#000000;
display:block;
float:none;
margin:0px;
padding:0px;
width:200px;
color:#9f1f63;

}

.menubar1 li:hover li a{
background:none;
}

.menubar1 li ul a{
display:block;
height:33px;
font-size:15px;
line-height:33px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}

.menubar1 li ul a:hover, .menubar1 li ul li:hover a{
background-color:#9f1f63;
border:0px;
color:#ffffff;
text-decoration:none;
}

.menubar1 p{
clear:left;
}



.container > header{
	margin:0 auto;
	position: relative;
	display: block;
	width:100%;
    text-align: center;
	background-color:#212121;
	height:110px;
	margin:0 auto;
}

.top{
	width:1456px;
	height:110px;
	margin:0 auto;
	text-align: center;
	background-color:#212121;

}

.logo{
	 height:110px;
	 width:344px;
     float:left;
	 margin-left:13px;
}



/* 2020 menu*/
.menu {
  position: relative;
  /*height: 57px;*/
  background: #212121;
  width:100%;
  margin:0 auto;
  text-align:center;
}
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
  width:100%;
    margin:0 auto;
  text-align:center;
}
.menu > ul {
  position: relative;
  display: block;
  background: #212121;
  width: 100%;
  z-index: 500;
}
.menu:after, .menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.menu.align-right > ul > li {
  float: right;
}
.menu.align-center ul {
  text-align: center;
}
.menu.align-center ul ul {
  text-align: left;
}
.menu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
.menu > ul > #menu-button {
  display: none;
}
.menu ul li a {
  display: block;
	font-family: 나눔바른고딕, NanumGothic, sans-serif;
  text-decoration: none;
}
.menu > ul > li > a {
  font-size: 19px;
  font-weight: bold;
  padding: 15px 20px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.menu > ul > li.sub > a {
  padding-right: 32px;
}
.menu > ul > li:hover > a {
  color: #ffffff;
}
.menu li.sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.menu > ul > li.sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
.menu > ul > li:hover::after {
  border-top-color: #ffffff;
}
.menu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
.menu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
.menu ul ul li {
  position: relative;
}
.menu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
.menu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
.menu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
.menu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
.menu ul ul li a {
  width: 130px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 17px;
  color: #fff;
  background: #e8555f;
  line-height:150%;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
.menu.align-right ul ul li a {
  text-align: right;
}
.menu ul ul li:hover > a {
  background: #f2f2f2;
  color: #e8555f;
}
.menu ul ul li:last-child > a, .menu ul ul li.last > a {
  border-bottom: 0;
}
/*.menu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}*/
.menu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
.menu ul ul li.sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
.menu.align-right ul ul li.sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
.menu ul ul li.sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.menu.align-right ul ul li.sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
/* 2020 menu*/







 .menubar{
float:left;
width:1000px;
border:none;
border:0px;
margin:0px;
padding:0px;
font-size:17px;
font-weight:900;
z-index:999999;
}

.menubar ul{
background-color:#212121;
list-style:none;
margin-top:53px;
padding:0;
 -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
}

.menubar li{
float:left;
padding-left:7px;
 -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
}

.menubar li a{
background-color:#212121;
color:#ffffff;
display:block;
font-weight:normal;
line-height:57px;
margin:0px;
padding:0px 15px;
text-align:center;
text-decoration:none;
font-weight:600;
}

.menubar li a:hover, .menubar ul li:hover a{
background-color:#e8555f;
color:#ffffff;
text-decoration:none;
}

.menubar li ul{
background-color:#ffb9be;
display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:150px;
z-index:200;
/*top:1em;
/*left:0;*/
}

.menubar li:hover ul{
display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */
}

.menubar li li {
background-color:#ffb9be;
display:block;
float:none;
margin:0px;
padding:0px;
width:200px;


}

.menubar li:hover li a{
background:none;
}

.menubar li ul a{
display:block;
height:33px;
font-size:15px;
line-height:33px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}

.menubar li ul a:hover, .menubar li ul li:hover a{
background-color:#ffffff;
border:0px;
color:#e8555f;
text-decoration:none;
}

.menubar p{
clear:left;
}


.bottom1{
	width: 100%;
	margin:0 auto;
	position:fixed;
	bottom:77px;
	z-index: 999;
	right:77px;
	text-align:right;

}


.bottom11{
	width: 100%;
	margin:0 auto;
	position:fixed;
	bottom:77px;
	z-index: 999;
	right:185px;
	text-align:right;

}



.bottom1_1{
width: 100%;
	margin:0 auto;
	position:fixed;
	bottom:57px;
	z-index:99999;
	left:63px;
	text-align:left;

}


.bottom11_1{
	width: 100%;
	margin:0 auto;
	position:fixed;
	bottom:57px;
	z-index: 999999;
	left:145px;
	text-align:left;

}


.bottom111{
	width: 100%;
	margin:0 auto;
	position:fixed;
	top:150px;
	z-index:3;
	left:83px;
	text-align:left;

}


.bottom{
	width: 100%;
	margin:0 auto;
	position:fixed;
	bottom: 0;
	z-index: 999;
	background-color:#212121;
    text-align:center;
}

.bottom1_sub{
	width: 900px;
	color:#ffffff;
	margin:0 auto;
	text-align:center;
}

	  
  .bc_sub1_1_1 {
	  width:240px;
	  height:57px;
  
  }

.sp1{
	height:15px;
	width:211px;
}

.sub01_1 {
	width:240px;
	height:300px;
	background-color:#ffffff;
}


/* Media Queries */
@media screen and (max-width: 800px) {
	.container > header{
		text-align: center;
	}
	p.drveins-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}