/*
 * @title		모바일 게임
 * @author		[F/E] 김보람
 * @date		2017.05.31
 * @update		2020.11.09([F/E] 김용)
 *              2025.11.20([F/E] 류지원)
 * @description
 * .main_category 가운데 정렬 적용
 * .main_category > li -> 넓이 수정
 */

/* 공통 */
.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;}

/* ▼▼▼ ITM-9634 모바일매니아 UI변경_PC 유준호 ▼▼▼ */
.top_area{position: relative; width: 1080px; height: 214px; margin: 0 auto;}
.carousel_module{height: 100%;}
.carousel_images{border-radius: 10px;}

.category_area{position: relative; width: 1080px; margin: 40px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.main_category{position: relative; margin: 0; font-size: 0; text-align: center;}
.main_category > li{display: inline-block; box-sizing: border-box; font-size: 20px; text-align: center; color: var(--color-gray6); background-color: var(--color-white);}
.main_category > li > a{margin-right: 50px;}
.main_category > .main_active > a{color: var(--color-gray11); border-bottom: 2px solid var(--color-gray11); font-weight: bold;}

.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;}

.sub_category{position: relative; box-sizing: border-box; width: 100%; margin-top: 40px;}
.sub_category > li{display: inline-block; min-width: 80px; max-height: 40px; margin-right: 5px; padding: 11px 0; border-radius: 24px; font-size: 15px; text-align: center; cursor: pointer; background-color: var(--color-bluegray1); color: var(--color-gray8);}
.sub_category > li:not(.sub_active):hover{background-color: var(--color-gray2);}
.sub_category > li > a{padding: 11px 21px;}
.sub_category > .sub_active{background-color: var(--color-blue6); color: var(--color-white); font-weight: bold;}
/* 공통 */

/* 사전예약 레이어 */
#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;}*/
/* 사전예약 레이어 */

.search_result{margin-top: 20px; font-size: 20px; font-weight: bold; color: #268EFF;}

.content_item_wrap{overflow: hidden; margin-top: 40px; font-size: 0;}
.content_item{position: relative; display: inline-block; box-sizing: border-box; width: 342px; margin: 0 27px 30px 0; border: 1px solid #E6E6E6; border-radius: 10px; border-bottom: 0; vertical-align: top; background-color: var(--color-white); overflow: hidden;}
.content_item:hover{color: var(--color-blue6);}
.content_item > div{float: left;}
.content_item:nth-child(3n){margin-right: 0;}
.content_item_empty{padding: 50px 0; text-align: center;}

.content_img{position: relative; overflow: hidden; width: 340px; height: 146px;}
.content_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;}
/*.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 *!}*/
.hover_check:hover a{filter: brightness(0.7);}
.content_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);}

