@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:"NotoSansKR-Regular"}
#wrapper{position:relative;width:100%}
.header{position:relative;width:100%;height:90px}
.t-up-bi{width:240px;height:100%;margin:0 auto;text-indent:-9999px;background:url("/img/event/hole_near/september__hole-near/t-up-bi.png") no-repeat 50% 50%;background-size:240px 44px}
.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:100px 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}
	.t-up-bi{width:120px;background-size:120px 22px}
	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:1464px;padding:170px 0 220px;background-color:#ff8b23}
.main__visual .contents__inner{height:100%}
.event-bi{display:block;position:absolute;top:-114px;left:50%;z-index:10;width:430px;height:38px;margin-left:-215px;text-indent:-9999px;background:url("/img/event/hole_near/september__hole-near/event-bi.png") no-repeat;background-size:100% auto}
.visual-ttl{position:absolute;top:0;left:50%;z-index:10;width:390px;height:350px;margin-left:-270px;text-indent:-9999px;background:url("/img/event/hole_near/september__hole-near/visual-ttl.png") no-repeat;background-size:100% auto}
.visual-date{position:absolute;top:900px;left:50%;z-index:10;width:528px;height:180px;margin-left:-264px;text-indent:-9999px;background:url("/img/event/hole_near/september__hole-near/visual-date.png") no-repeat;background-size:100% auto}
.visual-apeach{display:block;position:absolute;top:55px;left:50%;width:1190px;height:880px;margin-left:-595px;background:url("/img/event/hole_near/september__hole-near/visual-apeach.png") no-repeat;background-size:100% auto}

@media screen and (max-width:680px) {
	.main__visual{height:732px;padding:85px 0 110px}
	.event-bi{top:-57px;width:215px;height:19px;margin-left:-108px}
	.visual-ttl{width:195px;height:175px;margin-left:-135px}
	.visual-date{top:450px;width:264px;height:90px;margin-left:-132px}
	.visual-apeach{top:27px;width:595px;height:440px;margin-left:-298px}
}

