@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-Light";
	font-style:normal;
	font-weight:300;
	src:url("/font/NotoSansKR-Light.eot");
	src:url("/font/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"),
		url("/font/NotoSansKR-Light.woff") format("woff"),
		url("/font/NotoSansKR-Light.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{overflow-x:hidden;font-family:"Kakao-Rg"}
#wrapper{position:relative;width:100%}
.contents{position:relative;width:100%}
.contents-inner{position:relative;width:640px;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}
.txt-regular{font-family:"Kakao-Rg"}
.clear:after{display:block;content:"";clear:both}

@media screen and (max-width:640px) {
	img{display:block;width:100%}
	.contents-inner{width:100%;margin:0;padding:0 20px}
}

@media screen and (max-width:480px) {
	
}

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

/* visual */
.main-visual{overflow:hidden;position:relative;z-index:10;width:100%;height:1012px;background:url("/img/event/friendsmarker/02/main-visual.jpg") no-repeat 50% 100%;background-size:cover}
.visual-ttl{width:640px;height:388px;margin:21px auto 0;text-indent:-9999px;background:url("/img/event/friendsmarker/02/visual-ttl.png") no-repeat;background-size:100% auto}
.visual-txt{padding-top:45px;color:#2b5778;font-family:"Kakao-Lt";font-size:28px;text-align:center;letter-spacing:-.01em}
.event-tabs{position:relative;z-index:50;width:100%;height:240px}
.event-tab-list{position:relative;left:50%;width:682px;margin-top:-18px;margin-left:-341px;background:url("/img/event/friendsmarker/02/event-tab-bg.png") no-repeat 0 12px;background-size:100% auto}
.event-tab-list:after{display:block;content:"";clear:both}
.event-tab{float:left;width:210px;height:180px;margin-left:5px;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto}
.event-tab:first-child{margin-left:21px}
.first-event-tab{background-image:url("/img/event/friendsmarker/02/first-event-tab-bg.png")}
.second-event-tab{height:240px;background-image:url("/img/event/friendsmarker/02/second-event-tab-bg.png")}
.third-event-tab{background-image:url("/img/event/friendsmarker/02/third-event-tab-bg.png")}
.event-tab-btn{display:block;width:100%;height:100%}

@media screen and (max-width:640px) {
	.main-visual{height:506px}
	.visual-ttl{width:320px;height:194px;margin:12px auto 0}
	.visual-txt{padding-top:20px;font-size:14px}
	.visual-character{top:330px;width:320px;height:203px;margin-left:-160px}
	.event-tabs{height:120px}
	.event-tab-list{left:50%;width:341px;margin-top:-9px;margin-left:-171px;background-position:0 6px;background-size:341px 6px}
	.event-tab{width:105px;height:90px;margin-left:3px}
	.event-tab:first-child{margin-left:10px}
	.second-event-tab{height:120px}
}

/* contents event */
.contents{position:relative;width:100%}
.gift-conts{padding-bottom:240px;background:#fff7d8}
.ranking-conts{padding:180px 0;border-top:2px solid #1e1e1e;background:#4b5055}
.rank-tabs{position:absolute;top:-60px;left:50%;z-index:50;width:720px;height:120px;margin-left:-360px}
.rank-tab{float:left;width:50%}
.rank-tab-btn{display:block;position:relative;width:100%;height:120px;border:2px solid #2e3134;color:#909aa5;font-size:42px;line-height:116px;text-align:center;letter-spacing:-.05em;background:#2e3134}
.rank-tab-active{color:#000;font-family:"Kakao-Bd";background:#ffde00}
.gift-txt-area{padding-top:90px;text-align:center}
.flag-ico{display:block;width:78px;height:74px;margin:0 auto;background:url("/img/event/friendsmarker/02/flag-ico.png") no-repeat;background-size:100% auto}
.gift-txt-1{padding-top:16px;color:#1e1e1e;font-size:36px;line-height:52px;letter-spacing:-.075em}
.gift-txt-2{padding-top:78px;color:#1e1e1e;font-size:36px;line-height:56px;letter-spacing:-.05em}
.gift-txt-bold{font-family:"Kakao-Bd"}
.game-logo{display:block;width:640px;height:78px;margin:56px auto 30px;border-radius:39px;text-indent:-9999px;background:#eadca2 url("/img/event/friendsmarker/02/game-logo.png") no-repeat 50% 50%;background-size:332px 28px}
.golf-ball-ico{display:block;width:68px;height:66px;margin:0 auto;background:url("/img/event/friendsmarker/02/golf-ball-ico.png") no-repeat;background-size:100% auto}
.gift-txt-blue{color:#017dbc}
.gift-txt-3{padding-top:30px;color:#1e1e1e;font-family:"Kakao-Bd";font-size:36px;letter-spacing:-.05em;line-height:56px}
.gift-txt-4{padding-top:120px;color:#1e1e1e;font-family:"Kakao-Bd";font-size:50px;letter-spacing:-.05em}
.gift-list{padding:40px 0}
.gift-item{position:relative;height:220px;border-radius:1px;border-bottom:2px solid #000001}
.gift-item:first-child{padding-top:0}
.gift-info{padding-top:60px;padding-right:220px}
.gift-info-ttl{padding-top:12px;color:#1e1e1e;font-family:"Kakao-Bd";font-size:32px;letter-spacing:-1.8px}
.gift-info-ttl-sub{padding-top:25px;color:#1e1e1e;font-family:"Kakao-Bd";font-size:20px;letter-spacing:-1px}
.gift-info-num{padding-top:20px;color:#1e1e1e;font-size:20px;line-height:28px;letter-spacing:-1px}
.gift-info-txt{color:#7b623d;font-size:20px;letter-spacing:-.6px}
.gift-info-img{position:absolute;bottom:0;right:0;width:220px;height:220px}
.gift-info-img img{display:block;width:100%}
.gift-mark-ico{position:absolute;bottom:32px;right:0;display:block;width:84px;height:84px;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto}
.gift-mark-ico-1{background-image:url("/img/event/friendsmarker/02/gift-mark-ico-1.png")}
.gift-mark-ico-2{background-image:url("/img/event/friendsmarker/02/gift-mark-ico-2.png")}
.gift-mark-ico-3{background-image:url("/img/event/friendsmarker/02/gift-mark-ico-3.png")}
.gift-mark-ico-4{background-image:url("/img/event/friendsmarker/02/gift-mark-ico-4.png")}
.lucky-gift-btn{display:block;width:580px;height:100px;margin:0 auto;text-indent:-9999px;background:url("/img/event/friendsmarker/02/lucky-gift-btn.png") no-repeat 50% 50%;background-size:100% auto}
.event-top{position:relative;width:100%}
.event-ttl{display:block;color:#909aa5;font-family:"Kakao-Bd";font-size:50px;line-height:70px;letter-spacing:-.05em;text-align:center}
.event-ttl .txt-color-white{color:#fff}
.event-ttl-small{font-size:42px;line-height:76px;letter-spacing:-2.1px}
.event-txt{padding-top:50px;color:#909aa5;font-size:28px;line-height:42px;letter-spacing:-1.4px;text-align:center}
.event-ranking-top{margin-top:90px;font-size:0;text-align:center}
.round-txt-area{width:100%}
.round-ttl{color:#ffde00;font-size:60px;line-height:1}
.round-sch-box{display:block;position:relative;width:640px;height:100px;margin:70px auto 0}
.input-sch{display:block;width:100%;min-height:100px;height:100px;padding:0 110px 0 50px;border:0;color:#1e1e1e;font-family:"Kakao-Rg";font-size:36px;letter-spacing:-1.8px;line-height:normal;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:"Kakao-Rg";font-size:36px;letter-spacing:-1.8px;text-transform:uppercase;vertical-align:middle}
.input-sch::-moz-placeholder{color:#1e1e1e;font-family:"Kakao-Rg";font-size:36px;letter-spacing:-1.8px;text-transform:uppercase;vertical-align:middle}
.input-sch:-ms-input-placeholder{color:#1e1e1e;font-family:"Kakao-Rg";font-size:36px;letter-spacing:-1.8px;text-transform:uppercase;vertical-align:middle}
.input-sch:-moz-placeholder{color:#1e1e1e;font-family:"Kakao-Rg";font-size:36px;letter-spacing:-1.8px;text-transform:uppercase;vertical-align:middle}
.input-sch::placehoder{color:#1e1e1e;font-family:"Kakao-Rg";font-size:36px;letter-spacing:-1.8px;text-transform:uppercase;vertical-align:middle}
.round-sch-btn{position:absolute;top:0;right:12px;z-index:10;width:100px;height:100px;text-indent:-9999px;background:url("/img/event/friendsmarker/02/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 #909aa5;border-bottom:2px solid #909aa5}
.event-ranking-tbl tbody tr td{border-bottom:1px solid #5c636a}
.tbl-thead-th{color:#c3ccd5;font-family:"Kakao-Rg";font-size:26px;font-weight:400;letter-spacing:-1.4px}
.col-w-1{width:130px}
.col-w-2{width:auto}
.col-w-3{width:180px}
.col-w-4{width:210px}
.tbl-ranking-ico{display:block;text-align:center}
.tbl-td{display:block;color:#c3ccd5;font-family:"Kakao-Rg";font-size:30px;text-align:left;letter-spacing:-1.5px}
.tbl-td.t_center{text-align:center}
.tbl-td.tbl-td-num{font-family:"Kakao-Rg";text-align:center}
.tbl-pop-btn{display:inline-block;vertical-align:middle;width:30px;height:30px;margin-left:10px;text-indent:-10000px;background:url("/img/event/friendsmarker/02/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 4px;border-radius:8px;border:2px solid #909aa5;color:#909aa5;font-family:"Kakao-Bd";font-size:30px;line-height:56px;background:transparent}
.service-pagination a.page-btn-active{color:#3f454a;background:#909aa5}
.service-pagination .page-btn-prev,
.service-pagination .page-btn-next{text-indent:-10000px;background-repeat:no-repeat;background-position:50% 50%;background-size:14px 22px}
.service-pagination .page-btn-prev{background-image:url("/img/event/friendsmarker/02/ranking-page-prev.png")}
.service-pagination .page-btn-next{background-image:url("/img/event/friendsmarker/02/ranking-page-next.png")}
.ranking-info-txt{padding-top:90px;color:#c3ccd5;font-size:24px;line-height:38px;letter-spacing:-1.2px;text-align:center}
.ranking-info-txt .pt-20{display:block;padding-top:20px}

@media screen and (max-width:640px) {
	.gift-conts{padding-bottom:100px}
	.ranking-conts{padding:90px 0;border-top:1px solid #1e1e1e}
	.rank-tabs{top:-30px;left:0;width:100%;height:60px;margin-left:0}
	.rank-tab-btn{height:60px;border:1px solid #2e3134;font-size:20px;line-height:58px}
	.flag-ico{width:39px;height:37px}
	.gift-txt-area{padding-top:45px}
	.gift-txt-1{padding-top:10px;font-size:18px;line-height:26px}
	.gift-txt-2{padding-top:40px;font-size:18px;line-height:28px}
	.gift-txt-3{padding-top:15px;font-size:18px;line-height:28px}
	.gift-txt-4{padding-top:60px;font-size:25px}
	.game-logo{width:320px;height:39px;margin:28px auto 15px;border-radius:20px;background-size:166px 14px}
	.golf-ball-ico{width:34px;height:33px}
	.gift-list{padding:20px 0}
	.gift-item{height:110px;border-bottom:1px solid #000001}
	.gift-info{padding-top:25px;padding-right:110px}
	.gift-info-ttl{padding-top:6px;font-size:16px}
	.gift-info-ttl-sub{padding-top:13px;font-size:12px}
	.gift-info-num{padding-top:10px;font-size:12px;line-height:14px;letter-spacing:-.1em}
	.gift-info-txt{font-size:12px}
	.gift-info-img{width:110px;height:auto}
	.gift-mark-ico{bottom:16px;width:42px;height:42px}
	.lucky-gift-btn{width:290px;height:50px}
	.event-ttl{font-size:25px;line-height:35px}
	.event-ttl-small{font-size:21px;line-height:38px}
	.event-txt{padding-top:25px;font-size:14px;line-height:21px}
	.event-ranking-top{margin-top:45px}
	.round-ttl{font-size:30px}
	.round-txt{font-size:13px}
	.round-num{padding-top:10px;font-size:30px;line-height:35px}
	.round-sch-box{width:320px;height:50px;margin:35px auto 0}
	.input-sch{min-height:50px;height:50px;padding:0 55px 0 25px;font-size:18px;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 #909aa5;border-bottom:1px solid #909aa5}
	.event-ranking-tbl tbody tr td{border-bottom:1px solid #5c636a}
	.tbl-thead-th{font-size:13px}
	.col-w-1{width:40px}
	.col-w-3{width:75px}
	.col-w-4{width:90px}
	.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:7px 11px}
	.ranking-info-txt{padding-top:45px;font-size:12px;line-height:19px}
	.ranking-info-txt .pt-20{padding-top:12px}
}

.info-conts{padding:130px 0;background:#3b3b3b}
.foot-tit{padding-bottom:30px;color:#909aa5;font-family:"Kakao-Bd";font-size:50px;letter-spacing:-.05em;text-align:center}
.foot-info{margin-top:50px}
.foot-info-ttl{color:#fff;font-family:"NotoSansKR-Regular";font-size:24px;letter-spacing:-.025em}
.foot-info-list{padding-top:25px}
.foot-info-list li{position:relative;padding-left:20px}
.foot-info-list li:before{display:block;content:"";position:absolute;top:17px;left:0;width:6px;height:6px;border-radius:50%;background:#959595}
.info-list-txt{position:relative;color:#959595;font-family:"NotoSansKR-Light";font-size:24px;line-height:1.5;letter-spacing:-.025em}

@media screen and (max-width:640px) {
	.info-conts{padding:60px 0}
	.foot-tit{padding-bottom:15px;font-size:25px}
	.foot-info{margin-top:25px}
	.foot-info-ttl{font-size:12px}
	.foot-info-list{padding-top:15px}
	.foot-info-list li{padding-left:12px}
	.foot-info-list li:before{top:7px;left:0;width:4px;height:4px}
	.info-list-txt{font-size:12px}
}

/* footer */
#footer{position:relative;width:100%;padding:40px 0 80px;text-align:center;background:#d6d6d6}
.foot-logo{color:#4b5055;font-family:"Kakao-Bd";font-size:22px;line-height:30px}
.foot-company-info{padding-top:10px;color:#4b5055;font-family:"Kakao-Rg";font-size:20px;line-height:36px}
.foot-copy{padding-top:30px;color:#90989f;font-family:"Kakao-Rg";font-size:20px}

@media screen and (max-width:640px) {
	#footer{padding:20px 0 40px}
	.foot-logo{font-size:11px}
	.foot-company-info{padding-top:5px;font-size:10px;line-height:18px}
	.foot-copy{padding-top:15px;font-size:10px}
}