@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');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

#artist_wrap {
    display:block;
    width:96%;
    margin:0 auto;
    margin-top:5px;
    margin-bottom:5px;
    font-size:12px;
    font-family: 'Roboto Condensed', 'Nanum Gothic', 'Noto Sans KR', sans-serif;    
}

#artist_box {
    display:block;
    width:100%;
    margin:0 auto;
    text-align:center;
}

/* I. 아티스트 페이지 해당 정보 [상단] */

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

.artist_information{
    display: inline-block;
    margin-top: 10px;
    font-size:20px;    
    letter-spacing: 8px;
    color: darkgray;
    padding: 5px;
    border-top: 2px solid lightgray;
    border-bottom: 2px solid lightgray; 
}

.disco_pic {
    display:block;    
    position:relative;
    margin:0 auto;
    padding-bottom:10px;    
    margin:20px 0;
}

.disco_pic > img {
    box-shadow:1px 1px 2px darkgray;
    border-radius: 5px;
}

.disco_pic .singer {    
    /*아티스트 이름 div (박스 & 폰트, 자바스크립트로 글자수에 따라 폰트 크기 설정) */
    display: block;
    margin: 20px 0 0 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', 'Noto Sans KR',  'Nanum Gothic', sans-serif !important;
}

.tags{
    color: gray;    
    line-height: 1.5em;
    margin: 10px;
    font-size: 13px;
}

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

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

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

#_ArtistBio_wrap div div,
#_ArtistDisc_wrap div div {
    /* 아티스트 로딩 정보 (박스) */
    padding: 20px 0;
    font-size: 13px;
    font-family: 'Roboto Condensed', 'Nanum Gothic', 'Noto Sans KR', sans-serif !important;
    color: #524e4e;
    line-height:1.5em;
    border-top:1px dotted gray;
}
#_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 {
    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:inline-block;
    position:absolute;        
    left:130px;     
    text-align:left;                
    overflow:hidden;
}

.item_title {                
    /*제품 타이틀*/
    display:block;
    font-size:14px;
    color:black;
    text-shadow: none;
    margin-bottom:4px;       
    width:94%;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;     
}
    .item_title:hover {
        text-decoration:underline;
    }

.item_singer {        
    /*뮤지션*/
    display:block;        
    /* font-size:13px;     */
    text-shadow: none; 
    color: gray;
    margin-top:6px;
    margin-bottom:6px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;     
    font-weight: normal;
}
    .item_singer:hover{        
        text-decoration:underline;
    }


.item_ect {
    font-size: 11px;
    text-shadow: none;
    color:darkgray;
    margin-top: 2px;
    margin-bottom: 5px;
}
.item_price {
    font-size:12px;
    text-shadow: none;
}

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

.m_cart,
.daehang,
.ebay {
    display: inline-block;
    position: relative;
    height:25px;
    line-height:25px;     
    font-weight:bold;
    letter-spacing:1px;
    margin-top:10px;    
    font-size:11px;       
    text-shadow: none;
    color:steelblue;
}
    .m_cart:hover {
        border-top: 1px dotted crimson;    
        border-bottom: 1px dotted crimson;    
        height:23px;
        line-height:23px; 
        color:crimson;
    }

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

/* 페이징  */
#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;                        
    }


/*이동*/
/* 페이징 */
    .search_paging button {                
        display:inline-block;
        position:relative;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border:none;
        background:transparent;
        padding:0;
        margin: 0 10px;
        font-size: 14px;
        text-shadow:none;         
    }

    .search_paging button:hover {
        /* background:crimson;
        color:white;
        border:1px crimson solid; */
    }

    .search_paging .selected {
        display:inline-block;
        position:relative;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border:none;
        border-bottom: 3px solid darkorange;
        background:transparent;
        padding:0;
        margin: 0 10px;
        font-size:18px;
        text-shadow:none;         
    }    

    .albumList_paging .selected:hover{
        background: gray;
    }    


/*제품 상태*/
.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 {
    color:gray;
}

.inner_top_tab > span {
    position:relative;
    display:inline-block;    
    font-size: 13px;
}

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

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


/* 추가 : 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;
}

/*아이콘 대체 텍스트*/

._red{
    color: red;
}

._condition{
    position:relative;
    top:-3px;
    color:steelblue;
    text-transform:uppercase;
    font-size:8px;
    font-family:sans-serif;
    letter-spacing:1px;
}

.rip_ribbon{
    position: relative;
    top: 5px;
    height: 20px;
}

.btn_update,
.update_artist {
    display: inline-block;
    padding: 10px 0;
    letter-spacing: 1px;
    font-size: 10px;
}

.oswald-item-title {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}