@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR&family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

#artist_wrap {
    display:block;
    width:96%;
    margin:0 auto;
    margin-top:5px;
    margin-bottom:5px;
    /*기본 폰트 설정*/
    /* font-family: 'Nanum Gothic', sans-serif; */
    /* font-size:12px; */
}

#artist_box {
    /*내부 박스 레이아웃*/
    display:block;
    width:100%;
    margin:0 auto;
    text-align:center;
}

/* 아티스트 페이지 - 타이틀/이미지/아티스트 이름 */

#artist_header {   
    display:inline-block;
    margin:0 auto;
}        

#artist_header > div > span {
    letter-spacing:1px;
    font-weight:normal;
}

.artist_information{
    /*타이틀 전체 박스 */
    display: inline-block;
    /* width: 100%; */
    color: darkgray;
    font-size:20px;    
    padding: 5px 0;
    margin-top: 10px;
    letter-spacing: 8px !important;     
    font-family: 'Roboto Condensed', 'Noto Sans KR', 'Nanum Gothic', sans-serif !important;        
    border-top: 2px solid lightgray;
    border-bottom: 2px solid lightgray;
}

.artist_information span {
    /*타이틀 중 ARTIST만 */
    display: inline-block;
    text-indent: 12px;
    color:gray;
}

.disco_pic {
    /* 아티스트 이미지 */
    display:block;    
    position:relative;
    margin:0 auto;
    padding-bottom:10px;    
    margin:20px 0 10px 0;
}

.disco_pic > img {
    position:relative;
    border:1px solid darkgray;
    box-shadow:1px 1px 3px darkgray;
    margin-bottom: 20px;
}

.disco_pic .singer {    
    /*아티스트 이름 스타일*/
    display: block;
    color:#3d3a3a;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', 'Nanum Gothic', 'Noto Sans KR', sans-serif !important;
}

.disco_data{
    text-align:left;
    margin-bottom: 15px;        
}

.tags{
    color: gray;
    font-size: 13px !important;
    font-family: 'Roboto Condensed', 'Nanum Gothic', 'Noto Sans KR', sans-serif !important;    
    letter-spacing: 1px;
    line-height: 1.5em;
    padding: 20px 20px 10px 20px;
}

/* 아티스트 페이지 - 바이오그래피 & 디스코그래피 */

#_ArtistBio_wrap,
#_ArtistDisc_wrap {
    width:90%;
    margin:0 auto;         
}

#_ArtistBio_wrap div div,
#_ArtistDisc_wrap div div {
    padding: 10px 0;
    font-size: 15px !important;
    font-family: 'Roboto Condensed', 'Nanum Gothic', 'Noto Sans KR', sans-serif !important;
    color: #524e4e;
    line-height:1.6em;
    border-top:1px dotted lightgray;
}
#_ArtistBio_wrap a,
#_ArtistDisc_wrap a {
    color:black;
    text-decoration-line:none;
}

#_ArtistBio_wrap b,
#_ArtistDisc_wrap b {
    color:#3d3a3a;
    font-size: 14px;
}

#aritst_body {             
    display:block;
    position:relative;
    width:98%;
    margin:0 auto;
}

/* 검색 후 섹션 헤더 부분 (분야) 설정 */
#artist_tb_header {        
    margin-bottom:10px;    
    width:100%;      
    border-bottom: 1px dotted lightgray;                  
    border-top: 1px dotted lightgray;
}
            
#artist_tb_header > span {
    /* 섹션 메뉴 : 앨범/싱글/DVD/중고...*/
    position:relative;
    display:inline-block;
    width:20%;
    height:30px;                
    margin-left:-5px;
    font-size:13px;   
    text-align:center;
    letter-spacing:1px;
    line-height:30px;        
}
    
.section_selected {
    /* 선택된 탭 */        
    font-weight:bold;
    text-shadow:none;
    font-size:15px;
}

.artist_tb_body {
    clear:both;
    float:left;
    min-height:400px;    
    background:orange;                                    
}

.artist_tb_content {  
    /*제품 컨텐츠 박스 1줄*/      
    display:inline-block;
    width:100%;        
    height:125px;
    border-bottom:1px dotted lightgray;
    margin-top:15px;                    
}    

/*검색 결과가 없을 때 */
.no_result {
    display:inline-block;
    width:96%;
    padding:30px 0px;
    margin:0 auto;
    text-align:center;
    /*border:3px solid lightgray;*/
    background:white;
    color:gray;
}
.no_result > .no_result_1 {
    /*현재 조건에 맞는 제품이 없습니다*/
    display: block;
    padding: 10px 0px;
    border-bottom: 2px solid lightgray;
    width: 96%;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-weight:bold;
    color:crimson;
}

.no_result > .no_result_2 {
    /*검색 팁*/
    display: block;
    padding: 10px 0px;
    width: 96%;
    margin: 0 auto;
    text-align: left;

    font-size: 14px;
    font-weight:bold;        
}

