@charset "UTF-8";
#wrap,
#header,
.m_family_site,
#footer,
#footNav,
.fixed .tab_wrap,
.subHeader,
.search_layer,
.select .option,
.contents{width:100%;max-width:488px;margin:0 auto}
#wrap{padding:3.75rem 0 6.186rem}
#wrap.pb_ch{padding-bottom:5rem}
#wrap.pb0 #container{padding-bottom:4.063rem}

/*** header ***/
#header{display:flex;align-items:center;position:fixed;top:0;width:100%;height:3.75rem;padding:0 1.25rem;background-color:#fff;z-index:100}
#header .logo a{display:block;width:3.062rem}
#header .btn_familysite{width:1.25rem;height:1.25rem;margin-bottom:auto;margin-left:0.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 15.5l4.5-4.5l-1.425-1.4L12 12.675L8.925 9.6L7.5 11zm0 6.5q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20m0-8'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
#header .etc{display:flex;align-items:center;gap:1rem;margin-left:auto}
#header .etc a{width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:100%}
#header .etc .btn_search{background-image:url(../images/common/btn_search.svg);background-size:1.312rem}
#header .etc .btn_like{background-image:url(../images/common/btn_like.svg)}
#header .etc .btn_notify{position:relative;background-image:url(../images/common/btn_bell.png)}
#header .etc .btn_notify.on{position:relative}
#header .etc .btn_notify.on:after{content:'';display:block;position:absolute;top:0.312rem;right:0.156rem;width:0.375rem;height:0.375rem;border-radius:50%;background-color:#3a56a5;outline:0.125rem solid #fff}
#header.active .btn_familysite{transform:rotate(180deg)}
#gnb{overflow-y:auto;position:fixed;top:0;bottom:0;left:100%;width:100%;max-width:488px;background-color:#fff;transition:left ease-in-out .3s;z-index:111}
#gnb .nav{position:relative;height:calc((var(--vh, 1vh) * 100) - 4.563rem);background-color:#fff}
#gnb .nav > ul{padding:2rem}
#gnb .nav > ul > li{line-height:1}
#gnb .nav > ul:not(.nav_challenge){display:flex;flex-wrap:wrap;column-gap:1.75rem;padding-top:1.125rem;padding-bottom:1.125rem}
#gnb .nav > ul:not(.nav_challenge) > li{width:calc((100% - 1.75rem) /2)}
#gnb .nav > ul:not(.nav_challenge) > li > a{display:block;padding:0.875rem 0;font-weight:500;font-size:0.875rem}
#gnb .nav > ul.nav_challenge{background-color:#000;border-bottom:1px solid #f0f0f0 ;padding-top:2rem;padding-bottom:1.937rem}
#gnb .nav_challenge > li + li{margin-top:1rem}
#gnb .nav_challenge > li > a{display:block;position:relative;font-weight:700;font-size:1.25rem;color:#fff;padding:0.625rem 0}
#gnb .nav_challenge > li > a:before{content:'';display:block;position:absolute;top:50%;right:0;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0;background-size:cover;transform:translateY(-50%)}
#gnb .nav_challenge > li > a:hover,
#gnb .nav_challenge > li.active > a{}

.gnb_active #gnb{left:0}
.gnb_active #gnb .nav > ul > li.active > a{color:#00c7c2}
.gnb_active #gnb .nav > ul.nav_challenge > li.active > a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2300C7C2' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E")}
.gnb_active #footNav .util_btns{visibility:hidden !important;opacity:0 !important}
.gnb_active .foot_challenge{display:none}

