@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}
}
/* visual */
.main__visual{overflow:hidden;position:relative;z-index:10;width:100%;height:1374px;background-color:#f6de6f;background-image:url("/img/event/hole_near/april__hole-near/main__visual-bg.png");background-repeat:no-repeat;background-position:50% 100%;background-size:848px 1158px}
.main__visual .contents__inner{height:100%}
.visual-txt-1{position:absolute;top:88px;left:50%;z-index:10;width:522px;height:44px;margin-left:-261px;text-indent:-10000px;background:url("/img/event/hole_near/april__hole-near/visual-txt-1.png") no-repeat;background-size:100% auto}
.visual-txt-2{position:absolute;top:200px;left:50%;z-index:10;width:486px;height:26px;margin-left:-243px;text-indent:-10000px;background:url("/img/event/hole_near/april__hole-near/visual-txt-2.png") no-repeat;background-size:100% auto}
.visual-txt-line{display:block;position:absolute;top:214px;left:50%;z-index:5;width:494px;height:16px;margin-left:-247px;background:#f6d100;animation-name:line-motion;animation-duration:.75s}
.visual-ttl{position:absolute;top:246px;left:50%;z-index:10;width:624px;height:156px;margin-left:-312px;text-indent:-10000px;background:url("/img/event/hole_near/april__hole-near/visual-ttl.png") no-repeat;background-size:100% auto}
@keyframes line-motion{
    0%{width:0}
	100%{width:494px}
}

@media screen and (max-width:680px) {
	.main__visual{height:687px;background-size:424px 579px}
	.visual-txt-1{top:44px;width:261px;height:22px;margin-left:-130px}
	.visual-txt-2{top:100px;width:243px;height:13px;margin-left:-121px}
	.visual-txt-line{top:107px;width:247px;height:8px;margin-left:-123px}
	.visual-ttl{top:123px;width:312px;height:78px;margin-left:-156px}

	@keyframes line-motion{
		0%{width:0}
		100%{width:247px}
	}
}

/* contents event tabs */
.contents__event-tabs{position:absolute;top:-110px;left:50%;z-index:50;width:720px;margin-left:-360px;font-size:0}
.event-tab-btn{display:inline-block;vertical-align:top;width:50%;height:110px;color:#acaca8;font-family:"Kakao-Bd";font-size:44px;line-height:110px;letter-spacing:-.05em;text-align:center;border-bottom:6px solid #f7f7f7;background:#fff}
.event-tab-btn.event-tab-btn-active{color:#ed481c;border:0;background:#fdf8e4}

@media screen and (max-width:680px) {
	.contents__event-tabs{top:-55px;left:0;width:100%;margin:0}
	.event-tab-btn{height:55px;font-size:22px;line-height:55px;border-bottom:3px solid #f7f7f7}
}

/* first event contents */
.hole__first,
.near__first{background:#fdf8e4}
.hole__first-txt{width:186px;margin:0 auto}
.hole__first-img{width:620px;margin:40px auto 0}
.near__first-txt{width:232px;margin:0 auto}
.near__first-img{width:640px;margin:40px auto 0}
.cont__tbl-wrap{width:100%;margin-bottom:130px}
.cont__tbl-wrap.near__tbl-wrap{border-bottom:1px solid #5a5846}
.cont__tbl-ttl{color:#191919;font-family:"Kakao-Rg";font-size:30px;letter-spacing:-.075em;line-height:1;text-align:center}
.cont__tbl{table-layout:fixed;min-width:100%;width:100%;max-width:none;margin-top:20px}
.cont__tbl tr th,
.cont__tbl tr td{vertical-align:middle;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.cont__tbl thead tr th{padding:12px 0 10px;border-top:1px solid #5a5846;border-bottom:1px solid #5a5846}
.cont__tbl tfoot tr td{padding:30px 0;border-top:1px solid #5a5846;border-bottom:2px solid #b1ad9a}
.cont__tbl tbody tr td{padding:20px 0 15px;border-top:1px solid #dedede}
.cont__tbl tbody tr:first-child td{border-top:0}
.thead-tbl-th{color:#442d26;font-family:"Kakao-Rg";font-size:22px;font-weight:400;line-height:1}
.tfoot-tbl-td{color:#442d26;font-family:"Kakao-Rg";font-size:22px;font-weight:400;line-height:1}
.tfoot-tbl-price{color:#262626;font-family:"Kakao-Bd";font-size:22px;font-weight:700;line-height:1;letter-spacing:-.025em}
.tbody-tbl-td{color:#262626;font-family:"Kakao-Rg";font-size:18px;letter-spacing:-.025em;line-height:24px}
.tbody-tbl-td-bold{font-family:"Kakao-Bd"}

@media screen and (max-width:680px) {
	.hole__first-txt{width:93px}
	.hole__first-img{width:306px;margin:20px auto 0}
	.near__first-txt{width:116px}
	.near__first-img{width:320px;margin:20px auto 0}
	.cont__tbl-wrap{margin-bottom:65px}
	.cont__tbl-ttl{font-size:15px}
	.cont__tbl{margin-top:10px}
	.cont__tbl thead tr th{padding:6px 0 5px}
	.cont__tbl tfoot tr td{padding:15px 0}
	.cont__tbl tbody tr td{padding:10px 0 8px}
	.thead-tbl-th{font-size:12px}
	.tfoot-tbl-td{font-size:12px}
	.tfoot-tbl-price{font-size:12px}
	.tbody-tbl-td{font-size:10px;line-height:12px}
}

/* second event contents */
.hole__second,
.near__second{background:#fff}
.hole__second-txt{width:188px;margin:0 auto}
.hole__second-img{width:640px;margin:40px auto 0}
.near__second-txt{width:234px;margin:0 auto}
.near__second-img{width:640px;margin:40px auto 0}

@media screen and (max-width:680px) {
	.hole__second-txt{width:94px}
	.hole__second-img{width:320px;margin:20px auto 0}
	.near__second-txt{width:117px;margin:0 auto}
	.near__second-img{width:320px;margin:20px auto 0}
}

/* third event contents */
.hole__third,
.near__third{background:#fdf8e4}
.hole__third-txt{width:188px;margin:0 auto}
.hole__third-img{width:566px;margin:40px auto 0}
.near__third-txt{width:234px;margin:0 auto}
.near__third-img{width:640px;margin:40px auto 0}

@media screen and (max-width:680px) {
	.hole__third-txt{width:94px;margin:0 auto}
	.hole__third-img{width:283px;margin:20px auto 0}
	.near__third-txt{width:163px;margin:0 auto}
	.near__third-img{width:320px;margin:20px auto 0}
}

/* fourth event contents */
.hole__fourth{background:#395594}
.near__fourth{background:#f6de6f}
.hole__fourth-txt{width:190px;margin:0 auto}
.hole__fourth-img{width:640px;margin:40px auto 0}
.near__fourth-txt{width:236px;margin:0 auto}
.near__fourth-img{width:614px;margin:40px auto 0}

@media screen and (max-width:680px) {
	.hole__fourth-txt{width:95px;margin:0 auto}
	.hole__fourth-img{width:320px;margin:20px auto 0}
	.near__fourth-txt{width:118px;margin:0 auto}
	.near__fourth-img{width:307px;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:410px;margin:80px auto 40px}
.rank__info-txt-2{width:476px;margin:80px auto 40px}
.rank__info-txt-3{width:492px;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: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:#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;-webkit-text-fill-color:#fe7e00;-webkit-opacity:1}
.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/april__hole-near/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/april__hole-near/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/april__hole-near/ranking-page-prev.png")}
.service__pagination .page__btn-next{background-image:url("/img/event/hole_near/april__hole-near/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-bottom:1px solid #fff;border-radius:16px 16px 0 0}
	.rank__info-txt-1{width:205px;margin:40px auto 20px}
	.rank__info-txt-2{width:238px;margin:40px auto 20px}
	.rank__info-txt-3{width:246px;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/april__hole-near/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}
}