@charset "utf-8";

@font-face {
	font-family:"Kakao-Lt";
	font-style:normal;
	font-weight:300;
	src:url("/font/Kakao-Lt.eot");
	src:url("/font/Kakao-Lt.eot?#iefix") format("embedded-opentype"),
		url("/font/Kakao-Lt.woff") format("woff"),
		url("/font/Kakao-Lt.woff2") format("woff2");
}

@font-face {
	font-family:"Kakao-Rg";
	font-style:normal;
	font-weight:400;
	src:url("/font/Kakao-Rg.eot");
	src:url("/font/Kakao-Rg.eot?#iefix") format("embedded-opentype"),
		url("/font/Kakao-Rg.woff") format("woff"),
		url("/font/Kakao-Rg.woff2") format("woff2");
}

@font-face {
	font-family:"Kakao-Bd";
	font-style:normal;
	font-weight:700;
	src:url("/font/Kakao-Bd.eot");
	src:url("/font/Kakao-Bd.eot?#iefix") format("embedded-opentype"),
		url("/font/Kakao-Bd.woff") format("woff"),
		url("/font/Kakao-Bd.woff2") format("woff2");
}

/* Mobile Reset CSS */
html, body, div, header, footer, section, nav, article, aside, h1, h2, h3, h4, h5, h6, p, span, a, blockquote, dl, dt, dd, ol, ul, li, form, fieldset, legend, table, tr, th, td, textarea, input, select, button{margin:0;padding:0;line-height:1;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{-webkit-text-size-adjust:none}
ul, ol, li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
button{display:block;margin:0;padding:0;border:0;background-color:transparent;cursor:pointer;outline:none}
a{color:inherit;text-decoration:none}
em, address{font-style:normal}
iframe, fieldset, img{border:0}
textarea{resize:none}

/* common classes */
body{max-width:2560px;margin:0 auto;font-family:"Kakao-Rg"}
#wrapper{position:relative;width:100%}
.contents{position:relative;width:100%}
.contents__inner{position:relative;width:980px;margin:0 auto}
.ir__txt-caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0}
.ir__txt-hide{overflow:hidden;visibility:hidden;position:absolute;width:1px;height:1px;margin:-1px;font-size:0;line-height:0}
.float__after-clear:after{display:block;content:"";clear:both}
.mobile-show{display:none}
.mobile-show-2{display:none}

@media screen and (max-width:1000px) {
	img{display:block;width:100%}
	.contents__inner{width:100%;margin:0;padding:0 20px}
	.mobile-show{display:block}
}

@media screen and (max-width:480px) {
	.mobile-show-2{display:block}
}

/* visual */
.main__visual{position:relative;z-index:10;width:100%;height:840px;background-image:url("/img/event/christmas2018/main__visual-bg.jpg");background-repeat:no-repeat;background-position:50% 0;background-size:cover}
.visual-ttl{position:absolute;top:91px;left:50%;width:528px;height:318px;margin-left:-264px;text-indent:-10000px;background:url("/img/event/christmas2018/visual-ttl.png") no-repeat;background-size:100% auto}
.visual-lyan{position:absolute;top:448px;left:50%;z-index:10;width:426px;height:462px;margin-left:-202px;background:url("/img/event/christmas2018/visual-lyan.png") no-repeat;background-size:100% auto}

@media screen and (max-width:1000px) {
	.main__visual{height:420px}
	.visual-ttl{top:45px;width:264px;height:159px;margin-left:-132px}
	.visual-lyan{top:224px;width:213px;height:231px;margin-left:-101px}
}

