﻿@charset "utf-8";

.promotionList{}
.promotionList .btn_more{margin-top:40px;}

.promotionList .arrow{float: left; margin:8px 0  0 30px; display:block; width:10px; height:19px; background: url(//image.goodpeople.co.kr/goodpeople/web/icon/arrow_10x19_next.png)  0 0 no-repeat;}
.promotionList .category{margin-top:21px;}
.promotionList .category:after{content: ''; display:block; clear: both;}
.promotionList .category li{float:left;margin-left:20px;}
.promotionList .category li:first-child{margin-left:0;}
.promotionList .category li a{display:inline-block;color:#000;font-size:14px;}
.promotionList .category li.on a{border-bottom:1px solid #000;}
.promotionList #select_category{float: left;margin-top:5px;}
.promotionList #select_category .selected{z-index: 300; position: relative; display: inline-block; width: auto;  font-size: 28px;
    font-weight: 700; color: #000; background: #fff url(//image.goodpeople.co.kr/goodpeople/web/icon/arrow_19x10_down.png) no-repeat 100% 50%;  padding-right: 36px; padding-left: 30px; cursor: pointer; border:0;}
.promotionList #select_category ul{display: none; position: absolute; top: 54px; z-index: 200;  min-width: 240px; overflow: hidden; left: 0;  padding-left: 25px;  background: #fff;
    border: none; max-height: 300px;}
.promotionList #select_category li.on{}
.promotionList .promotion_list{margin-left:-20px; margin-top:0px;}
.promotionList .promotion_list > li:first-child{margin-left:20px;}
.promotionList .promotion_list li .data_txt{height:133px;}

.promotionView { position:relative; }
.promotionView .arrow{float: left; margin:8px 0  0 30px; display:block; width:10px; height:19px; background: url(//image.goodpeople.co.kr/goodpeople/web/icon/arrow_10x19_next.png)  0 0 no-repeat;}
.promotionView .category{position: absolute; left: 50%; top: 186px; margin-left: -570px; z-index: 2000;}
.promotionView .category:after{content: ''; display:block; clear: both;}
.promotionView .category li{float:left;margin-left:20px;}
.promotionView .category li:first-child{margin-left:0;}
.promotionView .category li a{display:inline-block;color:#000;font-size:14px;}
.promotionView .category li.on a{border-bottom:1px solid #000;}
.promotionView #select_category{float: left;padding-top:5px;}
.promotionView #select_category ul{top:49px;}
.promotionView #select_category .selected{z-index: 100; position: relative; display: inline-block; width: auto;  font-size: 28px;
    font-weight: 700; color: #000; background: transparent url(//image.goodpeople.co.kr/goodpeople/web/icon/arrow_19x10_down.png) no-repeat 100% 50%;  padding-right: 36px; padding-left: 30px; cursor: pointer; border:0;}
.promotionList #select_category ul{display: none; position: absolute; top: 44px; z-index: 200;  min-width: 240px; overflow: hidden; left: 0;  padding-left: 25px;  background: #fff;
    border: none; max-height: 300px;}

.promotion_view{max-width:1920px;min-width:1140px;margin:0 auto;}
.promotion_view .video{ position:relative; width:100%; min-width:1140px; margin:0 auto 0;  }
.promotion_view .video iframe { height:706px; background:#000; display:block; min-width:1140px; margin:0 auto; }
.promotion_view .slide_visual{margin:0px auto 0;}
.promotion_view .slide_visual li img {display:block; min-width:1140px; width:100%; height:560px; }

.promotion_view.wide .slide_visual{width:100%;}
.promotion_view.wide .slide_visual>ul{height:706px;}
.promotion_view .lead_txt{margin-top:80px;}
.promotion_view .data_txt{position:relative; margin-top:80px; padding:30px 0 20px;  border-bottom: 2px solid #000;}
.promotion_view .winner_data_txt{margin-top:0;}
.promotion_view .data_txt:after{content: ''; display:block; clear: both;}
.promotion_view .data_txt .brand{display:inline-block; margin-bottom:10px; padding:5px 19px 0; height:21px; font-size:12px; color:#fff; background:#000; text-align: center; position:absolute; top:0; left:0; z-index:1; }
.promotion_view .data_txt dl{float: left; width:1100px;}
.promotion_view .data_txt dt{font-size:30px; margin-bottom:20px; width:100%; height:36px; color:#000; white-space: nowrap; word-wrap: normal; overflow: hidden;  text-overflow: ellipsis; line-height:1.2; }
.promotion_view .data_txt dd{font-size:12px; color:#999;}
.promotion_view .data_txt dd span{font-size:12px; color:#999;}
.promotion_view .data_txt .share_btns{float: right;}
.promotion_view .data_txt .share_list_top{top:67px;}
.promotion_view .edit{margin:0px 0 0px;}
.promotion_view .winner_edit{padding: 20px 0;}
.promotion_view .edit * {font-size:11pt; line-height:160%;}
.promotion_view .edit img { max-width:100%; }
.promotion_view .lead_txt p{margin-bottom:20px; font-size:20px; color:#000; letter-spacing: -1px;}
.promotion_view .lead_txt ol li{font-size:14px; line-height:20px;color:#999;}

/* 프로모션 상단 뷰 추가 css */
.promotion_view .slide_visual.height_free>ul{ height: auto;}
.promotion_view .slide_visual.height_free li img{position:relative; height:auto;}
.promotion_view .video iframe { height:560px; background:#000; display:block; min-width:1140px; margin:0 auto; }
.promotion_view.wide .video iframe {width:1920px; height:760px;}

.promotionView .tab_area .tab_list{margin:81px 0 0 1px;}
.promotionView .tab_area .tab_list:after{content: ''; display:block; clear: both;}
.promotionView .tab_area .tab_list li{float: left; height:50px; border:1px solid #ddd; margin-top:-1px; margin-left:-1px;}
.promotionView .tab_area .tab_list li a{display:block; height:100%; text-align: center; padding-top:18px;font-size:15px;font-family: 'Lato', 'Nanum Barun Gothic';font-weight:400;color:#b3b3b3;}
.promotionView .tab_area .tab_list li.on{ }
.promotionView .tab_area .tab_list li.on a{color:#fff;}

.promotionView .tab_area .tab_list.col_4 li{width:285px;}
.promotionView .tab_area .tab_list.col_3 li{width:380px;}
.promotionView .tab_area .tab_list.col_2 li{width:570px;}
.promotionView .tab_area .tab_list.col_1 li{width:100%;}
.promotionView .tab_area .tab_list.col_1 li{float: none;}


/* 카운트다운 2020.06.11 김미경 추가 */
.promotion_view .countdownTime{position:relative;overflow:hidden;width:1140px;margin:0px auto 0;}
.promotion_view.wide .countdownTime{width:100%;}
.countdownTime .background_color{margin:0 auto;width:1903px;height:500px;}
.countdownTime img{position:relative;left:50%;top:0; width:1903px; height:auto; margin-left:-951.5px;}
/*
.countdownTime .countdownTextTop{padding: 0px auto;text-align: center;position: absolute;top: 30%;left: 50%;transform: translate( -50%, -50% );color: #FFF;font-family: 'Montserrat';font-size: 24px;font-weight: 700;letter-spacing: 5px;}
.countdownTime .countdownTextDay{padding: 0px auto;margin:0px auto;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% );color: #e74544;font-family: 'Montserrat';font-size: 80px;font-weight: 700;}
.countdownTime .countdownTextDay .timeel{color: #FFF;}
.countdownTime .countdownTextDay .days{color: #e74544;}
.countdownTime .countdownTextBottom{padding: 0px auto;margin:0px auto;text-align: center;position: absolute;top: 80%;left: 50%;transform: translate( -50%, -50% );color: #FFF;font-family: 'Noto Sans KR';font-size: 20px;letter-spacing: 5px;}
*/
.countdown-text {position: absolute;top: 0px;width: 100%;height: 100%;}
.countdown-text-table {display: table;width: 100%;height: 100%;}
.countdown-text-table-row {display: table-row;}
.countdown-text-table-cell {display: table-cell;vertical-align: middle;}
.countdown-text-table-cell .countdownTextTop{text-align: center;;color: #FFF;font-family: 'Montserrat';font-size: 24px;font-weight: 700;letter-spacing: 5px;}
.countdown-text-table-cell .countdownTextDay{padding-top:60px;height:200px;padding-bottom:50px;text-align: center;color: #e81c37;font-family: 'Montserrat';font-size: 80px;font-weight: 700;}
.countdown-text-table-cell .countdownTextDay .timeel{color: #FFF;font-family: 'Montserrat-Bold';letter-spacing: 10px;font-weight: 700;}
.countdown-text-table-cell .countdownTextDay .days{color: #e81c37;text-align: center;}
.countdown-text-table-cell .countdownTextDay .times{color: #FFF;text-align: center;width: 50px; display:inline-block; }
.countdown-text-table-cell .countdownTextDay .hours{color: #FFF;text-align: center;width: 120px; display:inline-block; }
.countdown-text-table-cell .countdownTextDay .minutes{color: #FFF;text-align: center;width: 120px; display:inline-block; }
.countdown-text-table-cell .countdownTextDay .seconds{color: #FFF;text-align: center;width: 120px; display:inline-block; }
.countdown-text-table-cell .countdownTextBottom{text-align: center;color: #FFF;font-family: 'Noto Sans KR';font-size: 20px;letter-spacing: 5px;}


.category_box{margin-top:66px; position: relative;}
.category_box h3{/*padding-bottom:20px; border-bottom:1px solid #ddd;*/font-family: 'Lato', 'Nanum Barun Gothic';font-weight:400; font-size:22px; color:#fff;}
.category_box .btn_arrow{position:absolute; top:5px; right:0; display:inline-block; width:19px; height:10px; background:url(//image.goodpeople.co.kr/goodpeople/web/icon/arrow_19x10_up.png) 0 0 no-repeat;}
.category_box .product_list{margin-left:-20px;}
.category_box  .product_list:after{content: ''; display:block; clear: both;}
.category_box  .product_list li{position: relative; float: left; margin-left: 20px;margin-top:20px;height:382px; }
.category_box  .product_list li>a{display:block;width:270px;height:270px;overflow:hidden;}
.category_box  .product_list li>a>img{width:100%;height:auto;}

/* 2019.07.15. 김미경 프로모션 상품 아이콘 영역 div 추가 */
.category_box  .product_list li div.iconLy { position:absolute; top:0px; left:0px; width:200px; height:50px; overflow:hidden; }
.category_box  .product_list li div.iconLy img { width:50px; height:50px; }

/*댓글형*/
.promotionView.ripple{}
.promotionView .comment_area>p{margin:80px 0 20px 0; font-size:20px; letter-spacing: -1px;}
.promotionView .comment_area .comment_totcnt{font-size: 22px; color: #e74544; font-family: 'Lato';}
.promotionView .comment_area .comment_data{width:100%; height:90px; }
.promotionView .comment_area .comment_data .text_area_box{position: relative;  float: left; width:1050px; height:90px; border:1px solid #ddd; background:#fff;}
.promotionView .comment_area .comment_data .text_area_box textarea{resize: none; width:1018px; height:41px; margin:10px 15px; font-family: 'Nanum Barun Gothic', 'Lato'; font-size:12px; line-height: 16px; color:#999;}
.promotionView .comment_area .comment_data .text_area_box p{position: absolute; bottom:10px; right:10px; font-size:11px; color:#999; letter-spacing: -1px;}
.promotionView .comment_area .comment_data .text_area_box p span{ font-size:11px; color:#999;}
.promotionView .comment_area .comment_data .btn_send{float: left; padding-top:39px; width:90px; height:90px; font-size:14px;  color:#fff; text-align: center; background:#000;}

.promotionView .comment_area .ripple_list{ }
.promotionView .comment_area .ripple_list li{position:relative;padding:20px 20px; border-top:1px solid #e4e4e4;}
.promotionView .comment_area .ripple_list li:first-child{border-top:0;}
.promotionView .comment_area .ripple_list li:last-child{border-bottom:1px solid #999;}
.promotionView .comment_area .ripple_list li:after{content: ''; display:block; clear: both;}
.promotionView .comment_area .ripple_list li .comment_num{float:left; margin-right:16px; color: #b3b3b3; font-size: 12px;}
.promotionView .comment_area .ripple_list li dl{position:relative;float: left; width:1000px; font-size:12px; color:#000; font-weight: 700;}
.promotionView .comment_area .ripple_list li dl dt{display:block; margin-bottom:12px; font-weight: 700;}
.promotionView .comment_area .ripple_list li dl dd{display:block;}
.promotionView .comment_area .ripple_list li dl dd p{line-height:19px; word-break:break-all; }
.promotionView .comment_area .ripple_list li dl dd .repple_txt a{display:inline-block; width:10px; height:11px; margin-left:10px; background:url(//image.goodpeople.co.kr/goodpeople/web/promotion/repple_cencel.png) 0 0 no-repeat; vertical-align: middle;}
.promotionView .comment_area .ripple_list li .date{position:absolute; top:0px; right: 0px;font-size:12px; color:#b3b3b3; font-weight: 700;}

/*설문형*/
.promotionView.comment{}
.promotionView .servey_area > p{margin:80px 0 60px 0; font-size:30px; color:#000; text-align: center;}
.promotionView .survey_list{overflow:hidden; text-align:center; font-size:0; margin-left:-30px;}
.promotionView .survey_list li{display:inline-block; position:relative; margin-left:30px; margin-bottom:30px; text-align:center; width:255px; overflow:hidden;}
/*.promotionView .survey_list li{display:inline-block; position:relative; margin-left:40px; text-align:center; width:255px; overflow:hidden; }*/
/*.promotionView .survey_list li:first-child{margin-left:0;}*/
.promotionView .survey_list li:after{content: ''; display:block; clear: both;}
.promotionView .survey_list li input{position:absolute; top:0; left:0; width:100%;height:30px;opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  cursor: pointer}
.promotionView .survey_list li label{display:block; }
.promotionView .survey_list li label > span{display:block; width:30px; height:30px; margin: 0 auto 10px; background:url(//image.goodpeople.co.kr/goodpeople/web/common/radio_off.png) no-repeat 0 0; text-indent: -9999em;}
.promotionView .survey_list li p{margin-bottom:11px;font-size:18px; color:#000;}

.promotionView .survey_list li strong{position:relative; padding:0 8px;font-size:16px; color:#959595; font-weight: 400;}
.promotionView .survey_list li strong span{font-size:16px;font-family: 'Lato'; color:#959595; font-weight: 700;}
.promotionView .survey_list li.checked label > span{ background:url(//image.goodpeople.co.kr/goodpeople/web/common/new_radio_on.png) no-repeat 0 0;}

.promotionView .survey_list li .survey_img{width:255px; height:255px; margin: 0 auto 15px; border-radius: 50%; border:1px solid #e5e5e5;  overflow:hidden;}
.promotionView .survey_list li .survey_img  a{display:block;}
.promotionView .survey_list li .survey_img  a img{transform:scale(1);transition:all 0.5s ease-in-out;border-radius: 50%;width:100%;height:100%;overflow:hidden;}
.promotionView .survey_list li .survey_img:hover a img{transform:scale(1.1);transition:all 0.5s ease-in-out; }

/*쿠폰형*/
.promotionView .coupon_area{margin-top:40px;}
.promotionView .coupon_area .coupon_list{margin:0 -38px;}
.promotionView .coupon_area .coupon_list:after{content: ''; display:block;  clear: both;}
.promotionView .coupon_area .coupon_list li{float: left; margin-left:38px; margin-top:40px;}
/* .promotionView .coupon_area .coupon_list li:last-child{float:none; width:552px; height:194px; margin:40px auto 0px auto;} */
.promotionView .coupon_area .coupon_list li .coupon_data{float:left;display:table; width:421px; height:194px; background:url(//image.goodpeople.co.kr/goodpeople/web/promotion/coupon_data_bg.png) 0 0 no-repeat;}
.promotionView .coupon_area .coupon_list li dl{display:table-cell; width:100%; height:194px; vertical-align: middle; text-align: center;}
.promotionView .coupon_area .coupon_list li dl dt{font-size:18px; color:#000; margin-bottom:10px;}
.promotionView .coupon_area .coupon_list li dl dd.tit{ margin-bottom:20px; font-size:42px; color:#ccc; font-weight: 700; letter-spacing: -1px;}
.promotionView .coupon_area .coupon_list li dl dd span{display:block;font-size:14px; color:#999;}
.promotionView .coupon_area .coupon_list li dl dd span:first-child{margin-bottom:7px;}
.promotionView .coupon_area .coupon_list li .btn_coupon{float: left; position: relative; display:block; padding-top:90px; font-size:22px; color:#fff; font-weight: 700;	font-family: 'Lato'; text-align: center; width:131px; height:194px;  background:url(//image.goodpeople.co.kr/goodpeople/web/promotion/btn_coupon_bg.png) 0 0 no-repeat; cursor: pointer;} /* cursor:pointer 변경. JBCNS. */
.promotionView .coupon_area .coupon_list li .btn_coupon:after{content: ''; display:block; position: absolute; top:100px; left:50%; margin-left:-42px; width:84px; height:1px; background:#7f7f7f; } /* 솔드아웃 라인색상 변경. JBCNS. */
.promotionView .coupon_area .coupon_list li.down .btn_coupon{ background:url(//image.goodpeople.co.kr/goodpeople/web/promotion/btn_coupon_on_bg.png) 0 0 no-repeat; cursor: pointer;}
.promotionView .coupon_area .coupon_list li.down .btn_coupon:after{display:none;}
.promotionView .coupon_area .coupon_list li.down dl dd.tit{ margin-bottom:20px; font-size:42px; color:#e74544; font-weight: 700;}

/*사진형*/
.promotionView .comment_area.photo .comment_data{height:131px;}
.promotionView .comment_area.photo .comment_data .text_area_box{}
.promotionView .comment_area.photo .input_file{clear: both; margin-bottom:5px; display:inline-block; font-size:0;}
.promotionView .comment_area.photo .input_file .file_name{width:1050px; height:36px; padding-left:15px; line-height: 36px; display:inline-block; font-size:12px; color:#444; border:1px solid #ddd;}
.promotionView .comment_area.photo .input_file .file_label{display: inline-block; cursor: pointer;overflow: hidden; width: 90px; padding: 12px 0 11px; background-color: #000; color: #fff; font-size: 13px; text-align: center; vertical-align: middle;}
.promotionView .comment_area.photo .input_file .file_upload{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none;}
.promotionView .comment_area.photo .lead{display: inline-block; margin-left:14px; font-size: 12px; color: #999; line-height: 36px; vertical-align: middle;}

.promotionView .comment_area.photo .ripple_list.photo{padding:0;}
.promotionView .comment_area.photo .ripple_list.photo > li {position:relative;padding:20px 0 20px 0;}

.promotionView .comment_area.photo .ripple_list.photo > li .img_box{position:relative;float: left; width:130px; height:130px; margin:0 20px 20px 0px;overflow:hidden;}
.promotionView .comment_area.photo .ripple_list.photo > li .img_box>img{width:100%;height:auto;}
.promotionView .comment_area.photo .ripple_list.photo > li .btn_photo_view{display:block;position:absolute;left:0;top:0;width:25px;height:25px;background:url(//image.goodpeople.co.kr/goodpeople/web/icon/ico_plus.png) no-repeat 0 0;text-indent:-9999px;}
.promotionView .comment_area.photo .ripple_list.photo > li > dl{width:990px; margin-bottom:20px;}
.promotionView .comment_area.photo .ripple_list.photo > li > dl dd{line-height: 20px;text-align:justify;}
.promotionView .comment_area.photo .ripple_list.photo > li > dl dd a.btn_cencel{display: inline-block; width: 10px; height: 11px; margin-left: 10px; background: url(//image.goodpeople.co.kr/goodpeople/web/promotion/repple_cencel.png) 0 0 no-repeat; vertical-align: middle;}
.promotionView .comment_area.photo .ripple_list.photo > li > dl dd a.btn_reply_view{position: relative; display:inline-block; margin-top:14px; font-size:12px; color:#000;margin-right:10px;}
.promotionView .comment_area.photo .ripple_list.photo > li > dl dd a.btn_reply_view:after{content: '';  position: absolute; bottom:-1px; left:0; width:100%; height:1px; background:#000;}
.promotionView .comment_area.photo .ripple_list.photo > li > dl dd a.btn_write_view{display:none !important;position: relative; display:inline-block; margin-top:14px; font-size:12px; color:#000;}
.promotionView .comment_area.photo .ripple_list.photo > li > dl dd a.btn_write_view:after{display:none;content: '';  position: absolute; bottom:-1px; left:0; width:100%; height:1px; background:#000;}


.promotionView .comment_area.photo .ripple_list.photo > li.on .img_box{width:100%;max-width:1140px; height:auto; margin:0;}
.promotionView .comment_area.photo .ripple_list.photo > li.on .img_box>img{width:auto; max-width:1140px; height:auto;}/*2019.12.12 김미경 사진 사이즈 수정*/
.promotionView .comment_area.photo .ripple_list.photo > li.on .btn_photo_view{background:url(//image.goodpeople.co.kr/goodpeople/web/icon/ico_minus.png) no-repeat 0 0;}
.promotionView .comment_area.photo .ripple_list.photo > li.on dl dt{margin-top:20px;}
.promotionView .comment_area.photo .ripple_list.photo > li.on .re_reply_list dl dt{margin-top:2px;}
.promotionView .comment_area.photo .ripple_list.photo > li.on dl dd a.btn_write_view{display:none;}
.promotionView .comment_area.photo .ripple_list.photo > li.on > dl{width:100%;}

.promotionView .comment_area.photo .ripple_list.photo .re_reply_box{display:none;clear: both; overflow: hidden;}
.promotionView .comment_area.photo .ripple_list.photo .re_reply_box .textarea_group{position: relative; float: left; width: 1010px; height: 90px; margin-left: 20px;  background-color: #fff; border:1px solid #ddd;}
.promotionView .comment_area.photo .ripple_list.photo .re_reply_box:after{content: ''; display:block; clear: both;}
.promotionView .comment_area.photo .ripple_list.photo  .textarea_group textarea{width:978px; padding-bottom:0; height:40px; margin:10px 15px; resize: none;color: #999; font-size: 12px;  line-height: 16px;font-family: 'Nanum Barun Gothic', 'Lato';}
.promotionView .comment_area.photo .ripple_list.photo  .re_reply_box .textarea_group .counter{position: absolute; bottom: 10px; right: 10px; font-size:11px; color:#999;}
.promotionView .comment_area.photo .ripple_list.photo  .re_reply_box .textarea_group:after{ content: ''; position: absolute;top: 0; left: -20px; width: 10px;  height: 10px; background: url(//image.goodpeople.co.kr/goodpeople/web/promotion/ico_rereply.png) no-repeat 0 0;}
.promotionView .comment_area.photo .ripple_list.photo  .re_reply_box .btn_register{float: left;width: 90px;height: 90px;font-size: 14px; color: #fff; text-align: center; line-height: 90px; background-color: #000;}
.promotionView .comment_area.photo .ripple_list.photo  .re_reply_list{clear: both; margin-bottom:20px;}
.promotionView .comment_area.photo .ripple_list.photo  .re_reply_list > li{position:relative;clear: both;  padding:0 20px; border:0;}
.promotionView .comment_area.photo .ripple_list.photo  .re_reply_list li dl{padding-top:22px; position: relative;}
.promotionView .comment_area.photo .ripple_list.photo  .re_reply_list li dl:after{content: ''; display:block;   position: absolute;top: 20px; left: -20px; width: 10px;  height: 10px; background: url(//image.goodpeople.co.kr/goodpeople/web/promotion/ico_rereply.png) no-repeat 0 0;}
.promotionView .comment_area.photo .ripple_list li .date{top:0;}
.promotionView .comment_area.photo .ripple_list li.on .date{top:18px;}
.promotionView .comment_area.photo .ripple_list.photo  .re_reply_list li dl > dd{line-height: 20px;}
.promotionView .comment_area.photo .ripple_list.photo .re_reply_list li dl > dd a.btn_cencel{display: inline-block;width: 10px;height: 11px;margin-left: 5px;background: url(//image.goodpeople.co.kr/goodpeople/web/promotion/repple_cencel.png) 0 0 no-repeat;vertical-align: middle;text-indent:-9999px;}
.promotionView .comment_area.photo .ripple_list.photo .re_reply_list li dl > dd.date{top:20px;}
.promotionView .comment_area.photo .ripple_list.photo  .re_reply_list li span.date{margin-top:22px;}


/* 프로모션 상세페이지 */
.promotionList .promotion_view dl dt{display:block; margin-bottom:20px;}
.promotionList .promotion_view dl dt span.brand{display:inline-block; font-size:12px; color:#fff; height:21px; padding:6px 19px 0 19px; background:#000;}
.promotionList .promotion_view dl dd{display:block; margin-bottom:20px; font-size:30px; color:#000; }
.promotionList .promotion_view dl dd.date{/*margin-bottom:80px;*/font-size:12px; color:#999;}
.promotionList .promotion_view dl dd.date span{  font-family: 'Nanum Barun Gothic'; font-size:12px; color:#999;}

.promotionList .promotion_area .btn_control{margin-top:80px;}

/* 금액별 */
.eventView .category_box{position:relative;margin-top:0px;display:none;}
.eventView .category_box:first-child{display:block;}

.eventView .btn_all{text-align:right;display:block;margin-top:20px;margin-right:5px;padding-right:15px;font-size:12px; color:#010101;  background:url(//image.goodpeople.co.kr/goodpeople/web/icon/arrow_5x9_next.png) no-repeat 100% 0;}
.eventView .btn_all+.product_list{margin-top:18px;}

.eventView .sel_area{position: relative;margin-top:80px;}
.eventView .sel_area .sel_tit{font-size:20px; color:#000;border-bottom:1px solid #ebebeb;padding-bottom:15px;}
.eventView .sel_area .sel_tit>span{color:#e74544;}

.eventView .btn_reset{position:absolute;right:0;top:6px;color:#000;font-size:12px;border-bottom:1px solid #000;}

.eventView .add_product{position:relative;background-color:#000;height:60px;margin-top:100px;padding-top:20px;padding-left:20px;}
.eventView .add_product>p{color:#fff;font-size:18px;}
.eventView .add_product>p>span{color:#e74544;	font-family: 'Lato';font-weight:300;}
.eventView .add_product>.btn_reset{color:#fff;border-color:#fff;top:24px;right:20px;}

.eventView .sel_area .slide{position: relative; width:100%;}
.eventView .sel_area .slide .slide_box:after{content: ''; display:block; clear: both;}
.eventView .sel_area .slide .slide_box{}
.eventView .sel_area .slide .slide_box > li{float: left; margin-left:20px;}
.eventView .sel_area .slide .slide_box > li:first-child{margin-left:0;}

.eventView .sel_area .slide .slide_box > li a.product-thumb{position:relative; overflow:hidden;}
.eventView .sel_area .slide .slide_box > li a.product-thumb .check_line{display:block; position:absolute; top:0; left:0; width:100%; height:100%; border: 3px solid #e74544; }

.eventView .sel_area .slide .slide_box > li .product-thumb img{width:100%; height:auto;}

.eventView .slide .data_box{ margin-top:30px; padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.eventView .slide .data_box > ul > li{margin-top:10px;}
.eventView .slide .data_box > ul > li:first-child{margin-top:0}
.eventView .slide .data_box > ul > li strong{float: left; display:block; width:115px; padding:10px 0 0 10px; font-size:14px; color: #999; font-family:'Lato'; font-weight: 400;}
.eventView .slide .data_box ul li .select_ui {float: left;}
.eventView .slide .data_box ul li .select_ui .selected{ width:135px; height:30px; line-height: 30px; font-size:14px; padding-left:8px; background-position: 115px center;}
.eventView .slide .data_box ul li:after{content: ''; display:block; clear: both; }
.eventView .slide .data_box .select_ui ul{width:135px; top:30px; top:1px; background: #fff url(//image.goodpeople.co.kr/goodpeople/web/common/select_arrow_9x5_on.png) no-repeat 115px 12px; }
.eventView .slide .data_box .select_ui ul li { background:transparent; }

.eventView .slide .data_box .innput_number{width:135px;}
.eventView .slide .data_box .innput_number .ipt_number{width:74px;}
.eventView .slide .check_box{width:30px; height:30px;}
.eventView .slide .check_box .user_check{display:none;}
.eventView .slide .check_box img{cursor: pointer;}

.eventView .slide .slide_box li .data_box ul li .select_ui.disabled {}
.eventView .slide .slide_box li .data_box ul li .select_ui.disabled .selected,
.eventView .slide .slide_box li .data_box ul li .innput_number.disabled .ipt_number,
.eventView .slide .slide_box li .data_box ul li .innput_number.disabled .plus,
.eventView .slide .slide_box li .data_box ul li .innput_number.disabled .minus { background-color:#efefef; }


.eventView .total_buy{margin-top:60px;}
.eventView .total_buy>.totla_text{float:right;padding-right:20px;}
.eventView .total_buy>.totla_text>p{float:left;color:#000;font-size:14px;font-weight:700;}
.eventView .total_buy>.totla_text>p:first-child{display:inline-block; height:15px; font-size:14px; padding-right:30px; margin-right: 10px; background: url(//image.goodpeople.co.kr/goodpeople/web/product/ico_sum.png) right center no-repeat; }
.eventView .total_buy>.totla_text>p>span{display:inline-block;padding-left:5px;font-family:'Lato'; font-weight: 700;}
.eventView .total_buy>.totla_text>p>em{color:#e74544;font-family:'Lato';font-weight:300;}

.eventView .all_total{ margin-top:20px;padding-top:10.5px;height:60px; background:#f4f4f4; text-align: right; }
.eventView .all_total > span{display:inline-block; height:15px; font-size:14px; color:#000; padding-right:35px; margin-right: 10px; background: url(//image.goodpeople.co.kr/goodpeople/web/product/ico_sum.png) right center no-repeat; font-family: 'Nanum Barun Gothic';}
.eventView .all_total .set_total{display:inline-block;}
.eventView .all_total .set_total span{display:inline-block; margin-right: 105px; font-size:14px; color:#000;}
.eventView .all_total .set_total em{display:inline-block; margin-right:20px; color:#e74544; font-size:28px; font-weight: 700;position:relative;top:4px;}
.eventView .btn_buy{float: right; display:inline-block; margin-top:20px; padding-top:21px; width:270px; height: 60px; font-size:24px; color:#fff; text-align: center; background: #000; font-weight: 700;}

/* 고객 혜택 */
.benefit_wrap{}
.benefit_wrap h5{margin-top:58px; font-size:20px; line-height:61px; font-weight:400;}
.benefit_wrap h5:first-child{margin-top:0; line-height:23px;}
.benefit_wrap h6{font-family: 'Lato'; font-size:16px; font-weight:700; line-height:44px;}
.benefit_wrap .tbl_wrap{overflow:hidden;}
.benefit_wrap .tbl_wrap.bottom{margin-top:15px;}
.benefit_wrap .tbl_wrap .tbl_box{float:left; width:550px; }
.benefit_wrap .tbl_wrap .tbl_box:first-child{margin-right:40px;}
.benefit_wrap .tbl_benefit{border-top:1px solid #000;}
.benefit_wrap .tbl_benefit.last{margin-bottom:0;}
.benefit_wrap .tbl_benefit tr{border-bottom:1px solid #cccccc; letter-spacing:-1px;}
.benefit_wrap .tbl_benefit tr th{padding:15px 0 15px 30px;text-align:left; font-size:13px; vertical-align:middle; font-weight:400; background-color:#f4f4f4;}
.benefit_wrap .tbl_benefit tr th em{font-family: 'Lato'; font-size:13px; font-weight:700;}
.benefit_wrap .tbl_benefit tr td{vertical-align:middle; padding-left:30px;}
.benefit_wrap .tbl_benefit tr td > em{font-family: 'Lato'; font-size:15px; font-weight:700;}
.benefit_wrap .tbl_benefit tr td > p{font-size:12px; line-height:20px;}
.benefit_wrap .tbl_benefit tr td > p.level_top{ font-size:13px; margin-bottom:9px; font-weight:700;}
.benefit_wrap .tbl_benefit tr td > p > em{font-family: 'Lato'; font-size:12px; font-weight:700;}
.benefit_wrap .tbl_benefit tr td > p > span{font-size:12px; color:#959595;vertical-align:middle;line-height:20px;}
.benefit_wrap .tbl_benefit tr td > p > span > em{font-family: 'Lato'; font-size:12px; color:#959595; vertical-align:middle;line-height:20px;}
.benefit_wrap .tbl_benefit tr td > span{display:block; font-size:12px; color:#959595; line-height:20px;}
.benefit_wrap .tbl_benefit tr td > span.level_sm{margin-top:10px; font-size:12px;}
.benefit_wrap .tbl_benefit tr td > span > em{font-family: 'Lato'; font-size:12px; color:#959595; vertical-align:-1px; font-weight:700;}

.benefit_wrap .tbl_level{}
.benefit_wrap .tbl_level tr td{padding-top:30px; vertical-align:top; border-left:1px solid #dddddd;}
.benefit_wrap .tbl_level tr td:first-child{border-left:0;}
.benefit_wrap .tbl_level tr td > em{display:inline-block;margin-bottom:13px;}

.benefit_wrap .tbl_noti{}
.benefit_wrap .tbl_noti tr td{padding-top:30px; vertical-align:top;}
