@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

.mr_r15 {margin:0 15px 0 0;}

.width_15 {width:15px;}

.AS_wrap {margin:0 auto; width:1200px;}
.AS_contents {float:left; margin:0 20px 0 20px;}
.AS_contents p {font-size:20px; margin:10px 0 70px 0;}

.main_movie_wrap {width:100%; height:750px; background:#fafafa; margin:50px auto 30px;}
.main_movie_1 {text-align:center; padding:40px 0 0 0;}


/* 1. 이미지 박스를 기준점으로 설정 (필수!) */
.item_gallery_type .item_photo_box {
    position: relative; 
}

/* 2. 할인율 텍스트 디자인: 정사각형 배경, 글씨 중앙 정렬 */
.item_gallery_type .direct_discount_rate {
    position: absolute;  /* 썸네일 위에 띄우기 */
    top: 0px;            /* 썸네일 상단 여백 (조정 가능) */
    right: 0px;          /* 썸네일 우측 여백 (조정 가능) */
    
    /* 📐 정사각형 형태로 만들기 */
    width: 60px;         /* 박스 폭 (원하는 크기로 조정) */
    height: 60px;        /* 박스 높이 (폭과 동일하게 설정하여 정사각형 유지) */
    line-height: 55px;   /* 높이와 동일하게 설정하여 세로 중앙 정렬 */
    
/* ✨ 자간 좁게 설정 (핵심!) */
    letter-spacing: -2px; /* 1px 만큼 간격을 좁힙니다. (필요에 따라 -0.5px, -2px 등으로 조정) */

    /* ✨ 요청하신 스타일 */
    font-size: 20px;             /* 글씨 크기 25px */
    color: #ffffff;              /* 글씨 색상 흰색 (White) */
    background-color: #f47920;   /* 배경 색상 포토클램 (Black) */
    
    font-weight: 900;
    text-align: center; /* 가로 중앙 정렬 */
    
    /* 사각형 모양 유지 (둥근 모서리 없앰) */
    border-radius: 0; 
    
    /* 그림자나 테두리를 원한다면 추가 (선택 사항) */
    /* border: 1px solid #ffffff; */ 
    
    z-index: 10;
}