@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:before{display:block;content:"";position:absolute;top:0;left: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;width:100%;height:140px;background:#373737}
.event__top-item{position:relative;float:left;height:100%}
.event__top-hole{width:240px;background:#0bb547}
.event__top-hole:after{display:block;content:"";position:absolute;top:0;right:0;width:60px;height:140px;background:url("/img/event/hole_near/new__year/event__top-active.jpg") no-repeat;background-size:100% auto}
.event__top-near{width:266px}
.event__top-near:after{display:block;content:"";position:absolute;top:0;right:0;width:52px;height:140px;background:url("/img/event/hole_near/new__year/event__top-wait.png") no-repeat;background-size:100% auto}
.event__top-long{width:214px}
.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 59px;width:152px}
.event__top-near .event__top-txt{padding:37px 0 0 40px;width:160px}
.event__top-long .event__top-txt{padding:37px 0 0 30px;width:130px}

@media screen and (max-width:720px) {
	.event__top-inner{width:640px}
	.event__top-hole{width:210px}
	.event__top-near{width:230px}
	.event__top-long{width:200px}
	.event__top-hole .event__top-txt{padding:37px 0 0 38px;width:152px}
	.event__top-near .event__top-txt{padding:37px 0 0 20px;width:160px}
	.event__top-long .event__top-txt{padding:37px 0 0 20px;width:130px}
}

@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:33.33%;border-right:29px solid #373737}
	.event__top-near{width:36.94%}
	.event__top-long{width:29.73%}
	.event__top-hole:after{right:-30px;width:30px;height:70px}
	.event__top-near:after{width:26px;height:70px}
	.event__top-txt{position:absolute;top:18px;left:50%}
	.event__top-hole .event__top-txt{padding:0;margin-left:-20px;width:76px}
	.event__top-near .event__top-txt{padding:0;margin-left:-46px;width:80px}
	.event__top-long .event__top-txt{padding:0;margin-left:-38px;width:65px}
}

/* visual */
.main__visual{position:relative;z-index:10;width:100%;height:1024px;background-color:#133465;background-image:url("/img/event/hole_near/new__year/main__visual-bg.png");background-repeat:no-repeat;background-position:50% 0}
.visual-ttl{position:absolute;top:198px;left:50%;width:520px;height:400px;margin-left:-258px;text-indent:-10000px;background:url("/img/event/hole_near/new__year/visual-ttl.png") no-repeat;background-size:100% auto}
.visual-muzi{position:absolute;top:678px;left:50%;z-index:10;width:728px;height:508px;margin-left:-365px;background:url("/img/event/hole_near/new__year/visual-muzi.png") no-repeat;background-size:100% auto}

@media screen and (max-width:680px) {
	.main__visual{height:512px;background-size:832px 512px}
	.visual-ttl{top:99px;width:260px;height:200px;margin-left:-129px}
	.visual-muzi{top:339px;width:360px;height:251px;margin-left:-180px}
}

@media screen and (max-width:359px) {
	.visual-muzi{width:320px;height:223px;margin-left:-160px}
}

/* first event contents */
.first__section{background:#f2f9fb}
.first__section-txt{width:340px;margin:0 auto}
.first__section-img{width:640px;margin:70px auto 0}
.first__section-info-txt{padding-top:35px;color:#6d6d6d;font-family:"Kakao-Lt";font-size:24px;text-align:center}

@media screen and (max-width:680px) {
	.first__section-txt{width:170px}
	.first__section-img{width:320px;margin:35px auto 0}
	.first__section-info-txt{padding-top:20px;font-size:12px}
}

/* second event contents */
.second__section{background:#fff}
.second__section-txt{width:224px;margin:0 auto}
.second__section-img{width:450px;margin:70px auto 0}

@media screen and (max-width:680px) {
	.second__section-txt{width:112px;margin:0 auto}
	.second__section-img{width:225px;margin:35px auto 0}
}

/* third event contents */
.third__section{background:#edf8f3}
.third__section-txt{width:224px;margin:0 auto}
.third__section-img{width:390px;margin:70px auto 0}

@media screen and (max-width:680px) {
	.third__section-txt{width:112px;margin:0 auto}
	.third__section-img{width:195px;margin:35px auto 0}
}

/* fourth event contents */
.fourth__section{background:#f8f8f8}
.fourth__section-txt{width:306px;margin:0 auto}
.fourth__section-img{width:396px;margin:70px auto 0}

@media screen and (max-width:680px) {
	.fourth__section-txt{width:153px;margin:0 auto}
	.fourth__section-img{width:198px;margin:35px auto 0}
}

/* rank event contents */
.rank__section{background:#fff}
.rank__inner{position:relative;width:960px;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:468px;margin:80px auto 40px}
.rank__info-txt-2{width:522px;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;-webkit-opacity:1;-webkit-text-fill-color:#fe7e00}
.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__year/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;text-transform:uppercase}
.input-sch::-moz-placeholder{color:#6d6d6d;font-size:26px;letter-spacing:-.045em;text-transform:uppercase}
.input-sch:-ms-input-placeholder{color:#6d6d6d;font-size:26px;letter-spacing:-.045em;text-transform:uppercase}
.input-sch:-moz-placeholder{color:#6d6d6d;font-size:26px;letter-spacing:-.045em;text-transform:uppercase}
.input-sch::placehoder{color:#6d6d6d;font-size:26px;letter-spacing:-.045em;text-transform:uppercase}
.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__year/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:30px;font-size:0;text-align:center}
.service__pagination a{display:inline-block;vertical-align:middle;padding:0 10px;color:#a4a4a4;font-family:"Kakao-Rg";font-size:28px;line-height:42px}
.service__pagination a.page__btn-active{color:#ffb005;font-family:"Kakao-Bd";}
.service__pagination .page__btn-prev,
.service__pagination .page__btn-next{width:42px;height:42px;text-indent:-10000px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto}
.service__pagination .page__btn-prev{margin-right:10px;background-image:url("/img/event/hole_near/new__year/ranking-page-prev.png")}
.service__pagination .page__btn-next{margin-left:10px;background-image:url("/img/event/hole_near/new__year/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:15px}
	.service__pagination a{padding:0 5px;font-size:14px;line-height:21px}
	.service__pagination .page__btn-prev,
	.service__pagination .page__btn-next{width:21px;height:21px}
	.service__pagination .page__btn-prev{margin-right:5px}
	.service__pagination .page__btn-next{margin-left:5px}
}

@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}
}