.content_detail{position: relative; width: 340px; border-bottom: 1px solid #E6E6E6;}
.content_detail > .crd_genre{padding: 25px 0 0 20px; font-size: 14px; color: var(--color-gray8);}
.content_detail > .crd_title{padding: 10px 0 0 20px; font-size: 20px; font-weight: bold;}
.content_detail > .crd_sub{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 340px; height: 45px; padding: 10px 20px 0 20px; margin-bottom: 15px; font-size: 14px; color: var(--color-gray7);}
.content_detail > .crd_buttons{position: relative; text-align: center; padding: 0 20px 20px;}
.content_detail > .crd_buttons.border_top{border-top: 1px solid #E6E6E6; height: 156px;}
/*.content_detail > .crd_buttons2{position:relative;height:147px;min-height:90px;border-top:1px solid #E6E6E6;text-align:center;}*/
.content_detail > .crd_buttons > a{display: inline-block; box-sizing: border-box; font-size: 16px; text-align: center; vertical-align: top; cursor: pointer;}

/* 버튼: 사전예약, 무료쿠폰 */
.content_detail > .crd_buttons > .bottom_btn{display: block; width: 300px; height: 50px; min-height: 50px; background-color: var(--color-blue6); line-height: 50px; color: var(--color-white); margin-top: 5px; border-radius: 7px;}
.content_detail > .crd_buttons > .bg_white{background-color: var(--color-gray6); cursor: default; color: var(--color-white);}
/* 버튼: 사전예약, 무료쿠폰 */

/* 버튼: 다운로드 */
.content_detail > .crd_buttons > .download_btn{width: 24px; height: 24px; margin: 10px 10px 0 0;}
.content_detail > .crd_buttons > .download_btn:hover{filter: brightness(0) invert(0);}
/*.content_detail > .crd_buttons > .apple_dwn_btn{background-image:url(//img1.itemmania.com/new_images/portal/free_coupon/icon_app_40.png);}*/
/*.content_detail > .crd_buttons > .and_dwn_btn{background-image:url(//img1.itemmania.com/new_images/portal/free_coupon/icon_and_40.png);}*/
/*.content_detail > .crd_buttons > .ms_dwn_btn{background-image:url(//img1.itemmania.com/new_images/portal/free_coupon/icon_win_40.png);}*/
/*.content_detail > .crd_buttons > .one_dwn_btn{background-image:url(//img1.itemmania.com/new_images/portal/free_coupon/icon_one_40.png);}*/
/*.content_detail > .crd_buttons > .nox_dwn_btn{background-image:url(//img1.itemmania.com/new_images/portal/free_coupon/icon_nox_40.png);}*/
/*.content_detail > .crd_buttons > .apple_dwn_btn:hover{background-color:#159EFD;color:white;}*/
/*.content_detail > .crd_buttons > .and_dwn_btn:hover{background-color:#159EFD;color:white;}*/
/*.content_detail > .crd_buttons > .ms_dwn_btn:hover{background-color:#159EFD;color:white;}*/
/*.content_detail > .crd_buttons > .one_dwn_btn:hover{background-color:#159EFD;color:white;}*/
/*.content_detail > .crd_buttons > .nox_dwn_btn:hover{background-color:#159EFD;color:white;}*/
/* 버튼: 다운로드 */

/* 버튼: 쿠폰사용, 쿠폰받기 */
.content_detail > .crd_buttons > .coupon_dwn_btn{position: relative; width: 145px; height: 45px; margin: 5px 10px 0 0; padding: 0 10px; background-color: var(--color-blue6); color: var(--color-white); border-radius: 7px; line-height: 45px;}
.content_detail > .crd_buttons > .coupon_dwn_btn:last-child{margin-right: 0;}
.content_detail > .crd_buttons > .coupon_dwn_btn.coupon_use{background-color: var(--color-bluegray8);}
.content_detail > .crd_buttons > .coupon_dwn_btn.coupon_num{cursor: default; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/* 버튼: 쿠폰사용, 쿠폰받기 */

.content_detail > .crd_buttons > .reservation_gift_wrap{position: relative; overflow: hidden; width: 300px; height: 27px; margin-top: 15px; white-space: nowrap; cursor: default;}
.content_detail > .crd_buttons > .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;}
.content_detail > .crd_buttons > .reservation_gift_wrap > .reservation_gift_item:last-child{margin-right: 0;}
.content_detail > .crd_buttons > .reservation_gift_wrap > .reservation_gift_item .icon{position: absolute; left: 0; z-index: 1;}
.content_detail > .crd_buttons > .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;}
/*.content_detail > .crd_buttons > .reservation_gift_wrap > .gift_item1{width:73px;height:32px;background:url(//img1.itemmania.com/new_images/portal/free_coupon/icon_res_add.jpg) no-repeat;}*/
/*.content_detail > .crd_buttons > .reservation_gift_wrap > .gift_item2{background:url(//img1.itemmania.com/new_images/portal/free_coupon/icon_res_point.jpg) no-repeat;line-height:30px;}*/
/*.content_detail > .crd_buttons > .reservation_gift_wrap > .gift_item3{width:70px;height:30px;background:url(//img1.itemmania.com/new_images/portal/free_coupon/icon_res_mileage.jpg) no-repeat;}*/
/*.content_detail > .crd_buttons > .reservation_gift_wrap > .gift_item4{width:70px;height:30px;background:url(//img1.itemmania.com/new_images/portal/free_coupon//icon_res_dis.jpg) no-repeat;}*/
/*.content_detail > .crd_buttons > .reservation_gift_wrap > .gift_item5{width:70px;height:30px;background:url(//img1.itemmania.com/new_images/portal/free_coupon/icon_res_gg.jpg) no-repeat;}*/
.content_detail > .crd_buttons > .append_reservation{position: relative; box-sizing: border-box; margin: 10px 0 15px; font-size: 13px; cursor: default; color: var(--color-gray8); height: 19px;}
.content_detail > .crd_buttons > .append_reservation > .ap_progress_wrap{position: relative; top: 3px; left: 5px; display: inline-block; width: 185px; height: 15px; background-color: var(--color-gray2); cursor: default; border-radius: 10px; overflow: hidden;}
.content_detail > .crd_buttons > .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;}

.content_item_empty.empty_item{margin-top: 40px; font-size: 16px; font-weight: 500; display: flex; align-items: center; flex-direction: column; justify-content: center; width: 1080px; height: 340px; color: var(--color-gray11); border: 1px solid var(--color-gray3); border-radius: var(--border-radius); gap: 18px;}
.content_item_empty.empty_item:before {display: block; width: 52px; height: 52px; content: ''; background: url("//img4.itemmania.com/new_images/myroom/icon_result.png") no-repeat;}

/* 배너 영역 */
.side_banner_fix{position:fixed;bottom:30px;left:50%;margin-left:570px;}
.side_banner{position:absolute;bottom:0;left:calc(100% + 30px);}
.item_area > a{display:block;margin-bottom:20px;}
.item_area > a:last-child{margin-bottom:0;}

.point_box3 .notice{padding:0 40px;}