@charset "utf-8";
/* ONLINEPOWERS FED */

/*==================
	이벤트
==================*/
/* 기획전 리스트 */
.search_result.sel {background: #fff; width: 100%; z-index: 20}
.search_result.sel select{margin: 9px 0;}
.event_wrap {background:#f0f0f0; }
.product_cate {padding:13px 15px; border-top:1px solid #b2b2b2; border-bottom:1px solid #f0f0f0; background:#f7f8fb;}
.product_cate span {color:#1a1a1a; font-size:15px; font-weight:bold;}
.pd_list {position:relative; margin-top:15px; border-bottom:1px solid #e4e4e4; min-height:191px;display: block;}
.pd_list:first-child {margin:0;}
.pd_tit {position:absolute; width:100%; left:0; bottom:0; padding:18px 0 20px; background: url(/content/mobile/images/common/bg_op.png); text-align: center;}
.pd_tit h2 {margin-bottom: 9px; color:#333; font-size: 16px;}
.pd_tit p {color: #808080; font-size:11px; }
.product_list.typeA {padding:0 10px 30px; border:0;}
.product_list.typeA li {float:left; width:48.5%; margin-top:15px; border:0;}
.product_list.typeA li:nth-child(2n) {float:right;}
.product_list.typeA li .product {padding:0; border:0;}
.product_list.typeA li .product .product_img {position:relative; width:auto; height:auto;}
.product_list.typeA li .product .product_info .tit {margin:10px 0 12px;}
.product_list.typeA li .product .product_rank {top:-5px;}
.product_list.line {border-top:1px solid #b2b2b2; border-bottom:1px solid #e4e4e4;}

/* 기획전 댓글 폼 */
.featured-reply { background: #fff; }
.featured-reply .op-event-title p {padding: 10px 5px;font-weight: 600;font-size: 14px;letter-spacing: 0.8px;color: #111;}
.featured-reply .featured-reply-form {padding: 7px 5px;overflow: hidden;border-top: 2px solid #111;
    border-bottom: 1px solid #111;background: #fff;text-align: center;}
.featured-reply .featured-reply-form .reply-input { width: 75%; height: 30px; padding: 0; vertical-align: bottom; }
.featured-reply .featured-reply-list {width: 100%;border-bottom: 1px solid #ccc;}
.featured-reply .featured-reply-list th {border-bottom: 1px solid #e1e1e1;color: #333;font-size: 12px;line-height: 40px;    background: #fcfcfc;text-align: center;}
.featured-reply .featured-reply-list tr:first-child td { border-top: 0; }
.featured-reply .featured-reply-list td {padding: 10px 0;color: #292929;font-size: 13px;text-align: center;}
.featured-reply .featured-reply-list .dot {text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;height: 15px;overflow: hidden;line-height: 14px;}
.featured-reply .no_content {padding: 20px;text-align: center;}
.featured-reply .pagination { text-align: center; font-size: 10px; padding: 15px; }
.featured-reply .pagination a,
.featured-reply .pagination strong,
.featured-reply .pagination a.next { padding: 0 0 0 15px; }
.featured-reply .pagination a.first,
.featured-reply .pagination a.last,
.featured-reply .pagination a.prev{ padding: 0 0 0 7px; }

/* 220422 - 출석체크 이벤트 */
.share.attend-share{position: absolute;top: 50%;right: 10px;width: 26px;height: 26px;margin-top: -13px;}
.share.attend-share img{display: block;width: 100%;height: 100%;}
.attend-event-wrap {background: #cff4ff;}
.attend-event-wrap .attend-info-wrap {position: relative;}
.attend-event-wrap .attend-info-wrap .attend-info-month{position: absolute;bottom: 112px;left: 77.5%;width: 48px;height: 44px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 48px;background: url(/content/mobile/images/icon-attend-month.png) center / 100% no-repeat;}
.attend-event-wrap .attend-info-wrap .attend-info{padding-top: 270px;background: url(/content/mobile/images/bg-attend-ti.png) center / contain no-repeat;}
.attend-event-wrap .attend-info-wrap .attend-info p{color: transparent;font-size: 0;line-height: 0;text-indent: -9999999999px;}
.attend-event-wrap .attend-benefit{position: relative;margin-top: 67px;text-align: center;}
.attend-event-wrap .attend-benefit::before{content: '';position: absolute;top: -23px;left: 9px;width: 70px;height: 70px;background: url(/content/mobile/images/icon-attend-cami.png) center / 100% no-repeat;}
.attend-event-wrap .attend-benefit span{display: inline-block;padding: 9px 18px;color: #fff;font-size: 14px;font-weight: bold;line-height: 18px;border-radius: 8px;background: #2d91ff;}
.attend-event-wrap .attend-benefit p{margin-top: -18px;padding: 37px 0 21px;color: #2d91ff;font-size: 15px;font-weight: bold;border-radius: 8px;background: #fff;}
.attend-event-wrap .attend-benefit p > em{display: block;color: #254697;font-weight: normal;font-style: normal;line-height: 20px;}
.attend-event-wrap .attend-cal{height: 430px;margin: 40px -10px 0;padding: 0 30px;background: url(/content/mobile/images/img-attend-cal.png) top center / 100% 430px no-repeat;}
.attend-event-wrap .attend-cal .attend-cal-ti {padding: 30px 0 15px;line-height: 34px;}
.attend-event-wrap .attend-cal .attend-cal-ti span{color: #fff;font-size: 25px;font-weight: bold;line-height: 34px;}
.attend-event-wrap .attend-cal .attend-cal-ti p{float: right;color: #fff;font-size: 15px;line-height: 34px;}
.attend-event-wrap .attend-cal .attend-cal-ti p strong{line-height: 34px;}
.attend-event-wrap .attend-cal table{width: 100%;}
.attend-event-wrap .attend-cal table tr > *{width: 14.28%;text-align: center;}
.attend-event-wrap .attend-cal table thead span{display: inline-block;color: #2d91ff;font-size: 14px;font-weight: normal;line-height: 32px;}
.attend-event-wrap .attend-cal table thead th{padding-bottom: 17px;}
.attend-event-wrap .attend-cal table tbody td{padding-top: 17px;}
.attend-event-wrap .attend-cal table tbody td span{display: inline-block;width: 30px;height: 30px;color: #2d91ff;font-size: 14px;font-weight: bold;line-height: 30px;border-radius: 50%;background: #cff4ff;}
.attend-event-wrap .attend-cal table tbody td span.checking{content: '';width: 30px;height: 30px;color: transparent;background: url(/content/mobile/images/icon-attend-checking.png) center / 100% no-repeat;}
.attend-event-wrap .btn-attend-wrap{margin-top: 5px;}
.attend-event-wrap .btn-attend-wrap button.btn-attend-checking{width: 100%;height: 45px;color: #fff;font-size: 16px;font-weight: bold;border-radius: 8px;background: #fb4071;}
.attend-event-wrap .btn-attend-wrap button.btn-attend-info{width: 100%;margin-top: 20px;color: #254697;font-size: 13px;font-weight: 500;text-align: center;line-height: 24px;}
.attend-event-wrap .btn-attend-wrap button.btn-attend-info span{position: relative;display: block;line-height: 24px;}
.attend-event-wrap .btn-attend-wrap button.btn-attend-info span::after{content: '';display: inline-block;position: absolute;margin-left: 4px;width: 14px;height: 100%;background: url(/content/mobile/images/icon-attend-arrow.png) center / 100% no-repeat;}
.attend-event-wrap .attend-event-cont{position: relative;margin-top: 34px;padding: 35px 15px 20px 9px;border-radius: 8px;background: #fff;}
.attend-event-wrap .attend-event-cont::after{content: '';display: block;position: absolute;top: -57px;right: -15px;width: 70px;height: 70px;background: url(/content/mobile/images/icon-attend-cami-02.png) center / 100% no-repeat;}
.attend-event-wrap .attend-event-cont ul {display: table;table-layout: fixed;width: 100%;}
.attend-event-wrap .attend-event-cont ul li {display: table-cell;padding-left: 6px;}
.attend-event-wrap .attend-event-cont ul li .attend-event-ti{position: relative;color: #254697;font-size: 12px;text-align: center;}
.attend-event-wrap .attend-event-cont ul li .attend-event-ti p{position: relative;z-index: 1;}
.attend-event-wrap .attend-event-cont ul li .attend-event-ti strong{color: #fb4071;font-size: 16px;}
.attend-event-wrap .attend-event-cont ul li .attend-event-ti::after{content: '';display: inline-block;position: absolute;left: 50%;bottom: 0;width: 76%;height: 5px;margin-left: -38%;opacity: .2;background: #fb4071;}
.attend-event-wrap .attend-event-cont ul li .attend-img-box {width: 90%;height: 60px;margin: 10px auto 0;text-align: center;}
.attend-event-wrap .attend-event-cont ul li .attend-img-box img {display: block;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;pointer-events: none;}
.attend-event-wrap .attend-event-cont ul li .attend-text{margin-top: 8px;color: #254697;text-align: center;}
.attend-event-wrap .attend-event-cont ul li .attend-text span{display: block;min-height: 24px;font-size: 12px;line-height: 1;}
.attend-event-wrap .attend-event-cont ul li .attend-text p{min-height: 32px;margin-top: 8px;font-size: 16px;font-weight: bold;line-height: 1;}
.attend-event-wrap .btn-attend-thema{margin: 25px -15px -15px;padding: 15px 30px;background: #fff;}
.attend-event-wrap .btn-attend-thema button{position: relative;width: 100%;height: 45px;color: #fff;font-size: 15px;font-weight: bold;border-radius: 8px;background: #2d91ff;}
.attend-event-wrap .btn-attend-thema button::after{content: '';display: inline-block;position: absolute;top: 0;right: 28px;width: 22px;height: 100%;background: url(/content/mobile/images/icon-attend-theme-arrow.png) center / 100% no-repeat;}