/*
 * @title		추천게임
 * @author		김보람, 정우관
 * @date		2012.05.02
 * @update		2025.12.16([F/E] 류지원)
 * @description
 */

.g_content div.recom_img{ width:264px; margin:20px 0; }
.g_content div.recom_img .new_layer{ position:absolute }
.g_content ul.g_left{ width:529px; margin:20px 0 13px 27px; }
.g_content ul.g_left li{ margin-bottom:7px }
.g_content ul.g_left .recom_info{ overflow:hidden; height:50px; margin:13px 0 0; word-break:break-all }
.g_content ul.g_left li strong{ font:bold 16px/normal "Malgun Gothic"; color:#2F2F2F }
.g_content ul.g_left li span{ font:13px/normal "Malgun Gothic"; color:#2F2F2F }
.g_content ul.g_left li a{display:inline-block;text-align:center;width:110px;height:30px;margin:10px 7px 0 0;font:bold 13px/normal "Malgun Gothic";color:#FFF;line-height:30px;cursor:pointer;}
.g_content ul.g_left li .btn-red{ background-color:#F43B2D;}
.g_content ul.g_left li .btn-blue{ background-color:#0085D6;}
.g_content ul.g_left li .btn-gray{ background-color:#898A8E;}
.g_content .gray_line{ border-top:1px solid #EEE }

/*.notice{position:relative;width:100%;background:#FAFAFA;border:1px solid #E1E1E1;padding:20px 40px;margin-top:30px;}*/
/*.notice > .notice-title{font-size:14px;font-weight:bold;}*/
/*.notice > .notice-content{color:#767676;line-height:20px;padding-left:10px;margin-left: 5px;font-size:12px;}*/

.g_content .game_box_list{margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px;}
.g_content .game_box{display: inline-block; width: 260px; border: 1px solid var(--color-gray3); border-radius: 10px; overflow: hidden;}
.g_content .game_box:nth-child(3n){margin-right:0;}
.g_content div.recom_img{ width:247px; margin:20px 0; }
.g_content dl.g_left{display:inline-block; float:none;width:100%;}

.g_content dl.g_left dt{position: relative;}
.g_content dl.g_left dt .game_img{display: inline-block; width: 260px; height: 130px;}
.g_content dl.g_left dd{text-align: start; margin: 20px;}
.g_content dl.g_left dt a{position:absolute; left:10px; top:10px;z-index: 2;}
.g_content dl.g_left dd a{text-align: center; height: 40px; font-size: 14px; font-weight: 500; color: var(--color-white); line-height: 40px; cursor: pointer; border-radius: 5px;}
.g_content dl.g_left dd .btn_gray{background-color: var(--color-bluegray2); color: var(--color-gray11);}
/*.g_content dl.g_left dd .btn-red{ background-color:#F43B2D;}*/
.g_content dl.g_left dd .btn-blue{ background-color:#0085D6;}
/*.g_content dl.g_left dd .btn-gray{ background-color:#898A8E;}*/

.g_content dl.g_left .game_name{font-size: 18px; color: #1d1d1d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.g_content dl.g_left .game_name span{display: inline-block; margin-left:5px;}
.g_content dl.g_left .game_name span img{display:inline-block; vertical-align:top; margin-top:3px;width:18px; height:18px;}
.g_content dl.g_left dd .game_genre{font-weight: 500; font-size: 15px; color: var(--color-gray11); margin-bottom: 2px;}
.g_content dl.g_left dd .user_grade{font-weight: 500; font-size: 13px; color: var(--color-gray7); height: 18px;}
.g_content dl.g_left dd .user_grade img{float: right;}
/*.g_content dl.g_left dd .g_black3 img{display:inline-block; vertical-align:top; margin:3px;}*/