/* contents event tabs */
.contents__event-tabs{position:absolute;top:-120px;left:50%;z-index:50;width:600px;margin-left:-300px;font-size:0}
.event-hole-bg{background-image:url("/img/event/hole_near/september__hole-near/event-tab-hole.png")}
.event-near-bg{background-image:url("/img/event/hole_near/september__hole-near/event-tab-near.png")}
.event-hole-bg.event-tab-bg-active{z-index:10;background-image:url("/img/event/hole_near/september__hole-near/event-tab-hole-active.png")}
.event-near-bg.event-tab-bg-active{z-index:10;background-image:url("/img/event/hole_near/september__hole-near/event-tab-near-active.png")}
.event-tab-btn{display:inline-block;vertical-align:top;position:relative;z-index:20;width:50%;height:120px;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto}
.hole-tab-btn{background-image:url("/img/event/hole_near/september__hole-near/hole-tab-btn.png")}
.near-tab-btn{background-image:url("/img/event/hole_near/september__hole-near/near-tab-btn.png")}
.event-tab-btn-active{border-radius:15px 15px 0 0;background-color:#9a3b01}
.hole-tab-btn.event-tab-btn-active{background-image:url("/img/event/hole_near/september__hole-near/hole-tab-btn-active.png")}
.near-tab-btn.event-tab-btn-active{background-image:url("/img/event/hole_near/september__hole-near/near-tab-btn-active.png")}

@media screen and (max-width:680px) {
	.contents__event-tabs{top:-60px;width:300px;margin-left:-150px}
	.event-tab-btn{height:60px}
}

/* first event contents */
.hole__first,
.near__first{padding-bottom:120px;background:#9a3b01}
.hole__first-txt{width:296px;margin:0 auto}
.hole__first-img{width:554px;margin:70px auto 0}
.near__first-img{width:520px;margin:70px auto 0}
.friendsgolf__shop-btn{display:block;width:600px;height:124px;margin:80px auto 0;text-indent:-9999px;background:url("/img/event/hole_near/september__hole-near/hole__first-btn.png") no-repeat;background-size:100% auto}
.cont__tbl-wrap{width:100%}
.cont__tbl-wrap.near__tbl-wrap{border-bottom:3px solid #5e3ecc}
.cont__tbl-ttl{width:210px;height:38px;margin:0 auto;text-indent:-9999px;background:url("/img/event/hole_near/september__hole-near/cont__tbl-ttl.png") no-repeat;background-size:100% auto}
.cont__tbl{table-layout:fixed;min-width:100%;width:100%;max-width:none;border-bottom:2px solid #bb4700}
.cont__tbl tr th,
.cont__tbl tr td{vertical-align:middle;text-align:center;border-top:2px solid #bb4700;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.cont__tbl thead tr th{padding:35px 0;border-top:2px solid #bb4700;background:#893401}
.cont__tbl tbody tr td{padding:30px 0}
.thead-tbl-th{color:#fff;font-family:"NotoSansKR-Regular";font-size:28px;font-weight:400;line-height:1;letter-spacing:-.1em}
.tfoot-tbl-td{color:#ffc400;font-family:"NotoSansKR-Medium";font-size:26px;font-weight:500;line-height:1;letter-spacing:-.045em}
.tfoot-tbl-price{color:#ffc400;font-family:"NotoSansKR-Medium";font-size:26px;font-weight:500;line-height:1;letter-spacing:-.045em}
.tbody-tbl-td{color:#fff;font-family:"NotoSansKR-Regular";font-size:22px;letter-spacing:-.045em;line-height:30px}
.tbody-tbl-td-bold{display:block;color:inherit;font-family:"NotoSansKR-Medium";font-weight:500;font-size:inherit;letter-spacing:inherit;line-height:inherit}

@media screen and (max-width:680px) {
	.hole__first,
	.near__first{padding-bottom:60px}
	.hole__first-txt{width:148px}
	.hole__first-img{width:277px;margin:35px auto 0}
	.near__first-img{width:260px;margin:35px auto 0}
	.friendsgolf__shop-btn{width:300px;height:62px;margin:40px auto 0}
	.cont__tbl-wrap{margin-bottom:65px}
	.cont__tbl-wrap.near__tbl-wrap{border-bottom:2px solid #5e3ecc}
	.cont__tbl-ttl{width:105px;height:19px}
	.cont__tbl{margin-top:20px}
	.cont__tbl tr th,
	.cont__tbl tr td{border-top:1px solid #bb4700}
	.cont__tbl thead tr th{padding:20px 0;border-top:2px solid #bb4700}
	.cont__tbl tbody tr td{padding:15px 0}
	.thead-tbl-th{font-size:14px}
	.tfoot-tbl-td{font-size:13px}
	.tfoot-tbl-price{font-size:13px}
	.tbody-tbl-td{font-size:11px;line-height:15px}
}

/* second event contents */
.near__second{background:#4b2eae}
.near__second-txt{width:360px;margin:0 auto}
.near__second-img{width:520px;margin:40px auto 0}

@media screen and (max-width:680px) {
	.near__second-txt{width:180px;margin:0 auto}
	.near__second-img{width:260px;margin:15px auto 0}
}

/* third event contents */
.near__third{background:#4b2eae}

@media screen and (max-width:680px) {
	
}

/* fourth event contents */
.near__fourth{background:#f6de6f}
.near__fourth-txt{width:236px;margin:0 auto}
.near__fourth-img{width:614px;margin:40px auto 0}

@media screen and (max-width:680px) {
	.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__event-ttl{display:block;width:284px;height:50px;margin:0 auto;text-indent:-9999px;background:url("/img/event/hole_near/september__hole-near/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: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:#9a3b01 url("/img/event/hole_near/september__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:#9a3b01;background-image:none;box-shadow:0;border:0;color:#ffdc00;font-family:"NotoSansKR-Bold";font-size:26px;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:#ffdc00;font-family:"NotoSansKR-Bold";font-size:26px;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/september__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/september__hole-near/ranking-page-prev.png")}
.service__pagination .page__btn-next{background-image:url("/img/event/hole_near/september__hole-near/ranking-page-next.png")}

@media screen and (max-width:680px) {
	.rank__inner{width:100%;margin:0;padding:0 20px}
	.rank__event-ttl{width:142px;height:25px}
	.rank__info-txt-1{width:269px;height:43px;margin:40px auto 30px}
	.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: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/september__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}
}