@font-face {
  font-family: 'GmarketSans';
  font-weight: 300;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'GmarketSans';
  font-weight: 500;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'GmarketSans';
  font-weight: 700;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
  font-display: swap;
}

.event_topArea {
  height: 334px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin-bottom: 95px;
}

.event_topArea>p {
  color: #fff;
  opacity: 0.3;
  font-size: 45px;
  font-family: 'GmarketSans';
  font-weight: 700;
  padding-top: 20px;
}

.timer_View {
  margin-top: 15px;
  margin-bottom: 15px;
}

.timer_View>span {
  font-size: 32px;
  font-weight: 700;
  background-color: #000;
  position: relative;
  border-radius: 7px;
  padding: 5px 12px;
  margin: 3px;
  vertical-align: middle;
}
.timer_View.timer_ViewEnd >span {
 opacity: .4; 
}
.timer_View>span:after {
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  content: '';
}

.event-view-warp .t-con {
  margin: 0 auto;
  width: 400px;
  display: block;
}

#E_hour0 {
  display: none;
}
.sale-warp .list-box ul li .p-img {
  background-color:#f5f5f5;
}
.event_onlyRafflepan {
  font-family: 'GmarketSans';
  font-weight: 300;
  display: block;
  text-align: center;
  width: 232px;
  line-height: 2;
  color: #B8B8B8;
  border: 1px solid #D9D9D9;
  box-sizing: content-box;
  border-radius: 30px;
  padding: 3px 10px;
  font-size: 12px;
  letter-spacing: 0.54em;
  margin: 0 auto;
}

.event_viewArea>.boxy-warp {
  margin-top: 140px;
  width: 690px;
}

.event_viewArea>.boxy-warp>.b-detail {
  text-align: center;
}

.event_Title {
  font-size: 21px;
  font-weight: 700;
  text-align: center;
  padding-top: 17px;
  padding-bottom: 0px;
}
.event_Sub {
  padding-bottom:20px;
  font-weight:700;
  font-size:15px;
}

.event_txt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: left;
  border-top:1px solid #ddd;
  width:300px;
  margin:0 auto;
}

.event_txt>dd {
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom:12px;
}

.event_txt>dd>span {
  color:#000;
}
.event_txt>dd>span:first-child {
  font-size:15px;
  padding-right:7px;
  font-weight: 700;
}

.event_txt>dd>span:last-child {
  font-size:34px;
  font-weight: 900;
}

.event_txt>dt {
  font-weight: 400;
  font-size: 14px;
  padding-top:14px;
}

.event_contentArea {
  width: 520px;
  font-size: 14px;
  line-height: 1.4;
  margin: 45px auto;
  text-align: left;
}

.eventBtn {
  background-color: #000;
  color: #fff;
  width: 520px;
  line-height: 3;
  font-weight: 700;
  font-size: 20px;
  margin: 0 auto;
}

.attention_area {
  background-color: #fff;
  font-size: 14px;
  padding: 35px 0px 45px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.63);
  border-top:1px solid #ddd;
}
.attention_area p {
  font-weight:700;
}

.attention_area div {
  width: 690px;
  margin: 0 auto;
}

.attention_area p {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ranking_Title {
  font-size: 21px;
  font-weight: 700;
}

.ranking_Top>ul,
.ranking_Top_new>ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
/* .ranking_Top_new>ul {
  justify-content: flex-start;
} */

.ranking_Top>ul>li,
.ranking_Top_new>ul>li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  margin-top: 10px;
}
.ranking_Top_new>ul>li {
  justify-content: flex-start;
  flex-direction: column;
  border:1px solid #e5e5e5;
}

.ranking_Top>ul>li:not(:first-child) {
  width: 45%;
}

