@charset "utf-8";

@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-DemiLight";
    font-style:normal;
    font-weight:350;
    src:url("/font/NotoSansKR-DemiLight.eot");
    src:url("/font/NotoSansKR-DemiLight.eot?#iefix") format("embedded-opentype"),
    url("/font/NotoSansKR-DemiLight.woff") format("woff"),
    url("/font/NotoSansKR-DemiLight.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");
}

/* 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;-webkit-tap-highlight-color:transparent}
a:active,
a:hover,
a:focus{-webkit-tap-highlight-color:transparent}
em, address{font-style:normal}
iframe, fieldset, img{border:0}
textarea{resize:none}
html,
body{overflow-x:hidden;-webkit-overflow-scrolling:touch}

/* common classes */
body{color:#000;font-family:"NotoSansKR-Regular";background:#f8f8f8}
#wrapper{overflow:auto;position:relative;width:100%;height: 100%;}
/* #wrapper.h100{height: 100%;} */
#contents{position:relative}
.ir__txt-caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0}
img{width:100%}
.dis-table{display: table;}
.dis-table .dis-cell{display: table-cell;vertical-align: middle;}
.bg-white {background-color: #fff;}

/* swiper slider */
.swiper-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-ms-transform:translate3d(0px, 0, 0);-o-transform:translate(0px, 0px);transform:translate3d(0px, 0, 0)}
.swiper-slide{position:relative}

