.text-highlight {color: #06aeef !important;}

.new:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 7px;
    background: url(/wpay/ap/res/images/cscenter/icon_notice_new.png) no-repeat center;
    background-size: 18px;
    vertical-align: bottom;
}
/* list, board common */
.list .title, .board .title {display: block; color: #333; font-size: 1.6rem; line-height: 18px;}
.list .title.new, .board .title.new {display: block; color: #06aeef; font-size: 1.6rem; line-height: 18px;}
.list .date, .board .date {display: block; color: #888; margin-top: 8px; font-size: 1.2rem;}
/* list, board common */

/* list */
.list {}
.list.vertical-list {background: #fff;}
.list.vertical-list .item {border-top: 1px solid #e5e5e5;}
.list.vertical-list .item:first-child {border-top: none;}
.list.vertical-list .item:last-child {border-bottom: 1px solid #e5e5e5;}
.list.vertical-list .item > a {display: block; position: relative; height: 100%; padding: 23px 15px;}
.list .anchor-item {}
.list .anchor-item.item i {display: inline-block; position: absolute;
    width: 10px; height: 10px;
    background: url(/wpay/ap/res/images/common/icon_list_anchor.png) no-repeat center;
    background-size: 10px;
    font-size: 0px;
    right: 13px;
    top: 50%;
    margin-top: -5px;
}

.list.vertical-list.coupon-list{background-color:#f7f7f7;padding-bottom:20px;}
.list.vertical-list .cpn-item {border:1px solid #e5e5e5;margin:15px;margin-bottom:0px;background-color:#FFF;}
.list.vertical-list .cpn-item > a{display:block;position:relative;height:100%;padding:15px 12px;}
.list.vertical-list .cpn-item .cpn-info{border-bottom:1px dotted #e6e6e6;width:100%;padding-bottom:8px;}
.list.vertical-list .cpn-item .cpn-info .list-circle{display:inline-block;width:70px;height:70px;background-size:68px 68px;background-repeat:no-repeat;background-position:1px 1px;}
.list.vertical-list .cpn-item .use-info{width:100%;padding-top:15px;padding-bottom:10px;}
.list.vertical-list .cpn-item .cpn-info .cell{display:table-cell;}
.list.vertical-list .cpn-item .cpn-info .tit{display:inline-block;font-size:16px;width:100%;line-height:22px;}
.list.vertical-list .cpn-item .cpn-info .term{display:inline-block;width:100%;font-size:13px;line-height:30px;color:#545454;}
.list.vertical-list .cpn-item .use-info .plc{display:inline-block;float:left;width:50%;color:#999;font-size:12px;}
.list.vertical-list .cpn-item .use-info .plc-img{display:inline-block;float:right;width:50%;text-align:right;position:relative;top:-5px;}

.cpn-detail img{border:none;}
.cpn-detail .cpn-h{display:inline-block;width:100%;font-size:24px;line-height:23px;font-weight:bold;text-align:center;background-color:#00abf0;height:130px;border-top-left-radius:3px;border-top-right-radius:3px;}
.cpn-detail .cpn-tbl{width:100%;}
.cpn-detail .cpn-tbl{font-size:17px;}
.cpn-detail .cpn-tbl th{padding-left:30px;font-weight:normal;color:#545454;line-height:23px;font-size:14px;background-image:url(/wpay/ap/res/images/coupon/date_line.png);background-repeat:no-repeat;}
.cpn-detail .cpn-tbl td{padding-left:10px;color:#000;line-height:23px;font-size:14px;}

.list.fold-list .item a {position: relative; padding-right: 40px;}
.list.fold-list .item a:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px; height: 10px;
    background: url(/wpay/ap/res/images/common/icon_list_fold.png) no-repeat center top;
    background-size: 10px;
    right: 15px; top: 50%;
    margin-top: -5px;
    line-height: 1;
}
.list.fold-list .item.active a:after {background-position: center bottom;}
.list.fold-list .item.active, .list.fold-list .item.active + .item {border-top-color: #000;}
.list.fold-list .item.active:last-child {border-bottom-color: #000;}
.list.fold-list .item .contents {display: none; background: #f7f7f7; padding: 15px 15px 19px; border-top: 1px solid #e5e5e5; font-size: 1.4rem; line-height: 1.6;}
.list.fold-list .item.active .contents {display: block;}

.list.horizontal-list .item {float: left; border: 1px solid #e5e5e5;}
.list.horizontal-list:after{display:block; clear:both; content:''; width:100%; height:0px;}

html.csscalc .list.horizontal-list.col-3 .item {width: calc((100% - 10px) / 3); margin-left: 5px;}
.list.horizontal-list.col-3 .item {width: 32%; margin-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.list.horizontal-list.col-3 .item:nth-child(3n - 2),
    html.csscalc .list.horizontal-list.col-3 .item:nth-child(3n - 2) {margin-left: 0;}
.list.horizontal-list.col-3 .item:nth-child(n + 4) {margin-top: 5px;}

html.csscalc .list.horizontal-list.col-2 .item {width: calc((100% - 12px) / 2); margin-left: 6px;}
.list.horizontal-list.col-2 .item {width: 49%; margin-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.list.horizontal-list.col-2 .item:nth-child(2n - 1),
    html.csscalc .list.horizontal-list.col-2 .item:nth-child(2n - 1) {margin-left: 0;}
.list.horizontal-list.col-2 .item:nth-child(n + 3) {margin-top: 6px;}
/* list */

/* board */
.board-detail-wrap {padding: 23px 15px;}
.board-detail-wrap .title-wrap {}
.board-detail-wrap .title-wrap .date {margin-top: 6px;}
.board-detail-wrap .contents-wrap {color: #333; font-size: 1.3rem; line-height: 1.6;}
.board-detail-wrap .title-wrap + .contents-wrap {margin-top: 13px;}
/* board */

/* tab */
.tab-wrap {background: #fff;}
.tab-list {}
.tab-wrap.fixed {position:fixed; width: 100%; background: #fff; z-index: 100;}
.tab-wrap.fixed .tab-list {width: 100%;}
.tab-list:after{display:block; clear:both; content:''; width:100%; height:0px;}
.tab-list .tab {float: left; color: #999; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 1.6rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tab-list .tab.active {color: #06aeef; border-bottom: 2px solid #06aeef;}
.tab-list .tab a {display: block; color: #999; height: 41px; line-height: 41px;}
.tab-list .tab.active a {color: #06aeef; height: 40px;}

.tab-list.tab-2 .tab {width: 50%;}
.tab-list.tab-3 .tab {width: 33.333333%;}
.tab-list.tab-4 .tab {width: 25%;}
.tab-list.tab-5 .tab {width: 20%;}

.tab-wrap.fixed ~ .tab-contents-wrap {padding-top: 42px;}
/* tab */

/* 주의사항 기본 */
.warn-wrap {padding: 20px 15px; border-top: 1px solid #e5e5e5;}
.warn-wrap .title {display: block; padding-left: 22px; background: url(/wpay/ap/res/images/common/icon_warning.png) no-repeat left center; background-size: 16px; font-size: 1.4rem; font-weight: 500; line-height: 16px;}
.warn-wrap .warn-list {color: #333; margin-top: 13px; font-size: 1.2rem; line-height: 1.6;}
.warn-wrap .warn-list > li {padding-left: 14px; background: url(/wpay/ap/res/images/common/icon_list_dot.png) no-repeat 7px 9px; background-size: 2px; letter-spacing: -1px;}
.warn-wrap .warn-list > li + li {margin-top: 8px;}
.warn-wrap .warn-list > li li {position: relative; color: #666; padding-left: 6px;}
.warn-wrap .warn-list > li li:before {position: absolute; display: inline-block; content: "-"; left: 0;}
/* 주의사항 기본 */

/* 버튼 기본 */
button.btn {border: 0;}
.btn-wrap {margin-top: 33px;}
.btn-wrap .btn {height: 46px; font-size: 1.6rem;}
.btn-wrap .btn.btn-confirm {color: #fff; background: #06aeef; }
.btn-wrap .btn.btn-size100 {width: 100%;}

.btn-bucket {width: 20px; height: 20px; background: url(/wpay/ap/res/images/common/icon_bucket.png) no-repeat center; background-size: 20px;}
/* 버튼 기본 */

/* select */
select { border: 0; font-size: 1.4rem;
    background: url(/wpay/ap/res/images/common/icon_select_arr.png) no-repeat right center; background-size: 9px 6px;
    -webkit-appearance: none;
}
/* select */

/* toggle checkbox */
.ui-toggle-checkbox {display: inline-block; width: 58px; height: 29px;}
.ui-toggle-checkbox input[type=checkbox] {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; visibility: hidden;}
.ui-toggle-checkbox input[type=checkbox] + label {display: inline-block; width: 100%; height: 100%; background-color: #ccc; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;}
.ui-toggle-checkbox input[type=checkbox] + label .icon {position:absolute; z-index:2; left: 2px; top: 2px; width: 25px; height: 25px; background: #fff; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px;
	box-shadow: 0px 1px 1px rgba(136, 136, 136, 0.5); -webkit-box-shadow: 0px 1px 1px rgba(136, 136, 136, 0.5); -moz-box-shadow: 0px 1px 1px rgba(136, 136, 136, 0.5);
    -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease;
}
.ui-toggle-checkbox input[type=checkbox]:checked + label {background-color: #06aeef;}
.ui-toggle-checkbox input[type=checkbox]:checked + label .icon {left: 100%; margin-left: -27px;}
/* toggle checkbox */

/* toggle star */
.ui-toggle-star {display: inline-block; width: 20px; height: 20px;}
.ui-toggle-star input[type=checkbox], .ui-toggle-star input[type=radio] {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; visibility: hidden;}
.ui-toggle-star input[type=checkbox] + label, .ui-toggle-star input[type=radio] + label {display: inline-block; width: 100%; height: 100%;
    background-size: 20px; background-position: left top; background-repeat: no-repeat;
    background-image: url(/wpay/ap/res/images/common/icon_toggle_star.png);
}
.ui-toggle-star input[type=checkbox]:checked + label, .ui-toggle-star input[type=radio]:checked + label {background-position: left bottom;}
/* toggle star */

/* lightslider */
.lSSlideOuter {position: relative;}
.lSSlideOuter .lSPager.lSpg {position: fixed; width: 100%; margin: 0 0 28px; bottom: 0;}
.lSSlideOuter .lSPager.lSpg > li {padding:0 3px;}
.lSSlideOuter .lSPager.lSpg > li a {background-color: transparent; border: 1px solid #fff;}
.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {background-color: #fff; border: 1px solid #fff;}
/* lightslider */

.icon-num-pass {display: inline-block; width: 7px; min-height: 5px; background: url(/wpay/ap/res/images/common/icon_num_pass.png) no-repeat center; background-size: 5px; font-size: 0;}