@charset "utf-8";
.drv_box img{font-size: 0;line-height: 0;}
.hop_wrap{position:fixed;top:50%;z-index:999;margin-top: -375px;left: 0;right: 0;display: none;}
.hop_dimm {display:block; position: fixed; background: rgba(25, 25, 25, 0.8); z-index:1; left: 0; top: 0; right: 0; bottom: 0; }
body.fixed {position:absolute;width:100%; height:100%; overflow:hidden;}
body.fixed .hop_wrap{display: block;}

body.fixed #fixed-top{z-index: 0;}
body.fixed #sb-site.top-padding,body.fixed .containers{position: static;}

.drv_box{width: 979px;height: 769px;margin: 0 auto;background-color: #fff;overflow: hidden;}
.drv_tit_Wrap{position: relative;margin: 24px 24px 0;height: 73px;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.drv_tit{float: left;}
.drv_tab{float: right;padding-top: 28px;overflow: hidden;width: 220px;}
.drv_tab a{float: left;width: 110px;height: 35px;display: block;background-repeat: no-repeat;background-position: 0 0;font-size: 0;text-indent: -999em;}
.drv_tab a#tab1{background-image: url(../img/drv/drv_tab_1.png);}
.drv_tab a#tab2{background-image: url(../img/drv/drv_tab_2.png);}
.drv_tab a#tab1.active,
.drv_tab a#tab1:hover{background-image: url(../img/drv/drv_tab_1_o.png);}
.drv_tab a#tab2.active,
.drv_tab a#tab2:hover{background-image: url(../img/drv/drv_tab_2_o.png);}


.btn_close_hop {border: none;position:absolute;right:0;top:0;display:block;width:27px;height:27px;background:url(../img/drv/drv_x.png) center no-repeat;overflow:hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;}
.btn_close_hop span{display: none;}
.drv_wrap{overflow: hidden;text-align: center;clear: both;display: none;}
.drv_wrap.active{display: block;}
.drv_slider_for{text-align: center;font-size: 0;line-height: 0;padding: 22px 24px;background: url(../slick/ajax-loader.gif) 50% 50% no-repeat;overflow: auto;}
/* .drv_slider_for .slick-slide img{font-size: 0;display: block;margin: 0 auto;width: 931px;height: 446px; } */

.drv_slider_for .slick-slide {overflow: hidden}
.drv_slider_for .slick-slide img{font-size: 0;display: block;margin: 0 ;width:auto;height: auto;max-width: 100%; }
/* .drv_slider_for .slick-slide img:first-child{float: left;}
.drv_slider_for .slick-slide img:last-child{float: right;} */

.drv_slider_nav{overflow: hidden;border: 1px solid #ccc;padding: 25px 0 25px 22px;position: relative;background: #f0f0f0 url(../slick/ajax-loader.gif) 50% 50% no-repeat;}
.drv_slider_nav .slick-list,
.drv_slider_nav .slick-slide{height: 133px;}
.drv_slider_nav .slick-slide img{font-size: 0;display: block;margin: 0;width: 182px;height: 133px; opacity: 0.4;}
.drv_slider_nav .slick-slide{background-color: #999;margin-right: 10px;width: 181px !important }
.drv_slider_nav .slick-slide.slick-current img{opacity: 1;}

.drv_slider_nav .slick-prev, .drv_slider_nav .slick-next {top: 70px;width: 32px;height: 32px;background-repeat: no-repeat;background-position: center  ;background-color: #FFF;border: 1px solid #CCC;position: absolute;z-index: 9;}
.drv_slider_nav .slick-prev{background-image: url(../img/drv/aro_1.gif);left: -1px;}
.drv_slider_nav .slick-next{background-image: url(../img/drv/aro_2.gif);right:-1px ;}
.slick-slider .slick-track .slick-track,
.slick-slide {display: none;}
.slick-slide:first-child {display: block;}
.slick-initialized .slick-slide {display: block; }
.slick-dots{bottom:0}

@media screen and (max-width:980px) {
.drv_box{width: 92%;height: auto;}
.drv_tit_Wrap{height: auto;}
.drv_tit,.drv_tab{float: none;}
.drv_tab{padding-top: 15px;padding-bottom: 15px;}
.drv_tit img{height: 0;width: 0;display: none;}
.drv_tit::before{content:  "T자 주차코스";font-size: 30px;display: block;font-weight: 800;}
/*
.drv_slider_for .slick-slide img:first-child,
.drv_slider_for .slick-slide img:last-child{float: none;max-width: 100%;} */
}