@charset "utf-8";
/* SHINING 독립 사용 */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

/* COMMON CHANGE COLOR - 검색기능 컬러 일괄 변경은 여기서 수정하세요 */
.chg_font_color {color:#ba0003!important}
.chg_border_color {border-color:#ba0003!important}
.chg_bg_color {background-color:#ba0003!important}

/* head 전체 100% 혹은 min-width 사용 */
#sh_hd {z-index:10;position:relative;min-width:1070px;border-top:5px solid #343434} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper {position:relative;margin:0 auto;padding:0;width:1070px;zoom:1}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* 메인,서브 비주얼이미지 */
#sh_container {position:relative;min-width:1070px;z-index:0;zoom:1}
#sh_container:after {display:block;visibility:hidden;clear:both;content:""}
#sh_container_wrapper{position:relative;min-width:1070px;margin:0 auto;zoom:1}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#sh_container_wrapper_sub{position:relative;width:1070px;margin:0 auto;zoom:1}
#sh_container_wrapper_sub:after {display:block;visibility:hidden;clear:both;content:""}

/* 사이드(서브)메뉴 float:left;선택 단 content 와 같은 방향 X */
#sh_aside {float:left;margin:0;width:220px}

/* 컨텐츠 본문 영역 */
#sh_content {z-index:4;position:relative;float:right;padding:0;width:820px;min-height:500px;margin:95px 0 60px 0;height:auto !important;height:500px;line-height:1.5em;color:#666;zoom:1}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit {margin-bottom:40px;overflow:hidden}
#sh_content #sh_content_tit:after {clear:both}
#sh_content #sh_content_tit h3 {float:left;padding:0;font-size:30px;font-weight:bold;line-height:1em;color:#333333;letter-spacing:-0.05em}
#sh_content #sh_content_tit span {float:right;margin-top:12px;background:url('/sh_page/img/sub_home.png') 0 3px no-repeat;padding-left:17px}

/* 하단 */
#sh_ft {z-index:10;position:relative;min-width:1070px;border-top:1px solid #ebebeb;background:#fff} 
#sh_ft_wrapper {position:relative;margin:0 auto;padding:32px 0 44px;width:1070px;zoom:1;text-align:left;line-height:140%;font-size:13px;color:#919191}
#sh_ft_wrapper #address{float:left}
#sh_ft_wrapper #address .img{margin-top:10px}
#ft_logo {float:left;padding-right:40px}
#sh_ft_icon {position:absolute;right:0px;top:0px;height:100%;background:#ebebeb;padding:32px 25px}
#sh_ft_icon .tit{font-weight:700;font-size:17px;color:#333}
#sh_ft_icon .num{margin:13px 0 15px;font-size:36px;color:#ba0003;letter-spacing:-0.4px;font-family:'notokr-bold',sans-serif}
#sh_ft_icon .txt{margin-bottom:15px;font-size:14px;color:#666;letter-spacing:-0.4px}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 




/********************* 메인화면 시작 *********************/
.clear {clear:both;}

/* 메인 컨텐츠영역 */
#main_banner_area{overflow:hidden;width:100%}
#main_banner {position:relative;width:2000px;margin-left:-1000px;left:50%;z-index:0}

/* 5가지 특장점 */
#idx_ico {position:absolute;width:1070px;height:53px;margin:-75px 0 0 -535px;left:50%;  background:#fff;opacity:0.8;filter:alpha(opacity=80)}
#idx_ico li {float:left;padding:0 32px;text-align:center;font-size:13px;line-height:53px;font-weight:bold;color:#525252;border-right:1px solid #cbcbcb}
#idx_ico li img {margin-right:5px;}
#idx_ico li.last {border-right:none}

#main_bar {height:60px;line-height:60px;width:1070px;margin:0 auto;}
#main_bar:after {display:block;visibility:hidden;clear:both;content:""}
#main_bar > div {float:left;}
#main_bar > div > h4 {float:left;margin-right:20px;font-size:20px;font-weight:bold;color:#fff;letter-spacing:-0.8px}

/* 고객센터 */
#main_bar #b01 p.tel {float:left;padding-top:16px;font-size:28px;font-weight:bold;line-height:25px;color:#fff;letter-spacing:-0.8px;}
#main_bar #b01 {width:310px;margin-right:20px;background:url(/sh_img/index/b01_bg.png) no-repeat right center}

/* 빠른 상담 신청 */
#main_bar #b02 {float:right;width:740px}



#idx_box{width:100%;margin:37px auto 30px;overflow:hidden}
#idx_box .left{float:left}
#idx_box .left .banner01{clear:both}
#idx_box #m01, #idx_box #m02, #idx_box #m03 {float:left;position:relative;height:135px;margin-right:7px;padding:34px 25px;overflow:hidden}
#idx_box #m01, #idx_box #m02 {width:204px;margin-bottom:7px}
#idx_box #m01 h4, #idx_box #m02 h4 {float:none}
#idx_box #m01 h4 span, #idx_box #m02 h4 span {font-weight:normal}
#idx_box > div span.more {float:right}
#idx_box > div h4 {float:left;color:#fff;font-size:20px;font-weight:bold;letter-spacing:-0.8px}
#idx_box .last {margin-right:0 !important}


#idx_box #m01 p.txt {padding-top:15px;font-size:14px;color:#dcdcdc;line-height:1.4em}
#idx_box #m01 .more_btn {display:inline-block;background:#fff;margin-top:24px}
#idx_box #m01 .more_btn:hover{background:#ba0003}
#idx_box #m01 .more_btn a {display:block;color:#333;font-weight:bold;padding:7px 27px}
#idx_box #m01 .more_btn a:hover {color:#f5f5f5}

/* 이용요금 안내 */
#idx_box .m0101 {background:url('/sh_img/index/m01_bg.png') no-repeat 177px 118px #343434;}


/* 장기렌트카 대여안내 */
#idx_box .m0102 {background:url('/sh_img/index/m02_bg.png') no-repeat 183px 118px #555;margin-right:8px}


/* 차량견적문의 */
#idx_box #m03 {width:218px;background:#fff;border-top:2px solid #bc080b;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6}
#idx_box #m03 h4 {color:#ba0003;}
#idx_box #m03 h4 span {font-weight:normal;color:#303030}




/* HD 렌트카 BEST CAR */
#idx_box #m05 {overflow:hidden;clear:both;padding-top:20px}

/*특별한 혜택*/
#service{width:1070px;margin:0 auto}
#idx_box #service h4{float:none;margin:30px 0 20px;font-weight:400;font-size:26px;color:#333;letter-spacing:-0.6px}
#idx_box #service h4 span{font-weight:700;color:#ba0003}
#service ul{margin-bottom:30px}
#service ul:after{display:block;content:"";clear:both}
#service>ul>li{position:relative;float:left;width:20%;padding:39px 0;border:1px solid #d7d7d7;border-left:none;background:#f6f6f6;font-weight:700;font-size:17px;color:#333;letter-spacing:-0.4px;text-align:center;box-sizing:border-box}
#service>ul>li:first-child{border-left:1px solid #d7d7d7}
#service>ul>li .img{height:101px;margin-bottom:20px}
#service>ul>li .img img{border-radius:100%;box-shadow:1px 1px 5px rgba(0,0,0,0.15)}
#service>ul>li:nth-child(2) .img img{border-radius:0}
#service>ul>li:last-child:hover .over{opacity:1}
#service li .over{position:absolute;top:0;left:0;padding:29px 20px;background:#ba0003;opacity:0;transition:0.3s}
#service li .over li{position:relative;padding-left:10px;font-size:14px;line-height:27px;color:#fff;letter-spacing:-0.4px;text-align:left;}
#service li .over li:before{position:absolute;top:11px;left:0;width:3px;height:3px;background:#fff;border-radius:100%;content:""}

/*배너들*/
#idx_box .banner_aera{overflow:hidden;width:1070px;margin:80px auto 30px;}
#idx_box .banner_aera>div{float:left}
#idx_box .banner_aera .banners{margin-left:10px}
#idx_box .banner_aera .banners div a{display:block;position:relative;width:430px;padding:32px 25px;margin-bottom:9px;box-sizing:border-box;font-size:26px;line-height:32px;color:#fff;letter-spacing:-0.5px;font-family:'notokr-light'}
#idx_box .banner_aera .banners .li01 a{background:url(/sh_img/index/banner03.jpg) no-repeat}
#idx_box .banner_aera .banners .li02 a:first-child{background:url(/sh_img/index/banner04_200828.jpg) no-repeat}
#idx_box .banner_aera .banners .li02 #li02_input{position:absolute;top:calc(50% - 64.5px);right:0;width:215px;height:129px;font-size:26px;line-height:32px;color:#fff;font-family:'notokr-bold';}
#idx_box .banner_aera .banners .li03 a{margin-bottom:0;background:url(/sh_img/index/banner05.jpg) no-repeat}
#idx_box .banner_aera .banners div a span{font-family:'notokr-bold'}
#idx_box .banner_aera .banners div a:after{position:absolute;top:50%;right:25px;width:29px;height:28px;margin-top:-14px;background:url(/sh_img/index/more.png);transition:0.5s;content:""}
#idx_box .banner_aera .banners .li02 a:first-child:after{content:none;}
#idx_box .banner_aera .banners .li02 a:first-child:before{position:absolute;top:50%;left:calc(50% - 40px);width:29px;height:28px;margin-top:-14px;background:url(/sh_img/index/more.png);transition:0.5s;content:""}
#idx_box .banner_aera .banners div a:hover:after{background:url(/sh_img/index/more_on.png)}
#idx_box .banner_aera .banners .li02 a:first-child:hover:before{background:url(/sh_img/index/more_on.png)}

/*견적문의*/
#inquiry_area{width:100%;padding:50px 0;background:url(/sh_img/index/inquiry_bg.jpg) right center no-repeat}
#inquiry_area .cont_area{overflow:hidden;width:1070px;margin:0 auto;}
#inquiry_area .cont_area>div{float:left;width:50%}
#inquiry_area .box_area dl{position:relative;float:left;width:50%;height:192px;padding:25px 0 0 25px;box-sizing:border-box;color:#fff}
#inquiry_area .box_area .red{background:#ba0003}
#inquiry_area .box_area .li02{background:url(/sh_img/index/main_icon_bg01.jpg)}
#inquiry_area .box_area .li03{background:url(/sh_img/index/main_icon_bg02.jpg)}
#inquiry_area .box_area dl:after{position:absolute;bottom:20px;right:20px;width:56px;height:64px;content:""}
#inquiry_area .box_area .li01:after{background:url(/sh_img/index/main_icon01.png)}
#inquiry_area .box_area .li02:after{background:url(/sh_img/index/main_icon02.png)}
#inquiry_area .box_area .li03:after{background:url(/sh_img/index/main_icon03.png)}
#inquiry_area .box_area .li04:after{background:url(/sh_img/index/main_icon04.png)}
#inquiry_area .box_area dt{margin-bottom:8px;font-size:20px;letter-spacing:-0.6px;font-family:'notokr-bold'}
#inquiry_area .box_area dd{font-size:15px;line-height:24px;letter-spacing:-0.6px;font-family:'notokr-regular'}
#inquiry_area .inquiry{padding-left:29px;box-sizing:border-box}
#inquiry_area .inquiry .tit{overflow:hidden;margin:25px 0 8px}
#inquiry_area .inquiry h4{float:left;font-size:20px;color:#333;letter-spacing:-0.6px;font-family:'notokr-bold'}
#inquiry_area .inquiry .tel{position:relative;float:right;margin-top:-3px;padding:0 30px 0 20px;font-size:30px;color:#ba0003;line-height:30px;letter-spacing:-0.6px;font-family:'notokr-bold';}
#inquiry_area .inquiry .tel span{font-size:20px}
#inquiry_area .inquiry .tel:before{position:absolute;top:25%;left:0;width:14px;height:15px;margin-top:-6.5px;background:url(/sh_img/index/main_tel.png);content:""}
#inquiry dt{display:none}
#inquiry dl{overflow:hidden}
#inquiry dd{float:left;margin:0 10px 10px 0}
#inquiry dd:last-child{margin:0}
#inquiry dd .main_input{width:161px;height:48px;padding:0 0 0 12px;box-sizing:border-box;border:1px solid #dcdcdc;font-size:15px;line-height:48px;color:#666;letter-spacing:-0.4px;font-family:'notokr-regular'}
#inquiry dd .main_input:focus,#inquiry dd textarea:focus{outline:none;border-color:#ba0003}
#inquiry dd textarea{width:505px;height:96px;padding:13px 12px;box-sizing:border-box;border:1px solid #dcdcdc;font-size:15px;line-height:24px;color:#666;letter-spacing:-0.4px;font-family:'notokr-regular'}
#inquiry .sub_btn{width:505px;height:48px;margin-top:7px;border:none;background:#333;font-size:15px;line-height:48px;color:#fff;text-align:center;letter-spacing:-0.4px;transition:0.3s;cursor:pointer;font-family:'notokr-medium'}
#inquiry .sub_btn:hover{background:#ba0003}
#inquiry div{overflow:hidden;margin-top:3px;font-size:14px;color:#666;letter-spacing:-0.3px;font-family:'notokr-regular'}
#inquiry div a{float:left}
#inquiry .agr{float:right;padding-right:30px}