@charset "utf-8"; /******** 매거진 메인 페이지 */ @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #magazineBody #feedRow.magazine_feed{padding:60px 16px;} } @media only screen and (max-width:599px) { #magazineBody #feedRow.magazine_feed{padding-top:0px;} } #magazineBody .magazine_feed .feed_title .page_title{line-height:38px;} #magazineBody .magazine_feed .feed_title .category_list_wrap{margin-top:27px;} #magazineBody .magazine_feed .feed_title .category_drag_wrap{width:calc(100% - 40px);overflow:hidden;display:inline-block;} #magazineBody .magazine_feed .feed_title .category_list{vertical-align:top;width:max-content;} #magazineBody .magazine_feed .feed_title .category_list_wrap.open_category_list .category_list{width:100%;} #magazineBody .magazine_feed .feed_title .category_list .category_item{line-height:32px;background:#ebeff8;border-radius:4px;padding:0 8px 1px 8px;margin-right:10px;margin-bottom:12px;cursor:pointer;user-select:none;} #magazineBody .magazine_feed .feed_title .category_list .category_item.category_on{background:#3f9dff;color:#FFF;} #magazineBody .magazine_feed .feed_title .category_list_toggle_button{float:right;width:32px;height:32px;vertical-align:top;border-radius:16px;background:#ebeff8;margin-left:8px;display:none;cursor:pointer;} #magazineBody .magazine_feed .feed_title .category_list_toggle_button img{width:32px;height:32px;padding:4px;transform:rotate(0deg);transition:transform 0.15s ease-out;} #magazineBody .magazine_feed .feed_title .category_list_wrap.open_category_list .category_list_toggle_button img{transform:rotate(180deg);} #magazineBody .magazine_feed .feed_title .magazine_header_wrap{margin-top:21px;line-height:36px;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .magazine_sort_search{float:right;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .magazine_sort_wrap .input_select_box{vertical-align:top;margin-top:4px;margin-right:1px;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .magazine_sort_wrap .input_select_box .select_option_wrap{width:120px;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .magazine_sort_wrap .divider{width:1px;height:16px;background:#ced8e5;vertical-align:top;margin:8px 4px 0 4px;} @media only screen and (max-width:599px) { #magazineBody .magazine_feed .feed_title .page_title{display:none;} #magazineBody .magazine_feed .feed_title .category_list_wrap{margin-top:16px;padding:0 16px;} #magazineBody .magazine_feed .feed_title .category_drag_wrap{width:calc(100% - 34px);} #magazineBody .magazine_feed .feed_title .category_list .category_item{line-height:28px;padding:0 6px;margin-right:8px;margin-bottom:7px;font-size:14px;} #magazineBody .magazine_feed .feed_title .category_list_toggle_button{width:28px;height:28px;border-radius:14px;margin-left:6px;} #magazineBody .magazine_feed .feed_title .category_list_toggle_button img{width:28px;height:28px;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap{margin-top:10px;padding:0 16px;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .magazine_cnt{width:130px;} } #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap{position:relative;vertical-align:top;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap.search_off{width:48px;text-align:right;cursor:pointer;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap .search_icon{height:16px;position:absolute;left:4px;top:10px;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap.search_on .search_icon{left:8px;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap .show_search_button{user-select:none;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap .hide_search_button{user-select:none;cursor:pointer;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap .magazine_search_input_box{overflow:hidden;display:inline-block;vertical-align:top;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap .magazine_search_input_box input{height:36px;vertical-align:top;padding-left:26px;padding-right:26px;border-radius:18px;border:solid 1px #ced8e5;margin-right:4px;width:200px;font-size:13px;appearance:none;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap .magazine_search_input_box input::placeholder{color:#697B96;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap.search_on .magazine_search_input_box{display:inline-block;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap.search_off .magazine_search_input_box{display:none;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap.search_on .show_search_button{display:none;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap.search_off .show_search_button{display:inline-block;} #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap .magazine_search_input_box .input_cancel{top:1px;right:30px;} @media only screen and (max-width:599px) { #magazineBody .magazine_feed .feed_title .magazine_header_wrap .search_input_wrap .magazine_search_input_box input{width:calc(100vw - 194px);max-width:200px;} } #magazineBody #magazineMainDisplayAd{margin:16px 0 40px 0;} @media only screen and (max-width:599px) { #magazineBody #magazineMainDisplayAd{width:calc(100% - 32px);margin:16px auto 8px auto;} } #magazineBody .magazine_feed .feed_list{margin-top:16px;} #magazineBody .magazine_feed .table_page{margin-top:100px;} @media only screen and (max-width:599px) { #magazineBody .magazine_feed .magazine_first_item{padding:0 16px;} #magazineBody .magazine_feed .feed_list{margin-top:0px;padding:0 16px;} #magazineBody .magazine_feed .table_page{margin-top:57px;} } /******** 매거진 아이템 */ #magazineBody .magazine_item{display:inline-block;vertical-align:top;width:300px;margin:70px 30px 0px 0;} #magazineBody .magazine_item:nth-child(3n){margin-right:0px;} #magazineBody .magazine_item:nth-child(-n+3){margin-top:0px;} #magazineBody .magazine_item.large_magazine{display:block;margin:16px 0 70px 0;width:100%;} #magazineBody .magazine_item .magazine_image{background-size:cover;background-position:center;background-repeat:no-repeat;width:300px;height:170px;border-radius:13px;} #magazineBody .magazine_item.large_magazine .magazine_image{width:calc(100% - 328px);height:361px;display:inline-block;vertical-align:top;margin-right:28px;} #magazineBody .magazine_item .magazine_info_wrap{width:100%;display:block;vertical-align:top;padding-top:12px;padding-bottom:4px;} #magazineBody .magazine_item.large_magazine .magazine_info_wrap{width:300px;display:inline-block;padding-top:2px;} #magazineBody .magazine_item .category_item{cursor:pointer;display:inline;} #magazineBody .magazine_item .category_wrap{line-height:18px;height:18px;} #magazineBody .magazine_item .title{line-height:24px;margin-top:6px;height:48px;overflow:hidden;} #magazineBody .magazine_item.large_magazine .title{line-height:38px;margin-top:12px;height:auto;} #magazineBody .magazine_item .magazine_badge{border-radius:2px;line-height:18px;vertical-align:top;margin-top:3px;padding:0 4px 1px 4px;margin-left:4px;} #magazineBody .magazine_item.large_magazine .magazine_badge{margin-top:10px;} #magazineBody .magazine_item.large_magazine .content_preview{line-height:22px;width:100%;max-height:66px;overflow:hidden;margin-top:12px;} #magazineBody .magazine_item .user_info_wrap{line-height:20px;margin-top:20px;} #magazineBody .magazine_item .user_info_wrap .user_profile_image{height:20px;border:solid 1px #ced8e5;border-radius:10px;vertical-align:top;margin-right:4px;} #magazineBody .magazine_item .user_info_wrap .divider{margin:0 8px;} #magazineBody .magazine_item .user_info_wrap .comment_cnt img{height:18px;margin:1px 2px 0 0;} @media only screen and (max-width:1000px) and (min-width:768px) { .mobile_width #magazineBody .magazine_item{width:calc(33vw - 24px);margin:70px 20px 0px 0;} .mobile_width #magazineBody .magazine_item:nth-child(3n){margin-right:0px;} .mobile_width #magazineBody .magazine_item:nth-child(-n+3){margin-top:0px;} .mobile_width #magazineBody .magazine_item.large_magazine{display:block;margin:16px 0 70px 0;width:100%;} .mobile_width #magazineBody .magazine_item .magazine_image{width:calc(33vw - 24px);height:calc(19vw - 13px);} .mobile_width #magazineBody .magazine_item.large_magazine .magazine_image{width:calc(100vw - 360px);height:calc(57vw - 205px);} } @media only screen and (max-width:767px) and (min-width:600px) { .mobile_width #magazineBody .magazine_item{width:calc(50vw - 26px);margin:70px 20px 0px 0;} .mobile_width #magazineBody .magazine_item:nth-child(3n){margin-right:20px;} .mobile_width #magazineBody .magazine_item:nth-child(-n+3){margin-top:70px;} .mobile_width #magazineBody .magazine_item:nth-child(2n){margin-right:0px;} .mobile_width #magazineBody .magazine_item:nth-child(-n+2){margin-top:0px;} .mobile_width #magazineBody .magazine_item.large_magazine{display:block;margin:16px 0 70px 0;width:100%;} .mobile_width #magazineBody .magazine_item .magazine_image{width:calc(50vw - 26px);height:calc(28vw - 15px);} .mobile_width #magazineBody .magazine_item.large_magazine .magazine_image{width:calc(100vw - 360px);height:232px;} } @media only screen and (max-width:599px) { #magazineBody .magazine_item{display:block;width:100%;margin:0;padding:16px 0;border-bottom:solid 1px #ebeff8;} #magazineBody .magazine_item:last-child{border-bottom:none;} #magazineBody .magazine_item.large_magazine{display:block;width:100%;margin:0;padding:16px 0;border-bottom:solid 1px #ebeff8;} #magazineBody .magazine_item .magazine_image{width:150px;height:100px;border-radius:8px;display:inline-block;vertical-align:top;margin-right:12px;} #magazineBody .magazine_item.large_magazine .magazine_image{width:150px;height:100px;border-radius:8px;display:inline-block;vertical-align:top;margin-right:12px;} #magazineBody .magazine_item .magazine_info_wrap{width:calc(100% - 162px);display:inline-block;vertical-align:top;padding-top:0px;padding-bottom:0px;} #magazineBody .magazine_item.large_magazine .magazine_info_wrap{width:calc(100% - 162px);display:inline-block;vertical-align:top;padding-top:0px;padding-bottom:0px;} #magazineBody .magazine_item .category_wrap{line-height:17px;height:17px;font-size:11px;font-weight:700;letter-spacing:0.9px;} #magazineBody .magazine_item .title{line-height:22px;margin-top:1px;height:44px;overflow:hidden;font-size:14px;letter-spacing:-0.3px;} #magazineBody .magazine_item.large_magazine .title{line-height:22px;margin-top:1px;height:44px;overflow:hidden;font-size:14px;letter-spacing:-0.3px;} #magazineBody .magazine_item .magazine_badge{margin-top:1px;} #magazineBody .magazine_item.large_magazine .magazine_badge{margin-top:1px;} #magazineBody .magazine_item.large_magazine .content_preview{display:none;} #magazineBody .magazine_item .user_info_wrap{line-height:17px;font-size:12px;} #magazineBody .magazine_item .user_info_wrap .user_profile_image{height:18px;border-radius:9px;} #magazineBody .magazine_item .user_info_wrap .comment_cnt img{height:16px;margin:1px 2px 0 0;} } @media only screen and (max-width:350px) { #magazineBody .magazine_item .magazine_image{width:100px;} #magazineBody .magazine_item.large_magazine .magazine_image{width:100px;} #magazineBody .magazine_item .magazine_info_wrap{width:calc(100% - 112px);} #magazineBody .magazine_item.large_magazine .magazine_info_wrap{width:calc(100% - 112px);} } /******** 매거진 상세보기 */ #magazineBody #magazineRow.body_row{overflow:unset;padding-bottom:80px;} @media only screen and (max-width:599px) { #magazineBody #magazineRow.body_row{padding-bottom:0px;} } #magazineBody #magazineTopDisplayAd{margin:60px 0 0px 0;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #magazineBody #magazineTopDisplayAd{width:calc(100% - 40px);margin:40px auto 0px auto;} } @media only screen and (max-width:599px) { #magazineBody #magazineTopDisplayAd{width:calc(100% - 32px);margin:8px auto 8px auto;} } #magazineBody .magazine_detail{width:680px;margin:67px auto 0 auto;} #magazineBody .magazine_detail .magazine_header .category_wrap{line-height:19px;user-select:none;} #magazineBody .magazine_detail .magazine_header .category_wrap .navi_btn_group{margin-right:6px;} #magazineBody .magazine_detail .magazine_header .category_wrap .navi_btn_group span{margin:0 6px;} #magazineBody .magazine_detail .magazine_header .category_wrap .navi_btn_group span:first-child{margin-left:0px;} #magazineBody .magazine_detail .magazine_header .category_wrap .navi_btn{cursor:pointer;} #magazineBody .magazine_detail .magazine_header .category_wrap .category_item{cursor:pointer;} #magazineBody .magazine_detail .magazine_header .title{line-height:47px;margin-top:8px;} #magazineBody .magazine_detail .magazine_header .writer_time_wrap{margin-top:20px;line-height:19px;} #magazineBody .magazine_detail .magazine_header .writer_time_wrap .magazine_writer{margin-right:20px;} #magazineBody .magazine_detail .magazine_header .writer_time_wrap .comment_cnt{margin-left:20px;} #magazineBody .magazine_detail .magazine_header .divider{width:100%;height:1px;background:#ebeff8;margin:20px 0 24px 0;} #magazineBody .magazine_detail .content{letter-spacing:-0.2px;line-height:32px;} #magazineBody .magazine_detail .content a{overflow-wrap:break-word;} #magazineBody .magazine_detail .content span{display:inline;} #magazineBody .magazine_detail .content h2{font-weight:700;font-size:30px;line-height:46px;letter-spacing:-0.72px;} #magazineBody .magazine_detail .content h3{font-weight:700;font-size:26px;line-height:38px;letter-spacing:-0.63px;} #magazineBody .magazine_detail .content h4{font-weight:700;font-size:22px;line-height:33px;letter-spacing:-0.53px;} #magazineBody .magazine_detail .content h5{font-weight:700;font-size:20px;line-height:30px;letter-spacing:-0.53px;} #magazineBody .magazine_detail .content h6{font-weight:700;font-size:18px;line-height:27px;letter-spacing:-0.43px;} @media only screen and (max-width:599px) { #magazineBody .magazine_detail .content h2{font-size:24px;line-height:34px;letter-spacing:-0.63px;} #magazineBody .magazine_detail .content h3{font-size:22px;line-height:32px;letter-spacing:-0.63px;} #magazineBody .magazine_detail .content h4{font-size:20px;lineheight:30px;letter-spacing:-0.53px;} #magazineBody .magazine_detail .content h5{font-size:17px;line-height:27px;letter-spacing:-0.43px;} #magazineBody .magazine_detail .content h6{font-size:16px;line-height:26px;letter-spacing:-0.4px;} } #magazineBody .magazine_detail .content .m_s_b{font-weight:700;} #magazineBody .magazine_detail .content .m_s_u{text-decoration:underline;} #magazineBody .magazine_detail .content .m_s_red{color:#EC5245;} #magazineBody .magazine_detail .content .m_s_blue{color:#3F9DFF;} #magazineBody .magazine_detail .content .m_s_gray{color:#697B96;} #magazineBody .magazine_detail .content .m_s_t14{font-size:14px;} #magazineBody .magazine_detail .content .m_s_t18{font-size:18px;} #magazineBody .magazine_detail .content .m_s_t20{font-size:20px;} #magazineBody .magazine_detail .content .m_s_sup{font-size:12px;line-height:14px;vertical-align:top;margin-top:2px;display:inline-block;} #magazineBody .magazine_detail .content .m_s_sub{font-size:12px;line-height:14px;vertical-align:bottom;margin-bottom:2px;display:inline-block;} #magazineBody .magazine_detail .content .m_d_l{text-align:left;} #magazineBody .magazine_detail .content .m_d_c{text-align:center;} #magazineBody .magazine_detail .content .m_d_r{text-align:right;} #magazineBody .magazine_detail .content .m_d_b{border:solid 1px #ced8e5;border-radius:13px;padding:28px;} #magazineBody .magazine_detail .content .m_d_q{border-left:solid 4px #031827;padding-left:16px;line-height:24px;color:#031827;font-size:16px;letter-spacing:-0.4px;margin:24px 0;} #magazineBody .magazine_detail .content .m_d_col{width:100%;border-radius:13px;background:#ebeff8;overflow:hidden;margin:12px 0;position:relative;} #magazineBody .magazine_detail .content .m_d_col .m_d_col_t{font-weight:700;padding:12px 48px 12px 20px;cursor:pointer;} #magazineBody .magazine_detail .content .m_d_col .m_d_col_c{padding:16px 20px;overflow:hidden;border-top:solid 1px #ced8e5;} #magazineBody .magazine_detail .content .m_d_col.collapse_content .m_d_col_c{padding:0 20px;border-top:solid 1px transparent;height:0;} #magazineBody .magazine_detail .content .m_d_col.animation_class .m_d_col_c{transition:all 0.15s ease-out;} #magazineBody .magazine_detail .content .m_d_col .col_arrow_icon{height:28px;position:absolute;top:16px;right:20px;cursor:pointer;transform:rotate(180deg);} #magazineBody .magazine_detail .content .m_d_col.collapse_content .col_arrow_icon{transform:rotate(0deg);} #magazineBody .magazine_detail .content .m_d_col.animation_class .col_arrow_icon{transition:transform 0.15s ease-out;} #magazineBody .magazine_detail .content .line_divider{width:100%;height:1px;background:#95a3b8;margin:24px 0;} #magazineBody .magazine_detail .content .sline_divider{width:120px;height:4px;background:#95a3b8;margin:24px auto;} #magazineBody .magazine_detail .content > img{max-width:100%;height:auto;} #magazineBody .magazine_detail .content > p > img{max-width:100%;height:auto;} #magazineBody .magazine_detail .content .magazine_image_wrap{width:100%;margin:16px auto;text-align:center;} #magazineBody .magazine_detail .content .magazine_image_wrap.m_i_align_l{text-align:left;} #magazineBody .magazine_detail .content .magazine_image_wrap.m_i_align_r{text-align:right;} #magazineBody .magazine_detail .content .magazine_image_wrap .magazine_image{max-width:100%;} #magazineBody .magazine_detail .content .magazine_image_wrap.m_i_size_h .magazine_image{max-width:50%;} #magazineBody .magazine_detail .content .magazine_image_wrap .caption_div{height:20px;margin-top:8px;} #magazineBody .magazine_detail .content .magazine_image_wrap .magazine_image_caption{text-align:center;display:inline-block;max-width:100%;font-size:14px;line-height:20px;color:#7f8fa6;letter-spacing:-0.4px;vertical-align:top;} #magazineBody .magazine_detail .content .magazine_image_wrap.m_i_size_h .magazine_image_caption{max-width:50%;} #magazineBody .magazine_detail .content .magazine_image_wrap.m_i_layout_f.m_i_size_h{width:50%;display:inline-block;} #magazineBody .magazine_detail .content .magazine_image_wrap.m_i_layout_f.m_i_size_h.m_i_align_l{float:left;margin:16px 16px 16px 0;} #magazineBody .magazine_detail .content .magazine_image_wrap.m_i_layout_f.m_i_size_h.m_i_align_r{float:right;margin:16px 0px 16px 16px;} #magazineBody .magazine_detail .content .magazine_image_wrap.m_i_layout_f.m_i_size_h .magazine_image{max-width:100%;} #magazineBody .magazine_detail .content .magazine_image_wrap.m_i_layout_f.m_i_size_h .magazine_image_caption{max-width:100%;} #magazineBody .magazine_detail .content .game_link{color:#3F9DFF;} #magazineBody .magazine_detail .content .game_link_large{user-select:none;margin:16px 0px;} #magazineBody .magazine_detail .content .game_link_large.position_c{text-align:center;} #magazineBody .magazine_detail .content .game_link_large.position_r{text-align:right;} #magazineBody .magazine_detail .content .game_link_large.type_l .game_link_wrap{width:100%;max-width:540px;border-radius:8px;overflow:hidden;background:#FFF;box-shadow:0 3px 12px 0 rgba(61, 65, 77, 0.13);display:inline-block;text-align:left;vertical-align:top;} #magazineBody .magazine_detail .content .game_link_large.type_l .cover_image{display:inline-block;width:165px;height:165px;margin-right:20px;background-size:cover;background-position:center;vertical-align:top;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap{display:inline-block;width:calc(100% - 185px);vertical-align:top;padding-right:20px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .game_name{margin-top:20px;line-height:25px;font-size:17px;letter-spacing:-0.4px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .game_name .mobile_icon_new{height:22px;vertical-align:top;margin:1px 4px 0 0;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .score{line-height:16px;height:16px;margin-top:6px;font-size:13px;letter-spacing:-0.3px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .genre{margin-top:10px;line-height:24px;height:24px;overflow:hidden;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .genre .genre_item{display:inline-block;background:#ebeff8;border-radius:6px;padding:0 6px;margin-right:4px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .divider{width:100%;height:1px;background:#ebeff8;margin-top:25px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .link_text{line-height:18px;margin-top:8px;} #magazineBody .magazine_detail .content .game_link_large.type_c .game_link_wrap{width:343px;height:320px;border-radius:13px;overflow:hidden;background:#FFF;box-shadow:0 6px 10px 6px rgba(3, 24, 39, 0.07);display:inline-block;text-align:left;vertical-align:top;} #magazineBody .magazine_detail .content .game_link_large.type_c .cover_image{width:343px;height:160px;background-size:cover;background-position:center;} #magazineBody .magazine_detail .content .game_link_large.type_c .info_wrap{padding:0 20px;} #magazineBody .magazine_detail .content .game_link_large.type_c .info_wrap .game_name{margin-top:16px;line-height:24px;font-size:16px;letter-spacing:-0.4px;} #magazineBody .magazine_detail .content .game_link_large.type_c .info_wrap .game_name .mobile_icon_new{height:22px;vertical-align:top;margin:1px 4px 0 0;} #magazineBody .magazine_detail .content .game_link_large.type_c .info_wrap .score{line-height:18px;height:18px;margin-top:4px;font-size:12px;letter-spacing:-0.3px;} #magazineBody .magazine_detail .content .game_link_large.type_c .info_wrap .genre{margin-top:8px;line-height:24px;height:24px;overflow:hidden;} #magazineBody .magazine_detail .content .game_link_large.type_c .info_wrap .genre .genre_item{display:inline-block;background:#ebeff8;border-radius:6px;padding:0 6px;margin-right:4px;} #magazineBody .magazine_detail .content .game_link_large.type_c .info_wrap .divider{width:100%;height:1px;background:#ebeff8;margin-top:22px;} #magazineBody .magazine_detail .content .game_link_large.type_c .info_wrap .link_text{line-height:18px;margin-top:10px;} #magazineBody .magazine_detail .content .game_link_large .info_wrap .arrow_icon{height:12px;float:right;vertical-align:top;margin-top:3px;transform:rotate(180deg);} #magazineBody .magazine_detail .content .m_link{border:solid 1px #ced8e5;border-radius:13px;margin:16px 0px;} #magazineBody .magazine_detail .content .m_link.type_t{padding:16px 20px;width:100%;} #magazineBody .magazine_detail .content .m_link.type_t .title{color:#031827;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:700;letter-spacing:-0.4px;} #magazineBody .magazine_detail .content .m_link.type_t .desc{color:#5b6d84;line-height:24px;max-height:48px;overflow:hidden;margin-top:4px;font-size:14px;letter-spacing:-0.3px;} #magazineBody .magazine_detail .content .m_link.type_t .url{color:#697b96;line-height:24px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;letter-spacing:-0.3px;} #magazineBody .magazine_detail .content .m_link.type_s{overflow:hidden;width:100%;} #magazineBody .magazine_detail .content .m_link.type_s .image{display:inline-block;vertical-align:top;width:130px;height:130px;background-size:cover;background-position:center;} #magazineBody .magazine_detail .content .m_link.type_s .info_wrap{display:inline-block;vertical-align:top;width:calc(100% - 130px);padding:16px 20px;} #magazineBody .magazine_detail .content .m_link.type_s .title{color:#031827;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:700;letter-spacing:-0.4px;} #magazineBody .magazine_detail .content .m_link.type_s .desc{color:#5b6d84;line-height:22px;height:44px;overflow:hidden;margin-top:4px;font-size:14px;letter-spacing:-0.3px;} #magazineBody .magazine_detail .content .m_link.type_s .url{color:#697b96;line-height:24px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;letter-spacing:-0.3px;} #magazineBody .magazine_detail .content .m_link.type_l{overflow:hidden;width:100%;} #magazineBody .magazine_detail .content .m_link.type_l .image{width:100%;height:246px;background-size:cover;background-position:center;} #magazineBody .magazine_detail .content .m_link.type_l .info_wrap{padding:16px 20px;} #magazineBody .magazine_detail .content .m_link.type_l .title{color:#031827;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:700;letter-spacing:-0.4px;} #magazineBody .magazine_detail .content .m_link.type_l .desc{color:#5b6d84;line-height:24px;max-height:48px;margin-top:4px;font-size:14px;letter-spacing:-0.3px;} #magazineBody .magazine_detail .content .m_link.type_l .url{color:#697b96;line-height:24px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;letter-spacing:-0.3px;} #magazineBody .magazine_detail .content ul{padding-left:26px;font-size:16px;} #magazineBody .magazine_detail .content ul > li{list-style:disc;} #magazineBody .magazine_detail .content ol{padding-left:26px;font-size:16px;} #magazineBody .magazine_detail .content ol > li{list-style:decimal;} #magazineBody .magazine_detail .content a{color:#3F9DFF;} #magazineBody .magazine_detail .content iframe{display:block;margin:16px auto;max-width:100%;} #magazineBody .magazine_detail .content .import_email .line_divider{margin:0;} #magazineBody .magazine_detail .content .import_email .sline_divider{margin:0;} #magazineBody .magazine_detail .content .import_email a{color:inherit;} @media only screen and (max-width:712px) and (min-width:600px) { .mobile_width #magazineBody .magazine_detail{width:100%;padding:0 16px;} } @media only screen and (max-width:599px) { #magazineBody .magazine_detail{width:100%;margin:17px auto 0 auto;padding:0 16px;} #magazineBody .magazine_detail .magazine_header .category_wrap{line-height:18px;font-size:12px;font-weight:700;letter-spacing:0.9px;} #magazineBody .magazine_detail .magazine_header .title{line-height:33px;font-size:22px;letter-spacing:-0.5px;} #magazineBody .magazine_detail .magazine_header .writer_time_wrap{margin-top:14px;} #magazineBody .magazine_detail .magazine_header .writer_time_wrap .magazine_writer{margin-right:16px;font-weight:700;} #magazineBody .magazine_detail .magazine_header .divider{margin:20px 0 20px 0;} #magazineBody .magazine_detail .content{font-size:16px;line-height:24px;letter-spacing:-0.4px;} #magazineBody .magazine_detail .content .m_d_col .m_d_col_t{padding:12px 44px 12px 16px;} #magazineBody .magazine_detail .content .m_d_col .m_d_col_c{padding:16px;} #magazineBody .magazine_detail .content .m_d_col.collapse_content .m_d_col_c{padding:0 16px;} #magazineBody .magazine_detail .content .m_d_col .col_arrow_icon{right:16px;} #magazineBody .magazine_detail .content .game_link_large.type_l .cover_image{width:105px;height:105px;margin-right:16px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap{width:calc(100% - 121px);padding-right:16px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .game_name{margin-top:12px;line-height:22px;font-size:15px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .game_name .mobile_icon_new{height:20px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .score{line-height:15px;height:15px;margin-top:3px;font-size:12px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .genre{margin-top:16px;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .divider{display:none;} #magazineBody .magazine_detail .content .game_link_large.type_l .info_wrap .link_text{display:none;} #magazineBody .magazine_detail .content .m_d_b{padding:24px;} } @media only screen and (max-width:374px) { #magazineBody .magazine_detail .magazine_header .writer_time_wrap{font-size:12px;} #magazineBody .magazine_detail .magazine_header .writer_time_wrap .magazine_writer{margin-right: 12px;} #magazineBody .magazine_detail .magazine_header .writer_time_wrap .comment_cnt{margin-left: 12px;} #magazineBody .magazine_detail .content .game_link_large.type_c .game_link_wrap{width:100%;} #magazineBody .magazine_detail .content .game_link_large.type_c .cover_image{width:100%;} } /******** 매거진 댓글 */ #magazineBody .magazine_comment{width:680px;margin:48px auto 0 auto;border-top:solid 1px #ebeff8;} #magazineBody .magazine_comment .expand_comment_wrap{padding:12px 20px 0 20px;} #magazineBody .magazine_comment .expand_comment_wrap .expand_comment{line-height:19px;cursor:pointer;} #magazineBody .magazine_comment .comment_list .comment_item{width:100%;padding:12px 0 0 20px;position:relative;} #magazineBody .magazine_comment .comment_item .profile_container{width:32px;vertical-align:top;margin:4px 8px 0 0;} #magazineBody .magazine_comment .comment_item .profile_container .profile_image{width:32px;height:32px;border-radius:16px;border:solid 1px #ced8e5;} #magazineBody .magazine_comment .comment_item .comment_info_wrap{width:calc(100% - 86px);vertical-align:top;} #magazineBody .magazine_comment .comment_item .comment_info_wrap .user_nickname{line-height:19px;} #magazineBody .magazine_comment .comment_item .comment_info_wrap .comment_text{width:calc(100% - 10px);line-height:19px;white-space:pre-wrap;position:relative;overflow:hidden;transition:height 0.15s ease-in;} #magazineBody .magazine_comment .comment_item .comment_info_wrap .comment_text > p{min-height:19px;word-break:break-word;} #magazineBody .magazine_comment .comment_item .comment_more_button{position:absolute;bottom:-1px;width:100%;height:75px;cursor:pointer;background:rgba(255,255,255,0.5);background:linear-gradient(to top, rgba(255,255,255,1) 25%, rgba(255,255,255,0));display:none;z-index:4;user-select:none;} #magazineBody .magazine_comment .comment_item .comment_more_button span{position:absolute;line-height:18px;bottom:0px;left:0;} #magazineBody .magazine_comment .comment_item .comment_info_wrap .comment_footer{margin-top:4px;line-height:18px;user-select:none;} #magazineBody .magazine_comment .comment_item .comment_info_wrap .comment_footer .show_like_button{cursor:pointer;} #magazineBody .magazine_comment .comment_item .comment_info_wrap .comment_footer .mention_button{cursor:pointer;} #magazineBody .magazine_comment .comment_item .comment_image{width:calc(100% - 10px);margin-top:8px;} #magazineBody .magazine_comment .comment_item .comment_image .image_container{max-height:260px;max-width:100%;} #magazineBody .magazine_comment .comment_item .comment_image .image_container .image{cursor:pointer;} #magazineBody .magazine_comment .comment_item .comment_divider{width:calc(100% - 40px);height:1px;background:#ebeff8;margin:12px 0 0 40px;} #magazineBody .magazine_comment .comment_item:last-child .comment_divider{background:transparent;margin-top:4px;} #magazineBody .magazine_comment .comment_item .comment_option_button{height:18px;position:absolute;top:13px;right:20px;cursor:pointer;} #magazineBody .magazine_comment .comment_item .comment_like_button{height:18px;position:absolute;bottom:13px;right:20px;cursor:pointer;opacity:0.6;} #magazineBody .magazine_comment .comment_item .comment_like_button.selected{opacity:1;} #magazineBody .magazine_comment .comment_item:last-child .comment_like_button{bottom:4px;} #magazineBody .magazine_comment .comment_item .comment_like_button.animate{transform-origin:-4% 70%;animation:likeAni .5s cubic-bezier(.64,.6,.73,1.39) 0s 1 normal;} #magazineBody .magazine_comment .write_comment{padding:12px 0;width:100%;margin:auto;} #magazineBody .magazine_comment .write_comment .comment_image_input{display:none;} #magazineBody .magazine_comment .write_comment .magazine_comment_image_dragover{border-radius:19px;background:#ebeff8;} #magazineBody .magazine_comment .write_comment .dragover_on{background:#bfe1ff;} #magazineBody .magazine_comment .write_comment .upload_image_icon{height:24px;vertical-align:top;margin:7px 0 0 16px;cursor:pointer;} #magazineBody .magazine_comment .write_comment .comment_login{line-height:19px;width:calc(100% - 40px);padding:9px 8px 10px 8px;display:inline-block;} #magazineBody .magazine_comment .write_comment .comment_text_area{line-height:19px;width:calc(100% - 100px);min-height:38px;display:inline-block;position:relative;} #magazineBody .magazine_comment .write_comment .comment_text_area .editor_placeholder{position:absolute;line-height:19px;top:9px;left:8px;z-index:0;} #magazineBody .magazine_comment .write_comment .comment_text_area .editor{position:relative;z-index:1;white-space:pre-wrap;padding:9px 8px 10px 8px;} #magazineBody .magazine_comment .write_comment .comment_text_area .editor > p{position:relative;} #magazineBody .magazine_comment .write_comment .write_comment_button{vertical-align:bottom;line-height:38px;cursor:pointer;color:#3f9dff;user-select:none;margin-left:20px;} #magazineBody .magazine_comment .write_comment .write_comment_button.disabled{color:#bfe1ff;} #magazineBody .magazine_comment .write_comment .comment_image_thumbnail_wrap{display:none;padding-bottom:12px;} #magazineBody .magazine_comment .write_comment .comment_image_thumbnail_wrap .comment_image_thumbnail{margin-left:48px;position:relative;width:128px;height:128px;background:#FFF;} #magazineBody .magazine_comment .write_comment .comment_image_thumbnail_wrap .comment_image_thumbnail .comment_image{width:128px;height:128px;} #magazineBody .magazine_comment .write_comment .comment_image_thumbnail_wrap .button_container{position:absolute;top:0;left:0;width:128px;height:128px;border:solid 1px #ced8e5;} #magazineBody .magazine_comment .write_comment .comment_image_thumbnail_wrap .button_container .crop_button{position:absolute;bottom:4px;right:4px;height:24px;width:24px;border-radius:12px;padding:4px;cursor:pointer;background:#3f9dff;box-shadow:-1px -1px 4px 0 rgba(29, 29, 29, 0.3);} #magazineBody .magazine_comment .write_comment .comment_image_thumbnail_wrap .button_container .delete_button{position:absolute;top:4px;right:4px;height:24px;width:24px;border-radius:12px;padding:4px;cursor:pointer;background:#7f8fa6;box-shadow:-1px -1px 4px 0 rgba(29, 29, 29, 0.3);} #magazineBody .magazine_comment .modify_comment{width:100%;} #magazineBody .magazine_comment .modify_comment .comment_image_input{display:none;} #magazineBody .magazine_comment .modify_comment .magazine_comment_image_dragover{display:inline-block;vertical-align:top;width:calc(100% - 40px);border-radius:19px;background:#ebeff8;} #magazineBody .magazine_comment .modify_comment .dragover_on{background:#bfe1ff;} #magazineBody .magazine_comment .modify_comment .upload_image_icon{height:24px;vertical-align:top;margin:7px 0 0 12px;cursor:pointer;} #magazineBody .magazine_comment .modify_comment .comment_text_area{line-height:19px;width:calc(100% - 40px);min-height:38px;display:inline-block;position:relative;} #magazineBody .magazine_comment .modify_comment .comment_text_area .editor_placeholder{position:absolute;line-height:19px;top:9px;left:8px;z-index:0;} #magazineBody .magazine_comment .modify_comment .comment_text_area .editor{position:relative;z-index:1;white-space:pre-wrap;padding:9px 8px 10px 8px;} #magazineBody .magazine_comment .modify_comment .comment_text_area .editor > p{position:relative;} #magazineBody .magazine_comment .modify_comment .comment_image_thumbnail_wrap{display:none;padding-bottom:12px;} #magazineBody .magazine_comment .modify_comment .comment_image_thumbnail_wrap .comment_image_thumbnail{margin-left:44px;position:relative;width:128px;height:128px;background:#FFF;} #magazineBody .magazine_comment .modify_comment .comment_image_thumbnail_wrap .comment_image_thumbnail .comment_image{width:128px;height:128px;} #magazineBody .magazine_comment .modify_comment .comment_image_thumbnail_wrap .button_container{position:absolute;top:0;left:0;width:128px;height:128px;border:solid 1px #ced8e5;} #magazineBody .magazine_comment .modify_comment .comment_image_thumbnail_wrap .button_container .crop_button{position:absolute;bottom:4px;right:4px;height:24px;width:24px;border-radius:12px;padding:4px;cursor:pointer;background:#3f9dff;box-shadow:-1px -1px 4px 0 rgba(29, 29, 29, 0.3);} #magazineBody .magazine_comment .modify_comment .comment_image_thumbnail_wrap .button_container .delete_button{position:absolute;top:4px;right:4px;height:24px;width:24px;border-radius:12px;padding:4px;cursor:pointer;background:#7f8fa6;box-shadow:-1px -1px 4px 0 rgba(29, 29, 29, 0.3);} #magazineBody .magazine_comment .modify_comment .submit_button_wrap{text-align:right;line-height:18px;margin-top:4px;user-select:none;} #magazineBody .magazine_comment .modify_comment .submit_button_wrap .cancel_button{cursor:pointer;} #magazineBody .magazine_comment .modify_comment .submit_button_wrap .modify_comment_button{cursor:pointer;} @media only screen and (max-width:712px) and (min-width:600px) { .mobile_width #magazineBody .magazine_comment{width:100%;padding:0 16px;} } @media only screen and (max-width:599px) { #magazineBody .magazine_comment{width:100%;} #magazineBody .magazine_comment .expand_comment_wrap{padding:12px 16px 0 16px;} #magazineBody .magazine_comment .comment_list .comment_item{padding:12px 16px 0 16px;} #magazineBody .magazine_comment .write_comment{padding:12px 16px;} #magazineBody .magazine_comment .write_comment .comment_text_area{width:calc(100% - 80px);} #magazineBody .magazine_comment .write_comment .write_comment_button{margin-left:0px;} } /******** 연관 매거진 */ #magazineBody .related_magazine{margin-top:80px;} #magazineBody .related_magazine .divider_background{width:100%;height:500px;border-top:solid 1px #ebeff8;position:absolute;left:0;background:#f5faff;z-index:-1;} #magazineBody .related_magazine .section_title{text-align:center;line-height:33px;padding-top:56px;} #magazineBody .related_magazine .related_magazine_list{margin-top:30px;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #magazineBody .related_magazine .related_magazine_list{padding:0 16px;} .mobile_width #magazineBody .related_magazine .related_magazine_list .magazine_item{width:calc(33vw - 24px);margin:70px 20px 0px 0;} .mobile_width #magazineBody .related_magazine .related_magazine_list .magazine_item:nth-child(3n){margin-right:0px;} .mobile_width #magazineBody .related_magazine .related_magazine_list .magazine_item:nth-child(-n+3){margin-top:0px;} .mobile_width #magazineBody .related_magazine .related_magazine_list .magazine_item .magazine_image{width:calc(33vw - 24px);height:calc(19vw - 13px);} } @media only screen and (max-width:599px) { #magazineBody .related_magazine{margin-top:0px;padding-bottom:60px;background:#f5faff;} #magazineBody .related_magazine .divider_background{display:none;} #magazineBody .related_magazine .section_title{text-align:left;padding:40px 16px 0 16px;} #magazineBody .related_magazine .related_magazine_list{margin-top:16px;padding:0 16px;} }