.search_layer{position:fixed;top:0;width:100%;height:auto;background-color:#fff;transition:left ease-in-out .5s;z-index:100}
.search_layer .search_form{display:flex;align-items:center;position:relative;padding:0.625rem 1.25rem}
.search_layer .search_form .btn_back{flex-shrink:0;width:1.5rem;height:1.5rem;margin-right:0.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 22L6 12L16 2l1.775 1.775L9.55 12l8.225 8.225z'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:100%}

.subHeader{display:flex;align-items:center;position:fixed;top:0;width:100%;height:3.75rem;padding:0 1.25rem;border-bottom:1px solid transparent;background-color:#fff;transition:background linear .4s;z-index:110}
.subHeader .btn_back{width:1.5rem;height:100%;margin-right:0.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 22L6 12L16 2l1.775 1.775L9.55 12l8.225 8.225z'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:100%}
.subHeader .tit{font-size:1.125rem;font-weight:600}
.subHeader:not(.left) .tit{position:absolute;top:50%;left:50%;width:max-content;max-width:calc(100% - 7rem);text-align:center;transform:translate(-50%,-50%)}
.subHeader .btn_area{column-gap:1rem;height:100%;margin:0 0 0 auto}
.subHeader .btn_icon{width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:0 50%;background-size:100%}
.subHeader .btn_setting{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M19.43 12.98c.04-.32.07-.64.07-.98c0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 0 0-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1a.566.566 0 0 0-.18-.03c-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98c0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46a.5.5 0 0 0 .61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03c.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64zm-1.98-1.71c.04.31.05.52.05.73c0 .21-.02.43-.05.73l-.14 1.13l.89.7l1.08.84l-.7 1.21l-1.27-.51l-1.04-.42l-.9.68c-.43.32-.84.56-1.25.73l-1.06.43l-.16 1.13l-.2 1.35h-1.4l-.19-1.35l-.16-1.13l-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7l-1.06.43l-1.27.51l-.7-1.21l1.08-.84l.89-.7l-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13l-.89-.7l-1.08-.84l.7-1.21l1.27.51l1.04.42l.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43l.16-1.13l.2-1.35h1.39l.19 1.35l.16 1.13l1.06.43c.43.18.83.41 1.23.71l.91.7l1.06-.43l1.27-.51l.7 1.21l-1.07.85l-.89.7zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4m0 6c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2'/%3E%3C/svg%3E")}
.subHeader .btn_like{background-image:url(../images/common/btn_like.svg)}
.subHeader .btn_like.active{background-image:url(../images/common/btn_like_active.svg)}
.subHeader .btn_search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m19.6 21l-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5q0-2.725 1.888-4.612T9.5 3q2.725 0 4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l6.3 6.3zM9.5 14q1.875 0 3.188-1.312T14 9.5q0-1.875-1.312-3.187T9.5 5Q7.625 5 6.313 6.313T5 9.5q0 1.875 1.313 3.188T9.5 14'/%3E%3C/svg%3E")}
.subHeader .btn_notify{position:relative;background-image:url(../images/common/btn_bell.png)}
.subHeader .btn_notify.on:after{content:'';display:block;position:absolute;top:0.312rem;right:0.125rem;width:0.375rem;height:0.375rem;border-radius:50%;background-color:#3a56a5;outline:0.125rem solid #fff}
.subHeader .btn_notify object{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1.25rem;height:1.437rem}
.subHeader .btn_help{display:flex;align-items:center;column-gap:0.25rem}
.subHeader .btn_help > span{font-weight:500;font-size:0.875rem;line-height:1;color:#767676}
.subHeader .btn_del{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E")}
.subHeader .btn_download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 16l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11zm-6 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z'/%3E%3C/svg%3E")}
.subHeader .btn_home{background-image:url(../images/icon/ico_home2.svg);background-size:1.312rem 1.312rem}
.subHeader .btn_info{height:1.5rem;padding-left:1.375rem;color:#767676;font-size:0.875rem;font-weight:500;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m-.9-3.85h1.85q0-.825.188-1.3t1.062-1.3q.65-.65 1.025-1.238T15.55 8.9q0-1.4-1.025-2.15T12.1 6q-1.425 0-2.312.75T8.55 8.55l1.65.65q.125-.45.563-.975T12.1 7.7q.8 0 1.2.438t.4.962q0 .5-.3.938t-.75.812q-1.1.975-1.35 1.475t-.25 1.825M12 22q-2.075 0-3.9-.787t-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E") no-repeat 0 50% / 1.125rem}
.subHeader .btn_xs{margin-left:auto}
.subHeader.bk_type{background-color:#000}
.subHeader.bk_type .btn_back{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M16 22L6 12L16 2l1.775 1.775L9.55 12l8.225 8.225z'/%3E%3C/svg%3E")}

.m_family_site{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.9);z-index:1000;opacity:0;transition:opacity ease-in-out .3s}
.m_family_site .family_site_list{padding-top:8.125rem;text-align:center}
.m_family_site .family_site_list li + li{margin-top:2.5rem}
.m_family_site .family_site_list li a{display:inline-block;color:#dbdbdb;font-size:1.75rem;line-height:1;vertical-align:top}
.m_family_site .family_site_list li.active a{position:relative;padding-bottom:0.75rem;color:#fff;font-weight:700}
.m_family_site .family_site_list li.active a:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff}
.m_family_site .btn_close{position:absolute;bottom:3.75rem;left:50%;width:3.5rem;height:3.5rem;margin-left:-1.75rem;border-radius:50%;background-color:#fff;background-position:50% 50%;background-size:1.75rem}
.m_family_site.active{visibility:visible;opacity:1}

.no_header #header{height:0}
.no_header #header .logo,
.no_header #header .etc{display:none}

/*** container ***/
#container{min-height:calc((var(--vh, 1vh) * 100) - 9.936rem);background-color:#fff;padding-bottom:6.25rem}
.pb0 #container{min-height:calc((var(--vh, 1vh) * 100) - 3.75rem)}
.pb80 #container{min-height:calc((var(--vh, 1vh) * 100) - 8.75rem)}
#container .contents{margin:0 auto;padding:1.25rem 1.25rem 0}
#container > .contents:first-child{padding-top:1.25rem}
.page_tit_area {margin-bottom:1.25rem}
.page_tit_area .page_tit{font-weight:700;font-size:1.5rem}
.page_tit_area .page_tit + p{margin-top:0.5rem}
.page_tit_area .page_txt{color:#767676;font-size:0.875rem}
.board_top{display:flex;align-items:center;margin-bottom:0.75rem}
.board_top .tit{font-weight:600;font-size:0.875rem;line-height:1}
.board_top .left,.board_top .right{display:flex;align-items:center;column-gap:1rem}
.board_top .right{margin-left:auto}
.board_top .right .btn_txt{font-weight:400;font-size:0.875rem;color:#767676}
.board_top .total_num{display:flex;align-items:center;column-gap:0.25rem;font-size:0.875rem;line-height:1}
.section + .section{margin-top:2.5rem}
.section .tit_area{display:flex;align-items:center;margin-bottom:0.75rem}
.section .tit_area .tit{font-weight:700;font-size:1rem;line-height:1}
.section .tit_area .btn_more{margin-left:auto;padding-left:1.375rem;font-size:0.75rem;font-weight:700;line-height:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z'/%3E%3C/svg%3E") no-repeat 0 50%;background-size:1.25rem}
.sec{overflow:hidden;padding:2.75rem 1.25rem 3.188rem;border-bottom:1px solid #f0f0f0}
.sec .sec_tit{margin-bottom:1.25rem;font-size:1.25rem}
.sec_tit_area{display:flex;align-items:flex-end;margin-bottom:1.5rem}
.sec_tit_area .sec_tit{font-size:1.25rem;font-weight:700;line-height:1}
.sec_tit_area .total_num{margin-left:auto;color:#333;font-size:0.875rem;line-height:1}
.sec_tit_area .total_num b{margin:0 0.25rem;color:#000}
.sec_tit_area .total_num .mo{display:none}
.search_sec{padding:1.25rem 0 2.5rem}
.search_sec + .search_sec{width:calc(100% + 2.5rem);margin:0 -1.25rem;padding:1.875rem 1.25rem 2.5rem;border-top:0.5rem solid #f7f7f7}
.search_sec:last-child{padding-bottom:0}
.full_btn_list{display:flex;column-gap:0.5rem}
.full_btn_list li{flex:1}
.full_btn_list li a{display:flex;align-items:center;justify-content:center;position:relative;padding:0.688rem 0;color:#fff;font-size:0.875rem;line-height:1;background-color:#000}
.full_btn_list.wh_type li a{color:#333;background-color:#fff}
.full_btn_list.wh_type li a:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #dbdbdb;box-sizing:border-box}
.fixed_bottom_area{position:fixed;bottom:0;left:0;width:100%;padding:0.938rem 0 1rem;border-top:1px solid #dbdbdb;background-color:#fff;box-shadow:0 -5px 30px 0 rgba(0, 0, 0, 0.06);z-index:300}
.sorting_box{display:flex;flex-wrap:wrap;align-items:center;padding:0.688rem 1.25rem;background-color:#f9f9f9}
.sorting_box > *{display:flex;align-items:center;color:#333;font-size:0.875rem;line-height:1}
.sorting_box .right{column-gap:1.5rem;margin-left:auto}
.sorting_box .select{width:6rem}
.sorting_box .select + .txt{margin-left:0.25rem}
.sorting_box .txt + .select{margin-left:-0.75rem}
.sorting_box .select.w216{width:13.5rem}
.sorting_box .btn{height:1.25rem;padding:0;color:#767676;border:0}
.sorting_box .date_list{display:flex;flex-wrap:wrap;column-gap:1.25rem}
.sorting_box .date_list li{display:flex;flex-wrap:wrap;color:#333;font-size:0.875rem}
.sorting_box .date_list li span{display:flex;align-items:center;color:#767676}
.sorting_box .date_list li span:after{content:'';width:3px;height:3px;margin:0 0.25rem;border-radius:50%;background-color:#767676}
.policy_box .tit{display:block;font-weight:600;line-height:1}
.policy_box .cont li{position:relative;padding-left:0.375rem;color:#767676;font-size:0.875rem}
.policy_box .cont li + li{margin-top:0.25rem}
.policy_box .cont li:before{content:'';position:absolute;top:0.563rem;left:0;width:0.125rem;height:0.125rem;border-radius:50%;background-color:#767676}
.policy_box .checkbox{display:flex;flex-wrap:wrap}
.policy_box .checkbox :checked ~ label .fw500{font-weight:600 !important}
.policy_box .btn_policy{color:#767676;font-size:0.875rem;line-height:1.125rem}
.policy_box .btn_area{gap:0.5rem;width:100%;margin-top:0}
.policy_box .btn{width:100%;margin-right:0 !important}
.noti_box{margin-bottom:1.25rem;padding:1rem;font-size:0.875rem;border-radius:0.5rem;background-color:#f9f9f9}
.noti_box .tit{display:block;margin-bottom:0.75rem;line-height:1}
.noti_box ul li{position:relative;padding-left:0.688rem;color:#333}
.noti_box ul li + li{margin-top:0.5rem}
.noti_box ul li:before{content:'';position:absolute;top:0.625rem;left:0;width:0.188rem;height:0.188rem;border-radius:50%;background-color:#333}
.slide_area{position:relative}
.slide_area .slide img{width:100%}
.slide_area .indicator{display:flex;align-items:center;position:absolute;top:1rem;right:1rem;height:1.25rem;padding:0 0.5rem;font-size:0.75rem;font-family:'Montserrat';line-height:1;border-radius:99px;background-color:rgba(255, 255, 255, 0.40)}
.slide_area .indicator b:after{content:'';display:inline-block;width:0.125rem;height:0.125rem;margin:0.313rem 0.125rem 0;vertical-align:top;border-radius:50%;background-color:#000}
.setting_list > li{padding:0 1.25rem;background-color:#fff}
.setting_list > li + li{border-top:0.5rem solid #f9f9f9}
.setting_list > li .tit{display:block;margin-bottom:0.5rem;padding-top:1.25rem;color:#a5a5a5;font-size:0.875rem;font-weight:500;line-height:1}
.setting_list > li .link_list li + li{border-top:1px solid #f0f0f0}
.setting_list > li .link_list li a{display:flex;align-items:center;padding:1.25rem 2rem 1.25rem 0;font-weight:500;line-height:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E") no-repeat 100% 50% / 1.5rem}
.setting_list > li .link_list li a span{margin-left:auto;color:#00c7c2;font-weight:500}
.swiper-slide img{width:100%}
.swiper-pagination-fraction{display:inline-flex;align-items:center;position:absolute;left:auto !important;right:1rem;width:auto !important;font-size:0}
.swiper-pagination-fraction > span{font-size:0.75rem;font-family:'Montserrat';line-height:1}
.swiper-pagination-fraction > span + span:before{content:'';display:inline-block;width:0.125rem;height:0.125rem;margin:0.313rem 0.125rem 0;vertical-align:top;border-radius:50%;background-color:#000}
.swiper-pagination-fraction .swiper-pagination-current{font-weight:700}

/*** footer ***/
#footer{position:relative;/*top:1.562rem;*/}

.footer{background-color:#f6f6f6;padding:2.5rem 1.25rem 3.75rem}
.footer{position:relative}
.foot_newsletter{display:flex;align-items:center;position:relative;width:100%}
.foot_newsletter img{width:100%;aspect-ratio:1/0.24428}
.footer .foot_top{display:flex;align-items:center}
.footer .foot_tit{display:block;font-weight:600;font-size:1rem;line-height:1.25rem;color:#767676}
.footer .foot_tit a{display:block;position:relative;font-weight:inherit;color:inherit;padding-right:1.75rem}
.footer .foot_tit a:after{content:'';display:block;position:absolute;top:0;right:0;width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E") no-repeat 0 0 / cover}
.footer .foot_tit.active a:after{transform:rotate(180deg)}
.footer .policy_list{display:flex;width:100%;margin-top:2rem}
.footer .policy_list li:not(:last-child){position:relative;padding-right:1rem}
.footer .policy_list li:not(:last-child):after{content:'';position:absolute;top:0;right:calc((1rem - 1px) / 2);width:1px;height:0.75rem;background-color:#dbdbdb}
.footer .policy_list li a{display:block;color:#767676;font-weight:500;font-size:0.75rem;line-height:1}
.footer .copyright{margin-top:1rem;color:#a5a5a5;font-weight:400;font-size:0.687rem;line-height:1.5}
.footer .copyright span{display:block}
.footer .sns_list{display:flex;gap:1.25rem;margin-left:auto}
.footer .sns_list li a{display:block;width:1.25rem;height:1.25rem;background-repeat:no-repeat;background-position:50% 50%;background-size:100%}
.footer .sns_list li .apple{background-image:url(../images/icon/ico_apple.png)}
.footer .sns_list li .googleplay{background-image:url(../images/icon/ico_googleplay.png)}
.footer .sns_list li .oneStore{background-image:url(../images/icon/ico_oneStore.png)}
.footer .sns_list li .ch_kakao{background-image:url(../images/icon/ico_ch_kakao.png)}
.footer .sns_list li .mail{background-image:url(../images/icon/ico_contact_mail.png)}
.footer .foot_info{display:none;padding-top:1.5rem}
.footer .foot_info li{margin-top:0.5rem;color:#a5a5a5;font-size:0.875rem;line-height:1}
.footer .foot_info li:nth-child(2),
.footer .foot_info li:nth-child(3){display:inline-block;margin-right:1.125rem;vertical-align:top}
#footNav{position:fixed;bottom:0;width:100%;box-shadow:0 0 0.938rem 0 rgba(0, 0, 0, 0.10);z-index:111;transition:bottom 0.3s}
#footNav .util_btns{visibility:hidden;display:flex;flex-direction:column;gap:0.5rem;position:absolute;right:1.25rem;bottom:6.437rem;opacity:0;transition:all linear .4s}
#footNav .util_btns.active{visibility:visible;bottom:7.437rem;opacity:1}
#footNav .util_btns a{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%}
#footNav .util_btns .menu{position:relative}
#footNav .util_btns .menu .btn_more_menu{overflow:hidden;display:block;position:relative;background-color:rgba(0,0,0,0.8)}
#footNav .util_btns .menu .btn_more_menu:before{content:'';display:block;width:100%;height:100%;margin-top:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M6 22q-1.25 0-2.125-.875T3 19V5q0-1.25.875-2.125T6 2h11v16H6q-.425 0-.712.288T5 19t.288.713T6 20h13V4h2v18zm3-6h6V4H9zm-2 0V4H6q-.425 0-.712.288T5 5v11.175q.25-.075.488-.125T6 16zM5 4v12.175z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1.5rem;transition:margin ease-in-out .3s}
#footNav .util_btns .menu .btn_more_menu:after{content:'';display:block;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1.5rem}
#footNav .util_btns .menu > ul{position:relative;z-index:-1}
#footNav .util_btns .menu > ul li{visibility:hidden;position:absolute;right:0;bottom:0;transition:all ease-in-out .5s}
#footNav .util_btns .menu > ul a{background-color:rgba(25, 39, 168, 0.85);font-weight:500;font-size:0.75rem;color:#fff;line-height:1.3}
#footNav .util_btns .menu.active .btn_more_menu:before{margin-top:-100%}
#footNav .util_btns .menu.active > ul li{visibility:visible}
#footNav .util_btns .menu.active > ul li:nth-child(1){bottom:3.75rem}
#footNav .util_btns .menu.active > ul li:nth-child(2){bottom:7.5rem}
#footNav .util_btns .menu.active > ul li:nth-child(3){bottom:11.25rem}
#footNav .btn_top{position:relative;width:3.25rem;height:3.25rem;border-radius:50%;background:rgba(0,0,0,.6) url(../images/common/btn_top.svg) no-repeat 50% 50%;background-size:0.688rem}

#footNav .nav{display:flex;justify-content:center;position:relative;background-color:rgba(255, 255, 255, 0.80);-webkit-backdrop-filter:blur(0.938rem);backdrop-filter:blur(0.938rem);padding:1rem 0 2.25rem;z-index:10}
#footNav .nav ul{position:relative;display:flex;width:100%}
#footNav .nav li{flex:1;position:relative;z-index:1}
#footNav .nav li > a{display:block;min-width:3rem;color:#767676;font-size:0.812rem;line-height:1;text-align:center}
#footNav .nav li:first-child > a{padding-left:0.5rem}
#footNav .nav li > a:before{content:'';display:block;width:1.5rem;height:1.5rem;margin:0 auto 0.625rem;background-repeat:no-repeat;background-position:0 0;background-size:100%}
#footNav .nav li > a.ico_menu:before{background-image:url(../images/icon/ico_menu.svg)}
#footNav .nav li > a.ico_rocket:before{background-image:url(../images/icon/ico_rocket.svg)}
#footNav .nav li > a.ico_home:before{background-image:url(../images/icon/ico_home.svg)}
#footNav .nav li > a.ico_talk:before{background-image:url(../images/icon/ico_talk.svg)}
#footNav .nav li > a.ico_mypage:before{background-image:url(../images/icon/ico_mypage.svg)}
#footNav .nav li.active > a{color:#000;font-weight:700}
#footNav .nav li.active > a:before{background-position:0 -1.875rem}
#footNav .util_btns + .nav{background-color:rgba(255, 255, 255, 0.80);box-shadow:0 -0.313rem 0.438rem 0 rgba(0, 0, 0, 0.04);-webkit-backdrop-filter:blur(0.938rem);backdrop-filter:blur(0.938rem)}
#footNav:has(> .foot_challenge){box-shadow:0 -0.313rem 0.438rem 0 rgba(0, 0, 0, 0.04)}

.challenge_bottom{display:flex;align-items:center;position:fixed;bottom:0;width:100%;max-width:488px;margin:0 auto;padding:0 2.5rem 1rem;background-color:#000;z-index:111}
.challenge_bottom .guide{display:flex;align-items:center;height:4rem}
.challenge_bottom .guide p{color:#ffff;font-size:0.875rem;font-weight:600;line-height:1}
.challenge_bottom .guide > p:not(:last-child):not(#joinCntTxt):after{content:'';display:inline-block;width:0.188rem;height:0.188rem;margin:0.313rem 0.25rem 0;vertical-align:top;border-radius:50%;background-color:#fff}
.challenge_bottom .btn{height:4rem;padding:0;color:#fff;font-size:1.125rem;font-weight:700;border:0}
.challenge_bottom:not(.whole_btn) .btn.disabled{color:#808080;font-weight:700}
.challenge_bottom .btn:only-child{width:100%}
.challenge_bottom .btn:not(:only-child){margin-left:auto}
.challenge_bottom .btn:not(:only-child){padding-right:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M16.175 13H4v-2h12.175l-5.6-5.6L12 4l8 8l-8 8l-1.425-1.4z'/%3E%3C/svg%3E") no-repeat 100% 50%;background-size:1.25rem}
.challenge_bottom .btn:not(:only-child).disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23808080' d='M16.175 13H4v-2h12.175l-5.6-5.6L12 4l8 8l-8 8l-1.425-1.4z'/%3E%3C/svg%3E")}
.challenge_bottom .btn.no_arrow{background-image:none;color:#dbdbdb;font-weight:500;padding-right:0}
.challenge_bottom .btn:not(:only-child).disabled.no_arrow{background-image:none;font-weight:500}
.challenge_bottom .btn.btn_open_alarm_on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m10.95 16.55l5.65-5.65l-1.425-1.425L10.95 13.7l-2.125-2.125L7.4 13zM12 22q-1.875 0-3.512-.712t-2.85-1.925t-1.925-2.85T3 13t.713-3.512t1.924-2.85t2.85-1.925T12 4t3.513.713t2.85 1.925t1.925 2.85T21 13t-.712 3.513t-1.925 2.85t-2.85 1.925T12 22M5.6 2.35L7 3.75L2.75 8l-1.4-1.4zm12.8 0l4.25 4.25l-1.4 1.4L17 3.75zM12 20q2.925 0 4.963-2.037T19 13t-2.037-4.962T12 6T7.038 8.038T5 13t2.038 4.963T12 20'/%3E%3C/svg%3E")}
.challenge_bottom .btn.btn_open_alarm_off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m19.95 17.25l-1.5-1.5q.275-.675.413-1.312T19 13.1q0-2.9-2.05-5T12 6q-.7 0-1.35.113t-1.3.387L7.85 5q.95-.5 1.988-.75T12 4q1.85 0 3.488.7t2.862 1.938t1.938 2.887T21 13.1q0 1.125-.275 2.163t-.775 1.987M21.25 8L17 3.75l1.4-1.4l4.25 4.25zm-.75 15.4l-3.15-3.15q-1.125.825-2.488 1.288T12 22q-1.85 0-3.488-.7T5.65 19.4t-1.937-2.825T3 13.1q0-1.55.463-2.912T4.8 7.7l-.85-.85l-1.2 1.2l-1.4-1.4l1.2-1.2L.7 3.6l1.4-1.4L21.9 22zM12 20.025q1.05 0 2.05-.325t1.85-.9L6.2 9.15q-.575.875-.887 1.888T5 13.1q0 2.9 2.05 4.913T12 20.025m1.9-8.9'/%3E%3C/svg%3E")}
.challenge_bottom.whole_btn{box-shadow:0 -0.313rem 1.875rem 0 rgba(0,0,0,0.1)}
.challenge_bottom.whole_btn .btn:only-child{flex-shrink:0;width:calc(100% + (2.5rem * 2));height:5rem;margin-left:-2.5rem;margin-bottom:-1rem;padding-bottom:1rem}
.challenge_bottom .only_txt{display:flex;align-items:center;justify-content:center;width:100%;height:4rem;padding:0;color:#fff;font-size:0.875rem;font-weight:600;border:0}
.gnb_active .challenge_bottom{display:none}

.foot_challenge{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;background-color:rgba(255,255,255,.7);box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.04);-webkit-backdrop-filter:blur(0.938rem);backdrop-filter:blur(0.938rem);transition:0.3s 0.3s}
.foot_challenge .top_area{display:flex;align-items:center;border-bottom:1px solid rgba(0, 0, 0, 0.05);padding:0.75rem 1.25rem 0.687rem;transition:border-color 0.3s}
.foot_challenge .top_area .name_wrap{display:flex;align-items:center;column-gap:0.5rem}
.foot_challenge .top_area .name_wrap .img{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;overflow:hidden}
.foot_challenge .top_area .name_wrap .img img{width:100%;height:100%;object-fit:cover;object-position:top}
.foot_challenge .top_area .name_wrap .img.no_img{background:#f6f6f6 url(../images/contents/user_no_img.svg) no-repeat 50% 50% / 1.25rem}
.foot_challenge .top_area .name_wrap .img.no_img img{display:none}
.foot_challenge .top_area .name_wrap .name{width:calc(100% - 2rem);font-weight:600;font-size:0.875rem;line-height:1}
.foot_challenge .top_area .state_wrap{display:flex;align-items:center;column-gap:1rem;flex:none;margin-left:auto}
.foot_challenge .top_area .state_wrap > p{font-size:0.875rem;line-height:1}
.foot_challenge .top_area .state_wrap .num{font-weight:700;color:#1927a8;padding-left:0.375rem}
.foot_challenge .top_area .btn_arr_down:after{width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E");transform:rotate(180deg)}
.foot_challenge .cont{display:none;overflow-y:auto;max-height:50vh;padding:1.25rem 1.25rem 1.75rem}
.foot_challenge .cont .my_challenge .rate{flex-wrap:initial;column-gap:0.5rem}
.foot_challenge .nodata{height:auto}
.foot_challenge .nodata strong{font-size:1rem;font-weight:700;line-height:1.5}
.foot_challenge .nodata .btn_area{margin-top:0.25rem}
.foot_challenge .nodata .btn_area .btn{width:auto;font-size:0.75rem;font-weight:400}
.challenge_active .foot_challenge{background-color:#fff;transition-delay:0s}
.challenge_active .foot_challenge .top_area {border-bottom-color:transparent}
.challenge_active .foot_challenge .top_area .btn_arr_down:after{transform:rotate(0deg)}
.challenge_active #footNav .util_btns{display:none}

.scroll_down:not(.dn_footer) #wrap,
.scroll_down #wrap.main.pb{padding-bottom:0}
/*.scroll_down #wrap.main{padding-bottom:3.5rem}*/
#wrap.main.pb #footNav .util_btns.active{bottom:10.937rem}
.scroll_down #footNav{bottom:-6.25rem}
.scroll_end:not(.dn_footer) #footNav{bottom:-6.25rem !important}
.dn_footer #footNav,
.dn_footer.scroll_down #footNav{bottom:0}
/*border-radius:12px 12px 0px 0px;
background:rgba(255, 255, 255, 0.80);
box-shadow:0px -5px 7px 0px rgba(0, 0, 0, 0.04);
backdrop-filter:blur(15px);*/


.pc_embed_wrap{display:none}
@media screen and (min-width:489px){
    body{background-color:#f8f9fa}
    #gnb{visibility:hidden;left:50% !important;margin-left:-244px;opacity:0;transition:opacity ease-in-out .3s}
    .gnb_active #gnb{visibility:visible;opacity:1}
    #wrap{box-shadow:0 0 0.5rem 0 rgba(0, 0, 0, 0.06), 0 0 3.625rem 0 rgba(0,0,0,0.12)}
    .pc_embed_wrap{display:block}
    .pc_embed{position:fixed;left:50%;width:320px;transition:margin-left 0.3s}
    .pc_embed.left{display:flex;flex-direction:column;justify-content:center;top:0;transform:translate(-50%,0);height:100%;margin-left:calc(-244px - 160px - 100px)}
    .pc_embed.left .sec{border-bottom:0;padding:0;transition:0.3s;overflow:initial}
    .pc_embed.left .sec + .sec{position:absolute;bottom:104px;left:0;margin-top:8.937rem}
    .pc_embed.left .sec_tit_area{display:flex;align-items:center;column-gap:0.75rem;margin-bottom:2.5rem}
    .pc_embed.left .sec_tit_area .logo{width:3.5rem;height:3.5rem;border-radius:0.937rem;background:url(../images/common/logo_pc.png) no-repeat 0 0 / cover}
    .pc_embed.left .search{overflow:hidden;background-color:#e9ecef}
    .pc_embed.left .search input{height:3.25rem;font-size:1rem;padding-right:0}
    .pc_embed.left .search input::placeholder{color:#333}
    .pc_embed.left .search input:-webkit-autofill,
    .pc_embed.left .search input:-webkit-autofill:hover,
    .pc_embed.left .search input:-webkit-autofill:focus,
    .pc_embed.left .search input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #e9ecef inset !important}
    .pc_embed.left .search .btn_search{top:0.375rem;right:0.375rem;width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(93deg, #5c6afd 4.34%, #425cc7 96.41%)}
    .pc_embed.left .search .btn_search:before{content:'';display:inline-block;position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m19.6 21l-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5q0-2.725 1.888-4.612T9.5 3q2.725 0 4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l6.3 6.3zM9.5 14q1.875 0 3.188-1.312T14 9.5q0-1.875-1.312-3.187T9.5 5Q7.625 5 6.313 6.313T5 9.5q0 1.875 1.313 3.188T9.5 14'/%3E%3C/svg%3E") no-repeat 0 0 / cover;transform:translate(-50%,-50%)}
    .pc_embed.left .keyword_list{display:flex;flex-wrap:wrap;gap:0.375rem;margin-top:1.75rem}
    .pc_embed.left .keyword_list > li .btn{position:relative;min-height:2.125rem;height:auto;border-radius:7.187rem;font-weight:500;font-size:0.875rem;padding:0 0.937rem}
    .pc_embed.left .keyword_list > li .btn > p{position:relative;z-index:1}
    .pc_embed.left .download_area{display:flex;align-items:center;column-gap:0.75rem;margin-top:2rem}
    .pc_embed.left .download_area .qr{width:3rem;height:3rem}
    .pc_embed.left .download_area .qr img{width:100%;height:100%;object-fit:cover}
    .pc_embed.left .download_area .text_box strong{font-weight:600;font-size:1.125rem;line-height:1}
    .pc_embed.left .download_area .text_box p{font-size:0.875rem;line-height:1;margin-top:0.5rem}

    .pc_embed.right{top:50%;transform:translate(-50%,-50%);margin-left:calc(244px + 160px + 100px)}
    .pc_embed.right .dokpa_intro{background-color:#fff;border-radius:1.25rem;box-shadow:0 0 1.5rem 0 rgba(206,212,218,0.08);padding:2rem;overflow:hidden}
    .pc_embed.right .dokpa_intro .tit{font-size:1.25rem}
    .pc_embed.right .dokpa_intro .tit span{display:inline-block;color:#425cc7}
    .pc_embed.right .dokpa_intro .worry_list{width:calc(100% + (0.5rem * 2));margin-top:1.5rem;margin-left:-0.5rem}
    .pc_embed.right .dokpa_intro .worry_list > li + li{margin-top:0.5rem}
    .pc_embed.right .dokpa_intro .worry_list > li .box{position:relative;width:100%;height:4.25rem;background-color:#fff;border-radius:0.75rem;box-shadow:0 0 1.5rem 0 rgba(83,84,149,0.1)}
    .pc_embed.right .dokpa_intro .worry_list > li .box:before{content:'';display:block;position:absolute;bottom:0;left:0.5rem;width:3.75rem;height:4.25rem;background-repeat:no-repeat;background-position:0 0;background-size:cover}
    .pc_embed.right .dokpa_intro .worry_list > li:nth-child(1) .box:before{background-image:url(../images/contents/img_worry_person01.png)}
    .pc_embed.right .dokpa_intro .worry_list > li:nth-child(2) .box:before{background-image:url(../images/contents/img_worry_person02.png)}
    .pc_embed.right .dokpa_intro .worry_list > li:nth-child(3) .box:before{background-image:url(../images/contents/img_worry_person03.png)}
    .pc_embed.right .dokpa_intro .worry_list .box .text_wrap{display:flex;justify-content:center;flex-direction:column;height:100%;padding-left:4.5rem;padding-right:0.75rem}
    .pc_embed.right .dokpa_intro .worry_list .box .text_wrap > p{font-size:0.875rem;line-height:1}
    .pc_embed.right .dokpa_intro .worry_list .box .text_wrap > strong{display:block;font-size:0.937rem;line-height:1;color:#425cc7;letter-spacing:-0.01rem;margin-top:0.412rem}
    .pc_embed.right .dokpa_intro .worry_list + p{width:calc(100% + (0.5rem * 2));margin-top:1.5rem;margin-left:-0.5rem}
    .pc_embed.right .dokpa_intro .btn_area{margin-top:1rem}
    .pc_embed.right .dokpa_intro .btn_area .btn{width:auto;height:3.25rem;background:linear-gradient(93deg, #5c6afd 4.34%, #425cc7 96.41%);border-radius:1.625rem;font-weight:700;line-height:1.3;color:#fff;padding:0 2.5rem}

    @media screen and (max-width:1540px){
        .pc_embed.left{margin-left:calc(-244px - 160px - 50px)}
        .pc_embed.right{margin-left:calc(244px + 160px + 50px)}
    }
    @media screen and (max-width:1280px){
        .pc_embed.left{margin-left:calc(-244px - 160px - 20px)}
        .pc_embed.right{margin-left:calc(244px + 160px + 20px)}
    }
    @media screen and (max-width:1280px){
        .pc_embed_wrap{display:none}
    }
    @media screen and (max-height:900px){
        .pc_embed.left{justify-content:flex-end;padding:40px 0}
        .pc_embed.left .sec + .sec{position:relative;bottom:auto;margin-top:4.25rem}
    }
    @media screen and (max-width:488px){
        .mo_bg_black{background-color:#000}
    }
}