/* BASIC css start */
.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:100; }
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;}

#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', 'Noto Sans KR'; }

#header .top2 {overflow:hidden; padding:20px 0px 7px; height:30px; background:#fff}
#header .top2 h1 { text-align:center; }
#header .top2 h1 img { position:relative; top:-4px; height: 45px; }

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

#header .top2 .rmenu {position:absolute; right:10px; margin-top: 2px;}
#header .top2 .rmenu a {margin-left:1px; 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:23px; width:16px; height:24px; display:block; right:4px; margin-top:-23px; color:#ed1b23; font-weight: 600;}

#header .top3 { height:30px; position:relative; padding:0 10px; background:#ffffff; text-align:center; }
#header .top3 .searchBox { width:100%; border-bottom:2px solid #EF3E42; height:30px; overflow:hidden; }
#header .top3 .searchBox fieldset { width:90%; float:left; height:30px; }
#header .top3 .searchBox fieldset input { width:100%; border:0px; background:#ffffff; font-size:12px; font-family: 'notokr-regular', 'Noto Sans KR';}
#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 { background:#ffffff; overflow:hidden; padding-top:4px}
#header .top4 li { float:left; width:25%; display:inline-block; height:36px; text-align:center }
#header .top4 li a { line-height:36px; font-family: 'notokr-bold', 'Noto Sans KR'; color:#333; font-size:13px;}



/* »çÀÌµå ¸Þ´º */
#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 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


#asideMenu .slide-top-header .slide-top-header-in .slide-top-row:first-child{border-bottom: 1px solid #ff5155; margin-bottom: 1.5em; padding-bottom: 1.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{ margin-right: 1em; }
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .right-login-box{  display: flex;
    align-items: center; justify-content: flex-end; /*gap: 5px; padding-left: 554px;*/}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .right-login-box .short-desc{    margin-right: 1em;
    color: #fff;
    font-family: 'Noto Sans Korean', 'Noto Sans KR';
    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', 'Noto Sans KR';
    font-size: 12px;
    padding: 0 1em;
    height: 29px;
    line-height: 29px;
    margin-left: 0.5em;}
#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: 24.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:50%;}
#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', 'Noto Sans KR'; 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: 124%;}
#asideMenu #slide-category > ul > li{width: 50%;}
#asideMenu #slide-category span {display: block; font-family: 'notokr-regular', 'Noto Sans KR'; font-size: 1.25em; color:#000; padding: 1em 0;}
#asideMenu #slide-category .active{color:#ff0000; font-family: 'notokr-bold', 'Noto Sans KR';}

#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.30em;}
#asideMenu #slide-category .sub-category ul > li > a{display: block; padding: 0.5em 0; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; color:#8f8f8f; font-size: 1.10em; font-family: 'Noto Sans Korean', 'Noto Sans KR';}




#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .home-ico{display: inline-block;  font-size:12px; /*line-height: 2.6;*/ vertical-align: top; text-align:left; font-family: 'notokr-regular', 'Noto Sans KR'; position: relative; z-index: 2;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .home-ico > a{color:#737373; font-size:12px; position: relative; z-index: 2; border:0px; padding:0px 0px 0px 10px; line-height: 3.1; font-family: 'notokr-regular', 'Noto Sans KR';}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .home-ico ul {display: flex; margin: 0; padding: 0;}
#asideMenu .slide-top-header .slide-top-header-in .slide-top-row .home-ico ul li img {width: 70%;}





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