/* swiper pagination */
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}
.swiper-pagination-lock {
    display: none;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

/* contest list page */
.contest__tabs{position:fixed;top:0;left:0;z-index:100;width:100%;height:44px;background:#fff}
.contest__tab-list:after{display:block;content:"";clear:both}
.contest__tab-item{float:left;width:33.33%;height:100%}
.contest__tab-item:first-child{width:33.34%}
.contest__tab-btn{display:block;position:relative;width:100%;height:44px;color:#777;font-size:15px;line-height:44px;letter-spacing:-.05em;text-align:center;-webkit-tap-highlight-color:transparent}
.contest__tab-btn:active,
.contest__tab-btn:hover,
.contest__tab-btn:focus{display:block;position:relative;width:100%;height:100%;color:#777;font-size:15px;line-height:44px;letter-spacing:-.05em;text-align:center;-webkit-tap-highlight-color:transparent}
.contest__tab-btn-active{color:#222}
.contest__tab-btn-active:after{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffe400}
.contest__tab-txt{display:inline-block;position:relative;margin-top:14px}
.contest__tab-new:after{display:block;content:"";position:absolute;top:-2px;right:-7px;width:4px;height:4px;border-radius:50%;background:#e65f3e}
.contest__content-wrap{padding-top:44px}
.contest__content{padding:21px 18px}
.contest-item{position:relative;width:100%;margin-top:10px}
.contest-item:first-child{margin-top:0}
.contest__circle-bg{display:block;position:absolute;top:50%;right:0;z-index:20;width:15px;height:30px;margin-top:-15px;border-radius:15px 0 0 15px;border:1px solid #e9e8e9;border-right:1px solid transparent;background:#f8f8f8}
.contest__field{position:absolute;top:-1px;left:-1px;width:96px;height:100px}
.contest__field-img{width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto}
.contest__field-img-1{background-image:url("https://tupimg.t-upvision.com/tupvision/home/img/app/competition/contest__field-img-1.png")}
.contest__field-img-2{background-image:url("https://tupimg.t-upvision.com/tupvision/home/img/app/competition/contest__field-img-2.png")}
.contest__field-img-3{background-image:url("https://tupimg.t-upvision.com/tupvision/home/img/app/competition/contest__field-img-3.png")}
.contest__field-img-4{background-image:url("https://tupimg.t-upvision.com/tupvision/home/img/app/competition/contest__field-img-4.png")}
.contest__field-img-5{background-image:url("https://tupimg.t-upvision.com/tupvision/home/img/app/competition/contest__field-img-5.png")}
.contest__field-img-6{background-image:url("https://tupimg.t-upvision.com/tupvision/home/img/app/competition/contest__field-img-6.png")}
.field__state-box{overflow:hidden;position:absolute;top:18px;left:16px;width:64px;height:64px;border-radius:11px;border:2px solid #000}
.field__state-ico{width:100%;height:38px;background:#fff url("https://tupimg.t-upvision.com/tupvision/home/img/app/competition/field__state-ico.png") no-repeat 24px 50%;background-size:22px auto}
.field__state-txt{width:100%;height:24px;font-size:12px;letter-spacing:-.05em;line-height:24px;text-align:center;background:#ffe600}
.field__state-d-day{width:100%;height:24px;font-size:12px;line-height:24px;text-align:center;background:#ffe600}
.field__state-lanking,
.field__state-stroke{width:100%;height:38px;color:#222;font-size:12px;text-align:center;line-height:40px;background:#fff}
.field__state-lanking.lh-16{padding-top:2px;line-height:16px}
.state-lanking-num,
.state-stroke-num{display:inline-block;margin-right:2px;font-size:18px}
.contest__info-ico{display:inline-block;vertical-align:middle;width:32px;height:18px;margin-left:4px;text-indent:-10000px;background-repeat:no-repeat;background-size:100% auto}
.contest__info-ico:first-child{margin-left:0}
.v-ico{background-image:url("https://tupimg.t-upvision.com/tupvision/home/img/app/competition/icon-v.png")}
.v2-ico{background-image:url("https://tupimg.t-upvision.com/tupvision/home/img/app/competition/icon-v-2.png")}
.contest__info-marker{display:inline-block;vertical-align:middle;padding:4px 6px;margin-left:4px;border-radius:4px;color:#fff;font-size:10px}
.contest__info-marker-1{background:#2793ff}
.contest__info-marker-2{background:#7ed321}
.contest__info-marker-3{background:#f88838}
.contest__info-marker-4{background:#9b9b9b}
.contest__sch-wrap{position:relative;width:100%;padding:9px 18px;border:1px solid #eee;background:#fff}
.contest__sch-wrap.border-top-none{border-top:0}
.contest__sch-box{position:relative;width:100%;height:36px}
.input-sch::-webkit-input-placeholder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.05em}
.input-sch::-moz-placeholder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.05em}
.input-sch:-ms-input-placeholder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.05em}
.input-sch:-moz-placeholder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.05em}
.input-sch::placehoder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.05em}
.input-sch-ico{display:block;position:absolute;top:11px;left:12px;width:14px;height:14px;text-indent:-10000px;background:url("/img/app/competition/input-sch-ico.png") no-repeat;background-size:100% auto}
.input-clear-btn{display:none;position:absolute;top:10px;right:12px;width:16px;height:16px;text-indent:-10000px;background:url("/img/app/competition/input-clear-btn.png") no-repeat;background-size:100% auto}
.contest__none-wrap-1,
.contest__none-wrap-2{display:table;position:relative;width:100%;height:100%;text-align:center}
.contest__none-wrap{display:table-cell;vertical-align:middle}
.contest__none-img{width:180px;margin:0 auto}
.contest__none-desc{padding-top:20px}
.contest__none-ttl{color:#363636;font-size:18px;letter-spacing:-.05em}
.contest__none-txt{padding-top:10px;color:#777;font-size:14px;letter-spacing:-.058em}
.contest__ranking_txt {
    display: table;
    width: 100%;
    height: 98px;
    background-image: url('/img/app/competition/bg_contest__ranking.png');
    background-size: 100%;
    background-position: center;
    text-align: center;
    font-size: 14px;
    color: #000;
    vertical-align: middle;
}
.contest__ranking_txt_cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.6;
}

/* contest detail page */
.contest__visual{display:table;overflow:hidden;position:relative;width:100%;height:180px}
.contest__visual:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6)}
.contest__visual img{position:absolute;width:100%;height:100%;object-fit:cover}
.contest__visual-desc{display:table-cell;vertical-align:middle;position:relative;z-index:10;padding:0 20px 0;text-align:center}
.contest__visual-date{color:#fff;font-size:14px;letter-spacing:-.025em}
.contest__visual-ttl{padding-top:8px;color:#fff;font-size:26px;letter-spacing:-.1em;line-height:1.2}
.contest__visual-place{padding-top:10px;color:#fff;font-size:14px;letter-spacing:-.05em}
.contest__terms-link{display:block;width:70px;height:30px;margin:14px auto 0;border-radius:4px;border:1px solid #fff;color:#fff;font-size:14px;line-height:28px;letter-spacing:-.058em;text-align:center}
.contest__visual-ico{display:block;position:absolute;top:12px;right:12px;z-index:10;width:32px;height:18px;text-indent:-10000px;background-repeat:no-repeat;background-size:100% auto}
.contest__detail-tabs{position:relative;width:100%;background:#fff}
.detail-tab-list{height:45px;border-bottom:1px solid #eee}
.detail-tab-list:after{display:block;content:"";clear:both}
.detail-tab-item{float:left;width:50%}
.detail-tab-btn{display:block;position:relative;height:44px;color:#777;font-size:15px;letter-spacing:-.05em;line-height:44px;text-align:center}
.detail-tab-btn.detail-tab-btn-active{color:#222}
.detail-tab-btn.detail-tab-btn-active:after{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffe600}
.detail-sub-tabs{overflow:hidden;position:relative;height:45px;margin:0 45px 0 20px;padding:8px 0;font-size:0}
.contest__ranking-wrap .detail-sub-tabs{height:40px;padding-bottom:3px}
.sub-tab-next{display:none;position:absolute;top:0;right:0;width:45px;height:45px;text-indent:-10000px;background:url("/img/app/competition/slide-next-btn.png") no-repeat 50% 50%;background-size:8px 13px}
.sub-tab-item{display:inline-block;vertical-align:middle;font-size:0}
.sub-tab-btn{display:inline-block;position:relative;width:100%;padding:8px 10px;color:#777;font-size:13px;letter-spacing:-.054em;text-align:left;white-space:nowrap}
.sub-tab-btn.sub-tab-btn-active{color:#222}
.sub-tab-btn.sub-tab-btn-active:before{display:block;content:"";position:absolute;top:50%;left:3px;width:4px;height:4px;margin-top:-3px;border-radius:50%;background:#222}
.competition-tabs-type{position:relative;width:100%;padding:0 10px}
.competition-tabs{position:relative;padding:8px 0}
.competition-tab-list{font-size:0}
.competition-tab-item{display:inline-block;vertical-align:middle}
.competition-tab{display:block;padding:8px 10px;color:#777;font-size:13px;white-space:nowrap}
.competition-tab.active{color:#222}
.contest__ranking-type{position:relative;background:#fff}
.ranking-info-txt{padding:0 20px 4px;color:#777;font-size:13px}
.contest__ranking-wrap{position:relative;width:100%;margin-top:10px}
.contest__ranking-my{position:relative;width:100%;border-bottom:1px solid #eee}
.contest__ranking{position:relative;width:100%}
.contest__participant{padding:20px 12px 8px;font-size:0;background:#fff}
.contest__participant:after{display:block;content:"";clear:both}
.contest__participant-left{float:left;font-size:0}
.contest__participant-right{float:right;font-size:0;margin-right:18px}
.contest__participant-txt{display:inline-block;vertical-align:middle;margin-right:10px;color:#363636;font-size:12px}
.contest__participant-num{color:#2793ff;font-size:12px}
.contest__participant-lucky{display:inline-block;vertical-align:middle;color:#363636;font-size:12px;letter-spacing:-.12em}
.contest__participant-lucky-ico{display:inline-block;vertical-align:middle;margin-right:4px;width:9px;height:9px;text-indent:-10000px;background:url("/img/app/competition/contest__participant-lucky-ico.png") no-repeat;background-size:100% auto}
.ranking-my-list,
.contest__ranking-list{background:#fff}
.ranking-my-item{position:relative;padding:20px 30px 20px 86px;font-size:0}
.ranking-my-item.ranking-my-item-none{padding:20px 30px}
.ranking-item{position:relative;padding:8px 30px 8px 86px;font-size:0}
.ranking-item-none{display:table;width:100%;padding:70px 30px}
.ranking-none-txt-2{display:table-cell;vertical-align:middle;color:#777;font-size:14px;text-align:center;letter-spacing:-.05em}
.ranking-none-txt{color:#222;font-size:17px;text-align:center;line-height:40px}
.ranking-num-1{display:block;position:absolute;top:0;left:0;width:46px;color:#222;font-size:17px;text-align:center;line-height:80px}
.ranking-num-1.ranking-lucky-ico:after{display:block;content:"";position:absolute;top:23px;left:31px;width:9px;height:9px;background:url("/img/app/competition/contest__participant-lucky-ico.png") no-repeat;background-size:100% auto}
.ranking-num-2{display:block;position:absolute;top:0;left:0;width:46px;color:#222;font-size:17px;text-align:center;line-height:56px}
.ranking-num-2.ranking-lucky-ico:after{display:block;content:"";position:absolute;top:11px;left:31px;width:9px;height:9px;background:url("/img/app/competition/contest__participant-lucky-ico.png") no-repeat;background-size:100% auto}
.ranking-num-2.except{font-size:12px;color:#999;}
.ranking-profile-1{display:block;overflow:hidden;position:absolute;top:20px;left:46px;width:40px;height:40px;border-radius:16px;background:#ececec}
.ranking-profile-2{display:block;overflow:hidden;position:absolute;top:8px;left:46px;width:40px;height:40px;border-radius:16px;background:#ececec}
.ranking-nickname-1{display:inline-block;padding:0 8px;color:#363636;font-size:14px;letter-spacing:-.05em;line-height:40px;text-align:left}
.ranking-nickname-2{display:inline-block;padding:0 8px;color:#363636;font-size:14px;letter-spacing:-.05em;line-height:40px;text-align:left}
.ranking-nickname-2 .point-name{display: block;}
.ranking-info-num-1{position:absolute;top:0;right:30px;color:#2793ff;font-size:18px;line-height:80px;text-align:right}
.ranking-info-num-3 .ranking-info{font-size:14px}
.ranking-participant{display:block;padding-top:2px;font-size:12px;text-align:right}
.ranking-info-num-2{position:absolute;top:0;right:30px;color:#2793ff;font-size:14px;line-height:56px;text-align:right}
.ranking-info-num-1.ranking-info-num-3{position:absolute;top:22px;right:30px;color:#2793ff;font-size:18px;line-height:1.2;text-align:right}
@media screen and (max-width:340px) {
    .ranking-info-num-1{right:20px}
    .ranking-info-num-2{right:20px}
}
.ranking-info{display:inline-block;font-size:12px}

.contest__outline-wrap{position:relative;width:100%;padding:12px 0;background:#fff}
.outline-tbl-wrap{position:relative;width:100%}
.outline-tbl{table-layout:fixed;min-width:100%;width:100%;max-width:none}
.outline-tbl tr th,
.outline-tbl tr td{vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.outline-tbl tr th{padding:10px 5px 10px 18px;text-align:left}
.outline-tbl tr td{padding:10px 18px 10px 5px}
.tbl-th-txt{color:#363636;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.05em}
.tbl-td-txt{padding-top:6px;color:#363636;font-size:14px;line-height:20px;letter-spacing:-.05em}
.tbl-td-txt:first-child{padding-top:0}

/* contest terms */
.contest__terms{position:relative;padding:26px 18px;background:#fff}
.contest__terms-ttl{color:#222;font-size:18px;letter-spacing:-.05em}
.contest__terms-desc{padding-top:23px}
.contest__terms-desc.pt-33{padding-top:33px}
.contest__terms-ttl-sub{padding-bottom:2px;color:#363636;font-size:16px;line-height:22px;letter-spacing:-.053em}
.contest__terms-txt{padding-top:8px;color:#363636;font-size:12px;line-height:19px;letter-spacing:-.05em}
.contest__terms-txt-sub{padding-top:8px;color:#363636;font-size:12px;line-height:19px;letter-spacing:-.05em}
.contest__terms-desc-sub{padding:0 0 0 15px}
.contest__terms-desc-sub .contest__terms-txt,
.contest__terms-desc-sub .contest__terms-txt-sub{padding-top:0}
#pop_title,
#pop_navi,
.pop_btn_box{display:none}

.loader{width:100vw;height:100vh;display:table-cell;vertical-align:middle;text-align:center}
.loader img{width:auto}

/* contest list page */
.contest-btn{display:block;position:relative;width:100%;padding-right:90px;border-radius:10px;background:#fff;border:1px solid #e9e9e9;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.contest-btn.expected-btn{padding-right:10px}
.contest__info{padding:26px 10px 26px 20px}
.contest__info-top{font-size:0}
.contest__info-type{display:inline-block;vertical-align:top;margin-right:6px;color:#222;font-size:14px;line-height:20px;letter-spacing:-.075em}
.contest__info-state{display:inline-block;vertical-align:top;font-size:14px;line-height:20px;letter-spacing:-.075em}
.contest__info-state-1{color:#2793ff}
.contest__info-state-2{color:#aaa}
.contest__info-desc{padding-top:10px}
.contest__info-ttl-area{display:inline-block;position:relative;max-width:100%;padding-right:28px}
.contest__info-ttl-area:after{display:block;content:"";position:absolute;top:3px;right:0;width:24px;height:16px;background-repeat:no-repeat;background-size:100% auto}
.contest__info-ttl-area.t-up:after{background-image:url("/img/app/competition/t-up-ico.png")}
.contest__info-ttl-area.t-up-2:after{background-image:url("/img/app/competition/t-up-2-ico.png")}
.contest__info-ttl{overflow:hidden;color:#363636;font-size:16px;letter-spacing:-.075em;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.contest__info-txt-area{padding-top:6px;font-size:0}
.contest__info-date{display:inline-block;vertical-align:top;margin-right:6px;color:#777;font-size:13px;line-height:19px;letter-spacing:-.075em}
.contest__info-txt{display:inline-block;vertical-align:top;color:#777;font-size:13px;line-height:19px;letter-spacing:-.075em}
.contest__progress{position:absolute;top:50%;right:10px;width:80px;height:76px;margin-top:-38px;border-radius:20px;text-align:center;background:#f8f8f8}
.contest__progress-txt{color:#363636;font-family:"NotoSansKR-Medium";font-size:22px;letter-spacing:-.075em;line-height:76px}
.contest__progress-txt span{display:inline-block;margin-left:4px;font-family:"NotoSansKR-DemiLight";font-size:14px}
.input-sch{display:block;width:100%;height:100%;margin:0;padding:0 40px 0 32px;border:0;outline:none;border-radius:4px;color:#222;font-family:"NotoSansKR-Regular";font-size:14px;line-height:normal;letter-spacing:-.05em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8f8f8}
.v-ico{background-image:url("/img/app/competition/icon_t1.png")}
.v2-ico{background-image:url("/img/app/competition/icon_t2.png")}

/* Course CSS Add Start */
.course-wrap{position:relative;padding:10px 18px 30px;background:#f8f8f8}
.course-tabs{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}
.course-tabs-inner{overflow-x:auto;position:relative;width:100%;font-size:0;-ms-overflow-style:none;scrollbar-width:none}
.course-tabs::-webkit-scrollbar{display:none}
.course-tabs-inner::-webkit-scrollbar{display:none}
.search-type{display:inline-block;vertical-align:top;position:relative;padding:7px 10px 9px;margin-left:6px;height:32px;border-radius:4px;border:1px solid #cfcfcf;color:#777;font-size:14px;letter-spacing:-.045em;background:#fff}
.search-type:first-child{margin-left:0}
.search-type.active{color:#fff;border:1px solid #2793ff;background:#2793ff}
.search-type:focus{color:#fff;border:1px solid #2793ff;background:#2793ff;outline:none}

.course-list{position:relative;width:100%;padding-top:18px}
.course-item{margin-top:10px}
.course-item:first-child{margin-top:0}
.course-link{display:block;width:100%;height:100px;padding:17px 17px 15px;border-radius:10px;border:1px solid #e9e9e9;background:#fff}
.golf-course{font-size:0;text-align:left}
.golf-course-name{display:inline-block;color:#363636;font-family:"NotoSansKR-Medium";font-size:16px;letter-spacing:-.025em}
.golf-course-area{display:inline-block;margin-left:6px;color:#777;font-size:13px;letter-spacing:-.025em}
.course-in-out{display:block;padding-top:8px;color:#777;font-size:13px;letter-spacing:-.025em}
.course-level-box{position:relative;width:100%;padding-top:14px}
.course-level-box:after{display:block;content:"";clear:both}
.course-level{float:left}
.green-level{float:left;margin-left:14px}
.course-level:after,
.green-level:after{display:block;content:"";clear:both}
.level-ttl{display:block;float:left;color:#777;font-size:13px;line-height:14px;letter-spacing:-.025em}
.level-bg{display:block;position:relative;float:left;width:70px;height:10px;margin:3px 0 1px 4px;background:url("/img/app/competition/level-bg.png") no-repeat;background-size:70px 10px}
.level-bg > span{display:block;position:absolute;top:0;left:0;height:100%;background:url("/img/app/competition/level-active-bg.png") no-repeat;background-size:70px 10px}
.course-hole-txt{float:right;color:#363636;font-family:"NotoSansKR-Medium";font-size:13px;line-height:14px}
.course-paging{position:relative;width:194px;height:36px;margin:40px auto 0;padding:0 60px}
.page-btn-num{display:block;text-align:center;color:#777;font-size:14px;line-height:36px}
.page-btn-active{color:#363636;font-family:"NotoSansKR-Medium"}
.page-btn-prev,
.page-btn-next{display:block;position:absolute;top:0;z-index:10;width:54px;height:36px;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto}
.page-btn-prev{left:0;background-image:url("/img/app/competition/page-prev.png")}
.page-btn-next{right:0;background-image:url("/img/app/competition/page-next.png")}
.course-search{position:relative;width:100%;padding:6px 18px 10px;background:#fff;text-align:center}
.friends-screen-select{position:relative;z-index:50;width:160px;margin:0 auto}
.selected-btn{display:block;padding-right:30px;color:#000;font-size:16px;letter-spacing:-.045em;line-height:36px;background:url("/img/app/competition/select-down-arrow.png") no-repeat 100% 50%;background-size:20px 20px}
.selected-btn.active{background-image:url("/img/app/competition/select-up-arrow.png")}
.friends-screen-list{display:none;position:absolute;top:100%;left:-15px;width:calc(100% + 15px);padding:13px 14px;border:1px solid #363636;border-radius:10px;text-align:left;background:#fff}
.friends-screen-list.active{display:block}
.friends-screen-link{display:block;padding:6px;color:#000;font-size:16px;letter-spacing:-.045em}
.keyword-search{position:relative;width:100%;height:36px}
.keyword-search-btn{display:block;position:absolute;top:6px;left:6px;z-index:20;width:26px;height:26px;text-indent:-9999px;background:url("/img/app/competition/keyword-search-btn.png") no-repeat 50% 50%;background-size:14px 14px}
.keyword-search input[type="text"]{display:block;position:relative;z-index:10;width:100%;height:100%;padding:0 54px 0 32px;border:0;color:#363636;font-family:"NotoSansKR-Regular";font-size:14px;line-height:normal;letter-spacing:-.045em;outline:none;background:#f8f8f8;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.keyword-search input[type="text"]::-webkit-input-placeholder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.045em;text-transform:uppercase;vertical-align:middle}
.keyword-search input[type="text"]::-moz-placeholder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.045em;text-transform:uppercase;vertical-align:middle}
.keyword-search input[type="text"]:-ms-input-placeholder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.045em;text-transform:uppercase;vertical-align:middle}
.keyword-search input[type="text"]:-moz-placeholder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.045em;text-transform:uppercase;vertical-align:middle}
.keyword-search input[type="text"]::placehoder{color:#aaa;font-family:"NotoSansKR-Regular";font-size:14px;letter-spacing:-.045em;text-transform:uppercase;vertical-align:middle}
.input-clear{display:none;position:absolute;top:10px;right:12px;z-index:20;width:16px;height:16px;text-indent:-9999px;background:url("/img/app/competition/input-clear.png") no-repeat;background-size:16px 16px}
.input-clear.active{display:block}
.no-data{position:relative;width:100%;padding-top:65px}
.no-data-ico{width:105px;height:150px;margin:0 auto;background:url("/img/app/competition/no-data-ico.png") no-repeat;background-size:100% auto}
.no-data-txt{padding-top:24px;color:#222;font-size:18px;letter-spacing:-.045em;text-align:center}
.toast{position:fixed;bottom:33px;left:0;z-index:100;width:100%;font-size:0;text-align:center}
.toast-message{display:inline-block;padding:13px 19px;border-radius:12px;color:#fff;font-size:14px;letter-spacing:-.05em;background:#282828}

.course-view{position:relative;width:100%}
.course-visual{position:relative;width:100%}
.course-img{display:block;position:relative;width:100%;height:180px}
.course-img:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .6)}
.course-img img{display:block;position:absolute;width:100%;height:100%;object-fit:cover}
.t-up-bi{position:absolute;top:12px;right:12px;z-index:10;width:20px;height:20px}
.course-info{position:absolute;top:62px;left:0;width:100%;text-align:center}
.course-name{color:#fff;font-family:"NotoSansKR-Medium";font-size:26px;letter-spacing:-.05em}
.course-total-size{padding-top:8px;font-size:0;text-align:center}
.total-size-num{display:inline-block;vertical-align:top;position:relative;color:#fff;font-family:"NotoSansKR-Light";font-size:13px;margin-left:17px}
.total-size-num:first-child{margin-left:0}
.total-size-num:before{display:block;content:"";position:absolute;top:3px;left:-9px;width:1px;height:10px;background:#fff}
.total-size-num:first-child:before{display:none}
.total-size-num > span{display:inline-block;margin-left:4px}
.total-size-num > span:first-child{margin-left:0}
.course-visual .course-level-box{position:absolute;bottom:20px;left:0;padding:0}
.course-visual .course-level-box:after{display:block;content:"";clear:both}
.course-visual .course-level{float:left;padding-left:18px}
.course-visual .green-level{float:right;padding-right:18px}
.course-visual .level-ttl{color:#fff;font-family:"NotoSansKR-Light"}
.course-visual .level-bg{background-image:url("/img/app/competition/level-bg-2.png")}
.course-visual .level-bg > span{background-image:url("/img/app/competition/level-active-bg-2.png")}
.hole-info{position:relative;padding:18px}
.hole-info-box{position:relative;padding:30px 18px 10px;border-radius:10px;background:#fff}
.hole-info-slider{position:relative;width:100%}
.hole-info-slider .slick-prev,
.hole-info-slider .slick-next{display:block;position:absolute;top:146px;z-index:20;width:22px;height:22px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto}
.hole-info-slider .slick-prev{left:2px;background-image:url("/img/app/competition/swiper-prev.png")}
.hole-info-slider .slick-next{right:2px;background-image:url("/img/app/competition/swiper-next.png")}
.hole-num{font-size:34px;text-align:center}
.hole-map{overflow:hidden;width:220px;height:220px;margin:12px auto 0;border:1px solid #ededed;border-radius:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.hole-map img{display:block;width:auto;height:100%;margin:0 auto}
.par-num{padding-top:24px;color:#555;font-size:14px;text-align:center}
.tee-tbl-wrap{position:relative;width:100%;margin-top:30px}
.tee-tbl{table-layout:fixed;min-width:100%;width:100%;max-width:none}
.tee-tbl tr th,
.tee-tbl tr td{text-align:center}
.tee-tbl thead tr th{color:#222;font-size:14px;font-weight:400;padding:8px 10px;background:#f4f4f4}
.tee-tbl thead tr th:first-child{border-radius:2px 0 0 2px}
.tee-tbl thead tr th:last-child{border-radius:0 2px 2px 0}
.tee-tbl tbody tr td{padding:10px;color:#363636;font-size:14px;background:#fff}
.tee-tbl tbody tr:first-child td{padding-top:20px}
.tee-tbl tbody tr:last-child td{padding-bottom:20px}
.tee-tbl tbody tr td:first-child{font-family:"NotoSansKR-Medium"}
.course-list-btn{margin:18px auto 0}
.course-list-btn > a{display:block;height:40px;padding:12px 0;border:1px solid #c8c8c8;border-radius:4px;color:#777;font-size:14px;text-align:center;letter-spacing:-.045em;background:#fff}

.slick-slider{display:block;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{display:block;overflow:hidden;position:relative;height:100% !important}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{display:block;position:relative;top:0;left:0;height:100%;margin-left:auto;margin-right:auto}
.slick-track:before,
.slick-track:after{display:table;content:""}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide:focus{outline:none}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/* //Course CSS Add End */

/* event list page */
.event__tabs{position:fixed;top:0;left:0;z-index:100;width:100%;height:44px;background:#fff}
.event__tab-list:after{display:block;content:"";clear:both}
.event__tab-item{float:left;width:50%;height:100%}
.event__tab-btn{display:block;position:relative;width:100%;height:44px;color:#777;font-size:15px;line-height:44px;letter-spacing:-.05em;text-align:center;-webkit-tap-highlight-color:transparent}
.event__tab-btn:active,
.event__tab-btn:hover,
.event__tab-btn:focus{display:block;position:relative;width:100%;height:100%;color:#777;font-size:15px;line-height:44px;letter-spacing:-.05em;text-align:center;-webkit-tap-highlight-color:transparent}
.event__tab-btn-active{color:#222}
.event__tab-btn-active:after{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1e1e1e;}
.event__content-wrap{padding-top:44px;height: 100%;}
.event__content {height: 100%;}
.event-item{position:relative;width:100%;margin-top:-1px;}
.event-item:first-child{margin-top:0}
.event-btn{display:block;position:relative;width:100%;background:#fff;border:1px solid #e9e9e9;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.event__info{padding:calc(18 / 360 * 100%);font-size:0;}
.event__info-image {overflow:hidden;position: relative;width: 100%;height: 0;padding-top:calc(330/972 * 100%);border-radius: 20px;}
.event__info-image.event__end:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('/img/app/competition/bg_endevent.png') 0 0 no-repeat;background-size: 100%;}
.event__info-image img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.event__info-top{position:relative;max-width:100%;padding-right:62px;}
.event__info-type{overflow:hidden;display:inline-block;position:relative;vertical-align:top;width:100%;margin-right:6px;margin-top:7px;color:#222;font-size:16px;line-height:20px;letter-spacing:-.075em;text-overflow: ellipsis;white-space: nowrap;}
.event__info-type.new span{position:relative;}
.event__info-type.new span:after {content:'';display:block;position:absolute;top:50%;right:-18px;width:14px;height:14px;margin-top:-7px;background:url('/img/app/competition/t-up-event-new-ico.png') no-repeat 0 0;background-size:100% auto;}
.event__info-dday{position:absolute;top:11px;right:0;font-size:12px;color:#1e1e1e;}
.event__info-dday.end{color:#777;}
.event__info-dday span{color:#2793ff;}
.event__info-desc{padding-top:10px}
.event__info-date{font-size:12px;color:#363636;}

/* event list page no deta */
.event-list {display: table;width: 100%;height: 100%;}
.event-no-data{display:table-cell;vertical-align: middle;position:relative;width:100%;background-color:#fff;border-top: 1px solid #e9e9e9;}
.event-no-data-ico{width:105px;height:150px;margin:0 auto;background:url("/img/app/competition/no-data-ico.png") no-repeat;background-size:100% auto;transform: translateY(-34px);}
.event-no-data-txt{padding-top:24px;color:#222;font-size:24px;letter-spacing:-.045em;text-align:center;font-family:"NotoSansKR-Light";transform: translateY(-34px);}
.event-no-data-subtxt {padding-top: 18px;font-size:14px;color:#777;text-align:center;font-family:"NotoSansKR-DemiLight";line-height: 25px;transform: translateY(-34px);}

/* loginhit event detaile */
.longhit-detaile .contest__visual-desc .contest__visual-ttl{padding-top: 0;padding-bottom: 14px;font-size: 24px;}
.longhit-detaile .detail-tab-item {width:calc(100% / 2);}
.longhit-detaile .ranking-my-item.ranking-my-item-none{padding:10px 30px;}
.longhit-detaile .detail-tab-btn.detail-tab-btn-active:after{height:1px;background: #1e1e1e;}
.longhit-detaile .contest__ranking-banner{position:relative;width:100%;height: 0;padding-top: calc(294 / 1080 * 100%);background-image: url('/img/app/competition/bg-longint-banner.jpg');background-size: cover;background-position: center;}
.longhit-detaile .contest__ranking-banner .banner-dec{display: table;position:absolute;top:0;left:0;width:100%;height:100%;}
.longhit-detaile .contest__ranking-banner .banner-dec p {display: table-cell;padding:0 0 0 calc(39%);vertical-align: middle;font-size:14px;line-height:1.6;}
.longhit-detaile .ranking-none-txt{font-size:14px;color:#aaa;}
.longhit-detaile .ranking-item {padding: 8px 30px 8px 37px;}
.longhit-detaile .ranking-num-2{width:38px;}
.longhit-detaile .ranking-nickname-2 {padding:0 0 0 8px;}
.longhit-detaile .btn-replay{display: inline-block;position:relative;width:24px;height:24px;margin-left:12px;background:url('/img/app/competition/ico-replay-btn.png');background-size:100% auto;font-size:0;vertical-align: middle;text-align: center;}
.longhit-detaile .btn-replay.replay-disabled{background:url('/img/app/competition/ico-replaydisabled-btn.png');background-size:100% auto;}
.longhit-detaile .contest__replay-wrap {position:relative;top:0;left:0;z-index:10;width:100%;}
.longhit-detaile .contest__replay-wrap .movie-area{position:relative;min-height:440px;background-color:#8c8c8c;}
.longhit-detaile .contest__replay-wrap .btn-play{display:block;position:absolute;top:50%;left:50%;width:56px;height:60px;margin:-30px 0 0 -28px;background:url("/img/app/competition/btn-movie-play.png") no-repeat;background-size:100% auto;font-size:0;}
.longhit-detaile .movie-info {width: 100%;}
.longhit-detaile .movie-info .record{background-color:#1e1e1e;font-size: 0;}
.longhit-detaile .movie-info .record li {display: inline-block;position:relative;width:50%;text-align:center;font-size: 18px;color:#fff;}
.longhit-detaile .movie-info .record li:nth-child(1):after {content:'';display: block;position: absolute;top: 50%;right:0;width:1px;height:32px;background-color:#313131;margin-top:-16px;}
.longhit-detaile .movie-info .record li .record-table{display: table;width:100%;height:79px;}
.longhit-detaile .movie-info .record li .record-cell{display:table-cell;vertical-align: middle;text-align: center;}
.longhit-detaile .movie-info .record-ttl{display:block;margin-bottom:9px;font-size:12px;color:#777;}
.longhit-detaile .movie-info .record-unit{font-size:12px;}
.longhit-detaile .movie-info .shop {position:relative;}
.longhit-detaile .movie-info .shop > p{height:72px;padding:18px;background-color:#fff;line-height:1.7;font-size:14px;color:#1e1e1e;}
.longhit-detaile .movie-info .shop > p > span{font-size:12px;}
.longhit-detaile .movie-info .shop-btn a{position:absolute;top: 24px;width:24px;height:24px;font-size:0;}
.longhit-detaile .movie-info .shop-btn .btn-share{right:57px;background:url("/img/app/competition/btn-share.png") no-repeat;background-size:100% auto}
.longhit-detaile .movie-info .shop-btn .btn-save{right:18px;background:url("/img/app/competition/btn-save.png") no-repeat;background-size:100% auto}
.longhit-detaile .txt-copyright{padding: 18px;font-size:12px;color:#999;line-height: 1.5;background-color:#fff;}
.longhit-detaile .contest__history-wrap{position:relative;width: 100%;margin-top:10px;}
.longhit-detaile .btn-rklk-wrap {padding:18px 18px 8px;background-color:#fff;font-size:0;}
.longhit-detaile .btn-rklk-wrap a{display:inline-block;width:73px;height:32px;margin-left:12px;background-color:#fff;border:1px solid #505660;text-align:center;line-height:29px;color:#505660;font-size:14px;border-radius: 5px;}
.longhit-detaile .btn-rklk-wrap a:nth-child(1){margin-left:0;}
.longhit-detaile .btn-rklk-wrap a.active{background:#505660;color:#fff;}
.longhit-detaile .btn-rklk-wrap a.btn-disabled{border:1px solid #9e9e9e;color:#9e9e9e;}
.longhit-detaile .history-list-wrap{background-color:#fff;}
.history-list-wrap.history-luck li:after {content:'';display:block;position: relative; top:10px; left: 0;display: block;width: 100%;height:1px;background-color:#e5e5ea;}
.history-list-wrap.history-luck li:last-child:after {display: none;}
.longhit-detaile .history-list-box{display:none;}
.longhit-detaile .history-list-box .swiper-wrapper{position: relative;width: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.longhit-detaile .history-list-box .swiper-slide{flex-shrink: 0;width: 100%;position: relative;transition-property: transform;}
.longhit-detaile .history-list-box .swiper-pagination {position:inherit;padding:8px 0 25px 0;background-color:#fff;}
.longhit-detaile .swiper-pagination-bullet{width: 5px;height: 5px;}
.longhit-detaile .history-list-box .swiper-pagination-bullet-active{background:#1e1e1e;}
.longhit-detaile .event__history-image {padding:calc(18 / 750 * 100%);background-color:#fff;}
.longhit-detaile .event__history-image img{width:100%;}
.ranking-nickname-2 .dis-cell{line-height: 1.8;}
.ranking-nickname-2 .dis-cell span{font-size:10px}
@media screen and (max-width:340px) {
    .longhit-detaile .ranking-info-num-2{right:3px;}
}