@charset "utf-8";

/********공통- 나중에 정리할 것*******/
/*더보기 버튼*/
.btn_more {line-height:37px; height:37px; width:93px;padding-left:35px;text-align:left;background:#999999 url('../images/common/icon_arrow.png') no-repeat 80px 50%; color:#fff;display:inline-block; border-radius:18px;-webkit-border-radius:18px;}


/********event 에서만 공통*******/
.event #sub_section {padding-top:0;padding-bottom:100px;}
/*.event #sub_section .page_title.location {padding-top:24px !important;}*/

/*진행중인 이벤트*/
.event_list {padding-bottom:60px; overflow:hidden;}
.event_list ul {overflow:hidden; margin-top:-30px; margin-left:-32.5px;}
.event_list ul:first-child{ border-bottom:1px solid #e9ebea; padding-bottom:50px; margin-bottom:20px;}
/*.event_list ul:first-child{border-bottom:1px solid #e9ebea; margin-bottom:50px; padding-bottom:20px;}*/
.event_list ul.end{margin-top:0}
.event_list ul li {float:left; width:445px; margin-left:32.5px; overflow:hidden; margin-top:30px;}
.event_list ul li .photo {position:relative;}
.event_list ul li .photo .event_end {position:absolute;left:0;top:0;z-index:9;}
.event_list ul li .photo img{width:445px; height:265px;}
.event_list ul li .photo img a{display:block;}
.event_list ul li .photo div.state_wp {position:absolute;right:20px;bottom:20px;}
.event_list ul li .photo div.state_wp a{display:block;}
.event_list ul li .photo span {display:inline-block;width:90px;height:90px;margin-left:4px;border:2px solid #d89e66;opacity:0.93;}
.event_list ul li .photo span.prize {padding-top:17px; text-align:center; background:#fff; font-size:17px; line-height:18px; color:#cca682; border-radius:50%; box-sizing:border-box; font-weight:600; box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
.event_list ul li .photo span.prize strong{font-size:15px; color:#d89e66;}
.event_list ul li .photo span.online {background: url('../images/event/state_on.png') no-repeat;text-indent:-9999em;}
.event_list ul li .photo span.offline {background: url('../images/event/state_off.png') no-repeat;text-indent:-9999em;}
.event_list ul li .photo span.mobile {background: url('../images/event/state_mobile.png') no-repeat;text-indent:-9999em;}
.event_list ul li .info {text-align:left; min-height:61px; background:#fafafa;}
.event_list ul li .info a span {display:inline-block; color:#fff; line-height:25px; min-height:25px; width:70px; text-align:center; border-radius:13px; font-size:14px; margin:0 20px 0 30px;}
.event_list ul li .info a span.icon01 {background:#d8c1ac;}
.event_list ul li .info a span.icon02 {background:#bbbbbb;}
.event_list ul li .info a strong {line-height:61px; font-size:15px; font-weight:normal; color:#555; word-break: break-word;}


/*이벤트 상세*/
.event_view .list_view {border-top:2px solid #999;}
.event_view .view-title {position:relative; text-align:center; padding:30px 0;}
.event_view .view-title p {font-size:28px;line-height:34px;color:#555;}
.event_view .view-title span.date {font-size:15px;color:#767676;display:block;margin-top:5px;}
.event_view .view-title .state_wp {position:absolute;right:0px;top:30px;}
/*
.event_view .view-title .state_wp  span {display:inline-block;width:57px;height:57px;margin-right:4px;}
.event_view .view-title .state_wp  span.online {background: url('../images/event/state_on.png') no-repeat;text-indent:-9999em;}
.event_view .view-title .state_wp  span.offline {background: url('../images/event/state_off.png') no-repeat;text-indent:-9999em;}
.event_view .view-title .state_wp  span.mobile {background: url('../images/event/state_mobile.png') no-repeat;text-indent:-9999em;}
*/
.event_view .view-cont {position:relative; padding-bottom:0; text-align:center; padding:25px 0 0;}
.event_view .cont_tit {padding-top:70px;}

.event .item_wp {border-top:2px solid #999999;}
.event ul.product {margin-top:35px;}
/*
.event ul.related_item > li {float: left;padding: 50px 0 50px 15px; border-top: 1px solid #e9ebea;}
.event ul.related_item > li.top{padding-top:35px; border-top:0;}
*/
.event_view .reply_register{margin-top:60px;}
.event_view .btn_wp {margin:-10px 0 80px;text-align:center;}
.event_view .btn_wp2 {margin-top:20px;text-align:center;}
.event_view .area-register {padding-right:122px;position:relative;}
.event_view .area-register textarea {height:73px;}
.event_view .area-register .file_area {height:39px;}
.event_view .area-register .btn_enter {position:absolute;right:0;top:0;width:112px;height:112px;line-height:112px;text-align:center;background:#999999;font-size:16px;color:#fff;}
.notice_empty.event_empty {padding-top:40px;}

.event_view .view-cont a.urlCopy_btn{position: absolute; top: 1337px; left: 67px; display: block; width: 382px; height: 214px;}

.event_view .sns_btn_list{margin-bottom:60px;}
.event_view .product_tit{display:block; text-align:center; padding:0 0 34px;}
.event_view .product_tit span{display:block; font-size:26px; color:#555555; /*font-family:ns_serif;*/ font-weight:bold; position:relative;}
.event_view .product_tit span:before,
.event_view .product_tit span:after{content:''; position:absolute; top:19px; width:42%; height:1px; background-color:#e1e1e1;}
.event_view .product_tit span:before{left:0;}
.event_view .product_tit span:after{right:0;}

/*당첨자발표 리스트*/
.winner_wp .paging {margin-top:40px;}

/*당첨자발표 상세*/
.event_view .view-title em.kinds {display:inline-block;margin-right:10px;font-size:13px;color:#fff;height:22px;padding: 0 10px;line-height:22px;background:#cdb57d;}
.event_view.winner .view-cont {padding-bottom:20px;border-bottom:1px solid #e9ebea;}

/*뷰티테스터*/
.beauty_wp {}
.beauty_wp .b_info {margin-top:24px;}
.beauty_wp .b_info li {color:#555;line-height:30px;}
.beauty_wp .b_info li span {display:inline-block;width:100px;color:#555;}
.beauty_wp .b_info li .btn-type02.s_s {width:117px;line-height:27px;margin-left:8px;}
.beauty_wp .btn_list{position:absolute; right:0; top:30px;}
.beauty_wp .btn_view + .btn_view{margin-top:5px;}
.beauty_wp .btn_view {width:90px;line-height:28px; height:28px; padding-left:10px;border:1px solid #e9ebea;text-align:left;background: url('../images/common/btn_arrow.png') no-repeat 85px 50%; color:#767676;display:block; font-size:13px;}
.beauty_wp .b_order {margin:50px 0 10px; border:2px solid #e9ebea;}
.beauty_wp .b_order .b_order_inner{max-width:980px; margin:0 auto;}
.beauty_wp .b_order ol {height:142px; overflow:hidden; /*background: url('../images/event/bg_order.png') no-repeat 47px 30px; */ width:100%; margin-left:33px; display:table;  text-align:center; box-sizing:border-box; padding-top:5px;}
.beauty_wp .b_order ol li {display:table-cell; width:25%; /*padding:10px 50px 20px 90px;*/ /*display: inline-block;*/  /*background-image: url(../images/event/bg_order_01.png); background-repeat: no-repeat; background-position: 50%, 0;*/  vertical-align:middle; position: relative;  box-sizing:border-box; text-align:center;
	padding:0 0 10px 0; position: relative;}
.beauty_wp .b_order ol li[class^="list_"]:before {background-image: url(../images/event/bg_order_01.png); background-repeat: no-repeat; content: ''; width:82px; height:82px; position:absolute; left:0; top:25px; vertical-align: middle; background-size: 82px, 82px;}
/*.beauty_wp .b_order ol li:before {content: ''; position: absolute; left:-35px; top:35px; background-image: url(../images/event/bg_order_bl.png); width:24px; height:4px; margin:0 0 0 0;}*/
.beauty_wp .b_order ol li.list_02:before {background-image: url(../images/event/bg_order_02.png); background-size: 82px, 82px; background-repeat: no-repeat; }
.beauty_wp .b_order ol li.list_03:before {background-image: url(../images/event/bg_order_03.png); background-size: 82px, 82px; background-repeat: no-repeat; }
.beauty_wp .b_order ol li.list_04:before {background-image: url(../images/event/bg_order_04.png); background-size: 82px, 82px; background-repeat: no-repeat; }
.beauty_wp .b_order ol li:after {content: ''; position: absolute; left:-18%; top:62px; background-image: url(../images/event/bg_order_bl.png); width:24px; height:4px; margin:0 0 0 0;}
.beauty_wp .b_order ol li.list_01:after {display:none;}
.beauty_wp .b_order ol li p {font-size:16px;color:#bda691;} 
.beauty_wp .b_order ol li span {display:block;font-size:15px;color:#7d7d7d;}
/*.beauty_wp .event_view .view-cont {padding-top:0;}*/
.beauty_list_wp {margin-top:65px; margin-bottom:130px;}
.beauty_list_wp .b_wrap {position:relative;}
.beauty_list_wp h2 {display:block;font-size:22px;height:45px;position:relative;color:#555;margin:0 85px;}
.beauty_list_wp .b_wrap li p{text-align:center;color:#767676;font-size:18px;line-height:26px;margin-top:16px;}
.beauty_list_wp .input-select {position:absolute;right:0;top:0;width:180px;}
.beauty_list_wp .input-select select {width:180px;height:34px;background:#fff;padding:0;font-size:14px;}
.beauty_list_wp .bx-wrapper{position:static;}
.beauty_list_wp .bx-wrapper .bx-viewport{box-shadow:inherit; border:0 none; left:0;}
.beauty_list_wp .bx-wrapper .bx-controls-direction a{position: absolute; width:22px; height:39px; background: url('../images/common/slider_arrow.png') no-repeat; text-indent: -99999px; margin-top:0; z-index:10;}
.beauty_list_wp .bx-controls-direction .bx-prev {top:64px;left:0px; background-position:left 0 !important;}
.beauty_list_wp .bx-controls-direction .bx-next {top:64px;right:0px; background-position:right 0 !important;}
.beauty_list_wp .bx-pager {margin-top:45px;} 
.beauty_list_wp .beauty_list li {position:relative;}
.beauty_list_wp .beauty_list li .end {position:absolute;left:0;top:0;}
.beauty_list_wp .beauty_list li a img{width: 233px; height: 167px;}

@media screen and (max-width: 1460px){

.beauty_list_wp h2 {display:block;font-size:22px;height:45px;position:relative;color:#555;margin:0;}
.beauty_list_wp .bx-controls-direction .bx-next {top:64px;right:-66px;}
.beauty_list_wp .bx-controls-direction .bx-prev {top:64px;left:-66px;}

}

/*출석체크*/
.attend_top{background:#fcf4e5;}
.attend {position: relative;}
/*div.attend:after {content: ''; position: absolute; left: 0; right: 0; top: 107px; bottom: 0;height:340px; background:#f5f1ed;z-index: -1;}*/
.attend:before {content:''; position:absolute; left:0; right:0; top:0; height:495px; background:#fcf4e5; z-index: -1;}
.attend:after {content: ''; position:absolute; left:0; right:0; top:495px; height:290px; background:#e6ded5; z-index:-1;}
.attend_wp{width:1060px; margin:0 auto;}
.attend_top{position:relative; height:495px; padding:100px 0; background:#fcf4e5 url('../images/event/bg_attend_top.png') no-repeat center top; box-sizing:border-box;}
.attend_top .calendar{float:left; margin-left:378px; width:333px; height:321px; text-align:center; background:url('../images/event/img_calendar.png') no-repeat;}
.attend_top .calendar em{color:#fff; font-size:30px; display:block; margin-left:-16px; height:61px; line-height:61px;}
.attend_top .calendar strong{color:#d8c1ac; font-size:150px; margin-left:-16px; height:214px; line-height:214px;}
.attend_top .calendar_txt {overflow:hidden; margin-left:757px; padding-top:20px;}
.attend_top .calendar_txt ul{overflow:hidden;}
.attend_top .calendar_txt ul li{position:relative; padding-left:16px; line-height:26px; color:#999393; font-size:18px;}
.attend_top .calendar_txt ul li:before{content: ''; position:absolute; top:10px; left:0; width:6px; height:6px; border-radius:50%; background:#a6a6a6;}
.attend_top .calendar_txt  ul li + li{margin-top:11px;}
.attend_top .btn-attend{width:303px; height:58px; line-height:58px; padding-left:85px; margin-top:45px; text-align:left; background:#afa7a5 url('../images/event/btn_attend.png') no-repeat 205px center; box-sizing:border-box;}
.attend_top .btn-attend em{color:#fff; font-size:26px;}
.attend_wp .attend_info {overflow:hidden; background:#e6ded5; height:290px; color:#9d9393;}
.attend_wp .attend_info dl{float:left; position:relative; height:290px; width:530px; padding-top:80px; padding-left:70px; box-sizing:border-box; background:url('../images/event/bg_attend_02.png') no-repeat 306px 65px;}
.attend_wp .attend_info dl:first-child{padding-left:0px; background:url('../images/event/bg_attend_01.png') no-repeat 310px 71px;}
.attend_wp .attend_info dl:first-child:after{content:''; position:absolute; top:33px; right:-1px; width:2px; height:224px; background:url('../images/event/bg_attend_03.png') repeat-y;}
.attend_wp .attend_info dl dt {display:block;font-size:20px; margin-bottom:23px;}
.attend_wp .attend_info dl dt span{font-size:28px;}
.attend_wp .attend_info dl dt strong{font-size:25px;}
.attend_wp .attend_info dl dd {font-size:20px;line-height:22px;}
.attend_wp .attend_info  p {color:#978e86;font-size:14px;line-height:22px;}
.attend_status_wp{margin-top:70px; height:660px; background:#fff url('../images/event/bg_attend_04.png') no-repeat center 8px;}
.attend_status_wp .title{display:block; text-align:center; font-size:30px; color:#a79f9f; font-weight:normal; position:relative; line-height:28px;}
.attend_status{padding-top:90px; text-align:center; width:719px; margin:0 auto; overflow:hidden;}
.attend_status dl{overflow:hidden; float:left; height:175px; width:359px; box-sizing:border-box; border:1px solid #a79f9f;}
.attend_status dl dt{background:#a79f9f; font-size:26px; color:#fff; height:120px; line-height:120px;}
.attend_status dl + dl{margin-left:1px;}
.attend_status dl dt span{font-size:50px; margin-right:5px;}
.attend_status dl dd{font-size:20px; color:#767676; height:54px; line-height:54px;}
.attend_number{width:880px; margin:0 auto; padding-top:90px;}
.attend_number .attend_number_tit{display:block; text-align:center;}
.attend_number .attend_number_tit span{display:block; font-size:22px; color:#555;  font-weight:normal; position:relative;}
.attend_number .attend_number_tit span:before,
.attend_number .attend_number_tit span:after{content:''; position:absolute; top:17px; width:294px; height:1px; background-color:#e1e1e1;}
.attend_number .attend_number_tit span:before{left:0;}
.attend_number .attend_number_tit span:after{right:0;}
.attend_number .bar_wp{width:850px; margin:0 auto; padding-top:70px; position:relative;}
.attend_number .bar{background:#d4d0d0; height:15px; margin-bottom:45px; width:820px; position:relative;}
.attend_number .bar span.action{display:block; position:relative; background:#d8c1ac; height:15px; z-index:2;}
.attend_number .bar span.action em{position:absolute; display:inline-block; background:#d8c1ac; top:0; right:-32px; width:65px; height:65px; margin-top:-25px; border-radius:50%; color:#fff; text-align:center; line-height:66px; font-size:16px;}
.attend_number .bar span.action02{position:absolute; background:#a79f9f; top:0; right:-32px; width:65px; height:65px; margin-top:-25px; border-radius:50%; color:#fff; text-align:center; line-height:16px; font-size:14px;}
.attend_number .bar span.action02 em{display:inline-block; padding-top:15px;}
.attend_number .bar_wp ul{font-size:0; margin-left:14px;}
.attend_number .bar_wp ul li{display:inline-block; color:#767676; font-size:15px; width:82px; text-align:right;}

/*타임세일*/
.time_sale_wp{background:#fcf4e5; width:100%; min-height:520px; /*height:520px;*/ margin-top:-3px}
.time_sale{width:1400px; display:table;/*height:520px;*/ margin:0 auto; background:#fcf4e5; overflow:hidden;}
.time_sale .thumnail{display:table-cell; vertical-align:middle; width:640px; height:inherit; box-sizing:border-box; padding-left:60px; background:url('../images/event/bg_time_sale.png') no-repeat center center;}
.time_sale .thumnail a {display:block; overflow:hidden; height:520px; width:520px;}
.time_sale .thumnail a img {height:100%; width:100%;}
.time_sale .product_info{width:620px; float:right; text-align:center; margin-right:40px; padding-top:60px;}
.time_sale .product_info .product_txt{display:inline-block; font-size:22px; height:42px; line-height:42px; padding:0 26px 0 58px;color:#fff; background:#a79f9f url('../images/event/img_time.png') no-repeat 10px center; border-radius:21px;}
.time_sale .time_out {height:70px; padding:40px 0; overflow:hidden; border-bottom:1px solid #e8e0d4;}
.time_sale .time_out .time{line-height:70px; color:#828181;}
.time_sale .time_out .time span{font-size:90px; font-weight:bold;}
.time_sale .time_out .time em{font-size:70px; margin:0 15px; line-height:60px; vertical-align:top;}
.time_sale .product_detail{padding-top:24px;}
.time_sale .product_detail > a{font-size:32px; color:#999393;}
.time_sale .price_info{color:#a79f9f;}
.time_sale .price_info .discount {display:inline-block; padding-right:10px;}
.time_sale .price_info .discount del {position:relative; font-size:28px; text-decoration:none;}
.time_sale .price_info .discount del:before {background-color:#a79f9f; content:""; position:absolute; left:0; top:50%; margin-top:-1px; height:1px; width:100%;}
.time_sale .price_info .price{display:inline-block; font-size:32px;}
.time_sale .price_info .price strong{font-size:40px;}
.time_sale .btn_set{margin-top:40px; margin-bottom:40px;}
.time_sale .btn_set a:first-child{margin-right:-5px; border-right:0}
.time_sale .btn-sale01{background:#a79f9f; width:140px; height:50px; line-height:50px;}
.time_sale .btn-sale01 em{color:#fff; font-size:22px;}
.time_sale .btn-sale02{background:none;  width:140px; height:50px; line-height:48px; border:1px solid #a79f9f;}
.time_sale .btn-sale02 em{color:#a79f9f; font-size:22px;}

.time_sale_tit{display:block; text-align:center; padding:114px 0 34px;}
.time_sale_tit span{display:block; font-size:26px; color:#555555; /*font-family:ns_serif;*/ font-weight:bold; position:relative;}
.time_sale_tit span:before,
.time_sale_tit span:after{content:''; position:absolute; top:19px; width:42%; height:1px; background-color:#e1e1e1;}
.time_sale_tit span:before{left:0;}
.time_sale_tit span:after{right:0;}

.timesale_empty{padding:80px 0 100px 0;}
.timesale_empty p{position: relative; padding-top: 100px; color: #767676; text-align: center;}
.timesale_empty p:before{content: ''; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; width: 70px; height: 70px; background: url(../images/common/icon_timesale_empty.png) no-repeat 50% top;}
@media (max-width:1460px){
	
.time_sale{width:980px;}
.time_sale .thumnail{width:520px; padding-left:0; background-size:106%;}
.time_sale .product_info{width:460px; float:right; text-align:center; margin-right:0; padding-top:60px;}

}