@charset "utf-8";


#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:520px; min-width:1100px; overflow:hidden;}
.main_visual ul {width:100%; left:0px;top:0px; height:520px; position:absolute;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:520px;}
.main_visual li a{display:block; height:520px;}

.main_visual .pager_box {margin:0 auto; width:1100px; position:relative;  z-index:99999999 !important; position:relative;}

.main_visual .pager_box {position:absolute; left:0; bottom:0; margin-bottom:30px; width:100%; text-align:center; z-index:99999999 !important;}
.main_visual .main_pager span {display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:15px; height:15px; margin:0 5px; border-radius:15px; background:rgba(255,255,255,0.7); box-shadow:1px 0 2px rgba(0,0,0,0.3);}
.main_visual .main_pager .cycle-pager-active {width:9px; height:9px; background:rgba(255,255,255,0); border:3px solid #fff;}


/*자동차 리스트
.main_car {overflow:hidden; padding:40px 0; border-bottom:1px solid #eee;}

.main_car .brand_box {float:left; width:218px; height:178px; text-align:center; border:1px solid #eee;}

.main_car .brand_box .tabmenu {position:relative; height:49px;}
.main_car .brand_box .tabmenu li {float:left; width:109px; height:48px; line-height:48px;}
.main_car .brand_box .tabmenu li:first-child {border-right:1px solid #eee; box-sizing:border-box;}
.main_car .brand_box .tabmenu a {display:block; color:#000; font-size:13px; letter-spacing:0.5px; font-family:"Antenna" !important; border-bottom:1px solid #eee;}
.main_car .brand_box .tabmenu a:hover {background:#f8f8f8;}
.main_car .brand_box .tabmenu a.on {font-weight:bold; border-bottom:none;}

.main_car .brand_box .txt { font-size:14px; color:#999; line-height:18px; padding:20px 0;}

.main_car .brand_box .control {display:inline-block; display:none;}
.main_car .brand_box .control a {float:left; margin-left:1px; width:50px; height:30px; line-height:30px; background:#333; color:#adadad;}
.main_car .brand_box .control a:first-child {margin-left:0;}
.main_car .brand_box .control a#next {background-position:right top;}
.main_car .brand_box .control a:hover {background:#000; color:#fff;}

.main_car .car_list {float:right; width:960px;}
.main_car .car_list .common_car_list{display:none; width:100% !important;}
.main_car .car_list li {display:inline-block; width:230px; height:166px; padding:12px 0 0; text-align:center; border:1px solid #fff;  font-family:"Antenna" !important; }
.main_car .car_list a {display:block;}
.main_car .car_list .photo {display:block;}




.main_car .car_list .photo img {vertical-align:bottom; width:178px; }
.main_car .car_list .name {display:block; margin-top:7px; font-size:14px; color:#333; line-height:22px;}
.main_car .car_list .price {color:#2d96cd; font-weight:bold; font-size:16px;display:block; margin-top:7px;}
.main_car .car_list li:hover {border:1px solid #11218e;}
*/


/*자동차 리스트*/
.main_car {overflow:hidden; padding:60px 0; border-bottom:1px solid #eee;}

.main_car .brand_box {float:left; width:165px; background:#343237; height:205px; text-align:center; position:relative;}
.main_car .brand_box .photo {padding-top:20px;}
.main_car .brand_box dl {color:#fff;}
.main_car .brand_box dl dt{font-size:16px;}
.main_car .brand_box dl dd{font-size:12px;  font-family:"Antenna" !important;}
.main_car .brand_box .crown{position:absolute; left:-15px; top:-10px;}



.main_car .brand_box .txt { font-size:14px; color:#999; line-height:18px; padding:20px 0;}

.main_car .brand_box .control {display:inline-block; }
.main_car .brand_box .control a {float:left; margin-left:1px; width:50px; height:30px; line-height:30px; background:#333; color:#adadad;}
.main_car .brand_box .control a:first-child {margin-left:0;}
.main_car .brand_box .control a#next {background-position:right top;}
.main_car .brand_box .control a:hover {background:#000; color:#fff;}

.main_car .car_list {float:right; width:1000px; z-index:1; position:relative; }
.main_car .car_list .common_car_list{ width:100% !important;}
.main_car .car_list li {display:inline-block; width:155px; margin:0 5px 0; text-align:center; border:1px solid #ddd;  font-family:"Antenna" !important; }
.main_car .car_list a {display:block;}



.main_car .car_list .photo{vertical-align:bottom;  width:118px; height:118px;  overflow:hidden; margin:15px auto 0px;;}
.main_car .car_list .photo img {vertical-align:top;   -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_car .car_list li:hover {background:#f8f8f8;}
.main_car .car_list li:hover .photo img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

.main_car .car_list .info_box {padding:10px;}
.main_car .car_list .info_box .name {color:#000; font-size:16px;}
.main_car .car_list .info_box .call {color:#888; font-size:12px;}


.main_car .main_car_btn {position:absolute; width:100%; left:0px; top:82px; z-index:0;}
.main_car .main_car_btn a{float:left; width:50px; height:50px; background:url(../images/main/main_product_arrow.png) left top no-repeat;}
.main_car .main_car_btn a#main_car_prev{ margin-left:-270px;}
.main_car .main_car_btn a#main_car_next{background-position:right top; float:right; margin-right:-70px;}



/*메인영상*/
.main_movies_wrap {overflow:hidden;}
.main_movies_wrap .col {width:50%; float:left; height:300px; overflow:hidden; background-size:cover;  text-align:center; position:relative;}
.main_movies_wrap .col.right {background:url(../images/main/main_explorer.jpg) center top no-repeat; background-size: cover;}
.main_movies_wrap .col.right video{margin-top:-65px;}
.main_movies_wrap .col .bg{position:absolute;  z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.main_movies_wrap .col video{position:relative; z-index:0; }
.main_movies_wrap .col .text{position:absolute;  z-index:2; width:100%; height:100%; color:rgba(255,255,255,0.7); font-family:"Antenna" !important; line-height:300px; font-size:70px; opacity:0.6;}





/*메인 배너*/
.main_banner {padding:50px 0; overflow:hidden;}
.main_banner .main_bn {margin-left:40px; float:left;}
.main_banner a {display:block; width:580px; height:270px; overflow:hidden;}
.main_banner a:first-child {margin-left:0px;}
.main_banner a img {vertical-align:top;  width:100%;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}

.main_banner a:hover img {opacity:0.8;   -moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}



/*메인게시판 바로가기*/
.main_board {position:relative; overflow:hidden; margin-bottom:40px;}

/*바로가기*/
.main_board .qucik_btn {float:left; width:600px; height:142px; background:#f5f5f5; text-align:center;}
.main_board .qucik_btn .btn_link {float:left; width:25%; padding:35px 0 29px; display:block;}
.main_board .qucik_btn img {vertical-align:top;}
.main_board .qucik_btn .txt {display:block; font-size:14px; margin-top:10px;}
.main_board .qucik_btn .btn_link:hover {background:#eee;}
.main_board .qucik_btn .btn_link:hover .txt {color:#000;}

/*게시판*/
.board_area {float:right; width:599px; height:130px; background:#f5f5f5; padding-top:12px;}
.board_area .list_box {position:relative; margin:0 50px 0 50px; line-height:39px; height:39px; border-top:1px solid #e9e9e9;}
.board_area .list_box:first-child {border-top:none;}
.board_area .list_box dt {position:absolute; left:0; top:0; padding-left:15px; background:transparent url(../images/main/list_box_dot.gif) 3px 16px no-repeat;}
.board_area .list_box dt a {font-size:15px; color:#000;}
.board_area .list_box dt a:hover {color:#2c41d0;}
.board_area .list_box dd {padding-left:135px; }
.board_area .list_box dd a {color:#555; font-size:14px;}
.board_area .list_box dd span {float:right; color:#999; font-size:13px;}
.board_area .list_box dd:hover a {color:#000;}
.board_area .list_box dd:hover span {color:#000;}