@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{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: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:130px 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) {
	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}
}

/* event top */
.event__top{position:relative;width:100%;height:140px;background:#373737}
.event__top:after{display:block;content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:#0bb547}
.event__top-inner{position:relative;width:720px;margin:0 auto}
.event__top-list{position:absolute;top:0;left:0;z-index:10;width:100%;height:140px;background:#373737}
.event__top-item{position:relative;float:left;height:100%}
.event__top-hole{width:220px}
.event__top-hole:after{display:block;content:"";position:absolute;top:0;right:0;width:52px;height:140px;background:url("/img/event/hole_near/new__long/event__top-wait.png") no-repeat;background-size:100% auto}
.event__top-near{width:264px}
.event__top-near:after{display:block;content:"";position:absolute;top:0;right:0;width:60px;height:140px;background:url("/img/event/hole_near/new__long/event__top-wait.jpg") no-repeat;background-size:100% auto}
.event__top-long{width:236px;background:#0bb547}
.event__top-link{display:block;position:relative;z-index:10;width:100%;height:100%}
.event__top-txt{position:relative;z-index:20;height:72px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.event__top-hole .event__top-txt{padding:37px 0 0 38px;width:96px}
.event__top-near .event__top-txt{padding:37px 0 0 30px;width:160px}
.event__top-long .event__top-txt{padding:37px 0 0 21px;width:210px}

@media screen and (max-width:720px) {
	.event__top-inner{width:640px}
	.event__top-hole{width:190px}
	.event__top-near{width:230px}
	.event__top-long{width:220px}
	.event__top-hole .event__top-txt{padding:37px 0 0 24px}
	.event__top-near .event__top-txt{padding:37px 0 0 22px}
	.event__top-long .event__top-txt{padding:37px 0 0 16px}
}

@media screen and (max-width:680px) {
	.event__top{height:70px}
	.event__top:before{display:none}
	.event__top-inner{width:100%;margin:0}
	.event__top-list{height:70px}
	.event__top-hole{width:25%}
	.event__top-hole:after{right:-26px;width:26px;height:70px}
	.event__top-near{width:40%;border-right:30px solid #0bb547}
	.event__top-long{width:35%}
	.event__top-near:after{right:-29px;width:30px;height:70px}
	.event__top-txt{position:absolute;top:18px;left:50%}
	.event__top-hole .event__top-txt{padding:0;margin-left:-15px;width:48px}
	.event__top-near .event__top-txt{padding:0;margin-left:-18px;width:80px}
	.event__top-long .event__top-txt{padding:0;margin-left:-52px;width:105px}
}

/* visual */
.main__visual{overflow:hidden;position:relative;z-index:10;width:100%;height:1228px;background-color:#133465;background-image:url("/img/event/hole_near/new__long/main__visual-bg.jpg");background-repeat:no-repeat;background-position:50% 0}
.main__visual .contents__inner{height:100%}
.visual-ttl{position:absolute;top:118px;left:50%;z-index:10;width:442px;height:582px;margin-left:-222px;text-indent:-10000px;background:url("/img/event/hole_near/new__long/visual-ttl.png") no-repeat;background-size:100% auto}
.visual-txt-line{position:absolute;top:510px;left:50%;width:168px;height:10px;margin-left:-11px;background:#f3be2f;animation-name:line-motion;animation-duration:.75s;animation-timing-function:cubic-bezier(0.95, 0.05, 0.795, 0.035);animation-fill-mode:both}
.visual-jay-g{position:absolute;top:804px;left:50%;z-index:10;width:348px;height:396px;margin-left:-75px;background:url("/img/event/hole_near/new__long/visual-jay-g.png") no-repeat;background-size:100% auto}
.visual-ball{position:absolute;top:1258px;left:50%;z-index:10;width:26px;height:26px;margin-left:35px;background:url("/img/event/hole_near/new__long/visual-ball.png") no-repeat;background-size:100% auto;animation-delay:1.5s;animation-name:ball-motion;animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);animation-duration:1s;animation-fill-mode:both}
.visual-ball-shadow{position:absolute;top:1266px;left:50%;z-index:5;width:38px;height:22px;margin-left:22px;background:url("/img/event/hole_near/new__long/visual-ball-shadow.png") no-repeat;background-size:100% auto;animation-delay:1.5s;animation-name:shadow-motion;animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);animation-duration:1s;animation-fill-mode:both}
.visual-sign{position:absolute;top:1104px;left:50%;z-index:10;width:232px;height:120px;margin-left:-289px;background:url("/img/event/hole_near/new__long/visual-sign.png") no-repeat;background-size:100% auto;animation-delay:1.75s;animation-name:sign-motion;animation-duration:.5s;animation-timing-function:cubic-bezier(0.895, 0.03, 0.685, 0.22);animation-fill-mode:both;opacity:1}
@keyframes line-motion{
    0%{width:0}
	100%{width:168px}
}
@keyframes ball-motion{
    0%{-webkit-transform:translateY(0) translateX(0) rotate(0);-moz-transform:translateY(0) translateX(0) rotate(0);transform:translateY(0) translateX(0) rotate(0)}
	100%{-webkit-transform:translateY(-80px) translateX(150px) rotate(1440deg);-moz-transform:translateY(-80px) translateX(150px) rotate(1440deg);transform:translateY(-80px) translateX(150px) rotate(1440deg)}
}
@keyframes shadow-motion{
    0%{-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
	100%{-webkit-transform:translateY(-80px) translateX(150px);-moz-transform:translateY(-80px) translateX(150px);transform:translateY(-80px) translateX(150px)}
}
@keyframes sign-motion{
    0%{top:1304px;opacity:0}
	100%{top:1104px;opacity:1}
}

@media screen and (max-width:680px) {
	.main__visual{height:614px;background-size:1280px 614px}
	.visual-ttl{top:59px;width:221px;height:291px;margin-left:-111px}
	.visual-txt-line{top:255px;width:84px;height:5px;margin-left:-6px}
	.visual-jay-g{top:402px;width:174px;height:198px;margin-left:-38px}
	.visual-ball{top:629px;width:13px;height:13px;margin-left:18px}
	.visual-ball-shadow{top:633px;width:19px;height:11px;margin-left:11px}
	.visual-sign{top:552px;width:116px;height:60px;margin-left:-145px}
	@keyframes line-motion{
		0%{width:0}
		100%{width:84px}
	}
	@keyframes ball-motion{
    0%{-webkit-transform:translateY(0) translateX(0) rotate(0);-moz-transform:translateY(0) translateX(0) rotate(0);transform:translateY(0) translateX(0) rotate(0)}
	100%{-webkit-transform:translateY(-40px) translateX(75px) rotate(720deg);-moz-transform:translateY(-40px) translateX(75px) rotate(720deg);transform:translateY(-40px) translateX(75px) rotate(720deg)}
	}
	@keyframes shadow-motion{
		0%{-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
		100%{-webkit-transform:translateY(-40px) translateX(75px);-moz-transform:translateY(-40px) translateX(75px);transform:translateY(-40px) translateX(75px)}
	}
	@keyframes sign-motion{
		0%{top:652px;opacity:0}
		100%{top:552px;opacity:1}
	}
}

/* main section contents */
.main__section{position:relative;width:100%;padding:120px 0;background:#2d8735}
.main__section-ttl{width:416px;margin:0 auto}
.main__section-txt-box{width:494px;margin:80px auto 0;padding:65px 40px;border-radius:50px;background:#206e27;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.main__section-txt{width:414px}

@media screen and (max-width:680px) {
	.main__section{padding:60px 0}
	.main__section-ttl{width:208px}
	.main__section-txt-box{width:247px;margin:40px auto 0;padding:32px 20px;border-radius:25px}
	.main__section-txt{width:207px}
}

/* first event contents */
.first__section{}
.first__section-txt{width:240px;margin:0 auto}
.first__section-img{width:628px;margin:40px auto 0}

@media screen and (max-width:680px) {
	.first__section-txt{width:120px}
	.first__section-img{width:314px;margin:20px auto 0}
}

/* second event contents */
.second__section{background:#eaf5ed}
.second__section-txt{width:242px;margin:0 auto}
.second__section-img{width:382px;margin:40px auto 0}

@media screen and (max-width:680px) {
	.second__section-txt{width:121px;margin:0 auto}
	.second__section-img{width:191px;margin:20px auto 0}
}

/* third event contents */
.third__section{background:#fff}
.third__section-txt{width:242px;margin:0 auto}
.third__section-img{width:346px;margin:40px auto 0}

@media screen and (max-width:680px) {
	.third__section-txt{width:121px;margin:0 auto}
	.third__section-img{width:173px;margin:20px auto 0}
}

/* fourth event contents */
.fourth__section{background:#f8f8f8}
.fourth__section-txt{width:244px;margin:0 auto}
.fourth__section-img{width:474px;margin:40px auto 0}

@media screen and (max-width:680px) {
	.fourth__section-txt{width:122px;margin:0 auto}
	.fourth__section-img{width:237px;margin:20px auto 0}
}

/* rank event contents */
.rank__section{background:#fff}
.rank__inner{position:relative;width:640px;margin:0 auto}
.rank__tab{float:left;width:50%}
.rank__tab-btn{display:block;width:100%;height:106px;color:#6d6d6d;font-family:"Kakao-Lt";font-size:40px;line-height:106px;letter-spacing:-.045em;text-align:center;background:#fff;border-bottom:3px solid #875023}
.rank__tab-btn-active{color:#875023;font-family:"Kakao-Rg";border:3px solid #875023;border-radius:32px 32px 0 0;border-bottom:0}
.rank__info-txt-1{width:370px;margin:80px auto 40px}
.rank__info-txt-2{width:504px;margin:80px auto 40px}
.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:196px;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:360px;height:102px;border:0;color:#fe7e00;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}
.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:60px}
.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/new__long/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:26px;text-align:center;line-height:1.5;letter-spacing:-.045em;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:26px;text-align:left;line-height:80px;letter-spacing:-.045em;-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/new__long/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/new__long/ranking-page-prev.png")}
.service__pagination .page__btn-next{background-image:url("/img/event/hole_near/new__long/ranking-page-next.png")}

@media screen and (max-width:1000px) {
	.rank__inner{width:100%;margin:0;padding:0 20px}
}

@media screen and (max-width:680px) {
	.rank__tab-btn{height:53px;font-size:20px;line-height:53px;border-bottom:1px solid #875023}
	.rank__tab-btn-active{border:1px solid #875023;border-radius:16px 16px 0 0}
	.rank__info-txt-1{width:234px;margin:40px auto 20px}
	.rank__info-txt-2{width:261px;margin:40px auto 20px}
	.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-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:13px}
	.custom__sel-label{height:40px;padding:0 58px 0 25px;font-size:13px;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%;padding:130px 0;background:#3b3b3b}
.foot-tit{width:280px;height:50px;margin:0 auto;padding-bottom:30px;text-indent:-10000px;background:url("/img/event/hole_near/new__year/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}

@media screen and (max-width:680px) {
	#footer{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}
}