@cate_color : #94558e; /* 리스트 */ #header { border-bottom: 2px solid @cate_color; } #shopping_list .tab3 li.active a { color: @cate_color; } #shopping_list .list_box { background-color: #FFF; margin-top: 20px; border: 1px solid #DDD; float: left; padding: 10px; width: 100%; } #shopping_list .list_box .thumb { width:40%; height:185px; background-position:center; background-size:cover; background-repeat:no-repeat; float:left; } #shopping_list .list_box .info { float: left; font-size: 12px; padding: 0px 10px; overflow: hidden; position: relative; height: 185px; width:60%; } #shopping_list .list_box .info h1 { font-weight: bold; font-size: 16px; margin: 0px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #shopping_list .list_box .info .price { text-align: right; line-height: 40px; margin-top: 15px; font-weight: bold; position: absolute; bottom: 0px; right: 10px; } #shopping_list .list_box .info .price .rate { font-size: 20px; font-weight:bold; color: #d31212; } #shopping_list .list_box .info .price .rate b { font-size: 30px; color: #d31212; } #shopping_list .list_box .info .price .before { font-size: 14px; color: #AAA; text-decoration: line-through; margin: 0px 5px; } #shopping_list .list_box .info .price .now { font-size:20px; color:#000; } #shopping_list .list_box .info div { display:block; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; } #shopping_list .list_box .info .regidate { color: #777; } #shopping_list .list_box .info .view { color: #ff4545; } #shopping_list .list_box .coupon { background-color: #f7f7f7; border: 1px solid #DDD; padding: 10px; border-radius: 10px; float: left; width: 100%; font-size: 14px; margin-top: 15px; } #shopping_list .list_box .coupon h1 { color: @cate_color; font-size: 14px; font-weight: bold; margin: 0px; padding-left: 5px; } #shopping_list .list_box .coupon li { background-color: #FFF; padding: 5px; float: left; display: block; width: 100%; margin-bottom: 5px; } #shopping_list .list_box .coupon li a span.mini { color: #FFF; background-color: @cate_color; width: 100px; border-radius: 5px; display: block; text-align: center; float: left; margin-right: 10px; } #shopping_list .list_box .coupon li a span { color: @cate_color; font-weight:bold; float:left; display:block; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:calc(100% - 130px); } /*---------------------------------------------------- 뷰페이지 개별 ----------------------------------------------------*/ /* 썸네일 마우스 오버 */ #shopping_view .viewpage ul li:hover { border: 3px solid @cate_color; } /* 탭메뉴 링크 색 */ #shopping_view .viewpage_tab h3 { color: @cate_color; } #shopping_view .viewpage_tab div.tab4 a { color: @cate_color; } #shopping_view .viewpage_tab div.tab4 a:hover { color: @cate_color; } #shopping_view .viewpage_tab div.tab4 a:focus { color: @cate_color; } /* 설명제목 */ #shopping_view .viewpage_info .detail h1 { color: @cate_color; } /* 테이블 제목 */ #shopping_view .tabContainer .table tr th span { color: @cate_color; } #shopping_view .tabContainer .table tr th { background-color: #fafafa; } /* 테이블 문단 */ #shopping_view .tabContainer .table tr td span { color: @cate_color; float: left;} #shopping_view .tabContainer .table tr td:nth-child(2) { background-color: white; width: 60%;} #shopping_view .tabContainer .table tr:nth-child(2) { background-color: #fafafa; } /* 프린트 버튼 */ #shopping_view .viewpage_info .btn_print { color: @cate_color; margin-top: 50px; } /* 예약버튼 */ #shopping_view .viewpage_info .btn_reservation { background-color: @cate_color; border: 1px solid @cate_color; margin-top: 50px;}