/* BASIC css start */
<style>
/* ±âº»ÀûÀ¸·Î ÀνºÅ¸±×·¥(¾Û¿ë)Àº ¼û±é´Ï´Ù */
.ode-app-only { display: none !important; }
.ode-web-only { display: block !important; }

/* ¾Û Á¢¼Ó ½Ã (½ºÅ©¸³Æ®°¡ body¿¡ Ŭ·¡½º¸¦ ºÙ¿´À» ¶§) */
body.is-ode-app .ode-app-only { display: block !important; }
body.is-ode-app .ode-web-only { display: none !important; }

/* ±×¸°´å ³»ºÎ¿¡¼­ űװ¡ ²¿ÀÌ´Â °ÍÀ» ¹æÁöÇϱâ À§ÇÑ ½ºÅ¸ÀÏ */
.ode-gnb-item { display: flex !important; justify-content: center; }
</style>


#footer {margin-top:50px;}
#footer .footerSection {border-bottom:1px solid #ddd; line-height:1.4;}
#footer .footerSection .footerSectionWrap {display:none; padding:0 20px 20px;}
#footer .footerSection h2 {position:relative; padding:18px 0; padding-left:20px; font-size:18px; font-weight:800; color:#000; line-height:1;}
#footer .footerSection h2:after {content:"\e941"; font-family:xeicon; font-size:18px; position:absolute; right:20px; top:50%; margin-top:-9px;}
#footer .footerSection.active h2:after {content:"\e944";}
#footer .footerSection .footerSectionWrap .tel {font-size:30px; font-weight:700; color:#000; line-height:1; margin-bottom:15px;}
#footer .footerSection .footerSectionWrap span {display:block; font-size:13px; color:#777;}
#footer .footerSection .footerSectionWrap .bank {font-size: 13px; color: #6f6f6f; margin-bottom:10px;}
#footer .footerSection .footerSectionWrap .title {font-size: 13px; font-weight: normal; color: #6f6f6f; padding: 0 0 5px; margin: 5px 0 0px 0; text-decoration: underline; line-height:1.4;}
#footer .footerSection .footerSectionWrap .btn_area a {display:block; margin-top:10px; background:#fae100; color:#000; font-size:16px; text-align:center; height:40px; line-height:40px;}
#footer .footerSection .footerSectionWrap .btn_area a img {vertical-align:middle; margin-top:-2px; height:20px; margin-right:2px;}
#footer .footerSection .footerSectionWrap .btn_area a:last-child {margin-bottom:0; background:#e6e6e6; color:#000;}
#footer .footerSection .footerSectionWrap ul {font-size:0;}
#footer .footerSection .footerSectionWrap ul li {
    display:inline-block;
    width: 50%;
    margin-bottom: 12px;
    text-align: left;
}
#footer .footerSection .footerSectionWrap ul li:last-child {margin-bottom:0;}
#footer .footerSection .footerSectionWrap ul li * {
    color: #000;
    font-size: calc(max(13px, 1.5vw));
    line-height: 1.5;
}
#footer .footerSection .footerSectionWrap .sns_btn a {display:inline-block; margin-right:5px;}
.fnb {border-bottom:1px solid #ddd;}
.fnb ul { overflow: hidden; display: -webkit-box; box-orient: horizontal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal;}
.fnb ul li { position: relative; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; height: 35px; line-height: 35px; text-align: center; font-size: 11px; color: #666; text-align: center;}
.fnb ul li span { position: absolute; top: 0px; right: 0; display: inline-block; width: 1px; height: 12px; font-weight: normal; color: #D3D3D3; padding: 0; background: none;}
.fnb ul li a {display: block;}

.footer_address {padding: 25px 10px 10px;}
.footer_address li {line-height: 16px; font-size: 11px; text-align: center; color: #666; font-weight: normal;}
.footer_address li b {display: inline-block; font-weight: normal;}
.copyright {padding: 0 10px 75px; line-height: 16px; font-size: 11px; font-weight: normal; text-align: center; color: #000;}
.copyright:after {display: block; content: "Design by Renewwave."; font-weight: normal; font-size: 10px; color: #aaa;}


/* Çϴܸ޴º */
#headerBtmWrap {position:fixed;bottom:0;left:0;right:0;z-index:200;height:50px;}
#headerBtmWrap .headerBtmInfo{position:relative;z-index:10;padding:0 10px;font-size:0;line-height:0;box-sizing:border-box;text-align:center; height:100%; }
#headerBtmWrap .headerBtmInfo > a {display:inline-block; width:20%; vertical-align:top; height:100%; box-sizing:border-box;padding: 6px 0; position:relative; z-index:1}
#headerBtmWrap .headerBtmInfo > a span {display:block;  height:22px; width:22px; margin:0 auto;}
#headerBtmWrap .headerBtmInfo em{font-size: 11px; display: block; line-height: 1;margin-top: 4px; font-weight: 600; color: #000;}
#headerBtmWrap .headerBtmInfo .back {font-size: 24px;}
#headerBtmWrap .headerBtmInfo .home {font-size: 24px;}
#headerBtmWrap .headerBtmInfo .alarm{font-size: 24px;}
#headerBtmWrap .headerBtmInfo .heart {font-size: 24px;}
#headerBtmWrap .headerBtmInfo .login {font-size: 22px;}
#headerBtmWrap .headerBtmInfo .viewPrd {font-size: 24px;}
#headerBtmWrap .headerBtmInfo .round { margin-top:-8px; position:relative; height:auto;padding: 0;}
#headerBtmWrap .headerBtmInfo .round > span {width:52px; height:52px; border-radius:100%; border:1px solid #1e1e1e ;background:#1e1e1e; margin: 0 auto; position:relative; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 17%); animation: ripple 3s infinite;}
#headerBtmWrap .headerBtmInfo .round > span > em  {margin-top:0;color:#fff; display: flex; align-items: center; justify-content: center; width: 100%;line-height:1; height:100%}
#headerBtmWrap .headerBtmInfo .round:before {content:""; display:inline-block; height:35px; background:#fff; width:100%; position:absolute; left:0; bottom:-4px}
#headerBtmWrap .headerBtmInfo:before {position:absolute; bottom:0;left:0;  height:100%; background:#fff; width:calc(50% - 20px); content:'';  border-top-right-radius: 15px; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 17%);}
#headerBtmWrap .headerBtmInfo:after {position:absolute; bottom:0;  right:0; height:100%; background:#fff; width:calc(50% - 20px); content:'';  border-top-left-radius: 15px; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 17%);}

.layer_greendot .lg_slot_wrap {height:335px; }
.layer_greendot .section_recognition .sr_wheel {width: 335px; height: 335px;}
.layer_greendot .section_recognition .sr_tool_a .title {font-size:12px; margin-top:5px; font-weight:600; color:#000;}
.layer_greendot .section_recognition .sr_btn_greendot {width:72px!important; height:72px!important}
.layer_greendot .section_recognition .sr_btn_greendot .blind {position:relative; display: flex; justify-content: center; align-items: center; width:100%; height:100%; background:#1e1e1e; border-radius:100%; color:#fff }
.layer_greendot .section_recognition .sr_btn_greendot .blind em { font-size:12px; }
.layer_greendot .section_recognition .sr_tool_item {width:60px; height:60px; }
.layer_greendot .section_recognition .sr_tool_a .icon img {height:30px;}






@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0px rgba(30,30,30,0.8);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(30,30,30,0);
    }
}





/* [1] Àüü¸¦ °¨½Î´Â ¿ìÃø ÇÏ´Ü °íÁ¤ ¿µ¿ª (½ºÅ©·Ñ Åä±Û ¹× À§Ä¡ Á¦¾î) */
.btn_toggle_area {
    position: fixed !important; 
    display: flex !important;
    flex-direction: column !important; 
    align-items: center !important; 
    justify-content: flex-start !important;
    z-index: 10001 !important; 
    bottom: 75px !important; 
    right: 12px !important;
    width: 44px !important; 
    height: auto !important;
}

/* ô¡ ¸ðµç ÆäÀÌÁö °øÅë: È­¸é ¸Ç À§(½ºÅ©·Ñ 0)ÀÏ ¶§´Â ¹öÆ°À» ÀÚµ¿À¸·Î ¼û±â´Â CSS ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes bta-scroll-reveal {
    from {
        opacity: 0;
        transform: translateY(20px);
        visibility: hidden;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

.btn_toggle_area.scroll-hide {
    animation: bta-scroll-reveal linear both;
    animation-timeline: scroll();
    animation-range: 0px 80px; /* 0px(ÃÖ»ó´Ü)¿¡¼­ ¼û°ÜÁ® ÀÖ´Ù°¡ 80px ½ºÅ©·ÑµÇ¸é 100% Æ¢¾î³² */
}

/* [2] 3°³ ¹öÆ° °øÅë ±âº» Ʋ (±Ô°Ý ¿ÏÀü °á¼Ó ¹× ±ÕÀÏ °£°Ý °­Á¦ ºÎ¿©) */
.btn_toggle_area a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
    padding: 0 !important;
    top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
    margin: 0 0 4px 0 !important; 
}

/* ¸Ç ¾Æ·¡ ¹öÆ°Àº ´ÙÀ½ ¹öÆ°ÀÌ ¾øÀ¸¹Ç·Î ¹Ø ¸¶ÁøÀ» Á¦°Å */
.btn_toggle_area a.btn_down {
    margin-bottom: 0 !important;
}

/* [3] Ä«Ä«¿ÀÅå ¹öÆ° ½ºÅ¸ÀÏ (³ë¶õ ¹è°æ + ·Î°í Á¤Áß¾Ó ½ï) */
.btn_toggle_area a.fixed_kakao {
    background: #fae100 !important;
    border: none !important;
    overflow: hidden !important;
}
.btn_toggle_area a.fixed_kakao img {
    width: 24px !important; 
    height: 24px !important;
    display: block !important;
    object-fit: contain !important; 
    margin: 0 !important;
    padding: 0 !important;
}

/* [4] ¸ÇÀ§·Î / ¸Ç¾Æ·¡·Î È­»ìÇ¥ ¹öÆ° ½ºÅ¸ÀÏ */
.btn_toggle_area a.btn_up,
.btn_toggle_area a.btn_down {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    color: #333333 !important;
    opacity: 0.5 !important; /* 50% ¹ÝÅõ¸í È¿°ú Ãß°¡ */

}

/* ½½¸² ²ª¼è È­»ìÇ¥ ÆùÆ® ¼³Á¤ */
.btn_toggle_area a i {
    font-size: 22px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    display: inline-block !important;
}
/* BASIC css end */