.no_result > .no_result_3 {
    display: inline-block;
    width: 96%;
    margin: 0 auto;
    line-height:1.7em;
    text-align: left;
    padding: 10px;
    font-size:13px;
}
    
/* 앨범 이미지 박스 */

.search_albumImg {
    position:relative;
    display:inline-block;
    float:left;
    left:3px;
    width:115px;
    height:115px;        
    margin-right:10px;     
}
    .search_albumImg img {            
        width:115px;
        height:115px;        
        box-shadow:1px 1px 4px gray;   
    }
            
/* 제품 정보 파트 설정 */

.search_albumInfo {
    clear:both;    
    display:block;
    position:absolute;
    float:left;
    left:140px;
    width:100%;    
    text-align:left;                
    overflow:hidden;    
}
.item_title {                
    display:block;
    position:relative;
    width:90%;        
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;        
    font-size:13px;
    font-weight:bold;
    color:#524e4e;            
    margin-bottom:4px;       
    font-family:'Open Sans', sans-serif;
}
    .item_title:hover {
        color:gray;
        text-decoration:underline;
    }

.item_singer {        
    display:block;
    color:gray;    
    font-size:13px;
    font-family:'Open Sans', sans-serif;
    letter-spacing: 1px;    
    margin-bottom:5px;

    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;    
    
}

._red{
    color: red;
}

.item_ect {
    font-size:12px;
    margin-bottom:5px;     
}
.item_price {
    font-size:12px;
}
.item_noStock {
    font-size:12px;
    color:gray;
}

/* 장바구니/품절/프리오더 표시 */

.m_cart,
.daehang,
.ebay {
    display: inline-block;
    position: relative;
    margin-top:15px;    
    height:25px;
    line-height:25px;     
    font-size:11px;       
    font-weight:bold;
    letter-spacing:2px;        
    color:steelblue; 
}

._noStock,
.daehang,
.ebay {
    color:gray;
}

.m_cart:hover {
    border-top: 1px dotted crimson;    
    border-bottom: 1px dotted crimson;    
    height:23px;
    line-height:23px; 
    color:crimson;
}

/* 페이징  */
#search_paging {
    clear:both;
    display:block;
    position:relative;
    text-align:center;
    padding:18px 0;          
    z-index:999;
}

/*버튼 부분 디자인 */
#search_paging > span {
    display:inline-block;           
    position:relative;    
    top:0;         
                        
    border:1px solid lightgray;
    background:white;
    color:darkgray;
    margin:5px 3px;
}

    #search_paging > span a {
        display:inline-block;
        height:26px;
        width:26px;
        line-height:26px;
                
        text-decoration:none;  
        color:darkgray;
        font-size:12px;
    }

    #search_paging > span a:hover {
        background:darkgray;
        color:white;
        border:none;
    }

    /*현재 페이지 */
    #search_paging > .cur_page {   
        display:inline-block;
        position:relative;                                
        height:26px;
        width:26px;
        line-height:26px;
                
        font-size:12px;
        color:white;
        border:1px solid orange;
        background:orange;                        
    }


/*제품 상태*/
.item_condition {
    position:absolute;
    right:3px;
    bottom:3px;
    width:30px;
    text-align:center;
    padding:2px 0 1px 1px;
    color:white;        
    font-size:9px;
    text-shadow:none;
    letter-spacing:1px;
    display:none;
}

/* 바이오, 디스코, 선호 아티스트 추가 (선택 바) */
.inner_top_tab {
    position:relative;
    color:gray;
    margin:10px 0;
    /* font-size: 14px !important; */
}

.inner_top_tab > span {
    position:relative;
    display:inline-block;    
}

.tab_highlight, .tab_disco {     
    /*탭선택 효과*/                
    font-weight: bold;    
    color: rgb(5, 90, 160);
}

/*선호 아티스트 버튼*/
.add_favorite, 
.del_favorite,
.login_popup {
    display: inline-block;
    margin:10px 0;
}


/* 추가 : DB 형으로 교체 2023-06-23*/

#mask {
    display:none;
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    z-index: 99999;
    opacity: 0.80;
} 

/* 추가 : 2023-06-03 (모바일 - 카트) */

.add-cart-popup,
.add-wl-popup{    
    /* [중요] 팝업창 화면 가운데 정렬*/
    position:fixed;
    z-index: 999999;
    /*박스*/
    display: none;
    width: 90%;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px !important;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 1px #0000005c;
    color: white;
    font-size: 14px;
    font-weight: normal !important;
    font-family:'Malgun Gothic', 'Century Gothic', Tahoma, sans-serif;
    text-shadow: none;
    text-align: center;
    line-height: 1.8em;
}
.add-cart-popup div span, 
.add-wl-popup div span {
    /*버튼*/
    position: relative;
    display: inline-block;
    width:100px;        
    /* border: 1px solid #b3a9a98c; */
    border-radius: 3px;
    padding:5px 0 4px 0;
    margin: 10px 5px 5px 0;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px;
}