.ranking_Top_new>ul>li {
  width:18.8%;
  margin-right:6px;
}
.ranking_Top_new>ul>li:last-child {
  margin-right:0px;
}
.ranking_Top_new>ul>li>span {
  text-align:center;
}
.ranking_Top_new>ul>li .mid {
  display:block;
  width:107px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ranking_Top>ul>li:nth-child(3),
.ranking_Top>ul>li:nth-child(5) {
  margin-left: 20px;
}

.ranking_Top.ranking_Top_result>ul>li {
  justify-content: center;
}
.ranking_Top.ranking_Top_result>ul>li:not(:first-child) {
  display:none;
}
.ranking_Top>ul>li .num,
.ranking_Top_new>ul>li .num {
  width: 37px;
  height: 37px;
  background-color: #bababa;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 2.5;
  display: inline-block;
  margin-right: 10px;
}
.ranking_Top_new>ul>li .num {
  width:35px;
  height:35px;
  display:block;
  margin:0 auto 20px;
}

.ranking_Top>ul>li .draw_Cnt {
  color: #909090;
  vertical-align: middle;
}

.ranking_Top.ranking_Top_result>ul>li .num {
  width: 95px;
  border-radius: 20px;
}
.ranking_Top.ranking_Top_result>ul>li .winner {
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
.ranking_Top.ranking_Top_result>ul>li .mid {
  font-weight:700;
}
.ranking_Top.ranking_Top_result>ul>li .info {
  color:#bababa;
  font-size:13px;
  padding:10px 0px;
  font-weight:300;
}

.ranking_Top>ul>li:first-child {
  background: #FFFFFF;
  border: 1px solid #888888;
  box-shadow: 0px 1px 16px rgba(130, 130, 130, 0.25);
  border-radius: 50px;
  width: 100%;
  padding: 10px 30px;
}

.ranking_Top>ul>li:first-child .num,
.ranking_Top_new>ul>li:first-child .num {
  background-color: #000;
}

.ranking_Top_new>ul>li .ico img {
  width:26px;
}

.main-title .l-title {
  font-size: 35px;
  font-weight: 400;
  font-family: 'Russo One', sans-serif;
}

.main-title .t-title {
  font-family: 'Black Han Sans', sans-serif;
  font-size: 32px;
  font-weight: 400;
}
.sale-warp .list-box ul li .b-pay {
  text-align:left;
}
.sale-warp .list-box ul li .b-pay .state {
  padding:2px 4px;
  border:1px solid #000;
  color:#000;
  border-radius: 5px;
}

.up_ico{
  border-color: transparent transparent #FF0000;
  border-style: solid;
  border-width: 0px 6px 6px 6px;
  height: 0px;
  width: 0px;
  display: inline-block;
  vertical-align: middle;
}

.dn_ico{
  border-color: transparent transparent #0066FF;
  border-style: solid;
  border-width: 0px 6px 6px 6px;
  height: 0px;
  width: 0px;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(180deg);
}
.sale-warp .list-box ul li .b-pay > span:first-child {
  border:1px solid #000;
  padding:2px 8px;
  border-radius: 5px;
}
.sale-warp .list-box ul li .b-txt {
  font-weight:700;
}
.Evt_End,
.Evt_End .b-txt > a {
  color:#c8c8c8;
}
.Evt_End .p-img img {
  opacity: .5;
}
.sale-warp .list-box ul li.Evt_End .b-pay > span:first-child {
  border:1px solid #c8c8c8;
}
.event_viewArea_end {
  background:#999;
}
.event_viewArea_end>p {
  color:#fff;
}
.draw_pointInfo {
  display:flex;
  justify-content: center;
  align-items: center;
}

.draw_pointInfo1 {
  padding-bottom:5px;
  align-items: start;
}
.draw_pointInfo p,
.draw_myranking p {
  font-size:15px;
  font-weight:500;
  padding-right:10px;
}
.btn_write2 a {
  	height:33px;
    line-height:31px;
    border:1px solid #000;
    border-radius:6px;
    font-size:14px;
    color:#000;
    padding:0px 15px;
    text-align:center;
    display:inline-block;
    font-weight:500;
    margin-right:6px;
    margin-top:-5px;
}
.draw_myranking {
  padding: 10px 30px;
  display:flex;
  justify-content: center;
  margin-bottom:20px;
  margin-left:10px;
  background: #f9f9f9;
}
.event_etcDate {
  background:#ffffff2b;
  padding:3px 18px;
  line-height:2;
}
#bo_v_img img {
  margin-bottom:0px;
  margin-top:-3rem;
}
.event_filter {display:block;}
.event_filter > ul {display:flex;align-items:center;font-size:14px;margin-bottom:15px;}
.event_filter > ul > a > li {line-height:35px;height:35px;border-radius:5px;min-width:70px;padding:0px 10px;text-align:center;margin-right:10px;background-color:#f3f3f3;color:#000;}
.event_filter > ul > a.on > li {background-color:#000;color:#fff;}

.attention_areaInfo {
  border-top:1px dotted #ddd;
  margin-top:10px !important;
  padding:10px 0px;
  color:#b7b7b7;
}
.event_point {
  background-color:#000;
  color:#fff;
  padding:2px 10px;
}
.winnerArea .winner_in {
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
.winnerArea .winner_in:first-child {
  margin-right:20px;
}
.winnerArea .winner_in .ico img {
  width:25px;
}

.ranking_Top>ul li.winnerArea {
  padding:10px;
}

.event_etc {
  color:#ff0000;
  font-weight:700;
  margin-top:13px;
}
.event_etc a {
  color:#ff0000;
  text-decoration: underline;
}
.ranking_Top>ul.instaEvent_winnerArea li.winnerArea {
  flex-direction: column;
  padding:20px 10px;
}
ul.instaEvent_winnerArea li.winnerArea .winner_in:first-child {
  margin-right:0px;
  margin-bottom:20px;
}
ul.instaEvent_winnerArea li.winnerArea .winner_in {
  flex-direction: column;
  text-align:center;
}
.ranking_Top.ranking_Top_result>ul.instaEvent_winnerArea>li .num {
  margin-right:0px;
  margin-bottom:15px;
}

.draw_pointInfo2 {
  flex-direction: column;
  border-top:1px dotted #ddd;
  margin-top:6px;
  padding-top:7px;
}
.draw_pointInfo2 .btn_write2 {
  margin-top:10px;
}
.event_viewArea>.boxy-warp {
  margin:140px auto 0px;
}
.event_txt2 {
  width:500px;
  text-align:center;
}
.event_txt2 ~ .event_etc {
  margin-top:20px;
}
.eventBn {
  margin-top:20px;
}
/* 이벤트 탭 */
ul.eventTabs{
	margin: 20px 0px 0px;
	padding: 0px;
	list-style: none;
  display:flex;
}
ul.eventTabs li{
	background: none;
  color:#fff;
	background-color: #222;
  width:50%;
  text-align:center;
  padding:10px 0px;
	cursor: pointer;
  border:2px solid #222;
}

ul.eventTabs li.current{
	background: #fff;
	color: #222;
  border:2px solid #222;
}

.eventTab-content{
	display: none;
	background: #fff;
	padding: 15px;
}

.eventTab-content.current{
	display: inherit;
  background-color:#fff !important;
}
.event-view-warp .comment .coment-list {
  border:0px;
}
.event-view-warp .comment .coment-list ul li .line-1 {
  padding-bottom:10px;
  border-bottom:1px dotted #d9d9d9;
}
.event-view-warp .comment .coment-list ul li .line-1 .r-data .p-name.historyName {
  font-size:14px;
}
.historyList {
  display:flex;
  justify-content: space-between;
}
.historyList dd a {
  text-decoration: underline;
}
.historyList button {
  width:84px;
  height:100%;
}
.pagination .pg_wrap .pg a.pg_page,
.pagination .pg_wrap .pg .pg_current {
  font-size:16px;
  padding:5px;
}
.pagination .pg_wrap .pg .pg_current {
  background-color:#000;
  color:#fff;
}
.depth-1 {
  padding:10px 10px 0px;
}
.depth-1.depth_win {
  background-color:#feff00;
}
.iiivs .iiivs_grayed span {
  font-weight:900;
}
.iiivs .grayed {
  background-color:#ddd5ff;
  color:#5632ef;
  font-weight:900;
  padding:2px 5px;
  font-size:12px;
  margin-left:10px;
}

.event_etc2 {
  width:300px;
  margin:0 auto 20px;
}
.event-view-warp .comment .coment-list ul li.event_myscore {
  background-color:#fff;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:0px;
}
.event-view-warp .comment .coment-list ul li.event_myscore div:first-child {
  border-bottom:1px solid #ddd;
}
.event-view-warp .comment .coment-list ul li.event_myscore div {
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding:10px 20px;
}
.event-view-warp .comment .coment-list ul li.event_myscore div span:last-child {
  font-weight:700;
  font-size:15px;
}
.event-view-warp .comment .coment-list ul li.event_myscore_title {
  border:0px;
  padding:20px 0px 0px;
}
.event-view-warp .comment .coment-list ul li.event_myscore_bar {
  border-top:0px;
}
.txtx{
  display:flex;
  align-items: center;
  padding:10px;
  border:1px solid #e5e5e5;
  margin-top:20px;
}
.txtx div {
  display:flex;
  flex-direction: column;
  width:33.3%;
}
.txtx div:not(:last-child) {
  border-right:1px solid #e5e5e5;
}
.txtx p {
  font-weight:900;
}
.txtx a {
  background-color:#f9f9f9;
  width:125px;
  margin:8px auto;
  padding:5px 0px;
  border:1px solid #e8e8e8;
}
.event_list_newArea {
  margin-bottom:100px;
}
.event_list_new {
	display:flex;
	flex-wrap:wrap;
}
.event_list_new img {
  width:590px;
  height:155px;
}
.event_list_new a {
	text-decoration:none;
}
.event_list_new li:nth-child(odd) {
	margin-right:20px;
}
.event_list_new .Evt_End,
.event_list_new .Evt_Ing {
  margin-top:20px;
  margin-bottom:20px;
}
.event_list_new .Evt_End img {
  opacity: .5;
}
.event_list_new li a dl dd {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 15px;
}
.event_list_new li a dl dd span {
	font-size:15px;
	color:#000;
}
.event_list_new .ing {
	color:#FF663F;
	font-size:14px;
	padding:5px 10px;
	background: rgba(255, 102, 63, 0.13);
}
.event_list_new .end {
	color:#8F8F8F;
	font-size:14px;
	padding:5px 10px;
	background: rgba(143, 143, 143, 0.13);
}
.end_timechk {
  margin-top:5px;
}
.end_timechk label,
.end_timechk label span {
  padding-left:5px;
  vertical-align: top;
}
@media (max-width: 1200px) {
  .attention_area div {
    width: 90%;
    margin: 0 auto;
  }
  .event_list_new {
		justify-content:center;
	}
	.event_list_new li:nth-child(odd) {
		margin-right:0px;
	}
	.event_list_new li a dl dt img {
		max-width:100%;
		height:auto;
	}
}

@media (max-width: 768px) {
  .event_viewArea>.boxy-warp {
    width: 100%;
  }

  .ranking_Top>ul>li:not(:first-child) {
    width: 100%;
  }

  .ranking_Top>ul>li:nth-child(3),
  .ranking_Top>ul>li:nth-child(5) {
    margin-left: 0px;
  }

  .event_contentArea {
    width: 90%;
    margin: 35px auto;
  }

  .event_contentArea img {
    max-width: 100%;
    height: auto;
  }
  .ranking_Top_new {
    display:block;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .ranking_Top_new::-webkit-scrollbar {
    height: 18px;
  }

  .ranking_Top_new::-webkit-scrollbar-thumb {
      background-color: #aeaeae;
      border-radius: 50px;
  }

  .ranking_Top_new::-webkit-scrollbar-track {
      background-color: #eaeaea;
      border-radius: 50px;
  }
  .ranking_Top_new>ul {
    justify-content: flex-start;
    width:1200px;
    flex-direction: row;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
  }
  .ranking_Top_new>ul>li {
    width:153px;
    margin-right:10px;
  }
  .ranking_Top>ul,
  .ranking_Top_new>ul {
    flex-wrap:unset;
  }
  .draw_pointInfo {
    flex-direction: column;
  }
  .draw_pointInfo1 {
    flex-direction: row;
  }
  .draw_pointInfo a {
    margin-top:10px;
    padding:0px 8px;
  }
  .winnerArea {
    flex-direction: column;
  }
  .winnerArea .winner_in:first-child {
    margin-right:0px;
    margin-bottom:5px;
  }
  .eventBn {
    max-width: 100%; 
    height: auto; 
  }
  .event_txt2 {
    width:100%;
  }
}
@media (max-width: 550px) {
  .txtx div span,
  .txtx div a {
    font-size:10px;
  }
  .txtx div:not(:last-child) {
    border-right:0px;
  }
  .txtx div a {
    width:103px;
  }
}
@media (max-width: 500px) {
  .event_topArea {
    font-size: 14px;
  }

  .event_topArea>p {
    font-size: 40px;
  }

  .timer_View>span {
    font-size: 22px;
  }

  .ranking_Top.ranking_Top_result>ul>li:first-child .num {
    display: block;
    margin: 5px auto;
  }

  .ranking_Top.ranking_Top_result>ul>li {
    text-align: center;
  }

  .ranking_Top>ul>li .ico img {
    width: 26px;
  }

  .ranking_Top.ranking_Top_result>ul>li:first-child {
    border-radius: 20px;
  }
  
  .event_viewArea>.boxy-warp {
    margin-top:0px;
  }
  .winnerArea .winner_in {
    flex-direction: column;
  }
}
@media (max-width: 490px) {
  .ranking_Top.ranking_Top_result>ul>li {
    flex-direction: column;
    padding-bottom:20px;
  }
  .ranking_Top.ranking_Top_result>ul>li .winner{
    flex-direction: column;
  }
  .draw_pointInfo1 {
    flex-direction: row;
  }
  .draw_pointInfo p {
    padding-right:0px;
    padding-bottom:12px;
  }
  .draw_pointInfo2 p {
    padding-right:0px;
    padding-bottom:5px;
  }
  
  .draw_pointInfo a {
    margin-top:0px;
  }
  .event-view-warp .comment .coment-list ul li.event_myscore div {
    flex-direction: column;
    text-align:center;
  }
  .event_list_new .ing,
	.event_list_new .end {
		font-size:12px;
	}
	.event_list_new li a dl dd span {
		font-size:14px;
	}
}