/* BASIC css start */
#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;}

.btn_toggle_area {display:none; position:fixed; z-index:1000; bottom:80px; right:10px;}
.btn_toggle_area a {margin-top:10px; display:block; width:40px; height:40px; border-radius:40px; box-sizing:border-box; }
.btn_toggle_area a.btn_up {  background:rgba(255,255,255,0.8); color:#000; font-size:11px; border:1px solid #dfdfdf; text-align:center; font-weight:600; box-sizing:border-box; padding-top:5px;}
.btn_toggle_area a.kakao {background:#fae100;color:#000;font-size:11px;text-align:center;font-weight:600;box-sizing:border-box;padding: 9px;}

.fixed_kakao {position:fixed; z-index:1000; bottom:130px; right:10px; margin-top:10px; display:block; width:40px; height:40px; border-radius:40px; box-sizing:border-box; background:#fae100;color:#000;font-size:11px;text-align:center;font-weight:600;box-sizing:border-box;padding: 9px;}


@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);
    }
}
/* BASIC css end */