@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");
}

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

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

@font-face {
	font-family:"NotoSansKR-Bold";
	font-style:normal;
	font-weight:700;
	src:url("/font/NotoSansKR-Bold.eot");
	src:url("/font/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"),
		url("/font/NotoSansKR-Bold.woff") format("woff"),
		url("/font/NotoSansKR-Bold.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:720px;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:760px) {
	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}
}

@media screen and (max-width:359px) {
	.contents__inner{padding:0}
}

/* visual */
.main__visual{overflow:hidden;position:relative;z-index:10;width:100%;height:1113px;background-image:url("/img/event/funnysports/friends01/main__visual-bg.jpg");background-repeat:no-repeat;background-position:50% 0;background-size:cover}
.visual-ttl{width:588px;height:368px;margin:110px auto 0;text-indent:-10000px;background:url("/img/event/funnysports/friends01/visual-ttl.png") no-repeat;background-size:100% auto}

@media screen and (max-width:760px) {
	.main__visual{height:556px}
	.visual-ttl{width:294px;height:184px;margin:55px auto 0}
	.visual-lyan{top:224px;width:213px;height:231px;margin-left:-101px}
}

@media screen and (max-width:340px) {
	.main__visual{height:520px}
	.visual-ttl{width:280px;height:175px;margin:50px auto 0}
}

