/*
 * @title		서브페이지 공통
 * @author		[F/E] 김보람
 * @date		2017.04.12
 * @update		2025.11.03 ITM-15133 상품권몰 UI/UX 개편 - 류지원
 * @description
 */

.g_title{margin-bottom: 0;}
/* 상단박스 */
.ribbon{position: absolute; top: 0; left: 0; font-size: 0; display: flex;}
.ribbon .flag{width: 80px; 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;}
.ribbon .flag.new{background-color: #1db8b4; margin-right: 5px;}
.ribbon .flag.hot{background-color: #9675fa; margin-right: 5px;}
.ribbon .flag.discount{background-color: var(--color-red7);}
.gray_box{position: relative; overflow: hidden; border: 1px solid var(--color-bluegray2); border-radius: 10px; background-color: #f5f7f8;}
.gray_box .img_area{position:relative;float:left;margin-right:30px;border-right:1px solid #E0E0E0;}
.gray_box .gift_txt{float:left;padding-top:30px;}
.gray_box .gift_txt_title{padding-right: 20px; font-size: 20px; font-weight: bold; color: var(--color-gray10); position: relative;}
.gray_box .gift_txt_title .event_icon{vertical-align: middle; background-color: var(--color-red7); color: var(--color-white); border-radius: 5px; padding: 1px 5px; font-size: 14px; display: inline-block; margin-right: 5px;}
.gray_box .gift_txt_cont{height: 146px; padding-top: 15px; font-size: 16px; line-height: 170%; color: var(--color-gray8);}
.g_btn_new{margin-top: 0; margin-bottom: 30px; gap: 15px; justify-content: left; text-align: center;}
.g_btn_new a{width: 150px; height: 50px; font-size: 1var(--font-size-md); font-weight: bold;}
.g_btn_new .btn_info{border: 1px solid var(--color-bluegray5); color: var(--color-gray10); background-color: var(--color-white);}
.g_btn_new .btn_list{background-color: var(--color-gray10);}
.gift_btn{padding-top:30px;border-top:1px solid #E0E0E0}
.gray_box .btn_gray{ display:inline-block;box-sizing:border-box;width:190px;height:60px;background-color:#9F9F9F;font-size:16px;text-align:center;cursor:pointer;line-height:60px;color:var(--color-white);;}
.gray_box .btn_blue{ display:inline-block;box-sizing:border-box;width:190px;height:60px;margin-left:30px;background-color:var(--color-blue6);font-size:16px;text-align:center;cursor:pointer;line-height:60px;color:var(--color-white);;}
.gray_box .btn_gray2{ position:absolute;top:30px;right:36px;width:120px;height:30px;color:var(--color-gray8);;line-height:28px;}

/* 구매방법 */
/*.g_big_box1{display: table; table-layout: fixed; box-sizing: border-box; width: 100%; padding: 30px 24px; border: 1px solid #E0E0E0; border-radius: 10px; background-color: var(--color-white); font-size: 14px; color: #6E6E6E;}*/
/*.g_big_box1 > ul{display:table-row;}*/
/*.g_big_box1 li{display:table-cell;text-align:center;}*/
/*.g_big_box1 li > img{display:block;margin:0 auto 15px;}*/
/*.g_big_box1 .img_low{margin:0 auto 20px;}*/
/*.g_big_box1 .img_low2{margin:0 auto 25px;}*/
/*.g_big_box2{display:block;}*/
/*.g_big_box2 .title{margin:32px 0;font-weight:bold;}*/
/*.g_big_box2 .title:first-child{margin-top:0;}*/
/*.g_big_box2 > ul{display:table;table-layout:fixed;width:100%;}*/
/*.g_big_box2 > ul > li{display:table-cell;}*/
/*.g_big_box1 .arrow{width:40px;vertical-align:middle;}*/

/* FAQ */
.line_blue{border-bottom:2px solid #3F79C5;}
.faq_q{padding:16px 0 16px 30px;border-bottom:1px solid #E3E3E3;background:url(//img4.itemmania.com/new_images/portal/gift/ico_q.png) no-repeat 10px 50%;cursor:pointer; font-size: 16px;}
.faq_q.on{background-image:url(//img4.itemmania.com/new_images/portal/gift/ico_q.png);}
.faq_a{display:none;padding:20px 38px;border-bottom:1px solid #E4E4E4;background:#F9F9F9 url(//img4.itemmania.com/new_images/portal/gift/ico_a.png) no-repeat 15px 25px;line-height:170%; font-size: 14px;}
.faq_a ul{padding-left:10px;list-style:disc;}
.faq_a ul li{padding-bottom:15px;}
.default_block{display:block;}

/* 구매방법 아이콘 */
.sp_gi{background-image:url(//img1.itemmania.com/new_images/portal/gift/sp_giftcard_20251204.png);}
.g_big_box1{display:flex;flex-direction:row;justify-content: space-around;align-items: center;padding: 30px 24px; border: 1px solid #E0E0E0; border-radius: 10px; background-color: var(--color-white); font-size: 14px; color: #6E6E6E;}
.g_big_box1 li {text-align: center;font-size:var(--font-size-sm);color:var(--color-gray11)}
.g_big_box1 li.self_top {align-self: flex-start;}
.g_big_box1 li span{display:block;width:70px;height:54px;margin:0 auto 10px;}
.g_big_box1 .icon_default1{background-position:0 -8px;}
.g_big_box1 .icon_default2{background-position:-60px -8px}
.g_big_box1 .icon_default3{background-position:-120px -8px;}
.g_big_box1 .icon_default4{background-position:-180px -8px;}
.g_big_box1 .icon_default5{background-position:-240px -8px;}
.g_big_box1 .icon_default6{background-position:-300px -8px;}
.g_big_box1 .icon_default7{background-position:-360px -8px;}
.g_big_box1 .icon_default8{background-position:0 -68px;}
.g_big_box1 .icon_default9{background-position:-60px -68px;}
.g_big_box1 .icon_default10{background-position:-120px -68px;}
.g_big_box1 .icon_default11{background-position:-180px -68px;}
.g_big_box1 .icon_default12{background-position:-240px -68px;}
.g_big_box1 .icon_default13{background-position:-300px -68px;}
.g_big_box1 .icon_default14{background-position:-360px -68px;}
.g_big_box1 .arrow{ width:35px;height:14px;background-position:0 -130px;}


/* 팔라고 */
.palago{padding-top: 30px;}
.palago img{border-radius: 10px;}
.starballoon{padding-top: 30px;}

/*문화상품권 notice*/
#layer_culture_notice{width:430px;}
#layer_culture_notice .inner .layer_title{text-align:center;}
#layer_culture_notice .inner .layer_content{float:none;text-align:center;line-height:25px;font-size:14px;}
#layer_culture_notice .inner .f_bold{font-size:16px;}
#layer_culture_notice .cont_bt{color:var(--color-white);;font-size:12px;text-align:right;line-height:30px;position:absolute;width:100%;}
#layer_culture_notice .cont_bt > label{position:relative;padding-left:20px;cursor:pointer;}
#layer_culture_notice .cont_bt > label input[type=checkbox]{position:absolute;top:10%;left:0;width:12px;height:12px;opacity:0;z-index:1;}
#layer_culture_notice .cont_bt > label input[type=checkbox] + span{ position:absolute;top:10%;left:0;display:inline-block;height:12px;vertical-align:top;line-height:12px;}
#layer_culture_notice .cont_bt > label input[type=checkbox] + span:before{ position:absolute;top:10%;left:0;box-sizing:border-box;width:12px;height:12px;content:"";border:1px solid var(--color-white);;}
#layer_culture_notice .cont_bt > label input[type=checkbox]:checked + span:after{position:absolute;top:10%;left:0;box-sizing:border-box;width:7px;height:4px;margin:3px 0 0 3px;content:"";transform:rotate(-45deg);border:2px solid var(--color-white);;border-top:none;border-right:none;}

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