/* BASIC css start */
#footer { clear:both; margin-top:36px; padding-bottom:40px}

/* Çϴܸ޴º */
#headerBtmWrap {position:fixed;bottom:0;left:0;right:0;z-index:1002;height:50px;/* background: rgba(255,255,255,1); */}
#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;background: #fff; z-index: 1; position: relative; }
#headerBtmWrap .headerBtmInfo > a span {display:block;  height:24px}
#headerBtmWrap .headerBtmInfo em{font-size:11px; display:block; line-height:1;margin-top: 5px;}



#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 .cart > span img {height: 30px; margin-top: -3px;}
#headerBtmWrap .headerBtmInfo .category > span img {height: 30px; margin-top: -3px;}

#headerBtmWrap .headerBtmInfo .round { margin-top:-8px; position:relative; height:auto;padding: 0;background: none;z-index:1}
#headerBtmWrap .headerBtmInfo .round:before {content:""; display:inline-block; height:35px; background:#fff; width:100%; position:absolute; left:0; bottom:-3px}
#headerBtmWrap .headerBtmInfo .round > span {position:relative; width:56px; height:56px; border-radius:100%;background: url(/design/pippin1/renew/mo/images/common/icn_menu.png)no-repeat center/contain;margin: 0 auto; position:relative;}
#headerBtmWrap .headerBtmInfo .round > span > em  {margin-top:0; color:#000 ;position: absolute;top: calc(50% - 7px);left: 0;width: 100%;text-align: center;line-height:1;}



#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 3px 4px;}
#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 3px 4px;}

