/* BASIC css start */
#header.headroom .logo_wrap{box-sizing: border-box; display: flex; justify-content: space-between; padding: 0 16px; align-items: center; height: 64px;}
#header .logo_wrap .logo svg {height:40px; width:auto;}

#header.headroom.scroll .logo_wrap{width: 100%; background-color: var(--white); border-bottom: 1px solid #EAEAEA;}
#header.headroom.scroll .logo_wrap .logo path {fill:#000;}

.headroom .cate_wrap{display: none;}
.headroom.scroll .cate_wrap {display: block;}
.cate_wrap{ position:relative;}
.cate_wrap .swiper-container {padding: 0 40px 0 20px;  overflow:hidden; background:#fff;}
.cate_wrap .swiper-slide {box-sizing: border-box; background-color: #fff; height: 38px; line-height: 38px; width: auto; font-weight: 500; font-size: 14px;}
.cate_wrap .cate_btn {position:absolute; top:0; right:0; width:38px; height:38px; line-height:38px; background:#fff; z-index:10; box-shadow: -1px 0px 9px 0 #0000001c;}
.cate_wrap .cate_btn:after {content: '\e943'; font-family: xeicon; color: #000; font-size: 16px; line-height: 40px; position: absolute; top: 0; left: 50%; margin-left: -8px;}
.cate_wrap .cate_btn.on:after {transform:rotate(-180deg);}
.cate_all_menu {display: none; position: absolute; width: calc(100% - 20px); top: 38px; left: 0; padding: 10px; background: rgba(255,255,255,0.85);}
.cate_all_menu ul {display:flex; gap:3px; flex-wrap:wrap;}
.cate_all_menu ul li {display: inline-block; width: calc(33.333% - 2px); text-align: center; height: 25px; line-height: 25px; font-size: 11px;}
.cate_all_menu ul li a {font-size: 13px;display: block; border: 1px solid #ddd; box-sizing: border-box;}


.btn_search{position: absolute; top:0; right:0;}


.pointBlue{font-weight: 600; color: var(--pointBlue01);}

/* 스크롤 버튼 */
.scrollBtn { position: fixed; bottom: 0; right: 0; transform: translate(-11px, -24px); z-index: 10;  opacity: 0; transition: opacity 0.3s ease; display:none;}
.scrollBtn.show {opacity: 1; display:block;}
.scrollBtn ul { display: grid; gap: 8px 0;     opacity: 0.7;}
.scrollBtn li { position: relative; top: 0; left: 0; }
.scrollBtn li > a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #EBEBEB; border-radius: 50%; box-sizing: border-box; background-color: var(--white); }
.scrollBtn li.scrollTop a { transform: rotate(-90deg); }
.scrollBtn li.scrollDown a { transform: rotate(90deg); }
.scrollBtn li.kakao a img{max-width: 22px;}

.scrollBtn li.kakao a em {width:24px; height:24px; display:block; margin:0 auto; margin-top:6px; overflow:hidden;}
.scrollBtn li.kakao a em.empty {box-sizing:border-box; border:1px solid #e5e5e5;}
.scrollBtn li.kakao a em img {width:100%;}


/*스크롤시*/
.headroom.scroll.headroom--unpinned #header {position:relative; margin-top:-64px; border:0; transition: 0.1s;}
.ftWrap{padding: 20px 0; font-size:12px;}
.ftWrap a{display: block;}
.ftWrap .logo{margin-bottom: 20px;}
.ftWrap .logo img{width: 100%; max-width: 110px;}
.ftWrap .csBtn{margin-bottom: 17px;}
.ftWrap .csBox span{ display: block; font-size: 18px; font-weight: 700; margin-bottom: 20px;}
.ftWrap [class*="Btn"] ul.displayFlex{gap: 5px;}
.ftWrap [class*="Btn"] ul li img{width: 100%; max-width: 20px;}

.ftWrap .csBtn ul{margin-bottom: 15px;}
.ftWrap .csBtn ul li{font-size: 13px; font-weight: 400; line-height: 20px; color: #6d6d6d;}
.ftWrap .csBtn span{color: #b8b8b8;}

.ftWrap .cateBox{margin-bottom: 20px;}
.ftWrap .cateBox li a{font-size: 14px; font-weight: 400; color: #717171; line-height: 22px;}

.side_banner_02  {margin-top:40px;}
/* BASIC css end */