@charset "utf-8";


#sub-container {font-family:'Nanum Gothic',sans-serif;}

#sub-visual {background:no-repeat 50% 50%;}
#sub-visual[data-menu-1st="타이어"] {background-image:url('/assets/img/mobile/sub/visual_01.jpg');}
#sub-visual[data-menu-1st="타이어 교환예약"] {background-image:url('/assets/img/mobile/sub/visual_02.jpg');}
#sub-visual[data-menu-1st="직영매장소개"] {background-image:url('/assets/img/mobile/sub/visual_03.jpg');}
#sub-visual[data-menu-1st="빅스타타이어 차별화"] {background-image:url('/assets/img/mobile/sub/visual_04.jpg');}
#sub-visual[data-menu-1st="자동차 정비"] {background-image:url('/assets/img/mobile/sub/visual_04.jpg');}
#sub-visual[data-menu-1st="커뮤니티"] {background-image:url('/assets/img/mobile/sub/visual_05.jpg');}

#sub-container .fix-layout {padding:0 .75rem;}
#sub-container .fix-in-wide {margin-left:-.75rem; margin-right:-.75rem;}

.sub-page-title {padding:5rem 0 1.75rem; text-align:center; font-family:'NanumSquare',sans-serif;}
.sub-page-title p {font-size:1.7rem; font-weight:800; color:#333333;}
.sub-page-title span {display:block; font-size:1rem; color:#898989; padding-top:.6rem;}

.btn {display:inline-block; position:relative; width:8rem; height:3.35rem; line-height:3.35rem; background:#ed1c24; color:#fff; font-size:1.2rem; font-weight:400; vertical-align:middle; text-align:center;}
.btn.btn-list {background:#5a5a5a;}
.btn.cancel {background:#cfcfcf; color:#464646;}


#car_search_area {position:relative; margin-top:1.5rem; border-top:2px solid #ee3139; background:#f6f6f6; padding:2.5rem 2.25rem; box-sizing:border-box; z-index:1; font-family:'NanumSquare'; border-bottom:1px solid #d7d7d7;}
#car_search_area .quick-search {padding:0;}
#car_search_area .quick-search > p,
#car_search_area .detail-search > p {padding-bottom:.3rem; font-weight:600;}

#product_detail {margin-top:1.5rem;}

.list-result {margin:3rem 0 1rem; font-size:1rem; color:#898989; padding-left:.5rem; font-weight:600;}
.list-result em {color:#ff8745; font-weight:800;}

#product_list {position:relative; overflow:hidden; z-index:0;}
#product_list li + li {margin-top:1.5rem;}
#product_list li.no-data {float:none; width:auto; padding:5rem 1.5rem;}


.score {position:relative;}
.score .title {display:block; position:absolute; top:0; left:8rem; right:0; bottom:0;}
.score .title i {display:block; position:relative;}
.score .title i + i {width:10%; height:100%; float:left; border-right:1px dashed #d2d2d2; box-sizing:border-box;}
.score .title:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; border-left:1px dashed #d2d2d2; }
.score .title:after,
.score .title i + i:after {content:attr(data-index); display:block; position:absolute; font-size:.8rem; font-family:'Dotum'; color:#a3a6a9; right:-.5em; top:-1.2em;}
.score .title:after {content:"0"; right:auto; left:-.3em;}

.score ul {position:relative;}
.score ul {position:relative;}
.score li {position:relative; padding-left:8rem; height:2rem;}
.score_th {display:block; position:absolute; top:0; left:0; line-height:2rem; width:8rem; padding-left:.5rem; color:#5f5f5f; font-size:.9rem; background: url('/assets/img/html/sub/bu_dot_22_gray.gif') no-repeat 0 50%;  }
.score_bar {display:block; position:relative; width:100%; height:100%;}
.score_bar:before,
.score_bar span {display:block; position:absolute; background-color:#ef0010; height:.5rem; top:50%; margin-top:-.25rem; left:0;}
.score_bar:before {content:""; right:0; background:#e0e0e0; }

hr.line {display:block; clear:both; margin:1.5rem 0; height:1px; padding:0; border:none; background:#e6e6e6;}

#product_viewer {padding: 2.3rem .7rem;}
#product_viewer h3 {font-size:1.1; font-weight:600; margin-bottom:1.4rem; color:##4c4948;}
#product_viewer h4 {font-size:1rem; margin-bottom:15px; background: url('/assets/img/html/sub/bu_slash.gif') no-repeat 0 2px; padding-left: 15px; font-weight:600;}
#product_viewer .txt {padding-bottom:1.65rem; line-height:1.8; margin:0 0 0 .7rem;}
#product_viewer .func-view {margin:0 0 0 .7rem; overflow:hidden;}
#product_viewer .func-view li {display:block; float:left;}
#product_viewer img {height:auto !important; width:auto !important;}

#store_info {height:40.75rem; margin-bottom:16rem;}
#store_info dd .info {border:1px solid #e0e0e0;}
#store_info dl.on dt a {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #fff; z-index:1;}
#store_info .root_daum_roughmap {position:absolute; bottom:-37rem; left:0; right:0; z-index:0; width:auto !important; height:20rem;}
#store_info .root_daum_roughmap .wrap_map {height:100% !important;}
#store_info .root_daum_roughmap .wrap_controllers {display:none;}

/*#quick_reserv {display:none !important;}*/

.explain {    position: absolute;
    top: 18rem;
    width:auto !important;
    left: 0;
    border: 1px solid #ddd;
    padding: 20px;
    background: #f3f3f3;
	line-height:1.5em;
	}