@charset "utf-8";

/* 쿠폰&덤 */
.coupon .box_st1 p,.coupon .box_st1 dl {float:left;}
.coupon .box_st1 p {width:38%; padding-top:82px; text-align:center;}
.coupon .box_st1 dl {width:62%;}

.coupon .list {overflow:hidden;}
.coupon .item {float:left; width:23.44%; margin-left:2.08%; margin-top:20px; padding:9px 9px 19px; border:2px dotted #ccc;}
.coupon .item:nth-child(4n+1) {margin-left:0;}
.coupon .item .img img {width:100%;}
.coupon .item .tle {padding:9px 0 12px; font-weight:600; font-size:16px; line-height:22px; text-align:center;}
.coupon .item ul {padding:9px 0; border:solid #dbdbdb; border-width:1px 0;}
.coupon .item li {padding-left:8px; line-height:25px; letter-spacing:-0.05em; overflow:hidden; background:url('/images/common/bl_1_2.png') no-repeat 0 10px;}
.coupon .item li .dt {display:inline-block; padding-right:5px; font-weight:600;}
.coupon .item li .dd {font-size:13px; color:#666;}
.coupon .item .down {display:block; width:105px; height:30px; line-height:30px; margin:15px auto 0; background:#555; text-align:center;}
.coupon .item .down span {display:inline-block; padding-left:20px; font-weight:600; font-size:15px; color:#fff; background:url('/images/common/bl_down.png') no-repeat 0 center;}

@media all and (min-width:769px){
.coupon .box_st1 dl {padding-left:0;}
}

@media all and (max-width:1024px){
.coupon .item {width:32%; margin-left:2%;}
.coupon .item:nth-child(4n+1) {margin-left:2%;}
.coupon .item:nth-child(3n+1) {margin-left:0;}
}

@media all and (max-width:768px){
.coupon .box_st1 p,
.coupon .box_st1 dl {float:none; width:100%;}
.coupon .box_st1 p {padding-top:30px;}
.coupon .item {width:48%; margin-left:4%;}
.coupon .item:nth-child(3n+1) {margin-left:4%;}
.coupon .item:nth-child(2n+1) {margin-left:0;}
}

@media all and (max-width:480px){
.coupon .item {width:100%; margin-left:0;}
.coupon .item:nth-child(3n+1) {margin-left:0;}
}


/* 장보기 지원서비스 */
.service .box_st2 dt img {width:100%; max-width:410px;}
.service h5 {float:left;}
.service .refer {float:left; padding-top:2px; padding-left:8px; font-weight:600; font-size:15px; color:#d81717;}
.service_guide {margin-top:25px;}
.service_guide li {margin-top:11px; padding-left:26px; font-size:15px; line-height:24px;}
.service_guide li.ico1 {background:url('/images/sub/ico01.png') no-repeat 0 3px;}
.service_guide li.ico2 {background:url('/images/sub/ico02.png') no-repeat 1px 4px;}
.service_guide li.ico3 {background:url('/images/sub/ico03.png') no-repeat 0 3px;}
.service_guide li span {font-weight:600;}

@media all and (max-width:768px){
.service h5 {float:none;}
.service .refer {float:none; padding-bottom:10px;  padding-left:0; line-height:22px;}
}



/* 이용방법 단계 */
.step_wrap {padding:0 20px;}
.step_wrap ul {overflow:hidden;}
.step_wrap li {float:left; margin:30px 0; background:url('/images/sub03/step_bg.png') no-repeat center 0;}
.step_wrap.step1 li {width:30%; min-height:167px;}
.step_wrap.step2 li {width:17.6%; height:125px;}

.step_wrap li.arr1 {width:5%; background:url('/images/sub03/step_arr1.png') no-repeat center 51px;}
.step_wrap li.arr2 {width:3%; background:url('/images/sub03/step_arr2.png') no-repeat center 51px;}
.step_wrap li span {display:block; text-align:center; letter-spacing:-0.04em;}
.step_wrap li .num {padding-top:19px; font-weight:600; font-size:17px; color:#dc4009;}
.step_wrap li .tit {padding-top:15px; font-weight:600; font-size:17px; color:#222;}
.step_wrap li .con {padding-top:22px; font-size:15px; line-height:20px;}

@media all and (max-width:1024px){
.step_wrap.step2 li {width:24%;}
.step_wrap li.arr2 {width:8%;}
}

@media all and (max-width:768px){
.step_wrap {padding:0 10px;}
.step_wrap.step1 li {width:44%;}
.step_wrap.step2 li {width:44%;}
.step_wrap li.arr1 {width:6%;}
.step_wrap li.arr2 {width:6%;}
}