@charset "utf-8";
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*{box-sizing: border-box;padding: 0;margin: 0;font-family:'Pretendard-Regular' !important; word-break: keep-all;}
.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a{text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0}
p{padding:0;margin:0;word-break: keep-all;}
input{border: none;box-shadow: none;}
input:focus{outline: none;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
#nt_sidebar_move{display: none;}
html{position: relative;top:0;left: 0;}
body{position: relative;top:0 !important;left: 0;z-index: 1;}
html::after{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;display: block;background:linear-gradient(to bottom, #0B1F52 ,#275193);content: "";}
:root{
	--main-color:#aaff21;
	--max-width:1600px;
	--font-size50:50px;
	--font-size40:40px;
	--font-size30:30px;
	--font-size20:20px;
}
/* 언어팩 */
.goog-te-banner-frame{display: none;}
#goog-gt-tt{display:none !important;}
.goog-te-gadget{color: #fff !important;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.goog-logo-link{display: none;}
font{vertical-align:unset !important}
#lang{margin: 50px auto 30px;display: none;}
.skiptranslate{display: none !important;}
.skiptranslate>iframe{display: none !important;}
.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate{display: none !important;}
/* 언어팩 */

/* head시작 */
#nt_header{border-bottom: 1px solid #ffffff1c; position: fixed; top: 0; left: 0; width: 100%;z-index: 10;}
#nt_header.fix{background:linear-gradient(to bottom, #0B1F52 ,#0E2559);z-index: 7;}
#nt_header #nt_menu{width: 100%;max-width: var(--max-width);margin: 0 auto;}
#nt_header #nt_menu>div{display: flex;justify-content: space-between;align-items: center;}
#nt_header #nt_menu>div a.head_logo{width: fit-content; display: block; height: 100px; padding: 25px 20px;}
#nt_header #nt_menu>div a.head_logo img{width: auto;height: 100%;display: block;}
#nt_header #nt_menu>div a.head_toggle{display: block;width: 100px;height: 100px; position: relative; top: 0; left: 0;}
#nt_header #nt_menu>div a.head_toggle img{width: 30%; height: 30%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#nt_body{padding-top: 100px;}
/* head끝 */

/* 메인시작 */
#pop_custom{display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top:0; left:0; z-index: 999999;}
#pop_custom.show{display: block;}
#pop_custom .wrap{animation: fadeInUp 1s; top: 50%; left: 50%; transform: translate(-50%, -70%); position: absolute; width: calc(100% - 40px); max-width: 500px; overflow: hidden; border-radius: 10px;}
#pop_custom .wrap .con{width: 100%;background: #fff;}
#pop_custom .wrap .con .swiper-wrapper{}
#pop_custom .wrap .con .swiper-wrapper .swiper-slide{padding: 20px; height: auto; display: flex; justify-content: center; align-items: center; flex-flow: column;}
#pop_custom .wrap .con .swiper-pagination{top: unset;bottom: 0;}
#pop_custom .wrap .con .swiper-pagination .swiper-pagination-bullet{border-radius: 10px;height:10px;width: 10px; background: #061635;}
#pop_custom .wrap .con .swiper-pagination .swiper-pagination-bullet-active{width: var(--font-size20);}
#pop_custom .wrap .con img{width: 100%;margin: 0 auto;}
#pop_custom .wrap .btn_wrap{display: flex; justify-content: space-between; align-items: center; width: 100%;}
#pop_custom .wrap .btn_wrap p{padding: 0 14px; font-size: var(--font-size20); width: 50%; height: 50px; display: flex ; justify-content: center; align-items: center; line-height: var(--font-size20);}
#pop_custom .wrap .btn_wrap p:nth-child(1){border-radius: 0 0 0 .25rem;}
#pop_custom .wrap .btn_wrap p:nth-child(2){border-radius: 0 0 .25rem 0;}
@keyframes fadeInUp {
    0% {
        transform: translate(-50%, 100%);
    }
    to {
        transform: translate(-50%, -70%);
    }
}
    
#tmtkwalk{margin: 50px auto 150px;}
#tmtkwalk .content{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#tmtkwalk .content.con1{}
#tmtkwalk .content.con1 section{position: relative; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}
#tmtkwalk .content.con1 .circle-chart__circle {position: relative;top: 0;left: 0; animation: circle-chart-fill 2s reverse; /* 1 */  transform: rotate(-90deg); /* 2, 3 */ transform-origin: center; /* 4 */ }
#tmtkwalk .content.con1 .circle-chart__circle--negative { transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */ }
@keyframes circle-chart-fill { to { stroke-dasharray: 0 100; } }
@keyframes circle-chart-appear { to { opacity: 1; transform: translateY(0); } }
#tmtkwalk .content.con1 section .visual{width: 100%; max-width: 190px; margin: 0 auto; aspect-ratio: auto 1 / 1; height: auto; position: relative; top: 0; left: 0; background: #ffffff0f; border-radius: 500px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#tmtkwalk .content.con1 section .visual p{position: absolute; left: 50%; top: 13%; transform: translateX(-50%); color: #fff; font-size: var(--font-size20);}
#tmtkwalk .content.con1 section .visual img{width: 45%; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%);}
#tmtkwalk .content.con1 .counter{font-size: calc(var(--font-size40) + 10px); text-align: center; display: block; color: #aaff21;}
#tmtkwalk .content.con2{display: flex; justify-content: center; align-items: center; column-gap: 40px; position: relative; top: 0; left: 0; margin: 10px auto 100px;}
#tmtkwalk .content.con2::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #1F7278;width: 1px;height: 50%;}
#tmtkwalk .content.con2 div{display: flex; align-items: center;width: 50%;}
#tmtkwalk .content.con2 div:nth-child(1){justify-content: end;}
#tmtkwalk .content.con2 div img{width: var(--font-size40);}
#tmtkwalk .content.con2 div p{ color: #fff; font-size: var(--font-size20); font-weight: 500; display: flex; align-items: center;}
#tmtkwalk .content.con2 div p b{color: #aaff21; font-size: calc(var(--font-size40) + 10px); font-weight: 700; padding: 0 10px 0 20px;}
#tmtkwalk .content.con3{margin-top: 20px; display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; column-gap: 10px; row-gap: 10px;margin-bottom: 20px;}
#tmtkwalk .content.con3 div{width: 100%;background: #00000038; padding: 20px; border-radius: 10px; display: flex ; justify-content: space-between; align-items: center;cursor: pointer;}
#tmtkwalk .content.con3 div img{width: calc(var(--font-size40) + 10px);}
#tmtkwalk .content.con3 div p{line-height: var(--font-size40);color: #fff;font-size: var(--font-size20);}
#tmtkwalk .content.con5{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; column-gap: 10px; row-gap: 10px;margin-top: 20px;}
#tmtkwalk .content.con5 a{width: 100%;background: #00000038; padding: 20px; border-radius: 10px; display: flex ; justify-content: space-between; align-items: center;cursor: pointer;line-height: var(--font-size40);color: #fff;font-size: var(--font-size20);}
#tmtkwalk .content.con5 a i{color:#fff;font-size: var(--font-size30) !important;font-weight: 900 !important;}
#tmtkwalk .content.con6{background: #00000038;padding: 20px; border-radius: 10px;}
#tmtkwalk .content.con6 .top{display: flex; justify-content: space-between; align-items: center;cursor: pointer;margin-bottom: 20px;}
#tmtkwalk .content.con6 .top>p{line-height: var(--font-size40);color: #fff;font-size: var(--font-size30);width: calc(100% - 60px);}
#tmtkwalk .content.con6 .top>p>span{display: block; font-size: var(--font-size20); color: #ffffff63;}
#tmtkwalk .content.con6 .top i{color: #132b58bf; font-size: var(--font-size40) !important; font-weight: 900 !important; background: #fff; line-height: var(--font-size50) !important; height: var(--font-size50); width: auto; aspect-ratio: auto 1 / 1; border-radius: 50px; text-align: center;}
#tmtkwalk .content.con6 .bt{display: block;}
#tmtkwalk .content.con6 .bt .history_slide{width: 100%;}
#tmtkwalk .content.con6 .bt .history_slide .swiper-wrapper{}
#tmtkwalk .content.con6 .bt .history_slide .swiper-wrapper .swiper-slide{}
#tmtkwalk .content.con6 .bt .history_slide .swiper-wrapper .swiper-slide .graph{width: 100%; max-width: 100px; margin: 0 auto 10px; height: auto; aspect-ratio: auto 1 / 1; text-align: center; border-radius: 100px; color: #fff;}
#tmtkwalk .content.con6 .bt .history_slide .swiper-wrapper .swiper-slide .graph .pie-chart { position: relative; }
#tmtkwalk .content.con6 .bt .history_slide .swiper-wrapper .swiper-slide .graph .pie-chart_canvas { height: 100%; right: 0; position: absolute; transform: rotateY(-180deg); top: 0; width: 100%; }
#tmtkwalk .content.con6 .bt .history_slide .swiper-wrapper .swiper-slide .graph .pie-chart_percentage {font-size: var(--font-size20); font-weight:bold; left: 50%;position: absolute;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 2;}
#tmtkwalk .content.con6 .bt .history_slide .swiper-wrapper .swiper-slide>p{font-size: 13px; text-align: center;color: #ffffff63;}
#tmtkwalk .content.con6 .bt .history_slide .swiper-wrapper .no_data{display: block; width: 100%; line-height: 100px; text-align: center; font-size: var(--font-size20); color: #ffffff63;display: block;text-align: center;}
#tmtkwalk .history_pop{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top:0; left:0; z-index: 999999; padding-bottom: 100px; }
#tmtkwalk .history_pop .wrap{width: calc(100% - 40px);background: #081c45;padding: 30px 20px;border-radius: 20px;position: relative;top: 15%;margin: 0 auto;max-width: 500px;height: auto;display: block;border: 2px solid #ffffff63;}
#tmtkwalk .history_pop .wrap .history_pop_close{position: absolute; top: 0; right: 0; height: 50px; width: 50px; text-align: center; line-height: 60px; cursor: pointer;}
#tmtkwalk .history_pop .wrap .history_pop_close i{font-size: var(--font-size30) !important;}
#tmtkwalk .history_pop .wrap>b{font-size: var(--font-size30); font-weight: 900; margin-top: 20px; margin-bottom: 30px;color: #fff;}
#tmtkwalk .history_pop .wrap>p{font-size: var(--font-size20);line-height: var(--font-size30); font-weight: 700; color: #ffffff63; line-height: 1.5; word-break: keep-all;}
#tmtkwalk .history_pop .wrap .btn_wrap{display: flex;justify-content: center;align-items:center ;column-gap: 10px;margin-top: 30px;}
#tmtkwalk .history_pop .wrap .btn_wrap span{padding: 10px 14px; line-height: unset; font-size: var(--font-size20); width: 100%;}
#tmtkwalk .history_pop .wrap>ul{margin-top: 30px;}
#tmtkwalk .history_pop .wrap>ul li{justify-content: space-between; align-items: center; margin-bottom: 10px;column-gap: 10px;}
#tmtkwalk .history_pop .wrap>ul li p{font-size: var(--font-size20); color: #ffffffa3;}
#tmtkwalk .history_pop .wrap>ul li span{font-size: var(--font-size20); color: #fff;}
#tmtkwalk .welcome_pop{display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top:0; left:0; z-index: 9999; padding-bottom: 100px; }
#tmtkwalk .welcome_pop .modal{width:calc(100% - 80px);background: #fff;padding: 50px 20px 20px 20px;border-radius: 20px;position: relative;top: 20%;margin: 0 auto;max-width: 500px;height: auto;text-align: center;display: block;}
#tmtkwalk .welcome_pop .modal .welcome_main_img{ position: fixed; width: 170px; transform: translate(-50%, -50%); top: 13%; left: 50%; }
#tmtkwalk .welcome_pop .modal .welcome_Swiper{padding-bottom: 25px;}
#tmtkwalk .welcome_pop .modal .welcome_Swiper .swiper-wrapper{}
#tmtkwalk .welcome_pop .modal .welcome_Swiper .swiper-wrapper .swiper-slide{}
#tmtkwalk .welcome_pop .modal .welcome_Swiper .swiper-wrapper .swiper-slide img{display: block;width: 100%;max-width: 400px; margin: 0 auto;border-radius: 10px;}
#tmtkwalk .welcome_pop .modal .welcome_Swiper .swiper-horizontal>.swiper-pagination-bullets,
#tmtkwalk .welcome_pop .modal .welcome_Swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
#tmtkwalk .welcome_pop .modal .welcome_Swiper .swiper-pagination-custom,
#tmtkwalk .welcome_pop .modal .welcome_Swiper .swiper-pagination-fraction{top: unset;bottom: -6px;}
#tmtkwalk .welcome_pop .modal .welcome_Swiper .swiper-pagination-bullet{margin-bottom: 2px !important;}
#tmtkwalk .welcome_pop .modal .welcome_Swiper .swiper-pagination-bullet-active{background: #0b1f52;}
#tmtkwalk .welcome_pop .modal .welcome_modal_close{display: block; width: 100%; height: 40px; line-height: 40px;text-align: center;cursor: pointer;color: #777;font-size: var(--font-size20);font-weight: 900;margin-top: 20px;}
#tmtkwalk .content.con7{margin-bottom: 20px;}
/* tmtk_plat그래프, asset_status.php 그래프 공통 시작*/
    #graph_wrap{background: #ffffff1a; padding: 20px; border-radius: 10px 10px 0 0;}
    #graph_wrap .top{display: flex; align-items: center; justify-content: center; column-gap: 100px;}
    #graph_wrap .top .left{height: 200px; display: flex; justify-content: space-between; flex-flow: column;}
    #graph_wrap .top .left .tag{width: 80px; border-radius: 5px; overflow: hidden;}
    #graph_wrap .top .left .tag span{display: block;width: 100%;text-align: center; background: #5580AA;color: #fff;font-size: var(--font-size20);line-height: var(--font-size40); font-weight: 500;}
    #graph_wrap .top .left .tag p{display: block;width: 100%;text-align: center; background: #15385B;color: #fff;font-size: var(--font-size20);line-height: var(--font-size50); font-weight: 800;}
    #graph_wrap .top .left .bt{}
    #graph_wrap .top .left .bt span{font-size: var(--font-size30);color: #fff;}
    #graph_wrap .top .left .bt b{font-size: var(--font-size40);line-height: var(--font-size40); color: #fff; display: block;}
    #graph_wrap .pieID{display: inline-block;vertical-align: top;}
    #graph_wrap .top .pie{height: 200px;width: 200px;position: relative;margin:0;}
    #graph_wrap .top .pie::before {content: "";display: block;position: absolute;z-index: 1;width: 100px;height: 100px;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%); background: #1a3974;box-shadow: inset 2px 2px 4px 2px rgb(0 0 0 / 59%);}
    #graph_wrap .top .pie::after {content: "";display: block;width: 120px;height: 2px;background: rgba(0,0,0,0.1);border-radius: 50%;box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);margin: 220px auto;}
    #graph_wrap .top .slice{position: absolute;width: 200px;height: 200px;clip: rect(0px, 200px, 200px, 100px);animation: bake-pie 1s;}
    #graph_wrap .top .slice span{display: block;position: absolute;top: 0;left: 0;background-color: black;width: 200px;height: 200px;border-radius: 50%;clip: rect(0px, 200px, 200px, 100px);}
    #graph_wrap .legend {display: flex;justify-content: space-between;align-items: center;margin-top: 50px;}
    #graph_wrap .legend li {background: #15385b;border-radius: 5px;padding: 10px;width: calc(33.333333% - 10px);position: relative;top: 0;left: 0;}
    #graph_wrap .legend li p{color: #fff;font-size: var(--font-size20);display: block;text-align: center;}
    #graph_wrap .legend li p a{width: var(--font-size20); height: var(--font-size20); display: inline-block; border-radius: 50px; box-shadow: 2px 2px 5px #000; margin-right: 10px;}
    #graph_wrap .legend li b{color: #fff;font-size: var(--font-size30);display: block;text-align: center;}
    /* tmtk_plat, asset_status.php 그래프 공통 끝 */
    #tmtkwalk .content.con7 .btn_wrap{display: flex;align-items: center;flex-flow: row wrap;margin-top: 2px;justify-content: space-between;}
    #tmtkwalk .content.con7 .btn_wrap p{background:#ffffff1a;width: calc(50% - 1px);line-height: 50px;cursor: pointer;color: #fff;text-align: center;font-size: calc(var(--font-size20) + 5px);line-height: 37px;padding: .375rem .75rem;}
    #tmtkwalk .content.con7 .btn_wrap p:nth-child(1){border-radius: 0 0 0 10px;}
    #tmtkwalk .content.con7 .btn_wrap p:nth-child(2){border-radius: 0 0 10px 0;}
    #tmtkwalk .content.con8{background: #00000038; padding: 20px; border-radius: 10px;cursor: pointer;}
    #tmtkwalk .content.con8>p{line-height: var(--font-size40); color: #fff; font-size: var(--font-size30); width: calc(100% - 60px); display: flex; align-items: center; column-gap: 10px; font-weight: bold;margin-bottom: 20px;}
    #tmtkwalk .content.con8>p img{width: var(--font-size50);}
    #tmtkwalk .content.con8 .faq_swiper{}
    #tmtkwalk .content.con8 .faq_swiper .swiper-wrapper{}
    #tmtkwalk .content.con8 .faq_swiper .swiper-wrapper .swiper-slide{padding: 20px 40px 0px;}
    #tmtkwalk .content.con8 .faq_swiper .swiper-wrapper .swiper-slide p{font-size: var(--font-size20);color: #fff;text-align: center;width: 100%;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    #tmtkwalk .content.con8 .faq_swiper .swiper-button-next,
    #tmtkwalk .content.con8 .faq_swiper .swiper-button-prev{top: 0; bottom: 0; margin: 0; align-items: end;}
    #tmtkwalk .content.con8 .faq_swiper .swiper-button-next::after,
    #tmtkwalk .content.con8 .faq_swiper .swiper-button-prev::after{font-size: var(--font-size40) !important;color: #ffffff61;}
    #tmtkwalk .adm_btn{display: block; width: fit-content; margin: 0; background: red; color: #fff; font-weight: 500; font-size: 15px; padding: 0px 20px; border-radius: 5px;cursor: pointer;}
/* 메인끝 */


/* tail 시작 */
#nt_footer{}
#nt_footer ul{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 40px);max-width: var(--max-width);margin: 100px auto 0;}
#nt_footer ul li{width: calc(25% - 20px);height: 22vw;border-radius: 300px 300px 0 0;background: #ddd;position: relative;top: 0;left: 0;background-repeat: no-repeat;background-position: center;background-size: cover;cursor: pointer;transition: 0.3s;}
#nt_footer ul li:hover{box-shadow: 0 -4px 14px #abfe2152;}
#nt_footer ul li:hover div.icon{background: #ffffff6c;}
#nt_footer ul li.mo{display: none;}
#nt_footer ul li div.icon{position: absolute; top: -80px; left: 50%; transform: translateX(-50%); width: 30%; height: auto; aspect-ratio: auto 1 / 1; text-align: center; z-index: 2; display: flex; justify-content: center; align-items: center; background:#ffffff1a; border-radius: 50px; color: #fff; max-width: 100px;transition: 0.3s;}
#nt_footer ul li div.icon img{width: 70%;}
#nt_footer ul li div.tail_swiper{width: 100%;height: 100%;border-radius: 300px 300px 0 0;}
#nt_footer ul li div.tail_swiper .swiper-wrapper{}
#nt_footer ul li div.tail_swiper .swiper-wrapper .swiper-slide{}
#nt_footer ul li div.tail_swiper .swiper-wrapper .swiper-slide div{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
#tail_fab{display: none;}
/* tail 끝 */


/* asset_status시작 */
#asset_status{margin: 20px auto 150px;width: calc(100% - 40px);max-width: var(--max-width);}
#asset_status .sub_title{font-size: var(--font-size40); text-align: center; color: #fff; font-weight: 500; margin-bottom: 20px;}
/* asset_status끝 */


/* referer_status시작 */
#referer_status{margin: 20px auto 150px;width: calc(100% - 40px);max-width: var(--max-width);}
#referer_status .sub_title{font-size: var(--font-size40); text-align: center; color: #fff; font-weight: 500; margin-bottom: 20px;}
#referer_status .total_data{}
#referer_status .total_data ul{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
#referer_status .total_data ul li{width: calc(50% - 5px); background: #ffffff1a;border-radius: 10px;padding: 20px;display: flex;flex-flow: column;align-items: center;justify-content: center;row-gap: 10px;position: relative;top: 0;left: 0;}
#referer_status .total_data ul li:last-child{margin-bottom: 0;}
#referer_status .total_data ul li b{color: #fff;font-size: var(--font-size40);line-height: var(--font-size40);font-weight: 500;}
#referer_status .total_data ul li p{color: #fff;font-size: var(--font-size20);display: flex;justify-content: center;align-items: center;column-gap: 10px;}
#referer_status .total_data ul li p img{width: var(--font-size30);}
#referer_status .total_data ul li span{position: absolute; bottom: 10px; right: 20px; color: #ffffff61; font-size: var(--font-size20);transition: 0.3s;}
#referer_status .total_data ul li:hover span,
#referer_status .total_data ul li:active span{color: var(--main-color);}
#referer_status .referer_pop_con{display: none;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; z-index: 9999; top: 0;left: 0;}
#referer_status .referer_pop_con .wrap{ position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); width: calc(100% - 80px); background: #081c45; padding: 20px; border-radius: 20px; max-width: 500px;border: 2px solid #ffffff63;}
#referer_status .referer_pop_con .wrap>p{font-size: var(--font-size30); text-align: center; font-weight: bold; margin-bottom: 20px;color: #fff;}
#referer_status .referer_pop_con .wrap>div{max-height: calc(100vh - 300px); overflow-y: auto;}
#referer_status .referer_pop_con .wrap>div ul{display: flex; flex-flow: column; row-gap: 10px;}
#referer_status .referer_pop_con .wrap>div ul li{padding-bottom: 10px; border-bottom: 1px dashed #ffffff54;}
#referer_status .referer_pop_con .wrap>div ul li:last-child{padding-bottom: 0;border-bottom: unset;}
#referer_status .referer_pop_con .wrap>div ul li p{font-size: var(--font-size20);color: #fff;}
#referer_status .referer_pop_con .wrap>span{margin-top: 20px; padding: 10px 14px; line-height: unset; font-weight: 500;font-size: var(--font-size20);width: 100%;text-align: center;}
/* referer_status끝 */



/* event_status 시작 */
#event_status{margin: 20px auto 150px;width: calc(100% - 40px);max-width: var(--max-width);}
#event_status .sub_title{font-size: var(--font-size40); text-align: center; color: #fff; font-weight: 500; margin-bottom: 20px;}
#event_status .total_data{}
#event_status .total_data ul{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
#event_status .total_data ul li{width: calc(50% - 5px); background: #ffffff1a;border-radius: 10px;padding: 20px;display: flex;flex-flow: column;align-items: center;justify-content: center;row-gap: 10px;position: relative;top: 0;left: 0;}
#event_status .total_data ul li:last-child{margin-bottom: 0;}
#event_status .total_data ul li b{color: #fff;font-size: var(--font-size40);line-height: var(--font-size40);font-weight: 500;}
#event_status .total_data ul li p{color: #fff;font-size: var(--font-size20);display: flex;justify-content: center;align-items: center;column-gap: 10px;}
#event_status .total_data ul li p img{width: var(--font-size30);}
#event_status .feed{width: 100%;
    padding: 15px 20px;
    border-radius: 5px;
    border: 2px solid #ffffff63;
    background: #0616358f;
    margin-top: 20px;}
#event_status .feed>p{font-size: var(--font-size30); color: #fff; margin-bottom: 10px;}
#event_status .feed div{}
#event_status .feed div p{ font-size: var(--font-size20); color: #ffffffb3; line-height: var(--font-size20); margin-bottom: 10px;}
#event_status .feed div p:last-child{margin-bottom: 0px;}
#event_status .listt{border-bottom: 1px solid #ffffff33;}
#event_status .listt>li{border-top: 1px solid #ffffff33;
    padding: 10px 10px 20px 10px;}
#event_status .listt>li div.top{display: flex; column-gap: 10px; align-items: center;}
#event_status .listt>li div.top img{display: block; width: var(--font-size50); height: fit-content;}
#event_status .listt>li div.top p{color: #fff; font-weight: 500; font-size: var(--font-size30); line-height: var(--font-size30); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#event_status .listt>li div.bt{/*padding-left: calc(var(--font-size50) + 10px);*/}
#event_status .listt>li div.bt ul{}
#event_status .listt>li div.bt ul li{display: flex; justify-content: space-between;border-bottom: 1px dashed #ffffff1c;padding: 5px 0;}
#event_status .listt>li div.bt ul li:last-child{border-bottom: unset}
#event_status .listt>li div.bt ul li p{color: #ffffff63; font-size: var(--font-size20); font-weight: 400;}
#event_status .listt>li div.bt ul li span{color: #fff; font-size: var(--font-size20); font-weight: 400;}
#event_status .listt>li div.bt ul li span.awaiting,
#event_status .listt>li div.bt ul li span.reviewing,
#event_status .listt>li div.bt ul li span.eligible,
#event_status .listt>li div.bt ul li span.withdrawn{width: fit-content; padding: 0 20px; border-radius: 50px;}
#event_status .listt>li div.bt ul li span.awaiting{background: #434343;}
#event_status .listt>li div.bt ul li span.reviewing{background:#ff8d00}
#event_status .listt>li div.bt ul li span.eligible{background: #0095ff;}
#event_status .listt>li div.bt ul li span.withdrawn{background: #ff0000;}
#event_status .listt>li div.bt ul li.receive_btn{display: block; border-radius: 100px; margin: 5px 0; line-height: var(--font-size30);}
#event_status .listt>li div.bt ul li.receive_btn p{font-size: var(--font-size20); font-weight: bold; color: #fff;}
#event_status .listt>li div.bt ul li.receive_btn span{font-size: var(--font-size20); color: #a7a7a7;}
#event_status .listt>li div.bt ul li.receive_btn.atv{}
#event_status .listt>li div.bt ul li.receive_btn.atv p{color: #000;}
#event_status .listt>li div.bt ul li.receive_btn.atv span{color: #373737; }
#event_status .listt>li div.bt ul li.receive_reviewed{display: block;text-align: center;}
#event_status .listt>li div.bt ul li.receive_reviewed p{color: #ff8d00;}
#event_status .listt>li div.bt ul li.receipt_completed{display: block;text-align: center;}
#event_status .listt>li div.bt ul li.receipt_completed p{color: #0095ff;}
/* event_status 끝 */



/* asset_status.php   referer.php    event_status.php 공통 시작 */
#status_wrap{margin-top: 50px;}
#status_wrap .search_wrap{display: flex; justify-content: space-between; align-items: center; height: 50px;}
#status_wrap .search_wrap input{background: unset; box-shadow: 0px 0px 5px 2px #0000002e; padding: 0 15px; height: 100%; color: #fff; font-size: var(--font-size20); width: calc(100% - 110px);border-radius: 3px;}
#status_wrap .search_wrap input::placeholder{color: #ffffff77;}
#status_wrap .search_wrap button{display: block;width: 100px;height: 100%;border-radius: 3px;background: #ffffff08;box-shadow: 0px 0px 5px 2px #0000002e;text-align: center;line-height: 25px;padding: 0;margin: 0;}
#status_wrap .search_wrap button i{font-size: var(--font-size30) !important;color: #ffffff9d;}
#status_wrap .category{margin: 20px 0 10px;display: flex;justify-content: space-between;align-items: end;}
#status_wrap .category p{color: #fff;font-size: var(--font-size40);font-weight: 500;}
#status_wrap .category select{color: #fff; font-size: var(--font-size30); font-weight: 500; background: #ffffff08; border: 1px solid #ffffff1c; padding: 0 10px; width: calc(100% - 150px); max-width: 300px; outline: unset; text-align: center; height: var(--font-size50); min-height: 40px; border-radius: 5px;}
#status_wrap .category select option{color: #000;}
#status_wrap .list{border-bottom: 1px solid #ffffff33;}
#status_wrap .list li{border-top: 1px solid #ffffff33; padding: 10px 10px 20px 10px;}
#status_wrap .list li .top{display: flex; column-gap: 10px;align-items: center;}
#status_wrap .list li .top img{display: block; width: var(--font-size50); height: fit-content;}
#status_wrap .list li .top p{color: #fff;font-weight: 500;font-size: var(--font-size30);line-height: var(--font-size30);width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#status_wrap .list li .bt{display: flex;justify-content: space-between;padding-left: calc(var(--font-size50) + 10px); align-items: end;}
#status_wrap .list li .bt span{color: #fff;font-size: var(--font-size20);font-weight: 400;}
#status_wrap .list li .bt p{color: #fff;font-weight: 500;font-size: var(--font-size30);line-height: var(--font-size30);}
#status_wrap .pagination{display: flex; justify-content: center; align-items: center; margin: 20px 0 0;}
#status_wrap .pagination a.pager_num,
#status_wrap .pagination a.pager_btn{width: 30px; height: 30px; text-align: center; line-height: 30px; background: #0093ff26; border-radius: 5px; margin: 0 3px; color: #fff !important; display: block;}
#status_wrap .pagination a.pager_num.atv{color: #000 !important;}
#status_wrap .pagination a.pager_btn{border: 1px solid #d9d9d9; line-height: 28px;}
#status_wrap .pagination a.pager_btn i{}
#status_wrap .pagination strong{}
/* asset_status.php   referer.php    event_status.php 공통 끝 */


/* tmtk_plat 페이지 시작 */
#main{}
#main .sub_title{}
#main .sub_title img{width: 150px; margin: 50px auto;}
#main .main_bn{width: 100%; max-width: var(--max-width); margin: 25px auto 0;}
#main .main_bn .swiper-wrapper{width: 100%; height: 30vw; max-height: 500px;}
#main .main_bn .swiper-wrapper .swiper-slide{width: 100%;height: 100%;opacity: 0 !important;}
#main .main_bn .swiper-wrapper .swiper-slide.swiper-slide-active{opacity: 1 !important;}

#main .main_bn .swiper-wrapper .swiper-slide .main_img{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
#main .main_bn.pc{}
#main .main_bn.mo{display: none;}
#main .flowBox {position: relative; bottom: 0px; left: 0;margin: 20px 0 100px; font-size: var(--font-size40); color: rgb(255 255 255 / 10%); letter-spacing: 9px; font-weight: 500; width: 100%; max-width: 100%; height: auto; padding: var(--font-size30); overflow-x: hidden; overflow-y: hidden;}
#main .flowBox .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 80s linear infinite;bottom: 0px;}
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
#main .content{width: calc(100% - 30px); max-width: var(--max-width); margin: 0 auto;}
#main .content .con_title{margin: 0 auto 30px; font-size: var(--font-size40); font-weight: 500; color: var(--main-color); width: fit-content;}
#main .content.con1 .wrap{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap;width: 100%;}
#main .content.con1 .wrap>div{width: calc(50% - 10px);}
#main .content.con1 .wrap .left{height: 30vw; background-repeat: no-repeat; background-position: right bottom; background-size: cover; max-height: 530px; cursor: pointer;border-radius: 5px;}
#main .content.con1 .wrap .left video{height: 100%;}
#main .content.con1 .wrap .right{display: flex; justify-content: space-between; flex-flow: column; align-items: center; height: 30vw;max-height: 530px;}
#main .content.con1 .wrap .right div{height: calc(50% - 10px); width: 100%; border-radius: 5px;background-repeat: no-repeat;background-position: center;background-size: cover;cursor: pointer;}
#main .content.con1 .wrap .right ul{height: calc(50% + 10px); width: 100%;display: flex;justify-content: space-between;flex-flow: column;}
#main .content.con1 .wrap .right ul li{width: 100%;display: flex;justify-content: space-between;align-items: center;height: 25%;cursor: pointer;border-bottom: 1px solid #ffffff24;}
#main .content.con1 .wrap .right ul li:last-child{border-bottom: unset;}
#main .content.con1 .wrap .right ul li p{font-size: var(--font-size20);color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: calc(100% - 90px);}
#main .content.con1 .wrap .right ul li span{font-size: var(--font-size20);color: #ffffff63;}
#main .content.con2{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap;margin-top: 100px;margin-bottom: 100px;}
#main .content.con2 .wrap{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap;width: 100%;}
#main .content.con2 .wrap div{width: calc(50% - 10px); height: 18vw;max-height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover;border-radius: 5px;overflow: hidden;}
#main .content.con2 .wrap div.pc{}
#main .content.con2 .wrap div.mo{display: none;}
#main .content.con3{}
#main .content.con3 .wrap{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap;}
#main .content.con3 .wrap .main_about{width: calc(50% - 10px); height: 23vw; max-height: 440px; margin: 0;min-height: 250px;cursor: pointer;border-radius: 5px;overflow: hidden;}
#main .content.con3 .wrap .main_about .swiper-wrapper{}
#main .content.con3 .wrap .main_about .swiper-wrapper .swiper-slide{}
#main .content.con3 .wrap .main_about .swiper-wrapper .swiper-slide>div{background-repeat: no-repeat; background-position: center; background-size: cover;width: 100%;height: 100%;}
#main .content.con3 .wrap .text{width: calc(50% - 10px); height: 23vw; max-height: 440px;margin: 0;min-height: 250px;}
#main .content.con3 .wrap .text ul{display: flex; justify-content: space-between; align-items: center; flex-flow: column; height: 100%;}
#main .content.con3 .wrap .text ul li{width: 100%;}
#main .content.con3 .wrap .text ul li b{font-size: calc(var(--font-size20) + 5px); font-weight: 600; color: #fff;}
#main .content.con3 .wrap .text ul li p{font-size: calc(var(--font-size20) + 5px); font-weight: 300; color: #fff; line-height: calc(var(--font-size20) + 5px); word-break: keep-all;}
#main .content.con3 .wrap .text ul li span{font-size: calc(var(--font-size20) + 5px); display: block;width: 100%;margin-top: 10px;line-height: 35px;font-weight: 500;}
@keyframes bake-pie {
    from { transform: rotate(0deg) translate3d(0,0,0);}
}
#main .sub_bn{width: 100%; max-width: var(--max-width); margin: 70px auto 0;}
#main .sub_bn .swiper-wrapper{width: 100%; height: 18vw; max-height: 300px;}
#main .sub_bn .swiper-wrapper .swiper-slide{width: 100%;height: 100%;}
#main .sub_bn .swiper-wrapper .swiper-slide .main_img{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
#main .sub_bn.pc{}
#main .sub_bn.mo{display: none;}
#main .adm_btn{display: block; width: fit-content; margin: 0 auto; background: red; color: #fff; font-weight: 500; font-size: 15px; padding: 10px 20px; border-radius: 10px;cursor: pointer;}
/* tmtk_plat 페이지 끝 */


/* 인증페이지 시작 */
#certification{margin-bottom: 150px;}
#certification .img-wrapx {width: 100%;height: auto;overflow: hidden; /* 넘치는 부분 잘라내기 */position: relative;}
#certification .img-wrapx img {width: calc(100% - 15px); max-width: 700px;margin: 0 auto; height: auto;display: block; /* 여백 제거 *//* position: relative; */}
#certification .img-wrapx .custom-button {width: calc(100% - 40px); margin: 50px auto 0; max-width: 500px; display: block; font-size: var(--font-size30); line-height: 35px; padding: .375rem .75rem;}
#certification .custom-text {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);color: #221205;font-size: var(--font-size20); font-weight: bold;}
#certification .modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); display: none; /* 기본 숨김 */ align-items: center; justify-content: center; z-index: 9999; }
#certification .custom-modal {width: 95%; max-width: 500px; background: #081c45; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, .2); padding: 30px 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 2px solid #ffffff63; max-height: 95vh; overflow: auto;}
#certification .custom-modal p { margin: 12px 0 6px; font-weight: 600; color: white;font-size: var(--font-size20);}
#certification .custom-modal input[type="text"] { width: 100%; padding: 10px 12px; border:none; border-bottom: 1px solid #ddd; color: white; background: unset; }
#certification .btn-row { display: flex; gap: 10px; justify-content: center; margin-top: 40px; }
#certification .btn-row button {padding: 10px 14px; line-height: unset; font-size: var(--font-size20); width: 50%; }
#certification .helper { font-size: var(--font-size20); color: #ffffff63; margin-top: 6px; }
#certification .file-name { font-size: var(--font-size20); color: #ffffff63; margin-top: 6px; }
#certification .feed1{color: #fff; font-size:calc(var(--font-size20) - 2px);line-height: var(--font-size20);display: block;word-break: keep-all;text-align: center;margin-bottom: 10px;}
#certification .feed2{color: #ffffff63;font-size:calc(var(--font-size20) - 2px);line-height: var(--font-size20);display: block;word-break: keep-all;text-align: center;}
#certification .radio_wrap{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; row-gap: 10px; column-gap: 10px;margin-bottom: 10px;}
#certification .radio_wrap label{width: calc(24% - 5px); margin: 0; text-align: center; border: 1px solid #ffffff4a; border-radius: 5px; background: #0000004a;position: relative;top: 0;left: 0;padding: 10px;cursor: pointer;}
#certification .radio_wrap label input{position: absolute;top: 0;left: 0;opacity: 0;}
#certification .radio_wrap label p{margin: 0; font-weight: 400;}
#certification .radio_wrap label span{color: var(--main-color); font-size: var(--font-size20);}
#certification .radio_wrap label.atv{background: #ffffff42;border: 1px solid #fff;}
#certification .radio_wrap label.atv p{}
#certification .radio_wrap label.atv span{}
#certification #uploadBtn {background: unset;border: 1px solid white;color: white;}
#certification .reward_token{}
/* 인증페이지 끝 */


/* about_ebptc시작 */
#about_ebptc{margin:20px auto 150px;}
#about_ebptc>img{width: 100%;
    max-width: 700px;
    margin: 0 auto;}
#about_ebptc .btn{width: calc(100% - 40px); margin: 50px auto 0; max-width: 500px; display: block; font-size: var(--font-size30); line-height: 35px; padding: .375rem .75rem;}
/* about_ebptc끝 */


/* convert시작 */
#convert{margin:20px auto 150px; width: calc(100% - 40px); max-width: var(--max-width);}
#convert .sub_title{font-size: var(--font-size40); text-align: center; color: #fff; font-weight: 500; margin-bottom: 20px;}
#convert .balance{background:#ffffff1a;border-radius: 5px;padding: 10px 20px;}
#convert .balance p{display: block;text-align: center;color: #fff;font-size: var(--font-size30);}
#convert .balance b{display: block;text-align: center;color: #fff;font-size: var(--font-size40);}
#convert .to{color: #fff;font-size: var(--font-size30);text-align: center;margin: 50px 0;}
#convert .teps_wrap{}
#convert .teps_wrap ul{display: flex;justify-content: space-between;align-items: center;background:#ffffff1a;border-radius: 5px;padding: 5px;}
#convert .teps_wrap ul li{width: 33.33333%; border-radius: 5px; color: #fff; font-size: var(--font-size30); text-align: center; line-height: 35px; padding: .375rem .75rem;cursor: pointer;}
#convert .teps_wrap ul li.atv{background: var(--main-color);color: #000;font-weight: 600;font-style: oblique;}
#convert .cons_wrap{}
#convert .cons_wrap ul{}
#convert .cons_wrap ul li{display: none;}
#convert .cons_wrap ul li.cons1{display: block;}
#convert .cons_wrap ul li>p{color: #fff; font-size: var(--font-size30);text-align: center;margin: 10px 0;}
#convert .cons_wrap ul li .to_point{background:#ffffff1a;border-radius: 5px;padding: 10px 20px;}
#convert .cons_wrap ul li .to_point input{display: block;text-align: center;color: #fff;font-size: var(--font-size40);font-weight: bold;width: 100%; background: unset; text-align: center;}
#convert .cons_wrap ul li .to_pointx{background:#ffffff1a;border-radius: 5px;padding: 10px 20px;}
#convert .cons_wrap ul li .to_pointx input{display: block;text-align: center;color: #fff;font-size: var(--font-size40);font-weight: bold;width: 100%; background: unset; text-align: center;}
#convert .cons_wrap ul li .feed{margin: 10px 0 50px;}
#convert .cons_wrap ul li .feed span{display: block; word-break: keep-all; color: #fff;font-size: var(--font-size20);line-height: var(--font-size30);margin-bottom: 10px;}
#convert .cons_wrap ul li .feed span:last-child{margin-bottom: 0px;}
#convert .cons_wrap ul li .you_will{background:#ffffff1a;border-radius: 5px;padding: 10px 20px;}
#convert .cons_wrap ul li .you_will p{display: block;text-align: center;color: #fff;font-size: var(--font-size30);}
#convert .cons_wrap ul li .you_will input{display: block;text-align: center;color: #fff;font-size: var(--font-size40);font-weight: bold;width: 100%; background: unset; text-align: center;}
#convert .submit_btn{line-height: 35px;width: 100%; max-width: 500px; display: block;font-size: var(--font-size30);margin: 0 auto;}
/* convert끝 */


/* walking_record 시작 */
#walking_record{margin:20px auto 150px; width: calc(100% - 40px); max-width: var(--max-width);}
#walking_record .sub_title{font-size: var(--font-size40); text-align: center; color: #fff; font-weight: 500; margin-bottom: 20px;}
#walking_record .top{ margin-bottom: 40px;}
#walking_record .top>p{font-size: var(--font-size30); text-align: center; color: #ffffff63;}
#walking_record .top>span{font-size: var(--font-size40);line-height:var(--font-size40); color: var(--main-color);font-weight: 800;display: block;text-align: center;}
#walking_record .top>div{width: 100%; padding:15px 20px; border-radius: 5px; border: 2px solid #ffffff63; background: #0616358f;margin-top: 20px;}
#walking_record .top>div p{display: flex;column-gap: 10px; font-size: var(--font-size20); color: #ffffffb3;line-height: var(--font-size20);margin-bottom: 10px;}
#walking_record .top>div p:last-child{margin-bottom: 0px;}
#walking_record .top>div span{}
#walking_record .list{padding: 0px;}
#walking_record .list li.no_data{text-align: center;font-size: var(--font-size20);color: #ffffff63;}
#walking_record .list li{border-top: 1px dashed #ffffff24; padding: 20px 0px; margin: 0px 0;}
#walking_record .list li:last-child{border-bottom:1px dashed #ffffff24;}
#walking_record .list li div{justify-content: space-between;align-items: center;margin-bottom: 10px;}
#walking_record .list li div:last-child{margin-bottom: 0px;}
#walking_record .list li div p{font-size: var(--font-size20);color: #ffffff63;}
#walking_record .list li div span{font-size: var(--font-size20); color:#fff}
#walking_record .list li .btn_wrap{display: flex;justify-content: center;align-items:center ;column-gap: 10px;}
#walking_record .list li .btn_wrap .get_point,
#walking_record .list li .btn_wrap span{padding: 10px 14px; line-height: unset; font-size: var(--font-size20); width: 100%;margin: 0;}
#walking_record .list li .get_point{padding: 10px 14px; line-height: unset;font-size: var(--font-size20);width: 100%;}
#walking_record .list li.atv{position: relative; top: 0; left: 0;}
#walking_record .list li.atv img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 80%; opacity: 0.1;z-index: -1;}
#walking_record .get_point_con{display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 999999;}
#walking_record .get_point_con .wrap{width: calc(100% - 40px); background: #fff; padding: 30px 20px; border-radius: 20px; position: relative; top: 15%; margin: 0 auto; max-width: 500px; height: auto; display: block;}
#walking_record .get_point_con .wrap p{font-size: var(--font-size20); color: #777;text-align: center;}
#walking_record .get_point_con .wrap p b{}
#walking_record .get_point_con .wrap span{padding: 10px 14px; line-height: unset;font-size: var(--font-size20);width: 100%;}
#walking_record p.pager{display: flex; justify-content: center; align-items: center; margin: 20px 0 0;}
#walking_record p.pager a{width: 30px; height: 30px; text-align: center; line-height: 30px; background: #0093ff26; border-radius: 5px; margin: 0 3px; color: #fff !important;display:block;}
#walking_record p.pager a.atv{color: #000 !important;}
#walking_record p.pager a i{}
/* walking_record 끝 */


/* 구글피트니스연동 페이지 시작 */
    #google_fit{margin:20px auto 150px; width: calc(100% - 40px); max-width: var(--max-width);}
    #google_fit .title{font-size: var(--font-size40); text-align: center; color: #fff; font-weight: 500; margin-bottom: 20px;word-break: keep-all;}
    #google_fit .content>b{display: block;width: 100%;text-align: center;font-size: var(--font-size30);padding-top: 50px;border-top: 1px dashed #ffffff63; margin: 50px 0 20px;}
    #google_fit .content>div{}
    #google_fit .content>div p{font-size: var(--font-size20);color: #ffffff63;line-height: 1.5;margin-bottom: 15px;word-break: keep-all;}
    #google_fit .content>img.google_fit{display: block; margin: 50px auto 20px;width: 100%; max-width: 600px;}
    #google_fit .content>img.heart{display: block; margin: 0 auto;width: 50px;}
    #google_fit .content>p{font-size: var(--font-size20);color: #ffffff63;line-height: 1.5;margin-bottom: 10px;word-break: keep-all;text-align: center;}
    #google_fit .content>button{border: none; padding: 0 40px; background: #fff; display: block; margin: 0 auto; width: 100%; max-width: 300px;}
    #google_fit .content>button img{width: 100%;}

    /* google_privacy시작 */
    #ctt.ctt_google_privacy{margin:20px auto 150px; width: calc(100% - 40px); max-width: var(--max-width);}
    /* google_privacy끝 */
/* 구글피트니스연동 페이지 끝 */


/* 캘린더 시작 */
#calendar-container{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto 150px;}
#calendar-container #calendar{height: calc(5px + (var(--font-size50) * 13)) !important;}
#calendar-container #calendar a{text-decoration: unset;}
#calendar-container #calendar a.koHolidays{pointer-events: none;}
#calendar-container #calendar .fc-header-toolbar{margin: 20px 0; position: relative; top: 0; left: 0; width: 100%; height: 50px;z-index: 1;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk:nth-child(1){z-index: 2;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk:nth-child(2){z-index: 1;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk .fc-button-group{display: flex; justify-content: space-between; align-items: center;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk .fc-button-group button{color: #fff; background-color: unset; border-color: unset; width: 50px; height: 50px; display: block; flex: unset; border-radius: 3px; padding: 0; margin: 0; border: none;box-shadow: none;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk .fc-button-group button.fc-button-active{}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk .fc-button-group button span{color: #ffffff63 !important;font-size: var(--font-size30) !important;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk .fc-button-group button:active span{color: #fff !important;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk>button{font-size: var(--font-size20);height: 40px;padding: .375rem .75rem;color: #fff; background-color: #6c757d; border-color: #6c757d;opacity: 1;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk>button:hover{color: #fff; background-color: #5a6268; border-color: #545b62;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk>div>button{font-size: var(--font-size20);height: 40px;padding: .375rem .75rem;}
#calendar-container #calendar .fc-header-toolbar div.fc-toolbar-chunk .fc-toolbar-title{font-size: var(--font-size40); text-align: center; color: #fff; font-weight: 500;}
#calendar-container #calendar .fc-view-harness{}
#calendar-container #calendar .fc-view-harness>div{}
#calendar-container #calendar .fc-view-harness>div>table{border: none;}
#calendar-container #calendar .fc-view-harness>div>table>thead{}
#calendar-container #calendar .fc-view-harness>div>table>thead table{}
#calendar-container #calendar .fc-view-harness>div>table>thead th{border: none;border-bottom: 1px solid #eee; padding-bottom: 15px;}
#calendar-container #calendar .fc-view-harness>div>table>thead th:first-child a{color: #b73939;}
#calendar-container #calendar .fc-view-harness>div>table>thead th:last-child a{color: #3d3dff;}
#calendar-container #calendar .fc-view-harness>div>table>thead td{border: none;}
#calendar-container #calendar .fc-view-harness>div>table>thead th a{font-weight: normal;font-size: var(--font-size30);color: #ffffff63;cursor: context-menu;}
#calendar-container #calendar .fc-view-harness>div>table>tbody{}
#calendar-container #calendar .fc-view-harness>div>table>tbody td{border: none;}

#calendar-container #calendar .fc-view-harness>div>table>tbody .c-scroller-harness{height: fit-content !important;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .c-scroller-harness{height: fit-content !important;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scroller{height: fit-content !important;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table{height: fit-content !important;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr{display: flex; justify-content: space-between; align-items: center;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td{border: none; width: 14.285714%; height: calc(var(--font-size50) * 2);cursor: pointer;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td.fc-day-today>div>.fc-daygrid-day-top a{color: #fff;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td.fc-day-today>div>.fc-daygrid-day-events div>a{border: 2px solid var(--main-color) !important;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td:active a{color: #fff !important;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td.fc-day-today{background: unset;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div::before{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div::after{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-top{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; aspect-ratio: auto 1 / 1;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-top a{pointer-events: none; padding: 0; font-size: var(--font-size30); color: #ffffff63; width: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);line-height: var(--font-size30);}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events{position: absolute; height:90%; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: auto 1 / 1;margin: 0;z-index: -1;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events::before{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events::after{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div{padding: 0;width: 100%;height: 100%;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div.fc-daygrid-event-harness{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div.fc-daygrid-day-bottom{display: none;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div::before{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div::after{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div>a.koHolidays{display: none;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div>a{margin: 0; width: 100%; height: 100%; border-radius: 100px; background: #abff2142 !important; border: unset !important;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div>a .fc-event-main{display: none;}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div>a .fc-event-main .fc-event-main-frame{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div>a .fc-event-main .fc-event-main-frame .fc-event-title-container{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-events div>a .fc-event-main .fc-event-main-frame .fc-event-title-container .fc-event-title{}
#calendar-container #calendar .fc-view-harness>div>table>tbody .fc-scrollgrid-sync-table tr td>div>.fc-daygrid-day-bg{}
#eventModal{background: rgba(0,0,0,0.7) !important; padding: 0 !important;}
#eventModal .modal-dialog{position: relative; top: 70px;width: calc(100% - 40px);max-width: 500px;margin: 0 auto; height: auto;background: unset; padding: 0; display: block;overflow: hidden;}
#eventModal .modal-dialog .modal-content{border: 2px solid #ffffff63 !important;padding: 30px 20px;background: #081c45 !important;border-radius: 20px; }
#eventModal .modal-dialog .modal-content .modal-header{padding: 0;border-bottom: none;} 
#eventModal .modal-dialog .modal-content .modal-header h5{font-size: var(--font-size30); font-weight: 900; margin-bottom: 30px; line-height: var(--font-size40); margin-top: 0;color: #fff;} 
#eventModal .modal-dialog .modal-content .modal-header button{position: absolute; top: 0; right: 0; height: 50px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; border: none; background: url(); padding: 0;} 
#eventModal .modal-dialog .modal-content .modal-header button i{font-size: var(--font-size30) !important;} 
#eventModal .modal-dialog .modal-content .modal-body{padding: 0;} 
#eventModal .modal-dialog .modal-content .modal-body form{max-height: calc(100vh - 350px); overflow: auto;} 
#eventModal .modal-dialog .modal-content .modal-body form>p{font-size: var(--font-size20);display: flex;flex-flow: row wrap;width: 100%;justify-content: space-between;align-items: center;line-height: var(--font-size40);margin-bottom: 20px;font-weight: bold;line-height: var(--font-size50);color: #fff;}
#eventModal .modal-dialog .modal-content .modal-body form>p font{width: 100%;}
#eventModal .modal-dialog .modal-content .modal-body form>p button{width: calc(50% - 5px);font-size: var(--font-size20);}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap{justify-content: space-between; align-items: center;flex-flow: row wrap;margin-bottom: 50px;}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>p{font-size: var(--font-size30);display: block;width: 100%;margin-bottom: 20px;}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label{margin-bottom: 0;cursor: pointer;}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.meals_label,
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.snack_label{width: 33.333333%;}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.meals_label .icon,
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.snack_label .icon{width: 50%; height: auto; aspect-ratio: auto 1 / 1; margin: 0 auto; border-radius: 50px; background: #efefef;position: relative;top: 0;left: 0;transition: 0.2s;}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.meals_label .icon img,
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.snack_label .icon img{width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);filter: brightness(0.8);transition: 0.2s;}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.meals_label input,
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.snack_label input[type="checkbox"]{position: absolute; top: 0; left: 0; z-index: -1; opacity: 0;}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.meals_label span,
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.snack_label span{color: #999;font-size: var(--font-size20);display: block;width: 100%;text-align: center;margin-top: 10px;transition: 0.2s;}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.meals_label.atv,
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.snack_label.atv{}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.meals_label.atv .icon img,
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.snack_label.atv .icon img{filter: unset;}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.meals_label.atv input,
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.snack_label.atv input[type="checkbox"]{}
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.meals_label.atv span,
#eventModal .modal-dialog .modal-content .modal-body form .check_wrap>label.snack_label.atv span{color: #000;font-weight: bold;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap{justify-content: space-between; align-items: center;flex-flow: row wrap;margin-bottom: 50px;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap:nth-last-child(2){margin-bottom: 0;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>p{font-size: var(--font-size20);display: flex;flex-flow: row wrap;width: 100%;justify-content: space-between;align-items: center;line-height: var(--font-size50);margin-bottom: 20px;font-weight: bold;color: #fff;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>div{width: 33.333333%;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>p>font{width: 100%;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>p>button{width: calc(50% - 5px);font-size: var(--font-size20);}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>div.pm{}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>div.pm div{width: 50%; height: auto; aspect-ratio: auto 1 / 1; margin: 0 auto; border-radius: 50px;padding: 0;margin: 0 auto;position: relative;top: 0;left: 0;display: block;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>div.pm div i{font-size: var(--font-size30) !important;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>div.text{margin: 0;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>div.text img{display: block;width: 40%; margin: 0 auto;filter: brightness(0) invert(1);}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>div.text>span{font-size: var(--font-size20); font-weight: bold; display: block; text-align: center;color: #ffffff63;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>div.text p{color: #fff; font-size: var(--font-size20); display: block; width: 100%; text-align: center; margin-top: 10px; transition: 0.2s;font-weight: bold;}
#eventModal .modal-dialog .modal-content .modal-body form .pm_wrap>div.text p span{padding-right: 5px;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap{justify-content: space-between; align-items: center;flex-flow: row wrap;margin-bottom: 50px;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>p{font-size: var(--font-size20);display: block;width: 100%;margin-bottom: 20px;font-weight: bold;color: #fff;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label{margin-bottom: 0;cursor: pointer;width: 25%;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label:nth-child(2) .icon::after{display: none;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label:nth-child(3){}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label:nth-child(4){}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label:nth-child(5) .icon::before{display: none;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label .icon{width: 100%; height: auto; margin: 0 auto; position: relative; top: 0; left: 0; z-index: 1;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label .icon::after{content: ""; position: absolute; top: 50%; left: 0; width: 50%; height: 2px; background: #b0b0b0; transform: translateY(-50%); z-index: -1;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label .icon::before{content: ""; position: absolute; top: 50%; right: 0; width: 50%; height: 2px; background: #b0b0b0; transform: translateY(-50%); z-index: -1;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label .icon img{width: 50%; display: block; margin: 0 auto; transition: 0.2s; background: unset; border-radius: 50px;background: #081c45;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label input[type="radio"]{position: absolute; top: 0; left: 0; z-index: -1; opacity: 0;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label span{color: #999;font-size: var(--font-size20);display: block;width: 100%;text-align: center;margin-top: 10px;transition: 0.2s;display: none;}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label.atv{}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label.atv .icon img{ filter: drop-shadow(0px 0px 6px #aaff21);}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label.atv input[type="radio"]{}
#eventModal .modal-dialog .modal-content .modal-body form .radio_wrap>label.atv span{color: #000;font-weight: bold;}
#eventModal .modal-dialog .modal-content .modal-body form::-webkit-scrollbar {width: 2px;}
#eventModal .modal-dialog .modal-content .modal-body form::-webkit-scrollbar-thumb {background-color: #dbdbdb;}
#eventModal .modal-dialog .modal-content .modal-body form::-webkit-scrollbar-track {background-color: unset;}
#eventModal .modal-dialog .modal-content .modal-footer{padding: 0; border-top: none; margin-top: 50px; display: flex; justify-content: space-between; align-items: center; flex-flow: inherit;column-gap: 10px;}
#eventModal .modal-dialog .modal-content .modal-footer button{line-height: unset; padding: 0; font-size: var(--font-size20); margin: 0; width: 100%;padding: 10px 14px;}
#calendar-container .calendar_list{border-top:2px solid #f7f7f7;}
#calendar-container .calendar_list b.title{font-size: var(--font-size30); text-align: center; display: block; width: 100%; padding: 50px 20px;color: #fff;}
#calendar-container .calendar_list .list{padding: 0;}
#calendar-container .calendar_list .list li{border-top: 1px dashed #ffffff63; padding: 20px 0px; margin: 0px 0;}
#calendar-container .calendar_list .list li:first-child{border-top:none;}
#calendar-container .calendar_list .list li:last-child{border-bottom:1px dashed #ffffff63;}
#calendar-container .calendar_list .list li.no_data{text-align: center;font-size: var(--font-size20);color: #ffffff63;border-bottom: none;}
#calendar-container .calendar_list .list li>div{justify-content: space-between;margin-bottom: 10px; /*align-items: center;*/;column-gap: 20px;}
#calendar-container .calendar_list .list li>div:last-child{margin-bottom: 0px;}
#calendar-container .calendar_list .list li>div>p{font-size: var(--font-size20);color: #ffffff63;}
#calendar-container .calendar_list .list li>div>div{font-size: var(--font-size20);color: #ffffff63;}
#calendar-container .calendar_list .list li>div>div span{font-size: var(--font-size20);color: #ffffff63;display: block;text-align: right;}
#calendar-container .calendar_list .list li>div>div span b{color: var(--main-color);}
#calendar-container .calendar_list .list li>div>div img{width: var(--font-size30);}
#calendar-container .calendar_list .list li>div .img_wrap{}
#calendar-container .calendar_list .list li>div .img_wrap p{background: #efefef;width: 23px;height: 23px;margin-left: 10px;border-radius: 20px;position: relative;top: 0;left: 0;}
#calendar-container .calendar_list .list li>div .img_wrap p img{filter: brightness(0.8); width: 60%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#calendar-container .calendar_list .list li>div .img_wrap p.atv{background: #fff;}
#calendar-container .calendar_list .list li>div .img_wrap p.atv img{filter: unset;}
#calendar-container .calendar_list .list li .comment_wrap{position: relative;top: 0;left: 0 ;width: 100%;}
#calendar-container .calendar_list .list li .comment_wrap .comment_btn{width: 100%; padding: 0; text-align: center; justify-content: center;align-items: center; padding: 10px 14px; line-height: unset;border-radius: 50px;}
#calendar-container .calendar_list .list li .comment_wrap .comment_btn p{font-size: var(--font-size20);}
#calendar-container .calendar_list .list li .comment_wrap .comment_btn i{font-size: var(--font-size20) !important; margin-left: 10px;}
#calendar-container .calendar_list .list li .comment_wrap .comment_content{display: none;position: absolute;bottom: 70px;width: 100%;left: 0;background: #000000db !important;border-radius: 5px;padding: 20px 10px;}
#calendar-container .calendar_list .list li .comment_wrap .comment_content::after {content: "";position: absolute;bottom: -29px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-bottom: 15px solid transparent;border-top: 15px solid #000000db !important;border-left: 5px solid transparent;border-right: 5px solid transparent;}
#calendar-container .calendar_list .list li .comment_wrap .comment_content span{font-size: var(--font-size20);color: #fff;word-break:keep-all;display: block;text-align: left;}
#calendar-container .calendar_list .list li .comment_wrap .comment_content span:nth-child(2){margin-top: 20px;}
#calendar-container .calendar_list .list li .comment_wrap .comment_content span:nth-child(3){margin-top: 20px;}
#calendar-container .calendar_list .list li .comment_wrap .comment_content span.good{}
#calendar-container .calendar_list .list li .comment_wrap .comment_content span.bad{}
@media screen and (max-width:1600px){
    #calendar-container #calendar{height: calc(-10px + (var(--font-size50) * 13)) !important;}
}
@media screen and (max-width:900px){
    #calendar-container #calendar{height: calc(45px + (var(--font-size50) * 13)) !important;}
}
/* 캘린더 끝 */

/* faq_page 시작 */
#faq_page{margin:20px auto 150px; width: calc(100% - 40px); max-width: var(--max-width);}
#faq_page .sub_title{font-size: var(--font-size40); text-align: center; color: #fff; font-weight: 500; margin-bottom: 20px;}
#faq_page .wrap{}
#faq_page .wrap .admin_btn{ display: flex; align-items: end; justify-content: end; flex-flow: row wrap;}
#faq_page .wrap .faq_list{}
#faq_page .wrap .faq_list li{display: flex; align-items: center; justify-content: space-between;background: #00000038; padding: 20px; border-radius: 10px;flex-flow: row wrap;cursor: pointer;margin-bottom: var(--font-size20);}
#faq_page .wrap .faq_list li img{width: var(--font-size40);}
#faq_page .wrap .faq_list li p{color: #fff; font-size: var(--font-size20);width: calc(100% - (var(--font-size40) * 2));white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#faq_page .wrap .faq_list li i{color:#fff; font-size: var(--font-size30) !important;}
#faq_page .wrap .faq_list li.atv i{transform: rotate(-180deg); transition: 0.3s;}
#faq_page .wrap .faq_list li .con{display: none; color: #ffffff63; font-size: var(--font-size20); padding: 10px var(--font-size50) 0; word-break: keep-all;}
#faq_page .wrap .faq_list li.no_data{}
#faq_page .wrap .faq_list li.no_data p{}
/* faq_page 끝 */


/* tmtk_trip 시작 */
#tmtk_trip{margin:0px auto 150px;}
#tmtk_trip .sub_title{}
#tmtk_trip .sub_title img{width: 150px; margin: 50px auto;}
/* tmtk_trip 끝 */


@media all and (max-width:1600px) {
    #nt_header #nt_menu>div a.head_logo{height: 70px; padding: 15px 20px;}
    #nt_header #nt_menu>div a.head_toggle{width: 70px;height: 70px;}
    #nt_body{padding-top: 70px;}
    #nt_footer ul li div.icon{top: -5vw;}
    #main .sub_title img{width: 120px; margin: 20px auto;}
    #tmtk_trip .sub_title img{width: 120px; margin: 20px auto;}
    #main .content.con3 .wrap .text ul li b{font-size: var(--font-size20);}
    #main .content.con3 .wrap .text ul li p{font-size: var(--font-size20);}
    #main .content.con3 .wrap .text ul li span{font-size: var(--font-size20);}
    #tmtkwalk .content.con7 .btn_wrap p{font-size: var(--font-size20);}
    #tmtkwalk .content.con8>p{margin-bottom: 0px;}
    :root{
        --font-size40:40px;
        --font-size40:30px;
        --font-size30:20px;
        --font-size20:17px;
    }
}
@media all and (max-width:900px) {
    #nt_header #nt_menu>div a.head_logo{height: 60px; padding: 15px 20px;}
    #nt_header #nt_menu>div a.head_toggle{width: 60px;height: 60px;}
    #nt_header #nt_menu>div a.head_toggle span{height: 2px;width: 40%;}
    #nt_body{padding-top: 60px;padding-bottom: 60px;}
    #tmtkwalk .adm_btn{display: none;}
    #main .adm_btn{display: none;}
    #main .main_bn .swiper-wrapper{height: 49vw;}
    #main .main_bn.pc{display: none;}
    #main .main_bn.mo{display: block;}
    #main .flowBox{margin: 10px 0 50px;}
    #main .content .con_title{margin: 0 auto 15px;}
    #main .content.con1 .wrap>div{width: 100%;}
    #main .content.con1 .wrap{row-gap: 20px;}
    #main .content.con1 .wrap .left{height: 60vw;max-height: unset;}
    #main .content.con1 .wrap .right{ height: fit-content; max-height: unset; row-gap: 10px;}
    #main .content.con1 .wrap .right div{height: 28vw;}
    #main .content.con1 .wrap .right ul li{padding: 10px 0;}
    #main .content.con1 .wrap .right ul li:last-child{border-bottom: 1px solid #ffffff24;}
    #main .content.con1 .wrap .right ul li p{width: calc(100% - 70px);}
    #main .content.con2{margin-top: 50px;margin-bottom: 50px;}
    #main .content.con2 .wrap{row-gap: 20px;}
    #main .content.con2 .wrap div{width: 100%;height: 60vw;max-height: unset;}
    #main .content.con2 .wrap div.pc{display: none;}
    #main .content.con2 .wrap div.mo{display: block;}
    #main .content.con3 .wrap{row-gap: 20px;}
    #main .content.con3 .wrap .main_about{width: 100%; height: 53vw; max-height: unset;min-height: unset;}
    #main .content.con3 .wrap .text{width: 100%;height: fit-content; max-height: unset;min-height: unset;}
    #main .content.con3 .wrap .text ul{height: fit-content; padding: 10px;row-gap: 10px;}
    #graph_wrap .top{justify-content: space-between;column-gap: unset;}
    #graph_wrap .top .left{height: 150px;}
    #graph_wrap .top .pie{height: 150px;width: 150px;}
    #graph_wrap .top .pie::after {margin: 170px auto;width: 110px;}
    #graph_wrap .top .pie::before{width: 80px;height: 80px;}
    #graph_wrap .top .slice{width: 150px;height: 150px;clip: rect(0px, 150px, 150px, 75px);}
    #graph_wrap .top .slice span{width: 150px;height: 150px;clip: rect(0px, 150px, 150px, 75px);}
    #graph_wrap .legend{flex-flow: row wrap;row-gap: 10px;}
    #graph_wrap .legend li:nth-child(1){width: 100%;}
    #graph_wrap .legend li{width: calc(50% - 5px);}
    #graph_wrap .legend li p{text-align: left;}
    #graph_wrap .legend li b{text-align: left;padding-left: 25px;}
    #main .sub_bn .swiper-wrapper{height: 49vw;max-height: unset;}
    #main .sub_bn.pc{display: none;}
    #main .sub_bn.mo{display: block;}
    #nt_footer{position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; border-top: 1px solid #ffffff1c; z-index: 7; background: linear-gradient(to bottom, #244C8C, #275193);}
    #nt_footer ul{display: flex;justify-content: space-between;align-items: center;width:100%;height: 100%; margin: 0;}
    #nt_footer ul li{width: 20%;height: 100%; border-radius: unset; background: unset;position: unset;display: flex;justify-content: center;align-items: center;cursor: pointer;background-image: unset !important;}
    #nt_footer ul li.mo{display: flex;}
    #nt_footer ul li div.icon{position: unset; width: 50px; height: auto;transform: unset; aspect-ratio: auto 1 / 1; text-align: center; z-index: unset; display: flex; justify-content: center; align-items: center; background: unset; border-radius: 50px; color: #fff; max-width: 100px;}
    #nt_footer ul li div.tail_swiper{display: none;}
    #nt_footer{display: none;}
    #tail_fab{display: block;}
    #tmtkwalk{margin:50px auto 50px;}
    #tmtkwalk .content.con2{margin: 10px auto 20px;}
    #about_ebptc{margin: 20px auto 50px;}
    #convert{margin:20px auto 50px;}
    #certification{margin-bottom: 50px;}
    #asset_status{margin: 20px auto 50px;}
    #referer_status{margin: 20px auto 50px;}
    #referer_status .total_data ul li span{bottom: unset;top: 10px;}
    #event_status{margin: 20px auto 50px;}
    #event_status .total_data ul li span{bottom: unset;top: 10px;}
    #google_fit{margin:20px auto 50px;}
    #walking_record{margin:20px auto 50px;}
    #faq_page{margin:20px auto 50px;}
    #tmtk_trip{margin:0px auto 150px;}
    #calendar-container{margin:0px auto 50px;}
    #ctt.ctt_google_privacy{margin:20px auto 50px;}
    #status_wrap .search_wrap input{width: calc(100% - 60px);}
    #status_wrap .search_wrap button{width: 50px;}
    #status_wrap .category select{width: calc(100% - 100px);}
    :root{
        --font-size50:30px;
        --font-size40:20px;
        --font-size30:17px;
        --font-size20:15px;
    }
}

@media all and (max-width:600px) {
    #referer_status .total_data ul{row-gap: 10px;}
    #referer_status .total_data ul li{width: 100%;padding: 15px 10px;}
    #event_status .total_data ul{row-gap: 10px;}
    #event_status .total_data ul li{width: 100%;padding: 15px 10px;}
    #tmtkwalk .content.con2 div{width: 100%;}
    #certification .radio_wrap label{width: calc(50% - 5px);}
    #tmtkwalk .history_pop .wrap .btn_wrap{flex-flow: column;row-gap: 10px;}
    #walking_record .list li .btn_wrap{flex-flow: column;row-gap: 10px;}
}
@media all and (max-width:400px) {
    #event_status .listt>li div.bt ul li{flex-flow: column;justify-content: center;text-align: center;}
    #event_status .listt>li div.bt ul li span.awaiting,
    #event_status .listt>li div.bt ul li span.reviewing,
    #event_status .listt>li div.bt ul li span.eligible,
    #event_status .listt>li div.bt ul li span.withdrawn{margin: 0 auto;}
}

@media all and (max-width:350px) {
    #graph_wrap .top .left{height: 100px;}
    #graph_wrap .top .pie{height: 100px;width: 100px;}
    #graph_wrap .top .pie::after {margin: 110px auto;width: 70px;}
    #graph_wrap .top .pie::before{width: 30px;height: 30px;}
    #graph_wrap .top .slice{width: 100px;height: 100px;clip: rect(0px, 100px, 100px, 50px);}
    #graph_wrap .top .slice span{width: 100px;height: 100px;clip: rect(0px, 100px, 100px, 50px);}
    #graph_wrap .legend li{width:100% !important;}
    #Graph_wrap .legend li b{text-align: right;}
    #eventModal .modal-dialog .modal-content .modal-body form{max-height: calc(100vh - 380px);}
    #eventModal .modal-dialog .modal-content .modal-footer{flex-flow: column;row-gap: 10px;margin-top: 20px;}
}
@media all and (max-width:330px) {
#tmtkwalk .history_pop .wrap>ul li{margin-bottom: 20px; flex-flow: column;}
}