/* contents event */
.contents{position:relative;width:100%}
.gift-conts{background:#08983a;padding-bottom:105px}
.ranking-conts{padding:80px 0 40px;border-top:2px solid #1e1e1e;border-bottom:2px solid #1e1e1e;background:#cfface}
.gift-ttl{position:relative;z-index:10;width:572px;height:146px;margin:-107px auto 0;text-indent:-10000px;background:url("/img/event/funnysports/friends01/gift-ttl.png") no-repeat;background-size:100% auto}
.event-tabs{width:780px;height:288px;margin:40px -30px 0;text-indent:-10000px;background:url("/img/event/funnysports/friends01/event-tabs.png") no-repeat 50% 0;background-size:720px 272px}
.event-gift-top{position:relative;padding-top:100px}
.event-gift-ttl{width:408px;height:100px;margin:0 auto;text-indent:-10000px;background:url("/img/event/funnysports/friends01/event-gift-ttl.png") no-repeat;background-size:100% auto}
.lucky-gift-btn{display:block;width:520px;height:90px;margin:30px auto 0;border:2px solid #1e1e1e;border-radius:45px;text-align:center;text-indent:-10000px;background:#ffdc00 url("/img/event/funnysports/friends01/lucky-gift-btn.png") no-repeat 50% 50%;background-size:326px 40px;box-shadow:10px 15px 30px rgba(0, 0, 0, 0.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.event-gift-cont{width:444px;margin:90px auto 0}
.event__top{position:relative;width:100%}
.event-ttl{width:396px;height:128px;margin:0 auto;text-indent:-10000px;background:url("/img/event/funnysports/friends01/event-ttl.png") no-repeat;background-size:100% auto}
.event__ranking-top{margin-top:90px;font-size:0;text-align:center}
.round-txt-area{display:inline-block;vertical-align:middle;position:relative;width:270px}
.round-txt-area:before{display:block;content:"";position:absolute;top:3px;left:-1px;width:2px;height:94px;background:#acceab}
.round-txt-area:first-child:before{display:none}
.round-txt{color:#1e1e1e;font-family:"NotoSansKR-Regular";font-size:26px;letter-spacing:-.05em;line-height:1}
.round-num{padding-top:15px;color:#1e1e1e;font-family:"NotoSansKR-Regular";font-size:60px;line-height:1}
.round-sch-box{display:block;position:relative;width:640px;height:100px;margin:80px auto 0}
.input-sch{display:block;width:100%;min-height:100px;height:100px;padding:0 110px 0 50px;border:2px solid #1e1e1e;color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:36px;font-weight:500;letter-spacing:-.05em;line-height:96px;border-radius:50px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}
.input-sch::-ms-clear{display:none}
.input-sch::-webkit-input-placeholder{color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:36px;font-weight:500;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.input-sch::-moz-placeholder{color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:36px;font-weight:500;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.input-sch:-ms-input-placeholder{color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:36px;font-weight:500;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.input-sch:-moz-placeholder{color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:36px;font-weight:500;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.input-sch::placehoder{color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:36px;font-weight:500;letter-spacing:-.05em;text-transform:uppercase;vertical-align:middle}
.round-sch-btn{position:absolute;top:0;right:12px;z-index:10;width:100px;height:100px;text-indent:-10000px;background:url("/img/event/funnysports/friends01/round-sch-btn.png") no-repeat 50% 50%;background-size:42px 42px}
.event__ranking-box{width:640px;margin:55px auto 0}
.event__ranking-tbl{table-layout:fixed;min-width:100%;width:100%;max-width:none}
.event__ranking-tbl tr th,
.event__ranking-tbl tr td{position:relative;padding:25px 15px;vertical-align:middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.event__ranking-tbl thead tr th{border-top:2px solid #1e1e1e;border-bottom:2px solid #1e1e1e}
.event__ranking-tbl tbody tr td{border-bottom:2px solid #aacaaa}
.tbl-thead-th{color:#1e1e1e;font-family:"NotoSansKR-Bold";font-size:26px;letter-spacing:-.05em}
.col-w-1{width:80px}
.col-w-2{width:80px}
.col-w-3{width:auto}
.col-w-4{width:120px}
.tbl-ranking-ico{display:block;text-align:center}
.tbl-td{display:block;color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:30px;text-align:left;letter-spacing:-.05em}
.tbl-td.t_center{text-align:center}
.tbl-more{display:block;font-size:0;text-align:right}
.tbl-more .tbl-td{display:inline-block;vertical-align:middle}
.tbl-td.tbl-td-num{font-family:"NotoSansKR-Bold";text-align:center}
.tbl-pop-btn{display:inline-block;vertical-align:middle;width:30px;height:30px;margin-left:10px;text-indent:10000px;font-size:0;background:url("/img/event/funnysports/friends01/tbl-pop-btn.png") no-repeat;background-size:100% auto}
.service__pagination{padding-top:60px;font-size:0;text-align:center}
.service__pagination a{display:inline-block;vertical-align:middle;width:60px;height:60px;margin:0 5px;border-radius:10px;border:2px solid #1e1e1e;color:#1e1e1e;font-family:"Kakao-Rg";font-size:30px;line-height:56px;background:#cfface}
.service__pagination a.page__btn-active{color:#cfface;font-family:"Kakao-Bd";background:#044c1d}
.service__pagination .page__btn-prev,
.service__pagination .page__btn-next{text-indent:-10000px;background-repeat:no-repeat;background-position:50% 50%;background-size:12px 22px}
.service__pagination .page__btn-prev{background-image:url("/img/event/funnysports/friends01/ranking-page-prev.png")}
.service__pagination .page__btn-next{background-image:url("/img/event/funnysports/friends01/ranking-page-next.png")}
.ranking-info-txt{padding-top:60px;color:#1a4428;font-family:"NotoSansKR-Medium";font-size:24px;line-height:1.5;letter-spacing:-.05em;text-align:center}
.ranking-info-txt .pt-20{display:block;padding-top:20px}
.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:190px;height:52px;margin:0 10px;text-indent:-10000px;background-repeat:no-repeat;background-size:100% auto}
.game-logo-tup2{background-image:url("/img/event/funnysports/friends01/game-logo-tup2.png")}
.game-logo-tup{background-image:url("/img/event/funnysports/friends01/game-logo-tup.png")}
.game-logo-gsw{background-image:url("/img/event/funnysports/friends01/game-logo-gsw.png")}

@media screen and (max-width:760px) {
	.gift-conts{padding-bottom:55px}
	.ranking-conts{padding:40px 0 20px;border-top:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e}
	.gift-ttl{width:286px;height:73px;margin:-54px auto 0}
	.event-tabs{width:390px;height:144px;margin:20px auto 0;background-size:390px 144px}
	.event-gift-top{padding-top:50px}
	.event-gift-ttl{width:204px;height:50px}
	.lucky-gift-btn{width:260px;height:45px;margin:15px auto 0;border:1px solid #1e1e1e;border-radius:23px;background-size:163px 20px;box-shadow:5px 10px 15px rgba(0, 0, 0, 0.2)}
	.event-gift-cont{width:222px;margin:45px auto 0}
	.event-ttl{width:198px;height:64px}
	.event__ranking-top{margin-top:45px}
	.round-txt-area{width:135px}
	.round-txt-area:before{top:2px;left:0;width:1px;height:47px}
	.round-txt{font-size:13px}
	.round-num{padding-top:8px;font-size:30px}
	.round-sch-box{width:320px;height:50px;margin:40px auto 0}
	.input-sch{min-height:50px;height:50px;padding:0 55px 0 25px;border:1px solid #1e1e1e;font-size:18px;line-height:48px;border-radius:25px}
	.input-sch::-webkit-input-placeholder{font-size:18px}
	.input-sch::-moz-placeholder{font-size:18px}
	.input-sch:-ms-input-placeholder{font-size:18px}
	.input-sch:-moz-placeholder{font-size:18px}
	.input-sch::placehoder{font-size:18px}
	.round-sch-btn{right:6px;width:50px;height:50px;background-size:21px 21px}
	.event__ranking-box{width:100%;margin:28px auto 0}
	.event__ranking-tbl tr th,
	.event__ranking-tbl tr td{position:relative;padding:13px 8px}
	.event__ranking-tbl thead tr th{border-top:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e}
	.event__ranking-tbl tbody tr td{border-bottom:1px solid #aacaaa}
	.tbl-thead-th{font-size:13px}
	.col-w-1{width:40px}
	.col-w-2{width:40px}
	.col-w-3{width:auto}
	.col-w-4{width:60px}
	.tbl-td{font-size:15px}
	.tbl-pop-btn{width:15px;height:15px;margin-left:5px}
	.service__pagination{padding-top:30px}
	.service__pagination a{width:30px;height:30px;margin:0 2px;border-radius:5px;border:1px solid #1e1e1e;font-size:15px;line-height:28px}
	.service__pagination .page__btn-prev,
	.service__pagination .page__btn-next{background-size:6px 11px}
	.ranking-info-txt{padding-top:15px;font-size:12px}
	.ranking-info-txt .pt-20{padding-top:10px}
	.game-logo-area{margin-top:60px}
	.game-logo{width:95px;height:26px;margin:0 5px}
}

@media screen and (max-width:430px) {
	.event-tabs{width:auto;margin:20px -20px 0}
}

/* footer */
#footer{position:relative;width:100%;padding:40px 0 80px;text-align:center;background:#08983a}
.foot-logo{color:#fff;font-family:"Kakao-Rg";font-size:22px;font-weight:400}
.foot-company-info{padding-top:10px;color:#cfface;font-family:"Kakao-Rg";font-size:20px;line-height:1.65}
.foot-copy{padding-top:30px;color:#7ad278;font-family:"Kakao-Rg";font-size:20px}

@media screen and (max-width:760px) {
	#footer{padding:20px 0 40px}
	.foot-logo{font-size:11px}
	.foot-company-info{padding-top:5px;font-size:10px}
	.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:640px;padding:38px;margin:100px auto;border:2px solid #1e1e1e;border-radius:30px;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.event__pop-head{position:relative;width:100%}
.event__pop-ttl{padding-top:20px;color:#06762d;font-family:"NotoSansKR-Medium";font-size:46px;letter-spacing:-.05em;text-align:left;line-height:1.2}
.event__pop-close{display:block;position:absolute;top:0;right:0;z-index:140;width:32px;height:32px;text-indent:-10000px;background:url("/img/event/funnysports/friends01/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:200px}
.pop__tbl .pop-col-w-2{width:auto}
.pop__tbl tr th,
.pop__tbl tr td{vertical-align:top;text-align:left}
.pop__tbl thead tr th{padding:28px 0;border-bottom:2px solid #1e1e1e;font-weight:400}
.pop__tbl tbody th,
.pop__tbl tbody td{padding:24px 0;border-bottom:2px solid #c8c8c8}
.pop__tbl tbody tr:last-child th,
.pop__tbl tbody tr:last-child td{border-bottom:0}
.pop__tbl tbody th{padding-right:40px;font-weight:500}
.pop__th-txt{padding-right:40px;color:#1e1e1e;font-family:"NotoSansKR-Bold";font-size:26px;line-height:1;letter-spacing:-.05em}
.pop__tbl tbody th .pop__td-txt{color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:22px;line-height:34px;letter-spacing:-.05em}
.pop__tbl tbody td .pop__td-txt{color:#1e1e1e;font-family:"Kakao-Rg";font-size:22px;line-height:34px;letter-spacing:-.05em}
.pop__tbl-link{display:block;width:100%;height:80px;margin-top:40px;border-radius:20px;border:2px solid #1e1e1e;color:#fff;font-family:"NotoSansKR-Medium";font-size:26px;line-height:76px;text-align:center;background:#08983a;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.pop__dimm{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:120;background:rgba(0, 0, 0, 0.5)}
.more__pop{display:none;position:absolute;top:0;right:0;z-index:100}
.more__pop-inner{display:inline-block;position:relative;width:520px;padding:38px 0;border:2px solid #1e1e1e;border-radius:30px;background:#fff;box-shadow:10px 15px 30px rgba(0, 0, 0, 0.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.more__pop-head{position:relative;width:100%}
.more__pop-ttl{padding-top:5px;color:#1e1e1e;font-family:"NotoSansKR-Bold";font-size:30px;letter-spacing:-.05em;text-align:center;line-height:1}
.more__pop-close{display:block;position:absolute;top:0;right:38px;z-index:140;width:24px;height:24px;text-indent:-10000px;background:url("/img/event/funnysports/friends01/event__pop-close.png") no-repeat;background-size:100% auto}
.more__pop-cont{position:relative;width:100%;padding-top:45px;font-size:0;text-align:center}
.more-txt-area{display:inline-block;vertical-align:middle;position:relative;padding:0 33px}
.more-txt-area:before{display:block;content:"";position:absolute;top:6px;left:-1px;width:2px;height:70px;background:#d2d2d2}
.more-txt-area:first-child:before{display:none}
.more-txt{color:#1e1e1e;font-family:"NotoSansKR-Regular";font-size:24px;letter-spacing:-.05em;line-height:1}
.more-num{padding-top:15px;color:#1e1e1e;font-family:"NotoSansKR-Bold";font-size:50px;line-height:1}

@media screen and (max-width:760px) {
	.event__pop-inner{width:auto;padding:19px;margin:50px 10px;border:1px solid #1e1e1e;border-radius:15px}
	.event__pop-ttl{padding-top:10px;font-size:23px}
	.event__pop-close{width:16px;height:16px}
	.event__pop-cont{padding-top:25px}
	.pop__tbl .pop-col-w-1{width:100px}
	.pop__tbl .pop-col-w-2{width:auto}
	.pop__tbl thead tr th{padding:14px 0;border-bottom:1px solid #1e1e1e}
	.pop__tbl tbody th,
	.pop__tbl tbody td{padding:12px 0;border-bottom:1px solid #c8c8c8}
	.pop__tbl tbody th{padding-right:20px}
	.pop__th-txt{padding-right:20px;font-size:13px}
	.pop__tbl tbody th .pop__td-txt{font-size:11px;line-height:17px}
	.pop__tbl tbody td .pop__td-txt{font-size:11px;line-height:17px}
	.pop__tbl-link{height:40px;margin-top:20px;border-radius:10px;border:1px solid #1e1e1e;font-size:13px;line-height:38px}
	.more__pop-inner{width:260px;padding:19px 0;border:1px solid #1e1e1e;border-radius:15px;box-shadow:5px 10px 15px rgba(0, 0, 0, 0.2)}
	.more__pop-ttl{padding-top:5px;font-size:15px}
	.more__pop-close{right:19px;width:12px;height:12px}
	.more__pop-cont{padding-top:25px}
	.more-txt-area{padding:0 15px}
	.more-txt-area:before{top:3px;left:0px;width:1px;height:35px}
	.more-txt{font-size:12px}
	.more-num{padding-top:8px;font-size:25px}
}

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