/*
 * @title		상품권몰 초기 페이지
 * @author		김현진
 * @date		2012.03.12
 * @update		2025.11.03(류지원)
 *              2017.02.27 ITM-6718 메인페이지 변경 - 김보람
 *              2021.04.29 ITM-11695 상품권몰 디자인 개선
 *              2025.11.03 ITM-15133 상품권몰 UI/UX 개편 - 류지원
 * @description
 */

.carousel_images{border-radius: 10px;}

.SpGiftGroup{background-image:url(//img1.itemmania.com/new_images/portal/gift/sp_giftcard_20251204.png);background-repeat:no-repeat;background-size:478px 239px;}
.g_remocon_l{ right:1000px;}
.top_area{ margin-bottom:20px }
.top_area > .banner_indicate{left:40px;bottom:25px;transform:none;}
.top_area > .banner_indicate > span{border:0;}
.g_container .giftcard_list{ overflow:hidden;}
.giftcard_list{width:820px;}
.giftcard_list ul{overflow:hidden;}
.giftcard_list li{position:relative;float:left;box-sizing:border-box;width: 261px;height:190px;border: 1px solid #E0E0E0;background-color:#FFFFFF;margin:0 18px 18px 0; border-radius: 10px;}
.giftcard_list li:nth-child(3n){margin-right:0;}
.giftcard_list .active:hover{border:1px solid #159EFD;}
.giftcard_list .active:last-child{margin-bottom: 0;}
.giftcard_list a{padding: 35px 21px; display: inline-block; width: 100%; height: 100%; text-align: center;}
.giftcard_list a .gift_text{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); text-align: center; width: 160px; font-size: 16px; font-weight: 500;}
.use_guide{box-sizing: border-box;display:flex;justify-content: space-around;align-items:center;width: 100%; height: 160px; padding: 28px 10px 22px 10px; background-color: var(--color-white); border: 1px solid var(--color-bluegray2); border-radius: 10px;}
.use_guide li{float: left; width: 12%; font-size: var(--font-size-sm); text-align: center; color: var(--color-gray11);}
.use_guide .other_wd{width:15%;}
.use_guide li .SpGiftGroup{ display:inline-block;width:70px;height:54px;margin-bottom:10px;}
.use_guide li .gift_guide1{ background-position:0 -8px;}
.use_guide li .gift_guide2{ background-position:-60px -8px;}
.use_guide li .gift_guide3{ background-position:-120px -8px;}
.use_guide li .gift_guide4{ background-position:-180px -8px;}
.use_guide .arrow{ width:35px;height:14px;background-position:0 -130px;}
.use_guide li span{ display:block;height:70px;text-align:center }
.notice_box{margin-top:20px;padding:25px 0 25px 30px;background-color:#F5F7F8;}
.notice_box > dt{margin-bottom:10px;font-size:16px;}
.notice_box > dd{position:relative;padding-left:15px;font-size:12px;line-height:20px;color:#767676;}
.notice_box.dash > dd::before{position:absolute;top:0;left:0;content:"-";}
.g_container .giftcard_list .flag{position: absolute; top: 0; left: 0; width: 65px; height: 30px; border-radius: 10px 0 10px 0; font-size: 15px; color: var(--color-white); font-weight: 500; display: flex; justify-content: center; align-items: center;}
.g_container .giftcard_list .new{background-color: #1db8b4;}
.g_container .giftcard_list .discount{background-color: var(--color-red7);}
.g_container .giftcard_list .cant_calture{position: absolute; top: 25px; right: 25px; width: 70px; height: 70px; background-color: var(--color-red5); color: var(--color-white); border-radius: 50%; display: flex; text-align: center; align-items: center; font-size: 16px;}
.g_container .giftcard_list .event_icon{background-color: var(--color-red7); color: var(--color-white); border-radius: 5px; padding: 1px 5px; font-size: 14px;}
.side_banner_fix{position:fixed;bottom:20px;left:50%;margin-left:560px;}
.side_banner_fix img{border-radius: 5px;}
.side_banner{position:absolute;left:calc(100% + 20px);bottom:0;}
.side_banner img{border-radius: 5px;}

/* ITM-13002 상품권몰_문화상품권 메인 이미지 수정_WEB */
.g_container .giftcard_list .ribbon_right{position:absolute;top:0;right:0;}