@charset "utf-8";

/**폰트 사이즈*/
/**********************************************************************************************
기본폰트 13px, 0.813em
18px ---> 9px ---> 0.692em
22px ---> 11px ---> 0.846em
24px ---> 12px ---> 0.923em
26px ---> 13px ---> 0.813em
28px ---> 14px ---> 1.077em
30px ---> 15px ---> 1.154em
32px ---> 16px ---> 1.231em
34px ---> 17px ---> 1.308em
36px ---> 18px ---> 1.385em
38px ---> 19px ---> 1.462em
**********************************************************************************************/

/*이벤트 > 공통 > 이벤트 뱃지*/
.event [class^="event_"] div.state_wp {position:absolute; right:10px; bottom:60px; opacity:0.93;}
.event [class^="event_"] div.state_wp span[class^="state_"] {display:inline-block; width:65px; height:65px; margin-left:4px; color:#fff; font-size:0.923em; border:2px solid #daa470;}
.event [class^="event_"] div.state_wp span.state_prize {padding-top:11px; text-align:center; background:#fff; line-height:14px; color:#cca682; border-radius:50%; box-sizing:border-box; box-shadow:0px 3px 3px rgba(0,0,0,0.1);}
.event [class^="event_"] div.state_wp span strong{font-size:0.917em; color:#d89e66;}
.event [class^="event_"] div.state_wp span.state_online {background-color:#8186be;}
.event [class^="event_"] div.state_wp span.state_offline {background-color:#61abb9;}
.event [class^="event_"] div.state_wp span.state_mobile {background-color:#f5be4a;}
.event [class^="event_"] p.event_tit {font-size:1.231em; text-align:center;}
.event [class^="event_"] p.event_txt {margin-top:10px; color:#767676; font-size:0.923em; text-align:center;}
.event [class^="event_"] h3 {font-size:1.154em; font-weight:normal;}
/*이벤트 > 공통 > 버튼*/
.event .event_more {margin-top:20px;}
.event [class^="event_"] .btn_top {margin-top:10px;}
/*이벤트 > 공통 > 구분*/
[class^="event_"] .sort_set {float:right; display:inline-block; margin-top:3px;}
[class^="event_"] .sort_set .form-sort_select .virtual_select {color:#333;}
/*이벤트 > 공통 > 상세 >  이미지*/
.event [class^="event_"] div.event_view_img {margin-top:25px;}
.event [class^="event_"] div.event_view_img img {width:100%; max-width: 100%; height:auto !important;}
/*공통 > 관련아이템 */
[class^="event_item_"] {margin-top:50px; position:relative;}
[class^="event_item_"] h3 {overflow:hidden; font-size:1.385em !important; text-align:center; font-weight:normal;}
[class^="event_item_"] .event_item_list {position: relative; overflow:hidden; margin-top:5px; clear:both;}
[class^="event_item_"] .event_item_list > ul {overflow:hidden;}
[class^="event_item_"] .event_item_list > ul > li {float: left; width:50%;}
[class^="event_item_"] .event_item_list > ul > li .product_info-type01{margin-bottom:10px;}
[class^="event_item_"] .event_item_list > ul > li:nth-child(odd) .product_info-type01{margin-right:10px;}
[class^="event_item_"] .event_item_list > ul > li:nth-child(even) .product_info-type01{margin-left:10px;}
/*공통 > table*/
[class^="event_table_"] {margin-top:25px; width:100%;}
[class^="event_table_"] table {width:100%;}
[class^="event_table_"] table col.th_division {width:50px;}
[class^="event_table_"] table tr th {padding:10px 10px; text-align:center; color:#fff; background-color: #999; font-weight: normal; border-bottom:1px solid #e9ebea;}
[class^="event_table_"] table tr td {padding:15px 5px; text-align: left; border-bottom:1px solid #e9ebea;}
[class^="event_table_"] table tr td.event_no {text-align:center; font-size:0.923em;}
[class^="event_table_"] table tr td p.list_title {font-weight:bold;}

/*이벤트 > 진행중인 이벤트*/
.event .event_ing .event_ing_wrap {}
.event .event_ing .event_ing_wrap img {width:100%;}
.event .event_ing .event_ing_wrap ul.end{border-top:1px solid #e9ebea; padding-top:30px; margin-top:30px;}
.event .event_ing .event_ing_wrap li{position:relative;}
.event .event_ing .event_ing_wrap li + li{margin-top:20px;}
.event .event_ing .event_ing_wrap li a{display:block; position:relative;}
.event .event_ing .event_ing_wrap li.event_end a {display:block; width:100%; height:100%; position:relative;}
.event .event_ing .event_ing_wrap li.event_end a:before {content: ''; position: absolute; top:0; left: 0; display:inline-block; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);}
.event .event_ing .event_ing_wrap li.event_end a:after {content:'마감된 이벤트'; position: absolute; top:50%; left: 0; margin-top:-10px; width: 100%; height:100%; color:#fff; text-align: center; font-weight: bold; font-size:1.154em;}
.event .event_ing p.event_tit {padding:0 20px; margin-top:15px; font-size:1.154em; font-weight:bold;}
.event .event_ing .info{background:#fafafa; text-align:left; padding:14px 0;}
.event .event_ing .info span{width:64px; line-height:22px; height:22px; vertical-align:text-bottom; margin:0 10px 0 15px;text-align:center; color:#fff; display:inline-block; border-radius:15px; font-size:1.077em;}
.event .event_ing .info span.icon01 {background:#d8c1ac;}
.event .event_ing .info span.icon02 {background:#bbbbbb;}
.event .event_ing .info strong{font-weight:normal; font-size:1.077em; color:#767676; word-break: break-word; vertical-align:top; line-height:160%;}

/*이벤트 > 진행중인 이벤트 상세*/
.event .event_view .event_view_wrap{margin-top:25px;}
.event .event_view .event_view_img{position: relative;}
.event .event_view .event_view_img .url_copy_btn{display: inline-block; position: absolute; top:47%; left:7%; width: 39%; height: 8%;}
.event .event_view .event_view_img .facebook_btn{display: inline-block; position: absolute; top:47.5%; left:49%; width: 7%; height: 2%;}
.event .event_view .event_view_img .kakaostory_btn{display: inline-block; position: absolute; top:47.5%; left:56%; width: 7%; height: 2%;}
.event .event_view .event_view_img .join_go_btn{display: inline-block; position: absolute; top:93%; left:38%; width: 22%; height: 3%;}
.event_sns {margin-top:20px; text-align:center; font-size:0;}
.event_sns span {display:inline-block;}
.event_sns span a {display:inline-block; width:28px; height:28px; margin-left:9px;}
.event_sns span:first-child a {margin-left:0;}
.event_sns span a:before {background-repeat: no-repeat; background-image: url(../images/common/icon_sns_type02.png); content: ''; display: inline-block; width: 28px; height: 28px; background-size: 28px; vertical-align: middle;}
.event_sns span.event_sns_kt a:before {background-position: 0 -29px;}
.event_sns span.event_sns_ks a:before {background-position: 0 -58px}
.event_sns span.event_sns_sh a:before {background-position: 0 -87px}
.event_item_img .sort_set{margin-bottom:10px; margin-top:25px;}

.event .view-navi {position:relative; background-color:#f9f9f9; display:table; border:1px solid #d8d8d8; margin-top:50px; width:100%; box-sizing:border-box;}
.event .view-navi dl.prev, .view-navi dl.next {width:50%; display:table-cell; vertical-align:middle; height:40px;}
.event .view-navi dl dt {display:none; float:none;}
.event .view-navi dl dd {padding:0 14px; position:relative; overflow: hidden; max-width:140px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap;}
.event .view-navi dl.prev {border:0;}
.event .view-navi dl.next {border-left:1px solid #e9ebea;}
.event .view-navi dl.next dd {float:right; text-align:right;}
.event .view-navi dl dd a {color:#767676;}
.event .view-navi dl.prev dd a {padding-left:10px;}
.event .view-navi dl.next dd a {padding-right:10px;}
.event .view-navi dl.prev dd:before{position:absolute; left:10px; top:50%; margin-top:-6px; content: ''; display: inline-block; margin-left: 0; width: 7px; height: 12px; background: url('../images/common/list_view_pre.png') no-repeat; background-size:100%;}
.event .view-navi dl.next dd:after{position:absolute; right:10px; top:50%; margin-top:-6px; content: ''; display: inline-block; margin-left:0; width: 7px; height: 12px; background: url('../images/common/list_view_next.png') no-repeat; background-size:100%;}

/*이벤트 > 뷰티테스트*/
.event_beauty .content{padding-top:45px;}
.event_beauty .event_beauty_wrap {margin-top:25px;}
.event_beauty .event_beauty_wrap .event_beauty_view {margin-top:30px; padding:15px 10px; border:2px solid #e9ebea; text-align:center;}
.event_beauty .event_beauty_wrap .event_beauty_view p {color:#767676;}
.event_beauty .event_beauty_wrap .event_beauty_view a {position:relative; margin-top:10px; display:inline-block;}
.event_beauty .event_beauty_wrap .event_beauty_view a:before {position: absolute; left: 0; bottom: -4px; width: 65px; height: 1px; content: ''; border-bottom: 1px solid #999;}
.event_beauty .event_beauty_wrap .event_beauty_view ol {overflow: hidden; display:table; text-align:center; width:100%;}
.event_beauty .event_beauty_wrap .event_beauty_view ol li {width:25%; display:table-cell; text-align:center; position: relative;}
.event_beauty .event_beauty_wrap .event_beauty_view ol li[class^="list_"]:before {content: ''; display:inline-block;  background-image: url('../images/event/event_info_01.png'); background-repeat: no-repeat; width:50px; height:50px; background-size:50px, 50px; }
.event_beauty .event_beauty_wrap .event_beauty_view ol li.list_02:before {background-image: url('../images/event/event_info_02.png');}
.event_beauty .event_beauty_wrap .event_beauty_view ol li.list_03:before {background-image: url('../images/event/event_info_03.png');}
.event_beauty .event_beauty_wrap .event_beauty_view ol li[class^="list_"]:after {content: ''; position:absolute; left:-9%; top:26%;  background:url('../images/event/bg_beauty_info.png') no-repeat; width:14px; height:2.5px; background-size:100%;}
.event_beauty .event_beauty_wrap .event_beauty_view ol li:first-child:after {display: none;}
.event_beauty .event_beauty_wrap .event_beauty_view ol li span {color:#767676; display:block; padding-top:3px; font-size:0.846em;}
.event_beauty .event_beauty_wrap .event_beauty_view ol li span.info_txt {padding-top:7px; color:#bda691; font-size:0.923em;}
.event_beauty .event_beauty_wrap .event_info {margin-top:20px; position:relative;}
.event_beauty .event_beauty_wrap .event_img img {width:100%; max-width:100%; height:auto !important;}
.event_beauty .event_beauty_wrap .btn_list{text-align:center; margin-top:23px;}
.event_beauty .event_beauty_wrap .btn_view {display:inline-block; color:#767676; font-size:0.923em; width:90px; line-height:26px; height:26px; padding-left:8px; border:1px solid #e9ebea; text-align:left; background:url('../images/common/btn_arrow.png') no-repeat 83px 50%; background-size:6px 10px;}

/*이벤트 > 뷰티테스트 > 댓글*/
.event .event_reply_wrap {margin-top:40px;}
.event .event_reply_wrap .event_reply_top {position:relative; overflow:hidden; width:100%;}
.event .event_reply_wrap .event_reply_top p {display:inline-block; padding-top:3px; color:#767676;}
.event .event_reply_wrap .event_reply_top p:before {content: ''; display:inline-block;  background-image: url(../images/common/icon_review.png); background-repeat: no-repeat; width:18px; height:18px; background-size:18px; margin:0 3px 4px 0; vertical-align: middle;}
.event .event_reply_wrap .event_reply_top p > span {color:#bda691; font-weight:bold;}
.event .event_reply_wrap .event_reply_top .event_re_btn01 {float: right;}
.event .event_reply_wrap .event_reply_list {border-top:1px solid #999999; margin-top:10px;}
.event .event_reply_wrap .event_reply_list ul li {padding:13px 0; border-bottom:1px solid #e9ebea;}
.event .event_reply_wrap .event_reply_list p {padding-top:10px;}
.event .event_reply_wrap .event_reply_list p.event_id {padding-top:0; color:#767676; font-size:0.846em;}
.event .event_reply_wrap .event_reply_list .event_re_btn02 {margin-top:10px;}
.event .add_img {width:180px; height:180px; margin-top:10px; display:block;}
.event .add_img img {width:100%; height:100%;}

/*이벤트 > 뷰티테스트 > 뷰티테스터List*/
.event_tester_wrap {width:100%; margin-top:45px;}
.event_tester_wrap > h3 {display:inline-block;}
.event_tester_wrap .sort_set span {color:#333;}
.event_tester_wrap .sort_set span.form-sort_select {width:65px; }
.event_tester_wrap .event_tester_list {margin-top:15px; padding-bottom:10px; overflow:hidden; clear:both;}
.event_tester_wrap .event_tester_list ul {/*margin-left:8px;*/ padding-left:0; }
.event_tester_wrap .event_tester_list ul.swiper-wrapper li.swiper-slide {float:left; text-align:center;}
.event_tester_wrap .event_tester_list ul.swiper-wrapper li.swiper-slide.end span {position: relative; width:100%; height:100%; display:inline-block;}
.event_tester_wrap .event_tester_list ul.swiper-wrapper li.swiper-slide.end span:before {position: absolute; left:0; top:0; width:100%; height:100%;  display:inline-block; background-color: rgba(153,153,153,.75); content: '';}
.event_tester_wrap .event_tester_list ul.swiper-wrapper li.swiper-slide.end span:after {content:'마감'; position: absolute; top:50%; left: 0; margin-top:-12px; width: 100%; height:100%; color:#fff; text-align: center; font-weight: bold; font-size:1.154em;}
.event_tester_wrap .event_tester_list ul.swiper-wrapper li.swiper-slide:first-child {margin-left:0;}
.event_tester_wrap .event_tester_list ul.swiper-wrapper li.swiper-slide p {padding-top:10px; color:#767676;}
.event_tester_wrap .event_tester_list ul.swiper-wrapper li img {width:100%;}

/*이벤트 > 뷰티테스트 > 댓글작성*/
.event_beauty_reply .event_reply_write {margin-top:25px; padding-top:22px; border-top:1px solid #999;}
.event_beauty_reply .event_reply_write .event_reply_top {display:table; width:100%;}
.event_beauty_reply .event_reply_write .event_reply_top p {display:table-cell;}
.event_beauty_reply .event_reply_write .event_reply_top p.event_id {font-size:0.846em; font-weight:bold;}
.event_beauty_reply .event_reply_write .event_reply_top p.event_id:before {content: ''; display:inline-block;  background-image: url(../images/common/icon_review.png); background-repeat: no-repeat; width:18px; height:18px; background-size:18px; margin:0 5px 0px 0; vertical-align: middle;}
.event_beauty_reply .event_reply_write .event_reply_top p.event_reply {text-align:right; color:#767676; font-size:0.923em;}
.event_beauty_reply .event_reply_write .event_reply_top p.event_reply span {color:#bda691; font-weight:bold;}
.event_beauty_reply .event_reply_write .form-textarea {margin-top:15px;}
.event_beauty_reply .event_reply_write .form-file {margin-top:10px;}
.event_beauty_reply .event_reply_write .form-file p.file_txt {margin-top:40px; color:#767676;}
.event_beauty_reply .event_reply_write .btn_set {margin-top:20px;}

/*이벤트 > 당첨자 발표*/
.event [class^="event_"] dl.event_division {display:table;}
.event [class^="event_"] dl.event_division dt, .event [class^="event_"] dl.event_division dd {display:table-cell; color:#767676; vertical-align: middle; font-size:0.923em; padding-top:7px;}
.event [class^="event_"] dl.event_division dt {color:#bda691;}
.event [class^="event_"] dl.event_division dd {position:relative; padding-left:14px;}
.event [class^="event_"] dl.event_division dd:before {position: absolute; left:0; top:9px; border-left:1px solid #e9ebea; width:1px; height:12px; content: ''; margin-left:6px; margin-right:7px;}
.event_winner_view .event_winner_wrap p.vinner_view_tit {font-weight: bold; font-size:1.231em;}
.event_winner_view .event_winner_wrap p.winner_txt {color:#767676; margin-top:15px;}

/*이벤트 > 출석체크*/
.event .attend_top{position:relative; height:445px; padding-top:177px; background:#fcf4e5 url('../images/event/bg_attend_top.png') no-repeat center top; background-size:320px 445px; box-sizing:border-box;}
.event .attend_top .calendar{width:177px; height:163px; margin:0 auto; text-align:center; background:url('../images/event/img_calendar.png') no-repeat; background-size:100%;}
.event .attend_top .calendar em{color:#fff; font-size:1.231em; display:block; height:32px; line-height:32px;}
.event .attend_top .calendar strong{color:#d8c1ac; font-size:6.077em; height:123px; line-height:123px;}
.event .attend_top .calendar_txt {overflow:hidden; margin-left:757px; padding-top:20px;}
.event .attend_top .calendar_txt ul{overflow:hidden;}
.event .attend_top .calendar_txt ul li{position:relative; padding-left:16px; line-height:26px; color:#999393; font-size:18px;}
.event .attend_top .calendar_txt ul li:before{content: ''; position:absolute; top:10px; left:0; width:6px; height:6px; border-radius:50%; background:#a6a6a6;}
.event .attend_top .calendar_txt  ul li + li{margin-top:11px;}
.event .attend_top .btn-attend{position:absolute; left:6.4%; bottom:25px; width:87.5%; height:45px; line-height:45px; margin-top:45px; text-align:center; background:#afa7a5; box-sizing:border-box;}
.event .attend_top .btn-attend span{position:relative; color:#fff; font-size:1.538em; font-weight:normal; margin-left:-15px;}
.event .attend_top .btn-attend span:after{content: ''; position:absolute; top:8px; right:-16px; width:7px; height:10px; background:url('../images/event/btn_attend.png') no-repeat; background-size:100%;}
.event .attend_info {overflow:hidden; background:#e6ded5; height:260px; color:#9d9393; padding:0 10px;}
.event .attend_info dl{position:relative; height:130px; padding:0 10px; padding-top:22px; box-sizing:border-box; background:url('../images/event/bg_attend_02.png') no-repeat right center; background-size:112px 80px;}
.event .attend_info dl:first-child{background:url('../images/event/bg_attend_01.png') no-repeat right center; background-size:68px 68px;}
.event .attend_info dl:first-child:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:url('../images/event/bg_attend_03.png') repeat-x;}
.event .attend_info dl dt {display:block; margin-bottom:10px; font-size:0.923em;}
.event .attend_info dl dt strong{display:block; margin-top:5px; font-size:1.583em;}
.event .attend_info dl dd {font-size:1.077em;}
.event .attend_status{text-align:center; overflow:hidden;}
.event .attend_status dl{overflow:hidden; float:left; height:179px; width:48.5%; box-sizing:border-box; border:1px solid #a79f9f;}
.event .attend_status dl dt{background:#a79f9f; font-size:1.538em; color:#fff; height:145px; line-height:145px;}
.event .attend_status dl + dl{margin-left:3%;}
.event .attend_status dl dt span{font-size:1.750em; margin-right:5px;}
.event .attend_status dl dd{font-size:1.077em; color:#767676; height:33px; line-height:33px;}
.event .attend_bar_wp{position:relative; width:207px; height:207px; margin:0 auto;}
.event .attend_bar_wp:after{content:''; background:url('../images/event/bg_attend_bar.png') no-repeat; position:absolute; left:0; top:0; width:207px; height:207px; background-size:207px 207px; z-index:2;}
.event .attend_bar_wp .attend_bar01 p{position:absolute; top:0; width:100%; color:#d8c1ac; font-size:3.077em; line-height:207px; text-align:center;}
.event .attend_bar_wp .attend_bar01 .attend_number01{position:absolute; left:0; top:0; z-index:9999; width:0px; height:0px; opacity:0; visibility:hidden;}
.event .attend_bar_wp .attend_bar02 {position:absolute; top:-4px; left:-4px; z-index:3;}
.event .attend_bar_wp .attend_bar02 .attend_number02{display:none;}
.event .attend_txt{overflow:hidden; margin-top:30px; padding:25px 15px; background:#fafafa;}
.event .attend_txt span{position:relative; font-size:1.154em; color:#767676;}
.event .attend_txt span:after{position:absolute; content:''; width:100%; height:1px; background:#767676; left:0; bottom:-4px;}
.event .attend_txt ul{overflow:hidden;  margin-top:15px;}
.event .attend_txt ul li{position:relative; padding-left:8px; color:#767676;}
.event .attend_txt ul li:before{content: ''; position:absolute; top:7px; left:0; width:3px; height:3px; border-radius:50%; background:#767676;}
.event .attend_txt ul li + li{margin-top:11px;}

.event .page_title{display:block; text-align:center; padding:40px 0 25px; font-size:1.462em;}
.event .page_title span{color:#555555; font-weight:normal; position:relative;}
.event .page_title span:before,
.event .page_title span:after{content:''; position:absolute; top:12px; width:45px; height:1px; background-color:#e1e1e1}
.event .page_title span:before{left:-60px;}
.event .page_title span:after{right:-60px;}

/*이벤트 > 타임세일*/
.time_sale{position:relative; background:#fcf4e5; height:340px; text-align:center;}
.time_sale .time_out {height:35px; padding:24px 0; overflow:hidden;}
.time_sale .time_out .time{line-height:35px; color:#828181;}
.time_sale .time_out .time span{font-size:3.462em; font-weight:bold;}
.time_sale .time_out .time em{font-size:2.692em; margin:0 7px; line-height:30px; vertical-align:top;}
.time_sale .thumnail{width:215px; height:215px; margin:0 auto; background:#fff; border-radius:50%;}
.time_sale .thumnail a {display:block; overflow:hidden; height:215px; width:215px;}
.time_sale .thumnail a img {height:100%; width:100%;}
.time_sale .time_sale_txt{position:absolute; bottom:0; text-align:center; left:0; right:0; bottom:-15px;}
.time_sale .time_sale_txt p{display:inline-block; font-size:1.077em; height:30px; line-height:30px; padding:0 24px 0 38px; color:#fff; border-radius:15px; background:#a79f9f url('../images/event/img_time.png') no-repeat 7px center; background-size:15px 15px;}
.time_sale_info{text-align:center; border-bottom:1px solid #e9ebea; padding:30px 0; margin:0 10px;}
.time_sale_info .product_detail > a{font-size:1.231em; color:#555;}
.time_sale_info .price_info{color:#555;}
.time_sale_info .price_info .discount {display:inline-block; padding-right:5px;}
.time_sale_info .price_info .discount del {position:relative; font-size:1.077em; text-decoration:none; color:#767676;}
.time_sale_info .price_info .discount del:before {background-color:#767676; content:""; position:absolute; left:0; top:50%; margin-top:1px; height:1px; width:100%;}
.time_sale_info .price_info .price{display:inline-block; font-size:1.231em;}
.time_sale_info .price_info .price strong{font-size:1.250em; font-weight:normal;}
.time_sale_info .btn_set{margin-top:15px; display:table; width:100%;}
.time_sale_info .btn_set >div{display:table-cell; float:none; width:auto; margin:0; vertical-align:top;}
.time_sale_info .btn_set >div.btn1 a{width:50%; float:left;}
.time_sale_info .btn_set >div.btn1 a:first-child{border-right:0}
.time_sale_info .btn_set >div.btn2{padding-left:5px;}

.event_time_sale .time_sale_title{display:block; text-align:center; padding:30px 0 25px; font-size:1.385em; color:#555;}

.timesale_empty{margin:30px 0; padding-bottom: 40px; text-align:center;}
.timesale_empty p{margin-top: 10px; color: #767676; text-align: center; display:block;}
.timesale_empty:before{content: ''; display: inline-block; margin-bottom: 0; width: 40px; height: 40px; background: url(../images/common/icon_timesale_empty.png) no-repeat; background-size:100%;}

/*이벤트 > 타임세일 1+1 제품목록 */
.event_time_sale .list_area .list_wp >ul{overflow:hidden;}
.event_time_sale .list_area .list_wp >ul >li{width:50%; float:left;}
.event_time_sale .list_area .list_wp >ul >li:nth-child(odd) .product_info-type01{padding-right:10px;}
.event_time_sale .list_area .list_wp >ul >li:nth-child(even) .product_info-type01{padding-left:10px;}
.event_time_sale .list_area .list_wp >ul >li:nth-child(even) .product-label{left:20px;}

.event_time_sale .list_area .list_wp ul li .product_info-type01{box-sizing:border-box; padding-bottom:19px}
.event_time_sale .list_area .list_wp ul li .product_info-type01 .product-info_area{height:60px;}
.event_time_sale .list_area .list_wp ul li .product_info-type01 .product-info_area .name{margin:11px 0 0 0}
.event_time_sale .list_area .list_wp ul li .product_info-type01 .product-info_area .name a strong{color:#777777; font-size:0.923em; font-weight:normal; line-height:140%}

.event_time_sale .list_area .list_wp >ul.sort_type02{margin-bottom:20px;}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li{width:100%; float:none; border-bottom:1px solid #999; padding:10px 0}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li .product_info-type01{padding:0}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-label{display:none;}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-img{float:left; width:80px; height:80px; max-width:80px; margin:0}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-info_area{padding:10px 40px 10px 90px; text-align:left; height:auto; min-height:60px;}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-info_area .name{margin:0}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-btn_area{position:absolute; right:0; top:14px; margin-top:0}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-btn_area ul{display:block;}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-btn_area ul li{float:none; margin:0}
.event_time_sale .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-btn_area ul li.interest{margin-bottom:10px;}

.event_time_sale .list_area .list_wp >ul.sort_type03 .product-btn_area{display:none;}

.event_time_sale .sort_list{float: left;}
.event_time_sale .sort_list ul{overflow: hidden; margin-left: 15px;}
.event_time_sale .sort_list ul li{float: left; margin-left: 12px; width: 16px; height: 16px;}
.event_time_sale .sort_list ul li:first-child{margin-left: 0;}
.event_time_sale .sort_list ul li a{display: block; width: 100%; height: 100%; background: url('../images/product/sort_list.png') no-repeat; background-size: 73px 32px;}
.event_time_sale .sort_list ul li:nth-child(1) a{background-position: 0px top; -webkit-transition:all .5s;}
.event_time_sale .sort_list ul li:nth-child(2) a{background-position: -28.5px top; -webkit-transition:all .5s;}
.event_time_sale .sort_list ul li:nth-child(3) a{background-position: -57px top; -webkit-transition:all .5s;}
.event_time_sale .sort_list ul li.active:nth-child(1) a{background-position: 0px bottom;}
.event_time_sale .sort_list ul li.active:nth-child(2) a{background-position: -28.5px bottom;}
.event_time_sale .sort_list ul li.active:nth-child(3) a{background-position: -57px bottom;}