﻿@charset "utf-8";

    body {
        padding:0;
        margin:0;
    }
    #wrap_RelatedItems {  
        /*삽입 부분 전체 레이아웃*/      
        width:994px;        
        position:relative;        
        margin-bottom:0px;
    }

    /* 제품 정보 - 외부 박스 */
    #relate_items {        
        display:inline-block;
        position:relative;
        width:100%;               
        margin: 0;
        padding:0;                      
    }
    #relate_wrap {    
        position:relative;
        margin:0 auto;       
        display:block;
        height:250px;        
}

    /* 섹션 타이틀 */
    .related_title {    
        display:block;
        height:30px;
        line-height:40px;          
        text-indent: 10px; 
        z-index:99;        
        font-family:'Malgun Gothic', 'Nanum Gothic', sans-serif;       
        font-size:13px;
        color:brown; 
    }

    /* 관련 앨범 정보 - 내부 박스 (시작) */
    #relate_content {
        display:inline-block;
        float:left;        
        position:relative;                               
        padding:0;
    }

    /*이미지 */
    #relate_items .relate_img {            
        display:inline-block;
        position:relative;
        width:157px;
        height:157px;                
    }
        .relate_img img {
            display:block;            
            width:155px;
            height:155px;            
            margin:1px;                           
            border:1px solid lightgray;                                              
            cursor:pointer;
        }
    
 /* 이미지 박스 */
    .relatedItems {        
        display:block;
        height:220px;
        margin:10px 0;
        /* width:970px;
        margin:0 auto;
         */
    }

    .relate_info {     
        display: inline-block;   
        width:148px;
        /* margin-left:3px; */
        padding: 4px;
        text-align:left;
        font-size:12px;
        cursor:pointer;
    }
        .relate_info:hover {            
            background:lightgray;
        }

        .relate_info > span {
            /* 이미지 이하 전체 텍스트. 라인 당 글자수 제한하기 */
            display:block;
            color:gray;
            font-size:11px;
            font-family: Verdana, 'Malgun Gothic', sans-serif;
            text-overflow:ellipsis;
            overflow:hidden;
            white-space:nowrap;
        }

        .relate_info > span:first-child {
            /* 아이템 제목 (타이틀) */
            display: inline-block;
            width: 100%;
            font-family:'Century Gothic', 'Nanum Gothic', sans-serif;
            font-size:11px;
            color:#3c3a3a;
        }

        /* 이동 */

    .bx-wrapper .bx-viewport {
        position:relative;
        /* display:block; */
        top:10px;
        left: 0px;
	    -moz-box-shadow: 0 0 0px #ccc;
	    -webkit-box-shadow: 0 0 0px #ccc;
	    box-shadow: 0 0 0px #ccc;
	    border: solid #fff 0px;
    }

   .bx-wrapper .bx-pager {
        position:absolute;
        /* float:right; */
        /* top: 210px; */
        right: -30px;
        display:inline-block;
        width:200px;
        height:20px;               
        z-index:99999;
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        width:12px; 	    
        height:12px;
        background: url(/img/icon/sp_page.png) no-repeat 0 0px;    
    }

    .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: url(/img/icon/sp_page.png) no-repeat 0 -12px;
    }