/* BASIC css start */
/* 티커 컬러 */
.ticker ul li a {color:#000000!important;}


/* 메뉴 컬러 */
.pickcolor {color:#97d1ef!important}


#hdWrap { position: relative; width:100%; z-index: 999; min-width: 1100px; background-color:e3efd6}
#hdWrap #header { position: relative; width: 1100px; height:251px; margin:0 auto; z-index:10;}
#hdWrap #header .logo { z-index:21; text-align: center; padding-top: 65px; }
#hdWrap #header .logo a { font-size: 68px; color: #333; font-weight:thin;}

#hdWrap #header .hd-link {position:absolute; left:0; top:5px; }
#hdWrap #header .hd-link li { float: left; padding: 2px 20px 0 0; }
#hdWrap #header .hd-link li a { font-size: 12px; color:#6e6e6e;}
#hdWrap #header .hd-link li a:hover { color:#cacaca; }
#hdWrap #header .hd-link li span.join { position:absolute; top:21px; left:47px; height:22px; padding:4px; width:50px;background:url("/design/afterm283/9528/delight/point.gif") no-repeat 0 0; color:#fff;}

#hdWrap #header .hd-search { position:absolute; right:0; top:5px; width:180px; border-bottom: 1px solid #ddd;}
#hdWrap #header .hd-search .input-keyword { float:left; border:none; width: 160px; padding:3px 0 0 2px;}
#hdWrap #header .hd-search input { vertical-align:middle; }

#hdWrap #header .board { position:relative; padding-top: 42px; }
#hdWrap #header .board ul { margin:0 auto; text-align:center;}
#hdWrap #header .board ul li {display:inline-block; margin:0 15px;}
#hdWrap #header .board ul li a:hover { color:#cacaca; }

/* gnb */
#hdWrap .gnb { position: fixed; top: 228px; height:45px; width:100%; line-height:45px; z-index:100; border-top:1px solid #ddd; border-bottom:3px double #ddd; background-color:#fff; }
#hdWrap .gnb .gnb-list{ margin:0 auto; width:1100px; }
#hdWrap .gnb .gnb-list li.menu { position:relative; float:left;  padding:0 28px;}
#hdWrap .gnb .gnb-list li.menu a { font-size:15px; color:#6e6e6e; display:block; text-transform:uppercase;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; width: 80px;}
#hdWrap .gnb .gnb-list li.menu a:hover { color:#cacaca; }
#hdWrap .gnb .gnb-list .subbox { display:none; position:absolute; padding:20px 25px; background-color:#fff; width: 70px; left: 50%; top:45px; margin-left: -60px; border:1px solid #ddd; border-top:0;  }
#hdWrap .gnb .gnb-list .subbox li a{ display:block; color:#6e6e6e; font-size:13px; line-height:27px;}
#hdWrap .gnb .gnb-list .subbox li a:hover { color:#dedede; }

/* 뉴스티커 */
.header_ticker{background:#ffffff;height:39px;width:100%;text-align:center;font-size:12px;line-height:39px}
#ticker-roll {height:37px!important}
.ticker {
  margin: 0 auto;
  padding: 0px;
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;

}

.ticker ul {
  width: 100%;
  position: relative;
  height:37px;
  overflow-y:hidden;
}

.ticker ul li {
  width: 100%;
  height:37px;
  overflow-y:hidden;
  display: none;
}
.ticker ul li a {height:37px;}

/* 드릴메뉴 */
#drillmenuBoard,#drillmenuShop{min-height:600px;right:0;top:33px;z-index:999;border:1px solid #9f9fa0;width:350px;position:absolute}#showBoard,#showCtg{cursor:pointer}
.header-toolbar--board-btn,.header-toolbar--shop-btn{background:transparent;padding:7px 5px 7px 10px;width:150px;border:1px solid #000;font-size:12px}
#drillmenuShop,.slinky-theme-default{background:#f8f8f8}.header-toolbar--shop-btn{margin-right:-1px}
#drillmenuBoard li.header>header,#drillmenuShop li.header>header{align-self:center;font-size:12px}
.slinky-menu a.back{padding-left:0px}.slinky-menu{overflow:hidden;transform:translateZ(0)}
.slinky-menu>ul{left:0;position:relative;transform:translateZ(0)}
.slinky-menu li,.slinky-menu ul{list-style:none;margin:0}
.slinky-menu ul{width:100%}.slinky-menu a{align-items:center;display:flex}
.slinky-menu a span{flex:1;line-height:1.5;letter-spacing:2.5px;font-size:13px}
.slinky-menu li ul{display:none;left:100%;position:absolute;top:0; padding-left:0;}
.slinky-menu .header{display:flex; padding:20px 0;}
.slinky-menu .header .title{flex:1;line-height:1.4;margin:0;order:1}.slinky-theme-default .title{color:#333;padding:1em}
.slinky-menu .header header{padding-left:20px;}
.slinky-theme-default li{line-height:1;padding: 0.4em 1em 0.4em 2em;}.slinky-theme-default a:not(.back){color:#000;}
.slinky-theme-default a:not(.back):hover{background:rgba(90,200,250,.25)}
.slinky-theme-default a:not(.back):active{background:rgba(90,200,250,.5)}
.slinky-theme-default .back::before,.slinky-theme-default .next::after{background:url('/design/afterm283/images/arrow-right-thin.png') center/1em no-repeat;content:'';height:1em;opacity:1;transition:.2s;width:2.7em;background-size: 17px;}
.slinky-theme-default .next::after{margin-left:1em}.slinky-theme-default .back::before{padding:1em;transform:scaleX(-1)}.slinky-theme-default .back:hover::before,.slinky-theme-default .next:hover::after{opacity:.75}


#drillmenuBoard {border: 1px solid #9f9fa0;background: #f6f7f8;min-height:600px;}
#drillmenuBoard ul{}
#drillmenuBoard ul li{padding: 0.5em 1em 0.5em 2em;}
#drillmenuBoard ul a span{ }
#drillmenuBoard ul a{flex: 1;line-height: 1.4;letter-spacing: 1.8px;font-size: 13px;}

.categoryULUL a {padding: 0.5em 1em 0.5em 2em;line-height: 1.4;letter-spacing: 1.8px;font-size: 13px;}

/* SEARCH */

.header-toolbar-wrap .search{    height: 53px;
    position: relative;
    /* left: 0; */
    /* right: 0; */
    /* padding-right: 45px; */
    text-align: center;
    z-index: 10;
    background: #e7e7e7;
    /* width: 100%; */
    top: 0;
   
    }
.header-toolbar-wrap .search .searchBox{width:100%;}
.header-toolbar-wrap .search img {width:24px;}
.header-toolbar-wrap .search .searchBox input{ width: 100%;
    height: 48px;
    border: 0px none;
    margin-top: 3px;
    padding: 0 5px;
    padding-left: 70px;
    color:#000;
    background: transparent;
    font-size: 16px;}
.header-toolbar-wrap .search .btn_search{ padding: 0;height:48px;line-height:45px;background-color:transparent;position:absolute;top:3px;left:30px;color:#000;text-align:center;}
.search-auto-complete-list{display:none;z-index:1;position:absolute;top:43px;left:0;width:100%;line-height:14px;background:#fff;box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%);}

/* BASIC css end */