/* BASIC css start */
.footer_banner_wrap{margin:30px 0; background:#FFF;}
.footer_banner_wrap img.banner{display:block; width:100%; max-width:100%; margin-top:2px; }
#footer_container{background:#f9f9f9;padding-bottom:22px;}
.shopdetail #footer_container{padding-bottom: 62px;  }
#footer_container .footer_nav{margin-left:-1px; border-bottom:1px solid #e6e6e6; font-size:0; }
#footer_container .footer_nav li{display:inline-block; margin-bottom:-1px; border:1px solid #e6e6e6; border-width:0 0 1px 1px; box-sizing:border-box; height:36px; width: calc(100% / 3); vertical-align:top; }
#footer_container .footer_nav li a{display:inline-block; width:100%; line-height:35px; text-align:center; color:#353535; font-size:10px;}
#footer_container .footer_info_wrap{padding:14px 25px 0; font-size:0; margin-left:-17px; }
#footer_container .footer_info_wrap > dl{box-sizing:border-box; width:calc(50% - 17px); padding:11px 0 0 ; display:inline-block; vertical-align:top; margin-left:17px; font-size:10px; }
#footer_container .footer_info_wrap > dl.full_size{width:calc(100% - 17px);}
#footer_container .footer_info_wrap > dl dt{font-weight:700; color:#222; line-height:100%; vertical-align:top; padding:10px 0;   }
#footer_container .footer_info_wrap > dl dd{color:#111; font-weight:300; line-height:175%; }
#footer_container .footer_info_wrap > dl dd.f_black{color:#3d3d3d;}
#footer_container .footer_info_wrap > dl dd.call_tel{height:28px;}
#footer_container .footer_info_wrap > dl dd.call_tel a{display:inline-block; font-size:18px; color:#222222; font-weight:700; line-height:28px; }
#footer_container cite{display:block; padding:10px 25px; line-height:14px; color:#ccc; font-weight:100; font-size:10px; font-style:normal; }
#footer_container .fonnter_btn_wrap{margin:13px 25px; overflow:hidden; font-size:0;  }
#footer_container .fonnter_btn_wrap a.btn{display:inline-block; width: calc((100% - 5px) / 2); margin-left:5px; height:34px; box-sizing:border-box; text-align:center; line-height:32px; font-size:10px; border:1px solid #333; }
#footer_container .fonnter_btn_wrap a.btn:nth-of-type(2n+1){margin-left:0;}
#footer_container .fonnter_btn_wrap a.btn_ms_black{background:#333; color:#FFF;}
#footer_container .fonnter_btn_wrap a.btn_ms_white{background:#FFF; color:#333;}

/* 하단 */
#footer{height: 90px; width: 100%;}

/* 플러팅 */
.section_fixedFooter .btn_toggle_area{position:fixed; bottom:53px; right:8px;}
.section_fixedFooter .btn_toggle_area .qKakao { width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; background: #F7E600; font-size: 13px; font-weight: 800; }
.section_fixedFooter .btn_toggle_area .qtellorder { width: 45px; height: 45px; text-align: center; border-radius: 50%; font-size: 13px; font-weight: 500; background-image: linear-gradient(315deg, #5b8bc7, #ff7df5); }
.section_fixedFooter .btn_toggle_area .qinsta img { border-radius:50%;  }
.section_fixedFooter .btn_toggle_area .btn_up {display: block;}
.section_fixedFooter .btn_toggle_area div {margin: 5px 0 0;}
.section_fixedFooter .btn_toggle_area div img{width:45px;}
.section_fixedFooter .btn_toggle_area.changeBottom{ -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;}

/* 하단 고정 메뉴 */
.section_fixedFooter {width:100%; position:fixed; bottom: 0px; right:0px; left:0; z-index: 100;    }
    
.section_fixedFooter .home_toggle_area { display: flex; position: relative; width: 100%; height: 42px; padding: 10px 0 6px; background: #fff; border-top: 1px solid #ddd; }
.section_fixedFooter .home_toggle_area li{ flex: 1 0 0; display: flex!important; flex-direction: column; justify-content: center!important; text-align: center;}
.section_fixedFooter .home_toggle_area li img{ width: 20px; margin: 0 auto 3px;}

.section_fixedFooter .home_toggle_area li a .plusimg{ width: 20px; height: 20px; margin: 0 auto 3px; background: url(/design/nak3618/2021new/m/event_f_icon.png) no-repeat; background-size: contain; text-indent: -9999px; }
.section_fixedFooter .home_toggle_area li a.chanIcon .plusimg{ width: 20px; height: 20px; background: url(/design/nak3618/2021new/m/event_f_icon_bk.png) no-repeat; background-size: contain;}
.section_fixedFooter .home_toggle_area li a .wishimg{ width: 20px; height: 20px; margin: 0 auto 3px; background: url(/design/nak3618/2021new/m/wishicon.png) no-repeat; background-size: contain; text-indent: -9999px; }
.section_fixedFooter .home_toggle_area li a.chanIcon .wishimg{ width: 20px; height: 20px; background: url(/design/nak3618/2021new/m/wishicon_bk.png) no-repeat; background-size: contain;}
.section_fixedFooter .home_toggle_area li a .mypageimg{ width: 20px; height: 20px; margin: 0 auto 3px; background: url(/design/nak3618/2021new/m/icon_mp.png) no-repeat; background-size: contain; text-indent: -9999px; }
.section_fixedFooter .home_toggle_area li p{ color: #858688; font-size: .7rem;}

.section_fixedFooter .home_toggle_area li a .homeimg img{ width: 83%; margin: -21px 0 0; -webkit-animation: tabMoreOn .8s ease-in-out; animation: tabMoreOn .8s ease-in-out;}

/* 스트롤감지 */
.slide_toast{transform: translate3d(0,58px,0); transform: translate3d(0,calc(58px + env(safe-area-inset-bottom)),0); transform: translate3d(0,calc(58px + constant(safe-area-inset-bottom)),0);}
.section_fixedFooter .home_toggle_area, .tabbar-more-area {transform: translate3d(0,75px,0); transform: translate3d(0,calc(75px + env(safe-area-inset-bottom)),0); transform: translate3d(0,calc(75px + constant(safe-area-inset-bottom)),0); }
.section_fixedFooter .home_toggle_area.show, .tabbar-more-area.show, .slide_toast.show{ padding-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom); transform: translate3d(0,0,0); transition: transform .2s linear,padding-bottom .2s linear;}

/* //하단 고정 메뉴 */

/* 구분선 */
.line{ width: 100%; height: 10px; margin: 10px 0; background-color: #fbfbfb; }

/* 카테고리(메뉴) */
.menuWrap {display: none; position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 999999; background: #fff;}
.menuWrap p{ color: #000000; font-size: 1rem; font-weight: 500;}

.menuWrap .menuInTop{ margin: 24px 17px;}
.menuWrap .menuInTop:after{content:''; display:block; clear:both}
.menuWrap .menuInTop .menuLeftBox{float: left;}
.menuWrap .menuInTop .menuLeftBox:after{content:''; display:block; clear:both}
.menuWrap .menuInTop .menuLeftBox img{ float: left; width: 8px; margin: 2px 14px 0 0;}
.menuWrap .menuInTop .menuLeftBox p{ float: left;}
.menuWrap .menuInTop .basketBox{float: right;}

.menuWrap .link_inmenu{padding: 0 12px;}
.menuWrap .link_inmenu ul { *zoom:1; font-size: 0; }
.menuWrap .link_inmenu ul li { display: inline-block; width: calc(100% / 5); margin: 0 0 12px; text-align: center;}
.menuWrap .link_inmenu ul li a{ color: #000; font-size: .75rem;}
.menuWrap .link_inmenu ul li a img{display: block; width: 58px; padding-bottom: 5px; margin: 0 auto;}

.menuWrap .banCategory p{margin: 14px 12px 10px; font-size: .9rem;}
.menuWrap .banCategory ul{ padding: 0 14px;}
.menuWrap .banCategory ul li {margin: 0 0 12px;}
.menuWrap .banCategory ul li a img{width:100%; border-radius: 6px; box-shadow: 1px 4px 3px 1px #ddd;}

/* 할인기획전 */
.banimgWrap{ margin: 15px;}
.banimgWrap div{ width: 100%; height: 300px; margin:0 0 10px; border-radius: 6px; background-position: center;}
.banimg01{background: url(/design/nak3618/2021new/m/event/m_event01.jpg) no-repeat; background-size: cover;}
.banimg02{background: url(/design/nak3618/2021new/m/event/m_event02.jpg) no-repeat; background-size: cover;}
.banimg03{background: url(/design/nak3618/2021new/m/event/m_event03.jpg) no-repeat; background-size: cover;}
.banimg04{background: url(/design/nak3618/2021new/m/event/m_event04.jpg) no-repeat; background-size: cover;}
/*.banimg05{background: url(/design/nak3618/banner/mobile/211019_m_main_bnr.jpg) no-repeat; background-size: cover;}
.banimg06{background: url(/design/nak3618/banner/mobile/02_m.jpg) no-repeat; background-size: cover;}
.banimg07{background: url(/design/nak3618/2021new/m/event/m_event07.jpg) no-repeat; background-size: cover;}
.banimg08{background: url(/design/nak3618/2021new/m/event/m_event08.jpg) no-repeat; background-size: cover;}
.banimg09{background: url(/design/nak3618/banner/mobile/211001_m_week_bnr.jpg) no-repeat; background-size: cover;}
.banimg10{background: url(/design/nak3618/banner/mobile/211005_m_main_bnr_01.jpg) no-repeat; background-size: cover;}
.banimg11{background: url(http://nak21img.jpg2.kr/0_baner/main/slide/m_0826_01.jpg) no-repeat; background-size: cover;}
.banimg12{background: url(http://nak21img.jpg2.kr/0_baner/main/slide/m_0826_02.jpg) no-repeat; background-size: cover;}
.banimg13{background: url(http://nak21img.jpg2.kr/0_baner/main/slide/m_0819_01.jpg) no-repeat; background-size: cover;}
.banimg14{background: url(/design/nak3618/2021new/m/event/m_event14.jpg) no-repeat; background-size: cover;}*/

/* 모달팝업 */
.modal_pop .modal-dim{display:none; position: fixed; top:0; width: 100%; height: 100vh; background: rgba(0,0,0,0.6);}
.modal_pop .modal-layer{display:none; position: fixed; bottom: 0; width: 100%; height: auto; padding: 0 0 80px; border-top: 2px solid #e76191; background: #fff;}
.modal_pop .modal-layer .header{margin: 20px 0; text-align: center;}
.modal_pop .modal-layer .header .title{color: #000; font-size: 1rem; font-weight: 700; }
.modal_pop .modal-layer .modal_contents{ padding: 0 10px;}
.modal_pop .modal-layer .modal_contents ul{display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box;}
.modal_pop .modal-layer .modal_contents ul li{ width: 33.3%; height: 50px; border-bottom: 1px solid #efefef; box-sizing: border-box; padding: 0 0 0 5px; overflow: hidden;}
.modal_pop .modal-layer .modal_contents ul li a{display: block; position: relative; color: #111; font-size: .86rem; line-height: 50px;}
.modal_pop .modal-layer .modal_contents ul li a img{width: 30px; margin: -3px 2px 0 0; vertical-align: middle; }

.tabbar-more-area { position: fixed; width: 56px; height: 55px;  margin-left: -28px; bottom: 2px; left: 50%; z-index: 60; overflow: hidden;}
.tabbar-more-area .tabbar-more { display: inline-block; position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 61; font-size: 0; transition: transform .2s linear,padding-bottom .2s linear;}
.tabbar-more-area .tabbar-more.moreoff{opacity:0}
.tabbar-more-area .tabbar-more .bg{position: relative; display: inline-block; width: 55px; height: 55px}
.tabbar-more-area .tabbar-more .bg p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1rem;}
.tabbar-more-area .tabbar-more-close .bg{display: inline-block; width: 54px; height: 54px; margin: 0 0 0 1px;}
.tabbar-more-area .tabbar-more .bg img,
.tabbar-more-area .tabbar-more-close .bg img{width:100%}

/*하단 팝업*/
.slide_toast { display:none;
    position:fixed;
    bottom: -100%;
    top:auto;
    z-index:9;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    }
.slide_toast.on {visibility: visible; opacity: 1; bottom: 51px; }
.slide_toast .btn_layerClose{position: absolute; right: 6px; top: -8px; width: 31px; height: 38px; background-size: 100%; z-index: 1;}
.slide_toast .btn_layerClose img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px;}
.slide_toast .btn_todayClose{position:absolute; color:#747c82; right:15px; top:-26px; border: 0; background: transparent;}


#main-title-1 {
    animation: flickerAnimation 6s infinite;
    color:#fff;
    padding: 6px 0;
}
#main-title-2 {opacity:0; position: absolute; top:0; font-family: 'pretendard'; width:100%; line-height: 45px; }
#main-title-2:before { content:'\F5BB'; font-size:16px; font-family:'bootstrap-icons'; color:#fff; }
#main-title-2 {
    animation: flickerAnimation 6s infinite;
    animation-delay: 3s;
}

@keyframes flickerAnimation {
    0%   { opacity:0; }
    5%   { opacity:1; }
    45%  { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:0; }
}


/* BASIC css end */