/* BASIC css start */
/*이벤트배너*/
#top_event { text-align:center;width:100%;z-index:1}
#top_event img {width:100%;}
#top_event .close {position:absolute;top:10px;right:15px;}
#top_event .close img { width:20px }


.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}

#header {width:100%; }
#header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:99999;}
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:99999;}

#header .top1 { padding-top:6px; background:#f00; overflow:hidden;}
#header .top1 li { float:left; display:inline-block; height:38px; line-height:38px; text-align:center }
#header .top1 li.mu { width:20%; margin-left:10px}
#header .top1 li.acc { width:26%; }
#header .top1 li.on { background:#fff; }
#header .top1 li.on a { color:#272727; }
#header .top1 li a { color:#fff; line-height:38px; font-size:15px; font-family: 'notokr-medium'; }

#header .top2 {overflow:hidden; padding:9px 0px 7px; height:30px; background:#fff}
#header .top2 h1 { text-align:center; }
#header .top2 h1 img { height:30px }

#header .top2 .sideMenuOpen { position:absolute; margin-top:10px; left:10px; cursor:pointer }
#header .top2 .sideMenuOpen img { height:13px }

#header .top2 .rmenu {position:absolute; right:12px; margin-top: 2px;}
#header .top2 .rmenu a {margin-left:17px; color:#7d7d7d;}
#header .top2 .rmenu span {  }
#header .top2 .rmenu span img { height:28px }
#header .top2 .rmenu .cart {position:relative;}
#header .top2 .rmenu .cart sup {position:absolute; text-align: center; line-height:24px; width:16px; height:24px; display:block; right:5px; margin-top:-23px; color:#076FD3; }

#header .top3 { height:30px; position:relative; padding:0 10px; text-align:center; background:#fff; }
#header .top3 .searchBox { width:100%; border-bottom:2px solid #EF3E42; height:30px; overflow:hidden; background:#f7f7f7;}
#header .top3 .searchBox fieldset { width:90%; float:left; height:30px; }
#header .top3 .searchBox fieldset input { width:100%; border:0px; background:#f7f7f7; font-size:12px; font-family: 'notokr-regular';}
#header .top3 .searchBox .btn_search { width:10%; float:left; height:30px; font-size:13px; color:#000; text-align:right }
#header .top3 .btn_search img { height:17px; margin-top:7px }

#header .top4 { overflow:hidden; background:#fff }
#header .top4 li { float:left; display:inline-block; padding:4px 0 0; height:36px; width:20%; text-align:center }
#header .top4 li a { line-height:36px; font-family: 'notokr-medium'; color:#000; font-size:12px;}


/* 사이드 메뉴 */
#asideMenu { position:fixed; top:0; left:-80%; width:80% !important; height:100%; box-shadow:-5px 5px 5px 5px #000; z-index:9999; background:#fff; overflow-y:auto; overflow-x:hidden }
#asideClose { position:fixed; top:14px; left:-90%; width:40px; height:40px;  text-indent:-9999em; background:url(/design/applemusic/2018/m/close_bt.png) 0 0 no-repeat ; background-size:40px auto; cursor:pointer; z-index:9999 }


#asideMenu .slide-top-header{background-color: #ea2c30;}
#asideMenu .slide-top-header .slide-top-header-in{padding: 1.5em 1em;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row:first-child{border-bottom: 1px solid #ff5155; margin-bottom: 1.5em; padding-bottom: 0.5em;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row:after{clear: both; display: block; content:"";}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .home-ico{float: left; width: 39px; height: 32px;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .right-login-box{float: right;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .right-login-box .short-desc{display: inline-block; color:#fff; font-family: 'Noto Sans Korean'; font-size: 14px;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .right-login-box a{display: inline-block; background-color: #000000; color:#fff; font-family: 'Noto Sans Korean'; font-size: 14px; padding: 0 1em; height: 34px; line-height: 34px; margin-left: 1em;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .slide-top-nav:after{clear: both; display: block; content:"";}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .slide-top-nav li{float: left; width: 33.3333%;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .slide-top-nav li a{display: block; text-align: center; padding: 0 0.5em;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .slide-top-nav li a img{display: inline-block; max-width:80%;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .slide-top-nav li a span{display: block; text-align: center; padding: 1em 0; font-family: 'Noto Sans Korean'; font-size: 1em; color:#fff;}


#asideMenu .slide-content{height: calc( 100% - 196px);}
#asideMenu #slide-category{padding: 0 1em; height: 100%;}
#asideMenu #slide-category > ul{position: relative; height: 100%;}
#asideMenu #slide-category > ul:after{content:""; position: absolute; top:0; left: 50%; border-right: 1px solid #ddd; height: 100%;}
#asideMenu #slide-category > ul > li{width: 50%;}
#asideMenu #slide-category span {display: block; font-family: 'notokr-regular'; font-size: 1.5em; color:#000; padding: 1em 0;}
#asideMenu #slide-category .active{color:#ff0000; font-family: 'notokr-bold';}

#asideMenu #slide-category .sub-category { position: absolute; left: 50%; margin-left: 1px; width: 50%; z-index: 2;}
#asideMenu #slide-category .sub-category ul {padding: 1em 0 1em 1em;}
#asideMenu #slide-category .sub-category ul > li{line-height: 1.5em;}
#asideMenu #slide-category .sub-category ul > li > a{display: block; padding: 0.5em 0; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; color:#000; font-size: 1.25em; font-family: 'Noto Sans Korean';}


@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}
/* BASIC css end */