@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;max-width:2560px;margin:0 auto;font-family:"NotoSansKR-Regular"}
#wrapper{position:relative;width:100%}
.header{position:relative;width:100%;height:90px}
.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}
.event__section{position:relative;width:100%;padding:120px 0}
.event__section-txt{padding-top:15px;color:#292929;font-family:"Kakao-Lt";font-size:52px;line-height:1.4;letter-spacing:-.045em;text-align:center}
.event__section-txt-bold{font-family:"Kakao-Rg"}
.event__section-txt-green{color:#0bb547}
.event__section-txt-light{font-family:"Kakao-Lt";font-weight:300}
.mobile-block{display:inline-block;margin-left:5px}

@media screen and (max-width:680px) {
	.header{height:45px}
	img{display:block;width:100%}
	.contents__inner{width:100%;margin:0;padding:0 20px}
	.event__section{padding:65px 0}
	.event__section-txt{padding-top:10px;font-size:26px}
	.mobile-block{display:block;margin-left:0}
}

@media screen and (max-width:340px) { 
	.contents__inner{padding:0}
}
/* visual */
.main__visual{position:relative;z-index:10;width:100%;height:1218px;padding:170px 0 220px;background:#424242 url("/img/event/hole_near/fss_hole/visual-bg.png") no-repeat 50% 0;background-size:1814px 1218px}
.bi{position:absolute;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto}
.t-up-bi{top:100px;left:100px;width:202px;height:36px;background-image:url("/img/event/hole_near/fss_hole/t-up-bi.png")}
.vx-bi{top:106px;right:100px;width:150px;height:30px;background-image:url("/img/event/hole_near/fss_hole/vx-bi.png")}
.main__visual .contents__inner{height:100%}
.visual-ttl{position:absolute;top:136px;left:50%;z-index:10;width:640px;height:272px;margin-left:-320px;text-indent:-9999px;background:url("/img/event/hole_near/fss_hole/visual-ttl.png") no-repeat;background-size:100% auto}
.visual-jay-g{display:block;position:absolute;top:480px;left:50%;width:414px;height:496px;margin-left:-200px;background:url("/img/event/hole_near/fss_hole/visual-jay-g.png") no-repeat;background-size:100% auto}
.visual-deco{display:block;position:absolute;bottom:-266px;left:50%;width:640px;height:140px;margin-left:-320px;text-indent:-9999px;background:url("/img/event/hole_near/fss_hole/visual-deco.png") no-repeat;background-size:100% auto}

@media screen and (max-width:1000px) {
	.t-up-bi{left:30px}
	.vx-bi{right:30px}
}

@media screen and (max-width:680px) {
	.main__visual{height:609px;padding:85px 0 110px;background-size:907px 609px}
	.t-up-bi{display:none}
	.vx-bi{display:none}
	.visual-ttl{top:68px;width:320px;height:136px;margin-left:-160px}
	.visual-jay-g{top:240px;width:207px;height:248px;margin-left:-100px}
	.visual-deco{bottom:-133px;width:320px;height:70px;margin-left:-160px}
}

/* first event contents */
.hole__first{padding:140px 0 120px;background:#ecd5bf}
.hole__first-img{width:640px;margin:0 auto}

@media screen and (max-width:680px) {
	.hole__first{padding:70px 0 60px}
	.hole__first-img{width:320px;margin:0 auto}
}

/* rank event contents */
.rank__section{background:#fff}
.rank__inner{position:relative;width:640px;margin:0 auto}
.rank__event-ttl{display:block;width:398px;height:110px;margin:0 auto;text-indent:-9999px;background:url("/img/event/hole_near/fss_hole/rank__event-ttl.png") no-repeat;background-size:100% auto}
.rank__info-txt-1{width:538px;height:86px;margin:80px auto 60px}
.rank__info-txt-2{width:538px;height:86px;margin:80px auto 0}
.rank__input-box{position:relative;width:100%;height:110px;margin-top:10px;border-radius:55px;border:4px solid #343434}
.rank__input-box:first-child{margin-top:0}
.rank__input-label{display:block;position:absolute;top:0;left:0;width:176px;height:100%;padding-left:46px;color:#343434;font-family:"NotoSansKR-Regular";font-size:32px;letter-spacing:-.025em;line-height:102px}
.rank__input{display:block;position:absolute;top:0;right:75px;z-index:10;width:330px;height:102px;border:0;color:#ff8b23;font-family:"NotoSansKR-Bold";font-size:52px;line-height:102px;text-align:right;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-text-fill-color:#ff8b23;-webkit-opacity:1}
.rank__input::-webkit-input-placeholder{color:#ff8b23;font-size:52px;letter-spacing:-.045em}
.rank__input::-moz-placeholder{color:#ff8b23;font-size:52px;letter-spacing:-.045em}
.rank__input:-ms-input-placeholder{color:#ff8b23;font-size:52px;letter-spacing:-.045em}
.rank__input:-moz-placeholder{color:#ff8b23;font-size:52px;letter-spacing:-.045em}
.rank__input::placehoder{color:#ff8b23;font-size:52px;letter-spacing:-.045em}
.rank__input-txt{display:block;position:absolute;top:0;right:34px;height:102px;color:#343434;font-family:"NotoSansKR-Regular";font-size:32px;letter-spacing:-.025em;line-height:102px}
.service__sch{margin-top:50px}
.sch-box{display:block;position:relative;width:100%;height:80px}
.sel-box{display:block;position:relative;width:100%;height:80px;margin-top:10px}
.sel-box-custom{position:relative;height:80px;border:0;border-radius:20px;background:#ffd905 url("/img/event/hole_near/fss_hole/sel__btn-down.png") no-repeat 100% 50%;background-size:66px 14px}
.sel-box-custom select{-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:0 116px 0 50px;border:0;background-color:#ffd905;background-image:none;box-shadow:0;border:0;color:#343434;font-family:"NotoSansKR-Bold";font-size:24px;text-align:center;line-height:1.5;opacity:0;filter:alpha(opacity=0);outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;zoom:1;z-index:10}
.sel-box-custom select::-ms-expand{display:none}
.sel-box-custom select option{font-size:inherit}
.custom__sel-label{display:block;position:absolute;top:0;left:0;width:100%;height:80px;padding:0 116px 0 50px;color:#343434;font-family:"NotoSansKR-Bold";font-size:24px;text-align:left;line-height:80px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.sch-box{margin-top:15px}
.input-sch{display:block;width:100%;height:80px;margin:0;padding:0 116px 0 50px;border:0;outline:none;border-radius:20px;color:#343434;font-family:"NotoSansKR-Medium";font-size:26px;line-height:80px;letter-spacing:-.045em;background:#f2f2f2;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.input-sch::-webkit-input-placeholder{color:#6d6d6d;font-size:26px;letter-spacing:-.045em}
.input-sch::-moz-placeholder{color:#6d6d6d;font-size:26px;letter-spacing:-.045em}
.input-sch:-ms-input-placeholder{color:#6d6d6d;font-size:26px;letter-spacing:-.045em}
.input-sch:-moz-placeholder{color:#6d6d6d;font-size:26px;letter-spacing:-.045em}
.input-sch::placehoder{color:#6d6d6d;font-size:26px;letter-spacing:-.045em}
.input-sch::-ms-clear{display:none}
.sch-box:focus .input__btn-submit{background-color:#ffeb01}
.input__btn-submit{display:block;position:absolute;top:16px;right:30px;width:48px;height:48px;text-indent:-10000px;background:url("/img/event/hole_near/fss_hole/btn-submit-ico.png") no-repeat 50% 50%;background-size:100% auto}
.service__tbl-wrap{margin-top:40px}
.service__tbl{table-layout:fixed;min-width:100%;width:100%;max-width:none}
.service__tbl tr th,
.service__tbl tr td{padding:24px 5px;text-align:center}
.service__tbl thead tr th{border-top:2px solid #e4e4e4;border-bottom:2px solid #e4e4e4}
.service__tbl tbody tr:first-child td{padding-top:48px}
.service__tbl tbody tr:last-child td{padding-bottom:48px;border-bottom:1px solid #e4e4e4}
.tbl__thead-txt{display:block;color:#6d6d6d;font-family:"NotoSansKR-Medium";font-size:32px;font-weight:500;letter-spacing:-.045em;line-height:1.25}
.tbl-txt{display:block;color:#343434;font-family:"NotoSansKR-Regular";font-size:28px;line-height:1.25}
.tbl-txt-medium{font-family:"NotoSansKR-Medium";font-weight:400}
.service__pagination{padding-top:50px;font-size:0;text-align:center}
.service__pagination a{display:inline-block;vertical-align:middle;width:60px;height:60px;margin:0 3px;border-radius:10px;border:2px solid #1e1e1e;color:#1e1e1e;font-family:"Kakao-Rg";font-size:30px;line-height:52px;background:#fff}
.service__pagination a.page__btn-active{color:#343434;font-family:"Kakao-Bd";background:#ffd905}
.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/hole_near/fss_hole/ranking-page-prev.png")}
.service__pagination .page__btn-next{background-image:url("/img/event/hole_near/fss_hole/ranking-page-next.png")}

@media screen and (max-width:680px) {
	.rank__inner{width:100%;margin:0;padding:0 20px}
	.rank__event-ttl{width:199px;height:55px}
	.rank__info-txt-1{width:269px;height:43px;margin:40px auto 30px}
	.rank__info-txt-1{width:269px;height:43px;margin:40px auto 0}
	.rank__input-box{height:55px;margin-top:5px;border-radius:28px;border:2px solid #343434}
	.rank__input-label{width:30%;height:100%;padding-left:23px;font-size:16px;line-height:51px}
	.rank__input{right:40px;width:50%;height:51px;font-size:26px;line-height:51px}
	.rank__input::-webkit-input-placeholder{font-size:26px}
	.rank__input::-moz-placeholder{font-size:26px}
	.rank__input:-ms-input-placeholder{font-size:26px}
	.rank__input:-moz-placeholder{font-size:26px}
	.rank__input::placehoder{font-size:26px}
	.rank__input-txt{right:20px;height:51px;font-size:16px;line-height:51px}
	.service__sch{margin-top:30px}
	.sch-box{height:40px}
	.sel-box{height:40px;margin-top:5px}
	.sel-box-custom{height:40px;border-radius:10px;background-size:33px 7px}
	.sel-box-custom select{padding:0 58px 0 25px;font-size:12px}
	.custom__sel-label{height:40px;padding:0 58px 0 25px;font-size:12px;line-height:40px}
	.sch-box{margin-top:5px}
	.input-sch{height:40px;padding:0 58px 0 25px;border-radius:10px;font-size:13px;line-height:40px}
	.input-sch::-webkit-input-placeholder{font-size:13px}
	.input-sch::-moz-placeholder{font-size:13px}
	.input-sch:-ms-input-placeholder{font-size:13px}
	.input-sch:-moz-placeholder{font-size:13px}
	.input-sch::placehoder{font-size:13px}
	.input__btn-submit{top:8px;right:15px;width:24px;height:24px}
	.service__tbl-wrap{margin-top:20px}
	.service__tbl tr th,
	.service__tbl tr td{padding:12px 5px;text-align:center}
	.service__tbl thead tr th{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
	.service__tbl tbody tr:first-child td{padding-top:24px}
	.service__tbl tbody tr:last-child td{padding-bottom:24px}
	.tbl__thead-txt{font-size:16px}
	.tbl-txt{font-size:14px}
	.service__pagination{padding-top:25px}
	.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}
}

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

/* footer */
#footer{position:relative;width:100%;background:#3b3b3b}
.foot-top{padding:130px 0}
.foot-tit{width:280px;height:50px;margin:0 auto;padding-bottom:30px;text-indent:-10000px;background:url("/img/event/hole_near/fss_hole/foot-tit.png") no-repeat;background-size:100% auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.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}
.foot-bottom{position:relative;width:100%;padding:50px 0 75px;text-align:center;background:#302e2f}
.foot-logo{color:#fff;font-family:"Kakao-Rg";font-size:24px;font-weight:400;letter-spacing:-.5px}
.foot-address{padding-top:10px;color:#fff;font-family:"Kakao-Lt";font-size:22px;letter-spacing:-.05px;line-height:32px}
.foot-bot-box{font-size:0}
.foot-bot-txt{display:inline-block;vertical-align:middle;position:relative;padding-left:21px;color:#fff;font-family:"Kakao-Lt";font-size:22px;letter-spacing:-.05px;line-height:32px}
.foot-bot-txt:before{display:block;content:"";position:absolute;top:10px;left:10px;width:1px;height:16px;background:#fff}
.foot-bot-txt:first-child{padding-left:0}
.foot-bot-txt:first-child:before{display:none}
.foot-bot-txt-bold{font-family:"Kakao-Rg"}
.foot-copy{padding-top:40px;color:#fff;font-family:"Kakao-Lt";font-size:20px}

@media screen and (max-width:680px) {
	.foot-top{padding:65px 0}
	.foot-tit{width:140px;height:25px;padding-bottom:15px;text-indent:-10000px}
	.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}
	.foot-bottom{padding:30px 20px 60px;text-align:left}
	.foot-logo{font-size:12px}
	.foot-address{padding-top:8px;font-size:11px;line-height:16px;word-break:keep-all}
	.foot-bot-txt{display:block;padding-left:0;font-size:11px;line-height:16px}
	.foot-bot-txt:before{display:none}
	.foot-copy{padding-top:20px;font-size:10px}
}

@media screen and (max-width:340px) {
	.foot-bottom{padding:30px 0 60px}
}