.btn_toggle_area {display: none;position: fixed;bottom: 80px;right: 14px;z-index: 10;/* text-align:center; */}
.btn_toggle_area a {display: block;}
.btn_toggle_area a.btn_up {line-height: 32px;width: 30px;height: 30px;margin-bottom: 5px;position: relative;left:0;color:#111;font-size: 16px;text-align: center;background-color: rgba( 255, 255, 255, 0.8 );border:1px solid #ddd;border-radius: 100%;}
.btn_toggle_area a.btn_down {line-height: 36px;width: 30px;height: 30px;margin-bottom:10px; position: relative;left:0px; color:#111;font-size: 16px;text-align: center;background-color: rgba( 255, 255, 255, 0.8 );border:1px solid #ddd;border-radius: 100%;}
.btn_toggle_area a.btn_kakao {position: relative;left: 1px;padding-bottom:10px;}
.btn_toggle_area a.btn_kakao img {width: 30px;}
.btn_toggle_area a.btn_navetalk {position: relative;left: 4px;}
.btn_toggle_area a.btn_navetalk img{width: 26px;}
.btn_toggle_area a.btn_insta {position: relative;left: 2px;padding-bottom: 10px}
.btn_toggle_area a.btn_insta img {width: 28px;}


.footerToggleWrap {/* padding-top:30px *//* padding-bottom: 70px; */}
.dropArea:first-child {/* border-top:1px solid #ccc */}
.dropArea span.toggle-sub{margin-right: 14%;position: absolute;right: 0px;margin-top: 10px;transform: translateY(-50%);font-size: 14px;color: #999;font-weight: normal;}
.dropArea {border-top: 1px solid #ececec;}
.dropArea:last-child {border-bottom: 1px solid #ececec;}
.dropArea .slideToggleBtn {position: relative;padding: 18px 20px;margin-bottom: 0;font-size: 14px;font-weight: 600;color: #111;}
.dropArea .slideToggleBtn span{font-weight:normal !important; font-size:12px; color:#999; margin-left:6px}
.dropArea .slideToggleBtn:after {float:right;font-family :  xeicon;content:"\e9c5";font-weight: normal;font-size: 16px;margin-top: 0px;}
.dropArea .slideToggleBtn.active:after { content:"\e9c1";}
.dropArea .slideToggleBtn .tel{position: absolute;    right: 15%;}
.dropArea .slideToggleBtn .tel a{color:#fa5500;}
.dropArea .slideToggleBtn .tel img{width:15px;height:15px;margin-right:5px;}
.dropArea .change{position: relative;padding: 18px 20px;margin-bottom: 0;font-size: 14px;font-weight: bold;color: #111;}
.dropArea .slideToggleCont {display:none;padding: 0px 20px 18px 20px;text-align: left;line-height: 1.75;font-size: 13px;color: #909090;background: #f8f8f8;}
.dropArea .slideToggleCont .detail-content-list li strong.pcolor{color: #d2202d;}
.dropArea .slideToggleCont .mt-remove{margin-top: 0 !important;}
.dropArea .slideToggleCont img { max-width:100% }
.dropArea .slideToggleCont .detail-content-title{font-size: 14px;color: #111;font-weight: bold;line-height: 23px;margin-top: 30px;}
.dropArea .slideToggleCont .detail-content-list {padding-top: 10px;}
.dropArea .slideToggleCont .detail-content-list li {line-height:1.75;font-size: 12px;color: #909090;margin-left: 1px;}
.dropArea .slideToggleCont .detail-content-list li a.deco-underline { text-decoration: underline;}
.dropArea .slideToggleCont .detail-content-list dt {line-height:1.75;font-size: 12px;color: #909090;margin-left: 1px;/* display:inline-block; */width: 24%;float: left;font-weight: bold;}
.dropArea .slideToggleCont .detail-content-list dd { float:left; width:74%;font-size: 12px;}
.dropArea .slideToggleCont .detail-content-list dl{overflow:hidden; }
.dropArea .slideToggleCont .detail-content-list:after{content:''; clear:both; display:block}


.dropArea .slideToggleCont .detail-content-list li.areaBox{display:inline-block;background-color:#fff;border:1px solid #ececec;width: 48%;margin-bottom: 0px;margin-top: 5px;}
.dropArea .slideToggleCont .detail-content-list li.areaBox a{padding: 6px 0px;text-align:center;display:block;}

.privacy{margin: 10px 18px;}
.privacy a{padding-right:10px; display:inline-block; width:44%; border:1px solid #ddd; margin:1% ; text-align:center; padding:1%}
.copyright{font-size: 11px;line-height: 18px;margin:10px 20px;text-align:center; padding-bottom:24px}


.nonDropMenu{position: relative;padding: 18px 20px ;margin-bottom: 0;font-size: 14px;font-weight: 600;color: #111;border-bottom: 1px solid #ececec;}
.nonDropMenu .ft_sns{position: absolute; right: 16px;  top: 10px; overflow: hidden;}
.nonDropMenu .ft_sns a {display:inline-block}
.nonDropMenu .ft_sns a img{    width: auto; height: 30px;}


/* ÀνºÅ¸±×·¥ */
.instaWrap { border-bottom: 1px solid #ddd; margin-bottom: -1px;margin-top: 40px; }
.instaWrap .instaName {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    width: 121px;
    text-align: center;
    margin: 0px auto;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    }
.instaWrap .bigtit {display: block;font-size: 15px;color: #000;font-weight: 500;}
.instaWrap .smtit {font-size: 8.5px !important;color: #000;}

#headerBtmWrap.slideUp{display:none; }
#headerBtmWrap.slideDown {display:block; }



.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:11px; margin-top:5px; }
.layer_greendot .section_recognition .sr_btn_greendot .blind {position:relative; display: flex; justify-content: center; align-items: center; width:100%; height:100%; background:url('/design/pippin1/renew/mo/images/common/icn_menu.png')no-repeat center/contain; }
.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:32px}

@media (orientation: portrait) and (min-width: 414px), (orientation: landscape) and (min-height: 414px) {
    .layer_greendot .lg_slot_wrap {
        bottom: -32px;
        height: 335px;
    }
}



/* BASIC css end */