:root {
  --fancybox-zIndex: 100000; /* 원하는 z-index 값으로 설정 */
}

/* 공통 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
main * {font-family:'Noto Sans KR', sans-serif !important;}
main i {font-family:"Font Awesome 5 Free" !important;}
.main {padding-top:60px;}
.section {margin:0 auto;}
button {background:transparent; border:none;}

.footer-fixed {
    position: fixed !important;
    bottom: 0px !important;
    width:100%;
}

.footer .footer-socials h6 {
    margin: 24px 0;
    font-size: 0.75em;
}

.footer .footer-socials .social-icon {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 27px;
}

.footer .footer-socials .social-icon a i {
    color: #fff;
}

.footer .footer-socials .social-icon a i:hover {
    color: #0E7DFF;
}

.rightside a img {
    height: 30px;
    object-fit: contain;
}


    /* PC(Big Width) */
    @media all and (min-width: 861px){
        html{font-size:14px}
        body{min-width:861px;}
        .section{max-width:861px;}
    }
    /* Mobile & TABLET */
    @media all and (max-width: 860px) {
        html{font-size:12px}
        body{ min-width:300px; }
        .section{width:100%}
    }
    @media all and (min-width: 960px){
        .section{max-width:960px;}
    }
    @media all and (min-width: 1280px){
        .section{max-width:1280px;}
    }
    @media all and (min-width: 1440px){
        /* .section{max-width:1440px;} */
    }

     /* 메인 로딩 스피너 */
    .main-loading {position:fixed;height:100vh;width:100%;align-items:center; justify-content:center;display:flex;background-color:rgba(0, 0, 0, 0.7);z-index:100000000;}
    .main-loading .main-loader {margin-right:10px; border: 5px solid #f3f3f3; border-top: 5px solid #7ab118; border-radius: 50%;  width: 40px;  height: 40px;  animation: spin 1s linear infinite;}
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }


/* 테이블 세팅 */
table { border-spacing:0;}
table td { border:0; padding:0;}
/* .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05);} */
/* 구분선 */
hr{border:.5px solid #DCDCDC;}
/* 체크박스 */
.checks{position:relative;}
.checks input[type="checkbox"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0;margin:-1px;padding:0;}
.checks input[type="checkbox"] + label{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.checks input[type="checkbox"] + label:before{content:' ';display:inline-block;width:21px;height:21px;line-height:21px;text-align:center;vertical-align:middle;background:#fafafa;border:1px solid #cacece;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05);margin:-2px 8px 0 0;}
.checks input[type="checkbox"] + label:active:before,.checks input[type="checkbox"]:checked + label:active:before{box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);}
.checks input[type="checkbox"]:checked + label:before{content:'\2714';color:#99a1a7;text-shadow:1px 1px #fff;background:#e9ecee;box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);border-color:#adb8c0;}
.checks.small input[type="checkbox"] + label{font-size:12px;}
.checks.small input[type="checkbox"] + label:before{width:17px;height:17px;line-height:17px;font-size:11px;}
.checks.etrans input[type="checkbox"] + label{padding-left:30px;}
.checks.etrans input[type="checkbox"] + label:before{position:absolute;left:0;top:0;margin-top:0;opacity:.6;box-shadow:none;-webkit-transition:all .12s, border-color .08s;transition:all .12s, border-color .08s;border-color:#6cc0e5;}
.checks.etrans input[type="checkbox"]:checked + label:before{position:absolute;content:"";width:10px;top:-5px;left:5px;border-radius:0;opacity:1;background:transparent;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:transparent #6cc0e5 #6cc0e5 transparent;}
.no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before{content:"\2714";top:0;left:0;width:21px;line-height:21px;color:#6cc0e5;text-align:center;border:1px solid #6cc0e5;}
/* 필수 아이콘 (red star) */
.essential-left{font-size:14px;font-weight:500;padding-left:12px;color:#646464;background:url(/golf/img/icons/red_star_spot.png);background-repeat:no-repeat;background-position:0 center;display:inline-block;width:140px;line-height:29px;}
.essential-right{font-size:14px;font-weight:500;padding-left:12px;color:#646464;background:url(/golf/img/icons/red_star_spot.png);background-repeat:no-repeat;background-position:0 center;display:inline-block;line-height:29px;width:10px;height:10px;margin-left:2px;}
/* 배경 중앙정렬 */
.background-image{background-repeat:no-repeat;background-position:center;background-size:cover;}
/* 리스트 박스 */
.list-box1{border:1px solid #DCDCDC;padding:10px;box-shadow:1px 1px 1px #DCDCDC;color:#897777;position:relative;}
.list-box1-hidden > span{color:transparent !important;}
.list-box1-hidden > i{color:darkgray !important;}
/* 폼 기본 값 */
.form-input1{ background-color:transparent;  border:1px solid gainsboro;}
/* 셀렉트 박스 */
select{background-color:transparent; border:1px solid gainsboro;}
select.fd-select1{border:0;width:100%;-webkit-appearance:none;-moz-appearance:none;font-size:14px;color:#ccc;padding:10px;position:relative;}
select.fd-select1::-ms-expand{display:none;}
select.fd-select1:focus{outline:none!important;box-shadow:none;border-width:0!important;}
select.fd-select1 option{line-height:20px;font-size:14px;padding:120px;margin:100px;color:#6c6161;display:inline-block;}
select.fd-select1 option:nth-child(1){color:#ccc;}
select.fd-select1:hover{box-shadow:3px 3px 10px #ddd0d0;}
/* 꽉 찬 레이어 */
.default-layer{position:absolute;top:0;left:0;width:100%;height:100%;}
/* 가로/세로 가운데 정렬 */
.all-center{display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
/* 버튼 */
.fd-button1 { background-color: transparent; border: 0; color: #146bb0;border:1px solid #146bb0; }
.fd-button2 { background-color: #6b7999; border: 0; color: white;border:1px solid #146bb0; }
.fd-button3 { background-color: #6b7999; border: 0; color: white;border:1px solid #146bb0; }
/* Textarea */
.fd-textarea1{ width: 100%; border: 1px solid gainsboro; box-shadow: 3px 3px 10px gainsboro; padding: 10px;}
/* 폰트어썸 마우스 포인터 */
.fa, .fas { font-weight: 900; cursor:pointer; }

/* 텍스트 처리 (다중처리 - white-space: initial; max-height: 10px; display: inline-block;)*/
.keepText {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;}
.multi-line2{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}
.multi-line3{display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-line-clamp: 3;-moz-box-orient: vertical;-ms-line-clamp: 3;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}

/* 꽉찬 백그라운드 */
.basic-bg {background-repeat: no-repeat; background-position: center; background-size: cover;}

/* 비메오 */
.vimeoWrap{ position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; margin: 0;}
.vimeoWrap iframe,.vimeoWrap object,.vimeoWrap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* 유투브 */
.youtubeWrap { position: relative; width: 100%; padding-bottom: 56.25%;}
.youtubeWrap iframe { position: absolute; width: 100%; height: 100%;}

/* 플렉스 올 중앙 정렬 */
.flexCenter { align-items: center; justify-content: center; display: flex;}

/* 테마 색상 버튼 */
.theme-btn-dark{ background-color:#16772b; padding:10px 20px; border:1px solid #16772b; color:#fff;}
.theme-btn-dark:hover{ background-color:#fff; padding:10px 20px; border:1px solid #16772b; color:#16772b;}
.theme-btn-light{ background-color:#fff; padding:10px 20px; border:1px solid #16772b; color:#16772b;}
.theme-btn-light:hover{ background-color:#16772b; padding:10px 20px; border:1px solid #16772b; color:#fff;}

/* slick */
/* .slick-track { margin:20px auto;} */

/* util */
.cursor-pt:hover{cursor:pointer}
.self-center{right:50%;top:50%;transform: translate(-50%, -50%);}
.no-image{background:url(../img/icons/no_image.svg) no-repeat center;background-size:cover;}
.scrollbar-hide::-webkit-scrollbar{display:none;}
.scrollbar-hide::-moz-scrollbar{display:none;}
.scrollbar-hide{-ms-overflow-style: none;}

.center-trans{transform: translate(-50%, -50%);}

/* seo 용 */
.sound_only {display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;}

/* Loader
----------------------------------------------------------*/
/* Loader */
#page-loader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 10000; background: #fff; }
#page-loader > * { position: absolute; top: 50%; left: 50%; }
#page-loader .loader-1 { margin-top: -32px; margin-left: -32px; }
#page-loader .loader-2, #page-loader .lb-loader { -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

/* Loader #1 */
.loader-1 { stroke: #d2d2d2; -moz-animation: loaderRotate 1.4s linear infinite; -webkit-animation: loaderRotate 1.4s linear infinite; animation: loaderRotate 1.4s linear infinite; }
.loader-1 .circle { stroke-dasharray: 187; stroke-dashoffset: 0; -moz-transform-origin: center 50%; -ms-transform-origin: center 50%; -webkit-transform-origin: center 50%; transform-origin: center 50%; -moz-animation: loaderTurn 1.4s ease-in-out infinite; -webkit-animation: loaderTurn 1.4s ease-in-out infinite; animation: loaderTurn 1.4s ease-in-out infinite; }
/* .loader-1.loader-primary { stroke: #2786c9; } */
.loader-1.loader-primary { stroke: #abe545; }

@-moz-keyframes loaderRotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(270deg); transform: rotate(270deg); } }
@-webkit-keyframes loaderRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } }
@keyframes loaderRotate { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); } }
@-moz-keyframes loaderTurn { 0% { stroke-dashoffset: 187; }
  50% { stroke-dashoffset: 46.75; -moz-transform: rotate(135deg); transform: rotate(135deg); }
  100% { stroke-dashoffset: 187; -moz-transform: rotate(450deg); transform: rotate(450deg); } }
@-webkit-keyframes loaderTurn { 0% { stroke-dashoffset: 187; }
  50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } }
@keyframes loaderTurn { 0% { stroke-dashoffset: 187; }
  50% { stroke-dashoffset: 46.75; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  100% { stroke-dashoffset: 187; -moz-transform: rotate(450deg); -ms-transform: rotate(450deg); -webkit-transform: rotate(450deg); transform: rotate(450deg); } }
/* Loader #2 */
.loader-2, .lb-loader { position: relative; width: 48px; height: 48px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; }
.loader-2:before, .lb-loader:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-animation: loader2 1.5s both infinite; -webkit-animation: loader2 1.5s both infinite; animation: loader2 1.5s both infinite; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhOWE5YSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTlhOWEiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -moz-radial-gradient(center, rgba(154, 154, 154, 0) 0%, #9a9a9a 100%); background-image: -webkit-radial-gradient(center, rgba(154, 154, 154, 0) 0%, #9a9a9a 100%); background-image: radial-gradient(center, rgba(154, 154, 154, 0) 0%, #9a9a9a 100%); }
.loader-2.loader-primary:before, .loader-primary.lb-loader:before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3ODZjOSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzg2YzkiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -moz-radial-gradient(center, rgba(39, 134, 201, 0) 0%, #2786c9 100%); background-image: -webkit-radial-gradient(center, rgba(39, 134, 201, 0) 0%, #2786c9 100%); background-image: radial-gradient(center, rgba(39, 134, 201, 0) 0%, #2786c9 100%); }
.loader-2.loader-light:before, .loader-light.lb-loader:before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -moz-radial-gradient(center, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -webkit-radial-gradient(center, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: radial-gradient(center, rgba(255, 255, 255, 0) 0%, #ffffff 100%); }

@-moz-keyframes loader2 { 0% { -moz-transform: scale(0, 0); transform: scale(0, 0); opacity: 1; }
  100% { -moz-transform: scale(3, 3); transform: scale(3, 3); opacity: 0; } }
@-webkit-keyframes loader2 { 0% { -webkit-transform: scale(0, 0); transform: scale(0, 0); opacity: 1; }
  100% { -webkit-transform: scale(3, 3); transform: scale(3, 3); opacity: 0; } }
@keyframes loader2 { 0% { -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); opacity: 1; }
  100% { -moz-transform: scale(3, 3); -ms-transform: scale(3, 3); -webkit-transform: scale(3, 3); transform: scale(3, 3); opacity: 0; } }

  .loader {
    left: 50%;
    text-align:center;
    overflow: hidden;
    padding: 10px 0;
    position: fixed;
    top: 50%;
    transform: translate(-50%);
    width: 150px;
    z-index: 10000000;
  }


            /* 헤더 영역 */
            header .mobile-cont{display:none;}
            header .pc-cont{display:block;}
            /* 탑바 */
            header .pc-cont .top-bar-cont{position:fixed;  padding:20px; width:100vw;background-color:#fff; height:60px; z-index:1000;}
            header .pc-cont .top-bar-cont .top-bar-wrapper{display:flex; height:100%; margin:0 auto; width:100%;padding:0 0 0 0px;}
            header .pc-cont .top-bar-cont .top-bar-wrapper > div{display:flex; align-items:center;margin-left:13px;justify-content: flex-start;}
            header .pc-cont .top-bar-cont .top-bar-wrapper > div.left-cont{flex-basis:220px;}
            header .pc-cont .top-bar-cont .top-bar-wrapper > div.left-cont >  a > img.i-on{display:inline;}
            header .pc-cont .top-bar-cont .top-bar-wrapper > div.left-cont >  a > img.i-off{display:none;}
            header .pc-cont .top-bar-cont .top-bar-wrapper > div.center-cont{flex-basis:100%;}
            /* 로고 */
            header .pc-cont .top-bar-cont .left-cont{justify-content:flex-start;}
            header .pc-cont .top-bar-cont .left-cont img{max-width:180px; cursor:pointer;}
            /* 검색 */
            header .pc-cont .top-bar-cont .center-cont .search-standard{width:100%;position:relative; display:flex; justify-content:flex-start;}
            header .pc-cont .top-bar-cont .center-cont .search-standard .top-search-cont{display:none;position:absolute;left:0px;top:40px;width:100%;background-color:#fff;padding:0px;border:1px solid gainsboro; border-top:none;overflow-y:auto;max-height:640px;}
            header .pc-cont .top-bar-cont .center-cont .search-standard .top-search-cont .search-ground-item{padding: 10px 15px;font-size: 1rem;border-bottom: 1px solid gainsboro; display:flex; align-items:center; justify-content:space-between;}
            header .pc-cont .top-bar-cont .center-cont .search-standard .top-search-cont .search-ground-item:hover{font-weight:600;cursor:pointer;color:#16772b;background-color: #f2fbe3;}
            header .pc-cont .top-bar-cont .center-cont .search-standard .top-search-cont .search-ground-item.active{font-weight:600;cursor:pointer;color:#16772b;background-color: #f2fbe3;}
            header .pc-cont .top-bar-cont .center-cont .search-standard .top-search-cont .sgi-k-name{font-size:0.85rem;color:#666;display:flex;}
            header .pc-cont .top-bar-cont .center-cont .search-standard .top-search-cont p:hover{font-weight:600;cursor:pointer;color:#16772b;}
            header .pc-cont .top-bar-cont .center-cont > div{position:relative;}
            header .pc-cont .top-bar-cont .center-cont > div form{ width:420px;position:relative;}
            header .pc-cont .top-bar-cont .center-cont > div .h-search-keyword{ width:100%;padding-left:10px;font-size:1rem;height:40px; border:1px solid gainsboro;display:inline-flex;align-items:center;color:#999;}
            header .pc-cont .top-bar-cont .center-cont > div .h-search-keyword:hover{background-color:#fdfafa;font-weight:600;color:#333;border:1px solid #666;}
            header .pc-cont .top-bar-cont .center-cont > div .spinner {display:none; position:absolute; top:50%; right:0; padding:0 10px; align-items:center; text-align:center; transform:translate(0, -50%);}
            header .pc-cont .top-bar-cont .center-cont > div .spinner > div {width:5px; height:5px; background-color:#666; border-radius:50%; display:inline-block; animation:sk-bouncedelay 1.4s infinite ease-in-out both;}
            header .pc-cont .top-bar-cont .center-cont > div .spinner .bounce1 {animation-delay: -0.32s;}
            header .pc-cont .top-bar-cont .center-cont > div .spinner .bounce2 {animation-delay: -0.16s;}
            header .pc-cont .top-bar-cont .center-cont > div:hover button i{color:#666;}
            header .pc-cont .top-bar-cont .center-cont > div button{ position:absolute;right:0px;top:0px;color:#333;border:none;background:0 0;width:40px;height:100%;}
            header .pc-cont .top-bar-cont .center-cont > div button i { font-size:14px; color:#999;}
            /* 로그인 폼 */
            header .pc-cont .top-bar-cont .right-cont{justify-content:flex-end !important;flex-grow:1;display: inline-flex !important;width:100%;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap{display:flex;align-items: center;justify-content: center;height: 100%; width:590px;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > a > span {position:relative; font-size:1.02rem; flex-grow:1; display:flex; justify-content:flex-end; cursor:pointer; color:black;display:inline-block;margin:0 15px; text-align: center;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > a > span.active {background-color: #7ab118;color: #fff;padding: 5px 8px;border-radius: 10px;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > a > span.active:hover {color:#fff;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > a > span .critic-emp {position:absolute; top:100%; left:30%; text-align:center; width:100px; padding:10px; margin-top:10px; background-color:rgba(200,200,200,0.8); border-radius:30px; }
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > a > span .critic-emp i{display:inline-block; margin-right:4px; padding-bottom:4px; font-size:1rem;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > .user-profile {position:relative; width:30px; height:30px; flex-grow: inherit; background-color:#fff; border-radius:50%; margin:0 20px 0 5px; cursor:pointer;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > .user-profile .profile-btn {display:none; position:absolute; top:150%; left:50%; width:160px; text-align:center; background-color:#fff; transform:translate(-50%, 0); font-size:0.9rem; border:1px solid #ddd;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > .user-profile .profile-btn.active {display:block;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > .user-profile .profile-btn:after {content:''; position:absolute; top:-4px; left:47%; display:block; width:8px; height:8px; background-color:#fff; transform:rotate(45deg); border-top:1px solid #ddd; border-left:1px solid #ddd;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > .user-profile .profile-btn span {display:block; padding:12px 0; margin:0 8px;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > .user-profile .profile-btn span:first-child {border-bottom:1px solid #ddd;}
            header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > a > span:hover{color:#000;}
            header .pc-cont .top-bar-cont .right-cont .notice-division{margin:0 20px;display:flex;justify-content: center; color:#444;}
            header .pc-cont .top-bar-cont .right-cont .notice-division1{margin:0 5px;display:flex;justify-content: center; color:#444;}

            header .pc-cont .top-bar-cont .right-cont .notice-cont{position:relative;height:100%;display:flex;align-items:center;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont i{font-size:16px;color:black;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont div.bell{position:absolute;right:-13px;top:-12px;border-radius:100px;background-color:#00acac;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont div.bell span{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#fff;font-weight:600;font-size:0.8rem;line-height:0.9rem;}

            header .pc-cont .top-bar-cont.active{background-color:transparent;}
            header .pc-cont .top-bar-cont.active .top-bar-wrapper > div.left-cont > a > img.i-on{display:none;}
            header .pc-cont .top-bar-cont.active .top-bar-wrapper > div.left-cont > a > img.i-off{display:inline;}
            header .pc-cont .top-bar-cont.active .right-cont .right-cont-wrap > a > span {color:#fff}
            header .pc-cont .top-bar-cont.active .right-cont .right-cont-wrap > a > span .critic-emp {background-color:rgba(255,255,255,0.7); color:#000;}
            header .pc-cont .top-bar-cont.active .right-cont .notice-cont > i{color:#fff;}
            header .pc-cont .top-bar-cont.active .right-cont .notice-division {color:#fff;}
            header .pc-cont .top-bar-cont.active .right-cont .notice-division1 {color:#fff;}

            /* header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont{position:absolute;left:0;bottom:0;} */
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont{display:none;position:absolute;right:0px;top:35px;width:320px;background-color:#fff;padding:10px;border:1px solid gainsboro; border-top:none;max-height:610px;overflow:hidden;overflow-y:auto;border-top:1px solid gainsboro;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper{}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper .msg-title{font-size:1rem;font-weight:600;padding-bottom:6px;border-bottom:1px solid gainsboro;margin-bottom:10px;text-align:center;padding:10px 0;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper .msg-item{padding:10px 0;border-bottom:1px solid gainsboro;font-size:0.9rem;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper .msg-item:hover{cursor:pointer;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper .msg-item:hover p.ctn{font-weight:600;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper .msg-item .top{display:inline-flex;align-items:center;width:100%;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper .msg-item .top > .left{color:#fff;background-color: #00acac;padding: 2px 4px;border-radius: 4px;font-size: 0.8rem;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper .msg-item .top > .right{display:flex;justify-content:flex-end;flex-grow:1;color:#333;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper .msg-item .bottom{margin-top:8px;}
            header .pc-cont .top-bar-cont .right-cont .notice-cont .msg-cont .msg-wrapper .msg-footer{text-align: center;padding-top: 10px;font-size: 0.9rem;font-weight: 600;cursor:pointer;}

            /* 하단바 */
            header .pc-cont .bottom-bar-cont{position:relative; background-color:#fff; width:100%; padding-top:60px; z-index:9999;border-bottom:1px solid gainsboro;}
            header .pc-cont .bottom-bar-cont .bottom-bar-wrapper{padding:15px 0; margin:0 auto; width:100%;}
            /* 네비 영역 */
            header .pc-cont .bottom-bar-cont .nav-cont{}
            header .pc-cont .bottom-bar-cont .nav-cont li{display:inline-block; font-size:1rem; color:#666; padding:0 20px;}
            header .pc-cont .bottom-bar-cont .nav-cont li:hover{color:#16772b; cursor:pointer; font-weight:600;}
            /* PC */
            @media all and (min-width: 861px){
            }
            @media all and (max-width: 1280px){
                header .pc-cont .top-bar-cont .top-bar-wrapper > div.center-cont{flex-grow:1;}
                header .pc-cont .top-bar-cont .center-cont > div{width:320px;}
                header .pc-cont .top-bar-cont .center-cont > div form{width:100%;}
                header .pc-cont .top-bar-cont .center-cont .search-standard .top-search-cont{width:320px;}
                header .pc-cont .top-bar-cont .right-cont{flex-grow:initial;}
                header .pc-cont .top-bar-cont .right-cont .right-cont-wrap{width:520px;}
                header .pc-cont .top-bar-cont .right-cont .right-cont-wrap > a > span{font-size:1rem;margin:0 4px;}
            }
            /* Mobile & TABLET */
            @media all and (max-width: 860px) {
                #google_translate_element {left:29px; width:15%;}
                #google_translate_element .goog-te-gadget .goog-te-combo {padding:0; width:100%;}
                /* 헤더 영역 */
                header .mobile-cont{display:block; position:fixed; top:0px; background-color:#fff; width:100%; z-index:10001; height:60px;}
                header .pc-cont{ display:none; }
                /* 고정 wrapper */
                header .mobile-cont .wrapper{position:relative; width:100%; text-align:center; height:60px;}
                /* 공통 */
                header .mobile-cont div{display:inline-block; text-align:center;}
                /* 좌측 */
                header .mobile-cont .left-cont{position:absolute; left:0; display:inline-flex; align-items:center; width:10vw; height:100%; padding-left:10px; text-align:center;}
                /* 중간 */
                header .mobile-cont .center-cont{width:calc(100% - 20vw - 20px); display:inline-flex; height:100%; align-items:center; justify-content:center;max-width:180px; line-height:60px;}
                /* 우측 */
                header .mobile-cont .right-cont{position:absolute; right:0; display:inline-flex; align-items:center; width:10vw; height:100%; margin-right:10px;}

                /* 햄버거 메뉴 */
                .hbg-menu-wrapper{width:70vw;height:100%;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;z-index:10001;display:none;}
            }

            @-webkit-keyframes sk-bouncedelay {
                0%, 80%, 100% { -webkit-transform: scale(0) }
                40% { -webkit-transform: scale(1.0) }
            }

            @keyframes sk-bouncedelay {
                0%, 80%, 100% {
                    -webkit-transform: scale(0);
                    transform: scale(0);
                } 40% {
                    -webkit-transform: scale(1.0);
                    transform: scale(1.0);
                }
            }
            body {top: 0px !important; }
            .rec{position:fixed;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.8);z-index:9999999;display:none;}
            .rec_popup{width:480px;background:#fff;position:relative;z-index:9999999;left:0;right:0; top:50%; bottom:0; border-radius:15px;box-sizing:border-box;margin:auto;padding:30px;    transform: translateY(-50%);}
            .rec_popup .rec_fst{ display:flex; flex-direction:column; }
            .rec_popup .rec_fst .fst_top{width:100%; position:relative; padding:15px 0;}
            .rec_popup .rec_fst .fst_top .fst_img{display:block; left:0; right:0; margin:20px auto; padding-right:13px;}
            .rec_popup .rec_fst .fst_top .algorism{position:absolute; right:0; top:0; margin-right:10px;}
            .rec_popup .rec_fst .fst_top .algorism img{width:75px; margin-bottom:5px;}
            .rec_popup .rec_fst .fst_top .algorism p{font-size:14px; padding-left:15px;}
            .rec_popup .rec_fst .fst_top .bigdata{position:absolute; left:0; top:140px;}
            .rec_popup .rec_fst .fst_top .bigdata img{padding-left:20px;width:100px;}
            .rec_popup .rec_fst .fst_top .bigdata p{font-size:14px; }

            .rec_popup .rec_fst .fst_mid {margin-top:30px;}
            .rec_popup .rec_fst .fst_mid h1{font-size:20px; text-align:center; }
            .rec_popup .rec_fst .fst_mid h1 span{color:#d50707;}
            .rec_popup .rec_fst .fst_mid p{font-size:18px; text-align:center; margin-top:20px;  line-height:28px;}
            .rec_popup .rec_fst .fst_mid p span{color:#097c25;font-weight:600;}


            .fst_bot button{background: none;color: #097c25;width: 240px;height: 50px;border: 1px solid #097c25;transition: .3s;overflow: hidden;font-size:18px;position:relative;border-radius:25px;}
            .fst_bot button:focus{outline: none;}
            .fst_bot button:before{content: '';display: block;position: absolute;background: rgba(255,255, 255, .5);width: 60px;height: 100%;left: 0;top: 0;opacity: .5;filter: blur(30px);transform: translateX(-130px) skew(-15deg);}
            .fst_bot button:after{content: '';display: block;position: absolute;background: rgba(255,255,255,.2);width: 30px;height: 100%;left: 30px;top: 0;opacity: 0;filter: blur(30px);transform: translate(-100px) scaleX(-15deg);}

            .fst_bot button:hover{background: #097c25;cursor: pointer;color:#fff;}
            .fst_bot button:hover:before{transform: translateX(300px) skew(-15deg);opacity: .6;transition: .7s;}
            .fst_bot button:hover:after{transform: translateX(300px) skew(-15deg);opacity: 1;transition: .7s;}

            .rec_popup .rec_fst .fst_bot{margin-top:30px; display:flex;  justify-content: center;}
            .rec_popup .rec_kr{display:flex; flex-direction:column;}
            .rec_kr_top{text-align:center;margin-bottom:15px;}
            .rec_kr_top h1{font-size:20px; margin-bottom:7px;}
            .rec_kr_top p{font-size:14px; color:#636363;}

            .rec_kr_mid{width:100%; margin-top:30px; height:300px;overflow:scroll;}
            .rec_kr_mid::-webkit-scrollbar {display:none;}
            .rec_kr_mid div{width:30.9%;font-size:16px; display:inline-block; text-align:center;border:1px solid #ddd; cursor:pointer;height:70px; margin:1%;line-height:70px; transition:.2s;}
            .rec_kr_mid div:hover{border:1px solid #097c25;}
            .rec_kr_mid div.active{border:1px solid #097c25;}
            .rec_kr_bot{width:100%; height:50px; border-top:1px solid #ddd; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end;}
            .rec_kr_bot p{font-size:16px; cursor:pointer;}
            .rec_kr_bot p.redo .fas{margin-right:5px;}
            .rec_kr_bot p.next .fas{margin-left:5px;}
            .rec_kr_bot p.redo:hover .fas{animation:turn 0.2s  forwards;}
            @keyframes turn{0%{transform:rotate(0);} 100%{transform:rotate(180deg);}}
            .rec_kr_bot p.next:hover .fas{animation:swi 0.2s ease-out forwards;}
            @keyframes swi{ 0%{right:0;} 100%{right:-5px;}}
            .fas{margin:0 5px; position:relative;}

            .rec_wl{}
            .rec_wl button{background:none;font-size:16px; color:#097c25; border:1px solid #097c25; cursor:pointer; width:180px; height:45px;border-radius:25px; margin:auto; text-align:center; transition:.2s; position:relative;
            left:-9px;right:0;display:block;top:14px;}
            .rec_wl button:hover{color:#fff;background:#097c25;}
            .rec_wl_bot .next{color:#fff;}

            .spinner-wrap {align-items:center; justify-content:center; padding:150px;}
            .spinner-wrap .spinner {margin:auto; border-radius:50%; border-top:2px solid #7ab118; border-right:2px solid #7ab118; width:30px; height:30px; animation:spinner 800ms ease-out infinite;}
            .rec_round{}
            .rec_round .rec_round_top h1{ font-size:18px;}
            .rec_round .rec_round_top h1 span{color:#f28709;}
            .rec_round .rec_round_list{ display:flex; flex-direction:row; box-shadow:3px 5px 10px #ccc; border-radius:5px;padding:10px; margin-bottom:5px;}
            .rec_round .rec_round_list>img{ height:125px; border-radius:5px; width:40%;}
            .rec_round .round_list_div{display:flex; flex-direction:column;margin-left:10px;justify-content: space-around; width:58%;}
            .rec_round .round_list_div h1{font-size:14px; }
            .rec_round .round_list_div h3{font-size:12px;font-weight:500;line-height:15px;}
            .rec_popupp_bot_star{display:flex; flex-direction:row; justify-content:flex-start; /*margin-top:5px;*/ max-height:35px;}
            .rec_popupp_bot_star img{cursor:pointer;width: 15% !important;height: auto;margin-right: 5px;}
            .rec_round button{font-size:14px; position:absolute; bottom:-45px; right:0; background:none; border:1px solid #fff; color:#fff;padding:8px 30px; border-radius:20px;transition:.2s;}
            .rec_round button:hover{background:#f28709; border:1px solid #f28709;}
            .rec_round button:hover .fas{animation: swim .2s forwards;}
            .rec_round button .fas{margin-left:8px;}
            @keyframes swim{0%{right:-2px;} 100%{right:-7px;}}

            #particles-js{  height: 290px;   margin: auto; margin-top:30px; width:80%;}
            .rec_anal{margin-top:15px; /*display:none;*/flex-direction: column;}
            .rec_anal_slick div{font-size:16px; text-align:center; }
            .rec_anal_slick{padding:0 15px; margin-bottom:10px;}
            .rec_anal_slick .wri-loc span{color:#7ab118;padding:0px 5px; border:1px solid #7ab118;margin:0 3px; font-size:14px;}
            .slick-prev .slick-arrow{display:none;}

            .rec_end{display:flex; flex-direction:column; align-items:center;}
            .rec_end_div{display:flex; flex-direction:column; align-items:center; margin-top:20px; text-align:center;}
            .rec_end_div h1{font-size:20px;margin-bottom:20px;}
            .rec_end_div p{font-size:18px; margin-bottom:10px;}
            .rec_end_div p span{color:#097c25;}
            .rec_end img{display:flex; flex-direction:column;}
            .rec_end button{margin-top:20px;}

            /* 캔슬 */
            .rec .rec_popup .rec_popup_cancel{position:absolute;width:45px;height:45px;cursor:pointer;right:0;top:-30px;transform:translateY(-50%);}
            .rec .rec_popup .rec_popup_cancel span{display:block;width:100%;height:2px;background:#fff;position:absolute;}
            .rec .rec_popup .rec_popup_cancel span:first-child{transform:rotate(45deg);margin-top:20px;}
            .rec .rec_popup .rec_popup_cancel span:last-child{transform:rotate(-45deg);margin-top:20px;}

            /* 상태바 */
            .progress{width:960px;position:fixed;left:0;right:0;bottom:45px;margin:auto; background:none !important; }
            .progress h2{color:#fff;font-size:18px;font-weight:500;text-align:center;}
            .progress .progress_bar{margin-top:20px;position:relative;}
            .progress .progress_bar .progress_bar_div{width:100%; display:flex; align-items:center;}
            .progress .progress_bar .progress_bar_div .progress_bar_two{width:100%; height:15px;}
            .progress .progress_bar .gray_bar{width:100%;height:15px;background:#dcdcdc;border-radius:10px;position:absolute;padding:3px;}
            .progress .progress_bar .green_bar{z-index:9;height:15px;background:#7ab118;border-radius:10px;position:absolute;}
            .progress .progress_bar .golf_ball_green{z-index:10; left:0;display:flex; flex-direction:row; align-items:center; justify-content:center; position:absolute; width:90px; transform: translateX(-50%);}
            .progress .progress_bar .golf_ball_green .golf_ball{z-index:10;position:relative;width:90px;height:90px;background:#7ab118;border-radius:50%;opacity:70%;
            animation:ani .7s ease-out infinite;display:block; position:absolute; }
            @keyframes ani{0%{transform:scale(0);opacity:1;} 100%{transform:scale(1.1);opacity:0;}}
            .progress .progress_bar .golf_ball_green img{position:relative;z-index:100000;width:45px;height:45px;}
            .progress .progress_count p{font-size:18px;font-weight:600;background:#dcdcdc;display:inline-block;box-sizing:border-box;border-radius:5px;margin-left:310px;padding:5px 15px;}
            .progress .progress_count p:before{content:'';border-bottom:10px solid #dcdcdc;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:130px;left:333px;}
            .progress .flag{position:absolute; right:-20px; bottom:0; transform:translateY(-16px);}
            .review_count_div{font-size:1rem; right:-40px; position:relative; color:#fff;}



            /* 캔슬저지버튼 */
            .block-popup:before{content:'';border-right:13px solid #3e72dd; border-top:10px solid transparent;border-bottom:10px solid transparent; position:absolute;left:-10px;top:30px;}
            .block-popup{width:280px;background:#3e72dd; position:absolute; right:-165px; top:25px;transform: translate(50%, -50%); border-radius: 10px; padding:15px;/*display:none;*/}
            .block-pop{display:none;}
            .block-popup p{font-size:14px; color:#fff; text-align:center;margin-bottom:12px;}
            .block-popup-button{}
            .block-popup-button button{position:relative;display:block;font-size:14px; background:none; border:1px solid #fff; border-radius:20px; left:0;right:0; margin:auto; width:123px; height:30px; margin-bottom:10px;transition: .2s;}
            .block-popup-button button:hover{box-shadow:0 0 10px rgba(0,0,0,0.3); transform:scale(1.03);}
            /* .block-popup-button button:hover{font-weight:600;} */
            .block-popup-button button:first-child{background:#fff; color:#3e72dd; border:0;}
            .block-popup-button button:last-child{ color:#fff; margin-bottom:0;}

            /*--------------------- 예란 미디어 사이즈 --------------------*/
            @media all and (max-width: 860px) {
                .rec_popup{width:330px; top:50%; transform:translateY(-50%); padding:15px 20px;}
                .rec_popup .rec_fst{display:flex;}
                .rec_popup .rec_fst .fst_top{padding:15px 0;}
                .rec_popup .rec_fst .fst_top .fst_img{width:200px;padding-right: 16px;margin: 10px auto;}

                .rec_popup .rec_fst .fst_top .algorism{margin:0;}
                .rec_popup .rec_fst .fst_top .algorism img{width:55px;}
                .rec_popup .rec_fst .fst_top .algorism p{padding-left:10px;}
                .rec_popup .rec_fst .fst_top .algorism p{font-size:12px;}
                .rec_popup .rec_fst .fst_top .bigdata{top:110px;}
                .rec_popup .rec_fst .fst_top .bigdata img{ padding-left:10px; width:75px;}
                .rec_popup .rec_fst .fst_top .bigdata p{font-size:12px;}
                .rec_popup .rec_fst .fst_mid{margin-top:15px;}
                .rec_popup .rec_fst .fst_mid h1{font-size:16px;}
                .rec_popup .rec_fst .fst_mid p{font-size:13px;padding: 0 15px;line-height: 20px;margin-top: 10px;}
                .rec_popup .rec_fst .fst_bot{margin:15px 0 5px;}
                .fst_bot button{width:200px;height:45px;border-radius:22.5px; font-size:14px;margin-bottom:0; line-height:35px; font-weight:600;}


                .rec_popup .rec_kr{display:flex;}
                .rec_kr_top{margin-top:5px;margin-bottom: 10px;}
                .rec_kr_top h1{font-size:14px;margin-bottom: 5px;}
                .rec_kr_top p{font-size:12px;}
                .rec_kr_mid{margin-top:10px;height:270px;}
                .rec_kr_mid div{width:30.8%;height:55px;font-size:12px;line-height: 55px;}
                .rec_kr_bot{height:45px;align-items: flex-end;}
                .rec_kr_bot p{font-size:14px; margin-bottom:5px;}



                .rec_wl{display:flex;flex-direction: column;}
                .rec_wl button{font-size:14px; width:145px; height:40px;position: relative;top:8px;font-weight: 600;}

                .rec_round{display:block;}
                .rec_round .rec_round_top h1{font-size:14px; line-height:20px;}
                .rec_round .round_list_div{margin-left:5px;}
                .rec_round .round_list_div h1{font-size:11px;}
                .rec_round .round_list_div h3{font-size:10px;}
                .rec_round .rec_round_list{padding:7px;}
                .rec_round .rec_round_list:nth-child(4n){margin-bottom:0;}
                .rec_round .rec_round_list>img{height:80px; width:40%;}
                .rec_popupp_bot_star{max-height:23px;}
                .rec_popupp_bot_star img{width:15%;}
                .rec_round button{padding:6px 25px; bottom: -40px; line-height:19px;}


                .rec_anal{display:flex;}
                .rec_anal_slick div{font-size:14px;}
                .rec_anal_slick div.wri-loc span{font-size:10px;}
                .slick-arrow{display:none;}
                #particles-js{height:210px; margin-top: 25px;}
                .slick-prev .slick-arrow{display:none;}

                .rec_end{display:flex;}

                .rec_end img{width:210px;}
                .rec_end_div{margin-top:10px;}
                .rec_end_div h1{margin-bottom:15px;}
                .rec_end_div p{font-size:13px; line-height:20px;}
                .rec_end button{margin:10px;}

                /* .block{position:relative; background:rgba(0,0,0,0.5);width:100%; height:100vh;} */
                .block-popup:before{display:none;}
                /* .block-popup:after{z-index:99; width:100%; height:100vh; background:rgba(0,0,0,.5); content:'';position:fixed;} */
                .block-pop{position:fixed;background:rgba(0,0,0,0.5); width:110%; height:100vh; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); display:none;}
                .block-popup{ width:245px; background:#3e72dd; left:50%; position:fixed; top:50%; border-radius: 10px; padding:15px; transform:translateX(-50%) translateY(-50%); display:block;}
                .block-popup p{font-size:12px; color:#fff; text-align:center;margin-bottom:12px;}
                .block-popup-button{}
                .block-popup-button button{position:relative;display:block;font-size:12px; height:27px;background:none; border:1px solid #fff; border-radius:20px; left:0;right:0; margin:auto; width:123px;  margin-bottom:8px;transition: .3s;}
                .block-popup-button button:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);}

                .block-popup-button button:first-child{background:#fff; color:#3e72dd; border:0;}
                .block-popup-button button:last-child{ color:#fff; margin-bottom:0;}

                /* 캔슬버튼 */
                .rec .rec_popup .rec_popup_cancel{width:35px; height:35px;top:-27px;}
                .rec .rec_popup .rec_popup_count{font-size:14px; top:-25px;}
                /* 건너뛰기 */
                .rec .rec_popup .rec_popup_jump{font-size:14px;bottom: -32px;padding: 2px 15px;}

                /* 상태바 */
                .progress{width:100%; /*bottom:20px;*/ display:flex; flex-direction:column; align-items:center; position:absolute; top:89%;}
                .progress h2{font-size:1.0rem; z-index:99;}
                .progress .progress_bar{margin-top: 15px; width:75%;}
                .progress .progress_bar .progress_bar_div .progress_bar_two{height:10px;}
                .progress .progress_bar .gray_bar{height:10px;}
                .progress .progress_bar .green_bar{height:10px;}
                .progress .progress_bar .golf_ball_green{transform: translateX(-50%);}
                .progress .progress_bar .golf_ball_green .golf_ball{    /*left: 19%;*/width:70px; height:70px;}
                .progress .progress_bar img{margin-left: -5px; }
                .progress .flag{position:absolute; right:-15px;bottom:0; width:30px; transform:translateY(-35%);}
                .progress .progress_bar .golf_ball_green img{width:25px; height:25px;}

                .review_count_div{font-size:.9rem; right:-30px; position:relative; color:#fff;}

                .review_count_mo{font-size:12px;}
            }

            .show{display:block;z-index:99999992;}

            @keyframes spinner {
                0% {transform:rotate(0deg);}
                100% {transform:rotate(360deg);}
            }