/*
 * @title		무료쿠폰 > 상세 페이지
 * @author		[F/E] 김현진
 * @date		2016.03.17
 * @update		2025.11.20([F/E] 류지원)
 * @description
 */

/* 공통 */
.menu{margin-bottom: 15px;}
.menu > a{display: inline-block; margin-right: 5px; padding-left: 6px; background: url(//img3.itemmania.com/images/icon/tbl_line_gray2.gif) no-repeat 0 50%; font-size: 22px; font-weight: normal; vertical-align: text-bottom; letter-spacing: -1px;}
.menu a:first-child{padding-left: 0; background: none;}

.game_search_input{position: relative; width: 250px; right: 0; margin: 0; padding: 0;}
.game_search_input > input{box-sizing: border-box; width: 250px; height: 40px; padding: 0 15px; border: 1px solid #D8DCE1; outline: none; border-radius: 20px; color: var(--color-gray6);}
.game_search_input > .search_icon_btn{position: absolute; top: 11px; right: 15px; width: 18px; height: 18px; background: url(//img3.itemmania.com/new_images/portal/center/btn_search_black.png) 0 / 18px no-repeat; cursor: pointer;}
/* 공통 */

/* 사전예약 레이어 */
#reservation_layer{z-index: 100; position: fixed; display: none; box-sizing: border-box; font-size: 12px; font-weight: bold; letter-spacing: 0;}
/*#reservation_layer.addbene{height:640px;margin-top:-320px;background-image:url(//img3.itemmania.com/new_images/free_coupon/point/pop03.jpg);}*/
/*#reservation_layer.bene{height:490px;margin-top:-245px;background-image:url(//img3.itemmania.com/images/portal/free_coupon/pop03.jpg);}*/
/*#reservation_layer.nobene{height:390px;margin-top:-195px;background-image:url(//img3.itemmania.com/images/portal/free_coupon/pop04.jpg);}*/
#reservation_layer > .inner > .cont > .resv_plan{border: 1px solid #E6E6E6; border-radius: 10px; padding: 15px; text-align: center; font-size: 15px; color: var(--color-gray7);}
#reservation_layer > .inner > .cont > .resv_plan > span{color: var(--color-blue6);}
#reservation_layer > .inner > .cont > .resv_title{font-size: 16px; margin-top: 20px; margin-bottom: 5px;}
#reservation_layer.addbene > .inner > .cont > .resv_benefit{border: 1px solid #E6E6E6; border-radius: 10px; padding: 15px; font-size: 15px;}
#reservation_layer.addbene > .inner > .cont > .resv_addbenefit{border: 1px solid #E6E6E6; border-radius: 10px; padding: 15px; font-size: 15px;}
#reservation_layer.bene > .inner > .cont > .resv_benefit{border: 1px solid #E6E6E6; border-radius: 10px; padding: 15px; font-size: 15px;}
#reservation_layer.bene > .inner > .cont > .resv_addbenefit_title{display: none;}
#reservation_layer.bene > .inner > .cont > .resv_addbenefit{display: none;}
#reservation_layer.nobene > .inner > .cont > .resv_title{display: none;}
#reservation_layer.nobene > .inner > .cont > .resv_benefit{display: none;}
#reservation_layer.nobene > .inner > .cont > .resv_addbenefit{display: none;}
/*#reservation_layer.addbene > .inner > .cont > .resv_addbenefit{position:relative;width:375px;margin-top:45px;margin-left:5px;font-size:12px;line-height:18px;}*/
/*#reservation_layer.nobene > .inner > .cont > .resv_benefit{height:0;margin-top:80px;}*/
/*#reservation_layer > .inner > .cont > .resv_benefit{position:relative;width:375px;height:50px;margin-top:105px;margin-left:5px;font-size:14px;}*/
#reservation_layer > .inner > .cont > .resv_agreement{margin-top: 30px; font-size: 15px; display: flex; align-items: center;}
#reservation_layer > .inner > .cont > .resv_agreement > #reservation_agree{width: 15px; height: 15px;}
#reservation_layer > .inner > .cont > .resv_tos{background-color: var(--color-gray2); border-radius: 10px; padding: 15px; line-height: 17px; margin-top: 5px; font-weight: normal;}
/*#reservation_layer > .inner > .cont > .resv_tos > span{font-weight:normal;}*/
/*#reservation_layer > .inner > .cont > .resv_tos > .red{font-weight:bold;color:#F43B2D;}*/
#reservation_layer > .inner > .cont > .g_btn{margin: 30px 0 0;}
#reservation_layer > .inner > .cont > .g_btn>:not(:last-child){margin-right: 10px;}
#reservation_layer > .inner > .cont > .g_btn.desc > div{display: inline-block; width: 180px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; cursor: pointer; border-radius: 10px;}
#reservation_layer > .inner > .cont > .g_btn.desc > div#resv_userinfo{background-color: var(--color-gray9); color: var(--color-white);}
#reservation_layer > .inner > .cont > .g_btn.desc > div#resv_resv{background-color: var(--color-blue6); color: var(--color-white);}
/*#reservation_layer > .inner > .cont > .g_btn.desc > div#resv_userinfo{background:url(//img3.itemmania.com/images/portal/free_coupon/btn_03.jpg) 0 no-repeat;}*/
/*#reservation_layer > .inner > .cont > .g_btn.desc > div#resv_resv{background:url(//img3.itemmania.com/images/portal/free_coupon/btn_04.jpg) 0 no-repeat;}*/
/*#reservation_layer > #resv_layer_close{position:absolute;top:16px;right:16px;width:19px;height:19px;background:url(//img4.itemmania.com/images/banner/top/top_close_w.png) 0 no-repeat;;cursor:pointer;}*/
/* 사전예약 레이어 */

.content_area{position: relative; width: 1080px; height: auto; margin: 0 auto;}
.content_item{position: relative; width: 100%; padding: 50px 0 50px 50px; box-sizing: border-box; border: 1px solid var(--color-bluegray2); border-radius: 10px; cursor: default; overflow: hidden;}
.content_item:hover{color: var(--color-blue6);}
.content_item > div{float: left; box-sizing: border-box;}
.content_detail{position: relative; box-sizing: border-box; width: 100%; height: auto; margin-top: 30px; padding: 65px 125px; border: 1px solid var(--color-bluegray2); border-radius: 10px;}

.cont_left_img{position: relative; overflow: hidden; width: 340px; height: 145px; border-radius: 10px;}
.cont_left_img a{display: inline-block; overflow: hidden; width: 100%; height: 100%; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out; -webkit-transition: transform .3s ease-out; transition: transform .3s ease-out; background-color: var(--color-white); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.cont_left_img > .icon_update{z-index: 1; position: absolute; top: 0; left: 0; padding: 2px 10px; background-color: #FD7E14; font-size: 14px; font-weight: bold; color: var(--color-white);}
/*.hover_check:hover a{-moz-transform:scale(1.2);-ms-transform:scale(1.2); !* IE 9 *!-o-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; !* IE8 *!filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod="auto expand"); !* IE6 and 7 *!}*/

.cont_right_detail{position: relative; width: 688px; padding-left: 60px;}
.cont_right_detail > .cont_right_detail_top{position: relative;}
.cont_right_detail > .cont_right_detail_top > .crd_genre{padding-bottom: 10px; color: var(--color-gray8); font-size: 14px;}
.cont_right_detail > .cont_right_detail_top > .crd_title{padding-bottom: 15px; color: var(--color-gray11); font-size: 22px; font-weight: bold;}
.cont_right_detail > .cont_right_detail_top > .crd_gift{max-width: 390px; padding-bottom: 12px; color: var(--color-gray7); font-size: 13px;}

/* 버튼: 사전예약 */
.cont_right_detail > .cont_right_detail_top > .crd_buttons{position: absolute; bottom: 30px; right: 20px; text-align: center;}
.cont_right_detail > .cont_right_detail_top > .crd_buttons > a{display: inline-block; box-sizing: border-box; font-size: 16px; text-align: center; vertical-align: top; cursor: pointer;}
.cont_right_detail > .cont_right_detail_top > .crd_buttons > .reservation_btn{display: block; width: 200px; height: 45px; min-height: 45px; background-color: var(--color-blue6); line-height: 45px; color: var(--color-white); border-radius: 7px;}
.cont_right_detail > .cont_right_detail_top > .crd_buttons > .reservation_btn_end{background-color: var(--color-gray6); cursor: default; color: var(--color-white); pointer-events: none;}
/* 버튼: 사전예약 */

/* 버튼: 무료쿠폰 */
.cont_right_detail > .cont_right_detail_top > .crd_buttons > .coupon_dwn_btn{display: inline-block; box-sizing: border-box; font-size: 16px; margin-right: 10px; text-align: center; cursor: pointer; line-height: 45px; background-color: var(--color-blue6); color: var(--color-white); z-index: 1; position: relative; min-width: 200px; height: 45px; padding: 0 10px; border-radius: 7px;}
/* 버튼: 무료쿠폰 */

/* 버튼: 다운로드 */
.cont_right_detail > .crd_buttons{position: relative; width: -moz-max-content; overflow: hidden;}
.cont_right_detail > .crd_buttons > .download_btn{width: 24px; height: 24px; vertical-align: middle;}
.cont_right_detail > .crd_buttons > .download_btn:hover{filter: brightness(0) invert(0);}
.cont_right_detail > .crd_buttons > .download_btn > img{vertical-align: top;}
/*.cont_right_detail > .crd_buttons > .apple_dwn_btn{background-image:url(//img2.itemmania.com/new_images/portal/free_coupon/icon_app.png);-webkit-background-size:18px;background-size:18px;}*/
/*.cont_right_detail > .crd_buttons > .and_dwn_btn{background-image:url(//img2.itemmania.com/new_images/portal/free_coupon/icon_and.png);-webkit-background-size:18px;background-size:18px;}*/
/*.cont_right_detail > .crd_buttons > .ms_dwn_btn{background-image:url(//img3.itemmania.com/new_images/portal/free_coupon/icon_win.png);-webkit-background-size:18px;background-size:18px;}*/
/*.cont_right_detail > .crd_buttons > .one_dwn_btn{background-image:url(//img3.itemmania.com/new_images/portal/free_coupon/icon_one.png);}*/
/*.cont_right_detail > .crd_buttons > .apple_dwn_btn:hover{background-color:#159EFD;background-image:url(//img2.itemmania.com/new_images/portal/free_coupon/icon_app_up.png);color:white;}*/
/*.cont_right_detail > .crd_buttons > .and_dwn_btn:hover{background-color:#159EFD;background-image:url(//img2.itemmania.com/new_images/portal/free_coupon/icon_and_up.png);color:white;}*/
/*.cont_right_detail > .crd_buttons > .ms_dwn_btn:hover{background-color:#159EFD;color:white;}*/
/*.cont_right_detail > .crd_buttons > .one_dwn_btn:hover{background-color:#159EFD;color:white;}*/
/*.cont_right_detail > .crd_buttons > .nox_dwn_btn{width:auto;padding:0 10px;background-color:#00C73C;text-align:center;color:#FFF;}*/
/* 버튼: 다운로드 */

/* 버튼: 쿠폰사용, 쿠폰받기  */
.cont_right_detail > .crd_buttons > a{display: inline-block; box-sizing: border-box; font-size: 16px; margin-right: 10px; text-align: center; cursor: pointer; line-height: 45px; color: var(--color-white);}
.cont_right_detail > .crd_buttons > .coupon_dwn_btn{z-index: 1; position: relative; min-width: 145px; height: 45px; padding: 0 10px; background-color: var(--color-blue6); color: var(--color-white); border-radius: 7px;}
.cont_right_detail > .crd_buttons > .coupon_dwn_btn:last-child{margin-right: 0;}
.cont_right_detail > .crd_buttons > .coupon_dwn_btn.coupon_use{background-color: var(--color-bluegray8);}
.cont_right_detail > .crd_buttons > .coupon_dwn_btn.coupon_num{cursor: default; white-space: nowrap;}
/* 버튼: 쿠폰사용, 쿠폰받기 */

.cont_right_detail > .crd_present{border-top: 1px solid var(--color-bluegray2); padding-top: 12px; position: relative; width: -moz-max-content; height: 40px; overflow: hidden;}
.cont_right_detail > .crd_present > .reservation_gift_wrap{position: relative; cursor: default;}
.cont_right_detail > .crd_present > .reservation_gift_wrap > .reservation_gift_item{position: relative; display: inline-block; overflow: hidden; box-sizing: border-box; width: 75px; height: 27px; margin-right: 5px; font-size: 12px; font-weight: bold; vertical-align: top;}
.cont_right_detail > .crd_present > .reservation_gift_wrap > .reservation_gift_item:last-child{margin-right: 0;}
.cont_right_detail > .crd_present > .reservation_gift_wrap > .reservation_gift_item .icon{position: absolute; left: 0; z-index: 1;}
.cont_right_detail > .crd_present > .reservation_gift_wrap > .reservation_gift_item .number_value{position: absolute; top: 4px; padding: 0 2px 0 30px; width: 75px; height: 20px; line-height: 20px; background-color: var(--color-gray2); color: var(--color-black); border-radius: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*.cont_right_detail > .crd_present > .reservation_gift_wrap > .reservation_gift_item1{width:73px;height:32px;background:url(//img3.itemmania.com/new_images/free_coupon/point/icon_res_add.jpg) no-repeat;}*/
/*.cont_right_detail > .crd_present > .reservation_gift_wrap > .reservation_gift_item2{width:85px;height:32px;background:url(//img3.itemmania.com/new_images/free_coupon/point/icon_res_point.jpg) no-repeat;}*/
/*.cont_right_detail > .crd_present > .reservation_gift_wrap > .reservation_gift_item3{width:85px;height:32px;background:url(//img3.itemmania.com/new_images/free_coupon/point/icon_res_mileage.jpg) no-repeat;}*/
/*.cont_right_detail > .crd_present > .reservation_gift_wrap > .reservation_gift_item4{width:85px;height:32px;background:url(//img3.itemmania.com/new_images/free_coupon/point/icon_res_dis.jpg) no-repeat;}*/
/*.cont_right_detail > .crd_present > .reservation_gift_wrap > .reservation_gift_item5{width:70px;height:32px;background:url(//img3.itemmania.com/new_images/free_coupon/point/icon_res_gg.jpg) no-repeat;}*/
.cont_right_detail > .append_reservation{position: relative; box-sizing: border-box; padding-top: 12px; width: 100%; font-size: 13px; cursor: default; color: var(--color-gray8);;}
.cont_right_detail > .append_reservation > .ap_progress_wrap{position: relative; top: 3px; left: 5px; display: inline-block; width: 200px; height: 15px; background-color: var(--color-gray2); cursor: default; border-radius: 10px; overflow: hidden;}
.cont_right_detail > .append_reservation > .ap_progress_wrap > .ap_progress_state{position: absolute; top: 0; bottom: 0; left: 0; box-sizing: border-box; height: 15px; padding-left: 5px; background-color: var(--color-blue6); font-size: 0;}

.text_content_area{position:relative;box-sizing:border-box;width:100%;height:auto;padding-top:20px;border-top:1px solid #DFDEDD;}
.text_content_area > .text_content{position:relative;width:100%;height:auto;padding:10px 0;word-break:keep-all;line-height:22px;}