/* contents event */
.contents{position:relative;width:100%;padding:114px 0 185px;background:url("/img/event/christmas2018/contents-bg.jpg") repeat}
.event__top{position:relative;width:100%}
.event-ttl{width:890px;height:82px;margin-left:55px;text-indent:-10000px;background:url("/img/event/christmas2018/event-ttl.png") no-repeat}
.event-gift{position:relative;height:292px;margin:46px -1px 0;background:url("/img/event/christmas2018/event-gift.png") no-repeat}
.event-gift-link{display:block;position:absolute;bottom:3px;left:371px;width:240px;height:48px;text-indent:-10000px}
.event__ranking{padding-top:100px}
.event__ranking-top{font-size:0;text-align:center}
.round-txt-area{display:inline-block;vertical-align:middle;width:225px}
.round-txt{color:#e4ac63;font-size:20px;letter-spacing:-.05em;line-height:1}
.round-num{padding-top:12px;color:#facf96;font-size:40px;line-height:1}
.round-sch-box{display:inline-block;vertical-align:middle;position:relative;width:450px;height:64px}
.input-sch{display:block;width:100%;min-height:64px;height:64px;padding:0 84px 0 32px;border:4px solid #e4ac63;color:#e4ac63;font-family:"Kakao-Rg";font-size:26px;letter-spacing:-.05em;line-height:56px;border-radius:32px;background:rgba(87, 9, 17, 0.67);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}
.input-sch::-ms-clear{display:none}
.input-sch::-webkit-input-placeholder{color:#e4ac63;font-family:"Kakao-Rg";font-size:26px;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.input-sch::-moz-placeholder{color:#e4ac63;font-family:"Kakao-Rg";font-size:26px;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.input-sch:-ms-input-placeholder{color:#e4ac63;font-family:"Kakao-Rg";font-size:26px;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.input-sch:-moz-placeholder{color:#e4ac63;font-family:"Kakao-Rg";font-size:26px;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.input-sch::placehoder{color:#e4ac63;font-family:"Kakao-Rg";font-size:26px;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.round-sch-btn{position:absolute;top:4px;right:14px;z-index:10;width:56px;height:56px;text-indent:-10000px;background:url("/img/event/christmas2018/round-sch-btn.png") no-repeat}
.event__ranking-box{margin-top:55px}
.event__ranking-list{width:100%}
.event__ranking-item{display:table;table-layout:fixed;min-width:100%;width:100%;max-width:none;padding:23px 0;border-bottom:1px solid #6b0d18}
.event__ranking-head{padding:20px 0;border-top:2px solid #e4ac63;border-bottom:2px solid #e4ac63}
.col-w-1{width:95px}
.col-w-2{width:60px}
.col-w-3{width:auto}
.col-w-4{width:120px}
.col-w-5{width:100%}
.event__ranking-ico{display:table-cell;vertical-align:middle;text-align:center}
.event__ranking-ico img{display:inline-block;vertical-align:middle;width:24px;height:24px}
.th-txt{display:table-cell;color:#e4ac63;font-size:20px;font-weight:400;letter-spacing:-.05em;text-align:center}
.td-txt{display:table-cell;vertical-align:middle;color:#e67a7a;font-size:22px;letter-spacing:-.05em;text-align:center}
.td-txt.txt-bold{font-family:"Kakao-Bd"}
.td-txt.t-left{padding:0 30px;text-align:left}
.td-txt.c_y{color:#e4ac63}
.service__pagination{padding-top:60px;font-size:0;text-align:center}
.service__pagination a{display:inline-block;vertical-align:middle;width:48px;height:48px;margin:0 5px;border-radius:10px;border:2px solid #6b0d18;color:#e67a7a;font-size:24px;line-height:40px;background:#6e0d18}
.service__pagination a.page__btn-active{border:2px solid #e4ac63;color:#780f1c;font-family:"Kakao-Bd";background:#e4ac63}
.service__pagination .page__btn-prev,
.service__pagination .page__btn-next{text-indent:-10000px;background-repeat:no-repeat;background-position:50% 50%;background-size:12px 20px}
.service__pagination .page__btn-prev{background-image:url("/img/event/christmas2018/ranking-page-prev.png")}
.service__pagination .page__btn-next{background-image:url("/img/event/christmas2018/ranking-page-next.png")}
.ranking-info-txt{padding-top:50px;color:#e67a7a;font-family:"Kakao-Lt";font-size:20px;line-height:1.5;letter-spacing:-.05em;text-align:center}
.game-logo-area{position:relative;margin-top:120px;font-size:0;text-align:center}
.game-logo{display:inline-block;vertical-align:middle;position:relative;width:196px;height:56px;margin:0 24px;text-indent:-10000px;background-repeat:no-repeat;background-size:100% auto}
.game-logo-tup2{background-image:url("/img/event/christmas2018/game-logo-tup2.png")}
.game-logo-tup{background-image:url("/img/event/christmas2018/game-logo-tup.png")}
.game-logo-gsw{background-image:url("/img/event/christmas2018/game-logo-gsw.png")}
.game-logo:before{display:block;content:"";position:absolute;top:14px;left:-25px;width:2px;height:30px;background:#a5543a}
.game-logo:first-child:before{display:none}

@media screen and (max-width:1000px) {
	.contents{padding:60px 0 145px;background-repeat:repeat;background-size:125px 125px}
	.event__top{position:relative;width:100%;padding-top:0}
	.event-ttl{width:281px;height:72px;margin:0 auto;text-indent:-10000px;background-image:url("/img/event/christmas2018/event-ttl-m.png");background-size:100% auto}
	.event-gift{position:relative;width:281px;height:301px;margin:23px auto 0;background-image:url("/img/event/christmas2018/event-gift-m.png");background-size:100% auto}
	.event-gift-link{bottom:3px;left:0;width:280px;height:38px;text-indent:-10000px}
	.event__ranking{padding-top:50px}
	.event__ranking-top{position:relative;padding-bottom:63px}
	.round-txt-area{position:relative;width:140px}
	.round-txt-area:before{display:block;content:"";position:absolute;top:50%;left:-1px;width:1px;height:41px;margin-top:-20px;background:#620b15}
	.round-txt-area:first-child:before{display:none}
	.round-txt{font-size:13px}
	.round-num{padding-top:8px;font-size:30px}
	.round-sch-box{position:absolute;bottom:0;left:50%;width:280px;height:46px;margin-left:-140px}
	.input-sch{height:46px;min-height:46px;padding:0 53px 0 21px;border:2px solid #e4ac63;font-size:15px;line-height:42px;border-radius:23px}
	.input-sch::-webkit-input-placeholder{font-size:15px}
	.input-sch::-moz-placeholder{font-size:15px}
	.input-sch:-ms-input-placeholder{font-size:15px}
	.input-sch:-moz-placeholder{font-size:15px}
	.input-sch::placehoder{font-size:15px}
	.round-sch-btn{top:2px;right:6px;width:42px;height:42px;background:url("/img/event/christmas2018/round-sch-btn-m.png");background-size:100% auto}
	.event__ranking-box{width:280px;margin:30px auto 0}
	.event__ranking-item{padding:15px 0;border-bottom:1px solid #6b0d18}
	.event__ranking-head{padding:15px 0;border-top:1px solid #e4ac63;border-bottom:1px solid #e4ac63}
	.event__ranking-ico{text-align:center}
	.event__ranking-ico img{width:19px;height:19px}
	.col-w-1{width:35px}
	.col-w-2{width:35px}
	.col-w-3{width:154px}
	.col-w-4{display:none}
	.col-w-4.mobile-show{display:table-cell;width:56px}
	.th-txt{font-size:12px}
	.td-txt{font-size:14px}
	.td-txt.t-left{padding:0 10px}
	.service__pagination{padding-top:30px}
	.service__pagination a{display:inline-block;vertical-align:middle;width:30px;height:30px;margin:0 2px;border-radius:5px;border:1px solid #6b0d18;font-size:15px;line-height:26px}
	.service__pagination a.page__btn-active{border:1px solid #e4ac63}
	.service__pagination .page__btn-prev,
	.service__pagination .page__btn-next{background-size:6px 10px}
	.ranking-info-txt{padding-top:35px;font-size:12px}
	.game-logo-area{margin-top:80px}
	.game-logo{width:84px;height:24px;margin:0 7px}
	.game-logo:first-child{margin-left:0}
	.game-logo:last-child{margin-right:0}
	.game-logo:before{display:none}
}
/* footer */
#footer{position:absolute;bottom:0;left:0;width:100%;height:140px;text-align:center;background:rgba(50, 1, 2, 0.4)}
.foot-logo{padding-top:30px;color:#cb7878;font-size:18px;font-weight:400}
.foot-company-info{padding-top:15px;color:#8c4a4a;font-size:14px}
.foot-copy{padding-top:25px;color:#8c4a4a;font-size:14px}

@media screen and (max-width:1000px) {
	#footer{height:110px}
	.foot-logo{padding-top:18px;font-size:12px}
	.foot-company-info{padding-top:8px;font-size:10px;line-height:1.5}
	.foot-copy{padding-top:15px;font-size:10px}
}

/* event popup */
.event__pop{display:none;overflow-y:scroll;position:fixed;top:0;left:0;bottom:0;right:0;z-index:150;text-align:center}
.event__pop-inner{display:inline-block;position:relative;width:980px;padding:60px;margin:100px auto;border-radius:30px;background:#ebcba2;-webkit-box-sizing:border-box;box-sizing:border-box}
.event__pop-head{position:relative;width:100%}
.event__pop-ttl{padding-top:20px;color:#79101c;font-size:46px;letter-spacing:-.05em;text-align:left}
.event__pop-close{display:block;position:absolute;top:-20px;right:-20px;z-index:140;width:32px;height:32px;text-indent:-10000px;background:url("/img/event/christmas2018/event__pop-close.png") no-repeat;background-size:100% auto}
.event__pop-cont{position:relative;width:100%;padding-top:50px}
.pop__tbl{table-layout:fixed;min-width:100%;width:100%;max-width:none}
.pop__tbl .pop-col-w-1{width:300px}
.pop__tbl .pop-col-w-2{width:auto}
.pop__tbl tr th,
.pop__tbl tr td{vertical-align:top;text-align:left}
.pop__tbl tr th{padding:26px 0;border-bottom:2px solid #79101c;font-weight:400}
.pop__tbl tr td{padding:24px 0;border-bottom:2px solid #d6b68c}
.pop__tbl tr:last-child td{border-bottom:0}
.pop__th-txt{color:#79101c;font-size:26px;line-height:34px;letter-spacing:-.05em}
.pop__td-txt{color:#574a39;font-size:22px;line-height:34px;letter-spacing:-.05em}
.pop__td-txt-small{display:block;font-size:18px;line-height:22px}
.pop__dimm{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:120;background:rgba(0, 0, 0, 0.5)}

@media screen and (max-width:1000px) {
	.event__pop-inner{width:auto;padding:20px;margin:60px 20px 0;border-radius:15px}
	.event__pop-ttl{padding-top:10px;font-size:20px}
	.event__pop-close{top:0;right:0;width:16px;height:16px}
	.event__pop-cont{padding-top:20px}
	.pop__tbl .pop-col-w-1{width:150px}
	.pop__tbl tr th{padding:13px 0;border-bottom:1px solid #79101c}
	.pop__tbl tr td{padding:12px 0;border-bottom:1px solid #d6b68c}
	.pop__th-txt{font-size:16px;line-height:20px}
	.pop__td-txt{font-size:14px;line-height:20px}
	.pop__td-txt-small{font-size:11px;line-height:14px}
}

@media screen and (max-width:480px) {
	.pop__tbl .pop-col-w-1{width:95px}
}