@charset"utf-8";
/* ===============================================
Description : 메인화면 css 정의
=============================================== */

/* 이벤트롤링배너 */
.visual-area {padding-top:15px; padding-bottom:10px;background:url('/img/cmn/dot_line.gif') repeat-x 0 bottom}
.visual-area .event {position:relative;padding-bottom:40px}
.visual-area .event a {position:absolute;left:0;top:0;display:block;width:100%;height:100%;}
.visual-area .event .caption p,
.visual-area .event .caption span {display:none;font-size:0;line-height:0;text-indent:-9999px;}
.visual-area .event .carousel-indicators {bottom:0;}

/* 롤링컨트롤 */
.carousel-indicators li {width:15px;height:15px;background:#d87a1e;border:none;margin:2px;}
.carousel-indicators li.active {margin:2px;width:15px;height:15px;background:#cc831f;}
.box-control {position:absolute;right:0;top:-50px;width:54px;height:22px;background:#fff url('/img/each/dondonchon/slash.png') no-repeat 50% 0;}
/*.carousel-control {width:16px;height:22px;background:#fff;text-shadow:none;}*/
/*.carousel-control.left {background:#fff url('/img/each/dondonchon/btn_prev.png') no-repeat 0 0;filter:none;}*/
/*.carousel-control.right {background:#fff url('/img/each/dondonchon/btn_next1.png') no-repeat 0 0;filter:none;}*/

/* 새소식 */
.notice-area {overflow:hidden;margin:15px 0;padding:5px 0 10px;background:url('/img/cmn/dot_line.gif') repeat-x 0 bottom;}
.notice-area h2 {float:left;padding-left:15px;margin-bottom:0;width:100px;background:none;}
.notice-area .notic-list > a {display:inline-block;overflow:hidden;width:64%;font-size:12px;line-height:30px;text-overflow:ellipsis;}

/* 추천메뉴 */
.product-area {margin:15px 0;}
.product-area .row {float:left;margin:0 0 25px;}
.product-area .row div > a {display:block;position:relative;}
.product-area .row div > a:hover, 
.product-area .row div > a:focus {text-decoration:none;}
.product-area .row div > a:hover strong, 
.product-area .row div > a:focus strong {text-decoration:underline;}
.product-area .row img {width:100%;}
.product-area .row .pro-info {padding:15px 0 0;text-align:center;}
.product-area .row .pro-info strong {overflow:hidden;word-break:break-all;word-wrap:break-word;}
.product-area .row a:hover .pro-info .text-line {color:#666;}

/* 쿠폰 */
.coupon-area {margin:15px 0;}
.coupon-area img {width:100%;}
.coupon-area .row {overflow:hidden;margin-top:15px;margin-left:0;}
.coupon-area .box-control {top:-45px;}
.coupon-area .row div a {display:block;}
.coupon-area .row div a p {margin:10px 0;font-weight:bold;line-height:1.5em;text-align:center;}
.coupon-area .row div a:hover p {text-decoration:underline;}

@media all and (min-width:368px) {
/* 새소식 */
.notice-area .notic-list > a {width:68%;}
}
@media all and (min-width:480px) {
.product-area .row .pro-info,
.coupon-area .row div a p ,
.quick-area .quick-bn ul li a span {font-size:1.2em;}
}
@media all and (min-width:768px) {

/* 어플 다운로드 */
.app-area {margin:10px;width:22%;padding:17px 15px;border-radius:10px;background:url('/img/cmn/gplaypattern_50.png') #d87a1e;text-align:center;}
.app-area a img {width:80%;}
.app-area p {margin:15px 10px;text-align:left;}

/* 새소식 */
.notice-area .notic-list > a {width:80%;}

/* 쿠폰 */
.coupon-area .row div:nth-child(2) {margin-top:0;}
}
@media all and (min-width:992px) {
/* 어플 다운로드 */
.app-area {width:219px;height:330px;margin-top:15px;padding:20px;}
.app-area a img {width:100%;}
.app-area p {margin:20px 10px 40px;}

/* 새소식 */
.notice-area {padding:5px 0 15px; background:;}
.notice-area h2 {padding-bottom:0;line-height:30px;}
.notice-area .notic-list > a {font-size:12px;width:60%;}
.notice-area .notic-list .btn-view {display:inline-block; width:80px; padding-left:10px;font-size:11px;text-decoration:underline;cursor:pointer;}
.product-area .row div {padding:10px 38px;}
.coupon-area {margin-bottom:50px;}
}